@atlaskit/editor-plugin-floating-toolbar 18.0.7 → 18.0.8

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/editor-plugin-floating-toolbar
 
+## 18.0.8
+
+### Patch Changes
+
+- [`c4385174a8662`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/c4385174a8662) -
+  Clean up experiment `editor_a11y_role_textbox`.
+- Updated dependencies
+
 ## 18.0.7
 
 ### Patch Changes

package/dist/cjs/pm-plugins/commands.js

@@ -8,7 +8,7 @@ var _browser = require("@atlaskit/editor-common/browser");
 var _clipboard = require("@atlaskit/editor-common/clipboard");
 var _copyButton = require("@atlaskit/editor-common/copy-button");
 var _state = require("@atlaskit/editor-prosemirror/state");
-var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
+var _editorExperiment = require("@atlaskit/tmp-editor-statsig/editor-experiment");
 var copyNode = exports.copyNode = function copyNode(nodeType, editorAnalyticsApi, inputMethod) {
   return function (_ref) {
     var tr = _ref.tr;
@@ -26,7 +26,7 @@ var copyNode = exports.copyNode = function copyNode(nodeType, editorAnalyticsApi
     var schema = tr.doc.type.schema;
     var copyToClipboardTr = tr;
     var domNode = (0, _copyButton.toDOM)(contentNodeWithPos.node, schema);
-    if ((0, _experiments.editorExperiment)('platform_editor_block_menu', true)) {
+    if ((0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true)) {
       (0, _copyButton.copyDomNode)(domNode, contentNodeWithPos.node.type, tr.selection);
     } else {
       if (domNode) {

package/dist/cjs/ui/ConfirmationModal.js

@@ -25,5 +25,5 @@ var ConfirmationModalImpl = function ConfirmationModalImpl(props) {
   return options ? /*#__PURE__*/_react.default.createElement(_modalTransition.default, null, renderModel(options === null || options === void 0 ? void 0 : options.isReferentialityDialog)) : null;
 };
 
-// eslint-disable-next-line @typescript-eslint/ban-types
+// eslint-disable-next-line @typescript-eslint/no-restricted-types
 var ConfirmationModal = exports.ConfirmationModal = (0, _reactIntl.injectIntl)(ConfirmationModalImpl);

package/dist/cjs/ui/Toolbar.js

@@ -638,14 +638,6 @@ var Toolbar = /*#__PURE__*/function (_Component) {
       //Alt + F10 to reach first element in this floating toolbar
       return event.altKey && (event.key === 'F10' || event.keyCode === 121);
     });
-    (0, _defineProperty2.default)(_this, "doesNodeRequireAssitiveMessage", function (node) {
-      // Code blocks have an assistive message to announce the content of the code block to screen readers, so we don't need to announce the floating toolbar for those nodes
-      var nodesWithAlternativeRoles = ['codeBlock'];
-      if (nodesWithAlternativeRoles.includes(node.type.name)) {
-        return false;
-      }
-      return true;
-    });
     _this.scrollContainerRef = /*#__PURE__*/_react.default.createRef();
     _this.mountRef = /*#__PURE__*/_react.default.createRef();
     _this.toolbarContainerRef = /*#__PURE__*/_react.default.createRef();
@@ -718,7 +710,6 @@ var Toolbar = /*#__PURE__*/function (_Component) {
       var hasSelect = items.find(function (item) {
         return item.type === 'select' && item.selectType === 'list';
       });
-      var shouldRenderAssistiveAnnouncer = (0, _expValEquals.expValEquals)('editor_a11y_role_textbox', 'isEnabled', true) ? this.doesNodeRequireAssitiveMessage(node) : true;
       return (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(_uiMenu.ToolbarArrowKeyNavigationProvider, {
         editorView: this.props.editorView,
         handleEscape: this.handleEscape,
@@ -738,7 +729,7 @@ var Toolbar = /*#__PURE__*/function (_Component) {
         ,
         className: className,
         onMouseDown: areAnyNewToolbarFlagsEnabled ? this.captureMouseEvent : undefined
-      }, shouldRenderAssistiveAnnouncer && (0, _react2.jsx)(_ui.Announcer, {
+      }, (0, _react2.jsx)(_ui.Announcer, {
         text: mediaAssistiveMessage ? "".concat(mediaAssistiveMessage, ", ").concat(intl.formatMessage(_floatingToolbar.messages.floatingToolbarAnnouncer)) : intl.formatMessage(_floatingToolbar.messages.floatingToolbarAnnouncer),
         delay: 250
       }), scrollable && areAnyNewToolbarFlagsEnabled && (0, _react2.jsx)(_ScrollButton.ScrollButton, {
@@ -782,6 +773,6 @@ var Toolbar = /*#__PURE__*/function (_Component) {
       })));
     }
   }]);
-}(_react.Component); // eslint-disable-next-line @typescript-eslint/ban-types
+}(_react.Component); // eslint-disable-next-line @typescript-eslint/no-restricted-types
 var _default_1 = (0, _reactIntl.injectIntl)(Toolbar);
 var _default = exports.default = _default_1;

package/dist/es2019/pm-plugins/commands.js

@@ -2,7 +2,7 @@ import { getBrowserInfo } from '@atlaskit/editor-common/browser';
 import { copyHTMLToClipboard, copyHTMLToClipboardPolyfill, getNodeCopiedAnalyticsPayload } from '@atlaskit/editor-common/clipboard';
 import { copyDomNode, getSelectedNodeOrNodeParentByNodeType, toDOM } from '@atlaskit/editor-common/copy-button';
 import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
-import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/editor-experiment';
 export const copyNode = (nodeType, editorAnalyticsApi, inputMethod) => ({
   tr
 }) => {

package/dist/es2019/ui/ConfirmationModal.js

@@ -16,5 +16,5 @@ const ConfirmationModalImpl = props => {
   return options ? /*#__PURE__*/React.createElement(ModalTransition, null, renderModel(options === null || options === void 0 ? void 0 : options.isReferentialityDialog)) : null;
 };
 
-// eslint-disable-next-line @typescript-eslint/ban-types
+// eslint-disable-next-line @typescript-eslint/no-restricted-types
 export const ConfirmationModal = injectIntl(ConfirmationModalImpl);

package/dist/es2019/ui/Toolbar.js

@@ -598,14 +598,6 @@ class Toolbar extends Component {
       //Alt + F10 to reach first element in this floating toolbar
       return event.altKey && (event.key === 'F10' || event.keyCode === 121);
     });
-    _defineProperty(this, "doesNodeRequireAssitiveMessage", node => {
-      // Code blocks have an assistive message to announce the content of the code block to screen readers, so we don't need to announce the floating toolbar for those nodes
-      const nodesWithAlternativeRoles = ['codeBlock'];
-      if (nodesWithAlternativeRoles.includes(node.type.name)) {
-        return false;
-      }
-      return true;
-    });
     this.scrollContainerRef = /*#__PURE__*/React.createRef();
     this.mountRef = /*#__PURE__*/React.createRef();
     this.toolbarContainerRef = /*#__PURE__*/React.createRef();
@@ -672,7 +664,6 @@ class Toolbar extends Component {
     // Select has left padding of 4px to the border, everything else 8px
     const firstElementIsSelect = items[0].type === 'select';
     const hasSelect = items.find(item => item.type === 'select' && item.selectType === 'list');
-    const shouldRenderAssistiveAnnouncer = expValEquals('editor_a11y_role_textbox', 'isEnabled', true) ? this.doesNodeRequireAssitiveMessage(node) : true;
     return jsx(React.Fragment, null, jsx(ToolbarArrowKeyNavigationProvider, {
       editorView: this.props.editorView,
       handleEscape: this.handleEscape,
@@ -690,7 +681,7 @@ class Toolbar extends Component {
       ,
       className: className,
       onMouseDown: areAnyNewToolbarFlagsEnabled ? this.captureMouseEvent : undefined
-    }, shouldRenderAssistiveAnnouncer && jsx(Announcer, {
+    }, jsx(Announcer, {
       text: mediaAssistiveMessage ? `${mediaAssistiveMessage}, ${intl.formatMessage(messages.floatingToolbarAnnouncer)}` : intl.formatMessage(messages.floatingToolbarAnnouncer),
       delay: 250
     }), scrollable && areAnyNewToolbarFlagsEnabled && jsx(ScrollButton, {
@@ -735,6 +726,6 @@ class Toolbar extends Component {
   }
 }
 
-// eslint-disable-next-line @typescript-eslint/ban-types
+// eslint-disable-next-line @typescript-eslint/no-restricted-types
 const _default_1 = injectIntl(Toolbar);
 export default _default_1;

package/dist/esm/pm-plugins/commands.js

@@ -2,7 +2,7 @@ import { getBrowserInfo } from '@atlaskit/editor-common/browser';
 import { copyHTMLToClipboard, copyHTMLToClipboardPolyfill, getNodeCopiedAnalyticsPayload } from '@atlaskit/editor-common/clipboard';
 import { copyDomNode, getSelectedNodeOrNodeParentByNodeType, toDOM } from '@atlaskit/editor-common/copy-button';
 import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
-import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/editor-experiment';
 export var copyNode = function copyNode(nodeType, editorAnalyticsApi, inputMethod) {
   return function (_ref) {
     var tr = _ref.tr;

package/dist/esm/ui/ConfirmationModal.js

@@ -18,5 +18,5 @@ var ConfirmationModalImpl = function ConfirmationModalImpl(props) {
   return options ? /*#__PURE__*/React.createElement(ModalTransition, null, renderModel(options === null || options === void 0 ? void 0 : options.isReferentialityDialog)) : null;
 };
 
-// eslint-disable-next-line @typescript-eslint/ban-types
+// eslint-disable-next-line @typescript-eslint/no-restricted-types
 export var ConfirmationModal = injectIntl(ConfirmationModalImpl);

package/dist/esm/ui/Toolbar.js

@@ -632,14 +632,6 @@ var Toolbar = /*#__PURE__*/function (_Component) {
       //Alt + F10 to reach first element in this floating toolbar
       return event.altKey && (event.key === 'F10' || event.keyCode === 121);
     });
-    _defineProperty(_this, "doesNodeRequireAssitiveMessage", function (node) {
-      // Code blocks have an assistive message to announce the content of the code block to screen readers, so we don't need to announce the floating toolbar for those nodes
-      var nodesWithAlternativeRoles = ['codeBlock'];
-      if (nodesWithAlternativeRoles.includes(node.type.name)) {
-        return false;
-      }
-      return true;
-    });
     _this.scrollContainerRef = /*#__PURE__*/React.createRef();
     _this.mountRef = /*#__PURE__*/React.createRef();
     _this.toolbarContainerRef = /*#__PURE__*/React.createRef();
@@ -712,7 +704,6 @@ var Toolbar = /*#__PURE__*/function (_Component) {
       var hasSelect = items.find(function (item) {
         return item.type === 'select' && item.selectType === 'list';
       });
-      var shouldRenderAssistiveAnnouncer = expValEquals('editor_a11y_role_textbox', 'isEnabled', true) ? this.doesNodeRequireAssitiveMessage(node) : true;
       return jsx(React.Fragment, null, jsx(ToolbarArrowKeyNavigationProvider, {
         editorView: this.props.editorView,
         handleEscape: this.handleEscape,
@@ -732,7 +723,7 @@ var Toolbar = /*#__PURE__*/function (_Component) {
         ,
         className: className,
         onMouseDown: areAnyNewToolbarFlagsEnabled ? this.captureMouseEvent : undefined
-      }, shouldRenderAssistiveAnnouncer && jsx(Announcer, {
+      }, jsx(Announcer, {
         text: mediaAssistiveMessage ? "".concat(mediaAssistiveMessage, ", ").concat(intl.formatMessage(messages.floatingToolbarAnnouncer)) : intl.formatMessage(messages.floatingToolbarAnnouncer),
         delay: 250
       }), scrollable && areAnyNewToolbarFlagsEnabled && jsx(ScrollButton, {
@@ -776,6 +767,6 @@ var Toolbar = /*#__PURE__*/function (_Component) {
       })));
     }
   }]);
-}(Component); // eslint-disable-next-line @typescript-eslint/ban-types
+}(Component); // eslint-disable-next-line @typescript-eslint/no-restricted-types
 var _default_1 = injectIntl(Toolbar);
 export default _default_1;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-floating-toolbar",
-	"version": "18.0.7",
+	"version": "18.0.8",
 	"description": "Floating toolbar plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -43,7 +43,7 @@
 		"@atlaskit/platform-feature-flags": "^2.1.0",
 		"@atlaskit/primitives": "^22.4.0",
 		"@atlaskit/select": "^22.10.0",
-		"@atlaskit/tmp-editor-statsig": "^167.0.0",
+		"@atlaskit/tmp-editor-statsig": "^168.0.0",
 		"@atlaskit/tokens": "^16.9.0",
 		"@atlaskit/tooltip": "^24.2.0",
 		"@babel/runtime": "^7.0.0",