@atlaskit/link-picker 1.25.2 → 1.25.4

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

@@ -1,14 +1,15 @@
 import React, { useCallback } from 'react';
-import { withAnalyticsEvents } from '@atlaskit/analytics-next';
-import createEventPayload from '../../common/utils/analytics/analytics.codegen';
-import { ANALYTICS_CHANNEL } from '../../common/constants';
+import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import { failUfoExperience, ufoExperience } from '../../common/analytics/experiences';
+import { ANALYTICS_CHANNEL } from '../../common/constants';
+import createEventPayload from '../../common/utils/analytics/analytics.codegen';
 import { useLinkPickerSessionId } from '../../controllers/session-provider';
-import { ErrorBoundaryFallback } from './error-boundary-fallback';
 import { BaseErrorBoundary } from './error-boundary-base';
-function ErrorBoundary(_ref) {
-  var children = _ref.children,
-    createAnalyticsEvent = _ref.createAnalyticsEvent;
+import { ErrorBoundaryFallback } from './error-boundary-fallback';
+export function ErrorBoundary(_ref) {
+  var children = _ref.children;
+  var _useAnalyticsEvents = useAnalyticsEvents(),
+    createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   var linkPickerSessionId = useLinkPickerSessionId();
   var handleError = useCallback(function (error, info) {
     var _window, _window$navigator, _info$componentStack;
@@ -26,5 +27,4 @@ function ErrorBoundary(_ref) {
     onError: handleError,
     ErrorComponent: ErrorBoundaryFallback
   }, children);
-}
-export default withAnalyticsEvents()(ErrorBoundary);
+}

package/dist/esm/ui/index.js

@@ -1,12 +1,12 @@
 import _extends from "@babel/runtime/helpers/extends";
-import { AnalyticsContext } from '@atlaskit/analytics-next';
 import React, { memo } from 'react';
-import { LazySuspense, lazyForPaint } from 'react-loosely-lazy';
+import { lazyForPaint, LazySuspense } from 'react-loosely-lazy';
+import { AnalyticsContext } from '@atlaskit/analytics-next';
 import { COMPONENT_NAME } from '../common/constants';
+import { LinkPickerSessionProvider } from '../controllers/session-provider';
 import { name as packageName, version as packageVersion } from '../version.json';
-import ErrorBoundary from './error-boundary';
+import { ErrorBoundary } from './error-boundary';
 import { LoaderFallback } from './loader-fallback';
-import { LinkPickerSessionProvider } from '../controllers/session-provider';
 import { MessagesProvider } from './messages-provider';
 export var testIds = {
   linkPickerRoot: 'link-picker-root'
@@ -19,10 +19,15 @@ export var PACKAGE_DATA = {
 };
 var LazyLinkPicker = lazyForPaint(function () {
   return import( /* webpackChunkName: "@atlaskit-internal_link-picker" */
-  './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.createElement("div", {
     "data-testid": testIds.linkPickerRoot
   }, children);
@@ -39,5 +44,4 @@ export var ComposedLinkPicker = /*#__PURE__*/memo(function (props) {
   }, /*#__PURE__*/React.createElement(RootComponent, _extends({}, props, {
     "data-testid": testIds.linkPickerRoot
   }), /*#__PURE__*/React.createElement(LazyLinkPicker, props)))))));
-});
-export default ComposedLinkPicker;
+});

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

@@ -1,5 +1,5 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import React, { forwardRef, memo, useState, useEffect } from 'react';
+import React, { forwardRef, memo, useEffect, useState } from 'react';
 
 // How to use:
 // https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Live_Regions#Preferring_specialized_live_region_roles
@@ -13,7 +13,7 @@ import React, { forwardRef, memo, useState, useEffect } from 'react';
 // Note: Flag 'contentRendered' resolves bug with duplicates messages (NVDA + Firefox)
 // https://github.com/nvaccess/nvda/labels/bug%2Fdouble-speaking
 var timer;
-var Announcer = /*#__PURE__*/forwardRef(function (_ref, ref) {
+export var Announcer = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (_ref, ref) {
   var _ref$ariaAtomic = _ref.ariaAtomic,
     ariaAtomic = _ref$ariaAtomic === void 0 ? 'true' : _ref$ariaAtomic,
     _ref$ariaLive = _ref.ariaLive,
@@ -48,5 +48,4 @@ var Announcer = /*#__PURE__*/forwardRef(function (_ref, ref) {
     "aria-relevant": ariaRelevant,
     "aria-live": ariaLive
   }, contentRendered && /*#__PURE__*/React.createElement("span", null, text));
-});
-export default /*#__PURE__*/memo(Announcer);
+}));

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

@@ -2,14 +2,14 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["isLoading", "error", "url", "queryState", "items", "isEditing", "onCancel", "action"];
 /** @jsx jsx */
-import { jsx } from '@emotion/react';
 import { memo } from 'react';
-import { useIntl, defineMessages } from 'react-intl-next';
+import { jsx } from '@emotion/react';
+import { defineMessages, useIntl } from 'react-intl-next';
 import Button, { ButtonGroup } from '@atlaskit/button';
 import EditorAddIcon from '@atlaskit/icon/glyph/editor/add';
-import { formFooterStyles, formFooterActionStyles } from './styled';
-import { checkSubmitDisabled } from './utils';
 import { UnauthenticatedError } from '../../../common/utils/errors';
+import { formFooterActionStyles, formFooterStyles } from './styled';
+import { checkSubmitDisabled } from './utils';
 var messages = defineMessages({
   cancelButton: {
     id: 'fabric.linkPicker.button.cancel',
@@ -32,7 +32,7 @@ export var testIds = {
   cancelButton: 'link-picker-cancel-button',
   actionButton: 'link-picker-action-button'
 };
-var FormFooter = function FormFooter(_ref) {
+export var FormFooter = /*#__PURE__*/memo(function (_ref) {
   var isLoading = _ref.isLoading,
     error = _ref.error,
     url = _ref.url,
@@ -70,5 +70,4 @@ var FormFooter = function FormFooter(_ref) {
     testId: testIds.insertButton,
     isDisabled: isSubmitDisabled
   }, intl.formatMessage(insertButtonMsg))));
-};
-export default /*#__PURE__*/memo(FormFooter);
+});

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

@@ -4,41 +4,39 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 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) { _defineProperty(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 */
-import { Fragment, useCallback, useLayoutEffect, useReducer, memo } from 'react';
+import { Fragment, memo, useCallback, useLayoutEffect, useReducer } from 'react';
 import { jsx } from '@emotion/react';
-import { useIntl, FormattedMessage } from 'react-intl-next';
+import { FormattedMessage, useIntl } from 'react-intl-next';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
-import EditorSearchIcon from '@atlaskit/icon/glyph/editor/search';
+import { isSafeUrl, normalizeUrl } from '@atlaskit/linking-common/url';
+import { browser } from '@atlaskit/linking-common/user-agent';
+import Spinner from '@atlaskit/spinner/spinner';
 import Tabs, { Tab, TabList } from '@atlaskit/tabs';
 import VisuallyHidden from '@atlaskit/visually-hidden';
-import createEventPayload from '../../common/utils/analytics/analytics.codegen';
-import { ANALYTICS_CHANNEL } from '../../common/constants';
 import { useLinkPickerAnalytics, withInputFieldTracking, withLinkPickerAnalyticsContext } from '../../common/analytics';
-import { normalizeUrl, isSafeUrl } from '@atlaskit/linking-common/url';
-import { browser } from '@atlaskit/linking-common/user-agent';
+import { ANALYTICS_CHANNEL } from '../../common/constants';
+import createEventPayload from '../../common/utils/analytics/analytics.codegen';
+import { handleNavKeyDown } from '../../common/utils/handleNavKeyDown';
+import { useFixHeight } from '../../controllers/use-fix-height';
 import { usePlugins } from '../../services/use-plugins';
 import { useSearchQuery } from '../../services/use-search-query';
-import useFixHeight from '../../controllers/use-fix-height';
-import { searchMessages, linkMessages, formMessages, linkTextMessages } from './messages';
-import TextInput, { testIds as textFieldTestIds } from './text-input';
-import { rootContainerStyles, searchIconStyles, tabsWrapperStyles, flexColumnStyles, formFooterMargin } from './styled';
-import Announcer from './announcer';
-import ScrollingTabList from '../scrolling-tabs';
-import LinkSearchList, { testIds as listTestIds } from './link-search-list';
-import LinkSearchError, { testIds as searchErrorTestIds } from './link-search-error';
-import FormFooter, { testIds as formFooterTestIds } from './form-footer';
-import { getDataSource, getScreenReaderText, handleNavKeyDown } from './utils';
-import TrackTabViewed from './track-tab-viewed';
-import TrackMount from './track-mount';
+import { Announcer } from './announcer';
+import { FormFooter, testIds as formFooterTestIds } from './form-footer';
+import { LinkSearchError, testIds as searchErrorTestIds } from './link-search-error';
+import { LinkSearchList, testIds as listTestIds } from './link-search-list';
 import { spinnerContainerStyles } from './link-search-list/styled';
-import Spinner from '@atlaskit/spinner/spinner';
-export var RECENT_SEARCH_LIST_SIZE = 5;
+import { formMessages, linkMessages, linkTextMessages, searchMessages } from './messages';
+import { ScrollingTabList } from './scrolling-tabs';
+import { flexColumnStyles, formFooterMargin, rootContainerStyles, tabsWrapperStyles } from './styled';
+import { testIds as textFieldTestIds, TextInput } from './text-input';
+import { TrackMount } from './track-mount';
+import { TrackTabViewed } from './track-tab-viewed';
+import { getDataSource, getScreenReaderText } from './utils';
 export var testIds = _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
   linkPickerRoot: 'link-picker-root',
   linkPicker: 'link-picker',
   urlInputField: 'link-url',
-  textInputField: 'link-text',
-  searchIcon: 'link-picker-search-icon'
+  textInputField: 'link-text'
 }, formFooterTestIds), searchErrorTestIds), listTestIds), textFieldTestIds), {}, {
   tabList: 'link-picker-tabs',
   tabItem: 'link-picker-tab'
@@ -78,7 +76,7 @@ var LinkInputField = withInputFieldTracking(TextInput, 'link', function (event,
   });
 });
 var DisplayTextInputField = withInputFieldTracking(TextInput, 'displayText');
-function LinkPicker(_ref) {
+export var LinkPicker = withLinkPickerAnalyticsContext( /*#__PURE__*/memo(function (_ref) {
   var _activePlugin$errorFa, _activePlugin$errorFa2;
   var onSubmit = _ref.onSubmit,
     onCancel = _ref.onCancel,
@@ -282,13 +280,6 @@ function LinkPicker(_ref) {
   // as the Aria design pattern for combobox does not work in this case
   // for details: https://a11y-internal.atlassian.net/browse/AK-740
   var screenReaderText = browser().safari && getScreenReaderText(items !== null && items !== void 0 ? items : [], selectedIndex, intl);
-  var searchIcon = isActivePlugin && jsx("span", {
-    css: searchIconStyles,
-    "data-testid": testIds.searchIcon
-  }, jsx(EditorSearchIcon, {
-    size: "medium",
-    label: ''
-  }));
   var tabList = jsx(TabList, null, tabs.map(function (tab) {
     return jsx(Tab, {
       key: tab.tabTitle,
@@ -315,7 +306,6 @@ function LinkPicker(_ref) {
     placeholder: intl.formatMessage(messages.linkPlaceholder),
     value: url,
     autoFocus: true,
-    elemBeforeInput: searchIcon,
     clearLabel: intl.formatMessage(formMessages.clearLink),
     "aria-expanded": true,
     "aria-autocomplete": "list",
@@ -378,5 +368,4 @@ function LinkPicker(_ref) {
     action: pluginAction,
     css: !queryState || !(plugins !== null && plugins !== void 0 && plugins.length) ? formFooterMargin : undefined
   }));
-}
-export default withLinkPickerAnalyticsContext( /*#__PURE__*/memo(LinkPicker));
+}));

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

@@ -1,10 +1,10 @@
 import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
-import { useIntl, FormattedMessage, defineMessages } from 'react-intl-next';
+import { defineMessages, FormattedMessage, useIntl } from 'react-intl-next';
 import Button from '@atlaskit/button';
 import EmptyState from '@atlaskit/empty-state';
-import GenericErrorSVG from '../../../common/generic-error-svg';
+import { GenericErrorSVG } from '../../../common/generic-error-svg';
 export var CONTACT_SUPPORT_LINK = 'https://support.atlassian.com/contact/';
 export var messages = defineMessages({
   searchErrorHeader: {
@@ -21,7 +21,7 @@ export var messages = defineMessages({
 export var testIds = {
   searchError: 'link-search-error'
 };
-var LinkSearchError = function LinkSearchError() {
+export var LinkSearchError = function LinkSearchError() {
   var intl = useIntl();
   return jsx(EmptyState, {
     testId: testIds.searchError,
@@ -43,5 +43,4 @@ var LinkSearchError = function LinkSearchError() {
       return jsx(GenericErrorSVG, null);
     }
   });
-};
-export default LinkSearchError;
+};

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

@@ -7,16 +7,16 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 /** @jsx jsx */
 import { forwardRef, Fragment, useCallback, useRef } from 'react';
 import { jsx } from '@emotion/react';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { defineMessages, FormattedMessage } from 'react-intl-next';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import Spinner from '@atlaskit/spinner';
 import VisuallyHidden from '@atlaskit/visually-hidden';
-import LinkSearchListItem from '../list-item';
-import { listContainerStyles, spinnerContainerStyles, listStyles, listTitleStyles } from './styled';
-import LinkSearchNoResults, { testIds as noResultsTestIds } from './link-search-no-results';
-import { useTrackResultsShown } from './use-track-results-shown';
-import { handleNavKeyDown } from '../utils';
+import { handleNavKeyDown } from '../../../common/utils/handleNavKeyDown';
+import { NoResults, testIds as noResultsTestIds } from './link-search-no-results';
 import { emptyStateNoResultsWrapper } from './link-search-no-results/styled';
+import { LinkSearchListItem, testIds as searchResultItemTestIds } from './list-item';
+import { listContainerStyles, listStyles, listTitleStyles, spinnerContainerStyles } from './styled';
+import { useTrackResultsShown } from './use-track-results-shown';
 export var messages = defineMessages({
   titleRecentlyViewed: {
     id: 'fabric.linkPicker.listTitle.recentlyViewed',
@@ -34,14 +34,13 @@ export var messages = defineMessages({
     description: 'Announce search results for screen-reader users.'
   }
 });
-export var testIds = _objectSpread(_objectSpread({}, noResultsTestIds), {}, {
+export var testIds = _objectSpread(_objectSpread(_objectSpread({}, noResultsTestIds), searchResultItemTestIds), {}, {
   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'
 });
-var LinkSearchList = /*#__PURE__*/forwardRef(function (_ref, ref) {
+export var LinkSearchList = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var onChange = _ref.onChange,
     onSelect = _ref.onSelect,
     onKeyDown = _ref.onKeyDown,
@@ -104,14 +103,14 @@ var LinkSearchList = /*#__PURE__*/forwardRef(function (_ref, ref) {
   if ((items === null || items === void 0 ? void 0 : items.length) === 0) {
     if (getBooleanFF('platform.linking-platform.link-picker.enable-empty-state')) {
       if (hasSearchTerm) {
-        return jsx(LinkSearchNoResults, null);
+        return jsx(NoResults, null);
       } else {
         return jsx("div", {
           css: emptyStateNoResultsWrapper
         }, activePlugin !== null && activePlugin !== void 0 && activePlugin.emptyStateNoResults ? activePlugin.emptyStateNoResults() : null);
       }
     } else {
-      return jsx(LinkSearchNoResults, null);
+      return jsx(NoResults, null);
     }
   }
   if (items && items.length > 0) {
@@ -164,5 +163,4 @@ var LinkSearchList = /*#__PURE__*/forwardRef(function (_ref, ref) {
     ref: ref,
     css: listContainerStyles
   }, restProps), itemsContent, loadingContent);
-});
-export default LinkSearchList;
+});

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

@@ -1,8 +1,8 @@
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
+import { defineMessages, useIntl } from 'react-intl-next';
 import EmptyState from '@atlaskit/empty-state';
-import { useIntl, defineMessages } from 'react-intl-next';
-import NoResultsSVG from './no-results-svg';
+import { NoResultsSVG } from './no-results-svg';
 import { emptyStateWrapperStyles } from './styled';
 export var messages = defineMessages({
   noResults: {
@@ -19,7 +19,7 @@ export var messages = defineMessages({
 export var testIds = {
   emptyResultPage: 'link-search-no-results'
 };
-var NoResults = function NoResults() {
+export var NoResults = function NoResults() {
   var intl = useIntl();
   return jsx("div", {
     css: emptyStateWrapperStyles
@@ -31,5 +31,4 @@ var NoResults = function NoResults() {
       return jsx(NoResultsSVG, null);
     }
   }));
-};
-export default NoResults;
+};

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

@@ -2,7 +2,7 @@
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
 import { noResultsSVGStyles } from './styled';
-var NoResultsSVG = function NoResultsSVG() {
+export var NoResultsSVG = function NoResultsSVG() {
   var id = 'link-picker-ui-no-results-svg';
   return jsx("svg", {
     css: noResultsSVGStyles,
@@ -53,5 +53,4 @@ var NoResultsSVG = function NoResultsSVG() {
     transform: "translate(0 .62)",
     d: "M0 0h207.16v189.87H0z"
   }))));
-};
-export default NoResultsSVG;
+};

package/dist/esm/ui/link-picker/{list-item → link-search-list/list-item}/index.js

@@ -1,11 +1,48 @@
 /** @jsx jsx */
 import { forwardRef, Fragment } from 'react';
 import { jsx } from '@emotion/react';
-import { transformTimeStamp } from '../transformTimeStamp';
-import { itemNameStyles, itemIconStyles, listItemContextStyles, listItemNameStyles, composeListItemStyles, imgStyles, listItemContainerStyles, listItemContainerInnerStyles } from './styled';
-import { testIds } from '..';
 import { useIntl } from 'react-intl-next';
-var LinkSearchListItem = /*#__PURE__*/forwardRef(function (_ref, ref) {
+/* eslint-disable-next-line @atlassian/tangerine/import/no-parent-imports */
+import { transformTimeStamp } from '../../transformTimeStamp';
+import { composeListItemStyles, imgStyles, itemIconStyles, itemNameStyles, listItemContainerInnerStyles, listItemContainerStyles, listItemContextStyles, listItemNameStyles } from './styled';
+export var testIds = {
+  searchResultItem: 'link-search-list-item',
+  searchResultIcon: 'link-search-list-item-icon'
+};
+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 jsx("span", {
+      css: itemIconStyles
+    }, jsx(Glyph, {
+      alt: alt,
+      "data-testid": testIds.searchResultIcon
+    }));
+  }
+  return jsx("span", {
+    css: itemIconStyles
+  }, jsx("img", {
+    "data-testid": testIds.searchResultIcon,
+    src: isSVG(icon) ? base64SVG(icon) : icon,
+    alt: alt,
+    css: imgStyles
+  }));
+};
+export var LinkSearchListItem = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var item = _ref.item,
     selected = _ref.selected,
     active = _ref.active,
@@ -50,39 +87,4 @@ var LinkSearchListItem = /*#__PURE__*/forwardRef(function (_ref, ref) {
   }, container)), date && jsx("div", {
     css: listItemContainerInnerStyles
   }, container && jsx(Fragment, null, "\xA0 \u2022\xA0 "), jsx(Fragment, null, date)))));
-});
-export default LinkSearchListItem;
-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 jsx("span", {
-      css: itemIconStyles
-    }, jsx(Glyph, {
-      alt: alt,
-      "data-testid": testId
-    }));
-  }
-  return jsx("span", {
-    css: itemIconStyles
-  }, jsx("img", {
-    "data-testid": testId,
-    src: isSVG(icon) ? base64SVG(icon) : icon,
-    alt: alt,
-    css: imgStyles
-  }));
-};
+});

package/dist/esm/ui/link-picker/{list-item → link-search-list/list-item}/styled.js

@@ -1,10 +1,10 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13;
 import { css } from '@emotion/react';
-import { B50, N300, N800, N20, N200, B400, B100 } from '@atlaskit/theme/colors';
+import { B100, B400, B50, N20, N200, N300, N800 } from '@atlaskit/theme/colors';
+import { fontSize, fontSizeSmall } from '@atlaskit/theme/constants';
 // AFP-2532 TODO: Fix automatic suppressions below
 // eslint-disable-next-line @atlassian/tangerine/import/entry-points
-import { fontSizeSmall, fontSize } from '@atlaskit/theme';
 export var relativeFontSizeToBase16 = function relativeFontSizeToBase16(px) {
   if (typeof px === 'string') {
     px = parseInt(px);

package/dist/esm/ui/link-picker/link-search-list/styled.js

@@ -1,6 +1,7 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 import { css } from '@emotion/react';
+
 // AFP-2532 TODO: Fix automatic suppressions below
 // eslint-disable-next-line @atlassian/tangerine/import/entry-points
 import { typography } from '@atlaskit/theme';

package/dist/esm/ui/{scrolling-tabs → link-picker/scrolling-tabs}/index.js

@@ -4,13 +4,13 @@ function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 /** @jsx jsx */
-import React, { useRef, useMemo, useState, useCallback } from 'react';
+import React, { useCallback, useMemo, useRef, useState } from 'react';
 import { jsx } from '@emotion/react';
 import Button from '@atlaskit/button';
 import ChevronLeftIcon from '@atlaskit/icon/glyph/chevron-left';
 import ChevronRightIcon from '@atlaskit/icon/glyph/chevron-right';
-import { scrollBack, scrollForward, calculateConditionalButtons, getTabList, createGhost } from './scrolling-tabs';
-import { containerStyles, scrollingContainerStyles, nextButtonStyles, backButtonStyles } from './styles';
+import { calculateConditionalButtons, createGhost, getTabList, scrollBack, scrollForward } from './scrolling-tabs';
+import { backButtonStyles, containerStyles, nextButtonStyles, scrollingContainerStyles } from './styles';
 function isTouchDevice() {
   return 'ontouchstart' in window ||
   // eslint-disable-next-line compat/compat
@@ -20,6 +20,8 @@ var initialConditionalButtonsState = {
   back: false,
   forward: false
 };
+
+/* eslint-disable @repo/internal/dom-events/no-unsafe-event-listeners */
 export var ScrollingTabList = function ScrollingTabList(props) {
   var ref = useRef(null);
   var _useState = useState(initialConditionalButtonsState),
@@ -97,6 +99,7 @@ export var ScrollingTabList = function ScrollingTabList(props) {
       }
       return function () {
         if (scrollingContainer) {
+          // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
           scrollingContainer.removeEventListener('scroll', handleConditionalButtonsChange);
         }
         if (tabs.length) {
@@ -141,5 +144,4 @@ export var ScrollingTabList = function ScrollingTabList(props) {
       return scrollForward(ref);
     }
   }))));
-};
-export default ScrollingTabList;
+};

package/dist/esm/ui/link-picker/styled.js

@@ -1,27 +1,12 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 import { css } from '@emotion/react';
-import { N500 } from '@atlaskit/theme/colors';
 var LINK_PICKER_WIDTH_IN_PX = 342;
 
-// See lazy-load-height example to verify these
-var LINK_PICKER_MIN_HEIGHT_IN_PX_WITHOUT_DISPLAYTEXT = 142;
-var LINK_PICKER_MIN_HEIGHT_IN_PX_WITH_DISPLAYTEXT = 220;
-
 /**
  * Half padding on the top as the form field has a `gridSize()` margin top that cannot be overridden
  */
 export var rootContainerStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: ", "px;\n  padding: ", " ", "\n    ", ";\n  box-sizing: border-box;\n  line-height: initial;\n"])), LINK_PICKER_WIDTH_IN_PX, "var(--ds-space-100, 8px)", "var(--ds-space-200, 16px)", "var(--ds-space-200, 16px)");
-
-/** Styles for skeleton element when Link Picker loading */
-var rootContainerStylesForLoader = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  ", "\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"])), rootContainerStyles);
-
-/** Link Picker loader / skeleton will be taller in height when displayText field is shown */
-export var rootContainerStylesForLoaderWithDisplaytext = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  ", "\n  min-height: ", "px;\n"])), rootContainerStylesForLoader, LINK_PICKER_MIN_HEIGHT_IN_PX_WITH_DISPLAYTEXT);
-
-/** Link Picker loader / skeleton will be shorter in height when displayText field isn't shown */
-export var rootContainerStylesForLoaderWithoutDisplaytext = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  ", "\n  min-height: ", "px;\n"])), rootContainerStylesForLoader, LINK_PICKER_MIN_HEIGHT_IN_PX_WITHOUT_DISPLAYTEXT);
-export var searchIconStyles = css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  margin-left: ", ";\n  color: ", ";\n  cursor: default;\n"])), "var(--ds-space-050, 4px)", "var(--ds-icon, ".concat(N500, ")"));
-export var tabsWrapperStyles = css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  margin-top: ", ";\n  margin-left: calc(-1 * ", ");\n  margin-right: calc(-1 * ", ");\n"])), "var(--ds-space-150, 12px)", "var(--ds-space-100, 8px)", "var(--ds-space-100, 8px)");
-export var flexColumnStyles = css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n"])));
-export var formFooterMargin = css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  margin-top: ", ";\n"])), "var(--ds-space-200, 16px)");
+export var tabsWrapperStyles = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  margin-top: ", ";\n  margin-left: calc(-1 * ", ");\n  margin-right: calc(-1 * ", ");\n"])), "var(--ds-space-150, 12px)", "var(--ds-space-100, 8px)", "var(--ds-space-100, 8px)");
+export var flexColumnStyles = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n"])));
+export var formFooterMargin = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  margin-top: ", ";\n"])), "var(--ds-space-200, 16px)");

package/dist/esm/ui/link-picker/text-input/index.js

@@ -2,20 +2,20 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["name", "label", "autoFocus", "onRedo", "onUndo", "onKeyDown", "onClear", "clearLabel", "error", "spotlightTargetName"];
 /** @jsx jsx */
-import { useCallback, useRef, Fragment } from 'react';
+import { Fragment, useCallback, useRef } from 'react';
 import { jsx } from '@emotion/react';
 import { ErrorMessage, Field } from '@atlaskit/form';
-import Tooltip from '@atlaskit/tooltip';
-import Textfield from '@atlaskit/textfield';
 import Selectclear from '@atlaskit/icon/glyph/select-clear';
-import { ConditionalSpotlightTargetWrapper } from '../conditional-spotlight-target-wrapper';
-import { isRedoEvent, isUndoEvent } from '../utils';
+import Textfield from '@atlaskit/textfield';
+import Tooltip from '@atlaskit/tooltip';
+import { ConditionalSpotlightTargetWrapper } from './conditional-spotlight-target-wrapper';
 import { clearTextButtonStyles, fieldStyles } from './styled';
+import { isRedoEvent, isUndoEvent } from './utils';
 export var testIds = {
   urlError: 'link-error',
   clearUrlButton: 'clear-text'
 };
-var TextInput = function TextInput(_ref) {
+export var TextInput = function TextInput(_ref) {
   var name = _ref.name,
     label = _ref.label,
     autoFocus = _ref.autoFocus,
@@ -87,5 +87,4 @@ var TextInput = function TextInput(_ref) {
       testId: testIds.urlError
     }, error)));
   }));
-};
-export default TextInput;
+};

package/dist/esm/ui/link-picker/text-input/utils.js

@@ -0,0 +1,20 @@
+import { browser } from '@atlaskit/linking-common/user-agent';
+var KeyZCode = 90;
+var KeyYCode = 89;
+export var isUndoEvent = function isUndoEvent(e) {
+  var _browser = browser(),
+    mac = _browser.mac;
+  return e.keyCode === KeyZCode && (
+  // cmd + z for mac
+  mac && e.metaKey && !e.shiftKey ||
+  // ctrl + z for non-mac
+  !mac && e.ctrlKey);
+};
+export var isRedoEvent = function isRedoEvent(e) {
+  var _browser2 = browser(),
+    mac = _browser2.mac;
+  return (
+    // ctrl + y for non-mac
+    !mac && e.ctrlKey && e.keyCode === KeyYCode || mac && e.metaKey && e.shiftKey && e.keyCode === KeyZCode || e.ctrlKey && e.shiftKey && e.keyCode === KeyZCode
+  );
+};

package/dist/esm/ui/link-picker/track-mount/index.js

@@ -2,14 +2,14 @@
 import { useLayoutEffect } from 'react';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import { succeedUfoExperience, ufoExperience } from '../../../common/analytics/experiences';
-import createEventPayload from '../../../common/utils/analytics/analytics.codegen';
 import { ANALYTICS_CHANNEL } from '../../../common/constants';
+import createEventPayload from '../../../common/utils/analytics/analytics.codegen';
 import { useLinkPickerSessionId } from '../../../controllers/session-provider';
 
 /**
  * UFO + Analytics tracking for component mount (and unmount)
  */
-function TrackMount() {
+export function TrackMount() {
   var _useAnalyticsEvents = useAnalyticsEvents(),
     createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   var linkPickerSessionId = useLinkPickerSessionId();
@@ -25,5 +25,4 @@ function TrackMount() {
     };
   }, [createAnalyticsEvent]);
   return null;
-}
-export default TrackMount;
+}