@atlaskit/editor-common 76.9.0 → 76.9.2

package/dist/esm/element-browser/components/ElementList/ElementList.js

@@ -222,7 +222,7 @@ var ItemContent = /*#__PURE__*/memo(function (_ref6) {
 });
 var elementItemsWrapper = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  flex: 1;\n  flex-flow: row wrap;\n  align-items: flex-start;\n  justify-content: flex-start;\n  overflow: hidden;\n  padding: ", "px; // For Focus outline\n\n  .ReactVirtualized__Collection {\n    border-radius: 3px; // Standard border-radius across other components like Search or Item.\n    outline: none;\n\n    :focus {\n      box-shadow: 0 0 0 ", "px\n        ", ";\n    }\n  }\n  .ReactVirtualized__Collection__innerScrollContainer {\n    div[class='element-item-wrapper']:last-child {\n      padding-bottom: ", ";\n    }\n  }\n"])), ELEMENT_LIST_PADDING, ELEMENT_LIST_PADDING, "var(--ds-border-focused, ".concat(B100, ")"), "var(--ds-space-050, 4px)");
 var elementItemWrapper = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  div {\n    button {\n      height: 75px;\n      align-items: flex-start;\n      padding: ", " ", " 11px;\n    }\n  }\n"])), "var(--ds-space-150, 12px)", "var(--ds-space-150, 12px)");
-var itemBody = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  flex-wrap: nowrap;\n  justify-content: space-between;\n  line-height: 1.4;\n  width: 100%;\n\n  margin-top: -2px; // Fixes the Item Icon and text's alignment issue\n"])));
+var itemBody = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  flex-wrap: nowrap;\n  justify-content: space-between;\n  line-height: 1.4;\n  width: 100%;\n\n  margin-top: ", "; // Fixes the Item Icon and text's alignment issue\n"])), "var(--ds-space-negative-025, -2px)");
 
 /*
  * -webkit-line-clamp is also supported by firefox 🎉
@@ -233,7 +233,7 @@ var itemDescription = css(_templateObject6 || (_templateObject6 = _taggedTemplat
 var itemText = css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  width: inherit;\n  white-space: initial;\n"])));
 var itemTitleWrapper = css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: space-between; // Title and keyboardshortcut are rendered in the same block\n"])));
 var itemTitle = css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  width: 100%;\n  overflow: hidden;\n\n  white-space: nowrap;\n  text-overflow: ellipsis;\n"])));
-var itemAfter = css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  flex: 0 0 auto;\n"])));
+var itemAfter = css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  flex: 0 0 auto;\n\n  // Prevents item from being cut off due to negative margin\n  padding-top: ", ";\n  margin-bottom: ", ";\n"])), "var(--ds-space-025, 2px)", "var(--ds-space-negative-025, -2px)");
 var itemIconStyle = css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n  img {\n    height: 40px;\n    width: 40px;\n    object-fit: cover;\n  }\n"])));
 var MemoizedElementListWithAnalytics = /*#__PURE__*/memo(withAnalyticsContext({
   component: 'ElementList'

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

@@ -9,11 +9,12 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstruct
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 /** @jsx jsx */
+
 import React, { PureComponent } from 'react';
 import { css, jsx } from '@emotion/react';
 import debounce from 'lodash/debounce';
@@ -22,12 +23,10 @@ import { isSafeUrl } from '@atlaskit/adf-schema';
 import { withAnalyticsEvents } from '@atlaskit/analytics-next';
 import Page16Icon from '@atlaskit/icon-object/glyph/page/16';
 import CrossCircleIcon from '@atlaskit/icon/glyph/cross-circle';
-import EditorAlignLeftIcon from '@atlaskit/icon/glyph/editor/align-left';
-import LinkIcon from '@atlaskit/icon/glyph/link';
-import { N30, N80, N90 } from '@atlaskit/theme/colors';
+import { N200, N90 } from '@atlaskit/theme/colors';
+import { fontSizeSmall } from '@atlaskit/theme/constants';
 import Tooltip from '@atlaskit/tooltip';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, fireAnalyticsEvent, INPUT_METHOD } from '../../../analytics';
-import { linkToolbarMessages as linkToolbarCommonMessages } from '../../../messages';
 import { Announcer, PanelTextInput } from '../../../ui';
 import { browser, normalizeUrl } from '../../../utils';
 import LinkSearchList from '../../LinkSearch/LinkSearchList';
@@ -42,8 +41,11 @@ import { filterUniqueItems, mapContentTypeToIcon, sha1, wordCount } from './util
 export var visuallyHiddenStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  clip: rect(1px, 1px, 1px, 1px);\n  clip-path: inset(50%);\n  height: 1px;\n  width: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n"])));
 export var RECENT_SEARCH_LIST_SIZE = 5;
 var clearText = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  cursor: pointer;\n  padding: 0;\n  margin-right: ", ";\n  color: ", ";\n  background: transparent;\n  border: none;\n"])), "var(--ds-space-100, 8px)", "var(--ds-icon-subtle, ".concat(N90, ")"));
-var textInputWrapper = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  ", ";\n  border-top: 1px solid ", ";\n  border-bottom: 1px solid ", ";\n"])), inputWrapper, "var(--ds-border, ".concat(N30, ")"), "var(--ds-border, ".concat(N30, ")"));
-var iconWrapper = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  color: ", ";\n  padding: ", " ", ";\n  width: 18px;\n"])), "var(--ds-icon-subtle, ".concat(N80, ")"), "var(--ds-space-050, 4px)", "var(--ds-space-100, 8px)");
+var clearTextWrapper = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  position: absolute;\n  right: 0;\n"])));
+var containerPadding = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  padding: ", " ", ";\n"])), "var(--ds-space-150, 12px)", "var(--ds-space-100, 8px)");
+var textLabelMargin = css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  margin-top: ", ";\n"])), "var(--ds-space-150, 12px)");
+var inputLabel = css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  font-size: ", "px;\n  color: ", ";\n  font-weight: 500;\n  padding-bottom: ", ";\n"])), fontSizeSmall(), "var(--ds-text-subtlest, ".concat(N200, ")"), "var(--ds-space-050, 4px)");
+var inputWrapperPosition = css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  position: relative;\n"])));
 export var messages = defineMessages({
   displayText: {
     id: 'fabric.editor.displayText',
@@ -70,10 +72,15 @@ export var messages = defineMessages({
     defaultMessage: '{count, plural, =0 {no results} one {# result} other {# results}} found',
     description: 'Announce search results for screen-reader users.'
   },
-  linkAriaLabel: {
-    id: 'fabric.editor.hyperlink.linkAriaLabel',
-    defaultMessage: 'Link label',
-    description: 'aria label for a link'
+  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 = jsx(Page16Icon, {
@@ -792,14 +799,12 @@ export var HyperlinkLinkAddToolbar = /*#__PURE__*/function (_PureComponent) {
       var _this$props5 = this.props,
         formatMessage = _this$props5.intl.formatMessage,
         activityProvider = _this$props5.activityProvider;
-      var placeholder = formatMessage(activityProvider ? linkToolbarCommonMessages.placeholder : linkToolbarCommonMessages.linkPlaceholder);
-      var formatLinkAddressText = formatMessage(linkToolbarCommonMessages.linkAddress);
       var formatClearLinkText = formatMessage(messages.clearLink);
-      var formatDisplayText = formatMessage(messages.displayText);
       var screenReaderDescriptionId = 'search-recent-links-field-description';
       var linkSearchListId = 'hyperlink-search-list';
       var ariaActiveDescendant = selectedIndex > -1 ? "link-search-list-item-".concat(selectedIndex) : '';
-
+      var linkSearchInputId = 'search-recent-links-field-id';
+      var displayTextInputId = 'display-text-filed-id';
       // Added workaround with a screen reader Announcer specifically for VoiceOver + Safari
       // as the Aria design pattern for combobox does not work in this case
       // for details: https://a11y-internal.atlassian.net/browse/AK-740
@@ -808,17 +813,14 @@ export var HyperlinkLinkAddToolbar = /*#__PURE__*/function (_PureComponent) {
         "aria-label": "Hyperlink Edit",
         className: "recent-list"
       }, jsx("div", {
-        css: [container, !!activityProvider && containerWithProvider],
+        css: [container, !!activityProvider && containerWithProvider, containerPadding],
         ref: this.wrapperRef
-      }, jsx("div", {
-        css: inputWrapper
-      }, jsx("span", {
-        css: iconWrapper
-      }, jsx(Tooltip, {
-        content: formatLinkAddressText
-      }, jsx(LinkIcon, {
-        label: formatLinkAddressText
-      }))), screenReaderText && jsx(Announcer, {
+      }, jsx("label", {
+        htmlFor: linkSearchInputId,
+        css: inputLabel
+      }, formatMessage(messages.linkVisibleLabel)), jsx("div", {
+        css: [inputWrapper, inputWrapperPosition]
+      }, screenReaderText && jsx(Announcer, {
         ariaLive: "assertive",
         text: screenReaderText,
         ariaRelevant: "additions",
@@ -837,7 +839,6 @@ export var HyperlinkLinkAddToolbar = /*#__PURE__*/function (_PureComponent) {
         ref: function ref(ele) {
           return _this2.urlInputContainer = ele;
         },
-        placeholder: placeholder,
         testId: 'link-url',
         onSubmit: this.handleSubmit,
         onChange: this.updateInput,
@@ -846,8 +847,11 @@ export var HyperlinkLinkAddToolbar = /*#__PURE__*/function (_PureComponent) {
         },
         onCancel: this.handleCancel,
         defaultValue: displayUrl,
-        onKeyDown: this.handleKeyDown
-      }), displayUrl && jsx(Tooltip, {
+        onKeyDown: this.handleKeyDown,
+        inputId: linkSearchInputId
+      }), displayUrl && jsx("div", {
+        css: clearTextWrapper
+      }, jsx(Tooltip, {
         content: formatClearLinkText
       }, jsx("button", {
         type: "button",
@@ -856,27 +860,25 @@ export var HyperlinkLinkAddToolbar = /*#__PURE__*/function (_PureComponent) {
         tabIndex: 0
       }, jsx(CrossCircleIcon, {
         label: formatClearLinkText
-      })))), jsx("div", {
-        css: textInputWrapper
-      }, jsx("span", {
-        css: iconWrapper
-      }, jsx(Tooltip, {
-        content: formatDisplayText
-      }, jsx(EditorAlignLeftIcon, {
-        label: formatDisplayText
-      }))), jsx(PanelTextInput, {
+      }))))), jsx("label", {
+        htmlFor: displayTextInputId,
+        css: [inputLabel, textLabelMargin]
+      }, formatMessage(messages.textVisibleLabel)), jsx("div", {
+        css: [inputWrapper, inputWrapperPosition]
+      }, jsx(PanelTextInput, {
         ref: function ref(ele) {
           return _this2.displayTextInputContainer = ele;
         },
-        placeholder: formatDisplayText,
-        ariaLabel: formatMessage(messages.linkAriaLabel),
-        testId: 'link-label',
+        testId: 'link-text',
         onChange: this.updateTextInput,
         onCancel: this.handleCancel,
         defaultValue: displayText,
         onSubmit: this.handleSubmit,
-        onKeyDown: this.handleKeyDown
-      }), displayText && jsx(Tooltip, {
+        onKeyDown: this.handleKeyDown,
+        inputId: displayTextInputId
+      }), displayText && jsx("div", {
+        css: clearTextWrapper
+      }, jsx(Tooltip, {
         content: formatMessage(messages.clearText)
       }, jsx("button", {
         type: "button",
@@ -885,7 +887,7 @@ export var HyperlinkLinkAddToolbar = /*#__PURE__*/function (_PureComponent) {
         onKeyDown: this.handleClearTextKeyDown
       }, jsx(CrossCircleIcon, {
         label: formatMessage(messages.clearText)
-      })))), jsx("div", {
+      }))))), jsx("div", {
         css: visuallyHiddenStyles,
         "aria-live": "polite",
         "aria-atomic": "true",

package/dist/esm/link/LinkSearch/LinkSearchList.js

@@ -11,8 +11,9 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 import { PureComponent } from 'react';
 import { css, jsx } from '@emotion/react';
 import Spinner from '@atlaskit/spinner';
+import { N30 } from '@atlaskit/theme/colors';
 import LinkSearchListItem from './LinkSearchListItem';
-var listContainer = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  padding-top: 0;\n"])));
+var listContainer = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  padding-top: 0;\n  margin-top: ", ";\n  border-top: 1px solid ", ";\n"])), "var(--ds-space-150, 12px)", "var(--ds-border, ".concat(N30, ")"));
 var spinnerContainer = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  text-align: center;\n  min-height: 80px;\n  margin-top: 30px;\n"])));
 export var linkSearchList = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  padding: 0;\n  list-style: none;\n"])));
 var LinkSearchList = /*#__PURE__*/function (_PureComponent) {

package/dist/esm/monitoring/error.js

@@ -6,7 +6,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 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) { _defineProperty(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 SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "76.9.0";
+var packageVersion = "76.9.2";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

package/dist/esm/ui/DropList/index.js

@@ -19,7 +19,7 @@ import { themed } from '@atlaskit/theme/components';
 import { borderRadius } from '@atlaskit/theme/constants';
 import Layer from '../Layer';
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "76.9.0";
+var packageVersion = "76.9.2";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {

package/dist/esm/ui/PanelTextInput/index.js

@@ -9,6 +9,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 /** @jsx jsx */
+
 import { PureComponent } from 'react';
 import { jsx } from '@emotion/react';
 import { browser } from '../../utils';
@@ -113,7 +114,8 @@ var PanelTextInput = /*#__PURE__*/function (_PureComponent) {
         ariaControls = _this$props2.ariaControls,
         ariaExpanded = _this$props2.ariaExpanded,
         ariaAutoComplete = _this$props2.ariaAutoComplete,
-        role = _this$props2.role;
+        role = _this$props2.role,
+        inputId = _this$props2.inputId;
       var value = this.state.value;
       return jsx("input", {
         css: [panelTextInput, width !== undefined && panelTextInputWithCustomWidth(width)],
@@ -133,7 +135,8 @@ var PanelTextInput = /*#__PURE__*/function (_PureComponent) {
         onBlur: this.onBlur,
         ref: this.handleRef,
         maxLength: maxLength,
-        "aria-label": ariaLabel
+        "aria-label": ariaLabel,
+        id: inputId
       });
     }
   }, {

package/dist/esm/ui/PanelTextInput/styles.js

@@ -2,9 +2,9 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
 var _templateObject, _templateObject2;
 import { css } from '@emotion/react';
 import { relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
-import { N100, N400 } from '@atlaskit/theme/colors';
+import { B100, N100, N30, N400 } from '@atlaskit/theme/colors';
 // Normal .className gets overridden by input[type=text] hence this hack to produce input.className
-export var panelTextInput = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  input& {\n    background: transparent;\n    border: 0;\n    border-radius: 0;\n    box-sizing: content-box;\n    color: ", ";\n    flex-grow: 1;\n    font-size: ", ";\n    line-height: 20px;\n    padding: 0;\n    min-width: 145px;\n\n    /* Hides IE10+ built-in [x] clear input button */\n    &::-ms-clear {\n      display: none;\n    }\n\n    &:focus {\n      outline: none;\n    }\n\n    &::placeholder {\n      color: ", ";\n    }\n  }\n"])), "var(--ds-text-subtle, ".concat(N400, ")"), relativeFontSizeToBase16(13), "var(--ds-text-subtlest, ".concat(N100, ")"));
+export var panelTextInput = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  input& {\n    background: transparent;\n    border: 2px solid ", ";\n    border-radius: 0;\n    box-sizing: content-box;\n    color: ", ";\n    flex-grow: 1;\n    font-size: ", ";\n    line-height: 20px;\n    padding: ", " ", "\n      ", " ", ";\n    min-width: 145px;\n\n    /* Hides IE10+ built-in [x] clear input button */\n    &::-ms-clear {\n      display: none;\n    }\n\n    &:focus {\n      outline: none;\n      border-color: ", ";\n    }\n\n    &::placeholder {\n      color: ", ";\n    }\n  }\n"])), "var(--ds-border, ".concat(N30, ")"), "var(--ds-text-subtle, ".concat(N400, ")"), relativeFontSizeToBase16(13), "var(--ds-space-075, 6px)", "var(--ds-space-400, 32px)", "var(--ds-space-075, 6px)", "var(--ds-space-100, 8px)", "var(--ds-border-focused, ".concat(B100, ")"), "var(--ds-text-subtlest, ".concat(N100, ")"));
 export var panelTextInputWithCustomWidth = function panelTextInputWithCustomWidth(width) {
   return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  input& {\n    width: ", "px;\n  }\n"])), width);
 };

package/dist/types/__tests_external__/page-objects/EditorSmartLink.d.ts

@@ -1,9 +1,10 @@
 /// <reference types="cypress" />
 /// <reference types="cypress" />
 /// <reference types="cypress" />
-import { CypressType, InProductTestPageObject } from '@atlaskit/in-product-testing';
+import type { CypressType } from '@atlaskit/in-product-testing';
+import { InProductTestPageObject } from '@atlaskit/in-product-testing';
 import type { CardAppearance } from '@atlaskit/smart-card';
-import { EditorPageObject } from './Editor';
+import type { EditorPageObject } from './Editor';
 export declare class EditorSmartLinkPageObject extends InProductTestPageObject {
     protected cy: CypressType;
     private editor;

package/dist/types/link/LinkPicker/HyperlinkAddToolbar/HyperlinkAddToolbar.d.ts

@@ -1,14 +1,13 @@
-/** @jsx jsx */
 import React, { PureComponent } from 'react';
 import { jsx } from '@emotion/react';
-import { WrappedComponentProps } from 'react-intl-next';
-import { ActivityProvider } from '@atlaskit/activity-provider';
-import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
-import { EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { WrappedComponentProps } from 'react-intl-next';
+import type { ActivityProvider } from '@atlaskit/activity-provider';
+import type { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { HyperlinkState } from '../../../link';
 import type { SearchProvider } from '../../../provider-factory';
 import type { Command, LinkInputType } from '../../../types';
-import { LinkSearchListItemData } from '../../LinkSearch/types';
+import type { LinkSearchListItemData } from '../../LinkSearch/types';
 /**
  * Visible only to screenreaders. Use when there is a need
  * to provide more context to a non-sighted user.
@@ -41,7 +40,12 @@ export declare const messages: {
         defaultMessage: string;
         description: string;
     };
-    linkAriaLabel: {
+    linkVisibleLabel: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    textVisibleLabel: {
         id: string;
         defaultMessage: string;
         description: string;

package/dist/types/link/LinkSearch/LinkSearchList.d.ts

@@ -1,7 +1,7 @@
 /** @jsx jsx */
 import { PureComponent } from 'react';
 import { jsx } from '@emotion/react';
-import { LinkSearchListItemData } from './types';
+import type { LinkSearchListItemData } from './types';
 export declare const linkSearchList: import("@emotion/react").SerializedStyles;
 export interface Props {
     items?: LinkSearchListItemData[];

package/dist/types/ui/PanelTextInput/index.d.ts

@@ -1,5 +1,6 @@
 /** @jsx jsx */
-import { FocusEvent, KeyboardEvent, PureComponent } from 'react';
+import type { FocusEvent, KeyboardEvent } from 'react';
+import { PureComponent } from 'react';
 import { jsx } from '@emotion/react';
 export interface Props {
     autoFocus?: boolean | FocusOptions;
@@ -23,6 +24,7 @@ export interface Props {
     ariaControls?: string;
     role?: string;
     ariaAutoComplete?: boolean;
+    inputId?: string;
 }
 export interface State {
     value?: string;

package/dist/types-ts4.5/__tests_external__/cases/fundamentals/collection.d.ts

@@ -0,0 +1,3 @@
+import { InProductTestCollection } from '@atlaskit/in-product-testing';
+import { EditorTestCaseOpts } from '../types';
+export declare const fundamentalsTestCollection: (opts: EditorTestCaseOpts) => InProductTestCollection;

package/dist/types-ts4.5/__tests_external__/cases/fundamentals/test-cases/editor-is-present.d.ts

@@ -0,0 +1,3 @@
+import { InProductTestCase } from '@atlaskit/in-product-testing';
+import { EditorTestCaseOpts } from '../../types';
+export declare const editorIsPresentTestCase: (testOptions?: EditorTestCaseOpts) => InProductTestCase;

package/dist/types-ts4.5/__tests_external__/cases/fundamentals/test-cases/editor-typing.d.ts

@@ -0,0 +1,3 @@
+import { InProductTestCase } from '@atlaskit/in-product-testing';
+import { EditorTestCaseOpts } from '../../types';
+export declare const editorTypingTestCase: (opts?: EditorTestCaseOpts) => InProductTestCase;

package/dist/types-ts4.5/__tests_external__/cases/smart-links/index.d.ts

@@ -0,0 +1,4 @@
+export { inlineSmartLinksTestCollection } from './test-cases/inline';
+export { blockSmartLinksTestCollection } from './test-cases/block';
+export { embedSmartLinksTestCollection } from './test-cases/embed';
+export { blueLinksTestCollection } from './test-cases/url';

package/dist/types-ts4.5/__tests_external__/cases/smart-links/test-cases/block/delete.d.ts

@@ -0,0 +1,3 @@
+import { InProductTestCase } from '@atlaskit/in-product-testing';
+import { SmartLinkTestCaseOpts } from '../types';
+export declare const deleteBlockSmartLinkTestCase: ({ ui, url, }: SmartLinkTestCaseOpts) => InProductTestCase;

package/dist/types-ts4.5/__tests_external__/cases/smart-links/test-cases/block/edit.d.ts

@@ -0,0 +1,4 @@
+import { InProductTestCase } from '@atlaskit/in-product-testing';
+import { SmartLinkTestCaseOpts } from '../types';
+export declare const editBlockSmartLinkTitleTestCase: ({ ui, url, }: SmartLinkTestCaseOpts) => InProductTestCase;
+export declare const editBlockSmartLinkUrlTestCase: ({ ui, url, }: SmartLinkTestCaseOpts) => InProductTestCase;

package/dist/types-ts4.5/__tests_external__/cases/smart-links/test-cases/block/index.d.ts

@@ -0,0 +1,3 @@
+import { InProductTestCollection } from '@atlaskit/in-product-testing';
+import { SmartLinkTestCaseOpts } from '../types';
+export declare const blockSmartLinksTestCollection: (opts: SmartLinkTestCaseOpts) => InProductTestCollection;

package/dist/types-ts4.5/__tests_external__/cases/smart-links/test-cases/block/insert.d.ts

@@ -0,0 +1,3 @@
+import { InProductTestCase } from '@atlaskit/in-product-testing';
+import { SmartLinkTestCaseOpts } from '../types';
+export declare const switchToBlockSmartLinkTestCase: ({ ui, url, }: SmartLinkTestCaseOpts) => InProductTestCase;

package/dist/types-ts4.5/__tests_external__/cases/smart-links/test-cases/embed/delete.d.ts

@@ -0,0 +1,3 @@
+import { InProductTestCase } from '@atlaskit/in-product-testing';
+import { SmartLinkTestCaseOpts } from '../types';
+export declare const deleteEmbedSmartLinkTestCase: ({ ui, url, }: SmartLinkTestCaseOpts) => InProductTestCase;

package/dist/types-ts4.5/__tests_external__/cases/smart-links/test-cases/embed/edit.d.ts

@@ -0,0 +1,4 @@
+import { InProductTestCase } from '@atlaskit/in-product-testing';
+import { SmartLinkTestCaseOpts } from '../types';
+export declare const editEmbedSmartLinkTitleTestCase: ({ ui, url, }: SmartLinkTestCaseOpts) => InProductTestCase;
+export declare const editEmbedSmartLinkUrlTestCase: ({ ui, url, }: SmartLinkTestCaseOpts) => InProductTestCase;

package/dist/types-ts4.5/__tests_external__/cases/smart-links/test-cases/embed/index.d.ts

@@ -0,0 +1,3 @@
+import { InProductTestCollection } from '@atlaskit/in-product-testing';
+import { SmartLinkTestCaseOpts } from '../types';
+export declare const embedSmartLinksTestCollection: (opts: SmartLinkTestCaseOpts) => InProductTestCollection;

package/dist/types-ts4.5/__tests_external__/cases/smart-links/test-cases/embed/insert.d.ts

@@ -0,0 +1,3 @@
+import { InProductTestCase } from '@atlaskit/in-product-testing';
+import { SmartLinkTestCaseOpts } from '../types';
+export declare const switchToEmbedSmartLinkTestCase: ({ ui, url, }: SmartLinkTestCaseOpts) => InProductTestCase;

package/dist/types-ts4.5/__tests_external__/cases/smart-links/test-cases/inline/delete.d.ts

@@ -0,0 +1,3 @@
+import { InProductTestCase } from '@atlaskit/in-product-testing';
+import { SmartLinkTestCaseOpts } from '../types';
+export declare const deleteInlineSmartLinkTestCase: ({ ui, url, }: SmartLinkTestCaseOpts) => InProductTestCase;

package/dist/types-ts4.5/__tests_external__/cases/smart-links/test-cases/inline/edit.d.ts

@@ -0,0 +1,4 @@
+import { InProductTestCase } from '@atlaskit/in-product-testing';
+import { SmartLinkTestCaseOpts } from '../types';
+export declare const editInlineSmartLinkTitleTestCase: ({ ui, url, }: SmartLinkTestCaseOpts) => InProductTestCase;
+export declare const editInlineSmartLinkUrlTestCase: ({ ui, url, }: SmartLinkTestCaseOpts) => InProductTestCase;

package/dist/types-ts4.5/__tests_external__/cases/smart-links/test-cases/inline/index.d.ts

@@ -0,0 +1,3 @@
+import { InProductTestCollection } from '@atlaskit/in-product-testing';
+import { SmartLinkTestCaseOpts } from '../types';
+export declare const inlineSmartLinksTestCollection: (opts: SmartLinkTestCaseOpts) => InProductTestCollection;

package/dist/types-ts4.5/__tests_external__/cases/smart-links/test-cases/inline/insert.d.ts

@@ -0,0 +1,3 @@
+import { InProductTestCase } from '@atlaskit/in-product-testing';
+import { SmartLinkTestCaseOpts } from '../types';
+export declare const insertInlineSmartLinkTestCase: ({ ui, url, }: SmartLinkTestCaseOpts) => InProductTestCase;

package/dist/types-ts4.5/__tests_external__/cases/smart-links/test-cases/inline/unlink.d.ts

@@ -0,0 +1,3 @@
+import { InProductTestCase } from '@atlaskit/in-product-testing';
+import { SmartLinkTestCaseOpts } from '../types';
+export declare const unlinkInlineSmartLinkTestCase: ({ ui, url, }: SmartLinkTestCaseOpts) => InProductTestCase;

package/dist/types-ts4.5/__tests_external__/cases/smart-links/test-cases/types.d.ts

@@ -0,0 +1,4 @@
+import { EditorTestCaseOpts } from '../../types';
+export interface SmartLinkTestCaseOpts extends EditorTestCaseOpts {
+    url: string;
+}

package/dist/types-ts4.5/__tests_external__/cases/smart-links/test-cases/url/index.d.ts

@@ -0,0 +1,3 @@
+import { InProductTestCollection } from '@atlaskit/in-product-testing';
+import { SmartLinkTestCaseOpts } from '../types';
+export declare const blueLinksTestCollection: (opts: SmartLinkTestCaseOpts) => InProductTestCollection;

package/dist/types-ts4.5/__tests_external__/cases/smart-links/test-cases/url/insert.d.ts

@@ -0,0 +1,3 @@
+import { InProductTestCase } from '@atlaskit/in-product-testing';
+import { SmartLinkTestCaseOpts } from '../types';
+export declare const switchToUrlTestCase: ({ ui, url }: SmartLinkTestCaseOpts) => InProductTestCase;

package/dist/types-ts4.5/__tests_external__/cases/types.d.ts

@@ -0,0 +1,7 @@
+import type { InProductCommonTestCaseOpts } from '@atlaskit/in-product-testing';
+export interface EditorTestCaseOpts extends InProductCommonTestCaseOpts {
+    ui?: {
+        publishButton?: string;
+    };
+    runOnly?: string[];
+}

package/dist/types-ts4.5/__tests_external__/index.d.ts

@@ -0,0 +1,3 @@
+export { EditorPageObject } from './page-objects/Editor';
+export { fundamentalsTestCollection } from './cases/fundamentals/collection';
+export { inlineSmartLinksTestCollection, blockSmartLinksTestCollection, embedSmartLinksTestCollection, blueLinksTestCollection, } from './cases/smart-links';

package/dist/types-ts4.5/__tests_external__/page-objects/Editor.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="cypress" />
+import { InProductTestPageObject } from '@atlaskit/in-product-testing';
+import { EditorTestCaseOpts } from '../cases/types';
+import { RendererPageObject } from './Renderer';
+export declare class EditorPageObject extends InProductTestPageObject {
+    getEditorArea(): Cypress.Chainable<JQuery<HTMLElement>>;
+    getTitleArea(): Cypress.Chainable<JQuery<HTMLElement>>;
+    publish(opts: EditorTestCaseOpts['ui']): RendererPageObject;
+}

package/dist/types-ts4.5/__tests_external__/page-objects/EditorSmartLink.d.ts

@@ -0,0 +1,41 @@
+/// <reference types="cypress" />
+import type { CypressType } from '@atlaskit/in-product-testing';
+import { InProductTestPageObject } from '@atlaskit/in-product-testing';
+import type { CardAppearance } from '@atlaskit/smart-card';
+import type { EditorPageObject } from './Editor';
+export declare class EditorSmartLinkPageObject extends InProductTestPageObject {
+    protected cy: CypressType;
+    private editor;
+    constructor(cy: CypressType, editor: EditorPageObject);
+    testIds: {
+        viewSwitcher: string;
+        displayUrlOption: string;
+        displayInlineOption: string;
+        displayCardOption: string;
+        displayEmbedOption: string;
+        linkUrl: string;
+        linkLabel: string;
+    };
+    ariaLabels: {
+        editLink: string;
+        deleteLink: string;
+        unlinkLink: string;
+    };
+    private getViewSwitcher;
+    openViewSwitcher(): Cypress.Chainable<JQuery<HTMLElement>>;
+    private getViewSwitcherOption;
+    selectViewSwitcherOption(type?: CardAppearance | 'url'): Cypress.Chainable<JQuery<HTMLElement>>;
+    insertSmartLinkByTyping(url: string): Cypress.Chainable<JQuery<HTMLElement>>;
+    switchAfterInsert(type?: CardAppearance | 'url'): void;
+    private getSmartLink;
+    getEditLinkButton(): Cypress.Chainable<JQuery<HTMLElement>>;
+    openEditLinkMenu(): Cypress.Chainable<JQuery<HTMLElement>>;
+    changeLinkLabel(title: string, type?: CardAppearance | 'url'): void;
+    changeLinkUrl(url: string, type?: CardAppearance | 'url'): void;
+    private typeIntoLabelField;
+    private typeIntoUrlField;
+    deleteSmartLink(type?: CardAppearance | 'url'): void;
+    private clickDeleteIcon;
+    unlink(type?: CardAppearance | 'url'): void;
+    private clickUnlinkIcon;
+}

package/dist/types-ts4.5/__tests_external__/page-objects/Renderer.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="cypress" />
+import { InProductTestPageObject } from '@atlaskit/in-product-testing';
+export declare class RendererPageObject extends InProductTestPageObject {
+    getContent(): Cypress.Chainable<JQuery<HTMLElement>>;
+    expectContentReady(): Cypress.Chainable<JQuery<HTMLElement>>;
+}

package/dist/types-ts4.5/analytics/analytics-queue.d.ts

@@ -0,0 +1,10 @@
+export declare class AnalyticsQueue {
+    private readonly tasks;
+    private running;
+    static get: import("memoize-one").MemoizedFn<() => AnalyticsQueue>;
+    private constructor();
+    private request;
+    private pending;
+    private process;
+    schedule(task: Function): void;
+}

package/dist/types-ts4.5/analytics/api.d.ts

@@ -0,0 +1,5 @@
+import type { Transaction } from '@atlaskit/editor-prosemirror/state';
+import type { AnalyticsEventPayload } from './types';
+export type EditorAnalyticsAPI = {
+    attachAnalyticsEvent: (payload: AnalyticsEventPayload, channel?: string) => (tr: Transaction) => boolean;
+};

package/dist/types-ts4.5/analytics/fire-analytics-event.d.ts

@@ -0,0 +1,4 @@
+import { FabricChannel } from '@atlaskit/analytics-listeners';
+import type { FireAnalyticsEvent } from './types';
+export declare const editorAnalyticsChannel = FabricChannel.editor;
+export declare const fireAnalyticsEvent: FireAnalyticsEvent;

package/dist/types-ts4.5/analytics/index.d.ts

@@ -0,0 +1,7 @@
+export { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, BROWSER_FREEZE_INTERACTION_TYPE, CONTENT_COMPONENT, DELETE_DIRECTION, EVENT_TYPE, FLOATING_CONTROLS_TITLE, FULL_WIDTH_MODE, GAP_CURSOR_POSITION, INDENT_DIRECTION, INDENT_TYPE, INPUT_METHOD, LAYOUT_TYPE, LINK_REPRESENTATION, LINK_RESOURCE, LINK_STATUS, LIST_TEXT_SCENARIOS, JOIN_SCENARIOS_WHEN_TYPING_TO_INSERT_LIST, OUTDENT_SCENARIOS, MODE, PLATFORMS, PUNC, PasteContents, PasteSources, PasteTypes, RESOLVE_METHOD, SELECTION_TYPE, SELECTION_POSITION, SMART_LINK_TYPE, SYMBOL, SmartLinkNodeContexts, TABLE_ACTION, TABLE_BREAKOUT, TABLE_OVERFLOW_CHANGE_TRIGGER, TARGET_SELECTION_SOURCE, TOOLBAR_ACTION_SUBJECT_ID, TRIGGER_METHOD, USER_CONTEXT, } from './types';
+export type { AnalyticsDispatch, AnalyticsEventPayload, AnalyticsEventPayloadCallback, AnalyticsEventPayloadWithChannel, AnnotationAEP, AnnotationAEPAttributes, AnnotationActionType, AnnotationDraftAEPAttributes, AnnotationResolvedAEPAttributes, CaptionTrackAction, ColorPickerAEP, CommonListAnalyticsAttributes, RestartListsAttributesForListOutdented, CreateLinkInlineDialogActionType, CreateLinkInlineDialogEventPayload, DismissedCreateLinkInlineDialogAEP, DispatchAnalyticsEvent, EditLinkToolbarAEP, EnteredTextLinkSearchInputAEP, ErrorEventAttributes, ErrorEventPayload, ExperimentalEventPayload, ExtensionEventPayload, ExtensionType, FeatureExposureAEP, FormatEventPayload, GeneralEventPayload, HighlightedSearchResultsAEP, InputMethodInsertLink, InputMethodInsertMedia, InsertEventPayload, InsertSmartLinkAEP, ListEventPayload, MediaAltTextActionType, MediaEventPayload, MediaLinkAEP, MediaResizeTrackAction, MediaInputResizeTrackAction, NodeCount, NodeEventPayload, OperationalAEP, PASTE_ACTION_SUBJECT_ID, PasteContent, PasteEventPayload, PasteSource, PasteType, PluginMethodReport, PluginPerformanceReportData, PluginsReport, QuickSearchPerfAEP, RecentActivitiesPerfAEP, SelectAllAEP, SelectCellAEP, SelectNodeAEP, SelectRangeAEP, SelectedSearchResultsAEP, SelectionEventPayload, SelectionJson, ShownPostQuerySearchResultsAEP, ShownPreQuerySearchResultsAEP, SimplifiedNode, SmartLinkNodeContext, SubstituteEventPayload, TableEventPayload, TextColorSelectedAEP, TextColorSelectedAttr, TextColorShowPaletteToggleAEP, TextColorShowPaletteToggleAttr, ToolbarEventPayload, TransactionEventPayload, TypeAheadPayload, UfoSessionCompletePayloadAEP, UnlinkToolbarAEP, ViewedCreateLinkInlineDialogAEP, FireAnalyticsCallback, FireAnalyticsEvent, FireAnalyticsEventPayload, InitialiseFragmentMarksAEP, ConnectedNodesAEP, DisconnectedSourceAEP, DisconnectedTargetAEP, GotConnectionsAEP, UpdatedFragmentMarkNameAEP, UpdatedSourceAEP, UpdatedTargetAEP, } from './types';
+export type { EditorAnalyticsAPI } from './api';
+export { editorAnalyticsChannel, fireAnalyticsEvent, } from './fire-analytics-event';
+export { getAnalyticsEventsFromTransaction } from './utils';
+export { buildEditLinkPayload, buildVisitedLinkPayload, buildOpenedSettingsPayload, unlinkPayload, } from './linking-utils';
+export type { LinkType } from './linking-utils';

package/dist/types-ts4.5/analytics/linking-utils.d.ts

@@ -0,0 +1,14 @@
+import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, AnalyticsEventPayload, EVENT_TYPE, INPUT_METHOD } from './types';
+export declare const buildEditLinkPayload: (type: LinkType) => AnalyticsEventPayload;
+export type LinkType = ACTION_SUBJECT_ID.CARD_INLINE | ACTION_SUBJECT_ID.CARD_BLOCK | ACTION_SUBJECT_ID.EMBEDS | ACTION_SUBJECT_ID.HYPERLINK;
+export declare const buildVisitedLinkPayload: (type: LinkType) => AnalyticsEventPayload;
+export declare const buildOpenedSettingsPayload: (type: LinkType) => AnalyticsEventPayload;
+export declare const unlinkPayload: (type: LinkType) => {
+    action: ACTION;
+    actionSubject: ACTION_SUBJECT;
+    actionSubjectId: ACTION_SUBJECT_ID.CARD_INLINE | undefined;
+    attributes: {
+        inputMethod: INPUT_METHOD;
+    };
+    eventType: EVENT_TYPE;
+};

package/dist/types-ts4.5/analytics/types/avatar.d.ts

@@ -0,0 +1,5 @@
+import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID } from './enums';
+import { UIAEP } from './utils';
+type AvatarButtonViewedAEP = UIAEP<ACTION.VIEWED, ACTION_SUBJECT.BUTTON, ACTION_SUBJECT_ID.AVATAR_GROUP_PLUGIN, {}, undefined>;
+export type AvatarEventPayload = AvatarButtonViewedAEP;
+export {};

package/dist/types-ts4.5/analytics/types/block.d.ts

@@ -0,0 +1,3 @@
+export type HeadingLevels = 1 | 2 | 3 | 4 | 5 | 6;
+export type NormalTextLevel = 0;
+export type HeadingLevelsAndNormalText = HeadingLevels | NormalTextLevel;