@atlaskit/editor-plugin-extension 3.0.0 → 3.0.2

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @atlaskit/editor-plugin-extension
 
+## 3.0.2
+
+### Patch Changes
+
+- Updated dependencies
+
+## 3.0.1
+
+### Patch Changes
+
+- [#98618](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/98618)
+  [`6eccf45581ff1`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/6eccf45581ff1) -
+  ED-25934 fix config panel user select's onFieldChange to dirty only if there are changes
+- Updated dependencies
+
 ## 3.0.0
 
 ### Major Changes

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

@@ -5,25 +5,21 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.performNodeUpdate = exports.insertOrReplaceExtension = exports.insertOrReplaceBodiedExtension = exports.editExtension = exports.createEditSelectedExtensionAction = exports.buildExtensionNode = void 0;
-Object.defineProperty(exports, "transformSliceToRemoveOpenBodiedExtension", {
-  enumerable: true,
-  get: function get() {
-    return _transforms.transformSliceToRemoveOpenBodiedExtension;
-  }
-});
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _analytics = require("@atlaskit/editor-common/analytics");
-var _transforms = require("@atlaskit/editor-common/transforms");
 var _state2 = require("@atlaskit/editor-prosemirror/state");
 var _utils = require("@atlaskit/editor-prosemirror/utils");
 var _extensionApi = require("../pm-plugins/extension-api");
-var _main = require("../pm-plugins/main");
+var _pluginFactory = require("../pm-plugins/plugin-factory");
 var _utils2 = require("../pm-plugins/utils");
 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) { (0, _defineProperty2.default)(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; }
-var buildExtensionNode = exports.buildExtensionNode = function buildExtensionNode(type, schema, attrs, content, marks) {
+var buildExtensionNode = exports.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);
@@ -36,7 +32,10 @@ var buildExtensionNode = exports.buildExtensionNode = function buildExtensionNod
   }
 };
 var performNodeUpdate = exports.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!');
@@ -58,7 +57,7 @@ var performNodeUpdate = exports.performNodeUpdate = function performNodeUpdate(e
         multiBodiedExtension = _schema$nodes.multiBodiedExtension;
       var isBodiedExtensionSelected = !!(0, _utils.findSelectedNodeOfType)([bodiedExtension])(selection);
       var isMultiBodiedExtensionSelected = !!(0, _utils.findSelectedNodeOfType)([multiBodiedExtension])(selection);
-      var extensionState = (0, _main.getPluginState)(state);
+      var extensionState = (0, _pluginFactory.getPluginState)(state);
       var updateSelectionsByNodeType = function updateSelectionsByNodeType(nodeType) {
         // Bodied/MultiBodied extensions can trigger an update when the cursor is inside which means that there is no node selected.
         // To work around that we replace the parent and create a text selection instead of new node selection
@@ -179,12 +178,15 @@ var updateExtensionParams = function updateExtensionParams(editorAnalyticsAPI) {
     }();
   };
 };
-var editExtension = exports.editExtension = function editExtension(macroProvider, applyChangeToContextPanel, editorAnalyticsAPI, updateExtension) {
+var editExtension = exports.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;
     }
-    var _getPluginState = (0, _main.getPluginState)(state),
+    var _getPluginState = (0, _pluginFactory.getPluginState)(state),
       localId = _getPluginState.localId;
     var nodeWithPos = (0, _utils2.findExtensionWithLocalId)(state, localId);
     if (!nodeWithPos) {
@@ -230,7 +232,7 @@ var createEditSelectedExtensionAction = exports.createEditSelectedExtensionActio
     if (!view) {
       return false;
     }
-    var _getPluginState2 = (0, _main.getPluginState)(view.state),
+    var _getPluginState2 = (0, _pluginFactory.getPluginState)(view.state),
       updateExtension = _getPluginState2.updateExtension;
     return editExtension(null, applyChangeToContextPanel, editorAnalyticsAPI, updateExtension)(view.state, view.dispatch, view);
   };

package/dist/cjs/extensionPlugin.js

@@ -14,6 +14,7 @@ var _keymap = _interopRequireDefault(require("./pm-plugins/keymap"));
 var _macro = require("./pm-plugins/macro");
 var _actions2 = require("./pm-plugins/macro/actions");
 var _main = require("./pm-plugins/main");
+var _pluginKey = require("./pm-plugins/plugin-key");
 var _bodiedExtension = require("./pm-plugins/toDOM-fixes/bodiedExtension");
 var _toolbar = require("./pm-plugins/toolbar");
 var _uniqueId = require("./pm-plugins/unique-id");
@@ -54,7 +55,7 @@ var extensionPlugin = exports.extensionPlugin = function extensionPlugin(_ref) {
       if (!state) {
         return undefined;
       }
-      var pluginState = _main.pluginKey.getState(state);
+      var pluginState = _pluginKey.pluginKey.getState(state);
       return {
         showContextPanel: pluginState === null || pluginState === void 0 ? void 0 : pluginState.showContextPanel
       };
@@ -112,6 +113,8 @@ var extensionPlugin = exports.extensionPlugin = function extensionPlugin(_ref) {
       api: function api() {
         var _api$contextPanel2, _api$analytics;
         return (0, _extensionApi.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/cjs/pm-plugins/keymap.js

@@ -7,11 +7,14 @@ exports.default = keymapPlugin;
 var _keymaps = require("@atlaskit/editor-common/keymaps");
 var _keymap = require("@atlaskit/editor-prosemirror/keymap");
 var _commands = require("../editor-commands/commands");
-var _main = require("./main");
+var _pluginFactory = require("./plugin-factory");
 function keymapPlugin(applyChange) {
   var list = {};
-  (0, _keymaps.bindKeymapWithCommand)(_keymaps.escape.common, function (state, dispatch) {
-    var extensionState = (0, _main.getPluginState)(state);
+  (0, _keymaps.bindKeymapWithCommand)(
+  // Ignored via go/ees005
+  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+  _keymaps.escape.common, function (state, dispatch) {
+    var extensionState = (0, _pluginFactory.getPluginState)(state);
     if (!extensionState.showContextPanel) {
       return false;
     }

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

@@ -5,30 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.createPlugin = void 0;
-Object.defineProperty(exports, "insertMacroFromMacroBrowser", {
-  enumerable: true,
-  get: function get() {
-    return _actions.insertMacroFromMacroBrowser;
-  }
-});
-Object.defineProperty(exports, "resolveMacro", {
-  enumerable: true,
-  get: function get() {
-    return _actions.resolveMacro;
-  }
-});
-Object.defineProperty(exports, "runMacroAutoConvert", {
-  enumerable: true,
-  get: function get() {
-    return _actions.runMacroAutoConvert;
-  }
-});
-Object.defineProperty(exports, "setMacroProvider", {
-  enumerable: true,
-  get: function get() {
-    return _actions.setMacroProvider;
-  }
-});
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
 var _actions = require("./actions");

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

@@ -4,26 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "createCommand", {
-  enumerable: true,
-  get: function get() {
-    return _pluginFactory.createCommand;
-  }
-});
-exports.createPlugin = exports.createExtensionProviderHandler = void 0;
-Object.defineProperty(exports, "getPluginState", {
-  enumerable: true,
-  get: function get() {
-    return _pluginFactory.getPluginState;
-  }
-});
-exports.handleUpdate = void 0;
-Object.defineProperty(exports, "pluginKey", {
-  enumerable: true,
-  get: function get() {
-    return _pluginKey.pluginKey;
-  }
-});
+exports.handleUpdate = exports.createPlugin = exports.createExtensionProviderHandler = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
@@ -192,7 +173,10 @@ var createPlugin = exports.createPlugin = function createPlugin(dispatch, provid
   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 = (0, _pluginFactory.createPluginState)(dispatch, {
     showEditButton: false,
     showContextPanel: false
@@ -231,11 +215,19 @@ var createPlugin = exports.createPlugin = function createPlugin(dispatch, provid
       handleDOMEvents: {
         blur: function blur(view, event) {
           if ((0, _platformFeatureFlags.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 _state.TextSelection(view.state.doc.resolve(0));
               var tr = view.state.tr.setSelection(emptySelection);
               view.dispatch(tr);
@@ -349,6 +341,8 @@ var createPlugin = exports.createPlugin = function createPlugin(dispatch, provid
       {
         useLongPressSelection: useLongPressSelection
       }),
+      // Ignored via go/ees005
+      // eslint-disable-next-line @typescript-eslint/max-params
       handleDrop: function handleDrop(view, event, slice, moved) {
         if ((0, _platformFeatureFlags.fg)('platform_editor_legacy_content_macro')) {
           if (!allowDragAndDrop) {

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

@@ -25,7 +25,7 @@ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _actions = require("../editor-actions/actions");
 var _commands = require("../editor-commands/commands");
 var _pluginKey = require("./macro/plugin-key");
-var _main = require("./main");
+var _pluginFactory = require("./plugin-factory");
 var _utils3 = require("./utils");
 var isLayoutSupported = function isLayoutSupported(state, selectedExtNode) {
   var _state$schema$nodes = state.schema.nodes,
@@ -47,7 +47,10 @@ var isLayoutSupported = function isLayoutSupported(state, selectedExtNode) {
   // and not inside a layoutSection
   return !!((isMultiBodiedExtension || isNonEmbeddedBodiedExtension || isNonEmbeddedExtension) && !(0, _utils2.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 = (0, _utils3.getSelectedExtension)(state, true);
 
   // we should only return breakout options when breakouts are enabled and the node supports them
@@ -81,7 +84,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 [];
   }
@@ -94,7 +100,7 @@ var editButton = function editButton(formatMessage, extensionState, applyChangeT
     // Taking the latest `updateExtension` from plugin state to avoid race condition @see ED-8501
     onClick: function onClick(state, dispatch, view) {
       var macroState = _pluginKey.pluginKey.getState(state);
-      var _getPluginState = (0, _main.getPluginState)(state),
+      var _getPluginState = (0, _pluginFactory.getPluginState)(state),
         updateExtension = _getPluginState.updateExtension;
       (0, _actions.editExtension)(macroState && macroState.macroProvider, applyChangeToContextPanel, editorAnalyticsAPI, updateExtension)(state, dispatch, view);
       return true;
@@ -112,7 +118,7 @@ var getToolbarConfig = exports.getToolbarConfig = function getToolbarConfig(_ref
     editorAnalyticsAPI = _ref.editorAnalyticsAPI;
   return function (state, intl) {
     var formatMessage = intl.formatMessage;
-    var extensionState = (0, _main.getPluginState)(state);
+    var extensionState = (0, _pluginFactory.getPluginState)(state);
     if (extensionState && !extensionState.showContextPanel && extensionState.element) {
       var nodeType = [state.schema.nodes.extension, state.schema.nodes.inlineExtension, state.schema.nodes.bodiedExtension, state.schema.nodes.multiBodiedExtension];
       var editButtonArray = editButton(formatMessage, extensionState, applyChangeToContextPanel, editorAnalyticsAPI);
@@ -144,6 +150,8 @@ var getToolbarConfig = exports.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;
         },
@@ -160,6 +168,8 @@ var getToolbarConfig = exports.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/cjs/pm-plugins/utils.js

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

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

@@ -145,7 +145,10 @@ var ConfigPanel = /*#__PURE__*/function (_React$Component) {
     // https://product-fabric.atlassian.net/browse/DST-2697
     // workaround for DST-2697, remove this function once fix.
     (0, _defineProperty2.default)(_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/cjs/ui/ConfigPanel/Fields/Boolean.js

@@ -77,7 +77,10 @@ function Checkbox(_ref) {
       error = _ref2.error;
     var isChecked = fieldProps.value,
       restFieldProps = (0, _objectWithoutProperties2.default)(fieldProps, _excluded);
-    return (0, _react2.jsx)(_react.Fragment, null, (0, _react2.jsx)(_checkbox.Checkbox, (0, _extends2.default)({}, restFieldProps, {
+    return (0, _react2.jsx)(_react.Fragment, null, (0, _react2.jsx)(_checkbox.Checkbox
+    // Ignored via go/ees005
+    // eslint-disable-next-line react/jsx-props-no-spreading
+    , (0, _extends2.default)({}, restFieldProps, {
       label: label,
       onChange: function onChange(event) {
         return handleOnChange(fieldProps.onChange, onFieldChange, event);
@@ -122,7 +125,10 @@ function Toggle(_ref3) {
     }, label, isRequired ? (0, _react2.jsx)(_primitives.Text, {
       color: "color.text.danger",
       "aria-hidden": "true"
-    }, "*") : null), (0, _react2.jsx)(_toggle.default, (0, _extends2.default)({}, restFieldProps, {
+    }, "*") : null), (0, _react2.jsx)(_toggle.default
+    // Ignored via go/ees005
+    // eslint-disable-next-line react/jsx-props-no-spreading
+    , (0, _extends2.default)({}, restFieldProps, {
       onChange: function onChange(event) {
         return handleOnChange(fieldProps.onChange, onFieldChange, event);
       },

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

@@ -57,8 +57,13 @@ function CheckboxGroupInner(_ref) {
     var onOptionChange = function onOptionChange(event) {
       _onChange(optionValue, event.target.checked);
     };
-    return (0, _react2.jsx)(_checkbox.Checkbox, (0, _extends2.default)({
+    return (0, _react2.jsx)(_checkbox.Checkbox
+    // Ignored via go/ees005
+    // eslint-disable-next-line react/no-array-index-key
+    , (0, _extends2.default)({
       key: i
+      // Ignored via go/ees005
+      // eslint-disable-next-line react/jsx-props-no-spreading
     }, restFieldProps, {
       isRequired: false,
       label: optionLabel,
@@ -100,6 +105,8 @@ 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/cjs/ui/ConfigPanel/Fields/CustomSelect.js

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

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

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

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

@@ -63,7 +63,10 @@ var DateField = function DateField(_ref) {
   }, function (_ref2) {
     var fieldProps = _ref2.fieldProps,
       error = _ref2.error;
-    return (0, _react2.jsx)(_react.Fragment, null, (0, _react2.jsx)(_datetimePicker.DatePicker, (0, _extends2.default)({}, fieldProps, {
+    return (0, _react2.jsx)(_react.Fragment, null, (0, _react2.jsx)(_datetimePicker.DatePicker
+    // Ignored via go/ees005
+    // eslint-disable-next-line react/jsx-props-no-spreading
+    , (0, _extends2.default)({}, fieldProps, {
       onChange: function onChange(date) {
         fieldProps.onChange(date);
         onFieldChange(parentField.name, true);
@@ -107,7 +110,10 @@ var DateRange = function DateRange(_ref3) {
     defaultValue: 'date-range'
   }, function (_ref4) {
     var fieldProps = _ref4.fieldProps;
-    return (0, _react2.jsx)(_textfield.default, (0, _extends2.default)({}, fieldProps, {
+    return (0, _react2.jsx)(_textfield.default
+    // Ignored via go/ees005
+    // eslint-disable-next-line react/jsx-props-no-spreading
+    , (0, _extends2.default)({}, fieldProps, {
       type: "hidden"
     }));
   })), (0, _react2.jsx)(_form.Field, {
@@ -122,7 +128,10 @@ var DateRange = function DateRange(_ref3) {
   }, function (_ref5) {
     var fieldProps = _ref5.fieldProps,
       error = _ref5.error;
-    return (0, _react2.jsx)(_react.Fragment, null, (0, _react2.jsx)(_radio.RadioGroup, (0, _extends2.default)({}, fieldProps, {
+    return (0, _react2.jsx)(_react.Fragment, null, (0, _react2.jsx)(_radio.RadioGroup
+    // Ignored via go/ees005
+    // eslint-disable-next-line react/jsx-props-no-spreading
+    , (0, _extends2.default)({}, fieldProps, {
       options: items,
       onChange: function onChange(event) {
         fieldProps.onChange(event.target.value);
@@ -138,7 +147,10 @@ var DateRange = function DateRange(_ref3) {
     defaultValue: currentValue
   }, function (_ref6) {
     var fieldProps = _ref6.fieldProps;
-    return (0, _react2.jsx)(_textfield.default, (0, _extends2.default)({}, fieldProps, {
+    return (0, _react2.jsx)(_textfield.default
+    // Ignored via go/ees005
+    // eslint-disable-next-line react/jsx-props-no-spreading
+    , (0, _extends2.default)({}, fieldProps, {
       type: "hidden"
     }));
   })) : (0, _react2.jsx)("div", {

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

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

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

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

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

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

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

@@ -35,12 +35,17 @@ 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 (0, _utils.validate)(field, value);
     }
   }, function (_ref2) {
     var fieldProps = _ref2.fieldProps,
       error = _ref2.error;
-    return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_select.default, (0, _extends2.default)({}, _objectSpread(_objectSpread({}, fieldProps), {}, {
+    return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_select.default
+    // Ignored via go/ees005
+    // eslint-disable-next-line react/jsx-props-no-spreading
+    , (0, _extends2.default)({}, _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/cjs/ui/ConfigPanel/Fields/String.js

@@ -44,7 +44,10 @@ function String(_ref) {
       var _onChange = fieldProps.onChange,
         restFieldProps = (0, _objectWithoutProperties2.default)(fieldProps, _excluded);
       var options = field.options;
-      return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_textarea.default, (0, _extends2.default)({}, restFieldProps, options, {
+      return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_textarea.default
+      // Ignored via go/ees005
+      // eslint-disable-next-line react/jsx-props-no-spreading
+      , (0, _extends2.default)({}, restFieldProps, options, {
         onChange: function onChange(e) {
           return _onChange(e.currentTarget.value);
         },
@@ -59,7 +62,10 @@ function String(_ref) {
         description: description
       }));
     }
-    return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_textfield.default, (0, _extends2.default)({}, fieldProps, {
+    return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_textfield.default
+    // Ignored via go/ees005
+    // eslint-disable-next-line react/jsx-props-no-spreading
+    , (0, _extends2.default)({}, fieldProps, {
       type: "text",
       autoFocus: autoFocus,
       onBlur: function onBlur() {

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

@@ -137,7 +137,10 @@ function SafeSmartUserPicker(_ref) {
       cancel = true;
     };
   }, [safeValue, productKey]);
-  return /*#__PURE__*/_react.default.createElement(_smartUserPicker.default, (0, _extends2.default)({}, formFieldPropsRest, {
+  return /*#__PURE__*/_react.default.createElement(_smartUserPicker.default
+  // Ignored via go/ees005
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  , (0, _extends2.default)({}, formFieldPropsRest, {
     onChange: onChangeUnsafe,
     autoFocus: autoFocus,
     onBlur: onBlur,
@@ -238,7 +241,8 @@ 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.default.createElement(_UnhandledType.default, {
@@ -257,7 +261,7 @@ function UserSelect(_ref2) {
       formFieldProps: fieldProps,
       autoFocus: autoFocus || false,
       onBlur: function onBlur() {
-        return onFieldChange(name, true);
+        return onFieldChange(name, meta.dirty);
       },
       onChange: onChange
     }), /*#__PURE__*/_react.default.createElement(_FieldMessages.default, {

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

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

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

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

package/dist/cjs/ui/SaveIndicator/SaveIndicator.js

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