@atlaskit/editor-plugin-extension 3.0.0 → 3.0.2

package/dist/esm/editor-actions/actions.js

@@ -4,13 +4,15 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
 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 { ACTION, ACTION_SUBJECT, EVENT_TYPE, INPUT_METHOD, TARGET_SELECTION_SOURCE } from '@atlaskit/editor-common/analytics';
-export { transformSliceToRemoveOpenBodiedExtension } from '@atlaskit/editor-common/transforms';
 import { NodeSelection, Selection, TextSelection } from '@atlaskit/editor-prosemirror/state';
 import { findSelectedNodeOfType, replaceParentNodeOfType, replaceSelectedNode } from '@atlaskit/editor-prosemirror/utils';
 import { createExtensionAPI, getEditInLegacyMacroBrowser } from '../pm-plugins/extension-api';
-import { getPluginState } from '../pm-plugins/main';
+import { getPluginState } from '../pm-plugins/plugin-factory';
 import { findExtensionWithLocalId } from '../pm-plugins/utils';
-export var buildExtensionNode = function buildExtensionNode(type, schema, attrs, content, marks) {
+export var buildExtensionNode = function buildExtensionNode(type, schema, attrs, content, marks
+// Ignored via go/ees005
+// eslint-disable-next-line @typescript-eslint/max-params
+) {
   switch (type) {
     case 'extension':
       return schema.nodes.extension.createChecked(attrs, content, marks);
@@ -23,7 +25,10 @@ export var buildExtensionNode = function buildExtensionNode(type, schema, attrs,
   }
 };
 export var performNodeUpdate = function performNodeUpdate(editorAnalyticsAPI) {
-  return function (type, newAttrs, content, marks, shouldScrollIntoView) {
+  return function (type, newAttrs, content, marks, shouldScrollIntoView
+  // Ignored via go/ees005
+  // eslint-disable-next-line @typescript-eslint/max-params
+  ) {
     return function (_state, _dispatch, view) {
       if (!view) {
         throw Error('EditorView is required to perform node update!');
@@ -166,7 +171,10 @@ var updateExtensionParams = function updateExtensionParams(editorAnalyticsAPI) {
     }();
   };
 };
-export var editExtension = function editExtension(macroProvider, applyChangeToContextPanel, editorAnalyticsAPI, updateExtension) {
+export var editExtension = function editExtension(macroProvider, applyChangeToContextPanel, editorAnalyticsAPI, updateExtension
+// Ignored via go/ees005
+// eslint-disable-next-line @typescript-eslint/max-params
+) {
   return function (state, dispatch, view) {
     if (!view) {
       return false;

package/dist/esm/extensionPlugin.js

@@ -6,7 +6,8 @@ import { createExtensionAPI } from './pm-plugins/extension-api';
 import keymapPlugin from './pm-plugins/keymap';
 import { createPlugin as createMacroPlugin } from './pm-plugins/macro';
 import { insertMacroFromMacroBrowser, runMacroAutoConvert } from './pm-plugins/macro/actions';
-import { createPlugin, pluginKey } from './pm-plugins/main';
+import { createPlugin } from './pm-plugins/main';
+import { pluginKey } from './pm-plugins/plugin-key';
 import { bodiedExtensionSpecWithFixedToDOM } from './pm-plugins/toDOM-fixes/bodiedExtension';
 import { getToolbarConfig } from './pm-plugins/toolbar';
 import { createPlugin as createUniqueIdPlugin } from './pm-plugins/unique-id';
@@ -105,6 +106,8 @@ export var extensionPlugin = function extensionPlugin(_ref) {
       api: function api() {
         var _api$contextPanel2, _api$analytics;
         return createExtensionAPI({
+          // Ignored via go/ees005
+          // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
           editorView: editorViewRef.current,
           applyChange: _api === null || _api === void 0 || (_api$contextPanel2 = _api.contextPanel) === null || _api$contextPanel2 === void 0 ? void 0 : _api$contextPanel2.actions.applyChange,
           editorAnalyticsAPI: _api === null || _api === void 0 || (_api$analytics = _api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions

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

@@ -1,10 +1,13 @@
 import { bindKeymapWithCommand, escape } from '@atlaskit/editor-common/keymaps';
 import { keymap } from '@atlaskit/editor-prosemirror/keymap';
 import { clearEditingContext } from '../editor-commands/commands';
-import { getPluginState } from './main';
+import { getPluginState } from './plugin-factory';
 export default function keymapPlugin(applyChange) {
   var list = {};
-  bindKeymapWithCommand(escape.common, function (state, dispatch) {
+  bindKeymapWithCommand(
+  // Ignored via go/ees005
+  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+  escape.common, function (state, dispatch) {
     var extensionState = getPluginState(state);
     if (!extensionState.showContextPanel) {
       return false;

package/dist/esm/pm-plugins/macro/index.js

@@ -4,7 +4,6 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { setMacroProvider } from './actions';
 import { pluginKey } from './plugin-key';
-export { insertMacroFromMacroBrowser, resolveMacro, runMacroAutoConvert, setMacroProvider } from './actions';
 export var createPlugin = function createPlugin(dispatch, providerFactory) {
   return new SafePlugin({
     state: {

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

@@ -8,7 +8,7 @@ import { findParentNodeOfTypeClosestToPos, findSelectedNodeOfType } from '@atlas
 import { fg } from '@atlaskit/platform-feature-flags';
 import { clearEditingContext, updateState } from '../editor-commands/commands';
 import { lazyExtensionNodeView } from '../nodeviews/lazyExtension';
-import { createCommand, createPluginState, getPluginState } from './plugin-factory';
+import { createPluginState, getPluginState } from './plugin-factory';
 import { pluginKey } from './plugin-key';
 import { updateEditButton } from './update-edit-button';
 import { getSelectedDomElement, getSelectedExtension } from './utils';
@@ -160,13 +160,16 @@ export var handleUpdate = function handleUpdate(_ref3) {
   }
   return true;
 };
-var createPlugin = function createPlugin(dispatch, providerFactory, extensionHandlers, portalProviderAPI, eventDispatcher, pluginInjectionApi) {
+export var createPlugin = function createPlugin(dispatch, providerFactory, extensionHandlers, portalProviderAPI, eventDispatcher, pluginInjectionApi) {
   var _featureFlags$macroIn;
   var useLongPressSelection = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : false;
   var options = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : {};
   var featureFlags = arguments.length > 8 ? arguments[8] : undefined;
   var allowDragAndDrop = arguments.length > 9 && arguments[9] !== undefined ? arguments[9] : true;
-  var __rendererExtensionOptions = arguments.length > 10 ? arguments[10] : undefined;
+  var __rendererExtensionOptions
+  // Ignored via go/ees005
+  // eslint-disable-next-line @typescript-eslint/max-params
+  = arguments.length > 10 ? arguments[10] : undefined;
   var state = createPluginState(dispatch, {
     showEditButton: false,
     showContextPanel: false
@@ -205,11 +208,19 @@ var createPlugin = function createPlugin(dispatch, providerFactory, extensionHan
       handleDOMEvents: {
         blur: function blur(view, event) {
           if (fg('platform_editor_legacy_content_macro')) {
-            var currentTarget = event.relatedTarget;
-            var source = event.target;
+            var currentSelection = event.relatedTarget;
+            var previousSelection = event.target;
+            if (!(currentSelection instanceof HTMLElement) || !(previousSelection instanceof HTMLElement)) {
+              return;
+            }
+            var wasPreviousSelectionInsideExtensionEditableArea = !!previousSelection.closest('.extension-editable-area');
+            var isCurrentSelectionInsideExtensionEditableArea = !!currentSelection.closest('.extension-editable-area');
+            var maybeFromPopup = !!currentSelection.closest('[data-editor-popup="true"]');
 
-            // If the focus is going from outside to inside an area designated as an editable area of an extension, then the extension selection is reset.
-            if (!!currentTarget.closest('.extension-editable-area') !== !!source.closest('.extension-editable-area')) {
+            // We want to reset the user's selection if they are entering or exiting the extension editable area.
+            // To do so, we check if there previous selection was inside or outside, and if they are now inside or outside.
+            // We want to ignore this if a blur event is originating from an editor popup.
+            if (!maybeFromPopup && wasPreviousSelectionInsideExtensionEditableArea !== isCurrentSelectionInsideExtensionEditableArea) {
               var emptySelection = new TextSelection(view.state.doc.resolve(0));
               var tr = view.state.tr.setSelection(emptySelection);
               view.dispatch(tr);
@@ -323,6 +334,8 @@ var createPlugin = function createPlugin(dispatch, providerFactory, extensionHan
       {
         useLongPressSelection: useLongPressSelection
       }),
+      // Ignored via go/ees005
+      // eslint-disable-next-line @typescript-eslint/max-params
       handleDrop: function handleDrop(view, event, slice, moved) {
         if (fg('platform_editor_legacy_content_macro')) {
           if (!allowDragAndDrop) {
@@ -337,5 +350,4 @@ var createPlugin = function createPlugin(dispatch, providerFactory, extensionHan
       }
     }
   });
-};
-export { pluginKey, createPlugin, createCommand, getPluginState };
+};

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

@@ -18,7 +18,7 @@ import { fg } from '@atlaskit/platform-feature-flags';
 import { editExtension } from '../editor-actions/actions';
 import { removeDescendantNodes, removeExtension, updateExtensionLayout } from '../editor-commands/commands';
 import { pluginKey as macroPluginKey } from './macro/plugin-key';
-import { getPluginState } from './main';
+import { getPluginState } from './plugin-factory';
 import { getSelectedExtension } from './utils';
 var isLayoutSupported = function isLayoutSupported(state, selectedExtNode) {
   var _state$schema$nodes = state.schema.nodes,
@@ -40,7 +40,10 @@ var isLayoutSupported = function isLayoutSupported(state, selectedExtNode) {
   // and not inside a layoutSection
   return !!((isMultiBodiedExtension || isNonEmbeddedBodiedExtension || isNonEmbeddedExtension) && !hasParentNodeOfType([layoutSection])(selection));
 };
-var breakoutOptions = function breakoutOptions(state, formatMessage, extensionState, breakoutEnabled, editorAnalyticsAPI) {
+var breakoutOptions = function breakoutOptions(state, formatMessage, extensionState, breakoutEnabled, editorAnalyticsAPI
+// Ignored via go/ees005
+// eslint-disable-next-line @typescript-eslint/max-params
+) {
   var nodeWithPos = getSelectedExtension(state, true);
 
   // we should only return breakout options when breakouts are enabled and the node supports them
@@ -74,7 +77,10 @@ var breakoutOptions = function breakoutOptions(state, formatMessage, extensionSt
   }
   return [];
 };
-var editButton = function editButton(formatMessage, extensionState, applyChangeToContextPanel, editorAnalyticsAPI) {
+var editButton = function editButton(formatMessage, extensionState, applyChangeToContextPanel, editorAnalyticsAPI
+// Ignored via go/ees005
+// eslint-disable-next-line @typescript-eslint/max-params
+) {
   if (!extensionState.showEditButton) {
     return [];
   }
@@ -137,6 +143,8 @@ export var getToolbarConfig = function getToolbarConfig(_ref) {
       }
       return {
         title: 'Extension floating controls',
+        // Ignored via go/ees005
+        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
         getDomRef: function getDomRef() {
           return extensionState.element.parentElement || undefined;
         },
@@ -153,6 +161,8 @@ export var getToolbarConfig = function getToolbarConfig(_ref) {
             return nextPos;
           }
           var scrollWrapper = editorView.dom.closest('.fabric-editor-popup-scroll-parent') || document.body;
+          // Ignored via go/ees005
+          // eslint-disable-next-line @atlaskit/editor/no-as-casting
           var nestedBodiedExtensionDomElement = editorView.nodeDOM(extensionNode.pos);
           var nestedBodiedExtensionRect = nestedBodiedExtensionDomElement === null || nestedBodiedExtensionDomElement === void 0 ? void 0 : nestedBodiedExtensionDomElement.getBoundingClientRect();
           var wrapperBounds = scrollWrapper.getBoundingClientRect();

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

@@ -36,6 +36,8 @@ export var findExtensionWithLocalId = function findExtensionWithLocalId(state, l
   return matched;
 };
 export var getSelectedDomElement = function getSelectedDomElement(schema, domAtPos, selectedExtensionNode) {
+  // Ignored via go/ees005
+  // eslint-disable-next-line @atlaskit/editor/no-as-casting
   var selectedExtensionDomNode = findDomRefAtPos(selectedExtensionNode.pos, domAtPos);
   var isContentExtension = selectedExtensionNode.node.type !== schema.nodes.bodiedExtension;
   return (

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

@@ -135,7 +135,10 @@ var ConfigPanel = /*#__PURE__*/function (_React$Component) {
     // https://product-fabric.atlassian.net/browse/DST-2697
     // workaround for DST-2697, remove this function once fix.
     _defineProperty(_this, "backfillTabFormData", function (fields, formData, currentParameters) {
-      var getRelevantData = function getRelevantData(field, formParams, currentParams, backfill) {
+      var getRelevantData = function getRelevantData(field, formParams, currentParams, backfill
+      // Ignored via go/ees005
+      // eslint-disable-next-line @typescript-eslint/max-params
+      ) {
         if (field.hasGroupedValues && !(field.name in backfill)) {
           backfill[field.name] = {};
         }

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

@@ -68,7 +68,10 @@ function Checkbox(_ref) {
       error = _ref2.error;
     var isChecked = fieldProps.value,
       restFieldProps = _objectWithoutProperties(fieldProps, _excluded);
-    return jsx(Fragment, null, jsx(AKCheckbox, _extends({}, restFieldProps, {
+    return jsx(Fragment, null, jsx(AKCheckbox
+    // Ignored via go/ees005
+    // eslint-disable-next-line react/jsx-props-no-spreading
+    , _extends({}, restFieldProps, {
       label: label,
       onChange: function onChange(event) {
         return handleOnChange(fieldProps.onChange, onFieldChange, event);
@@ -113,7 +116,10 @@ function Toggle(_ref3) {
     }, label, isRequired ? jsx(Text, {
       color: "color.text.danger",
       "aria-hidden": "true"
-    }, "*") : null), jsx(AKToggle, _extends({}, restFieldProps, {
+    }, "*") : null), jsx(AKToggle
+    // Ignored via go/ees005
+    // eslint-disable-next-line react/jsx-props-no-spreading
+    , _extends({}, restFieldProps, {
       onChange: function onChange(event) {
         return handleOnChange(fieldProps.onChange, onFieldChange, event);
       },

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

@@ -52,8 +52,13 @@ function CheckboxGroupInner(_ref) {
     var onOptionChange = function onOptionChange(event) {
       _onChange(optionValue, event.target.checked);
     };
-    return jsx(AKCheckbox, _extends({
+    return jsx(AKCheckbox
+    // Ignored via go/ees005
+    // eslint-disable-next-line react/no-array-index-key
+    , _extends({
       key: i
+      // Ignored via go/ees005
+      // eslint-disable-next-line react/jsx-props-no-spreading
     }, restFieldProps, {
       isRequired: false,
       label: optionLabel,
@@ -95,6 +100,8 @@ export default function CheckboxGroup(_ref3) {
       description: description,
       options: options,
       onFieldChange: _onFieldChange
+      // Ignored via go/ees005
+      // eslint-disable-next-line react/jsx-props-no-spreading
     }, props));
   });
 }

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

@@ -145,7 +145,10 @@ function CustomSelect(_ref2) {
   }, function (_ref3) {
     var fieldProps = _ref3.fieldProps,
       error = _ref3.error;
-    return /*#__PURE__*/React.createElement(React.Fragment, null, resolver && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(AsyncCreatableSelect, _extends({}, fieldProps, {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, resolver && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(AsyncCreatableSelect
+    // Ignored via go/ees005
+    // eslint-disable-next-line react/jsx-props-no-spreading
+    , _extends({}, fieldProps, {
       onChange: function onChange(value) {
         fieldProps.onChange(value);
         // We assume onChange is called whenever values actually changed

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

@@ -28,7 +28,10 @@ function Date(_ref) {
   }, function (_ref2) {
     var fieldProps = _ref2.fieldProps,
       error = _ref2.error;
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DatePicker, _extends({}, fieldProps, {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DatePicker
+    // Ignored via go/ees005
+    // eslint-disable-next-line react/jsx-props-no-spreading
+    , _extends({}, fieldProps, {
       autoFocus: autoFocus,
       onBlur: function onBlur() {
         fieldProps.onBlur();

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

@@ -59,7 +59,10 @@ var DateField = function DateField(_ref) {
   }, function (_ref2) {
     var fieldProps = _ref2.fieldProps,
       error = _ref2.error;
-    return jsx(Fragment, null, jsx(DatePicker, _extends({}, fieldProps, {
+    return jsx(Fragment, null, jsx(DatePicker
+    // Ignored via go/ees005
+    // eslint-disable-next-line react/jsx-props-no-spreading
+    , _extends({}, fieldProps, {
       onChange: function onChange(date) {
         fieldProps.onChange(date);
         onFieldChange(parentField.name, true);
@@ -103,7 +106,10 @@ var DateRange = function DateRange(_ref3) {
     defaultValue: 'date-range'
   }, function (_ref4) {
     var fieldProps = _ref4.fieldProps;
-    return jsx(TextField, _extends({}, fieldProps, {
+    return jsx(TextField
+    // Ignored via go/ees005
+    // eslint-disable-next-line react/jsx-props-no-spreading
+    , _extends({}, fieldProps, {
       type: "hidden"
     }));
   })), jsx(Field, {
@@ -118,7 +124,10 @@ var DateRange = function DateRange(_ref3) {
   }, function (_ref5) {
     var fieldProps = _ref5.fieldProps,
       error = _ref5.error;
-    return jsx(Fragment, null, jsx(RadioGroup, _extends({}, fieldProps, {
+    return jsx(Fragment, null, jsx(RadioGroup
+    // Ignored via go/ees005
+    // eslint-disable-next-line react/jsx-props-no-spreading
+    , _extends({}, fieldProps, {
       options: items,
       onChange: function onChange(event) {
         fieldProps.onChange(event.target.value);
@@ -134,7 +143,10 @@ var DateRange = function DateRange(_ref3) {
     defaultValue: currentValue
   }, function (_ref6) {
     var fieldProps = _ref6.fieldProps;
-    return jsx(TextField, _extends({}, fieldProps, {
+    return jsx(TextField
+    // Ignored via go/ees005
+    // eslint-disable-next-line react/jsx-props-no-spreading
+    , _extends({}, fieldProps, {
       type: "hidden"
     }));
   })) : jsx("div", {

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

@@ -197,7 +197,10 @@ var FieldsetField = /*#__PURE__*/function (_React$Component) {
         testId: "add-more",
         appearance: "subtle",
         iconBefore: function iconBefore(iconProps) {
-          return jsx(AddCircleIcon, _extends({}, iconProps, {
+          return jsx(AddCircleIcon
+          // Ignored via go/ees005
+          // eslint-disable-next-line react/jsx-props-no-spreading
+          , _extends({}, iconProps, {
             size: "small",
             label: intl.formatMessage(messages.addField)
           }));

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

@@ -40,7 +40,10 @@ export default function Number(_ref) {
     var fieldProps = _ref2.fieldProps,
       error = _ref2.error,
       meta = _ref2.meta;
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(TextField, _extends({}, fieldProps, {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(TextField
+    // Ignored via go/ees005
+    // eslint-disable-next-line react/jsx-props-no-spreading
+    , _extends({}, fieldProps, {
       autoFocus: autoFocus,
       onBlur: function onBlur() {
         fieldProps.onBlur();

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

@@ -29,7 +29,10 @@ export default function RadioField(_ref) {
   }, function (_ref2) {
     var fieldProps = _ref2.fieldProps,
       error = _ref2.error;
-    return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(RadioGroup, _extends({}, fieldProps, {
+    return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(RadioGroup
+    // Ignored via go/ees005
+    // eslint-disable-next-line react/jsx-props-no-spreading
+    , _extends({}, fieldProps, {
       options: (field.items || []).map(function (option) {
         return _objectSpread(_objectSpread({}, option), {}, {
           name: field.name

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

@@ -25,12 +25,17 @@ export default function SelectField(_ref) {
     testId: "config-panel-select-".concat(name),
     isRequired: field.isRequired,
     validate: function validate(value) {
+      // Ignored via go/ees005
+      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
       return _validate(field, value);
     }
   }, function (_ref2) {
     var fieldProps = _ref2.fieldProps,
       error = _ref2.error;
-    return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Select, _extends({}, _objectSpread(_objectSpread({}, fieldProps), {}, {
+    return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Select
+    // Ignored via go/ees005
+    // eslint-disable-next-line react/jsx-props-no-spreading
+    , _extends({}, _objectSpread(_objectSpread({}, fieldProps), {}, {
       // Pass `id` as `inputId` so that the input gets the correct id, and make sure there are no duplicate ids
       inputId: fieldProps.id,
       id: undefined

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

@@ -34,7 +34,10 @@ export default function String(_ref) {
       var _onChange = fieldProps.onChange,
         restFieldProps = _objectWithoutProperties(fieldProps, _excluded);
       var options = field.options;
-      return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(TextArea, _extends({}, restFieldProps, options, {
+      return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(TextArea
+      // Ignored via go/ees005
+      // eslint-disable-next-line react/jsx-props-no-spreading
+      , _extends({}, restFieldProps, options, {
         onChange: function onChange(e) {
           return _onChange(e.currentTarget.value);
         },
@@ -49,7 +52,10 @@ export default function String(_ref) {
         description: description
       }));
     }
-    return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(TextField, _extends({}, fieldProps, {
+    return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(TextField
+    // Ignored via go/ees005
+    // eslint-disable-next-line react/jsx-props-no-spreading
+    , _extends({}, fieldProps, {
       type: "text",
       autoFocus: autoFocus,
       onBlur: function onBlur() {

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

@@ -127,7 +127,10 @@ function SafeSmartUserPicker(_ref) {
       cancel = true;
     };
   }, [safeValue, productKey]);
-  return /*#__PURE__*/React.createElement(SmartUserPicker, _extends({}, formFieldPropsRest, {
+  return /*#__PURE__*/React.createElement(SmartUserPicker
+  // Ignored via go/ees005
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  , _extends({}, formFieldPropsRest, {
     onChange: onChangeUnsafe,
     autoFocus: autoFocus,
     onBlur: onBlur,
@@ -228,7 +231,8 @@ export default function UserSelect(_ref2) {
     testId: "config-panel-user-select-".concat(name)
   }, function (_ref3) {
     var fieldProps = _ref3.fieldProps,
-      error = _ref3.error;
+      error = _ref3.error,
+      meta = _ref3.meta;
     // if any of these don't exists, the provider is missing
     if (!siteId || !principalId || !fieldId || !productKey) {
       return /*#__PURE__*/React.createElement(UnhandledType, {
@@ -247,7 +251,7 @@ export default function UserSelect(_ref2) {
       formFieldProps: fieldProps,
       autoFocus: autoFocus || false,
       onBlur: function onBlur() {
-        return onFieldChange(name, true);
+        return onFieldChange(name, meta.dirty);
       },
       onChange: onChange
     }), /*#__PURE__*/React.createElement(FieldMessages, {

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

@@ -136,7 +136,10 @@ var Header = function Header(_ref) {
   }, jsx(Text, {
     as: "p",
     testId: "config-panel-header-description"
-  }, description && jsx(Fragment, null, description.replace(/([^.])$/, '$1.'), " "), documentationUrl && (enableHelpCTA ? jsx(Box, {
+  }, description && jsx(Fragment, null,
+  // Ignored via go/ees005
+  // eslint-disable-next-line require-unicode-regexp
+  description.replace(/([^.])$/, '$1.'), ' '), documentationUrl && (enableHelpCTA ? jsx(Box, {
     xcss: helpLinkStyles
   }, jsx(Text, {
     as: "p"

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

@@ -61,6 +61,9 @@ export var getSafeParentedName = function getSafeParentedName(name, parentName)
   }
   return name;
 };
+
+// Ignored via go/ees005
+// eslint-disable-next-line require-unicode-regexp
 var duplicateFieldRegex = /:[0-9]+$/;
 export var isDuplicateField = function isDuplicateField(key) {
   return duplicateFieldRegex.test(key);

package/dist/esm/ui/SaveIndicator/SaveIndicator.js

@@ -73,5 +73,8 @@ export var SaveIndicator = function SaveIndicator(_ref) {
     size: "small"
   }), jsx(Box, {
     xcss: saveIndicatorTextStyles
-  }, jsx(Text, null, jsx(FormattedMessage, messages.saveIndicator))))));
+  }, jsx(Text, null, jsx(FormattedMessage
+  // Ignored via go/ees005
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  , messages.saveIndicator))))));
 };

package/dist/esm/ui/context-panel.js

@@ -12,7 +12,7 @@ import { NodeSelection, TextSelection } from '@atlaskit/editor-prosemirror/state
 import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
 import { buildExtensionNode } from '../editor-actions/actions';
 import { clearEditingContext, forceAutoSave, updateState } from '../editor-commands/commands';
-import { getPluginState } from '../pm-plugins/main';
+import { getPluginState } from '../pm-plugins/plugin-factory';
 import { getSelectedExtension } from '../pm-plugins/utils';
 import ConfigPanelLoader from './ConfigPanel/ConfigPanelLoader';
 import { SaveIndicator } from './SaveIndicator/SaveIndicator';
@@ -145,6 +145,8 @@ export var getContextPanel = function getContextPanel(getEditorView) {
 
 // Added this interface to handle the macroParams on Parameters
 
+// Ignored via go/ees005
+// eslint-disable-next-line @typescript-eslint/max-params
 export function onChangeAction(_x2) {
   return _onChangeAction.apply(this, arguments);
 }

package/dist/types/editor-actions/actions.d.ts

@@ -1,4 +1,3 @@
-export { transformSliceToRemoveOpenBodiedExtension } from '@atlaskit/editor-common/transforms';
 import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
 import type { UpdateExtension } from '@atlaskit/editor-common/extensions';
 import type { MacroProvider } from '@atlaskit/editor-common/provider-factory';
@@ -19,3 +18,4 @@ type Props = {
 export declare const createEditSelectedExtensionAction: ({ editorViewRef, editorAnalyticsAPI, applyChangeToContextPanel }: Props) => () => boolean;
 export declare const insertOrReplaceExtension: ({ editorView, action, attrs, content, position, size, tr, }: InsertOrReplaceExtensionType) => Transaction;
 export declare const insertOrReplaceBodiedExtension: ({ editorView, action, attrs, content, position, size, tr, }: InsertOrReplaceExtensionType) => Transaction;
+export {};

package/dist/types/pm-plugins/macro/index.d.ts

@@ -1,8 +1,4 @@
 import type { Dispatch } from '@atlaskit/editor-common/event-dispatcher';
 import type { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-import type { MacroState } from './types';
-export type { MacroProvider, MacroAttributes, ExtensionType, } from '@atlaskit/editor-common/provider-factory';
-export { insertMacroFromMacroBrowser, resolveMacro, runMacroAutoConvert, setMacroProvider, } from './actions';
-export type { MacroState };
 export declare const createPlugin: (dispatch: Dispatch, providerFactory: ProviderFactory) => SafePlugin<any>;

package/dist/types/pm-plugins/main.d.ts

@@ -8,8 +8,6 @@ import type { ApplyChangeHandler } from '@atlaskit/editor-plugin-context-panel';
 import type { EditorState } from '@atlaskit/editor-prosemirror/state';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { ExtensionPlugin, ExtensionPluginOptions } from '../extensionPluginType';
-import { createCommand, getPluginState } from './plugin-factory';
-import { pluginKey } from './plugin-key';
 export declare const createExtensionProviderHandler: (view: EditorView) => (name: string, provider?: Promise<ExtensionProvider>) => Promise<void>;
 export declare const handleUpdate: ({ view, prevState, domAtPos, extensionHandlers, applyChange, }: {
     view: EditorView;
@@ -18,7 +16,6 @@ export declare const handleUpdate: ({ view, prevState, domAtPos, extensionHandle
     extensionHandlers: ExtensionHandlers;
     applyChange: ApplyChangeHandler | undefined;
 }) => true | undefined;
-declare const createPlugin: (dispatch: Dispatch, providerFactory: ProviderFactory, extensionHandlers: ExtensionHandlers, portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, pluginInjectionApi: ExtractInjectionAPI<ExtensionPlugin> | undefined, useLongPressSelection?: boolean, options?: {
+export declare const createPlugin: (dispatch: Dispatch, providerFactory: ProviderFactory, extensionHandlers: ExtensionHandlers, portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, pluginInjectionApi: ExtractInjectionAPI<ExtensionPlugin> | undefined, useLongPressSelection?: boolean, options?: {
     appearance?: EditorAppearance;
 }, featureFlags?: FeatureFlags, allowDragAndDrop?: boolean, __rendererExtensionOptions?: ExtensionPluginOptions['__rendererExtensionOptions']) => SafePlugin<import("../extensionPluginType").ExtensionState>;
-export { pluginKey, createPlugin, createCommand, getPluginState };

package/dist/types-ts4.5/editor-actions/actions.d.ts

@@ -1,4 +1,3 @@
-export { transformSliceToRemoveOpenBodiedExtension } from '@atlaskit/editor-common/transforms';
 import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
 import type { UpdateExtension } from '@atlaskit/editor-common/extensions';
 import type { MacroProvider } from '@atlaskit/editor-common/provider-factory';
@@ -19,3 +18,4 @@ type Props = {
 export declare const createEditSelectedExtensionAction: ({ editorViewRef, editorAnalyticsAPI, applyChangeToContextPanel }: Props) => () => boolean;
 export declare const insertOrReplaceExtension: ({ editorView, action, attrs, content, position, size, tr, }: InsertOrReplaceExtensionType) => Transaction;
 export declare const insertOrReplaceBodiedExtension: ({ editorView, action, attrs, content, position, size, tr, }: InsertOrReplaceExtensionType) => Transaction;
+export {};

package/dist/types-ts4.5/pm-plugins/macro/index.d.ts

@@ -1,8 +1,4 @@
 import type { Dispatch } from '@atlaskit/editor-common/event-dispatcher';
 import type { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-import type { MacroState } from './types';
-export type { MacroProvider, MacroAttributes, ExtensionType, } from '@atlaskit/editor-common/provider-factory';
-export { insertMacroFromMacroBrowser, resolveMacro, runMacroAutoConvert, setMacroProvider, } from './actions';
-export type { MacroState };
 export declare const createPlugin: (dispatch: Dispatch, providerFactory: ProviderFactory) => SafePlugin<any>;

package/dist/types-ts4.5/pm-plugins/main.d.ts

@@ -8,8 +8,6 @@ import type { ApplyChangeHandler } from '@atlaskit/editor-plugin-context-panel';
 import type { EditorState } from '@atlaskit/editor-prosemirror/state';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { ExtensionPlugin, ExtensionPluginOptions } from '../extensionPluginType';
-import { createCommand, getPluginState } from './plugin-factory';
-import { pluginKey } from './plugin-key';
 export declare const createExtensionProviderHandler: (view: EditorView) => (name: string, provider?: Promise<ExtensionProvider>) => Promise<void>;
 export declare const handleUpdate: ({ view, prevState, domAtPos, extensionHandlers, applyChange, }: {
     view: EditorView;
@@ -18,7 +16,6 @@ export declare const handleUpdate: ({ view, prevState, domAtPos, extensionHandle
     extensionHandlers: ExtensionHandlers;
     applyChange: ApplyChangeHandler | undefined;
 }) => true | undefined;
-declare const createPlugin: (dispatch: Dispatch, providerFactory: ProviderFactory, extensionHandlers: ExtensionHandlers, portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, pluginInjectionApi: ExtractInjectionAPI<ExtensionPlugin> | undefined, useLongPressSelection?: boolean, options?: {
+export declare const createPlugin: (dispatch: Dispatch, providerFactory: ProviderFactory, extensionHandlers: ExtensionHandlers, portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, pluginInjectionApi: ExtractInjectionAPI<ExtensionPlugin> | undefined, useLongPressSelection?: boolean, options?: {
     appearance?: EditorAppearance;
 }, featureFlags?: FeatureFlags, allowDragAndDrop?: boolean, __rendererExtensionOptions?: ExtensionPluginOptions['__rendererExtensionOptions']) => SafePlugin<import("../extensionPluginType").ExtensionState>;
-export { pluginKey, createPlugin, createCommand, getPluginState };

package/example-utils/config-panel/ConfigPanelWithExtensionPicker.tsx

@@ -20,6 +20,8 @@ import { getExtensionKeyAndNodeKey } from '@atlaskit/editor-common/extensions';
 import Heading from '@atlaskit/heading';
 import { Box, xcss } from '@atlaskit/primitives';
 import TextArea from '@atlaskit/textarea';
+// Ignored via go/ees005
+// eslint-disable-next-line import/no-namespace
 import * as colors from '@atlaskit/theme/colors';
 import { token } from '@atlaskit/tokens';
 

package/example-utils/config-panel/ConfigPanelWithProviders.tsx

@@ -9,7 +9,7 @@ import type {
 	Parameters,
 } from '@atlaskit/editor-common/extensions';
 
-import ConfigPanel from '../../src/ui/ConfigPanel';
+import ConfigPanel from '../../src/ui/ConfigPanel/ConfigPanelLoader';
 
 export default function ConfigPanelWithProviders({
 	extensionType,