@atlaskit/editor-plugin-toolbar 2.1.0 → 2.1.3

package/CHANGELOG.md

@@ -1,5 +1,29 @@
 # @atlaskit/editor-plugin-toolbar
 
+## 2.1.3
+
+### Patch Changes
+
+- [`553afc302139b`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/553afc302139b) -
+  Add analytic emitter component which fires an event when dropdowns are viewed
+- Updated dependencies
+
+## 2.1.2
+
+### Patch Changes
+
+- [`30aad83e7ded7`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/30aad83e7ded7) -
+  When editorViewMode is undefined, default to 'edit' as the plugin may not be present.
+- Updated dependencies
+
+## 2.1.1
+
+### Patch Changes
+
+- [`345a4e1939d12`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/345a4e1939d12) -
+  [ux] [ED-28733] Add responsiveness support for selection toolbar
+- Updated dependencies
+
 ## 2.1.0
 
 ### Minor Changes

package/afm-cc/tsconfig.json

@@ -17,6 +17,9 @@
 		"../src/**/examples.*"
 	],
 	"references": [
+		{
+			"path": "../../editor-plugin-analytics/afm-cc/tsconfig.json"
+		},
 		{
 			"path": "../../editor-plugin-connectivity/afm-cc/tsconfig.json"
 		},

package/dist/cjs/toolbarPlugin.js

@@ -122,6 +122,9 @@ var toolbarPlugin = exports.toolbarPlugin = function toolbarPlugin(_ref) {
     contentComponent: !disableSelectionToolbar ? function (_ref2) {
       var editorView = _ref2.editorView,
         popupsMountPoint = _ref2.popupsMountPoint;
+      if (!editorView) {
+        return null;
+      }
       return /*#__PURE__*/_react.default.createElement(_SelectionToolbar.SelectionToolbar, {
         api: api,
         editorView: editorView,

package/dist/cjs/ui/SelectionToolbar/index.js

@@ -106,10 +106,16 @@ var SelectionToolbar = exports.SelectionToolbar = function SelectionToolbar(_ref
   }, /*#__PURE__*/_react.default.createElement(_toolbar.EditorToolbarProvider, {
     editorView: editorView,
     editorToolbarDockingPreference: editorToolbarDockingPreference,
-    editorViewMode: editorViewMode
+    editorViewMode: (0, _expValEquals.expValEquals)('platform_editor_toolbar_aifc_patch_4', 'isEnabled', true) ? editorViewMode !== null && editorViewMode !== void 0 ? editorViewMode : 'edit' : editorViewMode
   }, /*#__PURE__*/_react.default.createElement(_toolbar.EditorToolbarUIProvider, {
     api: api,
     isDisabled: isOffline
+    // supress type checks for now
+    ,
+    fireAnalyticsEvent: (0, _expValEquals.expValEquals)('platform_editor_toolbar_aifc_toolbar_analytic', 'isEnabled', true) ? function (payload) {
+      var _api$analytics;
+      api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 || _api$analytics.actions.fireAnalyticsEvent(payload);
+    } : undefined
   }, /*#__PURE__*/_react.default.createElement(_editorToolbarModel.ToolbarModelRenderer, {
     toolbar: toolbar,
     components: components,

package/dist/cjs/ui/toolbar-components.js

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.getToolbarComponents = void 0;
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _react = _interopRequireDefault(require("react"));
+var _analytics = require("@atlaskit/editor-common/analytics");
 var _toolbar = require("@atlaskit/editor-common/toolbar");
 var _editorToolbar = require("@atlaskit/editor-toolbar");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
@@ -23,7 +24,8 @@ var getToolbarComponents = exports.getToolbarComponents = function getToolbarCom
     component: function component(_ref) {
       var children = _ref.children;
       return /*#__PURE__*/_react.default.createElement(_editorToolbar.Toolbar, {
-        label: _consts.SELECTION_TOOLBAR_LABEL
+        label: _consts.SELECTION_TOOLBAR_LABEL,
+        actionSubjectId: _analytics.ACTION_SUBJECT_ID.SELECTION_TOOLBAR
       }, children);
     }
   }, {
@@ -74,6 +76,10 @@ var getToolbarComponents = exports.getToolbarComponents = function getToolbarCom
       type: 'toolbar',
       key: _toolbar.TOOLBARS.PRIMARY_TOOLBAR,
       rank: _toolbar.TOOLBAR_RANK[_toolbar.TEXT_SECTION_COLLAPSED.key]
+    }, (0, _expValEquals.expValEquals)('platform_editor_aifc_selection_toolbar_responsive', 'isEnabled', true) && {
+      type: 'toolbar',
+      key: _toolbar.TOOLBARS.INLINE_TEXT_TOOLBAR,
+      rank: _toolbar.TOOLBAR_RANK[_toolbar.TEXT_SECTION_COLLAPSED.key]
     }],
     component: function component(_ref4) {
       var children = _ref4.children,

package/dist/es2019/toolbarPlugin.js

@@ -117,6 +117,9 @@ export const toolbarPlugin = ({
       editorView,
       popupsMountPoint
     }) => {
+      if (!editorView) {
+        return null;
+      }
       return /*#__PURE__*/React.createElement(SelectionToolbar, {
         api: api,
         editorView: editorView,

package/dist/es2019/ui/SelectionToolbar/index.js

@@ -98,10 +98,16 @@ export const SelectionToolbar = ({
   }, /*#__PURE__*/React.createElement(EditorToolbarProvider, {
     editorView: editorView,
     editorToolbarDockingPreference: editorToolbarDockingPreference,
-    editorViewMode: editorViewMode
+    editorViewMode: expValEquals('platform_editor_toolbar_aifc_patch_4', 'isEnabled', true) ? editorViewMode !== null && editorViewMode !== void 0 ? editorViewMode : 'edit' : editorViewMode
   }, /*#__PURE__*/React.createElement(EditorToolbarUIProvider, {
     api: api,
     isDisabled: isOffline
+    // supress type checks for now
+    ,
+    fireAnalyticsEvent: expValEquals('platform_editor_toolbar_aifc_toolbar_analytic', 'isEnabled', true) ? payload => {
+      var _api$analytics;
+      api === null || api === void 0 ? void 0 : (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions.fireAnalyticsEvent(payload);
+    } : undefined
   }, /*#__PURE__*/React.createElement(ToolbarModelRenderer, {
     toolbar: toolbar,
     components: components,

package/dist/es2019/ui/toolbar-components.js

@@ -1,4 +1,5 @@
 import React from 'react';
+import { ACTION_SUBJECT_ID } from '@atlaskit/editor-common/analytics';
 import { INSERT_BLOCK_SECTION, LINKING_SECTION, OVERFLOW_GROUP, OVERFLOW_GROUP_PRIMARY_TOOLBAR, OVERFLOW_GROUP_PRIMARY_TOOLBAR_RANK, OVERFLOW_GROUP_RANK, OVERFLOW_MENU, OVERFLOW_MENU_PRIMARY_TOOLBAR, OVERFLOW_SECTION, OVERFLOW_SECTION_PRIMARY_TOOLBAR, OVERFLOW_SECTION_PRIMARY_TOOLBAR_RANK, OVERFLOW_SECTION_RANK, PIN_SECTION, TEXT_COLLAPSED_GROUP, TEXT_SECTION, TEXT_SECTION_COLLAPSED, TEXT_COLLAPSED_MENU, TOOLBAR_RANK, TOOLBARS } from '@atlaskit/editor-common/toolbar';
 import { PrimaryToolbar as PrimaryToolbarBase, Show, Toolbar } from '@atlaskit/editor-toolbar';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
@@ -16,7 +17,8 @@ export const getToolbarComponents = (api, disableSelectionToolbar) => {
       children
     }) => {
       return /*#__PURE__*/React.createElement(Toolbar, {
-        label: SELECTION_TOOLBAR_LABEL
+        label: SELECTION_TOOLBAR_LABEL,
+        actionSubjectId: ACTION_SUBJECT_ID.SELECTION_TOOLBAR
       }, children);
     }
   }, {
@@ -67,6 +69,10 @@ export const getToolbarComponents = (api, disableSelectionToolbar) => {
       type: 'toolbar',
       key: TOOLBARS.PRIMARY_TOOLBAR,
       rank: TOOLBAR_RANK[TEXT_SECTION_COLLAPSED.key]
+    }, expValEquals('platform_editor_aifc_selection_toolbar_responsive', 'isEnabled', true) && {
+      type: 'toolbar',
+      key: TOOLBARS.INLINE_TEXT_TOOLBAR,
+      rank: TOOLBAR_RANK[TEXT_SECTION_COLLAPSED.key]
     }],
     component: ({
       children,

package/dist/esm/toolbarPlugin.js

@@ -115,6 +115,9 @@ export var toolbarPlugin = function toolbarPlugin(_ref) {
     contentComponent: !disableSelectionToolbar ? function (_ref2) {
       var editorView = _ref2.editorView,
         popupsMountPoint = _ref2.popupsMountPoint;
+      if (!editorView) {
+        return null;
+      }
       return /*#__PURE__*/React.createElement(SelectionToolbar, {
         api: api,
         editorView: editorView,

package/dist/esm/ui/SelectionToolbar/index.js

@@ -98,10 +98,16 @@ export var SelectionToolbar = function SelectionToolbar(_ref) {
   }, /*#__PURE__*/React.createElement(EditorToolbarProvider, {
     editorView: editorView,
     editorToolbarDockingPreference: editorToolbarDockingPreference,
-    editorViewMode: editorViewMode
+    editorViewMode: expValEquals('platform_editor_toolbar_aifc_patch_4', 'isEnabled', true) ? editorViewMode !== null && editorViewMode !== void 0 ? editorViewMode : 'edit' : editorViewMode
   }, /*#__PURE__*/React.createElement(EditorToolbarUIProvider, {
     api: api,
     isDisabled: isOffline
+    // supress type checks for now
+    ,
+    fireAnalyticsEvent: expValEquals('platform_editor_toolbar_aifc_toolbar_analytic', 'isEnabled', true) ? function (payload) {
+      var _api$analytics;
+      api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 || _api$analytics.actions.fireAnalyticsEvent(payload);
+    } : undefined
   }, /*#__PURE__*/React.createElement(ToolbarModelRenderer, {
     toolbar: toolbar,
     components: components,

package/dist/esm/ui/toolbar-components.js

@@ -1,5 +1,6 @@
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import React from 'react';
+import { ACTION_SUBJECT_ID } from '@atlaskit/editor-common/analytics';
 import { INSERT_BLOCK_SECTION, LINKING_SECTION, OVERFLOW_GROUP, OVERFLOW_GROUP_PRIMARY_TOOLBAR, OVERFLOW_GROUP_PRIMARY_TOOLBAR_RANK, OVERFLOW_GROUP_RANK, OVERFLOW_MENU, OVERFLOW_MENU_PRIMARY_TOOLBAR, OVERFLOW_SECTION, OVERFLOW_SECTION_PRIMARY_TOOLBAR, OVERFLOW_SECTION_PRIMARY_TOOLBAR_RANK, OVERFLOW_SECTION_RANK, PIN_SECTION, TEXT_COLLAPSED_GROUP, TEXT_SECTION, TEXT_SECTION_COLLAPSED, TEXT_COLLAPSED_MENU, TOOLBAR_RANK, TOOLBARS } from '@atlaskit/editor-common/toolbar';
 import { PrimaryToolbar as PrimaryToolbarBase, Show, Toolbar } from '@atlaskit/editor-toolbar';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
@@ -16,7 +17,8 @@ export var getToolbarComponents = function getToolbarComponents(api, disableSele
     component: function component(_ref) {
       var children = _ref.children;
       return /*#__PURE__*/React.createElement(Toolbar, {
-        label: SELECTION_TOOLBAR_LABEL
+        label: SELECTION_TOOLBAR_LABEL,
+        actionSubjectId: ACTION_SUBJECT_ID.SELECTION_TOOLBAR
       }, children);
     }
   }, {
@@ -67,6 +69,10 @@ export var getToolbarComponents = function getToolbarComponents(api, disableSele
       type: 'toolbar',
       key: TOOLBARS.PRIMARY_TOOLBAR,
       rank: TOOLBAR_RANK[TEXT_SECTION_COLLAPSED.key]
+    }, expValEquals('platform_editor_aifc_selection_toolbar_responsive', 'isEnabled', true) && {
+      type: 'toolbar',
+      key: TOOLBARS.INLINE_TEXT_TOOLBAR,
+      rank: TOOLBAR_RANK[TEXT_SECTION_COLLAPSED.key]
     }],
     component: function component(_ref4) {
       var children = _ref4.children,

package/dist/types/toolbarPluginType.d.ts

@@ -1,4 +1,5 @@
 import type { NextEditorPlugin, OptionalPlugin } from '@atlaskit/editor-common/types';
+import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 import type { ConnectivityPlugin } from '@atlaskit/editor-plugin-connectivity';
 import type { EditorViewModePlugin } from '@atlaskit/editor-plugin-editor-viewmode';
 import type { SelectionPlugin } from '@atlaskit/editor-plugin-selection';
@@ -16,7 +17,8 @@ export type ToolbarPlugin = NextEditorPlugin<'toolbar', {
         OptionalPlugin<SelectionPlugin>,
         OptionalPlugin<UserPreferencesPlugin>,
         OptionalPlugin<EditorViewModePlugin>,
-        OptionalPlugin<ConnectivityPlugin>
+        OptionalPlugin<ConnectivityPlugin>,
+        OptionalPlugin<AnalyticsPlugin>
     ];
     pluginConfiguration?: ToolbarPluginOptions;
     sharedState: {

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

@@ -1,4 +1,5 @@
 import type { NextEditorPlugin, OptionalPlugin } from '@atlaskit/editor-common/types';
+import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 import type { ConnectivityPlugin } from '@atlaskit/editor-plugin-connectivity';
 import type { EditorViewModePlugin } from '@atlaskit/editor-plugin-editor-viewmode';
 import type { SelectionPlugin } from '@atlaskit/editor-plugin-selection';
@@ -16,7 +17,8 @@ export type ToolbarPlugin = NextEditorPlugin<'toolbar', {
         OptionalPlugin<SelectionPlugin>,
         OptionalPlugin<UserPreferencesPlugin>,
         OptionalPlugin<EditorViewModePlugin>,
-        OptionalPlugin<ConnectivityPlugin>
+        OptionalPlugin<ConnectivityPlugin>,
+        OptionalPlugin<AnalyticsPlugin>
     ];
     pluginConfiguration?: ToolbarPluginOptions;
     sharedState: {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-toolbar",
-	"version": "2.1.0",
+	"version": "2.1.3",
 	"description": "Toolbar plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -28,22 +28,23 @@
 	"sideEffects": false,
 	"atlaskit:src": "src/index.ts",
 	"dependencies": {
+		"@atlaskit/editor-plugin-analytics": "^5.2.0",
 		"@atlaskit/editor-plugin-connectivity": "^5.0.0",
 		"@atlaskit/editor-plugin-editor-viewmode": "^7.0.0",
 		"@atlaskit/editor-plugin-selection": "^5.0.0",
 		"@atlaskit/editor-plugin-user-intent": "^3.0.0",
 		"@atlaskit/editor-plugin-user-preferences": "^3.0.0",
 		"@atlaskit/editor-prosemirror": "7.0.0",
-		"@atlaskit/editor-toolbar": "^0.8.0",
+		"@atlaskit/editor-toolbar": "^0.9.0",
 		"@atlaskit/editor-toolbar-model": "^0.2.0",
 		"@atlaskit/platform-feature-flags-react": "^0.3.0",
-		"@atlaskit/tmp-editor-statsig": "^12.10.0",
+		"@atlaskit/tmp-editor-statsig": "^12.21.0",
 		"@babel/runtime": "^7.0.0",
 		"bind-event-listener": "^3.0.0",
 		"react-intl-next": "npm:react-intl@^5.18.1"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^109.1.0",
+		"@atlaskit/editor-common": "^109.6.0",
 		"react": "^18.2.0"
 	},
 	"techstack": {