@atlaskit/editor-plugin-floating-toolbar 1.7.4 → 1.7.6

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @atlaskit/editor-plugin-floating-toolbar
 
+## 1.7.6
+
+### Patch Changes
+
+- [#116062](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/116062)
+  [`1c26d1ee6fb25`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/1c26d1ee6fb25) -
+  Migrated to new atlaskit Buttons.
+- Updated dependencies
+
+## 1.7.5
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 1.7.4
 
 ### Patch Changes

package/dist/cjs/ui/CheckboxModal.js

@@ -9,7 +9,7 @@ exports.CheckboxModal = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
-var _standardButton = _interopRequireDefault(require("@atlaskit/button/standard-button"));
+var _new = _interopRequireDefault(require("@atlaskit/button/new"));
 var _checkbox = require("@atlaskit/checkbox");
 var _floatingToolbar = require("@atlaskit/editor-common/floating-toolbar");
 var _modalDialog = _interopRequireWildcard(require("@atlaskit/modal-dialog"));
@@ -67,11 +67,11 @@ var CheckboxModal = exports.CheckboxModal = function CheckboxModal(props) {
     },
     label: checkboxlabel,
     testId: testId ? "".concat(testId, "-checkbox") : undefined
-  }))), /*#__PURE__*/_react.default.createElement(_modalDialog.ModalFooter, null, /*#__PURE__*/_react.default.createElement(_standardButton.default, {
+  }))), /*#__PURE__*/_react.default.createElement(_modalDialog.ModalFooter, null, /*#__PURE__*/_react.default.createElement(_new.default, {
     appearance: "default",
     onClick: onClose,
     testId: testId ? "".concat(testId, "-cancel-button") : undefined
-  }, cancelButtonLabel), /*#__PURE__*/_react.default.createElement(_standardButton.default, {
+  }, cancelButtonLabel), /*#__PURE__*/_react.default.createElement(_new.default, {
     appearance: "warning",
     onClick: function onClick() {
       onConfirm(isChecked);

package/dist/cjs/ui/Dropdown.js

@@ -18,6 +18,7 @@ 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 _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _DropdownMenu = _interopRequireWildcard(require("./DropdownMenu"));
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -202,6 +203,13 @@ var Dropdown = exports.default = /*#__PURE__*/function (_Component) {
         if (this.props.setDisableParentScroll) {
           this.props.setDisableParentScroll(this.state.isOpen);
         }
+
+        // ECA11Y-235: no sense in sending keyboard event since the menu popup mounted to the custom element, we will ensure first element focused asap as 'MenuArrowKeyNavigationProvider' is mounted
+        if (this.props.mountPoint &&
+        // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-registration
+        (0, _platformFeatureFlags.getBooleanFF)('platform.editor.a11y-main-toolbar-navigation_osrty')) {
+          return;
+        }
         if (this.state.isOpen && this.state.isOpenedByKeyboard) {
           var dropList = document.querySelector('[data-role="droplistContent"]');
           if (dropList) {

package/dist/cjs/ui/EmojiPickerButton.js

@@ -8,7 +8,7 @@ exports.EmojiPickerButton = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
-var _button = _interopRequireDefault(require("@atlaskit/button"));
+var _standardButton = _interopRequireDefault(require("@atlaskit/button/standard-button"));
 var _providerFactory = require("@atlaskit/editor-common/provider-factory");
 var _ui = require("@atlaskit/editor-common/ui");
 var _uiReact = require("@atlaskit/editor-common/ui-react");
@@ -105,9 +105,11 @@ var EmojiPickerButton = exports.EmojiPickerButton = function EmojiPickerButton(p
   }, (0, _react2.jsx)(_tooltip.default, {
     content: title,
     position: "top"
-  }, (0, _react2.jsx)(_button.default, {
+  }, (0, _react2.jsx)(_standardButton.default, {
     appearance: 'subtle',
-    key: props.idx,
+    key: props.idx
+    // TODO: (from codemod) Buttons with "component", "css" or "style" prop can't be automatically migrated with codemods. Please migrate it manually.
+    ,
     style: {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       padding: 0,

package/dist/cjs/ui/SimpleModal.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.SimpleModal = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _standardButton = _interopRequireDefault(require("@atlaskit/button/standard-button"));
+var _new = _interopRequireDefault(require("@atlaskit/button/new"));
 var _floatingToolbar = require("@atlaskit/editor-common/floating-toolbar");
 var _modalDialog = _interopRequireWildcard(require("@atlaskit/modal-dialog"));
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
@@ -26,11 +26,11 @@ var SimpleModal = exports.SimpleModal = function SimpleModal(props) {
     testId: testId
   }, /*#__PURE__*/_react.default.createElement(_modalDialog.ModalHeader, null, /*#__PURE__*/_react.default.createElement(_modalDialog.ModalTitle, {
     appearance: "warning"
-  }, heading)), /*#__PURE__*/_react.default.createElement(_modalDialog.ModalBody, null, /*#__PURE__*/_react.default.createElement("p", null, options === null || options === void 0 ? void 0 : options.message)), /*#__PURE__*/_react.default.createElement(_modalDialog.ModalFooter, null, /*#__PURE__*/_react.default.createElement(_standardButton.default, {
+  }, heading)), /*#__PURE__*/_react.default.createElement(_modalDialog.ModalBody, null, /*#__PURE__*/_react.default.createElement("p", null, options === null || options === void 0 ? void 0 : options.message)), /*#__PURE__*/_react.default.createElement(_modalDialog.ModalFooter, null, /*#__PURE__*/_react.default.createElement(_new.default, {
     appearance: "default",
     onClick: onClose,
     testId: testId ? "".concat(testId, "-cancel-button") : undefined
-  }, cancelButtonLabel), /*#__PURE__*/_react.default.createElement(_standardButton.default, {
+  }, cancelButtonLabel), /*#__PURE__*/_react.default.createElement(_new.default, {
     appearance: "warning",
     onClick: function onClick() {
       onConfirm();

package/dist/es2019/ui/CheckboxModal.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useState } from 'react';
-import Button from '@atlaskit/button/standard-button';
+import Button from '@atlaskit/button/new';
 import { Checkbox } from '@atlaskit/checkbox';
 import { messages } from '@atlaskit/editor-common/floating-toolbar';
 import Modal, { ModalBody, ModalFooter, ModalHeader, ModalTitle } from '@atlaskit/modal-dialog';

package/dist/es2019/ui/Dropdown.js

@@ -8,6 +8,7 @@ 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 ExpandIcon from '@atlaskit/icon/glyph/chevron-down';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import DropdownMenu, { itemSpacing, menuItemDimensions } from './DropdownMenu';
 
 // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
@@ -179,6 +180,13 @@ export default class Dropdown extends Component {
       if (this.props.setDisableParentScroll) {
         this.props.setDisableParentScroll(this.state.isOpen);
       }
+
+      // ECA11Y-235: no sense in sending keyboard event since the menu popup mounted to the custom element, we will ensure first element focused asap as 'MenuArrowKeyNavigationProvider' is mounted
+      if (this.props.mountPoint &&
+      // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-registration
+      getBooleanFF('platform.editor.a11y-main-toolbar-navigation_osrty')) {
+        return;
+      }
       if (this.state.isOpen && this.state.isOpenedByKeyboard) {
         const dropList = document.querySelector('[data-role="droplistContent"]');
         if (dropList) {

package/dist/es2019/ui/EmojiPickerButton.js

@@ -3,7 +3,7 @@ import React from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
-import Button from '@atlaskit/button';
+import Button from '@atlaskit/button/standard-button';
 import { WithProviders } from '@atlaskit/editor-common/provider-factory';
 import { Popup } from '@atlaskit/editor-common/ui';
 import { withReactEditorViewOuterListeners } from '@atlaskit/editor-common/ui-react';
@@ -94,7 +94,9 @@ export const EmojiPickerButton = props => {
     position: "top"
   }, jsx(Button, {
     appearance: 'subtle',
-    key: props.idx,
+    key: props.idx
+    // TODO: (from codemod) Buttons with "component", "css" or "style" prop can't be automatically migrated with codemods. Please migrate it manually.
+    ,
     style: {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       padding: 0,

package/dist/es2019/ui/SimpleModal.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import Button from '@atlaskit/button/standard-button';
+import Button from '@atlaskit/button/new';
 import { messages } from '@atlaskit/editor-common/floating-toolbar';
 import Modal, { ModalBody, ModalFooter, ModalHeader, ModalTitle } from '@atlaskit/modal-dialog';
 export const SimpleModal = props => {

package/dist/esm/ui/CheckboxModal.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import React, { useState } from 'react';
-import Button from '@atlaskit/button/standard-button';
+import Button from '@atlaskit/button/new';
 import { Checkbox } from '@atlaskit/checkbox';
 import { messages } from '@atlaskit/editor-common/floating-toolbar';
 import Modal, { ModalBody, ModalFooter, ModalHeader, ModalTitle } from '@atlaskit/modal-dialog';

package/dist/esm/ui/Dropdown.js

@@ -18,6 +18,7 @@ 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 ExpandIcon from '@atlaskit/icon/glyph/chevron-down';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import DropdownMenu, { itemSpacing, menuItemDimensions } from './DropdownMenu';
 
 // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
@@ -197,6 +198,13 @@ var Dropdown = /*#__PURE__*/function (_Component) {
         if (this.props.setDisableParentScroll) {
           this.props.setDisableParentScroll(this.state.isOpen);
         }
+
+        // ECA11Y-235: no sense in sending keyboard event since the menu popup mounted to the custom element, we will ensure first element focused asap as 'MenuArrowKeyNavigationProvider' is mounted
+        if (this.props.mountPoint &&
+        // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-registration
+        getBooleanFF('platform.editor.a11y-main-toolbar-navigation_osrty')) {
+          return;
+        }
         if (this.state.isOpen && this.state.isOpenedByKeyboard) {
           var dropList = document.querySelector('[data-role="droplistContent"]');
           if (dropList) {

package/dist/esm/ui/EmojiPickerButton.js

@@ -4,7 +4,7 @@ import React from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
-import Button from '@atlaskit/button';
+import Button from '@atlaskit/button/standard-button';
 import { WithProviders } from '@atlaskit/editor-common/provider-factory';
 import { Popup } from '@atlaskit/editor-common/ui';
 import { withReactEditorViewOuterListeners } from '@atlaskit/editor-common/ui-react';
@@ -100,7 +100,9 @@ export var EmojiPickerButton = function EmojiPickerButton(props) {
     position: "top"
   }, jsx(Button, {
     appearance: 'subtle',
-    key: props.idx,
+    key: props.idx
+    // TODO: (from codemod) Buttons with "component", "css" or "style" prop can't be automatically migrated with codemods. Please migrate it manually.
+    ,
     style: {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       padding: 0,

package/dist/esm/ui/SimpleModal.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import Button from '@atlaskit/button/standard-button';
+import Button from '@atlaskit/button/new';
 import { messages } from '@atlaskit/editor-common/floating-toolbar';
 import Modal, { ModalBody, ModalFooter, ModalHeader, ModalTitle } from '@atlaskit/modal-dialog';
 export var SimpleModal = function SimpleModal(props) {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-floating-toolbar",
-	"version": "1.7.4",
+	"version": "1.7.6",
 	"description": "Floating toolbar plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -24,25 +24,25 @@
 		".": "./src/index.ts"
 	},
 	"dependencies": {
-		"@atlaskit/adf-utils": "^19.3.0",
+		"@atlaskit/adf-utils": "^19.4.0",
 		"@atlaskit/button": "^18.0.0",
 		"@atlaskit/checkbox": "^13.5.0",
-		"@atlaskit/editor-common": "^83.0.0",
+		"@atlaskit/editor-common": "^83.5.0",
 		"@atlaskit/editor-palette": "1.6.0",
-		"@atlaskit/editor-plugin-block-controls": "^1.4.1",
+		"@atlaskit/editor-plugin-block-controls": "^1.5.0",
 		"@atlaskit/editor-plugin-context-panel": "^1.1.0",
 		"@atlaskit/editor-plugin-copy-button": "^1.1.0",
 		"@atlaskit/editor-plugin-decorations": "^1.1.0",
 		"@atlaskit/editor-plugin-editor-disabled": "^1.1.0",
 		"@atlaskit/editor-plugin-editor-viewmode": "^2.0.0",
-		"@atlaskit/editor-plugin-extension": "^1.8.0",
-		"@atlaskit/editor-plugin-table": "^7.18.0",
+		"@atlaskit/editor-plugin-extension": "^1.9.0",
+		"@atlaskit/editor-plugin-table": "^7.19.0",
 		"@atlaskit/editor-prosemirror": "4.0.1",
 		"@atlaskit/emoji": "^67.6.0",
-		"@atlaskit/icon": "^22.4.0",
-		"@atlaskit/menu": "^2.5.0",
+		"@atlaskit/icon": "^22.5.0",
+		"@atlaskit/menu": "^2.6.0",
 		"@atlaskit/modal-dialog": "^12.14.0",
-		"@atlaskit/platform-feature-flags": "^0.2.5",
+		"@atlaskit/platform-feature-flags": "^0.3.0",
 		"@atlaskit/select": "^17.11.0",
 		"@atlaskit/theme": "^12.11.0",
 		"@atlaskit/tokens": "^1.53.0",