@atlaskit/editor-core 151.3.0 → 151.3.1

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

@@ -14,11 +14,6 @@ export var fromEntries = function fromEntries(iterable) {
     return obj;
   }, {});
 };
-export var toEntries = function toEntries(parameters) {
-  return Array.isArray(parameters) ? parameters.reduce(function (prev, curr) {
-    return [].concat(_toConsumableArray(prev), _toConsumableArray(Object.entries(curr)));
-  }, []) : Object.entries(parameters);
-};
 
 var isEmptyString = function isEmptyString(value) {
   return typeof value === 'string' && value === '';
@@ -72,7 +67,7 @@ export var isDuplicateField = function isDuplicateField(key) {
 export var getNameFromDuplicateField = function getNameFromDuplicateField(key) {
   return key.replace(duplicateFieldRegex, '');
 };
-/* 
+/*
     ColorPickerButton only accepts 8 digit hex alpha values, for example:
     #123fffaa (8 digits, hex alpha)
     */

package/dist/esm/ui/Dropdown/index.js

@@ -11,7 +11,8 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
 import React from 'react';
-import { PureComponent } from 'react';
+import { PureComponent } from 'react'; // eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
+
 import DropdownList from '@atlaskit/droplist';
 import { Popup } from '@atlaskit/editor-common';
 import withOuterListeners from '../with-outer-listeners';

package/dist/esm/ui/DropdownMenu/index.js

@@ -14,8 +14,10 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
 import React, { PureComponent } from 'react';
-import styled from 'styled-components';
-import DropList from '@atlaskit/droplist';
+import styled from 'styled-components'; // eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
+
+import DropList from '@atlaskit/droplist'; // eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
+
 import Item, { ItemGroup } from '@atlaskit/item';
 import Tooltip from '@atlaskit/tooltip';
 import { Popup } from '@atlaskit/editor-common';
@@ -106,6 +108,7 @@ var DropdownMenuWrapper = /*#__PURE__*/function (_PureComponent) {
         key: item.key || item.content,
         isSelected: item.isActive
       }, /*#__PURE__*/React.createElement(Item, {
+        role: "menuitem",
         elemBefore: item.elemBefore,
         elemAfter: item.elemAfter,
         isDisabled: item.isDisabled,
@@ -184,7 +187,8 @@ var DropdownMenuWrapper = /*#__PURE__*/function (_PureComponent) {
         }
       }), items.map(function (group, index) {
         return /*#__PURE__*/React.createElement(ItemGroup, {
-          key: index
+          key: index,
+          role: "menu"
         }, group.items.map(function (item) {
           return _this2.renderItem(item);
         }));

package/dist/esm/ui/ElementBrowser/InsertMenu.js

@@ -6,6 +6,7 @@ var _templateObject, _templateObject2, _templateObject3;
 
 import React, { useState, useCallback } from 'react';
 import styled, { ThemeProvider } from 'styled-components';
+// eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
 import Item, { itemThemeNamespace } from '@atlaskit/item'; // AFP-2532 TODO: Fix automatic suppressions below
 // eslint-disable-next-line @atlassian/tangerine/import/entry-points
 

package/dist/esm/ui/ElementBrowser/components/ElementList/ElementList.js

@@ -14,6 +14,7 @@ import memoizeOne from 'memoize-one';
 import styled, { ThemeProvider, css } from 'styled-components';
 import { AutoSizer } from 'react-virtualized/dist/commonjs/AutoSizer';
 import { Collection } from 'react-virtualized/dist/commonjs/Collection';
+// eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
 import Item from '@atlaskit/item';
 import { B100, N20, N200 } from '@atlaskit/theme/colors';
 import Tooltip from '@atlaskit/tooltip';

package/dist/esm/ui/LinkSearch/LinkSearchListItem.js

@@ -18,7 +18,7 @@ import styled from 'styled-components'; // AFP-2532 TODO: Fix automatic suppress
 // eslint-disable-next-line @atlassian/tangerine/import/entry-points
 
 import { fontSizeSmall } from '@atlaskit/theme';
-import { N20, N800, N100 } from '@atlaskit/theme/colors';
+import { N20, N300, N800 } from '@atlaskit/theme/colors';
 import { relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
 import formatDistance from 'date-fns/formatDistance';
 import differenceInCalendarDays from 'date-fns/differenceInCalendarDays';
@@ -31,7 +31,7 @@ export var Container = styled.li(_templateObject || (_templateObject = _taggedTe
 });
 var NameWrapper = styled.span(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  overflow: hidden;\n"])));
 export var Name = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  color: ", ";\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  line-height: 20px;\n"])), N800);
-export var ContainerName = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  color: ", ";\n  line-height: 14px;\n  font-size: ", ";\n"])), N100, relativeFontSizeToBase16(fontSizeSmall()));
+export var ContainerName = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  color: ", ";\n  line-height: 14px;\n  font-size: ", ";\n"])), N300, relativeFontSizeToBase16(fontSizeSmall()));
 var Icon = styled.span(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  min-width: 16px;\n  margin-top: 3px;\n  margin-right: 12px;\n\n  img {\n    max-width: 16px;\n  }\n"])));
 
 var LinkSearchListItem = /*#__PURE__*/function (_React$PureComponent) {

package/dist/esm/ui/Resizer/index.js

@@ -169,6 +169,7 @@ var Resizer = /*#__PURE__*/function (_React$Component) {
     value: function render() {
       var handleStyles = {};
       var handles = {};
+      var handleComponent = {};
       var _this$props4 = this.props,
           _this$props4$innerPad = _this$props4.innerPadding,
           innerPadding = _this$props4$innerPad === void 0 ? 0 : _this$props4$innerPad,
@@ -178,7 +179,8 @@ var Resizer = /*#__PURE__*/function (_React$Component) {
           layout = _this$props4.layout,
           enable = _this$props4.enable,
           children = _this$props4.children,
-          ratio = _this$props4.ratio;
+          ratio = _this$props4.ratio,
+          handleComponentFunc = _this$props4.handleComponentFunc;
       var isResizing = this.state.isResizing;
       handleSides.forEach(function (side) {
         var _handleStyles$side;
@@ -187,6 +189,11 @@ var Resizer = /*#__PURE__*/function (_React$Component) {
         handleStyles[side] = (_handleStyles$side = {
           width: '24px'
         }, _defineProperty(_handleStyles$side, side, "".concat(-13 - innerPadding, "px")), _defineProperty(_handleStyles$side, "zIndex", akRichMediaResizeZIndex), _defineProperty(_handleStyles$side, "pointerEvents", 'auto'), _handleStyles$side);
+        var sideHandleComponent = handleComponentFunc && handleComponentFunc(side);
+
+        if (sideHandleComponent) {
+          handleComponent[side] = sideHandleComponent;
+        }
       });
       var className = classnames(richMediaClassName, "image-".concat(layout), this.props.className, {
         'is-resizing': isResizing,
@@ -219,6 +226,7 @@ var Resizer = /*#__PURE__*/function (_React$Component) {
         handleClasses: handles,
         handleStyles: handleStyles,
         handleWrapperStyle: handleWrapperStyle,
+        handleComponent: handleComponent,
         enable: enable,
         onResize: this.handleResize,
         onResizeStop: this.handleResizeStop,

package/dist/esm/version-wrapper.js

@@ -1,5 +1,5 @@
 export var name = "@atlaskit/editor-core";
-export var version = "151.3.0";
+export var version = "151.3.1";
 export var nextMajorVersion = function nextMajorVersion() {
   return [Number(version.split('.')[0]) + 1, 0, 0].join('.');
 };

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/editor-core",
-	"version": "151.3.0",
+	"version": "151.3.1",
 	"sideEffects": false
 }

package/dist/types/labs/next/full-page.d.ts

@@ -5,5 +5,5 @@ import EditorActions from '../../actions';
 export declare type FullPageProps = EditorProps & {
     onMount?: (actions: EditorActions) => void;
 } & WithAnalyticsEventsProps;
-declare const FullPageWithAnalytics: React.ForwardRefExoticComponent<Pick<FullPageProps, "mentionProvider" | "emojiProvider" | "autoformattingProvider" | "taskDecisionProvider" | "contextIdentifierProvider" | "collabEditProvider" | "macroProvider" | "searchProvider" | "activityProvider" | "presenceProvider" | "placeholderBracketHint" | "placeholderHints" | "codeBlock" | "media" | "allowBlockType" | "defaultValue" | "placeholder" | "onChange" | "contextPanel" | "appearance" | "quickInsert" | "disabled" | "waitForMediaUpload" | "maxHeight" | "popupsMountPoint" | "popupsBoundariesElement" | "popupsScrollableElement" | "editorActions" | "mention" | "insertMenuItems" | "primaryToolbarComponents" | "contentComponents" | "onDestroy" | "onMount" | "saveOnEnter" | "textFormatting" | "maxContentSize" | "performanceTracking" | "featureFlags" | "onSave" | "onCancel" | "extensionHandlers" | "collabEdit" | "allowBreakout" | "uploadErrorHandler" | "sanitizePrivateContent" | "mentionInsertDisplayName" | "allowNestedTasks" | "allowExpand" | "shouldFocus" | "persistScrollGutter" | "primaryToolbarIconBefore" | "secondaryToolbarComponents" | "allowAnalyticsGASV3" | "allowTasksAndDecisions" | "allowRule" | "allowTextColor" | "allowTables" | "allowHelpDialog" | "feedbackInfo" | "allowJiraIssue" | "allowPanel" | "allowExtension" | "allowConfluenceInlineComment" | "allowTemplatePlaceholders" | "allowDate" | "allowLayouts" | "allowStatus" | "allowDynamicTextSizing" | "allowTextAlignment" | "allowIndentation" | "allowNewInsertionBehaviour" | "autoScrollIntoView" | "allowFindReplace" | "UNSAFE_cards" | "smartLinks" | "errorReporterHandler" | "annotationProviders" | "legacyImageUploadProvider" | "contentTransformerProvider" | "allowKeyboardAccessibleDatepicker" | "onEditorReady" | "inputSamplingLimit" | "extensionProviders" | "UNSAFE_useAnalyticsContext" | "elementBrowser" | "UNSAFE_allowUndoRedoButtons" | "trackValidTransactions" | "useStickyToolbar" | "dangerouslyAppendPlugins"> & React.RefAttributes<any>>;
+declare const FullPageWithAnalytics: React.ForwardRefExoticComponent<Pick<FullPageProps, "mentionProvider" | "emojiProvider" | "autoformattingProvider" | "taskDecisionProvider" | "contextIdentifierProvider" | "collabEditProvider" | "macroProvider" | "searchProvider" | "activityProvider" | "presenceProvider" | "placeholderBracketHint" | "placeholderHints" | "codeBlock" | "media" | "allowBlockType" | "defaultValue" | "placeholder" | "onChange" | "contextPanel" | "appearance" | "quickInsert" | "disabled" | "waitForMediaUpload" | "maxHeight" | "popupsMountPoint" | "popupsBoundariesElement" | "popupsScrollableElement" | "editorActions" | "mention" | "insertMenuItems" | "primaryToolbarComponents" | "contentComponents" | "onDestroy" | "onMount" | "saveOnEnter" | "textFormatting" | "maxContentSize" | "performanceTracking" | "featureFlags" | "onSave" | "onCancel" | "extensionHandlers" | "collabEdit" | "allowBreakout" | "uploadErrorHandler" | "sanitizePrivateContent" | "mentionInsertDisplayName" | "allowNestedTasks" | "allowExpand" | "shouldFocus" | "persistScrollGutter" | "primaryToolbarIconBefore" | "secondaryToolbarComponents" | "allowAnalyticsGASV3" | "allowTasksAndDecisions" | "allowRule" | "allowTextColor" | "allowTables" | "allowHelpDialog" | "feedbackInfo" | "allowJiraIssue" | "allowPanel" | "allowExtension" | "allowConfluenceInlineComment" | "allowTemplatePlaceholders" | "allowDate" | "allowLayouts" | "allowStatus" | "allowDynamicTextSizing" | "allowTextAlignment" | "allowIndentation" | "allowNewInsertionBehaviour" | "autoScrollIntoView" | "allowFindReplace" | "UNSAFE_cards" | "smartLinks" | "errorReporterHandler" | "annotationProviders" | "legacyImageUploadProvider" | "contentTransformerProvider" | "allowKeyboardAccessibleDatepicker" | "onEditorReady" | "inputSamplingLimit" | "extensionProviders" | "UNSAFE_useAnalyticsContext" | "elementBrowser" | "UNSAFE_allowUndoRedoButtons" | "trackValidTransactions" | "useStickyToolbar" | "UNSAFE_allowFragmentMark" | "dangerouslyAppendPlugins"> & React.RefAttributes<any>>;
 export { FullPageWithAnalytics as FullPage };

package/dist/types/nodeviews/ReactNodeView.d.ts

@@ -40,7 +40,7 @@ export default class ReactNodeView<P = ReactComponentProps> implements NodeView
     handleRef: (node: HTMLElement | null) => void;
     private _handleRef;
     render(props: P, forwardRef?: ForwardRef): React.ReactElement<any> | null;
-    update(node: PMNode, _decorations: Array<Decoration>, validUpdate?: (currentNode: PMNode, newNode: PMNode) => boolean): boolean;
+    update(node: PMNode, _decorations: Array<Decoration>, _innerDecorations?: Array<Decoration>, validUpdate?: (currentNode: PMNode, newNode: PMNode) => boolean): boolean;
     viewShouldUpdate(nextNode: PMNode): boolean;
     /**
      * Copies the attributes from a ProseMirror Node to a DOM node.

package/dist/types/nodeviews/SelectionBasedNodeView.d.ts

@@ -46,6 +46,7 @@ export declare class SelectionBasedNodeView<P = ReactComponentProps> extends Rea
     isSelectionInsideNode: (from: number, to: number, pos?: number | undefined, posEnd?: number | undefined) => boolean;
     private isSelectedNode;
     insideSelection: () => boolean;
+    nodeInsideSelection: () => boolean;
     viewShouldUpdate(_nextNode: PMNode): boolean;
     destroy(): void;
     private onSelectionChange;

package/dist/types/plugins/analytics/types/enums.d.ts

@@ -50,6 +50,7 @@ export declare enum ACTION {
     INITIALISED = "initialised",
     INPUT_PERF_SAMPLING = "inputPerfSampling",
     INSERTED = "inserted",
+    INVALID_DOCUMENT_ENCOUNTERED = "invalidDocumentEncountered",
     INVOKED = "invoked",
     LANGUAGE_SELECTED = "languageSelected",
     LIST_ITEM_JOINED = "listItemJoined",

package/dist/types/plugins/analytics/types/events.d.ts

@@ -63,6 +63,12 @@ declare type SynchronyErrorAEP = OperationalAEP<ACTION.SYNCHRONY_ERROR, ACTION_S
     docStructure?: string | SimplifiedNode;
     browserExtensions?: UserBrowserExtensionResults;
 }, undefined>;
+declare type InvalidDocumentEncounteredAEP = OperationalAEP<ACTION.INVALID_DOCUMENT_ENCOUNTERED, ACTION_SUBJECT.EDITOR, undefined, {
+    nodeType: string;
+    reason: string;
+    tableLocalId: string;
+    spanValue: number;
+}, undefined>;
 declare type SynchronyEntityErrorAEP = OperationalAEP<ACTION.SYNCHRONY_ENTITY_ERROR | ACTION.SYNCHRONY_DISCONNECTED, ACTION_SUBJECT.EDITOR, undefined, {
     onLine: boolean;
     visibilityState: string;
@@ -91,5 +97,5 @@ declare type ComponentCrashAdditionalInfoErrorAEP = OperationalAEP<ACTION.EDITOR
     errorStack: string;
     errorId: string;
 }, undefined>;
-export declare type ErrorEventPayload = InvalidTransactionErrorAEP | InvalidTransactionStepErrorAEP | FailedToUnmountErrorAEP | SynchronyErrorAEP | SynchronyEntityErrorAEP | ContentComponentErrorAEP | ComponentCrashErrorAEP | ComponentCrashAdditionalInfoErrorAEP;
+export declare type ErrorEventPayload = InvalidTransactionErrorAEP | InvalidTransactionStepErrorAEP | FailedToUnmountErrorAEP | SynchronyErrorAEP | InvalidDocumentEncounteredAEP | SynchronyEntityErrorAEP | ContentComponentErrorAEP | ComponentCrashErrorAEP | ComponentCrashAdditionalInfoErrorAEP;
 export {};

package/dist/types/plugins/annotation/utils.d.ts

@@ -50,7 +50,7 @@ export declare const hasInvalidNodes: (state: EditorState) => boolean;
  * Checks if any of the nodes in a given selection are completely whitespace
  * This is to conform to Confluence annotation specifications
  */
-export declare function hasWhitespaceNode(selection: TextSelection | AllSelection): boolean;
+export declare function hasInvalidWhitespaceNode(selection: TextSelection | AllSelection): boolean;
 export declare function hasAnnotationMark(node: Node, state: EditorState): boolean;
 export declare function annotationExists(annotationId: string, state: EditorState): boolean;
 export declare function containsAnyAnnotations(slice: Slice, state: EditorState): boolean;

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

@@ -2,5 +2,6 @@ import { EditorPlugin } from '../../types';
 import { CollabEditOptions } from '../collab-edit';
 declare const avatarGroup: (props: {
     collabEdit?: CollabEditOptions;
+    takeFullWidth: boolean;
 }) => EditorPlugin;
 export default avatarGroup;

package/dist/types/plugins/avatar-group/ui/AvatarGroupPluginWrapper.d.ts

@@ -7,4 +7,5 @@ export declare const AvatarGroupPluginWrapper: (props: {
     editorView: EditorView;
     eventDispatcher: EventDispatcher<any>;
     dispatchAnalyticsEvent?: DispatchAnalyticsEvent | undefined;
+    takeFullWidth: boolean;
 }) => JSX.Element;

package/dist/types/plugins/before-primaryToolbar/index.d.ts

@@ -0,0 +1,5 @@
+import { EditorPlugin } from '../../types';
+declare const beforePrimaryToolbar: (props: {
+    beforePrimaryToolbarComponents?: any;
+}) => EditorPlugin;
+export default beforePrimaryToolbar;

package/dist/types/plugins/before-primaryToolbar/ui/BeforePrimaryToolbarWrapper.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare const BeforePrimaryToolbarPluginWrapper: import("styled-components").StyledComponentClass<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
+export declare const BeforePrimaryToolbarWrapper: (props: {
+    beforePrimaryToolbarComponents: any;
+}) => JSX.Element;

package/dist/types/plugins/feature-flags-context/get-enabled-feature-flag-keys.d.ts

@@ -4,4 +4,4 @@ import type { FeatureFlags } from '../../types/feature-flags';
  *
  * Useful for analytics and analysis purposes.
  */
-export declare function getEnabledFeatureFlagKeys(featureFlags: FeatureFlags): ("newInsertionBehaviour" | "interactiveExpand" | "placeholderBracketHint" | "placeholderHints" | "moreTextColors" | "findReplace" | "findReplaceMatchCase" | "extensionLocalIdGeneration" | "keyboardAccessibleDatepicker" | "addColumnWithCustomStep" | "undoRedoButtons" | "catchAllTracking" | "nextEmojiNodeView" | "stickyHeadersOptimization" | "initialRenderOptimization" | "mouseMoveOptimization" | "tableRenderOptimization" | "tableOverflowShadowsOptimization" | "codeBlockSyntaxHighlighting" | "codeBidiWarnings" | "queueAnalytics" | "extendFloatingToolbar" | "displayInlineBlockForInlineNodes" | "useUnpredictableInputRule" | "showAvatarGroupAsPlugin" | "errorBoundaryDocStructure" | "synchronyErrorDocStructure" | "enableViewUpdateSubscription" | "collabAvatarScroll" | "ufo")[];
+export declare function getEnabledFeatureFlagKeys(featureFlags: FeatureFlags): ("singleLayout" | "newInsertionBehaviour" | "interactiveExpand" | "placeholderBracketHint" | "placeholderHints" | "moreTextColors" | "findReplace" | "findReplaceMatchCase" | "extensionLocalIdGeneration" | "keyboardAccessibleDatepicker" | "addColumnWithCustomStep" | "undoRedoButtons" | "catchAllTracking" | "nextEmojiNodeView" | "stickyHeadersOptimization" | "initialRenderOptimization" | "mouseMoveOptimization" | "tableRenderOptimization" | "tableOverflowShadowsOptimization" | "codeBlockSyntaxHighlighting" | "codeBidiWarnings" | "queueAnalytics" | "extendFloatingToolbar" | "displayInlineBlockForInlineNodes" | "useUnpredictableInputRule" | "showAvatarGroupAsPlugin" | "errorBoundaryDocStructure" | "synchronyErrorDocStructure" | "enableViewUpdateSubscription" | "collabAvatarScroll" | "ufo" | "twoLineEditorToolbar")[];

package/dist/types/plugins/find-replace/FindReplaceToolbarButtonWithState.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { EditorView } from 'prosemirror-view';
+import { DispatchAnalyticsEvent } from '../analytics';
+export declare type FindReplaceToolbarButtonWithStateProps = {
+    popupsBoundariesElement?: HTMLElement;
+    popupsMountPoint?: HTMLElement;
+    popupsScrollableElement?: HTMLElement;
+    isToolbarReducedSpacing?: boolean;
+    editorView: EditorView;
+    containerElement: HTMLElement | null;
+    dispatchAnalyticsEvent?: DispatchAnalyticsEvent;
+    takeFullWidth?: boolean;
+};
+declare const FindReplaceToolbarButtonWithState: React.FunctionComponent<FindReplaceToolbarButtonWithStateProps>;
+export default FindReplaceToolbarButtonWithState;

package/dist/types/plugins/find-replace/index.d.ts

@@ -1,5 +1,6 @@
 import { EditorPlugin } from '../../types';
 export declare const findReplacePlugin: (props: {
     takeFullWidth: boolean;
+    twoLineEditorToolbar: boolean;
 }) => EditorPlugin;
 export default findReplacePlugin;

package/dist/types/plugins/floating-toolbar/ui/EmojiPickerButton.d.ts

@@ -4,7 +4,7 @@ import { ProviderFactory } from '@atlaskit/editor-common';
 import { EmojiId } from '@atlaskit/emoji';
 export declare const EmojiPickerButton: React.FunctionComponent<{
     className?: string;
-    view?: EditorView;
+    editorView?: EditorView;
     idx?: number;
     providerFactory?: ProviderFactory;
     title?: string;

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

@@ -0,0 +1,5 @@
+import { Plugin } from 'prosemirror-state';
+import { EditorPlugin } from '../../types';
+export declare function createPlugin(): Plugin;
+declare const fragmentMarkPlugin: () => EditorPlugin;
+export default fragmentMarkPlugin;

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

@@ -0,0 +1,2 @@
+import { PluginKey } from 'prosemirror-state';
+export declare const pluginKey: PluginKey<any, any>;

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

@@ -44,6 +44,7 @@ export { default as breakoutPlugin } from './breakout';
 export { default as alignmentPlugin } from './alignment';
 export { default as dataConsumerMarkPlugin } from './data-consumer';
 export { default as editorDisabledPlugin } from './editor-disabled';
+export { default as fragmentMarkPlugin } from './fragment';
 export { default as indentationPlugin } from './indentation';
 export { default as annotationPlugin } from './annotation';
 export { default as analyticsPlugin } from './analytics';
@@ -63,4 +64,5 @@ export { default as clipboardPlugin } from './clipboard';
 export { default as undoRedoPlugin } from './undo-redo';
 export { default as avatarGroupPlugin } from './avatar-group';
 export { default as viewUpdateSubscriptionPlugin } from './view-update-subscription';
+export { default as beforePrimaryToolbarPlugin } from './before-primaryToolbar';
 export { default as codeBidiWarningPlugin } from './code-bidi-warning';

package/dist/types/plugins/media/nodeviews/mediaInline.d.ts

@@ -2,7 +2,7 @@ import { Node as PMNode } from 'prosemirror-model';
 import { EditorView, NodeView } from 'prosemirror-view';
 import React from 'react';
 import { EventDispatcher } from '../../../event-dispatcher';
-import { getPosHandler, ReactNodeView } from '../../../nodeviews/';
+import { getPosHandler, SelectionBasedNodeView } from '../../../nodeviews/';
 import { FileIdentifier } from '@atlaskit/media-client';
 import { MediaProvider, ProviderFactory } from '@atlaskit/editor-common';
 import { PortalProviderAPI } from '../../../../src/ui/PortalProvider';
@@ -10,12 +10,13 @@ export interface MediaInlineProps {
     mediaProvider: Promise<MediaProvider>;
     identifier: FileIdentifier;
     node: PMNode;
+    isSelected: boolean;
 }
 export declare const MediaInline: React.FC<MediaInlineProps>;
 export interface MediaInlineNodeViewProps {
     providerFactory: ProviderFactory;
 }
-export declare class MediaInlineNodeView extends ReactNodeView<MediaInlineNodeViewProps> {
+export declare class MediaInlineNodeView extends SelectionBasedNodeView<MediaInlineNodeViewProps> {
     createDomRef(): HTMLSpanElement;
     getContentDOM(): {
         dom: HTMLSpanElement;

package/dist/types/plugins/media/nodeviews/mediaNodeUpdater.d.ts

@@ -28,9 +28,9 @@ export declare class MediaNodeUpdater {
     hasFileAttributesDefined: () => string | false | 0 | null | undefined;
     updateFileAttrs: (isMediaSingle?: boolean) => Promise<void>;
     getAttrs: () => MediaADFAttrs | undefined;
-    getObjectId: () => Promise<string | undefined>;
+    getObjectId: () => Promise<string | null>;
     uploadExternalMedia: (getPos: ProsemirrorGetPosHandler) => Promise<void>;
-    getNodeContextId: () => string | undefined;
+    getNodeContextId: () => string | null;
     updateDimensions: (dimensions: RemoteDimensions) => void;
     getRemoteDimensions(): Promise<false | RemoteDimensions>;
     hasDifferentContextId: () => Promise<boolean>;

package/dist/types/plugins/media/nodeviews/mediaSingle.d.ts

@@ -47,7 +47,7 @@ declare class MediaSingleNodeView extends ReactNodeView<MediaSingleNodeViewProps
     checkAndUpdateSelectionType: () => import("../../../utils/nodes").SelectedState | null;
     isNodeSelected: () => boolean;
     getNodeMediaId(node: PMNode): string | undefined;
-    update(node: PMNode, decorations: Decoration[], isValidUpdate?: (currentNode: PMNode, newNode: PMNode) => boolean): boolean;
+    update(node: PMNode, decorations: Decoration[], _innerDecorations?: Decoration[], isValidUpdate?: (currentNode: PMNode, newNode: PMNode) => boolean): boolean;
     render(props: MediaSingleNodeViewProps, forwardRef?: ForwardRef): JSX.Element;
     ignoreMutation(): boolean;
 }

package/dist/types/plugins/media/nodeviews/styles.d.ts

@@ -1,5 +1,7 @@
 import React from 'react';
 import { NumericalCardDimensions } from '@atlaskit/media-card';
+export declare const MediaInlineNodeSelector = "media-inline-node";
+export declare const MediaSingleNodeSelector = "media-single-node";
 export declare const FigureWrapper: import("styled-components").StyledComponentClass<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, any, React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>>;
 declare type MediaCardWrapperProps = {
     dimensions: NumericalCardDimensions;

package/dist/types/plugins/media/toolbar/commands.d.ts

@@ -0,0 +1,3 @@
+import { Command } from '../../../types';
+export declare const changeInlineToMediaCard: Command;
+export declare const removeInlineCard: Command;

package/dist/types/plugins/media/toolbar/filePreviewItem.d.ts

@@ -1,7 +1,9 @@
 import { FC } from 'react';
 import { MediaPluginState } from '../pm-plugins/types';
+import { InjectedIntl } from 'react-intl';
 interface FilePreviewProps {
     mediaPluginState: MediaPluginState;
+    intl: InjectedIntl;
 }
 export declare const FilePreviewItem: FC<FilePreviewProps>;
 export {};

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

@@ -10,7 +10,6 @@ import { PlaceholderTextOptions } from '../../plugins/placeholder-text/types';
 export declare type MediaStateStatus = 'unknown' | 'ready' | 'cancelled' | 'preview' | 'error' | 'mobile-upload-end';
 export interface MediaOptions {
     provider?: Providers['mediaProvider'];
-    allowMediaInline?: boolean;
     allowMediaSingle?: boolean | MediaSingleOptions;
     allowMediaGroup?: boolean;
     customDropzoneContainer?: HTMLElement;

package/dist/types/plugins/panel/actions.d.ts

@@ -6,4 +6,4 @@ export declare type DomAtPos = (pos: number) => {
     offset: number;
 };
 export declare const removePanel: () => Command;
-export declare const changePanelType: (panelType: PanelType, panelOptions?: PanelOptions, UNSAFE_allowCustomPanel?: boolean) => Command;
+export declare const changePanelType: (panelType: PanelType, panelOptions?: PanelOptions, allowCustomPanel?: boolean) => Command;

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

@@ -4,6 +4,12 @@ export declare const pluginKey: PluginKey<any, any>;
 export interface PanelPluginOptions extends LongPressSelectionPluginOptions, PanelPluginConfig {
 }
 export interface PanelPluginConfig {
-    UNSAFE_allowCustomPanel?: boolean;
-    UNSAFE_allowCustomPanelEdit?: boolean;
+    allowCustomPanel?: boolean;
+    allowCustomPanelEdit?: boolean;
 }
+export declare type DomPanelAtrrs = {
+    class: string;
+    'data-panel-type': string;
+    'data-panel-color'?: string;
+    style: string;
+};

package/dist/types/plugins/quick-insert/index.d.ts

@@ -7,4 +7,5 @@ export type { QuickInsertHandler, QuickInsertPluginState, QuickInsertPluginOptio
 export { pluginKey };
 declare const quickInsertPlugin: (options?: QuickInsertPluginOptions | undefined) => EditorPlugin;
 export default quickInsertPlugin;
-export declare const memoProcessItems: import("memoize-one").MemoizedFn<(items: Array<QuickInsertHandler>, intl: InjectedIntl, extendedActions?: Record<string, Function> | undefined) => QuickInsertItem[]>;
+declare const processItems: (items: Array<QuickInsertHandler>, intl: InjectedIntl, extendedActions?: Record<string, Function> | undefined) => QuickInsertItem[];
+export declare const memoProcessItems: typeof processItems;

package/dist/types/plugins/table/commands/insert.d.ts

@@ -1,4 +1,7 @@
+import { Transaction } from 'prosemirror-state';
 import { Command } from '../../../types';
+import { EditorView } from 'prosemirror-view';
+export declare function addColumnAt(column: number, allowAddColumnCustomStep: boolean | undefined, view: EditorView | undefined): (tr: Transaction) => Transaction<any>;
 export declare const addColumnBefore: Command;
 export declare const addColumnAfter: Command;
 export declare const insertColumn: (column: number) => Command;

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

@@ -2,4 +2,5 @@ import { Plugin } from 'prosemirror-state';
 import { Dispatch, EventDispatcher } from '../../../event-dispatcher';
 import { PortalProviderAPI } from '../../../ui/PortalProvider';
 import { PluginConfig } from '../types';
-export declare const createPlugin: (dispatch: Dispatch, portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, pluginConfig: PluginConfig, dynamicTextSizing?: boolean | undefined, breakoutEnabled?: boolean | undefined, fullWidthModeEnabled?: boolean | undefined, previousFullWidthModeEnabled?: boolean | undefined) => Plugin<import("../types").TablePluginState, import("prosemirror-model").Schema<any, any>>;
+import { DispatchAnalyticsEvent } from '../../analytics/types/dispatch-analytics-event';
+export declare const createPlugin: (dispatchAnalyticsEvent: DispatchAnalyticsEvent, dispatch: Dispatch, portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, pluginConfig: PluginConfig, dynamicTextSizing?: boolean | undefined, breakoutEnabled?: boolean | undefined, fullWidthModeEnabled?: boolean | undefined, previousFullWidthModeEnabled?: boolean | undefined) => Plugin<import("../types").TablePluginState, import("prosemirror-model").Schema<any, any>>;

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

@@ -5,6 +5,7 @@ export interface ResizeState {
     widths: number[];
     maxSize: number;
     overflow: boolean;
+    tableWidth: number;
 }
 export interface ResizeStateWithAnalytics {
     resizeState: ResizeState;

package/dist/types/plugins/table/transforms/column-width.d.ts

@@ -5,7 +5,10 @@ import { ContentNodeWithPos } from 'prosemirror-utils';
 import { EditorView } from 'prosemirror-view';
 export declare const updateColumnWidths: (resizeState: ResizeState, table: PMNode, start: number) => (tr: Transaction) => Transaction;
 /**
- * This function is called when user inserts/deletes a column in a table to rescale all columns.
+ * This function is called when user inserts/deletes a column in a table to;
+ * - rescale all columns (if the table did not overflow before the insertion)
+ * - and update column widths.
+ *
  * This is done manually to avoid a multi-dispatch in TableComponent. See [ED-8288].
  * @param table
  * @param view

package/dist/types/plugins/table/transforms/fix-tables.d.ts

@@ -1,9 +1,10 @@
 import { Node as PMNode } from 'prosemirror-model';
 import { Transaction } from 'prosemirror-state';
 import { EditorView } from 'prosemirror-view';
+import { ReportInvalidNodeAttrs } from '../types';
 export declare const fireAnalytics: (properties?: {}) => Promise<Response>;
-export declare const removeExtraneousColumnWidths: (node: PMNode, basePos: number, tr: Transaction) => boolean;
-export declare const fixTables: (tr: Transaction) => Transaction | undefined;
+export declare const removeExtraneousColumnWidths: (node: PMNode, basePos: number, tr: Transaction, reportInvalidTableCellSpanAttrs?: ReportInvalidNodeAttrs | undefined) => boolean;
+export declare const fixTables: (tr: Transaction, reportInvalidTableCellSpanAttrs?: ReportInvalidNodeAttrs | undefined) => Transaction | undefined;
 export declare const fixAutoSizedTable: (view: EditorView, tableNode: PMNode, tableRef: HTMLTableElement, tablePos: number, opts: {
     dynamicTextSizing: boolean;
     containerWidth: number;

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

@@ -324,3 +324,11 @@ export declare enum ShadowEvent {
     SHOW_BEFORE_SHADOW = "showBeforeShadow",
     SHOW_AFTER_SHADOW = "showAfterShadow"
 }
+export declare type ReportInvalidNodeAttrs = (invalidNodeAttrs: InvalidNodeAttr) => void;
+export declare type InvalidNodeAttr = {
+    nodeType: string;
+    attribute: string;
+    reason: string;
+    spanValue: number;
+    tableLocalId: string;
+};

package/dist/types/plugins/table/ui/consts.d.ts

@@ -10,7 +10,7 @@ export declare const tableCellSelectedColor = "#B3D4FF";
 export declare const tableToolbarSelectedColor = "#4C9AFF";
 export declare const tableBorderSelectedColor = "#0065FF";
 export declare const tableCellDeleteColor = "#FFEBE6";
-export declare const tableBorderDeleteColor = "#FF5630";
+export declare const tableBorderDeleteColor = "#DE350B";
 export declare const tableToolbarDeleteColor = "#FFBDAD";
 export declare const tableBorderRadiusSize = 3;
 export declare const tablePadding = 8;

package/dist/types/types/editor-appearance-component.d.ts

@@ -4,7 +4,7 @@ import { ProviderFactory, ExtensionHandlers } from '@atlaskit/editor-common';
 import { EventDispatcher } from '../event-dispatcher';
 import EditorActions from '../actions';
 import { UIComponentFactory } from '../types/ui-components';
-import { ReactComponents } from '../types/editor-props';
+import { ReactComponents, PrimaryToolbarComponents } from '../types/editor-props';
 import { ToolbarUIComponentFactory } from '../ui/Toolbar/types';
 import { CollabEditOptions } from '../plugins/collab-edit/types';
 import { DispatchAnalyticsEvent } from '../plugins/analytics';
@@ -28,7 +28,7 @@ export interface EditorAppearanceComponentProps {
     primaryToolbarIconBefore?: ReactElement;
     secondaryToolbarComponents?: UIComponentFactory[];
     customContentComponents?: ReactComponents;
-    customPrimaryToolbarComponents?: ReactComponents;
+    customPrimaryToolbarComponents?: PrimaryToolbarComponents;
     customSecondaryToolbarComponents?: ReactComponents;
     insertMenuItems?: MenuItem[];
     contextPanel?: ReactComponents;

package/dist/types/types/editor-props.d.ts

@@ -41,10 +41,15 @@ export declare type FeedbackInfo = {
     contentId?: string;
     tabId?: string;
 };
+export declare type BeforeAndAfterToolbarComponents = {
+    before: ReactComponents;
+    after: ReactComponents;
+};
+export declare type PrimaryToolbarComponents = BeforeAndAfterToolbarComponents | ReactComponents;
 export interface EditorProps {
     appearance?: EditorAppearance;
     contentComponents?: ReactComponents;
-    primaryToolbarComponents?: ReactComponents;
+    primaryToolbarComponents?: PrimaryToolbarComponents;
     primaryToolbarIconBefore?: ReactElement;
     secondaryToolbarComponents?: ReactComponents;
     allowAnalyticsGASV3?: boolean;
@@ -205,6 +210,11 @@ export interface EditorProps {
     featureFlags?: {
         [featureFlag: string]: string | boolean;
     };
+    /**
+     * Enable experimental support for the "fragment" mark.
+     * Refer to ADF Change proposal #60 for more details.
+     */
+    UNSAFE_allowFragmentMark?: boolean;
     /**
      * @deprecated Do not use outside of Editor team.
      * This has subtle side effects - you __WILL__ break functionality without implementer knowledge of editor-core internals

package/dist/types/types/feature-flags.d.ts

@@ -28,6 +28,13 @@
  * Example: name = "newInsertionBehaviour" -> "Enable new insertion behaviour"
  */
 export declare type FeatureFlags = {
+    /**
+     * @description Enable single layout option
+     *
+     * @see https://hello.atlassian.net/browse/LOVE-187
+     * @default false
+     */
+    singleLayout?: boolean;
     /**
      * @description Enable new insertion behaviour
      *
@@ -259,5 +266,11 @@ export declare type FeatureFlags = {
      * @default false
      */
     ufo?: boolean;
+    /**
+     * Split editor toolbar to two lines when viewport is small
+     * @see https://product-fabric.atlassian.net/browse/CERN-1124
+     * @default false
+     */
+    twoLineEditorToolbar?: boolean;
 };
 export declare type FeatureFlagKey = keyof FeatureFlags;

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

@@ -2,7 +2,7 @@ export type { EditorInstance } from './editor-instance';
 export type { EditorConfig } from './editor-config';
 export type { EditorPlugin, PluginsOptions } from './editor-plugin';
 export type { EditorReactContext } from './editor-react-context';
-export type { EditorProps, FeedbackInfo, ReactComponents, ExtensionProvidersProp, } from './editor-props';
+export type { EditorProps, FeedbackInfo, ReactComponents, ExtensionProvidersProp, PrimaryToolbarComponents, } from './editor-props';
 export type { EditorAppearanceComponentProps } from './editor-appearance-component';
 export type { Command, CommandDispatch } from './command';
 export type { MessageDescriptor } from './i18n';