@atlaskit/link-datasource 6.5.0 → 6.7.0

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/issue-like-table/table-settings-menu/index.compiled.css

@@ -0,0 +1,6 @@
+._1rjcu2gc{padding-block:var(--ds-space-100,8px)}._19bvutpp{padding-left:var(--ds-space-150,9pt)}
+._1bsb1mjv{width:300px}
+._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
+._ca0q1b66{padding-top:var(--ds-space-050,4px)}
+._n3td1b66{padding-bottom:var(--ds-space-050,4px)}
+._u5f3utpp{padding-right:var(--ds-space-150,9pt)}

package/dist/es2019/ui/issue-like-table/table-settings-menu/index.js

@@ -0,0 +1,76 @@
+/* index.tsx generated by @compiled/babel-plugin v2.0.0 */
+import "./index.compiled.css";
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
+import { useId, useState } from 'react';
+import { useIntl } from 'react-intl';
+import { IconButton } from '@atlaskit/button/new';
+import ShowMoreHorizontalIcon from '@atlaskit/icon/core/show-more-horizontal';
+import { Popup } from '@atlaskit/popup/popup';
+import { Box, Inline } from '@atlaskit/primitives/compiled';
+import { layers } from '@atlaskit/theme/constants';
+import Toggle from '@atlaskit/toggle/toggle';
+import { tableSettingsMenuMessages } from './messages';
+const styles = {
+  menu: "_1rjcu2gc _1bsb1mjv",
+  setting: "_bfhksm61 _ca0q1b66 _u5f3utpp _n3td1b66 _19bvutpp"
+};
+export const hasAvailableTableSettings = ({
+  wrapTextSetting
+}) => Boolean(wrapTextSetting);
+export const TableSettingsMenu = props => {
+  const {
+    formatMessage
+  } = useIntl();
+  const [isOpen, setIsOpen] = useState(false);
+  const wrapTextToggleId = useId();
+  if (!hasAvailableTableSettings(props)) {
+    return null;
+  }
+  const {
+    wrapTextSetting
+  } = props;
+  const wrapTextLabel = formatMessage(tableSettingsMenuMessages.wrapTextOnAllColumns);
+  return /*#__PURE__*/React.createElement(Popup, {
+    isOpen: isOpen,
+    onClose: () => setIsOpen(false),
+    placement: "bottom-end",
+    shouldFlip: true,
+    testId: "table-settings-menu",
+    zIndex: layers.modal(),
+    role: "dialog",
+    label: formatMessage(tableSettingsMenuMessages.tableSettings),
+    trigger: triggerProps => /*#__PURE__*/React.createElement(IconButton, {
+      ref: triggerProps.ref,
+      "aria-controls": triggerProps['aria-controls'],
+      "aria-expanded": triggerProps['aria-expanded'],
+      "aria-haspopup": triggerProps['aria-haspopup'],
+      icon: ShowMoreHorizontalIcon,
+      isSelected: isOpen,
+      isTooltipDisabled: false,
+      label: formatMessage(tableSettingsMenuMessages.moreActions),
+      onClick: () => setIsOpen(currentIsOpen => !currentIsOpen),
+      spacing: "default"
+    }),
+    content: ({
+      setInitialFocusRef
+    }) => /*#__PURE__*/React.createElement(Box, {
+      xcss: styles.menu
+    }, wrapTextSetting && /*#__PURE__*/React.createElement(Box, {
+      xcss: styles.setting
+    }, /*#__PURE__*/React.createElement(Inline, {
+      alignBlock: "center",
+      spread: "space-between"
+    }, /*#__PURE__*/React.createElement("label", {
+      htmlFor: wrapTextToggleId
+    }, wrapTextLabel), /*#__PURE__*/React.createElement(Toggle, {
+      ref: element => {
+        setInitialFocusRef(element);
+      },
+      id: wrapTextToggleId,
+      isChecked: wrapTextSetting.isChecked,
+      onChange: wrapTextSetting.onChange,
+      testId: "table-settings-menu-wrap-text-toggle"
+    }))))
+  });
+};

package/dist/es2019/ui/issue-like-table/table-settings-menu/messages.js

@@ -0,0 +1,18 @@
+import { defineMessages } from 'react-intl';
+export const tableSettingsMenuMessages = defineMessages({
+  moreActions: {
+    id: 'link-datasource.issue-like-table.table-settings-menu.moreActions',
+    description: 'Tooltip and accessibility label for the table settings meatball menu button',
+    defaultMessage: 'More actions'
+  },
+  tableSettings: {
+    id: 'link-datasource.issue-like-table.table-settings-menu.tableSettings',
+    description: 'Accessibility label for the table settings popup',
+    defaultMessage: 'Table settings'
+  },
+  wrapTextOnAllColumns: {
+    id: 'link-datasource.issue-like-table.table-settings-menu.wrapTextOnAllColumns',
+    description: 'Label for the toggle that wraps text in every table column',
+    defaultMessage: 'Wrap text in all columns'
+  }
+});

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-context/index.js

@@ -27,7 +27,8 @@ export var DatasourceContextProvider = function DatasourceContextProvider(_ref)
     onColumnResize = _useColumnResize.onColumnResize;
   var _useColumnWrapping = useColumnWrapping(initialWrappedColumnKeys),
     wrappedColumnKeys = _useColumnWrapping.wrappedColumnKeys,
-    onWrappedColumnChange = _useColumnWrapping.onWrappedColumnChange;
+    onWrappedColumnChange = _useColumnWrapping.onWrappedColumnChange,
+    onWrappedColumnsChange = _useColumnWrapping.onWrappedColumnsChange;
   var tableState = useDatasourceTableState({
     datasourceId: datasourceId,
     parameters: isValidParameters(parameters) ? parameters : undefined,
@@ -53,11 +54,12 @@ export var DatasourceContextProvider = function DatasourceContextProvider(_ref)
       onColumnResize: onColumnResize,
       wrappedColumnKeys: wrappedColumnKeys,
       onWrappedColumnChange: onWrappedColumnChange,
+      onWrappedColumnsChange: onWrappedColumnsChange,
       parameters: parameters,
       setParameters: setParameters,
       onInsert: onInsert
     };
-  }, [datasourceId, isValidParameters, tableState, visibleColumnCount, visibleColumnKeys, onVisibleColumnKeysChange, columnCustomSizes, onColumnResize, wrappedColumnKeys, onWrappedColumnChange, parameters, onInsert]);
+  }, [datasourceId, isValidParameters, tableState, visibleColumnCount, visibleColumnKeys, onVisibleColumnKeysChange, columnCustomSizes, onColumnResize, wrappedColumnKeys, onWrappedColumnChange, onWrappedColumnsChange, parameters, onInsert]);
   return /*#__PURE__*/React.createElement(DatasourceContext.Provider, {
     value: contextValue
   }, children);

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/datasources-table-in-modal-preview/index.js

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useCallback } from 'react';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { DatasourceAction } from '../../../../analytics/types';
 import { useUserInteractions } from '../../../../contexts/user-interactions';
 import { IssueLikeDataTableView } from '../../../issue-like-table';
@@ -10,6 +11,7 @@ var Table = function Table(props) {
     onColumnResize = _useDatasourceContext.onColumnResize,
     wrappedColumnKeys = _useDatasourceContext.wrappedColumnKeys,
     onWrappedColumnChange = _useDatasourceContext.onWrappedColumnChange,
+    onWrappedColumnsChange = _useDatasourceContext.onWrappedColumnsChange,
     visibleColumnKeys = _useDatasourceContext.visibleColumnKeys,
     onVisibleColumnKeysChange = _useDatasourceContext.onVisibleColumnKeysChange,
     _useDatasourceContext2 = _useDatasourceContext.tableState,
@@ -44,6 +46,8 @@ var Table = function Table(props) {
     onColumnResize: onColumnResize,
     wrappedColumnKeys: wrappedColumnKeys,
     onWrappedColumnChange: onWrappedColumnChange
-  }));
+  }, fg('platform_lp_sllv_table_settings_menu') ? {
+    onWrappedColumnsChange: onWrappedColumnsChange
+  } : {}));
 };
 export default Table;

package/dist/esm/ui/common/modal/datasources-table-in-modal-preview/use-column-wrapping/index.js

@@ -1,5 +1,6 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import { useCallback, useState } from 'react';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 export var useColumnWrapping = function useColumnWrapping() {
   var initialWrappedColumnKeys = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
   var _useState = useState(initialWrappedColumnKeys),
@@ -15,6 +16,27 @@ export var useColumnWrapping = function useColumnWrapping() {
     }
     setWrappedColumnKeys(Array.from(set));
   }, [wrappedColumnKeys]);
+  var onWrappedColumnChangeWithLatestState = useCallback(function (key, isWrapped) {
+    setWrappedColumnKeys(function (currentWrappedColumnKeys) {
+      var nextWrappedColumnKeys = new Set(currentWrappedColumnKeys);
+      if (isWrapped) {
+        nextWrappedColumnKeys.add(key);
+      } else {
+        nextWrappedColumnKeys.delete(key);
+      }
+      return Array.from(nextWrappedColumnKeys);
+    });
+  }, []);
+  var onWrappedColumnsChange = useCallback(function (nextWrappedColumnKeys) {
+    setWrappedColumnKeys(nextWrappedColumnKeys);
+  }, []);
+  if (fg('platform_lp_sllv_table_settings_menu')) {
+    return {
+      wrappedColumnKeys: wrappedColumnKeys,
+      onWrappedColumnChange: onWrappedColumnChangeWithLatestState,
+      onWrappedColumnsChange: onWrappedColumnsChange
+    };
+  }
   return {
     wrappedColumnKeys: wrappedColumnKeys,
     onWrappedColumnChange: onWrappedColumnChange

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) {