@atlaskit/link-datasource 6.5.0 → 6.6.0

package/dist/es2019/ui/issue-like-table/render-type/status/index.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import Lozenge from '@atlaskit/lozenge';
+import Lozenge from '@atlaskit/lozenge/lozenge';
 export const STATUS_TYPE_TEST_ID = 'link-datasource-render-type--status';
 const StatusRenderType = ({
   text,

package/dist/es2019/ui/issue-like-table/render-type/tag/index.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import Tag from '@atlaskit/tag';
+import Tag from '@atlaskit/tag/removable-tag';
 export const TAG_TYPE_TEST_ID = 'link-datasource-render-type--tag';
 const TagRenderType = ({
   tag,

package/dist/es2019/ui/issue-like-table/render-type/user/index.js

@@ -5,10 +5,10 @@ import { forwardRef } from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import React, { useState } from 'react';
 import { FormattedMessage } from 'react-intl';
-import Avatar from '@atlaskit/avatar';
-import AvatarGroup from '@atlaskit/avatar-group';
+import Avatar from '@atlaskit/avatar/avatar';
+import AvatarGroup from '@atlaskit/avatar-group/avatar-group';
 import { Box } from '@atlaskit/primitives/compiled';
-import { WidthObserver } from '@atlaskit/width-detector';
+import { WidthObserver } from '@atlaskit/width-detector/width-observer';
 import { userTypeMessages } from './messages';
 const styles = {
   userWrapperStyles: "_11c8fhey _1e0c1txw _4cvr1h6o",

package/dist/es2019/ui/issue-like-table/shared-components/avatar/index.js

@@ -3,9 +3,9 @@ import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
 import { FormattedMessage, useIntl } from 'react-intl';
-import Avatar from '@atlaskit/avatar';
+import Avatar from '@atlaskit/avatar/avatar';
 import { Box } from '@atlaskit/primitives/compiled';
-import Tooltip from '@atlaskit/tooltip';
+import Tooltip from '@atlaskit/tooltip/Tooltip';
 import { USER_TYPE_TEST_ID } from '../../render-type/user';
 import { userTypeMessages } from '../../render-type/user/messages';
 const styles = {

package/dist/es2019/ui/issue-like-table/table-cell-content/index.js

@@ -6,7 +6,7 @@ import { useIntl } from 'react-intl';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { Box } from '@atlaskit/primitives/compiled';
 import LinkUrl from '@atlaskit/smart-card/link-url';
-import Tooltip from '@atlaskit/tooltip';
+import Tooltip from '@atlaskit/tooltip/Tooltip';
 import { useDatasourceCrossProductAttribution } from '../../../analytics/xpc/useDatasourceCrossProductAttribution';
 import { useDatasourceItem } from '../../../state';
 import { useExecuteAtomicAction } from '../../../state/actions';
@@ -114,25 +114,18 @@ export const ReadOnlyCell = ({
     type: columnType,
     values
   };
-  if (fg('platform_lp_sllv_jira_type_as_link')) {
-    const isIssueTypeColumn = isIssueTypeColumnFn(columnKey);
-    const issueLinkData = getIssueLinkData(rowData);
-    return /*#__PURE__*/React.createElement(TooltipWrapper, {
-      columnKey: columnKey,
-      datasourceTypeWithValues: datasourceTypeWithValues,
-      wrappedColumnKeys: wrappedColumnKeys
-    }, isIssueTypeColumn && issueLinkData ? fg('electric_issue_like_table_xpc_url_wrapping') ? /*#__PURE__*/React.createElement(LinkedCellContentWrapped, {
-      issueLinkData: issueLinkData
-    }, renderItem(datasourceTypeWithValues)) : getLinkedCellContent({
-      children: renderItem(datasourceTypeWithValues),
-      issueLinkData
-    }) : renderItem(datasourceTypeWithValues));
-  }
+  const isIssueTypeColumn = isIssueTypeColumnFn(columnKey);
+  const issueLinkData = getIssueLinkData(rowData);
   return /*#__PURE__*/React.createElement(TooltipWrapper, {
     columnKey: columnKey,
     datasourceTypeWithValues: datasourceTypeWithValues,
     wrappedColumnKeys: wrappedColumnKeys
-  }, renderItem(datasourceTypeWithValues));
+  }, isIssueTypeColumn && issueLinkData ? fg('electric_issue_like_table_xpc_url_wrapping') ? /*#__PURE__*/React.createElement(LinkedCellContentWrapped, {
+    issueLinkData: issueLinkData
+  }, renderItem(datasourceTypeWithValues)) : getLinkedCellContent({
+    children: renderItem(datasourceTypeWithValues),
+    issueLinkData
+  }) : renderItem(datasourceTypeWithValues));
 };
 const InlineEditableCell = ({
   ari,
@@ -171,12 +164,12 @@ const InlineEditableCell = ({
     style: {
       minHeight: 'calc(40px - 2px * 2)'
     }
-  }, fg('platform_lp_sllv_jira_type_as_link') ? !isEditable && isIssueTypeColumnFn(columnKey) && issueLinkData ? fg('electric_issue_like_table_xpc_url_wrapping') ? /*#__PURE__*/React.createElement(LinkedCellContentWrapped, {
+  }, !isEditable && isIssueTypeColumnFn(columnKey) && issueLinkData ? fg('electric_issue_like_table_xpc_url_wrapping') ? /*#__PURE__*/React.createElement(LinkedCellContentWrapped, {
     issueLinkData: issueLinkData
   }, renderItem(values)) : getLinkedCellContent({
     children: renderItem(values),
     issueLinkData
-  }) : renderItem(values) : renderItem(values)));
+  }) : renderItem(values)));
   if (!isEditable) {
     return readView;
   }
@@ -234,7 +227,7 @@ export const TableCellContent = ({
         columnTitle: columnTitle,
         renderItem: renderItem,
         integrationKey: integrationKey,
-        issueLinkData: fg('platform_lp_sllv_jira_type_as_link') ? getIssueLinkData(rowData) : undefined,
+        issueLinkData: getIssueLinkData(rowData),
         values: toDatasourceTypeWithValues({
           rowData,
           columnKey,

package/dist/es2019/ui/issue-like-table/table-cell-content/inline-edit.js

@@ -4,7 +4,7 @@ import "./inline-edit.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { useCallback, useMemo, useState } from 'react';
 import { useIntl } from 'react-intl';
-import AKInlineEdit from '@atlaskit/inline-edit';
+import AKInlineEdit from '@atlaskit/inline-edit/inline-edit';
 import { Box } from '@atlaskit/primitives/compiled';
 import { useSmartLinkReload } from '@atlaskit/smart-card/hooks';
 import { useDatasourceAnalyticsEvents } from '../../../analytics';

package/dist/es2019/ui/jira-issues-modal/jql-editor/index.js

@@ -1,7 +1,7 @@
 import React, { useEffect, useRef } from 'react';
 import { FormattedMessage } from 'react-intl';
 import { JQLEditor } from '@atlaskit/jql-editor';
-import { useAutocompleteProvider } from '@atlaskit/jql-editor-autocomplete-rest';
+import { useAutocompleteProvider } from '@atlaskit/jql-editor-autocomplete-rest/use-autocomplete-provider';
 import { makeGetJqlAutocompleteData } from '../../../services/makeGetJqlAutocompleteData';
 import { makeGetJqlSuggestionsData } from '../../../services/makeGetJqlSuggestionsData';
 export const JiraJQLEditor = ({

package/dist/es2019/ui/jira-issues-modal/modal/index.js

@@ -5,10 +5,15 @@ import { ax, ix } from "@compiled/react/runtime";
 /* eslint-disable @atlaskit/platform/no-preconditioning */
 import React, { Fragment, useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { FormattedMessage, useIntl } from 'react-intl';
-import FeatureGates from '@atlaskit/feature-gate-js-client';
+import FeatureGates from '@atlaskit/feature-gate-js-client/feature-gates';
 import IntlMessagesProvider from '@atlaskit/intl-messages-provider/main';
-import LinkComponent from '@atlaskit/link';
-import { CloseButton, ModalBody, ModalFooter, ModalHeader, ModalTitle, ModalTransition } from '@atlaskit/modal-dialog';
+import LinkComponent from '@atlaskit/link/link';
+import { CloseButton } from '@atlaskit/modal-dialog/close-button';
+import ModalBody from '@atlaskit/modal-dialog/modal-body';
+import ModalFooter from '@atlaskit/modal-dialog/modal-footer';
+import ModalHeader from '@atlaskit/modal-dialog/modal-header';
+import ModalTitle from '@atlaskit/modal-dialog/modal-title';
+import ModalTransition from '@atlaskit/modal-dialog/modal-transition';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { Flex } from '@atlaskit/primitives/compiled';
 import { useDatasourceAnalyticsEvents } from '../../../analytics';

package/dist/es2019/ui/table-footer/index.js

@@ -5,7 +5,7 @@ import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { useEffect, useState } from 'react';
 import { FormattedMessage, useIntl } from 'react-intl';
-import { IconButton } from '@atlaskit/button/new';
+import IconButton from '@atlaskit/button/icon/button';
 import RefreshIcon from '@atlaskit/icon/core/refresh';
 import { Box, Flex, Inline } from '@atlaskit/primitives/compiled';
 import { ASSETS_LIST_OF_LINKS_DATASOURCE_ID } from '../assets-modal';

package/dist/esm/analytics/generated/use-analytics-events.js

@@ -7,7 +7,7 @@
  * @codegenCommand yarn workspace @atlassian/analytics-tooling run analytics:codegen link-datasource
  */
 import { useCallback } from 'react';
-import { useAnalyticsEvents as useAnalyticsNextEvents } from '@atlaskit/analytics-next';
+import { useAnalyticsEvents as useAnalyticsNextEvents } from '@atlaskit/analytics-next/useAnalyticsEvents';
 import { EVENT_CHANNEL } from '../constants';
 import createEventPayload from './create-event-payload';
 export var useAnalyticsEvents = function useAnalyticsEvents() {

package/dist/esm/analytics/ufoExperiences/index.js

@@ -1,4 +1,5 @@
-import { ConcurrentExperience, ExperiencePerformanceTypes, ExperienceTypes } from '@atlaskit/ufo';
+import { ConcurrentExperience } from '@atlaskit/ufo/concurrent-experience';
+import { ExperiencePerformanceTypes, ExperienceTypes } from '@atlaskit/ufo/experience-types';
 var datasourcePageSegmentLoadExperienceConfig = {
   platform: {
     component: 'datasource'

package/dist/esm/analytics/wrappers/render-failed/datasourceRenderFailedAnalyticsWrapper.js

@@ -2,7 +2,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import { useEffect } from 'react';
-import { withAnalyticsContext } from '@atlaskit/analytics-next';
+import withAnalyticsContext from '@atlaskit/analytics-next/withAnalyticsContext';
 import { logToSentry } from '../../../hooks/useErrorLogger';
 import { componentMetadata } from '../../constants';
 import { useDatasourceAnalyticsEvents } from '../../index';

package/dist/esm/hooks/useAssetsClient.js

@@ -2,7 +2,7 @@ import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import { useEffect, useState } from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { useDatasourceAnalyticsEvents } from '../analytics';
 import { fetchObjectSchema, fetchObjectSchemas, getWorkspaceId, resolvePrimaryWorkspace } from '../services/cmdbService';
 import { getMeta } from '../services/getMeta';

package/dist/esm/hooks/useDatasourceTableFlag.js

@@ -5,7 +5,7 @@ import React, { useCallback } from 'react';
 import { FormattedMessage } from 'react-intl';
 // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
 import uuid from 'uuid';
-import { useFlags } from '@atlaskit/flag';
+import { useFlags } from '@atlaskit/flag/use-flags';
 import CrossCircleIcon from '@atlaskit/icon/core/cross-circle';
 import { useDatasourceAnalyticsEvents } from '../analytics';
 import { issueLikeTableMessages } from '../ui/issue-like-table/messages';

package/dist/esm/hooks/useLoadOptions.js

@@ -6,7 +6,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import { useEffect, useReducer } from 'react';
-import { ActionOperationStatus } from '@atlaskit/linking-types';
+import { ActionOperationStatus } from '@atlaskit/linking-types/datasource-actions';
 import { useDatasourceTableFlag } from './useDatasourceTableFlag';
 var loadOptions = /*#__PURE__*/function () {
   var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {

package/dist/esm/services/getAvailableSites.js

@@ -1,7 +1,7 @@
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import { mapAccessibleProductsToAvailableSites } from '@atlaskit/linking-common/hooks';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 export var getAccessibleProducts = /*#__PURE__*/function () {
   var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(product) {
     var requestConfig, endpoint, response, res, _t, _t2, _t3;

package/dist/esm/ui/assets-modal/modal/index.js

@@ -9,10 +9,14 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { FormattedMessage } from 'react-intl';
-import { withAnalyticsContext } from '@atlaskit/analytics-next';
+import withAnalyticsContext from '@atlaskit/analytics-next/withAnalyticsContext';
 import Button from '@atlaskit/button/standard-button';
 import IntlMessagesProvider from '@atlaskit/intl-messages-provider/main';
-import { ModalBody, ModalFooter, ModalHeader, ModalTitle, ModalTransition } from '@atlaskit/modal-dialog';
+import ModalBody from '@atlaskit/modal-dialog/modal-body';
+import ModalFooter from '@atlaskit/modal-dialog/modal-footer';
+import ModalHeader from '@atlaskit/modal-dialog/modal-header';
+import ModalTitle from '@atlaskit/modal-dialog/modal-title';
+import ModalTransition from '@atlaskit/modal-dialog/modal-transition';
 import { EVENT_CHANNEL, useDatasourceAnalyticsEvents } from '../../../analytics';
 import { componentMetadata } from '../../../analytics/constants';
 import { DatasourceAction, DatasourceDisplay, DatasourceSearchMethod } from '../../../analytics/types';

package/dist/esm/ui/assets-modal/modal/render-assets-content/initial-state-view/index.js

@@ -3,7 +3,7 @@ import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { useIntl } from 'react-intl';
-import Link from '@atlaskit/link';
+import Link from '@atlaskit/link/link';
 import { RichIconSearch } from '../../../../../common/ui/rich-icon/search';
 import { initialStateViewMessages } from './messages';
 var initialStateViewContainerStyles = null;

package/dist/esm/ui/assets-modal/search-container/aql-search-input/index.js

@@ -8,17 +8,19 @@ import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { Fragment } from 'react';
 import { useIntl } from 'react-intl';
-import { IconButton } from '@atlaskit/button/new';
-import { ErrorMessage, Field, MessageWrapper } from '@atlaskit/form';
+import IconButton from '@atlaskit/button/icon/button';
+import { ErrorMessage } from '@atlaskit/form/error-message';
+import Field from '@atlaskit/form/field';
+import { MessageWrapper } from '@atlaskit/form/message-wrapper';
 import CrossCircleIcon from '@atlaskit/icon/core/cross-circle';
 import QuestionCircleIcon from '@atlaskit/icon/core/question-circle';
 import SearchIcon from '@atlaskit/icon/core/search';
 import CheckCircleIcon from '@atlaskit/icon/core/status-success';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { Box } from '@atlaskit/primitives/compiled';
-import Spinner from '@atlaskit/spinner';
-import Textfield from '@atlaskit/textfield';
-import Tooltip from '@atlaskit/tooltip';
+import Spinner from '@atlaskit/spinner/spinner';
+import Textfield from '@atlaskit/textfield/text-field';
+import Tooltip from '@atlaskit/tooltip/Tooltip';
 import { useValidateAqlText } from '../../../../hooks/useValidateAqlText';
 import { aqlKey } from '../../../../types/assets/types';
 import { searchInputMessages } from './messages';

package/dist/esm/ui/assets-modal/search-container/index.js

@@ -6,8 +6,8 @@ import "./index.compiled.css";
 import { forwardRef } from 'react';
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
-import Form from '@atlaskit/form';
-import { CloseButton } from '@atlaskit/modal-dialog';
+import Form from '@atlaskit/form/form';
+import { CloseButton } from '@atlaskit/modal-dialog/close-button';
 import { Flex } from '@atlaskit/primitives/compiled';
 import { useDatasourceAnalyticsEvents } from '../../../analytics';
 import { AqlSearchInput } from './aql-search-input';

package/dist/esm/ui/assets-modal/search-container/object-schema-select/index.js

@@ -17,10 +17,10 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { useCallback, useRef, useState } from 'react';
 import debounce from 'debounce-promise';
 import { useIntl } from 'react-intl';
-import Button from '@atlaskit/button/new';
-import { Field } from '@atlaskit/form';
+import Button from '@atlaskit/button/default/button';
+import Field from '@atlaskit/form/field';
 import ChevronDownIcon from '@atlaskit/icon/core/chevron-down';
-import { PopupSelect } from '@atlaskit/select';
+import { PopupSelect } from '@atlaskit/select/popup-select';
 import { layers } from '@atlaskit/theme/constants';
 import { useObjectSchemas } from '../../../../hooks/useObjectSchemas';
 import { objectSchemaKey } from '../../../../types/assets/types';

package/dist/esm/ui/common/error-state/access-required.js

@@ -4,7 +4,7 @@ import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { useEffect } from 'react';
 import { useIntl } from 'react-intl';
-import EmptyState from '@atlaskit/empty-state';
+import EmptyState from '@atlaskit/empty-state/empty-state';
 import { Box } from '@atlaskit/primitives/compiled';
 import { useDatasourceAnalyticsEvents } from '../../../analytics';
 import { SpotPadlockKey } from '../../../common/ui/spot/basics/padlock-key';

package/dist/esm/ui/common/error-state/loading-error.js

@@ -6,7 +6,7 @@ import { ax, ix } from "@compiled/react/runtime";
 import { useEffect } from 'react';
 import { FormattedMessage } from 'react-intl';
 import Button from '@atlaskit/button/standard-button';
-import AKLink from '@atlaskit/link';
+import AKLink from '@atlaskit/link/link';
 import { Box, Inline, Text } from '@atlaskit/primitives/compiled';
 import { useDatasourceAnalyticsEvents } from '../../../analytics';
 import { SpotErrorSearch } from '../../../common/ui/spot/error-state/search';

package/dist/esm/ui/common/error-state/modal-loading-error.js

@@ -5,7 +5,7 @@ import { ax, ix } from "@compiled/react/runtime";
 import { useEffect } from 'react';
 import { cx } from '@compiled/react';
 import { FormattedMessage } from 'react-intl';
-import Button from '@atlaskit/button/new';
+import Button from '@atlaskit/button/default/button';
 import { Box, Text } from '@atlaskit/primitives/compiled';
 import { useDatasourceAnalyticsEvents } from '../../../analytics';
 import { SpotErrorSearch } from '../../../common/ui/spot/error-state/search';

package/dist/esm/ui/common/error-state/provider-auth-required.js

@@ -6,10 +6,11 @@ import { ax, ix } from "@compiled/react/runtime";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import React, { useEffect } from 'react';
 import { useIntl } from 'react-intl';
-import Button from '@atlaskit/button/new';
-import EmptyState from '@atlaskit/empty-state';
-import { AuthError, auth as outboundAuth } from '@atlaskit/outbound-auth-flow-client';
-import { fg } from '@atlaskit/platform-feature-flags';
+import Button from '@atlaskit/button/default/button';
+import EmptyState from '@atlaskit/empty-state/empty-state';
+import { AuthError } from '@atlaskit/outbound-auth-flow-client/error';
+import { auth as outboundAuth } from '@atlaskit/outbound-auth-flow-client/auth';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { Anchor, Box } from '@atlaskit/primitives/compiled';
 import { useDatasourceAnalyticsEvents } from '../../../analytics';
 import useErrorLogger from '../../../hooks/useErrorLogger';

package/dist/esm/ui/common/initial-state-view/index.js

@@ -3,8 +3,8 @@ import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { FormattedMessage, useIntl } from 'react-intl';
-import Link from '@atlaskit/link';
-import Lozenge from '@atlaskit/lozenge';
+import Link from '@atlaskit/link/link';
+import Lozenge from '@atlaskit/lozenge/lozenge';
 import { initialStateViewMessages } from './messages';
 var initialStateViewContainerStyles = null;
 var svgAndTextsWrapperStyles = null;

package/dist/esm/ui/common/modal/basic-search-input/index.js

@@ -4,11 +4,11 @@ import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { useIntl } from 'react-intl';
-import { IconButton } from '@atlaskit/button/new';
+import IconButton from '@atlaskit/button/icon/button';
 import SearchIcon from '@atlaskit/icon/core/search';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { Box } from '@atlaskit/primitives/compiled';
-import Textfield from '@atlaskit/textfield';
+import Textfield from '@atlaskit/textfield/text-field';
 import { useDatasourceAnalyticsEvents } from '../../../../analytics';
 import { basicSearchInputMessages } from './messages';
 var styles = {

package/dist/esm/ui/common/modal/datasource-modal/createDatasourceModal.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { AnalyticsContext } from '@atlaskit/analytics-next';
+import AnalyticsContext from '@atlaskit/analytics-next/AnalyticsContext';
 import { DatasourceExperienceIdProvider } from '../../../../contexts/datasource-experience-id';
 import { UserInteractionsProvider } from '../../../../contexts/user-interactions';
 import { DatasourceContextProvider } from '../datasource-context';

package/dist/esm/ui/common/modal/datasource-modal/index.js

@@ -1,5 +1,5 @@
 import React, { useEffect } from 'react';
-import Modal from '@atlaskit/modal-dialog';
+import Modal from '@atlaskit/modal-dialog/modal-dialog';
 import { useDatasourceAnalyticsEvents } from '../../../../analytics';
 var ScreenEvent = function ScreenEvent() {
   var _useDatasourceAnalyti = useDatasourceAnalyticsEvents(),

package/dist/esm/ui/common/modal/display-view-dropdown/display-view-drop-down.js

@@ -6,10 +6,12 @@ import "./display-view-drop-down.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
 import { FormattedMessage, useIntl } from 'react-intl';
-import Button from '@atlaskit/button/new';
-import DropdownMenu, { DropdownItem, DropdownItemGroup } from '@atlaskit/dropdown-menu';
+import Button from '@atlaskit/button/default/button';
+import DropdownMenu from '@atlaskit/dropdown-menu/dropdown-menu';
+import DropdownItem from '@atlaskit/dropdown-menu/dropdown-menu-item';
+import DropdownItemGroup from '@atlaskit/dropdown-menu/dropdown-menu-item-group';
 import ChevronDownIcon from '@atlaskit/icon/core/chevron-down';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { Box } from '@atlaskit/primitives/compiled';
 import { displayViewDropDownMessages } from './messages';
 var styles = {

package/dist/esm/ui/common/modal/mode-switcher/index.js

@@ -3,7 +3,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
-import Tooltip from '@atlaskit/tooltip';
+import Tooltip from '@atlaskit/tooltip/Tooltip';
 import VisuallyHidden from '@atlaskit/visually-hidden/visually-hidden';
 import { DatasourceAction } from '../../../../analytics/types';
 import { useUserInteractions } from '../../../../contexts/user-interactions';

package/dist/esm/ui/common/modal/popup-select/control.js

@@ -6,7 +6,7 @@ import "./control.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
 import { Box } from '@atlaskit/primitives/compiled';
-import { components } from '@atlaskit/select';
+import { components } from '@atlaskit/react-select/components';
 var getPopupCustomControlStyles = function getPopupCustomControlStyles() {
   return {
     display: 'flex',

package/dist/esm/ui/common/modal/popup-select/custom-checkbox-option.js

@@ -5,8 +5,8 @@ var _excluded = ["children"];
 import "./custom-checkbox-option.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
-import { CheckboxOption } from '@atlaskit/select';
-import Tooltip from '@atlaskit/tooltip';
+import { CheckboxOption } from '@atlaskit/select/checkbox-option';
+import Tooltip from '@atlaskit/tooltip/Tooltip';
 var checkboxStyles = null;
 var checkboxSelectedStyles = null;
 var checkboxFocusedStyles = null;

package/dist/esm/ui/common/modal/popup-select/dropdownIndicator.js

@@ -5,7 +5,7 @@ import React from 'react';
 import CloseIcon from '@atlaskit/icon/core/cross-circle';
 import SearchIcon from '@atlaskit/icon/core/search';
 import { Pressable } from '@atlaskit/primitives/compiled';
-import { components } from '@atlaskit/select';
+import { components } from '@atlaskit/react-select/components';
 var styles = {
   customDropdownIndicatorStylesOld: "_1e0c1txw _80omtlke _1bah1h6o _1bsbzwfg",
   customDropdownIndicatorStyles: "_1e0c1txw _80omtlke _1bah1h6o _1bsbzwfg _bfhk1j28 _syazazsu"

package/dist/esm/ui/common/modal/popup-select/formatOptionLabel.js

@@ -2,10 +2,10 @@
 import "./formatOptionLabel.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
-import Avatar from '@atlaskit/avatar';
+import Avatar from '@atlaskit/avatar/avatar';
 import { cx } from '@atlaskit/css';
 import PeopleGroupIcon from '@atlaskit/icon/core/people-group';
-import Lozenge from '@atlaskit/lozenge';
+import Lozenge from '@atlaskit/lozenge/lozenge';
 import { Box, Flex } from '@atlaskit/primitives/compiled';
 var styles = {
   commonLabelStyles: "_1reo15vq _18m915vq _1bto1l2s",

package/dist/esm/ui/common/modal/popup-select/index.js

@@ -11,7 +11,7 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
 import React, { useCallback, useEffect, useRef, useState } from 'react';
 import isEqual from 'lodash/isEqual';
 import { useIntl } from 'react-intl';
-import { PopupSelect } from '@atlaskit/select';
+import { PopupSelect } from '@atlaskit/select/popup-select';
 import { useDatasourceAnalyticsEvents } from '../../../../analytics';
 import CustomControl from './control';
 import { CustomCheckboxOption } from './custom-checkbox-option';

package/dist/esm/ui/common/modal/popup-select/menu-list/index.js

@@ -6,8 +6,8 @@ import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
 import { cx } from '@compiled/react';
 import { Box, Flex } from '@atlaskit/primitives/compiled';
-import { components } from '@atlaskit/select';
-import Spinner from '@atlaskit/spinner';
+import { components } from '@atlaskit/react-select/components';
+import Spinner from '@atlaskit/spinner/spinner';
 import CustomErrorMessage from './errorMessage';
 import CustomDropdownLoadingMessage from './loadingMessage';
 import CustomNoOptionsMessage from './noOptionsMessage';

package/dist/esm/ui/common/modal/popup-select/menu-list/loadingMessage.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import Spinner from '@atlaskit/spinner';
+import Spinner from '@atlaskit/spinner/spinner';
 import { asyncPopupSelectMessages } from './messages';
 import CustomSelectMessage from './selectMessage';
 var CustomDropdownLoadingMessage = function CustomDropdownLoadingMessage(_ref) {

package/dist/esm/ui/common/modal/popup-select/menu-list/selectMessage.js

@@ -3,7 +3,7 @@ import "./selectMessage.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
 import { FormattedMessage } from 'react-intl';
-import Heading from '@atlaskit/heading';
+import Heading from '@atlaskit/heading/heading';
 import { Flex, Stack, Text } from '@atlaskit/primitives/compiled';
 var styles = {
   boxStyles: "_4t3i16xz",

package/dist/esm/ui/common/modal/popup-select/menu-list/showMoreButton.js

@@ -1,6 +1,6 @@
 import React, { useCallback } from 'react';
 import { useIntl } from 'react-intl';
-import Button from '@atlaskit/button/new';
+import Button from '@atlaskit/button/default/button';
 import { useDatasourceAnalyticsEvents } from '../../../../../analytics';
 import { asyncPopupSelectMessages } from './messages';
 var ShowMoreButton = function ShowMoreButton(_ref) {

package/dist/esm/ui/common/modal/popup-select/trigger.js

@@ -6,12 +6,12 @@ var _excluded = ["as", "style"];
 import "./trigger.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { forwardRef, useMemo } from 'react';
-import Badge from '@atlaskit/badge';
-import NewButton from '@atlaskit/button/new';
+import Badge from '@atlaskit/badge/badge';
+import NewButton from '@atlaskit/button/default/button';
 import Button from '@atlaskit/button/standard-button';
 import ChevronDownIcon from '@atlaskit/icon/core/chevron-down';
 import { Box, Flex } from '@atlaskit/primitives/compiled';
-import Spinner from '@atlaskit/spinner';
+import Spinner from '@atlaskit/spinner/spinner';
 var styles = {
   triggerButtonLabelStyles: "_1reo15vq _18m915vq _1bto1l2s",
   badgeStyles: "_18u0utpp"

package/dist/esm/ui/common/modal/search-count/index.js

@@ -7,7 +7,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import React from 'react';
 import { FormattedMessage, FormattedNumber } from 'react-intl';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { Flex } from '@atlaskit/primitives/compiled';
 import LinkUrl from '@atlaskit/smart-card/link-url';
 import { footerMessages } from '../../../table-footer/messages';

package/dist/esm/ui/common/modal/site-selector/index.js

@@ -7,11 +7,11 @@ import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { useMemo } from 'react';
 import { useIntl } from 'react-intl';
-import Button from '@atlaskit/button/new';
-import Heading from '@atlaskit/heading';
+import Button from '@atlaskit/button/default/button';
+import Heading from '@atlaskit/heading/heading';
 import ChevronDownIcon from '@atlaskit/icon/core/chevron-down';
 import { Box } from '@atlaskit/primitives/compiled';
-import { PopupSelect } from '@atlaskit/select';
+import { PopupSelect } from '@atlaskit/select/popup-select';
 import { siteSelectorMessages } from './messages';
 var styles = {
   dropdownContainerStyles: "_zulpu2gc _1e0c1txw _4cvr1h6o _1tke1ylp"

package/dist/esm/ui/confluence-search-modal/basic-filters/filters/date-range-picker/index.js

@@ -17,7 +17,7 @@ import React, { useCallback, useEffect, useMemo, useState } from 'react';
 import { FormattedMessage, useIntl } from 'react-intl';
 import { DatePicker } from '@atlaskit/datetime-picker';
 import ErrorIcon from '@atlaskit/icon/core/status-error';
-import Popup from '@atlaskit/popup';
+import { Popup } from '@atlaskit/popup/popup';
 import { layers } from '@atlaskit/theme/constants';
 import { useDatasourceAnalyticsEvents } from '../../../../../analytics';
 import { dateRangeMessages } from './messages';

package/dist/esm/ui/confluence-search-modal/basic-filters/filters/date-range-picker/trigger.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
-import NewButton from '@atlaskit/button/new';
+import NewButton from '@atlaskit/button/default/button';
 import ChevronDownIcon from '@atlaskit/icon/core/chevron-down';
 export var PopupTrigger = function PopupTrigger(_ref) {
   var triggerProps = _ref.triggerProps,