@atlaskit/editor-plugin-extension 4.0.2 → 4.0.3

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @atlaskit/editor-plugin-extension
 
+## 4.0.3
+
+### Patch Changes
+
+- [#117485](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/117485)
+  [`e9a8d9ba26963`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/e9a8d9ba26963) -
+  Reorder icons, and remove some based on new editor controls. Changes under
+  `editor_plugin_controls` experiment.
+
 ## 4.0.2
 
 ### Patch Changes

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

@@ -22,6 +22,7 @@ var _mediaFullWidth = _interopRequireDefault(require("@atlaskit/icon/glyph/edito
 var _mediaWide = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/media-wide"));
 var _remove = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/remove"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _actions = require("../editor-actions/actions");
 var _commands = require("../editor-commands/commands");
 var _pluginKey = require("./macro/plugin-key");
@@ -122,7 +123,7 @@ var getToolbarConfig = exports.getToolbarConfig = function getToolbarConfig(_ref
       editorAnalyticsAPI = extensionApi === null || extensionApi === void 0 || (_extensionApi$analyti = extensionApi.analytics) === null || _extensionApi$analyti === void 0 ? void 0 : _extensionApi$analyti.actions;
     }
     if (extensionState && !extensionState.showContextPanel && extensionState.element) {
-      var _hoverDecoration, _hoverDecoration2, _hoverDecoration3, _hoverDecoration4;
+      var _hoverDecoration, _hoverDecoration2, _hoverDecoration3, _hoverDecoration4, _hoverDecoration5, _hoverDecoration6, _hoverDecoration7, _hoverDecoration8;
       var nodeType = [state.schema.nodes.extension, state.schema.nodes.inlineExtension, state.schema.nodes.bodiedExtension, state.schema.nodes.multiBodiedExtension];
       var editButtonArray = editButton(formatMessage, extensionState, applyChangeToContextPanel, editorAnalyticsAPI);
       var breakoutButtonArray = breakoutOptions(state, formatMessage, extensionState, breakoutEnabled, editorAnalyticsAPI);
@@ -198,7 +199,7 @@ var getToolbarConfig = exports.getToolbarConfig = function getToolbarConfig(_ref
         }, {
           type: 'extensions-placeholder',
           separator: 'end'
-        }, {
+        }], (0, _toConsumableArray2.default)((0, _experiments.editorExperiment)('platform_editor_controls', 'control') ? [{
           type: 'copy-button',
           items: [{
             state: state,
@@ -222,7 +223,31 @@ var getToolbarConfig = exports.getToolbarConfig = function getToolbarConfig(_ref
           title: formatMessage(_messages.default.remove),
           tabIndex: null,
           confirmDialog: confirmDialog
-        }]),
+        }] : [{
+          id: 'editor.extension.delete',
+          type: 'button',
+          icon: _delete.default,
+          iconFallback: _remove.default,
+          appearance: 'danger',
+          onClick: (0, _commands.removeExtension)(editorAnalyticsAPI),
+          onMouseEnter: (_hoverDecoration5 = hoverDecoration) === null || _hoverDecoration5 === void 0 ? void 0 : _hoverDecoration5(nodeType, true),
+          onMouseLeave: (_hoverDecoration6 = hoverDecoration) === null || _hoverDecoration6 === void 0 ? void 0 : _hoverDecoration6(nodeType, false),
+          onFocus: (_hoverDecoration7 = hoverDecoration) === null || _hoverDecoration7 === void 0 ? void 0 : _hoverDecoration7(nodeType, true),
+          onBlur: (_hoverDecoration8 = hoverDecoration) === null || _hoverDecoration8 === void 0 ? void 0 : _hoverDecoration8(nodeType, false),
+          focusEditoronEnter: true,
+          title: formatMessage(_messages.default.remove),
+          tabIndex: null,
+          confirmDialog: confirmDialog
+        }, {
+          type: 'separator'
+        }, {
+          type: 'copy-button',
+          items: [{
+            state: state,
+            formatMessage: intl.formatMessage,
+            nodeType: nodeType
+          }]
+        }])),
         scrollable: true
       };
     }

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

@@ -14,6 +14,7 @@ import FullWidthIcon from '@atlaskit/icon/glyph/editor/media-full-width';
 import WideIcon from '@atlaskit/icon/glyph/editor/media-wide';
 import RemoveIcon from '@atlaskit/icon/glyph/editor/remove';
 import { fg } from '@atlaskit/platform-feature-flags';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { editExtension } from '../editor-actions/actions';
 import { removeDescendantNodes, removeExtension, updateExtensionLayout } from '../editor-commands/commands';
 import { pluginKey as macroPluginKey } from './macro/plugin-key';
@@ -123,7 +124,7 @@ export const getToolbarConfig = ({
     editorAnalyticsAPI = extensionApi === null || extensionApi === void 0 ? void 0 : (_extensionApi$analyti = extensionApi.analytics) === null || _extensionApi$analyti === void 0 ? void 0 : _extensionApi$analyti.actions;
   }
   if (extensionState && !extensionState.showContextPanel && extensionState.element) {
-    var _hoverDecoration, _hoverDecoration2, _hoverDecoration3, _hoverDecoration4;
+    var _hoverDecoration, _hoverDecoration2, _hoverDecoration3, _hoverDecoration4, _hoverDecoration5, _hoverDecoration6, _hoverDecoration7, _hoverDecoration8;
     const nodeType = [state.schema.nodes.extension, state.schema.nodes.inlineExtension, state.schema.nodes.bodiedExtension, state.schema.nodes.multiBodiedExtension];
     const editButtonArray = editButton(formatMessage, extensionState, applyChangeToContextPanel, editorAnalyticsAPI);
     const breakoutButtonArray = breakoutOptions(state, formatMessage, extensionState, breakoutEnabled, editorAnalyticsAPI);
@@ -195,7 +196,7 @@ export const getToolbarConfig = ({
       }, {
         type: 'extensions-placeholder',
         separator: 'end'
-      }, {
+      }, ...(editorExperiment('platform_editor_controls', 'control') ? [{
         type: 'copy-button',
         items: [{
           state,
@@ -219,7 +220,31 @@ export const getToolbarConfig = ({
         title: formatMessage(commonMessages.remove),
         tabIndex: null,
         confirmDialog
-      }],
+      }] : [{
+        id: 'editor.extension.delete',
+        type: 'button',
+        icon: DeleteIcon,
+        iconFallback: RemoveIcon,
+        appearance: 'danger',
+        onClick: removeExtension(editorAnalyticsAPI),
+        onMouseEnter: (_hoverDecoration5 = hoverDecoration) === null || _hoverDecoration5 === void 0 ? void 0 : _hoverDecoration5(nodeType, true),
+        onMouseLeave: (_hoverDecoration6 = hoverDecoration) === null || _hoverDecoration6 === void 0 ? void 0 : _hoverDecoration6(nodeType, false),
+        onFocus: (_hoverDecoration7 = hoverDecoration) === null || _hoverDecoration7 === void 0 ? void 0 : _hoverDecoration7(nodeType, true),
+        onBlur: (_hoverDecoration8 = hoverDecoration) === null || _hoverDecoration8 === void 0 ? void 0 : _hoverDecoration8(nodeType, false),
+        focusEditoronEnter: true,
+        title: formatMessage(commonMessages.remove),
+        tabIndex: null,
+        confirmDialog
+      }, {
+        type: 'separator'
+      }, {
+        type: 'copy-button',
+        items: [{
+          state,
+          formatMessage: intl.formatMessage,
+          nodeType
+        }]
+      }])],
       scrollable: true
     };
   }

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

@@ -15,6 +15,7 @@ import FullWidthIcon from '@atlaskit/icon/glyph/editor/media-full-width';
 import WideIcon from '@atlaskit/icon/glyph/editor/media-wide';
 import RemoveIcon from '@atlaskit/icon/glyph/editor/remove';
 import { fg } from '@atlaskit/platform-feature-flags';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { editExtension } from '../editor-actions/actions';
 import { removeDescendantNodes, removeExtension, updateExtensionLayout } from '../editor-commands/commands';
 import { pluginKey as macroPluginKey } from './macro/plugin-key';
@@ -115,7 +116,7 @@ export var getToolbarConfig = function getToolbarConfig(_ref) {
       editorAnalyticsAPI = extensionApi === null || extensionApi === void 0 || (_extensionApi$analyti = extensionApi.analytics) === null || _extensionApi$analyti === void 0 ? void 0 : _extensionApi$analyti.actions;
     }
     if (extensionState && !extensionState.showContextPanel && extensionState.element) {
-      var _hoverDecoration, _hoverDecoration2, _hoverDecoration3, _hoverDecoration4;
+      var _hoverDecoration, _hoverDecoration2, _hoverDecoration3, _hoverDecoration4, _hoverDecoration5, _hoverDecoration6, _hoverDecoration7, _hoverDecoration8;
       var nodeType = [state.schema.nodes.extension, state.schema.nodes.inlineExtension, state.schema.nodes.bodiedExtension, state.schema.nodes.multiBodiedExtension];
       var editButtonArray = editButton(formatMessage, extensionState, applyChangeToContextPanel, editorAnalyticsAPI);
       var breakoutButtonArray = breakoutOptions(state, formatMessage, extensionState, breakoutEnabled, editorAnalyticsAPI);
@@ -191,7 +192,7 @@ export var getToolbarConfig = function getToolbarConfig(_ref) {
         }, {
           type: 'extensions-placeholder',
           separator: 'end'
-        }, {
+        }], _toConsumableArray(editorExperiment('platform_editor_controls', 'control') ? [{
           type: 'copy-button',
           items: [{
             state: state,
@@ -215,7 +216,31 @@ export var getToolbarConfig = function getToolbarConfig(_ref) {
           title: formatMessage(commonMessages.remove),
           tabIndex: null,
           confirmDialog: confirmDialog
-        }]),
+        }] : [{
+          id: 'editor.extension.delete',
+          type: 'button',
+          icon: DeleteIcon,
+          iconFallback: RemoveIcon,
+          appearance: 'danger',
+          onClick: removeExtension(editorAnalyticsAPI),
+          onMouseEnter: (_hoverDecoration5 = hoverDecoration) === null || _hoverDecoration5 === void 0 ? void 0 : _hoverDecoration5(nodeType, true),
+          onMouseLeave: (_hoverDecoration6 = hoverDecoration) === null || _hoverDecoration6 === void 0 ? void 0 : _hoverDecoration6(nodeType, false),
+          onFocus: (_hoverDecoration7 = hoverDecoration) === null || _hoverDecoration7 === void 0 ? void 0 : _hoverDecoration7(nodeType, true),
+          onBlur: (_hoverDecoration8 = hoverDecoration) === null || _hoverDecoration8 === void 0 ? void 0 : _hoverDecoration8(nodeType, false),
+          focusEditoronEnter: true,
+          title: formatMessage(commonMessages.remove),
+          tabIndex: null,
+          confirmDialog: confirmDialog
+        }, {
+          type: 'separator'
+        }, {
+          type: 'copy-button',
+          items: [{
+            state: state,
+            formatMessage: intl.formatMessage,
+            nodeType: nodeType
+          }]
+        }])),
         scrollable: true
       };
     }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-extension",
-	"version": "4.0.2",
+	"version": "4.0.3",
 	"description": "editor-plugin-extension plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",