@atlaskit/editor-plugin-extension 1.5.4 → 1.6.0

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @atlaskit/editor-plugin-extension
 
+## 1.6.0
+
+### Minor Changes
+
+- [#108272](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/108272)
+  [`a2eeda76039fd`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/a2eeda76039fd) -
+  [EDF-465] Move convertExtensionType action to extensions plugin to decouple the ai plugin with the
+  extensions plug
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 1.5.4
 
 ### Patch Changes

package/dist/cjs/actions.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.performNodeUpdate = exports.editExtension = exports.createEditSelectedExtensionAction = exports.buildExtensionNode = void 0;
+exports.performNodeUpdate = exports.insertOrReplaceExtension = exports.insertOrReplaceBodiedExtension = exports.editExtension = exports.createEditSelectedExtensionAction = exports.buildExtensionNode = void 0;
 Object.defineProperty(exports, "transformSliceToRemoveOpenBodiedExtension", {
   enumerable: true,
   get: function get() {
@@ -234,4 +234,40 @@ var createEditSelectedExtensionAction = exports.createEditSelectedExtensionActio
       updateExtension = _getPluginState2.updateExtension;
     return editExtension(null, applyChangeToContextPanel, editorAnalyticsAPI, updateExtension)(view.state, view.dispatch, view);
   };
+};
+var insertOrReplaceExtension = exports.insertOrReplaceExtension = function insertOrReplaceExtension(_ref3) {
+  var editorView = _ref3.editorView,
+    action = _ref3.action,
+    attrs = _ref3.attrs,
+    content = _ref3.content,
+    position = _ref3.position,
+    _ref3$size = _ref3.size,
+    size = _ref3$size === void 0 ? 0 : _ref3$size,
+    tr = _ref3.tr;
+  var newNode = editorView.state.schema.node('extension', attrs, content);
+  if (action === 'insert') {
+    tr = editorView.state.tr.insert(position, newNode);
+    return tr;
+  } else {
+    tr.replaceWith(position, position + size, newNode);
+    return tr;
+  }
+};
+var insertOrReplaceBodiedExtension = exports.insertOrReplaceBodiedExtension = function insertOrReplaceBodiedExtension(_ref4) {
+  var editorView = _ref4.editorView,
+    action = _ref4.action,
+    attrs = _ref4.attrs,
+    content = _ref4.content,
+    position = _ref4.position,
+    _ref4$size = _ref4.size,
+    size = _ref4$size === void 0 ? 0 : _ref4$size,
+    tr = _ref4.tr;
+  var newNode = editorView.state.schema.node('bodiedExtension', attrs, content);
+  if (action === 'insert') {
+    tr = editorView.state.tr.insert(position, newNode);
+    return tr;
+  } else {
+    tr.replaceWith(position, position + size, newNode);
+    return tr;
+  }
 };

package/dist/cjs/plugin.js

@@ -124,6 +124,42 @@ var extensionPlugin = exports.extensionPlugin = function extensionPlugin(_ref) {
         });
       },
       insertMacroFromMacroBrowser: (0, _actions2.insertMacroFromMacroBrowser)(_api === null || _api === void 0 || (_api$analytics2 = _api.analytics) === null || _api$analytics2 === void 0 ? void 0 : _api$analytics2.actions),
+      insertOrReplaceExtension: function insertOrReplaceExtension(_ref4) {
+        var editorView = _ref4.editorView,
+          action = _ref4.action,
+          attrs = _ref4.attrs,
+          content = _ref4.content,
+          position = _ref4.position,
+          size = _ref4.size,
+          tr = _ref4.tr;
+        return (0, _actions.insertOrReplaceExtension)({
+          editorView: editorView,
+          action: action,
+          attrs: attrs,
+          content: content,
+          position: position,
+          size: size,
+          tr: tr
+        });
+      },
+      insertOrReplaceBodiedExtension: function insertOrReplaceBodiedExtension(_ref5) {
+        var editorView = _ref5.editorView,
+          action = _ref5.action,
+          attrs = _ref5.attrs,
+          content = _ref5.content,
+          position = _ref5.position,
+          size = _ref5.size,
+          tr = _ref5.tr;
+        return (0, _actions.insertOrReplaceBodiedExtension)({
+          editorView: editorView,
+          action: action,
+          attrs: attrs,
+          content: content,
+          position: position,
+          size: size,
+          tr: tr
+        });
+      },
       editSelectedExtension: (0, _actions.createEditSelectedExtensionAction)({
         editorViewRef: editorViewRef,
         editorAnalyticsAPI: _api === null || _api === void 0 || (_api$analytics3 = _api.analytics) === null || _api$analytics3 === void 0 ? void 0 : _api$analytics3.actions,

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

@@ -116,7 +116,7 @@ function Toggle(_ref3) {
       id: id,
       htmlFor: id
     }, label, isRequired ?
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
     (0, _react2.jsx)("span", {
       css: _RequiredIndicator.requiredIndicator,
       "aria-hidden": "true"

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

@@ -332,6 +332,7 @@ var colorPickerWrapperStyles = (0, _react2.css)({
   paddingRight: "var(--ds-space-100, 8px)"
 });
 var colorPickerLabelStyles = (0, _react2.css)({
+  // 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: "".concat(_typography.headingSizes.h400.size, "px"),
   marginTop: 0
 });
@@ -395,7 +396,7 @@ var ColorPickerField = function ColorPickerField(_ref) {
     }, (0, _react2.jsx)("label", {
       css: colorPickerLabelStyles
     }, label, isRequired &&
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
     (0, _react2.jsx)("span", {
       css: _RequiredIndicator.requiredIndicator,
       "aria-hidden": "true"

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

@@ -31,7 +31,7 @@ var expandControlStyles = (0, _react2.css)({
 var chevronContainerStyles = (0, _react2.css)({
   display: 'flex',
   alignItems: 'center',
-  // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
+  // eslint-disable-next-line @atlaskit/design-system/no-nested-styles, @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '& > button': {
     width: "var(--ds-space-300, 24px)",
     height: "var(--ds-space-300, 24px)"

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

@@ -12,7 +12,7 @@ var _avatar = _interopRequireDefault(require("@atlaskit/avatar"));
 var itemWrapperStyles = (0, _react.css)({
   display: 'flex',
   alignItems: 'center',
-  // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
+  // eslint-disable-next-line @atlaskit/design-system/no-nested-styles, @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   small: {
     margin: 0,
     display: 'block',

package/dist/cjs/ui/ConfigPanel/Fields/common/RequiredIndicator.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.requiredIndicator = void 0;
 var _react = require("@emotion/react");
 var _colors = require("@atlaskit/theme/colors");
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 var requiredIndicator = exports.requiredIndicator = (0, _react.css)({
   color: "var(--ds-text-danger, ".concat(_colors.R500, ")")
 });

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

@@ -30,12 +30,13 @@ var itemIconStyles = (0, _react2.css)({
   height: iconWidth,
   overflow: 'hidden',
   border: "1px solid ".concat("var(--ds-border, rgba(223, 225, 229, 0.5))"),
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   borderRadius: "".concat((0, _constants.borderRadius)(), "px"),
   boxSizing: 'border-box',
   display: 'flex',
   justifyContent: 'center',
   alignItems: 'center',
-  // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
+  // eslint-disable-next-line @atlaskit/design-system/no-nested-styles, @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   div: {
     width: iconWidth,
     height: iconWidth
@@ -49,6 +50,7 @@ var itemBodyStyles = (0, _react2.css)({
   lineHeight: 1.4,
   margin: "0 ".concat("var(--ds-space-200, 16px)"),
   flexGrow: 3,
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   maxWidth: "calc(100% - ".concat(gapSizeForEllipsis, "px)")
 });
 var centeredItemTitleStyles = (0, _react2.css)({
@@ -59,8 +61,9 @@ var centeredItemTitleStyles = (0, _react2.css)({
 var itemTextStyles = (0, _react2.css)({
   maxWidth: '100%',
   whiteSpace: 'initial',
-  // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
+  // 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),
     color: "var(--ds-text-subtlest, ".concat(_colors.N200, ")"),
     marginTop: "var(--ds-space-050, 4px)",

package/dist/es2019/actions.js

@@ -203,4 +203,40 @@ export const createEditSelectedExtensionAction = ({
     updateExtension
   } = getPluginState(view.state);
   return editExtension(null, applyChangeToContextPanel, editorAnalyticsAPI, updateExtension)(view.state, view.dispatch, view);
+};
+export const insertOrReplaceExtension = ({
+  editorView,
+  action,
+  attrs,
+  content,
+  position,
+  size = 0,
+  tr
+}) => {
+  const newNode = editorView.state.schema.node('extension', attrs, content);
+  if (action === 'insert') {
+    tr = editorView.state.tr.insert(position, newNode);
+    return tr;
+  } else {
+    tr.replaceWith(position, position + size, newNode);
+    return tr;
+  }
+};
+export const insertOrReplaceBodiedExtension = ({
+  editorView,
+  action,
+  attrs,
+  content,
+  position,
+  size = 0,
+  tr
+}) => {
+  const newNode = editorView.state.schema.node('bodiedExtension', attrs, content);
+  if (action === 'insert') {
+    tr = editorView.state.tr.insert(position, newNode);
+    return tr;
+  } else {
+    tr.replaceWith(position, position + size, newNode);
+    return tr;
+  }
 };

package/dist/es2019/plugin.js

@@ -1,7 +1,7 @@
 import { bodiedExtension, extension, extensionFrame, inlineExtension, multiBodiedExtension } from '@atlaskit/adf-schema';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
-import { createEditSelectedExtensionAction } from './actions';
+import { createEditSelectedExtensionAction, insertOrReplaceBodiedExtension, insertOrReplaceExtension } from './actions';
 import { forceAutoSave } from './commands';
 import { getContextPanel } from './context-panel';
 import { createExtensionAPI } from './extension-api';
@@ -115,6 +115,40 @@ export const extensionPlugin = ({
         });
       },
       insertMacroFromMacroBrowser: insertMacroFromMacroBrowser(api === null || api === void 0 ? void 0 : (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 ? void 0 : _api$analytics2.actions),
+      insertOrReplaceExtension: ({
+        editorView,
+        action,
+        attrs,
+        content,
+        position,
+        size,
+        tr
+      }) => insertOrReplaceExtension({
+        editorView,
+        action,
+        attrs,
+        content,
+        position,
+        size,
+        tr
+      }),
+      insertOrReplaceBodiedExtension: ({
+        editorView,
+        action,
+        attrs,
+        content,
+        position,
+        size,
+        tr
+      }) => insertOrReplaceBodiedExtension({
+        editorView,
+        action,
+        attrs,
+        content,
+        position,
+        size,
+        tr
+      }),
       editSelectedExtension: createEditSelectedExtensionAction({
         editorViewRef,
         editorAnalyticsAPI: api === null || api === void 0 ? void 0 : (_api$analytics3 = api.analytics) === null || _api$analytics3 === void 0 ? void 0 : _api$analytics3.actions,

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

@@ -105,7 +105,7 @@ function Toggle({
       id: id,
       htmlFor: id
     }, label, isRequired ?
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
     jsx("span", {
       css: requiredIndicator,
       "aria-hidden": "true"

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

@@ -321,6 +321,7 @@ const colorPickerWrapperStyles = css({
   paddingRight: "var(--ds-space-100, 8px)"
 });
 const colorPickerLabelStyles = css({
+  // 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: `${headingSizes.h400.size}px`,
   marginTop: 0
 });
@@ -387,7 +388,7 @@ const ColorPickerField = ({
   }, jsx("label", {
     css: colorPickerLabelStyles
   }, label, isRequired &&
-  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
+  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   jsx("span", {
     css: requiredIndicator,
     "aria-hidden": "true"

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

@@ -19,7 +19,7 @@ const expandControlStyles = css({
 const chevronContainerStyles = css({
   display: 'flex',
   alignItems: 'center',
-  // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
+  // eslint-disable-next-line @atlaskit/design-system/no-nested-styles, @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '& > button': {
     width: "var(--ds-space-300, 24px)",
     height: "var(--ds-space-300, 24px)"

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

@@ -4,7 +4,7 @@ import Avatar from '@atlaskit/avatar';
 const itemWrapperStyles = css({
   display: 'flex',
   alignItems: 'center',
-  // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
+  // eslint-disable-next-line @atlaskit/design-system/no-nested-styles, @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   small: {
     margin: 0,
     display: 'block',

package/dist/es2019/ui/ConfigPanel/Fields/common/RequiredIndicator.js

@@ -1,5 +1,6 @@
 import { css } from '@emotion/react';
 import { R500 } from '@atlaskit/theme/colors';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const requiredIndicator = css({
   color: `var(--ds-text-danger, ${R500})`
 });

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

@@ -22,12 +22,13 @@ const itemIconStyles = css({
   height: iconWidth,
   overflow: 'hidden',
   border: `1px solid ${"var(--ds-border, rgba(223, 225, 229, 0.5))"}`,
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   borderRadius: `${borderRadius()}px`,
   boxSizing: 'border-box',
   display: 'flex',
   justifyContent: 'center',
   alignItems: 'center',
-  // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
+  // eslint-disable-next-line @atlaskit/design-system/no-nested-styles, @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   div: {
     width: iconWidth,
     height: iconWidth
@@ -41,6 +42,7 @@ const itemBodyStyles = css({
   lineHeight: 1.4,
   margin: `0 ${"var(--ds-space-200, 16px)"}`,
   flexGrow: 3,
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   maxWidth: `calc(100% - ${gapSizeForEllipsis}px)`
 });
 const centeredItemTitleStyles = css({
@@ -51,8 +53,9 @@ const centeredItemTitleStyles = css({
 const itemTextStyles = css({
   maxWidth: '100%',
   whiteSpace: 'initial',
-  // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
+  // 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: relativeFontSizeToBase16(11.67),
     color: `var(--ds-text-subtlest, ${N200})`,
     marginTop: "var(--ds-space-050, 4px)",

package/dist/esm/actions.js

@@ -221,4 +221,40 @@ export var createEditSelectedExtensionAction = function createEditSelectedExtens
       updateExtension = _getPluginState2.updateExtension;
     return editExtension(null, applyChangeToContextPanel, editorAnalyticsAPI, updateExtension)(view.state, view.dispatch, view);
   };
+};
+export var insertOrReplaceExtension = function insertOrReplaceExtension(_ref3) {
+  var editorView = _ref3.editorView,
+    action = _ref3.action,
+    attrs = _ref3.attrs,
+    content = _ref3.content,
+    position = _ref3.position,
+    _ref3$size = _ref3.size,
+    size = _ref3$size === void 0 ? 0 : _ref3$size,
+    tr = _ref3.tr;
+  var newNode = editorView.state.schema.node('extension', attrs, content);
+  if (action === 'insert') {
+    tr = editorView.state.tr.insert(position, newNode);
+    return tr;
+  } else {
+    tr.replaceWith(position, position + size, newNode);
+    return tr;
+  }
+};
+export var insertOrReplaceBodiedExtension = function insertOrReplaceBodiedExtension(_ref4) {
+  var editorView = _ref4.editorView,
+    action = _ref4.action,
+    attrs = _ref4.attrs,
+    content = _ref4.content,
+    position = _ref4.position,
+    _ref4$size = _ref4.size,
+    size = _ref4$size === void 0 ? 0 : _ref4$size,
+    tr = _ref4.tr;
+  var newNode = editorView.state.schema.node('bodiedExtension', attrs, content);
+  if (action === 'insert') {
+    tr = editorView.state.tr.insert(position, newNode);
+    return tr;
+  } else {
+    tr.replaceWith(position, position + size, newNode);
+    return tr;
+  }
 };

package/dist/esm/plugin.js

@@ -1,7 +1,7 @@
 import { bodiedExtension, extension, extensionFrame, inlineExtension, multiBodiedExtension } from '@atlaskit/adf-schema';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
-import { createEditSelectedExtensionAction } from './actions';
+import { createEditSelectedExtensionAction, insertOrReplaceBodiedExtension as _insertOrReplaceBodiedExtension, insertOrReplaceExtension as _insertOrReplaceExtension } from './actions';
 import { forceAutoSave } from './commands';
 import { getContextPanel } from './context-panel';
 import { createExtensionAPI } from './extension-api';
@@ -117,6 +117,42 @@ export var extensionPlugin = function extensionPlugin(_ref) {
         });
       },
       insertMacroFromMacroBrowser: insertMacroFromMacroBrowser(_api === null || _api === void 0 || (_api$analytics2 = _api.analytics) === null || _api$analytics2 === void 0 ? void 0 : _api$analytics2.actions),
+      insertOrReplaceExtension: function insertOrReplaceExtension(_ref4) {
+        var editorView = _ref4.editorView,
+          action = _ref4.action,
+          attrs = _ref4.attrs,
+          content = _ref4.content,
+          position = _ref4.position,
+          size = _ref4.size,
+          tr = _ref4.tr;
+        return _insertOrReplaceExtension({
+          editorView: editorView,
+          action: action,
+          attrs: attrs,
+          content: content,
+          position: position,
+          size: size,
+          tr: tr
+        });
+      },
+      insertOrReplaceBodiedExtension: function insertOrReplaceBodiedExtension(_ref5) {
+        var editorView = _ref5.editorView,
+          action = _ref5.action,
+          attrs = _ref5.attrs,
+          content = _ref5.content,
+          position = _ref5.position,
+          size = _ref5.size,
+          tr = _ref5.tr;
+        return _insertOrReplaceBodiedExtension({
+          editorView: editorView,
+          action: action,
+          attrs: attrs,
+          content: content,
+          position: position,
+          size: size,
+          tr: tr
+        });
+      },
       editSelectedExtension: createEditSelectedExtensionAction({
         editorViewRef: editorViewRef,
         editorAnalyticsAPI: _api === null || _api === void 0 || (_api$analytics3 = _api.analytics) === null || _api$analytics3 === void 0 ? void 0 : _api$analytics3.actions,

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

@@ -106,7 +106,7 @@ function Toggle(_ref3) {
       id: id,
       htmlFor: id
     }, label, isRequired ?
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
     jsx("span", {
       css: requiredIndicator,
       "aria-hidden": "true"

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

@@ -326,6 +326,7 @@ var colorPickerWrapperStyles = css({
   paddingRight: "var(--ds-space-100, 8px)"
 });
 var colorPickerLabelStyles = css({
+  // 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: "".concat(headingSizes.h400.size, "px"),
   marginTop: 0
 });
@@ -389,7 +390,7 @@ var ColorPickerField = function ColorPickerField(_ref) {
     }, jsx("label", {
       css: colorPickerLabelStyles
     }, label, isRequired &&
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
     jsx("span", {
       css: requiredIndicator,
       "aria-hidden": "true"

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

@@ -20,7 +20,7 @@ var expandControlStyles = css({
 var chevronContainerStyles = css({
   display: 'flex',
   alignItems: 'center',
-  // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
+  // eslint-disable-next-line @atlaskit/design-system/no-nested-styles, @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '& > button': {
     width: "var(--ds-space-300, 24px)",
     height: "var(--ds-space-300, 24px)"

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

@@ -4,7 +4,7 @@ import Avatar from '@atlaskit/avatar';
 var itemWrapperStyles = css({
   display: 'flex',
   alignItems: 'center',
-  // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
+  // eslint-disable-next-line @atlaskit/design-system/no-nested-styles, @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   small: {
     margin: 0,
     display: 'block',

package/dist/esm/ui/ConfigPanel/Fields/common/RequiredIndicator.js

@@ -1,5 +1,6 @@
 import { css } from '@emotion/react';
 import { R500 } from '@atlaskit/theme/colors';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export var requiredIndicator = css({
   color: "var(--ds-text-danger, ".concat(R500, ")")
 });

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

@@ -22,12 +22,13 @@ var itemIconStyles = css({
   height: iconWidth,
   overflow: 'hidden',
   border: "1px solid ".concat("var(--ds-border, rgba(223, 225, 229, 0.5))"),
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   borderRadius: "".concat(borderRadius(), "px"),
   boxSizing: 'border-box',
   display: 'flex',
   justifyContent: 'center',
   alignItems: 'center',
-  // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
+  // eslint-disable-next-line @atlaskit/design-system/no-nested-styles, @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   div: {
     width: iconWidth,
     height: iconWidth
@@ -41,6 +42,7 @@ var itemBodyStyles = css({
   lineHeight: 1.4,
   margin: "0 ".concat("var(--ds-space-200, 16px)"),
   flexGrow: 3,
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   maxWidth: "calc(100% - ".concat(gapSizeForEllipsis, "px)")
 });
 var centeredItemTitleStyles = css({
@@ -51,8 +53,9 @@ var centeredItemTitleStyles = css({
 var itemTextStyles = css({
   maxWidth: '100%',
   whiteSpace: 'initial',
-  // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
+  // 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: relativeFontSizeToBase16(11.67),
     color: "var(--ds-text-subtlest, ".concat(N200, ")"),
     marginTop: "var(--ds-space-050, 4px)",

package/dist/types/actions.d.ts

@@ -5,7 +5,9 @@ import type { MacroProvider } from '@atlaskit/editor-common/provider-factory';
 import type { Command } from '@atlaskit/editor-common/types';
 import type { ApplyChangeHandler } from '@atlaskit/editor-plugin-context-panel';
 import type { Fragment, Mark, Node as PmNode, Schema } from '@atlaskit/editor-prosemirror/model';
+import { type Transaction } from '@atlaskit/editor-prosemirror/state';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { InsertOrReplaceExtensionType } from './types';
 export declare const buildExtensionNode: <S extends Schema<any, any>>(type: 'inlineExtension' | 'extension' | 'bodiedExtension' | 'multiBodiedExtension', schema: S, attrs: object, content?: Fragment, marks?: readonly Mark[]) => PmNode;
 export declare const performNodeUpdate: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => (type: 'inlineExtension' | 'extension' | 'bodiedExtension' | 'multiBodiedExtension', newAttrs: object, content: Fragment, marks: readonly Mark[], shouldScrollIntoView: boolean) => Command;
 export declare const editExtension: (macroProvider: MacroProvider | null | undefined, applyChangeToContextPanel: ApplyChangeHandler | undefined, editorAnalyticsAPI: EditorAnalyticsAPI | undefined, updateExtension?: Promise<UpdateExtension<object> | void>) => Command;
@@ -15,3 +17,5 @@ type Props = {
     applyChangeToContextPanel: ApplyChangeHandler | undefined;
 };
 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;

package/dist/types/index.d.ts

@@ -1,2 +1,2 @@
-export type { CreateExtensionAPI, ExtensionPlugin, ExtensionPluginOptions, RunMacroAutoConvert, RejectSave, } from './types';
+export type { CreateExtensionAPI, ExtensionPlugin, ExtensionPluginOptions, InsertOrReplaceExtensionType, RunMacroAutoConvert, RejectSave, } from './types';
 export { extensionPlugin } from './plugin';

package/dist/types/types.d.ts

@@ -8,8 +8,8 @@ import type { ApplyChangeHandler, ContextPanelPlugin } from '@atlaskit/editor-pl
 import type { DecorationsPlugin } from '@atlaskit/editor-plugin-decorations';
 import type { FeatureFlagsPlugin } from '@atlaskit/editor-plugin-feature-flags';
 import type { WidthPlugin } from '@atlaskit/editor-plugin-width';
-import type { Node as PmNode } from '@atlaskit/editor-prosemirror/model';
-import type { EditorState } from '@atlaskit/editor-prosemirror/state';
+import type { Fragment, Node as PmNode } from '@atlaskit/editor-prosemirror/model';
+import type { EditorState, Transaction } from '@atlaskit/editor-prosemirror/state';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { forceAutoSave } from './commands';
 export type RejectSave = (reason?: any) => void;
@@ -44,6 +44,16 @@ export interface ExtensionPluginOptions extends LongPressSelectionPluginOptions
 }
 type InsertMacroFromMacroBrowser = (macroProvider: MacroProvider, macroNode?: PmNode, isEditing?: boolean) => (view: EditorView) => Promise<boolean>;
 export type RunMacroAutoConvert = (state: EditorState, text: string) => PmNode | null;
+export type InsertOrReplaceExtensionType = {
+    editorView: EditorView;
+    action: 'insert' | 'replace';
+    attrs: object;
+    content: Fragment;
+    position: number;
+    size: number;
+    tr: Transaction;
+};
+type InsertOrReplaceExtensionAction = ({ editorView, action, attrs, content, position, size, tr, }: InsertOrReplaceExtensionType) => Transaction;
 export type ExtensionPlugin = NextEditorPlugin<'extension', {
     pluginConfiguration: ExtensionPluginOptions | undefined;
     dependencies: [
@@ -61,6 +71,8 @@ export type ExtensionPlugin = NextEditorPlugin<'extension', {
         editSelectedExtension: () => boolean;
         api: () => ExtensionAPI;
         insertMacroFromMacroBrowser: InsertMacroFromMacroBrowser;
+        insertOrReplaceExtension: InsertOrReplaceExtensionAction;
+        insertOrReplaceBodiedExtension: InsertOrReplaceExtensionAction;
         runMacroAutoConvert: RunMacroAutoConvert;
         forceAutoSave: typeof forceAutoSave;
     };

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

@@ -5,7 +5,9 @@ import type { MacroProvider } from '@atlaskit/editor-common/provider-factory';
 import type { Command } from '@atlaskit/editor-common/types';
 import type { ApplyChangeHandler } from '@atlaskit/editor-plugin-context-panel';
 import type { Fragment, Mark, Node as PmNode, Schema } from '@atlaskit/editor-prosemirror/model';
+import { type Transaction } from '@atlaskit/editor-prosemirror/state';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { InsertOrReplaceExtensionType } from './types';
 export declare const buildExtensionNode: <S extends Schema<any, any>>(type: 'inlineExtension' | 'extension' | 'bodiedExtension' | 'multiBodiedExtension', schema: S, attrs: object, content?: Fragment, marks?: readonly Mark[]) => PmNode;
 export declare const performNodeUpdate: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => (type: 'inlineExtension' | 'extension' | 'bodiedExtension' | 'multiBodiedExtension', newAttrs: object, content: Fragment, marks: readonly Mark[], shouldScrollIntoView: boolean) => Command;
 export declare const editExtension: (macroProvider: MacroProvider | null | undefined, applyChangeToContextPanel: ApplyChangeHandler | undefined, editorAnalyticsAPI: EditorAnalyticsAPI | undefined, updateExtension?: Promise<UpdateExtension<object> | void>) => Command;
@@ -15,3 +17,5 @@ type Props = {
     applyChangeToContextPanel: ApplyChangeHandler | undefined;
 };
 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;

package/dist/types-ts4.5/index.d.ts

@@ -1,2 +1,2 @@
-export type { CreateExtensionAPI, ExtensionPlugin, ExtensionPluginOptions, RunMacroAutoConvert, RejectSave, } from './types';
+export type { CreateExtensionAPI, ExtensionPlugin, ExtensionPluginOptions, InsertOrReplaceExtensionType, RunMacroAutoConvert, RejectSave, } from './types';
 export { extensionPlugin } from './plugin';

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

@@ -8,8 +8,8 @@ import type { ApplyChangeHandler, ContextPanelPlugin } from '@atlaskit/editor-pl
 import type { DecorationsPlugin } from '@atlaskit/editor-plugin-decorations';
 import type { FeatureFlagsPlugin } from '@atlaskit/editor-plugin-feature-flags';
 import type { WidthPlugin } from '@atlaskit/editor-plugin-width';
-import type { Node as PmNode } from '@atlaskit/editor-prosemirror/model';
-import type { EditorState } from '@atlaskit/editor-prosemirror/state';
+import type { Fragment, Node as PmNode } from '@atlaskit/editor-prosemirror/model';
+import type { EditorState, Transaction } from '@atlaskit/editor-prosemirror/state';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { forceAutoSave } from './commands';
 export type RejectSave = (reason?: any) => void;
@@ -44,6 +44,16 @@ export interface ExtensionPluginOptions extends LongPressSelectionPluginOptions
 }
 type InsertMacroFromMacroBrowser = (macroProvider: MacroProvider, macroNode?: PmNode, isEditing?: boolean) => (view: EditorView) => Promise<boolean>;
 export type RunMacroAutoConvert = (state: EditorState, text: string) => PmNode | null;
+export type InsertOrReplaceExtensionType = {
+    editorView: EditorView;
+    action: 'insert' | 'replace';
+    attrs: object;
+    content: Fragment;
+    position: number;
+    size: number;
+    tr: Transaction;
+};
+type InsertOrReplaceExtensionAction = ({ editorView, action, attrs, content, position, size, tr, }: InsertOrReplaceExtensionType) => Transaction;
 export type ExtensionPlugin = NextEditorPlugin<'extension', {
     pluginConfiguration: ExtensionPluginOptions | undefined;
     dependencies: [
@@ -61,6 +71,8 @@ export type ExtensionPlugin = NextEditorPlugin<'extension', {
         editSelectedExtension: () => boolean;
         api: () => ExtensionAPI;
         insertMacroFromMacroBrowser: InsertMacroFromMacroBrowser;
+        insertOrReplaceExtension: InsertOrReplaceExtensionAction;
+        insertOrReplaceBodiedExtension: InsertOrReplaceExtensionAction;
         runMacroAutoConvert: RunMacroAutoConvert;
         forceAutoSave: typeof forceAutoSave;
     };

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

@@ -31,9 +31,12 @@ const exampleWrapperStyles = css({ display: 'flex', flexDirection: 'row' });
 // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
 const column = (width: number | string) =>
 	css({
+		// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
 		width: `${width}px`,
 		margin: token('space.200', '16px'),
+		// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
 		h3: {
+			// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
 			borderBottom: `1px solid ${colors.N50}`,
 			marginBottom: token('space.200', '16px'),
 		},

package/package.json

@@ -1,118 +1,103 @@
 {
-  "name": "@atlaskit/editor-plugin-extension",
-  "version": "1.5.4",
-  "description": "editor-plugin-extension plugin for @atlaskit/editor-core",
-  "author": "Atlassian Pty Ltd",
-  "license": "Apache-2.0",
-  "publishConfig": {
-    "registry": "https://registry.npmjs.org/"
-  },
-  "atlassian": {
-    "team": "Editor: Scarlet",
-    "singleton": true,
-    "releaseModel": "continuous",
-    "runReact18": false
-  },
-  "repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
-  "main": "dist/cjs/index.js",
-  "module": "dist/esm/index.js",
-  "module:es2019": "dist/es2019/index.js",
-  "types": "dist/types/index.d.ts",
-  "sideEffects": false,
-  "atlaskit:src": "src/index.ts",
-  "af:exports": {
-    ".": "./src/index.ts"
-  },
-  "dependencies": {
-    "@atlaskit/adf-schema": "^36.10.7",
-    "@atlaskit/adf-utils": "^19.2.0",
-    "@atlaskit/analytics-next": "^9.3.0",
-    "@atlaskit/avatar": "^21.9.0",
-    "@atlaskit/button": "^17.17.0",
-    "@atlaskit/checkbox": "^13.4.0",
-    "@atlaskit/datetime-picker": "^13.5.0",
-    "@atlaskit/editor-common": "^82.1.0",
-    "@atlaskit/editor-json-transformer": "^8.13.0",
-    "@atlaskit/editor-plugin-analytics": "^1.2.0",
-    "@atlaskit/editor-plugin-context-identifier": "^1.1.0",
-    "@atlaskit/editor-plugin-context-panel": "^1.1.0",
-    "@atlaskit/editor-plugin-decorations": "^1.1.0",
-    "@atlaskit/editor-plugin-feature-flags": "^1.1.0",
-    "@atlaskit/editor-plugin-width": "^1.1.0",
-    "@atlaskit/editor-prosemirror": "4.0.1",
-    "@atlaskit/editor-shared-styles": "^2.12.0",
-    "@atlaskit/editor-tables": "^2.7.0",
-    "@atlaskit/empty-state": "^7.8.0",
-    "@atlaskit/form": "^10.3.0",
-    "@atlaskit/icon": "^22.3.0",
-    "@atlaskit/platform-feature-flags": "^0.2.0",
-    "@atlaskit/primitives": "^7.0.0",
-    "@atlaskit/radio": "^6.3.0",
-    "@atlaskit/section-message": "^6.5.0",
-    "@atlaskit/select": "^17.10.0",
-    "@atlaskit/smart-user-picker": "^6.9.0",
-    "@atlaskit/spinner": "^16.1.0",
-    "@atlaskit/tabs": "^16.1.0",
-    "@atlaskit/textarea": "^5.4.0",
-    "@atlaskit/textfield": "^6.3.0",
-    "@atlaskit/theme": "^12.9.0",
-    "@atlaskit/toggle": "^13.1.0",
-    "@atlaskit/tokens": "^1.49.0",
-    "@atlaskit/tooltip": "^18.4.0",
-    "@babel/runtime": "^7.0.0",
-    "@emotion/react": "^11.7.1",
-    "is-number": "^7.0.0",
-    "lodash": "^4.17.21",
-    "memoize-one": "^6.0.0",
-    "react-loadable": "^5.1.0"
-  },
-  "peerDependencies": {
-    "react": "^16.8.0",
-    "react-intl-next": "npm:react-intl@^5.18.1"
-  },
-  "devDependencies": {
-    "@atlaskit/editor-test-helpers": "^18.23.0",
-    "react-select": "^5.4.0",
-    "typescript": "~5.4.2"
-  },
-  "techstack": {
-    "@atlassian/frontend": {
-      "import-structure": [
-        "atlassian-conventions"
-      ],
-      "circular-dependencies": [
-        "file-and-folder-level"
-      ]
-    },
-    "@repo/internal": {
-      "dom-events": "use-bind-event-listener",
-      "analytics": [
-        "analytics-next"
-      ],
-      "design-tokens": [
-        "color"
-      ],
-      "theming": [
-        "react-context"
-      ],
-      "ui-components": [
-        "lite-mode"
-      ],
-      "deprecation": "no-deprecated-imports",
-      "styling": [
-        "emotion",
-        "emotion"
-      ]
-    }
-  },
-  "stricter": {
-    "no-unused-dependencies": {
-      "checkDevDependencies": true
-    }
-  },
-  "platform-feature-flags": {
-    "platform.editor.multi-bodied-extension_0rygg": {
-      "type": "boolean"
-    }
-  }
-}
+	"name": "@atlaskit/editor-plugin-extension",
+	"version": "1.6.0",
+	"description": "editor-plugin-extension plugin for @atlaskit/editor-core",
+	"author": "Atlassian Pty Ltd",
+	"license": "Apache-2.0",
+	"publishConfig": {
+		"registry": "https://registry.npmjs.org/"
+	},
+	"atlassian": {
+		"team": "Editor: Scarlet",
+		"singleton": true,
+		"releaseModel": "continuous",
+		"runReact18": false
+	},
+	"repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
+	"main": "dist/cjs/index.js",
+	"module": "dist/esm/index.js",
+	"module:es2019": "dist/es2019/index.js",
+	"types": "dist/types/index.d.ts",
+	"sideEffects": false,
+	"atlaskit:src": "src/index.ts",
+	"af:exports": {
+		".": "./src/index.ts"
+	},
+	"dependencies": {
+		"@atlaskit/adf-schema": "^36.10.7",
+		"@atlaskit/adf-utils": "^19.2.0",
+		"@atlaskit/analytics-next": "^9.3.0",
+		"@atlaskit/avatar": "^21.9.0",
+		"@atlaskit/button": "^17.17.0",
+		"@atlaskit/checkbox": "^13.4.0",
+		"@atlaskit/datetime-picker": "^13.5.0",
+		"@atlaskit/editor-common": "^82.6.0",
+		"@atlaskit/editor-json-transformer": "^8.13.0",
+		"@atlaskit/editor-plugin-analytics": "^1.2.0",
+		"@atlaskit/editor-plugin-context-identifier": "^1.1.0",
+		"@atlaskit/editor-plugin-context-panel": "^1.1.0",
+		"@atlaskit/editor-plugin-decorations": "^1.1.0",
+		"@atlaskit/editor-plugin-feature-flags": "^1.1.0",
+		"@atlaskit/editor-plugin-width": "^1.1.0",
+		"@atlaskit/editor-prosemirror": "4.0.1",
+		"@atlaskit/editor-shared-styles": "^2.12.0",
+		"@atlaskit/editor-tables": "^2.7.0",
+		"@atlaskit/empty-state": "^7.8.0",
+		"@atlaskit/form": "^10.3.0",
+		"@atlaskit/icon": "^22.3.0",
+		"@atlaskit/platform-feature-flags": "^0.2.0",
+		"@atlaskit/primitives": "^7.2.0",
+		"@atlaskit/radio": "^6.3.0",
+		"@atlaskit/section-message": "^6.5.0",
+		"@atlaskit/select": "^17.10.0",
+		"@atlaskit/smart-user-picker": "^6.9.0",
+		"@atlaskit/spinner": "^16.1.0",
+		"@atlaskit/tabs": "^16.1.0",
+		"@atlaskit/textarea": "^5.4.0",
+		"@atlaskit/textfield": "^6.3.0",
+		"@atlaskit/theme": "^12.9.0",
+		"@atlaskit/toggle": "^13.1.0",
+		"@atlaskit/tokens": "^1.50.0",
+		"@atlaskit/tooltip": "^18.4.0",
+		"@babel/runtime": "^7.0.0",
+		"@emotion/react": "^11.7.1",
+		"is-number": "^7.0.0",
+		"lodash": "^4.17.21",
+		"memoize-one": "^6.0.0",
+		"react-loadable": "^5.1.0"
+	},
+	"peerDependencies": {
+		"react": "^16.8.0",
+		"react-intl-next": "npm:react-intl@^5.18.1"
+	},
+	"devDependencies": {
+		"@atlaskit/editor-test-helpers": "^18.23.0",
+		"react-select": "^5.4.0",
+		"typescript": "~5.4.2"
+	},
+	"techstack": {
+		"@atlassian/frontend": {
+			"import-structure": ["atlassian-conventions"],
+			"circular-dependencies": ["file-and-folder-level"]
+		},
+		"@repo/internal": {
+			"dom-events": "use-bind-event-listener",
+			"analytics": ["analytics-next"],
+			"design-tokens": ["color"],
+			"theming": ["react-context"],
+			"ui-components": ["lite-mode"],
+			"deprecation": "no-deprecated-imports",
+			"styling": ["emotion", "emotion"]
+		}
+	},
+	"stricter": {
+		"no-unused-dependencies": {
+			"checkDevDependencies": true
+		}
+	},
+	"platform-feature-flags": {
+		"platform.editor.multi-bodied-extension_0rygg": {
+			"type": "boolean"
+		}
+	}
+}