@atlaskit/editor-plugin-expand 1.3.0 → 1.3.2

package/dist/esm/singlePlayerExpand/toolbar.js

@@ -0,0 +1,52 @@
+import commonMessages from '@atlaskit/editor-common/messages';
+import { findDomRefAtPos } from '@atlaskit/editor-prosemirror/utils';
+import RemoveIcon from '@atlaskit/icon/glyph/editor/remove';
+import { deleteExpand } from './commands';
+import { findParentExpandNode } from './utils';
+export var getToolbarConfig = function getToolbarConfig(api) {
+  return function (state, _ref) {
+    var _api$decorations$acti, _api$decorations, _api$analytics;
+    var formatMessage = _ref.formatMessage;
+    var _ref2 = (_api$decorations$acti = api === null || api === void 0 || (_api$decorations = api.decorations) === null || _api$decorations === void 0 ? void 0 : _api$decorations.actions) !== null && _api$decorations$acti !== void 0 ? _api$decorations$acti : {},
+      hoverDecoration = _ref2.hoverDecoration;
+    var editorAnalyticsAPI = api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions;
+    var selectedExpandNode = findParentExpandNode(state);
+    if (selectedExpandNode) {
+      var _state$schema$nodes = state.schema.nodes,
+        nestedExpand = _state$schema$nodes.nestedExpand,
+        expand = _state$schema$nodes.expand;
+      return {
+        title: 'Expand toolbar',
+        getDomRef: function getDomRef(view) {
+          return findDomRefAtPos(selectedExpandNode.pos, view.domAtPos.bind(view));
+        },
+        nodeType: [nestedExpand, expand],
+        offset: [0, 6],
+        items: [{
+          type: 'copy-button',
+          items: [{
+            state: state,
+            formatMessage: formatMessage,
+            nodeType: [nestedExpand, expand]
+          }, {
+            type: 'separator'
+          }]
+        }, {
+          id: 'editor.expand.delete',
+          type: 'button',
+          appearance: 'danger',
+          focusEditoronEnter: true,
+          icon: RemoveIcon,
+          onClick: deleteExpand(editorAnalyticsAPI),
+          onMouseEnter: hoverDecoration === null || hoverDecoration === void 0 ? void 0 : hoverDecoration([nestedExpand, expand], true),
+          onMouseLeave: hoverDecoration === null || hoverDecoration === void 0 ? void 0 : hoverDecoration([nestedExpand, expand], false),
+          onFocus: hoverDecoration === null || hoverDecoration === void 0 ? void 0 : hoverDecoration([nestedExpand, expand], true),
+          onBlur: hoverDecoration === null || hoverDecoration === void 0 ? void 0 : hoverDecoration([nestedExpand, expand], false),
+          title: formatMessage(commonMessages.remove),
+          tabIndex: null
+        }]
+      };
+    }
+    return;
+  };
+};

package/dist/esm/singlePlayerExpand/ui/ExpandButton.js

@@ -0,0 +1,77 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["buttonStyles"];
+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; }
+/** @jsx jsx */
+import React, { useCallback } from 'react';
+import { jsx } from '@emotion/react';
+import Button from '@atlaskit/button/custom-theme-button';
+import { expandClassNames } from '@atlaskit/editor-common/styles';
+import { expandLayoutWrapperStyle, ExpandLayoutWrapperWithRef, expandMessages } from '@atlaskit/editor-common/ui';
+import { akEditorSwoopCubicBezier } from '@atlaskit/editor-shared-styles';
+import ChevronRightIcon from '@atlaskit/icon/glyph/chevron-right';
+import Tooltip from '@atlaskit/tooltip';
+function withTooltip(Component) {
+  return function WithTooltip(props) {
+    return jsx(Tooltip, {
+      content: props.label,
+      position: "top",
+      tag: ExpandLayoutWrapperWithRef
+    }, jsx(Component, props));
+  };
+}
+export var ExpandButtonInner = function ExpandButtonInner(props) {
+  var useTheme = useCallback(function (currentTheme, themeProps) {
+    var _currentTheme = currentTheme(themeProps),
+      buttonStyles = _currentTheme.buttonStyles,
+      rest = _objectWithoutProperties(_currentTheme, _excluded);
+    return _objectSpread({
+      buttonStyles: _objectSpread(_objectSpread({}, buttonStyles), {}, {
+        height: '100%',
+        '& svg': {
+          transform: props.expanded ? 'transform: rotate(90deg);' : 'transform: rotate(0deg);',
+          transition: "transform 0.2s ".concat(akEditorSwoopCubicBezier, ";")
+        }
+      })
+    }, rest);
+  }, [props]);
+  return jsx(Button, {
+    appearance: "subtle",
+    className: expandClassNames.iconContainer,
+    iconBefore: jsx(ChevronRightIcon, {
+      label: ''
+    }),
+    shouldFitContainer: true,
+    theme: useTheme,
+    "aria-expanded": props.expanded,
+    isDisabled: !props.allowInteractiveExpand
+  });
+};
+var ButtonWithTooltip = withTooltip(ExpandButtonInner);
+var ButtonWithoutTooltip = ExpandButtonInner;
+export var ExpandButton = function ExpandButton(props) {
+  var expanded = props.expanded,
+    intl = props.intl;
+  var message = expanded ? expandMessages.collapseNode : expandMessages.expandNode;
+  var label = intl && intl.formatMessage(message) || message.defaultMessage;
+  // check to ensure device supports any-hover
+  var supportsAnyHover = !!window.matchMedia ? window.matchMedia('(any-hover: hover)').matches !== window.matchMedia('(any-hover: none)').matches : false;
+  var hoverEventCheck = supportsAnyHover ? window.matchMedia('(any-hover: hover)').matches : true;
+
+  // hoverEventCheck is to disable tooltips for mobile to prevent incorrect hover state causing issues on iOS
+  if (props.allowInteractiveExpand && hoverEventCheck) {
+    return jsx(ButtonWithTooltip, _extends({
+      label: label
+    }, props));
+  }
+  return (
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
+    jsx("div", {
+      css: expandLayoutWrapperStyle
+    }, jsx(ButtonWithoutTooltip, _extends({
+      label: label
+    }, props)))
+  );
+};

package/dist/esm/singlePlayerExpand/ui/NodeView.js

@@ -0,0 +1,53 @@
+import React from 'react';
+import ReactDOM from 'react-dom';
+import { expandClassNames } from '@atlaskit/editor-common/styles';
+import { expandMessages } from '@atlaskit/editor-common/ui';
+import { ExpandButton } from '../ui/ExpandButton';
+
+// TODO: https://product-fabric.atlassian.net/browse/ED-22841
+export var buildExpandClassName = function buildExpandClassName(type) {
+  return "".concat(expandClassNames.prefix, " ").concat(expandClassNames.type(type), "\n  ").concat(expandClassNames.expanded);
+};
+export var toDOM = function toDOM(node, __livePage, intl) {
+  return ['div', {
+    // prettier-ignore
+    'class': buildExpandClassName(node.type.name),
+    'data-node-type': node.type.name,
+    'data-title': node.attrs.title
+  }, ['div', {
+    // prettier-ignore
+    'class': expandClassNames.titleContainer,
+    contenteditable: 'false',
+    // Element gains access to focus events.
+    // This is needed to prevent PM gaining access
+    // on interacting with our controls.
+    tabindex: '-1'
+  },
+  // prettier-ignore
+  ['div', {
+    'class': expandClassNames.icon
+  }], ['div', {
+    // prettier-ignore
+    'class': expandClassNames.inputContainer
+  }, ['input', {
+    // prettier-ignore
+    'class': expandClassNames.titleInput,
+    value: node.attrs.title,
+    placeholder: intl && intl.formatMessage(expandMessages.expandPlaceholderText) || expandMessages.expandPlaceholderText.defaultMessage,
+    type: 'text'
+  }]]],
+  // prettier-ignore
+  ['div', {
+    'class': expandClassNames.content
+  }, 0]];
+};
+export var renderIcon = function renderIcon(icon, allowInteractiveExpand, intl, node) {
+  if (!icon) {
+    return;
+  }
+  ReactDOM.render( /*#__PURE__*/React.createElement(ExpandButton, {
+    intl: intl,
+    allowInteractiveExpand: allowInteractiveExpand,
+    expanded: true // TO-DO https://product-fabric.atlassian.net/browse/ED-22841
+  }), icon);
+};

package/dist/esm/singlePlayerExpand/utils.js

@@ -0,0 +1,5 @@
+import { findParentNodeOfType } from '@atlaskit/editor-prosemirror/utils';
+export { findExpand, transformSliceToRemoveOpenExpand, transformSliceToRemoveOpenNestedExpand, transformSliceNestedExpandToExpand } from '@atlaskit/editor-common/transforms';
+export var findParentExpandNode = function findParentExpandNode(state) {
+  return findParentNodeOfType(state.schema.nodes.expand)(state.selection) || findParentNodeOfType(state.schema.nodes.nestedExpand)(state.selection);
+};

package/dist/types/index.d.ts

@@ -1,2 +1,2 @@
-export type { ExpandPlugin, ExpandPluginState, ExpandPluginOptions, } from './legacyExpand/types';
+export type { ExpandPlugin, ExpandPluginState, ExpandPluginOptions, } from './types';
 export { expandPlugin } from './plugin';

package/dist/types/legacyExpand/nodeviews/index.d.ts

@@ -3,7 +3,7 @@ import type { SetSelectionRelativeToNode } from '@atlaskit/editor-common/selecti
 import type { ExtractInjectionAPI, getPosHandler, getPosHandlerNode } from '@atlaskit/editor-common/types';
 import type { Node as PmNode } from '@atlaskit/editor-prosemirror/model';
 import type { Decoration, EditorView, NodeView } from '@atlaskit/editor-prosemirror/view';
-import type { ExpandPlugin } from '../types';
+import type { ExpandPlugin } from '../../types';
 export declare class ExpandNodeView implements NodeView {
     private selectNearNode;
     private __livePage;

package/dist/types/legacyExpand/plugin.d.ts

@@ -1,3 +1,3 @@
-import type { ExpandPlugin } from './types';
+import type { ExpandPlugin } from '../types';
 export { pluginKey } from './pm-plugins/plugin-factory';
 export declare const expandPlugin: ExpandPlugin;

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

@@ -1,6 +1,6 @@
 import type { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
-import type { ExpandPlugin } from '../types';
+import type { ExpandPlugin } from '../../types';
 export declare function expandKeymap(api: ExtractInjectionAPI<ExpandPlugin> | undefined, options: {
     __livePage?: boolean;
 }): SafePlugin;

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

@@ -2,6 +2,6 @@ import type { IntlShape } from 'react-intl-next';
 import type { Dispatch } from '@atlaskit/editor-common/event-dispatcher';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import type { EditorAppearance, ExtractInjectionAPI } from '@atlaskit/editor-common/types';
-import type { ExpandPlugin } from '../types';
+import type { ExpandPlugin } from '../../types';
 export declare function containsClass(element: Element | null, className: string): boolean;
-export declare const createPlugin: (dispatch: Dispatch, getIntl: () => IntlShape, appearance: EditorAppearance | undefined, useLongPressSelection: boolean | undefined, api: ExtractInjectionAPI<ExpandPlugin> | undefined, allowInteractiveExpand?: boolean, __livePage?: boolean) => SafePlugin<import("../types").ExpandPluginState>;
+export declare const createPlugin: (dispatch: Dispatch, getIntl: () => IntlShape, appearance: EditorAppearance | undefined, useLongPressSelection: boolean | undefined, api: ExtractInjectionAPI<ExpandPlugin> | undefined, allowInteractiveExpand?: boolean, __livePage?: boolean) => SafePlugin<import("../../types").ExpandPluginState>;

package/dist/types/legacyExpand/pm-plugins/plugin-factory.d.ts

@@ -1,3 +1,3 @@
 import { PluginKey } from '@atlaskit/editor-prosemirror/state';
 export declare const pluginKey: PluginKey<any>;
-export declare const createPluginState: (dispatch: import("@atlaskit/editor-common/event-dispatcher").Dispatch, initialState: import("../types").ExpandPluginState | ((state: import("prosemirror-state").EditorState) => import("../types").ExpandPluginState)) => import("prosemirror-state").SafeStateField<import("../types").ExpandPluginState>, createCommand: <A = import("../types").ExpandPluginAction>(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, getPluginState: (state: import("prosemirror-state").EditorState) => import("../types").ExpandPluginState;
+export declare const createPluginState: (dispatch: import("@atlaskit/editor-common/event-dispatcher").Dispatch, initialState: import("../..").ExpandPluginState | ((state: import("prosemirror-state").EditorState) => import("../..").ExpandPluginState)) => import("prosemirror-state").SafeStateField<import("../..").ExpandPluginState>, createCommand: <A = import("../../types").ExpandPluginAction>(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, getPluginState: (state: import("prosemirror-state").EditorState) => import("../..").ExpandPluginState;

package/dist/types/legacyExpand/reducer.d.ts

@@ -1,3 +1,3 @@
-import type { ExpandPluginAction, ExpandPluginState } from './types';
+import type { ExpandPluginAction, ExpandPluginState } from '../types';
 declare const _default: (pluginState: ExpandPluginState, action: ExpandPluginAction) => ExpandPluginState;
 export default _default;

package/dist/types/legacyExpand/toolbar.d.ts

@@ -1,3 +1,3 @@
 import type { ExtractInjectionAPI, FloatingToolbarHandler } from '@atlaskit/editor-common/types';
-import type { ExpandPlugin } from './types';
+import type { ExpandPlugin } from '../types';
 export declare const getToolbarConfig: (api: ExtractInjectionAPI<ExpandPlugin> | undefined) => FloatingToolbarHandler;

package/dist/types/plugin.d.ts

@@ -1,2 +1,2 @@
-import type { ExpandPlugin } from './legacyExpand/types';
+import type { ExpandPlugin } from './types';
 export declare const expandPlugin: ExpandPlugin;

package/dist/types/singlePlayerExpand/commands.d.ts

@@ -0,0 +1,15 @@
+import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
+import type { Command } from '@atlaskit/editor-common/types';
+import type { NodeType, Node as PMNode } from '@atlaskit/editor-prosemirror/model';
+import type { EditorState } from '@atlaskit/editor-prosemirror/state';
+export declare const createExpandNode: (state: EditorState) => PMNode | null;
+export declare const insertExpand: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => Command;
+export declare const deleteExpand: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => Command;
+export declare const deleteExpandAtPos: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => (expandNodePos: number, expandNode: PMNode) => Command;
+export declare const setSelectionInsideExpand: (expandPos: number) => Command;
+export declare const updateExpandTitle: ({ title, nodeType, pos, }: {
+    title: string;
+    pos: number;
+    nodeType: NodeType;
+}) => Command;
+export declare const focusTitle: (pos: number) => Command;

package/dist/types/singlePlayerExpand/node-views/index.d.ts

@@ -0,0 +1,51 @@
+import type { IntlShape } from 'react-intl-next';
+import type { SetSelectionRelativeToNode } from '@atlaskit/editor-common/selection';
+import type { ExtractInjectionAPI, getPosHandler, getPosHandlerNode } from '@atlaskit/editor-common/types';
+import type { Node as PmNode } from '@atlaskit/editor-prosemirror/model';
+import type { Decoration, EditorView, NodeView } from '@atlaskit/editor-prosemirror/view';
+import type { ExpandPlugin } from '../../types';
+export declare class ExpandNodeView implements NodeView {
+    private selectNearNode;
+    private __livePage;
+    node: PmNode;
+    view: EditorView;
+    dom: HTMLElement;
+    contentDOM?: HTMLElement;
+    icon?: HTMLElement | null;
+    input?: HTMLInputElement | null;
+    titleContainer?: HTMLElement | null;
+    content?: HTMLElement | null;
+    getPos: getPosHandlerNode;
+    intl: IntlShape;
+    allowInteractiveExpand: boolean;
+    isMobile: boolean;
+    api: ExtractInjectionAPI<ExpandPlugin> | undefined;
+    constructor(node: PmNode, view: EditorView, getPos: getPosHandlerNode, getIntl: () => IntlShape, isMobile: boolean, selectNearNode: SetSelectionRelativeToNode | undefined, api: ExtractInjectionAPI<ExpandPlugin> | undefined, allowInteractiveExpand?: boolean, __livePage?: boolean);
+    private focusTitle;
+    private handleIconKeyDown;
+    private handleClick;
+    private handleInput;
+    private handleFocus;
+    private handleTitleKeydown;
+    private deleteEmptyExpand;
+    private moveToOutsideOfTitle;
+    private isCollapsed;
+    private setRightGapCursor;
+    private setLeftGapCursor;
+    private handleArrowRightFromTitle;
+    private handleArrowLeftFromTitle;
+    stopEvent(event: Event): boolean;
+    ignoreMutation(mutationRecord: MutationRecord | {
+        type: 'selection';
+        target: Element;
+    }): boolean;
+    update(node: PmNode, _decorations: readonly Decoration[]): boolean;
+    destroy(): void;
+}
+export default function ({ getIntl, isMobile, api, allowInteractiveExpand, __livePage, }: {
+    getIntl: () => IntlShape;
+    isMobile: boolean;
+    api: ExtractInjectionAPI<ExpandPlugin> | undefined;
+    allowInteractiveExpand: boolean;
+    __livePage: boolean;
+}): (node: PmNode, view: EditorView, getPos: getPosHandler) => NodeView;

package/dist/types/singlePlayerExpand/plugin.d.ts

@@ -1,2 +1,2 @@
-import type { ExpandPlugin } from '../legacyExpand/types';
+import type { ExpandPlugin } from '../types';
 export declare const expandPlugin: ExpandPlugin;

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

@@ -0,0 +1,6 @@
+import type { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import type { ExpandPlugin } from '../../types';
+export declare function expandKeymap(api: ExtractInjectionAPI<ExpandPlugin> | undefined, options: {
+    __livePage?: boolean;
+}): SafePlugin;

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

@@ -0,0 +1,9 @@
+import type { IntlShape } from 'react-intl-next';
+import type { Dispatch } from '@atlaskit/editor-common/event-dispatcher';
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import type { EditorAppearance, ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import { PluginKey } from '@atlaskit/editor-prosemirror/state';
+import type { ExpandPlugin } from '../../types';
+export declare const pluginKey: PluginKey<any>;
+export declare function containsClass(element: Element | null, className: string): boolean;
+export declare const createPlugin: (dispatch: Dispatch, getIntl: () => IntlShape, appearance: EditorAppearance | undefined, useLongPressSelection: boolean | undefined, api: ExtractInjectionAPI<ExpandPlugin> | undefined, allowInteractiveExpand?: boolean, __livePage?: boolean) => SafePlugin<any>;

package/dist/types/singlePlayerExpand/toolbar.d.ts

@@ -0,0 +1,3 @@
+import type { ExtractInjectionAPI, FloatingToolbarHandler } from '@atlaskit/editor-common/types';
+import type { ExpandPlugin } from '../types';
+export declare const getToolbarConfig: (api: ExtractInjectionAPI<ExpandPlugin> | undefined) => FloatingToolbarHandler;

package/dist/types/singlePlayerExpand/ui/ExpandButton.d.ts

@@ -0,0 +1,13 @@
+import { jsx } from '@emotion/react';
+import type { IntlShape } from 'react-intl-next';
+interface ExpandIconButtonProps {
+    allowInteractiveExpand: boolean;
+    expanded: boolean;
+    intl?: IntlShape;
+}
+interface ExpandIconButtonWithLabelProps extends ExpandIconButtonProps {
+    label: string;
+}
+export declare const ExpandButtonInner: (props: ExpandIconButtonWithLabelProps) => jsx.JSX.Element;
+export declare const ExpandButton: (props: ExpandIconButtonProps) => jsx.JSX.Element;
+export {};

package/dist/types/singlePlayerExpand/ui/NodeView.d.ts

@@ -0,0 +1,5 @@
+import type { IntlShape } from 'react-intl-next';
+import type { DOMOutputSpec, Node as PmNode } from '@atlaskit/editor-prosemirror/model';
+export declare const buildExpandClassName: (type: string) => string;
+export declare const toDOM: (node: PmNode, __livePage: boolean, intl?: IntlShape) => DOMOutputSpec;
+export declare const renderIcon: (icon: HTMLElement | null, allowInteractiveExpand: boolean, intl?: IntlShape, node?: PmNode) => void;

package/dist/types/singlePlayerExpand/utils.d.ts

@@ -0,0 +1,3 @@
+import type { EditorState } from '@atlaskit/editor-prosemirror/dist/types/state';
+export { findExpand, transformSliceToRemoveOpenExpand, transformSliceToRemoveOpenNestedExpand, transformSliceNestedExpandToExpand, } from '@atlaskit/editor-common/transforms';
+export declare const findParentExpandNode: (state: EditorState) => import("prosemirror-utils/dist/types").FindResult;

package/dist/{types-ts4.5/legacyExpand → types}/types.d.ts

@@ -2,7 +2,7 @@ import type { EditorAppearance, LongPressSelectionPluginOptions, NextEditorPlugi
 import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 import type { DecorationsPlugin } from '@atlaskit/editor-plugin-decorations';
 import type { SelectionPlugin } from '@atlaskit/editor-plugin-selection';
-import type { insertExpand } from './commands';
+import type { insertExpand } from './legacyExpand/commands';
 export interface ExpandPluginState {
     expandRef?: HTMLDivElement | null;
 }

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

@@ -1,2 +1,2 @@
-export type { ExpandPlugin, ExpandPluginState, ExpandPluginOptions, } from './legacyExpand/types';
+export type { ExpandPlugin, ExpandPluginState, ExpandPluginOptions, } from './types';
 export { expandPlugin } from './plugin';

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

@@ -3,7 +3,7 @@ import type { SetSelectionRelativeToNode } from '@atlaskit/editor-common/selecti
 import type { ExtractInjectionAPI, getPosHandler, getPosHandlerNode } from '@atlaskit/editor-common/types';
 import type { Node as PmNode } from '@atlaskit/editor-prosemirror/model';
 import type { Decoration, EditorView, NodeView } from '@atlaskit/editor-prosemirror/view';
-import type { ExpandPlugin } from '../types';
+import type { ExpandPlugin } from '../../types';
 export declare class ExpandNodeView implements NodeView {
     private selectNearNode;
     private __livePage;

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

@@ -1,3 +1,3 @@
-import type { ExpandPlugin } from './types';
+import type { ExpandPlugin } from '../types';
 export { pluginKey } from './pm-plugins/plugin-factory';
 export declare const expandPlugin: ExpandPlugin;

package/dist/types-ts4.5/legacyExpand/pm-plugins/keymap.d.ts

@@ -1,6 +1,6 @@
 import type { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
-import type { ExpandPlugin } from '../types';
+import type { ExpandPlugin } from '../../types';
 export declare function expandKeymap(api: ExtractInjectionAPI<ExpandPlugin> | undefined, options: {
     __livePage?: boolean;
 }): SafePlugin;

package/dist/types-ts4.5/legacyExpand/pm-plugins/main.d.ts

@@ -2,6 +2,6 @@ import type { IntlShape } from 'react-intl-next';
 import type { Dispatch } from '@atlaskit/editor-common/event-dispatcher';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import type { EditorAppearance, ExtractInjectionAPI } from '@atlaskit/editor-common/types';
-import type { ExpandPlugin } from '../types';
+import type { ExpandPlugin } from '../../types';
 export declare function containsClass(element: Element | null, className: string): boolean;
-export declare const createPlugin: (dispatch: Dispatch, getIntl: () => IntlShape, appearance: EditorAppearance | undefined, useLongPressSelection: boolean | undefined, api: ExtractInjectionAPI<ExpandPlugin> | undefined, allowInteractiveExpand?: boolean, __livePage?: boolean) => SafePlugin<import("../types").ExpandPluginState>;
+export declare const createPlugin: (dispatch: Dispatch, getIntl: () => IntlShape, appearance: EditorAppearance | undefined, useLongPressSelection: boolean | undefined, api: ExtractInjectionAPI<ExpandPlugin> | undefined, allowInteractiveExpand?: boolean, __livePage?: boolean) => SafePlugin<import("../../types").ExpandPluginState>;

package/dist/types-ts4.5/legacyExpand/pm-plugins/plugin-factory.d.ts

@@ -1,3 +1,3 @@
 import { PluginKey } from '@atlaskit/editor-prosemirror/state';
 export declare const pluginKey: PluginKey<any>;
-export declare const createPluginState: (dispatch: import("@atlaskit/editor-common/event-dispatcher").Dispatch, initialState: import("../types").ExpandPluginState | ((state: import("prosemirror-state").EditorState) => import("../types").ExpandPluginState)) => import("prosemirror-state").SafeStateField<import("../types").ExpandPluginState>, createCommand: <A = import("../types").ExpandPluginAction>(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, getPluginState: (state: import("prosemirror-state").EditorState) => import("../types").ExpandPluginState;
+export declare const createPluginState: (dispatch: import("@atlaskit/editor-common/event-dispatcher").Dispatch, initialState: import("../..").ExpandPluginState | ((state: import("prosemirror-state").EditorState) => import("../..").ExpandPluginState)) => import("prosemirror-state").SafeStateField<import("../..").ExpandPluginState>, createCommand: <A = import("../../types").ExpandPluginAction>(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, getPluginState: (state: import("prosemirror-state").EditorState) => import("../..").ExpandPluginState;

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

@@ -1,3 +1,3 @@
-import type { ExpandPluginAction, ExpandPluginState } from './types';
+import type { ExpandPluginAction, ExpandPluginState } from '../types';
 declare const _default: (pluginState: ExpandPluginState, action: ExpandPluginAction) => ExpandPluginState;
 export default _default;

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

@@ -1,3 +1,3 @@
 import type { ExtractInjectionAPI, FloatingToolbarHandler } from '@atlaskit/editor-common/types';
-import type { ExpandPlugin } from './types';
+import type { ExpandPlugin } from '../types';
 export declare const getToolbarConfig: (api: ExtractInjectionAPI<ExpandPlugin> | undefined) => FloatingToolbarHandler;

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

@@ -1,2 +1,2 @@
-import type { ExpandPlugin } from './legacyExpand/types';
+import type { ExpandPlugin } from './types';
 export declare const expandPlugin: ExpandPlugin;

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

@@ -0,0 +1,15 @@
+import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
+import type { Command } from '@atlaskit/editor-common/types';
+import type { NodeType, Node as PMNode } from '@atlaskit/editor-prosemirror/model';
+import type { EditorState } from '@atlaskit/editor-prosemirror/state';
+export declare const createExpandNode: (state: EditorState) => PMNode | null;
+export declare const insertExpand: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => Command;
+export declare const deleteExpand: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => Command;
+export declare const deleteExpandAtPos: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => (expandNodePos: number, expandNode: PMNode) => Command;
+export declare const setSelectionInsideExpand: (expandPos: number) => Command;
+export declare const updateExpandTitle: ({ title, nodeType, pos, }: {
+    title: string;
+    pos: number;
+    nodeType: NodeType;
+}) => Command;
+export declare const focusTitle: (pos: number) => Command;

package/dist/types-ts4.5/singlePlayerExpand/node-views/index.d.ts

@@ -0,0 +1,51 @@
+import type { IntlShape } from 'react-intl-next';
+import type { SetSelectionRelativeToNode } from '@atlaskit/editor-common/selection';
+import type { ExtractInjectionAPI, getPosHandler, getPosHandlerNode } from '@atlaskit/editor-common/types';
+import type { Node as PmNode } from '@atlaskit/editor-prosemirror/model';
+import type { Decoration, EditorView, NodeView } from '@atlaskit/editor-prosemirror/view';
+import type { ExpandPlugin } from '../../types';
+export declare class ExpandNodeView implements NodeView {
+    private selectNearNode;
+    private __livePage;
+    node: PmNode;
+    view: EditorView;
+    dom: HTMLElement;
+    contentDOM?: HTMLElement;
+    icon?: HTMLElement | null;
+    input?: HTMLInputElement | null;
+    titleContainer?: HTMLElement | null;
+    content?: HTMLElement | null;
+    getPos: getPosHandlerNode;
+    intl: IntlShape;
+    allowInteractiveExpand: boolean;
+    isMobile: boolean;
+    api: ExtractInjectionAPI<ExpandPlugin> | undefined;
+    constructor(node: PmNode, view: EditorView, getPos: getPosHandlerNode, getIntl: () => IntlShape, isMobile: boolean, selectNearNode: SetSelectionRelativeToNode | undefined, api: ExtractInjectionAPI<ExpandPlugin> | undefined, allowInteractiveExpand?: boolean, __livePage?: boolean);
+    private focusTitle;
+    private handleIconKeyDown;
+    private handleClick;
+    private handleInput;
+    private handleFocus;
+    private handleTitleKeydown;
+    private deleteEmptyExpand;
+    private moveToOutsideOfTitle;
+    private isCollapsed;
+    private setRightGapCursor;
+    private setLeftGapCursor;
+    private handleArrowRightFromTitle;
+    private handleArrowLeftFromTitle;
+    stopEvent(event: Event): boolean;
+    ignoreMutation(mutationRecord: MutationRecord | {
+        type: 'selection';
+        target: Element;
+    }): boolean;
+    update(node: PmNode, _decorations: readonly Decoration[]): boolean;
+    destroy(): void;
+}
+export default function ({ getIntl, isMobile, api, allowInteractiveExpand, __livePage, }: {
+    getIntl: () => IntlShape;
+    isMobile: boolean;
+    api: ExtractInjectionAPI<ExpandPlugin> | undefined;
+    allowInteractiveExpand: boolean;
+    __livePage: boolean;
+}): (node: PmNode, view: EditorView, getPos: getPosHandler) => NodeView;

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

@@ -1,2 +1,2 @@
-import type { ExpandPlugin } from '../legacyExpand/types';
+import type { ExpandPlugin } from '../types';
 export declare const expandPlugin: ExpandPlugin;

package/dist/types-ts4.5/singlePlayerExpand/pm-plugins/keymap.d.ts

@@ -0,0 +1,6 @@
+import type { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import type { ExpandPlugin } from '../../types';
+export declare function expandKeymap(api: ExtractInjectionAPI<ExpandPlugin> | undefined, options: {
+    __livePage?: boolean;
+}): SafePlugin;

package/dist/types-ts4.5/singlePlayerExpand/pm-plugins/main.d.ts

@@ -0,0 +1,9 @@
+import type { IntlShape } from 'react-intl-next';
+import type { Dispatch } from '@atlaskit/editor-common/event-dispatcher';
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import type { EditorAppearance, ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import { PluginKey } from '@atlaskit/editor-prosemirror/state';
+import type { ExpandPlugin } from '../../types';
+export declare const pluginKey: PluginKey<any>;
+export declare function containsClass(element: Element | null, className: string): boolean;
+export declare const createPlugin: (dispatch: Dispatch, getIntl: () => IntlShape, appearance: EditorAppearance | undefined, useLongPressSelection: boolean | undefined, api: ExtractInjectionAPI<ExpandPlugin> | undefined, allowInteractiveExpand?: boolean, __livePage?: boolean) => SafePlugin<any>;

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

@@ -0,0 +1,3 @@
+import type { ExtractInjectionAPI, FloatingToolbarHandler } from '@atlaskit/editor-common/types';
+import type { ExpandPlugin } from '../types';
+export declare const getToolbarConfig: (api: ExtractInjectionAPI<ExpandPlugin> | undefined) => FloatingToolbarHandler;

package/dist/types-ts4.5/singlePlayerExpand/ui/ExpandButton.d.ts

@@ -0,0 +1,13 @@
+import { jsx } from '@emotion/react';
+import type { IntlShape } from 'react-intl-next';
+interface ExpandIconButtonProps {
+    allowInteractiveExpand: boolean;
+    expanded: boolean;
+    intl?: IntlShape;
+}
+interface ExpandIconButtonWithLabelProps extends ExpandIconButtonProps {
+    label: string;
+}
+export declare const ExpandButtonInner: (props: ExpandIconButtonWithLabelProps) => jsx.JSX.Element;
+export declare const ExpandButton: (props: ExpandIconButtonProps) => jsx.JSX.Element;
+export {};

package/dist/types-ts4.5/singlePlayerExpand/ui/NodeView.d.ts

@@ -0,0 +1,5 @@
+import type { IntlShape } from 'react-intl-next';
+import type { DOMOutputSpec, Node as PmNode } from '@atlaskit/editor-prosemirror/model';
+export declare const buildExpandClassName: (type: string) => string;
+export declare const toDOM: (node: PmNode, __livePage: boolean, intl?: IntlShape) => DOMOutputSpec;
+export declare const renderIcon: (icon: HTMLElement | null, allowInteractiveExpand: boolean, intl?: IntlShape, node?: PmNode) => void;

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

@@ -0,0 +1,3 @@
+import type { EditorState } from '@atlaskit/editor-prosemirror/dist/types/state';
+export { findExpand, transformSliceToRemoveOpenExpand, transformSliceToRemoveOpenNestedExpand, transformSliceNestedExpandToExpand, } from '@atlaskit/editor-common/transforms';
+export declare const findParentExpandNode: (state: EditorState) => import("prosemirror-utils/dist/types").FindResult;

package/dist/{types/legacyExpand → types-ts4.5}/types.d.ts

@@ -2,7 +2,7 @@ import type { EditorAppearance, LongPressSelectionPluginOptions, NextEditorPlugi
 import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 import type { DecorationsPlugin } from '@atlaskit/editor-plugin-decorations';
 import type { SelectionPlugin } from '@atlaskit/editor-plugin-selection';
-import type { insertExpand } from './commands';
+import type { insertExpand } from './legacyExpand/commands';
 export interface ExpandPluginState {
     expandRef?: HTMLDivElement | null;
 }