@atlaskit/link-picker 3.10.6 → 3.11.1

package/CHANGELOG.md

@@ -1,5 +1,30 @@
 # @atlaskit/link-picker
 
+## 3.11.1
+
+### Patch Changes
+
+- Updated dependencies
+
+## 3.11.0
+
+### Minor Changes
+
+- [`489caede2951a`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/489caede2951a) -
+  [ux] link-picker-atlassian-plugin changes:
+
+  - Introduce GoogleDriveConnectBanner to support Google Drive tab experiment
+
+  link-picker changes:
+
+  - Extend the LinkPickerPlugin interface to include an optional banner render function
+  - Modify the usePlugins hook to collect the banner from the active plugin
+  - Add banner rendering in LinkPicker between the moveSubmitButton clause and SearchResults
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 3.10.6
 
 ### Patch Changes

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/common/ui/empty-state/index.js

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/common/ui/min-height-container/index.js

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

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

@@ -16,8 +16,11 @@ var _constants = require("../../common/constants");
 var _analytics2 = _interopRequireDefault(require("../../common/utils/analytics/analytics.codegen"));
 var _reducer = require("./reducer");
 var _utils = require("./utils");
+/* TODO(ASIMO-2105): cherrera2@ to remove persistent plugin banners once the experiment is over regardless of outcome */
+
 function usePlugins(state, activeTab, plugins) {
   var _activePlugin$tabKey;
+  var googleDriveTabExperimentEnabled = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
   var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
     createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   var _useState = (0, _react.useState)(0),
@@ -132,6 +135,14 @@ function usePlugins(state, activeTab, plugins) {
   var items = pluginState.items,
     isLoading = pluginState.isLoading,
     error = pluginState.error;
+
+  // This is needed for the Google Drive tab experiment to show a persistent banner across tabs. Will be removed once the experiment is over regardless of outcome.
+  var pluginBanner = (0, _react.useMemo)(function () {
+    var _plugins$find;
+    return googleDriveTabExperimentEnabled ? plugins === null || plugins === void 0 || (_plugins$find = plugins.find(function (plugin) {
+      return plugin.banner;
+    })) === null || _plugins$find === void 0 ? void 0 : _plugins$find.banner : undefined;
+  }, [plugins, googleDriveTabExperimentEnabled]);
   return {
     tabs: tabs,
     items: items,
@@ -141,7 +152,8 @@ function usePlugins(state, activeTab, plugins) {
     error: error,
     retry: handleRetry,
     errorFallback: activePlugin === null || activePlugin === void 0 ? void 0 : activePlugin.errorFallback,
-    pluginAction: activePlugin === null || activePlugin === void 0 ? void 0 : activePlugin.action
+    pluginAction: activePlugin === null || activePlugin === void 0 ? void 0 : activePlugin.action,
+    pluginBanner: pluginBanner
   };
 }
 function limit(items) {

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
 "use strict";
 
 var _typeof = require("@babel/runtime/helpers/typeof");

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -19,6 +19,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _reactIntlNext = require("react-intl-next");
 var _uuid = _interopRequireDefault(require("uuid"));
 var _analyticsNext = require("@atlaskit/analytics-next");
+var _featureGateJsClient = _interopRequireDefault(require("@atlaskit/feature-gate-js-client"));
 var _form = require("@atlaskit/form");
 var _linkProvider = require("@atlaskit/link-provider");
 var _url2 = require("@atlaskit/linking-common/url");
@@ -135,7 +136,11 @@ var LinkPicker = exports.LinkPicker = (0, _analytics.withLinkPickerAnalyticsCont
     hasPreview = state.hasPreview;
   var intl = (0, _reactIntlNext.useIntl)();
   var queryState = (0, _useSearchQuery.useSearchQuery)(state);
-  var _usePlugins = (0, _usePlugins2.usePlugins)(queryState, activeTab, plugins),
+
+  // Experiment with new 3P tabs in link picker where "Google Drive" is shown as the second tab. For more info, please see: go/link-picker-3p-drive-one-pager.
+  var linkPicker3pDriveExperimentCohort = _featureGateJsClient.default.initializeCalled() ? _featureGateJsClient.default.getExperimentValue('link_picker_3p_drive_experiment', 'cohort', 'control') : 'control';
+  var googleDriveTabExperimentEnabled = linkPicker3pDriveExperimentCohort === 'show_google_drive_tab';
+  var _usePlugins = (0, _usePlugins2.usePlugins)(queryState, activeTab, plugins, googleDriveTabExperimentEnabled),
     items = _usePlugins.items,
     isLoadingResults = _usePlugins.isLoading,
     isActivePlugin = _usePlugins.isActivePlugin,
@@ -143,7 +148,8 @@ var LinkPicker = exports.LinkPicker = (0, _analytics.withLinkPickerAnalyticsCont
     tabs = _usePlugins.tabs,
     error = _usePlugins.error,
     retry = _usePlugins.retry,
-    pluginAction = _usePlugins.pluginAction;
+    pluginAction = _usePlugins.pluginAction,
+    pluginBanner = _usePlugins.pluginBanner;
   var isEditing = !!initUrl;
   var selectedItem = items === null || items === void 0 ? void 0 : items[selectedIndex];
   var isSelectedItem = (selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.url) === url;
@@ -472,7 +478,7 @@ var LinkPicker = exports.LinkPicker = (0, _analytics.withLinkPickerAnalyticsCont
     submitMessageId: submitMessageId,
     testId: testIds.insertButton,
     url: url
-  })), !!queryState && (isLoadingPlugins || isActivePlugin) && /*#__PURE__*/React.createElement(_searchResults.SearchResults, {
+  })), googleDriveTabExperimentEnabled && pluginBanner && pluginBanner(), !!queryState && (isLoadingPlugins || isActivePlugin) && /*#__PURE__*/React.createElement(_searchResults.SearchResults, {
     activeTab: activeTab,
     tabs: tabs,
     activePlugin: activePlugin,

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
 "use strict";
 
 var _typeof = require("@babel/runtime/helpers/typeof");

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

@@ -2,7 +2,7 @@
 ._16qs1f4r{box-shadow:var(--_1mo126v)}
 ._18m915vq{overflow-y:hidden}
 ._18u0idpf{margin-left:0}
-._19bvrvlv{padding-left:var(--_u7ouzj)}
+._19bvsy6a{padding-left:clamp(var(--ds-space-100,8px),var(--link-picker-padding-left),100%)}
 ._19pk1b66{margin-top:var(--ds-space-050,4px)}
 ._19pkidpf{margin-top:0}
 ._1bsb1osq{width:100%}
@@ -23,7 +23,7 @@
 ._syaz121t{color:var(--_1pseksa)}
 ._syaz1svm{color:var(--_1trgtlr)}
 ._syazct01{color:var(--_khvm95)}
-._u5f3kq6n{padding-right:var(--_1kucder)}
+._u5f3fxbg{padding-right:clamp(var(--ds-space-100,8px),var(--link-picker-padding-right),100%)}
 ._1a3b1r31:focus{text-decoration-color:currentColor}
 ._1hvw1o36:focus{outline-width:medium}
 ._49pcglyw:focus{outline-style:none}

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -134,10 +134,8 @@ var LinkSearchListItem = exports.LinkSearchListItem = /*#__PURE__*/(0, _react.fo
     onFocus: onFocus,
     tabIndex: tabIndex,
     ref: ref,
-    className: (0, _runtime.ax)(["_19pkidpf _2hwxidpf _otyridpf _18u0idpf _1e0c1txw _ca0qu2gc _n3tdu2gc _19bvrvlv _u5f3kq6n _80omtlke", !selected && "_irr38iyy _1dbz1f4r", selected && "_bfhk1kxl _16qs1f4r", "_nt751r31 _49pcglyw _1hvw1o36 _1a3b1r31 _4fprglyw _5goinqa1 _7ehif7x9"]),
+    className: (0, _runtime.ax)(["_19pkidpf _2hwxidpf _otyridpf _18u0idpf _1e0c1txw _ca0qu2gc _n3tdu2gc _19bvsy6a _u5f3fxbg _80omtlke", !selected && "_irr38iyy _1dbz1f4r", selected && "_bfhk1kxl _16qs1f4r", "_nt751r31 _49pcglyw _1hvw1o36 _1a3b1r31 _4fprglyw _5goinqa1 _7ehif7x9"]),
     style: {
-      "--_u7ouzj": (0, _runtime.ix)("clamp( ".concat("var(--ds-space-100, 8px)", ", var(--link-picker-padding-left), 100% )")),
-      "--_1kucder": (0, _runtime.ix)("clamp( ".concat("var(--ds-space-100, 8px)", ", var(--link-picker-padding-right), 100% )")),
       "--_mmrjro": (0, _runtime.ix)("var(--ds-background-neutral-subtle-hovered, ".concat(_colors.N20, ")")),
       "--_1mo126v": (0, _runtime.ix)("inset 2px 0px 0px ".concat("var(--ds-border-selected, ".concat(_colors.B400, ")"))),
       "--_rryx0a": (0, _runtime.ix)("var(--ds-background-selected, ".concat(_colors.B50, ")")),

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
 "use strict";
 
 var _typeof = require("@babel/runtime/helpers/typeof");

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/ui/main.js

@@ -1,4 +1,4 @@
-/* main.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* main.tsx generated by @compiled/babel-plugin v0.38.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -25,7 +25,7 @@ var testIds = exports.testIds = {
 };
 var PACKAGE_DATA = exports.PACKAGE_DATA = {
   packageName: "@atlaskit/link-picker" || '',
-  packageVersion: "0.0.0-development" || '',
+  packageVersion: "3.11.0" || '',
   componentName: _constants.COMPONENT_NAME,
   source: _constants.COMPONENT_NAME
 };

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./index.compiled.css";
 import * as React from 'react';

package/dist/es2019/common/ui/empty-state/index.js

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
 import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/common/ui/min-height-container/index.js

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";

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

@@ -1,3 +1,4 @@
+/* TODO(ASIMO-2105): cherrera2@ to remove persistent plugin banners once the experiment is over regardless of outcome */
 import { useCallback, useEffect, useMemo, useState } from 'react';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import { convertToError } from '@atlaskit/frontend-utilities/convert-to-error';
@@ -6,7 +7,7 @@ import { ANALYTICS_CHANNEL, RECENT_SEARCH_LIST_SIZE } from '../../common/constan
 import createEventPayload from '../../common/utils/analytics/analytics.codegen';
 import { usePluginReducer } from './reducer';
 import { CancellationError, resolvePluginUpdates } from './utils';
-export function usePlugins(state, activeTab, plugins) {
+export function usePlugins(state, activeTab, plugins, googleDriveTabExperimentEnabled = false) {
   var _activePlugin$tabKey;
   const {
     createAnalyticsEvent
@@ -90,6 +91,12 @@ export function usePlugins(state, activeTab, plugins) {
     isLoading,
     error
   } = pluginState;
+
+  // This is needed for the Google Drive tab experiment to show a persistent banner across tabs. Will be removed once the experiment is over regardless of outcome.
+  const pluginBanner = useMemo(() => {
+    var _plugins$find;
+    return googleDriveTabExperimentEnabled ? plugins === null || plugins === void 0 ? void 0 : (_plugins$find = plugins.find(plugin => plugin.banner)) === null || _plugins$find === void 0 ? void 0 : _plugins$find.banner : undefined;
+  }, [plugins, googleDriveTabExperimentEnabled]);
   return {
     tabs,
     items,
@@ -99,7 +106,8 @@ export function usePlugins(state, activeTab, plugins) {
     error,
     retry: handleRetry,
     errorFallback: activePlugin === null || activePlugin === void 0 ? void 0 : activePlugin.errorFallback,
-    pluginAction: activePlugin === null || activePlugin === void 0 ? void 0 : activePlugin.action
+    pluginAction: activePlugin === null || activePlugin === void 0 ? void 0 : activePlugin.action,
+    pluginBanner
   };
 }
 function limit(items) {

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
 import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./index.compiled.css";
 import * as React from 'react';

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./index.compiled.css";
 import * as React from 'react';
@@ -7,6 +7,7 @@ import { Fragment, memo, useCallback, useLayoutEffect, useMemo, useReducer } fro
 import { FormattedMessage, useIntl } from 'react-intl-next';
 import uuid from 'uuid';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
+import FeatureGates from '@atlaskit/feature-gate-js-client';
 import { HelperMessage } from '@atlaskit/form';
 import { CardClient } from '@atlaskit/link-provider';
 import { isSafeUrl, normalizeUrl } from '@atlaskit/linking-common/url';
@@ -125,6 +126,10 @@ export const LinkPicker = withLinkPickerAnalyticsContext( /*#__PURE__*/memo(({
   } = state;
   const intl = useIntl();
   const queryState = useSearchQuery(state);
+
+  // Experiment with new 3P tabs in link picker where "Google Drive" is shown as the second tab. For more info, please see: go/link-picker-3p-drive-one-pager.
+  const linkPicker3pDriveExperimentCohort = FeatureGates.initializeCalled() ? FeatureGates.getExperimentValue('link_picker_3p_drive_experiment', 'cohort', 'control') : 'control';
+  const googleDriveTabExperimentEnabled = linkPicker3pDriveExperimentCohort === 'show_google_drive_tab';
   const {
     items,
     isLoading: isLoadingResults,
@@ -133,8 +138,9 @@ export const LinkPicker = withLinkPickerAnalyticsContext( /*#__PURE__*/memo(({
     tabs,
     error,
     retry,
-    pluginAction
-  } = usePlugins(queryState, activeTab, plugins);
+    pluginAction,
+    pluginBanner
+  } = usePlugins(queryState, activeTab, plugins, googleDriveTabExperimentEnabled);
   const isEditing = !!initUrl;
   const selectedItem = items === null || items === void 0 ? void 0 : items[selectedIndex];
   const isSelectedItem = (selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.url) === url;
@@ -427,7 +433,7 @@ export const LinkPicker = withLinkPickerAnalyticsContext( /*#__PURE__*/memo(({
     submitMessageId: submitMessageId,
     testId: testIds.insertButton,
     url: url
-  })), !!queryState && (isLoadingPlugins || isActivePlugin) && /*#__PURE__*/React.createElement(SearchResults, {
+  })), googleDriveTabExperimentEnabled && pluginBanner && pluginBanner(), !!queryState && (isLoadingPlugins || isActivePlugin) && /*#__PURE__*/React.createElement(SearchResults, {
     activeTab: activeTab,
     tabs: tabs,
     activePlugin: activePlugin,

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
 import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./index.compiled.css";
 import * as React from 'react';

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
 import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
 import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
 import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
 import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/ui/main.js

@@ -1,4 +1,4 @@
-/* main.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* main.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./main.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
@@ -15,7 +15,7 @@ export const testIds = {
 };
 export const PACKAGE_DATA = {
   packageName: "@atlaskit/link-picker" || '',
-  packageVersion: "0.0.0-development" || '',
+  packageVersion: "3.11.0" || '',
   componentName: COMPONENT_NAME,
   source: COMPONENT_NAME
 };

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./index.compiled.css";
 import * as React from 'react';

package/dist/esm/common/ui/empty-state/index.js

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
 import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/esm/common/ui/min-height-container/index.js

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";

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

@@ -1,6 +1,7 @@
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
+/* TODO(ASIMO-2105): cherrera2@ to remove persistent plugin banners once the experiment is over regardless of outcome */
 import { useCallback, useEffect, useMemo, useState } from 'react';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import { convertToError } from '@atlaskit/frontend-utilities/convert-to-error';
@@ -11,6 +12,7 @@ import { usePluginReducer } from './reducer';
 import { CancellationError, resolvePluginUpdates } from './utils';
 export function usePlugins(state, activeTab, plugins) {
   var _activePlugin$tabKey;
+  var googleDriveTabExperimentEnabled = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
   var _useAnalyticsEvents = useAnalyticsEvents(),
     createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   var _useState = useState(0),
@@ -125,6 +127,14 @@ export function usePlugins(state, activeTab, plugins) {
   var items = pluginState.items,
     isLoading = pluginState.isLoading,
     error = pluginState.error;
+
+  // This is needed for the Google Drive tab experiment to show a persistent banner across tabs. Will be removed once the experiment is over regardless of outcome.
+  var pluginBanner = useMemo(function () {
+    var _plugins$find;
+    return googleDriveTabExperimentEnabled ? plugins === null || plugins === void 0 || (_plugins$find = plugins.find(function (plugin) {
+      return plugin.banner;
+    })) === null || _plugins$find === void 0 ? void 0 : _plugins$find.banner : undefined;
+  }, [plugins, googleDriveTabExperimentEnabled]);
   return {
     tabs: tabs,
     items: items,
@@ -134,7 +144,8 @@ export function usePlugins(state, activeTab, plugins) {
     error: error,
     retry: handleRetry,
     errorFallback: activePlugin === null || activePlugin === void 0 ? void 0 : activePlugin.errorFallback,
-    pluginAction: activePlugin === null || activePlugin === void 0 ? void 0 : activePlugin.action
+    pluginAction: activePlugin === null || activePlugin === void 0 ? void 0 : activePlugin.action,
+    pluginBanner: pluginBanner
   };
 }
 function limit(items) {

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
 import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["isLoading", "isSubmitting", "error", "url", "queryState", "items", "isEditing", "onCancel", "action", "customSubmitButtonLabel", "submitMessageId", "hideSubmitButton", "className"];

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
@@ -13,6 +13,7 @@ import { Fragment, memo, useCallback, useLayoutEffect, useMemo, useReducer } fro
 import { FormattedMessage, useIntl } from 'react-intl-next';
 import uuid from 'uuid';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
+import FeatureGates from '@atlaskit/feature-gate-js-client';
 import { HelperMessage } from '@atlaskit/form';
 import { CardClient } from '@atlaskit/link-provider';
 import { isSafeUrl, normalizeUrl } from '@atlaskit/linking-common/url';
@@ -126,7 +127,11 @@ export var LinkPicker = withLinkPickerAnalyticsContext( /*#__PURE__*/memo(functi
     hasPreview = state.hasPreview;
   var intl = useIntl();
   var queryState = useSearchQuery(state);
-  var _usePlugins = usePlugins(queryState, activeTab, plugins),
+
+  // Experiment with new 3P tabs in link picker where "Google Drive" is shown as the second tab. For more info, please see: go/link-picker-3p-drive-one-pager.
+  var linkPicker3pDriveExperimentCohort = FeatureGates.initializeCalled() ? FeatureGates.getExperimentValue('link_picker_3p_drive_experiment', 'cohort', 'control') : 'control';
+  var googleDriveTabExperimentEnabled = linkPicker3pDriveExperimentCohort === 'show_google_drive_tab';
+  var _usePlugins = usePlugins(queryState, activeTab, plugins, googleDriveTabExperimentEnabled),
     items = _usePlugins.items,
     isLoadingResults = _usePlugins.isLoading,
     isActivePlugin = _usePlugins.isActivePlugin,
@@ -134,7 +139,8 @@ export var LinkPicker = withLinkPickerAnalyticsContext( /*#__PURE__*/memo(functi
     tabs = _usePlugins.tabs,
     error = _usePlugins.error,
     retry = _usePlugins.retry,
-    pluginAction = _usePlugins.pluginAction;
+    pluginAction = _usePlugins.pluginAction,
+    pluginBanner = _usePlugins.pluginBanner;
   var isEditing = !!initUrl;
   var selectedItem = items === null || items === void 0 ? void 0 : items[selectedIndex];
   var isSelectedItem = (selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.url) === url;
@@ -463,7 +469,7 @@ export var LinkPicker = withLinkPickerAnalyticsContext( /*#__PURE__*/memo(functi
     submitMessageId: submitMessageId,
     testId: testIds.insertButton,
     url: url
-  })), !!queryState && (isLoadingPlugins || isActivePlugin) && /*#__PURE__*/React.createElement(SearchResults, {
+  })), googleDriveTabExperimentEnabled && pluginBanner && pluginBanner(), !!queryState && (isLoadingPlugins || isActivePlugin) && /*#__PURE__*/React.createElement(SearchResults, {
     activeTab: activeTab,
     tabs: tabs,
     activePlugin: activePlugin,

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import "./index.compiled.css";
 import * as React from 'react';

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
 import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/esm/ui/link-picker/search-results/link-search-list/list-item/index.compiled.css

@@ -2,7 +2,7 @@
 ._16qs1f4r{box-shadow:var(--_1mo126v)}
 ._18m915vq{overflow-y:hidden}
 ._18u0idpf{margin-left:0}
-._19bvrvlv{padding-left:var(--_u7ouzj)}
+._19bvsy6a{padding-left:clamp(var(--ds-space-100,8px),var(--link-picker-padding-left),100%)}
 ._19pk1b66{margin-top:var(--ds-space-050,4px)}
 ._19pkidpf{margin-top:0}
 ._1bsb1osq{width:100%}
@@ -23,7 +23,7 @@
 ._syaz121t{color:var(--_1pseksa)}
 ._syaz1svm{color:var(--_1trgtlr)}
 ._syazct01{color:var(--_khvm95)}
-._u5f3kq6n{padding-right:var(--_1kucder)}
+._u5f3fxbg{padding-right:clamp(var(--ds-space-100,8px),var(--link-picker-padding-right),100%)}
 ._1a3b1r31:focus{text-decoration-color:currentColor}
 ._1hvw1o36:focus{outline-width:medium}
 ._49pcglyw:focus{outline-style:none}

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import "./index.compiled.css";
 import * as React from 'react';
@@ -125,10 +125,8 @@ export var LinkSearchListItem = /*#__PURE__*/forwardRef(function (_ref2, ref) {
     onFocus: onFocus,
     tabIndex: tabIndex,
     ref: ref,
-    className: ax(["_19pkidpf _2hwxidpf _otyridpf _18u0idpf _1e0c1txw _ca0qu2gc _n3tdu2gc _19bvrvlv _u5f3kq6n _80omtlke", !selected && "_irr38iyy _1dbz1f4r", selected && "_bfhk1kxl _16qs1f4r", "_nt751r31 _49pcglyw _1hvw1o36 _1a3b1r31 _4fprglyw _5goinqa1 _7ehif7x9"]),
+    className: ax(["_19pkidpf _2hwxidpf _otyridpf _18u0idpf _1e0c1txw _ca0qu2gc _n3tdu2gc _19bvsy6a _u5f3fxbg _80omtlke", !selected && "_irr38iyy _1dbz1f4r", selected && "_bfhk1kxl _16qs1f4r", "_nt751r31 _49pcglyw _1hvw1o36 _1a3b1r31 _4fprglyw _5goinqa1 _7ehif7x9"]),
     style: {
-      "--_u7ouzj": ix("clamp( ".concat("var(--ds-space-100, 8px)", ", var(--link-picker-padding-left), 100% )")),
-      "--_1kucder": ix("clamp( ".concat("var(--ds-space-100, 8px)", ", var(--link-picker-padding-right), 100% )")),
       "--_mmrjro": ix("var(--ds-background-neutral-subtle-hovered, ".concat(N20, ")")),
       "--_1mo126v": ix("inset 2px 0px 0px ".concat("var(--ds-border-selected, ".concat(B400, ")"))),
       "--_rryx0a": ix("var(--ds-background-selected, ".concat(B50, ")")),

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import "./index.compiled.css";

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
 import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["name", "label", "autoFocus", "onRedo", "onUndo", "onKeyDown", "onClear", "clearLabel", "error", "spotlightTargetName", "inputRef", "isRequired"];

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
 import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/esm/ui/main.js

@@ -1,4 +1,4 @@
-/* main.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* main.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _extends from "@babel/runtime/helpers/extends";
 import "./main.compiled.css";
@@ -16,7 +16,7 @@ export var testIds = {
 };
 export var PACKAGE_DATA = {
   packageName: "@atlaskit/link-picker" || '',
-  packageVersion: "0.0.0-development" || '',
+  packageVersion: "3.11.0" || '',
   componentName: COMPONENT_NAME,
   source: COMPONENT_NAME
 };

package/dist/types/common/types.d.ts

@@ -55,6 +55,8 @@ export interface LinkPickerPlugin {
     errorFallback?: LinkPickerPluginErrorFallback;
     /** Render function to customise the UI that is displayed when there are no results, but an empty form (no search term) */
     emptyStateNoResults?: LinkPickerPluginEmptyStateNoResults;
+    /** Render function to display a banner above the search results. This is exclusively used for the Google Drive tab experiment. */
+    banner?: LinkPickerPluginBanner;
     /** Metadata about the plugin */
     meta?: {
         /** The data source that provides all results provided by the plugin */
@@ -73,6 +75,7 @@ export interface LinkPickerPluginAction {
 }
 export type LinkPickerPluginErrorFallback = (error: unknown, retry: () => void) => ReactNode;
 export type LinkPickerPluginEmptyStateNoResults = () => ReactNode;
+export type LinkPickerPluginBanner = () => ReactNode;
 export interface PickerState {
     selectedIndex: number;
     activeIndex: number;

package/dist/types/index.d.ts

@@ -1,6 +1,6 @@
 export { default } from './ui';
 export { DeprecatedLazyLinkPickerExport as LinkPicker } from './ui';
 export type { LinkPickerProps } from './common/types';
-export type { LinkInputType, LinkPickerPluginAction, LinkPickerPlugin, LinkPickerState, LinkSearchListItemData, LinkPickerPluginErrorFallback, LinkPickerPluginEmptyStateNoResults, LinkPickerUiOptions, } from './common/types';
+export type { LinkInputType, LinkPickerPluginAction, LinkPickerPluginBanner, LinkPickerPlugin, LinkPickerState, LinkSearchListItemData, LinkPickerPluginErrorFallback, LinkPickerPluginEmptyStateNoResults, LinkPickerUiOptions, } from './common/types';
 export { UnauthenticatedError } from './common/utils/errors';
 export { LoaderFallback } from './ui/loader-fallback';

package/dist/types/services/use-plugins/index.d.ts

@@ -1,4 +1,4 @@
-import { type LinkPickerPlugin, type LinkPickerPluginAction, type LinkPickerPluginErrorFallback, type LinkPickerState, type LinkSearchListItemData } from '../../common/types';
+import { type LinkPickerPlugin, type LinkPickerPluginAction, type LinkPickerPluginBanner, type LinkPickerPluginErrorFallback, type LinkPickerState, type LinkSearchListItemData } from '../../common/types';
 export interface LinkPickerPluginsService {
     items: LinkSearchListItemData[] | null;
     isLoading: boolean;
@@ -11,5 +11,6 @@ export interface LinkPickerPluginsService {
     retry: () => void;
     errorFallback?: LinkPickerPluginErrorFallback;
     pluginAction?: LinkPickerPluginAction;
+    pluginBanner?: LinkPickerPluginBanner;
 }
-export declare function usePlugins(state: LinkPickerState | null, activeTab: number, plugins?: LinkPickerPlugin[]): LinkPickerPluginsService;
+export declare function usePlugins(state: LinkPickerState | null, activeTab: number, plugins?: LinkPickerPlugin[], googleDriveTabExperimentEnabled?: boolean): LinkPickerPluginsService;

package/dist/types-ts4.5/common/types.d.ts

@@ -58,6 +58,8 @@ export interface LinkPickerPlugin {
     errorFallback?: LinkPickerPluginErrorFallback;
     /** Render function to customise the UI that is displayed when there are no results, but an empty form (no search term) */
     emptyStateNoResults?: LinkPickerPluginEmptyStateNoResults;
+    /** Render function to display a banner above the search results. This is exclusively used for the Google Drive tab experiment. */
+    banner?: LinkPickerPluginBanner;
     /** Metadata about the plugin */
     meta?: {
         /** The data source that provides all results provided by the plugin */
@@ -76,6 +78,7 @@ export interface LinkPickerPluginAction {
 }
 export type LinkPickerPluginErrorFallback = (error: unknown, retry: () => void) => ReactNode;
 export type LinkPickerPluginEmptyStateNoResults = () => ReactNode;
+export type LinkPickerPluginBanner = () => ReactNode;
 export interface PickerState {
     selectedIndex: number;
     activeIndex: number;

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

@@ -1,6 +1,6 @@
 export { default } from './ui';
 export { DeprecatedLazyLinkPickerExport as LinkPicker } from './ui';
 export type { LinkPickerProps } from './common/types';
-export type { LinkInputType, LinkPickerPluginAction, LinkPickerPlugin, LinkPickerState, LinkSearchListItemData, LinkPickerPluginErrorFallback, LinkPickerPluginEmptyStateNoResults, LinkPickerUiOptions, } from './common/types';
+export type { LinkInputType, LinkPickerPluginAction, LinkPickerPluginBanner, LinkPickerPlugin, LinkPickerState, LinkSearchListItemData, LinkPickerPluginErrorFallback, LinkPickerPluginEmptyStateNoResults, LinkPickerUiOptions, } from './common/types';
 export { UnauthenticatedError } from './common/utils/errors';
 export { LoaderFallback } from './ui/loader-fallback';

package/dist/types-ts4.5/services/use-plugins/index.d.ts

@@ -1,4 +1,4 @@
-import { type LinkPickerPlugin, type LinkPickerPluginAction, type LinkPickerPluginErrorFallback, type LinkPickerState, type LinkSearchListItemData } from '../../common/types';
+import { type LinkPickerPlugin, type LinkPickerPluginAction, type LinkPickerPluginBanner, type LinkPickerPluginErrorFallback, type LinkPickerState, type LinkSearchListItemData } from '../../common/types';
 export interface LinkPickerPluginsService {
     items: LinkSearchListItemData[] | null;
     isLoading: boolean;
@@ -11,5 +11,6 @@ export interface LinkPickerPluginsService {
     retry: () => void;
     errorFallback?: LinkPickerPluginErrorFallback;
     pluginAction?: LinkPickerPluginAction;
+    pluginBanner?: LinkPickerPluginBanner;
 }
-export declare function usePlugins(state: LinkPickerState | null, activeTab: number, plugins?: LinkPickerPlugin[]): LinkPickerPluginsService;
+export declare function usePlugins(state: LinkPickerState | null, activeTab: number, plugins?: LinkPickerPlugin[], googleDriveTabExperimentEnabled?: boolean): LinkPickerPluginsService;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/link-picker",
-	"version": "3.10.6",
+	"version": "3.11.1",
 	"description": "Standalone link picker",
 	"author": "Atlassian Pty Ltd",
 	"publishConfig": {
@@ -51,11 +51,11 @@
 	"dependencies": {
 		"@atlaskit/afm-i18n-platform-linking-platform-link-picker": "2.7.0",
 		"@atlaskit/analytics-next": "^11.1.0",
-		"@atlaskit/atlassian-context": "^0.5.0",
+		"@atlaskit/atlassian-context": "^0.6.0",
 		"@atlaskit/button": "^23.4.0",
 		"@atlaskit/css": "^0.14.0",
 		"@atlaskit/feature-gate-js-client": "^5.5.0",
-		"@atlaskit/form": "^12.7.0",
+		"@atlaskit/form": "^13.0.0",
 		"@atlaskit/frontend-utilities": "^3.1.0",
 		"@atlaskit/heading": "^5.2.0",
 		"@atlaskit/icon": "^28.2.0",
@@ -65,7 +65,7 @@
 		"@atlaskit/linking-common": "^9.6.0",
 		"@atlaskit/onboarding": "^14.4.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/primitives": "^14.14.0",
+		"@atlaskit/primitives": "^14.15.0",
 		"@atlaskit/smart-card": "^42.0.0",
 		"@atlaskit/spinner": "^19.0.0",
 		"@atlaskit/tabs": "^18.1.0",