@atlaskit/editor-core 182.0.1 → 182.0.3

package/dist/es2019/labs/next/presets/cxhtml.js

@@ -1,5 +1,28 @@
 // #region Imports
 import React from 'react';
+
+//import { tablesPlugin } from '@atlaskit/editor-plugin-table';
+//
+//import {
+//  panelPlugin,
+//  listPlugin,
+//  textColorPlugin,
+//  breakoutPlugin,
+//  jiraIssuePlugin,
+//  extensionPlugin,
+//  rulePlugin,
+//  datePlugin,
+//  layoutPlugin,
+//  indentationPlugin,
+//  cardPlugin,
+//  statusPlugin,
+//  mediaPlugin,
+//  mentionsPlugin,
+//  tasksAndDecisionsPlugin,
+//  insertBlockPlugin,
+//  basePlugin,
+//  //placeholderPlugin,
+//} from '../../../plugins';
 import { PresetProvider } from '../Editor';
 import { useDefaultPreset } from './default';
 // #endregion

package/dist/es2019/labs/next/presets/mobile.js

@@ -11,7 +11,6 @@ useProviderFactory } from '@atlaskit/editor-common/provider-factory';
 //import extensionPlugin from '../../../plugins/extension';
 //import layoutPlugin from '../../../plugins/layout';
 //import listPlugin from '../../../plugins/list';
-
 //import mentionsPlugin from '../../../plugins/mentions';
 //import mobileDimensionsPlugin from '../../../plugins/mobile-dimensions';
 //import panelPlugin from '../../../plugins/panel';
@@ -30,7 +29,6 @@ import { addExcludesFromProviderFactory } from './utils';
 //import { quickInsertPlugin } from '../../../plugins';
 
 // #endregion
-
 export function useMobilePreset({
   media,
   placeholder,

package/dist/es2019/nodeviews/getInlineNodeViewProducer.js

@@ -196,7 +196,6 @@ function getPortalChildren({
 // nodeViews: {
 //   [nodeViewName: string]: NodeViewProducer
 // }
-
 // This return of this function is intended to be the value of a key
 // in a ProseMirror nodeViews object.
 export function getInlineNodeViewProducer({

package/dist/es2019/plugins/annotation/toolbar.js

@@ -3,7 +3,6 @@ import { defineMessages } from 'react-intl-next';
 import CommentIcon from '@atlaskit/icon/glyph/comment';
 // AFP-2532 TODO: Fix automatic suppressions below
 // eslint-disable-next-line @atlassian/tangerine/import/entry-points
-
 import { addInlineComment, ToolTipContent } from '../../keymaps';
 import { setInlineCommentDraftState } from './commands';
 import { AnnotationTestIds, AnnotationSelectionType } from './types';

package/dist/es2019/plugins/card/nodeviews/embedCard.js

@@ -164,6 +164,13 @@ export class EmbedCardComponent extends React.PureComponent {
     const scrollContainer = findOverflowScrollParent(view.dom);
     this.scrollContainer = scrollContainer || undefined;
   }
+
+  /**
+   * Even though render is capable of listening and reacting to iframely wrapper iframe sent `resize` events
+   * it's good idea to store latest actual height in ADF, so that when renderer (well, editor as well) is loading
+   * we will show embed window of appropriate size and avoid unnecessary content jumping.
+   */
+
   render() {
     const {
       node,

package/dist/es2019/plugins/date/ui/DatePicker/date-picker-input.js

@@ -217,6 +217,10 @@ class DatePickerInput extends React.Component {
    * Focus the input textfield
    */
 
+  /**
+   * Select all the input text
+   */
+
   componentWillUnmount() {
     if (this.autofocusTimeout !== undefined) {
       clearTimeout(this.autofocusTimeout);
@@ -225,5 +229,8 @@ class DatePickerInput extends React.Component {
       clearTimeout(this.autoSelectAllTimeout);
     }
   }
+
+  // arrow keys are only triggered by onKeyDown, not onKeyPress
 }
+
 export default injectIntl(DatePickerInput);

package/dist/es2019/plugins/extension/commands.js

@@ -5,7 +5,6 @@ import { getSelectedExtension } from './utils';
 import { removeConnectedNodes } from '@atlaskit/editor-common/utils';
 // AFP-2532 TODO: Fix automatic suppressions below
 // eslint-disable-next-line @atlassian/tangerine/import/entry-points
-
 export function updateState(state) {
   return createCommand({
     type: 'UPDATE_STATE',

package/dist/es2019/plugins/extension/ui/Extension/ExtensionComponent.js

@@ -153,6 +153,15 @@ export default class ExtensionComponent extends Component {
         return null;
     }
   }
+
+  /**
+   * Parses any private nodes once an extension provider is available.
+   *
+   * We do this separately from resolving a node renderer component since the
+   * private props come from extension provider, rather than an extension
+   * handler which only handles `render`/component concerns.
+   */
+
   tryExtensionHandler() {
     const {
       node

package/dist/es2019/plugins/floating-toolbar/index.js

@@ -6,7 +6,6 @@ import camelCase from 'lodash/camelCase';
 import { Popup } from '@atlaskit/editor-common/ui';
 // AFP-2532 TODO: Fix automatic suppressions below
 // eslint-disable-next-line @atlassian/tangerine/import/entry-points
-
 import WithPluginState from '../../ui/WithPluginState';
 import { CONTENT_COMPONENT } from '../analytics/types';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '../analytics';

package/dist/es2019/plugins/floating-toolbar/ui/DropdownMenu.js

@@ -36,6 +36,9 @@ const label = css`
   width: 100%;
 `;
 export const itemSpacing = gridSize() / 2;
+
+// Extend the ButtonItem component type to allow mouse events to be accepted from the Typescript check
+
 const DropdownButtonItem = ButtonItem;
 const DropdownMenuItem = ({
   item,

package/dist/es2019/plugins/indentation/commands/utils.js

@@ -1,4 +1,7 @@
 import { addAnalytics, INDENT_TYPE, ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '../../analytics';
+
+// Analytics GAS v3 Utils
+
 const indentTypes = {
   paragraph: INDENT_TYPE.PARAGRAPH,
   heading: INDENT_TYPE.HEADING

package/dist/es2019/plugins/list/commands/listBackspace.js

@@ -4,7 +4,6 @@ import { findParentNodeOfType } from 'prosemirror-utils';
 import { isListNode, isParagraphNode } from '../utils/node';
 import { isPosInsideList, isPosInsideParagraph } from '../utils/selection';
 //Cases below refer to the cases found in this document: https://product-fabric.atlassian.net/wiki/spaces/E/pages/1146954996/List+Backspace+and+Delete+Behaviour
-
 //Case for two adjacent list items of the same indentation
 const listBackspaceCase2 = (tr, dispatch, $prev, $head) => {
   /* CASE 2

package/dist/es2019/plugins/media/nodeviews/mediaNodeUpdater.js

@@ -306,7 +306,6 @@ export class MediaNodeUpdater {
 
   // Updates the node with contextId if it doesn't have one already
   // TODO [MS-2258]: remove updateContextId in order to only use updateMediaSingleFileAttrs
-
   async getRemoteDimensions() {
     const mediaProvider = await this.props.mediaProvider;
     const {
@@ -370,7 +369,12 @@ export class MediaNodeUpdater {
       await this.uploadExternalMedia(getPos);
     }
   }
+
+  // Copies the pasted node into the current collection using a getPos handler
+
+  // Copies the pasted node into the current collection
 }
+
 const hasPrivateAttrsChanged = (currentAttrs, newAttrs) => {
   return currentAttrs.__fileName !== newAttrs.__fileName || currentAttrs.__fileMimeType !== newAttrs.__fileMimeType || currentAttrs.__fileSize !== newAttrs.__fileSize || currentAttrs.__contextId !== newAttrs.__contextId;
 };

package/dist/es2019/plugins/media/nodeviews/mediaNodeView/media.js

@@ -1,5 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { withImageLoader } from '@atlaskit/editor-common/utils';
+import { AnalyticsContext } from '@atlaskit/analytics-next';
+import { MEDIA_CONTEXT } from '@atlaskit/analytics-namespaced-context';
 import { Card, CardLoading } from '@atlaskit/media-card';
 import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
 import React, { Component } from 'react';
@@ -142,6 +144,12 @@ export class MediaNode extends Component {
       onContextMenu: this.selectMediaSingle,
       borderWidth: borderMark === null || borderMark === void 0 ? void 0 : borderMark.attrs.size,
       selected: selected
+    }, /*#__PURE__*/React.createElement(AnalyticsContext, {
+      data: {
+        [MEDIA_CONTEXT]: {
+          border: !!borderMark
+        }
+      }
     }, /*#__PURE__*/React.createElement(Card, {
       mediaClientConfig: mediaClientConfig,
       resizeMode: "stretchy-fit",
@@ -158,7 +166,7 @@ export class MediaNode extends Component {
       featureFlags: mediaOptions && mediaOptions.featureFlags,
       contextId: contextId,
       alt: alt
-    }));
+    })));
   }
 }
 export default withImageLoader(MediaNode);

package/dist/es2019/plugins/media/nodeviews/mediaSingle.js

@@ -204,6 +204,9 @@ export default class MediaSingleNode extends Component {
       contextIdentifierProvider: await contextIdentifierProvider
     });
   }
+
+  // Workaound for iOS 16 Caption selection issue
+  // @see https://product-fabric.atlassian.net/browse/MEX-2012
   render() {
     const {
       selected,

package/dist/es2019/plugins/media/pm-plugins/main.js

@@ -43,6 +43,8 @@ const createDropPlaceholder = (intl, allowDropLine) => {
 };
 const MEDIA_RESOLVED_STATES = ['ready', 'error', 'cancelled'];
 export class MediaPluginStateImplementation {
+  // @ts-ignore: private is OK
+
   constructor(_state, options, mediaOptions, _dispatch) {
     _defineProperty(this, "allowsUploads", false);
     _defineProperty(this, "ignoreLinks", false);
@@ -403,6 +405,13 @@ export class MediaPluginStateImplementation {
    * called when we insert a new file via the picker (connected via pickerfacade)
    */
 
+  /**
+   * Returns a promise that is resolved after all pending operations have been finished.
+   * An optional timeout will cause the promise to reject if the operation takes too long
+   *
+   * NOTE: The promise will resolve even if some of the media have failed to process.
+   */
+
   setView(view) {
     this.view = view;
   }
@@ -412,6 +421,15 @@ export class MediaPluginStateImplementation {
    * inside of it
    */
 
+  /**
+   * Called from React UI Component on componentDidMount
+   */
+
+  /**
+   * Called from React UI Component on componentWillUnmount and UNSAFE_componentWillReceiveProps
+   * when React component's underlying node property is replaced with a new node
+   */
+
   destroy() {
     if (this.destroyed) {
       return;

package/dist/es2019/plugins/quick-insert/commands.js

@@ -1,6 +1,5 @@
 // AFP-2532 TODO: Fix automatic suppressions below
 // eslint-disable-next-line @atlassian/tangerine/import/entry-points
-
 import { insertSelectedItem } from '../../utils/insert';
 import { pluginKey } from './plugin-key';
 export const openElementBrowserModal = () => (state, dispatch) => {

package/dist/es2019/plugins/status/ui/statusPicker.js

@@ -214,5 +214,9 @@ export class StatusPickerWithoutAnalytcs extends React.Component {
       onEnter: this.onEnter
     })));
   }
+
+  // cancel bubbling to fix clickOutside logic:
+  // popup re-renders its content before the click event bubbles up to the document
+  // therefore click target element would be different from the popup content
 }
 export default withAnalyticsEvents()(StatusPickerWithoutAnalytcs);

package/dist/es2019/plugins/tasks-and-decisions/nodeviews/taskItem.js

@@ -60,6 +60,17 @@ class Task extends ReactNodeView {
   isContentEmpty(node) {
     return node.content.childCount === 0;
   }
+
+  /**
+   * Dynamically generates analytics data relating to the parent list.
+   *
+   * Required to be dynamic, as list (in prosemirror model) may have
+   * changed (e.g. item movements, or additional items in list).
+   * This node view will have not rerendered for those changes, so
+   * cannot render the position and listSize into the
+   * AnalyticsContext at initial render time.
+   */
+
   createDomRef() {
     const domRef = document.createElement('div');
     domRef.style['list-style-type'] = 'none';

package/dist/es2019/plugins/tasks-and-decisions/ui/Task/task-item-with-providers.js

@@ -10,7 +10,11 @@ export default class TaskItemWithProviders extends Component {
       resolvedContextProvider: undefined
     });
     _defineProperty(this, "mounted", false);
-  }
+  } // Storing the mounted state is an anti-pattern, however the asynchronous state
+  // updates via `updateContextIdentifierProvider` means we may be dismounted before
+  // it receives a response.
+  // Since we can't cancel the Promise we store the mounted state to avoid state
+  // updates when no longer suitable.
   UNSAFE_componentWillMount() {
     this.mounted = true;
     this.updateContextIdentifierProvider(this.props);

package/dist/es2019/ui/Appearance/Comment/Comment.js

@@ -23,6 +23,7 @@ import { injectIntl } from 'react-intl-next';
 import messages from '../../../messages';
 import { TableControlsPadding, MainToolbar, mainToolbarCustomComponentsSlotStyle } from './Toolbar';
 import { createEditorContentStyle } from '../../ContentStyles';
+import { ToolbarArrowKeyNavigationProvider } from '../../ToolbarArrowKeyNavigationProvider';
 const CommentEditorMargin = 14;
 const CommentEditorSmallerMargin = 8;
 const commentEditorStyle = css`
@@ -123,6 +124,15 @@ class Editor extends React.Component {
       } = this.props;
       const maxContentSizeReached = Boolean(maxContentSize === null || maxContentSize === void 0 ? void 0 : maxContentSize.maxContentSizeReached);
       const showSecondaryToolbar = !!onSave || !!onCancel || !!customSecondaryToolbarComponents;
+      const isShortcutToFocusToolbar = event => {
+        //Alt + F9 to reach first element in this main toolbar
+        return event.altKey && (event.key === 'F9' || event.keyCode === 120);
+      };
+      const handleEscape = event => {
+        if (!(editorView !== null && editorView !== void 0 && editorView.hasFocus())) {
+          editorView === null || editorView === void 0 ? void 0 : editorView.focus();
+        }
+      };
       return jsx(WithFlash, {
         animate: maxContentSizeReached
       }, jsx("div", {
@@ -133,6 +143,13 @@ class Editor extends React.Component {
         ref: this.wrapperElementRef
       }, jsx(MainToolbar, {
         useStickyToolbar: useStickyToolbar
+      }, jsx(ToolbarArrowKeyNavigationProvider, {
+        editorView: editorView,
+        childComponentSelector: "[data-testid='ak-editor-main-toolbar']",
+        isShortcutToFocusToolbar: isShortcutToFocusToolbar,
+        handleEscape: handleEscape,
+        editorAppearance: this.appearance,
+        useStickyToolbar: useStickyToolbar
       }, jsx(Toolbar, {
         editorView: editorView,
         editorActions: editorActions,
@@ -148,7 +165,7 @@ class Editor extends React.Component {
         containerElement: this.containerElement
       }), jsx("div", {
         css: mainToolbarCustomComponentsSlotStyle
-      }, customPrimaryToolbarComponents)), jsx(ClickAreaBlock, {
+      }, customPrimaryToolbarComponents))), jsx(ClickAreaBlock, {
         editorView: editorView,
         editorDisabled: disabled
       }, jsx(WidthConsumer, null, ({

package/dist/es2019/ui/ConfigPanel/ConfigPanel.js

@@ -319,6 +319,10 @@ class ConfigPanel extends React.Component {
       });
     }
   }
+
+  // https://product-fabric.atlassian.net/browse/DST-2697
+  // workaround for DST-2697, remove this function once fix.
+  // memoized to prevent rerender on new parameters
   render() {
     const {
       extensionManifest

package/dist/es2019/ui/ContextPanel/context.js

@@ -15,7 +15,6 @@ import React from 'react';
 // positionedOverEditor is used to determine whether the context panel is positioned over the Editor so we are
 // able to position and add margins to handle certain elements like inline comment dialogues overlapping the context
 // panel
-
 export const ContextPanel = /*#__PURE__*/React.createContext({
   width: 0,
   positionedOverEditor: false,

package/dist/es2019/ui/ToolbarArrowKeyNavigationProvider/index.js

@@ -1,5 +1,7 @@
+/** @jsx jsx */
 /* eslint-disable no-console */
-
+import { jsx } from '@emotion/react';
+import { centeredToolbarContainer } from '../styles';
 import React, { useCallback, useLayoutEffect, useRef } from 'react';
 /*
  **  The context is used to handle the keydown events of submenus.
@@ -24,7 +26,9 @@ export const ToolbarArrowKeyNavigationProvider = ({
   childComponentSelector,
   handleEscape,
   disableArrowKeyNavigation,
-  isShortcutToFocusToolbar
+  isShortcutToFocusToolbar,
+  editorAppearance,
+  useStickyToolbar
 }) => {
   const wrapperRef = useRef(null);
   const selectedItemIndex = useRef(0);
@@ -61,12 +65,14 @@ export const ToolbarArrowKeyNavigationProvider = ({
     const filteredFocusableElements = getFilteredFocusableElements(wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current);
     (_filteredFocusableEle3 = filteredFocusableElements[selectedItemIndex.current]) === null || _filteredFocusableEle3 === void 0 ? void 0 : _filteredFocusableEle3.focus();
   };
-  const focusAndScrollToElement = element => {
-    element === null || element === void 0 ? void 0 : element.scrollIntoView({
-      behavior: 'smooth',
-      block: 'center',
-      inline: 'nearest'
-    });
+  const focusAndScrollToElement = (element, scrollToElement = true) => {
+    if (scrollToElement) {
+      element === null || element === void 0 ? void 0 : element.scrollIntoView({
+        behavior: 'smooth',
+        block: 'center',
+        inline: 'nearest'
+      });
+    }
     element.focus();
   };
   const submenuKeydownHandleContext = {
@@ -117,15 +123,18 @@ export const ToolbarArrowKeyNavigationProvider = ({
       } else {
         selectedItemIndex.current = filteredFocusableElements.indexOf(targetElement) > -1 ? filteredFocusableElements.indexOf(targetElement) : selectedItemIndex.current;
       }
+
+      //do not scroll to focused element for sticky toolbar when navigating with arrows to avoid unnesessary scroll jump
+      const allowScrollToElement = !(editorAppearance === 'comment' && !!useStickyToolbar);
       switch (event.key) {
         case 'ArrowRight':
           incrementIndex(filteredFocusableElements);
-          focusAndScrollToElement(filteredFocusableElements[selectedItemIndex.current]);
+          focusAndScrollToElement(filteredFocusableElements[selectedItemIndex.current], allowScrollToElement);
           event.preventDefault();
           break;
         case 'ArrowLeft':
           decrementIndex(filteredFocusableElements);
-          focusAndScrollToElement(filteredFocusableElements[selectedItemIndex.current]);
+          focusAndScrollToElement(filteredFocusableElements[selectedItemIndex.current], allowScrollToElement);
           event.preventDefault();
           break;
         case 'Escape':
@@ -148,20 +157,22 @@ export const ToolbarArrowKeyNavigationProvider = ({
       }
     };
     element === null || element === void 0 ? void 0 : element.addEventListener('keydown', handleKeyDown);
+    const editorViewDom = editorView === null || editorView === void 0 ? void 0 : editorView.dom;
     if (isShortcutToFocusToolbar) {
-      document.addEventListener('keydown', globalKeyDownHandler);
+      editorViewDom === null || editorViewDom === void 0 ? void 0 : editorViewDom.addEventListener('keydown', globalKeyDownHandler);
     }
     return () => {
       element === null || element === void 0 ? void 0 : element.removeEventListener('keydown', handleKeyDown);
       if (isShortcutToFocusToolbar) {
-        document.removeEventListener('keydown', globalKeyDownHandler);
+        editorViewDom === null || editorViewDom === void 0 ? void 0 : editorViewDom.removeEventListener('keydown', globalKeyDownHandler);
       }
     };
-  }, [selectedItemIndex, wrapperRef, editorView, disableArrowKeyNavigation, handleEscape, childComponentSelector, incrementIndex, decrementIndex, isShortcutToFocusToolbar]);
-  return /*#__PURE__*/React.createElement("div", {
+  }, [selectedItemIndex, wrapperRef, editorView, disableArrowKeyNavigation, handleEscape, childComponentSelector, incrementIndex, decrementIndex, isShortcutToFocusToolbar, editorAppearance, useStickyToolbar]);
+  return jsx("div", {
+    css: editorAppearance === 'comment' && centeredToolbarContainer,
     className: "custom-key-handler-wrapper",
     ref: wrapperRef
-  }, /*#__PURE__*/React.createElement(KeyDownHandlerContext.Provider, {
+  }, jsx(KeyDownHandlerContext.Provider, {
     value: submenuKeydownHandleContext
   }, children));
 };

package/dist/es2019/ui/ToolbarFeedback/index.js

@@ -112,6 +112,9 @@ export default class ToolbarFeedback extends PureComponent {
     });
     deprecationWarnings(ToolbarFeedback.name, props, deprecations);
   }
+
+  // Create a FeedbackInfo instance from props.
+
   render() {
     const {
       popupsMountPoint,

package/dist/es2019/ui/styles.js

@@ -58,4 +58,9 @@ export const buttonContentReducedSpacingStyle = css`
 `;
 export const clickSelectWrapperStyle = css`
   user-select: all;
+`;
+export const centeredToolbarContainer = css`
+  display: flex;
+  width: 100%;
+  align-items: center;
 `;

package/dist/es2019/utils/announcer/announcer.js

@@ -9,10 +9,8 @@ import React, { forwardRef, memo, useState, useEffect } from 'react';
 
 // Note: Text won't be announced if the text message doesn't change after the render.
 // For using a forced announcement in this case, set the 'key' attribute - key={Date.now()}
-
 // Note: Flag 'contentRendered' resolves bug with duplicates messages (NVDA + Firefox)
 // https://github.com/nvaccess/nvda/labels/bug%2Fdouble-speaking
-
 let timer;
 const Announcer = /*#__PURE__*/forwardRef(({
   ariaAtomic = 'true',

package/dist/es2019/utils/index.js

@@ -349,6 +349,15 @@ export function compose(func, ...funcs) {
     return allFuncs.reduceRight((memo, func) => func(memo), raw);
   };
 }
+
+// one function
+
+// two function
+
+// three function
+
+// If needed add more than 3 function
+// Generic
 // rest
 export function pipe(...fns) {
   if (fns.length === 0) {

package/dist/es2019/utils/performance/simple-measure-to-entries.js

@@ -79,5 +79,5 @@ export class SimpleMeasurementLogger {
         this.currentBatch = [];
       }
     });
-  }
+  } // callback when performance reports are ready
 }

package/dist/es2019/utils/performance/track-transactions.js

@@ -68,7 +68,8 @@ export class TransactionTracker {
         }));
       }
     });
-  }
+  } // Counter so we can rate limit the transaction performance tracking
+  // A map containing the time which measurement starts
   addMeasureListener(listener) {
     this.measureListeners.push(listener);
   }

package/dist/es2019/version-wrapper.js

@@ -1,5 +1,5 @@
 export const name = "@atlaskit/editor-core";
-export const version = "182.0.1";
+export const version = "182.0.3";
 export const nextMajorVersion = () => {
   return [Number(version.split('.')[0]) + 1, 0, 0].join('.');
 };

package/dist/es2019/version.json

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