@atlaskit/editor-plugin-hyperlink 2.0.5 → 2.1.0

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @atlaskit/editor-plugin-hyperlink
 
+## 2.1.0
+
+### Minor Changes
+
+- [#110802](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/110802)
+  [`5a5f54961cab7`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/5a5f54961cab7) -
+  [ux] Implemented an overlay button on hover of hyperlinks for live pages editor which selects the
+  hyperlink and opens the toolbar on click. (behind platform feature flag)
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 2.0.5
 
 ### Patch Changes

package/dist/cjs/plugin.js

@@ -63,8 +63,9 @@ var hyperlinkPlugin = exports.hyperlinkPlugin = function hyperlinkPlugin(_ref) {
       return [{
         name: 'hyperlink',
         plugin: function plugin(_ref2) {
-          var dispatch = _ref2.dispatch;
-          return (0, _main.plugin)(dispatch, options === null || options === void 0 ? void 0 : options.editorAppearance);
+          var dispatch = _ref2.dispatch,
+            getIntl = _ref2.getIntl;
+          return (0, _main.plugin)(dispatch, getIntl(), options === null || options === void 0 ? void 0 : options.editorAppearance);
         }
       }, {
         name: 'fakeCursorToolbarPlugin',

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

@@ -0,0 +1,28 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ButtonWrapper = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactDom = require("react-dom");
+var _reactIntlNext = require("react-intl-next");
+var _link = require("@atlaskit/editor-common/link");
+var ButtonWrapper = exports.ButtonWrapper = function ButtonWrapper(_ref) {
+  var editorView = _ref.editorView,
+    pos = _ref.pos,
+    intl = _ref.intl;
+  var wrapper = document.createElement('span');
+  wrapper.style.position = 'relative';
+  var nonBreakingCharacter = "\u2060";
+  (0, _reactDom.render)( /*#__PURE__*/_react.default.createElement(_reactIntlNext.IntlProvider, {
+    locale: intl.locale || 'en',
+    messages: intl.messages,
+    formats: intl.formats
+  }, /*#__PURE__*/_react.default.createElement(_link.OverlayButton, {
+    targetElementPos: pos,
+    editorView: editorView
+  }), nonBreakingCharacter), wrapper);
+  return wrapper;
+};

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

@@ -10,7 +10,11 @@ var _uuid = _interopRequireDefault(require("uuid"));
 var _link3 = require("@atlaskit/editor-common/link");
 var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
 var _utils = require("@atlaskit/editor-common/utils");
+var _model = require("@atlaskit/editor-prosemirror/model");
 var _state = require("@atlaskit/editor-prosemirror/state");
+var _view = require("@atlaskit/editor-prosemirror/view");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _decorations = require("./decorations");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var isSelectionInsideLink = function isSelectionInsideLink(state) {
@@ -154,7 +158,7 @@ var getActiveText = function getActiveText(selection) {
   return;
 };
 var stateKey = exports.stateKey = new _state.PluginKey('hyperlinkPlugin');
-var plugin = exports.plugin = function plugin(dispatch, editorAppearance) {
+var plugin = exports.plugin = function plugin(dispatch, intl, editorAppearance) {
   return new _safePlugin.SafePlugin({
     state: {
       init: function init(_, state) {
@@ -196,6 +200,31 @@ var plugin = exports.plugin = function plugin(dispatch, editorAppearance) {
             activeLinkMark: toState(state.activeLinkMark, action, newState),
             editorAppearance: editorAppearance
           }, stateForAnalytics);
+          if ((0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-links-in-live-pages')) {
+            if (action === _link3.LinkAction.SET_CONFIGURE_BUTTON_TARGET_POS) {
+              var configureButtonTargetPos = tr.getMeta(stateKey).pos;
+              var targetPosHasChanged = pluginState.configureButtonTargetPos !== configureButtonTargetPos;
+              var decorations = pluginState.decorations;
+              if (targetPosHasChanged) {
+                if (configureButtonTargetPos === undefined) {
+                  decorations = _view.DecorationSet.empty;
+                } else {
+                  var decoration = _view.Decoration.widget(configureButtonTargetPos, function (view) {
+                    return (0, _decorations.ButtonWrapper)({
+                      editorView: view,
+                      pos: configureButtonTargetPos,
+                      intl: intl
+                    });
+                  });
+                  decorations = _view.DecorationSet.create(newState.doc, [decoration]);
+                }
+              }
+              state = _objectSpread(_objectSpread({}, state), {}, {
+                configureButtonTargetPos: configureButtonTargetPos,
+                decorations: decorations
+              });
+            }
+          }
         }
         var hasPositionChanged = oldState.selection.from !== newState.selection.from || oldState.selection.to !== newState.selection.to;
         if (tr.selectionSet && hasPositionChanged) {
@@ -216,7 +245,17 @@ var plugin = exports.plugin = function plugin(dispatch, editorAppearance) {
       }
     },
     key: stateKey,
-    props: {
+    props: _objectSpread({
+      decorations: function decorations(state) {
+        if ((0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-links-in-live-pages')) {
+          var _stateKey$getState;
+          var _ref = (_stateKey$getState = stateKey.getState(state)) !== null && _stateKey$getState !== void 0 ? _stateKey$getState : {},
+            decorations = _ref.decorations;
+          return decorations;
+        } else {
+          return _view.DecorationSet.empty;
+        }
+      },
       handleDOMEvents: {
         mouseup: function mouseup(_, event) {
           // this prevents redundant selection transaction when clicking on link
@@ -247,7 +286,48 @@ var plugin = exports.plugin = function plugin(dispatch, editorAppearance) {
           return false;
         }
       }
-    }
+    }, (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-links-in-live-pages') && {
+      markViews: {
+        link: function link(mark, view, inline) {
+          var toDOM = mark.type.spec.toDOM;
+          if (!toDOM) {
+            throw new Error('toDom method missing');
+          }
+          var dom = _model.DOMSerializer.renderSpec(document, toDOM(mark, inline)).dom;
+          if (!(dom instanceof HTMLElement)) {
+            throw new Error('Error rendering hyperlink spec to dom');
+          }
+          var setTargetElementPos = function setTargetElementPos(val) {
+            var tr = view.state.tr;
+            tr.setMeta(stateKey, {
+              type: _link3.LinkAction.SET_CONFIGURE_BUTTON_TARGET_POS,
+              pos: val
+            });
+            view.dispatch(tr);
+          };
+          dom.onmouseenter = function () {
+            var _stateKey$getState2;
+            var _ref2 = (_stateKey$getState2 = stateKey.getState(view.state)) !== null && _stateKey$getState2 !== void 0 ? _stateKey$getState2 : {},
+              configureButtonTargetPos = _ref2.configureButtonTargetPos;
+            var nodePos = view.posAtDOM(dom, -1);
+            if (nodePos !== configureButtonTargetPos) {
+              setTargetElementPos(nodePos);
+            }
+          };
+          dom.onmouseleave = function () {
+            var _stateKey$getState3;
+            var _ref3 = (_stateKey$getState3 = stateKey.getState(view.state)) !== null && _stateKey$getState3 !== void 0 ? _stateKey$getState3 : {},
+              configureButtonTargetPos = _ref3.configureButtonTargetPos;
+            if (configureButtonTargetPos !== undefined) {
+              setTargetElementPos(undefined);
+            }
+          };
+          return {
+            dom: dom
+          };
+        }
+      }
+    })
   });
 };
 function isLinkDirectTarget(event) {

package/dist/es2019/plugin.js

@@ -52,8 +52,9 @@ export const hyperlinkPlugin = ({
       return [{
         name: 'hyperlink',
         plugin: ({
-          dispatch
-        }) => plugin(dispatch, options === null || options === void 0 ? void 0 : options.editorAppearance)
+          dispatch,
+          getIntl
+        }) => plugin(dispatch, getIntl(), options === null || options === void 0 ? void 0 : options.editorAppearance)
       }, {
         name: 'fakeCursorToolbarPlugin',
         plugin: () => fakeCursorToolbarPlugin

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

@@ -0,0 +1,22 @@
+import React from 'react';
+import { render } from 'react-dom';
+import { IntlProvider } from 'react-intl-next';
+import { OverlayButton } from '@atlaskit/editor-common/link';
+export const ButtonWrapper = ({
+  editorView,
+  pos,
+  intl
+}) => {
+  const wrapper = document.createElement('span');
+  wrapper.style.position = 'relative';
+  const nonBreakingCharacter = '\u2060';
+  render( /*#__PURE__*/React.createElement(IntlProvider, {
+    locale: intl.locale || 'en',
+    messages: intl.messages,
+    formats: intl.formats
+  }, /*#__PURE__*/React.createElement(OverlayButton, {
+    targetElementPos: pos,
+    editorView: editorView
+  }), nonBreakingCharacter), wrapper);
+  return wrapper;
+};

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

@@ -2,7 +2,11 @@ import uuid from 'uuid';
 import { InsertStatus, LinkAction } from '@atlaskit/editor-common/link';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { canLinkBeCreatedInRange, shallowEqual } from '@atlaskit/editor-common/utils';
+import { DOMSerializer } from '@atlaskit/editor-prosemirror/model';
 import { PluginKey, TextSelection } from '@atlaskit/editor-prosemirror/state';
+import { Decoration, DecorationSet } from '@atlaskit/editor-prosemirror/view';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { ButtonWrapper } from './decorations';
 const isSelectionInsideLink = state => !!state.doc.type.schema.marks.link.isInSet(state.selection.$from.marks());
 const isSelectionAroundLink = state => {
   const {
@@ -155,7 +159,7 @@ const getActiveText = selection => {
   return;
 };
 export const stateKey = new PluginKey('hyperlinkPlugin');
-export const plugin = (dispatch, editorAppearance) => new SafePlugin({
+export const plugin = (dispatch, intl, editorAppearance) => new SafePlugin({
   state: {
     init(_, state) {
       const canInsertLink = canLinkBeCreatedInRange(state.selection.from, state.selection.to)(state);
@@ -197,6 +201,32 @@ export const plugin = (dispatch, editorAppearance) => new SafePlugin({
           editorAppearance,
           ...stateForAnalytics
         };
+        if (getBooleanFF('platform.linking-platform.smart-links-in-live-pages')) {
+          if (action === LinkAction.SET_CONFIGURE_BUTTON_TARGET_POS) {
+            const configureButtonTargetPos = tr.getMeta(stateKey).pos;
+            const targetPosHasChanged = pluginState.configureButtonTargetPos !== configureButtonTargetPos;
+            let decorations = pluginState.decorations;
+            if (targetPosHasChanged) {
+              if (configureButtonTargetPos === undefined) {
+                decorations = DecorationSet.empty;
+              } else {
+                const decoration = Decoration.widget(configureButtonTargetPos, view => {
+                  return ButtonWrapper({
+                    editorView: view,
+                    pos: configureButtonTargetPos,
+                    intl
+                  });
+                });
+                decorations = DecorationSet.create(newState.doc, [decoration]);
+              }
+            }
+            state = {
+              ...state,
+              configureButtonTargetPos,
+              decorations
+            };
+          }
+        }
       }
       const hasPositionChanged = oldState.selection.from !== newState.selection.from || oldState.selection.to !== newState.selection.to;
       if (tr.selectionSet && hasPositionChanged) {
@@ -218,6 +248,17 @@ export const plugin = (dispatch, editorAppearance) => new SafePlugin({
   },
   key: stateKey,
   props: {
+    decorations: state => {
+      if (getBooleanFF('platform.linking-platform.smart-links-in-live-pages')) {
+        var _stateKey$getState;
+        const {
+          decorations
+        } = (_stateKey$getState = stateKey.getState(state)) !== null && _stateKey$getState !== void 0 ? _stateKey$getState : {};
+        return decorations;
+      } else {
+        return DecorationSet.empty;
+      }
+    },
     handleDOMEvents: {
       mouseup: (_, event) => {
         // this prevents redundant selection transaction when clicking on link
@@ -253,7 +294,51 @@ export const plugin = (dispatch, editorAppearance) => new SafePlugin({
         }
         return false;
       }
-    }
+    },
+    ...(getBooleanFF('platform.linking-platform.smart-links-in-live-pages') && {
+      markViews: {
+        link: (mark, view, inline) => {
+          const toDOM = mark.type.spec.toDOM;
+          if (!toDOM) {
+            throw new Error('toDom method missing');
+          }
+          const dom = DOMSerializer.renderSpec(document, toDOM(mark, inline)).dom;
+          if (!(dom instanceof HTMLElement)) {
+            throw new Error('Error rendering hyperlink spec to dom');
+          }
+          const setTargetElementPos = val => {
+            const tr = view.state.tr;
+            tr.setMeta(stateKey, {
+              type: LinkAction.SET_CONFIGURE_BUTTON_TARGET_POS,
+              pos: val
+            });
+            view.dispatch(tr);
+          };
+          dom.onmouseenter = () => {
+            var _stateKey$getState2;
+            const {
+              configureButtonTargetPos
+            } = (_stateKey$getState2 = stateKey.getState(view.state)) !== null && _stateKey$getState2 !== void 0 ? _stateKey$getState2 : {};
+            const nodePos = view.posAtDOM(dom, -1);
+            if (nodePos !== configureButtonTargetPos) {
+              setTargetElementPos(nodePos);
+            }
+          };
+          dom.onmouseleave = () => {
+            var _stateKey$getState3;
+            const {
+              configureButtonTargetPos
+            } = (_stateKey$getState3 = stateKey.getState(view.state)) !== null && _stateKey$getState3 !== void 0 ? _stateKey$getState3 : {};
+            if (configureButtonTargetPos !== undefined) {
+              setTargetElementPos(undefined);
+            }
+          };
+          return {
+            dom: dom
+          };
+        }
+      }
+    })
   }
 });
 function isLinkDirectTarget(event) {

package/dist/esm/plugin.js

@@ -56,8 +56,9 @@ export var hyperlinkPlugin = function hyperlinkPlugin(_ref) {
       return [{
         name: 'hyperlink',
         plugin: function plugin(_ref2) {
-          var dispatch = _ref2.dispatch;
-          return _plugin(dispatch, options === null || options === void 0 ? void 0 : options.editorAppearance);
+          var dispatch = _ref2.dispatch,
+            getIntl = _ref2.getIntl;
+          return _plugin(dispatch, getIntl(), options === null || options === void 0 ? void 0 : options.editorAppearance);
         }
       }, {
         name: 'fakeCursorToolbarPlugin',

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

@@ -0,0 +1,21 @@
+import React from 'react';
+import { render } from 'react-dom';
+import { IntlProvider } from 'react-intl-next';
+import { OverlayButton } from '@atlaskit/editor-common/link';
+export var ButtonWrapper = function ButtonWrapper(_ref) {
+  var editorView = _ref.editorView,
+    pos = _ref.pos,
+    intl = _ref.intl;
+  var wrapper = document.createElement('span');
+  wrapper.style.position = 'relative';
+  var nonBreakingCharacter = "\u2060";
+  render( /*#__PURE__*/React.createElement(IntlProvider, {
+    locale: intl.locale || 'en',
+    messages: intl.messages,
+    formats: intl.formats
+  }, /*#__PURE__*/React.createElement(OverlayButton, {
+    targetElementPos: pos,
+    editorView: editorView
+  }), nonBreakingCharacter), wrapper);
+  return wrapper;
+};

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

@@ -5,7 +5,11 @@ import uuid from 'uuid';
 import { InsertStatus, LinkAction } from '@atlaskit/editor-common/link';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { canLinkBeCreatedInRange, shallowEqual } from '@atlaskit/editor-common/utils';
+import { DOMSerializer } from '@atlaskit/editor-prosemirror/model';
 import { PluginKey, TextSelection } from '@atlaskit/editor-prosemirror/state';
+import { Decoration, DecorationSet } from '@atlaskit/editor-prosemirror/view';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { ButtonWrapper } from './decorations';
 var isSelectionInsideLink = function isSelectionInsideLink(state) {
   return !!state.doc.type.schema.marks.link.isInSet(state.selection.$from.marks());
 };
@@ -147,7 +151,7 @@ var getActiveText = function getActiveText(selection) {
   return;
 };
 export var stateKey = new PluginKey('hyperlinkPlugin');
-export var plugin = function plugin(dispatch, editorAppearance) {
+export var plugin = function plugin(dispatch, intl, editorAppearance) {
   return new SafePlugin({
     state: {
       init: function init(_, state) {
@@ -189,6 +193,31 @@ export var plugin = function plugin(dispatch, editorAppearance) {
             activeLinkMark: toState(state.activeLinkMark, action, newState),
             editorAppearance: editorAppearance
           }, stateForAnalytics);
+          if (getBooleanFF('platform.linking-platform.smart-links-in-live-pages')) {
+            if (action === LinkAction.SET_CONFIGURE_BUTTON_TARGET_POS) {
+              var configureButtonTargetPos = tr.getMeta(stateKey).pos;
+              var targetPosHasChanged = pluginState.configureButtonTargetPos !== configureButtonTargetPos;
+              var decorations = pluginState.decorations;
+              if (targetPosHasChanged) {
+                if (configureButtonTargetPos === undefined) {
+                  decorations = DecorationSet.empty;
+                } else {
+                  var decoration = Decoration.widget(configureButtonTargetPos, function (view) {
+                    return ButtonWrapper({
+                      editorView: view,
+                      pos: configureButtonTargetPos,
+                      intl: intl
+                    });
+                  });
+                  decorations = DecorationSet.create(newState.doc, [decoration]);
+                }
+              }
+              state = _objectSpread(_objectSpread({}, state), {}, {
+                configureButtonTargetPos: configureButtonTargetPos,
+                decorations: decorations
+              });
+            }
+          }
         }
         var hasPositionChanged = oldState.selection.from !== newState.selection.from || oldState.selection.to !== newState.selection.to;
         if (tr.selectionSet && hasPositionChanged) {
@@ -209,7 +238,17 @@ export var plugin = function plugin(dispatch, editorAppearance) {
       }
     },
     key: stateKey,
-    props: {
+    props: _objectSpread({
+      decorations: function decorations(state) {
+        if (getBooleanFF('platform.linking-platform.smart-links-in-live-pages')) {
+          var _stateKey$getState;
+          var _ref = (_stateKey$getState = stateKey.getState(state)) !== null && _stateKey$getState !== void 0 ? _stateKey$getState : {},
+            decorations = _ref.decorations;
+          return decorations;
+        } else {
+          return DecorationSet.empty;
+        }
+      },
       handleDOMEvents: {
         mouseup: function mouseup(_, event) {
           // this prevents redundant selection transaction when clicking on link
@@ -240,7 +279,48 @@ export var plugin = function plugin(dispatch, editorAppearance) {
           return false;
         }
       }
-    }
+    }, getBooleanFF('platform.linking-platform.smart-links-in-live-pages') && {
+      markViews: {
+        link: function link(mark, view, inline) {
+          var toDOM = mark.type.spec.toDOM;
+          if (!toDOM) {
+            throw new Error('toDom method missing');
+          }
+          var dom = DOMSerializer.renderSpec(document, toDOM(mark, inline)).dom;
+          if (!(dom instanceof HTMLElement)) {
+            throw new Error('Error rendering hyperlink spec to dom');
+          }
+          var setTargetElementPos = function setTargetElementPos(val) {
+            var tr = view.state.tr;
+            tr.setMeta(stateKey, {
+              type: LinkAction.SET_CONFIGURE_BUTTON_TARGET_POS,
+              pos: val
+            });
+            view.dispatch(tr);
+          };
+          dom.onmouseenter = function () {
+            var _stateKey$getState2;
+            var _ref2 = (_stateKey$getState2 = stateKey.getState(view.state)) !== null && _stateKey$getState2 !== void 0 ? _stateKey$getState2 : {},
+              configureButtonTargetPos = _ref2.configureButtonTargetPos;
+            var nodePos = view.posAtDOM(dom, -1);
+            if (nodePos !== configureButtonTargetPos) {
+              setTargetElementPos(nodePos);
+            }
+          };
+          dom.onmouseleave = function () {
+            var _stateKey$getState3;
+            var _ref3 = (_stateKey$getState3 = stateKey.getState(view.state)) !== null && _stateKey$getState3 !== void 0 ? _stateKey$getState3 : {},
+              configureButtonTargetPos = _ref3.configureButtonTargetPos;
+            if (configureButtonTargetPos !== undefined) {
+              setTargetElementPos(undefined);
+            }
+          };
+          return {
+            dom: dom
+          };
+        }
+      }
+    })
   });
 };
 function isLinkDirectTarget(event) {

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

@@ -0,0 +1,7 @@
+import { type IntlShape } from 'react-intl-next';
+import { type EditorView } from '@atlaskit/editor-prosemirror/view';
+export declare const ButtonWrapper: ({ editorView, pos, intl, }: {
+    editorView: EditorView;
+    pos?: number | undefined;
+    intl: IntlShape;
+}) => HTMLSpanElement;

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

@@ -1,7 +1,8 @@
+import { type IntlShape } from 'react-intl-next';
 import type { Dispatch } from '@atlaskit/editor-common/event-dispatcher';
 import type { HyperlinkState } from '@atlaskit/editor-common/link';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import type { EditorAppearance } from '@atlaskit/editor-common/types';
 import { PluginKey } from '@atlaskit/editor-prosemirror/state';
 export declare const stateKey: PluginKey<HyperlinkState>;
-export declare const plugin: (dispatch: Dispatch, editorAppearance?: EditorAppearance) => SafePlugin<HyperlinkState>;
+export declare const plugin: (dispatch: Dispatch, intl: IntlShape, editorAppearance?: EditorAppearance) => SafePlugin<HyperlinkState>;

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

@@ -0,0 +1,7 @@
+import { type IntlShape } from 'react-intl-next';
+import { type EditorView } from '@atlaskit/editor-prosemirror/view';
+export declare const ButtonWrapper: ({ editorView, pos, intl, }: {
+    editorView: EditorView;
+    pos?: number | undefined;
+    intl: IntlShape;
+}) => HTMLSpanElement;

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

@@ -1,7 +1,8 @@
+import { type IntlShape } from 'react-intl-next';
 import type { Dispatch } from '@atlaskit/editor-common/event-dispatcher';
 import type { HyperlinkState } from '@atlaskit/editor-common/link';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import type { EditorAppearance } from '@atlaskit/editor-common/types';
 import { PluginKey } from '@atlaskit/editor-prosemirror/state';
 export declare const stateKey: PluginKey<HyperlinkState>;
-export declare const plugin: (dispatch: Dispatch, editorAppearance?: EditorAppearance) => SafePlugin<HyperlinkState>;
+export declare const plugin: (dispatch: Dispatch, intl: IntlShape, editorAppearance?: EditorAppearance) => SafePlugin<HyperlinkState>;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-hyperlink",
-	"version": "2.0.5",
+	"version": "2.1.0",
 	"description": "Hyperlink plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -20,7 +20,10 @@
 	"types": "dist/types/index.d.ts",
 	"typesVersions": {
 		">=4.5 <4.9": {
-			"*": ["dist/types-ts4.5/*", "dist/types-ts4.5/index.d.ts"]
+			"*": [
+				"dist/types-ts4.5/*",
+				"dist/types-ts4.5/index.d.ts"
+			]
 		}
 	},
 	"sideEffects": false,
@@ -31,7 +34,7 @@
 	"dependencies": {
 		"@atlaskit/adf-schema": "^36.10.7",
 		"@atlaskit/analytics-next": "^9.3.0",
-		"@atlaskit/editor-common": "^82.6.0",
+		"@atlaskit/editor-common": "^82.7.0",
 		"@atlaskit/editor-plugin-analytics": "^1.2.0",
 		"@atlaskit/editor-plugin-card": "2.0.5",
 		"@atlaskit/editor-prosemirror": "4.0.1",
@@ -43,6 +46,7 @@
 	},
 	"peerDependencies": {
 		"react": "^16.8.0",
+		"react-dom": "^16.8.0",
 		"react-intl-next": "npm:react-intl@^5.18.1"
 	},
 	"devDependencies": {
@@ -54,23 +58,37 @@
 		"@atlaskit/visual-regression": "*",
 		"@testing-library/react": "^12.1.5",
 		"raf-stub": "^2.0.1",
-		"react-dom": "^16.8.0",
 		"typescript": "~5.4.2",
 		"wait-for-expect": "^1.2.0"
 	},
 	"techstack": {
 		"@atlassian/frontend": {
-			"import-structure": ["atlassian-conventions"],
-			"circular-dependencies": ["file-and-folder-level"]
+			"import-structure": [
+				"atlassian-conventions"
+			],
+			"circular-dependencies": [
+				"file-and-folder-level"
+			]
 		},
 		"@repo/internal": {
 			"dom-events": "use-bind-event-listener",
-			"analytics": ["analytics-next"],
-			"design-tokens": ["color"],
-			"theming": ["react-context"],
-			"ui-components": ["lite-mode"],
+			"analytics": [
+				"analytics-next"
+			],
+			"design-tokens": [
+				"color"
+			],
+			"theming": [
+				"react-context"
+			],
+			"ui-components": [
+				"lite-mode"
+			],
 			"deprecation": "no-deprecated-imports",
-			"styling": ["emotion", "emotion"]
+			"styling": [
+				"emotion",
+				"emotion"
+			]
 		}
 	},
 	"platform-feature-flags": {
@@ -79,6 +97,9 @@
 		},
 		"platform.editor.card.inject-settings-button": {
 			"type": "boolean"
+		},
+		"platform.linking-platform.smart-links-in-live-pages": {
+			"type": "boolean"
 		}
 	}
 }