@atlaskit/link-picker 1.30.0 → 1.30.2

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

@@ -9,7 +9,7 @@ var _styled = require("./styled");
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 /** @jsx jsx */
 
-var NoResultsSVG = function NoResultsSVG() {
+var NoResultsSVG = exports.NoResultsSVG = function NoResultsSVG() {
   var id = 'link-picker-ui-no-results-svg';
   return (0, _react.jsx)("svg", {
     css: _styled.noResultsSVGStyles,
@@ -60,5 +60,4 @@ var NoResultsSVG = function NoResultsSVG() {
     transform: "translate(0 .62)",
     d: "M0 0h207.16v189.87H0z"
   }))));
-};
-exports.NoResultsSVG = NoResultsSVG;
+};

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

@@ -9,5 +9,4 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
 var _react = require("@emotion/react");
 var _templateObject;
 var HEIGHT = 120;
-var noResultsSVGStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  height: ", "px;\n  margin: 0 auto ", ";\n  display: block;\n"])), HEIGHT, "var(--ds-space-300, 24px)");
-exports.noResultsSVGStyles = noResultsSVGStyles;
+var noResultsSVGStyles = exports.noResultsSVGStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  height: ", "px;\n  margin: 0 auto ", ";\n  display: block;\n"])), HEIGHT, "var(--ds-space-300, 24px)");

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

@@ -8,7 +8,5 @@ exports.emptyStateWrapperStyles = exports.emptyStateNoResultsWrapper = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = require("@emotion/react");
 var _templateObject, _templateObject2;
-var emptyStateWrapperStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  & p {\n    margin: 0;\n  }\n"])));
-exports.emptyStateWrapperStyles = emptyStateWrapperStyles;
-var emptyStateNoResultsWrapper = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  min-height: ", ";\n"])), "var(--ds-space-200, 16px)");
-exports.emptyStateNoResultsWrapper = emptyStateNoResultsWrapper;
+var emptyStateWrapperStyles = exports.emptyStateWrapperStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  & p {\n    margin: 0;\n  }\n"])));
+var emptyStateNoResultsWrapper = exports.emptyStateNoResultsWrapper = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  min-height: ", ";\n"])), "var(--ds-space-200, 16px)");

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

@@ -13,11 +13,10 @@ var _styled = require("./styled");
 
 /* eslint-disable-next-line @atlassian/tangerine/import/no-parent-imports */
 
-var testIds = {
+var testIds = exports.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>');
 };
@@ -51,7 +50,7 @@ var ListItemIcon = function ListItemIcon(props) {
     css: _styled.imgStyles
   }));
 };
-var LinkSearchListItem = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+var LinkSearchListItem = exports.LinkSearchListItem = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var item = _ref.item,
     selected = _ref.selected,
     id = _ref.id,
@@ -96,5 +95,4 @@ var LinkSearchListItem = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref
   }, container)), date && (0, _react2.jsx)("div", {
     css: _styled.listItemContainerInnerStyles
   }, container && (0, _react2.jsx)(_react.Fragment, null, "\xA0 \u2022\xA0 "), (0, _react2.jsx)(_react.Fragment, null, date)))));
-});
-exports.LinkSearchListItem = LinkSearchListItem;
+});

package/dist/cjs/ui/link-picker/search-results/link-search-list/list-item/styled.js

@@ -13,7 +13,7 @@ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _temp
 // AFP-2532 TODO: Fix automatic suppressions below
 // eslint-disable-next-line @atlassian/tangerine/import/entry-points
 
-var relativeFontSizeToBase16 = function relativeFontSizeToBase16(px) {
+var relativeFontSizeToBase16 = exports.relativeFontSizeToBase16 = function relativeFontSizeToBase16(px) {
   if (typeof px === 'string') {
     px = parseInt(px);
   }
@@ -22,30 +22,21 @@ var relativeFontSizeToBase16 = function relativeFontSizeToBase16(px) {
   }
   return "".concat(px / 16, "rem");
 };
-exports.relativeFontSizeToBase16 = relativeFontSizeToBase16;
 var listItemBaseStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  padding-top: ", ";\n  padding-bottom: ", ";\n  padding-left: clamp(\n    ", ",\n    var(--link-picker-padding-left),\n    100%\n  );\n  padding-right: clamp(\n    ", ",\n    var(--link-picker-padding-right),\n    100%\n  );\n  margin: 0;\n  cursor: pointer;\n"])), "var(--ds-space-100, 8px)", "var(--ds-space-100, 8px)", "var(--ds-space-100, 8px)", "var(--ds-space-100, 8px)");
 var listItemFocusStyles = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  &:focus {\n    outline: none;\n    box-shadow: 0 0 0 2px ", " inset;\n    text-decoration: none;\n  }\n"])), "var(--ds-border-focused, ".concat(_colors.B100, ")"));
 var listItemBoxShadow = (0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  box-shadow: inset 2px 0px 0px ", ";\n"])), "var(--ds-border-selected, ".concat(_colors.B400, ")"));
 var listItemActive = (0, _react.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  &:hover {\n    background-color: ", ";\n    ", ";\n  }\n"])), "var(--ds-background-neutral-subtle-hovered, ".concat(_colors.N20, ")"), listItemBoxShadow);
 var listItemSelected = (0, _react.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  background-color: ", ";\n  ", ";\n"])), "var(--ds-background-selected, ".concat(_colors.B50, ")"), listItemBoxShadow);
-var composeListItemStyles = function composeListItemStyles() {
+var composeListItemStyles = exports.composeListItemStyles = function composeListItemStyles() {
   var selected = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
   return (0, _react.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n  "])), listItemBaseStyles, !selected && listItemActive, selected && listItemSelected, listItemFocusStyles);
 };
-exports.composeListItemStyles = composeListItemStyles;
-var itemNameStyles = (0, _react.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n  overflow: hidden;\n"])));
-exports.itemNameStyles = itemNameStyles;
-var listItemNameStyles = (0, _react.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n  color: ", ";\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  line-height: 20px;\n"])), "var(--ds-text, ".concat(_colors.N800, ")"));
-exports.listItemNameStyles = listItemNameStyles;
-var listItemContextStyles = (0, _react.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n  color: ", ";\n  font-size: ", ";\n  line-height: ", "px;\n  display: flex;\n"])), "var(--ds-text, ".concat(_colors.N300, ")"), relativeFontSizeToBase16((0, _constants.fontSizeSmall)()), (0, _constants.fontSize)());
-exports.listItemContextStyles = listItemContextStyles;
-var listItemContainerStyles = (0, _react.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["\n  overflow: hidden;\n  text-overflow: ellipsis;\n"])));
-exports.listItemContainerStyles = listItemContainerStyles;
-var listItemContainerInnerStyles = (0, _react.css)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2.default)(["\n  color: ", ";\n  white-space: nowrap;\n"])), "var(--ds-text-subtlest, ".concat(_colors.N200, ")"));
+var itemNameStyles = exports.itemNameStyles = (0, _react.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n  overflow: hidden;\n"])));
+var listItemNameStyles = exports.listItemNameStyles = (0, _react.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n  color: ", ";\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  line-height: 20px;\n"])), "var(--ds-text, ".concat(_colors.N800, ")"));
+var listItemContextStyles = exports.listItemContextStyles = (0, _react.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n  color: ", ";\n  font-size: ", ";\n  line-height: ", "px;\n  display: flex;\n"])), "var(--ds-text, ".concat(_colors.N300, ")"), relativeFontSizeToBase16((0, _constants.fontSizeSmall)()), (0, _constants.fontSize)());
+var listItemContainerStyles = exports.listItemContainerStyles = (0, _react.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["\n  overflow: hidden;\n  text-overflow: ellipsis;\n"])));
+var listItemContainerInnerStyles = exports.listItemContainerInnerStyles = (0, _react.css)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2.default)(["\n  color: ", ";\n  white-space: nowrap;\n"])), "var(--ds-text-subtlest, ".concat(_colors.N200, ")"));
 
 // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
-exports.listItemContainerInnerStyles = listItemContainerInnerStyles;
-var itemIconStyles = (0, _react.css)(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2.default)(["\n  min-width: ", ";\n  margin-top: 3px;\n  margin-right: ", ";\n"])), "var(--ds-space-200, 16px)", "var(--ds-space-150, 12px)");
-exports.itemIconStyles = itemIconStyles;
-var imgStyles = (0, _react.css)(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2.default)(["\n  max-width: ", ";\n"])), "var(--ds-space-200, 16px)");
-exports.imgStyles = imgStyles;
+var itemIconStyles = exports.itemIconStyles = (0, _react.css)(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2.default)(["\n  min-width: ", ";\n  margin-top: 3px;\n  margin-right: ", ";\n"])), "var(--ds-space-200, 16px)", "var(--ds-space-150, 12px)");
+var imgStyles = exports.imgStyles = (0, _react.css)(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2.default)(["\n  max-width: ", ";\n"])), "var(--ds-space-200, 16px)");

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

@@ -10,11 +10,7 @@ var _react = require("@emotion/react");
 var _theme = require("@atlaskit/theme");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4; // AFP-2532 TODO: Fix automatic suppressions below
 // eslint-disable-next-line @atlassian/tangerine/import/entry-points
-var listContainerStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  width: 100%;\n  padding-top: 0;\n  min-height: 80px;\n  margin-top: ", ";\n  margin-bottom: ", ";\n  flex-grow: 1;\n  display: flex;\n  flex-direction: column;\n"])), "var(--ds-space-200, 16px)", "var(--ds-space-200, 16px)");
-exports.listContainerStyles = listContainerStyles;
-var spinnerContainerStyles = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  flex-grow: 1;\n  flex-direction: column;\n  align-items: center;\n"])));
-exports.spinnerContainerStyles = spinnerContainerStyles;
-var listStyles = (0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  padding: 0;\n  margin-top: 0;\n  margin-bottom: 0;\n  margin-left: calc(-1 * var(--link-picker-padding-left));\n  margin-right: calc(-1 * var(--link-picker-padding-right));\n  list-style: none;\n"])));
-exports.listStyles = listStyles;
-var listTitleStyles = (0, _react.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n  text-transform: uppercase;\n  margin-top: 0;\n  margin-bottom: ", ";\n"])), _theme.typography.h100(), "var(--ds-space-050, 4px)");
-exports.listTitleStyles = listTitleStyles;
+var listContainerStyles = exports.listContainerStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  width: 100%;\n  padding-top: 0;\n  min-height: 80px;\n  margin-top: ", ";\n  margin-bottom: ", ";\n  flex-grow: 1;\n  display: flex;\n  flex-direction: column;\n"])), "var(--ds-space-200, 16px)", "var(--ds-space-200, 16px)");
+var spinnerContainerStyles = exports.spinnerContainerStyles = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  flex-grow: 1;\n  flex-direction: column;\n  align-items: center;\n"])));
+var listStyles = exports.listStyles = (0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  padding: 0;\n  margin-top: 0;\n  margin-bottom: 0;\n  margin-left: calc(-1 * var(--link-picker-padding-left));\n  margin-right: calc(-1 * var(--link-picker-padding-right));\n  list-style: none;\n"])));
+var listTitleStyles = exports.listTitleStyles = (0, _react.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n  text-transform: uppercase;\n  margin-top: 0;\n  margin-bottom: ", ";\n"])), _theme.typography.h100(), "var(--ds-space-050, 4px)");

package/dist/cjs/ui/link-picker/search-results/link-search-list/use-track-results-shown/index.js

@@ -12,7 +12,7 @@ var _analyticsNext = require("@atlaskit/analytics-next");
 var _constants = require("../../../../../common/constants");
 var _analytics = _interopRequireDefault(require("../../../../../common/utils/analytics/analytics.codegen"));
 var DEBOUNCE_MS = 400;
-var useTrackResultsShown = function useTrackResultsShown(isLoading, items, hasSearchTerm) {
+var useTrackResultsShown = exports.useTrackResultsShown = function useTrackResultsShown(isLoading, items, hasSearchTerm) {
   var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
     createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   var hasSearchTermRef = (0, _react.useRef)(hasSearchTerm);
@@ -44,5 +44,4 @@ var useTrackResultsShown = function useTrackResultsShown(isLoading, items, hasSe
       })).fire(_constants.ANALYTICS_CHANNEL);
     }
   }, [debouncedItems, createAnalyticsEvent]);
-};
-exports.useTrackResultsShown = useTrackResultsShown;
+};

package/dist/cjs/ui/link-picker/search-results/scrolling-tabs/index.js

@@ -31,7 +31,7 @@ var initialConditionalButtonsState = {
 };
 
 /* eslint-disable @repo/internal/dom-events/no-unsafe-event-listeners */
-var ScrollingTabList = function ScrollingTabList(props) {
+var ScrollingTabList = exports.ScrollingTabList = function ScrollingTabList(props) {
   var ref = (0, _react.useRef)(null);
   var _useState = (0, _react.useState)(initialConditionalButtonsState),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -153,5 +153,4 @@ var ScrollingTabList = function ScrollingTabList(props) {
       return (0, _scrollingTabs.scrollForward)(ref);
     }
   }))));
-};
-exports.ScrollingTabList = ScrollingTabList;
+};

package/dist/cjs/ui/link-picker/search-results/scrolling-tabs/scrolling-tabs.js

@@ -1,23 +1,19 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.scrollForward = exports.scrollBack = exports.getTabList = exports.getContainer = exports.createGhost = exports.calculateConditionalButtons = void 0;
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var BUTTON_SIZE = 24;
 var GUTTER = 48;
 var GHOST_WIDTH = 342 - GUTTER - 40;
-var scrollBack = function scrollBack(ref) {
+var scrollBack = exports.scrollBack = function scrollBack(ref) {
   moveTabsScroll(ref, findPrevious);
 };
-exports.scrollBack = scrollBack;
-var scrollForward = function scrollForward(ref) {
+var scrollForward = exports.scrollForward = function scrollForward(ref) {
   moveTabsScroll(ref, findNext);
 };
-exports.scrollForward = scrollForward;
-var calculateConditionalButtons = function calculateConditionalButtons(container, hideButtons) {
+var calculateConditionalButtons = exports.calculateConditionalButtons = function calculateConditionalButtons(container, hideButtons) {
   var initialState = {
     back: false,
     forward: false
@@ -31,20 +27,18 @@ var calculateConditionalButtons = function calculateConditionalButtons(container
     forward: container.scrollLeft < maxScrollValue - GHOST_WIDTH
   };
 };
-exports.calculateConditionalButtons = calculateConditionalButtons;
-var createGhost = function createGhost() {
+var createGhost = exports.createGhost = function createGhost() {
   var ghost = document.createElement('div');
   ghost.setAttribute('id', 'scrolling-tabs-ghost');
   ghost.style.minWidth = "".concat(GHOST_WIDTH, "px");
   ghost.style.pointerEvents = 'none';
   return ghost;
 };
-exports.createGhost = createGhost;
 var moveTabsScroll = function moveTabsScroll(ref, findFn) {
   var container = getContainer(ref);
   if (container) {
     var tablist = container.children[0];
-    var _tabs = (0, _toConsumableArray2.default)(tablist.children);
+    var _tabs = Array.from(tablist.children);
     if (_tabs.length > 0) {
       var target = findFn(container, _tabs);
       if (target) {
@@ -59,16 +53,14 @@ var scrollTo = function scrollTo(container, left) {
     left: left
   });
 };
-var getTabList = function getTabList(ref) {
+var getTabList = exports.getTabList = function getTabList(ref) {
   var _ref$current;
   return (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.querySelector('[role="tablist"]');
 };
-exports.getTabList = getTabList;
-var getContainer = function getContainer(ref) {
+var getContainer = exports.getContainer = function getContainer(ref) {
   var _getTabList;
   return (_getTabList = getTabList(ref)) === null || _getTabList === void 0 ? void 0 : _getTabList.parentElement;
 };
-exports.getContainer = getContainer;
 var findPrevious = function findPrevious(container, tabs) {
   var previousTabs = tabs.filter(function (tab) {
     var _ref = [container.getBoundingClientRect(), tab.getBoundingClientRect()],

package/dist/cjs/ui/link-picker/search-results/scrolling-tabs/styles.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.scrollingContainerStyles = exports.nextButtonStyles = exports.containerStyles = exports.buttonContainerStyles = exports.backButtonStyles = void 0;
 var _react = require("@emotion/react");
 var _colors = require("@atlaskit/theme/colors");
-var scrollingContainerStyles = (0, _react.css)({
+var scrollingContainerStyles = exports.scrollingContainerStyles = (0, _react.css)({
   overflowX: 'auto',
   scrollBehavior: 'smooth',
   scrollPadding: '0 24px',
@@ -27,8 +27,7 @@ var scrollingContainerStyles = (0, _react.css)({
     backgroundColor: "var(--ds-border, ".concat(_colors.N30, ")")
   }
 });
-exports.scrollingContainerStyles = scrollingContainerStyles;
-var containerStyles = (0, _react.css)({
+var containerStyles = exports.containerStyles = (0, _react.css)({
   position: 'relative',
   '[role="tablist"]': {
     '&::before': {
@@ -41,19 +40,15 @@ var containerStyles = (0, _react.css)({
     textOverflow: 'unset !important'
   }
 });
-exports.containerStyles = containerStyles;
-var buttonContainerStyles = (0, _react.css)({
+var buttonContainerStyles = exports.buttonContainerStyles = (0, _react.css)({
   position: 'absolute',
   top: "var(--ds-space-050, 4px)",
   zIndex: 999,
   backgroundColor: "var(--ds-surface, ".concat(_colors.N0, ")")
 });
-exports.buttonContainerStyles = buttonContainerStyles;
-var backButtonStyles = (0, _react.css)([buttonContainerStyles, {
+var backButtonStyles = exports.backButtonStyles = (0, _react.css)([buttonContainerStyles, {
   left: 0
 }]);
-exports.backButtonStyles = backButtonStyles;
-var nextButtonStyles = (0, _react.css)([buttonContainerStyles, {
+var nextButtonStyles = exports.nextButtonStyles = (0, _react.css)([buttonContainerStyles, {
   right: 0
-}]);
-exports.nextButtonStyles = nextButtonStyles;
+}]);

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

@@ -14,7 +14,7 @@ var _minHeightContainer = require("../../../../common/ui/min-height-container");
 var _styled = require("./styled");
 var _excluded = ["hasTabs"];
 /** @jsx jsx */
-var SearchResultsContainer = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+var SearchResultsContainer = exports.SearchResultsContainer = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var hasTabs = _ref.hasTabs,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var minHeight = hasTabs ? '347px' : '302px';
@@ -24,5 +24,4 @@ var SearchResultsContainer = /*#__PURE__*/(0, _react.forwardRef)(function (_ref,
     minHeight: ffMinHeight,
     css: _styled.flexColumn
   }, props));
-});
-exports.SearchResultsContainer = SearchResultsContainer;
+});

package/dist/cjs/ui/link-picker/search-results/search-results-container/styled.js

@@ -8,5 +8,4 @@ exports.flexColumn = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = require("@emotion/react");
 var _templateObject;
-var flexColumn = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  width: 100%;\n"])));
-exports.flexColumn = flexColumn;
+var flexColumn = exports.flexColumn = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  width: 100%;\n"])));

package/dist/cjs/ui/link-picker/search-results/styled.js

@@ -8,9 +8,6 @@ exports.tabsWrapperStyles = exports.spinnerContainerStyles = exports.flexColumnS
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = require("@emotion/react");
 var _templateObject, _templateObject2, _templateObject3;
-var tabsWrapperStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  margin-top: ", ";\n  margin-left: ", ";\n  margin-right: ", ";\n"])), "var(--ds-space-150, 12px)", "var(--ds-space-negative-100, -8px)", "var(--ds-space-negative-100, -8px)");
-exports.tabsWrapperStyles = tabsWrapperStyles;
-var spinnerContainerStyles = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  min-height: 80px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  align-self: center;\n  flex-grow: 1;\n"])));
-exports.spinnerContainerStyles = spinnerContainerStyles;
-var flexColumnStyles = (0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: column;\n"])));
-exports.flexColumnStyles = flexColumnStyles;
+var tabsWrapperStyles = exports.tabsWrapperStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  margin-top: ", ";\n  margin-left: ", ";\n  margin-right: ", ";\n"])), "var(--ds-space-150, 12px)", "var(--ds-space-negative-100, -8px)", "var(--ds-space-negative-100, -8px)");
+var spinnerContainerStyles = exports.spinnerContainerStyles = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  min-height: 80px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  align-self: center;\n  flex-grow: 1;\n"])));
+var flexColumnStyles = exports.flexColumnStyles = (0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: column;\n"])));

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

@@ -9,7 +9,5 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
 var _react = require("@emotion/react");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _templateObject, _templateObject2;
-var rootContainerStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  width: ", ";\n  padding-left: var(--link-picker-padding-left);\n  padding-right: var(--link-picker-padding-right);\n  padding-top: var(--link-picker-padding-top);\n  padding-bottom: var(--link-picker-padding-bottom);\n  box-sizing: border-box;\n  line-height: initial;\n"])), (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.link-picker.fixed-height-search-results') ? undefined : 'var(--link-picker-width)');
-exports.rootContainerStyles = rootContainerStyles;
-var formFooterMargin = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  margin-top: ", ";\n"])), "var(--ds-space-200, 16px)");
-exports.formFooterMargin = formFooterMargin;
+var rootContainerStyles = exports.rootContainerStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  width: ", ";\n  padding-left: var(--link-picker-padding-left);\n  padding-right: var(--link-picker-padding-right);\n  padding-top: var(--link-picker-padding-top);\n  padding-bottom: var(--link-picker-padding-bottom);\n  box-sizing: border-box;\n  line-height: initial;\n"])), (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.link-picker.fixed-height-search-results') ? undefined : 'var(--link-picker-width)');
+var formFooterMargin = exports.formFooterMargin = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  margin-top: ", ";\n"])), "var(--ds-space-200, 16px)");

package/dist/cjs/ui/link-picker/text-input/conditional-spotlight-target-wrapper/index.js

@@ -7,11 +7,10 @@ Object.defineProperty(exports, "__esModule", {
 exports.ConditionalSpotlightTargetWrapper = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _onboarding = require("@atlaskit/onboarding");
-var ConditionalSpotlightTargetWrapper = function ConditionalSpotlightTargetWrapper(_ref) {
+var ConditionalSpotlightTargetWrapper = exports.ConditionalSpotlightTargetWrapper = function ConditionalSpotlightTargetWrapper(_ref) {
   var spotlightTargetName = _ref.spotlightTargetName,
     children = _ref.children;
   return spotlightTargetName ? /*#__PURE__*/_react.default.createElement(_onboarding.SpotlightTarget, {
     name: spotlightTargetName
   }, children) : children;
-};
-exports.ConditionalSpotlightTargetWrapper = ConditionalSpotlightTargetWrapper;
+};

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

@@ -18,12 +18,11 @@ var _styled = require("./styled");
 var _utils = require("./utils");
 var _excluded = ["name", "label", "autoFocus", "onRedo", "onUndo", "onKeyDown", "onClear", "clearLabel", "error", "spotlightTargetName"];
 /** @jsx jsx */
-var testIds = {
+var testIds = exports.testIds = {
   urlError: 'link-error',
   clearUrlButton: 'clear-text'
 };
-exports.testIds = testIds;
-var TextInput = function TextInput(_ref) {
+var TextInput = exports.TextInput = function TextInput(_ref) {
   var name = _ref.name,
     label = _ref.label,
     autoFocus = _ref.autoFocus,
@@ -63,8 +62,8 @@ var TextInput = function TextInput(_ref) {
     var _inputRef$current;
     e.preventDefault();
     e.stopPropagation();
-    onClear === null || onClear === void 0 ? void 0 : onClear(name);
-    (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.focus();
+    onClear === null || onClear === void 0 || onClear(name);
+    (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 || _inputRef$current.focus();
   }, [name, onClear]);
   var clearText = restProps.value !== '' && (0, _react2.jsx)(_tooltip.default, {
     content: clearLabel
@@ -95,5 +94,4 @@ var TextInput = function TextInput(_ref) {
       testId: testIds.urlError
     }, error)));
   }));
-};
-exports.TextInput = TextInput;
+};

package/dist/cjs/ui/link-picker/text-input/styled.js

@@ -9,12 +9,10 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
 var _react = require("@emotion/react");
 var _colors = require("@atlaskit/theme/colors");
 var _templateObject, _templateObject2;
-var clearTextButtonStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  padding: 0;\n  margin-right: ", ";\n  color: ", ";\n  background: transparent;\n  border: none;\n  cursor: pointer;\n"])), "var(--ds-space-050, 4px)", "var(--ds-icon-subtle, ".concat(_colors.N500, ")"));
+var clearTextButtonStyles = exports.clearTextButtonStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  padding: 0;\n  margin-right: ", ";\n  color: ", ";\n  background: transparent;\n  border: none;\n  cursor: pointer;\n"])), "var(--ds-space-050, 4px)", "var(--ds-icon-subtle, ".concat(_colors.N500, ")"));
 
 /**
  * Overidding text input margin top which design system provides as a default spacer
  * but it gets in the way of our layout
  */
-exports.clearTextButtonStyles = clearTextButtonStyles;
-var fieldStyles = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  > div {\n    margin-top: 0;\n  }\n  & + & {\n    margin-top: ", ";\n  }\n"])), "var(--ds-space-200, 16px)");
-exports.fieldStyles = fieldStyles;
+var fieldStyles = exports.fieldStyles = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  > div {\n    margin-top: 0;\n  }\n  & + & {\n    margin-top: ", ";\n  }\n"])), "var(--ds-space-200, 16px)");

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

@@ -7,7 +7,7 @@ exports.isUndoEvent = exports.isRedoEvent = void 0;
 var _userAgent = require("@atlaskit/linking-common/user-agent");
 var KeyZCode = 90;
 var KeyYCode = 89;
-var isUndoEvent = function isUndoEvent(e) {
+var isUndoEvent = exports.isUndoEvent = function isUndoEvent(e) {
   var _browser = (0, _userAgent.browser)(),
     mac = _browser.mac;
   return e.keyCode === KeyZCode && (
@@ -16,13 +16,11 @@ var isUndoEvent = function isUndoEvent(e) {
   // ctrl + z for non-mac
   !mac && e.ctrlKey);
 };
-exports.isUndoEvent = isUndoEvent;
-var isRedoEvent = function isRedoEvent(e) {
+var isRedoEvent = exports.isRedoEvent = function isRedoEvent(e) {
   var _browser2 = (0, _userAgent.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
   );
-};
-exports.isRedoEvent = isRedoEvent;
+};

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

@@ -36,12 +36,11 @@ var renderAbsoluteOrRelativeDate = function renderAbsoluteOrRelativeDate(timeSta
     time: formatTime(timeStamp, intl)
   });
 };
-var transformTimeStamp = function transformTimeStamp(intl, lastViewedDate, lastUpdatedDate) {
+var transformTimeStamp = exports.transformTimeStamp = function transformTimeStamp(intl, lastViewedDate, lastUpdatedDate) {
   if (lastViewedDate) {
     return renderAbsoluteOrRelativeDate(lastViewedDate, 'viewed', intl);
   }
   if (lastUpdatedDate) {
     return renderAbsoluteOrRelativeDate(lastUpdatedDate, 'updated', intl);
   }
-};
-exports.transformTimeStamp = transformTimeStamp;
+};

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

@@ -9,11 +9,10 @@ var _transformTimeStamp = require("./transformTimeStamp");
 /**
  * Retrieve the data source for a link given the item and the plugin that resolved it
  */
-var getDataSource = function getDataSource(item, plugin) {
+var getDataSource = exports.getDataSource = function getDataSource(item, plugin) {
   var _ref, _item$meta$source, _item$meta, _plugin$meta;
-  return (_ref = (_item$meta$source = (_item$meta = item.meta) === null || _item$meta === void 0 ? void 0 : _item$meta.source) !== null && _item$meta$source !== void 0 ? _item$meta$source : plugin === null || plugin === void 0 ? void 0 : (_plugin$meta = plugin.meta) === null || _plugin$meta === void 0 ? void 0 : _plugin$meta.source) !== null && _ref !== void 0 ? _ref : 'unknown';
+  return (_ref = (_item$meta$source = (_item$meta = item.meta) === null || _item$meta === void 0 ? void 0 : _item$meta.source) !== null && _item$meta$source !== void 0 ? _item$meta$source : plugin === null || plugin === void 0 || (_plugin$meta = plugin.meta) === null || _plugin$meta === void 0 ? void 0 : _plugin$meta.source) !== null && _ref !== void 0 ? _ref : 'unknown';
 };
-exports.getDataSource = getDataSource;
 function getScreenReaderText(items, selectedIndex, intl) {
   if (items.length && selectedIndex > -1) {
     var _items$selectedIndex = items[selectedIndex],

package/dist/cjs/ui/loader-fallback/index.js

@@ -41,7 +41,7 @@ var getEstimatedMinHeight = function getEstimatedMinHeight(_ref) {
  * Loader / skeleton for the Link Picker. Takes LoaderFallbackProps (hideDisplayText, isLoadingPlugins, plugins)
  * to determine the height to prevent jumps in height when loading
  */
-var LoaderFallback = function LoaderFallback(props) {
+var LoaderFallback = exports.LoaderFallback = function LoaderFallback(props) {
   var minHeight = getEstimatedMinHeight(props);
   return (0, _react.jsx)(_minHeightContainer.MinHeightContainer, {
     minHeight: minHeight,
@@ -51,5 +51,4 @@ var LoaderFallback = function LoaderFallback(props) {
     testId: "link-picker.component-loading-indicator",
     size: "medium"
   }));
-};
-exports.LoaderFallback = LoaderFallback;
+};

package/dist/cjs/ui/loader-fallback/styled.js

@@ -8,5 +8,4 @@ exports.styles = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = require("@emotion/react");
 var _templateObject;
-var styles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  align-items: center;\n"])));
-exports.styles = styles;
+var styles = exports.styles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  align-items: center;\n"])));

package/dist/cjs/ui/messages-provider/index.js

@@ -8,11 +8,10 @@ exports.MessagesProvider = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _lazyMessagesProvider = require("./lazy-messages-provider");
-var MessagesProvider = function MessagesProvider(_ref) {
+var MessagesProvider = exports.MessagesProvider = function MessagesProvider(_ref) {
   var children = _ref.children;
   if ((0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.link-picker.lazy-intl-messages')) {
     return /*#__PURE__*/_react.default.createElement(_lazyMessagesProvider.LazyMessagesProvider, null, children);
   }
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children);
-};
-exports.MessagesProvider = MessagesProvider;
+};

package/dist/cjs/ui/messages-provider/lazy-messages-provider/index.js

@@ -9,7 +9,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _react = _interopRequireDefault(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _useMessages = require("./utils/use-messages");
-var LazyMessagesProvider = function LazyMessagesProvider(props) {
+var LazyMessagesProvider = exports.LazyMessagesProvider = function LazyMessagesProvider(props) {
   var intl = (0, _reactIntlNext.useIntl)();
   var messages = (0, _useMessages.useMessages)(intl.locale);
   return /*#__PURE__*/_react.default.createElement(_reactIntlNext.IntlProvider, (0, _extends2.default)({}, props, {
@@ -17,5 +17,4 @@ var LazyMessagesProvider = function LazyMessagesProvider(props) {
     messages: messages,
     locale: intl.locale
   }));
-};
-exports.LazyMessagesProvider = LazyMessagesProvider;
+};

package/dist/cjs/ui/messages-provider/lazy-messages-provider/utils/fetch-messages-for-locale.js

@@ -11,7 +11,7 @@ var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/
 var _en = _interopRequireDefault(require("../../../../i18n/en"));
 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; }
-var fetchMessagesForLocale = /*#__PURE__*/function () {
+var fetchMessagesForLocale = exports.fetchMessagesForLocale = /*#__PURE__*/function () {
   var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(locale) {
     var _messages, parentLocale, _messages2;
     return _regenerator.default.wrap(function _callee$(_context) {
@@ -60,5 +60,4 @@ var fetchMessagesForLocale = /*#__PURE__*/function () {
   return function fetchMessagesForLocale(_x) {
     return _ref.apply(this, arguments);
   };
-}();
-exports.fetchMessagesForLocale = fetchMessagesForLocale;
+}();

package/dist/cjs/ui/messages-provider/lazy-messages-provider/utils/use-messages.js

@@ -13,7 +13,7 @@ var _fetchMessagesForLocale = require("./fetch-messages-for-locale");
  * Hook to load the messages for a given locale
  * English is sync/pre-loaded
  */
-var useMessages = function useMessages(locale) {
+var useMessages = exports.useMessages = function useMessages(locale) {
   var _useState = (0, _react.useState)({
       locale: 'en',
       messages: _en.default
@@ -38,5 +38,4 @@ var useMessages = function useMessages(locale) {
     }
   }, [localeState, locale]);
   return localeState.messages;
-};
-exports.useMessages = useMessages;
+};

package/dist/cjs/ui/styled.js

@@ -8,5 +8,4 @@ exports.fixedWidthContainerStyles = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = require("@emotion/react");
 var _templateObject;
-var fixedWidthContainerStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  width: var(--link-picker-width);\n"])));
-exports.fixedWidthContainerStyles = fixedWidthContainerStyles;
+var fixedWidthContainerStyles = exports.fixedWidthContainerStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  width: var(--link-picker-width);\n"])));

package/dist/es2019/ui/index.js

@@ -15,8 +15,8 @@ export const testIds = {
   linkPickerRoot: 'link-picker-root'
 };
 export const PACKAGE_DATA = {
-  packageName: "@atlaskit/link-picker",
-  packageVersion: "1.30.0",
+  packageName: "@atlaskit/link-picker" || '',
+  packageVersion: "1.30.2" || '',
   componentName: COMPONENT_NAME,
   source: COMPONENT_NAME
 };

package/dist/es2019/ui/link-picker/search-results/scrolling-tabs/scrolling-tabs.js

@@ -32,7 +32,7 @@ const moveTabsScroll = (ref, findFn) => {
   const container = getContainer(ref);
   if (container) {
     const tablist = container.children[0];
-    const tabs = [...tablist.children];
+    const tabs = Array.from(tablist.children);
     if (tabs.length > 0) {
       const target = findFn(container, tabs);
       if (target) {

package/dist/esm/common/analytics/context.js

@@ -29,13 +29,13 @@ var LinkPickerAnalyticsContext = /*#__PURE__*/React.createContext({
  * This function continues to duplicate / assume logic that runs in the picker
  */
 var contextAttributesFromIntialProps = function contextAttributesFromIntialProps(props) {
-  var _props$plugins$0$tabK, _props$plugins, _props$plugins$;
+  var _props$plugins$0$tabK, _props$plugins;
   return {
     linkState: normalizeUrl(props.url) ? 'editLink' : 'newLink',
     linkFieldContent: normalizeUrl(props.url) ? 'url' : null,
     displayTextFieldContent: Boolean(props.displayText) ? 'text_string' : null,
     // TODO: Assumes we alway load the first plugin as the current tab
-    tab: (_props$plugins$0$tabK = (_props$plugins = props.plugins) === null || _props$plugins === void 0 ? void 0 : (_props$plugins$ = _props$plugins[0]) === null || _props$plugins$ === void 0 ? void 0 : _props$plugins$.tabKey) !== null && _props$plugins$0$tabK !== void 0 ? _props$plugins$0$tabK : null
+    tab: (_props$plugins$0$tabK = (_props$plugins = props.plugins) === null || _props$plugins === void 0 || (_props$plugins = _props$plugins[0]) === null || _props$plugins === void 0 ? void 0 : _props$plugins.tabKey) !== null && _props$plugins$0$tabK !== void 0 ? _props$plugins$0$tabK : null
   };
 };