@atlaskit/editor-common 107.18.0 → 107.18.2

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @atlaskit/editor-common
 
+## 107.18.2
+
+### Patch Changes
+
+- [#197821](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/197821)
+  [`ceed6696867c2`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ceed6696867c2) -
+  [ux] [EDITOR-1062] updated error screen design and texts
+- Updated dependencies
+
+## 107.18.1
+
+### Patch Changes
+
+- [#197573](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/197573)
+  [`066bb4840be19`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/066bb4840be19) -
+  [ENGHEALTH-32415] resolve aria issues with element browser
+- Updated dependencies
+
 ## 107.18.0
 
 ### Minor Changes

package/dist/cjs/ai-messages/ai-failed-state.js

@@ -13,6 +13,11 @@ var aiFailedStateMessages = exports.aiFailedStateMessages = (0, _reactIntlNext.d
     defaultMessage: 'Your prompt or content might not comply with our Acceptable Use Policy. Please review both and refer to our <link>Acceptable Use Policy</link> if needed. If the problem persists, consider trying a different prompt or content.',
     description: 'Message to indicate to user their prompt or content (this can be a range of content, such as a selection or document -- we used content to keep it vague -- as this will change without user knowing) has been detected as violating Atlassians acceptable use policy.  Note the markdown link -- this is expected to remain as markdown as this string is converted to html.'
   },
+  cmdPaletteAupViolationMessage: {
+    id: 'fabric.editor.ai.experience.cmdPaletteAupViolationMessage',
+    defaultMessage: "We couldn’t complete that request because it doesn't comply with our <link>Acceptable Use Policy</link>.",
+    description: 'Message to indicate to user their prompt or content (this can be a range of content, such as a selection or document -- we used content to keep it vague -- as this will change without user knowing) has been detected as violating Atlassians acceptable use policy.  Note the markdown link -- this is expected to remain as markdown as this string is converted to html.'
+  },
   documentInsertError: {
     id: 'fabric.editor.ai.experience-application.documentInsertError',
     defaultMessage: "We're having trouble inserting the response. Close the dialog and try again.",
@@ -33,6 +38,11 @@ var aiFailedStateMessages = exports.aiFailedStateMessages = (0, _reactIntlNext.d
     defaultMessage: "We couldn\u2019t get a response, please try again.",
     description: "We couldn't get a response due to an api error (ie. the backend responded with an error, or got a timeout)"
   },
+  cmdPaletteApiError: {
+    id: 'fabric.editor.ai.experience.cmdPaletteApiError',
+    defaultMessage: "An error occurred while generating your response.",
+    description: "We couldn't get a response due to an api error (ie. the backend responded with an error, or got a timeout)"
+  },
   elevateDisabledGenerateError: {
     id: 'fabric.editor.ai.experience.elevateDisabledGenetateError',
     defaultMessage: "Free generate is disabled in Elevate at this time.",

package/dist/cjs/ai-messages/ai.js

@@ -198,6 +198,11 @@ var aiMessages = exports.aiMessages = (0, _reactIntlNext.defineMessages)({
     defaultMessage: "We're having trouble. Close the dialog and try again.",
     description: 'Message to users that displays when an unexpected error happens'
   },
+  cmdPaletteUnhandledErrorMessage: {
+    id: 'fabric.editor.ai.experience-application.cmdPaletteUnhandledErrorMessage',
+    defaultMessage: "We're having issues and can't generate a response right now. Try again later.",
+    description: 'Message to users that displays when an unexpected error happens'
+  },
   markdownErrorMessage: {
     id: 'fabric.editor.ai.experience-application.error-boundary.markdownErrorMessage',
     defaultMessage: "We're having trouble generating the preview. Close the dialog and try again.",

package/dist/cjs/element-browser/components/ElementList/ElementList.js

@@ -20,6 +20,7 @@ var _shortcut = require("@atlaskit/editor-shared-styles/shortcut");
 var _menu = require("@atlaskit/menu");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _compiled = require("@atlaskit/primitives/compiled");
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _analytics = require("../../../analytics");
 var _quickInsert = require("../../../quick-insert");
@@ -231,7 +232,8 @@ var ElementListSingleColumn = function ElementListSingleColumn(props) {
         selected: selectedItemIndex === index,
         focus: focusedItemIndex === index,
         setFocusedItemIndex: setFocusedItemIndex,
-        onInsertItem: onInsertItem
+        onInsertItem: onInsertItem,
+        role: (0, _expValEquals.expValEquals)('platform_editor_august_a11y', 'isEnabled', true) ? 'option' : undefined
       })));
     };
   },
@@ -361,7 +363,8 @@ function ElementItem(_ref6) {
     index = _ref6.index,
     onInsertItem = _ref6.onInsertItem,
     focus = _ref6.focus,
-    setFocusedItemIndex = _ref6.setFocusedItemIndex;
+    setFocusedItemIndex = _ref6.setFocusedItemIndex,
+    role = _ref6.role;
   var ref = (0, _useFocus.default)(focus);
 
   /**
@@ -406,11 +409,13 @@ function ElementItem(_ref6) {
       title: title
     }),
     isSelected: selected,
-    "aria-describedby": title,
+    "aria-describedby": (0, _expValEquals.expValEquals)('platform_editor_august_a11y', 'isEnabled', true) ? undefined : title,
+    "aria-label": (0, _expValEquals.expValEquals)('platform_editor_august_a11y', 'isEnabled', true) ? title : undefined,
     ref: ref,
     testId: "element-item-".concat(index),
     id: "searched-item-".concat(index),
-    isDisabled: isDisabled
+    isDisabled: isDisabled,
+    role: role
   }, (0, _react2.jsx)(ItemContent
   // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
   , {

package/dist/cjs/element-browser/components/StatelessElementBrowser.js

@@ -14,6 +14,7 @@ var _reactIntlNext = require("react-intl-next");
 var _withAnalyticsContext = _interopRequireDefault(require("@atlaskit/analytics-next/withAnalyticsContext"));
 var _withAnalyticsEvents = _interopRequireDefault(require("@atlaskit/analytics-next/withAnalyticsEvents"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _analytics = require("../../analytics");
 var _getEditorUgcToken = _interopRequireDefault(require("../../ugc-tokens/get-editor-ugc-token"));
 var _ViewMore = require("../components/ViewMore");
@@ -323,7 +324,8 @@ function MobileBrowser(_ref) {
       onClick: setFocusOnSearch,
       searchTerm: searchTerm,
       items: items,
-      selectedItemIndex: selectedItemIndex
+      selectedItemIndex: selectedItemIndex,
+      ariaControlsId: (0, _expValEquals.expValEquals)('platform_editor_august_a11y', 'isEnabled', true) ? _constants.ELEMENT_BROWSER_LIST_ID : undefined
     }), showCategories && (0, _react2.jsx)("nav", {
       css: mobileCategoryListWrapper,
       tabIndex: -1
@@ -336,7 +338,8 @@ function MobileBrowser(_ref) {
       setFocusedItemIndex: setFocusedItemIndex,
       setFocusOnSearch: setFocusOnSearch
     }))), (0, _react2.jsx)("div", {
-      css: mobileMainContent
+      css: mobileMainContent,
+      id: (0, _expValEquals.expValEquals)('platform_editor_august_a11y', 'isEnabled', true) ? _constants.ELEMENT_BROWSER_LIST_ID : undefined
     }, (0, _react2.jsx)(_ElementList.default, {
       items: items,
       mode: mode,

package/dist/cjs/element-browser/constants.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.SIDEBAR_WIDTH = exports.SIDEBAR_HEADING_WRAPPER_HEIGHT = exports.SIDEBAR_HEADING_PADDING_LEFT = exports.SEARCH_ITEM_HEIGHT_WIDTH = exports.SCROLLBAR_WIDTH = exports.INLINE_SIDEBAR_HEIGHT = exports.GRID_SIZE = exports.FLEX_ITEMS_CONTAINER_BREAKPOINT_NUMBERS = exports.ELEMENT_LIST_PADDING = exports.ELEMENT_ITEM_PADDING = exports.ELEMENT_ITEM_HEIGHT = exports.ELEMENT_BROWSER_ID = exports.DEVICE_BREAKPOINT_NUMBERS = void 0;
+exports.SIDEBAR_WIDTH = exports.SIDEBAR_HEADING_WRAPPER_HEIGHT = exports.SIDEBAR_HEADING_PADDING_LEFT = exports.SEARCH_ITEM_HEIGHT_WIDTH = exports.SCROLLBAR_WIDTH = exports.INLINE_SIDEBAR_HEIGHT = exports.GRID_SIZE = exports.FLEX_ITEMS_CONTAINER_BREAKPOINT_NUMBERS = exports.ELEMENT_LIST_PADDING = exports.ELEMENT_ITEM_PADDING = exports.ELEMENT_ITEM_HEIGHT = exports.ELEMENT_BROWSER_LIST_ID = exports.ELEMENT_BROWSER_ID = exports.DEVICE_BREAKPOINT_NUMBERS = void 0;
 var GRID_SIZE = exports.GRID_SIZE = 8;
 var DEVICE_BREAKPOINT_NUMBERS = exports.DEVICE_BREAKPOINT_NUMBERS = {
   small: GRID_SIZE * 40,
@@ -24,4 +24,5 @@ var SCROLLBAR_WIDTH = exports.SCROLLBAR_WIDTH = 15;
 var ELEMENT_LIST_PADDING = exports.ELEMENT_LIST_PADDING = 2;
 var ELEMENT_ITEM_HEIGHT = exports.ELEMENT_ITEM_HEIGHT = 60;
 var ELEMENT_ITEM_PADDING = exports.ELEMENT_ITEM_PADDING = 10;
-var ELEMENT_BROWSER_ID = exports.ELEMENT_BROWSER_ID = 'editor-element-browser';
+var ELEMENT_BROWSER_ID = exports.ELEMENT_BROWSER_ID = 'editor-element-browser';
+var ELEMENT_BROWSER_LIST_ID = exports.ELEMENT_BROWSER_LIST_ID = 'editor-element-browser-list';

package/dist/cjs/monitoring/error.js

@@ -16,7 +16,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 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); }
 var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "107.17.0";
+var packageVersion = "107.18.1";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/cjs/ui/DropList/index.js

@@ -23,7 +23,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
  * @jsx jsx
  */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "107.17.0";
+var packageVersion = "107.18.1";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 // Ignored via go/ees005

package/dist/es2019/ai-messages/ai-failed-state.js

@@ -6,6 +6,11 @@ export const aiFailedStateMessages = defineMessages({
     defaultMessage: 'Your prompt or content might not comply with our Acceptable Use Policy. Please review both and refer to our <link>Acceptable Use Policy</link> if needed. If the problem persists, consider trying a different prompt or content.',
     description: 'Message to indicate to user their prompt or content (this can be a range of content, such as a selection or document -- we used content to keep it vague -- as this will change without user knowing) has been detected as violating Atlassians acceptable use policy.  Note the markdown link -- this is expected to remain as markdown as this string is converted to html.'
   },
+  cmdPaletteAupViolationMessage: {
+    id: 'fabric.editor.ai.experience.cmdPaletteAupViolationMessage',
+    defaultMessage: "We couldn’t complete that request because it doesn't comply with our <link>Acceptable Use Policy</link>.",
+    description: 'Message to indicate to user their prompt or content (this can be a range of content, such as a selection or document -- we used content to keep it vague -- as this will change without user knowing) has been detected as violating Atlassians acceptable use policy.  Note the markdown link -- this is expected to remain as markdown as this string is converted to html.'
+  },
   documentInsertError: {
     id: 'fabric.editor.ai.experience-application.documentInsertError',
     defaultMessage: `We're having trouble inserting the response. Close the dialog and try again.`,
@@ -26,6 +31,11 @@ export const aiFailedStateMessages = defineMessages({
     defaultMessage: `We couldn’t get a response, please try again.`,
     description: `We couldn't get a response due to an api error (ie. the backend responded with an error, or got a timeout)`
   },
+  cmdPaletteApiError: {
+    id: 'fabric.editor.ai.experience.cmdPaletteApiError',
+    defaultMessage: `An error occurred while generating your response.`,
+    description: `We couldn't get a response due to an api error (ie. the backend responded with an error, or got a timeout)`
+  },
   elevateDisabledGenerateError: {
     id: 'fabric.editor.ai.experience.elevateDisabledGenetateError',
     defaultMessage: `Free generate is disabled in Elevate at this time.`,

package/dist/es2019/ai-messages/ai.js

@@ -192,6 +192,11 @@ export const aiMessages = defineMessages({
     defaultMessage: "We're having trouble. Close the dialog and try again.",
     description: 'Message to users that displays when an unexpected error happens'
   },
+  cmdPaletteUnhandledErrorMessage: {
+    id: 'fabric.editor.ai.experience-application.cmdPaletteUnhandledErrorMessage',
+    defaultMessage: "We're having issues and can't generate a response right now. Try again later.",
+    description: 'Message to users that displays when an unexpected error happens'
+  },
   markdownErrorMessage: {
     id: 'fabric.editor.ai.experience-application.error-boundary.markdownErrorMessage',
     defaultMessage: "We're having trouble generating the preview. Close the dialog and try again.",

package/dist/es2019/element-browser/components/ElementList/ElementList.js

@@ -16,6 +16,7 @@ import { shortcutStyle } from '@atlaskit/editor-shared-styles/shortcut';
 import { ButtonItem } from '@atlaskit/menu';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { Stack, Text } from '@atlaskit/primitives/compiled';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import Tooltip from '@atlaskit/tooltip';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE, fireAnalyticsEvent } from '../../../analytics';
 import { IconFallback } from '../../../quick-insert';
@@ -220,7 +221,8 @@ const ElementListSingleColumn = props => {
       selected: selectedItemIndex === index,
       focus: focusedItemIndex === index,
       setFocusedItemIndex: setFocusedItemIndex,
-      onInsertItem: onInsertItem
+      onInsertItem: onInsertItem,
+      role: expValEquals('platform_editor_august_a11y', 'isEnabled', true) ? 'option' : undefined
     })));
   },
   // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -350,7 +352,8 @@ export function ElementItem({
   index,
   onInsertItem,
   focus,
-  setFocusedItemIndex
+  setFocusedItemIndex,
+  role
 }) {
   const ref = useFocus(focus);
 
@@ -398,11 +401,13 @@ export function ElementItem({
       title: title
     }),
     isSelected: selected,
-    "aria-describedby": title,
+    "aria-describedby": expValEquals('platform_editor_august_a11y', 'isEnabled', true) ? undefined : title,
+    "aria-label": expValEquals('platform_editor_august_a11y', 'isEnabled', true) ? title : undefined,
     ref: ref,
     testId: `element-item-${index}`,
     id: `searched-item-${index}`,
-    isDisabled: isDisabled
+    isDisabled: isDisabled,
+    role: role
   }, jsx(ItemContent
   // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
   , {

package/dist/es2019/element-browser/components/StatelessElementBrowser.js

@@ -11,10 +11,11 @@ import { FormattedMessage } from 'react-intl-next';
 import withAnalyticsContext from '@atlaskit/analytics-next/withAnalyticsContext';
 import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import { fg } from '@atlaskit/platform-feature-flags';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE, fireAnalyticsEvent } from '../../analytics';
 import editorUGCToken from '../../ugc-tokens/get-editor-ugc-token';
 import { ViewMore as ViewMoreNext } from '../components/ViewMore';
-import { DEVICE_BREAKPOINT_NUMBERS, ELEMENT_BROWSER_ID, GRID_SIZE, INLINE_SIDEBAR_HEIGHT, SIDEBAR_HEADING_WRAPPER_HEIGHT, SIDEBAR_WIDTH } from '../constants';
+import { DEVICE_BREAKPOINT_NUMBERS, ELEMENT_BROWSER_ID, ELEMENT_BROWSER_LIST_ID, GRID_SIZE, INLINE_SIDEBAR_HEIGHT, SIDEBAR_HEADING_WRAPPER_HEIGHT, SIDEBAR_WIDTH } from '../constants';
 import useContainerWidth from '../hooks/use-container-width';
 import useSelectAndFocusOnArrowNavigation from '../hooks/use-select-and-focus-on-arrow-navigation';
 import { ViewMore } from '../ViewMore';
@@ -313,7 +314,8 @@ function MobileBrowser({
       onClick: setFocusOnSearch,
       searchTerm: searchTerm,
       items: items,
-      selectedItemIndex: selectedItemIndex
+      selectedItemIndex: selectedItemIndex,
+      ariaControlsId: expValEquals('platform_editor_august_a11y', 'isEnabled', true) ? ELEMENT_BROWSER_LIST_ID : undefined
     }), showCategories && jsx("nav", {
       css: mobileCategoryListWrapper,
       tabIndex: -1
@@ -326,7 +328,8 @@ function MobileBrowser({
       setFocusedItemIndex: setFocusedItemIndex,
       setFocusOnSearch: setFocusOnSearch
     }))), jsx("div", {
-      css: mobileMainContent
+      css: mobileMainContent,
+      id: expValEquals('platform_editor_august_a11y', 'isEnabled', true) ? ELEMENT_BROWSER_LIST_ID : undefined
     }, jsx(ElementList, {
       items: items,
       mode: mode,

package/dist/es2019/element-browser/constants.js

@@ -18,4 +18,5 @@ export const SCROLLBAR_WIDTH = 15;
 export const ELEMENT_LIST_PADDING = 2;
 export const ELEMENT_ITEM_HEIGHT = 60;
 export const ELEMENT_ITEM_PADDING = 10;
-export const ELEMENT_BROWSER_ID = 'editor-element-browser';
+export const ELEMENT_BROWSER_ID = 'editor-element-browser';
+export const ELEMENT_BROWSER_LIST_ID = 'editor-element-browser-list';

package/dist/es2019/monitoring/error.js

@@ -1,7 +1,7 @@
 import { isFedRamp } from './environment';
 const SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 const packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-const packageVersion = "107.17.0";
+const packageVersion = "107.18.1";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/es2019/ui/DropList/index.js

@@ -13,7 +13,7 @@ import withAnalyticsContext from '@atlaskit/analytics-next/withAnalyticsContext'
 import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import Layer from '../Layer';
 const packageName = "@atlaskit/editor-common";
-const packageVersion = "107.17.0";
+const packageVersion = "107.18.1";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 // Ignored via go/ees005

package/dist/esm/ai-messages/ai-failed-state.js

@@ -6,6 +6,11 @@ export var aiFailedStateMessages = defineMessages({
     defaultMessage: 'Your prompt or content might not comply with our Acceptable Use Policy. Please review both and refer to our <link>Acceptable Use Policy</link> if needed. If the problem persists, consider trying a different prompt or content.',
     description: 'Message to indicate to user their prompt or content (this can be a range of content, such as a selection or document -- we used content to keep it vague -- as this will change without user knowing) has been detected as violating Atlassians acceptable use policy.  Note the markdown link -- this is expected to remain as markdown as this string is converted to html.'
   },
+  cmdPaletteAupViolationMessage: {
+    id: 'fabric.editor.ai.experience.cmdPaletteAupViolationMessage',
+    defaultMessage: "We couldn’t complete that request because it doesn't comply with our <link>Acceptable Use Policy</link>.",
+    description: 'Message to indicate to user their prompt or content (this can be a range of content, such as a selection or document -- we used content to keep it vague -- as this will change without user knowing) has been detected as violating Atlassians acceptable use policy.  Note the markdown link -- this is expected to remain as markdown as this string is converted to html.'
+  },
   documentInsertError: {
     id: 'fabric.editor.ai.experience-application.documentInsertError',
     defaultMessage: "We're having trouble inserting the response. Close the dialog and try again.",
@@ -26,6 +31,11 @@ export var aiFailedStateMessages = defineMessages({
     defaultMessage: "We couldn\u2019t get a response, please try again.",
     description: "We couldn't get a response due to an api error (ie. the backend responded with an error, or got a timeout)"
   },
+  cmdPaletteApiError: {
+    id: 'fabric.editor.ai.experience.cmdPaletteApiError',
+    defaultMessage: "An error occurred while generating your response.",
+    description: "We couldn't get a response due to an api error (ie. the backend responded with an error, or got a timeout)"
+  },
   elevateDisabledGenerateError: {
     id: 'fabric.editor.ai.experience.elevateDisabledGenetateError',
     defaultMessage: "Free generate is disabled in Elevate at this time.",

package/dist/esm/ai-messages/ai.js

@@ -192,6 +192,11 @@ export var aiMessages = defineMessages({
     defaultMessage: "We're having trouble. Close the dialog and try again.",
     description: 'Message to users that displays when an unexpected error happens'
   },
+  cmdPaletteUnhandledErrorMessage: {
+    id: 'fabric.editor.ai.experience-application.cmdPaletteUnhandledErrorMessage',
+    defaultMessage: "We're having issues and can't generate a response right now. Try again later.",
+    description: 'Message to users that displays when an unexpected error happens'
+  },
   markdownErrorMessage: {
     id: 'fabric.editor.ai.experience-application.error-boundary.markdownErrorMessage',
     defaultMessage: "We're having trouble generating the preview. Close the dialog and try again.",

package/dist/esm/element-browser/components/ElementList/ElementList.js

@@ -17,6 +17,7 @@ import { shortcutStyle } from '@atlaskit/editor-shared-styles/shortcut';
 import { ButtonItem } from '@atlaskit/menu';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { Stack, Text } from '@atlaskit/primitives/compiled';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import Tooltip from '@atlaskit/tooltip';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE, fireAnalyticsEvent } from '../../../analytics';
 import { IconFallback } from '../../../quick-insert';
@@ -220,7 +221,8 @@ var ElementListSingleColumn = function ElementListSingleColumn(props) {
         selected: selectedItemIndex === index,
         focus: focusedItemIndex === index,
         setFocusedItemIndex: setFocusedItemIndex,
-        onInsertItem: onInsertItem
+        onInsertItem: onInsertItem,
+        role: expValEquals('platform_editor_august_a11y', 'isEnabled', true) ? 'option' : undefined
       })));
     };
   },
@@ -350,7 +352,8 @@ export function ElementItem(_ref6) {
     index = _ref6.index,
     onInsertItem = _ref6.onInsertItem,
     focus = _ref6.focus,
-    setFocusedItemIndex = _ref6.setFocusedItemIndex;
+    setFocusedItemIndex = _ref6.setFocusedItemIndex,
+    role = _ref6.role;
   var ref = useFocus(focus);
 
   /**
@@ -395,11 +398,13 @@ export function ElementItem(_ref6) {
       title: title
     }),
     isSelected: selected,
-    "aria-describedby": title,
+    "aria-describedby": expValEquals('platform_editor_august_a11y', 'isEnabled', true) ? undefined : title,
+    "aria-label": expValEquals('platform_editor_august_a11y', 'isEnabled', true) ? title : undefined,
     ref: ref,
     testId: "element-item-".concat(index),
     id: "searched-item-".concat(index),
-    isDisabled: isDisabled
+    isDisabled: isDisabled,
+    role: role
   }, jsx(ItemContent
   // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
   , {

package/dist/esm/element-browser/components/StatelessElementBrowser.js

@@ -12,10 +12,11 @@ import { FormattedMessage } from 'react-intl-next';
 import withAnalyticsContext from '@atlaskit/analytics-next/withAnalyticsContext';
 import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import { fg } from '@atlaskit/platform-feature-flags';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE, fireAnalyticsEvent } from '../../analytics';
 import editorUGCToken from '../../ugc-tokens/get-editor-ugc-token';
 import { ViewMore as ViewMoreNext } from '../components/ViewMore';
-import { DEVICE_BREAKPOINT_NUMBERS, ELEMENT_BROWSER_ID, GRID_SIZE, INLINE_SIDEBAR_HEIGHT, SIDEBAR_HEADING_WRAPPER_HEIGHT, SIDEBAR_WIDTH } from '../constants';
+import { DEVICE_BREAKPOINT_NUMBERS, ELEMENT_BROWSER_ID, ELEMENT_BROWSER_LIST_ID, GRID_SIZE, INLINE_SIDEBAR_HEIGHT, SIDEBAR_HEADING_WRAPPER_HEIGHT, SIDEBAR_WIDTH } from '../constants';
 import useContainerWidth from '../hooks/use-container-width';
 import useSelectAndFocusOnArrowNavigation from '../hooks/use-select-and-focus-on-arrow-navigation';
 import { ViewMore } from '../ViewMore';
@@ -313,7 +314,8 @@ function MobileBrowser(_ref) {
       onClick: setFocusOnSearch,
       searchTerm: searchTerm,
       items: items,
-      selectedItemIndex: selectedItemIndex
+      selectedItemIndex: selectedItemIndex,
+      ariaControlsId: expValEquals('platform_editor_august_a11y', 'isEnabled', true) ? ELEMENT_BROWSER_LIST_ID : undefined
     }), showCategories && jsx("nav", {
       css: mobileCategoryListWrapper,
       tabIndex: -1
@@ -326,7 +328,8 @@ function MobileBrowser(_ref) {
       setFocusedItemIndex: setFocusedItemIndex,
       setFocusOnSearch: setFocusOnSearch
     }))), jsx("div", {
-      css: mobileMainContent
+      css: mobileMainContent,
+      id: expValEquals('platform_editor_august_a11y', 'isEnabled', true) ? ELEMENT_BROWSER_LIST_ID : undefined
     }, jsx(ElementList, {
       items: items,
       mode: mode,

package/dist/esm/element-browser/constants.js

@@ -18,4 +18,5 @@ export var SCROLLBAR_WIDTH = 15;
 export var ELEMENT_LIST_PADDING = 2;
 export var ELEMENT_ITEM_HEIGHT = 60;
 export var ELEMENT_ITEM_PADDING = 10;
-export var ELEMENT_BROWSER_ID = 'editor-element-browser';
+export var ELEMENT_BROWSER_ID = 'editor-element-browser';
+export var ELEMENT_BROWSER_LIST_ID = 'editor-element-browser-list';

package/dist/esm/monitoring/error.js

@@ -7,7 +7,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { isFedRamp } from './environment';
 var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "107.17.0";
+var packageVersion = "107.18.1";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/esm/ui/DropList/index.js

@@ -20,7 +20,7 @@ import withAnalyticsContext from '@atlaskit/analytics-next/withAnalyticsContext'
 import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import Layer from '../Layer';
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "107.17.0";
+var packageVersion = "107.18.1";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 // Ignored via go/ees005

package/dist/types/ai-messages/ai-failed-state.d.ts

@@ -4,6 +4,11 @@ export declare const aiFailedStateMessages: {
         defaultMessage: string;
         description: string;
     };
+    cmdPaletteAupViolationMessage: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
     documentInsertError: {
         id: string;
         defaultMessage: string;
@@ -24,6 +29,11 @@ export declare const aiFailedStateMessages: {
         defaultMessage: string;
         description: string;
     };
+    cmdPaletteApiError: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
     elevateDisabledGenerateError: {
         id: string;
         defaultMessage: string;

package/dist/types/ai-messages/ai.d.ts

@@ -184,6 +184,11 @@ export declare const aiMessages: {
         defaultMessage: string;
         description: string;
     };
+    cmdPaletteUnhandledErrorMessage: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
     markdownErrorMessage: {
         id: string;
         defaultMessage: string;

package/dist/types/element-browser/components/ElementList/ElementList.d.ts

@@ -36,7 +36,8 @@ type ElementItemType = {
     focus: boolean;
     setFocusedItemIndex: (index: number) => void;
     index: number;
+    role?: string;
 };
-export declare function ElementItem({ inlineMode, selected, item, index, onInsertItem, focus, setFocusedItemIndex, }: ElementItemType): jsx.JSX.Element;
+export declare function ElementItem({ inlineMode, selected, item, index, onInsertItem, focus, setFocusedItemIndex, role, }: ElementItemType): jsx.JSX.Element;
 declare const MemoizedElementListWithAnalytics: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<Props & SelectedItemProps & WithAnalyticsEventsProps & import("@atlaskit/analytics-next").WithContextProps, "ref"> & React.RefAttributes<any>>>;
 export default MemoizedElementListWithAnalytics;

package/dist/types/element-browser/constants.d.ts

@@ -19,3 +19,4 @@ export declare const ELEMENT_LIST_PADDING = 2;
 export declare const ELEMENT_ITEM_HEIGHT = 60;
 export declare const ELEMENT_ITEM_PADDING = 10;
 export declare const ELEMENT_BROWSER_ID = "editor-element-browser";
+export declare const ELEMENT_BROWSER_LIST_ID = "editor-element-browser-list";

package/dist/types-ts4.5/ai-messages/ai-failed-state.d.ts

@@ -4,6 +4,11 @@ export declare const aiFailedStateMessages: {
         defaultMessage: string;
         description: string;
     };
+    cmdPaletteAupViolationMessage: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
     documentInsertError: {
         id: string;
         defaultMessage: string;
@@ -24,6 +29,11 @@ export declare const aiFailedStateMessages: {
         defaultMessage: string;
         description: string;
     };
+    cmdPaletteApiError: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
     elevateDisabledGenerateError: {
         id: string;
         defaultMessage: string;

package/dist/types-ts4.5/ai-messages/ai.d.ts

@@ -184,6 +184,11 @@ export declare const aiMessages: {
         defaultMessage: string;
         description: string;
     };
+    cmdPaletteUnhandledErrorMessage: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
     markdownErrorMessage: {
         id: string;
         defaultMessage: string;

package/dist/types-ts4.5/element-browser/components/ElementList/ElementList.d.ts

@@ -36,7 +36,8 @@ type ElementItemType = {
     focus: boolean;
     setFocusedItemIndex: (index: number) => void;
     index: number;
+    role?: string;
 };
-export declare function ElementItem({ inlineMode, selected, item, index, onInsertItem, focus, setFocusedItemIndex, }: ElementItemType): jsx.JSX.Element;
+export declare function ElementItem({ inlineMode, selected, item, index, onInsertItem, focus, setFocusedItemIndex, role, }: ElementItemType): jsx.JSX.Element;
 declare const MemoizedElementListWithAnalytics: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<Props & SelectedItemProps & WithAnalyticsEventsProps & import("@atlaskit/analytics-next").WithContextProps, "ref"> & React.RefAttributes<any>>>;
 export default MemoizedElementListWithAnalytics;

package/dist/types-ts4.5/element-browser/constants.d.ts

@@ -19,3 +19,4 @@ export declare const ELEMENT_LIST_PADDING = 2;
 export declare const ELEMENT_ITEM_HEIGHT = 60;
 export declare const ELEMENT_ITEM_PADDING = 10;
 export declare const ELEMENT_BROWSER_ID = "editor-element-browser";
+export declare const ELEMENT_BROWSER_LIST_ID = "editor-element-browser-list";

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "107.18.0",
+	"version": "107.18.2",
 	"description": "A package that contains common classes and components for editor and renderer",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -142,13 +142,13 @@
 		"@atlaskit/editor-shared-styles": "^3.5.0",
 		"@atlaskit/editor-tables": "^2.9.0",
 		"@atlaskit/emoji": "^69.3.0",
-		"@atlaskit/icon": "^27.9.0",
+		"@atlaskit/icon": "^27.10.0",
 		"@atlaskit/icon-object": "^7.2.0",
 		"@atlaskit/link": "^3.2.0",
 		"@atlaskit/link-datasource": "^4.19.0",
 		"@atlaskit/link-picker": "^3.9.0",
 		"@atlaskit/media-card": "^79.5.0",
-		"@atlaskit/media-client": "^35.2.0",
+		"@atlaskit/media-client": "^35.3.0",
 		"@atlaskit/media-client-react": "^4.1.0",
 		"@atlaskit/media-common": "^12.3.0",
 		"@atlaskit/media-file-preview": "^0.11.0",
@@ -162,7 +162,7 @@
 		"@atlaskit/platform-feature-flags-react": "^0.2.0",
 		"@atlaskit/popper": "^7.1.0",
 		"@atlaskit/primitives": "^14.11.0",
-		"@atlaskit/profilecard": "^24.1.0",
+		"@atlaskit/profilecard": "^24.2.0",
 		"@atlaskit/react-ufo": "^4.2.0",
 		"@atlaskit/section-message": "^8.5.0",
 		"@atlaskit/smart-card": "^40.7.0",