@atlaskit/editor-core 148.0.0 → 149.0.3

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

@@ -1,8 +1,7 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 
-var _templateObject, _templateObject2, _templateObject3;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 
 import React, { useState, useCallback } from 'react';
 import styled from 'styled-components';
@@ -11,7 +10,7 @@ import { DN50, N0 } from '@atlaskit/theme/colors';
 import { themed } from '@atlaskit/theme/components';
 import { borderRadius } from '@atlaskit/theme/constants';
 import Button from '@atlaskit/button/custom-theme-button';
-import Modal, { ModalFooter, ModalTransition } from '@atlaskit/modal-dialog';
+import Modal, { ModalTransition, useModal } from '@atlaskit/modal-dialog';
 import QuestionCircleIcon from '@atlaskit/icon/glyph/question-circle';
 import ElementBrowser from './components/ElementBrowserLoader';
 import { getCategories } from './categories';
@@ -32,13 +31,13 @@ var ModalElementBrowser = function ModalElementBrowser(props) {
   var onInsertItem = useCallback(function (item) {
     props.onInsertItem(item);
   }, [props]);
-  var RenderFooter = useCallback(function (footerProps) {
-    return /*#__PURE__*/React.createElement(Footer, _extends({}, footerProps, {
+  var RenderFooter = useCallback(function () {
+    return /*#__PURE__*/React.createElement(Footer, {
       onInsert: function onInsert() {
         return onInsertItem(selectedItem);
       },
       beforeElement: helpUrl ? HelpLink(helpUrl, intl.formatMessage(messages.help)) : undefined
-    }));
+    });
   }, [onInsertItem, selectedItem, helpUrl, intl]); // Since Modal uses stackIndex it's shouldCloseOnEscapePress prop doesn't work.
 
   var onKeyDown = useCallback(function (e) {
@@ -54,13 +53,10 @@ var ModalElementBrowser = function ModalElementBrowser(props) {
       showCategories: true,
       mode: "full",
       onSelectItem: onSelectItem,
-      onInsertItem: onInsertItem
+      onInsertItem: onInsertItem,
+      emptyStateHandler: props.emptyStateHandler
     }));
-  }, [props.intl, props.getItems, onSelectItem, onInsertItem]);
-  var components = {
-    Body: RenderBody,
-    Footer: RenderFooter
-  };
+  }, [props.intl, props.getItems, onSelectItem, onInsertItem, props.emptyStateHandler]);
   return /*#__PURE__*/React.createElement("div", {
     "data-editor-popup": true,
     onClick: onModalClick,
@@ -73,12 +69,11 @@ var ModalElementBrowser = function ModalElementBrowser(props) {
     onClose: props.onClose,
     height: "664px",
     width: "x-large",
-    autoFocus: false,
-    components: components // defaults to true and doesn't work along with stackIndex=1.
+    autoFocus: false // defaults to true and doesn't work along with stackIndex=1.
     // packages/design-system/modal-dialog/src/components/Content.tsx Line 287
     ,
     shouldCloseOnEscapePress: false
-  })));
+  }, /*#__PURE__*/React.createElement(RenderBody, null), /*#__PURE__*/React.createElement(RenderFooter, null))));
 };
 
 ModalElementBrowser.displayName = 'ModalElementBrowser'; // Prevent ModalElementBrowser click propagation through to the editor.
@@ -89,15 +84,12 @@ var onModalClick = function onModalClick(e) {
 
 var Footer = function Footer(_ref) {
   var onInsert = _ref.onInsert,
-      onClose = _ref.onClose,
-      showKeyline = _ref.showKeyline,
       beforeElement = _ref.beforeElement;
-  return /*#__PURE__*/React.createElement(ModalFooter, {
-    showKeyline: showKeyline,
-    style: {
-      padding: MODAL_WRAPPER_PADDING
-    }
-  }, beforeElement ? beforeElement : /*#__PURE__*/React.createElement("span", null), /*#__PURE__*/React.createElement(Actions, null, /*#__PURE__*/React.createElement(ActionItem, null, /*#__PURE__*/React.createElement(Button, {
+
+  var _useModal = useModal(),
+      onClose = _useModal.onClose;
+
+  return /*#__PURE__*/React.createElement(ModalFooter, null, beforeElement ? beforeElement : /*#__PURE__*/React.createElement("span", null), /*#__PURE__*/React.createElement(Actions, null, /*#__PURE__*/React.createElement(ActionItem, null, /*#__PURE__*/React.createElement(Button, {
     appearance: "primary",
     onClick: onInsert,
     testId: "ModalElementBrowser__insert-button"
@@ -127,4 +119,5 @@ var Wrapper = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplate
   light: N0,
   dark: DN50
 })(), borderRadius());
+var ModalFooter = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  display: flex;\n  padding: ", "px;\n\n  position: relative;\n  align-items: center;\n  justify-content: space-between;\n"])), MODAL_WRAPPER_PADDING);
 export default injectIntl(ModalElementBrowser);

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

@@ -21,7 +21,7 @@ import { relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
 import { withAnalyticsContext } from '@atlaskit/analytics-next';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE, fireAnalyticsEvent } from '../../../../plugins/analytics';
 import IconFallback from '../../../../plugins/quick-insert/assets/fallback';
-import { ItemIcon } from '../../../../plugins/type-ahead/ui/TypeAheadItemsList';
+import { ItemIcon } from '../../../../plugins/type-ahead/ui/TypeAheadListItem';
 import { Shortcut } from '../../../styles';
 import { ELEMENT_ITEM_HEIGHT, ELEMENT_LIST_PADDING, GRID_SIZE, SCROLLBAR_THUMB_COLOR, SCROLLBAR_TRACK_COLOR, SCROLLBAR_WIDTH } from '../../constants';
 import useContainerWidth from '../../hooks/use-container-width';
@@ -38,7 +38,10 @@ function ElementList(_ref) {
       focusedItemIndex = _ref.focusedItemIndex,
       setColumnCount = _ref.setColumnCount,
       createAnalyticsEvent = _ref.createAnalyticsEvent,
-      props = _objectWithoutProperties(_ref, ["items", "mode", "selectedItemIndex", "focusedItemIndex", "setColumnCount", "createAnalyticsEvent"]);
+      emptyStateHandler = _ref.emptyStateHandler,
+      selectedCategory = _ref.selectedCategory,
+      searchTerm = _ref.searchTerm,
+      props = _objectWithoutProperties(_ref, ["items", "mode", "selectedItemIndex", "focusedItemIndex", "setColumnCount", "createAnalyticsEvent", "emptyStateHandler", "selectedCategory", "searchTerm"]);
 
   var _useContainerWidth = useContainerWidth(),
       containerWidth = _useContainerWidth.containerWidth,
@@ -91,7 +94,11 @@ function ElementList(_ref) {
       }, props)));
     };
   }, [items, fullMode, selectedItemIndex, focusedItemIndex, props]);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ContainerWidthMonitor, null), !items.length ? /*#__PURE__*/React.createElement(EmptyState, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ContainerWidthMonitor, null), !items.length ? emptyStateHandler ? emptyStateHandler({
+    mode: mode,
+    selectedCategory: selectedCategory,
+    searchTerm: searchTerm
+  }) : /*#__PURE__*/React.createElement(EmptyState, {
     onExternalLinkClick: onExternalLinkClick
   }) : /*#__PURE__*/React.createElement(ElementItemsWrapper, {
     "data-testid": "element-items"

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

@@ -128,7 +128,8 @@ function MobileBrowser(_ref) {
       onKeyPress = _ref.onKeyPress,
       onKeyDown = _ref.onKeyDown,
       searchTerm = _ref.searchTerm,
-      createAnalyticsEvent = _ref.createAnalyticsEvent;
+      createAnalyticsEvent = _ref.createAnalyticsEvent,
+      emptyStateHandler = _ref.emptyStateHandler;
   return /*#__PURE__*/React.createElement(MobileElementBrowserContainer, {
     onKeyPress: onKeyPress,
     onKeyDown: onKeyDown,
@@ -155,7 +156,10 @@ function MobileBrowser(_ref) {
     focusedItemIndex: focusedItemIndex,
     setFocusedItemIndex: setFocusedItemIndex,
     setColumnCount: setColumnCount,
-    createAnalyticsEvent: createAnalyticsEvent
+    createAnalyticsEvent: createAnalyticsEvent,
+    emptyStateHandler: emptyStateHandler,
+    selectedCategory: selectedCategory,
+    searchTerm: searchTerm
   })));
 }
 
@@ -178,7 +182,8 @@ function DesktopBrowser(_ref2) {
       onKeyPress = _ref2.onKeyPress,
       onKeyDown = _ref2.onKeyDown,
       searchTerm = _ref2.searchTerm,
-      createAnalyticsEvent = _ref2.createAnalyticsEvent;
+      createAnalyticsEvent = _ref2.createAnalyticsEvent,
+      emptyStateHandler = _ref2.emptyStateHandler;
   return /*#__PURE__*/React.createElement(ElementBrowserContainer, {
     "data-testid": "desktop__element-browser"
   }, showCategories && /*#__PURE__*/React.createElement(SideBar, {
@@ -209,7 +214,10 @@ function DesktopBrowser(_ref2) {
     focusedItemIndex: focusedItemIndex,
     setFocusedItemIndex: setFocusedItemIndex,
     setColumnCount: setColumnCount,
-    createAnalyticsEvent: createAnalyticsEvent
+    createAnalyticsEvent: createAnalyticsEvent,
+    emptyStateHandler: emptyStateHandler,
+    selectedCategory: selectedCategory,
+    searchTerm: searchTerm
   })));
 }
 

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

@@ -161,9 +161,7 @@ var PanelTextInput = /*#__PURE__*/function (_PureComponent) {
   }, {
     key: "isUndoEvent",
     value: function isUndoEvent(event) {
-      return event.keyCode === KeyZCode && ( // cmd + z for mac
-      browser.mac && event.metaKey && !event.shiftKey || // ctrl + z for non-mac
-      !browser.mac && event.ctrlKey);
+      return event.keyCode === KeyZCode && (browser.mac && event.metaKey && !event.shiftKey || !browser.mac && event.ctrlKey);
     }
   }, {
     key: "isRedoEvent",

package/dist/esm/utils/compare.js

@@ -33,13 +33,13 @@ export var serializeValue = function serializeValue(value) {
   } // Calling toString of function returns whole function text with body.
   // So, just return function with name.
   else if (valueType === 'function') {
-      return "function:".concat(value.name);
-    } else if (valueType === 'object') {
-      return {
-        type: 'object',
-        keys: Object.keys(value)
-      };
-    }
+    return "function:".concat(value.name);
+  } else if (valueType === 'object') {
+    return {
+      type: 'object',
+      keys: Object.keys(value)
+    };
+  }
 };
 export var getPropsDifference = function getPropsDifference(object1, object2) {
   var curDepth = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;

package/dist/esm/utils/index.js

@@ -277,17 +277,16 @@ export function liftSelection(tr, doc, $from, $to) {
   var endPos = $to.end($to.depth);
   var target = Math.max(0, findAncestorPosition(doc, $from).depth - 1);
   tr.doc.nodesBetween(startPos, endPos, function (node, pos) {
-    if (node.isText || // Text node
-    node.isTextblock && !node.textContent // Empty paragraph
+    if (node.isText || node.isTextblock && !node.textContent // Empty paragraph
     ) {
-        var res = tr.doc.resolve(tr.mapping.map(pos));
-        var sel = new NodeSelection(res);
-        var range = sel.$from.blockRange(sel.$to);
+      var res = tr.doc.resolve(tr.mapping.map(pos));
+      var sel = new NodeSelection(res);
+      var range = sel.$from.blockRange(sel.$to);
 
-        if (liftTarget(range) !== undefined) {
-          tr.lift(range, target);
-        }
+      if (liftTarget(range) !== undefined) {
+        tr.lift(range, target);
       }
+    }
   });
   startPos = tr.mapping.map(startPos);
   endPos = tr.mapping.map(endPos);

package/dist/esm/utils/rich-media-utils.js

@@ -36,8 +36,8 @@ export var alignAttributes = function alignAttributes(layout, oldAttrs) {
     // 'full-width' or 'wide' or 'center' -> 'wrap-left' or 'wrap-right' or 'align-end' or 'align-start'
     if (!width || width >= 100 || oldLayout !== 'center' // == 'full-width' or 'wide'
     ) {
-        width = 50;
-      }
+      width = 50;
+    }
   } else if (layout !== oldLayout && ['full-width', 'wide'].indexOf(oldLayout) > -1) {
     // 'full-width' -> 'center' or 'wide'
     // 'wide' -> 'center' or 'full-width'

package/dist/esm/utils/selection.js

@@ -40,8 +40,11 @@ export function setCellSelection(view, anchor, head) {
       dispatch = view.dispatch;
   dispatch(state.tr.setSelection(CellSelection.create(state.doc, anchor, head)));
 }
-export var normaliseNestedLayout = function normaliseNestedLayout(state, node) {
-  if (state.selection.$from.depth > 1) {
+export var normaliseNestedLayout = function normaliseNestedLayout(_ref, node) {
+  var selection = _ref.selection,
+      doc = _ref.doc;
+
+  if (selection.$from.depth > 1) {
     if (node.attrs.layout && node.attrs.layout !== 'default') {
       return node.type.createChecked(_objectSpread(_objectSpread({}, node.attrs), {}, {
         layout: 'default'
@@ -50,7 +53,7 @@ export var normaliseNestedLayout = function normaliseNestedLayout(state, node) {
     // Since default isn't a valid breakout mode.
 
 
-    var breakoutMark = state.schema.marks.breakout;
+    var breakoutMark = doc.type.schema.marks.breakout;
 
     if (breakoutMark && breakoutMark.isInSet(node.marks)) {
       var newMarks = breakoutMark.removeFromSet(node.marks);

package/dist/esm/version-wrapper.js

@@ -1,5 +1,5 @@
 export var name = "@atlaskit/editor-core";
-export var version = "148.0.0";
+export var version = "149.0.3";
 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": "148.0.0",
+	"version": "149.0.3",
 	"sideEffects": false
 }

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

@@ -9,7 +9,7 @@ export declare const createNewParagraphBelow: Command;
 export declare function createParagraphNear(append?: boolean): Command;
 export declare function addParagraphAtEnd(tr: Transaction): void;
 export declare function createParagraphAtEnd(): Command;
-export declare const changeImageAlignment: (align?: "start" | "center" | "end" | undefined) => Command;
+export declare const changeImageAlignment: (align?: "center" | "start" | "end" | undefined) => Command;
 export declare const createToggleBlockMarkOnRange: <T = object>(markType: MarkType, getAttrs: (prevAttrs?: T | undefined, node?: PMNode<any> | undefined) => false | T | undefined, allowedBlocks?: NodeType<any>[] | ((schema: Schema, node: PMNode, parent: PMNode) => boolean) | undefined) => (from: number, to: number, tr: Transaction, state: EditorState) => boolean;
 /**
  * Toggles block mark based on the return type of `getAttrs`.

package/dist/types/create-editor/ErrorBoundary.d.ts

@@ -37,5 +37,5 @@ export declare class ErrorBoundaryWithEditorView extends React.Component<ErrorBo
     componentDidMount(): Promise<void>;
     render(): React.ReactNode;
 }
-declare const _default: React.ComponentType<Pick<ErrorBoundaryProps, "children" | "createAnalyticsEvent" | "contextIdentifierProvider" | "rethrow">>;
+declare const _default: React.ComponentType<Pick<ErrorBoundaryProps, "contextIdentifierProvider" | "children" | "createAnalyticsEvent" | "rethrow">>;
 export default _default;

package/dist/types/index.d.ts

@@ -37,6 +37,7 @@ export type { ListState } from './plugins/list/types';
 export type { InputMethod as ListInputMethod } from './plugins/list/commands';
 export { toggleSuperscript, toggleSuperscriptWithAnalytics, toggleSubscript, toggleSubscriptWithAnalytics, toggleStrike, toggleStrikeWithAnalytics, toggleCode, toggleCodeWithAnalytics, toggleUnderline, toggleUnderlineWithAnalytics, toggleEm, toggleEmWithAnalytics, toggleStrong, toggleStrongWithAnalytics, } from './plugins/text-formatting/commands/text-formatting';
 export { subscribeToToolbarAndPickerUpdates } from './plugins/view-update-subscription/subscribe/toolbarAndPickerUpdates';
+export { subscribeTypeAheadUpdates } from './plugins/view-update-subscription/subscribe/type-ahead-updates';
 export type { InputMethodToolbar as TextFormattingInputMethodToolbar, InputMethodBasic as TextFormattingInputMethodBasic, } from './plugins/text-formatting/commands/text-formatting';
 export { insertBlockType, insertBlockTypesWithAnalytics, setBlockType, setBlockTypeWithAnalytics, } from './plugins/block-type/commands';
 export type { InputMethod as BlockTypeInputMethod } from './plugins/block-type/commands';
@@ -56,9 +57,6 @@ export type { TypeAheadPluginState } from './plugins/type-ahead';
 export { pluginKey as quickInsertPluginKey, memoProcessItems as processQuickInsertItems, } from './plugins/quick-insert';
 export type { QuickInsertPluginState } from './plugins/quick-insert';
 export type { TypeAheadItem } from './plugins/type-ahead/types';
-export { selectItem } from './plugins/type-ahead/commands/select-item';
-export { insertTypeAheadQuery } from './plugins/type-ahead/commands/insert-query';
-export { dismissCommand } from './plugins/type-ahead/commands/dismiss';
 export { insertLink, insertLinkWithAnalyticsMobileNative, insertLinkWithAnalytics, isTextAtPos, isLinkAtPos, updateLink, } from './plugins/hyperlink/commands';
 export type { LinkInputType as LinkInputMethod } from './plugins/hyperlink/types';
 export { historyPluginKey } from './plugins/history';
@@ -77,8 +75,6 @@ export { GapCursorSelection, Side as GapCursorSide, } from './plugins/selection/
 export type { HistoryPluginState } from './plugins/history/types';
 export type { MentionPluginState } from './plugins/mentions/types';
 export type { TOOLBAR_MENU_TYPE as InsertBlockInputMethodToolbar } from './plugins/insert-block/ui/ToolbarInsertBlock/types';
-export { insertMentionQuery } from './plugins/mentions/commands/insert-mention-query';
-export { insertEmojiQuery } from './plugins/emoji/commands/insert-emoji-query';
 export { selectionPluginKey } from './plugins/mobile-selection';
 export type { SelectionData, SelectionDataState, } from './plugins/mobile-selection';
 export { insertExpand } from './plugins/expand/commands';
@@ -92,3 +88,5 @@ export { lightModeStatusColorPalette, darkModeStatusColorPalette, } from './ui/C
 export type { PaletteColor } from './ui/ColorPalette/Palettes/type';
 export { DEFAULT_BORDER_COLOR } from './ui/ColorPalette/Palettes/common';
 export { default as messages, statusMessages, dateMessages } from './messages';
+export { createTypeAheadTools } from './plugins/type-ahead/api';
+export { createQuickInsertTools } from './plugins/quick-insert/api';

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, "appearance" | "disabled" | "media" | "placeholder" | "defaultValue" | "onChange" | "maxHeight" | "placeholderBracketHint" | "placeholderHints" | "codeBlock" | "mentionProvider" | "emojiProvider" | "autoformattingProvider" | "taskDecisionProvider" | "contextIdentifierProvider" | "collabEditProvider" | "macroProvider" | "searchProvider" | "activityProvider" | "presenceProvider" | "allowBlockType" | "contextPanel" | "quickInsert" | "waitForMediaUpload" | "editorActions" | "mention" | "insertMenuItems" | "primaryToolbarComponents" | "contentComponents" | "popupsMountPoint" | "popupsBoundariesElement" | "popupsScrollableElement" | "onDestroy" | "onMount" | "saveOnEnter" | "textFormatting" | "maxContentSize" | "performanceTracking" | "featureFlags" | "onSave" | "onCancel" | "extensionHandlers" | "collabEdit" | "allowBreakout" | "uploadErrorHandler" | "sanitizePrivateContent" | "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" | "mentionInsertDisplayName" | "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" | "dangerouslyAppendPlugins"> & React.RefAttributes<any>>;
 export { FullPageWithAnalytics as FullPage };

package/dist/types/labs/next/mobile.d.ts

@@ -9,4 +9,4 @@ export declare function MobileEditor(props: MobileEditorProps & WithAnalyticsEve
 export declare namespace MobileEditor {
     var displayName: string;
 }
-export declare const Mobile: React.ForwardRefExoticComponent<Pick<MobileEditorProps & WithAnalyticsEventsProps, "disabled" | "children" | "placeholder" | "defaultValue" | "onChange" | "maxHeight" | "onAnalyticsEvent" | "plugins" | "popupsMountPoint" | "popupsBoundariesElement" | "popupsScrollableElement" | "onDestroy" | "onMount" | "transformer" | "onSave" | "onCancel" | "isMaxContentSizeReached"> & React.RefAttributes<any>>;
+export declare const Mobile: React.ForwardRefExoticComponent<Pick<MobileEditorProps & WithAnalyticsEventsProps, "onAnalyticsEvent" | "children" | "defaultValue" | "placeholder" | "onChange" | "plugins" | "disabled" | "maxHeight" | "popupsMountPoint" | "popupsBoundariesElement" | "popupsScrollableElement" | "onDestroy" | "onMount" | "transformer" | "onSave" | "onCancel" | "isMaxContentSizeReached"> & React.RefAttributes<any>>;

package/dist/types/labs/next/presets/default.d.ts

@@ -14,6 +14,7 @@ import { QuickInsertPluginOptions } from '../../../plugins/quick-insert';
 import { CodeBlockOptions } from '../../../plugins/code-block/types';
 import { SelectionPluginOptions } from '../../../plugins/selection/types';
 import { CardOptions } from '@atlaskit/editor-common';
+import { TypeAheadPluginOptions } from '../../../plugins/type-ahead';
 interface EditorPresetDefaultProps {
     children?: React.ReactNode;
 }
@@ -30,6 +31,7 @@ export declare type DefaultPresetPluginOptions = {
     selection?: SelectionPluginOptions;
     cardOptions?: CardOptions;
     createAnalyticsEvent?: CreateUIAnalyticsEvent;
+    typeAhead?: TypeAheadPluginOptions;
 };
 /**
  * Note: The order that presets are added determines

package/dist/types/messages.d.ts

@@ -87,6 +87,11 @@ declare const _default: {
         defaultMessage: string;
         description: string;
     };
+    hideEmoji: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
     visit: {
         id: string;
         defaultMessage: string;

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

@@ -1,3 +1,3 @@
 import { Command } from '../../../types/command';
-export declare const isAlignable: (align?: "start" | "center" | "end" | undefined) => Command;
-export declare const changeAlignment: (align?: "start" | "center" | "end" | undefined) => Command;
+export declare const isAlignable: (align?: "center" | "start" | "end" | undefined) => Command;
+export declare const changeAlignment: (align?: "center" | "start" | "end" | undefined) => Command;

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

@@ -8,6 +8,8 @@ export declare enum ACTION {
     ACTIVATED = "activated",
     ADDED = "added",
     BROWSER_FREEZE = "browserFreeze",
+    CHANGED_BACKGROUND_COLOR = "changedBackgroundColor",
+    CHANGED_ICON = "changedIcon",
     CHANGED_FULL_WIDTH_MODE = "changedFullWidthMode",
     CHANGED_LAYOUT = "changedLayout",
     CHANGED_REPLACEMENT_TEXT = "changedReplacementText",
@@ -51,6 +53,7 @@ export declare enum ACTION {
     INVOKED = "invoked",
     LANGUAGE_SELECTED = "languageSelected",
     LIST_ITEM_JOINED = "listItemJoined",
+    MATCHED = "matched",
     NODE_CONTENT_SANITIZED = "nodeContentSanitized",
     OPENED = "opened",
     OUTDENTED = "outdented",
@@ -85,7 +88,8 @@ export declare enum ACTION {
     FIXED = "fixed",
     RENDERED = "rendered",
     ON_EDITOR_READY_CALLBACK = "onEditorReadyCallback",
-    ON_CHANGE_CALLBACK = "onChangeCalled"
+    ON_CHANGE_CALLBACK = "onChangeCalled",
+    REMOVE_ICON = "removedIcon"
 }
 export declare enum INPUT_METHOD {
     ASCII = "ascii",
@@ -148,6 +152,7 @@ export declare enum ACTION_SUBJECT {
     PLUS_MENU = "plusMenu",
     PLUGIN_SLOT = "pluginSlot",
     REACT_NODE_VIEW = "reactNodeView",
+    SELECTION = "selection",
     SMART_LINK = "smartLink",
     HYPERLINK = "hyperlink",
     TABLE = "table",

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

@@ -14,7 +14,8 @@ import { ExperimentalEventPayload } from './experimental-events';
 import { FindReplaceEventPayload } from './find-replace-events';
 import { ConfigPanelEventPayload } from './config-panel-events';
 import { ElementBrowserEventPayload } from './element-browser-events';
-import { OperationalAEP } from './utils';
+import { TypeAheadPayload } from './type-ahead';
+import { OperationalAEP, TrackAEP } from './utils';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, CONTENT_COMPONENT, FLOATING_CONTROLS_TITLE } from './enums';
 import { SimplifiedNode } from '../../../utils/document-logger';
 import { DateEventPayload } from './date-events';
@@ -23,7 +24,16 @@ import { CreateLinkInlineDialogEventPayload, UnlinkToolbarAEP, EditLinkToolbarAE
 import { ExtensionEventPayload } from './extension-events';
 import { UnsupportedContentPayload, UserBrowserExtensionResults } from '@atlaskit/editor-common';
 import { AvatarEventPayload } from './avatar';
-export declare type AnalyticsEventPayload<T = void> = AvatarEventPayload | GeneralEventPayload<T> | FormatEventPayload | SubstituteEventPayload | InsertEventPayload | NodeEventPayload | MediaEventPayload | TableEventPayload | PasteEventPayload | CutCopyEventPayload | ErrorEventPayload | ExperimentalEventPayload | FindReplaceEventPayload | DateEventPayload | SelectionEventPayload | ListEventPayload | ConfigPanelEventPayload | ElementBrowserEventPayload | CreateLinkInlineDialogEventPayload | UnsupportedContentPayload | ExtensionEventPayload | TransactionEventPayload | UnlinkToolbarAEP | EditLinkToolbarAEP;
+export declare type AnalyticsEventPayload<T = void> = AvatarEventPayload | GeneralEventPayload<T> | FormatEventPayload | SubstituteEventPayload | InsertEventPayload | NodeEventPayload | MediaEventPayload | TableEventPayload | PasteEventPayload | CutCopyEventPayload | ErrorEventPayload | ExperimentalEventPayload | FindReplaceEventPayload | DateEventPayload | SelectionEventPayload | ListEventPayload | ConfigPanelEventPayload | ElementBrowserEventPayload | CreateLinkInlineDialogEventPayload | UnsupportedContentPayload | ExtensionEventPayload | TransactionEventPayload | TypeAheadPayload | UnlinkToolbarAEP | EditLinkToolbarAEP | CustomPanelEventPayload;
+declare type CustomPanelEventPayload = TrackAEP<ACTION.CHANGED_BACKGROUND_COLOR | ACTION.CHANGED_ICON | ACTION.REMOVE_ICON, ACTION_SUBJECT.PANEL, ACTION_SUBJECT_ID.PANEL, {
+    previousColor: string;
+    newColor: string;
+} | {
+    previousIcon: string;
+    newIcon: string;
+} | {
+    icon: string;
+}, undefined>;
 export declare type AnalyticsEventPayloadWithChannel = {
     channel: string;
     payload: AnalyticsEventPayload;

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

@@ -30,7 +30,6 @@ declare type PickerAEP<ActionSubjectID, Attributes> = UIAEP<ACTION.OPENED, ACTIO
 declare type FeedbackAEP = UIAEP<ACTION.OPENED, ACTION_SUBJECT.FEEDBACK_DIALOG, undefined, {
     inputMethod: INPUT_METHOD.QUICK_INSERT;
 }, undefined>;
-declare type TypeAheadAEP<ActionSubjectID, Attributes> = UIAEP<ACTION.INVOKED, ACTION_SUBJECT.TYPEAHEAD, ActionSubjectID, Attributes, undefined>;
 declare type EditorStartAEP = UIAEP<ACTION.STARTED, ACTION_SUBJECT.EDITOR, undefined, {
     platform: PLATFORMS.NATIVE | PLATFORMS.HYBRID | PLATFORMS.WEB;
     featureFlags: FeatureFlagKey[];
@@ -66,6 +65,7 @@ declare type BrowserFreezePayload = OperationalAEPWithObjectId<ACTION.BROWSER_FR
     interactionType?: BROWSER_FREEZE_INTERACTION_TYPE;
     severity?: SEVERITY;
 }, undefined>;
+declare type SelectionAEP = TrackAEP<ACTION.MATCHED, ACTION_SUBJECT.SELECTION, undefined, undefined, undefined>;
 declare type SlowInputAEP = OperationalAEPWithObjectId<ACTION.SLOW_INPUT, ACTION_SUBJECT.EDITOR, undefined, {
     time: number;
     nodeSize: number;
@@ -121,30 +121,9 @@ declare type PickerEmojiAEP = PickerAEP<ACTION_SUBJECT_ID.PICKER_EMOJI, {
 declare type PickerImageAEP = PickerAEP<ACTION_SUBJECT_ID.PICKER_CLOUD, {
     inputMethod: INPUT_METHOD.TOOLBAR | INPUT_METHOD.QUICK_INSERT | INPUT_METHOD.INSERT_MENU;
 }>;
-declare type TypeAheadQuickInsertAEP = TypeAheadAEP<ACTION_SUBJECT_ID.TYPEAHEAD_QUICK_INSERT, {
-    inputMethod: INPUT_METHOD.KEYBOARD;
-}>;
 declare type HelpQuickInsertAEP = UIAEP<ACTION.HELP_OPENED, ACTION_SUBJECT.HELP, ACTION_SUBJECT_ID.HELP_QUICK_INSERT, {
     inputMethod: INPUT_METHOD.QUICK_INSERT;
 }, undefined>;
-declare type TypeAheadEmojiAEP = TypeAheadAEP<ACTION_SUBJECT_ID.TYPEAHEAD_EMOJI, {
-    inputMethod: INPUT_METHOD.TOOLBAR | INPUT_METHOD.INSERT_MENU | INPUT_METHOD.QUICK_INSERT | INPUT_METHOD.KEYBOARD;
-}>;
-declare type TypeAheadLinkAEP = TypeAheadAEP<ACTION_SUBJECT_ID.TYPEAHEAD_LINK, {
-    inputMethod: INPUT_METHOD.TOOLBAR | INPUT_METHOD.INSERT_MENU | INPUT_METHOD.QUICK_INSERT | INPUT_METHOD.SHORTCUT;
-}>;
-declare type TypeAheadMentionAEP = TypeAheadAEP<ACTION_SUBJECT_ID.TYPEAHEAD_MENTION, {
-    inputMethod: INPUT_METHOD.TOOLBAR | INPUT_METHOD.INSERT_MENU | INPUT_METHOD.QUICK_INSERT | INPUT_METHOD.KEYBOARD;
-}>;
-export declare type TypeAheadRenderedAEP = OperationalAEP<ACTION.RENDERED, ACTION_SUBJECT.TYPEAHEAD, undefined, {
-    time?: number;
-    items?: number;
-    initial?: boolean;
-}, undefined>;
-export declare type TypeAheadItemViewedAEP = OperationalAEP<ACTION.VIEWED, ACTION_SUBJECT.TYPEAHEAD_ITEM, undefined, {
-    index?: number;
-    items?: number;
-}, undefined>;
 declare type FullWidthModeAEP = TrackAEP<ACTION.CHANGED_FULL_WIDTH_MODE, ACTION_SUBJECT.EDITOR, undefined, {
     previousMode: FULL_WIDTH_MODE;
     newMode: FULL_WIDTH_MODE;
@@ -166,5 +145,5 @@ declare type RichMediaLayoutAEP = TrackAEP<ACTION.SELECTED, ACTION_SUBJECT.MEDIA
 declare type CodeBlockLanguageSelectedAEP = TrackAEP<ACTION.LANGUAGE_SELECTED, ACTION_SUBJECT.CODE_BLOCK, undefined, {
     language: string;
 }, undefined>;
-export declare type GeneralEventPayload<T = void> = AnnotateButtonAEP | AnnotationAEP | BrowserFreezePayload | ButtonFeedbackAEP | ButtonHelpAEP | ColorPickerAEP | DispatchedTransactionAEP | EditorPerfAEP | EditorRenderedAEP<T> | EditorStartAEP | EditorStopAEP | EditorTTIAEP | ExpandToggleAEP | FeedbackAEP | FullWidthModeAEP | HelpQuickInsertAEP | InputPerfSamlingAEP | PickerEmojiAEP | PickerImageAEP | ReactNodeViewRenderedAEP | RichMediaLayoutAEP | SlowInputAEP | TypeAheadEmojiAEP | TypeAheadItemViewedAEP | TypeAheadLinkAEP | TypeAheadMentionAEP | TypeAheadQuickInsertAEP | TypeAheadRenderedAEP | UploadExternalFailedAEP | WithPluginStateCalledAEP | CodeBlockLanguageSelectedAEP | EditorContentRetrievalPerformedAEP;
+export declare type GeneralEventPayload<T = void> = AnnotateButtonAEP | AnnotationAEP | BrowserFreezePayload | ButtonFeedbackAEP | ButtonHelpAEP | ColorPickerAEP | DispatchedTransactionAEP | EditorPerfAEP | EditorRenderedAEP<T> | EditorStartAEP | EditorStopAEP | EditorTTIAEP | ExpandToggleAEP | FeedbackAEP | FullWidthModeAEP | HelpQuickInsertAEP | InputPerfSamlingAEP | PickerEmojiAEP | PickerImageAEP | ReactNodeViewRenderedAEP | RichMediaLayoutAEP | SelectionAEP | SlowInputAEP | UploadExternalFailedAEP | WithPluginStateCalledAEP | CodeBlockLanguageSelectedAEP | EditorContentRetrievalPerformedAEP;
 export {};

package/dist/types/plugins/analytics/types/type-ahead.d.ts

@@ -0,0 +1,27 @@
+import { TypeAheadAvailableNodes } from '@atlaskit/editor-common/type-ahead';
+import { UIAEP, OperationalAEP } from './utils';
+import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, INPUT_METHOD } from './enums';
+declare type TypeAheadRenderedAEP = OperationalAEP<ACTION.RENDERED, ACTION_SUBJECT.TYPEAHEAD, undefined, {
+    time?: number;
+    items?: number;
+    initial?: boolean;
+}, undefined>;
+declare type TypeAheadItemViewedAEP = OperationalAEP<ACTION.VIEWED, ACTION_SUBJECT.TYPEAHEAD_ITEM, undefined, {
+    index?: number;
+    items?: number;
+}, undefined>;
+declare type TypeAheadAEP<ActionSubjectID, Attributes> = UIAEP<ACTION.INVOKED, ACTION_SUBJECT.TYPEAHEAD, ActionSubjectID, Attributes, undefined>;
+declare type TypeAheadEmojiAEP = TypeAheadAEP<ACTION_SUBJECT_ID.TYPEAHEAD_EMOJI | TypeAheadAvailableNodes.EMOJI, {
+    inputMethod: INPUT_METHOD.TOOLBAR | INPUT_METHOD.INSERT_MENU | INPUT_METHOD.QUICK_INSERT | INPUT_METHOD.KEYBOARD;
+}>;
+declare type TypeAheadLinkAEP = TypeAheadAEP<ACTION_SUBJECT_ID.TYPEAHEAD_LINK, {
+    inputMethod: INPUT_METHOD.TOOLBAR | INPUT_METHOD.INSERT_MENU | INPUT_METHOD.QUICK_INSERT | INPUT_METHOD.SHORTCUT;
+}>;
+declare type TypeAheadMentionAEP = TypeAheadAEP<ACTION_SUBJECT_ID.TYPEAHEAD_MENTION | TypeAheadAvailableNodes.MENTION, {
+    inputMethod: INPUT_METHOD.TOOLBAR | INPUT_METHOD.INSERT_MENU | INPUT_METHOD.QUICK_INSERT | INPUT_METHOD.KEYBOARD;
+}>;
+declare type TypeAheadQuickInsertAEP = TypeAheadAEP<ACTION_SUBJECT_ID.TYPEAHEAD_QUICK_INSERT | TypeAheadAvailableNodes.QUICK_INSERT, {
+    inputMethod: INPUT_METHOD.TOOLBAR | INPUT_METHOD.INSERT_MENU | INPUT_METHOD.QUICK_INSERT | INPUT_METHOD.KEYBOARD;
+}>;
+export declare type TypeAheadPayload = TypeAheadEmojiAEP | TypeAheadLinkAEP | TypeAheadMentionAEP | TypeAheadQuickInsertAEP | TypeAheadRenderedAEP | TypeAheadItemViewedAEP;
+export {};

package/dist/types/plugins/block-type/messages.d.ts

@@ -134,6 +134,16 @@ export declare const messages: {
         defaultMessage: string;
         description: string;
     };
+    customPanel: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    customPanelDescription: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
     other: {
         id: string;
         defaultMessage: string;

package/dist/types/plugins/card/ui/ResizableEmbedCard.d.ts

@@ -38,7 +38,7 @@ export default class ResizableEmbedCard extends React.Component<Props, State> {
     wrapper?: HTMLElement;
     get wideLayoutWidth(): number;
     calcSnapPoints(): number[];
-    calcPxWidth: (useLayout?: "center" | "full-width" | "wrap-right" | "wrap-left" | "wide" | "align-end" | "align-start" | undefined) => number;
+    calcPxWidth: (useLayout?: "wrap-right" | "center" | "wrap-left" | "wide" | "full-width" | "align-end" | "align-start" | undefined) => number;
     get insideInlineLike(): boolean;
     highlights: (newWidth: number, snapPoints: number[]) => number[] | string[];
     /**

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

@@ -10,6 +10,7 @@ export declare class Participants implements ReadOnlyParticipants {
     add(data: CollabParticipant[]): Participants;
     remove(sessionIds: string[]): Participants;
     update(sessionId: string, lastActive: number): Participants;
+    updateCursorPos(sessionId: string, cursorPos: number): Participants;
     toArray(): CollabParticipant[];
     get(sessionId: string): CollabParticipant | undefined;
     size(): number;

package/dist/types/plugins/collab-edit/ui/avatars.d.ts

@@ -1,7 +1,9 @@
 import React from 'react';
+import { EditorView } from 'prosemirror-view';
 import { ReadOnlyParticipants } from '../participants';
 export interface AvatarsProps {
     sessionId?: string;
     participants: ReadOnlyParticipants;
+    editorView?: EditorView;
 }
-export declare const Avatars: React.StatelessComponent<AvatarsProps>;
+export declare const Avatars: React.FC<AvatarsProps>;

package/dist/types/plugins/collab-edit/ui/invite-to-edit.d.ts

@@ -6,4 +6,4 @@ export interface InviteToEditButtonProps {
     Component?: React.ComponentType<InviteToEditComponentProps>;
     title: string;
 }
-export declare const InviteToEditButton: React.StatelessComponent<InviteToEditButtonProps>;
+export declare const InviteToEditButton: React.FC<InviteToEditButtonProps>;

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

@@ -1,6 +1,6 @@
 import { EditorState } from 'prosemirror-state';
-import { Decoration, DecorationSet } from 'prosemirror-view';
-import { CollabEditOptions } from './types';
+import { EditorView, Decoration, DecorationSet } from 'prosemirror-view';
+import { CollabEditOptions, CollabParticipant } from './types';
 export interface Color {
     solid: string;
     selection: string;
@@ -15,3 +15,5 @@ export declare const createTelepointers: (from: number, to: number, sessionId: s
     [key: string]: any;
 }>[];
 export declare const replaceDocument: (doc: any, state: EditorState, version?: number | undefined, options?: CollabEditOptions | undefined, reserveCursor?: boolean | undefined) => import("prosemirror-state").Transaction<any>;
+export declare const scrollToCollabCursor: (editorView: EditorView, participants: CollabParticipant[], sessionId: string | undefined, index: number) => void;
+export declare const getPositionOfTelepointer: (sessionId: string, decorationSet: DecorationSet) => undefined | number;