@atlaskit/editor-plugin-extension 10.1.6 → 10.1.8

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/editor-plugin-extension
 
+## 10.1.8
+
+### Patch Changes
+
+- [`a4f09d516e927`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a4f09d516e927) -
+  [NO-ISSUE] Analytics for onclick for extensions copy
+- Updated dependencies
+
+## 10.1.7
+
+### Patch Changes
+
+- [`d2f1426fe5b85`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d2f1426fe5b85) -
+  [ux] ENGHEALTH-46817 Add feature gated a11y eslint fixes across editor packages
+- Updated dependencies
+
 ## 10.1.6
 
 ### Patch Changes

package/dist/cjs/pm-plugins/toolbar.js

@@ -300,6 +300,17 @@ var createOnClickCopyButton = exports.createOnClickCopyButton = function createO
 
   // this command copies the text content of the unsupported content extension to the clipboard
   return function (editorState) {
+    var _extensionApi$analyti;
+    extensionApi === null || extensionApi === void 0 || (_extensionApi$analyti = extensionApi.analytics) === null || _extensionApi$analyti === void 0 || _extensionApi$analyti.actions.fireAnalyticsEvent({
+      action: _analytics.ACTION.CLICKED,
+      actionSubject: _analytics.ACTION_SUBJECT.COPY_BUTTON,
+      actionSubjectId: node.type.name,
+      eventType: _analytics.EVENT_TYPE.UI,
+      attributes: {
+        extensionType: node.attrs.extensionType,
+        extensionKey: node.attrs.extensionKey
+      }
+    });
     (0, _utils3.copyUnsupportedContentToClipboard)({
       locale: locale,
       unsupportedContent: adf,
@@ -324,14 +335,14 @@ var getToolbarConfig = exports.getToolbarConfig = function getToolbarConfig(_ref
     extensionApi = _ref2.extensionApi,
     getUnsupportedContent = _ref2.getUnsupportedContent;
   return function (state, intl) {
-    var _extensionApi$decorat, _extensionApi$context, _extensionApi$analyti, _extensionApi$connect;
+    var _extensionApi$decorat, _extensionApi$context, _extensionApi$analyti2, _extensionApi$connect;
     var formatMessage = intl.formatMessage,
       locale = intl.locale;
     var extensionState = (0, _pluginFactory.getPluginState)(state);
     var extensionProvider = extensionState.extensionProvider;
     var hoverDecoration = extensionApi === null || extensionApi === void 0 || (_extensionApi$decorat = extensionApi.decorations) === null || _extensionApi$decorat === void 0 ? void 0 : _extensionApi$decorat.actions.hoverDecoration;
     var applyChangeToContextPanel = extensionApi === null || extensionApi === void 0 || (_extensionApi$context = extensionApi.contextPanel) === null || _extensionApi$context === void 0 ? void 0 : _extensionApi$context.actions.applyChange;
-    var editorAnalyticsAPI = extensionApi === null || extensionApi === void 0 || (_extensionApi$analyti = extensionApi.analytics) === null || _extensionApi$analyti === void 0 ? void 0 : _extensionApi$analyti.actions;
+    var editorAnalyticsAPI = extensionApi === null || extensionApi === void 0 || (_extensionApi$analyti2 = extensionApi.analytics) === null || _extensionApi$analyti2 === void 0 ? void 0 : _extensionApi$analyti2.actions;
     if (!extensionState || extensionState.showContextPanel || !extensionState.element) {
       return;
     }

package/dist/cjs/ui/ConfigPanel/ConfigPanel.js

@@ -16,11 +16,13 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
+var _bindEventListener = require("bind-event-listener");
 var _isEqual2 = _interopRequireDefault(require("lodash/isEqual"));
 var _merge = _interopRequireDefault(require("lodash/merge"));
 var _memoizeOne = _interopRequireDefault(require("memoize-one"));
 var _reactIntlNext = require("react-intl-next");
 var _analyticsNext = require("@atlaskit/analytics-next");
+var _browserApis = require("@atlaskit/browser-apis");
 var _buttonGroup = _interopRequireDefault(require("@atlaskit/button/button-group"));
 var _new = _interopRequireDefault(require("@atlaskit/button/new"));
 var _analytics = require("@atlaskit/editor-common/analytics");
@@ -28,6 +30,7 @@ var _extensions = require("@atlaskit/editor-common/extensions");
 var _hooks = require("@atlaskit/editor-common/hooks");
 var _form = _interopRequireWildcard(require("@atlaskit/form"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _constants = require("./constants");
 var _DescriptionSummary = require("./DescriptionSummary");
@@ -354,6 +357,7 @@ var ConfigPanel = /*#__PURE__*/function (_React$Component) {
       firstVisibleFieldName: props.fields ? _this.getFirstVisibleFieldName(props.fields) : undefined
     };
     _this.onFieldChange = null;
+    _this.unbindKeyDownHandler = null;
     return _this;
   }
   (0, _inherits2.default)(ConfigPanel, _React$Component);
@@ -364,15 +368,26 @@ var ConfigPanel = /*#__PURE__*/function (_React$Component) {
         fields = _this$props3.fields,
         parameters = _this$props3.parameters;
       this.parseParameters(fields, parameters);
+      if ((0, _expValEquals.expValEquals)('platform_editor_a11y_eslint_fix', 'isEnabled', true)) {
+        var doc = (0, _browserApis.getDocument)();
+        if (doc) {
+          this.unbindKeyDownHandler = (0, _bindEventListener.bind)(doc, {
+            type: 'keydown',
+            listener: this.handleKeyDown
+          });
+        }
+      }
     }
   }, {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
+      var _this$unbindKeyDownHa;
       var _this$props4 = this.props,
         createAnalyticsEvent = _this$props4.createAnalyticsEvent,
         extensionManifest = _this$props4.extensionManifest,
         fields = _this$props4.fields;
       var currentParameters = this.state.currentParameters;
+      (_this$unbindKeyDownHa = this.unbindKeyDownHandler) === null || _this$unbindKeyDownHa === void 0 || _this$unbindKeyDownHa.call(this);
       (0, _analytics.fireAnalyticsEvent)(createAnalyticsEvent)({
         payload: {
           action: _analytics.ACTION.CLOSED,
@@ -456,32 +471,28 @@ var ConfigPanel = /*#__PURE__*/function (_React$Component) {
           handleSubmit: handleSubmit
         }, function (onFieldChange) {
           _this2.onFieldChange = onFieldChange;
-          return (
-            /*#__PURE__*/
-            // eslint-disable-next-line @atlassian/a11y/no-noninteractive-element-interactions
-            _react.default.createElement("form", (0, _extends2.default)({}, formProps, {
-              noValidate: true,
-              onKeyDown: handleKeyDown,
-              "data-testid": "extension-config-panel"
-            }), _this2.renderHeader(extensionManifest), (0, _platformFeatureFlags.fg)('platform_editor_ai_object_sidebar_injection') && /*#__PURE__*/_react.default.createElement(_DescriptionSummary.DescriptionSummary, {
-              extensionManifest: extensionManifest
-            }), /*#__PURE__*/_react.default.createElement(ConfigFormIntlWithBoundary, {
-              api: api,
-              canSave: false,
-              errorMessage: errorMessage,
-              extensionManifest: extensionManifest,
-              fields: fields !== null && fields !== void 0 ? fields : [],
-              firstVisibleFieldName: firstVisibleFieldName,
-              hasParsedParameters: hasParsedParameters,
-              isLoading: isLoading || false,
-              onCancel: onCancel,
-              onFieldChange: onFieldChange,
-              parameters: currentParameters,
-              submitting: submitting,
-              featureFlags: featureFlags,
-              disableFields: _this2.props.disableFields
-            }))
-          );
+          return /*#__PURE__*/_react.default.createElement("form", (0, _extends2.default)({}, formProps, {
+            noValidate: true,
+            onKeyDown: (0, _expValEquals.expValEquals)('platform_editor_a11y_eslint_fix', 'isEnabled', true) ? undefined : handleKeyDown,
+            "data-testid": "extension-config-panel"
+          }), _this2.renderHeader(extensionManifest), (0, _platformFeatureFlags.fg)('platform_editor_ai_object_sidebar_injection') && /*#__PURE__*/_react.default.createElement(_DescriptionSummary.DescriptionSummary, {
+            extensionManifest: extensionManifest
+          }), /*#__PURE__*/_react.default.createElement(ConfigFormIntlWithBoundary, {
+            api: api,
+            canSave: false,
+            errorMessage: errorMessage,
+            extensionManifest: extensionManifest,
+            fields: fields !== null && fields !== void 0 ? fields : [],
+            firstVisibleFieldName: firstVisibleFieldName,
+            hasParsedParameters: hasParsedParameters,
+            isLoading: isLoading || false,
+            onCancel: onCancel,
+            onFieldChange: onFieldChange,
+            parameters: currentParameters,
+            submitting: submitting,
+            featureFlags: featureFlags,
+            disableFields: _this2.props.disableFields
+          }));
         });
       });
     }

package/dist/cjs/ui/ConfigPanel/Fields/UserSelect.js

@@ -113,8 +113,11 @@ function SafeSmartUserPicker(_ref) {
               _context.next = 2;
               return (0, _smartUserPicker.hydrateDefaultValues)(undefined,
               // no need to override baseUrl
-              makeCompat(safeValue), productKey, undefined // no need to override siteId
-              );
+              makeCompat(safeValue), productKey, undefined,
+              // no need to override siteId
+              {
+                tenantId: siteId
+              });
             case 2:
               hydrated = _context.sent;
               if (!(cancel || !isOptionData(hydrated))) {
@@ -136,7 +139,7 @@ function SafeSmartUserPicker(_ref) {
     return function () {
       cancel = true;
     };
-  }, [safeValue, productKey]);
+  }, [safeValue, productKey, siteId]);
   return /*#__PURE__*/_react.default.createElement(_smartUserPicker.default
   // Ignored via go/ees005
   // eslint-disable-next-line react/jsx-props-no-spreading

package/dist/cjs/ui/ConfigPanel/NestedForms/RemovableField.js

@@ -11,6 +11,7 @@ var _reactIntlNext = require("react-intl-next");
 var _extensions = require("@atlaskit/editor-common/extensions");
 var _crossCircle = _interopRequireDefault(require("@atlaskit/icon/core/cross-circle"));
 var _colors = require("@atlaskit/theme/colors");
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 /**
  * @jsxRuntime classic
@@ -53,12 +54,14 @@ var RemovableField = function RemovableField(_ref) {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     ,
     className: className
-  }, children, canRemoveField &&
-  // eslint-disable-next-line @atlassian/a11y/click-events-have-key-events, @atlassian/a11y/interactive-element-not-keyboard-focusable, @atlassian/a11y/no-static-element-interactions
-  (0, _react2.jsx)("div", {
+  }, children, canRemoveField && (0, _react2.jsx)("div", {
+    role: (0, _expValEquals.expValEquals)('platform_editor_a11y_eslint_fix', 'isEnabled', true) ? 'button' : undefined,
     css: removeButtonWrapperStyles,
     "data-testid": "remove-field-".concat(name),
-    onClick: onClickCallback
+    onClick: onClickCallback,
+    onKeyDown: (0, _expValEquals.expValEquals)('platform_editor_a11y_eslint_fix', 'isEnabled', true) ? onClickCallback : undefined,
+    onFocus: (0, _expValEquals.expValEquals)('platform_editor_a11y_eslint_fix', 'isEnabled', true) ? onClickCallback : undefined,
+    tabIndex: (0, _expValEquals.expValEquals)('platform_editor_a11y_eslint_fix', 'isEnabled', true) ? 0 : undefined
   }, (0, _react2.jsx)(_tooltip.default, {
     content: intl.formatMessage(_extensions.configPanelMessages.removeField),
     position: "left"

package/dist/es2019/pm-plugins/toolbar.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
+import { INPUT_METHOD, ACTION, ACTION_SUBJECT, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
 import { messages, NATIVE_EMBED_EXTENSION_TYPE } from '@atlaskit/editor-common/extensions';
 import commonMessages from '@atlaskit/editor-common/messages';
 import { BODIED_EXT_MBE_MARGIN_TOP } from '@atlaskit/editor-common/styles';
@@ -302,6 +302,17 @@ export const createOnClickCopyButton = ({
 
   // this command copies the text content of the unsupported content extension to the clipboard
   return editorState => {
+    var _extensionApi$analyti;
+    extensionApi === null || extensionApi === void 0 ? void 0 : (_extensionApi$analyti = extensionApi.analytics) === null || _extensionApi$analyti === void 0 ? void 0 : _extensionApi$analyti.actions.fireAnalyticsEvent({
+      action: ACTION.CLICKED,
+      actionSubject: ACTION_SUBJECT.COPY_BUTTON,
+      actionSubjectId: node.type.name,
+      eventType: EVENT_TYPE.UI,
+      attributes: {
+        extensionType: node.attrs.extensionType,
+        extensionKey: node.attrs.extensionKey
+      }
+    });
     copyUnsupportedContentToClipboard({
       locale,
       unsupportedContent: adf,
@@ -325,7 +336,7 @@ export const getToolbarConfig = ({
   extensionApi,
   getUnsupportedContent
 }) => (state, intl) => {
-  var _extensionApi$decorat, _extensionApi$context, _extensionApi$analyti, _extensionApi$connect, _extensionApi$connect2, _extensionApi$connect3;
+  var _extensionApi$decorat, _extensionApi$context, _extensionApi$analyti2, _extensionApi$connect, _extensionApi$connect2, _extensionApi$connect3;
   const {
     formatMessage,
     locale
@@ -336,7 +347,7 @@ export const getToolbarConfig = ({
   } = extensionState;
   const hoverDecoration = extensionApi === null || extensionApi === void 0 ? void 0 : (_extensionApi$decorat = extensionApi.decorations) === null || _extensionApi$decorat === void 0 ? void 0 : _extensionApi$decorat.actions.hoverDecoration;
   const applyChangeToContextPanel = extensionApi === null || extensionApi === void 0 ? void 0 : (_extensionApi$context = extensionApi.contextPanel) === null || _extensionApi$context === void 0 ? void 0 : _extensionApi$context.actions.applyChange;
-  const editorAnalyticsAPI = extensionApi === null || extensionApi === void 0 ? void 0 : (_extensionApi$analyti = extensionApi.analytics) === null || _extensionApi$analyti === void 0 ? void 0 : _extensionApi$analyti.actions;
+  const editorAnalyticsAPI = extensionApi === null || extensionApi === void 0 ? void 0 : (_extensionApi$analyti2 = extensionApi.analytics) === null || _extensionApi$analyti2 === void 0 ? void 0 : _extensionApi$analyti2.actions;
   if (!extensionState || extensionState.showContextPanel || !extensionState.element) {
     return;
   }

package/dist/es2019/ui/ConfigPanel/ConfigPanel.js

@@ -1,11 +1,13 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React, { useCallback, useEffect, useRef } from 'react';
+import { bind } from 'bind-event-listener';
 import _isEqual from 'lodash/isEqual';
 import _mergeRecursive from 'lodash/merge';
 import memoizeOne from 'memoize-one';
 import { injectIntl } from 'react-intl-next';
 import { withAnalyticsContext, withAnalyticsEvents } from '@atlaskit/analytics-next';
+import { getDocument } from '@atlaskit/browser-apis';
 import ButtonGroup from '@atlaskit/button/button-group';
 import Button from '@atlaskit/button/new';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE, fireAnalyticsEvent } from '@atlaskit/editor-common/analytics';
@@ -13,6 +15,7 @@ import { isTabGroup, configPanelMessages as messages } from '@atlaskit/editor-co
 import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import Form, { FormFooter } from '@atlaskit/form';
 import { fg } from '@atlaskit/platform-feature-flags';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { ALLOWED_LOGGED_MACRO_PARAMS } from './constants';
 import { DescriptionSummary } from './DescriptionSummary';
@@ -292,6 +295,7 @@ class ConfigPanel extends React.Component {
       firstVisibleFieldName: props.fields ? this.getFirstVisibleFieldName(props.fields) : undefined
     };
     this.onFieldChange = null;
+    this.unbindKeyDownHandler = null;
   }
   componentDidMount() {
     const {
@@ -299,8 +303,18 @@ class ConfigPanel extends React.Component {
       parameters
     } = this.props;
     this.parseParameters(fields, parameters);
+    if (expValEquals('platform_editor_a11y_eslint_fix', 'isEnabled', true)) {
+      const doc = getDocument();
+      if (doc) {
+        this.unbindKeyDownHandler = bind(doc, {
+          type: 'keydown',
+          listener: this.handleKeyDown
+        });
+      }
+    }
   }
   componentWillUnmount() {
+    var _this$unbindKeyDownHa;
     const {
       createAnalyticsEvent,
       extensionManifest,
@@ -309,6 +323,7 @@ class ConfigPanel extends React.Component {
     const {
       currentParameters
     } = this.state;
+    (_this$unbindKeyDownHa = this.unbindKeyDownHandler) === null || _this$unbindKeyDownHa === void 0 ? void 0 : _this$unbindKeyDownHa.call(this);
     fireAnalyticsEvent(createAnalyticsEvent)({
       payload: {
         action: ACTION.CLOSED,
@@ -395,32 +410,28 @@ class ConfigPanel extends React.Component {
         handleSubmit: handleSubmit
       }, onFieldChange => {
         this.onFieldChange = onFieldChange;
-        return (
-          /*#__PURE__*/
-          // eslint-disable-next-line @atlassian/a11y/no-noninteractive-element-interactions
-          React.createElement("form", _extends({}, formProps, {
-            noValidate: true,
-            onKeyDown: handleKeyDown,
-            "data-testid": "extension-config-panel"
-          }), this.renderHeader(extensionManifest), fg('platform_editor_ai_object_sidebar_injection') && /*#__PURE__*/React.createElement(DescriptionSummary, {
-            extensionManifest: extensionManifest
-          }), /*#__PURE__*/React.createElement(ConfigFormIntlWithBoundary, {
-            api: api,
-            canSave: false,
-            errorMessage: errorMessage,
-            extensionManifest: extensionManifest,
-            fields: fields !== null && fields !== void 0 ? fields : [],
-            firstVisibleFieldName: firstVisibleFieldName,
-            hasParsedParameters: hasParsedParameters,
-            isLoading: isLoading || false,
-            onCancel: onCancel,
-            onFieldChange: onFieldChange,
-            parameters: currentParameters,
-            submitting: submitting,
-            featureFlags: featureFlags,
-            disableFields: this.props.disableFields
-          }))
-        );
+        return /*#__PURE__*/React.createElement("form", _extends({}, formProps, {
+          noValidate: true,
+          onKeyDown: expValEquals('platform_editor_a11y_eslint_fix', 'isEnabled', true) ? undefined : handleKeyDown,
+          "data-testid": "extension-config-panel"
+        }), this.renderHeader(extensionManifest), fg('platform_editor_ai_object_sidebar_injection') && /*#__PURE__*/React.createElement(DescriptionSummary, {
+          extensionManifest: extensionManifest
+        }), /*#__PURE__*/React.createElement(ConfigFormIntlWithBoundary, {
+          api: api,
+          canSave: false,
+          errorMessage: errorMessage,
+          extensionManifest: extensionManifest,
+          fields: fields !== null && fields !== void 0 ? fields : [],
+          firstVisibleFieldName: firstVisibleFieldName,
+          hasParsedParameters: hasParsedParameters,
+          isLoading: isLoading || false,
+          onCancel: onCancel,
+          onFieldChange: onFieldChange,
+          parameters: currentParameters,
+          submitting: submitting,
+          featureFlags: featureFlags,
+          disableFields: this.props.disableFields
+        }));
       });
     });
   }

package/dist/es2019/ui/ConfigPanel/Fields/UserSelect.js

@@ -79,8 +79,11 @@ function SafeSmartUserPicker({
     async function hydrate() {
       const hydrated = await hydrateDefaultValues(undefined,
       // no need to override baseUrl
-      makeCompat(safeValue), productKey, undefined // no need to override siteId
-      );
+      makeCompat(safeValue), productKey, undefined,
+      // no need to override siteId
+      {
+        tenantId: siteId
+      });
       if (cancel || !isOptionData(hydrated)) {
         return;
       }
@@ -90,7 +93,7 @@ function SafeSmartUserPicker({
     return () => {
       cancel = true;
     };
-  }, [safeValue, productKey]);
+  }, [safeValue, productKey, siteId]);
   return /*#__PURE__*/React.createElement(SmartUserPicker
   // Ignored via go/ees005
   // eslint-disable-next-line react/jsx-props-no-spreading

package/dist/es2019/ui/ConfigPanel/NestedForms/RemovableField.js

@@ -10,6 +10,7 @@ import { injectIntl } from 'react-intl-next';
 import { configPanelMessages as messages } from '@atlaskit/editor-common/extensions';
 import CrossCircleIcon from '@atlaskit/icon/core/cross-circle';
 import { N80, R300 } from '@atlaskit/theme/colors';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import Tooltip from '@atlaskit/tooltip';
 const removableFieldWrapperStyles = css({
   position: 'relative',
@@ -44,12 +45,14 @@ const RemovableField = ({
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     ,
     className: className
-  }, children, canRemoveField &&
-  // eslint-disable-next-line @atlassian/a11y/click-events-have-key-events, @atlassian/a11y/interactive-element-not-keyboard-focusable, @atlassian/a11y/no-static-element-interactions
-  jsx("div", {
+  }, children, canRemoveField && jsx("div", {
+    role: expValEquals('platform_editor_a11y_eslint_fix', 'isEnabled', true) ? 'button' : undefined,
     css: removeButtonWrapperStyles,
     "data-testid": `remove-field-${name}`,
-    onClick: onClickCallback
+    onClick: onClickCallback,
+    onKeyDown: expValEquals('platform_editor_a11y_eslint_fix', 'isEnabled', true) ? onClickCallback : undefined,
+    onFocus: expValEquals('platform_editor_a11y_eslint_fix', 'isEnabled', true) ? onClickCallback : undefined,
+    tabIndex: expValEquals('platform_editor_a11y_eslint_fix', 'isEnabled', true) ? 0 : undefined
   }, jsx(Tooltip, {
     content: intl.formatMessage(messages.removeField),
     position: "left"

package/dist/esm/pm-plugins/toolbar.js

@@ -3,7 +3,7 @@ import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import React from 'react';
-import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
+import { INPUT_METHOD, ACTION, ACTION_SUBJECT, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
 import { messages, NATIVE_EMBED_EXTENSION_TYPE } from '@atlaskit/editor-common/extensions';
 import commonMessages from '@atlaskit/editor-common/messages';
 import { BODIED_EXT_MBE_MARGIN_TOP } from '@atlaskit/editor-common/styles';
@@ -294,6 +294,17 @@ export var createOnClickCopyButton = function createOnClickCopyButton(_ref) {
 
   // this command copies the text content of the unsupported content extension to the clipboard
   return function (editorState) {
+    var _extensionApi$analyti;
+    extensionApi === null || extensionApi === void 0 || (_extensionApi$analyti = extensionApi.analytics) === null || _extensionApi$analyti === void 0 || _extensionApi$analyti.actions.fireAnalyticsEvent({
+      action: ACTION.CLICKED,
+      actionSubject: ACTION_SUBJECT.COPY_BUTTON,
+      actionSubjectId: node.type.name,
+      eventType: EVENT_TYPE.UI,
+      attributes: {
+        extensionType: node.attrs.extensionType,
+        extensionKey: node.attrs.extensionKey
+      }
+    });
     copyUnsupportedContentToClipboard({
       locale: locale,
       unsupportedContent: adf,
@@ -318,14 +329,14 @@ export var getToolbarConfig = function getToolbarConfig(_ref2) {
     extensionApi = _ref2.extensionApi,
     getUnsupportedContent = _ref2.getUnsupportedContent;
   return function (state, intl) {
-    var _extensionApi$decorat, _extensionApi$context, _extensionApi$analyti, _extensionApi$connect;
+    var _extensionApi$decorat, _extensionApi$context, _extensionApi$analyti2, _extensionApi$connect;
     var formatMessage = intl.formatMessage,
       locale = intl.locale;
     var extensionState = getPluginState(state);
     var extensionProvider = extensionState.extensionProvider;
     var hoverDecoration = extensionApi === null || extensionApi === void 0 || (_extensionApi$decorat = extensionApi.decorations) === null || _extensionApi$decorat === void 0 ? void 0 : _extensionApi$decorat.actions.hoverDecoration;
     var applyChangeToContextPanel = extensionApi === null || extensionApi === void 0 || (_extensionApi$context = extensionApi.contextPanel) === null || _extensionApi$context === void 0 ? void 0 : _extensionApi$context.actions.applyChange;
-    var editorAnalyticsAPI = extensionApi === null || extensionApi === void 0 || (_extensionApi$analyti = extensionApi.analytics) === null || _extensionApi$analyti === void 0 ? void 0 : _extensionApi$analyti.actions;
+    var editorAnalyticsAPI = extensionApi === null || extensionApi === void 0 || (_extensionApi$analyti2 = extensionApi.analytics) === null || _extensionApi$analyti2 === void 0 ? void 0 : _extensionApi$analyti2.actions;
     if (!extensionState || extensionState.showContextPanel || !extensionState.element) {
       return;
     }

package/dist/esm/ui/ConfigPanel/ConfigPanel.js

@@ -12,11 +12,13 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
 function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React, { useCallback, useEffect, useRef } from 'react';
+import { bind } from 'bind-event-listener';
 import _isEqual from 'lodash/isEqual';
 import _mergeRecursive from 'lodash/merge';
 import memoizeOne from 'memoize-one';
 import { injectIntl } from 'react-intl-next';
 import { withAnalyticsContext, withAnalyticsEvents } from '@atlaskit/analytics-next';
+import { getDocument } from '@atlaskit/browser-apis';
 import ButtonGroup from '@atlaskit/button/button-group';
 import Button from '@atlaskit/button/new';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE, fireAnalyticsEvent } from '@atlaskit/editor-common/analytics';
@@ -24,6 +26,7 @@ import { isTabGroup, configPanelMessages as messages } from '@atlaskit/editor-co
 import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import Form, { FormFooter } from '@atlaskit/form';
 import { fg } from '@atlaskit/platform-feature-flags';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { ALLOWED_LOGGED_MACRO_PARAMS } from './constants';
 import { DescriptionSummary } from './DescriptionSummary';
@@ -345,6 +348,7 @@ var ConfigPanel = /*#__PURE__*/function (_React$Component) {
       firstVisibleFieldName: props.fields ? _this.getFirstVisibleFieldName(props.fields) : undefined
     };
     _this.onFieldChange = null;
+    _this.unbindKeyDownHandler = null;
     return _this;
   }
   _inherits(ConfigPanel, _React$Component);
@@ -355,15 +359,26 @@ var ConfigPanel = /*#__PURE__*/function (_React$Component) {
         fields = _this$props3.fields,
         parameters = _this$props3.parameters;
       this.parseParameters(fields, parameters);
+      if (expValEquals('platform_editor_a11y_eslint_fix', 'isEnabled', true)) {
+        var doc = getDocument();
+        if (doc) {
+          this.unbindKeyDownHandler = bind(doc, {
+            type: 'keydown',
+            listener: this.handleKeyDown
+          });
+        }
+      }
     }
   }, {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
+      var _this$unbindKeyDownHa;
       var _this$props4 = this.props,
         createAnalyticsEvent = _this$props4.createAnalyticsEvent,
         extensionManifest = _this$props4.extensionManifest,
         fields = _this$props4.fields;
       var currentParameters = this.state.currentParameters;
+      (_this$unbindKeyDownHa = this.unbindKeyDownHandler) === null || _this$unbindKeyDownHa === void 0 || _this$unbindKeyDownHa.call(this);
       fireAnalyticsEvent(createAnalyticsEvent)({
         payload: {
           action: ACTION.CLOSED,
@@ -447,32 +462,28 @@ var ConfigPanel = /*#__PURE__*/function (_React$Component) {
           handleSubmit: handleSubmit
         }, function (onFieldChange) {
           _this2.onFieldChange = onFieldChange;
-          return (
-            /*#__PURE__*/
-            // eslint-disable-next-line @atlassian/a11y/no-noninteractive-element-interactions
-            React.createElement("form", _extends({}, formProps, {
-              noValidate: true,
-              onKeyDown: handleKeyDown,
-              "data-testid": "extension-config-panel"
-            }), _this2.renderHeader(extensionManifest), fg('platform_editor_ai_object_sidebar_injection') && /*#__PURE__*/React.createElement(DescriptionSummary, {
-              extensionManifest: extensionManifest
-            }), /*#__PURE__*/React.createElement(ConfigFormIntlWithBoundary, {
-              api: api,
-              canSave: false,
-              errorMessage: errorMessage,
-              extensionManifest: extensionManifest,
-              fields: fields !== null && fields !== void 0 ? fields : [],
-              firstVisibleFieldName: firstVisibleFieldName,
-              hasParsedParameters: hasParsedParameters,
-              isLoading: isLoading || false,
-              onCancel: onCancel,
-              onFieldChange: onFieldChange,
-              parameters: currentParameters,
-              submitting: submitting,
-              featureFlags: featureFlags,
-              disableFields: _this2.props.disableFields
-            }))
-          );
+          return /*#__PURE__*/React.createElement("form", _extends({}, formProps, {
+            noValidate: true,
+            onKeyDown: expValEquals('platform_editor_a11y_eslint_fix', 'isEnabled', true) ? undefined : handleKeyDown,
+            "data-testid": "extension-config-panel"
+          }), _this2.renderHeader(extensionManifest), fg('platform_editor_ai_object_sidebar_injection') && /*#__PURE__*/React.createElement(DescriptionSummary, {
+            extensionManifest: extensionManifest
+          }), /*#__PURE__*/React.createElement(ConfigFormIntlWithBoundary, {
+            api: api,
+            canSave: false,
+            errorMessage: errorMessage,
+            extensionManifest: extensionManifest,
+            fields: fields !== null && fields !== void 0 ? fields : [],
+            firstVisibleFieldName: firstVisibleFieldName,
+            hasParsedParameters: hasParsedParameters,
+            isLoading: isLoading || false,
+            onCancel: onCancel,
+            onFieldChange: onFieldChange,
+            parameters: currentParameters,
+            submitting: submitting,
+            featureFlags: featureFlags,
+            disableFields: _this2.props.disableFields
+          }));
         });
       });
     }

package/dist/esm/ui/ConfigPanel/Fields/UserSelect.js

@@ -104,8 +104,11 @@ function SafeSmartUserPicker(_ref) {
               _context.next = 2;
               return hydrateDefaultValues(undefined,
               // no need to override baseUrl
-              makeCompat(safeValue), productKey, undefined // no need to override siteId
-              );
+              makeCompat(safeValue), productKey, undefined,
+              // no need to override siteId
+              {
+                tenantId: siteId
+              });
             case 2:
               hydrated = _context.sent;
               if (!(cancel || !isOptionData(hydrated))) {
@@ -127,7 +130,7 @@ function SafeSmartUserPicker(_ref) {
     return function () {
       cancel = true;
     };
-  }, [safeValue, productKey]);
+  }, [safeValue, productKey, siteId]);
   return /*#__PURE__*/React.createElement(SmartUserPicker
   // Ignored via go/ees005
   // eslint-disable-next-line react/jsx-props-no-spreading

package/dist/esm/ui/ConfigPanel/NestedForms/RemovableField.js

@@ -10,6 +10,7 @@ import { injectIntl } from 'react-intl-next';
 import { configPanelMessages as messages } from '@atlaskit/editor-common/extensions';
 import CrossCircleIcon from '@atlaskit/icon/core/cross-circle';
 import { N80, R300 } from '@atlaskit/theme/colors';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import Tooltip from '@atlaskit/tooltip';
 var removableFieldWrapperStyles = css({
   position: 'relative',
@@ -45,12 +46,14 @@ var RemovableField = function RemovableField(_ref) {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     ,
     className: className
-  }, children, canRemoveField &&
-  // eslint-disable-next-line @atlassian/a11y/click-events-have-key-events, @atlassian/a11y/interactive-element-not-keyboard-focusable, @atlassian/a11y/no-static-element-interactions
-  jsx("div", {
+  }, children, canRemoveField && jsx("div", {
+    role: expValEquals('platform_editor_a11y_eslint_fix', 'isEnabled', true) ? 'button' : undefined,
     css: removeButtonWrapperStyles,
     "data-testid": "remove-field-".concat(name),
-    onClick: onClickCallback
+    onClick: onClickCallback,
+    onKeyDown: expValEquals('platform_editor_a11y_eslint_fix', 'isEnabled', true) ? onClickCallback : undefined,
+    onFocus: expValEquals('platform_editor_a11y_eslint_fix', 'isEnabled', true) ? onClickCallback : undefined,
+    tabIndex: expValEquals('platform_editor_a11y_eslint_fix', 'isEnabled', true) ? 0 : undefined
   }, jsx(Tooltip, {
     content: intl.formatMessage(messages.removeField),
     position: "left"

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-extension",
-	"version": "10.1.6",
+	"version": "10.1.8",
 	"description": "editor-plugin-extension plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -25,6 +25,7 @@
 		"@atlaskit/adf-utils": "^19.27.0",
 		"@atlaskit/analytics-next": "^11.1.0",
 		"@atlaskit/avatar": "^25.8.0",
+		"@atlaskit/browser-apis": "^0.0.1",
 		"@atlaskit/button": "^23.9.0",
 		"@atlaskit/checkbox": "^17.3.0",
 		"@atlaskit/datetime-picker": "^17.5.0",
@@ -45,7 +46,7 @@
 		"@atlaskit/heading": "^5.3.0",
 		"@atlaskit/icon": "^31.0.0",
 		"@atlaskit/link": "^3.3.0",
-		"@atlaskit/mention": "^24.4.0",
+		"@atlaskit/mention": "^24.5.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/primitives": "^18.0.0",
 		"@atlaskit/radio": "^8.4.0",
@@ -57,7 +58,7 @@
 		"@atlaskit/textarea": "^8.2.0",
 		"@atlaskit/textfield": "^8.2.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tmp-editor-statsig": "^29.1.0",
+		"@atlaskit/tmp-editor-statsig": "^29.6.0",
 		"@atlaskit/toggle": "^15.2.0",
 		"@atlaskit/tokens": "^11.0.0",
 		"@atlaskit/tooltip": "^20.14.0",
@@ -71,7 +72,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^111.17.0",
+		"@atlaskit/editor-common": "^111.20.0",
 		"react": "^18.2.0",
 		"react-intl-next": "npm:react-intl@^5.18.1"
 	},