@atlaskit/editor-plugin-extension 1.5.4 → 1.6.1

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/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';
 var imageContainerStyles = css({
   margin: "0 auto ".concat("var(--ds-space-300, 24px)"),

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

@@ -4,6 +4,8 @@ var _excluded = ["value"],
   _excluded2 = ["id", "value"];
 /** @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';
@@ -106,7 +108,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/CheckboxGroup.js

@@ -5,6 +5,8 @@ var _excluded = ["onChange", "value"];
 /** @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/esm/ui/ConfigPanel/Fields/ColorPicker.js

@@ -3,6 +3,8 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /** @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';
@@ -326,6 +328,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 +392,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/DateRange.js

@@ -6,6 +6,8 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /** @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/esm/ui/ConfigPanel/Fields/Expand.js

@@ -1,6 +1,8 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 /** @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';
@@ -20,7 +22,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/Fieldset.js

@@ -13,6 +13,8 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 /** @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/esm/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';
 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/TabGroup.js

@@ -1,6 +1,8 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 /** @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/esm/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 var requiredIndicator = css({
   color: "var(--ds-text-danger, ".concat(R500, ")")
 });

package/dist/esm/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 @@ 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 +44,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 +55,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/esm/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';
 var spinnerWrapperStyles = css({

package/dist/esm/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/esm/ui/SaveIndicator/SaveIndicator.js

@@ -1,6 +1,8 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 /** @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';

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

@@ -2,6 +2,7 @@
 /** @jsx jsx */
 import { useEffect, 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 { IntlProvider } from 'react-intl-next';
 
@@ -31,9 +32,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'),
 		},