@atlaskit/editor-core 189.3.37 → 189.4.0

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/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.37";
+export var version = "189.4.0";

package/dist/types/plugins/avatar-group/index.d.ts

@@ -8,6 +8,9 @@ type Config = {
 };
 declare const avatarGroup: NextEditorPlugin<'avatarGroup', {
     pluginConfiguration: Config;
-    dependencies: [FeatureFlagsPlugin, OptionalPlugin<AnalyticsPlugin>];
+    dependencies: [
+        OptionalPlugin<FeatureFlagsPlugin>,
+        OptionalPlugin<AnalyticsPlugin>
+    ];
 }>;
 export default avatarGroup;

package/dist/types/plugins/collab-edit/index.d.ts

@@ -2,10 +2,13 @@ import type { NextEditorPlugin, OptionalPlugin } from '@atlaskit/editor-common/t
 import { pluginKey } from './plugin';
 import type { PrivateCollabEditOptions } from './types';
 import type { FeatureFlagsPlugin } from '@atlaskit/editor-plugin-feature-flags';
-import type { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
+import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 export { pluginKey };
 declare const collabEditPlugin: NextEditorPlugin<'collabEdit', {
     pluginConfiguration: PrivateCollabEditOptions;
-    dependencies: [FeatureFlagsPlugin, OptionalPlugin<typeof analyticsPlugin>];
+    dependencies: [
+        OptionalPlugin<FeatureFlagsPlugin>,
+        OptionalPlugin<AnalyticsPlugin>
+    ];
 }>;
 export default collabEditPlugin;

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/find-replace/index.d.ts

@@ -7,7 +7,10 @@ type Config = {
 };
 export type FindReplacePlugin = NextEditorPlugin<'findReplace', {
     pluginConfiguration: Config;
-    dependencies: [FeatureFlagsPlugin, OptionalPlugin<AnalyticsPlugin>];
+    dependencies: [
+        OptionalPlugin<FeatureFlagsPlugin>,
+        OptionalPlugin<AnalyticsPlugin>
+    ];
 }>;
 export declare const findReplacePlugin: FindReplacePlugin;
 export default findReplacePlugin;

package/dist/types/plugins/insert-block/types.d.ts

@@ -21,7 +21,7 @@ import type { PlaceholderTextPlugin } from '@atlaskit/editor-plugin-placeholder-
 import type { ExpandPlugin } from '@atlaskit/editor-plugin-expand';
 import type { TasksAndDecisionsPlugin } from '@atlaskit/editor-plugin-tasks-and-decisions';
 export type InsertBlockPluginDependencies = [
-    FeatureFlagsPlugin,
+    OptionalPlugin<FeatureFlagsPlugin>,
     TypeAheadPlugin,
     OptionalPlugin<TablePlugin>,
     OptionalPlugin<HyperlinkPlugin>,

package/dist/types/plugins/toolbar-lists-indentation/index.d.ts

@@ -14,7 +14,7 @@ type Config = {
 type ToolbarListsIndentationPlugin = NextEditorPlugin<'toolbarListsIndentation', {
     pluginConfiguration: Config;
     dependencies: [
-        FeatureFlagsPlugin,
+        OptionalPlugin<FeatureFlagsPlugin>,
         ListPlugin,
         OptionalPlugin<IndentationPlugin>,
         OptionalPlugin<TasksAndDecisionsPlugin>,