@atlaskit/editor-common 72.4.0 → 72.5.0

package/dist/esm/ui-menu/{MenuArrowKeyNavigationProvider → ArrowKeyNavigationProvider/MenuArrowKeyNavigationProvider}/index.js

@@ -1,5 +1,5 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import React, { useCallback, useLayoutEffect, useRef, useState } from 'react';
+import React, { useCallback, useEffect, useLayoutEffect, useRef, useState } from 'react';
 /**
  * This component is a wrapper of vertical menus which listens to keydown events of children
  * and handles up/down arrow key navigation
@@ -36,6 +36,21 @@ export var MenuArrowKeyNavigationProvider = function MenuArrowKeyNavigationProvi
     setCurrentSelectedItemIndex(nextIndex);
     return nextIndex;
   }, [currentSelectedItemIndex]);
+
+  // this useEffect uses onSelection in it's dependency list which gets
+  // changed as a result of the dropdown menu getting re-rendered in it's
+  // parent component. Note that if onSelection gets updated to useMemo
+  // this will no longer work.
+  useEffect(function () {
+    var currentIndex = currentSelectedItemIndex;
+    var list = getFocusableElements(wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current);
+    var currentElement = list[currentIndex];
+    if (currentElement && currentElement.getAttribute('aria-disabled') === 'true') {
+      var _list$focusIndex;
+      var focusIndex = incrementIndex(list);
+      (_list$focusIndex = list[focusIndex]) === null || _list$focusIndex === void 0 ? void 0 : _list$focusIndex.focus();
+    }
+  }, [currentSelectedItemIndex, onSelection, incrementIndex, decrementIndex]);
   useLayoutEffect(function () {
     if (disableArrowKeyNavigation) {
       return;

package/dist/esm/ui-menu/ArrowKeyNavigationProvider/index.js

@@ -0,0 +1,21 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["children", "type"];
+import React from 'react';
+import { ColorPaletteArrowKeyNavigationProvider } from './ColorPaletteArrowKeyNavigationProvider';
+import { MenuArrowKeyNavigationProvider } from './MenuArrowKeyNavigationProvider';
+import { ArrowKeyNavigationType } from './types';
+export var ArrowKeyNavigationProvider = function ArrowKeyNavigationProvider(props) {
+  var children = props.children,
+    type = props.type,
+    restProps = _objectWithoutProperties(props, _excluded);
+  if (type === ArrowKeyNavigationType.COLOR) {
+    return /*#__PURE__*/React.createElement(ColorPaletteArrowKeyNavigationProvider, _extends({
+      selectedRowIndex: props.selectedRowIndex,
+      selectedColumnIndex: props.selectedColumnIndex,
+      isOpenedByKeyboard: props.isOpenedByKeyboard,
+      isPopupPositioned: props.isPopupPositioned
+    }, restProps), children);
+  }
+  return /*#__PURE__*/React.createElement(MenuArrowKeyNavigationProvider, restProps, children);
+};

package/dist/esm/ui-menu/ArrowKeyNavigationProvider/types.js

@@ -0,0 +1,5 @@
+export var ArrowKeyNavigationType;
+(function (ArrowKeyNavigationType) {
+  ArrowKeyNavigationType["COLOR"] = "color";
+  ArrowKeyNavigationType["MENU"] = "menu";
+})(ArrowKeyNavigationType || (ArrowKeyNavigationType = {}));

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

@@ -1,3 +1,4 @@
+import _extends from "@babel/runtime/helpers/extends";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
@@ -11,7 +12,7 @@ import React, { PureComponent } from 'react';
 import { withReactEditorViewOuterListeners } from '../../ui-react';
 import DropdownList from '../../ui/DropList';
 import Popup from '../../ui/Popup';
-import { MenuArrowKeyNavigationProvider } from '../MenuArrowKeyNavigationProvider';
+import { ArrowKeyNavigationProvider } from '../ArrowKeyNavigationProvider';
 /**
  * Wrapper around @atlaskit/droplist which uses Popup and Portal to render
  * droplist outside of "overflow: hidden" containers when needed.
@@ -55,8 +56,7 @@ export var Dropdown = /*#__PURE__*/function (_PureComponent) {
         fitHeight = _this$props.fitHeight,
         fitWidth = _this$props.fitWidth,
         zIndex = _this$props.zIndex,
-        disableArrowKeyNavigation = _this$props.disableArrowKeyNavigation,
-        keyDownHandlerContext = _this$props.keyDownHandlerContext;
+        arrowKeyNavigationProviderOptions = _this$props.arrowKeyNavigationProviderOptions;
       return /*#__PURE__*/React.createElement(Popup, {
         target: target,
         mountTo: mountTo,
@@ -66,9 +66,7 @@ export var Dropdown = /*#__PURE__*/function (_PureComponent) {
         fitHeight: fitHeight,
         fitWidth: fitWidth,
         zIndex: zIndex
-      }, /*#__PURE__*/React.createElement(MenuArrowKeyNavigationProvider, {
-        disableArrowKeyNavigation: disableArrowKeyNavigation,
-        keyDownHandlerContext: keyDownHandlerContext,
+      }, /*#__PURE__*/React.createElement(ArrowKeyNavigationProvider, _extends({}, arrowKeyNavigationProviderOptions, {
         closeOnTab: true,
         handleClose: function handleClose(event) {
           return onOpenChange && onOpenChange({
@@ -76,7 +74,7 @@ export var Dropdown = /*#__PURE__*/function (_PureComponent) {
             event: event
           });
         }
-      }, /*#__PURE__*/React.createElement("div", {
+      }), /*#__PURE__*/React.createElement("div", {
         style: {
           height: 0,
           minWidth: fitWidth || 0

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

@@ -1,6 +1,6 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import _extends from "@babel/runtime/helpers/extends";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
@@ -11,6 +11,8 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 var _excluded = ["children"];
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 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; } }
 /** @jsx jsx */
@@ -25,7 +27,8 @@ import { DropdownMenuSharedCssClassName } from '../../styles';
 import { withReactEditorViewOuterListeners } from '../../ui-react';
 import DropList from '../../ui/DropList';
 import Popup from '../../ui/Popup';
-import { MenuArrowKeyNavigationProvider } from '../MenuArrowKeyNavigationProvider';
+import { ArrowKeyNavigationProvider } from '../ArrowKeyNavigationProvider';
+import { ArrowKeyNavigationType } from '../ArrowKeyNavigationProvider/types';
 var wrapper = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  /* tooltip in ToolbarButton is display:block */\n  & > div > div {\n    display: flex;\n  }\n"])));
 var focusedMenuItemStyle = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  box-shadow: inset 0px 0px 0px 2px ", ";\n  outline: none;\n"])), "var(--ds-border-focused, ".concat(B100, ")"));
 var buttonStyles = function buttonStyles(isActive, submenuActive) {
@@ -48,7 +51,7 @@ var buttonStyles = function buttonStyles(isActive, submenuActive) {
       })(theme), ";\n          }"), themed({
         light: "var(--ds-text-disabled, ".concat(N70, ")"),
         dark: "var(--ds-text-disabled, ".concat(DN80, ")")
-      })(theme), focusedMenuItemStyle); // The deafut focus-visible style is removed to ensure consistency across browsers
+      })(theme), focusedMenuItemStyle); // The default focus-visible style is removed to ensure consistency across browsers
     }
   };
 };
@@ -75,6 +78,7 @@ var DropdownMenuWrapper = /*#__PURE__*/function (_PureComponent) {
       popupPlacement: ['bottom', 'left'],
       selectionIndex: -1
     });
+    _defineProperty(_assertThisInitialized(_this), "popupRef", /*#__PURE__*/React.createRef());
     _defineProperty(_assertThisInitialized(_this), "handleRef", function (target) {
       _this.setState({
         target: target || undefined
@@ -120,23 +124,15 @@ var DropdownMenuWrapper = /*#__PURE__*/function (_PureComponent) {
         isOpen = _this$props.isOpen,
         zIndex = _this$props.zIndex,
         shouldUseDefaultRole = _this$props.shouldUseDefaultRole,
-        disableArrowKeyNavigation = _this$props.disableArrowKeyNavigation,
-        keyDownHandlerContext = _this$props.keyDownHandlerContext,
-        onItemActivated = _this$props.onItemActivated;
-      return jsx(Popup, {
-        target: isOpen ? target : undefined,
-        mountTo: mountTo,
-        boundariesElement: boundariesElement,
-        scrollableElement: scrollableElement,
-        onPlacementChanged: this.updatePopupPlacement,
-        fitHeight: fitHeight,
-        fitWidth: fitWidth,
-        zIndex: zIndex || akEditorFloatingPanelZIndex,
-        offset: offset
-      }, jsx(MenuArrowKeyNavigationProvider, {
-        disableArrowKeyNavigation: disableArrowKeyNavigation,
-        handleClose: this.handleCloseAndFocus,
-        keyDownHandlerContext: keyDownHandlerContext,
+        onItemActivated = _this$props.onItemActivated,
+        arrowKeyNavigationProviderOptions = _this$props.arrowKeyNavigationProviderOptions;
+
+      // Note that this onSelection function can't be refactored to useMemo for
+      // performance gains as it is being used as a dependency in a useEffect in
+      // MenuArrowKeyNavigationProvider in order to check for re-renders to adjust
+      // focus for accessibility. If this needs to be refactored in future refer
+      // back to ED-16740 for context.
+      var navigationProviderProps = arrowKeyNavigationProviderOptions.type === ArrowKeyNavigationType.COLOR ? arrowKeyNavigationProviderOptions : _objectSpread(_objectSpread({}, arrowKeyNavigationProviderOptions), {}, {
         onSelection: function onSelection(index) {
           var result = [];
           if (typeof onItemActivated === 'function') {
@@ -148,9 +144,22 @@ var DropdownMenuWrapper = /*#__PURE__*/function (_PureComponent) {
               shouldCloseMenu: false
             });
           }
-        },
+        }
+      });
+      return jsx(Popup, {
+        target: isOpen ? target : undefined,
+        mountTo: mountTo,
+        boundariesElement: boundariesElement,
+        scrollableElement: scrollableElement,
+        onPlacementChanged: this.updatePopupPlacement,
+        fitHeight: fitHeight,
+        fitWidth: fitWidth,
+        zIndex: zIndex || akEditorFloatingPanelZIndex,
+        offset: offset
+      }, jsx(ArrowKeyNavigationProvider, _extends({}, navigationProviderProps, {
+        handleClose: this.handleCloseAndFocus,
         closeOnTab: true
-      }, jsx(DropListWithOutsideListeners, {
+      }), jsx(DropListWithOutsideListeners, {
         isOpen: true,
         appearance: "tall",
         position: popupPlacement.join(' '),
@@ -165,7 +174,9 @@ var DropdownMenuWrapper = /*#__PURE__*/function (_PureComponent) {
           height: 0,
           minWidth: fitWidth || 0
         }
-      }), items.map(function (group, index) {
+      }), jsx("div", {
+        ref: this.popupRef
+      }, items.map(function (group, index) {
         return jsx(MenuGroup, {
           key: index,
           role: shouldUseDefaultRole ? 'group' : 'menu'
@@ -180,7 +191,7 @@ var DropdownMenuWrapper = /*#__PURE__*/function (_PureComponent) {
             onMouseLeave: _this2.props.onMouseLeave
           });
         }));
-      }))));
+      })))));
     }
   }, {
     key: "render",
@@ -194,6 +205,21 @@ var DropdownMenuWrapper = /*#__PURE__*/function (_PureComponent) {
         ref: this.handleRef
       }, children), isOpen ? this.renderDropdownMenu() : null);
     }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(previousProps) {
+      var isOpenToggled = this.props.isOpen !== previousProps.isOpen;
+      if (this.props.isOpen && isOpenToggled) {
+        if (typeof this.props.shouldFocusFirstItem === 'function' && this.props.shouldFocusFirstItem()) {
+          var _this$state$target2;
+          var keyboardEvent = new KeyboardEvent('keydown', {
+            key: 'ArrowDown',
+            bubbles: true
+          });
+          (_this$state$target2 = this.state.target) === null || _this$state$target2 === void 0 ? void 0 : _this$state$target2.dispatchEvent(keyboardEvent);
+        }
+      }
+    }
   }]);
   return DropdownMenuWrapper;
 }(PureComponent);

package/dist/esm/ui-menu/ToolbarButton/index.js

@@ -36,6 +36,7 @@ var ToolbarButton = /*#__PURE__*/React.forwardRef(function (props, ref) {
     ariaPressed = props['aria-pressed'],
     ariaKeyShortcuts = props['aria-keyshortcuts'],
     onClick = props.onClick,
+    onKeyDown = props.onKeyDown,
     onItemClick = props.onItemClick;
   var handleClick = useCallback(function (event, analyticsEvent) {
     if (disabled) {
@@ -78,7 +79,8 @@ var ToolbarButton = /*#__PURE__*/React.forwardRef(function (props, ref) {
     "aria-haspopup": ariaHasPopup,
     "aria-label": ariaLabel,
     "aria-pressed": ariaPressed,
-    "aria-keyshortcuts": ariaKeyShortcuts
+    "aria-keyshortcuts": ariaKeyShortcuts,
+    onKeyDown: onKeyDown
   }, children);
   if (!title) {
     return button;

package/dist/esm/ui-menu/index.js

@@ -1,3 +1,6 @@
 export { default as DropdownMenu } from '../ui-menu/DropdownMenu';
 export { default as ToolbarButton, TOOLBAR_BUTTON } from '../ui-menu/ToolbarButton';
+export { ArrowKeyNavigationProvider } from '../ui-menu/ArrowKeyNavigationProvider';
+export { ArrowKeyNavigationType } from '../ui-menu/ArrowKeyNavigationProvider/types';
+export { ColorPaletteArrowKeyNavigationProvider } from './ArrowKeyNavigationProvider/ColorPaletteArrowKeyNavigationProvider';
 export { default as Dropdown } from './Dropdown';

package/dist/esm/utils/analytics.js

@@ -13,6 +13,9 @@ export var getAnalyticsAppearance = function getAnalyticsAppearance(appearance)
       return EDITOR_APPEARANCE_CONTEXT.MOBILE;
   }
 };
+export var getAnalyticsEditorAppearance = function getAnalyticsEditorAppearance(editorAppearance) {
+  return editorAppearance ? "editor_".concat(getAnalyticsAppearance(editorAppearance)) : '_unknown';
+};
 export var getAnalyticsEventSeverity = function getAnalyticsEventSeverity(duration, normalThreshold, degradedThreshold) {
   if (duration > normalThreshold && duration <= degradedThreshold) {
     return SEVERITY.DEGRADED;

package/dist/esm/utils/index.js

@@ -11,7 +11,7 @@ export { pluginFactory } from './plugin-state-factory';
 export { getFragmentBackingArray, mapFragment, mapSlice, flatmap, mapChildren } from './slice';
 export { walkUpTreeUntil, unwrap, removeNestedEmptyEls, containsClassName, closest, closestElement, parsePx, mapElem, maphElem } from './dom';
 export { default as ADFTraversor } from './traversor';
-export { analyticsEventKey, getAnalyticsAppearance, getAnalyticsEventSeverity, SEVERITY, getUnsupportedContentLevelData, UNSUPPORTED_CONTENT_LEVEL_SEVERITY, UNSUPPORTED_CONTENT_LEVEL_SEVERITY_THRESHOLD_DEFAULTS } from './analytics';
+export { analyticsEventKey, getAnalyticsAppearance, getAnalyticsEditorAppearance, getAnalyticsEventSeverity, SEVERITY, getUnsupportedContentLevelData, UNSUPPORTED_CONTENT_LEVEL_SEVERITY, UNSUPPORTED_CONTENT_LEVEL_SEVERITY_THRESHOLD_DEFAULTS } from './analytics';
 export { findAndTrackUnsupportedContentNodes } from './track-unsupported-content';
 export { getDistortedDurationMonitor, measureRender } from './performance/measure-render';
 export { startMeasure, stopMeasure, clearMeasure } from './performance/measure';

package/dist/esm/utils/referentiality.js

@@ -39,7 +39,7 @@ export var isReferencedSource = function isReferencedSource(state, node) {
   });
   return found;
 };
-var getConnections = function getConnections(state) {
+export var getConnections = function getConnections(state) {
   var result = {};
   var doc = state.doc,
     schema = state.schema;
@@ -52,7 +52,7 @@ var getConnections = function getConnections(state) {
   // Perform a prelim scan creating the initial id to connection link mappings.
   // This will also save a list of data sources consumed per node.
   doc.descendants(function (node, pos) {
-    var _node$attrs2, _fragmentMark$attrs$l, _fragmentMark, _fragmentMark$attrs, _node$attrs3, _fragmentMark2, _fragmentMark2$attrs, _node$attrs4, _fragmentMark$attrs$n, _fragmentMark3, _fragmentMark3$attrs;
+    var _node$attrs2, _fragmentMark$attrs$l, _fragmentMark, _fragmentMark$attrs, _node$attrs3, _fragmentMark2, _fragmentMark2$attrs, _node$attrs4, _fragmentMark3, _fragmentMark3$attrs;
     var dataConsumer;
     var fragmentMark;
     node.marks.some(function (mark) {
@@ -86,7 +86,7 @@ var getConnections = function getConnections(state) {
     }
     result[normalizedId] = {
       localId: normalizedId,
-      name: (_fragmentMark$attrs$n = (_fragmentMark3 = fragmentMark) === null || _fragmentMark3 === void 0 ? void 0 : (_fragmentMark3$attrs = _fragmentMark3.attrs) === null || _fragmentMark3$attrs === void 0 ? void 0 : _fragmentMark3$attrs.name) !== null && _fragmentMark$attrs$n !== void 0 ? _fragmentMark$attrs$n : normalizedId,
+      name: (_fragmentMark3 = fragmentMark) === null || _fragmentMark3 === void 0 ? void 0 : (_fragmentMark3$attrs = _fragmentMark3.attrs) === null || _fragmentMark3$attrs === void 0 ? void 0 : _fragmentMark3$attrs.name,
       node: node,
       pos: pos,
       targets: []
@@ -176,6 +176,7 @@ var getIdsToBeDeleted = function getIdsToBeDeleted(selectedIds, allNodes) {
 
 // for get children info for confirmation dialog
 export var getChildrenInfo = function getChildrenInfo(state, node) {
+  var allChildrenHadName = true;
   if (!node) {
     return [];
   }
@@ -188,14 +189,28 @@ export var getChildrenInfo = function getChildrenInfo(state, node) {
       allNodes[id].targets.forEach(childrenIdSet.add, childrenIdSet);
     }
   });
-  childrenIdSet.forEach(function (id) {
-    childrenInfoArray.push({
-      id: id,
-      name: getNodeNameById(id, allNodes),
-      amount: getChildrenNodeAmount(id, allNodes)
-    });
-  });
-  return childrenInfoArray;
+  var _iterator2 = _createForOfIteratorHelper(childrenIdSet),
+    _step2;
+  try {
+    for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+      var id = _step2.value;
+      if (!getNodeNameById(id, allNodes)) {
+        allChildrenHadName = false;
+        break;
+      } else {
+        childrenInfoArray.push({
+          id: id,
+          name: getNodeNameById(id, allNodes),
+          amount: getChildrenNodeAmount(id, allNodes)
+        });
+      }
+    }
+  } catch (err) {
+    _iterator2.e(err);
+  } finally {
+    _iterator2.f();
+  }
+  return allChildrenHadName ? childrenInfoArray : [];
 };
 var getChildrenNodeAmount = function getChildrenNodeAmount(id, allNodes) {
   var searchTerms = new Set([id]);
@@ -225,19 +240,17 @@ var getNodeTargetsById = function getNodeTargetsById(id, allNodes) {
   }
   return allNodes[id].targets;
 };
-var DEFAULT_EXTENSION_NAME = 'Default extension';
 var getNodeNameById = function getNodeNameById(id, allNodes) {
   if (_typeof(id) === 'object') {
-    var _name2;
     var name;
     id.forEach(function (localId) {
       var _name, _allNodes$localId;
       name = (_name = name) !== null && _name !== void 0 ? _name : (_allNodes$localId = allNodes[localId]) === null || _allNodes$localId === void 0 ? void 0 : _allNodes$localId.name;
     });
-    return (_name2 = name) !== null && _name2 !== void 0 ? _name2 : DEFAULT_EXTENSION_NAME;
+    return name || null;
   }
   if (!id || !allNodes[id]) {
-    return DEFAULT_EXTENSION_NAME;
+    return null;
   }
   return allNodes[id].name;
 };

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "72.4.0",
+	"version": "72.5.0",
 	"sideEffects": false
 }

package/dist/types/analytics/analytics-queue.d.ts

@@ -0,0 +1,10 @@
+export declare class AnalyticsQueue {
+    private readonly tasks;
+    private running;
+    static get: import("memoize-one").MemoizedFn<() => AnalyticsQueue>;
+    private constructor();
+    private request;
+    private pending;
+    private process;
+    schedule(task: Function): void;
+}

package/dist/types/analytics/fire-analytics-event.d.ts

@@ -0,0 +1,2 @@
+import { FireAnalyticsEvent } from './types';
+export declare const fireAnalyticsEvent: FireAnalyticsEvent;

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

@@ -1,3 +1,5 @@
 export { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, BROWSER_FREEZE_INTERACTION_TYPE, CONTENT_COMPONENT, DELETE_DIRECTION, EVENT_TYPE, FLOATING_CONTROLS_TITLE, FULL_WIDTH_MODE, GAP_CURSOR_POSITION, INDENT_DIRECTION, INDENT_TYPE, INPUT_METHOD, LAYOUT_TYPE, LINK_REPRESENTATION, LINK_RESOURCE, LINK_STATUS, LIST_TEXT_SCENARIOS, JOIN_SCENARIOS_WHEN_TYPING_TO_INSERT_LIST, OUTDENT_SCENARIOS, MODE, PLATFORMS, PUNC, PasteContents, PasteSources, PasteTypes, RESOLVE_METHOD, SELECTION_TYPE, SELECTION_POSITION, SMART_LINK_TYPE, SYMBOL, SmartLinkNodeContexts, TABLE_ACTION, TABLE_BREAKOUT, TARGET_SELECTION_SOURCE, TOOLBAR_ACTION_SUBJECT_ID, TRIGGER_METHOD, USER_CONTEXT, } from './types';
-export type { AnalyticsDispatch, AnalyticsEventPayload, AnalyticsEventPayloadCallback, AnalyticsEventPayloadWithChannel, AnnotationAEP, AnnotationAEPAttributes, AnnotationActionType, AnnotationDraftAEPAttributes, AnnotationResolvedAEPAttributes, CaptionTrackAction, ColorPickerAEP, CommonListAnalyticsAttributes, RestartListsAttributesForListOutdented, CreateLinkInlineDialogActionType, CreateLinkInlineDialogEventPayload, DismissedCreateLinkInlineDialogAEP, DispatchAnalyticsEvent, EditLinkToolbarAEP, EnteredTextLinkSearchInputAEP, ErrorEventAttributes, ErrorEventPayload, ExperimentalEventPayload, ExtensionEventPayload, ExtensionType, FeatureExposureAEP, FormatEventPayload, GeneralEventPayload, HighlightedSearchResultsAEP, InputMethodInsertLink, InputMethodInsertMedia, InsertEventPayload, InsertSmartLinkAEP, ListEventPayload, MediaAltTextActionType, MediaEventPayload, MediaLinkAEP, NodeCount, NodeEventPayload, OperationalAEP, PASTE_ACTION_SUBJECT_ID, PasteContent, PasteEventPayload, PasteSource, PasteType, PluginMethodReport, PluginPerformanceReportData, PluginsReport, QuickSearchPerfAEP, RecentActivitiesPerfAEP, SelectAllAEP, SelectCellAEP, SelectNodeAEP, SelectRangeAEP, SelectedSearchResultsAEP, SelectionEventPayload, SelectionJson, ShownPostQuerySearchResultsAEP, ShownPreQuerySearchResultsAEP, SimplifiedNode, SmartLinkNodeContext, SubstituteEventPayload, TableEventPayload, TextColorSelectedAEP, TextColorSelectedAttr, TextColorShowPaletteToggleAEP, TextColorShowPaletteToggleAttr, ToolbarEventPayload, TransactionEventPayload, TypeAheadPayload, UfoSessionCompletePayloadAEP, UnlinkToolbarAEP, ViewedCreateLinkInlineDialogAEP, FireAnalyticsCallback, InitialiseFragmentMarksAEP, ConnectedNodesAEP, DisconnectedSourceAEP, DisconnectedTargetAEP, GotConnectionsAEP, UpdatedFragmentMarkNameAEP, UpdatedSourceAEP, UpdatedTargetAEP, } from './types';
+export type { AnalyticsDispatch, AnalyticsEventPayload, AnalyticsEventPayloadCallback, AnalyticsEventPayloadWithChannel, AnnotationAEP, AnnotationAEPAttributes, AnnotationActionType, AnnotationDraftAEPAttributes, AnnotationResolvedAEPAttributes, CaptionTrackAction, ColorPickerAEP, CommonListAnalyticsAttributes, RestartListsAttributesForListOutdented, CreateLinkInlineDialogActionType, CreateLinkInlineDialogEventPayload, DismissedCreateLinkInlineDialogAEP, DispatchAnalyticsEvent, EditLinkToolbarAEP, EnteredTextLinkSearchInputAEP, ErrorEventAttributes, ErrorEventPayload, ExperimentalEventPayload, ExtensionEventPayload, ExtensionType, FeatureExposureAEP, FormatEventPayload, GeneralEventPayload, HighlightedSearchResultsAEP, InputMethodInsertLink, InputMethodInsertMedia, InsertEventPayload, InsertSmartLinkAEP, ListEventPayload, MediaAltTextActionType, MediaEventPayload, MediaLinkAEP, NodeCount, NodeEventPayload, OperationalAEP, PASTE_ACTION_SUBJECT_ID, PasteContent, PasteEventPayload, PasteSource, PasteType, PluginMethodReport, PluginPerformanceReportData, PluginsReport, QuickSearchPerfAEP, RecentActivitiesPerfAEP, SelectAllAEP, SelectCellAEP, SelectNodeAEP, SelectRangeAEP, SelectedSearchResultsAEP, SelectionEventPayload, SelectionJson, ShownPostQuerySearchResultsAEP, ShownPreQuerySearchResultsAEP, SimplifiedNode, SmartLinkNodeContext, SubstituteEventPayload, TableEventPayload, TextColorSelectedAEP, TextColorSelectedAttr, TextColorShowPaletteToggleAEP, TextColorShowPaletteToggleAttr, ToolbarEventPayload, TransactionEventPayload, TypeAheadPayload, UfoSessionCompletePayloadAEP, UnlinkToolbarAEP, ViewedCreateLinkInlineDialogAEP, FireAnalyticsCallback, FireAnalyticsEvent, FireAnalyticsEventPayload, InitialiseFragmentMarksAEP, ConnectedNodesAEP, DisconnectedSourceAEP, DisconnectedTargetAEP, GotConnectionsAEP, UpdatedFragmentMarkNameAEP, UpdatedSourceAEP, UpdatedTargetAEP, } from './types';
 export type { EditorAnalyticsAPI } from './api';
+export { fireAnalyticsEvent } from './fire-analytics-event';
+export { getAnalyticsEventsFromTransaction } from './utils';

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

@@ -59,6 +59,10 @@ export declare enum ACTION {
     INITIALISED_FRAGMENT_MARK = "initialisedFragmentMark",
     INPUT_PERF_SAMPLING = "inputPerfSampling",
     INPUT_PERF_SAMPLING_AVG = "inputPerfSamplingAvg",
+    INPUT_PERF_SAMPLING_SINGLE_KEYPRESS = "inputPerfSamplingSingleKeypress",
+    INPUT_PERF_SAMPLING_SINGLE_KEYPRESS_AVG = "inputPerfSamplingSingleKeypressAvg",
+    INPUT_PERF_SAMPLING_RENDERED = "inputPerfSamplingRendered",
+    INPUT_PERF_SAMPLING_RENDERED_AVG = "inputPerfSamplingRenderedAvg",
     INSERTED = "inserted",
     INVALID_DOCUMENT_ENCOUNTERED = "invalidDocumentEncountered",
     INVOKED = "invoked",

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

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import type { EditorState, PluginKey } from 'prosemirror-state';
+import { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
 import type { NewCollabSyncUpErrorAttributes } from '../../types';
 import type { UnsupportedContentPayload, UnsupportedContentTooltipPayload, UserBrowserExtensionResults } from '../../utils';
 import type { AvatarEventPayload } from './avatar';
@@ -121,7 +122,7 @@ declare type SmartLinkErrorAEP = OperationalAEP<ACTION.ERRORED, ACTION_SUBJECT.S
 export declare type ErrorEventPayload = InvalidTransactionErrorAEP | InvalidTransactionStepErrorAEP | FailedToUnmountErrorAEP | SynchronyErrorAEP | InvalidDocumentEncounteredAEP | SynchronyEntityErrorAEP | ContentComponentErrorAEP | ComponentCrashErrorAEP | ComponentCrashAdditionalInfoErrorAEP | SmartLinkErrorAEP;
 export declare type AnalyticsEventPayloadCallback = (state: EditorState) => AnalyticsEventPayload | undefined;
 export declare type FireAnalyticsCallback = <T>(payload: FireAnalyticsEventPayload<T>) => void | undefined;
-export declare type FireAnalyticsEvent = () => FireAnalyticsCallback;
+export declare type FireAnalyticsEvent = (createAnalyticsEvent?: CreateUIAnalyticsEvent) => FireAnalyticsCallback;
 export declare type FireAnalyticsEventPayload<T = void> = {
     payload: AnalyticsEventPayload<T>;
     channel?: string;

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

@@ -76,14 +76,14 @@ declare type SlowInputAEP = OperationalAEPWithObjectId<ACTION.SLOW_INPUT, ACTION
     participants: number;
     nodeCount?: Record<string, number>;
 }, undefined>;
-declare type InputPerfSamlingAEP = OperationalAEPWithObjectId<ACTION.INPUT_PERF_SAMPLING, ACTION_SUBJECT.EDITOR, undefined, {
+declare type InputPerfSamlingAEP = OperationalAEPWithObjectId<ACTION.INPUT_PERF_SAMPLING | ACTION.INPUT_PERF_SAMPLING_SINGLE_KEYPRESS | ACTION.INPUT_PERF_SAMPLING_RENDERED, ACTION_SUBJECT.EDITOR, undefined, {
     time: number;
     nodeSize: number;
     participants: number;
     nodeCount?: Record<string, number>;
     severity?: SEVERITY;
 }, undefined>;
-declare type InputPerfSamplingAvgAEP = OperationalAEPWithObjectId<ACTION.INPUT_PERF_SAMPLING_AVG, ACTION_SUBJECT.EDITOR, undefined, {
+declare type InputPerfSamplingAvgAEP = OperationalAEPWithObjectId<ACTION.INPUT_PERF_SAMPLING_AVG | ACTION.INPUT_PERF_SAMPLING_SINGLE_KEYPRESS_AVG | ACTION.INPUT_PERF_SAMPLING_RENDERED_AVG, ACTION_SUBJECT.EDITOR, undefined, {
     mean: number;
     median: number;
     sampleSize: number;

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

@@ -1,5 +1,5 @@
 export { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD, TRIGGER_METHOD, CONTENT_COMPONENT, FLOATING_CONTROLS_TITLE, } from './enums';
-export type { AnalyticsDispatch, AnalyticsEventPayload, AnalyticsEventPayloadCallback, AnalyticsEventPayloadWithChannel, ErrorEventAttributes, ErrorEventPayload, FeatureExposureAEP, FireAnalyticsCallback, SimplifiedNode, TransactionEventPayload, } from './events';
+export type { AnalyticsDispatch, AnalyticsEventPayload, AnalyticsEventPayloadCallback, AnalyticsEventPayloadWithChannel, ErrorEventAttributes, ErrorEventPayload, FeatureExposureAEP, FireAnalyticsCallback, FireAnalyticsEvent, FireAnalyticsEventPayload, SimplifiedNode, TransactionEventPayload, } from './events';
 export type { FormatEventPayload } from './format-events';
 export type { SubstituteEventPayload } from './substitute-events';
 export type { UfoSessionCompletePayloadAEP, ColorPickerAEP, GeneralEventPayload, } from './general-events';

package/dist/types/analytics/utils.d.ts

@@ -0,0 +1,3 @@
+import { ReadonlyTransaction, Transaction } from 'prosemirror-state';
+import { AnalyticsEventPayloadWithChannel } from './types';
+export declare function getAnalyticsEventsFromTransaction(tr: Transaction | ReadonlyTransaction): AnalyticsEventPayloadWithChannel[];

package/dist/types/extensions/types/extension-manifest.d.ts

@@ -21,7 +21,7 @@ export declare type ExtensionModuleActionObject<T extends Parameters = Parameter
     type: 'node';
     parameters?: T;
 };
-export declare type MaybeADFEntity = MaybeESModule<ADFEntity | void>;
+export declare type MaybeADFEntity = MaybeESModule<ADFEntity | Array<ADFEntity> | void>;
 export declare type ExtensionModuleActionHandler = () => Promise<MaybeADFEntity>;
 export declare type ExtensionModuleAction<T extends Parameters = Parameters> = ExtensionModuleActionObject<T> | ExtensionModuleActionHandler;
 export declare type ExtensionModule<T extends Parameters = Parameters> = {

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

@@ -0,0 +1,2 @@
+export { default as usePreviousState } from './usePreviousState';
+export { default as useConstructor } from './useConstructor';

package/dist/types/hooks/useConstructor.d.ts

@@ -0,0 +1,9 @@
+/**
+ *
+ * Hook to run code once in a functional component.
+ * Emulates the behaviour of a `constructor` in a class component
+ * Place this at the top of your functional component so that it is run first.
+ *
+ * @param callback Callback function to run once
+ */
+export default function useConstructor(callback: () => void): void;

package/dist/types/hooks/usePreviousState.d.ts

@@ -0,0 +1,11 @@
+/**
+ *
+ * Can be used to get the previous state of a prop.
+ * This can be helpful when converting class components to functional
+ * where we don't have the `prevProps`.
+ *
+ * @param value New state of the
+ * @param initialValue Optional parameter for the inital state of the component
+ * @returns
+ */
+export default function usePreviousState<T>(value: T, initialValue?: T): T | undefined;

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

@@ -1,5 +1,5 @@
 export { textColorStyles } from './shared/text-color';
-export { tableSharedStyle, tableMarginTop, tableMarginBottom, tableMarginSides, tableCellMinWidth, tableNewColumnMinWidth, tableCellBorderWidth, calcTableWidth, TableSharedCssClassName, tableResizeHandleWidth, tableCellPadding, } from './shared/table';
+export { tableSharedStyle, tableMarginTop, tableMarginBottom, tableMarginSides, tableCellMinWidth, tableNewColumnMinWidth, tableCellBorderWidth, calcTableWidth, TableSharedCssClassName, tableResizeHandleWidth, tableCellPadding, tableMarginTopWithControl, } from './shared/table';
 export { AnnotationSharedClassNames, AnnotationSharedCSSByState, annotationSharedStyles, } from './shared/annotation';
 export { columnLayoutSharedStyle } from './shared/column-layout';
 export { mediaSingleSharedStyle, richMediaClassName, } from './shared/media-single';

package/dist/types/styles/shared/table.d.ts

@@ -2,6 +2,7 @@ import { TableLayout } from '@atlaskit/adf-schema';
 import { ThemeProps } from '@atlaskit/theme/types';
 export declare const tableMarginTop = 24;
 export declare const tableMarginBottom = 16;
+export declare const tableMarginTopWithControl = 14;
 export declare const tableMarginSides = 8;
 export declare const tableCellMinWidth = 48;
 export declare const tableNewColumnMinWidth = 140;

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

@@ -4,6 +4,7 @@ import { JSONDocNode } from '@atlaskit/editor-json-transformer';
 import { ResolvedEditorState } from '../collab';
 import { EventDispatcher } from '../event-dispatcher';
 export declare type ContextUpdateHandler = (editorView: EditorView, eventDispatcher: EventDispatcher) => void;
+export declare type ReplaceRawValue = Node | object | string;
 export interface EditorActionsOptions<T = any> {
     focus(): boolean;
     blur(): boolean;
@@ -13,7 +14,7 @@ export interface EditorActionsOptions<T = any> {
     getNodeByFragmentLocalId(id: string): Node | undefined;
     getSelectedNode(): Node | undefined;
     replaceDocument(rawValue: any): boolean;
-    replaceSelection(rawValue: Node | Object | string): boolean;
+    replaceSelection(rawValue: ReplaceRawValue | Array<ReplaceRawValue>): boolean;
     appendText(text: string): boolean;
     isDocumentEmpty(): boolean;
     getResolvedEditorState(): Promise<ResolvedEditorState | undefined>;

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

@@ -375,6 +375,17 @@ export declare type FeatureFlags = {
      * @default false
      */
     preventPopupOverflow?: boolean;
+    /**
+     * @description
+     * Use the new editor next component which uses a preset to configure the editor plugins used.
+     *
+     * @see https://product-fabric.atlassian.net/wiki/spaces/EA/pages/3356459260/MAKE+Project+Poster+Editor+Presets+for+Easy+Adoption
+     * @see https://product-fabric.atlassian.net/browse/ED-16576
+     * @see https://product-fabric.atlassian.net/browse/ED-16577
+     * DUE DATE: April 2023
+     * @default false
+     */
+    useEditorNext?: boolean;
 };
 export declare type FeatureFlagKey = keyof FeatureFlags;
 export declare type GetEditorFeatureFlags = () => FeatureFlags;

package/dist/types/types/floating-toolbar.d.ts

@@ -58,7 +58,7 @@ interface Position {
 }
 export declare type ConfirmDialogChildInfo = {
     id: string;
-    name: string;
+    name: string | null;
     amount: number;
 };
 export interface ConfirmDialogOptions {

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

@@ -10,7 +10,7 @@ export declare enum SortOrder {
 }
 export { AnnotationUpdateEmitter, AnnotationUpdateEvent } from './annotation';
 export type { AnnotationState, AnnotationProviders, AnnotationUpdateEventPayloads, InlineCommentSelectionComponentProps, InlineCommentViewComponentProps, InlineCommentAnnotationProvider, OnAnnotationClickPayload, AnnotationByMatches, AnnotationActionResult, } from './annotation';
-export type { ContextUpdateHandler, EditorActionsOptions, } from './editor-actions';
+export type { ContextUpdateHandler, EditorActionsOptions, ReplaceRawValue, } from './editor-actions';
 export type { TypeAheadStats, TypeAheadItemRenderProps, TypeAheadInsert, TypeAheadSelectItem, TypeAheadItem, TypeAheadForceSelect, TypeAheadHandler, } from './type-ahead';
 export type { NewCollabSyncUpErrorAttributes, SyncUpErrorFunction, } from './collab';
 export type { CommandDispatch, Command, HigherOrderCommand } from './command';
@@ -29,7 +29,7 @@ export type { EditorReactContext } from './editor-react-context';
 export type { PMPluginFactoryParams, PMPluginFactory, PMPlugin, } from './plugin-factory';
 export type { NodeConfig, MarkConfig, NodeViewConfig, } from './prosemirror-config';
 export type { PluginsOptions, EditorPlugin, getPosHandler, getPosHandlerNode, } from './editor-plugin';
-export type { AllBuilderPlugins, VerifyPluginDependencies, AllNextEditorPlugins, NextEditorPlugin, NextEditorPluginWithDependencies, SafePresetCheck, } from './next-editor-plugin';
+export type { AllBuilderPlugins, VerifyPluginDependencies, NextEditorPlugin, SafePresetCheck, } from './next-editor-plugin';
 export declare type IconProps = {
     label?: string;
 };