@atlaskit/editor-common 115.5.1 → 115.6.0

package/dist/cjs/guideline/index.js

@@ -24,13 +24,13 @@ Object.defineProperty(exports, "createFixedGuidelinesFromLengths", {
 Object.defineProperty(exports, "createGuidesFromLengths", {
   enumerable: true,
   get: function get() {
-    return _createGuidesFromLengths.createGuidesFromLengths;
+    return _fixedGuideline.createGuidesFromLengths;
   }
 });
 Object.defineProperty(exports, "findClosestSnap", {
   enumerable: true,
   get: function get() {
-    return _findClosestSnap.findClosestSnap;
+    return _snapping.findClosestSnap;
   }
 });
 Object.defineProperty(exports, "generateDefaultGuidelines", {
@@ -48,19 +48,19 @@ Object.defineProperty(exports, "generateDynamicGuidelines", {
 Object.defineProperty(exports, "getContainerWidthOrFullEditorWidth", {
   enumerable: true,
   get: function get() {
-    return _getContainerWidthOrFullEditorWidth.getContainerWidthOrFullEditorWidth;
+    return _utils.getContainerWidthOrFullEditorWidth;
   }
 });
 Object.defineProperty(exports, "getGuidelineSnaps", {
   enumerable: true,
   get: function get() {
-    return _getGuidelineSnaps.getGuidelineSnaps;
+    return _snapping.getGuidelineSnaps;
   }
 });
 Object.defineProperty(exports, "getGuidelineTypeFromKey", {
   enumerable: true,
   get: function get() {
-    return _getGuidelineTypeFromKey.getGuidelineTypeFromKey;
+    return _utils.getGuidelineTypeFromKey;
   }
 });
 Object.defineProperty(exports, "getGuidelinesWithHighlights", {
@@ -72,13 +72,13 @@ Object.defineProperty(exports, "getGuidelinesWithHighlights", {
 Object.defineProperty(exports, "getMediaSingleDimensions", {
   enumerable: true,
   get: function get() {
-    return _getMediaSingleDimensions.getMediaSingleDimensions;
+    return _utils.getMediaSingleDimensions;
   }
 });
 Object.defineProperty(exports, "getRelativeGuideSnaps", {
   enumerable: true,
   get: function get() {
-    return _getRelativeGuideSnaps.getRelativeGuideSnaps;
+    return _relativeGuideline.getRelativeGuideSnaps;
   }
 });
 Object.defineProperty(exports, "getRelativeGuidelines", {
@@ -94,16 +94,10 @@ Object.defineProperty(exports, "isVerticalPosition", {
   }
 });
 var _dynamicGuideline = require("./dynamicGuideline");
-var _createGuidesFromLengths = require("./createGuidesFromLengths");
 var _fixedGuideline = require("./fixedGuideline");
 var _defaultGuideline = require("./defaultGuideline");
 var _updateGuideline = require("./updateGuideline");
 var _constants = require("./constants");
-var _findClosestSnap = require("./findClosestSnap");
-var _getGuidelineSnaps = require("./getGuidelineSnaps");
-var _getContainerWidthOrFullEditorWidth = require("./getContainerWidthOrFullEditorWidth");
-var _getGuidelineTypeFromKey = require("./getGuidelineTypeFromKey");
-var _getMediaSingleDimensions = require("./getMediaSingleDimensions");
+var _snapping = require("./snapping");
 var _utils = require("./utils");
-var _getRelativeGuideSnaps = require("./getRelativeGuideSnaps");
 var _relativeGuideline = require("./relativeGuideline");

package/dist/cjs/guideline/relativeGuideline.js

@@ -4,16 +4,10 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "getRelativeGuideSnaps", {
-  enumerable: true,
-  get: function get() {
-    return _getRelativeGuideSnaps.getRelativeGuideSnaps;
-  }
-});
-exports.getRelativeGuidelines = void 0;
+exports.getRelativeGuidelines = exports.getRelativeGuideSnaps = void 0;
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _getMediaSingleDimensions = require("./getMediaSingleDimensions");
-var _getRelativeGuideSnaps = require("./getRelativeGuideSnaps");
+var _mediaSingle = require("../media-single");
+var _utils = require("./utils");
 var RELATIVE_GUIDES_GAP = 6;
 var getWidthRelativeGuideline = function getWidthRelativeGuideline(key, view, nodeWithPos, editorWidth, topOffset, size) {
   var node = nodeWithPos.node,
@@ -23,7 +17,7 @@ var getWidthRelativeGuideline = function getWidthRelativeGuideline(key, view, no
   var _view$coordsAtPos = view.coordsAtPos(pos + 1),
     top = _view$coordsAtPos.top; // media node
 
-  var _ref = size || (0, _getMediaSingleDimensions.getMediaSingleDimensions)(node, editorWidth) || {},
+  var _ref = size || (0, _utils.getMediaSingleDimensions)(node, editorWidth) || {},
     width = _ref.width,
     height = _ref.height;
   var y = top - topOffset - RELATIVE_GUIDES_GAP;
@@ -75,7 +69,7 @@ var getHeightRelativeGuideline = function getHeightRelativeGuideline(key, view,
   var _view$coordsAtPos2 = view.coordsAtPos(pos + 1),
     top = _view$coordsAtPos2.top; // media node
 
-  var _ref2 = size || (0, _getMediaSingleDimensions.getMediaSingleDimensions)(node, editorWidth) || {},
+  var _ref2 = size || (0, _utils.getMediaSingleDimensions)(node, editorWidth) || {},
     width = _ref2.width,
     height = _ref2.height;
   if (!width || !height) {
@@ -121,6 +115,16 @@ var getHeightRelativeGuideline = function getHeightRelativeGuideline(key, view,
     }
   };
 };
+var getRelativeGuideSnaps = exports.getRelativeGuideSnaps = function getRelativeGuideSnaps(relativeGuides, aspectRatio) {
+  var snapsWidthFromMatchingHeight = Object.keys(relativeGuides.height || {}).map(function (heightKey) {
+    var height = Number.parseInt(heightKey);
+    return (0, _mediaSingle.roundToNearest)(height * aspectRatio);
+  });
+  var snapsWidthFromMatchingWidth = Object.keys(relativeGuides.width || {}).map(function (widthKey) {
+    return Number.parseInt(widthKey);
+  });
+  return [].concat((0, _toConsumableArray2.default)(snapsWidthFromMatchingWidth), (0, _toConsumableArray2.default)(snapsWidthFromMatchingHeight));
+};
 var getRelativeGuidelines = exports.getRelativeGuidelines = function getRelativeGuidelines(relativeGuides, nodeWithPos, view, editorWidth, topOffset, size) {
   var matchWidth = relativeGuides.width ? relativeGuides.width[Math.round(size.width)] : [];
   var matchHeight = relativeGuides.height ? relativeGuides.height[Math.round(size.height)] : [];
@@ -134,5 +138,4 @@ var getRelativeGuidelines = exports.getRelativeGuidelines = function getRelative
     });
   }
   return [];
-};
-// eslint-disable-next-line @atlaskit/editor/no-re-export
+};

package/dist/cjs/guideline/snapping.js

@@ -1,19 +1,85 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "findClosestSnap", {
-  enumerable: true,
-  get: function get() {
-    return _findClosestSnap.findClosestSnap;
+exports.getGuidelineSnaps = exports.findClosestSnap = void 0;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _memoizeOne = _interopRequireDefault(require("memoize-one"));
+var _constants = require("./constants");
+var _utils = require("./utils");
+/**
+ * Returns keys of guidelines that are closest to the image and withthin the snapGap.
+ * If both default and dynamic guidelines present, only returns default guidelines
+ */
+var findClosestSnap = exports.findClosestSnap = function findClosestSnap(mediaSingleWidth, snapArray, guidelineSnaps) {
+  var snapGap = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
+  var closestGapIndex = snapArray.reduce(function (prev, curr, index) {
+    return Math.abs(curr - mediaSingleWidth) < Math.abs(snapArray[prev] - mediaSingleWidth) ? index : prev;
+  }, 0);
+  var gap = Math.abs(snapArray[closestGapIndex] - mediaSingleWidth);
+  if (gap < snapGap) {
+    var snappingWidth = snapArray[closestGapIndex];
+    var guidelineKeys = [];
+    // find wich guideline have the matching snap width
+    guidelineSnaps.forEach(function (gs) {
+      if (gs.width === snappingWidth) {
+        guidelineKeys.push(gs.guidelineKey);
+      }
+    });
+    var defaultGuidelineKeys = guidelineKeys.filter(function (guidelineKey) {
+      return !guidelineKey.startsWith(_constants.MEDIA_DYNAMIC_GUIDELINE_PREFIX);
+    });
+    return {
+      gap: gap,
+      // only highlight default guidelines
+      // when there are both default and dynamic guidelines to be highlighted
+      keys: defaultGuidelineKeys.length && defaultGuidelineKeys.length < guidelineKeys.length ? defaultGuidelineKeys : guidelineKeys
+    };
   }
-});
-Object.defineProperty(exports, "getGuidelineSnaps", {
-  enumerable: true,
-  get: function get() {
-    return _getGuidelineSnaps.getGuidelineSnaps;
-  }
-});
-var _findClosestSnap = require("./findClosestSnap");
-var _getGuidelineSnaps = require("./getGuidelineSnaps");
+  return {
+    gap: gap,
+    keys: []
+  };
+};
+var getGuidelineSnaps = exports.getGuidelineSnaps = (0, _memoizeOne.default)(function (guidelines, editorWidth) {
+  var layout = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'center';
+  var offset = editorWidth / 2;
+  var getPositionX = function getPositionX(position) {
+    return (0, _utils.isVerticalPosition)(position) ? position.x : 0;
+  };
+  var calcXSnaps = function calcXSnaps(guidelineReference) {
+    var snapsWidth = guidelineReference.filter(function (g) {
+      return g.width > 0;
+    }).map(function (g) {
+      return g.width;
+    });
+    var uniqueSnapWidth = (0, _toConsumableArray2.default)(new Set(snapsWidth));
+    return snapsWidth.length ? uniqueSnapWidth : undefined;
+  };
+  var guidelinesSnapsReference = guidelines.map(function (guideline) {
+    var positionX = getPositionX(guideline.position);
+    if (['align-end', 'wrap-right'].includes(layout)) {
+      return {
+        guidelineKey: guideline.key,
+        width: offset - positionX
+      };
+    } else if (['align-start', 'wrap-left'].includes(layout)) {
+      return {
+        guidelineKey: guideline.key,
+        width: positionX + offset
+      };
+    }
+    return {
+      guidelineKey: guideline.key,
+      width: Math.abs(positionX) * 2
+    };
+  });
+  return {
+    guidelineReference: guidelinesSnapsReference,
+    snaps: {
+      x: calcXSnaps(guidelinesSnapsReference)
+    }
+  };
+});

package/dist/cjs/guideline/utils.js

@@ -1,54 +1,108 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "getContainerWidthOrFullEditorWidth", {
-  enumerable: true,
-  get: function get() {
-    return _getContainerWidthOrFullEditorWidth.getContainerWidthOrFullEditorWidth;
-  }
-});
-Object.defineProperty(exports, "getGuidelineTypeFromKey", {
-  enumerable: true,
-  get: function get() {
-    return _getGuidelineTypeFromKey.getGuidelineTypeFromKey;
+exports.isVerticalPosition = exports.isRange = exports.isNumber = exports.getMediaSingleDimensions = exports.getGuidelineTypeFromKey = exports.getContainerWidthOrFullEditorWidth = void 0;
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
+var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
+var _mediaSingle = require("../media-single");
+var isNumber = exports.isNumber = function isNumber(x) {
+  return typeof x === 'number' && !isNaN(x) && isFinite(x);
+};
+var isRange = exports.isRange = function isRange(range) {
+  return !!((0, _typeof2.default)(range) === 'object' && range && 'start' in range && 'end' in range);
+};
+var isVerticalPosition = exports.isVerticalPosition = function isVerticalPosition(pos) {
+  return isNumber(pos.x);
+};
+
+/**
+ * Returns the type of guideline based on a guideline key and a collection of guidelines
+ */
+var getGuidelineTypeFromKey = exports.getGuidelineTypeFromKey = function getGuidelineTypeFromKey(keys, guidelines) {
+  if (guidelines.length === 0) {
+    return 'none';
   }
-});
-Object.defineProperty(exports, "getMediaSingleDimensions", {
-  enumerable: true,
-  get: function get() {
-    return _getMediaSingleDimensions.getMediaSingleDimensions;
+
+  // Check for default guidelines on key
+  if (keys.some(function (key) {
+    return ['grid_', 'wide_', 'full_width'].some(function (defaultGuideline) {
+      return key.indexOf(defaultGuideline) >= 0;
+    });
+  })) {
+    return 'default';
   }
-});
-Object.defineProperty(exports, "isNumber", {
-  enumerable: true,
-  get: function get() {
-    return _isNumber.isNumber;
+
+  // Check for temporary guidelines
+  if (keys.some(function (key) {
+    return ['media_'].some(function (temoporaryGuideline) {
+      return key.indexOf(temoporaryGuideline) >= 0;
+    });
+  })) {
+    return 'temporary';
   }
-});
-Object.defineProperty(exports, "isRange", {
-  enumerable: true,
-  get: function get() {
-    return _isRange.isRange;
+
+  // Check for relative guidelines
+  if (keys.some(function (key) {
+    return ['relative_'].some(function (relativeGuideline) {
+      return key.indexOf(relativeGuideline) >= 0;
+    });
+  })) {
+    return 'relative';
   }
-});
-exports.isVerticalPosition = void 0;
-var _isNumber = require("./isNumber");
-var _isRange = require("./isRange");
-var _getGuidelineTypeFromKey = require("./getGuidelineTypeFromKey");
-var _getContainerWidthOrFullEditorWidth = require("./getContainerWidthOrFullEditorWidth");
-var _getMediaSingleDimensions = require("./getMediaSingleDimensions");
-var isVerticalPosition = exports.isVerticalPosition = function isVerticalPosition(pos) {
-  return (0, _isNumber.isNumber)(pos.x);
+  return 'none';
 };
 
-// eslint-disable-next-line @atlaskit/editor/no-re-export
-
-// eslint-disable-next-line @atlaskit/editor/no-re-export
-
-// eslint-disable-next-line @atlaskit/editor/no-re-export
+/**
+ * Calculates container or full editor width taking in account editor full width layout
+ * width and editor gutter padding.
+ */
+var getContainerWidthOrFullEditorWidth = exports.getContainerWidthOrFullEditorWidth = function getContainerWidthOrFullEditorWidth(containerWidth) {
+  var padding = containerWidth <= _editorSharedStyles.akEditorFullPageNarrowBreakout && (0, _experiments.editorExperiment)('platform_editor_preview_panel_responsiveness', true, {
+    exposure: true
+  }) ? _editorSharedStyles.akEditorGutterPaddingReduced : (0, _editorSharedStyles.akEditorGutterPaddingDynamic)();
+  return Math.min(containerWidth - padding * 2, _editorSharedStyles.akEditorFullWidthLayoutWidth) / 2;
+};
 
-// eslint-disable-next-line @atlaskit/editor/no-re-export
+/**
+ *
+ * @param mediaSingle the mediaSingle node
+ * @param editorWidth default 760, only use default if the mediaSingle is using pixel width
+ * @returns null or dimensions info
+ */
+var getMediaSingleDimensions = exports.getMediaSingleDimensions = function getMediaSingleDimensions(mediaSingle) {
+  var editorWidth = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : _editorSharedStyles.akEditorDefaultLayoutWidth;
+  if (mediaSingle.type !== mediaSingle.type.schema.nodes.mediaSingle) {
+    return null;
+  }
+  var mediaNode = mediaSingle.firstChild;
+  var _ref = (mediaNode === null || mediaNode === void 0 ? void 0 : mediaNode.attrs) || {},
+    width = _ref.width,
+    height = _ref.height;
 
-// eslint-disable-next-line @atlaskit/editor/no-re-export
+  // e.g. external image
+  if (!width || !height) {
+    return null;
+  }
+  var ratio = parseFloat((height / width).toFixed(2));
+  if (!mediaSingle.attrs.width) {
+    return {
+      width: width,
+      height: height,
+      originalWidth: width,
+      originalHeight: height,
+      ratio: ratio
+    };
+  }
+  var pixelWidth = (0, _mediaSingle.getMediaSinglePixelWidth)(mediaSingle.attrs.width, editorWidth, mediaSingle.attrs.widthType);
+  return {
+    width: (0, _mediaSingle.roundToNearest)(pixelWidth),
+    height: (0, _mediaSingle.roundToNearest)(pixelWidth * ratio),
+    originalWidth: width,
+    originalHeight: height,
+    ratio: ratio
+  };
+};

package/dist/cjs/lazy-node-view/index.js

@@ -22,7 +22,6 @@ exports.withLazyLoading = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _state = require("@atlaskit/editor-prosemirror/state");
 var _lazyScheduler = require("./lazy-scheduler");
-var _makeNodePlaceholderId = require("./makeNodePlaceholderId");
 var _nodeView = require("./node-view");
 var _cssHelper = require("./css-helper");
 // Disable no-re-export rule for entry point files
@@ -161,7 +160,7 @@ var withLazyLoading = exports.withLazyLoading = function withLazyLoading(_ref) {
         dom.setAttribute('data-vc', "editor-lnv-loaded--".concat(node.type.name));
         var pos = getPos();
         if (pos !== undefined) {
-          dom.setAttribute('data-editor-lnv-placeholder-replace', (0, _makeNodePlaceholderId.makeNodePlaceholderId)(node.type.name, pos));
+          dom.setAttribute('data-editor-lnv-placeholder-replace', (0, _nodeView.makeNodePlaceholderId)(node.type.name, pos));
         }
         return nodeView;
       };

package/dist/cjs/lazy-node-view/node-view.js

@@ -5,18 +5,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.LazyNodeView = void 0;
-Object.defineProperty(exports, "makeNodePlaceholderId", {
-  enumerable: true,
-  get: function get() {
-    return _makeNodePlaceholderId.makeNodePlaceholderId;
-  }
-});
+exports.makeNodePlaceholderId = makeNodePlaceholderId;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _memoize = _interopRequireDefault(require("lodash/memoize"));
 var _model = require("@atlaskit/editor-prosemirror/model");
-var _makeNodePlaceholderId = require("./makeNodePlaceholderId");
 var getEditorLineWidth = (0, _memoize.default)(function (view) {
   var _view$dom;
   return (_view$dom = view.dom) === null || _view$dom === void 0 ? void 0 : _view$dom.clientWidth;
@@ -41,6 +35,9 @@ function sameOuterDeco(a, b) {
   }
   return true;
 }
+function makeNodePlaceholderId(nodeType, pos) {
+  return "".concat(nodeType, ":").concat(pos);
+}
 
 /**
  * 🧱 Internal: Editor FE Platform
@@ -92,7 +89,7 @@ var LazyNodeView = exports.LazyNodeView = /*#__PURE__*/function () {
       var pos = _getPos();
       if (pos !== undefined) {
         // Used for UFO to identify this as a placeholder
-        this.dom.setAttribute('data-editor-lnv-placeholder', (0, _makeNodePlaceholderId.makeNodePlaceholderId)(_node.type.name, pos));
+        this.dom.setAttribute('data-editor-lnv-placeholder', makeNodePlaceholderId(_node.type.name, pos));
       }
     }
   }
@@ -105,4 +102,4 @@ var LazyNodeView = exports.LazyNodeView = /*#__PURE__*/function () {
       return true;
     }
   }]);
-}(); // eslint-disable-next-line @atlaskit/editor/no-re-export
+}();

package/dist/cjs/link/LinkPicker/HyperlinkAddToolbar/HyperlinkAddToolbar.js

@@ -5,14 +5,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.RECENT_SEARCH_LIST_SIZE = exports.HyperlinkLinkAddToolbarWithIntl = exports.HyperlinkLinkAddToolbar = void 0;
-Object.defineProperty(exports, "messages", {
-  enumerable: true,
-  get: function get() {
-    return _messages.messages;
-  }
-});
-exports.visuallyHiddenStyles = void 0;
+exports.visuallyHiddenStyles = exports.messages = exports.default = exports.RECENT_SEARCH_LIST_SIZE = exports.HyperlinkLinkAddToolbarWithIntl = exports.HyperlinkLinkAddToolbar = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
@@ -43,11 +36,7 @@ var _browser = require("../../../utils/browser");
 var _LinkSearchList = _interopRequireDefault(require("../../LinkSearch/LinkSearchList"));
 var _ToolbarComponents = require("../../LinkSearch/ToolbarComponents");
 var _transformTimeStamp = require("../../LinkSearch/transformTimeStamp");
-var _filterUniqueItems = require("./filterUniqueItems");
-var _messages = require("./messages");
-var _sha = require("./sha1");
 var _utils2 = require("./utils");
-var _wordCount = require("./wordCount");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t12 in e) "default" !== _t12 && {}.hasOwnProperty.call(e, _t12) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t12)) && (i.get || i.set) ? o(f, _t12, i) : f[_t12] = e[_t12]); return f; })(e, t); }
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /* eslint-disable @atlaskit/ui-styling-standard/use-compiled -- Pre-existing lint debt surfaced by this mechanical type-import-only PR. */ /**
@@ -96,6 +85,48 @@ var inputLabel = (0, _react2.css)({
 var inputWrapperPosition = (0, _react2.css)({
   position: 'relative'
 });
+var messages = exports.messages = (0, _reactIntl.defineMessages)({
+  displayText: {
+    id: 'fabric.editor.displayText',
+    defaultMessage: 'Text to display',
+    description: 'Label for the text input field in the hyperlink toolbar where users enter the display text for a link.'
+  },
+  clearText: {
+    id: 'fabric.editor.clearLinkText',
+    defaultMessage: 'Clear text',
+    description: 'The text is shown on a button in the hyperlink toolbar that clears the display text field, removing any custom link text the user has entered.'
+  },
+  clearLink: {
+    id: 'fabric.editor.clearLink',
+    defaultMessage: 'Clear link',
+    description: 'The text is shown on a button in the hyperlink toolbar that clears the URL field, removing any link address the user has entered.'
+  },
+  hyperlinkAriaLabel: {
+    id: 'fabric.editor.hyperlink.ariaLabel',
+    defaultMessage: 'Hyperlink Edit',
+    description: 'Aria label for the Hyperlink Add Toolbar'
+  },
+  searchLinkAriaDescription: {
+    id: 'fabric.editor.hyperlink.searchLinkAriaDescription',
+    defaultMessage: 'Suggestions will appear below as you type into the field',
+    description: 'Describes what the search field does for screen reader users.'
+  },
+  searchLinkResults: {
+    id: 'fabric.editor.hyperlink.searchLinkResults',
+    defaultMessage: '{count, plural, =0 {no results} one {# result} other {# results}} found',
+    description: 'Announce search results for screen-reader users.'
+  },
+  linkVisibleLabel: {
+    id: 'fabric.editor.hyperlink.linkVisibleLabel',
+    defaultMessage: 'Paste or search for link',
+    description: 'Visible label for link input in hyperlink floating control'
+  },
+  textVisibleLabel: {
+    id: 'fabric.editor.hyperlink.textVisibleLabel',
+    defaultMessage: 'Display text (optional)',
+    description: 'Visible label for text input in hyperlink floating control'
+  }
+});
 var defaultIcon = (0, _react2.jsx)(_page.default, {
   label: "page"
 });
@@ -173,9 +204,9 @@ var HyperlinkLinkAddToolbar = exports.HyperlinkLinkAddToolbar = /*#__PURE__*/fun
                 attributes: {
                   queryLength: input.length,
                   queryVersion: queryVersion,
-                  queryHash: (0, _sha.sha1)(input),
+                  queryHash: (0, _utils2.sha1)(input),
                   searchSessionId: searchSessionId !== null && searchSessionId !== void 0 ? searchSessionId : '',
-                  wordCount: (0, _wordCount.wordCount)(input),
+                  wordCount: (0, _utils2.wordCount)(input),
                   source: _this.analyticSource
                 },
                 nonPrivacySafeAttributes: {
@@ -189,7 +220,7 @@ var HyperlinkLinkAddToolbar = exports.HyperlinkLinkAddToolbar = /*#__PURE__*/fun
               return searchProvider.quickSearch(input, quickSearchLimit);
             case 3:
               searchProviderResultItems = _context.sent;
-              searchItems = limit((0, _filterUniqueItems.filterUniqueItems)([].concat((0, _toConsumableArray2.default)(items), (0, _toConsumableArray2.default)(searchProviderResultItems.map(mapSearchProviderResultToLinkSearchItemData))), function (firstItem, secondItem) {
+              searchItems = limit((0, _utils2.filterUniqueItems)([].concat((0, _toConsumableArray2.default)(items), (0, _toConsumableArray2.default)(searchProviderResultItems.map(mapSearchProviderResultToLinkSearchItemData))), function (firstItem, secondItem) {
                 return firstItem.objectId === secondItem.objectId;
               }));
               if (displayUrl === input && queryVersion === _this.quickSearchQueryVersion) {
@@ -840,7 +871,7 @@ var HyperlinkLinkAddToolbar = exports.HyperlinkLinkAddToolbar = /*#__PURE__*/fun
         displayUrl = _this$state1.displayUrl,
         displayText = _this$state1.displayText;
       var formatMessage = this.props.intl.formatMessage;
-      var formatClearLinkText = formatMessage(_messages.messages.clearLink);
+      var formatClearLinkText = formatMessage(messages.clearLink);
       var screenReaderDescriptionId = 'search-recent-links-field-description';
       var linkSearchListId = 'hyperlink-search-list';
       var ariaActiveDescendant = selectedIndex > -1 ? "link-search-list-item-".concat(selectedIndex) : '';
@@ -852,7 +883,7 @@ var HyperlinkLinkAddToolbar = exports.HyperlinkLinkAddToolbar = /*#__PURE__*/fun
       // for details: https://a11y-internal.atlassian.net/browse/AK-740
       var screenReaderText = browser.safari && this.getScreenReaderText();
       var hyperlinkElement = (0, _react2.jsx)("div", {
-        "aria-label": formatMessage(_messages.messages.hyperlinkAriaLabel)
+        "aria-label": formatMessage(messages.hyperlinkAriaLabel)
         // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
         ,
         className: "recent-list",
@@ -864,7 +895,7 @@ var HyperlinkLinkAddToolbar = exports.HyperlinkLinkAddToolbar = /*#__PURE__*/fun
       }, (0, _react2.jsx)("label", {
         htmlFor: linkSearchInputId,
         css: inputLabel
-      }, formatMessage(_messages.messages.linkVisibleLabel)), (0, _react2.jsx)("div", {
+      }, formatMessage(messages.linkVisibleLabel)), (0, _react2.jsx)("div", {
         css: [_ToolbarComponents.inputWrapper, inputWrapperPosition]
       }, screenReaderText && (0, _react2.jsx)(_ui.Announcer, {
         ariaLive: "assertive",
@@ -875,7 +906,7 @@ var HyperlinkLinkAddToolbar = exports.HyperlinkLinkAddToolbar = /*#__PURE__*/fun
         css: visuallyHiddenStyles,
         "aria-hidden": "true",
         id: screenReaderDescriptionId
-      }, formatMessage(_messages.messages.searchLinkAriaDescription)), (0, _react2.jsx)(_ui.PanelTextInput, {
+      }, formatMessage(messages.searchLinkAriaDescription)), (0, _react2.jsx)(_ui.PanelTextInput, {
         role: "combobox",
         ariaExpanded: items && items.length > 0 && !isLoading,
         ariaActiveDescendant: ariaActiveDescendant,
@@ -912,7 +943,7 @@ var HyperlinkLinkAddToolbar = exports.HyperlinkLinkAddToolbar = /*#__PURE__*/fun
       }))))), (0, _react2.jsx)("label", {
         htmlFor: displayTextInputId,
         css: [inputLabel, textLabelMargin]
-      }, formatMessage(_messages.messages.textVisibleLabel)), (0, _react2.jsx)("div", {
+      }, formatMessage(messages.textVisibleLabel)), (0, _react2.jsx)("div", {
         css: [_ToolbarComponents.inputWrapper, inputWrapperPosition]
       }, (0, _react2.jsx)(_ui.PanelTextInput
       // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
@@ -930,20 +961,20 @@ var HyperlinkLinkAddToolbar = exports.HyperlinkLinkAddToolbar = /*#__PURE__*/fun
       }), displayText && (0, _react2.jsx)("div", {
         css: clearTextWrapper
       }, (0, _react2.jsx)(_tooltip.default, {
-        content: formatMessage(_messages.messages.clearText)
+        content: formatMessage(messages.clearText)
       }, (0, _react2.jsx)(_primitives.Pressable, {
         xcss: clearTextButtonStyles,
         onClick: this.handleClearDisplayText,
         onKeyDown: this.handleClearTextKeyDown
       }, (0, _react2.jsx)(_crossCircle.default, {
-        label: formatMessage(_messages.messages.clearText),
+        label: formatMessage(messages.clearText),
         color: "var(--ds-icon-subtle, #505258)"
       }))))), (0, _react2.jsx)("div", {
         css: visuallyHiddenStyles,
         "aria-live": "polite",
         "aria-atomic": "true",
         id: "fabric.editor.hyperlink.suggested.results"
-      }, displayUrl && formatMessage(_messages.messages.searchLinkResults, {
+      }, displayUrl && formatMessage(messages.searchLinkResults, {
         count: items.length
       })), (0, _react2.jsx)(_LinkSearchList.default, {
         ariaControls: "fabric.editor.hyperlink.suggested.results",
@@ -995,4 +1026,4 @@ function limit(items) {
 // eslint-disable-next-line @typescript-eslint/ban-types
 var HyperlinkLinkAddToolbarWithIntl = exports.HyperlinkLinkAddToolbarWithIntl = (0, _reactIntl.injectIntl)(HyperlinkLinkAddToolbar);
 var _default_1 = (0, _withAnalyticsEvents.default)()(HyperlinkLinkAddToolbarWithIntl);
-var _default = exports.default = _default_1; // eslint-disable-next-line @atlaskit/editor/no-re-export
+var _default = exports.default = _default_1;