@atlaskit/editor-plugin-extension 29.0.3 → 29.0.5

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

@@ -8,13 +8,15 @@ exports.getToolbarConfig = exports.createOnClickCopyButton = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _react = _interopRequireDefault(require("react"));
-var _analytics = require("@atlaskit/editor-common/analytics");
-var _extensions = require("@atlaskit/editor-common/extensions");
-var _messages = _interopRequireDefault(require("@atlaskit/editor-common/messages"));
-var _styles = require("@atlaskit/editor-common/styles");
+var _enums = require("@atlaskit/editor-common/analytics/types/enums");
+var _isOfflineMode = require("@atlaskit/editor-common/connectivity/isOfflineMode");
+var _manifestHelpers = require("@atlaskit/editor-common/extensions/manifest-helpers");
+var _messages = require("@atlaskit/editor-common/extensions/messages");
+var _messages2 = _interopRequireDefault(require("@atlaskit/editor-common/messages"));
+var _extension = require("@atlaskit/editor-common/styles/extension");
 var _toolbarFlagCheck = require("@atlaskit/editor-common/toolbar-flag-check");
 var _utils = require("@atlaskit/editor-common/utils");
-var _editorPluginConnectivity = require("@atlaskit/editor-plugin-connectivity");
+var _referentiality = require("@atlaskit/editor-common/utils/referentiality");
 var _utils2 = require("@atlaskit/editor-prosemirror/utils");
 var _contentWidthNarrow = _interopRequireDefault(require("@atlaskit/icon/core/content-width-narrow"));
 var _contentWidthWide = _interopRequireDefault(require("@atlaskit/icon/core/content-width-wide"));
@@ -60,7 +62,7 @@ var isLayoutSupported = function isLayoutSupported(state, selectedExtNode) {
 
   // Skip agent-managed-block extension until it supports the layout controls in its custom node
   var extensionKey = selectedExtNode.node.attrs.extensionKey;
-  if (_extensions.AGENT_MANAGED_EXTENSION_KEY === extensionKey) {
+  if (_manifestHelpers.AGENT_MANAGED_EXTENSION_KEY === extensionKey) {
     return false;
   }
   var isMultiBodiedExtension = selectedExtNode.node.type === multiBodiedExtension;
@@ -81,40 +83,40 @@ var breakoutButtonListOptions = function breakoutButtonListOptions(state, format
       type: 'button',
       icon: function icon() {
         return /*#__PURE__*/_react.default.createElement(_contentWidthNarrow.default, {
-          label: formatMessage(_messages.default.layoutFixedWidth),
+          label: formatMessage(_messages2.default.layoutFixedWidth),
           spacing: "spacious"
         });
       },
       iconFallback: _contentWidthNarrow.default,
       onClick: (0, _commands.updateExtensionLayout)('default', editorAnalyticsAPI),
       selected: layout === 'default',
-      title: formatMessage(_messages.default.layoutFixedWidth),
+      title: formatMessage(_messages2.default.layoutFixedWidth),
       tabIndex: null
     }, {
       type: 'button',
       icon: function icon() {
         return /*#__PURE__*/_react.default.createElement(_contentWidthWide.default, {
-          label: formatMessage(_messages.default.layoutWide),
+          label: formatMessage(_messages2.default.layoutWide),
           spacing: "spacious"
         });
       },
       iconFallback: _contentWidthWide.default,
       onClick: (0, _commands.updateExtensionLayout)('wide', editorAnalyticsAPI),
       selected: layout === 'wide',
-      title: formatMessage(_messages.default.layoutWide),
+      title: formatMessage(_messages2.default.layoutWide),
       tabIndex: null
     }, {
       type: 'button',
       icon: function icon() {
         return /*#__PURE__*/_react.default.createElement(_expandHorizontal.default, {
-          label: formatMessage(_messages.default.layoutFullWidth),
+          label: formatMessage(_messages2.default.layoutFullWidth),
           spacing: "spacious"
         });
       },
       iconFallback: _expandHorizontal.default,
       onClick: (0, _commands.updateExtensionLayout)('full-width', editorAnalyticsAPI),
       selected: layout === 'full-width',
-      title: formatMessage(_messages.default.layoutFullWidth),
+      title: formatMessage(_messages2.default.layoutFullWidth),
       tabIndex: null
     }];
   }
@@ -132,48 +134,48 @@ var breakoutDropdownOptions = function breakoutDropdownOptions(state, formatMess
   var IconComponent;
   switch (layout) {
     case 'wide':
-      title = formatMessage(_messages.default.layoutStateWide);
+      title = formatMessage(_messages2.default.layoutStateWide);
       IconComponent = _contentWidthWide.default;
       break;
     case 'full-width':
-      title = formatMessage(_messages.default.layoutStateFullWidth);
+      title = formatMessage(_messages2.default.layoutStateFullWidth);
       IconComponent = _expandHorizontal.default;
       break;
     case 'default':
     default:
-      title = formatMessage(_messages.default.layoutStateFixedWidth);
+      title = formatMessage(_messages2.default.layoutStateFixedWidth);
       IconComponent = _contentWidthNarrow.default;
       break;
   }
   var options = [{
     id: 'editor.extensions.width.default',
-    title: formatMessage(_messages.default.layoutFixedWidth),
+    title: formatMessage(_messages2.default.layoutFixedWidth),
     onClick: (0, _commands.updateExtensionLayout)('default', editorAnalyticsAPI),
     selected: layout === 'default',
     icon: /*#__PURE__*/_react.default.createElement(_contentWidthNarrow.default, {
       color: "currentColor",
       spacing: "spacious",
-      label: formatMessage(_messages.default.layoutFixedWidth)
+      label: formatMessage(_messages2.default.layoutFixedWidth)
     })
   }, {
     id: 'editor.extensions.width.wide',
-    title: formatMessage(_messages.default.layoutWide),
+    title: formatMessage(_messages2.default.layoutWide),
     onClick: (0, _commands.updateExtensionLayout)('wide', editorAnalyticsAPI),
     selected: layout === 'wide',
     icon: /*#__PURE__*/_react.default.createElement(_contentWidthWide.default, {
       color: "currentColor",
       spacing: "spacious",
-      label: formatMessage(_messages.default.layoutWide)
+      label: formatMessage(_messages2.default.layoutWide)
     })
   }, {
     id: 'editor.extensions.width.full-width',
-    title: formatMessage(_messages.default.layoutFullWidth),
+    title: formatMessage(_messages2.default.layoutFullWidth),
     onClick: (0, _commands.updateExtensionLayout)('full-width', editorAnalyticsAPI),
     selected: layout === 'full-width',
     icon: /*#__PURE__*/_react.default.createElement(_expandHorizontal.default, {
       color: "currentColor",
       spacing: "spacious",
-      label: formatMessage(_messages.default.layoutFullWidth)
+      label: formatMessage(_messages2.default.layoutFullWidth)
     })
   }];
   return [{
@@ -215,7 +217,7 @@ var editButton = function editButton(formatMessage, extensionState, applyChangeT
       (0, _actions.editExtension)(macroState && macroState.macroProvider, applyChangeToContextPanel, editorAnalyticsAPI, updateExtension)(state, dispatch, view);
       return true;
     },
-    title: formatMessage(_extensions.messages.edit),
+    title: formatMessage(_messages.messages.edit),
     tabIndex: null,
     focusEditoronEnter: true,
     disabled: isDisabled,
@@ -264,7 +266,7 @@ var calculateToolbarPosition = function calculateToolbarPosition(editorView, nex
   var nestedBodiedExtensionDomElement = editorView.nodeDOM(extensionNode.pos);
   var nestedBodiedExtensionRect = nestedBodiedExtensionDomElement === null || nestedBodiedExtensionDomElement === void 0 ? void 0 : nestedBodiedExtensionDomElement.getBoundingClientRect();
   var wrapperBounds = scrollWrapper.getBoundingClientRect();
-  var toolbarTopPos = nestedBodiedExtensionRect.bottom - wrapperBounds.top + scrollWrapper.scrollTop + _styles.BODIED_EXT_MBE_MARGIN_TOP;
+  var toolbarTopPos = nestedBodiedExtensionRect.bottom - wrapperBounds.top + scrollWrapper.scrollTop + _extension.BODIED_EXT_MBE_MARGIN_TOP;
   return {
     top: toolbarTopPos,
     left: nextPos.left
@@ -310,10 +312,10 @@ var createOnClickCopyButton = exports.createOnClickCopyButton = function createO
   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,
-      eventType: _analytics.EVENT_TYPE.UI,
-      actionSubjectId: _analytics.ACTION_SUBJECT_ID.EXTENSION,
+      action: _enums.ACTION.CLICKED,
+      actionSubject: _enums.ACTION_SUBJECT.COPY_BUTTON,
+      eventType: _enums.EVENT_TYPE.UI,
+      actionSubjectId: _enums.ACTION_SUBJECT_ID.EXTENSION,
       attributes: {
         extensionDynamicType: node.type.name,
         extensionType: node.attrs.extensionType,
@@ -327,7 +329,7 @@ var createOnClickCopyButton = exports.createOnClickCopyButton = function createO
       api: extensionApi
     }).then(function () {
       var _extensionApi$copyBut;
-      extensionApi === null || extensionApi === void 0 || (_extensionApi$copyBut = extensionApi.copyButton) === null || _extensionApi$copyBut === void 0 || _extensionApi$copyBut.actions.afterCopy(formatMessage(_messages.default.copiedToClipboard));
+      extensionApi === null || extensionApi === void 0 || (_extensionApi$copyBut = extensionApi.copyButton) === null || _extensionApi$copyBut === void 0 || _extensionApi$copyBut.actions.afterCopy(formatMessage(_messages2.default.copiedToClipboard));
     }).catch(function (error) {
       (0, _utils3.onCopyFailed)({
         error: error,
@@ -360,32 +362,32 @@ var getToolbarConfig = exports.getToolbarConfig = function getToolbarConfig(_ref
     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$analyti2 = extensionApi.analytics) === null || _extensionApi$analyti2 === void 0 ? void 0 : _extensionApi$analyti2.actions;
     var nodeType = [state.schema.nodes.extension, state.schema.nodes.inlineExtension, state.schema.nodes.bodiedExtension, state.schema.nodes.multiBodiedExtension];
-    var editButtonItems = editButton(formatMessage, extensionState, applyChangeToContextPanel, editorAnalyticsAPI, (0, _editorPluginConnectivity.isOfflineMode)(extensionApi === null || extensionApi === void 0 || (_extensionApi$connect = extensionApi.connectivity) === null || _extensionApi$connect === void 0 || (_extensionApi$connect = _extensionApi$connect.sharedState) === null || _extensionApi$connect === void 0 || (_extensionApi$connect = _extensionApi$connect.currentState()) === null || _extensionApi$connect === void 0 ? void 0 : _extensionApi$connect.mode), extensionApi);
+    var editButtonItems = editButton(formatMessage, extensionState, applyChangeToContextPanel, editorAnalyticsAPI, (0, _isOfflineMode.isOfflineMode)(extensionApi === null || extensionApi === void 0 || (_extensionApi$connect = extensionApi.connectivity) === null || _extensionApi$connect === void 0 || (_extensionApi$connect = _extensionApi$connect.sharedState) === null || _extensionApi$connect === void 0 || (_extensionApi$connect = _extensionApi$connect.currentState()) === null || _extensionApi$connect === void 0 ? void 0 : _extensionApi$connect.mode), extensionApi);
     var breakoutItems = breakoutOptions(state, formatMessage, extensionState, breakoutEnabled, editorAnalyticsAPI, extensionApi);
     var extensionObj = (0, _utils3.getSelectedExtension)(state, true);
 
     // If this is a native-embed extension, skip providing a toolbar config to allow
     // the native-embed plugin to provide a custom toolbar config.
-    if ((extensionObj === null || extensionObj === void 0 ? void 0 : extensionObj.node.attrs.extensionType) === _extensions.NATIVE_EMBED_EXTENSION_TYPE && extensionObj !== null && extensionObj !== void 0 && extensionObj.node.attrs.extensionKey.includes(_extensions.NATIVE_EMBED_EXTENSION_KEY)) {
+    if ((extensionObj === null || extensionObj === void 0 ? void 0 : extensionObj.node.attrs.extensionType) === _manifestHelpers.NATIVE_EMBED_EXTENSION_TYPE && extensionObj !== null && extensionObj !== void 0 && extensionObj.node.attrs.extensionKey.includes(_manifestHelpers.NATIVE_EMBED_EXTENSION_KEY)) {
       return;
     }
 
     // Check if we need to show confirm dialog for delete button
     var confirmDialog;
-    if ((0, _utils.isReferencedSource)(state, extensionObj === null || extensionObj === void 0 ? void 0 : extensionObj.node)) {
+    if ((0, _referentiality.isReferencedSource)(state, extensionObj === null || extensionObj === void 0 ? void 0 : extensionObj.node)) {
       confirmDialog = function confirmDialog() {
-        var localSourceName = formatMessage(_extensions.messages.unnamedSource);
+        var localSourceName = formatMessage(_messages.messages.unnamedSource);
         return {
-          title: formatMessage(_extensions.messages.deleteElementTitle),
-          okButtonLabel: formatMessage(_extensions.messages.confirmDeleteLinkedModalOKButton),
-          message: formatMessage(_extensions.messages.confirmDeleteLinkedModalMessage, {
+          title: formatMessage(_messages.messages.deleteElementTitle),
+          okButtonLabel: formatMessage(_messages.messages.confirmDeleteLinkedModalOKButton),
+          message: formatMessage(_messages.messages.confirmDeleteLinkedModalMessage, {
             nodeName: (0, _utils.getNodeName)(state, extensionObj === null || extensionObj === void 0 ? void 0 : extensionObj.node) || localSourceName
           }),
           isReferentialityDialog: true,
           getChildrenInfo: function getChildrenInfo() {
-            return (0, _utils.getChildrenInfo)(state, extensionObj === null || extensionObj === void 0 ? void 0 : extensionObj.node);
+            return (0, _referentiality.getChildrenInfo)(state, extensionObj === null || extensionObj === void 0 ? void 0 : extensionObj.node);
           },
-          checkboxLabel: formatMessage(_extensions.messages.confirmModalCheckboxLabel),
+          checkboxLabel: formatMessage(_messages.messages.confirmModalCheckboxLabel),
           onConfirm: function onConfirm() {
             var isChecked = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
             return clickWithCheckboxHandler(isChecked, extensionObj === null || extensionObj === void 0 ? void 0 : extensionObj.node);
@@ -455,13 +457,13 @@ var getToolbarConfig = exports.getToolbarConfig = function getToolbarConfig(_ref
         icon: _delete.default,
         iconFallback: _delete.default,
         appearance: 'danger',
-        onClick: (0, _commands.removeExtension)(editorAnalyticsAPI, _analytics.INPUT_METHOD.FLOATING_TB),
+        onClick: (0, _commands.removeExtension)(editorAnalyticsAPI, _enums.INPUT_METHOD.FLOATING_TB),
         onMouseEnter: hoverDecoration === null || hoverDecoration === void 0 ? void 0 : hoverDecoration(nodeType, true),
         onMouseLeave: hoverDecoration === null || hoverDecoration === void 0 ? void 0 : hoverDecoration(nodeType, false),
         onFocus: hoverDecoration === null || hoverDecoration === void 0 ? void 0 : hoverDecoration(nodeType, true),
         onBlur: hoverDecoration === null || hoverDecoration === void 0 ? void 0 : hoverDecoration(nodeType, false),
         focusEditoronEnter: true,
-        title: formatMessage(_messages.default.remove),
+        title: formatMessage(_messages2.default.remove),
         tabIndex: null,
         confirmDialog: confirmDialog
       })]),

package/dist/cjs/pm-plugins/unique-id.js

@@ -9,7 +9,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _setAttrs = require("@atlaskit/adf-schema/steps/set-attrs");
 var _uuid = require("@atlaskit/adf-schema/uuid");
 var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
-var _utils = require("@atlaskit/editor-common/utils");
+var _editorCoreUtils = require("@atlaskit/editor-common/utils/editor-core-utils");
 var _state = require("@atlaskit/editor-prosemirror/state");
 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; }
@@ -33,7 +33,7 @@ var createPlugin = exports.createPlugin = function createPlugin() {
         }
         var isAddingExtension = transaction.steps.some(function (step) {
           var _step$attrs;
-          return (0, _utils.stepAddsOneOf)(step, extensionTypes) ||
+          return (0, _editorCoreUtils.stepAddsOneOf)(step, extensionTypes) ||
           // There are instances where the localId will be reset to null on publish due to extension
           // not existing in the Storage format (eg. Legacy Content Extensions) or not having a localId
           // eslint-disable-next-line @atlaskit/platform/no-preconditioning

package/dist/cjs/pm-plugins/update-edit-button.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.updateEditButton = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-var _extensions = require("@atlaskit/editor-common/extensions");
+var _extensionHandlers = require("@atlaskit/editor-common/extensions/extension-handlers");
 var _commands = require("../editor-commands/commands");
 var _utils = require("./utils");
 var maybeGetExtensionModuleNode = /*#__PURE__*/function () {
@@ -25,7 +25,7 @@ var maybeGetExtensionModuleNode = /*#__PURE__*/function () {
         case 1:
           _nodeWithPos$node$att = nodeWithPos.node.attrs, extensionType = _nodeWithPos$node$att.extensionType, extensionKey = _nodeWithPos$node$att.extensionKey;
           _context.next = 2;
-          return (0, _extensions.getExtensionModuleNode)(extensionProvider, extensionType, extensionKey);
+          return (0, _extensionHandlers.getExtensionModuleNode)(extensionProvider, extensionType, extensionKey);
         case 2:
           extensionModuleNode = _context.sent;
           newNodeWithPos = (0, _utils.getSelectedExtension)(view.state, true);

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

@@ -7,11 +7,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.onCopyFailed = exports.getSelectedExtension = exports.getSelectedDomElement = exports.getNodeTypesReferenced = exports.getDataConsumerMark = exports.findNodePosWithLocalId = exports.findExtensionWithLocalId = exports.copyUnsupportedContentToClipboard = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-var _analytics = require("@atlaskit/editor-common/analytics");
+var _enums = require("@atlaskit/editor-common/analytics/types/enums");
 var _clipboard = require("@atlaskit/editor-common/clipboard");
-var _utils = require("@atlaskit/editor-common/utils");
+var _dom = require("@atlaskit/editor-common/utils/dom");
+var _nodesByLocalIds = require("@atlaskit/editor-common/utils/nodes-by-localIds");
 var _JSONTransformer = require("@atlaskit/editor-json-transformer/JSONTransformer-2");
-var _utils2 = require("@atlaskit/editor-prosemirror/utils");
+var _utils = require("@atlaskit/editor-prosemirror/utils");
 var _isResolvingMentionProvider = require("@atlaskit/mention/is-resolving-mention-provider");
 function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
@@ -24,7 +25,7 @@ var getSelectedExtension = exports.getSelectedExtension = function getSelectedEx
     bodiedExtension = _state$schema$nodes.bodiedExtension,
     multiBodiedExtension = _state$schema$nodes.multiBodiedExtension;
   var nodeTypes = [extension, bodiedExtension, inlineExtension, multiBodiedExtension];
-  return (0, _utils2.findSelectedNodeOfType)(nodeTypes)(state.selection) || searchParent && (0, _utils2.findParentNodeOfType)(nodeTypes)(state.selection) || undefined;
+  return (0, _utils.findSelectedNodeOfType)(nodeTypes)(state.selection) || searchParent && (0, _utils.findParentNodeOfType)(nodeTypes)(state.selection) || undefined;
 };
 var findExtensionWithLocalId = exports.findExtensionWithLocalId = function findExtensionWithLocalId(state, localId) {
   var selectedExtension = getSelectedExtension(state, true);
@@ -54,13 +55,13 @@ var findExtensionWithLocalId = exports.findExtensionWithLocalId = function findE
 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 selectedExtensionDomNode = (0, _utils.findDomRefAtPos)(selectedExtensionNode.pos, domAtPos);
   var isContentExtension = selectedExtensionNode.node.type !== schema.nodes.bodiedExtension;
   return (
     // Content extension can be nested in bodied-extension, the following check is necessary for that case
     (isContentExtension // Search down
     ? selectedExtensionDomNode.querySelector('.extension-container') // Try searching up and then down
-    : (0, _utils.closestElement)(selectedExtensionDomNode, '.extension-container') || selectedExtensionDomNode.querySelector('.extension-container')) || selectedExtensionDomNode
+    : (0, _dom.closestElement)(selectedExtensionDomNode, '.extension-container') || selectedExtensionDomNode.querySelector('.extension-container')) || selectedExtensionDomNode
   );
 };
 var getDataConsumerMark = exports.getDataConsumerMark = function getDataConsumerMark(newNode) {
@@ -70,7 +71,7 @@ var getDataConsumerMark = exports.getDataConsumerMark = function getDataConsumer
   });
 };
 var getNodeTypesReferenced = exports.getNodeTypesReferenced = function getNodeTypesReferenced(ids, state) {
-  return (0, _utils.findNodePosByLocalIds)(state, ids, {
+  return (0, _nodesByLocalIds.findNodePosByLocalIds)(state, ids, {
     includeDocNode: true
   }).map(function (_ref) {
     var node = _ref.node;
@@ -78,7 +79,7 @@ var getNodeTypesReferenced = exports.getNodeTypesReferenced = function getNodeTy
   });
 };
 var findNodePosWithLocalId = exports.findNodePosWithLocalId = function findNodePosWithLocalId(state, localId) {
-  var nodes = (0, _utils.findNodePosByLocalIds)(state, [localId]);
+  var nodes = (0, _nodesByLocalIds.findNodePosByLocalIds)(state, [localId]);
   return nodes.length >= 1 ? nodes[0] : undefined;
 };
 /**
@@ -275,9 +276,9 @@ var onCopyFailed = exports.onCopyFailed = function onCopyFailed(_ref5) {
     extensionType = _node$attrs.extensionType,
     extensionKey = _node$attrs.extensionKey;
   extensionApi === null || extensionApi === void 0 || (_extensionApi$analyti = extensionApi.analytics) === null || _extensionApi$analyti === void 0 || _extensionApi$analyti.actions.fireAnalyticsEvent({
-    eventType: _analytics.EVENT_TYPE.OPERATIONAL,
-    action: _analytics.ACTION.COPY_FAILED,
-    actionSubject: _analytics.ACTION_SUBJECT.EXTENSION,
+    eventType: _enums.EVENT_TYPE.OPERATIONAL,
+    action: _enums.ACTION.COPY_FAILED,
+    actionSubject: _enums.ACTION_SUBJECT.EXTENSION,
     actionSubjectId: node.type.name,
     attributes: {
       extensionKey: extensionKey,

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

@@ -26,9 +26,11 @@ var _withAnalyticsEvents = _interopRequireDefault(require("@atlaskit/analytics-n
 var _browserApis = require("@atlaskit/browser-apis");
 var _buttonGroup = _interopRequireDefault(require("@atlaskit/button/button-group"));
 var _button = _interopRequireDefault(require("@atlaskit/button/default/button"));
-var _analytics = require("@atlaskit/editor-common/analytics");
+var _fireAnalyticsEvent = require("@atlaskit/editor-common/analytics/fire-analytics-event");
+var _enums = require("@atlaskit/editor-common/analytics/types/enums");
 var _extensions = require("@atlaskit/editor-common/extensions");
-var _hooks = require("@atlaskit/editor-common/hooks");
+var _fieldDefinitions = require("@atlaskit/editor-common/extensions/field-definitions");
+var _useSharedPluginStateWithSelector = require("@atlaskit/editor-common/useSharedPluginStateWithSelector");
 var _form = _interopRequireDefault(require("@atlaskit/form/form"));
 var _formFooter = require("@atlaskit/form/form-footer");
 var _fg = require("@atlaskit/platform-feature-flags/fg");
@@ -169,7 +171,7 @@ var ConfigPanel = /*#__PURE__*/function (_React$Component) {
       // Traverse any tab structures and backfill field values on tabs
       // which aren't shown. This filter should be ok because tabs are
       // currently only allowed on top level
-      var mergedTabGroups = fields.filter(_extensions.isTabGroup).reduce(function (missingBackfill, tabGroup) {
+      var mergedTabGroups = fields.filter(_fieldDefinitions.isTabGroup).reduce(function (missingBackfill, tabGroup) {
         var _getRelevantData = getRelevantData(tabGroup, formData, currentParameters, missingBackfill),
           tabGroupFormData = _getRelevantData.formParams,
           tabGroupCurrentData = _getRelevantData.currentParams,
@@ -375,11 +377,11 @@ var ConfigPanel = /*#__PURE__*/function (_React$Component) {
         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)({
+      (0, _fireAnalyticsEvent.fireAnalyticsEvent)(createAnalyticsEvent)({
         payload: {
-          action: _analytics.ACTION.CLOSED,
-          actionSubject: _analytics.ACTION_SUBJECT.CONFIG_PANEL,
-          eventType: _analytics.EVENT_TYPE.UI,
+          action: _enums.ACTION.CLOSED,
+          actionSubject: _enums.ACTION_SUBJECT.CONFIG_PANEL,
+          eventType: _enums.EVENT_TYPE.UI,
           attributes: _objectSpread({
             extensionKey: extensionManifest === null || extensionManifest === void 0 ? void 0 : extensionManifest.key,
             extensionType: extensionManifest === null || extensionManifest === void 0 ? void 0 : extensionManifest.type
@@ -411,11 +413,11 @@ var ConfigPanel = /*#__PURE__*/function (_React$Component) {
       if (prevProps.extensionManifest === undefined && prevProps.extensionManifest !== extensionManifest) {
         // This will only be fired once when extensionManifest is loaded initially
         // Can't do this in componentDidMount because extensionManifest is still undefined at that point
-        (0, _analytics.fireAnalyticsEvent)(this.props.createAnalyticsEvent)({
+        (0, _fireAnalyticsEvent.fireAnalyticsEvent)(this.props.createAnalyticsEvent)({
           payload: {
-            action: _analytics.ACTION.OPENED,
-            actionSubject: _analytics.ACTION_SUBJECT.CONFIG_PANEL,
-            eventType: _analytics.EVENT_TYPE.UI,
+            action: _enums.ACTION.OPENED,
+            actionSubject: _enums.ACTION_SUBJECT.CONFIG_PANEL,
+            eventType: _enums.EVENT_TYPE.UI,
             attributes: {
               extensionKey: extensionManifest === null || extensionManifest === void 0 ? void 0 : extensionManifest.key,
               extensionType: extensionManifest === null || extensionManifest === void 0 ? void 0 : extensionManifest.type
@@ -503,7 +505,7 @@ function ConfigFormIntlWithBoundary(_ref6) {
     firstVisibleFieldName = _ref6.firstVisibleFieldName,
     errorMessage = _ref6.errorMessage,
     disableFields = _ref6.disableFields;
-  var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(api, ['contextIdentifier'], selector),
+  var _useSharedPluginState = (0, _useSharedPluginStateWithSelector.useSharedPluginStateWithSelector)(api, ['contextIdentifier'], selector),
     contextIdentifierProvider = _useSharedPluginState.contextIdentifierProvider;
   return /*#__PURE__*/_react.default.createElement(_FormErrorBoundary.FormErrorBoundary, {
     contextIdentifierProvider: contextIdentifierProvider,

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

@@ -9,8 +9,8 @@ exports.default = FieldsLoader;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _bindEventListener = require("bind-event-listener");
-var _useSharedPluginStateSelector = require("@atlaskit/editor-common/use-shared-plugin-state-selector");
-var _editorPluginConnectivity = require("@atlaskit/editor-plugin-connectivity");
+var _isOfflineMode = require("@atlaskit/editor-common/connectivity/isOfflineMode");
+var _useSharedPluginStateSelector = require("@atlaskit/editor-common/useSharedPluginStateSelector");
 var _ConfigPanel = _interopRequireDefault(require("./ConfigPanel"));
 var _useStateFromPromise3 = require("./use-state-from-promise");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
@@ -152,7 +152,7 @@ function FieldsLoader(_ref) {
       // Remove below prop when cleaning platform_editor_ai_object_sidebar_injection FG
       ,
       usingObjectSidebarPanel: usingObjectSidebarPanel,
-      disableFields: (0, _editorPluginConnectivity.isOfflineMode)(connectivityState)
+      disableFields: (0, _isOfflineMode.isOfflineMode)(connectivityState)
     });
   });
 }

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

@@ -8,8 +8,9 @@ exports.extendedColorPalette = exports.default = exports.colorPalette = exports.
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("react");
 var _react2 = require("@emotion/react");
-var _uiColor = require("@atlaskit/editor-common/ui-color");
-var _uiMenu = require("@atlaskit/editor-common/ui-menu");
+var _paletteMessagesTokenModeNames = require("@atlaskit/editor-common/ui-color/ColorPalette/paletteMessagesTokenModeNames");
+var _common = require("@atlaskit/editor-common/ui-color/ColorPalette/Palettes/common");
+var _ColorPickerButton = _interopRequireDefault(require("@atlaskit/editor-common/ui-menu/ColorPickerButton"));
 var _field = _interopRequireDefault(require("@atlaskit/form/field"));
 var _compiled = require("@atlaskit/primitives/compiled");
 var _FieldMessages = _interopRequireDefault(require("../FieldMessages"));
@@ -131,7 +132,7 @@ var colorPalette = exports.colorPalette = [{
 } // 1000
 ].map(function (color) {
   return _objectSpread(_objectSpread({}, color), {}, {
-    border: _uiColor.DEFAULT_BORDER_COLOR
+    border: _common.DEFAULT_BORDER_COLOR
   });
 });
 
@@ -323,7 +324,7 @@ var extendedColorPalette = exports.extendedColorPalette = [{
 } // 400
 ].map(function (color) {
   return _objectSpread(_objectSpread({}, color), {}, {
-    border: _uiColor.DEFAULT_BORDER_COLOR
+    border: _common.DEFAULT_BORDER_COLOR
   });
 });
 var colorPickerWrapperStyles = (0, _react2.css)({
@@ -349,12 +350,12 @@ var ColorPicker = function ColorPicker(props) {
     onChange(colorValue);
     onFieldChange(name, currentColor !== colorValue);
   };
-  return (0, _react2.jsx)(_uiMenu.ColorPickerButton, {
+  return (0, _react2.jsx)(_ColorPickerButton.default, {
     title: title,
     currentColor: currentColor,
     onChange: onColorChange,
     colorPalette: extendedColorPalette,
-    paletteColorTooltipMessages: _uiColor.chartsColorPaletteTooltipMessages,
+    paletteColorTooltipMessages: _paletteMessagesTokenModeNames.chartsColorPaletteTooltipMessages,
     cols: EXPANDED_COLOR_PICKER_COLUMNS,
     alignX: "right",
     placement: "ConfigPanel"

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

@@ -13,6 +13,7 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _react = _interopRequireWildcard(require("react"));
 var _reactIntl = require("react-intl");
 var _extensions = require("@atlaskit/editor-common/extensions");
+var _extensionFieldsHelpers = require("@atlaskit/editor-common/extensions/extension-fields-helpers");
 var _field = _interopRequireDefault(require("@atlaskit/form/field"));
 var _asyncCreatableSelect = _interopRequireDefault(require("@atlaskit/select/async-creatable-select"));
 var _FieldMessages = _interopRequireDefault(require("../FieldMessages"));
@@ -75,7 +76,7 @@ function CustomSelect(_ref2) {
             case 0:
               setLoading(true);
               _context.prev = 1;
-              _resolver = (0, _extensions.getCustomFieldResolver)(extensionManifest, field.options.resolver);
+              _resolver = (0, _extensionFieldsHelpers.getCustomFieldResolver)(extensionManifest, field.options.resolver);
               if (!cancel) {
                 _context.next = 2;
                 break;

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

@@ -12,7 +12,7 @@ var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
-var _extensions = require("@atlaskit/editor-common/extensions");
+var _extensionFieldsHelpers = require("@atlaskit/editor-common/extensions/extension-fields-helpers");
 var _field = _interopRequireDefault(require("@atlaskit/form/field"));
 var _components = _interopRequireDefault(require("@atlaskit/smart-user-picker/components"));
 var _defaultValueHydrationClient = _interopRequireDefault(require("@atlaskit/smart-user-picker/default-value-hydration-client"));
@@ -201,7 +201,7 @@ function UserSelect(_ref2) {
             case 0:
               _context3.prev = 0;
               _context3.next = 1;
-              return (0, _extensions.getUserFieldContextProvider)(extensionManifest, field.options.provider)();
+              return (0, _extensionFieldsHelpers.getUserFieldContextProvider)(extensionManifest, field.options.provider)();
             case 1:
               _context2 = _context3.sent;
               if (!cancel) {

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

@@ -8,7 +8,7 @@ exports.FieldComponent = FieldComponent;
 exports.default = FormContent;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
-var _extensions = require("@atlaskit/editor-common/extensions");
+var _fieldDefinitions = require("@atlaskit/editor-common/extensions/field-definitions");
 var _Boolean = _interopRequireDefault(require("./Fields/Boolean"));
 var _ColorPicker = _interopRequireDefault(require("./Fields/ColorPicker"));
 var _CustomSelect = _interopRequireDefault(require("./Fields/CustomSelect"));
@@ -44,7 +44,7 @@ function FieldComponent(_ref) {
   var error = (_parameters$errors = parameters.errors) === null || _parameters$errors === void 0 ? void 0 : _parameters$errors[name];
   var parentedName = (0, _utils.getSafeParentedName)(name, parentName);
   var fieldDefaultValue = field.type === 'enum' ? field.defaultValue : undefined;
-  if (name in parameters && !(0, _extensions.isFieldset)(field)) {
+  if (name in parameters && !(0, _fieldDefinitions.isFieldset)(field)) {
     field = _objectSpread(_objectSpread({}, field), defaultValue != null ? {
       defaultValue: defaultValue
     } : {});

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

@@ -18,6 +18,7 @@ var _reactIntl = require("react-intl");
 var _withAnalyticsContext = _interopRequireDefault(require("@atlaskit/analytics-next/withAnalyticsContext"));
 var _withAnalyticsEvents = _interopRequireDefault(require("@atlaskit/analytics-next/withAnalyticsEvents"));
 var _analytics = require("@atlaskit/editor-common/analytics");
+var _enums = require("@atlaskit/editor-common/analytics/types/enums");
 var _extensions = require("@atlaskit/editor-common/extensions");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _message = _interopRequireDefault(require("@atlaskit/section-message/message"));
@@ -83,9 +84,9 @@ var FormErrorBoundaryInner = /*#__PURE__*/function (_React$Component) {
           errorInfo = analyticsErrorPayload.errorInfo,
           errorStack = analyticsErrorPayload.errorStack;
         var payload = {
-          action: _analytics.ACTION.ERRORED,
-          actionSubject: _analytics.ACTION_SUBJECT.CONFIG_PANEL,
-          eventType: _analytics.EVENT_TYPE.UI,
+          action: _enums.ACTION.ERRORED,
+          actionSubject: _enums.ACTION_SUBJECT.CONFIG_PANEL,
+          eventType: _enums.EVENT_TYPE.UI,
           attributes: {
             product: product,
             browserInfo: ((_window = window) === null || _window === void 0 || (_window = _window.navigator) === null || _window === void 0 ? void 0 : _window.userAgent) || 'unknown',

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

@@ -10,7 +10,7 @@ var _react2 = require("@emotion/react");
 var _reactIntl = require("react-intl");
 var _button = _interopRequireDefault(require("@atlaskit/button/icon/button"));
 var _extensions = require("@atlaskit/editor-common/extensions");
-var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
+var _constants = require("@atlaskit/editor-shared-styles/constants");
 var _cross = _interopRequireDefault(require("@atlaskit/icon/core/cross"));
 var _primitives = require("@atlaskit/primitives");
 var _HelpLink = require("./HelpLink");
@@ -75,7 +75,7 @@ var itemTextStyles = (0, _react2.css)({
   // eslint-disable-next-line @atlaskit/design-system/no-nested-styles, @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   itemSummary: {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-    fontSize: (0, _editorSharedStyles.relativeFontSizeToBase16)(11.67),
+    fontSize: (0, _constants.relativeFontSizeToBase16)(11.67),
     color: "var(--ds-text-subtlest, #6B6E76)",
     marginTop: "var(--ds-space-050, 4px)",
     whiteSpace: 'nowrap',

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

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = require("@emotion/react");
 var _reactIntl = require("react-intl");
-var _extensions = require("@atlaskit/editor-common/extensions");
+var _messages = require("@atlaskit/editor-common/extensions/messages");
 var _message = _interopRequireDefault(require("@atlaskit/section-message/message"));
 var _spinner = _interopRequireDefault(require("@atlaskit/spinner/spinner"));
 /**
@@ -32,7 +32,7 @@ var LoadingStateWithErrorHandling = (0, _reactIntl.injectIntl)(function (props)
       "data-testid": "ConfigPanelLoadingError"
     }, (0, _react.jsx)(_message.default, {
       appearance: "error"
-    }, props.intl.formatMessage(_extensions.messages.panelLoadingError)));
+    }, props.intl.formatMessage(_messages.messages.panelLoadingError)));
   }
   return (0, _react.jsx)("div", {
     css: spinnerWrapperStyles,