@atlaskit/link-picker 1.20.2 → 1.21.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/link-picker
 
+## 1.21.0
+
+### Minor Changes
+
+- [`63a3923d4cd`](https://bitbucket.org/atlassian/atlassian-frontend/commits/63a3923d4cd) - Fix tab attribute analytics to display correct product on initial load
+
+## 1.20.3
+
+### Patch Changes
+
+- [`d86bc75af82`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d86bc75af82) - Internal change to enforce token usage for spacing properties. There is no expected visual or behaviour change.
+
 ## 1.20.2
 
 ### Patch Changes

package/dist/cjs/i18n/en_ZZ.js

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+/* prettier-ignore */
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+//
+var _default = {
+  'fabric.linkPicker.button.cancel': '⁣⁢Cancel‌‍⁡‍‌⁡⁠⁣⁤',
+  'fabric.linkPicker.button.insert': '⁣⁢Insert⁡⁠⁡‌؜‍؜؜؜‌؜⁡⁡؜⁣⁤',
+  'fabric.linkPicker.button.save': '⁣⁢Save⁡⁡؜⁠⁠‍⁡‍‌؜‍؜⁣⁤',
+  'fabric.linkPicker.clearLink': '⁣⁢Clear link‍؜‌‍⁠⁠⁡⁣⁤',
+  'fabric.linkPicker.clearLinkText': '⁣⁢Clear text⁠‌؜؜⁡⁠‍⁡‌⁣⁤',
+  'fabric.linkPicker.hyperlink.searchLinkResults': '{count, plural, =0 {⁣⁢no results found؜‍⁠‍‍‍‌‌‍‌؜⁣⁤} one {⁣⁢{count,number} result found؜؜‍⁡⁡‍‍‍؜⁠⁣⁤} other {⁣⁢{count,number} results found؜؜‍⁡⁡‍‍‍؜⁠⁣⁤}}',
+  'fabric.linkPicker.linkAriaLabel': '⁣⁢Type or paste a link into the field‍؜؜‍؜‍⁡⁠؜؜⁠⁣⁤',
+  'fabric.linkPicker.linkInvalid': '⁣⁢Enter a valid URL.؜⁠⁠؜؜⁡؜‍؜⁡⁣⁤',
+  'fabric.linkPicker.linkLabel': '⁣⁢Link‌‍‍‍‍‌⁠‍‌⁣⁤',
+  'fabric.linkPicker.linkPlaceholder': '⁣⁢Paste a link؜‍‍⁡؜⁠‌؜‍‍‌⁣⁤',
+  'fabric.linkPicker.linkTextAriaLabel': '⁣⁢Link display text‍⁠؜‍⁡‌⁣⁤',
+  'fabric.linkPicker.linkTextLabel': '⁣⁢Display text (optional)؜⁡⁡‌‍‍⁡⁠؜‌⁡‌⁣⁤',
+  'fabric.linkPicker.linkTextPlaceholder': '⁣⁢Text to display‌⁠⁡؜⁠‌⁠‌⁠؜‌‌‍‌‍⁣⁤',
+  'fabric.linkPicker.listTitle.recentlyViewed': '⁣⁢Recently Viewed⁡⁡‌⁠⁡‍؜⁠⁠؜؜‍‌‌⁠⁣⁤',
+  'fabric.linkPicker.listTitle.results': '⁣⁢Results‌‌⁡⁠⁠‌؜‍⁠‍⁣⁤',
+  'fabric.linkPicker.search.error.description': '⁣⁢Refresh the page, or contact <a>Atlassian Support</a> if this keeps happening.‌؜‌‍⁡؜⁠؜‍⁣⁤',
+  'fabric.linkPicker.search.error.heading': '⁣⁢We’re having trouble loading data.‌‍⁠⁠‌‍⁡⁠‍‍⁣⁤',
+  'fabric.linkPicker.search.linkAriaLabel': '⁣⁢Suggestions will appear below as you type into the field⁠‍⁠⁡⁠؜⁡‌⁠‌⁣⁤',
+  'fabric.linkPicker.search.linkLabel': '⁣⁢Search or paste a link؜؜‍⁡‍‍‍‍‌⁣⁤',
+  'fabric.linkPicker.search.linkPlaceholder': '⁣⁢Find recent links or paste a new link‌‌‌⁠⁡؜‌؜⁡⁣⁤',
+  'fabric.linkPicker.search.noResults.description': '⁣⁢Try again with a different term.‍⁠‌‍؜‍⁡‍‌⁠⁣⁤',
+  'fabric.linkPicker.search.noResults.heading': '⁣⁢We couldn’t find anything matching your search.؜⁠‌⁠⁡⁡‍⁡‌؜⁠⁣⁤',
+  'fabric.linkPicker.time.ago': '⁣⁢ago⁡⁡؜⁠⁡‍⁣⁤',
+  'fabric.linkPicker.time.updated': '⁣⁢Updated⁡⁡⁠‌؜‍‍⁡⁠‍؜⁣⁤',
+  'fabric.linkPicker.time.viewed': '⁣⁢Viewed⁠⁠⁡⁠؜⁠‍⁠‌⁣⁤',
+  'fabric.linkPicker.unhandledError.description': '⁣⁢Try reloading the page.‌‍⁡‌⁠‍⁠‍⁠⁠؜؜‍⁣⁤',
+  'fabric.linkPicker.unhandledError.heading': '⁣⁢Something went wrong!؜⁠‌⁠⁠‍⁠⁡⁠⁣⁤'
+};
+exports.default = _default;

package/dist/cjs/services/use-plugins/index.js

@@ -16,7 +16,9 @@ var _analytics = _interopRequireDefault(require("../../analytics.codegen"));
 var _constants = require("../../common/constants");
 var _utils = require("./utils");
 var _reducer = require("./reducer");
+var _analytics2 = require("../../common/analytics");
 function usePlugins(state, activeTab, plugins) {
+  var _activePlugin$tabKey;
   var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
     createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   var _useState = (0, _react.useState)(0),
@@ -27,7 +29,10 @@ function usePlugins(state, activeTab, plugins) {
     _usePluginReducer2 = (0, _slicedToArray2.default)(_usePluginReducer, 2),
     pluginState = _usePluginReducer2[0],
     dispatch = _usePluginReducer2[1];
+  var _useLinkPickerAnalyti = (0, _analytics2.useLinkPickerAnalytics)(),
+    trackAttribute = _useLinkPickerAnalyti.trackAttribute;
   var activePlugin = plugins === null || plugins === void 0 ? void 0 : plugins[activeTab];
+  trackAttribute('tab', (_activePlugin$tabKey = activePlugin === null || activePlugin === void 0 ? void 0 : activePlugin.tabKey) !== null && _activePlugin$tabKey !== void 0 ? _activePlugin$tabKey : null);
 
   // This useEffect block must be called before any other to ensure onActivation is fired at before resolve
   (0, _react.useEffect)(function () {

package/dist/cjs/ui/index.js

@@ -4,8 +4,9 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.PACKAGE_DATA = exports.ComposedLinkPicker = void 0;
+exports.testIds = exports.default = exports.PACKAGE_DATA = exports.ComposedLinkPicker = void 0;
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _react = _interopRequireWildcard(require("react"));
 var _reactLooselyLazy = require("react-loosely-lazy");
@@ -16,6 +17,10 @@ var _loaderFallback = require("./loader-fallback");
 var _sessionProvider = require("../controllers/session-provider");
 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 || (0, _typeof2.default)(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 testIds = {
+  linkPickerRoot: 'link-picker-root'
+};
+exports.testIds = testIds;
 var PACKAGE_DATA = {
   packageName: _version.name,
   packageVersion: _version.version,
@@ -29,14 +34,24 @@ var LazyLinkPicker = (0, _reactLooselyLazy.lazyForPaint)(function () {
     './link-picker'));
   });
 });
+var DefaultRootComponent = function DefaultRootComponent(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    "data-testid": testIds.linkPickerRoot
+  }, children);
+};
 var ComposedLinkPicker = /*#__PURE__*/(0, _react.memo)(function (props) {
+  var component = props.component;
+  var RootComponent = component !== null && component !== void 0 ? component : DefaultRootComponent;
   return /*#__PURE__*/_react.default.createElement(_analyticsNext.AnalyticsContext, {
     data: PACKAGE_DATA
   }, /*#__PURE__*/_react.default.createElement(_sessionProvider.LinkPickerSessionProvider, null, /*#__PURE__*/_react.default.createElement(_errorBoundary.default, null, /*#__PURE__*/_react.default.createElement(_reactLooselyLazy.LazySuspense, {
     fallback: /*#__PURE__*/_react.default.createElement(_loaderFallback.LoaderFallback, {
       hideDisplayText: props.hideDisplayText
     })
-  }, /*#__PURE__*/_react.default.createElement(LazyLinkPicker, props)))));
+  }, /*#__PURE__*/_react.default.createElement(RootComponent, (0, _extends2.default)({}, props, {
+    "data-testid": testIds.linkPickerRoot
+  }), /*#__PURE__*/_react.default.createElement(LazyLinkPicker, props))))));
 });
 exports.ComposedLinkPicker = ComposedLinkPicker;
 var _default = ComposedLinkPicker;

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

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.testIds = exports.default = exports.RECENT_SEARCH_LIST_SIZE = void 0;
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
@@ -36,7 +35,6 @@ var _formFooter = _interopRequireWildcard(require("./form-footer"));
 var _utils = require("./utils");
 var _trackTabViewed = _interopRequireDefault(require("./track-tab-viewed"));
 var _trackMount = _interopRequireDefault(require("./track-mount"));
-var _excluded = ["component"];
 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; }
@@ -356,7 +354,7 @@ function LinkPicker(_ref) {
     selected: activeTab,
     onChange: handleTabChange
   }, featureFlags !== null && featureFlags !== void 0 && featureFlags.scrollingTabs ? (0, _react2.jsx)(_scrollingTabs.default, null, tabList) : tabList), (0, _react2.jsx)(_trackTabViewed.default, {
-    activeTab: activeTab
+    activePlugin: activePlugin
   })), (0, _react2.jsx)("div", (0, _extends2.default)({
     css: _styled.flexColumnStyles
   }, fixListHeightProps), !error && (0, _react2.jsx)(_linkSearchList.default, {
@@ -381,18 +379,5 @@ function LinkPicker(_ref) {
     css: !queryState || !(plugins !== null && plugins !== void 0 && plugins.length) ? _styled.formFooterMargin : undefined
   }));
 }
-var DefaultRootComponent = function DefaultRootComponent(_ref2) {
-  var children = _ref2.children;
-  return (0, _react2.jsx)("div", {
-    "data-testid": testIds.linkPickerRoot
-  }, children);
-};
-var _default = (0, _analytics2.withLinkPickerAnalyticsContext)( /*#__PURE__*/(0, _react.memo)(function (_ref3) {
-  var component = _ref3.component,
-    props = (0, _objectWithoutProperties2.default)(_ref3, _excluded);
-  var RootComponent = component !== null && component !== void 0 ? component : DefaultRootComponent;
-  return (0, _react2.jsx)(RootComponent, (0, _extends2.default)({}, props, {
-    "data-testid": testIds.linkPickerRoot
-  }), (0, _react2.jsx)(LinkPicker, props));
-}));
+var _default = (0, _analytics2.withLinkPickerAnalyticsContext)( /*#__PURE__*/(0, _react.memo)(LinkPicker));
 exports.default = _default;

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

@@ -40,6 +40,8 @@ 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  white-space: nowrap;\n"])));
+
+// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
 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;

package/dist/cjs/ui/link-picker/track-tab-viewed/index.js

@@ -12,12 +12,14 @@ var _constants = require("../../../common/constants");
 /** @jsx jsx */
 
 function TrackTabViewed(_ref) {
-  var activeTab = _ref.activeTab;
+  var activePlugin = _ref.activePlugin;
   var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
     createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   (0, _react.useLayoutEffect)(function () {
-    createAnalyticsEvent((0, _analytics.default)('ui.tab.viewed', {})).fire(_constants.ANALYTICS_CHANNEL);
-  }, [activeTab, createAnalyticsEvent]);
+    if (activePlugin) {
+      createAnalyticsEvent((0, _analytics.default)('ui.tab.viewed', {})).fire(_constants.ANALYTICS_CHANNEL);
+    }
+  }, [activePlugin, createAnalyticsEvent]);
   return null;
 }
 var _default = TrackTabViewed;

package/dist/cjs/ui/scrolling-tabs/styles.js

@@ -21,8 +21,8 @@ var scrollingContainerStyles = (0, _react.css)({
     margin: 0,
     position: 'absolute',
     width: 'inherit',
-    left: 8,
-    right: 8,
+    left: "var(--ds-space-100, 8px)",
+    right: "var(--ds-space-100, 8px)",
     height: 2,
     backgroundColor: "var(--ds-border, ".concat(_colors.N30, ")")
   }
@@ -44,7 +44,7 @@ var containerStyles = (0, _react.css)({
 exports.containerStyles = containerStyles;
 var buttonContainerStyles = (0, _react.css)({
   position: 'absolute',
-  top: 4,
+  top: "var(--ds-space-050, 4px)",
   zIndex: 999,
   backgroundColor: "var(--ds-surface, ".concat(_colors.N0, ")")
 });

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/link-picker",
-	"version": "1.20.2",
+	"version": "1.21.0",
 	"sideEffects": false
 }

package/dist/es2019/i18n/en_ZZ.js

@@ -0,0 +1,37 @@
+/* prettier-ignore */
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+//
+export default {
+  'fabric.linkPicker.button.cancel': '⁣⁢Cancel‌‍⁡‍‌⁡⁠⁣⁤',
+  'fabric.linkPicker.button.insert': '⁣⁢Insert⁡⁠⁡‌؜‍؜؜؜‌؜⁡⁡؜⁣⁤',
+  'fabric.linkPicker.button.save': '⁣⁢Save⁡⁡؜⁠⁠‍⁡‍‌؜‍؜⁣⁤',
+  'fabric.linkPicker.clearLink': '⁣⁢Clear link‍؜‌‍⁠⁠⁡⁣⁤',
+  'fabric.linkPicker.clearLinkText': '⁣⁢Clear text⁠‌؜؜⁡⁠‍⁡‌⁣⁤',
+  'fabric.linkPicker.hyperlink.searchLinkResults': '{count, plural, =0 {⁣⁢no results found؜‍⁠‍‍‍‌‌‍‌؜⁣⁤} one {⁣⁢{count,number} result found؜؜‍⁡⁡‍‍‍؜⁠⁣⁤} other {⁣⁢{count,number} results found؜؜‍⁡⁡‍‍‍؜⁠⁣⁤}}',
+  'fabric.linkPicker.linkAriaLabel': '⁣⁢Type or paste a link into the field‍؜؜‍؜‍⁡⁠؜؜⁠⁣⁤',
+  'fabric.linkPicker.linkInvalid': '⁣⁢Enter a valid URL.؜⁠⁠؜؜⁡؜‍؜⁡⁣⁤',
+  'fabric.linkPicker.linkLabel': '⁣⁢Link‌‍‍‍‍‌⁠‍‌⁣⁤',
+  'fabric.linkPicker.linkPlaceholder': '⁣⁢Paste a link؜‍‍⁡؜⁠‌؜‍‍‌⁣⁤',
+  'fabric.linkPicker.linkTextAriaLabel': '⁣⁢Link display text‍⁠؜‍⁡‌⁣⁤',
+  'fabric.linkPicker.linkTextLabel': '⁣⁢Display text (optional)؜⁡⁡‌‍‍⁡⁠؜‌⁡‌⁣⁤',
+  'fabric.linkPicker.linkTextPlaceholder': '⁣⁢Text to display‌⁠⁡؜⁠‌⁠‌⁠؜‌‌‍‌‍⁣⁤',
+  'fabric.linkPicker.listTitle.recentlyViewed': '⁣⁢Recently Viewed⁡⁡‌⁠⁡‍؜⁠⁠؜؜‍‌‌⁠⁣⁤',
+  'fabric.linkPicker.listTitle.results': '⁣⁢Results‌‌⁡⁠⁠‌؜‍⁠‍⁣⁤',
+  'fabric.linkPicker.search.error.description': '⁣⁢Refresh the page, or contact <a>Atlassian Support</a> if this keeps happening.‌؜‌‍⁡؜⁠؜‍⁣⁤',
+  'fabric.linkPicker.search.error.heading': '⁣⁢We’re having trouble loading data.‌‍⁠⁠‌‍⁡⁠‍‍⁣⁤',
+  'fabric.linkPicker.search.linkAriaLabel': '⁣⁢Suggestions will appear below as you type into the field⁠‍⁠⁡⁠؜⁡‌⁠‌⁣⁤',
+  'fabric.linkPicker.search.linkLabel': '⁣⁢Search or paste a link؜؜‍⁡‍‍‍‍‌⁣⁤',
+  'fabric.linkPicker.search.linkPlaceholder': '⁣⁢Find recent links or paste a new link‌‌‌⁠⁡؜‌؜⁡⁣⁤',
+  'fabric.linkPicker.search.noResults.description': '⁣⁢Try again with a different term.‍⁠‌‍؜‍⁡‍‌⁠⁣⁤',
+  'fabric.linkPicker.search.noResults.heading': '⁣⁢We couldn’t find anything matching your search.؜⁠‌⁠⁡⁡‍⁡‌؜⁠⁣⁤',
+  'fabric.linkPicker.time.ago': '⁣⁢ago⁡⁡؜⁠⁡‍⁣⁤',
+  'fabric.linkPicker.time.updated': '⁣⁢Updated⁡⁡⁠‌؜‍‍⁡⁠‍؜⁣⁤',
+  'fabric.linkPicker.time.viewed': '⁣⁢Viewed⁠⁠⁡⁠؜⁠‍⁠‌⁣⁤',
+  'fabric.linkPicker.unhandledError.description': '⁣⁢Try reloading the page.‌‍⁡‌⁠‍⁠‍⁠⁠؜؜‍⁣⁤',
+  'fabric.linkPicker.unhandledError.heading': '⁣⁢Something went wrong!؜⁠‌⁠⁠‍⁠⁡⁠⁣⁤'
+};

package/dist/es2019/services/use-plugins/index.js

@@ -6,13 +6,19 @@ import createEventPayload from '../../analytics.codegen';
 import { ANALYTICS_CHANNEL } from '../../common/constants';
 import { CancellationError, resolvePluginUpdates } from './utils';
 import { usePluginReducer } from './reducer';
+import { useLinkPickerAnalytics } from '../../common/analytics';
 export function usePlugins(state, activeTab, plugins) {
+  var _activePlugin$tabKey;
   const {
     createAnalyticsEvent
   } = useAnalyticsEvents();
   const [retries, setRetries] = useState(0);
   const [pluginState, dispatch] = usePluginReducer();
+  const {
+    trackAttribute
+  } = useLinkPickerAnalytics();
   const activePlugin = plugins === null || plugins === void 0 ? void 0 : plugins[activeTab];
+  trackAttribute('tab', (_activePlugin$tabKey = activePlugin === null || activePlugin === void 0 ? void 0 : activePlugin.tabKey) !== null && _activePlugin$tabKey !== void 0 ? _activePlugin$tabKey : null);
 
   // This useEffect block must be called before any other to ensure onActivation is fired at before resolve
   useEffect(() => {

package/dist/es2019/ui/index.js

@@ -1,3 +1,4 @@
+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';
@@ -6,6 +7,9 @@ import { name as packageName, version as packageVersion } from '../version.json'
 import ErrorBoundary from './error-boundary';
 import { LoaderFallback } from './loader-fallback';
 import { LinkPickerSessionProvider } from '../controllers/session-provider';
+export const testIds = {
+  linkPickerRoot: 'link-picker-root'
+};
 export const PACKAGE_DATA = {
   packageName,
   packageVersion,
@@ -14,11 +18,26 @@ export const PACKAGE_DATA = {
 };
 const LazyLinkPicker = lazyForPaint(() => import( /* webpackChunkName: "@atlaskit-internal_link-picker" */
 './link-picker'));
-export const ComposedLinkPicker = /*#__PURE__*/memo(props => /*#__PURE__*/React.createElement(AnalyticsContext, {
-  data: PACKAGE_DATA
-}, /*#__PURE__*/React.createElement(LinkPickerSessionProvider, null, /*#__PURE__*/React.createElement(ErrorBoundary, null, /*#__PURE__*/React.createElement(LazySuspense, {
-  fallback: /*#__PURE__*/React.createElement(LoaderFallback, {
-    hideDisplayText: props.hideDisplayText
-  })
-}, /*#__PURE__*/React.createElement(LazyLinkPicker, props))))));
+const DefaultRootComponent = ({
+  children
+}) => {
+  return /*#__PURE__*/React.createElement("div", {
+    "data-testid": testIds.linkPickerRoot
+  }, children);
+};
+export const ComposedLinkPicker = /*#__PURE__*/memo(props => {
+  const {
+    component
+  } = props;
+  const RootComponent = component !== null && component !== void 0 ? component : DefaultRootComponent;
+  return /*#__PURE__*/React.createElement(AnalyticsContext, {
+    data: PACKAGE_DATA
+  }, /*#__PURE__*/React.createElement(LinkPickerSessionProvider, null, /*#__PURE__*/React.createElement(ErrorBoundary, null, /*#__PURE__*/React.createElement(LazySuspense, {
+    fallback: /*#__PURE__*/React.createElement(LoaderFallback, {
+      hideDisplayText: props.hideDisplayText
+    })
+  }, /*#__PURE__*/React.createElement(RootComponent, _extends({}, props, {
+    "data-testid": testIds.linkPickerRoot
+  }), /*#__PURE__*/React.createElement(LazyLinkPicker, props))))));
+});
 export default ComposedLinkPicker;

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

@@ -348,7 +348,7 @@ function LinkPicker({
     selected: activeTab,
     onChange: handleTabChange
   }, featureFlags !== null && featureFlags !== void 0 && featureFlags.scrollingTabs ? jsx(ScrollingTabList, null, tabList) : tabList), jsx(TrackTabViewed, {
-    activeTab: activeTab
+    activePlugin: activePlugin
   })), jsx("div", _extends({
     css: flexColumnStyles
   }, fixListHeightProps), !error && jsx(LinkSearchList, {
@@ -373,19 +373,4 @@ function LinkPicker({
     css: !queryState || !(plugins !== null && plugins !== void 0 && plugins.length) ? formFooterMargin : undefined
   }));
 }
-const DefaultRootComponent = ({
-  children
-}) => {
-  return jsx("div", {
-    "data-testid": testIds.linkPickerRoot
-  }, children);
-};
-export default withLinkPickerAnalyticsContext( /*#__PURE__*/memo(({
-  component,
-  ...props
-}) => {
-  const RootComponent = component !== null && component !== void 0 ? component : DefaultRootComponent;
-  return jsx(RootComponent, _extends({}, props, {
-    "data-testid": testIds.linkPickerRoot
-  }), jsx(LinkPicker, props));
-}));
+export default withLinkPickerAnalyticsContext( /*#__PURE__*/memo(LinkPicker));

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

@@ -69,6 +69,8 @@ export const listItemContainerStyles = css`
 export const listItemContainerInnerStyles = css`
   white-space: nowrap;
 `;
+
+// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
 export const itemIconStyles = css`
   min-width: ${"var(--ds-space-200, 16px)"};
   margin-top: 3px;

package/dist/es2019/ui/link-picker/track-tab-viewed/index.js

@@ -4,14 +4,16 @@ import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import createEventPayload from '../../../analytics.codegen';
 import { ANALYTICS_CHANNEL } from '../../../common/constants';
 function TrackTabViewed({
-  activeTab
+  activePlugin
 }) {
   const {
     createAnalyticsEvent
   } = useAnalyticsEvents();
   useLayoutEffect(() => {
-    createAnalyticsEvent(createEventPayload('ui.tab.viewed', {})).fire(ANALYTICS_CHANNEL);
-  }, [activeTab, createAnalyticsEvent]);
+    if (activePlugin) {
+      createAnalyticsEvent(createEventPayload('ui.tab.viewed', {})).fire(ANALYTICS_CHANNEL);
+    }
+  }, [activePlugin, createAnalyticsEvent]);
   return null;
 }
 export default TrackTabViewed;

package/dist/es2019/ui/scrolling-tabs/styles.js

@@ -15,8 +15,8 @@ export const scrollingContainerStyles = css({
     margin: 0,
     position: 'absolute',
     width: 'inherit',
-    left: 8,
-    right: 8,
+    left: "var(--ds-space-100, 8px)",
+    right: "var(--ds-space-100, 8px)",
     height: 2,
     backgroundColor: `var(--ds-border, ${N30})`
   }
@@ -36,7 +36,7 @@ export const containerStyles = css({
 });
 export const buttonContainerStyles = css({
   position: 'absolute',
-  top: 4,
+  top: "var(--ds-space-050, 4px)",
   zIndex: 999,
   backgroundColor: `var(--ds-surface, ${N0})`
 });

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/link-picker",
-	"version": "1.20.2",
+	"version": "1.21.0",
 	"sideEffects": false
 }

package/dist/esm/i18n/en_ZZ.js

@@ -0,0 +1,37 @@
+/* prettier-ignore */
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+//
+export default {
+  'fabric.linkPicker.button.cancel': '⁣⁢Cancel‌‍⁡‍‌⁡⁠⁣⁤',
+  'fabric.linkPicker.button.insert': '⁣⁢Insert⁡⁠⁡‌؜‍؜؜؜‌؜⁡⁡؜⁣⁤',
+  'fabric.linkPicker.button.save': '⁣⁢Save⁡⁡؜⁠⁠‍⁡‍‌؜‍؜⁣⁤',
+  'fabric.linkPicker.clearLink': '⁣⁢Clear link‍؜‌‍⁠⁠⁡⁣⁤',
+  'fabric.linkPicker.clearLinkText': '⁣⁢Clear text⁠‌؜؜⁡⁠‍⁡‌⁣⁤',
+  'fabric.linkPicker.hyperlink.searchLinkResults': '{count, plural, =0 {⁣⁢no results found؜‍⁠‍‍‍‌‌‍‌؜⁣⁤} one {⁣⁢{count,number} result found؜؜‍⁡⁡‍‍‍؜⁠⁣⁤} other {⁣⁢{count,number} results found؜؜‍⁡⁡‍‍‍؜⁠⁣⁤}}',
+  'fabric.linkPicker.linkAriaLabel': '⁣⁢Type or paste a link into the field‍؜؜‍؜‍⁡⁠؜؜⁠⁣⁤',
+  'fabric.linkPicker.linkInvalid': '⁣⁢Enter a valid URL.؜⁠⁠؜؜⁡؜‍؜⁡⁣⁤',
+  'fabric.linkPicker.linkLabel': '⁣⁢Link‌‍‍‍‍‌⁠‍‌⁣⁤',
+  'fabric.linkPicker.linkPlaceholder': '⁣⁢Paste a link؜‍‍⁡؜⁠‌؜‍‍‌⁣⁤',
+  'fabric.linkPicker.linkTextAriaLabel': '⁣⁢Link display text‍⁠؜‍⁡‌⁣⁤',
+  'fabric.linkPicker.linkTextLabel': '⁣⁢Display text (optional)؜⁡⁡‌‍‍⁡⁠؜‌⁡‌⁣⁤',
+  'fabric.linkPicker.linkTextPlaceholder': '⁣⁢Text to display‌⁠⁡؜⁠‌⁠‌⁠؜‌‌‍‌‍⁣⁤',
+  'fabric.linkPicker.listTitle.recentlyViewed': '⁣⁢Recently Viewed⁡⁡‌⁠⁡‍؜⁠⁠؜؜‍‌‌⁠⁣⁤',
+  'fabric.linkPicker.listTitle.results': '⁣⁢Results‌‌⁡⁠⁠‌؜‍⁠‍⁣⁤',
+  'fabric.linkPicker.search.error.description': '⁣⁢Refresh the page, or contact <a>Atlassian Support</a> if this keeps happening.‌؜‌‍⁡؜⁠؜‍⁣⁤',
+  'fabric.linkPicker.search.error.heading': '⁣⁢We’re having trouble loading data.‌‍⁠⁠‌‍⁡⁠‍‍⁣⁤',
+  'fabric.linkPicker.search.linkAriaLabel': '⁣⁢Suggestions will appear below as you type into the field⁠‍⁠⁡⁠؜⁡‌⁠‌⁣⁤',
+  'fabric.linkPicker.search.linkLabel': '⁣⁢Search or paste a link؜؜‍⁡‍‍‍‍‌⁣⁤',
+  'fabric.linkPicker.search.linkPlaceholder': '⁣⁢Find recent links or paste a new link‌‌‌⁠⁡؜‌؜⁡⁣⁤',
+  'fabric.linkPicker.search.noResults.description': '⁣⁢Try again with a different term.‍⁠‌‍؜‍⁡‍‌⁠⁣⁤',
+  'fabric.linkPicker.search.noResults.heading': '⁣⁢We couldn’t find anything matching your search.؜⁠‌⁠⁡⁡‍⁡‌؜⁠⁣⁤',
+  'fabric.linkPicker.time.ago': '⁣⁢ago⁡⁡؜⁠⁡‍⁣⁤',
+  'fabric.linkPicker.time.updated': '⁣⁢Updated⁡⁡⁠‌؜‍‍⁡⁠‍؜⁣⁤',
+  'fabric.linkPicker.time.viewed': '⁣⁢Viewed⁠⁠⁡⁠؜⁠‍⁠‌⁣⁤',
+  'fabric.linkPicker.unhandledError.description': '⁣⁢Try reloading the page.‌‍⁡‌⁠‍⁠‍⁠⁠؜؜‍⁣⁤',
+  'fabric.linkPicker.unhandledError.heading': '⁣⁢Something went wrong!؜⁠‌⁠⁠‍⁠⁡⁠⁣⁤'
+};

package/dist/esm/services/use-plugins/index.js

@@ -9,7 +9,9 @@ import createEventPayload from '../../analytics.codegen';
 import { ANALYTICS_CHANNEL } from '../../common/constants';
 import { CancellationError, resolvePluginUpdates } from './utils';
 import { usePluginReducer } from './reducer';
+import { useLinkPickerAnalytics } from '../../common/analytics';
 export function usePlugins(state, activeTab, plugins) {
+  var _activePlugin$tabKey;
   var _useAnalyticsEvents = useAnalyticsEvents(),
     createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   var _useState = useState(0),
@@ -20,7 +22,10 @@ export function usePlugins(state, activeTab, plugins) {
     _usePluginReducer2 = _slicedToArray(_usePluginReducer, 2),
     pluginState = _usePluginReducer2[0],
     dispatch = _usePluginReducer2[1];
+  var _useLinkPickerAnalyti = useLinkPickerAnalytics(),
+    trackAttribute = _useLinkPickerAnalyti.trackAttribute;
   var activePlugin = plugins === null || plugins === void 0 ? void 0 : plugins[activeTab];
+  trackAttribute('tab', (_activePlugin$tabKey = activePlugin === null || activePlugin === void 0 ? void 0 : activePlugin.tabKey) !== null && _activePlugin$tabKey !== void 0 ? _activePlugin$tabKey : null);
 
   // This useEffect block must be called before any other to ensure onActivation is fired at before resolve
   useEffect(function () {

package/dist/esm/ui/index.js

@@ -1,3 +1,4 @@
+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';
@@ -6,6 +7,9 @@ import { name as packageName, version as packageVersion } from '../version.json'
 import ErrorBoundary from './error-boundary';
 import { LoaderFallback } from './loader-fallback';
 import { LinkPickerSessionProvider } from '../controllers/session-provider';
+export var testIds = {
+  linkPickerRoot: 'link-picker-root'
+};
 export var PACKAGE_DATA = {
   packageName: packageName,
   packageVersion: packageVersion,
@@ -16,13 +20,23 @@ var LazyLinkPicker = lazyForPaint(function () {
   return import( /* webpackChunkName: "@atlaskit-internal_link-picker" */
   './link-picker');
 });
+var DefaultRootComponent = function DefaultRootComponent(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/React.createElement("div", {
+    "data-testid": testIds.linkPickerRoot
+  }, children);
+};
 export var ComposedLinkPicker = /*#__PURE__*/memo(function (props) {
+  var component = props.component;
+  var RootComponent = component !== null && component !== void 0 ? component : DefaultRootComponent;
   return /*#__PURE__*/React.createElement(AnalyticsContext, {
     data: PACKAGE_DATA
   }, /*#__PURE__*/React.createElement(LinkPickerSessionProvider, null, /*#__PURE__*/React.createElement(ErrorBoundary, null, /*#__PURE__*/React.createElement(LazySuspense, {
     fallback: /*#__PURE__*/React.createElement(LoaderFallback, {
       hideDisplayText: props.hideDisplayText
     })
-  }, /*#__PURE__*/React.createElement(LazyLinkPicker, 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/index.js

@@ -1,8 +1,6 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["component"];
 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 */
@@ -345,7 +343,7 @@ function LinkPicker(_ref) {
     selected: activeTab,
     onChange: handleTabChange
   }, featureFlags !== null && featureFlags !== void 0 && featureFlags.scrollingTabs ? jsx(ScrollingTabList, null, tabList) : tabList), jsx(TrackTabViewed, {
-    activeTab: activeTab
+    activePlugin: activePlugin
   })), jsx("div", _extends({
     css: flexColumnStyles
   }, fixListHeightProps), !error && jsx(LinkSearchList, {
@@ -370,17 +368,4 @@ function LinkPicker(_ref) {
     css: !queryState || !(plugins !== null && plugins !== void 0 && plugins.length) ? formFooterMargin : undefined
   }));
 }
-var DefaultRootComponent = function DefaultRootComponent(_ref2) {
-  var children = _ref2.children;
-  return jsx("div", {
-    "data-testid": testIds.linkPickerRoot
-  }, children);
-};
-export default withLinkPickerAnalyticsContext( /*#__PURE__*/memo(function (_ref3) {
-  var component = _ref3.component,
-    props = _objectWithoutProperties(_ref3, _excluded);
-  var RootComponent = component !== null && component !== void 0 ? component : DefaultRootComponent;
-  return jsx(RootComponent, _extends({}, props, {
-    "data-testid": testIds.linkPickerRoot
-  }), jsx(LinkPicker, props));
-}));
+export default withLinkPickerAnalyticsContext( /*#__PURE__*/memo(LinkPicker));

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

@@ -28,5 +28,7 @@ export var listItemNameStyles = css(_templateObject8 || (_templateObject8 = _tag
 export var listItemContextStyles = css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  color: ", ";\n  font-size: ", ";\n  line-height: ", "px;\n  display: flex;\n"])), "var(--ds-text, ".concat(N300, ")"), relativeFontSizeToBase16(fontSizeSmall()), fontSize());
 export var listItemContainerStyles = css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  overflow: hidden;\n  text-overflow: ellipsis;\n"])));
 export var listItemContainerInnerStyles = css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n  white-space: nowrap;\n"])));
+
+// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
 export var itemIconStyles = css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n  min-width: ", ";\n  margin-top: 3px;\n  margin-right: ", ";\n"])), "var(--ds-space-200, 16px)", "var(--ds-space-150, 12px)");
 export var imgStyles = css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n  max-width: ", ";\n"])), "var(--ds-space-200, 16px)");

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

@@ -4,12 +4,14 @@ import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import createEventPayload from '../../../analytics.codegen';
 import { ANALYTICS_CHANNEL } from '../../../common/constants';
 function TrackTabViewed(_ref) {
-  var activeTab = _ref.activeTab;
+  var activePlugin = _ref.activePlugin;
   var _useAnalyticsEvents = useAnalyticsEvents(),
     createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   useLayoutEffect(function () {
-    createAnalyticsEvent(createEventPayload('ui.tab.viewed', {})).fire(ANALYTICS_CHANNEL);
-  }, [activeTab, createAnalyticsEvent]);
+    if (activePlugin) {
+      createAnalyticsEvent(createEventPayload('ui.tab.viewed', {})).fire(ANALYTICS_CHANNEL);
+    }
+  }, [activePlugin, createAnalyticsEvent]);
   return null;
 }
 export default TrackTabViewed;

package/dist/esm/ui/scrolling-tabs/styles.js

@@ -15,8 +15,8 @@ export var scrollingContainerStyles = css({
     margin: 0,
     position: 'absolute',
     width: 'inherit',
-    left: 8,
-    right: 8,
+    left: "var(--ds-space-100, 8px)",
+    right: "var(--ds-space-100, 8px)",
     height: 2,
     backgroundColor: "var(--ds-border, ".concat(N30, ")")
   }
@@ -36,7 +36,7 @@ export var containerStyles = css({
 });
 export var buttonContainerStyles = css({
   position: 'absolute',
-  top: 4,
+  top: "var(--ds-space-050, 4px)",
   zIndex: 999,
   backgroundColor: "var(--ds-surface, ".concat(N0, ")")
 });

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/link-picker",
-	"version": "1.20.2",
+	"version": "1.21.0",
 	"sideEffects": false
 }

package/dist/types/i18n/en_ZZ.d.ts

@@ -0,0 +1,36 @@
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+declare const _default: {
+    'fabric.linkPicker.button.cancel': string;
+    'fabric.linkPicker.button.insert': string;
+    'fabric.linkPicker.button.save': string;
+    'fabric.linkPicker.clearLink': string;
+    'fabric.linkPicker.clearLinkText': string;
+    'fabric.linkPicker.hyperlink.searchLinkResults': string;
+    'fabric.linkPicker.linkAriaLabel': string;
+    'fabric.linkPicker.linkInvalid': string;
+    'fabric.linkPicker.linkLabel': string;
+    'fabric.linkPicker.linkPlaceholder': string;
+    'fabric.linkPicker.linkTextAriaLabel': string;
+    'fabric.linkPicker.linkTextLabel': string;
+    'fabric.linkPicker.linkTextPlaceholder': string;
+    'fabric.linkPicker.listTitle.recentlyViewed': string;
+    'fabric.linkPicker.listTitle.results': string;
+    'fabric.linkPicker.search.error.description': string;
+    'fabric.linkPicker.search.error.heading': string;
+    'fabric.linkPicker.search.linkAriaLabel': string;
+    'fabric.linkPicker.search.linkLabel': string;
+    'fabric.linkPicker.search.linkPlaceholder': string;
+    'fabric.linkPicker.search.noResults.description': string;
+    'fabric.linkPicker.search.noResults.heading': string;
+    'fabric.linkPicker.time.ago': string;
+    'fabric.linkPicker.time.updated': string;
+    'fabric.linkPicker.time.viewed': string;
+    'fabric.linkPicker.unhandledError.description': string;
+    'fabric.linkPicker.unhandledError.heading': string;
+};
+export default _default;

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

@@ -1,6 +1,9 @@
 import React from 'react';
 import { PackageMetaDataType } from '../analytics.codegen';
 import { LinkPickerProps } from './link-picker';
+export declare const testIds: {
+    linkPickerRoot: string;
+};
 export declare const PACKAGE_DATA: PackageMetaDataType;
 export declare const ComposedLinkPicker: React.MemoExoticComponent<(props: LinkPickerProps) => JSX.Element>;
 export default ComposedLinkPicker;

package/dist/types/ui/link-picker/track-tab-viewed/index.d.ts

@@ -1,4 +1,5 @@
-declare function TrackTabViewed({ activeTab }: {
-    activeTab: number | null;
+import { LinkPickerPlugin } from '../../../index';
+declare function TrackTabViewed({ activePlugin, }: {
+    activePlugin: LinkPickerPlugin | undefined;
 }): null;
 export default TrackTabViewed;

package/dist/types-ts4.5/i18n/en_ZZ.d.ts

@@ -0,0 +1,36 @@
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+declare const _default: {
+    'fabric.linkPicker.button.cancel': string;
+    'fabric.linkPicker.button.insert': string;
+    'fabric.linkPicker.button.save': string;
+    'fabric.linkPicker.clearLink': string;
+    'fabric.linkPicker.clearLinkText': string;
+    'fabric.linkPicker.hyperlink.searchLinkResults': string;
+    'fabric.linkPicker.linkAriaLabel': string;
+    'fabric.linkPicker.linkInvalid': string;
+    'fabric.linkPicker.linkLabel': string;
+    'fabric.linkPicker.linkPlaceholder': string;
+    'fabric.linkPicker.linkTextAriaLabel': string;
+    'fabric.linkPicker.linkTextLabel': string;
+    'fabric.linkPicker.linkTextPlaceholder': string;
+    'fabric.linkPicker.listTitle.recentlyViewed': string;
+    'fabric.linkPicker.listTitle.results': string;
+    'fabric.linkPicker.search.error.description': string;
+    'fabric.linkPicker.search.error.heading': string;
+    'fabric.linkPicker.search.linkAriaLabel': string;
+    'fabric.linkPicker.search.linkLabel': string;
+    'fabric.linkPicker.search.linkPlaceholder': string;
+    'fabric.linkPicker.search.noResults.description': string;
+    'fabric.linkPicker.search.noResults.heading': string;
+    'fabric.linkPicker.time.ago': string;
+    'fabric.linkPicker.time.updated': string;
+    'fabric.linkPicker.time.viewed': string;
+    'fabric.linkPicker.unhandledError.description': string;
+    'fabric.linkPicker.unhandledError.heading': string;
+};
+export default _default;

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

@@ -1,6 +1,9 @@
 import React from 'react';
 import { PackageMetaDataType } from '../analytics.codegen';
 import { LinkPickerProps } from './link-picker';
+export declare const testIds: {
+    linkPickerRoot: string;
+};
 export declare const PACKAGE_DATA: PackageMetaDataType;
 export declare const ComposedLinkPicker: React.MemoExoticComponent<(props: LinkPickerProps) => JSX.Element>;
 export default ComposedLinkPicker;

package/dist/types-ts4.5/ui/link-picker/track-tab-viewed/index.d.ts

@@ -1,4 +1,5 @@
-declare function TrackTabViewed({ activeTab }: {
-    activeTab: number | null;
+import { LinkPickerPlugin } from '../../../index';
+declare function TrackTabViewed({ activePlugin, }: {
+    activePlugin: LinkPickerPlugin | undefined;
 }): null;
 export default TrackTabViewed;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/link-picker",
-  "version": "1.20.2",
+  "version": "1.21.0",
   "description": "Standalone link picker",
   "author": "Atlassian Pty Ltd",
   "publishConfig": {
@@ -44,7 +44,7 @@
     "@atlaskit/form": "^8.11.0",
     "@atlaskit/frontend-utilities": "^2.6.0",
     "@atlaskit/icon": "^21.12.0",
-    "@atlaskit/linking-common": "^2.10.0",
+    "@atlaskit/linking-common": "^2.12.0",
     "@atlaskit/spinner": "^15.5.0",
     "@atlaskit/tabs": "^13.4.0",
     "@atlaskit/textfield": "^5.4.0",
@@ -66,12 +66,12 @@
     "react-intl-next": "npm:react-intl@^5.18.1"
   },
   "devDependencies": {
-    "@af/analytics-codegen": "^0.0.6",
+    "@af/analytics-codegen": "^0.0.7",
     "@atlaskit/activity-provider": "^2.4.0",
     "@atlaskit/docs": "*",
     "@atlaskit/link-analytics": "^8.0.0",
     "@atlaskit/link-provider": "^1.6.0",
-    "@atlaskit/link-test-helpers": "^2.3.0",
+    "@atlaskit/link-test-helpers": "^4.0.0",
     "@atlaskit/popup": "^1.6.0",
     "@atlaskit/ssr": "*",
     "@atlaskit/toggle": "^12.6.0",
@@ -79,8 +79,8 @@
     "@atlaskit/webdriver-runner": "*",
     "@atlassian/atlassian-frontend-prettier-config-1.0.0": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.0",
     "@atlassian/codegen": "^0.1.0",
-    "@atlassian/link-picker-atlassian-plugin": "^30.1.0",
-    "@atlassian/link-picker-plugins": "^20.1.0",
+    "@atlassian/link-picker-atlassian-plugin": "^31.0.0",
+    "@atlassian/link-picker-plugins": "^21.0.0",
     "@atlassian/recent-work-client": "^1.8.0",
     "@atlassian/search-provider": "^2.4.0",
     "@testing-library/dom": "^8.17.1",
@@ -101,7 +101,8 @@
   "techstack": {
     "@repo/internal": {
       "design-tokens": [
-        "color"
+        "color",
+        "spacing"
       ]
     }
   },