@atlaskit/editor-plugin-extension 0.4.2 → 0.5.1

package/dist/esm/ui/ConfigPanel/use-state-from-promise/index.js

@@ -0,0 +1,34 @@
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import { useCallback, useState } from 'react';
+import { useAbortableEffect } from '../use-abortable-effect';
+/**
+ * Similar to useState but deals with async values.
+ * Simply pass a promise and it will set the state when it resolves. It won't try to set if
+ * the component unmounts
+ *
+ * Note: This hook follows the signature of useEffect so it can be linted if enabled through the
+ * `additionalHooks` config.
+ *
+ * @param callback
+ * @param deps
+ */
+export function useStateFromPromise(callback, deps, initialValue) {
+  // AFP-2511 TODO: Fix automatic suppressions below
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  var fn = useCallback(callback, deps);
+  var _useState = useState(initialValue),
+    _useState2 = _slicedToArray(_useState, 2),
+    value = _useState2[0],
+    setValue = _useState2[1];
+  useAbortableEffect(function (signal) {
+    Promise.resolve(fn()).then(function (result) {
+      if (signal.aborted) {
+        return;
+      }
+      setValue(result);
+    });
+  }, // eslint-disable-next-line react-hooks/exhaustive-deps
+  _toConsumableArray(deps));
+  return [value, setValue];
+}

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

@@ -0,0 +1,109 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+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) { _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; }
+import { isOptionsGrouped } from '@atlaskit/select';
+import { ALLOWED_LOGGED_MACRO_PARAMS, ALLOWED_PARAM_TYPES } from './constants';
+import { ValidationError } from './types';
+export var validate = function validate(field, value) {
+  return validateRequired(field, value);
+};
+var isEmptyString = function isEmptyString(value) {
+  return typeof value === 'string' && value === '';
+};
+var isEmptyArray = function isEmptyArray(value) {
+  return Array.isArray(value) && value.length === 0;
+};
+var getUngroupedOptions = function getUngroupedOptions(groupedOptions) {
+  return groupedOptions.flatMap(function (option) {
+    return option.options;
+  });
+};
+export var validateRequired = function validateRequired(_ref, value) {
+  var isRequired = _ref.isRequired,
+    isMultiple = _ref.isMultiple;
+  if (isRequired) {
+    var isUndefined = typeof value === 'undefined';
+    var isEmpty = isEmptyString(value) || isMultiple && isEmptyArray(value) || false;
+    return isUndefined || isEmpty ? ValidationError.Required : undefined;
+  }
+  return undefined;
+};
+export var getOptionFromValue = function getOptionFromValue(options, value) {
+  if (!Array.isArray(options) || options.length === 0) {
+    return undefined;
+  }
+  if (Array.isArray(value)) {
+    if (isOptionsGrouped(options)) {
+      return getUngroupedOptions(options).filter(function (option) {
+        return value.includes(option.value);
+      });
+    }
+    return options.filter(function (option) {
+      return value.includes(option.value);
+    });
+  }
+  if (isOptionsGrouped(options)) {
+    return getUngroupedOptions(options).find(function (option) {
+      return value === option.value;
+    });
+  }
+  return options.find(function (option) {
+    return value === option.value;
+  });
+};
+
+// Atlaskit uses final-form to power the form.
+// Final-form will create nesting in the tree if a dot (.) is used in the name of the field.
+// A parent is provided from a <Fieldset /> and is appended to the name here for simplicity
+export var getSafeParentedName = function getSafeParentedName(name, parentName) {
+  if (parentName && name.indexOf("".concat(parentName, ".")) === -1) {
+    return "".concat(parentName, ".").concat(name);
+  }
+  return name;
+};
+var duplicateFieldRegex = /:[0-9]+$/;
+export var isDuplicateField = function isDuplicateField(key) {
+  return duplicateFieldRegex.test(key);
+};
+export var getNameFromDuplicateField = function getNameFromDuplicateField(key) {
+  return key.replace(duplicateFieldRegex, '');
+};
+
+// An overly cautious parser for sanitizing configuration parameters of UGC
+export var parseParamType = function parseParamType(paramValue, paramField) {
+  if (paramValue && paramField) {
+    if (paramField.type === 'string') {
+      if (paramField.name === 'types') {
+        // Parse types field as an array of valid content types
+        var contentTypes = ['page', 'blogpost', 'comment', 'attachment'];
+        return paramValue && paramValue.split(',').map(function (type) {
+          return type.trim();
+        }).filter(function (type) {
+          return contentTypes.includes(type);
+        });
+      }
+      if (paramField.name === 'width') {
+        return parseFloat(paramValue);
+      }
+      // Strings are very risky - return empty string in case anything slips through
+      return '';
+    }
+    if (ALLOWED_PARAM_TYPES.includes(paramField.type)) {
+      // The param types defined here are already parsed and safe to log
+      return paramValue;
+    }
+  }
+  // Safety net
+  return null;
+};
+export var getLoggedParameters = function getLoggedParameters(macroKey, currentParams, macroFields) {
+  // Get the parameters only defined in the allowlist of logged macro/parameter keys
+  return Object.keys(currentParams).filter(function (paramKey) {
+    var _ALLOWED_LOGGED_MACRO;
+    return (_ALLOWED_LOGGED_MACRO = ALLOWED_LOGGED_MACRO_PARAMS[macroKey]) === null || _ALLOWED_LOGGED_MACRO === void 0 ? void 0 : _ALLOWED_LOGGED_MACRO.includes(paramKey);
+  }).reduce(function (obj, param) {
+    return _objectSpread(_objectSpread({}, obj), {}, _defineProperty({}, param, parseParamType(currentParams[param], macroFields === null || macroFields === void 0 ? void 0 : macroFields.find(function (field) {
+      return field.name === param;
+    }))));
+  }, {});
+};

package/dist/esm/ui/SaveIndicator/SaveIndicator.js

@@ -0,0 +1,72 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+/** @jsx jsx */
+
+import { Fragment, useCallback, useEffect, useRef, useState } from 'react';
+import { css, jsx } from '@emotion/react';
+import { FormattedMessage } from 'react-intl-next';
+import CheckCircleIcon from '@atlaskit/icon/glyph/check-circle';
+import { G300, N0 } from '@atlaskit/theme/colors';
+import { messages } from './messages';
+var noop = function noop() {};
+var saveIndicatorWrapperStyles = css({
+  display: 'flex',
+  justifyContent: 'center'
+});
+var saveIndicatorContentStyles = css({
+  position: 'fixed',
+  width: '256px',
+  bottom: "var(--ds-space-250, 20px)",
+  display: 'flex',
+  flexDirection: 'row',
+  alignItems: 'center',
+  padding: "var(--ds-space-075, 6px)".concat(" ", "var(--ds-space-150, 12px)"),
+  background: "var(--ds-surface-overlay, ".concat(N0, ")"),
+  /* E300 */
+  boxShadow: "var(--ds-shadow-overlay, ".concat("0px 8px 12px rgba(9, 30, 66, 0.15), 0px 0px 1px rgba(9, 30, 66, 0.31)", ")"),
+  borderRadius: '16px'
+});
+var saveIndicatorTextStyles = css({
+  paddingLeft: "var(--ds-space-075, 6px)"
+});
+export var SaveIndicator = function SaveIndicator(_ref) {
+  var children = _ref.children,
+    duration = _ref.duration,
+    _ref$visible = _ref.visible,
+    visible = _ref$visible === void 0 ? true : _ref$visible;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    saving = _useState2[0],
+    setSaving = _useState2[1];
+  var shown = useRef(false);
+  var onSaveStarted = useCallback(function () {
+    if (!shown.current) {
+      setSaving(true);
+      shown.current = true;
+    }
+  }, []);
+  useEffect(function () {
+    if (saving) {
+      var handleId = setTimeout(function () {
+        setSaving(false);
+      }, duration);
+      return function () {
+        return clearTimeout(handleId);
+      };
+    }
+  }, [saving, duration]);
+  return jsx(Fragment, null, jsx("div", null, children({
+    onSaveStarted: onSaveStarted,
+    onSaveEnded: noop
+  })), visible && saving && jsx("div", {
+    css: saveIndicatorWrapperStyles
+  }, jsx("div", {
+    css: saveIndicatorContentStyles,
+    "data-testid": "save-indicator-content"
+  }, jsx(CheckCircleIcon, {
+    label: "Saving",
+    primaryColor: "var(--ds-icon-success, ".concat(G300, ")"),
+    size: "small"
+  }), jsx("span", {
+    css: saveIndicatorTextStyles
+  }, jsx(FormattedMessage, messages.saveIndicator)))));
+};

package/dist/esm/ui/SaveIndicator/messages.js

@@ -0,0 +1,8 @@
+import { defineMessages } from 'react-intl-next';
+export var messages = defineMessages({
+  saveIndicator: {
+    id: 'fabric.editor.extensions.config-panel.save-indicator',
+    defaultMessage: 'All changes are always autosaved',
+    description: 'Message shown to the user to notify to them that we save the changes automatically.'
+  }
+});

package/dist/esm/ui/SaveIndicator/types.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/utils.js

@@ -0,0 +1,67 @@
+import { closestElement, findNodePosByLocalIds } from '@atlaskit/editor-common/utils';
+import { findDomRefAtPos, findParentNodeOfType, findSelectedNodeOfType } from '@atlaskit/editor-prosemirror/utils';
+export var getSelectedExtension = function getSelectedExtension(state) {
+  var searchParent = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+  var _state$schema$nodes = state.schema.nodes,
+    inlineExtension = _state$schema$nodes.inlineExtension,
+    extension = _state$schema$nodes.extension,
+    bodiedExtension = _state$schema$nodes.bodiedExtension,
+    multiBodiedExtension = _state$schema$nodes.multiBodiedExtension;
+  var nodeTypes = [extension, bodiedExtension, inlineExtension, multiBodiedExtension];
+  return findSelectedNodeOfType(nodeTypes)(state.selection) || searchParent && findParentNodeOfType(nodeTypes)(state.selection) || undefined;
+};
+export var findExtensionWithLocalId = function findExtensionWithLocalId(state, localId) {
+  var selectedExtension = getSelectedExtension(state, true);
+  if (!localId) {
+    return selectedExtension;
+  }
+  if (selectedExtension && selectedExtension.node.attrs.localId === localId) {
+    return selectedExtension;
+  }
+  var _state$schema$nodes2 = state.schema.nodes,
+    inlineExtension = _state$schema$nodes2.inlineExtension,
+    extension = _state$schema$nodes2.extension,
+    bodiedExtension = _state$schema$nodes2.bodiedExtension,
+    multiBodiedExtension = _state$schema$nodes2.multiBodiedExtension;
+  var nodeTypes = [extension, bodiedExtension, inlineExtension, multiBodiedExtension];
+  var matched;
+  state.doc.descendants(function (node, pos) {
+    if (nodeTypes.includes(node.type) && node.attrs.localId === localId) {
+      matched = {
+        node: node,
+        pos: pos
+      };
+    }
+  });
+  return matched;
+};
+export var getSelectedDomElement = function getSelectedDomElement(schema, domAtPos, selectedExtensionNode) {
+  var selectedExtensionDomNode = findDomRefAtPos(selectedExtensionNode.pos, domAtPos);
+  var isContentExtension = selectedExtensionNode.node.type !== schema.nodes.bodiedExtension;
+  return (
+    // Content extension can be nested in bodied-extension, the following check is necessary for that case
+    (isContentExtension ?
+    // Search down
+    selectedExtensionDomNode.querySelector('.extension-container') :
+    // Try searching up and then down
+    closestElement(selectedExtensionDomNode, '.extension-container') || selectedExtensionDomNode.querySelector('.extension-container')) || selectedExtensionDomNode
+  );
+};
+export var getDataConsumerMark = function getDataConsumerMark(newNode) {
+  var _newNode$marks;
+  return (_newNode$marks = newNode.marks) === null || _newNode$marks === void 0 ? void 0 : _newNode$marks.find(function (mark) {
+    return mark.type.name === 'dataConsumer';
+  });
+};
+export var getNodeTypesReferenced = function getNodeTypesReferenced(ids, state) {
+  return findNodePosByLocalIds(state, ids, {
+    includeDocNode: true
+  }).map(function (_ref) {
+    var node = _ref.node;
+    return node.type.name;
+  });
+};
+export var findNodePosWithLocalId = function findNodePosWithLocalId(state, localId) {
+  var nodes = findNodePosByLocalIds(state, [localId]);
+  return nodes.length >= 1 ? nodes[0] : undefined;
+};

package/dist/types/actions.d.ts

@@ -0,0 +1,20 @@
+export { transformSliceToRemoveOpenBodiedExtension } from '@atlaskit/editor-common/transforms';
+import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
+import type { UpdateExtension } from '@atlaskit/editor-common/extensions';
+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 { EditorView } from '@atlaskit/editor-prosemirror/view';
+export declare const buildExtensionNode: <S extends Schema<any, any>>(type: 'inlineExtension' | 'extension' | 'bodiedExtension', schema: S, attrs: object, content?: Fragment, marks?: readonly Mark[]) => PmNode;
+export declare const performNodeUpdate: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => (type: 'inlineExtension' | 'extension' | 'bodiedExtension', newAttrs: object, content: Fragment, marks: readonly Mark[], shouldScrollIntoView: boolean) => Command;
+interface EditorActions {
+    _privateGetEditorView: () => EditorView | undefined;
+}
+export declare const editSelectedExtension: (editorActions: EditorActions) => boolean;
+export declare const editExtension: (macroProvider: MacroProvider | null | undefined, applyChangeToContextPanel: ApplyChangeHandler | undefined, editorAnalyticsAPI: EditorAnalyticsAPI | undefined, updateExtension?: Promise<UpdateExtension<object> | void>) => Command;
+type Props = {
+    editorViewRef: Record<'current', EditorView | null>;
+    editorAnalyticsAPI: EditorAnalyticsAPI | undefined;
+};
+export declare const createEditSelectedExtensionAction: ({ editorViewRef, editorAnalyticsAPI }: Props) => () => boolean;

package/dist/types/commands.d.ts

@@ -0,0 +1,15 @@
+import type { ExtensionLayout } from '@atlaskit/adf-schema';
+import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
+import type { Parameters, TransformAfter, TransformBefore } from '@atlaskit/editor-common/extensions';
+import type { ApplyChangeHandler } from '@atlaskit/editor-plugin-context-panel';
+import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
+import type { EditorState, Transaction } from '@atlaskit/editor-prosemirror/state';
+import type { ExtensionState, RejectSave } from './types';
+export declare function updateState(state: Partial<ExtensionState>): import("@atlaskit/editor-common/types").Command;
+export declare function setEditingContextToContextPanel<T extends Parameters = Parameters>(processParametersBefore: TransformBefore<T>, processParametersAfter: TransformAfter<T>, applyChangeToContextPanel: ApplyChangeHandler | undefined): import("@atlaskit/editor-common/types").Command;
+export declare const clearEditingContext: (applyChangeToContextPanel: ApplyChangeHandler | undefined) => import("@atlaskit/editor-common/types").Command;
+export declare const forceAutoSave: (applyChangeToContextPanel: ApplyChangeHandler | undefined) => (resolve: () => void, reject?: RejectSave) => import("@atlaskit/editor-common/types").Command;
+export declare const updateExtensionLayout: (layout: ExtensionLayout) => import("@atlaskit/editor-common/types").Command;
+export declare const removeExtension: (editorAnalyticsAPI?: EditorAnalyticsAPI) => import("@atlaskit/editor-common/types").Command;
+export declare const removeDescendantNodes: (sourceNode?: PMNode) => import("@atlaskit/editor-common/types").Command;
+export declare const checkAndRemoveExtensionNode: (state: EditorState, tr: Transaction, analyticsApi?: EditorAnalyticsAPI) => Transaction;

package/dist/types/context-panel.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import type { FeatureFlags } from '@atlaskit/editor-common/types';
+import type { ApplyChangeHandler } from '@atlaskit/editor-plugin-context-panel';
+import type { Node } from '@atlaskit/editor-prosemirror/model';
+import type { EditorState, Selection } from '@atlaskit/editor-prosemirror/state';
+import type { ContentNodeWithPos } from '@atlaskit/editor-prosemirror/utils';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+export declare const duplicateSelection: (selectionToDuplicate: Selection, doc: Node) => Selection | undefined;
+export declare const getContextPanel: (getEditorView?: () => EditorView | undefined) => (allowAutoSave?: boolean, featureFlags?: FeatureFlags, applyChange?: ApplyChangeHandler) => (state: EditorState) => JSX.Element | undefined;
+export declare function onChangeAction(editorView: EditorView, updatedParameters: object | undefined, oldParameters: object | undefined, nodeWithPos: ContentNodeWithPos, onSaving?: () => void): Promise<void>;

package/dist/types/extension-api.d.ts

@@ -0,0 +1,12 @@
+import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
+import type { MacroProvider } from '@atlaskit/editor-common/provider-factory';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { CreateExtensionAPI } from './types';
+interface EditInLegacyMacroBrowserArgs {
+    view: EditorView;
+    editorAnalyticsAPI: EditorAnalyticsAPI | undefined;
+    macroProvider?: MacroProvider;
+}
+export declare const getEditInLegacyMacroBrowser: ({ view, macroProvider, editorAnalyticsAPI, }: EditInLegacyMacroBrowserArgs) => () => void;
+export declare const createExtensionAPI: CreateExtensionAPI;
+export {};

package/dist/types/index.d.ts

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

package/dist/types/plugin-factory.d.ts

@@ -0,0 +1,4 @@
+import type { ExtensionState } from './types';
+export declare const createPluginState: (dispatch: import("@atlaskit/editor-common/event-dispatcher").Dispatch<any>, initialState: ExtensionState<import("@atlaskit/editor-common/extensions").Parameters> | ((state: import("prosemirror-state").EditorState) => ExtensionState<import("@atlaskit/editor-common/extensions").Parameters>)) => import("prosemirror-state").SafeStateField<ExtensionState<import("@atlaskit/editor-common/extensions").Parameters>>;
+export declare const createCommand: <A = import("./types").ExtensionAction<import("@atlaskit/editor-common/extensions").Parameters>>(action: A | ((state: Readonly<import("prosemirror-state").EditorState>) => false | A), transform?: ((tr: import("prosemirror-state").Transaction, state: import("prosemirror-state").EditorState) => import("prosemirror-state").Transaction) | undefined) => import("@atlaskit/editor-common/types").Command;
+export declare const getPluginState: (state: import("prosemirror-state").EditorState) => ExtensionState<import("@atlaskit/editor-common/extensions").Parameters>;

package/dist/types/plugin-key.d.ts

@@ -0,0 +1,3 @@
+import { PluginKey } from '@atlaskit/editor-prosemirror/state';
+import type { ExtensionState } from './types';
+export declare const pluginKey: PluginKey<ExtensionState<import("@atlaskit/editor-common/extensions").Parameters>>;

package/dist/types/plugin.d.ts

@@ -0,0 +1,2 @@
+import type { ExtensionPlugin } from './types';
+export declare const extensionPlugin: ExtensionPlugin;

package/dist/types/pm-plugins/keymap.d.ts

@@ -0,0 +1,3 @@
+import type { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import type { ApplyChangeHandler } from '@atlaskit/editor-plugin-context-panel';
+export default function keymapPlugin(applyChange: ApplyChangeHandler | undefined): SafePlugin;

package/dist/types/pm-plugins/macro/actions.d.ts

@@ -0,0 +1,9 @@
+import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
+import type { MacroAttributes, MacroProvider, Providers } from '@atlaskit/editor-common/provider-factory';
+import type { Node as PmNode } from '@atlaskit/editor-prosemirror/model';
+import type { EditorState } from '@atlaskit/editor-prosemirror/state';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+export declare const insertMacroFromMacroBrowser: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => (macroProvider: MacroProvider, macroNode?: PmNode, isEditing?: boolean) => (view: EditorView) => Promise<boolean>;
+export declare const resolveMacro: (macro?: MacroAttributes, state?: EditorState, optionalAttrs?: object) => PmNode | null;
+export declare const runMacroAutoConvert: (state: EditorState, text: string) => PmNode | null;
+export declare const setMacroProvider: (provider: Providers['macroProvider']) => (view: EditorView) => Promise<boolean>;

package/dist/types/pm-plugins/macro/index.d.ts

@@ -0,0 +1,8 @@
+import type { Dispatch } from '@atlaskit/editor-common/event-dispatcher';
+import type { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import type { MacroState } from './types';
+export type { MacroProvider, MacroAttributes, ExtensionType, } from '@atlaskit/editor-common/provider-factory';
+export { insertMacroFromMacroBrowser, resolveMacro, runMacroAutoConvert, setMacroProvider, } from './actions';
+export type { MacroState };
+export declare const createPlugin: (dispatch: Dispatch, providerFactory: ProviderFactory) => SafePlugin<any>;

package/dist/types/pm-plugins/macro/plugin-key.d.ts

@@ -0,0 +1,3 @@
+import { PluginKey } from '@atlaskit/editor-prosemirror/state';
+import type { MacroState } from './types';
+export declare const pluginKey: PluginKey<MacroState>;

package/dist/types/pm-plugins/macro/types.d.ts

@@ -0,0 +1,4 @@
+import type { MacroProvider } from '@atlaskit/editor-common/provider-factory';
+export type MacroState = {
+    macroProvider: MacroProvider | null;
+};

package/dist/types/pm-plugins/main.d.ts

@@ -0,0 +1,25 @@
+import type { Dispatch, EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
+import type { ExtensionHandlers, ExtensionProvider } from '@atlaskit/editor-common/extensions';
+import type { PortalProviderAPI } from '@atlaskit/editor-common/portal-provider';
+import type { ContextIdentifierProvider, ProviderFactory } from '@atlaskit/editor-common/provider-factory';
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import type { EditorAppearance, ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import type { ApplyChangeHandler } from '@atlaskit/editor-plugin-context-panel';
+import type { EditorState } from '@atlaskit/editor-prosemirror/state';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+import { createCommand, getPluginState } from '../plugin-factory';
+import { pluginKey } from '../plugin-key';
+import type { ExtensionPlugin } from '../types';
+export declare const createExtensionProviderHandler: (view: EditorView) => (name: string, provider?: Promise<ExtensionProvider>) => Promise<void>;
+export declare const createContextIdentifierProviderHandler: (view: EditorView) => (name: string, provider?: Promise<ContextIdentifierProvider>) => Promise<void>;
+export declare const handleUpdate: ({ view, prevState, domAtPos, extensionHandlers, applyChange, }: {
+    view: EditorView;
+    prevState: EditorState;
+    domAtPos: EditorView['domAtPos'];
+    extensionHandlers: ExtensionHandlers;
+    applyChange: ApplyChangeHandler | undefined;
+}) => true | undefined;
+declare const createPlugin: (dispatch: Dispatch, providerFactory: ProviderFactory, extensionHandlers: ExtensionHandlers, portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, pluginInjectionApi: ExtractInjectionAPI<ExtensionPlugin> | undefined, useLongPressSelection?: boolean, options?: {
+    appearance?: EditorAppearance;
+}) => SafePlugin<import("../types").ExtensionState<import("@atlaskit/editor-common/extensions").Parameters>>;
+export { pluginKey, createPlugin, createCommand, getPluginState };

package/dist/types/pm-plugins/unique-id.d.ts

@@ -0,0 +1,3 @@
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+declare const createPlugin: () => SafePlugin<any>;
+export { createPlugin };

package/dist/types/pm-plugins/utils.d.ts

@@ -0,0 +1,3 @@
+import type { ExtensionProvider } from '@atlaskit/editor-common/extensions';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+export declare const updateEditButton: (view: EditorView, extensionProvider: ExtensionProvider) => Promise<import("@atlaskit/editor-common/extensions").UpdateExtension<any> | undefined>;

package/dist/types/reducer.d.ts

@@ -0,0 +1,2 @@
+import type { ExtensionAction, ExtensionState } from './types';
+export default function (pluginState: ExtensionState, action: ExtensionAction): ExtensionState;

package/dist/types/toolbar.d.ts

@@ -0,0 +1,44 @@
+import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
+import type { FloatingToolbarHandler } from '@atlaskit/editor-common/types';
+import type { ApplyChangeHandler } from '@atlaskit/editor-plugin-context-panel';
+import type { HoverDecorationHandler } from '@atlaskit/editor-plugin-decorations';
+export declare const messages: {
+    edit: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    deleteElementTitle: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    unnamedSource: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    confirmDeleteLinkedModalOKButton: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    confirmDeleteLinkedModalMessage: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    confirmModalCheckboxLabel: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};
+interface GetToolbarConfigProps {
+    breakoutEnabled: boolean | undefined;
+    hoverDecoration: HoverDecorationHandler | undefined;
+    applyChangeToContextPanel: ApplyChangeHandler | undefined;
+    editorAnalyticsAPI: EditorAnalyticsAPI | undefined;
+}
+export declare const getToolbarConfig: ({ breakoutEnabled, hoverDecoration, applyChangeToContextPanel, editorAnalyticsAPI, }: GetToolbarConfigProps) => FloatingToolbarHandler;
+export {};

package/dist/types/types.d.ts

@@ -1,6 +1,6 @@
 import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
-import type { ExtensionAPI, ExtensionHandlers } from '@atlaskit/editor-common/extensions';
-import type { MacroProvider } from '@atlaskit/editor-common/provider-factory';
+import type { ExtensionAPI, ExtensionHandlers, ExtensionProvider, Parameters, TransformAfter, TransformBefore, UpdateExtension } from '@atlaskit/editor-common/extensions';
+import type { ContextIdentifierProvider, MacroProvider } from '@atlaskit/editor-common/provider-factory';
 import type { EditorAppearance, LongPressSelectionPluginOptions, NextEditorPlugin, OptionalPlugin } from '@atlaskit/editor-common/types';
 import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 import type { ApplyChangeHandler, ContextPanelPlugin } from '@atlaskit/editor-plugin-context-panel';
@@ -10,6 +10,27 @@ 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 { EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { forceAutoSave } from './commands';
+export type RejectSave = (reason?: any) => void;
+export type ExtensionState<T extends Parameters = Parameters> = {
+    localId?: string;
+    autoSaveResolve?: () => void;
+    autoSaveReject?: RejectSave;
+    showEditButton: boolean;
+    showContextPanel: boolean;
+    updateExtension?: Promise<UpdateExtension<T> | void>;
+    element?: HTMLElement;
+    extensionProvider?: ExtensionProvider<T>;
+    contextIdentifierProvider?: ContextIdentifierProvider;
+    processParametersBefore?: TransformBefore<T>;
+    processParametersAfter?: TransformAfter<T>;
+    positions?: Record<number, number>;
+    applyChangeToContextPanel: ApplyChangeHandler | undefined;
+};
+export type ExtensionAction<T extends Parameters = Parameters> = {
+    type: 'UPDATE_STATE';
+    data: Partial<ExtensionState<T>>;
+};
 interface CreateExtensionAPIOptions {
     editorView: EditorView;
     applyChange: ApplyChangeHandler | undefined;
@@ -34,11 +55,15 @@ export type ExtensionPlugin = NextEditorPlugin<'extension', {
         DecorationsPlugin,
         OptionalPlugin<ContextPanelPlugin>
     ];
+    sharedState: {
+        showContextPanel: boolean | undefined;
+    } | undefined;
     actions: {
         editSelectedExtension: () => boolean;
         api: () => ExtensionAPI;
         insertMacroFromMacroBrowser: InsertMacroFromMacroBrowser;
         runMacroAutoConvert: RunMacroAutoConvert;
+        forceAutoSave: typeof forceAutoSave;
     };
 }>;
 export {};

package/dist/types/ui/ConfigPanel/ConfigPanel.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import type { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
+import type { ExtensionManifest, FieldDefinition, OnSaveCallback, Parameters } from '@atlaskit/editor-common/extensions';
+import type { FeatureFlags } from '@atlaskit/editor-common/types';
+import type { RejectSave } from '../../types';
+type Props = {
+    extensionManifest?: ExtensionManifest;
+    fields?: FieldDefinition[];
+    parameters?: Parameters;
+    autoSave?: boolean;
+    autoSaveTrigger?: () => void;
+    autoSaveReject?: RejectSave;
+    showHeader?: boolean;
+    closeOnEsc?: boolean;
+    onChange: OnSaveCallback;
+    onCancel: () => void;
+    errorMessage: string | null;
+    isLoading?: boolean;
+    featureFlags?: FeatureFlags;
+} & WithAnalyticsEventsProps;
+declare const _default: React.ForwardRefExoticComponent<Pick<Omit<Props, keyof WithAnalyticsEventsProps> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "featureFlags" | "autoSaveReject" | "key" | "parameters" | "autoSave" | "onChange" | "errorMessage" | "analyticsContext" | "fields" | "extensionManifest" | "isLoading" | "onCancel" | "autoSaveTrigger" | "showHeader" | "closeOnEsc"> & React.RefAttributes<any>>;
+export default _default;

package/dist/types/ui/ConfigPanel/ConfigPanelFieldsLoader.d.ts

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+import type { ExtensionKey, ExtensionProvider, ExtensionType, Parameters } from '@atlaskit/editor-common/extensions';
+import type { FeatureFlags } from '@atlaskit/editor-common/types';
+import type { RejectSave } from '../../types';
+export type PublicProps = {
+    extensionProvider: ExtensionProvider;
+    extensionType: ExtensionType;
+    extensionKey: ExtensionKey;
+    nodeKey: string;
+    extensionParameters?: Parameters;
+    parameters?: Parameters;
+    autoSave?: boolean;
+    autoSaveTrigger?: () => void;
+    autoSaveReject?: RejectSave;
+    closeOnEsc?: boolean;
+    showHeader?: boolean;
+    featureFlags?: FeatureFlags;
+    onChange: (data: Parameters) => void;
+    onCancel: () => void;
+};
+export default function FieldsLoader({ extensionType, extensionKey, nodeKey, extensionProvider, extensionParameters, parameters, autoSave, autoSaveTrigger, autoSaveReject, closeOnEsc, showHeader, featureFlags, onChange, onCancel, }: PublicProps): JSX.Element;

package/dist/types/ui/ConfigPanel/ConfigPanelLoader.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import Loadable from 'react-loadable';
+import type { PublicProps } from './ConfigPanelFieldsLoader';
+declare const _default: import("react").ComponentType<PublicProps> & Loadable.LoadableComponent;
+export default _default;

package/dist/types/ui/ConfigPanel/ErrorMessage/ErrorImage.d.ts

@@ -0,0 +1,4 @@
+/** @jsx jsx */
+import React from 'react';
+declare const ErrorImage: React.FunctionComponent;
+export default ErrorImage;

package/dist/types/ui/ConfigPanel/ErrorMessage/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { WrappedComponentProps } from 'react-intl-next';
+declare const _default: React.FC<import("react-intl-next").WithIntlProps<{
+    errorMessage: string;
+} & WrappedComponentProps<"intl">>> & {
+    WrappedComponent: React.ComponentType<{
+        errorMessage: string;
+    } & WrappedComponentProps<"intl">>;
+};
+export default _default;