@atlaskit/editor-common 106.5.3 → 106.6.0

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @atlaskit/editor-common
 
+## 106.6.0
+
+### Minor Changes
+
+- [#168590](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/168590)
+  [`e9250f202882e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/e9250f202882e) -
+  Added experiment to defer shadow calculations until node is visible
+- [#164841](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/164841)
+  [`9c4d557d5f6b5`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/9c4d557d5f6b5) -
+  Update floating toolbar plugin to dispatch analytics events on dropdown click.
+
+### Patch Changes
+
+- [#169885](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/169885)
+  [`d18a245989480`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d18a245989480) -
+  Fix spelling of breakout
+- Updated dependencies
+
 ## 106.5.3
 
 ### Patch Changes

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

@@ -377,6 +377,7 @@ var ACTION_SUBJECT_ID = exports.ACTION_SUBJECT_ID = /*#__PURE__*/function (ACTIO
   ACTION_SUBJECT_ID["EXTENSION_BLOCK"] = "extension";
   ACTION_SUBJECT_ID["EXTENSION_BODIED"] = "bodiedExtension";
   ACTION_SUBJECT_ID["EXTENSION_INLINE"] = "inlineExtension";
+  ACTION_SUBJECT_ID["FLOATING_TOOLBAR_OVERFLOW"] = "floatingToolbarOverflow";
   ACTION_SUBJECT_ID["FORMAT_BACKGROUND_COLOR"] = "backgroundColor";
   ACTION_SUBJECT_ID["FORMAT_BLOCK_QUOTE"] = "blockQuote";
   ACTION_SUBJECT_ID["FORMAT_CLEAR"] = "clearFormatting";

package/dist/cjs/analytics/types/floating-toolbar-overflow-events.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/dist/cjs/monitoring/error.js

@@ -16,7 +16,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "106.5.3";
+var packageVersion = "106.6.0";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/cjs/resizer/ResizerBreakoutModeLabel.js

@@ -27,11 +27,11 @@ var fullWidthLabelStyles = (0, _primitives.xcss)({
   paddingBottom: 'space.050'
 });
 var ResizerBreakoutModeLabel = exports.ResizerBreakoutModeLabel = function ResizerBreakoutModeLabel(_ref) {
-  var breaktoutLayout = _ref.layout;
+  var breakoutLayout = _ref.layout;
   var _useIntl = (0, _reactIntlNext.useIntl)(),
     formatMessage = _useIntl.formatMessage;
   var message = _react.default.useMemo(function () {
-    switch (breaktoutLayout) {
+    switch (breakoutLayout) {
       case 'full-width':
         return formatMessage(_messages.breakoutMessages.fullWidthLabel);
       case 'wide':
@@ -39,8 +39,9 @@ var ResizerBreakoutModeLabel = exports.ResizerBreakoutModeLabel = function Resiz
       default:
         return null;
     }
-  }, [breaktoutLayout, formatMessage]);
+  }, [breakoutLayout, formatMessage]);
   return message && /*#__PURE__*/_react.default.createElement(_primitives.Box, {
+    testId: "resizer-breakout-mode-label",
     xcss: fullWidthLabelWrapperStyles
   }, /*#__PURE__*/_react.default.createElement(_primitives.Inline, {
     xcss: fullWidthLabelStyles

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

@@ -23,7 +23,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
  * @jsx jsx
  */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "106.5.3";
+var packageVersion = "106.6.0";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 // Ignored via go/ees005

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

@@ -14,6 +14,8 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
+var _nodeVisibilityManager = require("../../node-visibility/node-visibility-manager");
 var _shadowObserver = require("./shadowObserver");
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
@@ -103,10 +105,28 @@ function overflowShadow(Component, options) {
           _this.initShadowObserver();
           return;
         }
-        _this.updateShadows();
-        // Ignored via go/ees005
-        // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
-        _this.overflowContainer.addEventListener('scroll', _this.handleScroll);
+        if ((0, _expValEquals.expValEquals)('platform_editor_defer_shadow_calculations', 'isEnabled', true)) {
+          // Initialize visibility manager
+          _this.visibilityManager = (0, _nodeVisibilityManager.nodeVisibilityManager)(_this.overflowContainer);
+          _this.visibilityManager.initialiseNodeObserver();
+
+          // Observe the container for first visibility
+          _this.visibilityManager.observe({
+            element: _this.overflowContainer,
+            onFirstVisible: function onFirstVisible() {
+              var _this$overflowContain;
+              _this.updateShadows();
+              // Ignored via go/ees005
+              // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
+              (_this$overflowContain = _this.overflowContainer) === null || _this$overflowContain === void 0 || _this$overflowContain.addEventListener('scroll', _this.handleScroll);
+            }
+          });
+        } else {
+          _this.updateShadows();
+          // Ignored via go/ees005
+          // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
+          _this.overflowContainer.addEventListener('scroll', _this.handleScroll);
+        }
       });
       return _this;
     }
@@ -114,6 +134,8 @@ function overflowShadow(Component, options) {
     return (0, _createClass2.default)(OverflowShadow, [{
       key: "componentWillUnmount",
       value: function componentWillUnmount() {
+        var _this$visibilityManag;
+        (_this$visibilityManag = this.visibilityManager) === null || _this$visibilityManag === void 0 || _this$visibilityManag.disconnect();
         if (options.useShadowObserver) {
           return this.shadowObserver && this.shadowObserver.dispose();
         }

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

@@ -371,6 +371,7 @@ export let ACTION_SUBJECT_ID = /*#__PURE__*/function (ACTION_SUBJECT_ID) {
   ACTION_SUBJECT_ID["EXTENSION_BLOCK"] = "extension";
   ACTION_SUBJECT_ID["EXTENSION_BODIED"] = "bodiedExtension";
   ACTION_SUBJECT_ID["EXTENSION_INLINE"] = "inlineExtension";
+  ACTION_SUBJECT_ID["FLOATING_TOOLBAR_OVERFLOW"] = "floatingToolbarOverflow";
   ACTION_SUBJECT_ID["FORMAT_BACKGROUND_COLOR"] = "backgroundColor";
   ACTION_SUBJECT_ID["FORMAT_BLOCK_QUOTE"] = "blockQuote";
   ACTION_SUBJECT_ID["FORMAT_CLEAR"] = "clearFormatting";

package/dist/es2019/analytics/types/floating-toolbar-overflow-events.js

@@ -0,0 +1 @@
+export {};

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 = "106.5.3";
+const packageVersion = "106.6.0";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/es2019/resizer/ResizerBreakoutModeLabel.js

@@ -20,13 +20,13 @@ const fullWidthLabelStyles = xcss({
   paddingBottom: 'space.050'
 });
 export const ResizerBreakoutModeLabel = ({
-  layout: breaktoutLayout
+  layout: breakoutLayout
 }) => {
   const {
     formatMessage
   } = useIntl();
   const message = React.useMemo(() => {
-    switch (breaktoutLayout) {
+    switch (breakoutLayout) {
       case 'full-width':
         return formatMessage(messages.fullWidthLabel);
       case 'wide':
@@ -34,8 +34,9 @@ export const ResizerBreakoutModeLabel = ({
       default:
         return null;
     }
-  }, [breaktoutLayout, formatMessage]);
+  }, [breakoutLayout, formatMessage]);
   return message && /*#__PURE__*/React.createElement(Box, {
+    testId: "resizer-breakout-mode-label",
     xcss: fullWidthLabelWrapperStyles
   }, /*#__PURE__*/React.createElement(Inline, {
     xcss: fullWidthLabelStyles

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

@@ -13,7 +13,7 @@ import withAnalyticsContext from '@atlaskit/analytics-next/withAnalyticsContext'
 import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import Layer from '../Layer';
 const packageName = "@atlaskit/editor-common";
-const packageVersion = "106.5.3";
+const packageVersion = "106.6.0";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 // Ignored via go/ees005

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

@@ -1,6 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React from 'react';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+import { nodeVisibilityManager } from '../../node-visibility/node-visibility-manager';
 import { ShadowObserver, shadowObserverClassNames } from './shadowObserver';
 export const shadowClassNames = {
   RIGHT_SHADOW: 'right-shadow',
@@ -83,13 +85,33 @@ export default function overflowShadow(Component, options) {
           this.initShadowObserver();
           return;
         }
-        this.updateShadows();
-        // Ignored via go/ees005
-        // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
-        this.overflowContainer.addEventListener('scroll', this.handleScroll);
+        if (expValEquals('platform_editor_defer_shadow_calculations', 'isEnabled', true)) {
+          // Initialize visibility manager
+          this.visibilityManager = nodeVisibilityManager(this.overflowContainer);
+          this.visibilityManager.initialiseNodeObserver();
+
+          // Observe the container for first visibility
+          this.visibilityManager.observe({
+            element: this.overflowContainer,
+            onFirstVisible: () => {
+              var _this$overflowContain;
+              this.updateShadows();
+              // Ignored via go/ees005
+              // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
+              (_this$overflowContain = this.overflowContainer) === null || _this$overflowContain === void 0 ? void 0 : _this$overflowContain.addEventListener('scroll', this.handleScroll);
+            }
+          });
+        } else {
+          this.updateShadows();
+          // Ignored via go/ees005
+          // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
+          this.overflowContainer.addEventListener('scroll', this.handleScroll);
+        }
       });
     }
     componentWillUnmount() {
+      var _this$visibilityManag;
+      (_this$visibilityManag = this.visibilityManager) === null || _this$visibilityManag === void 0 ? void 0 : _this$visibilityManag.disconnect();
       if (options.useShadowObserver) {
         return this.shadowObserver && this.shadowObserver.dispose();
       }

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

@@ -371,6 +371,7 @@ export var ACTION_SUBJECT_ID = /*#__PURE__*/function (ACTION_SUBJECT_ID) {
   ACTION_SUBJECT_ID["EXTENSION_BLOCK"] = "extension";
   ACTION_SUBJECT_ID["EXTENSION_BODIED"] = "bodiedExtension";
   ACTION_SUBJECT_ID["EXTENSION_INLINE"] = "inlineExtension";
+  ACTION_SUBJECT_ID["FLOATING_TOOLBAR_OVERFLOW"] = "floatingToolbarOverflow";
   ACTION_SUBJECT_ID["FORMAT_BACKGROUND_COLOR"] = "backgroundColor";
   ACTION_SUBJECT_ID["FORMAT_BLOCK_QUOTE"] = "blockQuote";
   ACTION_SUBJECT_ID["FORMAT_CLEAR"] = "clearFormatting";

package/dist/esm/analytics/types/floating-toolbar-overflow-events.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/monitoring/error.js

@@ -7,7 +7,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { isFedRamp } from './environment';
 var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "106.5.3";
+var packageVersion = "106.6.0";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/esm/resizer/ResizerBreakoutModeLabel.js

@@ -20,11 +20,11 @@ var fullWidthLabelStyles = xcss({
   paddingBottom: 'space.050'
 });
 export var ResizerBreakoutModeLabel = function ResizerBreakoutModeLabel(_ref) {
-  var breaktoutLayout = _ref.layout;
+  var breakoutLayout = _ref.layout;
   var _useIntl = useIntl(),
     formatMessage = _useIntl.formatMessage;
   var message = React.useMemo(function () {
-    switch (breaktoutLayout) {
+    switch (breakoutLayout) {
       case 'full-width':
         return formatMessage(messages.fullWidthLabel);
       case 'wide':
@@ -32,8 +32,9 @@ export var ResizerBreakoutModeLabel = function ResizerBreakoutModeLabel(_ref) {
       default:
         return null;
     }
-  }, [breaktoutLayout, formatMessage]);
+  }, [breakoutLayout, formatMessage]);
   return message && /*#__PURE__*/React.createElement(Box, {
+    testId: "resizer-breakout-mode-label",
     xcss: fullWidthLabelWrapperStyles
   }, /*#__PURE__*/React.createElement(Inline, {
     xcss: fullWidthLabelStyles

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

@@ -20,7 +20,7 @@ import withAnalyticsContext from '@atlaskit/analytics-next/withAnalyticsContext'
 import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import Layer from '../Layer';
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "106.5.3";
+var packageVersion = "106.6.0";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 // Ignored via go/ees005

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

@@ -8,6 +8,8 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React from 'react';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+import { nodeVisibilityManager } from '../../node-visibility/node-visibility-manager';
 import { ShadowObserver, shadowObserverClassNames } from './shadowObserver';
 export var shadowClassNames = {
   RIGHT_SHADOW: 'right-shadow',
@@ -95,10 +97,28 @@ export default function overflowShadow(Component, options) {
           _this.initShadowObserver();
           return;
         }
-        _this.updateShadows();
-        // Ignored via go/ees005
-        // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
-        _this.overflowContainer.addEventListener('scroll', _this.handleScroll);
+        if (expValEquals('platform_editor_defer_shadow_calculations', 'isEnabled', true)) {
+          // Initialize visibility manager
+          _this.visibilityManager = nodeVisibilityManager(_this.overflowContainer);
+          _this.visibilityManager.initialiseNodeObserver();
+
+          // Observe the container for first visibility
+          _this.visibilityManager.observe({
+            element: _this.overflowContainer,
+            onFirstVisible: function onFirstVisible() {
+              var _this$overflowContain;
+              _this.updateShadows();
+              // Ignored via go/ees005
+              // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
+              (_this$overflowContain = _this.overflowContainer) === null || _this$overflowContain === void 0 || _this$overflowContain.addEventListener('scroll', _this.handleScroll);
+            }
+          });
+        } else {
+          _this.updateShadows();
+          // Ignored via go/ees005
+          // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
+          _this.overflowContainer.addEventListener('scroll', _this.handleScroll);
+        }
       });
       return _this;
     }
@@ -106,6 +126,8 @@ export default function overflowShadow(Component, options) {
     return _createClass(OverflowShadow, [{
       key: "componentWillUnmount",
       value: function componentWillUnmount() {
+        var _this$visibilityManag;
+        (_this$visibilityManag = this.visibilityManager) === null || _this$visibilityManag === void 0 || _this$visibilityManag.disconnect();
         if (options.useShadowObserver) {
           return this.shadowObserver && this.shadowObserver.dispose();
         }

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

@@ -363,6 +363,7 @@ export declare enum ACTION_SUBJECT_ID {
     EXTENSION_BLOCK = "extension",
     EXTENSION_BODIED = "bodiedExtension",
     EXTENSION_INLINE = "inlineExtension",
+    FLOATING_TOOLBAR_OVERFLOW = "floatingToolbarOverflow",
     FORMAT_BACKGROUND_COLOR = "backgroundColor",
     FORMAT_BLOCK_QUOTE = "blockQuote",
     FORMAT_CLEAR = "clearFormatting",

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

@@ -25,6 +25,7 @@ import type { EngagementPlatformEventPayload } from './engagement-platform-event
 import type { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, CONTENT_COMPONENT, FLOATING_CONTROLS_TITLE, INPUT_METHOD } from './enums';
 import type { ExtensionEventPayload } from './extension-events';
 import type { FindReplaceEventPayload } from './find-replace-events';
+import type { FloatingToolbarOverflowEventPayload } from './floating-toolbar-overflow-events';
 import type { FormatEventPayload } from './format-events';
 import type { GeneralEventPayload } from './general-events';
 import type { HighlightActionsEventPayload } from './highlight-actions-menu-events';
@@ -61,7 +62,7 @@ export type SimplifiedNode = {
     marks?: string[];
     content?: SimplifiedNode[];
 };
-export type AnalyticsEventPayload<T = void> = AvatarEventPayload | GeneralEventPayload<T> | FormatEventPayload | SubstituteEventPayload | InsertEventPayload | NodeEventPayload | MoveContentEventPayload | MediaEventPayload | TableEventPayload | PasteEventPayload | CutCopyEventPayload | ErrorEventPayload | TextColorEventPayload | FindReplaceEventPayload | DateEventPayload | SelectionEventPayload | ListEventPayload | ConfigPanelEventPayload | ElementBrowserEventPayload | CreateLinkInlineDialogEventPayload | HighlightActionsEventPayload | UnsupportedContentPayload | ExtensionEventPayload | TransactionEventPayload | TypeAheadPayload | UnlinkToolbarAEP | EditLinkToolbarAEP | OpenSettingsToolbarAEP | CustomPanelEventPayload | FeatureExposureAEP | NewCollabSyncUpErrorAEP | UnsupportedContentTooltipPayload | ReferentialityEventPayload | LoomEventPayload | MBEEventPayload | HighlightEventPayload | DatasourceClickedPayload | ElementEventPayload | VisitedLinkAEP | ViewEventPayload | MediaUploadEventPayload | MentionEventPayload | EngagementPlatformEventPayload | NestedTableActionsEventPayload | AICommandPaletteEventPayload | AIDefinitionsEventPayload | AIEventPayload | AIProactiveEventPayload | AIUnifiedEventPayload | BreakoutEventPayload | ActiveSessionEventPayload | AIInlineSuggestionPayload | SelectionExtensionEventPayload | TelepointerClickPayload | SelectionToolbarEventPayload | AlignmentEventPayload | UndoRedoAEP | OfflineEditingEventPayload | NcsSessionStepEventAEP;
+export type AnalyticsEventPayload<T = void> = AvatarEventPayload | GeneralEventPayload<T> | FormatEventPayload | SubstituteEventPayload | InsertEventPayload | NodeEventPayload | MoveContentEventPayload | MediaEventPayload | TableEventPayload | PasteEventPayload | CutCopyEventPayload | ErrorEventPayload | TextColorEventPayload | FindReplaceEventPayload | DateEventPayload | SelectionEventPayload | ListEventPayload | ConfigPanelEventPayload | ElementBrowserEventPayload | CreateLinkInlineDialogEventPayload | HighlightActionsEventPayload | UnsupportedContentPayload | ExtensionEventPayload | TransactionEventPayload | TypeAheadPayload | UnlinkToolbarAEP | EditLinkToolbarAEP | OpenSettingsToolbarAEP | CustomPanelEventPayload | FeatureExposureAEP | NewCollabSyncUpErrorAEP | UnsupportedContentTooltipPayload | ReferentialityEventPayload | LoomEventPayload | MBEEventPayload | HighlightEventPayload | DatasourceClickedPayload | ElementEventPayload | VisitedLinkAEP | ViewEventPayload | MediaUploadEventPayload | MentionEventPayload | EngagementPlatformEventPayload | NestedTableActionsEventPayload | AICommandPaletteEventPayload | AIDefinitionsEventPayload | AIEventPayload | AIProactiveEventPayload | AIUnifiedEventPayload | BreakoutEventPayload | ActiveSessionEventPayload | AIInlineSuggestionPayload | SelectionExtensionEventPayload | TelepointerClickPayload | SelectionToolbarEventPayload | AlignmentEventPayload | UndoRedoAEP | OfflineEditingEventPayload | NcsSessionStepEventAEP | FloatingToolbarOverflowEventPayload;
 type CustomPanelEventPayload = TrackAEP<ACTION.CHANGED_BACKGROUND_COLOR | ACTION.CHANGED_ICON | ACTION.REMOVE_ICON, ACTION_SUBJECT.PANEL, ACTION_SUBJECT_ID.PANEL, {
     previousColor: string;
     newColor: string;

package/dist/types/analytics/types/floating-toolbar-overflow-events.d.ts

@@ -0,0 +1,11 @@
+import type { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID } from './enums';
+import type { UIAEP } from './utils';
+type FloatingToolbarOverflowActionType = ACTION.CLICKED;
+type FloatingToolbarOverflowSubjectType = ACTION_SUBJECT.BUTTON;
+type FloatingToolbarOverflowSubjectIdType = ACTION_SUBJECT_ID.FLOATING_TOOLBAR_OVERFLOW;
+type FloatingToolbarOverflowAttributeType = {
+    editorContentMode?: 'edit' | 'view';
+};
+type FloatingToolbarOverflowUIAEP = UIAEP<FloatingToolbarOverflowActionType, FloatingToolbarOverflowSubjectType, FloatingToolbarOverflowSubjectIdType, FloatingToolbarOverflowAttributeType, undefined>;
+export type FloatingToolbarOverflowEventPayload = FloatingToolbarOverflowUIAEP;
+export {};

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

@@ -35,6 +35,7 @@ declare const _default: {
         overflowContainerWidth: number;
         scrollable?: NodeList | undefined;
         diff?: number | undefined;
+        visibilityManager?: import("../../../node-visibility/node-visibility-manager").NodeVisibilityManager | undefined;
         state: {
             showLeftShadow: boolean;
             showRightShadow: boolean;
@@ -74,6 +75,7 @@ declare const _default: {
         overflowContainerWidth: number;
         scrollable?: NodeList | undefined;
         diff?: number | undefined;
+        visibilityManager?: import("../../../node-visibility/node-visibility-manager").NodeVisibilityManager | undefined;
         state: {
             showLeftShadow: boolean;
             showRightShadow: boolean;

package/dist/types/resizer/ResizerBreakoutModeLabel.d.ts

@@ -3,5 +3,5 @@ import type { BreakoutMode } from '../types';
 type props = {
     layout: BreakoutMode;
 };
-export declare const ResizerBreakoutModeLabel: ({ layout: breaktoutLayout }: props) => "" | React.JSX.Element | null;
+export declare const ResizerBreakoutModeLabel: ({ layout: breakoutLayout }: props) => "" | React.JSX.Element | null;
 export {};

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

@@ -24,6 +24,7 @@ export default function overflowShadow<P>(Component: React.ComponentType<React.P
         overflowContainerWidth: number;
         scrollable?: NodeList | undefined;
         diff?: number | undefined;
+        visibilityManager?: import("../../node-visibility/node-visibility-manager").NodeVisibilityManager | undefined;
         state: {
             showLeftShadow: boolean;
             showRightShadow: boolean;
@@ -63,6 +64,7 @@ export default function overflowShadow<P>(Component: React.ComponentType<React.P
         overflowContainerWidth: number;
         scrollable?: NodeList | undefined;
         diff?: number | undefined;
+        visibilityManager?: import("../../node-visibility/node-visibility-manager").NodeVisibilityManager | undefined;
         state: {
             showLeftShadow: boolean;
             showRightShadow: boolean;

package/dist/types-ts4.5/analytics/types/enums.d.ts

@@ -363,6 +363,7 @@ export declare enum ACTION_SUBJECT_ID {
     EXTENSION_BLOCK = "extension",
     EXTENSION_BODIED = "bodiedExtension",
     EXTENSION_INLINE = "inlineExtension",
+    FLOATING_TOOLBAR_OVERFLOW = "floatingToolbarOverflow",
     FORMAT_BACKGROUND_COLOR = "backgroundColor",
     FORMAT_BLOCK_QUOTE = "blockQuote",
     FORMAT_CLEAR = "clearFormatting",

package/dist/types-ts4.5/analytics/types/events.d.ts

@@ -25,6 +25,7 @@ import type { EngagementPlatformEventPayload } from './engagement-platform-event
 import type { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, CONTENT_COMPONENT, FLOATING_CONTROLS_TITLE, INPUT_METHOD } from './enums';
 import type { ExtensionEventPayload } from './extension-events';
 import type { FindReplaceEventPayload } from './find-replace-events';
+import type { FloatingToolbarOverflowEventPayload } from './floating-toolbar-overflow-events';
 import type { FormatEventPayload } from './format-events';
 import type { GeneralEventPayload } from './general-events';
 import type { HighlightActionsEventPayload } from './highlight-actions-menu-events';
@@ -61,7 +62,7 @@ export type SimplifiedNode = {
     marks?: string[];
     content?: SimplifiedNode[];
 };
-export type AnalyticsEventPayload<T = void> = AvatarEventPayload | GeneralEventPayload<T> | FormatEventPayload | SubstituteEventPayload | InsertEventPayload | NodeEventPayload | MoveContentEventPayload | MediaEventPayload | TableEventPayload | PasteEventPayload | CutCopyEventPayload | ErrorEventPayload | TextColorEventPayload | FindReplaceEventPayload | DateEventPayload | SelectionEventPayload | ListEventPayload | ConfigPanelEventPayload | ElementBrowserEventPayload | CreateLinkInlineDialogEventPayload | HighlightActionsEventPayload | UnsupportedContentPayload | ExtensionEventPayload | TransactionEventPayload | TypeAheadPayload | UnlinkToolbarAEP | EditLinkToolbarAEP | OpenSettingsToolbarAEP | CustomPanelEventPayload | FeatureExposureAEP | NewCollabSyncUpErrorAEP | UnsupportedContentTooltipPayload | ReferentialityEventPayload | LoomEventPayload | MBEEventPayload | HighlightEventPayload | DatasourceClickedPayload | ElementEventPayload | VisitedLinkAEP | ViewEventPayload | MediaUploadEventPayload | MentionEventPayload | EngagementPlatformEventPayload | NestedTableActionsEventPayload | AICommandPaletteEventPayload | AIDefinitionsEventPayload | AIEventPayload | AIProactiveEventPayload | AIUnifiedEventPayload | BreakoutEventPayload | ActiveSessionEventPayload | AIInlineSuggestionPayload | SelectionExtensionEventPayload | TelepointerClickPayload | SelectionToolbarEventPayload | AlignmentEventPayload | UndoRedoAEP | OfflineEditingEventPayload | NcsSessionStepEventAEP;
+export type AnalyticsEventPayload<T = void> = AvatarEventPayload | GeneralEventPayload<T> | FormatEventPayload | SubstituteEventPayload | InsertEventPayload | NodeEventPayload | MoveContentEventPayload | MediaEventPayload | TableEventPayload | PasteEventPayload | CutCopyEventPayload | ErrorEventPayload | TextColorEventPayload | FindReplaceEventPayload | DateEventPayload | SelectionEventPayload | ListEventPayload | ConfigPanelEventPayload | ElementBrowserEventPayload | CreateLinkInlineDialogEventPayload | HighlightActionsEventPayload | UnsupportedContentPayload | ExtensionEventPayload | TransactionEventPayload | TypeAheadPayload | UnlinkToolbarAEP | EditLinkToolbarAEP | OpenSettingsToolbarAEP | CustomPanelEventPayload | FeatureExposureAEP | NewCollabSyncUpErrorAEP | UnsupportedContentTooltipPayload | ReferentialityEventPayload | LoomEventPayload | MBEEventPayload | HighlightEventPayload | DatasourceClickedPayload | ElementEventPayload | VisitedLinkAEP | ViewEventPayload | MediaUploadEventPayload | MentionEventPayload | EngagementPlatformEventPayload | NestedTableActionsEventPayload | AICommandPaletteEventPayload | AIDefinitionsEventPayload | AIEventPayload | AIProactiveEventPayload | AIUnifiedEventPayload | BreakoutEventPayload | ActiveSessionEventPayload | AIInlineSuggestionPayload | SelectionExtensionEventPayload | TelepointerClickPayload | SelectionToolbarEventPayload | AlignmentEventPayload | UndoRedoAEP | OfflineEditingEventPayload | NcsSessionStepEventAEP | FloatingToolbarOverflowEventPayload;
 type CustomPanelEventPayload = TrackAEP<ACTION.CHANGED_BACKGROUND_COLOR | ACTION.CHANGED_ICON | ACTION.REMOVE_ICON, ACTION_SUBJECT.PANEL, ACTION_SUBJECT_ID.PANEL, {
     previousColor: string;
     newColor: string;

package/dist/types-ts4.5/analytics/types/floating-toolbar-overflow-events.d.ts

@@ -0,0 +1,11 @@
+import type { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID } from './enums';
+import type { UIAEP } from './utils';
+type FloatingToolbarOverflowActionType = ACTION.CLICKED;
+type FloatingToolbarOverflowSubjectType = ACTION_SUBJECT.BUTTON;
+type FloatingToolbarOverflowSubjectIdType = ACTION_SUBJECT_ID.FLOATING_TOOLBAR_OVERFLOW;
+type FloatingToolbarOverflowAttributeType = {
+    editorContentMode?: 'edit' | 'view';
+};
+type FloatingToolbarOverflowUIAEP = UIAEP<FloatingToolbarOverflowActionType, FloatingToolbarOverflowSubjectType, FloatingToolbarOverflowSubjectIdType, FloatingToolbarOverflowAttributeType, undefined>;
+export type FloatingToolbarOverflowEventPayload = FloatingToolbarOverflowUIAEP;
+export {};

package/dist/types-ts4.5/extensibility/Extension/Extension/index.d.ts

@@ -35,6 +35,7 @@ declare const _default: {
         overflowContainerWidth: number;
         scrollable?: NodeList | undefined;
         diff?: number | undefined;
+        visibilityManager?: import("../../../node-visibility/node-visibility-manager").NodeVisibilityManager | undefined;
         state: {
             showLeftShadow: boolean;
             showRightShadow: boolean;
@@ -74,6 +75,7 @@ declare const _default: {
         overflowContainerWidth: number;
         scrollable?: NodeList | undefined;
         diff?: number | undefined;
+        visibilityManager?: import("../../../node-visibility/node-visibility-manager").NodeVisibilityManager | undefined;
         state: {
             showLeftShadow: boolean;
             showRightShadow: boolean;

package/dist/types-ts4.5/resizer/ResizerBreakoutModeLabel.d.ts

@@ -3,5 +3,5 @@ import type { BreakoutMode } from '../types';
 type props = {
     layout: BreakoutMode;
 };
-export declare const ResizerBreakoutModeLabel: ({ layout: breaktoutLayout }: props) => "" | React.JSX.Element | null;
+export declare const ResizerBreakoutModeLabel: ({ layout: breakoutLayout }: props) => "" | React.JSX.Element | null;
 export {};

package/dist/types-ts4.5/ui/OverflowShadow/index.d.ts

@@ -24,6 +24,7 @@ export default function overflowShadow<P>(Component: React.ComponentType<React.P
         overflowContainerWidth: number;
         scrollable?: NodeList | undefined;
         diff?: number | undefined;
+        visibilityManager?: import("../../node-visibility/node-visibility-manager").NodeVisibilityManager | undefined;
         state: {
             showLeftShadow: boolean;
             showRightShadow: boolean;
@@ -63,6 +64,7 @@ export default function overflowShadow<P>(Component: React.ComponentType<React.P
         overflowContainerWidth: number;
         scrollable?: NodeList | undefined;
         diff?: number | undefined;
+        visibilityManager?: import("../../node-visibility/node-visibility-manager").NodeVisibilityManager | undefined;
         state: {
             showLeftShadow: boolean;
             showRightShadow: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "106.5.3",
+	"version": "106.6.0",
 	"description": "A package that contains common classes and components for editor and renderer",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -170,7 +170,7 @@
 		"@atlaskit/task-decision": "^19.2.0",
 		"@atlaskit/textfield": "^8.0.0",
 		"@atlaskit/theme": "^18.0.0",
-		"@atlaskit/tmp-editor-statsig": "^6.1.0",
+		"@atlaskit/tmp-editor-statsig": "^6.2.0",
 		"@atlaskit/tokens": "^5.1.0",
 		"@atlaskit/tooltip": "^20.3.0",
 		"@atlaskit/width-detector": "^5.0.0",