@atlaskit/editor-common 84.5.0 → 85.0.0

package/dist/cjs/react-node-view/index.js

@@ -30,11 +30,8 @@ var _analytics2 = require("../utils/analytics");
 var _generateUniqueNodeKey = require("./generateUniqueNodeKey");
 var _getInlineNodeViewProducer = require("./getInlineNodeViewProducer");
 var ReactNodeView = exports.default = /*#__PURE__*/function () {
-  function ReactNodeView(_node, view, getPos, portalProviderAPI, eventDispatcher, reactComponentProps, reactComponent) {
+  function ReactNodeView(_node, view, getPos, portalProviderAPI, eventDispatcher, reactComponentProps, reactComponent, viewShouldUpdate) {
     var _this = this;
-    var hasAnalyticsContext = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : false;
-    var viewShouldUpdate = arguments.length > 8 ? arguments[8] : undefined;
-    var hasIntlContext = arguments.length > 9 && arguments[9] !== undefined ? arguments[9] : false;
     (0, _classCallCheck2.default)(this, ReactNodeView);
     (0, _defineProperty2.default)(this, "decorations", []);
     (0, _defineProperty2.default)(this, "handleRef", function (node) {
@@ -54,10 +51,8 @@ var ReactNodeView = exports.default = /*#__PURE__*/function () {
     this.portalProviderAPI = portalProviderAPI;
     this.reactComponentProps = reactComponentProps || {};
     this.reactComponent = reactComponent;
-    this.hasAnalyticsContext = hasAnalyticsContext;
     this._viewShouldUpdate = viewShouldUpdate;
     this.eventDispatcher = eventDispatcher;
-    this.hasIntlContext = hasIntlContext;
     this.key = (0, _generateUniqueNodeKey.generateUniqueNodeKey)();
   }
 
@@ -126,7 +121,7 @@ var ReactNodeView = exports.default = /*#__PURE__*/function () {
           dispatchAnalyticsEvent: _this3.dispatchAnalyticsEvent
         }, component());
       };
-      this.portalProviderAPI.render(componentWithErrorBoundary, this.domRef, this.key, this.hasAnalyticsContext, this.hasIntlContext);
+      this.portalProviderAPI.render(componentWithErrorBoundary, this.domRef, this.key);
     }
   }, {
     key: "createDomRef",
@@ -223,16 +218,15 @@ var ReactNodeView = exports.default = /*#__PURE__*/function () {
       if (!this.domRef) {
         return;
       }
-      this.portalProviderAPI.remove(this.key, this.domRef);
+      this.portalProviderAPI.remove(this.key);
       this.domRef = undefined;
       this.contentDOM = undefined;
     }
   }], [{
     key: "fromComponent",
     value: function fromComponent(component, portalProviderAPI, eventDispatcher, props, viewShouldUpdate) {
-      var hasIntlContext = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : false;
       return function (node, view, getPos) {
-        return new ReactNodeView(node, view, getPos, portalProviderAPI, eventDispatcher, props, component, false, viewShouldUpdate, hasIntlContext).init();
+        return new ReactNodeView(node, view, getPos, portalProviderAPI, eventDispatcher, props, component, viewShouldUpdate).init();
       };
     }
   }]);

package/dist/cjs/selection-based-node-view/SelectionBasedNodeView.js

@@ -41,13 +41,10 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
 var SelectionBasedNodeView = exports.SelectionBasedNodeView = /*#__PURE__*/function (_ReactNodeView) {
   (0, _inherits2.default)(SelectionBasedNodeView, _ReactNodeView);
   var _super = _createSuper(SelectionBasedNodeView);
-  function SelectionBasedNodeView(node, view, getPos, portalProviderAPI, eventDispatcher, reactComponentProps, reactComponent) {
+  function SelectionBasedNodeView(node, view, getPos, portalProviderAPI, eventDispatcher, reactComponentProps, reactComponent, viewShouldUpdate) {
     var _this;
-    var hasContext = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : false;
-    var viewShouldUpdate = arguments.length > 8 ? arguments[8] : undefined;
-    var hasIntlContext = arguments.length > 9 && arguments[9] !== undefined ? arguments[9] : false;
     (0, _classCallCheck2.default)(this, SelectionBasedNodeView);
-    _this = _super.call(this, node, view, getPos, portalProviderAPI, eventDispatcher, reactComponentProps, reactComponent, hasContext, viewShouldUpdate, hasIntlContext);
+    _this = _super.call(this, node, view, getPos, portalProviderAPI, eventDispatcher, reactComponentProps, reactComponent, viewShouldUpdate);
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "isSelectedNode", false);
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "isNodeInsideSelection", function (from, to, pos, posEnd) {
       var _this$getPositionsWit = _this.getPositionsWithDefault(pos, posEnd);

package/dist/cjs/ui/DropList/index.js

@@ -20,7 +20,7 @@ var _Layer = _interopRequireDefault(require("../Layer"));
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /** @jsx jsx */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "84.5.0";
+var packageVersion = "85.0.0";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {

package/dist/es2019/analytics/types/enums.js

@@ -235,6 +235,7 @@ export let ACTION_SUBJECT = /*#__PURE__*/function (ACTION_SUBJECT) {
   ACTION_SUBJECT["DRAG"] = "drag";
   ACTION_SUBJECT["ELEMENT"] = "element";
   ACTION_SUBJECT["CONTEXT_MENU"] = "contextMenu";
+  ACTION_SUBJECT["INLINE_DIALOG"] = "inlineDialog";
   return ACTION_SUBJECT;
 }({});
 export let ACTION_SUBJECT_ID = /*#__PURE__*/function (ACTION_SUBJECT_ID) {
@@ -349,6 +350,7 @@ export let ACTION_SUBJECT_ID = /*#__PURE__*/function (ACTION_SUBJECT_ID) {
   ACTION_SUBJECT_ID["SAVE"] = "save";
   ACTION_SUBJECT_ID["SECTION"] = "section";
   ACTION_SUBJECT_ID["SMART_LINK"] = "smartLink";
+  ACTION_SUBJECT_ID["SMART_LINK_TOOLBAR"] = "smartLinkToolbar";
   ACTION_SUBJECT_ID["STATUS"] = "status";
   ACTION_SUBJECT_ID["SYMBOL"] = "symbol";
   ACTION_SUBJECT_ID["TABLE"] = "table";

package/dist/es2019/element-browser/components/ElementList/ElementList.js

@@ -7,12 +7,10 @@ import { css, jsx } from '@emotion/react';
 import { Grid } from 'react-virtualized';
 import { AutoSizer } from 'react-virtualized/dist/commonjs/AutoSizer';
 import { CellMeasurer, CellMeasurerCache } from 'react-virtualized/dist/commonjs/CellMeasurer';
-import { Collection } from 'react-virtualized/dist/commonjs/Collection';
 import { withAnalyticsContext } from '@atlaskit/analytics-next';
 import { relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
 import { shortcutStyle } from '@atlaskit/editor-shared-styles/shortcut';
 import { ButtonItem } from '@atlaskit/menu';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { B100, N200 } from '@atlaskit/theme/colors';
 import { borderRadius } from '@atlaskit/theme/constants';
 import Tooltip from '@atlaskit/tooltip';
@@ -22,7 +20,6 @@ import { ELEMENT_ITEM_HEIGHT, ELEMENT_ITEM_PADDING, ELEMENT_LIST_PADDING, SCROLL
 import useContainerWidth from '../../hooks/use-container-width';
 import useFocus from '../../hooks/use-focus';
 import { Modes } from '../../types';
-import cellSizeAndPositionGetter from './cellSizeAndPositionGetter';
 import EmptyState from './EmptyState';
 import { getColumnCount, getScrollbarWidth } from './utils';
 export const ICON_HEIGHT = 40;
@@ -107,52 +104,6 @@ function ElementList({
     index
   }) + ELEMENT_ITEM_PADDING * 2;
   const cellRenderer = useMemo(() => ({
-    index,
-    key,
-    style
-  }) => {
-    if (items[index] == null) {
-      return;
-    }
-    return jsx("div", {
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-      style: style,
-      key: key
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-      ,
-      className: "element-item-wrapper",
-      css: elementItemWrapper,
-      onKeyDown: e => {
-        if (e.key === 'Tab') {
-          if (e.shiftKey && index === 0) {
-            if (setFocusedCategoryIndex) {
-              if (!!selectedCategoryIndex) {
-                setFocusedCategoryIndex(selectedCategoryIndex);
-              } else {
-                setFocusedCategoryIndex(0);
-              }
-              e.preventDefault();
-            }
-          }
-          // before focus jumps from elements list we need to rerender react-virtualized collection.
-          // Otherwise on the next render 'scrollToCell' will have same cached value
-          // and collection will not be scrolled to top.
-          // So Tab press on category will not work anymore due to invisible 1-t element.
-          else if (index === items.length - 2) {
-            setFocusedItemIndex(items.length - 1);
-          }
-        }
-      }
-    }, jsx(MemoizedElementItem, _extends({
-      inlineMode: !fullMode,
-      index: index,
-      item: items[index],
-      selected: selectedItemIndex === index,
-      focus: focusedItemIndex === index,
-      setFocusedItemIndex: setFocusedItemIndex
-    }, props)));
-  }, [items, fullMode, selectedItemIndex, focusedItemIndex, selectedCategoryIndex, setFocusedCategoryIndex, setFocusedItemIndex, props]);
-  const gridCellRenderer = useMemo(() => ({
     columnIndex,
     key,
     parent,
@@ -189,9 +140,9 @@ function ElementList({
               e.preventDefault();
             }
           }
-          // before focus jumps from elements list we need to rerender react-virtualized collection.
+          // before focus jumps from elements list we need to rerender react-virtualized grid.
           // Otherwise on the next render 'scrollToCell' will have same cached value
-          // and collection will not be scrolled to top.
+          // and grid will not be scrolled to top.
           // So Tab press on category will not work anymore due to invisible 1-t element.
           else if (index === items.length - 2) {
             setFocusedItemIndex(items.length - 1);
@@ -226,8 +177,8 @@ function ElementList({
     disableWidth: true
   }, ({
     height
-  }) => fg('platform.editor.a11y-element-browser') ? jsx(Grid, _extends({
-    cellRenderer: gridCellRenderer,
+  }) => jsx(Grid, _extends({
+    cellRenderer: cellRenderer,
     height: height,
     width: containerWidth - ELEMENT_LIST_PADDING * 2 // containerWidth - padding on Left/Right (for focus outline)
     /**
@@ -244,21 +195,7 @@ function ElementList({
     deferredMeasurementCache: cache
   }, selectedItemIndex !== undefined && {
     scrollToRow: Math.floor(selectedItemIndex / columnCount)
-  })) : jsx(Collection, {
-    cellCount: items.length,
-    cellRenderer: cellRenderer,
-    cellSizeAndPositionGetter: cellSizeAndPositionGetter(containerWidth - ELEMENT_LIST_PADDING * 2, scrollbarWidth),
-    height: height,
-    width: containerWidth - ELEMENT_LIST_PADDING * 2 // containerWidth - padding on Left/Right (for focus outline)
-    /**
-     * Refresh Collection on WidthObserver value change.
-     * Length of the items used to force re-render to solve Firefox bug with react-virtualized retaining
-     * scroll position after updating the data. If new data has different number of cells, a re-render
-     * is forced to prevent the scroll position render bug.
-     */,
-    key: containerWidth + items.length,
-    scrollToCell: selectedItemIndex
-  })))));
+  }))))));
 }
 const MemoizedElementItem = /*#__PURE__*/memo(ElementItem);
 MemoizedElementItem.displayName = 'MemoizedElementItem';
@@ -373,7 +310,7 @@ const elementItemsWrapper = css({
   overflow: 'hidden',
   padding: "var(--ds-space-025, 2px)",
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  '.ReactVirtualized__Collection, .ReactVirtualized__Grid': {
+  '.ReactVirtualized__Grid': {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
     borderRadius: '3px',
     outline: 'none',
@@ -383,7 +320,7 @@ const elementItemsWrapper = css({
     }
   },
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  '.ReactVirtualized__Collection__innerScrollContainer, .ReactVirtualized__Grid__innerScrollContainer': {
+  '.ReactVirtualized__Grid__innerScrollContainer': {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
     "div[class='element-item-wrapper']:last-child": {
       paddingBottom: "var(--ds-space-050, 4px)"

package/dist/es2019/extensibility/extensionNodeView.js

@@ -53,13 +53,12 @@ export class ExtensionNode extends ReactNodeView {
 }
 export default function ExtensionNodeView(portalProviderAPI, eventDispatcher, providerFactory, extensionHandlers, extensionNodeViewOptions, pluginInjectionApi, macroInteractionDesignFeatureFlags) {
   return (node, view, getPos) => {
-    const hasIntlContext = true;
     return new ExtensionNode(node, view, getPos, portalProviderAPI, eventDispatcher, {
       providerFactory,
       extensionHandlers,
       extensionNodeViewOptions,
       pluginInjectionApi,
       macroInteractionDesignFeatureFlags
-    }, undefined, undefined, undefined, hasIntlContext).init();
+    }).init();
   };
 }

package/dist/es2019/keymaps/keymap.js

@@ -1,6 +1,5 @@
 import { base, keyName } from 'w3c-keyname';
 import { keydownHandler } from '@atlaskit/editor-prosemirror/keymap';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { SafePlugin } from '../safe-plugin';
 
 /**
@@ -14,52 +13,35 @@ export function keymap(bindings) {
   return new SafePlugin({
     props: {
       handleKeyDown(view, event) {
-        if (getBooleanFF('platform.editor.text-alignment-keyboard-shortcuts')) {
-          const name = keyName(event);
-          let keyboardEvent = event;
+        const name = keyName(event);
+        let keyboardEvent = event;
 
-          // We will try to bypass the keycode only if any of mod keys are pressed,
-          // to allow users to use non-latin and Dead characters.
-          const isModKeyPressed = event.ctrlKey || event.metaKey;
+        // We will try to bypass the keycode only if any of mod keys are pressed,
+        // to allow users to use non-latin and Dead characters.
+        const isModKeyPressed = event.ctrlKey || event.metaKey;
 
-          // Check the unicode of the character to assert that it's not an ASCII character.
-          // These are characters outside latin's range.
-          const isNonLatinKey = name.length === 1 && /[^\u0000-\u007f]/.test(name);
+        // Check the unicode of the character to assert that it's not an ASCII character.
+        // These are characters outside latin's range.
+        const isNonLatinKey = name.length === 1 && /[^\u0000-\u007f]/.test(name);
 
-          // The `Dead` key is a key that combines with a following key to produce a combined character.
-          // It will have `even.key === 'Dead'` in some browsers but the `keyCode` will be the same as in a qwerty-keyboard.
-          // See https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/key and https://en.wikipedia.org/wiki/Dead_key
-          const isDeadKey = name === 'Dead';
-          if (isModKeyPressed && (isNonLatinKey || isDeadKey)) {
-            keyboardEvent = new KeyboardEvent(event.type, {
-              // FIXME: The event.keyCode is deprecated (see https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/keyCode),
-              //        and could be removed in any time, but the w3c-keyname library doesn't provide a way to get
-              //        a key by event.code.
-              key: base[event.keyCode],
-              code: event.code,
-              ctrlKey: event.ctrlKey,
-              altKey: event.altKey,
-              metaKey: event.metaKey,
-              shiftKey: event.shiftKey
-            });
-          }
-          return keydownHandler(bindings)(view, keyboardEvent);
-        } else {
-          const name = keyName(event);
-          let keyboardEvent = event;
-          if (event.ctrlKey && name.length === 1 &&
-          // Check the unicode of the character to
-          // assert that its not an ASCII character.
-          // These are characters outside Latin's range.
-          /[^\u0000-\u007f]/.test(name)) {
-            keyboardEvent = new KeyboardEvent('keydown', {
-              key: base[event.keyCode],
-              code: event.code,
-              ctrlKey: true
-            });
-          }
-          return keydownHandler(bindings)(view, keyboardEvent);
+        // The `Dead` key is a key that combines with a following key to produce a combined character.
+        // It will have `even.key === 'Dead'` in some browsers but the `keyCode` will be the same as in a qwerty-keyboard.
+        // See https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/key and https://en.wikipedia.org/wiki/Dead_key
+        const isDeadKey = name === 'Dead';
+        if (isModKeyPressed && (isNonLatinKey || isDeadKey)) {
+          keyboardEvent = new KeyboardEvent(event.type, {
+            // FIXME: The event.keyCode is deprecated (see https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/keyCode),
+            //        and could be removed in any time, but the w3c-keyname library doesn't provide a way to get
+            //        a key by event.code.
+            key: base[event.keyCode],
+            code: event.code,
+            ctrlKey: event.ctrlKey,
+            altKey: event.altKey,
+            metaKey: event.metaKey,
+            shiftKey: event.shiftKey
+          });
         }
+        return keydownHandler(bindings)(view, keyboardEvent);
       }
     }
   });

package/dist/es2019/link/ConfigureLinkOverlay/Dropdown.js

@@ -5,28 +5,46 @@ import { useCallback } from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { useIntl } from 'react-intl-next';
+import { withAnalyticsContext } from '@atlaskit/analytics-next';
 import DropdownMenu, { DropdownItem, DropdownItemGroup } from '@atlaskit/dropdown-menu';
 import ChevronDownIcon from '@atlaskit/icon/glyph/chevron-down';
 import PreferencesIcon from '@atlaskit/icon/glyph/preferences';
 import ShortcutIcon from '@atlaskit/icon/glyph/shortcut';
 import { cardMessages as messages } from '../../messages';
 import { StyledButton } from './StyledButton';
+import { useLinkOverlayAnalyticsEvents } from './useLinkOverlayAnalyticsEvents';
+const SMALL_LINK_TOOLBAR_ANALYTICS_SOURCE = 'smallLinkToolbar';
 const Dropdown = ({
-  testId,
-  onDropdownChange
+  onDropdownChange,
+  testId
 }) => {
   const {
     formatMessage
   } = useIntl();
   const configureLinkLabel = formatMessage(messages.inlineConfigureLink);
   const goToLinkLabel = formatMessage(messages.inlineGoToLink);
+  const {
+    fireActionClickEvent,
+    fireLinkClickEvent,
+    fireToolbarViewEvent
+  } = useLinkOverlayAnalyticsEvents();
   const onOpenChange = useCallback(({
     isOpen
   }) => {
     onDropdownChange === null || onDropdownChange === void 0 ? void 0 : onDropdownChange(isOpen);
-  }, [onDropdownChange]);
+    if (isOpen) {
+      fireToolbarViewEvent();
+    }
+  }, [fireToolbarViewEvent, onDropdownChange]);
+  const onGoToLinkClick = useCallback(() => {
+    fireActionClickEvent('goToLink');
+  }, [fireActionClickEvent]);
+  const onConfigureClick = useCallback(() => {
+    fireActionClickEvent('configureLink');
+  }, [fireActionClickEvent]);
   return jsx(DropdownMenu, {
     trigger: ({
+      onClick,
       triggerRef,
       ...props
     }) => jsx(StyledButton, _extends({
@@ -35,7 +53,11 @@ const Dropdown = ({
       iconBefore: jsx(ChevronDownIcon, {
         label: configureLinkLabel,
         size: 'small'
-      })
+      }),
+      onClick: e => {
+        onClick === null || onClick === void 0 ? void 0 : onClick(e);
+        fireLinkClickEvent();
+      }
     })),
     testId: `${testId}-dropdown`,
     onOpenChange: onOpenChange
@@ -43,12 +65,16 @@ const Dropdown = ({
     elemBefore: jsx(ShortcutIcon, {
       label: goToLinkLabel,
       size: 'medium'
-    })
+    }),
+    onClick: onGoToLinkClick
   }, goToLinkLabel), jsx(DropdownItem, {
     elemBefore: jsx(PreferencesIcon, {
       label: configureLinkLabel,
       size: 'medium'
-    })
+    }),
+    onClick: onConfigureClick
   }, configureLinkLabel)));
 };
-export default Dropdown;
+export default withAnalyticsContext({
+  source: SMALL_LINK_TOOLBAR_ANALYTICS_SOURCE
+})(Dropdown);

package/dist/es2019/link/ConfigureLinkOverlay/index.js

@@ -4,6 +4,7 @@ import { useCallback, useLayoutEffect, useState } from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { useIntl } from 'react-intl-next';
+import { withAnalyticsContext } from '@atlaskit/analytics-next';
 import { NodeSelection, TextSelection } from '@atlaskit/editor-prosemirror/state';
 import PreferencesIcon from '@atlaskit/icon/glyph/preferences';
 import { N0 } from '@atlaskit/theme/colors';
@@ -12,6 +13,7 @@ import Tooltip from '@atlaskit/tooltip';
 import { cardMessages } from '../../messages';
 import Dropdown from './Dropdown';
 import { StyledButton } from './StyledButton';
+import { useLinkOverlayAnalyticsEvents } from './useLinkOverlayAnalyticsEvents';
 const buttonWrapperStyles = css({
   position: 'absolute',
   zIndex: layers.card(),
@@ -22,7 +24,7 @@ const buttonWrapperStyles = css({
   borderRadius: "var(--ds-border-radius, 3px)"
 });
 const showDropdownThresholdPx = 50;
-export const OverlayButton = ({
+export const OverlayButton = withAnalyticsContext()(({
   editorView,
   testId = 'link-configure-overlay-button',
   targetElementPos = 0,
@@ -34,6 +36,10 @@ export const OverlayButton = ({
   } = useIntl();
   const configureLinkLabel = formatMessage(cardMessages.inlineConfigureLink);
   const [showDropdown, setShowDropdown] = useState(false);
+  const {
+    fireLinkClickEvent,
+    fireActionClickEvent
+  } = useLinkOverlayAnalyticsEvents();
   useLayoutEffect(() => {
     var _domNode;
     let domNode = editorView.nodeDOM(targetElementPos);
@@ -52,7 +58,7 @@ export const OverlayButton = ({
   const docNode = editorView.state.doc.nodeAt(targetElementPos);
   const nodeEnd = targetElementPos + ((_docNode$nodeSize = docNode === null || docNode === void 0 ? void 0 : docNode.nodeSize) !== null && _docNode$nodeSize !== void 0 ? _docNode$nodeSize : 0);
   const isText = docNode === null || docNode === void 0 ? void 0 : docNode.isText;
-  const handleClick = useCallback(() => {
+  const handleConfigureClick = useCallback(() => {
     const tr = editorView.state.tr;
     if (isText) {
       tr.setSelection(TextSelection.create(tr.doc, targetElementPos, Math.min(nodeEnd, tr.doc.nodeSize)));
@@ -60,7 +66,12 @@ export const OverlayButton = ({
       tr.setSelection(NodeSelection.create(tr.doc, targetElementPos));
     }
     editorView.dispatch(tr);
-  }, [isText, editorView, nodeEnd, targetElementPos]);
+  }, [editorView, isText, targetElementPos, nodeEnd]);
+  const handleConfigureClickWithAnalytics = useCallback(() => {
+    fireLinkClickEvent();
+    fireActionClickEvent('configureLink');
+    handleConfigureClick();
+  }, [fireActionClickEvent, fireLinkClickEvent, handleConfigureClick]);
   const {
     from,
     to
@@ -80,11 +91,11 @@ export const OverlayButton = ({
     hideTooltipOnClick: true,
     testId: `${testId}-tooltip`
   }, jsx(StyledButton, {
-    onClick: handleClick,
+    onClick: handleConfigureClickWithAnalytics,
     iconBefore: jsx(PreferencesIcon, {
       label: configureLinkLabel,
       size: "small",
       testId: `${testId}-configure-icon`
     })
   })));
-};
+});

package/dist/es2019/link/ConfigureLinkOverlay/useLinkOverlayAnalyticsEvents.js

@@ -0,0 +1,39 @@
+import { useMemo } from 'react';
+import { FabricChannel } from '@atlaskit/analytics-listeners';
+import { useAnalyticsEvents } from '@atlaskit/analytics-next';
+import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '../../analytics';
+export const useLinkOverlayAnalyticsEvents = () => {
+  const {
+    createAnalyticsEvent
+  } = useAnalyticsEvents();
+  return useMemo(() => ({
+    fireActionClickEvent: linkAction => {
+      createAnalyticsEvent({
+        action: ACTION.CLICKED,
+        actionSubject: ACTION_SUBJECT.BUTTON,
+        eventType: EVENT_TYPE.UI,
+        attributes: {
+          action: linkAction
+        }
+      }).fire(FabricChannel.media);
+    },
+    fireLinkClickEvent: () => {
+      createAnalyticsEvent({
+        action: ACTION.CLICKED,
+        actionSubject: ACTION_SUBJECT.LINK,
+        eventType: EVENT_TYPE.UI
+      }).fire(FabricChannel.media);
+    },
+    fireToolbarViewEvent: () => {
+      createAnalyticsEvent({
+        action: ACTION.VIEWED,
+        actionSubject: ACTION_SUBJECT.INLINE_DIALOG,
+        actionSubjectId: ACTION_SUBJECT_ID.SMART_LINK_TOOLBAR,
+        eventType: EVENT_TYPE.SCREEN,
+        attributes: {
+          linkType: 'smallLink'
+        }
+      }).fire(FabricChannel.media);
+    }
+  }), [createAnalyticsEvent]);
+};

package/dist/es2019/messages/table.js

@@ -125,6 +125,21 @@ export const messages = defineMessages({
     defaultMessage: '{count, plural, one {The row has been} other {{count} rows have been}} removed',
     description: 'Assistive message following the removal of row(s)'
   },
+  rowSelected: {
+    id: 'fabric.editor.rowSelected',
+    defaultMessage: 'Row {index} of {total} selected',
+    description: 'Assistive message following the selection of a row'
+  },
+  rowMovedUp: {
+    id: 'fabric.editor.rowMovedUp',
+    defaultMessage: 'Row moved up to {index} of {total}',
+    description: 'Assistive message following the upward movement of a row'
+  },
+  rowMovedDown: {
+    id: 'fabric.editor.rowMovedDown',
+    defaultMessage: 'Row moved down to {index} of {total}',
+    description: 'Assistive message following the downward movement of a row'
+  },
   columnsAreInserted: {
     id: 'fabric.editor.columnsAreInserted',
     defaultMessage: '{count, plural, one {A column has been} other {{count} columns have been}} inserted',
@@ -135,6 +150,21 @@ export const messages = defineMessages({
     defaultMessage: '{count, plural, one {The column has been} other {{count} columns have been}} removed',
     description: 'Assistive message following the removal of column(s)'
   },
+  columnSelected: {
+    id: 'fabric.editor.columnSelected',
+    defaultMessage: 'Column {index} of {total} selected',
+    description: 'Assistive message following the selection of a column'
+  },
+  columnMovedLeft: {
+    id: 'fabric.editor.columnMovedLeft',
+    defaultMessage: 'Column moved left to {index} of {total}',
+    description: 'Assistive message following the left movement of a column'
+  },
+  columnMovedRight: {
+    id: 'fabric.editor.columnMovedRight',
+    defaultMessage: 'Column moved right to {index} of {total}',
+    description: 'Assistive message following the right movement of a column'
+  },
   cellOptions: {
     id: 'fabric.editor.cellOptions',
     defaultMessage: 'Cell options',

package/dist/es2019/monitoring/error.js

@@ -1,7 +1,7 @@
 import { isFedRamp } from './environment';
 const SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 const packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-const packageVersion = "84.5.0";
+const packageVersion = "85.0.0";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

package/dist/es2019/react-node-view/getInlineNodeViewProducer.js

@@ -58,9 +58,7 @@ function createNodeView({
       nodeViewParams,
       Component,
       extraComponentProps
-    }), domRef, key, false,
-    // node views should be rendered with intl context
-    true);
+    }), domRef, key);
   }
   const {
     samplingRate,
@@ -117,7 +115,7 @@ function createNodeView({
       // When prosemirror destroys the node view, we need to clean up
       // what we have previously rendered using the editor portal
       // provider api.
-      pmPluginFactoryParams.portalProviderAPI.remove(key, domRef);
+      pmPluginFactoryParams.portalProviderAPI.remove(key);
       // @ts-expect-error Expect an error as domRef is expected to be
       // of HTMLSpanElement type however once the node view has
       // been destroyed no other consumers should still be using it.

package/dist/es2019/react-node-view/index.js

@@ -9,7 +9,7 @@ import { analyticsEventKey } from '../utils/analytics';
 import { generateUniqueNodeKey } from './generateUniqueNodeKey';
 export { getInlineNodeViewProducer, inlineNodeViewClassname } from './getInlineNodeViewProducer';
 export default class ReactNodeView {
-  constructor(_node, view, getPos, portalProviderAPI, eventDispatcher, reactComponentProps, reactComponent, hasAnalyticsContext = false, viewShouldUpdate, hasIntlContext = false) {
+  constructor(_node, view, getPos, portalProviderAPI, eventDispatcher, reactComponentProps, reactComponent, viewShouldUpdate) {
     _defineProperty(this, "decorations", []);
     _defineProperty(this, "handleRef", node => this._handleRef(node));
     _defineProperty(this, "dispatchAnalyticsEvent", payload => {
@@ -26,10 +26,8 @@ export default class ReactNodeView {
     this.portalProviderAPI = portalProviderAPI;
     this.reactComponentProps = reactComponentProps || {};
     this.reactComponent = reactComponent;
-    this.hasAnalyticsContext = hasAnalyticsContext;
     this._viewShouldUpdate = viewShouldUpdate;
     this.eventDispatcher = eventDispatcher;
-    this.hasIntlContext = hasIntlContext;
     this.key = generateUniqueNodeKey();
   }
 
@@ -92,7 +90,7 @@ export default class ReactNodeView {
         dispatchAnalyticsEvent: this.dispatchAnalyticsEvent
       }, component());
     };
-    this.portalProviderAPI.render(componentWithErrorBoundary, this.domRef, this.key, this.hasAnalyticsContext, this.hasIntlContext);
+    this.portalProviderAPI.render(componentWithErrorBoundary, this.domRef, this.key);
   }
   createDomRef() {
     if (!this.node.isInline) {
@@ -165,11 +163,11 @@ export default class ReactNodeView {
     if (!this.domRef) {
       return;
     }
-    this.portalProviderAPI.remove(this.key, this.domRef);
+    this.portalProviderAPI.remove(this.key);
     this.domRef = undefined;
     this.contentDOM = undefined;
   }
-  static fromComponent(component, portalProviderAPI, eventDispatcher, props, viewShouldUpdate, hasIntlContext = false) {
-    return (node, view, getPos) => new ReactNodeView(node, view, getPos, portalProviderAPI, eventDispatcher, props, component, false, viewShouldUpdate, hasIntlContext).init();
+  static fromComponent(component, portalProviderAPI, eventDispatcher, props, viewShouldUpdate) {
+    return (node, view, getPos) => new ReactNodeView(node, view, getPos, portalProviderAPI, eventDispatcher, props, component, viewShouldUpdate).init();
   }
 }