@atlaskit/editor-plugin-floating-toolbar 0.7.9 → 0.7.11

package/CHANGELOG.md

@@ -1,5 +1,37 @@
 # @atlaskit/editor-plugin-floating-toolbar
 
+## 0.7.11
+
+### Patch Changes
+
+- [#43825](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/43825) [`135446e0465`](https://bitbucket.org/atlassian/atlassian-frontend/commits/135446e0465) - [ED-20885] Add setTimeout to make sure a tooltip for a dropdown item renders at the correct position
+
+## 0.7.10
+
+### Patch Changes
+
+- [#43646](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/43646) [`d43f8e9402f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d43f8e9402f) - Make feature flags plugin optional in all plugins including:
+
+  - analytics
+  - base
+  - card
+  - code-block
+  - expand
+  - extension
+  - floating-toolbar
+  - hyperlink
+  - insert-block
+  - layout
+  - layout
+  - list
+  - media
+  - paste
+  - rule
+  - table
+  - tasks-and-decisions
+
+  We already treat it as optional in the plugins, so this is just ensuring that the plugin is not mandatory to be added to the preset.
+
 ## 0.7.9
 
 ### Patch Changes

package/dist/cjs/ui/Dropdown.js

@@ -204,11 +204,17 @@ var Dropdown = exports.default = /*#__PURE__*/function (_Component) {
         if (this.state.isOpen && this.state.isOpenedByKeyboard) {
           var dropList = document.querySelector('[data-role="droplistContent"]');
           if (dropList) {
-            var keyboardEvent = new KeyboardEvent('keydown', {
-              bubbles: true,
-              key: 'ArrowDown'
-            });
-            dropList.dispatchEvent(keyboardEvent);
+            // Add setTimeout so that if a dropdown item has tooltip,
+            // the tooltip won't be rendered until next render cycle
+            // when the droplist is correctly positioned.
+            // This makes tooltip appears at the correct position for the first dropdown item.
+            setTimeout(function () {
+              var keyboardEvent = new KeyboardEvent('keydown', {
+                bubbles: true,
+                key: 'ArrowDown'
+              });
+              dropList.dispatchEvent(keyboardEvent);
+            }, 0);
           }
         }
       }

package/dist/es2019/ui/Dropdown.js

@@ -180,11 +180,17 @@ export default class Dropdown extends Component {
       if (this.state.isOpen && this.state.isOpenedByKeyboard) {
         const dropList = document.querySelector('[data-role="droplistContent"]');
         if (dropList) {
-          const keyboardEvent = new KeyboardEvent('keydown', {
-            bubbles: true,
-            key: 'ArrowDown'
-          });
-          dropList.dispatchEvent(keyboardEvent);
+          // Add setTimeout so that if a dropdown item has tooltip,
+          // the tooltip won't be rendered until next render cycle
+          // when the droplist is correctly positioned.
+          // This makes tooltip appears at the correct position for the first dropdown item.
+          setTimeout(() => {
+            const keyboardEvent = new KeyboardEvent('keydown', {
+              bubbles: true,
+              key: 'ArrowDown'
+            });
+            dropList.dispatchEvent(keyboardEvent);
+          }, 0);
         }
       }
     }

package/dist/esm/ui/Dropdown.js

@@ -196,11 +196,17 @@ var Dropdown = /*#__PURE__*/function (_Component) {
         if (this.state.isOpen && this.state.isOpenedByKeyboard) {
           var dropList = document.querySelector('[data-role="droplistContent"]');
           if (dropList) {
-            var keyboardEvent = new KeyboardEvent('keydown', {
-              bubbles: true,
-              key: 'ArrowDown'
-            });
-            dropList.dispatchEvent(keyboardEvent);
+            // Add setTimeout so that if a dropdown item has tooltip,
+            // the tooltip won't be rendered until next render cycle
+            // when the droplist is correctly positioned.
+            // This makes tooltip appears at the correct position for the first dropdown item.
+            setTimeout(function () {
+              var keyboardEvent = new KeyboardEvent('keydown', {
+                bubbles: true,
+                key: 'ArrowDown'
+              });
+              dropList.dispatchEvent(keyboardEvent);
+            }, 0);
           }
         }
       }

package/dist/types/types.d.ts

@@ -25,7 +25,7 @@ export type ForceFocusSelector = (selector: string | null) => (tr: Transaction)
  */
 export type FloatingToolbarPlugin = NextEditorPlugin<'floatingToolbar', {
     dependencies: [
-        FeatureFlagsPlugin,
+        OptionalPlugin<FeatureFlagsPlugin>,
         DecorationsPlugin,
         OptionalPlugin<ContextPanelPlugin>,
         OptionalPlugin<ExtensionPlugin>,

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

@@ -25,7 +25,7 @@ export type ForceFocusSelector = (selector: string | null) => (tr: Transaction)
  */
 export type FloatingToolbarPlugin = NextEditorPlugin<'floatingToolbar', {
     dependencies: [
-        FeatureFlagsPlugin,
+        OptionalPlugin<FeatureFlagsPlugin>,
         DecorationsPlugin,
         OptionalPlugin<ContextPanelPlugin>,
         OptionalPlugin<ExtensionPlugin>,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-plugin-floating-toolbar",
-  "version": "0.7.9",
+  "version": "0.7.11",
   "description": "Floating toolbar plugin for @atlaskit/editor-core",
   "author": "Atlassian Pty Ltd",
   "license": "Apache-2.0",
@@ -27,7 +27,7 @@
     "@atlaskit/adf-utils": "^19.0.0",
     "@atlaskit/button": "^16.17.0",
     "@atlaskit/checkbox": "^13.0.0",
-    "@atlaskit/editor-common": "^76.22.0",
+    "@atlaskit/editor-common": "^76.23.0",
     "@atlaskit/editor-palette": "1.5.2",
     "@atlaskit/editor-plugin-context-panel": "^0.2.0",
     "@atlaskit/editor-plugin-copy-button": "^1.0.0",
@@ -35,15 +35,15 @@
     "@atlaskit/editor-plugin-editor-disabled": "^0.2.0",
     "@atlaskit/editor-plugin-extension": "^0.4.0",
     "@atlaskit/editor-plugin-feature-flags": "^1.0.0",
-    "@atlaskit/editor-plugin-table": "^5.3.0",
+    "@atlaskit/editor-plugin-table": "^5.4.0",
     "@atlaskit/editor-prosemirror": "1.1.0",
     "@atlaskit/emoji": "^67.6.0",
     "@atlaskit/icon": "^22.0.0",
     "@atlaskit/menu": "^2.1.0",
-    "@atlaskit/modal-dialog": "^12.8.0",
+    "@atlaskit/modal-dialog": "^12.9.0",
     "@atlaskit/select": "^17.0.0",
     "@atlaskit/theme": "^12.6.0",
-    "@atlaskit/tokens": "^1.28.0",
+    "@atlaskit/tokens": "^1.29.0",
     "@atlaskit/tooltip": "^18.0.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",

package/report.api.md

@@ -40,7 +40,7 @@ export type FloatingToolbarPlugin = NextEditorPlugin<
   'floatingToolbar',
   {
     dependencies: [
-      FeatureFlagsPlugin,
+      OptionalPlugin<FeatureFlagsPlugin>,
       DecorationsPlugin,
       OptionalPlugin<ContextPanelPlugin>,
       OptionalPlugin<ExtensionPlugin>,

package/tmp/api-report-tmp.d.ts

@@ -27,7 +27,7 @@ export type ConfigWithNodeInfo = {
 // @public
 export type FloatingToolbarPlugin = NextEditorPlugin<'floatingToolbar', {
     dependencies: [
-    FeatureFlagsPlugin,
+    OptionalPlugin<FeatureFlagsPlugin>,
     DecorationsPlugin,
     OptionalPlugin<ContextPanelPlugin>,
     OptionalPlugin<ExtensionPlugin>,