@atlaskit/editor-core 189.3.38 → 189.4.1

package/dist/esm/plugins/extension/ui/Extension/MultiBodiedExtension/index.js

@@ -0,0 +1,146 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+var _templateObject;
+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 { jsx, css } from '@emotion/react';
+import { N30 } from '@atlaskit/theme/colors';
+import React, { useState } from 'react';
+var useMultiBodiedExtensionActions = function useMultiBodiedExtensionActions(_ref) {
+  var updateActiveChild = _ref.updateActiveChild,
+    editorView = _ref.editorView,
+    getPos = _ref.getPos,
+    node = _ref.node;
+  var actions = React.useMemo(function () {
+    return {
+      changeActive: function changeActive(index) {
+        return updateActiveChild(index);
+      },
+      addChild: function addChild() {
+        var state = editorView.state,
+          dispatch = editorView.dispatch;
+        if (node.content.childCount >= node.attrs.maxFrames) {
+          // TODO: add proper log on this
+          return false;
+        }
+        var p = state.schema.nodes.paragraph.createAndFill({});
+        if (!p) {
+          return false;
+        }
+        var frame = state.schema.nodes.extensionFrame.createAndFill({}, [p]);
+        var pos = getPos();
+        if (typeof pos !== 'number' || !frame) {
+          return false;
+        }
+        var insertAt = Math.min((pos || 1) + node.content.size, state.doc.content.size);
+        dispatch(state.tr.insert(insertAt, frame));
+        return true;
+      },
+      getChildrenCount: function getChildrenCount() {
+        return node.content.childCount;
+      },
+      removeChild: function removeChild(index) {
+        var pos = getPos();
+        // TODO: Add child index validation here, don't trust this data
+        if (typeof pos !== 'number' || typeof index !== 'number') {
+          return false;
+        }
+        var state = editorView.state,
+          dispatch = editorView.dispatch;
+        if (node.content.childCount === 1) {
+          var _tr = state.tr;
+          _tr.deleteRange(pos, pos + node.content.size);
+          dispatch(_tr);
+          return true;
+        }
+        var $pos = state.doc.resolve(pos);
+        var $startNodePos = state.doc.resolve($pos.start($pos.depth + 1));
+        var startFramePosition = $startNodePos.posAtIndex(index);
+        var maybeFrameNode = state.doc.nodeAt(startFramePosition);
+        if (!maybeFrameNode) {
+          return false;
+        }
+        var endFramePosition = maybeFrameNode.content.size + startFramePosition;
+        var tr = state.tr;
+        tr.deleteRange(startFramePosition, endFramePosition);
+        dispatch(tr);
+        return true;
+      },
+      updateParameters: function updateParameters(parameters) {
+        var state = editorView.state,
+          dispatch = editorView.dispatch;
+        var pos = getPos();
+        if (typeof pos !== 'number') {
+          return false;
+        }
+        var tr = state.tr.setNodeMarkup(pos, undefined, _objectSpread(_objectSpread({}, node.attrs), {}, {
+          parameters: parameters
+        }));
+        dispatch(tr);
+        return true;
+      },
+      getChildren: function getChildren() {
+        var _state$doc$nodeAt;
+        var state = editorView.state;
+        var pos = getPos();
+        if (typeof pos !== 'number') {
+          return [];
+        }
+        var children = (_state$doc$nodeAt = state.doc.nodeAt(pos)) === null || _state$doc$nodeAt === void 0 ? void 0 : _state$doc$nodeAt.content;
+        return children ? children.toJSON() : [];
+      }
+    };
+  }, [node, editorView, getPos, updateActiveChild]);
+  return actions;
+};
+var MultiBodiedExtension = function MultiBodiedExtension(_ref2) {
+  var node = _ref2.node,
+    handleContentDOMRef = _ref2.handleContentDOMRef,
+    getPos = _ref2.getPos,
+    tryExtensionHandler = _ref2.tryExtensionHandler,
+    editorView = _ref2.editorView;
+  var _useState = useState(0),
+    _useState2 = _slicedToArray(_useState, 2),
+    activeChildIndex = _useState2[0],
+    setActiveChildIndex = _useState2[1];
+  // Adding to avoid aliasing `this` for the callbacks
+  var updateActiveChild = React.useCallback(function (index) {
+    if (typeof index !== 'number') {
+      // TODO: Make sure we log this somewhere if this happens
+      setActiveChildIndex(0);
+      return false;
+    }
+    setActiveChildIndex(index);
+    return true;
+  }, [setActiveChildIndex]);
+  var actions = useMultiBodiedExtensionActions({
+    updateActiveChild: updateActiveChild,
+    editorView: editorView,
+    getPos: getPos,
+    node: node
+  });
+  var extensionHandlerResult = React.useMemo(function () {
+    return tryExtensionHandler(actions);
+  }, [tryExtensionHandler, actions]);
+  var articleRef = React.useCallback(function (node) {
+    return handleContentDOMRef(node);
+  }, [handleContentDOMRef]);
+  var containerCss = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    border: 1px solid ", ";\n    padding: ", ";\n    .multiBodiedExtension-content-dom-wrapper > [data-extension-frame='true'] {\n      display: none;\n    }\n\n    .multiBodiedExtension-content-dom-wrapper\n      > [data-extension-frame='true']:nth-of-type(", ") {\n      display: block;\n    }\n  "])), "var(--ds-border, ".concat(N30, ")"), "var(--ds-space-050, 4px)", activeChildIndex + 1);
+  return jsx("section", {
+    className: "multiBodiedExtension--container",
+    css: containerCss,
+    "data-testid": "multiBodiedExtension--container",
+    "data-active-child-index": activeChildIndex
+  }, jsx("nav", {
+    className: "multiBodiedExtension-navigation",
+    "data-testid": "multiBodiedExtension-navigation"
+  }, extensionHandlerResult), jsx("article", {
+    className: "multiBodiedExtension--frames",
+    "data-testid": "multiBodiedExtension--frames",
+    ref: articleRef
+  }));
+};
+export default MultiBodiedExtension;

package/dist/esm/plugins/extension/utils.js

@@ -5,8 +5,9 @@ export var getSelectedExtension = function getSelectedExtension(state) {
   var _state$schema$nodes = state.schema.nodes,
     inlineExtension = _state$schema$nodes.inlineExtension,
     extension = _state$schema$nodes.extension,
-    bodiedExtension = _state$schema$nodes.bodiedExtension;
-  var nodeTypes = [extension, bodiedExtension, inlineExtension];
+    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) {
@@ -20,8 +21,9 @@ export var findExtensionWithLocalId = function findExtensionWithLocalId(state, l
   var _state$schema$nodes2 = state.schema.nodes,
     inlineExtension = _state$schema$nodes2.inlineExtension,
     extension = _state$schema$nodes2.extension,
-    bodiedExtension = _state$schema$nodes2.bodiedExtension;
-  var nodeTypes = [extension, bodiedExtension, inlineExtension];
+    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) {

package/dist/esm/plugins/index.js

@@ -1,7 +1,6 @@
 export { default as clearMarksOnChangeToEmptyDocumentPlugin } from './clear-marks-on-change-to-empty-document';
 export { default as collabEditPlugin } from './collab-edit';
 export { default as extensionPlugin } from './extension';
-export { default as insertBlockPlugin } from './insert-block';
 export { default as jiraIssuePlugin } from './jira-issue';
 export { default as toolbarListsIndentationPlugin } from './toolbar-lists-indentation';
 export { default as pastePlugin } from './paste';

package/dist/esm/presets/universal.js

@@ -2,13 +2,14 @@ import _typeof from "@babel/runtime/helpers/typeof";
 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 { breakoutPlugin, collabEditPlugin, dataConsumerMarkPlugin, extensionPlugin, insertBlockPlugin, jiraIssuePlugin, toolbarListsIndentationPlugin, alignmentPlugin, customAutoformatPlugin, feedbackDialogPlugin, mobileDimensionsPlugin, findReplacePlugin, mobileSelectionPlugin, annotationPlugin, avatarGroupPlugin, viewUpdateSubscriptionPlugin, beforePrimaryToolbarPlugin, codeBidiWarningPlugin } from '../plugins';
+import { breakoutPlugin, collabEditPlugin, dataConsumerMarkPlugin, extensionPlugin, jiraIssuePlugin, toolbarListsIndentationPlugin, alignmentPlugin, customAutoformatPlugin, feedbackDialogPlugin, mobileDimensionsPlugin, findReplacePlugin, mobileSelectionPlugin, annotationPlugin, avatarGroupPlugin, viewUpdateSubscriptionPlugin, beforePrimaryToolbarPlugin, codeBidiWarningPlugin } from '../plugins';
 import { tasksAndDecisionsPlugin } from '@atlaskit/editor-plugin-tasks-and-decisions';
 import { panelPlugin } from '@atlaskit/editor-plugin-panel';
 import { textColorPlugin } from '@atlaskit/editor-plugin-text-color';
 import { historyPlugin } from '@atlaskit/editor-plugin-history';
 import { indentationPlugin } from '@atlaskit/editor-plugin-indentation';
 import { statusPlugin } from '@atlaskit/editor-plugin-status';
+import { insertBlockPlugin } from '@atlaskit/editor-plugin-insert-block';
 import { datePlugin } from '@atlaskit/editor-plugin-date';
 import { maxContentSizePlugin } from '@atlaskit/editor-plugin-max-content-size';
 import { captionPlugin } from '@atlaskit/editor-plugin-caption';

package/dist/esm/ui/ContentStyles/extension.js

@@ -2,4 +2,5 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
 var _templateObject;
 import { css } from '@emotion/react';
 import { blockNodesVerticalMargin, akEditorSelectedBorderSize, akEditorDeleteBorder, akEditorDeleteBackground, SelectionStyle, getSelectionStyles, akEditorSelectedNodeClassName } from '@atlaskit/editor-shared-styles';
-export var extensionStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .extensionView-content-wrap,\n  .bodiedExtensionView-content-wrap {\n    margin: ", " 0;\n\n    &:first-of-type {\n      margin-top: 0;\n    }\n\n    &:last-of-type {\n      margin-bottom: 0;\n    }\n\n    &:not(.danger).", " {\n      & > span > .extension-container {\n        ", "\n      }\n    }\n\n    &.danger > span > .extension-container {\n      box-shadow: 0 0 0 ", "px\n        ", ";\n      background-color: ", ";\n    }\n\n    &.inline {\n      word-wrap: break-all;\n    }\n  }\n\n  .extensionView-content-wrap .extension-container {\n    overflow: hidden;\n  }\n\n  .bodiedExtensionView-content-wrap\n    .extensionView-content-wrap\n    .extension-container {\n    width: 100%;\n    max-width: 100%; // ensure width can't go over 100%;\n  }\n\n  [data-mark-type='fragment'] {\n    & > .extensionView-content-wrap,\n    & > .bodiedExtensionView-content-wrap {\n      margin: ", " 0;\n    }\n\n    & > [data-mark-type='dataConsumer'] {\n      & > .extensionView-content-wrap,\n      & > .bodiedExtensionView-content-wrap {\n        margin: ", " 0;\n      }\n    }\n\n    &:first-child {\n      & > .extensionView-content-wrap,\n      & > .bodiedExtensionView-content-wrap {\n        margin-top: 0;\n      }\n\n      & > [data-mark-type='dataConsumer'] {\n        & > .extensionView-content-wrap,\n        & > .bodiedExtensionView-content-wrap {\n          margin-top: 0;\n        }\n      }\n    }\n\n    &:nth-last-of-type(-n + 2):not(:first-of-type) {\n      & > .extensionView-content-wrap,\n      & > .bodiedExtensionView-content-wrap {\n        margin-bottom: 0;\n      }\n\n      & > [data-mark-type='dataConsumer'] {\n        & > .extensionView-content-wrap,\n        & > .bodiedExtensionView-content-wrap {\n          margin-bottom: 0;\n        }\n      }\n    }\n  }\n"])), blockNodesVerticalMargin, akEditorSelectedNodeClassName, getSelectionStyles([SelectionStyle.BoxShadow]), akEditorSelectedBorderSize, "var(--ds-border-danger, ".concat(akEditorDeleteBorder, ")"), "var(--ds-background-danger, ".concat(akEditorDeleteBackground, ")"), blockNodesVerticalMargin, blockNodesVerticalMargin);
+// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
+export var extensionStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .multiBodiedExtensionView-content-wrap.", ":not(.danger) {\n    ", "\n  }\n\n  .extensionView-content-wrap,\n  .multiBodiedExtensionView-content-wrap,\n  .bodiedExtensionView-content-wrap {\n    margin: ", " 0;\n\n    &:first-of-type {\n      margin-top: 0;\n    }\n\n    &:last-of-type {\n      margin-bottom: 0;\n    }\n\n    &:not(.danger).", " {\n      & > span > .extension-container {\n        ", "\n      }\n    }\n\n    &.danger > span > .extension-container {\n      box-shadow: 0 0 0 ", "px\n        ", ";\n      background-color: ", ";\n    }\n\n    &.inline {\n      word-wrap: break-all;\n    }\n  }\n\n  .extensionView-content-wrap .extension-container {\n    overflow: hidden;\n  }\n\n  .bodiedExtensionView-content-wrap\n    .extensionView-content-wrap\n    .extension-container {\n    width: 100%;\n    max-width: 100%; // ensure width can't go over 100%;\n  }\n\n  [data-mark-type='fragment'] {\n    & > .extensionView-content-wrap,\n    & > .bodiedExtensionView-content-wrap {\n      margin: ", " 0;\n    }\n\n    & > [data-mark-type='dataConsumer'] {\n      & > .extensionView-content-wrap,\n      & > .bodiedExtensionView-content-wrap {\n        margin: ", " 0;\n      }\n    }\n\n    &:first-child {\n      & > .extensionView-content-wrap,\n      & > .bodiedExtensionView-content-wrap {\n        margin-top: 0;\n      }\n\n      & > [data-mark-type='dataConsumer'] {\n        & > .extensionView-content-wrap,\n        & > .bodiedExtensionView-content-wrap {\n          margin-top: 0;\n        }\n      }\n    }\n\n    &:nth-last-of-type(-n + 2):not(:first-of-type) {\n      & > .extensionView-content-wrap,\n      & > .bodiedExtensionView-content-wrap {\n        margin-bottom: 0;\n      }\n\n      & > [data-mark-type='dataConsumer'] {\n        & > .extensionView-content-wrap,\n        & > .bodiedExtensionView-content-wrap {\n          margin-bottom: 0;\n        }\n      }\n    }\n  }\n"])), akEditorSelectedNodeClassName, getSelectionStyles([SelectionStyle.BoxShadow, SelectionStyle.Blanket]), blockNodesVerticalMargin, akEditorSelectedNodeClassName, getSelectionStyles([SelectionStyle.BoxShadow]), akEditorSelectedBorderSize, "var(--ds-border-danger, ".concat(akEditorDeleteBorder, ")"), "var(--ds-background-danger, ".concat(akEditorDeleteBackground, ")"), blockNodesVerticalMargin, blockNodesVerticalMargin);

package/dist/esm/version-wrapper.js

@@ -1,2 +1,2 @@
 export var name = "@atlaskit/editor-core";
-export var version = "189.3.38";
+export var version = "189.4.1";

package/dist/types/plugins/extension/commands.d.ts

@@ -3,6 +3,7 @@ import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { ExtensionState } from './types';
 import type { Parameters, TransformBefore, TransformAfter } from '@atlaskit/editor-common/src/extensions';
 import type { ApplyChangeHandler } from '@atlaskit/editor-plugin-context-panel';
+import type { EditorState, Transaction } from '@atlaskit/editor-prosemirror/state';
 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;
@@ -10,3 +11,4 @@ export declare const forceAutoSave: (applyChangeToContextPanel: ApplyChangeHandl
 export declare const updateExtensionLayout: (layout: ExtensionLayout) => import("@atlaskit/editor-common/types").Command;
 export declare const removeExtension: () => 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) => Transaction;

package/dist/types/plugins/extension/ui/Extension/ExtensionComponent.d.ts

@@ -23,6 +23,7 @@ export interface State {
     _privateProps?: {
         __hideFrame?: boolean;
     };
+    activeChildIndex?: number;
 }
 export default class ExtensionComponent extends Component<Props, State> {
     private privatePropsParsed;

package/dist/types/plugins/extension/ui/Extension/ExtensionNodeWrapper.d.ts

@@ -3,5 +3,12 @@ type Props = {
     children: React.ReactNode;
     nodeType: string;
 };
+/**
+ * If inlineExtension, add zero width space to the end of the nodes and wrap with span;
+ * else wrap with a div (for multi bodied extensions)
+ *
+ * @param param0
+ * @returns
+ */
 declare const ExtensionNodeWrapper: ({ children, nodeType }: Props) => JSX.Element;
 export default ExtensionNodeWrapper;

package/dist/types/plugins/extension/ui/Extension/MultiBodiedExtension/index.d.ts

@@ -0,0 +1,16 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+import React from 'react';
+import type { MultiBodiedExtensionActions } from '@atlaskit/editor-common/extensions';
+import type { Node as PmNode } from '@atlaskit/editor-prosemirror/model';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+export type TryExtensionHandlerType = (actions: MultiBodiedExtensionActions | undefined) => React.ReactElement | null;
+type Props = {
+    node: PmNode;
+    handleContentDOMRef: (node: HTMLElement | null) => void;
+    editorView: EditorView;
+    getPos: () => number | undefined;
+    tryExtensionHandler: TryExtensionHandlerType;
+};
+declare const MultiBodiedExtension: ({ node, handleContentDOMRef, getPos, tryExtensionHandler, editorView, }: Props) => jsx.JSX.Element;
+export default MultiBodiedExtension;

package/dist/types/plugins/index.d.ts

@@ -1,7 +1,6 @@
 export { default as clearMarksOnChangeToEmptyDocumentPlugin } from './clear-marks-on-change-to-empty-document';
 export { default as collabEditPlugin } from './collab-edit';
 export { default as extensionPlugin } from './extension';
-export { default as insertBlockPlugin } from './insert-block';
 export { default as jiraIssuePlugin } from './jira-issue';
 export { default as toolbarListsIndentationPlugin } from './toolbar-lists-indentation';
 export { default as pastePlugin } from './paste';

package/dist/types-ts4.5/plugins/extension/commands.d.ts

@@ -3,6 +3,7 @@ import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { ExtensionState } from './types';
 import type { Parameters, TransformBefore, TransformAfter } from '@atlaskit/editor-common/src/extensions';
 import type { ApplyChangeHandler } from '@atlaskit/editor-plugin-context-panel';
+import type { EditorState, Transaction } from '@atlaskit/editor-prosemirror/state';
 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;
@@ -10,3 +11,4 @@ export declare const forceAutoSave: (applyChangeToContextPanel: ApplyChangeHandl
 export declare const updateExtensionLayout: (layout: ExtensionLayout) => import("@atlaskit/editor-common/types").Command;
 export declare const removeExtension: () => 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) => Transaction;

package/dist/types-ts4.5/plugins/extension/ui/Extension/ExtensionComponent.d.ts

@@ -23,6 +23,7 @@ export interface State {
     _privateProps?: {
         __hideFrame?: boolean;
     };
+    activeChildIndex?: number;
 }
 export default class ExtensionComponent extends Component<Props, State> {
     private privatePropsParsed;

package/dist/types-ts4.5/plugins/extension/ui/Extension/ExtensionNodeWrapper.d.ts

@@ -3,5 +3,12 @@ type Props = {
     children: React.ReactNode;
     nodeType: string;
 };
+/**
+ * If inlineExtension, add zero width space to the end of the nodes and wrap with span;
+ * else wrap with a div (for multi bodied extensions)
+ *
+ * @param param0
+ * @returns
+ */
 declare const ExtensionNodeWrapper: ({ children, nodeType }: Props) => JSX.Element;
 export default ExtensionNodeWrapper;

package/dist/types-ts4.5/plugins/extension/ui/Extension/MultiBodiedExtension/index.d.ts

@@ -0,0 +1,16 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+import React from 'react';
+import type { MultiBodiedExtensionActions } from '@atlaskit/editor-common/extensions';
+import type { Node as PmNode } from '@atlaskit/editor-prosemirror/model';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+export type TryExtensionHandlerType = (actions: MultiBodiedExtensionActions | undefined) => React.ReactElement | null;
+type Props = {
+    node: PmNode;
+    handleContentDOMRef: (node: HTMLElement | null) => void;
+    editorView: EditorView;
+    getPos: () => number | undefined;
+    tryExtensionHandler: TryExtensionHandlerType;
+};
+declare const MultiBodiedExtension: ({ node, handleContentDOMRef, getPos, tryExtensionHandler, editorView, }: Props) => jsx.JSX.Element;
+export default MultiBodiedExtension;

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

@@ -1,7 +1,6 @@
 export { default as clearMarksOnChangeToEmptyDocumentPlugin } from './clear-marks-on-change-to-empty-document';
 export { default as collabEditPlugin } from './collab-edit';
 export { default as extensionPlugin } from './extension';
-export { default as insertBlockPlugin } from './insert-block';
 export { default as jiraIssuePlugin } from './jira-issue';
 export { default as toolbarListsIndentationPlugin } from './toolbar-lists-indentation';
 export { default as pastePlugin } from './paste';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-core",
-  "version": "189.3.38",
+  "version": "189.4.1",
   "description": "A package contains Atlassian editor core functionality",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -52,7 +52,7 @@
     "@atlaskit/code": "^15.0.0",
     "@atlaskit/date": "^0.10.0",
     "@atlaskit/datetime-picker": "^13.0.0",
-    "@atlaskit/editor-common": "^76.22.0",
+    "@atlaskit/editor-common": "^76.23.0",
     "@atlaskit/editor-json-transformer": "^8.10.0",
     "@atlaskit/editor-markdown-transformer": "^5.2.5",
     "@atlaskit/editor-plugin-analytics": "^0.3.0",
@@ -85,6 +85,7 @@
     "@atlaskit/editor-plugin-hyperlink": "^0.6.0",
     "@atlaskit/editor-plugin-image-upload": "^0.2.0",
     "@atlaskit/editor-plugin-indentation": "^0.2.0",
+    "@atlaskit/editor-plugin-insert-block": "^0.2.0",
     "@atlaskit/editor-plugin-layout": "^0.1.0",
     "@atlaskit/editor-plugin-list": "^1.3.0",
     "@atlaskit/editor-plugin-max-content-size": "^0.1.0",
@@ -181,7 +182,7 @@
     "@atlaskit/media-test-helpers": "^33.0.0",
     "@atlaskit/menu": "^2.1.0",
     "@atlaskit/modal-dialog": "^12.8.0",
-    "@atlaskit/renderer": "^108.16.0",
+    "@atlaskit/renderer": "^108.17.0",
     "@atlaskit/synchrony-test-helpers": "^2.3.0",
     "@atlaskit/util-data-test": "^17.8.0",
     "@atlaskit/visual-regression": "*",
@@ -318,15 +319,15 @@
     "platform.editor.paste-options-toolbar": {
       "type": "boolean"
     },
-    "platform.editor.multi-bodied-extension_0rygg": {
-      "type": "boolean"
-    },
     "platform.editor.a11y-find-replace": {
       "type": "boolean"
     },
     "platform.editor.menu.group-items": {
       "type": "boolean",
       "referenceOnly": "true"
+    },
+    "platform.editor.multi-bodied-extension_0rygg": {
+      "type": "boolean"
     }
   }
 }

package/dist/cjs/plugins/insert-block/index.js

@@ -1,165 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _providerFactory = require("@atlaskit/editor-common/provider-factory");
-var _ToolbarInsertBlock = _interopRequireDefault(require("./ui/ToolbarInsertBlock"));
-var _consts = require("@atlaskit/editor-plugin-block-type/consts");
-var _analytics = require("@atlaskit/editor-common/analytics");
-var _types = require("@atlaskit/editor-common/types");
-var _hooks = require("@atlaskit/editor-common/hooks");
-var toolbarSizeToButtons = function toolbarSizeToButtons(toolbarSize) {
-  switch (toolbarSize) {
-    case _types.ToolbarSize.XXL:
-    case _types.ToolbarSize.XL:
-    case _types.ToolbarSize.L:
-    case _types.ToolbarSize.M:
-      return 7;
-    case _types.ToolbarSize.S:
-      return 2;
-    default:
-      return 0;
-  }
-};
-/**
- * Wrapper over insertBlockTypeWithAnalytics to autobind toolbar input method
- * @param name Block name
- */
-function handleInsertBlockType(insertCodeBlock, insertPanel, insertBlockQuote) {
-  return function (name) {
-    if (name === _consts.CODE_BLOCK.name && insertCodeBlock) {
-      return insertCodeBlock(_analytics.INPUT_METHOD.TOOLBAR);
-    }
-    if (name === _consts.PANEL.name && insertPanel) {
-      return insertPanel(_analytics.INPUT_METHOD.TOOLBAR);
-    }
-    if (name === _consts.BLOCK_QUOTE.name && insertBlockQuote) {
-      return insertBlockQuote(_analytics.INPUT_METHOD.TOOLBAR);
-    }
-    return function () {
-      return false;
-    };
-  };
-}
-var insertBlockPlugin = function insertBlockPlugin(_ref) {
-  var _api$featureFlags;
-  var _ref$config = _ref.config,
-    options = _ref$config === void 0 ? {} : _ref$config,
-    api = _ref.api;
-  var featureFlags = (api === null || api === void 0 || (_api$featureFlags = api.featureFlags) === null || _api$featureFlags === void 0 ? void 0 : _api$featureFlags.sharedState.currentState()) || {};
-  return {
-    name: 'insertBlock',
-    primaryToolbarComponent: function primaryToolbarComponent(_ref2) {
-      var editorView = _ref2.editorView,
-        editorActions = _ref2.editorActions,
-        dispatchAnalyticsEvent = _ref2.dispatchAnalyticsEvent,
-        providerFactory = _ref2.providerFactory,
-        popupsMountPoint = _ref2.popupsMountPoint,
-        popupsBoundariesElement = _ref2.popupsBoundariesElement,
-        popupsScrollableElement = _ref2.popupsScrollableElement,
-        toolbarSize = _ref2.toolbarSize,
-        disabled = _ref2.disabled,
-        isToolbarReducedSpacing = _ref2.isToolbarReducedSpacing,
-        isLastItem = _ref2.isLastItem;
-      var renderNode = function renderNode(providers) {
-        return /*#__PURE__*/_react.default.createElement(ToolbarInsertBlockWithInjectionApi, {
-          pluginInjectionApi: api,
-          editorView: editorView,
-          editorActions: editorActions,
-          dispatchAnalyticsEvent: dispatchAnalyticsEvent,
-          providerFactory: providerFactory,
-          popupsMountPoint: popupsMountPoint,
-          popupsBoundariesElement: popupsBoundariesElement,
-          popupsScrollableElement: popupsScrollableElement,
-          toolbarSize: toolbarSize,
-          disabled: disabled,
-          isToolbarReducedSpacing: isToolbarReducedSpacing,
-          isLastItem: isLastItem,
-          featureFlags: featureFlags,
-          providers: providers,
-          options: options
-        });
-      };
-      return /*#__PURE__*/_react.default.createElement(_providerFactory.WithProviders, {
-        providerFactory: providerFactory,
-        providers: ['emojiProvider'],
-        renderNode: renderNode
-      });
-    }
-  };
-};
-function ToolbarInsertBlockWithInjectionApi(_ref3) {
-  var _ref4, _ref5, _pluginInjectionApi$i, _pluginInjectionApi$c, _pluginInjectionApi$p, _pluginInjectionApi$b, _pluginInjectionApi$e;
-  var editorView = _ref3.editorView,
-    editorActions = _ref3.editorActions,
-    dispatchAnalyticsEvent = _ref3.dispatchAnalyticsEvent,
-    popupsMountPoint = _ref3.popupsMountPoint,
-    popupsBoundariesElement = _ref3.popupsBoundariesElement,
-    popupsScrollableElement = _ref3.popupsScrollableElement,
-    toolbarSize = _ref3.toolbarSize,
-    disabled = _ref3.disabled,
-    isToolbarReducedSpacing = _ref3.isToolbarReducedSpacing,
-    isLastItem = _ref3.isLastItem,
-    providers = _ref3.providers,
-    pluginInjectionApi = _ref3.pluginInjectionApi,
-    options = _ref3.options,
-    featureFlags = _ref3.featureFlags;
-  var buttons = toolbarSizeToButtons(toolbarSize);
-  var _useSharedPluginState = (0, _hooks.useSharedPluginState)(pluginInjectionApi, ['hyperlink', 'date', 'imageUpload', 'mention', 'emoji', 'blockType', 'media', 'typeAhead', 'placeholderText']),
-    dateState = _useSharedPluginState.dateState,
-    hyperlinkState = _useSharedPluginState.hyperlinkState,
-    imageUploadState = _useSharedPluginState.imageUploadState,
-    mentionState = _useSharedPluginState.mentionState,
-    emojiState = _useSharedPluginState.emojiState,
-    blockTypeState = _useSharedPluginState.blockTypeState,
-    mediaState = _useSharedPluginState.mediaState,
-    typeAheadState = _useSharedPluginState.typeAheadState,
-    placeholderTextState = _useSharedPluginState.placeholderTextState;
-  return /*#__PURE__*/_react.default.createElement(_ToolbarInsertBlock.default, {
-    pluginInjectionApi: pluginInjectionApi,
-    buttons: buttons,
-    isReducedSpacing: isToolbarReducedSpacing,
-    isDisabled: disabled,
-    isTypeAheadAllowed: Boolean(typeAheadState === null || typeAheadState === void 0 ? void 0 : typeAheadState.isAllowed),
-    editorView: editorView,
-    tableSupported: !!editorView.state.schema.nodes.table,
-    actionSupported: !!editorView.state.schema.nodes.taskItem,
-    mentionsSupported: !!(mentionState && mentionState.mentionProvider),
-    mentionsDisabled: !!(mentionState && !mentionState.canInsertMention),
-    decisionSupported: !!editorView.state.schema.nodes.decisionItem,
-    dateEnabled: !!dateState,
-    placeholderTextEnabled: placeholderTextState && placeholderTextState.allowInserting,
-    layoutSectionEnabled: Boolean(pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.layout),
-    expandEnabled: !!options.allowExpand,
-    mediaUploadsEnabled: (_ref4 = mediaState && mediaState.allowsUploads) !== null && _ref4 !== void 0 ? _ref4 : undefined,
-    onShowMediaPicker: (_ref5 = mediaState && mediaState.showMediaPicker) !== null && _ref5 !== void 0 ? _ref5 : undefined,
-    mediaSupported: !!mediaState,
-    imageUploadSupported: !!(pluginInjectionApi !== null && pluginInjectionApi !== void 0 && pluginInjectionApi.imageUpload),
-    imageUploadEnabled: imageUploadState === null || imageUploadState === void 0 ? void 0 : imageUploadState.enabled,
-    handleImageUpload: pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$i = pluginInjectionApi.imageUpload) === null || _pluginInjectionApi$i === void 0 ? void 0 : _pluginInjectionApi$i.actions.startUpload,
-    availableWrapperBlockTypes: blockTypeState && blockTypeState.availableWrapperBlockTypes,
-    linkSupported: !!hyperlinkState,
-    linkDisabled: !hyperlinkState || !hyperlinkState.canInsertLink || !!hyperlinkState.activeLinkMark,
-    emojiDisabled: !emojiState || !emojiState.emojiProvider,
-    emojiProvider: providers.emojiProvider,
-    nativeStatusSupported: options.nativeStatusSupported,
-    horizontalRuleEnabled: options.horizontalRuleEnabled,
-    onInsertBlockType: handleInsertBlockType(pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$c = pluginInjectionApi.codeBlock) === null || _pluginInjectionApi$c === void 0 ? void 0 : _pluginInjectionApi$c.actions.insertCodeBlock, pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$p = pluginInjectionApi.panel) === null || _pluginInjectionApi$p === void 0 ? void 0 : _pluginInjectionApi$p.actions.insertPanel, pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$b = pluginInjectionApi.blockType) === null || _pluginInjectionApi$b === void 0 ? void 0 : _pluginInjectionApi$b.actions.insertBlockQuote),
-    onInsertMacroFromMacroBrowser: pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$e = pluginInjectionApi.extension) === null || _pluginInjectionApi$e === void 0 ? void 0 : _pluginInjectionApi$e.actions.insertMacroFromMacroBrowser,
-    popupsMountPoint: popupsMountPoint,
-    popupsBoundariesElement: popupsBoundariesElement,
-    popupsScrollableElement: popupsScrollableElement,
-    insertMenuItems: options.insertMenuItems,
-    editorActions: editorActions,
-    dispatchAnalyticsEvent: dispatchAnalyticsEvent,
-    replacePlusMenuWithElementBrowser: options.replacePlusMenuWithElementBrowser,
-    showElementBrowserLink: options.showElementBrowserLink,
-    showSeparator: !isLastItem && toolbarSize <= _types.ToolbarSize.S,
-    featureFlags: featureFlags
-  });
-}
-var _default = exports.default = insertBlockPlugin;

package/dist/cjs/plugins/insert-block/types.js

@@ -1,5 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});