@atlaskit/link-datasource 6.5.0 → 6.7.0

package/dist/es2019/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';
 const styles = {
   commonLabelStyles: "_1reo15vq _18m915vq _1bto1l2s",

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

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 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/es2019/ui/common/modal/popup-select/menu-list/index.js

@@ -4,8 +4,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/es2019/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';
 const CustomDropdownLoadingMessage = ({

package/dist/es2019/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';
 const styles = {
   boxStyles: "_4t3i16xz",

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

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

@@ -3,12 +3,12 @@ import _extends from "@babel/runtime/helpers/extends";
 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';
 const styles = {
   triggerButtonLabelStyles: "_1reo15vq _18m915vq _1bto1l2s",
   badgeStyles: "_18u0utpp"

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

@@ -4,7 +4,7 @@ import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 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/es2019/ui/common/modal/site-selector/index.js

@@ -5,11 +5,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';
 const styles = {
   dropdownContainerStyles: "_zulpu2gc _1e0c1txw _4cvr1h6o _1tke1ylp"

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

@@ -7,7 +7,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/es2019/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 const PopupTrigger = ({
   triggerProps,

package/dist/es2019/ui/confluence-search-modal/modal/index.js

@@ -4,10 +4,14 @@ import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { Fragment, useCallback, useEffect, useMemo, useRef } 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 } 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 { fg } from '@atlaskit/platform-feature-flags/fg';
 import { Box, Flex } from '@atlaskit/primitives/compiled';
 import { useDatasourceAnalyticsEvents } from '../../../analytics';

package/dist/es2019/ui/datasource-table-view/datasourceTableView.js

@@ -5,9 +5,9 @@ import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { useCallback, useEffect, useRef, useState } from 'react';
 import isEqual from 'lodash/isEqual';
-import { withAnalyticsContext } from '@atlaskit/analytics-next';
+import withAnalyticsContext from '@atlaskit/analytics-next/withAnalyticsContext';
 import IntlMessagesProvider from '@atlaskit/intl-messages-provider/main';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { useDatasourceAnalyticsEvents } from '../../analytics';
 import { componentMetadata } from '../../analytics/constants';
 import { startUfoExperience } from '../../analytics/ufoExperiences';
@@ -41,6 +41,7 @@ const DatasourceTableViewWithoutAnalytics = ({
   onColumnResize,
   wrappedColumnKeys,
   onWrappedColumnChange,
+  onWrappedColumnsChange,
   scrollableContainerHeight = DefaultScrollableContainerHeight
 }) => {
   // Local copy lets us apply in-session sort mutations without mutating external parameters.
@@ -221,7 +222,10 @@ const DatasourceTableViewWithoutAnalytics = ({
     sortState
   } : {}, {
     wrappedColumnKeys: wrappedColumnKeys,
-    onWrappedColumnChange: onWrappedColumnChange,
+    onWrappedColumnChange: onWrappedColumnChange
+  }, onWrappedColumnsChange && fg('platform_lp_sllv_table_settings_menu') ? {
+    onWrappedColumnsChange
+  } : {}, {
     scrollableContainerHeight: isInPDFRender ? undefined : fg('lp_enable_datasource-table-view_height_override') ? scrollableContainerHeight : DefaultScrollableContainerHeight,
     extensionKey: extensionKey
   })) : /*#__PURE__*/React.createElement(EmptyState, {

package/dist/es2019/ui/issue-like-table/column-picker/concatenated-menu-list.js

@@ -4,7 +4,8 @@ import "./concatenated-menu-list.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { FormattedMessage } from 'react-intl';
-import { CheckboxOption, components } from '@atlaskit/select';
+import { CheckboxOption } from '@atlaskit/select/checkbox-option';
+import { components } from '@atlaskit/react-select/components';
 import { columnPickerMessages } from './messages';
 export const SELECT_ITEMS_MAXIMUM_THRESHOLD = 200;
 const messageStyles = null;

package/dist/es2019/ui/issue-like-table/column-picker/index.js

@@ -4,12 +4,15 @@ import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { useCallback, useEffect, useRef, useState } from 'react';
 import { useIntl } from 'react-intl';
-import Button from '@atlaskit/button/new';
+import Button, { IconButton } from '@atlaskit/button/new';
 import ChevronDownIcon from '@atlaskit/icon/core/chevron-down';
 import CustomizeIcon from '@atlaskit/icon/core/customize';
+import TableColumnsDistributeIcon from '@atlaskit/icon/core/table-columns-distribute';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { Box } from '@atlaskit/primitives/compiled';
-import { createFilter, PopupSelect } from '@atlaskit/select';
-import Tooltip from '@atlaskit/tooltip';
+import { createFilter } from '@atlaskit/react-select/filters';
+import { PopupSelect } from '@atlaskit/select/popup-select';
+import Tooltip from '@atlaskit/tooltip/Tooltip';
 import { succeedUfoExperience } from '../../../analytics/ufoExperiences';
 import { useDatasourceExperienceId } from '../../../contexts/datasource-experience-id';
 import { ConcatenatedMenuList, MenuItem } from './concatenated-menu-list';
@@ -122,22 +125,35 @@ export const ColumnPicker = ({
     target: ({
       isOpen,
       ...triggerProps
-    }) => /*#__PURE__*/React.createElement(Tooltip, {
-      content: intl.formatMessage(columnPickerMessages.tooltip)
-    }, tooltipProps => /*#__PURE__*/React.createElement(Button, _extends({}, tooltipProps, triggerProps, {
-      isSelected: isOpen,
-      spacing: "compact",
-      appearance: 'default',
-      testId: "column-picker-trigger-button",
-      iconAfter: () => /*#__PURE__*/React.createElement(ChevronDownIcon, {
-        label: "down",
-        size: "small"
-      })
-    }), /*#__PURE__*/React.createElement(Box, {
-      as: "span",
-      xcss: styles.customizeIcon
-    }, /*#__PURE__*/React.createElement(CustomizeIcon, {
-      label: "customize"
-    }))))
+    }) => {
+      if (fg('platform_lp_sllv_table_settings_menu')) {
+        return /*#__PURE__*/React.createElement(IconButton, _extends({}, triggerProps, {
+          appearance: "default",
+          icon: TableColumnsDistributeIcon,
+          isSelected: isOpen,
+          isTooltipDisabled: false,
+          label: intl.formatMessage(columnPickerMessages.tooltip),
+          spacing: "default",
+          testId: "column-picker-trigger-button"
+        }));
+      }
+      return /*#__PURE__*/React.createElement(Tooltip, {
+        content: intl.formatMessage(columnPickerMessages.tooltip)
+      }, tooltipProps => /*#__PURE__*/React.createElement(Button, _extends({}, tooltipProps, triggerProps, {
+        isSelected: isOpen,
+        spacing: "compact",
+        appearance: 'default',
+        testId: "column-picker-trigger-button",
+        iconAfter: () => /*#__PURE__*/React.createElement(ChevronDownIcon, {
+          label: "down",
+          size: "small"
+        })
+      }), /*#__PURE__*/React.createElement(Box, {
+        as: "span",
+        xcss: styles.customizeIcon
+      }, /*#__PURE__*/React.createElement(CustomizeIcon, {
+        label: "customize"
+      }))));
+    }
   });
 };

package/dist/es2019/ui/issue-like-table/draggable-table-heading.js

@@ -10,18 +10,20 @@ import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import ReactDOM from 'react-dom';
 import { FormattedMessage } from 'react-intl';
 import invariant from 'tiny-invariant';
-import Button from '@atlaskit/button/new';
-import DropdownMenu, { DropdownItem } 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 ChevronDown from '@atlaskit/icon/core/chevron-down';
 import ChevronUp from '@atlaskit/icon/core/chevron-up';
-import { attachClosestEdge, extractClosestEdge } from '@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge';
+import { attachClosestEdge } from '@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge/attach-closest-edge';
+import { extractClosestEdge } from '@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge/extract-closest-edge';
 import { DropIndicator } from '@atlaskit/pragmatic-drag-and-drop-react-drop-indicator/box';
-import { combine } from '@atlaskit/pragmatic-drag-and-drop/combine';
-import { draggable, dropTargetForElements, monitorForElements } from '@atlaskit/pragmatic-drag-and-drop/element/adapter';
-import { disableNativeDragPreview } from '@atlaskit/pragmatic-drag-and-drop/element/disable-native-drag-preview';
-import { pointerOutsideOfPreview } from '@atlaskit/pragmatic-drag-and-drop/element/pointer-outside-of-preview';
-import { setCustomNativeDragPreview } from '@atlaskit/pragmatic-drag-and-drop/element/set-custom-native-drag-preview';
-import { preventUnhandled } from '@atlaskit/pragmatic-drag-and-drop/prevent-unhandled';
+import { combine } from '@atlaskit/pragmatic-drag-and-drop/utils/combine';
+import { draggable, dropTargetForElements, monitorForElements } from '@atlaskit/pragmatic-drag-and-drop/adapter/element-adapter';
+import { disableNativeDragPreview } from '@atlaskit/pragmatic-drag-and-drop/utils/disable-native-drag-preview';
+import { pointerOutsideOfPreview } from '@atlaskit/pragmatic-drag-and-drop/utils/pointer-outside-of-preview';
+import { setCustomNativeDragPreview } from '@atlaskit/pragmatic-drag-and-drop/utils/set-custom-native-drag-preview';
+import { preventUnhandled } from '@atlaskit/pragmatic-drag-and-drop/utils/prevent-unhandled';
 import { useDatasourceAnalyticsEvents } from '../../analytics';
 import { GlyphPlaceholder, UnwrapTextIcon, WrapTextIcon } from './custom-icons';
 import { issueLikeTableMessages } from './messages';

package/dist/es2019/ui/issue-like-table/edit-type/icon/index.js

@@ -1,8 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useEffect } from 'react';
 import { Layering } from '@atlaskit/layering/layering';
-import Select from '@atlaskit/select';
-import Tooltip from '@atlaskit/tooltip';
+import Select from '@atlaskit/select/default';
+import Tooltip from '@atlaskit/tooltip/Tooltip';
 import { failUfoExperience, succeedUfoExperience } from '../../../../analytics/ufoExperiences';
 import { useDatasourceExperienceId } from '../../../../contexts/datasource-experience-id';
 import { useLoadOptions } from '../../../../hooks/useLoadOptions';

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

@@ -1,9 +1,9 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useEffect } from 'react';
 import { Layering } from '@atlaskit/layering/layering';
-import Lozenge from '@atlaskit/lozenge';
-import Select from '@atlaskit/select';
-import Tooltip from '@atlaskit/tooltip';
+import Lozenge from '@atlaskit/lozenge/lozenge';
+import Select from '@atlaskit/select/default';
+import Tooltip from '@atlaskit/tooltip/Tooltip';
 import { failUfoExperience, succeedUfoExperience } from '../../../../analytics/ufoExperiences';
 import { useDatasourceExperienceId } from '../../../../contexts/datasource-experience-id';
 import { useLoadOptions } from '../../../../hooks/useLoadOptions';

package/dist/es2019/ui/issue-like-table/edit-type/text/index.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useEffect } from 'react';
 import { Layering } from '@atlaskit/layering/layering';
-import Textfield from '@atlaskit/textfield';
+import Textfield from '@atlaskit/textfield/text-field';
 import { succeedUfoExperience } from '../../../../analytics/ufoExperiences';
 import { useDatasourceExperienceId } from '../../../../contexts/datasource-experience-id';
 const TextEditType = props => {

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

@@ -2,10 +2,11 @@ import _extends from "@babel/runtime/helpers/extends";
 import React, { useEffect, useMemo, useState } from 'react';
 import { useIntl } from 'react-intl';
 import { useDebouncedCallback } from 'use-debounce';
-import Avatar, { AvatarItem } from '@atlaskit/avatar';
+import Avatar from '@atlaskit/avatar/avatar';
+import AvatarItem from '@atlaskit/avatar/avatar-item';
 import { Layering } from '@atlaskit/layering/layering';
-import Select from '@atlaskit/select';
-import Tooltip from '@atlaskit/tooltip';
+import Select from '@atlaskit/select/default';
+import Tooltip from '@atlaskit/tooltip/Tooltip';
 import { failUfoExperience, succeedUfoExperience } from '../../../../analytics/ufoExperiences';
 import { useDatasourceExperienceId } from '../../../../contexts/datasource-experience-id';
 import { useLoadOptions } from '../../../../hooks/useLoadOptions';

package/dist/es2019/ui/issue-like-table/index.compiled.css

@@ -51,6 +51,7 @@ thead.has-column-picker ._10i2idpf:nth-last-of-type(2){border-right:0}.ProseMirr
 .ProseMirror .pm-table-wrapper>table thead ._1pmc1b66{padding-right:var(--ds-space-050,4px)}
 .ProseMirror .pm-table-wrapper>table thead ._1pmsusvi:last-of-type{box-sizing:border-box}
 .ProseMirror .pm-table-wrapper>table thead ._1wwnusvi{box-sizing:border-box}
+.ProseMirror .pm-table-wrapper>table thead ._2k5114em:last-of-type{width:95px}
 .ProseMirror .pm-table-wrapper>table thead ._2k51ys9h:last-of-type{width:5pc}
 .ProseMirror .pm-table-wrapper>table thead ._6dd7v77o{padding-bottom:var(--ds-space-025,2px)}
 .ProseMirror .pm-table-wrapper>table thead ._7cz2v77o{padding-top:var(--ds-space-025,2px)}
@@ -118,6 +119,7 @@ thead.has-column-picker ._10i2idpf:nth-last-of-type(2){border-right:0}.ProseMirr
 ._kqsw1if8{position:sticky}
 ._kqswh2mm{position:relative}
 ._lura1osq [data-testid=datasource-header-content--container]{width:100%}
+._mgul14em:last-of-type{width:95px}
 ._mgulys9h:last-of-type{width:5pc}
 ._ml92nkob:last-of-type{vertical-align:middle}
 ._mrkbidpf{border-bottom-left-radius:0}
@@ -159,6 +161,7 @@ thead.has-column-picker ._10i2idpf:nth-last-of-type(2){border-right:0}.ProseMirr
 .pm-table-wrapper>table thead ._3mvc1tcg{line-height:24px}
 .pm-table-wrapper>table thead ._7okwusvi:last-of-type{box-sizing:border-box}
 .pm-table-wrapper>table thead ._7s0n1if8:last-of-type{position:sticky}
+.pm-table-wrapper>table thead ._efqo14em:last-of-type{width:95px}
 .pm-table-wrapper>table thead ._efqoys9h:last-of-type{width:5pc}
 .pm-table-wrapper>table thead ._gdprpxbi:last-of-type{padding-right:var(--ds-space-200,1pc)}
 .pm-table-wrapper>table thead ._mowjusic:last-of-type{text-align:right}

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

@@ -9,24 +9,25 @@ import { ax, ix } from "@compiled/react/runtime";
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { useIntl } from 'react-intl';
 import invariant from 'tiny-invariant';
-import Button from '@atlaskit/button/new';
-import { FlagsProvider } from '@atlaskit/flag';
+import Button from '@atlaskit/button/default/button';
+import { FlagsProvider } from '@atlaskit/flag/flags-provider';
 import SortAscendingIcon from '@atlaskit/icon/core/sort-ascending';
 import SortDescendingIcon from '@atlaskit/icon/core/sort-descending';
 import { Skeleton } from '@atlaskit/linking-common';
-import { fg } from '@atlaskit/platform-feature-flags';
-import { extractClosestEdge } from '@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
+import { extractClosestEdge } from '@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge/extract-closest-edge';
 import { reorderWithEdge } from '@atlaskit/pragmatic-drag-and-drop-hitbox/util/reorder-with-edge';
 import { autoScroller } from '@atlaskit/pragmatic-drag-and-drop-react-beautiful-dnd-autoscroll';
-import { combine } from '@atlaskit/pragmatic-drag-and-drop/combine';
-import { monitorForElements } from '@atlaskit/pragmatic-drag-and-drop/element/adapter';
-import { Box } from '@atlaskit/primitives/compiled';
-import Tooltip from '@atlaskit/tooltip';
+import { combine } from '@atlaskit/pragmatic-drag-and-drop/utils/combine';
+import { monitorForElements } from '@atlaskit/pragmatic-drag-and-drop/adapter/element-adapter';
+import { Box, Inline } from '@atlaskit/primitives/compiled';
+import Tooltip from '@atlaskit/tooltip/Tooltip';
 import { startUfoExperience, succeedUfoExperience } from '../../analytics/ufoExperiences';
 import { useDatasourceExperienceId } from '../../contexts/datasource-experience-id';
 import { useIsInPDFRender } from '../../hooks/useIsInPDFRender';
 import { NoResults } from '../common/error-state/no-results';
 import { ColumnPicker } from './column-picker';
+import { hasAvailableTableSettings, TableSettingsMenu } from './table-settings-menu';
 import { DragColumnPreview } from './drag-column-preview';
 import { DraggableTableHeading } from './draggable-table-heading';
 import TableEmptyState from './empty-state';
@@ -38,6 +39,7 @@ import { COLUMN_BASE_WIDTH, getFieldLabelById, getWidthCss } from './utils';
 const tableSidePadding = "var(--ds-space-200, 16px)";
 const tableHeadStyles = null;
 const columnPickerWidth = 80;
+const columnPickerWithSettingsWidth = 95;
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 const ColumnPickerHeader = forwardRef(({
   as: C = "th",
@@ -50,9 +52,24 @@ const ColumnPickerHeader = forwardRef(({
     className: ax(["_1bqmidpf _2eacidpf _1rmlidpf _13xs13hi _19xw13hi _ex0g13hi _1rag1uh4 _1ul51uh4 _12ch1uh4 _12ruusvi _1pmsusvi _7okwusvi _mgulys9h _2k51ys9h _efqoys9h _1xzrzo7u _1ejpzo7u _1fmczo7u _77i31if8 _zjk41if8 _7s0n1if8 _3t471vc6 _9g2k1vc6 _1h0z1vc6 _1o59pxbi _1l3vpxbi _gdprpxbi _ml92nkob _1nfwnkob _11ljnkob _1ixkusic _s1peusic _mowjusic", __cmplp.className])
   }));
 });
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 if (process.env.NODE_ENV !== 'production') {
   ColumnPickerHeader.displayName = 'ColumnPickerHeader';
 }
+const ColumnPickerHeaderWithSettings = forwardRef(({
+  as: C = "th",
+  style: __cmpls,
+  ...__cmplp
+}, __cmplr) => {
+  return /*#__PURE__*/React.createElement(C, _extends({}, __cmplp, {
+    style: __cmpls,
+    ref: __cmplr,
+    className: ax(["_1bqmidpf _2eacidpf _1rmlidpf _13xs13hi _19xw13hi _ex0g13hi _1rag1uh4 _1ul51uh4 _12ch1uh4 _12ruusvi _1pmsusvi _7okwusvi _mgul14em _2k5114em _efqo14em _1xzrzo7u _1ejpzo7u _1fmczo7u _77i31if8 _zjk41if8 _7s0n1if8 _3t471vc6 _9g2k1vc6 _1h0z1vc6 _1o59pxbi _1l3vpxbi _gdprpxbi _ml92nkob _1nfwnkob _11ljnkob _1ixkusic _s1peusic _mowjusic", __cmplp.className])
+  }));
+});
+if (process.env.NODE_ENV !== 'production') {
+  ColumnPickerHeaderWithSettings.displayName = 'ColumnPickerHeaderWithSettings';
+}
 const truncateStyles = null;
 const wrappedStyles = null;
 const richTextCellStyles = null;
@@ -215,6 +232,7 @@ export const IssueLikeDataTableView = ({
   onColumnSort,
   wrappedColumnKeys,
   onWrappedColumnChange,
+  onWrappedColumnsChange,
   sortState,
   status,
   hasNextPage,
@@ -249,6 +267,25 @@ export const IssueLikeDataTableView = ({
   const visibleSortedColumns = useMemo(() => visibleColumnKeys.map(visibleKey => orderedColumns.find(({
     key
   }) => visibleKey === key)).filter(Boolean), [orderedColumns, visibleColumnKeys]);
+  const isWrapTextSettingAvailable = Boolean(onWrappedColumnsChange) && fg('platform_lp_sllv_table_settings_menu');
+  let areAllVisibleColumnsWrapped = false;
+  if (isWrapTextSettingAvailable) {
+    areAllVisibleColumnsWrapped = visibleColumnKeys.length > 0 && visibleColumnKeys.every(columnKey => wrappedColumnKeys === null || wrappedColumnKeys === void 0 ? void 0 : wrappedColumnKeys.includes(columnKey));
+  }
+  const handleWrapTextOnAllColumnsChange = useCallback(() => {
+    if (!onWrappedColumnsChange) {
+      return;
+    }
+    const nextWrappedColumnKeys = areAllVisibleColumnsWrapped ? (wrappedColumnKeys !== null && wrappedColumnKeys !== void 0 ? wrappedColumnKeys : []).filter(columnKey => !visibleColumnKeys.includes(columnKey)) : Array.from(new Set([...(wrappedColumnKeys !== null && wrappedColumnKeys !== void 0 ? wrappedColumnKeys : []), ...visibleColumnKeys]));
+    onWrappedColumnsChange(nextWrappedColumnKeys);
+  }, [areAllVisibleColumnsWrapped, onWrappedColumnsChange, visibleColumnKeys, wrappedColumnKeys]);
+  const tableSettingsMenuProps = {
+    wrapTextSetting: isWrapTextSettingAvailable ? {
+      isChecked: areAllVisibleColumnsWrapped,
+      onChange: handleWrapTextOnAllColumnsChange
+    } : undefined
+  };
+  const shouldShowTableSettingsMenu = hasAvailableTableSettings(tableSettingsMenuProps);
 
   // TODO seems like this component can't handle some combination of incremental data retrieval.
   // If data comes first, then columns and then visibleColumnKeys it blows up,
@@ -256,7 +293,7 @@ export const IssueLikeDataTableView = ({
   const columnsWidthsSum = useMemo(() => visibleSortedColumns.map(({
     key,
     type
-  }) => (columnCustomSizes === null || columnCustomSizes === void 0 ? void 0 : columnCustomSizes[key]) || getDefaultColumnWidth(key, type)).reduce((sum, width) => width + sum, 0) + (onVisibleColumnKeysChange ? columnPickerWidth : 0), [columnCustomSizes, onVisibleColumnKeysChange, visibleSortedColumns]);
+  }) => (columnCustomSizes === null || columnCustomSizes === void 0 ? void 0 : columnCustomSizes[key]) || getDefaultColumnWidth(key, type)).reduce((sum, width) => width + sum, 0) + (onVisibleColumnKeysChange && shouldShowTableSettingsMenu ? columnPickerWithSettingsWidth : onVisibleColumnKeysChange ? columnPickerWidth : 0), [columnCustomSizes, onVisibleColumnKeysChange, shouldShowTableSettingsMenu, visibleSortedColumns]);
   const shouldUseWidth = !!(onColumnResize || columnCustomSizes);
   const tableContainerWidth = Math.ceil(((_containerRef$current = containerRef.current) === null || _containerRef$current === void 0 ? void 0 : _containerRef$current.getBoundingClientRect().width) || 0);
   const getColumnWidth = useCallback((key, type, isLastCell) => {
@@ -613,12 +650,23 @@ export const IssueLikeDataTableView = ({
         })
       }), heading);
     }
-  }), onVisibleColumnKeysChange && /*#__PURE__*/React.createElement(ColumnPickerHeader, null, /*#__PURE__*/React.createElement(ColumnPicker, {
+  }), onVisibleColumnKeysChange && (shouldShowTableSettingsMenu ? /*#__PURE__*/React.createElement(ColumnPickerHeaderWithSettings, null, /*#__PURE__*/React.createElement(Inline, {
+    alignBlock: "center",
+    alignInline: "end",
+    space: "space.050"
+  }, /*#__PURE__*/React.createElement(ColumnPicker, {
+    columns: shouldDisplayColumnsInPicker ? orderedColumns : [],
+    selectedColumnKeys: shouldDisplayColumnsInPicker ? visibleColumnKeys : [],
+    onSelectedColumnKeysChange: onSelectedColumnKeysChange,
+    onOpen: handlePickerOpen
+  }), /*#__PURE__*/React.createElement(TableSettingsMenu, {
+    wrapTextSetting: tableSettingsMenuProps.wrapTextSetting
+  }))) : /*#__PURE__*/React.createElement(ColumnPickerHeader, null, /*#__PURE__*/React.createElement(ColumnPicker, {
     columns: shouldDisplayColumnsInPicker ? orderedColumns : [],
     selectedColumnKeys: shouldDisplayColumnsInPicker ? visibleColumnKeys : [],
     onSelectedColumnKeysChange: onSelectedColumnKeysChange,
     onOpen: handlePickerOpen
-  })))), /*#__PURE__*/React.createElement("tbody", {
+  }))))), /*#__PURE__*/React.createElement("tbody", {
     "data-testid": testId && `${testId}--body`,
     className: ax(["_n7zlidpf"])
   }, hasNoResults && /*#__PURE__*/React.createElement("tr", {

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,