@atlaskit/editor-plugin-floating-toolbar 4.1.19 → 4.2.1

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @atlaskit/editor-plugin-floating-toolbar
 
+## 4.2.1
+
+### Patch Changes
+
+- Updated dependencies
+
+## 4.2.0
+
+### Minor Changes
+
+- [#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
+
+- Updated dependencies
+
 ## 4.1.19
 
 ### Patch Changes

package/dist/cjs/floatingToolbarPlugin.js

@@ -332,6 +332,36 @@ function ContentComponent(_ref5) {
         supportsViewMode: true
       }, consolidatedOverflowDropdown]);
     }
+
+    // Apply analytics to dropdown
+    if (overflowDropdownItems.length > 0 && dispatchAnalyticsEvent && (0, _platformFeatureFlags.fg)('platform_editor_overflow_dropdown_click_analytics')) {
+      var _items3;
+      var currentItems = Array.isArray(items) ? items : (_items3 = items) === null || _items3 === void 0 ? void 0 : _items3(node);
+      var updatedItems = currentItems.map(function (item) {
+        if (item.type !== 'overflow-dropdown') {
+          return item;
+        }
+        var originalOnClick = item.onClick;
+        return _objectSpread(_objectSpread({}, item), {}, {
+          onClick: function onClick() {
+            var _pluginInjectionApi$e;
+            var editorContentMode = pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$e = pluginInjectionApi.editorViewMode) === null || _pluginInjectionApi$e === void 0 || (_pluginInjectionApi$e = _pluginInjectionApi$e.sharedState.currentState()) === null || _pluginInjectionApi$e === void 0 ? void 0 : _pluginInjectionApi$e.mode;
+            dispatchAnalyticsEvent({
+              action: _analytics.ACTION.CLICKED,
+              actionSubject: _analytics.ACTION_SUBJECT.BUTTON,
+              actionSubjectId: _analytics.ACTION_SUBJECT_ID.FLOATING_TOOLBAR_OVERFLOW,
+              eventType: _analytics.EVENT_TYPE.UI,
+              attributes: {
+                editorContentMode: editorContentMode
+              }
+            });
+            // Call original onClick if it exists
+            originalOnClick === null || originalOnClick === void 0 || originalOnClick();
+          }
+        });
+      });
+      items = updatedItems;
+    }
   }
   var customPositionCalculation;
   var toolbarItems = pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$c = pluginInjectionApi.copyButton) === null || _pluginInjectionApi$c === void 0 ? void 0 : _pluginInjectionApi$c.actions.processCopyButtonItems(editorView.state)(Array.isArray(items) ? items : items(node), pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$d = pluginInjectionApi.decorations) === null || _pluginInjectionApi$d === void 0 ? void 0 : _pluginInjectionApi$d.actions.hoverDecoration);

package/dist/cjs/ui/Dropdown.js

@@ -16,8 +16,8 @@ var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
 var _ui = require("@atlaskit/editor-common/ui");
 var _uiMenu = require("@atlaskit/editor-common/ui-menu");
-var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-down"));
-var _chevronDown2 = _interopRequireDefault(require("@atlaskit/icon/utility/chevron-down"));
+var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/core/chevron-down"));
+var _chevronDown2 = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-down"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _Divider = require("./Divider");
@@ -46,11 +46,12 @@ var CompositeIcon = function CompositeIcon(_ref) {
     css: iconGroup
   }, icon, (0, _react2.jsx)("span", {
     css: dropdownExpandContainer
-  }, (0, _react2.jsx)(_chevronDown2.default, {
+  }, (0, _react2.jsx)(_chevronDown.default, {
     color: "currentColor",
     spacing: "spacious",
     label: "Expand dropdown menu",
-    LEGACY_fallbackIcon: _chevronDown.default
+    LEGACY_fallbackIcon: _chevronDown2.default,
+    size: "small"
   })));
 };
 // eslint-disable-next-line @repo/internal/react/no-class-components
@@ -182,11 +183,12 @@ var Dropdown = exports.default = /*#__PURE__*/function (_Component) {
           testId: buttonTestId,
           iconAfter: (0, _react2.jsx)("span", {
             css: dropdownExpandContainer
-          }, (0, _react2.jsx)(_chevronDown2.default, {
+          }, (0, _react2.jsx)(_chevronDown.default, {
             color: "currentColor",
             spacing: "spacious",
             label: "Expand dropdown menu",
-            LEGACY_fallbackIcon: _chevronDown.default
+            LEGACY_fallbackIcon: _chevronDown2.default,
+            size: "small"
           })),
           icon: iconBefore,
           onClick: this.toggleOpen,

package/dist/cjs/ui/ExpandButton.js

@@ -6,12 +6,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.ExpandButton = ExpandButton;
 var _react = _interopRequireDefault(require("react"));
-var _chevronRight = _interopRequireDefault(require("@atlaskit/icon/utility/chevron-right"));
+var _chevronRight = _interopRequireDefault(require("@atlaskit/icon/core/chevron-right"));
 var _compiled = require("@atlaskit/primitives/compiled");
 function ExpandButton() {
   return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
     paddingInline: "space.075"
   }, /*#__PURE__*/_react.default.createElement(_chevronRight.default, {
-    label: 'Edit'
+    label: 'Edit',
+    size: "small"
   }));
 }

package/dist/cjs/ui/ScrollButton.js

@@ -12,8 +12,8 @@ var _bindEventListener = require("bind-event-listener");
 var _rafSchd = _interopRequireDefault(require("raf-schd"));
 var _new = require("@atlaskit/button/new");
 var _floatingToolbar = require("@atlaskit/editor-common/floating-toolbar");
-var _chevronLeftChevronLeftLarge = _interopRequireDefault(require("@atlaskit/icon/utility/migration/chevron-left--chevron-left-large"));
-var _chevronRightChevronRightLarge = _interopRequireDefault(require("@atlaskit/icon/utility/migration/chevron-right--chevron-right-large"));
+var _chevronLeftChevronLeftLarge = _interopRequireDefault(require("@atlaskit/icon/core/migration/chevron-left--chevron-left-large"));
+var _chevronRightChevronRightLarge = _interopRequireDefault(require("@atlaskit/icon/core/migration/chevron-right--chevron-right-large"));
 var _primitives = require("@atlaskit/primitives");
 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 rightSideStyles = (0, _primitives.xcss)({
@@ -138,7 +138,12 @@ var ScrollButton = exports.ScrollButton = function ScrollButton(_ref) {
     label: intl.formatMessage(side === 'left' ? _floatingToolbar.messages.floatingToolbarScrollLeft : _floatingToolbar.messages.floatingToolbarScrollRight),
     onClick: onClick,
     isDisabled: disabled,
-    icon: Icon,
+    icon: function icon(iconProps) {
+      return /*#__PURE__*/_react.default.createElement(Icon, {
+        label: iconProps.label,
+        size: "small"
+      });
+    },
     isTooltipDisabled: false,
     tooltip: {
       position: 'top'

package/dist/cjs/ui/ScrollButtons.js

@@ -12,8 +12,8 @@ var _react2 = require("@emotion/react");
 var _rafSchd = _interopRequireDefault(require("raf-schd"));
 var _floatingToolbar = require("@atlaskit/editor-common/floating-toolbar");
 var _ui = require("@atlaskit/editor-common/ui");
-var _chevronLeftChevronLeftLarge = _interopRequireDefault(require("@atlaskit/icon/utility/migration/chevron-left--chevron-left-large"));
-var _chevronRightChevronRightLarge = _interopRequireDefault(require("@atlaskit/icon/utility/migration/chevron-right--chevron-right-large"));
+var _chevronLeftChevronLeftLarge = _interopRequireDefault(require("@atlaskit/icon/core/migration/chevron-left--chevron-left-large"));
+var _chevronRightChevronRightLarge = _interopRequireDefault(require("@atlaskit/icon/core/migration/chevron-right--chevron-right-large"));
 var _colors = require("@atlaskit/theme/colors");
 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); }
 /**
@@ -154,14 +154,16 @@ var ScrollButtons = exports.ScrollButtons = function ScrollButtons(_ref) {
   }, (0, _react2.jsx)(_ui.FloatingToolbarButton, {
     title: intl.formatMessage(_floatingToolbar.messages.floatingToolbarScrollLeft),
     icon: (0, _react2.jsx)(LeftIcon, {
-      label: intl.formatMessage(_floatingToolbar.messages.floatingToolbarScrollLeft)
+      label: intl.formatMessage(_floatingToolbar.messages.floatingToolbarScrollLeft),
+      size: "small"
     }),
     onClick: scrollLeft,
     disabled: !canScrollLeft || disabled
   }), (0, _react2.jsx)(_ui.FloatingToolbarButton, {
     title: intl.formatMessage(_floatingToolbar.messages.floatingToolbarScrollRight),
     icon: (0, _react2.jsx)(RightIcon, {
-      label: intl.formatMessage(_floatingToolbar.messages.floatingToolbarScrollRight)
+      label: intl.formatMessage(_floatingToolbar.messages.floatingToolbarScrollRight),
+      size: "small"
     }),
     onClick: scrollRight,
     disabled: !canScrollRight || disabled

package/dist/es2019/floatingToolbarPlugin.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import camelCase from 'lodash/camelCase';
-import { ACTION, ACTION_SUBJECT, CONTENT_COMPONENT, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
+import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, CONTENT_COMPONENT, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
 import { isSSR } from '@atlaskit/editor-common/core-utils';
 import { ErrorBoundary } from '@atlaskit/editor-common/error-boundary';
 import {
@@ -317,6 +317,37 @@ export function ContentComponent({
         supportsViewMode: true
       }, consolidatedOverflowDropdown];
     }
+
+    // Apply analytics to dropdown
+    if (overflowDropdownItems.length > 0 && dispatchAnalyticsEvent && fg('platform_editor_overflow_dropdown_click_analytics')) {
+      var _items3;
+      const currentItems = Array.isArray(items) ? items : (_items3 = items) === null || _items3 === void 0 ? void 0 : _items3(node);
+      const updatedItems = currentItems.map(item => {
+        if (item.type !== 'overflow-dropdown') {
+          return item;
+        }
+        const originalOnClick = item.onClick;
+        return {
+          ...item,
+          onClick: () => {
+            var _pluginInjectionApi$e, _pluginInjectionApi$e2;
+            const editorContentMode = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$e = pluginInjectionApi.editorViewMode) === null || _pluginInjectionApi$e === void 0 ? void 0 : (_pluginInjectionApi$e2 = _pluginInjectionApi$e.sharedState.currentState()) === null || _pluginInjectionApi$e2 === void 0 ? void 0 : _pluginInjectionApi$e2.mode;
+            dispatchAnalyticsEvent({
+              action: ACTION.CLICKED,
+              actionSubject: ACTION_SUBJECT.BUTTON,
+              actionSubjectId: ACTION_SUBJECT_ID.FLOATING_TOOLBAR_OVERFLOW,
+              eventType: EVENT_TYPE.UI,
+              attributes: {
+                editorContentMode
+              }
+            });
+            // Call original onClick if it exists
+            originalOnClick === null || originalOnClick === void 0 ? void 0 : originalOnClick();
+          }
+        };
+      });
+      items = updatedItems;
+    }
   }
   let customPositionCalculation;
   const toolbarItems = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$c = pluginInjectionApi.copyButton) === null || _pluginInjectionApi$c === void 0 ? void 0 : _pluginInjectionApi$c.actions.processCopyButtonItems(editorView.state)(Array.isArray(items) ? items : items(node), pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d = pluginInjectionApi.decorations) === null || _pluginInjectionApi$d === void 0 ? void 0 : _pluginInjectionApi$d.actions.hoverDecoration);

package/dist/es2019/ui/Dropdown.js

@@ -11,8 +11,8 @@ import React, { Component } from 'react';
 import { css, jsx } from '@emotion/react';
 import { FloatingToolbarButton as Button } from '@atlaskit/editor-common/ui';
 import { ArrowKeyNavigationType, DropdownContainer as UiDropdown } from '@atlaskit/editor-common/ui-menu';
+import ChevronDownIcon from '@atlaskit/icon/core/chevron-down';
 import ExpandIcon from '@atlaskit/icon/glyph/chevron-down';
-import ChevronDownIcon from '@atlaskit/icon/utility/chevron-down';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { Divider } from './Divider';
@@ -37,7 +37,8 @@ const CompositeIcon = ({
   color: "currentColor",
   spacing: "spacious",
   label: "Expand dropdown menu",
-  LEGACY_fallbackIcon: ExpandIcon
+  LEGACY_fallbackIcon: ExpandIcon,
+  size: "small"
 })));
 // eslint-disable-next-line @repo/internal/react/no-class-components
 export default class Dropdown extends Component {
@@ -168,7 +169,8 @@ export default class Dropdown extends Component {
           color: "currentColor",
           spacing: "spacious",
           label: "Expand dropdown menu",
-          LEGACY_fallbackIcon: ExpandIcon
+          LEGACY_fallbackIcon: ExpandIcon,
+          size: "small"
         })),
         icon: iconBefore,
         onClick: this.toggleOpen,

package/dist/es2019/ui/ExpandButton.js

@@ -1,10 +1,11 @@
 import React from 'react';
-import Icon from '@atlaskit/icon/utility/chevron-right';
+import Icon from '@atlaskit/icon/core/chevron-right';
 import { Box } from '@atlaskit/primitives/compiled';
 export function ExpandButton() {
   return /*#__PURE__*/React.createElement(Box, {
     paddingInline: "space.075"
   }, /*#__PURE__*/React.createElement(Icon, {
-    label: 'Edit'
+    label: 'Edit',
+    size: "small"
   }));
 }

package/dist/es2019/ui/ScrollButton.js

@@ -3,8 +3,8 @@ import { bind } from 'bind-event-listener';
 import rafSchedule from 'raf-schd';
 import { IconButton } from '@atlaskit/button/new';
 import { messages } from '@atlaskit/editor-common/floating-toolbar';
-import ChevronLeftLargeIcon from '@atlaskit/icon/utility/migration/chevron-left--chevron-left-large';
-import ChevronRightLargeIcon from '@atlaskit/icon/utility/migration/chevron-right--chevron-right-large';
+import ChevronLeftLargeIcon from '@atlaskit/icon/core/migration/chevron-left--chevron-left-large';
+import ChevronRightLargeIcon from '@atlaskit/icon/core/migration/chevron-right--chevron-right-large';
 import { Box, xcss } from '@atlaskit/primitives';
 const rightSideStyles = xcss({
   borderLeft: `solid ${"var(--ds-border, #091E4224)"} 1px`,
@@ -124,7 +124,10 @@ export const ScrollButton = ({
     label: intl.formatMessage(side === 'left' ? messages.floatingToolbarScrollLeft : messages.floatingToolbarScrollRight),
     onClick: onClick,
     isDisabled: disabled,
-    icon: Icon,
+    icon: iconProps => /*#__PURE__*/React.createElement(Icon, {
+      label: iconProps.label,
+      size: "small"
+    }),
     isTooltipDisabled: false,
     tooltip: {
       position: 'top'

package/dist/es2019/ui/ScrollButtons.js

@@ -9,8 +9,8 @@ import { css, jsx } from '@emotion/react';
 import rafSchedule from 'raf-schd';
 import { messages } from '@atlaskit/editor-common/floating-toolbar';
 import { FloatingToolbarButton as Button } from '@atlaskit/editor-common/ui';
-import ChevronLeftLargeIcon from '@atlaskit/icon/utility/migration/chevron-left--chevron-left-large';
-import ChevronRightLargeIcon from '@atlaskit/icon/utility/migration/chevron-right--chevron-right-large';
+import ChevronLeftLargeIcon from '@atlaskit/icon/core/migration/chevron-left--chevron-left-large';
+import ChevronRightLargeIcon from '@atlaskit/icon/core/migration/chevron-right--chevron-right-large';
 import { N30 } from '@atlaskit/theme/colors';
 // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
 const toolbarScrollButtons = css({
@@ -134,14 +134,16 @@ export const ScrollButtons = ({
   }, jsx(Button, {
     title: intl.formatMessage(messages.floatingToolbarScrollLeft),
     icon: jsx(LeftIcon, {
-      label: intl.formatMessage(messages.floatingToolbarScrollLeft)
+      label: intl.formatMessage(messages.floatingToolbarScrollLeft),
+      size: "small"
     }),
     onClick: scrollLeft,
     disabled: !canScrollLeft || disabled
   }), jsx(Button, {
     title: intl.formatMessage(messages.floatingToolbarScrollRight),
     icon: jsx(RightIcon, {
-      label: intl.formatMessage(messages.floatingToolbarScrollRight)
+      label: intl.formatMessage(messages.floatingToolbarScrollRight),
+      size: "small"
     }),
     onClick: scrollRight,
     disabled: !canScrollRight || disabled

package/dist/esm/floatingToolbarPlugin.js

@@ -4,7 +4,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import React from 'react';
 import camelCase from 'lodash/camelCase';
-import { ACTION, ACTION_SUBJECT, CONTENT_COMPONENT, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
+import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, CONTENT_COMPONENT, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
 import { isSSR } from '@atlaskit/editor-common/core-utils';
 import { ErrorBoundary } from '@atlaskit/editor-common/error-boundary';
 import {
@@ -323,6 +323,36 @@ export function ContentComponent(_ref5) {
         supportsViewMode: true
       }, consolidatedOverflowDropdown]);
     }
+
+    // Apply analytics to dropdown
+    if (overflowDropdownItems.length > 0 && dispatchAnalyticsEvent && fg('platform_editor_overflow_dropdown_click_analytics')) {
+      var _items3;
+      var currentItems = Array.isArray(items) ? items : (_items3 = items) === null || _items3 === void 0 ? void 0 : _items3(node);
+      var updatedItems = currentItems.map(function (item) {
+        if (item.type !== 'overflow-dropdown') {
+          return item;
+        }
+        var originalOnClick = item.onClick;
+        return _objectSpread(_objectSpread({}, item), {}, {
+          onClick: function onClick() {
+            var _pluginInjectionApi$e;
+            var editorContentMode = pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$e = pluginInjectionApi.editorViewMode) === null || _pluginInjectionApi$e === void 0 || (_pluginInjectionApi$e = _pluginInjectionApi$e.sharedState.currentState()) === null || _pluginInjectionApi$e === void 0 ? void 0 : _pluginInjectionApi$e.mode;
+            dispatchAnalyticsEvent({
+              action: ACTION.CLICKED,
+              actionSubject: ACTION_SUBJECT.BUTTON,
+              actionSubjectId: ACTION_SUBJECT_ID.FLOATING_TOOLBAR_OVERFLOW,
+              eventType: EVENT_TYPE.UI,
+              attributes: {
+                editorContentMode: editorContentMode
+              }
+            });
+            // Call original onClick if it exists
+            originalOnClick === null || originalOnClick === void 0 || originalOnClick();
+          }
+        });
+      });
+      items = updatedItems;
+    }
   }
   var customPositionCalculation;
   var toolbarItems = pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$c = pluginInjectionApi.copyButton) === null || _pluginInjectionApi$c === void 0 ? void 0 : _pluginInjectionApi$c.actions.processCopyButtonItems(editorView.state)(Array.isArray(items) ? items : items(node), pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$d = pluginInjectionApi.decorations) === null || _pluginInjectionApi$d === void 0 ? void 0 : _pluginInjectionApi$d.actions.hoverDecoration);

package/dist/esm/ui/Dropdown.js

@@ -20,8 +20,8 @@ import React, { Component } from 'react';
 import { css, jsx } from '@emotion/react';
 import { FloatingToolbarButton as Button } from '@atlaskit/editor-common/ui';
 import { ArrowKeyNavigationType, DropdownContainer as UiDropdown } from '@atlaskit/editor-common/ui-menu';
+import ChevronDownIcon from '@atlaskit/icon/core/chevron-down';
 import ExpandIcon from '@atlaskit/icon/glyph/chevron-down';
-import ChevronDownIcon from '@atlaskit/icon/utility/chevron-down';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { Divider } from './Divider';
@@ -46,7 +46,8 @@ var CompositeIcon = function CompositeIcon(_ref) {
     color: "currentColor",
     spacing: "spacious",
     label: "Expand dropdown menu",
-    LEGACY_fallbackIcon: ExpandIcon
+    LEGACY_fallbackIcon: ExpandIcon,
+    size: "small"
   })));
 };
 // eslint-disable-next-line @repo/internal/react/no-class-components
@@ -182,7 +183,8 @@ var Dropdown = /*#__PURE__*/function (_Component) {
             color: "currentColor",
             spacing: "spacious",
             label: "Expand dropdown menu",
-            LEGACY_fallbackIcon: ExpandIcon
+            LEGACY_fallbackIcon: ExpandIcon,
+            size: "small"
           })),
           icon: iconBefore,
           onClick: this.toggleOpen,

package/dist/esm/ui/ExpandButton.js

@@ -1,10 +1,11 @@
 import React from 'react';
-import Icon from '@atlaskit/icon/utility/chevron-right';
+import Icon from '@atlaskit/icon/core/chevron-right';
 import { Box } from '@atlaskit/primitives/compiled';
 export function ExpandButton() {
   return /*#__PURE__*/React.createElement(Box, {
     paddingInline: "space.075"
   }, /*#__PURE__*/React.createElement(Icon, {
-    label: 'Edit'
+    label: 'Edit',
+    size: "small"
   }));
 }

package/dist/esm/ui/ScrollButton.js

@@ -4,8 +4,8 @@ import { bind } from 'bind-event-listener';
 import rafSchedule from 'raf-schd';
 import { IconButton } from '@atlaskit/button/new';
 import { messages } from '@atlaskit/editor-common/floating-toolbar';
-import ChevronLeftLargeIcon from '@atlaskit/icon/utility/migration/chevron-left--chevron-left-large';
-import ChevronRightLargeIcon from '@atlaskit/icon/utility/migration/chevron-right--chevron-right-large';
+import ChevronLeftLargeIcon from '@atlaskit/icon/core/migration/chevron-left--chevron-left-large';
+import ChevronRightLargeIcon from '@atlaskit/icon/core/migration/chevron-right--chevron-right-large';
 import { Box, xcss } from '@atlaskit/primitives';
 var rightSideStyles = xcss({
   borderLeft: "solid ".concat("var(--ds-border, #091E4224)", " 1px"),
@@ -129,7 +129,12 @@ export var ScrollButton = function ScrollButton(_ref) {
     label: intl.formatMessage(side === 'left' ? messages.floatingToolbarScrollLeft : messages.floatingToolbarScrollRight),
     onClick: onClick,
     isDisabled: disabled,
-    icon: Icon,
+    icon: function icon(iconProps) {
+      return /*#__PURE__*/React.createElement(Icon, {
+        label: iconProps.label,
+        size: "small"
+      });
+    },
     isTooltipDisabled: false,
     tooltip: {
       position: 'top'

package/dist/esm/ui/ScrollButtons.js

@@ -10,8 +10,8 @@ import { css, jsx } from '@emotion/react';
 import rafSchedule from 'raf-schd';
 import { messages } from '@atlaskit/editor-common/floating-toolbar';
 import { FloatingToolbarButton as Button } from '@atlaskit/editor-common/ui';
-import ChevronLeftLargeIcon from '@atlaskit/icon/utility/migration/chevron-left--chevron-left-large';
-import ChevronRightLargeIcon from '@atlaskit/icon/utility/migration/chevron-right--chevron-right-large';
+import ChevronLeftLargeIcon from '@atlaskit/icon/core/migration/chevron-left--chevron-left-large';
+import ChevronRightLargeIcon from '@atlaskit/icon/core/migration/chevron-right--chevron-right-large';
 import { N30 } from '@atlaskit/theme/colors';
 // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
 var toolbarScrollButtons = css({
@@ -144,14 +144,16 @@ export var ScrollButtons = function ScrollButtons(_ref) {
   }, jsx(Button, {
     title: intl.formatMessage(messages.floatingToolbarScrollLeft),
     icon: jsx(LeftIcon, {
-      label: intl.formatMessage(messages.floatingToolbarScrollLeft)
+      label: intl.formatMessage(messages.floatingToolbarScrollLeft),
+      size: "small"
     }),
     onClick: scrollLeft,
     disabled: !canScrollLeft || disabled
   }), jsx(Button, {
     title: intl.formatMessage(messages.floatingToolbarScrollRight),
     icon: jsx(RightIcon, {
-      label: intl.formatMessage(messages.floatingToolbarScrollRight)
+      label: intl.formatMessage(messages.floatingToolbarScrollRight),
+      size: "small"
     }),
     onClick: scrollRight,
     disabled: !canScrollRight || disabled

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-floating-toolbar",
-	"version": "4.1.19",
+	"version": "4.2.1",
 	"description": "Floating toolbar plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -28,7 +28,7 @@
 		"@atlaskit/adf-utils": "^19.20.0",
 		"@atlaskit/button": "^23.2.0",
 		"@atlaskit/checkbox": "^17.1.0",
-		"@atlaskit/editor-common": "^106.5.0",
+		"@atlaskit/editor-common": "^106.6.0",
 		"@atlaskit/editor-palette": "^2.1.0",
 		"@atlaskit/editor-plugin-analytics": "^2.3.0",
 		"@atlaskit/editor-plugin-context-panel": "^4.1.0",
@@ -50,7 +50,7 @@
 		"@atlaskit/primitives": "^14.8.0",
 		"@atlaskit/select": "^20.7.0",
 		"@atlaskit/theme": "^18.0.0",
-		"@atlaskit/tmp-editor-statsig": "^6.0.0",
+		"@atlaskit/tmp-editor-statsig": "^7.0.0",
 		"@atlaskit/tokens": "^5.1.0",
 		"@atlaskit/tooltip": "^20.3.0",
 		"@babel/runtime": "^7.0.0",
@@ -151,6 +151,9 @@
 		},
 		"platform_editor_controls_patch_12": {
 			"type": "boolean"
+		},
+		"platform_editor_overflow_dropdown_click_analytics": {
+			"type": "boolean"
 		}
 	}
 }