@atlaskit/editor-plugin-floating-toolbar 8.2.23 → 8.3.0

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @atlaskit/editor-plugin-floating-toolbar
 
+## 8.3.0
+
+### Minor Changes
+
+- [`762b79e21f96a`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/762b79e21f96a) -
+  Migrated and cleaned up legacy iconography usage.
+
+### Patch Changes
+
+- Updated dependencies
+
+## 8.2.24
+
+### Patch Changes
+
+- [`90abe9b926a6f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/90abe9b926a6f) -
+  Icon entrypoint migration
+- Updated dependencies
+
 ## 8.2.23
 
 ### Patch Changes

package/dist/cjs/ui/Dropdown.js

@@ -17,7 +17,6 @@ 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/core/chevron-down"));
-var _chevronDown2 = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-down"));
 var _Divider = require("./Divider");
 var _DropdownMenu = _interopRequireWildcard(require("./DropdownMenu"));
 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); }
@@ -48,7 +47,6 @@ var CompositeIcon = function CompositeIcon(_ref) {
     color: "currentColor",
     spacing: "spacious",
     label: "Expand dropdown menu",
-    LEGACY_fallbackIcon: _chevronDown2.default,
     size: "small"
   })));
 };
@@ -190,7 +188,6 @@ var Dropdown = exports.default = /*#__PURE__*/function (_Component) {
             color: "currentColor",
             spacing: "spacious",
             label: "Expand dropdown menu",
-            LEGACY_fallbackIcon: _chevronDown2.default,
             size: "small"
           })),
           icon: iconBefore,

package/dist/cjs/ui/EmojiPickerButton.js

@@ -17,7 +17,6 @@ var _emoji = require("@atlaskit/emoji");
 var _emojiAdd = _interopRequireDefault(require("@atlaskit/icon/core/emoji-add"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
-var _EditorEmojiAddIcon = _interopRequireDefault(require("./EditorEmojiAddIcon"));
 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); }
 /**
  * @jsxRuntime classic
@@ -171,7 +170,6 @@ var EmojiPickerButton = exports.EmojiPickerButton = function EmojiPickerButton(p
     icon: function icon() {
       return (0, _react2.jsx)(_emojiAdd.default, {
         color: "currentColor",
-        LEGACY_fallbackIcon: _EditorEmojiAddIcon.default,
         label: "emoji-picker-button",
         spacing: "spacious"
       });

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/core/migration/chevron-left--chevron-left-large"));
-var _chevronRightChevronRightLarge = _interopRequireDefault(require("@atlaskit/icon/core/migration/chevron-right--chevron-right-large"));
+var _chevronLeft = _interopRequireDefault(require("@atlaskit/icon/core/chevron-left"));
+var _chevronRight = _interopRequireDefault(require("@atlaskit/icon/core/chevron-right"));
 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); }
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
@@ -131,7 +131,7 @@ var ScrollButton = exports.ScrollButton = function ScrollButton(_ref) {
       });
     }
   }, [node.type, scrollContainerRef]);
-  var Icon = side === 'left' ? _chevronLeftChevronLeftLarge.default : _chevronRightChevronRightLarge.default;
+  var Icon = side === 'left' ? _chevronLeft.default : _chevronRight.default;
   return needScroll && (side === 'left' && canScrollToSide || side === 'right' && canScrollToSide) && /*#__PURE__*/_react.default.createElement(_primitives.Box, {
     padding: "space.050",
     xcss: [side === 'left' ? leftSideStyles : rightSideStyles, buttonCommonStyles]

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/core/migration/chevron-left--chevron-left-large"));
-var _chevronRightChevronRightLarge = _interopRequireDefault(require("@atlaskit/icon/core/migration/chevron-right--chevron-right-large"));
+var _chevronLeft = _interopRequireDefault(require("@atlaskit/icon/core/chevron-left"));
+var _chevronRight = _interopRequireDefault(require("@atlaskit/icon/core/chevron-right"));
 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); }
 /**
@@ -33,8 +33,8 @@ var toolbarScrollButtons = (0, _react2.css)({
   flexShrink: 0,
   alignItems: 'center'
 });
-var LeftIcon = _chevronLeftChevronLeftLarge.default;
-var RightIcon = _chevronRightChevronRightLarge.default;
+var LeftIcon = _chevronLeft.default;
+var RightIcon = _chevronRight.default;
 // Remove this component (replaced by ScrollButton) as part of platform_editor_controls clean up
 var ScrollButtons = exports.ScrollButtons = function ScrollButtons(_ref) {
   var intl = _ref.intl,

package/dist/cjs/ui/Toolbar.js

@@ -136,15 +136,8 @@ var ToolbarItems = /*#__PURE__*/_react.default.memo(function (_ref) {
           key: idx,
           title: item.title,
           href: item.href,
-          icon: item.icon ? item.iconFallback ? (0, _react2.jsx)(ButtonIcon, {
+          icon: item.icon ? (0, _react2.jsx)(ButtonIcon, {
             color: getIconColor(item.disabled, item.selected),
-            spacing: "spacious",
-            label: undefined,
-            LEGACY_fallbackIcon: item.iconFallback,
-            LEGACY_primaryColor: "currentColor",
-            Legacy_secondaryColor: "var(--ds-surface, #FFFFFF)",
-            "aria-hidden": true // Icon is described by the button for screen readers
-          }) : (0, _react2.jsx)(ButtonIcon, {
             spacing: "spacious",
             label: undefined,
             "aria-hidden": true // Icon is described by the button for screen readers

package/dist/es2019/ui/Dropdown.js

@@ -12,7 +12,6 @@ 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 { Divider } from './Divider';
 import DropdownMenu, { itemSpacing, menuItemDimensions } from './DropdownMenu';
 
@@ -35,7 +34,6 @@ const CompositeIcon = ({
   color: "currentColor",
   spacing: "spacious",
   label: "Expand dropdown menu",
-  LEGACY_fallbackIcon: ExpandIcon,
   size: "small"
 })));
 // eslint-disable-next-line @repo/internal/react/no-class-components
@@ -172,7 +170,6 @@ export default class Dropdown extends Component {
           color: "currentColor",
           spacing: "spacious",
           label: "Expand dropdown menu",
-          LEGACY_fallbackIcon: ExpandIcon,
           size: "small"
         })),
         icon: iconBefore,

package/dist/es2019/ui/EmojiPickerButton.js

@@ -14,8 +14,6 @@ import { EmojiPicker } from '@atlaskit/emoji';
 import EmojiAddIcon from '@atlaskit/icon/core/emoji-add';
 import { fg } from '@atlaskit/platform-feature-flags';
 import Tooltip from '@atlaskit/tooltip';
-import EditorEmojiAddIcon from './EditorEmojiAddIcon';
-
 // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
 const emojiPickerButtonWrapper = css({
   position: 'relative',
@@ -155,7 +153,6 @@ export const EmojiPickerButton = props => {
     spacing: "compact",
     icon: () => jsx(EmojiAddIcon, {
       color: "currentColor",
-      LEGACY_fallbackIcon: EditorEmojiAddIcon,
       label: "emoji-picker-button",
       spacing: "spacious"
     })

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/core/migration/chevron-left--chevron-left-large';
-import ChevronRightLargeIcon from '@atlaskit/icon/core/migration/chevron-right--chevron-right-large';
+import ChevronLeftLargeIcon from '@atlaskit/icon/core/chevron-left';
+import ChevronRightLargeIcon from '@atlaskit/icon/core/chevron-right';
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 import { Box, xcss } from '@atlaskit/primitives';
 const rightSideStyles = xcss({

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/core/migration/chevron-left--chevron-left-large';
-import ChevronRightLargeIcon from '@atlaskit/icon/core/migration/chevron-right--chevron-right-large';
+import ChevronLeftLargeIcon from '@atlaskit/icon/core/chevron-left';
+import ChevronRightLargeIcon from '@atlaskit/icon/core/chevron-right';
 import { N30 } from '@atlaskit/theme/colors';
 // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
 const toolbarScrollButtons = css({

package/dist/es2019/ui/Toolbar.js

@@ -124,15 +124,8 @@ const ToolbarItems = /*#__PURE__*/React.memo(({
           key: idx,
           title: item.title,
           href: item.href,
-          icon: item.icon ? item.iconFallback ? jsx(ButtonIcon, {
+          icon: item.icon ? jsx(ButtonIcon, {
             color: getIconColor(item.disabled, item.selected),
-            spacing: "spacious",
-            label: undefined,
-            LEGACY_fallbackIcon: item.iconFallback,
-            LEGACY_primaryColor: "currentColor",
-            Legacy_secondaryColor: "var(--ds-surface, #FFFFFF)",
-            "aria-hidden": true // Icon is described by the button for screen readers
-          }) : jsx(ButtonIcon, {
             spacing: "spacious",
             label: undefined,
             "aria-hidden": true // Icon is described by the button for screen readers

package/dist/esm/ui/Dropdown.js

@@ -21,7 +21,6 @@ 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 { Divider } from './Divider';
 import DropdownMenu, { itemSpacing, menuItemDimensions } from './DropdownMenu';
 
@@ -44,7 +43,6 @@ var CompositeIcon = function CompositeIcon(_ref) {
     color: "currentColor",
     spacing: "spacious",
     label: "Expand dropdown menu",
-    LEGACY_fallbackIcon: ExpandIcon,
     size: "small"
   })));
 };
@@ -186,7 +184,6 @@ var Dropdown = /*#__PURE__*/function (_Component) {
             color: "currentColor",
             spacing: "spacious",
             label: "Expand dropdown menu",
-            LEGACY_fallbackIcon: ExpandIcon,
             size: "small"
           })),
           icon: iconBefore,

package/dist/esm/ui/EmojiPickerButton.js

@@ -15,8 +15,6 @@ import { EmojiPicker } from '@atlaskit/emoji';
 import EmojiAddIcon from '@atlaskit/icon/core/emoji-add';
 import { fg } from '@atlaskit/platform-feature-flags';
 import Tooltip from '@atlaskit/tooltip';
-import EditorEmojiAddIcon from './EditorEmojiAddIcon';
-
 // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
 var emojiPickerButtonWrapper = css({
   position: 'relative',
@@ -162,7 +160,6 @@ export var EmojiPickerButton = function EmojiPickerButton(props) {
     icon: function icon() {
       return jsx(EmojiAddIcon, {
         color: "currentColor",
-        LEGACY_fallbackIcon: EditorEmojiAddIcon,
         label: "emoji-picker-button",
         spacing: "spacious"
       });

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/core/migration/chevron-left--chevron-left-large';
-import ChevronRightLargeIcon from '@atlaskit/icon/core/migration/chevron-right--chevron-right-large';
+import ChevronLeftLargeIcon from '@atlaskit/icon/core/chevron-left';
+import ChevronRightLargeIcon from '@atlaskit/icon/core/chevron-right';
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 import { Box, xcss } from '@atlaskit/primitives';
 var rightSideStyles = xcss({

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/core/migration/chevron-left--chevron-left-large';
-import ChevronRightLargeIcon from '@atlaskit/icon/core/migration/chevron-right--chevron-right-large';
+import ChevronLeftLargeIcon from '@atlaskit/icon/core/chevron-left';
+import ChevronRightLargeIcon from '@atlaskit/icon/core/chevron-right';
 import { N30 } from '@atlaskit/theme/colors';
 // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
 var toolbarScrollButtons = css({

package/dist/esm/ui/Toolbar.js

@@ -130,15 +130,8 @@ var ToolbarItems = /*#__PURE__*/React.memo(function (_ref) {
           key: idx,
           title: item.title,
           href: item.href,
-          icon: item.icon ? item.iconFallback ? jsx(ButtonIcon, {
+          icon: item.icon ? jsx(ButtonIcon, {
             color: getIconColor(item.disabled, item.selected),
-            spacing: "spacious",
-            label: undefined,
-            LEGACY_fallbackIcon: item.iconFallback,
-            LEGACY_primaryColor: "currentColor",
-            Legacy_secondaryColor: "var(--ds-surface, #FFFFFF)",
-            "aria-hidden": true // Icon is described by the button for screen readers
-          }) : jsx(ButtonIcon, {
             spacing: "spacious",
             label: undefined,
             "aria-hidden": true // Icon is described by the button for screen readers

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-floating-toolbar",
-	"version": "8.2.23",
+	"version": "8.3.0",
 	"description": "Floating toolbar plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -22,8 +22,8 @@
 	"atlaskit:src": "src/index.ts",
 	"dependencies": {
 		"@atlaskit/adf-utils": "^19.26.0",
-		"@atlaskit/button": "^23.6.0",
-		"@atlaskit/checkbox": "^17.1.0",
+		"@atlaskit/button": "^23.8.0",
+		"@atlaskit/checkbox": "^17.2.0",
 		"@atlaskit/editor-palette": "^2.1.0",
 		"@atlaskit/editor-plugin-analytics": "^6.2.0",
 		"@atlaskit/editor-plugin-context-panel": "^8.0.0",
@@ -35,17 +35,17 @@
 		"@atlaskit/editor-plugin-extension": "^9.2.0",
 		"@atlaskit/editor-plugin-interaction": "^10.0.0",
 		"@atlaskit/editor-plugin-user-intent": "^4.0.0",
-		"@atlaskit/editor-prosemirror": "7.0.0",
+		"@atlaskit/editor-prosemirror": "^7.2.0",
 		"@atlaskit/emoji": "^69.9.0",
-		"@atlaskit/icon": "^29.0.0",
+		"@atlaskit/icon": "^29.2.0",
 		"@atlaskit/menu": "^8.4.0",
-		"@atlaskit/modal-dialog": "^14.7.0",
+		"@atlaskit/modal-dialog": "^14.9.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/primitives": "^16.4.0",
-		"@atlaskit/select": "^21.4.0",
+		"@atlaskit/select": "^21.6.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tmp-editor-statsig": "^15.0.0",
-		"@atlaskit/tokens": "^8.4.0",
+		"@atlaskit/tmp-editor-statsig": "^15.12.0",
+		"@atlaskit/tokens": "^8.6.0",
 		"@atlaskit/tooltip": "^20.11.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
@@ -56,13 +56,13 @@
 		"react-loadable": "^5.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^110.40.0",
+		"@atlaskit/editor-common": "^110.45.0",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0"
 	},
 	"devDependencies": {
 		"@testing-library/dom": "^10.1.0",
-		"@testing-library/react": "^13.4.0",
+		"@testing-library/react": "^16.3.0",
 		"@testing-library/user-event": "^14.4.3",
 		"enzyme": "^3.10.0",
 		"wait-for-expect": "^1.2.0"