@atlaskit/link-picker 3.11.4 → 3.12.0

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/link-picker
 
+## 3.12.0
+
+### Minor Changes
+
+- [`123919fe0f440`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/123919fe0f440) -
+  [ux] Added support for a OneDrive tab with the same functionality as the Google Drive tab in link
+  picker
+
 ## 3.11.4
 
 ### Patch Changes

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

@@ -20,7 +20,7 @@ var _utils = require("./utils");
 
 function usePlugins(state, activeTab, plugins) {
   var _activePlugin$tabKey;
-  var googleDriveTabExperimentEnabled = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
+  var thirdPartyTabExperimentEnabled = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
   var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
     createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   var _useState = (0, _react.useState)(0),
@@ -136,13 +136,13 @@ function usePlugins(state, activeTab, plugins) {
     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.
+  // This is needed for the 3P tab experiments 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 thirdPartyTabExperimentEnabled ? 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]);
+  }, [plugins, thirdPartyTabExperimentEnabled]);
   return {
     tabs: tabs,
     items: items,

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

@@ -137,10 +137,13 @@ var LinkPicker = exports.LinkPicker = (0, _analytics.withLinkPickerAnalyticsCont
   var intl = (0, _reactIntlNext.useIntl)();
   var queryState = (0, _useSearchQuery.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.
+  // Experiment with new 3P tabs in link picker. 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),
+  var linkPicker3pOneDriveExperimentCohort = _featureGateJsClient.default.initializeCalled() ? _featureGateJsClient.default.getExperimentValue('link_picker_3p_onedrive_experiment', 'cohort', 'control') : 'control';
+  var oneDriveTabExperimentEnabled = linkPicker3pOneDriveExperimentCohort === 'show_onedrive_tab';
+  var thirdPartyTabExperimentEnabled = googleDriveTabExperimentEnabled || oneDriveTabExperimentEnabled;
+  var _usePlugins = (0, _usePlugins2.usePlugins)(queryState, activeTab, plugins, thirdPartyTabExperimentEnabled),
     items = _usePlugins.items,
     isLoadingResults = _usePlugins.isLoading,
     isActivePlugin = _usePlugins.isActivePlugin,
@@ -478,7 +481,7 @@ var LinkPicker = exports.LinkPicker = (0, _analytics.withLinkPickerAnalyticsCont
     submitMessageId: submitMessageId,
     testId: testIds.insertButton,
     url: url
-  })), googleDriveTabExperimentEnabled && pluginBanner && pluginBanner(), !!queryState && (isLoadingPlugins || isActivePlugin) && /*#__PURE__*/React.createElement(_searchResults.SearchResults, {
+  })), thirdPartyTabExperimentEnabled && 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

@@ -55,10 +55,13 @@ var SearchResults = exports.SearchResults = function SearchResults(_ref) {
     adaptiveHeight = _ref.adaptiveHeight,
     retry = _ref.retry;
   var isActivePlugin = !!activePlugin;
-  // 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.
+  // Experiment with new 3P tabs in link picker. 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 showScrollingTabList = (featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.scrollingTabs) || googleDriveTabExperimentEnabled;
+  var linkPicker3pOneDriveExperimentCohort = _featureGateJsClient.default.initializeCalled() ? _featureGateJsClient.default.getExperimentValue('link_picker_3p_onedrive_experiment', 'cohort', 'control') : 'control';
+  var oneDriveTabExperimentEnabled = linkPicker3pOneDriveExperimentCohort === 'show_onedrive_tab';
+  var thirdPartyTabExperimentEnabled = googleDriveTabExperimentEnabled || oneDriveTabExperimentEnabled;
+  var showScrollingTabList = (featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.scrollingTabs) || thirdPartyTabExperimentEnabled;
   var tabList = /*#__PURE__*/React.createElement(_tabs.TabList, null, tabs.map(function (tab) {
     return /*#__PURE__*/React.createElement(_tabs.Tab, {
       key: tab.tabTitle,

package/dist/cjs/ui/main.js

@@ -25,7 +25,7 @@ var testIds = exports.testIds = {
 };
 var PACKAGE_DATA = exports.PACKAGE_DATA = {
   packageName: "@atlaskit/link-picker" || '',
-  packageVersion: "3.11.3" || '',
+  packageVersion: "0.0.0-development" || '',
   componentName: _constants.COMPONENT_NAME,
   source: _constants.COMPONENT_NAME
 };

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

@@ -7,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, googleDriveTabExperimentEnabled = false) {
+export function usePlugins(state, activeTab, plugins, thirdPartyTabExperimentEnabled = false) {
   var _activePlugin$tabKey;
   const {
     createAnalyticsEvent
@@ -92,11 +92,11 @@ export function usePlugins(state, activeTab, plugins, googleDriveTabExperimentEn
     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.
+  // This is needed for the 3P tab experiments 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 thirdPartyTabExperimentEnabled ? 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, thirdPartyTabExperimentEnabled]);
   return {
     tabs,
     items,

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

@@ -127,9 +127,12 @@ export const LinkPicker = withLinkPickerAnalyticsContext( /*#__PURE__*/memo(({
   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.
+  // Experiment with new 3P tabs in link picker. 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 linkPicker3pOneDriveExperimentCohort = FeatureGates.initializeCalled() ? FeatureGates.getExperimentValue('link_picker_3p_onedrive_experiment', 'cohort', 'control') : 'control';
+  const oneDriveTabExperimentEnabled = linkPicker3pOneDriveExperimentCohort === 'show_onedrive_tab';
+  const thirdPartyTabExperimentEnabled = googleDriveTabExperimentEnabled || oneDriveTabExperimentEnabled;
   const {
     items,
     isLoading: isLoadingResults,
@@ -140,7 +143,7 @@ export const LinkPicker = withLinkPickerAnalyticsContext( /*#__PURE__*/memo(({
     retry,
     pluginAction,
     pluginBanner
-  } = usePlugins(queryState, activeTab, plugins, googleDriveTabExperimentEnabled);
+  } = usePlugins(queryState, activeTab, plugins, thirdPartyTabExperimentEnabled);
   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;
@@ -433,7 +436,7 @@ export const LinkPicker = withLinkPickerAnalyticsContext( /*#__PURE__*/memo(({
     submitMessageId: submitMessageId,
     testId: testIds.insertButton,
     url: url
-  })), googleDriveTabExperimentEnabled && pluginBanner && pluginBanner(), !!queryState && (isLoadingPlugins || isActivePlugin) && /*#__PURE__*/React.createElement(SearchResults, {
+  })), thirdPartyTabExperimentEnabled && 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

@@ -46,10 +46,13 @@ export const SearchResults = ({
 }) => {
   var _activePlugin$errorFa, _activePlugin$errorFa2;
   const isActivePlugin = !!activePlugin;
-  // 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.
+  // Experiment with new 3P tabs in link picker. 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 showScrollingTabList = (featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.scrollingTabs) || googleDriveTabExperimentEnabled;
+  const linkPicker3pOneDriveExperimentCohort = FeatureGates.initializeCalled() ? FeatureGates.getExperimentValue('link_picker_3p_onedrive_experiment', 'cohort', 'control') : 'control';
+  const oneDriveTabExperimentEnabled = linkPicker3pOneDriveExperimentCohort === 'show_onedrive_tab';
+  const thirdPartyTabExperimentEnabled = googleDriveTabExperimentEnabled || oneDriveTabExperimentEnabled;
+  const showScrollingTabList = (featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.scrollingTabs) || thirdPartyTabExperimentEnabled;
   const tabList = /*#__PURE__*/React.createElement(TabList, null, tabs.map(tab => /*#__PURE__*/React.createElement(Tab, {
     key: tab.tabTitle,
     testId: testIds.tabItem

package/dist/es2019/ui/main.js

@@ -15,7 +15,7 @@ export const testIds = {
 };
 export const PACKAGE_DATA = {
   packageName: "@atlaskit/link-picker" || '',
-  packageVersion: "3.11.3" || '',
+  packageVersion: "0.0.0-development" || '',
   componentName: COMPONENT_NAME,
   source: COMPONENT_NAME
 };

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

@@ -12,7 +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 thirdPartyTabExperimentEnabled = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
   var _useAnalyticsEvents = useAnalyticsEvents(),
     createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   var _useState = useState(0),
@@ -128,13 +128,13 @@ export function usePlugins(state, activeTab, plugins) {
     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.
+  // This is needed for the 3P tab experiments 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 thirdPartyTabExperimentEnabled ? 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]);
+  }, [plugins, thirdPartyTabExperimentEnabled]);
   return {
     tabs: tabs,
     items: items,

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

@@ -128,10 +128,13 @@ export var LinkPicker = withLinkPickerAnalyticsContext( /*#__PURE__*/memo(functi
   var intl = useIntl();
   var 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.
+  // Experiment with new 3P tabs in link picker. 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),
+  var linkPicker3pOneDriveExperimentCohort = FeatureGates.initializeCalled() ? FeatureGates.getExperimentValue('link_picker_3p_onedrive_experiment', 'cohort', 'control') : 'control';
+  var oneDriveTabExperimentEnabled = linkPicker3pOneDriveExperimentCohort === 'show_onedrive_tab';
+  var thirdPartyTabExperimentEnabled = googleDriveTabExperimentEnabled || oneDriveTabExperimentEnabled;
+  var _usePlugins = usePlugins(queryState, activeTab, plugins, thirdPartyTabExperimentEnabled),
     items = _usePlugins.items,
     isLoadingResults = _usePlugins.isLoading,
     isActivePlugin = _usePlugins.isActivePlugin,
@@ -469,7 +472,7 @@ export var LinkPicker = withLinkPickerAnalyticsContext( /*#__PURE__*/memo(functi
     submitMessageId: submitMessageId,
     testId: testIds.insertButton,
     url: url
-  })), googleDriveTabExperimentEnabled && pluginBanner && pluginBanner(), !!queryState && (isLoadingPlugins || isActivePlugin) && /*#__PURE__*/React.createElement(SearchResults, {
+  })), thirdPartyTabExperimentEnabled && 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

@@ -46,10 +46,13 @@ export var SearchResults = function SearchResults(_ref) {
     adaptiveHeight = _ref.adaptiveHeight,
     retry = _ref.retry;
   var isActivePlugin = !!activePlugin;
-  // 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.
+  // Experiment with new 3P tabs in link picker. 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 showScrollingTabList = (featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.scrollingTabs) || googleDriveTabExperimentEnabled;
+  var linkPicker3pOneDriveExperimentCohort = FeatureGates.initializeCalled() ? FeatureGates.getExperimentValue('link_picker_3p_onedrive_experiment', 'cohort', 'control') : 'control';
+  var oneDriveTabExperimentEnabled = linkPicker3pOneDriveExperimentCohort === 'show_onedrive_tab';
+  var thirdPartyTabExperimentEnabled = googleDriveTabExperimentEnabled || oneDriveTabExperimentEnabled;
+  var showScrollingTabList = (featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.scrollingTabs) || thirdPartyTabExperimentEnabled;
   var tabList = /*#__PURE__*/React.createElement(TabList, null, tabs.map(function (tab) {
     return /*#__PURE__*/React.createElement(Tab, {
       key: tab.tabTitle,

package/dist/esm/ui/main.js

@@ -16,7 +16,7 @@ export var testIds = {
 };
 export var PACKAGE_DATA = {
   packageName: "@atlaskit/link-picker" || '',
-  packageVersion: "3.11.3" || '',
+  packageVersion: "0.0.0-development" || '',
   componentName: COMPONENT_NAME,
   source: COMPONENT_NAME
 };

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

@@ -13,4 +13,4 @@ export interface LinkPickerPluginsService {
     pluginAction?: LinkPickerPluginAction;
     pluginBanner?: LinkPickerPluginBanner;
 }
-export declare function usePlugins(state: LinkPickerState | null, activeTab: number, plugins?: LinkPickerPlugin[], googleDriveTabExperimentEnabled?: boolean): LinkPickerPluginsService;
+export declare function usePlugins(state: LinkPickerState | null, activeTab: number, plugins?: LinkPickerPlugin[], thirdPartyTabExperimentEnabled?: boolean): LinkPickerPluginsService;

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

@@ -13,4 +13,4 @@ export interface LinkPickerPluginsService {
     pluginAction?: LinkPickerPluginAction;
     pluginBanner?: LinkPickerPluginBanner;
 }
-export declare function usePlugins(state: LinkPickerState | null, activeTab: number, plugins?: LinkPickerPlugin[], googleDriveTabExperimentEnabled?: boolean): LinkPickerPluginsService;
+export declare function usePlugins(state: LinkPickerState | null, activeTab: number, plugins?: LinkPickerPlugin[], thirdPartyTabExperimentEnabled?: boolean): LinkPickerPluginsService;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/link-picker",
-	"version": "3.11.4",
+	"version": "3.12.0",
 	"description": "Standalone link picker",
 	"author": "Atlassian Pty Ltd",
 	"publishConfig": {
@@ -56,7 +56,7 @@
 		"@atlaskit/css": "^0.14.0",
 		"@atlaskit/feature-gate-js-client": "^5.5.0",
 		"@atlaskit/form": "^14.2.0",
-		"@atlaskit/frontend-utilities": "^3.1.0",
+		"@atlaskit/frontend-utilities": "^3.2.0",
 		"@atlaskit/heading": "^5.2.0",
 		"@atlaskit/icon": "^28.3.0",
 		"@atlaskit/intl-messages-provider": "^2.0.0",
@@ -68,7 +68,7 @@
 		"@atlaskit/primitives": "^14.15.0",
 		"@atlaskit/smart-card": "^42.3.0",
 		"@atlaskit/spinner": "^19.0.0",
-		"@atlaskit/tabs": "^18.1.0",
+		"@atlaskit/tabs": "^18.2.0",
 		"@atlaskit/textfield": "^8.0.0",
 		"@atlaskit/theme": "^21.0.0",
 		"@atlaskit/tokens": "^6.4.0",