@atlaskit/link-picker 1.16.8 → 1.16.10

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

@@ -1,25 +1,18 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.testIds = exports.messages = exports.default = 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"));
-
 /** @jsx jsx */
+
 var CONTACT_SUPPORT_LINK = 'https://support.atlassian.com/contact/';
 exports.CONTACT_SUPPORT_LINK = CONTACT_SUPPORT_LINK;
 var messages = (0, _reactIntlNext.defineMessages)({
@@ -39,7 +32,6 @@ var testIds = {
   searchError: 'link-search-error'
 };
 exports.testIds = testIds;
-
 var LinkSearchError = function LinkSearchError() {
   var intl = (0, _reactIntlNext.useIntl)();
   return (0, _react.jsx)(_emptyState.default, {
@@ -63,6 +55,5 @@ var LinkSearchError = function LinkSearchError() {
     }
   });
 };
-
 var _default = LinkSearchError;
 exports.default = _default;

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

@@ -1,48 +1,28 @@
 "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;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = require("react");
-
 var _react2 = require("@emotion/react");
-
 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 _styled = require("./styled");
-
 var _linkSearchNoResults = _interopRequireWildcard(require("./link-search-no-results"));
-
 var _useTrackResultsShown = require("./use-track-results-shown");
-
 var _excluded = ["onSelect", "onMouseEnter", "onMouseLeave", "items", "activeIndex", "selectedIndex", "isLoading", "ariaControls", "ariaLabelledBy", "role", "id", "hasSearchTerm"];
-
 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; }
-
 var messages = (0, _reactIntlNext.defineMessages)({
   titleRecentlyViewed: {
     id: 'fabric.linkPicker.listTitle.recentlyViewed',
@@ -61,38 +41,34 @@ var messages = (0, _reactIntlNext.defineMessages)({
   }
 });
 exports.messages = messages;
-
 var testIds = _objectSpread(_objectSpread({}, _linkSearchNoResults.testIds), {}, {
   resultListTitle: 'link-picker-list-title',
   searchResultItem: 'link-search-list-item',
   searchResultList: 'link-search-list',
   searchResultLoadingIndicator: 'link-picker.results-loading-indicator'
 });
-
 exports.testIds = testIds;
 var LinkSearchList = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var onSelect = _ref.onSelect,
-      onMouseEnter = _ref.onMouseEnter,
-      onMouseLeave = _ref.onMouseLeave,
-      items = _ref.items,
-      activeIndex = _ref.activeIndex,
-      selectedIndex = _ref.selectedIndex,
-      isLoading = _ref.isLoading,
-      ariaControls = _ref.ariaControls,
-      ariaLabelledBy = _ref.ariaLabelledBy,
-      role = _ref.role,
-      id = _ref.id,
-      hasSearchTerm = _ref.hasSearchTerm,
-      restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+    onMouseEnter = _ref.onMouseEnter,
+    onMouseLeave = _ref.onMouseLeave,
+    items = _ref.items,
+    activeIndex = _ref.activeIndex,
+    selectedIndex = _ref.selectedIndex,
+    isLoading = _ref.isLoading,
+    ariaControls = _ref.ariaControls,
+    ariaLabelledBy = _ref.ariaLabelledBy,
+    role = _ref.role,
+    id = _ref.id,
+    hasSearchTerm = _ref.hasSearchTerm,
+    restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var itemsContent;
   var loadingContent;
   var linkListTitle = hasSearchTerm ? messages.titleResults : messages.titleRecentlyViewed;
   (0, _useTrackResultsShown.useTrackResultsShown)(isLoading, items, hasSearchTerm);
-
   if ((items === null || items === void 0 ? void 0 : items.length) === 0) {
     return (0, _react2.jsx)(_linkSearchNoResults.default, null);
   }
-
   if (items && items.length > 0) {
     itemsContent = (0, _react2.jsx)(_react.Fragment, null, (0, _react2.jsx)("div", {
       css: _styled.listTitleStyles,
@@ -127,7 +103,6 @@ var LinkSearchList = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
       });
     })));
   }
-
   if (isLoading) {
     loadingContent = (0, _react2.jsx)("div", {
       css: _styled.spinnerContainerStyles
@@ -136,7 +111,6 @@ var LinkSearchList = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
       size: "medium"
     }));
   }
-
   return (0, _react2.jsx)("div", (0, _extends2.default)({
     ref: ref,
     css: _styled.listContainerStyles

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

@@ -1,23 +1,17 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.testIds = exports.messages = exports.default = 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 _styled = require("./styled");
-
 /** @jsx jsx */
+
 var messages = (0, _reactIntlNext.defineMessages)({
   noResults: {
     id: 'fabric.linkPicker.search.noResults.heading',
@@ -35,7 +29,6 @@ var testIds = {
   emptyResultPage: 'link-search-no-results'
 };
 exports.testIds = testIds;
-
 var NoResults = function NoResults() {
   var intl = (0, _reactIntlNext.useIntl)();
   return (0, _react.jsx)("div", {
@@ -49,6 +42,5 @@ var NoResults = function NoResults() {
     }
   }));
 };
-
 var _default = NoResults;
 exports.default = _default;

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

@@ -4,14 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = require("@emotion/react");
-
 var _styled = require("./styled");
-
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
-
 /** @jsx jsx */
+
 var NoResultsSVG = function NoResultsSVG() {
   var id = 'link-picker-ui-no-results-svg';
   return (0, _react.jsx)("svg", {
@@ -64,6 +61,5 @@ var NoResultsSVG = function NoResultsSVG() {
     d: "M0 0h207.16v189.87H0z"
   }))));
 };
-
 var _default = NoResultsSVG;
 exports.default = _default;

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

@@ -1,20 +1,14 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.noResultsSVGStyles = void 0;
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _constants = require("@atlaskit/theme/constants");
-
 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 ", "px;\n  display: block;\n"])), HEIGHT, (0, _constants.gridSize)() * 3);
 exports.noResultsSVGStyles = noResultsSVGStyles;

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

@@ -1,17 +1,12 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.emptyStateWrapperStyles = void 0;
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _react = require("@emotion/react");
-
 var _templateObject;
-
 var emptyStateWrapperStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  & p {\n    margin: 0;\n  }\n"])));
 exports.emptyStateWrapperStyles = emptyStateWrapperStyles;

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

@@ -1,22 +1,15 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.spinnerContainerStyles = exports.listTitleStyles = exports.listStyles = exports.listContainerStyles = void 0;
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _react = require("@emotion/react");
-
 var _theme = require("@atlaskit/theme");
-
 var _constants = require("@atlaskit/theme/constants");
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-
 var gridSize = (0, _constants.gridSize)();
 var listContainerStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  padding-top: 0;\n  min-height: 80px;\n  margin-top: ", "px;\n  margin-bottom: ", "px;\n  flex-grow: 1;\n  display: flex;\n  flex-direction: column;\n"])), gridSize * 2, gridSize * 2);
 exports.listContainerStyles = listContainerStyles;

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

@@ -1,50 +1,41 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useTrackResultsShown = void 0;
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = require("react");
-
 var _useDebounce3 = require("use-debounce");
-
 var _analyticsNext = require("@atlaskit/analytics-next");
-
 var _constants = require("../../../../common/constants");
-
 var _analytics = _interopRequireDefault(require("../../../../analytics.codegen"));
-
 var DEBOUNCE_MS = 400;
-
 var useTrackResultsShown = function useTrackResultsShown(isLoading, items, hasSearchTerm) {
   var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
-      createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
-
-  var hasSearchTermRef = (0, _react.useRef)(hasSearchTerm); // Using ref so that not required in the dependency array
+    createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
+  var hasSearchTermRef = (0, _react.useRef)(hasSearchTerm);
+  // Using ref so that not required in the dependency array
   // Analytics should be entirely dependent on change of items being viewed
-
   (0, _react.useEffect)(function () {
     hasSearchTermRef.current = hasSearchTerm;
-  }, [hasSearchTerm]); // Filters isLoading/items to only return the array of items if no longer loading more items
+  }, [hasSearchTerm]);
+
+  // Filters isLoading/items to only return the array of items if no longer loading more items
   // Loading state IS a factor here because some tabs will
   // load intermediate results whilst loading additional results (Atlassian tab)
   // Considered to only have "shown" results once we are in a final state (no longer loading)
-
   var finalItems = (0, _react.useMemo)(function () {
     return !isLoading ? items : null;
-  }, [isLoading, items]); // Because Atlassian tab resolves intermediate results on every keystroke (may never be loading)
+  }, [isLoading, items]);
+
+  // Because Atlassian tab resolves intermediate results on every keystroke (may never be loading)
   // Debounce the items so that we only consider the results to have been shown
   // after they have been stable for DEBOUNCE_MS
-
   var _useDebounce = (0, _useDebounce3.useDebounce)(finalItems, DEBOUNCE_MS),
-      _useDebounce2 = (0, _slicedToArray2.default)(_useDebounce, 1),
-      debouncedItems = _useDebounce2[0];
-
+    _useDebounce2 = (0, _slicedToArray2.default)(_useDebounce, 1),
+    debouncedItems = _useDebounce2[0];
   (0, _react.useEffect)(function () {
     if (debouncedItems) {
       var event = !hasSearchTermRef.current ? 'ui.searchResults.shown.preQuerySearchResults' : 'ui.searchResults.shown.postQuerySearchResults';
@@ -54,5 +45,4 @@ var useTrackResultsShown = function useTrackResultsShown(isLoading, items, hasSe
     }
   }, [debouncedItems, createAnalyticsEvent]);
 };
-
 exports.useTrackResultsShown = useTrackResultsShown;

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

@@ -4,43 +4,33 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = 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("..");
-
 /** @jsx jsx */
+
 var LinkSearchListItem = function LinkSearchListItem(_ref) {
   var item = _ref.item,
-      selected = _ref.selected,
-      active = _ref.active,
-      id = _ref.id,
-      role = _ref.role,
-      intl = _ref.intl,
-      onSelect = _ref.onSelect,
-      onMouseEnter = _ref.onMouseEnter,
-      onMouseLeave = _ref.onMouseLeave;
-
+    selected = _ref.selected,
+    active = _ref.active,
+    id = _ref.id,
+    role = _ref.role,
+    intl = _ref.intl,
+    onSelect = _ref.onSelect,
+    onMouseEnter = _ref.onMouseEnter,
+    onMouseLeave = _ref.onMouseLeave;
   var handleSelect = function handleSelect() {
     return onSelect(item.objectId);
   };
-
   var handleMouseEnter = function handleMouseEnter() {
     return onMouseEnter(item.objectId);
   };
-
   var handleMouseLeave = function handleMouseLeave() {
     return onMouseLeave(item.objectId);
   };
-
   var container = item.container || null;
   var date = (0, _transformTimeStamp.transformTimeStamp)(intl, item.lastViewedDate, item.lastUpdatedDate);
   return (0, _react2.jsx)("div", {
@@ -71,37 +61,27 @@ var LinkSearchListItem = function LinkSearchListItem(_ref) {
     css: _styled.listItemContainerInnerStyles
   }, container && (0, _react2.jsx)(_react.Fragment, null, "\xA0 \u2022\xA0 "), (0, _react2.jsx)(_react.Fragment, null, formatDate(date))))));
 };
-
 var _default = (0, _reactIntlNext.injectIntl)(LinkSearchListItem);
-
 exports.default = _default;
-
 var formatDate = function formatDate(date) {
   return [date.pageAction, date.dateString, date.timeSince].filter(Boolean).join(' ');
 };
-
 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;
+    intl = props.intl;
   var icon = item.icon,
-      iconAlt = item.iconAlt;
-
+    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", {
@@ -111,7 +91,6 @@ var ListItemIcon = function ListItemIcon(props) {
       "data-testid": testId
     }));
   }
-
   return (0, _react2.jsx)("span", {
     css: _styled.itemIconStyles
   }, (0, _react2.jsx)("img", {

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

@@ -1,49 +1,36 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.relativeFontSizeToBase16 = exports.listItemNameStyles = exports.listItemContextStyles = exports.listItemContainerStyles = exports.listItemContainerInnerStyles = exports.itemNameStyles = exports.itemIconStyles = exports.imgStyles = exports.composeListItemStyles = void 0;
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _react = require("@emotion/react");
-
 var _colors = require("@atlaskit/theme/colors");
-
 var _constants = require("@atlaskit/theme/constants");
-
 var _theme = require("@atlaskit/theme");
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12;
-
 var relativeFontSizeToBase16 = function relativeFontSizeToBase16(px) {
   if (typeof px === 'string') {
     px = parseInt(px);
   }
-
   if (isNaN(px)) {
     throw new Error("Invalid font size: '".concat(px, "'"));
   }
-
   return "".concat(px / 16, "rem");
 };
-
 exports.relativeFontSizeToBase16 = relativeFontSizeToBase16;
 var listItemBaseStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  padding: ", "px ", "px;\n  margin: 0 -", "px;\n  cursor: pointer;\n"])), (0, _constants.gridSize)(), (0, _constants.gridSize)() * 2, (0, _constants.gridSize)() * 2);
 var listItemBoxShadow = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  box-shadow: inset 2px 0px 0px ", ";\n"])), "var(--ds-border-selected, ".concat(_colors.B400, ")"));
 var listItemActive = (0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  background-color: ", ";\n"])), "var(--ds-background-neutral-subtle-hovered, ".concat(_colors.N20, ")"));
 var listItemSelected = (0, _react.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  background-color: ", ";\n"])), "var(--ds-background-selected, ".concat(_colors.B50, ")"));
-
 var composeListItemStyles = function composeListItemStyles() {
   var active = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
   var selected = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
   var hasShadow = active || selected;
   return (0, _react.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n  "])), listItemBaseStyles, active && listItemActive, selected && listItemSelected, hasShadow && listItemBoxShadow);
 };
-
 exports.composeListItemStyles = composeListItemStyles;
 var itemNameStyles = (0, _react.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n  overflow: hidden;\n"])));
 exports.itemNameStyles = itemNameStyles;

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

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.searchMessages = exports.messages = exports.linkTextMessages = exports.linkMessages = exports.formMessages = void 0;
-
 var _reactIntlNext = require("react-intl-next");
-
 var searchMessages = (0, _reactIntlNext.defineMessages)({
   linkLabel: {
     id: 'fabric.linkPicker.search.linkLabel',

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

@@ -1,29 +1,22 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.tabsWrapperStyles = exports.searchIconStyles = exports.rootContainerStylesForLoader = exports.rootContainerStyles = exports.formFooterMargin = exports.flexColumnStyles = void 0;
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _react = require("@emotion/react");
-
 var _colors = require("@atlaskit/theme/colors");
-
 var _constants = require("@atlaskit/theme/constants");
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
-
 var LINK_PICKER_WIDTH_IN_PX = 342;
 var LINK_PICKER_MIN_HEIGHT_IN_PX = 220;
 var gridSize = (0, _constants.gridSize)();
+
 /**
  * Half padding on the top as the form field has a `gridSize()` margin top that cannot be overridden
  */
-
 var rootContainerStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  width: ", "px;\n  padding: ", "px ", "px ", "px;\n  box-sizing: border-box;\n  line-height: initial;\n  min-height: ", "px;\n"])), LINK_PICKER_WIDTH_IN_PX, gridSize, gridSize * 2, gridSize * 2, LINK_PICKER_MIN_HEIGHT_IN_PX);
 exports.rootContainerStyles = rootContainerStyles;
 var rootContainerStylesForLoader = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"])), rootContainerStyles);

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

@@ -1,55 +1,41 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.testIds = exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = require("react");
-
 var _react2 = require("@emotion/react");
-
 var _form = require("@atlaskit/form");
-
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
-
 var _textfield = _interopRequireDefault(require("@atlaskit/textfield"));
-
 var _selectClear = _interopRequireDefault(require("@atlaskit/icon/glyph/select-clear"));
-
 var _utils = require("../utils");
-
 var _styled = require("./styled");
-
 var _excluded = ["name", "label", "autoFocus", "onRedo", "onUndo", "onKeyDown", "onClear", "clearLabel", "error"];
 var testIds = {
   urlError: 'link-error',
   clearUrlButton: 'clear-text'
 };
 exports.testIds = testIds;
-
 var TextInput = function TextInput(_ref) {
   var name = _ref.name,
-      label = _ref.label,
-      autoFocus = _ref.autoFocus,
-      onRedo = _ref.onRedo,
-      onUndo = _ref.onUndo,
-      onKeyDown = _ref.onKeyDown,
-      onClear = _ref.onClear,
-      clearLabel = _ref.clearLabel,
-      error = _ref.error,
-      restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+    label = _ref.label,
+    autoFocus = _ref.autoFocus,
+    onRedo = _ref.onRedo,
+    onUndo = _ref.onUndo,
+    onKeyDown = _ref.onKeyDown,
+    onClear = _ref.onClear,
+    clearLabel = _ref.clearLabel,
+    error = _ref.error,
+    restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var inputRef = (0, _react.useRef)(null);
   var handleRef = (0, _react.useCallback)(function (input) {
     if (input) {
       inputRef.current = input;
-
       if (autoFocus) {
         // Need this to prevent jumping when we render TextInput inside Portal @see ED-2992
         input.focus({
@@ -66,14 +52,12 @@ var TextInput = function TextInput(_ref) {
       e.preventDefault();
       onRedo();
     }
-
     if (onKeyDown) {
       onKeyDown(e);
     }
   }, [onUndo, onRedo, onKeyDown]);
   var handleClear = (0, _react.useCallback)(function (e) {
     var _inputRef$current;
-
     e.preventDefault();
     e.stopPropagation();
     onClear === null || onClear === void 0 ? void 0 : onClear(name);
@@ -107,6 +91,5 @@ var TextInput = function TextInput(_ref) {
     }, error));
   }));
 };
-
 var _default = TextInput;
 exports.default = _default;

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

@@ -1,22 +1,15 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.fieldStyles = exports.clearTextButtonStyles = void 0;
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _react = require("@emotion/react");
-
 var _colors = require("@atlaskit/theme/colors");
-
 var _constants = require("@atlaskit/theme/constants");
-
 var _templateObject, _templateObject2;
-
 var clearTextButtonStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  padding: 0;\n  margin-right: ", "px;\n  color: ", ";\n  background: transparent;\n  border: none;\n  cursor: pointer;\n"])), (0, _constants.gridSize)() / 2, "var(--ds-icon-subtle, ".concat(_colors.N500, ")"));
 exports.clearTextButtonStyles = clearTextButtonStyles;
 var fieldStyles = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  & + & {\n    margin-top: ", "px;\n  }\n"])), (0, _constants.gridSize)() * 2);