@atlaskit/editor-plugin-extension 1.5.4 → 1.6.1

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @atlaskit/editor-plugin-extension
 
+## 1.6.1
+
+### Patch Changes
+
+- Updated dependencies
+
+## 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/ErrorMessage/ErrorImage.js

@@ -8,6 +8,7 @@ var _react = require("@emotion/react");
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 // Quality Ticket: https://product-fabric.atlassian.net/browse/DSP-4249
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
 var imageContainerStyles = (0, _react.css)({
   margin: "0 auto ".concat("var(--ds-space-300, 24px)"),

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

@@ -19,6 +19,7 @@ var _RequiredIndicator = require("./common/RequiredIndicator");
 var _excluded = ["value"],
   _excluded2 = ["id", "value"];
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var toggleFieldWrapperStyles = (0, _react2.css)({
@@ -116,7 +117,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/CheckboxGroup.js

@@ -16,6 +16,7 @@ var _FieldMessages = _interopRequireDefault(require("../FieldMessages"));
 var _types = require("../types");
 var _excluded = ["onChange", "value"];
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 function _validate(value, isRequired) {
   if (isRequired && !(value !== null && value !== void 0 && value.length)) {
     return _types.ValidationError.Required;

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

@@ -16,7 +16,7 @@ var _FieldMessages = _interopRequireDefault(require("../FieldMessages"));
 var _utils = require("../utils");
 var _RequiredIndicator = require("./common/RequiredIndicator");
 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; } /** @jsx jsx */
+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; } /** @jsx jsx */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 /*
     NOTE: color used here are not yet in atlaskit code
     this is part of extended color pack from ADG, which is yet to be release
@@ -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/DateRange.js

@@ -20,7 +20,7 @@ var _textfield = _interopRequireDefault(require("@atlaskit/textfield"));
 var _FieldMessages = _interopRequireDefault(require("../FieldMessages"));
 var _utils = require("../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; } /** @jsx jsx */
+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; } /** @jsx jsx */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var horizontalFieldsStyles = (0, _react2.css)({
   display: 'flex',
   flexDirection: 'row',

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

@@ -19,6 +19,8 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
 var expandContainerStyles = (0, _react2.css)({
   borderBottom: "1px solid ".concat("var(--ds-border, ".concat(_colors.N40, ")"))
 });
@@ -31,7 +33,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/Fieldset.js

@@ -31,7 +31,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 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; }
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /** @jsx jsx */
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /** @jsx jsx */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var actionsWrapperStyles = (0, _react2.css)({
   borderTop: "1px solid ".concat("var(--ds-border, ".concat(_colors.N40A, ")")),
   marginTop: "var(--ds-space-200, 16px)",

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

@@ -8,11 +8,12 @@ exports.formatOptionLabel = void 0;
 var _react = require("@emotion/react");
 var _avatar = _interopRequireDefault(require("@atlaskit/avatar"));
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
 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/TabGroup.js

@@ -15,6 +15,8 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
 var panelWrapperStyles = (0, _react2.css)({
   flexGrow: 1,
   maxWidth: '100%'

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

@@ -6,6 +6,9 @@ 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/use-compiled -- Ignored via go/DSP-18766
+
+// 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

@@ -17,6 +17,8 @@ var _colors = require("@atlaskit/theme/colors");
 var _constants = require("@atlaskit/theme/constants");
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
 var iconWidth = 40;
 var buttonWidth = 40;
 var margin = 16;
@@ -30,12 +32,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 +52,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 +63,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/cjs/ui/ConfigPanel/LoadingState.js

@@ -8,6 +8,7 @@ exports.default = void 0;
 var _react = require("@emotion/react");
 var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
 var spinnerWrapperStyles = (0, _react.css)({
   display: 'flex',

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

@@ -14,6 +14,8 @@ var _colors = require("@atlaskit/theme/colors");
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
 var removableFieldWrapperStyles = (0, _react2.css)({
   position: 'relative',
   marginBottom: 0

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

@@ -14,6 +14,8 @@ var _checkCircle = _interopRequireDefault(require("@atlaskit/icon/glyph/check-ci
 var _colors = require("@atlaskit/theme/colors");
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
 var noop = function noop() {};
 var saveIndicatorWrapperStyles = (0, _react2.css)({
   display: 'flex',

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/ErrorMessage/ErrorImage.js

@@ -1,6 +1,7 @@
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 // Quality Ticket: https://product-fabric.atlassian.net/browse/DSP-4249
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 const imageContainerStyles = css({
   margin: `0 auto ${"var(--ds-space-300, 24px)"}`,

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

@@ -1,6 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
 import React, { Fragment } from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { Checkbox as AKCheckbox } from '@atlaskit/checkbox';
 import { Field } from '@atlaskit/form';
@@ -105,7 +107,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/CheckboxGroup.js

@@ -2,6 +2,8 @@ import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
 
 import { Fragment, useCallback } from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { Checkbox as AKCheckbox } from '@atlaskit/checkbox';
 import { Fieldset as AKFieldset, Field } from '@atlaskit/form';

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

@@ -1,5 +1,7 @@
 /** @jsx jsx */
 import { Fragment } from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { chartsColorPaletteTooltipMessages, DEFAULT_BORDER_COLOR } from '@atlaskit/editor-common/ui-color';
 import { ColorPickerButton } from '@atlaskit/editor-common/ui-menu';
@@ -321,6 +323,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 +390,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/DateRange.js

@@ -1,6 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
 import { Fragment, useEffect, useMemo, useState } from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { injectIntl } from 'react-intl-next';
 import { DatePicker } from '@atlaskit/datetime-picker';

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

@@ -1,5 +1,7 @@
 /** @jsx jsx */
 import React, { useState } from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { injectIntl } from 'react-intl-next';
 import Button from '@atlaskit/button';
@@ -19,7 +21,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/Fieldset.js

@@ -1,6 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 /** @jsx jsx */
 import React, { Fragment } from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { injectIntl } from 'react-intl-next';
 import Button from '@atlaskit/button/custom-theme-button';

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

@@ -1,10 +1,11 @@
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 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/TabGroup.js

@@ -1,5 +1,7 @@
 /** @jsx jsx */
 import React, { useState } from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { injectIntl } from 'react-intl-next';
 import Tabs, { Tab, TabList, TabPanel } from '@atlaskit/tabs';

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

@@ -1,5 +1,7 @@
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 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

@@ -1,5 +1,7 @@
 /** @jsx jsx */
 import { Fragment } from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { injectIntl } from 'react-intl-next';
 import Loadable from 'react-loadable';
@@ -22,12 +24,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 +44,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 +55,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/es2019/ui/ConfigPanel/LoadingState.js

@@ -1,4 +1,5 @@
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import Spinner from '@atlaskit/spinner';
 const spinnerWrapperStyles = css({

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

@@ -1,5 +1,7 @@
 /** @jsx jsx */
 import React from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { injectIntl } from 'react-intl-next';
 import { configPanelMessages as messages } from '@atlaskit/editor-common/extensions';

package/dist/es2019/ui/SaveIndicator/SaveIndicator.js

@@ -1,5 +1,7 @@
 /** @jsx jsx */
 import { Fragment, useCallback, useEffect, useRef, useState } from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { FormattedMessage } from 'react-intl-next';
 import { messages } from '@atlaskit/editor-common/extensions';