@atlaskit/editor-plugin-hyperlink 3.2.9 → 3.2.11

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/editor-plugin-hyperlink
 
+## 3.2.11
+
+### Patch Changes
+
+- Updated dependencies
+
+## 3.2.10
+
+### Patch Changes
+
+- [#169050](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/169050)
+  [`5c9efb7242669`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/5c9efb7242669) -
+  [ux] Adds link button to the Selection toolbar.
+
 ## 3.2.9
 
 ### Patch Changes

package/dist/cjs/plugin.js

@@ -11,7 +11,11 @@ var _analytics = require("@atlaskit/editor-common/analytics");
 var _keymaps = require("@atlaskit/editor-common/keymaps");
 var _link = require("@atlaskit/editor-common/link");
 var _messages = require("@atlaskit/editor-common/messages");
+var _preset = require("@atlaskit/editor-common/preset");
 var _quickInsert = require("@atlaskit/editor-common/quick-insert");
+var _utils = require("@atlaskit/editor-common/utils");
+var _linkEditorLink = _interopRequireDefault(require("@atlaskit/icon/core/migration/link--editor-link"));
+var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _commands = require("./commands");
 var _fakeCursorForToolbar = _interopRequireDefault(require("./pm-plugins/fake-cursor-for-toolbar"));
 var _inputRule = require("./pm-plugins/input-rule");
@@ -31,6 +35,7 @@ var getPosFromActiveLinkMark = function getPosFromActiveLinkMark(state) {
       return undefined;
   }
 };
+var selectionToolbarLinkButtonTestId = 'ak-editor-selection-toolbar-link-button';
 
 /**
  * Hyperlink plugin to be added to an `EditorPresetBuilder` and used with `ComposableEditor`
@@ -166,7 +171,40 @@ var hyperlinkPlugin = exports.hyperlinkPlugin = function hyperlinkPlugin(_ref) {
           }
         }];
       },
-      floatingToolbar: (0, _Toolbar.getToolbarConfig)(options, api)
+      floatingToolbar: (0, _Toolbar.getToolbarConfig)(options, api),
+      selectionToolbar: function selectionToolbar(state, _ref5) {
+        var formatMessage = _ref5.formatMessage;
+        if ((0, _experiments.editorExperiment)('contextual_formatting_toolbar', true, {
+          exposure: true
+        })) {
+          var toolbarButton = function toolbarButton() {
+            var _state$selection = state.selection,
+              from = _state$selection.from,
+              to = _state$selection.to;
+            var isEnabled = (0, _utils.canLinkBeCreatedInRange)(from, to)(state);
+            var title = formatMessage(_messages.toolbarInsertBlockMessages.link);
+            return {
+              type: 'button',
+              disabled: !isEnabled,
+              testId: "".concat(selectionToolbarLinkButtonTestId),
+              icon: _linkEditorLink.default,
+              title: title,
+              tooltipContent: (0, _keymaps.tooltip)(_keymaps.addLink, title),
+              showTitle: false,
+              onClick: function onClick(state, dispatch) {
+                var _api$analytics7;
+                return (0, _preset.editorCommandToPMCommand)((0, _commands.showLinkToolbar)(_analytics.INPUT_METHOD.FLOATING_TB, api === null || api === void 0 || (_api$analytics7 = api.analytics) === null || _api$analytics7 === void 0 ? void 0 : _api$analytics7.actions))(state, dispatch);
+              }
+            };
+          };
+          return {
+            isToolbarAbove: true,
+            items: [toolbarButton()]
+          };
+        } else {
+          return undefined;
+        }
+      }
     }
   };
 };

package/dist/es2019/plugin.js

@@ -4,7 +4,11 @@ import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } f
 import { addLink, tooltip } from '@atlaskit/editor-common/keymaps';
 import { LinkAction } from '@atlaskit/editor-common/link';
 import { toolbarInsertBlockMessages as messages } from '@atlaskit/editor-common/messages';
+import { editorCommandToPMCommand } from '@atlaskit/editor-common/preset';
 import { IconLink } from '@atlaskit/editor-common/quick-insert';
+import { canLinkBeCreatedInRange } from '@atlaskit/editor-common/utils';
+import LinkIcon from '@atlaskit/icon/core/migration/link--editor-link';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { hideLinkToolbarSetMeta, insertLinkWithAnalytics, removeLinkEditorCommand, showLinkToolbar, updateLink, updateLinkEditorCommand } from './commands';
 import fakeCursorToolbarPlugin from './pm-plugins/fake-cursor-for-toolbar';
 import { createInputRulePlugin } from './pm-plugins/input-rule';
@@ -24,6 +28,7 @@ const getPosFromActiveLinkMark = state => {
       return undefined;
   }
 };
+const selectionToolbarLinkButtonTestId = 'ak-editor-selection-toolbar-link-button';
 
 /**
  * Hyperlink plugin to be added to an `EditorPresetBuilder` and used with `ComposableEditor`
@@ -146,7 +151,42 @@ export const hyperlinkPlugin = ({
           return analyticsAttached !== false ? tr : false;
         }
       }],
-      floatingToolbar: getToolbarConfig(options, api)
+      floatingToolbar: getToolbarConfig(options, api),
+      selectionToolbar: (state, {
+        formatMessage
+      }) => {
+        if (editorExperiment('contextual_formatting_toolbar', true, {
+          exposure: true
+        })) {
+          const toolbarButton = () => {
+            const {
+              from,
+              to
+            } = state.selection;
+            const isEnabled = canLinkBeCreatedInRange(from, to)(state);
+            const title = formatMessage(messages.link);
+            return {
+              type: 'button',
+              disabled: !isEnabled,
+              testId: `${selectionToolbarLinkButtonTestId}`,
+              icon: LinkIcon,
+              title: title,
+              tooltipContent: tooltip(addLink, title),
+              showTitle: false,
+              onClick: (state, dispatch) => {
+                var _api$analytics7;
+                return editorCommandToPMCommand(showLinkToolbar(INPUT_METHOD.FLOATING_TB, api === null || api === void 0 ? void 0 : (_api$analytics7 = api.analytics) === null || _api$analytics7 === void 0 ? void 0 : _api$analytics7.actions))(state, dispatch);
+              }
+            };
+          };
+          return {
+            isToolbarAbove: true,
+            items: [toolbarButton()]
+          };
+        } else {
+          return undefined;
+        }
+      }
     }
   };
 };

package/dist/esm/plugin.js

@@ -4,7 +4,11 @@ import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } f
 import { addLink, tooltip } from '@atlaskit/editor-common/keymaps';
 import { LinkAction } from '@atlaskit/editor-common/link';
 import { toolbarInsertBlockMessages as messages } from '@atlaskit/editor-common/messages';
+import { editorCommandToPMCommand } from '@atlaskit/editor-common/preset';
 import { IconLink } from '@atlaskit/editor-common/quick-insert';
+import { canLinkBeCreatedInRange } from '@atlaskit/editor-common/utils';
+import LinkIcon from '@atlaskit/icon/core/migration/link--editor-link';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { hideLinkToolbarSetMeta, insertLinkWithAnalytics, removeLinkEditorCommand, showLinkToolbar as _showLinkToolbar, updateLink, updateLinkEditorCommand } from './commands';
 import fakeCursorToolbarPlugin from './pm-plugins/fake-cursor-for-toolbar';
 import { createInputRulePlugin } from './pm-plugins/input-rule';
@@ -24,6 +28,7 @@ var getPosFromActiveLinkMark = function getPosFromActiveLinkMark(state) {
       return undefined;
   }
 };
+var selectionToolbarLinkButtonTestId = 'ak-editor-selection-toolbar-link-button';
 
 /**
  * Hyperlink plugin to be added to an `EditorPresetBuilder` and used with `ComposableEditor`
@@ -159,7 +164,40 @@ export var hyperlinkPlugin = function hyperlinkPlugin(_ref) {
           }
         }];
       },
-      floatingToolbar: getToolbarConfig(options, api)
+      floatingToolbar: getToolbarConfig(options, api),
+      selectionToolbar: function selectionToolbar(state, _ref5) {
+        var formatMessage = _ref5.formatMessage;
+        if (editorExperiment('contextual_formatting_toolbar', true, {
+          exposure: true
+        })) {
+          var toolbarButton = function toolbarButton() {
+            var _state$selection = state.selection,
+              from = _state$selection.from,
+              to = _state$selection.to;
+            var isEnabled = canLinkBeCreatedInRange(from, to)(state);
+            var title = formatMessage(messages.link);
+            return {
+              type: 'button',
+              disabled: !isEnabled,
+              testId: "".concat(selectionToolbarLinkButtonTestId),
+              icon: LinkIcon,
+              title: title,
+              tooltipContent: tooltip(addLink, title),
+              showTitle: false,
+              onClick: function onClick(state, dispatch) {
+                var _api$analytics7;
+                return editorCommandToPMCommand(_showLinkToolbar(INPUT_METHOD.FLOATING_TB, api === null || api === void 0 || (_api$analytics7 = api.analytics) === null || _api$analytics7 === void 0 ? void 0 : _api$analytics7.actions))(state, dispatch);
+              }
+            };
+          };
+          return {
+            isToolbarAbove: true,
+            items: [toolbarButton()]
+          };
+        } else {
+          return undefined;
+        }
+      }
     }
   };
 };

package/dist/types/commands.d.ts

@@ -15,7 +15,7 @@ export declare const insertLinkWithAnalytics: (inputMethod: LinkInputType, from:
 export declare function removeLink(pos: number, editorAnalyticsApi: EditorAnalyticsAPI | undefined): Command;
 export declare function removeLinkEditorCommand(pos: number, editorAnalyticsApi: EditorAnalyticsAPI | undefined): EditorCommand;
 export declare function editInsertedLink(editorAnalyticsApi: EditorAnalyticsAPI | undefined): Command;
-type InputMethod = INPUT_METHOD.TOOLBAR | INPUT_METHOD.QUICK_INSERT | INPUT_METHOD.SHORTCUT | INPUT_METHOD.INSERT_MENU;
+type InputMethod = INPUT_METHOD.TOOLBAR | INPUT_METHOD.QUICK_INSERT | INPUT_METHOD.SHORTCUT | INPUT_METHOD.INSERT_MENU | INPUT_METHOD.FLOATING_TB;
 export type ShowLinkToolbar = (inputMethod: InputMethod) => EditorCommand;
 export declare function showLinkToolbar(inputMethod: InputMethod, editorAnalyticsApi: EditorAnalyticsAPI | undefined): EditorCommand;
 export declare function hideLinkToolbar(): Command;

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

@@ -15,7 +15,7 @@ export declare const insertLinkWithAnalytics: (inputMethod: LinkInputType, from:
 export declare function removeLink(pos: number, editorAnalyticsApi: EditorAnalyticsAPI | undefined): Command;
 export declare function removeLinkEditorCommand(pos: number, editorAnalyticsApi: EditorAnalyticsAPI | undefined): EditorCommand;
 export declare function editInsertedLink(editorAnalyticsApi: EditorAnalyticsAPI | undefined): Command;
-type InputMethod = INPUT_METHOD.TOOLBAR | INPUT_METHOD.QUICK_INSERT | INPUT_METHOD.SHORTCUT | INPUT_METHOD.INSERT_MENU;
+type InputMethod = INPUT_METHOD.TOOLBAR | INPUT_METHOD.QUICK_INSERT | INPUT_METHOD.SHORTCUT | INPUT_METHOD.INSERT_MENU | INPUT_METHOD.FLOATING_TB;
 export type ShowLinkToolbar = (inputMethod: InputMethod) => EditorCommand;
 export declare function showLinkToolbar(inputMethod: InputMethod, editorAnalyticsApi: EditorAnalyticsAPI | undefined): EditorCommand;
 export declare function hideLinkToolbar(): Command;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-hyperlink",
-	"version": "3.2.9",
+	"version": "3.2.11",
 	"description": "Hyperlink plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -33,14 +33,15 @@
 	"dependencies": {
 		"@atlaskit/adf-schema": "^46.1.0",
 		"@atlaskit/analytics-next": "^10.1.0",
-		"@atlaskit/editor-common": "^95.7.0",
+		"@atlaskit/editor-common": "^95.8.0",
 		"@atlaskit/editor-plugin-analytics": "^1.10.0",
-		"@atlaskit/editor-plugin-card": "4.4.9",
+		"@atlaskit/editor-plugin-card": "4.4.10",
 		"@atlaskit/editor-plugin-editor-viewmode": "^2.1.0",
 		"@atlaskit/editor-prosemirror": "6.0.0",
 		"@atlaskit/icon": "^22.26.0",
 		"@atlaskit/platform-feature-flags": "^0.3.0",
 		"@atlaskit/prosemirror-input-rules": "^3.2.0",
+		"@atlaskit/tmp-editor-statsig": "^2.21.0",
 		"@babel/runtime": "^7.0.0",
 		"uuid": "^3.1.0"
 	},