@atlaskit/link-datasource 6.5.0 → 6.7.0

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

@@ -0,0 +1,96 @@
+/* index.tsx generated by @compiled/babel-plugin v2.0.0 */
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.hasAvailableTableSettings = exports.TableSettingsMenu = void 0;
+require("./index.compiled.css");
+var _react = _interopRequireWildcard(require("react"));
+var React = _react;
+var _runtime = require("@compiled/react/runtime");
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _reactIntl = require("react-intl");
+var _new = require("@atlaskit/button/new");
+var _showMoreHorizontal = _interopRequireDefault(require("@atlaskit/icon/core/show-more-horizontal"));
+var _popup = require("@atlaskit/popup/popup");
+var _compiled = require("@atlaskit/primitives/compiled");
+var _constants = require("@atlaskit/theme/constants");
+var _toggle = _interopRequireDefault(require("@atlaskit/toggle/toggle"));
+var _messages = require("./messages");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+var styles = {
+  menu: "_1rjcu2gc _1bsb1mjv",
+  setting: "_bfhksm61 _ca0q1b66 _u5f3utpp _n3td1b66 _19bvutpp"
+};
+var hasAvailableTableSettings = exports.hasAvailableTableSettings = function hasAvailableTableSettings(_ref) {
+  var wrapTextSetting = _ref.wrapTextSetting;
+  return Boolean(wrapTextSetting);
+};
+var TableSettingsMenu = exports.TableSettingsMenu = function TableSettingsMenu(props) {
+  var _useIntl = (0, _reactIntl.useIntl)(),
+    formatMessage = _useIntl.formatMessage;
+  var _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    isOpen = _useState2[0],
+    setIsOpen = _useState2[1];
+  var wrapTextToggleId = (0, _react.useId)();
+  if (!hasAvailableTableSettings(props)) {
+    return null;
+  }
+  var wrapTextSetting = props.wrapTextSetting;
+  var wrapTextLabel = formatMessage(_messages.tableSettingsMenuMessages.wrapTextOnAllColumns);
+  return /*#__PURE__*/React.createElement(_popup.Popup, {
+    isOpen: isOpen,
+    onClose: function onClose() {
+      return setIsOpen(false);
+    },
+    placement: "bottom-end",
+    shouldFlip: true,
+    testId: "table-settings-menu",
+    zIndex: _constants.layers.modal(),
+    role: "dialog",
+    label: formatMessage(_messages.tableSettingsMenuMessages.tableSettings),
+    trigger: function trigger(triggerProps) {
+      return /*#__PURE__*/React.createElement(_new.IconButton, {
+        ref: triggerProps.ref,
+        "aria-controls": triggerProps['aria-controls'],
+        "aria-expanded": triggerProps['aria-expanded'],
+        "aria-haspopup": triggerProps['aria-haspopup'],
+        icon: _showMoreHorizontal.default,
+        isSelected: isOpen,
+        isTooltipDisabled: false,
+        label: formatMessage(_messages.tableSettingsMenuMessages.moreActions),
+        onClick: function onClick() {
+          return setIsOpen(function (currentIsOpen) {
+            return !currentIsOpen;
+          });
+        },
+        spacing: "default"
+      });
+    },
+    content: function content(_ref2) {
+      var setInitialFocusRef = _ref2.setInitialFocusRef;
+      return /*#__PURE__*/React.createElement(_compiled.Box, {
+        xcss: styles.menu
+      }, wrapTextSetting && /*#__PURE__*/React.createElement(_compiled.Box, {
+        xcss: styles.setting
+      }, /*#__PURE__*/React.createElement(_compiled.Inline, {
+        alignBlock: "center",
+        spread: "space-between"
+      }, /*#__PURE__*/React.createElement("label", {
+        htmlFor: wrapTextToggleId
+      }, wrapTextLabel), /*#__PURE__*/React.createElement(_toggle.default, {
+        ref: function ref(element) {
+          setInitialFocusRef(element);
+        },
+        id: wrapTextToggleId,
+        isChecked: wrapTextSetting.isChecked,
+        onChange: wrapTextSetting.onChange,
+        testId: "table-settings-menu-wrap-text-toggle"
+      }))));
+    }
+  });
+};

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

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.tableSettingsMenuMessages = void 0;
+var _reactIntl = require("react-intl");
+var tableSettingsMenuMessages = exports.tableSettingsMenuMessages = (0, _reactIntl.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/cjs/ui/jira-issues-modal/jql-editor/index.js

@@ -8,7 +8,7 @@ exports.JiraJQLEditor = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactIntl = require("react-intl");
 var _jqlEditor = require("@atlaskit/jql-editor");
-var _jqlEditorAutocompleteRest = require("@atlaskit/jql-editor-autocomplete-rest");
+var _useAutocompleteProvider = require("@atlaskit/jql-editor-autocomplete-rest/use-autocomplete-provider");
 var _makeGetJqlAutocompleteData = require("../../../services/makeGetJqlAutocompleteData");
 var _makeGetJqlSuggestionsData = require("../../../services/makeGetJqlSuggestionsData");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
@@ -18,7 +18,7 @@ var JiraJQLEditor = exports.JiraJQLEditor = function JiraJQLEditor(_ref) {
     onChange = _ref.onChange,
     onSearch = _ref.onSearch,
     query = _ref.query;
-  var autocompleteProvider = (0, _jqlEditorAutocompleteRest.useAutocompleteProvider)('link-datasource', (0, _makeGetJqlAutocompleteData.makeGetJqlAutocompleteData)(cloudId), (0, _makeGetJqlSuggestionsData.makeGetJqlSuggestionsData)(cloudId));
+  var autocompleteProvider = (0, _useAutocompleteProvider.useAutocompleteProvider)('link-datasource', (0, _makeGetJqlAutocompleteData.makeGetJqlAutocompleteData)(cloudId), (0, _makeGetJqlSuggestionsData.makeGetJqlSuggestionsData)(cloudId));
 
   // This is an expected (pretty strange imo) way of making sure text field is in focus when rendered
   var inputRef = (0, _react.useRef)({

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

@@ -14,10 +14,15 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactIntl = require("react-intl");
-var _featureGateJsClient = _interopRequireDefault(require("@atlaskit/feature-gate-js-client"));
+var _featureGates = _interopRequireDefault(require("@atlaskit/feature-gate-js-client/feature-gates"));
 var _main = _interopRequireDefault(require("@atlaskit/intl-messages-provider/main"));
-var _link = _interopRequireDefault(require("@atlaskit/link"));
-var _modalDialog = require("@atlaskit/modal-dialog");
+var _link = _interopRequireDefault(require("@atlaskit/link/link"));
+var _closeButton = require("@atlaskit/modal-dialog/close-button");
+var _modalBody = _interopRequireDefault(require("@atlaskit/modal-dialog/modal-body"));
+var _modalFooter = _interopRequireDefault(require("@atlaskit/modal-dialog/modal-footer"));
+var _modalHeader = _interopRequireDefault(require("@atlaskit/modal-dialog/modal-header"));
+var _modalTitle = _interopRequireDefault(require("@atlaskit/modal-dialog/modal-title"));
+var _modalTransition = _interopRequireDefault(require("@atlaskit/modal-dialog/modal-transition"));
 var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _analytics = require("../../../analytics");
@@ -304,7 +309,7 @@ var PlainJiraIssuesConfigModal = function PlainJiraIssuesConfigModal(props) {
     };
     if (status === 'rejected' && jqlUrl) {
       return /*#__PURE__*/_react.default.createElement(_modalLoadingError.ModalLoadingError, {
-        errorMessage: jqlUrl ? /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, (0, _extends2.default)({}, _featureGateJsClient.default.getExperimentValue('project-terminology-refresh', 'isEnabled', false) ? _messages3.modalMessages.checkConnectionWithSourceVisualRefreshSllvGalaxia : _messages3.modalMessages.checkConnectionWithSourceVisualRefreshSllv, {
+        errorMessage: jqlUrl ? /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, (0, _extends2.default)({}, _featureGates.default.getExperimentValue('project-terminology-refresh', 'isEnabled', false) ? _messages3.modalMessages.checkConnectionWithSourceVisualRefreshSllvGalaxia : _messages3.modalMessages.checkConnectionWithSourceVisualRefreshSllv, {
           values: {
             a: function a(urlText) {
               return /*#__PURE__*/_react.default.createElement(_link.default, {
@@ -392,29 +397,29 @@ var PlainJiraIssuesConfigModal = function PlainJiraIssuesConfigModal(props) {
   return /*#__PURE__*/_react.default.createElement(_main.default, {
     defaultMessages: _en.default,
     loaderFn: _fetchMessagesForLocale.fetchMessagesForLocale
-  }, /*#__PURE__*/_react.default.createElement(_modalDialog.ModalTransition, null, /*#__PURE__*/_react.default.createElement(_datasourceModal.DatasourceModal, {
+  }, /*#__PURE__*/_react.default.createElement(_modalTransition.default, null, /*#__PURE__*/_react.default.createElement(_datasourceModal.DatasourceModal, {
     testId: "jira-datasource-modal",
     onClose: onCancel,
     shouldReturnFocus: shouldReturnFocus
-  }, /*#__PURE__*/_react.default.createElement(_modalDialog.ModalHeader, null, /*#__PURE__*/_react.default.createElement(_compiled.Flex, {
+  }, /*#__PURE__*/_react.default.createElement(_modalHeader.default, null, /*#__PURE__*/_react.default.createElement(_compiled.Flex, {
     gap: "space.200",
     justifyContent: "space-between",
     xcss: styles.flexStyles
   }, /*#__PURE__*/_react.default.createElement(_compiled.Flex, {
     justifyContent: "end",
     xcss: styles.viewModeContainer
-  }, !hasNoJiraSites && /*#__PURE__*/_react.default.createElement(_modeSwitcher.DatasourceViewModeDropDown, null), /*#__PURE__*/_react.default.createElement(_modalDialog.CloseButton, {
+  }, !hasNoJiraSites && /*#__PURE__*/_react.default.createElement(_modeSwitcher.DatasourceViewModeDropDown, null), /*#__PURE__*/_react.default.createElement(_closeButton.CloseButton, {
     onClick: onCancel
   })), /*#__PURE__*/_react.default.createElement(_compiled.Flex, {
     justifyContent: "start",
     xcss: styles.modalTitleContainer
-  }, /*#__PURE__*/_react.default.createElement(_modalDialog.ModalTitle, null, /*#__PURE__*/_react.default.createElement(_siteSelector.SiteSelector, {
+  }, /*#__PURE__*/_react.default.createElement(_modalTitle.default, null, /*#__PURE__*/_react.default.createElement(_siteSelector.SiteSelector, {
     availableSites: availableSites,
     onSiteSelection: onSiteSelection,
     selectedSite: selectedJiraSite,
     testId: "jira-datasource-modal--site-selector",
     label: siteSelectorLabel
-  }))))), /*#__PURE__*/_react.default.createElement(_modalDialog.ModalBody, null, !hasNoJiraSites ? /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_jiraSearchContainer.JiraSearchContainer, {
+  }))))), /*#__PURE__*/_react.default.createElement(_modalBody.default, null, !hasNoJiraSites ? /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_jiraSearchContainer.JiraSearchContainer, {
     setSearchBarJql: setSearchBarJql,
     searchBarJql: searchBarJql,
     setHasJqlSyntaxErrors: setHasJqlSyntaxErrors,
@@ -428,7 +433,7 @@ var PlainJiraIssuesConfigModal = function PlainJiraIssuesConfigModal(props) {
     title: _messages.loadingErrorMessages.noAccessToJiraSitesTitle,
     description: _messages.loadingErrorMessages.noAccessToJiraSitesDescription,
     testId: "no-jira-instances-content"
-  })), /*#__PURE__*/_react.default.createElement(_modalDialog.ModalFooter, null, shouldShowIssueCount && /*#__PURE__*/_react.default.createElement(_searchCount.default, {
+  })), /*#__PURE__*/_react.default.createElement(_modalFooter.default, null, shouldShowIssueCount && /*#__PURE__*/_react.default.createElement(_searchCount.default, {
     searchCount: totalCount,
     url: jqlUrl,
     prefixTextType: "issue",

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

@@ -14,7 +14,7 @@ var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _reactIntl = require("react-intl");
-var _new = require("@atlaskit/button/new");
+var _button = _interopRequireDefault(require("@atlaskit/button/icon/button"));
 var _refresh = _interopRequireDefault(require("@atlaskit/icon/core/refresh"));
 var _compiled = require("@atlaskit/primitives/compiled");
 var _assetsModal = require("../assets-modal");
@@ -63,7 +63,7 @@ var TableFooter = exports.TableFooter = function TableFooter(_ref) {
   }, onRefresh && /*#__PURE__*/React.createElement(_compiled.Inline, {
     alignBlock: "center",
     space: "space.050"
-  }, /*#__PURE__*/React.createElement(_new.IconButton, {
+  }, /*#__PURE__*/React.createElement(_button.default, {
     appearance: "subtle",
     icon: function icon(iconProps) {
       return /*#__PURE__*/React.createElement(_refresh.default, (0, _extends2.default)({}, iconProps, {

package/dist/es2019/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 const useAnalyticsEvents = () => {

package/dist/es2019/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';
 const datasourcePageSegmentLoadExperienceConfig = {
   platform: {
     component: 'datasource'

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

@@ -1,5 +1,5 @@
 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/es2019/hooks/useAssetsClient.js

@@ -1,5 +1,5 @@
 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/es2019/hooks/useDatasourceTableFlag.js

@@ -2,7 +2,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/es2019/hooks/useLoadOptions.js

@@ -1,5 +1,5 @@
 import { useEffect, useReducer } from 'react';
-import { ActionOperationStatus } from '@atlaskit/linking-types';
+import { ActionOperationStatus } from '@atlaskit/linking-types/datasource-actions';
 import { useDatasourceTableFlag } from './useDatasourceTableFlag';
 const loadOptions = async (fetchInputs = {}, executeFetch) => {
   if (!executeFetch) {

package/dist/es2019/services/getAvailableSites.js

@@ -1,5 +1,5 @@
 import { mapAccessibleProductsToAvailableSites } from '@atlaskit/linking-common/hooks';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 export const getAccessibleProducts = async product => {
   const requestConfig = {
     method: 'POST',

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

@@ -5,10 +5,14 @@ import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 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/es2019/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';
 const initialStateViewContainerStyles = null;

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

@@ -6,17 +6,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/es2019/ui/assets-modal/search-container/index.js

@@ -4,8 +4,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/es2019/ui/assets-modal/search-container/object-schema-select/index.js

@@ -7,10 +7,10 @@ import { ax, ix } from "@compiled/react/runtime";
 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/es2019/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/es2019/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/es2019/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/es2019/ui/common/error-state/provider-auth-required.js

@@ -3,10 +3,11 @@ import "./provider-auth-required.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 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/es2019/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';
 const initialStateViewContainerStyles = null;
 const svgAndTextsWrapperStyles = null;

package/dist/es2019/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';
 const styles = {

package/dist/es2019/ui/common/modal/datasource-context/index.js

@@ -22,7 +22,8 @@ export const DatasourceContextProvider = ({
   } = useColumnResize(initialColumnCustomSizes);
   const {
     wrappedColumnKeys,
-    onWrappedColumnChange
+    onWrappedColumnChange,
+    onWrappedColumnsChange
   } = useColumnWrapping(initialWrappedColumnKeys);
   const tableState = useDatasourceTableState({
     datasourceId,
@@ -49,10 +50,11 @@ export const DatasourceContextProvider = ({
     onColumnResize,
     wrappedColumnKeys,
     onWrappedColumnChange,
+    onWrappedColumnsChange,
     parameters,
     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/es2019/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/es2019/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';
 const ScreenEvent = () => {
   const {

package/dist/es2019/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 @@ const Table = props => {
     onColumnResize,
     wrappedColumnKeys,
     onWrappedColumnChange,
+    onWrappedColumnsChange,
     visibleColumnKeys,
     onVisibleColumnKeysChange,
     tableState: {
@@ -44,6 +46,8 @@ const Table = props => {
     onColumnResize: onColumnResize,
     wrappedColumnKeys: wrappedColumnKeys,
     onWrappedColumnChange: onWrappedColumnChange
-  }));
+  }, fg('platform_lp_sllv_table_settings_menu') ? {
+    onWrappedColumnsChange
+  } : {}));
 };
 export default Table;

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

@@ -1,4 +1,5 @@
 import { useCallback, useState } from 'react';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 export const useColumnWrapping = (initialWrappedColumnKeys = []) => {
   const [wrappedColumnKeys, setWrappedColumnKeys] = useState(initialWrappedColumnKeys);
   const onWrappedColumnChange = useCallback((key, isWrapped) => {
@@ -10,6 +11,27 @@ export const useColumnWrapping = (initialWrappedColumnKeys = []) => {
     }
     setWrappedColumnKeys(Array.from(set));
   }, [wrappedColumnKeys]);
+  const onWrappedColumnChangeWithLatestState = useCallback((key, isWrapped) => {
+    setWrappedColumnKeys(currentWrappedColumnKeys => {
+      const nextWrappedColumnKeys = new Set(currentWrappedColumnKeys);
+      if (isWrapped) {
+        nextWrappedColumnKeys.add(key);
+      } else {
+        nextWrappedColumnKeys.delete(key);
+      }
+      return Array.from(nextWrappedColumnKeys);
+    });
+  }, []);
+  const onWrappedColumnsChange = useCallback(nextWrappedColumnKeys => {
+    setWrappedColumnKeys(nextWrappedColumnKeys);
+  }, []);
+  if (fg('platform_lp_sllv_table_settings_menu')) {
+    return {
+      wrappedColumnKeys,
+      onWrappedColumnChange: onWrappedColumnChangeWithLatestState,
+      onWrappedColumnsChange
+    };
+  }
   return {
     wrappedColumnKeys,
     onWrappedColumnChange

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

@@ -4,10 +4,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';
 const styles = {

package/dist/es2019/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/es2019/ui/common/modal/popup-select/control.js

@@ -4,7 +4,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';
 const getPopupCustomControlStyles = () => ({
   display: 'flex',
   // eslint-disable-next-line @atlaskit/design-system/no-unsafe-design-token-usage

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

@@ -3,8 +3,8 @@ import _extends from "@babel/runtime/helpers/extends";
 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';
 const checkboxStyles = null;
 const checkboxSelectedStyles = null;
 const checkboxFocusedStyles = null;

package/dist/es2019/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';
 const styles = {
   customDropdownIndicatorStylesOld: "_1e0c1txw _80omtlke _1bah1h6o _1bsbzwfg",
   customDropdownIndicatorStyles: "_1e0c1txw _80omtlke _1bah1h6o _1bsbzwfg _bfhk1j28 _syazazsu"