@atlaskit/editor-common 115.2.2 → 115.4.0

package/dist/es2019/guideline/getGuidelineSnaps.js

@@ -0,0 +1,37 @@
+import memoizeOne from 'memoize-one';
+import { isVerticalPosition } from './utils';
+export const getGuidelineSnaps = memoizeOne((guidelines, editorWidth, layout = 'center') => {
+  const offset = editorWidth / 2;
+  const getPositionX = position => {
+    return isVerticalPosition(position) ? position.x : 0;
+  };
+  const calcXSnaps = guidelineReference => {
+    const snapsWidth = guidelineReference.filter(g => g.width > 0).map(g => g.width);
+    const uniqueSnapWidth = [...new Set(snapsWidth)];
+    return snapsWidth.length ? uniqueSnapWidth : undefined;
+  };
+  const guidelinesSnapsReference = guidelines.map(guideline => {
+    const 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/es2019/guideline/getGuidelineTypeFromKey.js

@@ -0,0 +1,24 @@
+/**
+ * Returns the type of guideline based on a guideline key and a collection of guidelines
+ */
+export const getGuidelineTypeFromKey = (keys, guidelines) => {
+  if (guidelines.length === 0) {
+    return 'none';
+  }
+
+  // Check for default guidelines on key
+  if (keys.some(key => ['grid_', 'wide_', 'full_width'].some(defaultGuideline => key.indexOf(defaultGuideline) >= 0))) {
+    return 'default';
+  }
+
+  // Check for temporary guidelines
+  if (keys.some(key => ['media_'].some(temoporaryGuideline => key.indexOf(temoporaryGuideline) >= 0))) {
+    return 'temporary';
+  }
+
+  // Check for relative guidelines
+  if (keys.some(key => ['relative_'].some(relativeGuideline => key.indexOf(relativeGuideline) >= 0))) {
+    return 'relative';
+  }
+  return 'none';
+};

package/dist/es2019/guideline/getMediaSingleDimensions.js

@@ -0,0 +1,42 @@
+import { akEditorDefaultLayoutWidth } from '@atlaskit/editor-shared-styles';
+import { getMediaSinglePixelWidth, roundToNearest } from '../media-single';
+
+/**
+ *
+ * @param mediaSingle the mediaSingle node
+ * @param editorWidth default 760, only use default if the mediaSingle is using pixel width
+ * @returns null or dimensions info
+ */
+export const getMediaSingleDimensions = (mediaSingle, editorWidth = akEditorDefaultLayoutWidth) => {
+  if (mediaSingle.type !== mediaSingle.type.schema.nodes.mediaSingle) {
+    return null;
+  }
+  const mediaNode = mediaSingle.firstChild;
+  const {
+    width,
+    height
+  } = (mediaNode === null || mediaNode === void 0 ? void 0 : mediaNode.attrs) || {};
+
+  // e.g. external image
+  if (!width || !height) {
+    return null;
+  }
+  const ratio = parseFloat((height / width).toFixed(2));
+  if (!mediaSingle.attrs.width) {
+    return {
+      width,
+      height,
+      originalWidth: width,
+      originalHeight: height,
+      ratio
+    };
+  }
+  const pixelWidth = getMediaSinglePixelWidth(mediaSingle.attrs.width, editorWidth, mediaSingle.attrs.widthType);
+  return {
+    width: roundToNearest(pixelWidth),
+    height: roundToNearest(pixelWidth * ratio),
+    originalWidth: width,
+    originalHeight: height,
+    ratio
+  };
+};

package/dist/es2019/guideline/getRelativeGuideSnaps.js

@@ -0,0 +1,11 @@
+import { roundToNearest } from '../media-single';
+export const getRelativeGuideSnaps = (relativeGuides, aspectRatio) => {
+  const snapsWidthFromMatchingHeight = Object.keys(relativeGuides.height || {}).map(heightKey => {
+    const height = Number.parseInt(heightKey);
+    return roundToNearest(height * aspectRatio);
+  });
+  const snapsWidthFromMatchingWidth = Object.keys(relativeGuides.width || {}).map(widthKey => {
+    return Number.parseInt(widthKey);
+  });
+  return [...snapsWidthFromMatchingWidth, ...snapsWidthFromMatchingHeight];
+};

package/dist/es2019/guideline/index.js

@@ -2,10 +2,16 @@
 /* eslint-disable @atlaskit/editor/no-re-export */
 
 export { generateDynamicGuidelines } from './dynamicGuideline';
-export { createFixedGuidelinesFromLengths, createGuidesFromLengths } from './fixedGuideline';
+export { createGuidesFromLengths } from './createGuidesFromLengths';
+export { createFixedGuidelinesFromLengths } from './fixedGuideline';
 export { generateDefaultGuidelines } from './defaultGuideline';
 export { getGuidelinesWithHighlights } from './updateGuideline';
 export { MEDIA_DYNAMIC_GUIDELINE_PREFIX, INNER_GRID_GUIDELINE_PREFIX } from './constants';
-export { getGuidelineSnaps, findClosestSnap } from './snapping';
-export { isVerticalPosition, getMediaSingleDimensions, getContainerWidthOrFullEditorWidth, getGuidelineTypeFromKey } from './utils';
-export { getRelativeGuideSnaps, getRelativeGuidelines } from './relativeGuideline';
+export { findClosestSnap } from './findClosestSnap';
+export { getGuidelineSnaps } from './getGuidelineSnaps';
+export { getContainerWidthOrFullEditorWidth } from './getContainerWidthOrFullEditorWidth';
+export { getGuidelineTypeFromKey } from './getGuidelineTypeFromKey';
+export { getMediaSingleDimensions } from './getMediaSingleDimensions';
+export { isVerticalPosition } from './utils';
+export { getRelativeGuideSnaps } from './getRelativeGuideSnaps';
+export { getRelativeGuidelines } from './relativeGuideline';

package/dist/es2019/guideline/isNumber.js

@@ -0,0 +1 @@
+export const isNumber = x => typeof x === 'number' && !isNaN(x) && isFinite(x);

package/dist/es2019/guideline/isRange.js

@@ -0,0 +1 @@
+export const isRange = range => !!(typeof range === 'object' && range && 'start' in range && 'end' in range);

package/dist/es2019/guideline/relativeGuideline.js

@@ -1,5 +1,4 @@
-import { roundToNearest } from '../media-single';
-import { getMediaSingleDimensions } from './utils';
+import { getMediaSingleDimensions } from './getMediaSingleDimensions';
 const RELATIVE_GUIDES_GAP = 6;
 const getWidthRelativeGuideline = (key, view, nodeWithPos, editorWidth, topOffset, size) => {
   const {
@@ -117,16 +116,6 @@ const getHeightRelativeGuideline = (key, view, nodeWithPos, editorWidth, topOffs
     }
   };
 };
-export const getRelativeGuideSnaps = (relativeGuides, aspectRatio) => {
-  const snapsWidthFromMatchingHeight = Object.keys(relativeGuides.height || {}).map(heightKey => {
-    const height = Number.parseInt(heightKey);
-    return roundToNearest(height * aspectRatio);
-  });
-  const snapsWidthFromMatchingWidth = Object.keys(relativeGuides.width || {}).map(widthKey => {
-    return Number.parseInt(widthKey);
-  });
-  return [...snapsWidthFromMatchingWidth, ...snapsWidthFromMatchingHeight];
-};
 export const getRelativeGuidelines = (relativeGuides, nodeWithPos, view, editorWidth, topOffset, size) => {
   const matchWidth = relativeGuides.width ? relativeGuides.width[Math.round(size.width)] : [];
   const matchHeight = relativeGuides.height ? relativeGuides.height[Math.round(size.height)] : [];
@@ -138,4 +127,6 @@ export const getRelativeGuidelines = (relativeGuides, nodeWithPos, view, editorW
     })].filter(config => !!config);
   }
   return [];
-};
+};
+// eslint-disable-next-line @atlaskit/editor/no-re-export
+export { getRelativeGuideSnaps } from './getRelativeGuideSnaps';

package/dist/es2019/guideline/snapping.js

@@ -1,68 +1,4 @@
-import memoizeOne from 'memoize-one';
-import { MEDIA_DYNAMIC_GUIDELINE_PREFIX } from './constants';
-import { isVerticalPosition } from './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
- */
-export const findClosestSnap = (mediaSingleWidth, snapArray, guidelineSnaps, snapGap = 0) => {
-  const closestGapIndex = snapArray.reduce((prev, curr, index) => Math.abs(curr - mediaSingleWidth) < Math.abs(snapArray[prev] - mediaSingleWidth) ? index : prev, 0);
-  const gap = Math.abs(snapArray[closestGapIndex] - mediaSingleWidth);
-  if (gap < snapGap) {
-    const snappingWidth = snapArray[closestGapIndex];
-    const guidelineKeys = [];
-    // find wich guideline have the matching snap width
-    guidelineSnaps.forEach(gs => {
-      if (gs.width === snappingWidth) {
-        guidelineKeys.push(gs.guidelineKey);
-      }
-    });
-    const defaultGuidelineKeys = guidelineKeys.filter(guidelineKey => !guidelineKey.startsWith(MEDIA_DYNAMIC_GUIDELINE_PREFIX));
-    return {
-      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
-    };
-  }
-  return {
-    gap,
-    keys: []
-  };
-};
-export const getGuidelineSnaps = memoizeOne((guidelines, editorWidth, layout = 'center') => {
-  const offset = editorWidth / 2;
-  const getPositionX = position => {
-    return isVerticalPosition(position) ? position.x : 0;
-  };
-  const calcXSnaps = guidelineReference => {
-    const snapsWidth = guidelineReference.filter(g => g.width > 0).map(g => g.width);
-    const uniqueSnapWidth = [...new Set(snapsWidth)];
-    return snapsWidth.length ? uniqueSnapWidth : undefined;
-  };
-  const guidelinesSnapsReference = guidelines.map(guideline => {
-    const 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)
-    }
-  };
-});
+// eslint-disable-next-line @atlaskit/editor/no-re-export
+export { findClosestSnap } from './findClosestSnap';
+// eslint-disable-next-line @atlaskit/editor/no-re-export
+export { getGuidelineSnaps } from './getGuidelineSnaps';

package/dist/es2019/guideline/utils.js

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

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

@@ -3,7 +3,8 @@
 
 import { PluginKey } from '@atlaskit/editor-prosemirror/state';
 import { cancelCallback, scheduleCallback } from './lazy-scheduler';
-import { LazyNodeView, makeNodePlaceholderId } from './node-view';
+import { makeNodePlaceholderId } from './makeNodePlaceholderId';
+import { LazyNodeView } from './node-view';
 export { convertToInlineCss } from './css-helper';
 export { LazyNodeView };
 

package/dist/es2019/lazy-node-view/makeNodePlaceholderId.js

@@ -0,0 +1,3 @@
+export function makeNodePlaceholderId(nodeType, pos) {
+  return `${nodeType}:${pos}`;
+}

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

@@ -1,6 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import memoize from 'lodash/memoize';
 import { DOMSerializer } from '@atlaskit/editor-prosemirror/model';
+import { makeNodePlaceholderId } from './makeNodePlaceholderId';
 const getEditorLineWidth = memoize(view => {
   var _view$dom;
   return (_view$dom = view.dom) === null || _view$dom === void 0 ? void 0 : _view$dom.clientWidth;
@@ -25,9 +26,6 @@ function sameOuterDeco(a, b) {
   }
   return true;
 }
-export function makeNodePlaceholderId(nodeType, pos) {
-  return `${nodeType}:${pos}`;
-}
 
 /**
  * 🧱 Internal: Editor FE Platform
@@ -87,4 +85,6 @@ export class LazyNodeView {
     }
     return true;
   }
-}
+}
+// eslint-disable-next-line @atlaskit/editor/no-re-export
+export { makeNodePlaceholderId } from './makeNodePlaceholderId';

package/dist/es2019/link/InsertStatus.js

@@ -0,0 +1,6 @@
+export let InsertStatus = /*#__PURE__*/function (InsertStatus) {
+  InsertStatus["EDIT_LINK_TOOLBAR"] = "EDIT";
+  InsertStatus["INSERT_LINK_TOOLBAR"] = "INSERT";
+  InsertStatus["EDIT_INSERTED_TOOLBAR"] = "EDIT_INSERTED";
+  return InsertStatus;
+}({});

package/dist/es2019/link/LinkAction.js

@@ -0,0 +1,10 @@
+export let LinkAction = /*#__PURE__*/function (LinkAction) {
+  LinkAction["SHOW_INSERT_TOOLBAR"] = "SHOW_INSERT_TOOLBAR";
+  LinkAction["HIDE_TOOLBAR"] = "HIDE_TOOLBAR";
+  LinkAction["SELECTION_CHANGE"] = "SELECTION_CHANGE";
+  LinkAction["INSERT_LINK_TOOLBAR"] = "INSERT";
+  LinkAction["EDIT_INSERTED_TOOLBAR"] = "EDIT_INSERTED_TOOLBAR";
+  LinkAction["SET_CONFIGURE_BUTTON_TARGET_POS"] = "SET_CONFIGURE_BUTTON_TARGET_POS";
+  LinkAction["SET_CONFIGURE_DROPDOWN_OPEN"] = "SET_CONFIGURE_DROPDOWN_OPEN";
+  return LinkAction;
+}({});

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

@@ -12,7 +12,7 @@ import { css, jsx } from '@emotion/react';
 import debounce from 'lodash/debounce';
 import { flushSync } from 'react-dom';
 import FocusLock from 'react-focus-lock';
-import { defineMessages, injectIntl } from 'react-intl';
+import { injectIntl } from 'react-intl';
 import { isSafeUrl } from '@atlaskit/adf-schema';
 import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import CrossCircleIcon from '@atlaskit/icon/core/cross-circle';
@@ -28,8 +28,11 @@ import { getBrowserInfo } from '../../../utils/browser';
 import LinkSearchList from '../../LinkSearch/LinkSearchList';
 import { container, narrowContainerWidth, inputWrapper } from '../../LinkSearch/ToolbarComponents';
 import { transformTimeStamp } from '../../LinkSearch/transformTimeStamp';
-import { filterUniqueItems, mapContentTypeToIcon, sha1, wordCount } from './utils';
-
+import { filterUniqueItems } from './filterUniqueItems';
+import { messages } from './messages';
+import { sha1 } from './sha1';
+import { mapContentTypeToIcon } from './utils';
+import { wordCount } from './wordCount';
 /**
  * Visible only to screenreaders. Use when there is a need
  * to provide more context to a non-sighted user.
@@ -71,48 +74,6 @@ const inputLabel = css({
 const inputWrapperPosition = css({
   position: 'relative'
 });
-export const messages = 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'
-  }
-});
 const defaultIcon = jsx(PageObject, {
   label: "page"
 });
@@ -880,4 +841,6 @@ function limit(items) {
 // eslint-disable-next-line @typescript-eslint/ban-types
 export const HyperlinkLinkAddToolbarWithIntl = injectIntl(HyperlinkLinkAddToolbar);
 const _default_1 = withAnalyticsEvents()(HyperlinkLinkAddToolbarWithIntl);
-export default _default_1;
+export default _default_1;
+// eslint-disable-next-line @atlaskit/editor/no-re-export
+export { messages } from './messages';

package/dist/es2019/link/LinkPicker/HyperlinkAddToolbar/filterUniqueItems.js

@@ -0,0 +1,5 @@
+export function filterUniqueItems(arr, comparator) {
+  return arr.filter((firstItem, index, self) => {
+    return self.findIndex(secondItem => comparator ? comparator(firstItem, secondItem) : firstItem === secondItem) === index;
+  });
+}

package/dist/es2019/link/LinkPicker/HyperlinkAddToolbar/messages.js

@@ -1,38 +1,43 @@
 import { defineMessages } from 'react-intl';
-export const utilMessages = defineMessages({
-  hyperlinkIconIssueLabel: {
-    id: 'fabric.editor.headingLink.hyperlinkIconIssueLabel',
-    defaultMessage: 'Issue',
-    description: 'Accessible label for the Jira issue icon displayed in the hyperlink add toolbar when users search for or insert a link to a Jira issue.'
+export const messages = 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.'
   },
-  hyperlinkIconBugLabel: {
-    id: 'fabric.editor.headingLink.hyperlinkIconBugLabel',
-    defaultMessage: 'Bug',
-    description: 'Accessible label for the Jira bug icon displayed in the hyperlink add toolbar when users search for or insert a link to a Jira bug.'
+  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.'
   },
-  hyperlinkIconStoryLabel: {
-    id: 'fabric.editor.headingLink.hyperlinkIconStoryLabel',
-    defaultMessage: 'Story',
-    description: 'Accessible label for the Jira story icon displayed in the hyperlink add toolbar when users search for or insert a link to a Jira story.'
+  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.'
   },
-  hyperlinkIconTaskLabel: {
-    id: 'fabric.editor.headingLink.hyperlinkIconTaskLabel',
-    defaultMessage: 'Task',
-    description: 'Accessible label for the Jira task icon displayed in the hyperlink add toolbar when users search for or insert a link to a Jira task.'
+  hyperlinkAriaLabel: {
+    id: 'fabric.editor.hyperlink.ariaLabel',
+    defaultMessage: 'Hyperlink Edit',
+    description: 'Aria label for the Hyperlink Add Toolbar'
   },
-  hyperlinkIconPageLabel: {
-    id: 'fabric.editor.headingLink.hyperlinkIconPageLabel',
-    defaultMessage: 'Page',
-    description: 'The text is shown as an icon label in the hyperlink toolbar to identify Confluence pages. Displayed next to the page icon when users are linking to Confluence pages in the editor.'
+  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.'
   },
-  hyperlinkIconBlogLabel: {
-    id: 'fabric.editor.headingLink.hyperlinkIconBlogLabel',
-    defaultMessage: 'Blog',
-    description: 'The text is shown as an icon label in the hyperlink toolbar to identify Confluence blog posts. Displayed next to the blog icon when users are linking to Confluence blogs in the editor.'
+  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.'
   },
-  hyperlinkIconIssueLabelIssueTermRefresh: {
-    id: 'fabric.editor.headingLink.hyperlinkIconIssueLabel.issue-term-refresh',
-    defaultMessage: 'Work Item',
-    description: 'Accessible label for the Jira issue icon displayed in the hyperlink add toolbar when users search for or insert a link to a Jira work item. This is the refreshed terminology used instead of "Issue".'
+  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'
   }
 });

package/dist/es2019/link/LinkPicker/HyperlinkAddToolbar/sha1.js

@@ -0,0 +1,4 @@
+import Rusha from 'rusha';
+export const sha1 = input => {
+  return Rusha.createHash().update(input).digest('hex');
+};

package/dist/es2019/link/LinkPicker/HyperlinkAddToolbar/utilMessages.js

@@ -0,0 +1,38 @@
+import { defineMessages } from 'react-intl';
+export const utilMessages = defineMessages({
+  hyperlinkIconIssueLabel: {
+    id: 'fabric.editor.headingLink.hyperlinkIconIssueLabel',
+    defaultMessage: 'Issue',
+    description: 'Accessible label for the Jira issue icon displayed in the hyperlink add toolbar when users search for or insert a link to a Jira issue.'
+  },
+  hyperlinkIconBugLabel: {
+    id: 'fabric.editor.headingLink.hyperlinkIconBugLabel',
+    defaultMessage: 'Bug',
+    description: 'Accessible label for the Jira bug icon displayed in the hyperlink add toolbar when users search for or insert a link to a Jira bug.'
+  },
+  hyperlinkIconStoryLabel: {
+    id: 'fabric.editor.headingLink.hyperlinkIconStoryLabel',
+    defaultMessage: 'Story',
+    description: 'Accessible label for the Jira story icon displayed in the hyperlink add toolbar when users search for or insert a link to a Jira story.'
+  },
+  hyperlinkIconTaskLabel: {
+    id: 'fabric.editor.headingLink.hyperlinkIconTaskLabel',
+    defaultMessage: 'Task',
+    description: 'Accessible label for the Jira task icon displayed in the hyperlink add toolbar when users search for or insert a link to a Jira task.'
+  },
+  hyperlinkIconPageLabel: {
+    id: 'fabric.editor.headingLink.hyperlinkIconPageLabel',
+    defaultMessage: 'Page',
+    description: 'The text is shown as an icon label in the hyperlink toolbar to identify Confluence pages. Displayed next to the page icon when users are linking to Confluence pages in the editor.'
+  },
+  hyperlinkIconBlogLabel: {
+    id: 'fabric.editor.headingLink.hyperlinkIconBlogLabel',
+    defaultMessage: 'Blog',
+    description: 'The text is shown as an icon label in the hyperlink toolbar to identify Confluence blog posts. Displayed next to the blog icon when users are linking to Confluence blogs in the editor.'
+  },
+  hyperlinkIconIssueLabelIssueTermRefresh: {
+    id: 'fabric.editor.headingLink.hyperlinkIconIssueLabel.issue-term-refresh',
+    defaultMessage: 'Work Item',
+    description: 'Accessible label for the Jira issue icon displayed in the hyperlink add toolbar when users search for or insert a link to a Jira work item. This is the refreshed terminology used instead of "Issue".'
+  }
+});