@atlaskit/link-picker 1.25.2 → 1.25.3

package/.eslintrc.js

@@ -0,0 +1,18 @@
+module.exports = {
+  rules: {
+    'import/no-default-export': ['warn'],
+  },
+  overrides: [
+    {
+      files: [
+        '**/__tests__/**/*.{js,ts,tsx}',
+        'examples/**/*.{js,ts,tsx}',
+        'docs/**/*.{js,ts,tsx}',
+        'src/i18n/**/*.{js,ts,tsx}',
+      ],
+      rules: {
+        'import/no-default-export': ['off'],
+      },
+    },
+  ],
+};

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/link-picker
 
+## 1.25.3
+
+### Patch Changes
+
+- [`ceaa8d259c2`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ceaa8d259c2) - Minor internal refactors with no expected functional changes.
+
 ## 1.25.2
 
 ### Patch Changes

package/compass.yml

@@ -0,0 +1,43 @@
+name: Linking Platform - Link Picker
+id: 'ari:cloud:compass:a436116f-02ce-4520-8fbb-7301462a1674:component/c5751cc6-3513-4070-9deb-af31e86aed34/2870ee2d-8068-4bb8-b382-1cdc5ff4366e'
+description: Standalone link picker
+configVersion: 1
+typeId: UI_ELEMENT
+ownerId: 'ari:cloud:teams::team/25e5b679-2a57-4fce-b749-5504e84d6799'
+fields:
+  tier: 2
+links:
+  - name: null
+    type: REPOSITORY
+    url: 'https://bitbucket.org/atlassian/atlassian-frontend/src/master/packages/linking-platform/link-picker/'
+  - name: '#linking-platform'
+    type: CHAT_CHANNEL
+    url: 'https://atlassian.slack.com/app_redirect?channel=linking-platform'
+  - name: Linking Platform Space
+    type: DOCUMENT
+    url: 'https://hello.atlassian.net/wiki/spaces/TWPLP/overview'
+  - name: ''
+    type: PROJECT
+    url: 'https://product-fabric.atlassian.net/jira/software/c/projects/EDM/boards/893'
+  - name: ''
+    type: ON_CALL
+    url: 'https://atlassian.app.opsgenie.com/settings/schedule/detail/98927e5e-f400-41a3-bdd1-b580c9b1d78b'
+  - name: ''
+    type: DASHBOARD
+    url: 'https://atlassian.signalfx.com/#/dashboard/EXwrMgYAwAA?groupId=EXwtbIrA4AA&configId=EXwrNLcA4AA'
+relationships: {}
+labels:
+  - atlassian-platform
+customFields:
+  - name: Dev Owner
+    type: user
+    value: null
+  - name: Product
+    type: text
+    value: null
+  - name: Test
+    type: text
+    value: null
+
+# Learn more about formatting compass.yml:
+# https://go.atlassian.com/compass-yml-format

package/dist/cjs/common/generic-error-svg/index.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.GenericErrorSVG = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = require("@emotion/react");
 var _styled = require("./styled");
@@ -57,5 +57,4 @@ var GenericErrorSVG = function GenericErrorSVG(props) {
     stopOpacity: ".6"
   }))));
 };
-var _default = GenericErrorSVG;
-exports.default = _default;
+exports.GenericErrorSVG = GenericErrorSVG;

package/dist/cjs/controllers/use-fix-height/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.useFixHeight = void 0;
 var _react = require("react");
 var useFixHeight = function useFixHeight(shouldFixHeight) {
   var ref = (0, _react.useRef)(null);
@@ -20,5 +20,4 @@ var useFixHeight = function useFixHeight(shouldFixHeight) {
     } : undefined
   };
 };
-var _default = useFixHeight;
-exports.default = _default;
+exports.useFixHeight = useFixHeight;

package/dist/cjs/ui/error-boundary/error-boundary-fallback/index.js

@@ -8,7 +8,7 @@ exports.ErrorBoundaryFallback = void 0;
 var _react = require("@emotion/react");
 var _emptyState = _interopRequireDefault(require("@atlaskit/empty-state"));
 var _reactIntlNext = require("react-intl-next");
-var _genericErrorSvg = _interopRequireDefault(require("../../../common/generic-error-svg"));
+var _genericErrorSvg = require("../../../common/generic-error-svg");
 var _styled = require("../../link-picker/styled");
 /** @jsx jsx */
 
@@ -34,7 +34,7 @@ var ErrorBoundaryFallback = function ErrorBoundaryFallback() {
   }, (0, _react.jsx)(_emptyState.default, {
     header: header,
     renderImage: function renderImage() {
-      return (0, _react.jsx)(_genericErrorSvg.default, null);
+      return (0, _react.jsx)(_genericErrorSvg.GenericErrorSVG, null);
     },
     description: description
   }));

package/dist/cjs/ui/error-boundary/index.js

@@ -5,7 +5,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.ErrorBoundary = ErrorBoundary;
 var _react = _interopRequireWildcard(require("react"));
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _analytics = _interopRequireDefault(require("../../common/utils/analytics/analytics.codegen"));
@@ -17,8 +17,9 @@ var _errorBoundaryBase = require("./error-boundary-base");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function ErrorBoundary(_ref) {
-  var children = _ref.children,
-    createAnalyticsEvent = _ref.createAnalyticsEvent;
+  var children = _ref.children;
+  var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
+    createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   var linkPickerSessionId = (0, _sessionProvider.useLinkPickerSessionId)();
   var handleError = (0, _react.useCallback)(function (error, info) {
     var _window, _window$navigator, _info$componentStack;
@@ -36,6 +37,4 @@ function ErrorBoundary(_ref) {
     onError: handleError,
     ErrorComponent: _errorBoundaryFallback.ErrorBoundaryFallback
   }, children);
-}
-var _default = (0, _analyticsNext.withAnalyticsEvents)()(ErrorBoundary);
-exports.default = _default;
+}

package/dist/cjs/ui/index.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.testIds = exports.default = exports.PACKAGE_DATA = exports.ComposedLinkPicker = void 0;
+exports.testIds = exports.PACKAGE_DATA = exports.ComposedLinkPicker = void 0;
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _analyticsNext = require("@atlaskit/analytics-next");
@@ -12,7 +12,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactLooselyLazy = require("react-loosely-lazy");
 var _constants = require("../common/constants");
 var _version = require("../version.json");
-var _errorBoundary = _interopRequireDefault(require("./error-boundary"));
+var _errorBoundary = require("./error-boundary");
 var _loaderFallback = require("./loader-fallback");
 var _sessionProvider = require("../controllers/session-provider");
 var _messagesProvider = require("./messages-provider");
@@ -33,10 +33,15 @@ var LazyLinkPicker = (0, _reactLooselyLazy.lazyForPaint)(function () {
   return Promise.resolve().then(function () {
     return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_link-picker" */
     './link-picker'));
+  }).then(function (_ref) {
+    var LinkPicker = _ref.LinkPicker;
+    return {
+      default: LinkPicker
+    };
   });
 });
-var DefaultRootComponent = function DefaultRootComponent(_ref) {
-  var children = _ref.children;
+var DefaultRootComponent = function DefaultRootComponent(_ref2) {
+  var children = _ref2.children;
   return /*#__PURE__*/_react.default.createElement("div", {
     "data-testid": testIds.linkPickerRoot
   }, children);
@@ -46,7 +51,7 @@ var ComposedLinkPicker = /*#__PURE__*/(0, _react.memo)(function (props) {
   var RootComponent = component !== null && component !== void 0 ? component : DefaultRootComponent;
   return /*#__PURE__*/_react.default.createElement(_analyticsNext.AnalyticsContext, {
     data: PACKAGE_DATA
-  }, /*#__PURE__*/_react.default.createElement(_sessionProvider.LinkPickerSessionProvider, null, /*#__PURE__*/_react.default.createElement(_messagesProvider.MessagesProvider, null, /*#__PURE__*/_react.default.createElement(_errorBoundary.default, null, /*#__PURE__*/_react.default.createElement(_reactLooselyLazy.LazySuspense, {
+  }, /*#__PURE__*/_react.default.createElement(_sessionProvider.LinkPickerSessionProvider, null, /*#__PURE__*/_react.default.createElement(_messagesProvider.MessagesProvider, null, /*#__PURE__*/_react.default.createElement(_errorBoundary.ErrorBoundary, null, /*#__PURE__*/_react.default.createElement(_reactLooselyLazy.LazySuspense, {
     fallback: /*#__PURE__*/_react.default.createElement(_loaderFallback.LoaderFallback, {
       hideDisplayText: props.hideDisplayText
     })
@@ -54,6 +59,4 @@ var ComposedLinkPicker = /*#__PURE__*/(0, _react.memo)(function (props) {
     "data-testid": testIds.linkPickerRoot
   }), /*#__PURE__*/_react.default.createElement(LazyLinkPicker, props)))))));
 });
-exports.ComposedLinkPicker = ComposedLinkPicker;
-var _default = ComposedLinkPicker;
-exports.default = _default;
+exports.ComposedLinkPicker = ComposedLinkPicker;

package/dist/cjs/ui/link-picker/announcer.js

@@ -5,7 +5,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.Announcer = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -22,7 +22,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 // Note: Flag 'contentRendered' resolves bug with duplicates messages (NVDA + Firefox)
 // https://github.com/nvaccess/nvda/labels/bug%2Fdouble-speaking
 var timer;
-var Announcer = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+var Announcer = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var _ref$ariaAtomic = _ref.ariaAtomic,
     ariaAtomic = _ref$ariaAtomic === void 0 ? 'true' : _ref$ariaAtomic,
     _ref$ariaLive = _ref.ariaLive,
@@ -57,6 +57,5 @@ var Announcer = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     "aria-relevant": ariaRelevant,
     "aria-live": ariaLive
   }, contentRendered && /*#__PURE__*/_react.default.createElement("span", null, text));
-});
-var _default = /*#__PURE__*/(0, _react.memo)(Announcer);
-exports.default = _default;
+}));
+exports.Announcer = Announcer;

package/dist/cjs/ui/link-picker/form-footer/index.js

@@ -5,7 +5,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.testIds = exports.default = void 0;
+exports.testIds = exports.FormFooter = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = require("@emotion/react");
@@ -43,7 +43,7 @@ var testIds = {
   actionButton: 'link-picker-action-button'
 };
 exports.testIds = testIds;
-var FormFooter = function FormFooter(_ref) {
+var FormFooter = /*#__PURE__*/(0, _react2.memo)(function (_ref) {
   var isLoading = _ref.isLoading,
     error = _ref.error,
     url = _ref.url,
@@ -81,6 +81,5 @@ var FormFooter = function FormFooter(_ref) {
     testId: testIds.insertButton,
     isDisabled: isSubmitDisabled
   }, intl.formatMessage(insertButtonMsg))));
-};
-var _default = /*#__PURE__*/(0, _react2.memo)(FormFooter);
-exports.default = _default;
+});
+exports.FormFooter = FormFooter;

package/dist/cjs/ui/link-picker/index.js

@@ -5,7 +5,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.testIds = exports.default = exports.RECENT_SEARCH_LIST_SIZE = void 0;
+exports.testIds = exports.RECENT_SEARCH_LIST_SIZE = exports.LinkPicker = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
@@ -16,6 +16,7 @@ var _analyticsNext = require("@atlaskit/analytics-next");
 var _search = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/search"));
 var _tabs = _interopRequireWildcard(require("@atlaskit/tabs"));
 var _visuallyHidden = _interopRequireDefault(require("@atlaskit/visually-hidden"));
+var _spinner = _interopRequireDefault(require("@atlaskit/spinner/spinner"));
 var _analytics = _interopRequireDefault(require("../../common/utils/analytics/analytics.codegen"));
 var _constants = require("../../common/constants");
 var _analytics2 = require("../../common/analytics");
@@ -23,20 +24,19 @@ var _url2 = require("@atlaskit/linking-common/url");
 var _userAgent = require("@atlaskit/linking-common/user-agent");
 var _usePlugins2 = require("../../services/use-plugins");
 var _useSearchQuery = require("../../services/use-search-query");
-var _useFixHeight = _interopRequireDefault(require("../../controllers/use-fix-height"));
+var _useFixHeight = require("../../controllers/use-fix-height");
 var _messages = require("./messages");
-var _textInput = _interopRequireWildcard(require("./text-input"));
+var _textInput = require("./text-input");
 var _styled = require("./styled");
-var _announcer = _interopRequireDefault(require("./announcer"));
-var _scrollingTabs = _interopRequireDefault(require("../scrolling-tabs"));
-var _linkSearchList = _interopRequireWildcard(require("./link-search-list"));
-var _linkSearchError = _interopRequireWildcard(require("./link-search-error"));
-var _formFooter = _interopRequireWildcard(require("./form-footer"));
+var _announcer = require("./announcer");
+var _scrollingTabs = require("../scrolling-tabs");
+var _linkSearchList = require("./link-search-list");
+var _linkSearchError = require("./link-search-error");
+var _formFooter = require("./form-footer");
 var _utils = require("./utils");
-var _trackTabViewed = _interopRequireDefault(require("./track-tab-viewed"));
-var _trackMount = _interopRequireDefault(require("./track-mount"));
+var _trackTabViewed = require("./track-tab-viewed");
+var _trackMount = require("./track-mount");
 var _styled2 = require("./link-search-list/styled");
-var _spinner = _interopRequireDefault(require("@atlaskit/spinner/spinner"));
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
@@ -83,13 +83,13 @@ var getLinkFieldContent = function getLinkFieldContent(value) {
   }
   return (0, _url2.isSafeUrl)(value) ? 'url' : 'text_string';
 };
-var LinkInputField = (0, _analytics2.withInputFieldTracking)(_textInput.default, 'link', function (event, attributes) {
+var LinkInputField = (0, _analytics2.withInputFieldTracking)(_textInput.TextInput, 'link', function (event, attributes) {
   return _objectSpread(_objectSpread({}, attributes), {}, {
     linkFieldContent: getLinkFieldContent(event.currentTarget.value)
   });
 });
-var DisplayTextInputField = (0, _analytics2.withInputFieldTracking)(_textInput.default, 'displayText');
-function LinkPicker(_ref) {
+var DisplayTextInputField = (0, _analytics2.withInputFieldTracking)(_textInput.TextInput, 'displayText');
+var LinkPicker = (0, _analytics2.withLinkPickerAnalyticsContext)( /*#__PURE__*/(0, _react.memo)(function (_ref) {
   var _activePlugin$errorFa, _activePlugin$errorFa2;
   var onSubmit = _ref.onSubmit,
     onCancel = _ref.onCancel,
@@ -126,7 +126,7 @@ function LinkPicker(_ref) {
     error = _usePlugins.error,
     retry = _usePlugins.retry,
     pluginAction = _usePlugins.pluginAction;
-  var fixListHeightProps = (0, _useFixHeight.default)(isLoadingResults);
+  var fixListHeightProps = (0, _useFixHeight.useFixHeight)(isLoadingResults);
   var isEditing = !!initUrl;
   var selectedItem = items === null || items === void 0 ? void 0 : items[selectedIndex];
   var isSelectedItem = (selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.url) === url;
@@ -310,7 +310,7 @@ function LinkPicker(_ref) {
     "data-testid": testIds.linkPicker,
     css: _styled.rootContainerStyles,
     onSubmit: handleSubmit
-  }, (0, _react2.jsx)(_trackMount.default, null), screenReaderText && (0, _react2.jsx)(_announcer.default, {
+  }, (0, _react2.jsx)(_trackMount.TrackMount, null), screenReaderText && (0, _react2.jsx)(_announcer.Announcer, {
     ariaLive: "assertive",
     text: screenReaderText,
     ariaRelevant: "additions",
@@ -361,11 +361,11 @@ function LinkPicker(_ref) {
     testId: testIds.tabList,
     selected: activeTab,
     onChange: handleTabChange
-  }, featureFlags !== null && featureFlags !== void 0 && featureFlags.scrollingTabs ? (0, _react2.jsx)(_scrollingTabs.default, null, tabList) : tabList), (0, _react2.jsx)(_trackTabViewed.default, {
+  }, featureFlags !== null && featureFlags !== void 0 && featureFlags.scrollingTabs ? (0, _react2.jsx)(_scrollingTabs.ScrollingTabList, null, tabList) : tabList), (0, _react2.jsx)(_trackTabViewed.TrackTabViewed, {
     activePlugin: activePlugin
   })), (0, _react2.jsx)("div", (0, _extends2.default)({
     css: _styled.flexColumnStyles
-  }, fixListHeightProps), !error && (0, _react2.jsx)(_linkSearchList.default, {
+  }, fixListHeightProps), !error && (0, _react2.jsx)(_linkSearchList.LinkSearchList, {
     id: linkSearchListId,
     role: "listbox",
     items: items,
@@ -377,7 +377,7 @@ function LinkPicker(_ref) {
     onKeyDown: handleKeyDown,
     hasSearchTerm: !!(queryState !== null && queryState !== void 0 && queryState.query.length),
     activePlugin: activePlugin
-  }), error && ((_activePlugin$errorFa = activePlugin === null || activePlugin === void 0 ? void 0 : (_activePlugin$errorFa2 = activePlugin.errorFallback) === null || _activePlugin$errorFa2 === void 0 ? void 0 : _activePlugin$errorFa2.call(activePlugin, error, retry)) !== null && _activePlugin$errorFa !== void 0 ? _activePlugin$errorFa : (0, _react2.jsx)(_linkSearchError.default, null)))), (0, _react2.jsx)(_formFooter.default, {
+  }), error && ((_activePlugin$errorFa = activePlugin === null || activePlugin === void 0 ? void 0 : (_activePlugin$errorFa2 = activePlugin.errorFallback) === null || _activePlugin$errorFa2 === void 0 ? void 0 : _activePlugin$errorFa2.call(activePlugin, error, retry)) !== null && _activePlugin$errorFa !== void 0 ? _activePlugin$errorFa : (0, _react2.jsx)(_linkSearchError.LinkSearchError, null)))), (0, _react2.jsx)(_formFooter.FormFooter, {
     error: error,
     items: items
     /** If the results section appears to be loading, impact whether the submit button is disabled */,
@@ -389,6 +389,5 @@ function LinkPicker(_ref) {
     action: pluginAction,
     css: !queryState || !(plugins !== null && plugins !== void 0 && plugins.length) ? _styled.formFooterMargin : undefined
   }));
-}
-var _default = (0, _analytics2.withLinkPickerAnalyticsContext)( /*#__PURE__*/(0, _react.memo)(LinkPicker));
-exports.default = _default;
+}));
+exports.LinkPicker = LinkPicker;

package/dist/cjs/ui/link-picker/link-search-error/index.js

@@ -4,13 +4,13 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.testIds = exports.messages = exports.default = exports.CONTACT_SUPPORT_LINK = void 0;
+exports.testIds = exports.messages = exports.LinkSearchError = exports.CONTACT_SUPPORT_LINK = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = require("@emotion/react");
 var _reactIntlNext = require("react-intl-next");
 var _button = _interopRequireDefault(require("@atlaskit/button"));
 var _emptyState = _interopRequireDefault(require("@atlaskit/empty-state"));
-var _genericErrorSvg = _interopRequireDefault(require("../../../common/generic-error-svg"));
+var _genericErrorSvg = require("../../../common/generic-error-svg");
 /** @jsx jsx */
 
 var CONTACT_SUPPORT_LINK = 'https://support.atlassian.com/contact/';
@@ -51,9 +51,8 @@ var LinkSearchError = function LinkSearchError() {
       }
     })),
     renderImage: function renderImage() {
-      return (0, _react.jsx)(_genericErrorSvg.default, null);
+      return (0, _react.jsx)(_genericErrorSvg.GenericErrorSVG, null);
     }
   });
 };
-var _default = LinkSearchError;
-exports.default = _default;
+exports.LinkSearchError = LinkSearchError;

package/dist/cjs/ui/link-picker/link-search-list/index.js

@@ -1,11 +1,10 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.testIds = exports.messages = exports.default = void 0;
+exports.testIds = exports.messages = exports.LinkSearchList = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
@@ -15,15 +14,13 @@ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _reactIntlNext = require("react-intl-next");
 var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
 var _visuallyHidden = _interopRequireDefault(require("@atlaskit/visually-hidden"));
-var _listItem = _interopRequireDefault(require("../list-item"));
+var _listItem = require("../list-item");
 var _styled = require("./styled");
-var _linkSearchNoResults = _interopRequireWildcard(require("./link-search-no-results"));
+var _linkSearchNoResults = require("./link-search-no-results");
 var _useTrackResultsShown = require("./use-track-results-shown");
 var _utils = require("../utils");
 var _styled2 = require("./link-search-no-results/styled");
 var _excluded = ["onChange", "onSelect", "onKeyDown", "items", "activeIndex", "selectedIndex", "isLoading", "ariaControls", "ariaLabelledBy", "role", "id", "hasSearchTerm", "activePlugin"];
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; } /** @jsx jsx */
 var messages = (0, _reactIntlNext.defineMessages)({
@@ -44,9 +41,8 @@ var messages = (0, _reactIntlNext.defineMessages)({
   }
 });
 exports.messages = messages;
-var testIds = _objectSpread(_objectSpread({}, _linkSearchNoResults.testIds), {}, {
+var testIds = _objectSpread(_objectSpread(_objectSpread({}, _linkSearchNoResults.testIds), _listItem.testIds), {}, {
   resultListTitle: 'link-picker-list-title',
-  searchResultItem: 'link-search-list-item',
   searchResultList: 'link-search-list',
   searchResultLoadingIndicator: 'link-picker.results-loading-indicator',
   tabsLoadingIndicator: 'link-picker.tabs-loading-indicator'
@@ -115,14 +111,14 @@ var LinkSearchList = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   if ((items === null || items === void 0 ? void 0 : items.length) === 0) {
     if ((0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.link-picker.enable-empty-state')) {
       if (hasSearchTerm) {
-        return (0, _react2.jsx)(_linkSearchNoResults.default, null);
+        return (0, _react2.jsx)(_linkSearchNoResults.NoResults, null);
       } else {
         return (0, _react2.jsx)("div", {
           css: _styled2.emptyStateNoResultsWrapper
         }, activePlugin !== null && activePlugin !== void 0 && activePlugin.emptyStateNoResults ? activePlugin.emptyStateNoResults() : null);
       }
     } else {
-      return (0, _react2.jsx)(_linkSearchNoResults.default, null);
+      return (0, _react2.jsx)(_linkSearchNoResults.NoResults, null);
     }
   }
   if (items && items.length > 0) {
@@ -146,7 +142,7 @@ var LinkSearchList = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
       "aria-labelledby": testIds.resultListTitle,
       "data-testid": testIds.searchResultList
     }, items.map(function (item, index) {
-      return (0, _react2.jsx)(_listItem.default, {
+      return (0, _react2.jsx)(_listItem.LinkSearchListItem, {
         id: "".concat(testIds.searchResultItem, "-").concat(index),
         role: role && 'option',
         item: item,
@@ -176,5 +172,4 @@ var LinkSearchList = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     css: _styled.listContainerStyles
   }, restProps), itemsContent, loadingContent);
 });
-var _default = LinkSearchList;
-exports.default = _default;
+exports.LinkSearchList = LinkSearchList;

package/dist/cjs/ui/link-picker/link-search-list/link-search-no-results/index.js

@@ -4,11 +4,11 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.testIds = exports.messages = exports.default = void 0;
+exports.testIds = exports.messages = exports.NoResults = void 0;
 var _react = require("@emotion/react");
 var _emptyState = _interopRequireDefault(require("@atlaskit/empty-state"));
 var _reactIntlNext = require("react-intl-next");
-var _noResultsSvg = _interopRequireDefault(require("./no-results-svg"));
+var _noResultsSvg = require("./no-results-svg");
 var _styled = require("./styled");
 /** @jsx jsx */
 
@@ -38,9 +38,8 @@ var NoResults = function NoResults() {
     header: intl.formatMessage(messages.noResults),
     description: intl.formatMessage(messages.noResultsDescription),
     renderImage: function renderImage() {
-      return (0, _react.jsx)(_noResultsSvg.default, null);
+      return (0, _react.jsx)(_noResultsSvg.NoResultsSVG, null);
     }
   }));
 };
-var _default = NoResults;
-exports.default = _default;
+exports.NoResults = NoResults;

package/dist/cjs/ui/link-picker/link-search-list/link-search-no-results/no-results-svg/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.NoResultsSVG = void 0;
 var _react = require("@emotion/react");
 var _styled = require("./styled");
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
@@ -61,5 +61,4 @@ var NoResultsSVG = function NoResultsSVG() {
     d: "M0 0h207.16v189.87H0z"
   }))));
 };
-var _default = NoResultsSVG;
-exports.default = _default;
+exports.NoResultsSVG = NoResultsSVG;

package/dist/cjs/ui/link-picker/list-item/index.js

@@ -3,15 +3,52 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.testIds = exports.LinkSearchListItem = void 0;
 var _react = require("react");
 var _react2 = require("@emotion/react");
+var _reactIntlNext = require("react-intl-next");
 var _transformTimeStamp = require("../transformTimeStamp");
 var _styled = require("./styled");
-var _ = require("..");
-var _reactIntlNext = require("react-intl-next");
 /** @jsx jsx */
 
+var testIds = {
+  searchResultItem: 'link-search-list-item',
+  searchResultIcon: 'link-search-list-item-icon'
+};
+exports.testIds = testIds;
+var isSVG = function isSVG(icon) {
+  return icon.startsWith('<svg') && icon.endsWith('</svg>');
+};
+var base64SVG = function base64SVG(icon) {
+  return "data:image/svg+xml;base64,".concat(Buffer.from(icon).toString('base64'));
+};
+var ListItemIcon = function ListItemIcon(props) {
+  var item = props.item,
+    intl = props.intl;
+  var icon = item.icon,
+    iconAlt = item.iconAlt;
+  if (!icon) {
+    return null;
+  }
+  var alt = typeof iconAlt === 'string' ? iconAlt : intl.formatMessage(iconAlt);
+  if (typeof icon !== 'string') {
+    var Glyph = icon;
+    return (0, _react2.jsx)("span", {
+      css: _styled.itemIconStyles
+    }, (0, _react2.jsx)(Glyph, {
+      alt: alt,
+      "data-testid": testIds.searchResultIcon
+    }));
+  }
+  return (0, _react2.jsx)("span", {
+    css: _styled.itemIconStyles
+  }, (0, _react2.jsx)("img", {
+    "data-testid": testIds.searchResultIcon,
+    src: isSVG(icon) ? base64SVG(icon) : icon,
+    alt: alt,
+    css: _styled.imgStyles
+  }));
+};
 var LinkSearchListItem = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var item = _ref.item,
     selected = _ref.selected,
@@ -33,7 +70,7 @@ var LinkSearchListItem = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref
     role: role,
     id: id,
     "aria-selected": selected,
-    "data-testid": _.testIds.searchResultItem,
+    "data-testid": testIds.searchResultItem,
     onKeyDown: onKeyDown,
     onClick: handleSelect,
     onFocus: onFocus,
@@ -45,10 +82,10 @@ var LinkSearchListItem = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref
   }), (0, _react2.jsx)("div", {
     css: _styled.itemNameStyles
   }, (0, _react2.jsx)("div", {
-    "data-testid": "".concat(_.testIds.searchResultItem, "-title"),
+    "data-testid": "".concat(testIds.searchResultItem, "-title"),
     css: _styled.listItemNameStyles
   }, item.name), (0, _react2.jsx)("div", {
-    "data-testid": "".concat(_.testIds.searchResultItem, "-subtitle"),
+    "data-testid": "".concat(testIds.searchResultItem, "-subtitle"),
     css: _styled.listItemContextStyles
   }, container && (0, _react2.jsx)("div", {
     css: _styled.listItemContainerStyles
@@ -58,39 +95,4 @@ var LinkSearchListItem = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref
     css: _styled.listItemContainerInnerStyles
   }, container && (0, _react2.jsx)(_react.Fragment, null, "\xA0 \u2022\xA0 "), (0, _react2.jsx)(_react.Fragment, null, date)))));
 });
-var _default = LinkSearchListItem;
-exports.default = _default;
-var isSVG = function isSVG(icon) {
-  return icon.startsWith('<svg') && icon.endsWith('</svg>');
-};
-var base64SVG = function base64SVG(icon) {
-  return "data:image/svg+xml;base64,".concat(Buffer.from(icon).toString('base64'));
-};
-var testId = 'link-search-list-item-icon';
-var ListItemIcon = function ListItemIcon(props) {
-  var item = props.item,
-    intl = props.intl;
-  var icon = item.icon,
-    iconAlt = item.iconAlt;
-  if (!icon) {
-    return null;
-  }
-  var alt = typeof iconAlt === 'string' ? iconAlt : intl.formatMessage(iconAlt);
-  if (typeof icon !== 'string') {
-    var Glyph = icon;
-    return (0, _react2.jsx)("span", {
-      css: _styled.itemIconStyles
-    }, (0, _react2.jsx)(Glyph, {
-      alt: alt,
-      "data-testid": testId
-    }));
-  }
-  return (0, _react2.jsx)("span", {
-    css: _styled.itemIconStyles
-  }, (0, _react2.jsx)("img", {
-    "data-testid": testId,
-    src: isSVG(icon) ? base64SVG(icon) : icon,
-    alt: alt,
-    css: _styled.imgStyles
-  }));
-};
+exports.LinkSearchListItem = LinkSearchListItem;