@atlaskit/editor-plugin-floating-toolbar 4.0.8 → 4.1.1

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @atlaskit/editor-plugin-floating-toolbar
 
+## 4.1.1
+
+### Patch Changes
+
+- [#150643](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/150643)
+  [`ac4a612b39bbf`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ac4a612b39bbf) -
+  [ux] Sets aria-expanded and aria-haspopup for the dropdown-overflow following a11y best practice
+
+## 4.1.0
+
+### Minor Changes
+
+- [#149482](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/149482)
+  [`1f1f73876c3c8`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/1f1f73876c3c8) -
+  ED-27860 Add analytics for copy and delete button in floating toolbars
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 4.0.8
 
 ### Patch Changes

package/dist/cjs/floatingToolbarPlugin.js

@@ -169,8 +169,9 @@ var floatingToolbarPlugin = exports.floatingToolbarPlugin = function floatingToo
       forceFocusSelector: _forceFocus.forceFocusSelector
     },
     commands: {
-      copyNode: function copyNode(nodeType) {
-        return (0, _commands.copyNode)(nodeType);
+      copyNode: function copyNode(nodeType, inputMethod) {
+        var _api$analytics;
+        return (0, _commands.copyNode)(nodeType, api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions, inputMethod);
       }
     },
     getSharedState: function getSharedState(editorState) {

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

@@ -8,7 +8,8 @@ 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 copyNode = exports.copyNode = function copyNode(nodeType, editorAnalyticsAp) {
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var copyNode = exports.copyNode = function copyNode(nodeType, editorAnalyticsApi, inputMethod) {
   return function (_ref) {
     var tr = _ref.tr;
     // const { tr, schema } = state;
@@ -53,6 +54,10 @@ var copyNode = exports.copyNode = function copyNode(nodeType, editorAnalyticsAp)
         (0, _clipboard.copyHTMLToClipboard)(div);
       }
     }
+    if (editorAnalyticsApi && (0, _platformFeatureFlags.fg)('platform_editor_controls_patch_analytics_2')) {
+      var analyticsPayload = (0, _clipboard.getNodeCopiedAnalyticsPayload)(contentNodeWithPos.node, inputMethod);
+      editorAnalyticsApi.attachAnalyticsEvent(analyticsPayload)(copyToClipboardTr);
+    }
     copyToClipboardTr.setMeta('scrollIntoView', false);
     return copyToClipboardTr;
   };

package/dist/cjs/ui/Dropdown.js

@@ -18,6 +18,7 @@ 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 _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _Divider = require("./Divider");
 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); }
@@ -171,6 +172,7 @@ var Dropdown = exports.default = /*#__PURE__*/function (_Component) {
           selected: isOpen,
           disabled: disabled,
           tooltipContent: tooltip,
+          ariaHasPopup: (0, _platformFeatureFlags.fg)('platform_editor_controls_patch_8') ? true : undefined,
           onMount: onMount,
           pulse: pulse,
           spotlightConfig: spotlightConfig

package/dist/es2019/floatingToolbarPlugin.js

@@ -151,7 +151,10 @@ export const floatingToolbarPlugin = ({
       forceFocusSelector
     },
     commands: {
-      copyNode: nodeType => copyNode(nodeType)
+      copyNode: (nodeType, inputMethod) => {
+        var _api$analytics;
+        return copyNode(nodeType, api === null || api === void 0 ? void 0 : (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions, inputMethod);
+      }
     },
     getSharedState(editorState) {
       var _api$interaction, _api$interaction$shar;

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

@@ -1,8 +1,9 @@
 import { browser } from '@atlaskit/editor-common/browser';
-import { copyHTMLToClipboard, copyHTMLToClipboardPolyfill } from '@atlaskit/editor-common/clipboard';
+import { copyHTMLToClipboard, copyHTMLToClipboardPolyfill, getNodeCopiedAnalyticsPayload } from '@atlaskit/editor-common/clipboard';
 import { getSelectedNodeOrNodeParentByNodeType, toDOM } from '@atlaskit/editor-common/copy-button';
 import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
-export const copyNode = (nodeType, editorAnalyticsAp) => ({
+import { fg } from '@atlaskit/platform-feature-flags';
+export const copyNode = (nodeType, editorAnalyticsApi, inputMethod) => ({
   tr
 }) => {
   // const { tr, schema } = state;
@@ -47,6 +48,10 @@ export const copyNode = (nodeType, editorAnalyticsAp) => ({
       copyHTMLToClipboard(div);
     }
   }
+  if (editorAnalyticsApi && fg('platform_editor_controls_patch_analytics_2')) {
+    const analyticsPayload = getNodeCopiedAnalyticsPayload(contentNodeWithPos.node, inputMethod);
+    editorAnalyticsApi.attachAnalyticsEvent(analyticsPayload)(copyToClipboardTr);
+  }
   copyToClipboardTr.setMeta('scrollIntoView', false);
   return copyToClipboardTr;
 };

package/dist/es2019/ui/Dropdown.js

@@ -13,6 +13,7 @@ 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 ChevronDownIcon from '@atlaskit/icon/utility/chevron-down';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { Divider } from './Divider';
 import DropdownMenu, { itemSpacing, menuItemDimensions } from './DropdownMenu';
 
@@ -152,6 +153,7 @@ export default class Dropdown extends Component {
         selected: isOpen,
         disabled: disabled,
         tooltipContent: tooltip,
+        ariaHasPopup: fg('platform_editor_controls_patch_8') ? true : undefined,
         onMount: onMount,
         pulse: pulse,
         spotlightConfig: spotlightConfig

package/dist/esm/floatingToolbarPlugin.js

@@ -157,8 +157,9 @@ export var floatingToolbarPlugin = function floatingToolbarPlugin(_ref) {
       forceFocusSelector: forceFocusSelector
     },
     commands: {
-      copyNode: function copyNode(nodeType) {
-        return _copyNode(nodeType);
+      copyNode: function copyNode(nodeType, inputMethod) {
+        var _api$analytics;
+        return _copyNode(nodeType, api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions, inputMethod);
       }
     },
     getSharedState: function getSharedState(editorState) {

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

@@ -1,8 +1,9 @@
 import { browser } from '@atlaskit/editor-common/browser';
-import { copyHTMLToClipboard, copyHTMLToClipboardPolyfill } from '@atlaskit/editor-common/clipboard';
+import { copyHTMLToClipboard, copyHTMLToClipboardPolyfill, getNodeCopiedAnalyticsPayload } from '@atlaskit/editor-common/clipboard';
 import { getSelectedNodeOrNodeParentByNodeType, toDOM } from '@atlaskit/editor-common/copy-button';
 import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
-export var copyNode = function copyNode(nodeType, editorAnalyticsAp) {
+import { fg } from '@atlaskit/platform-feature-flags';
+export var copyNode = function copyNode(nodeType, editorAnalyticsApi, inputMethod) {
   return function (_ref) {
     var tr = _ref.tr;
     // const { tr, schema } = state;
@@ -47,6 +48,10 @@ export var copyNode = function copyNode(nodeType, editorAnalyticsAp) {
         copyHTMLToClipboard(div);
       }
     }
+    if (editorAnalyticsApi && fg('platform_editor_controls_patch_analytics_2')) {
+      var analyticsPayload = getNodeCopiedAnalyticsPayload(contentNodeWithPos.node, inputMethod);
+      editorAnalyticsApi.attachAnalyticsEvent(analyticsPayload)(copyToClipboardTr);
+    }
     copyToClipboardTr.setMeta('scrollIntoView', false);
     return copyToClipboardTr;
   };

package/dist/esm/ui/Dropdown.js

@@ -22,6 +22,7 @@ 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 ChevronDownIcon from '@atlaskit/icon/utility/chevron-down';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { Divider } from './Divider';
 import DropdownMenu, { itemSpacing, menuItemDimensions } from './DropdownMenu';
 
@@ -166,6 +167,7 @@ var Dropdown = /*#__PURE__*/function (_Component) {
           selected: isOpen,
           disabled: disabled,
           tooltipContent: tooltip,
+          ariaHasPopup: fg('platform_editor_controls_patch_8') ? true : undefined,
           onMount: onMount,
           pulse: pulse,
           spotlightConfig: spotlightConfig

package/dist/types/floatingToolbarPluginType.d.ts

@@ -1,4 +1,5 @@
 import type { FloatingToolbarConfig, NextEditorPlugin, OptionalPlugin } from '@atlaskit/editor-common/types';
+import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 import type { ContextPanelPlugin } from '@atlaskit/editor-plugin-context-panel';
 import type { CopyButtonPlugin } from '@atlaskit/editor-plugin-copy-button';
 import type { DecorationsPlugin } from '@atlaskit/editor-plugin-decorations';
@@ -37,7 +38,8 @@ export type FloatingToolbarPluginDependencies = [
     OptionalPlugin<FeatureFlagsPlugin>,
     OptionalPlugin<EmojiPlugin>,
     OptionalPlugin<UserIntentPlugin>,
-    OptionalPlugin<InteractionPlugin>
+    OptionalPlugin<InteractionPlugin>,
+    OptionalPlugin<AnalyticsPlugin>
 ];
 export type FloatingToolbarPlugin = NextEditorPlugin<'floatingToolbar', {
     dependencies: FloatingToolbarPluginDependencies;

package/dist/types/pm-plugins/commands.d.ts

@@ -1,6 +1,6 @@
-import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
+import { INPUT_METHOD, type EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
 import type { NodeType } from '@atlaskit/editor-prosemirror/model';
 import type { Transaction } from '@atlaskit/editor-prosemirror/state';
-export declare const copyNode: (nodeType: NodeType | Array<NodeType>, editorAnalyticsAp?: EditorAnalyticsAPI | undefined) => ({ tr }: {
+export declare const copyNode: (nodeType: NodeType | Array<NodeType>, editorAnalyticsApi?: EditorAnalyticsAPI | undefined, inputMethod?: INPUT_METHOD) => ({ tr }: {
     tr: Transaction;
 }) => Transaction;

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

@@ -1,4 +1,5 @@
 import type { FloatingToolbarConfig, NextEditorPlugin, OptionalPlugin } from '@atlaskit/editor-common/types';
+import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 import type { ContextPanelPlugin } from '@atlaskit/editor-plugin-context-panel';
 import type { CopyButtonPlugin } from '@atlaskit/editor-plugin-copy-button';
 import type { DecorationsPlugin } from '@atlaskit/editor-plugin-decorations';
@@ -37,7 +38,8 @@ export type FloatingToolbarPluginDependencies = [
     OptionalPlugin<FeatureFlagsPlugin>,
     OptionalPlugin<EmojiPlugin>,
     OptionalPlugin<UserIntentPlugin>,
-    OptionalPlugin<InteractionPlugin>
+    OptionalPlugin<InteractionPlugin>,
+    OptionalPlugin<AnalyticsPlugin>
 ];
 export type FloatingToolbarPlugin = NextEditorPlugin<'floatingToolbar', {
     dependencies: FloatingToolbarPluginDependencies;

package/dist/types-ts4.5/pm-plugins/commands.d.ts

@@ -1,6 +1,6 @@
-import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
+import { INPUT_METHOD, type EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
 import type { NodeType } from '@atlaskit/editor-prosemirror/model';
 import type { Transaction } from '@atlaskit/editor-prosemirror/state';
-export declare const copyNode: (nodeType: NodeType | Array<NodeType>, editorAnalyticsAp?: EditorAnalyticsAPI | undefined) => ({ tr }: {
+export declare const copyNode: (nodeType: NodeType | Array<NodeType>, editorAnalyticsApi?: EditorAnalyticsAPI | undefined, inputMethod?: INPUT_METHOD) => ({ tr }: {
     tr: Transaction;
 }) => Transaction;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-floating-toolbar",
-	"version": "4.0.8",
+	"version": "4.1.1",
 	"description": "Floating toolbar plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -28,9 +28,10 @@
 		"@atlaskit/adf-utils": "^19.19.0",
 		"@atlaskit/button": "^23.0.0",
 		"@atlaskit/checkbox": "^17.1.0",
-		"@atlaskit/editor-common": "^103.22.0",
+		"@atlaskit/editor-common": "^104.0.0",
 		"@atlaskit/editor-palette": "^2.1.0",
-		"@atlaskit/editor-plugin-context-panel": "^4.0.0",
+		"@atlaskit/editor-plugin-analytics": "^2.2.0",
+		"@atlaskit/editor-plugin-context-panel": "^4.1.0",
 		"@atlaskit/editor-plugin-copy-button": "^2.0.0",
 		"@atlaskit/editor-plugin-decorations": "^2.0.0",
 		"@atlaskit/editor-plugin-editor-disabled": "^2.0.0",
@@ -49,7 +50,7 @@
 		"@atlaskit/primitives": "^14.7.0",
 		"@atlaskit/select": "^20.4.0",
 		"@atlaskit/theme": "^18.0.0",
-		"@atlaskit/tmp-editor-statsig": "^4.15.0",
+		"@atlaskit/tmp-editor-statsig": "^4.16.0",
 		"@atlaskit/tokens": "^4.8.0",
 		"@atlaskit/tooltip": "^20.0.0",
 		"@babel/runtime": "^7.0.0",
@@ -141,6 +142,12 @@
 		},
 		"platform_editor_controls_patch_6": {
 			"type": "boolean"
+		},
+		"platform_editor_controls_patch_analytics_2": {
+			"type": "boolean"
+		},
+		"platform_editor_controls_patch_8": {
+			"type": "boolean"
 		}
 	}
 }