@atlaskit/link-datasource 7.5.0 → 7.5.2

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

@@ -2,7 +2,7 @@
 import "./ItemCountWrapper.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
-import { Flex } from '@atlaskit/primitives/compiled';
+import { Flex } from '@atlaskit/primitives/compiled/flex';
 import LinkUrl from '@atlaskit/smart-card/link';
 const styles = {
   searchCountStyles: "_16jlkb7n _1o9zkb7n _i0dlf1ug"

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

@@ -12,7 +12,8 @@ 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 { Box, Flex } from '@atlaskit/primitives/compiled';
+import { Box } from '@atlaskit/primitives/compiled/box';
+import { Flex } from '@atlaskit/primitives/compiled/flex';
 import { useDatasourceAnalyticsEvents } from '../../../analytics';
 import { DatasourceAction, DatasourceSearchMethod } from '../../../analytics/types';
 import { RichIconSearch } from '../../../common/ui/rich-icon/search';

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

@@ -258,7 +258,7 @@ const DatasourceTableViewWithoutAnalytics = ({
   } : {}, {
     wrappedColumnKeys: wrappedColumnKeys,
     onWrappedColumnChange: onWrappedColumnChange
-  }, onWrappedColumnsChange && fg('platform_lp_sllv_table_settings_menu') ? {
+  }, onWrappedColumnsChange ? {
     onWrappedColumnsChange
   } : {}, {
     scrollableContainerHeight: isInPDFRender ? undefined : fg('lp_enable_datasource-table-view_height_override') ? scrollableContainerHeight : DefaultScrollableContainerHeight,

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

@@ -1,28 +1,15 @@
-/* index.tsx generated by @compiled/babel-plugin v3.0.2 */
 import _extends from "@babel/runtime/helpers/extends";
-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 { mergeRefs } from 'use-callback-ref';
-import Button from '@atlaskit/button/default/button';
 import IconButton from '@atlaskit/button/icon/button';
-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 } from '@atlaskit/react-select/filters';
 import { PopupSelect } from '@atlaskit/select/popup-select';
-import Tooltip from '@atlaskit/tooltip/Tooltip';
 import { succeedUfoExperience } from '../../../analytics/ufoExperiences/succeedUfoExperience';
 import { useDatasourceExperienceId } from '../../../contexts/datasource-experience-id/use-datasource-experience-id';
 import { ConcatenatedMenuList } from './concatenated-menu-list';
 import { MenuItem } from './menu-item';
 import { columnPickerMessages } from './messages';
-const styles = {
-  customizeIcon: "_s7n4nkob"
-};
 export const ColumnPicker = ({
   columns,
   selectedColumnKeys,
@@ -129,39 +116,15 @@ export const ColumnPicker = ({
       isOpen,
       ...triggerProps
     }) => {
-      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, {
-        // `tooltipProps.ref` must be included: spreading `triggerProps` after
-        // `tooltipProps` drops the tooltip's ref, leaving Tooltip without an
-        // anchor element. Gate off leaves `triggerProps.ref` winning, exactly as
-        // master does.
-        ref: fg('platform-dst-top-layer-tooltip') ? mergeRefs([triggerProps.ref, tooltipProps.ref]) : triggerProps.ref,
+      return /*#__PURE__*/React.createElement(IconButton, _extends({}, triggerProps, {
+        appearance: "default",
+        icon: TableColumnsDistributeIcon,
         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"
-      }))));
+        isTooltipDisabled: false,
+        label: intl.formatMessage(columnPickerMessages.tooltip),
+        spacing: "default",
+        testId: "column-picker-trigger-button"
+      }));
     }
   });
 };

package/dist/es2019/ui/issue-like-table/edit-type/status/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 Lozenge from '@atlaskit/lozenge/lozenge';
+import Lozenge from '@atlaskit/lozenge/new/lozenge';
 import Select from '@atlaskit/select/default';
 import Tooltip from '@atlaskit/tooltip/Tooltip';
 import { failUfoExperience } from '../../../../analytics/ufoExperiences/failUfoExperience';

package/dist/es2019/ui/issue-like-table/issue-like-data-table-view.js

@@ -14,13 +14,13 @@ 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/skeleton';
-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/auto-scroller';
 import { monitorForElements } from '@atlaskit/pragmatic-drag-and-drop/adapter/element-adapter';
 import { combine } from '@atlaskit/pragmatic-drag-and-drop/utils/combine';
-import { Box, Inline } from '@atlaskit/primitives/compiled';
+import { Box } from '@atlaskit/primitives/compiled/box';
+import { Inline } from '@atlaskit/primitives/compiled/inline';
 import Tooltip from '@atlaskit/tooltip/Tooltip';
 import { startUfoExperience } from '../../analytics/ufoExperiences/startUfoExperience';
 import { succeedUfoExperience } from '../../analytics/ufoExperiences/succeedUfoExperience';
@@ -261,7 +261,7 @@ 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');
+  const isWrapTextSettingAvailable = Boolean(onWrappedColumnsChange);
   let areAllVisibleColumnsWrapped = false;
   if (isWrapTextSettingAvailable) {
     areAllVisibleColumnsWrapped = visibleColumnKeys.length > 0 && visibleColumnKeys.every(columnKey => wrappedColumnKeys === null || wrappedColumnKeys === void 0 ? void 0 : wrappedColumnKeys.includes(columnKey));

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { useIntl } from 'react-intl';
-import { Text } from '@atlaskit/primitives/compiled';
+import { Text } from '@atlaskit/primitives/compiled/text';
 import { getFormattedDateRange } from './getFormattedDateRange';
 export const DATERANGE_TYPE_TEST_ID = 'link-datasource-render-type--daterange';
 const DateRangeRenderType = ({

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { useIntl } from 'react-intl';
-import { Text } from '@atlaskit/primitives/compiled';
+import { Text } from '@atlaskit/primitives/compiled/text';
 import { getFormattedDate } from './getFormattedDate';
 export const DATETIME_TYPE_TEST_ID = 'link-datasource-render-type--datetime';
 const DateTimeRenderType = ({

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/lozenge';
+import Lozenge from '@atlaskit/lozenge/new/lozenge';
 export const STATUS_TYPE_TEST_ID = 'link-datasource-render-type--status';
 const StatusRenderType = ({
   text,

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Text } from '@atlaskit/primitives/compiled';
+import { Text } from '@atlaskit/primitives/compiled/text';
 export const TEXT_TYPE_TEST_ID = 'link-datasource-render-type--text';
 const TextRenderType = ({
   text,

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

@@ -7,7 +7,7 @@ import React, { useState } from 'react';
 import { FormattedMessage } from 'react-intl';
 import AvatarGroup from '@atlaskit/avatar-group/avatar-group';
 import Avatar from '@atlaskit/avatar/avatar';
-import { Box } from '@atlaskit/primitives/compiled';
+import { Box } from '@atlaskit/primitives/compiled/box';
 import { WidthObserver } from '@atlaskit/width-detector/width-observer';
 import { userTypeMessages } from './messages';
 const styles = {

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

@@ -5,7 +5,7 @@ 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/inline-edit';
-import { Box } from '@atlaskit/primitives/compiled';
+import { Box } from '@atlaskit/primitives/compiled/box';
 import { useSmartLinkReload } from '@atlaskit/smart-card/hook/use-smart-link-reload';
 import { useDatasourceAnalyticsEvents } from '../../../analytics';
 import { startUfoExperience } from '../../../analytics/ufoExperiences/startUfoExperience';

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

@@ -3,7 +3,7 @@ import "./table-cell-content.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
-import { Box } from '@atlaskit/primitives/compiled';
+import { Box } from '@atlaskit/primitives/compiled/box';
 import { useDatasourceItem } from '../../../state';
 import { useExecuteAtomicAction } from '../../../state/actions/useExecuteAtomicAction';
 import { isEditTypeSelectable } from '../edit-type/isEditTypeSelectable';

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

@@ -16,7 +16,7 @@ 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 { Flex } from '@atlaskit/primitives/compiled/flex';
 import { useDatasourceAnalyticsEvents } from '../../../analytics';
 import { EVENT_CHANNEL } from '../../../analytics/constants';
 import { DatasourceAction, DatasourceDisplay } from '../../../analytics/types';

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

@@ -11,7 +11,8 @@ import EmptyState from '@atlaskit/empty-state/empty-state';
 import { auth as outboundAuth } from '@atlaskit/outbound-auth-flow-client/auth';
 import { AuthError } from '@atlaskit/outbound-auth-flow-client/error';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
-import { Anchor, Box } from '@atlaskit/primitives/compiled';
+import { Anchor } from '@atlaskit/primitives/compiled/anchor';
+import { Box } from '@atlaskit/primitives/compiled/box';
 import { useDatasourceAnalyticsEvents } from '../../../analytics';
 import useErrorLogger from '../../../hooks/useErrorLogger';
 import { loadingErrorMessages } from './messages';

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

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

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

@@ -1,6 +1,5 @@
 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/use-user-interactions';
 import { IssueLikeDataTableView } from '../../../issue-like-table/issue-like-data-table-view';
@@ -45,9 +44,8 @@ var Table = function Table(props) {
     columnCustomSizes: columnCustomSizes,
     onColumnResize: onColumnResize,
     wrappedColumnKeys: wrappedColumnKeys,
-    onWrappedColumnChange: onWrappedColumnChange
-  }, fg('platform_lp_sllv_table_settings_menu') ? {
+    onWrappedColumnChange: onWrappedColumnChange,
     onWrappedColumnsChange: onWrappedColumnsChange
-  } : {}));
+  }));
 };
 export default Table;

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

@@ -1,6 +1,5 @@
 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),
@@ -8,15 +7,6 @@ export var useColumnWrapping = function useColumnWrapping() {
     wrappedColumnKeys = _useState2[0],
     setWrappedColumnKeys = _useState2[1];
   var onWrappedColumnChange = useCallback(function (key, isWrapped) {
-    var set = new Set(wrappedColumnKeys);
-    if (isWrapped) {
-      set.add(key);
-    } else {
-      set.delete(key);
-    }
-    setWrappedColumnKeys(Array.from(set));
-  }, [wrappedColumnKeys]);
-  var onWrappedColumnChangeWithLatestState = useCallback(function (key, isWrapped) {
     setWrappedColumnKeys(function (currentWrappedColumnKeys) {
       var nextWrappedColumnKeys = new Set(currentWrappedColumnKeys);
       if (isWrapped) {
@@ -30,15 +20,9 @@ export var useColumnWrapping = function useColumnWrapping() {
   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
+    onWrappedColumnChange: onWrappedColumnChange,
+    onWrappedColumnsChange: onWrappedColumnsChange
   };
 };

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

@@ -5,7 +5,7 @@ import React from 'react';
 import Avatar from '@atlaskit/avatar/avatar';
 import { cx } from '@atlaskit/css';
 import PeopleGroupIcon from '@atlaskit/icon/core/people-group';
-import Lozenge from '@atlaskit/lozenge/lozenge';
+import Lozenge from '@atlaskit/lozenge/new/lozenge';
 import { Box } from '@atlaskit/primitives/compiled/box';
 import { Flex } from '@atlaskit/primitives/compiled/flex';
 var styles = {

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

@@ -5,7 +5,7 @@ import { ax, ix } from "@compiled/react/runtime";
 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 React from 'react';
-import { Flex } from '@atlaskit/primitives/compiled';
+import { Flex } from '@atlaskit/primitives/compiled/flex';
 import LinkUrl from '@atlaskit/smart-card/link';
 var styles = {
   searchCountStyles: "_16jlkb7n _1o9zkb7n _i0dlf1ug"

package/dist/esm/ui/confluence-search-modal/modal/PlainConfluenceSearchConfigModal.js

@@ -15,7 +15,8 @@ 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 { Box, Flex } from '@atlaskit/primitives/compiled';
+import { Box } from '@atlaskit/primitives/compiled/box';
+import { Flex } from '@atlaskit/primitives/compiled/flex';
 import { useDatasourceAnalyticsEvents } from '../../../analytics';
 import { DatasourceAction, DatasourceSearchMethod } from '../../../analytics/types';
 import { RichIconSearch } from '../../../common/ui/rich-icon/search';

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

@@ -264,7 +264,7 @@ var DatasourceTableViewWithoutAnalytics = function DatasourceTableViewWithoutAna
   } : {}, {
     wrappedColumnKeys: wrappedColumnKeys,
     onWrappedColumnChange: onWrappedColumnChange
-  }, onWrappedColumnsChange && fg('platform_lp_sllv_table_settings_menu') ? {
+  }, onWrappedColumnsChange ? {
     onWrappedColumnsChange: onWrappedColumnsChange
   } : {}, {
     scrollableContainerHeight: isInPDFRender ? undefined : fg('lp_enable_datasource-table-view_height_override') ? scrollableContainerHeight : DefaultScrollableContainerHeight,

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

@@ -1,32 +1,19 @@
-/* index.tsx generated by @compiled/babel-plugin v3.0.2 */
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 var _excluded = ["isOpen"];
-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 { mergeRefs } from 'use-callback-ref';
-import Button from '@atlaskit/button/default/button';
 import IconButton from '@atlaskit/button/icon/button';
-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 } from '@atlaskit/react-select/filters';
 import { PopupSelect } from '@atlaskit/select/popup-select';
-import Tooltip from '@atlaskit/tooltip/Tooltip';
 import { succeedUfoExperience } from '../../../analytics/ufoExperiences/succeedUfoExperience';
 import { useDatasourceExperienceId } from '../../../contexts/datasource-experience-id/use-datasource-experience-id';
 import { ConcatenatedMenuList } from './concatenated-menu-list';
 import { MenuItem } from './menu-item';
 import { columnPickerMessages } from './messages';
-var styles = {
-  customizeIcon: "_s7n4nkob"
-};
 export var ColumnPicker = function ColumnPicker(_ref) {
   var columns = _ref.columns,
     selectedColumnKeys = _ref.selectedColumnKeys,
@@ -146,43 +133,15 @@ export var ColumnPicker = function ColumnPicker(_ref) {
     target: function target(_ref8) {
       var isOpen = _ref8.isOpen,
         triggerProps = _objectWithoutProperties(_ref8, _excluded);
-      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)
-      }, function (tooltipProps) {
-        return /*#__PURE__*/React.createElement(Button, _extends({}, tooltipProps, triggerProps, {
-          // `tooltipProps.ref` must be included: spreading `triggerProps` after
-          // `tooltipProps` drops the tooltip's ref, leaving Tooltip without an
-          // anchor element. Gate off leaves `triggerProps.ref` winning, exactly as
-          // master does.
-          ref: fg('platform-dst-top-layer-tooltip') ? mergeRefs([triggerProps.ref, tooltipProps.ref]) : triggerProps.ref,
-          isSelected: isOpen,
-          spacing: "compact",
-          appearance: 'default',
-          testId: "column-picker-trigger-button",
-          iconAfter: function iconAfter() {
-            return /*#__PURE__*/React.createElement(ChevronDownIcon, {
-              label: "down",
-              size: "small"
-            });
-          }
-        }), /*#__PURE__*/React.createElement(Box, {
-          as: "span",
-          xcss: styles.customizeIcon
-        }, /*#__PURE__*/React.createElement(CustomizeIcon, {
-          label: "customize"
-        })));
-      });
+      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"
+      }));
     }
   });
 };

package/dist/esm/ui/issue-like-table/edit-type/status/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 Lozenge from '@atlaskit/lozenge/lozenge';
+import Lozenge from '@atlaskit/lozenge/new/lozenge';
 import Select from '@atlaskit/select/default';
 import Tooltip from '@atlaskit/tooltip/Tooltip';
 import { failUfoExperience } from '../../../../analytics/ufoExperiences/failUfoExperience';

package/dist/esm/ui/issue-like-table/issue-like-data-table-view.js

@@ -28,13 +28,13 @@ 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/skeleton';
-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/auto-scroller';
 import { monitorForElements } from '@atlaskit/pragmatic-drag-and-drop/adapter/element-adapter';
 import { combine } from '@atlaskit/pragmatic-drag-and-drop/utils/combine';
-import { Box, Inline } from '@atlaskit/primitives/compiled';
+import { Box } from '@atlaskit/primitives/compiled/box';
+import { Inline } from '@atlaskit/primitives/compiled/inline';
 import Tooltip from '@atlaskit/tooltip/Tooltip';
 import { startUfoExperience } from '../../analytics/ufoExperiences/startUfoExperience';
 import { succeedUfoExperience } from '../../analytics/ufoExperiences/succeedUfoExperience';
@@ -289,7 +289,7 @@ export var IssueLikeDataTableView = function IssueLikeDataTableView(_ref7) {
       });
     }).filter(Boolean);
   }, [orderedColumns, visibleColumnKeys]);
-  var isWrapTextSettingAvailable = Boolean(onWrappedColumnsChange) && fg('platform_lp_sllv_table_settings_menu');
+  var isWrapTextSettingAvailable = Boolean(onWrappedColumnsChange);
   var areAllVisibleColumnsWrapped = false;
   if (isWrapTextSettingAvailable) {
     areAllVisibleColumnsWrapped = visibleColumnKeys.length > 0 && visibleColumnKeys.every(function (columnKey) {

package/dist/esm/ui/issue-like-table/render-type/date-range/index.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { useIntl } from 'react-intl';
-import { Text } from '@atlaskit/primitives/compiled';
+import { Text } from '@atlaskit/primitives/compiled/text';
 import { getFormattedDateRange } from './getFormattedDateRange';
 export var DATERANGE_TYPE_TEST_ID = 'link-datasource-render-type--daterange';
 var DateRangeRenderType = function DateRangeRenderType(_ref) {

package/dist/esm/ui/issue-like-table/render-type/date-time/index.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { useIntl } from 'react-intl';
-import { Text } from '@atlaskit/primitives/compiled';
+import { Text } from '@atlaskit/primitives/compiled/text';
 import { getFormattedDate } from './getFormattedDate';
 export var DATETIME_TYPE_TEST_ID = 'link-datasource-render-type--datetime';
 var DateTimeRenderType = function DateTimeRenderType(_ref) {

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

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

package/dist/esm/ui/issue-like-table/render-type/text/index.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Text } from '@atlaskit/primitives/compiled';
+import { Text } from '@atlaskit/primitives/compiled/text';
 export var TEXT_TYPE_TEST_ID = 'link-datasource-render-type--text';
 var TextRenderType = function TextRenderType(_ref) {
   var text = _ref.text,

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

@@ -10,7 +10,7 @@ import React, { useState } from 'react';
 import { FormattedMessage } from 'react-intl';
 import AvatarGroup from '@atlaskit/avatar-group/avatar-group';
 import Avatar from '@atlaskit/avatar/avatar';
-import { Box } from '@atlaskit/primitives/compiled';
+import { Box } from '@atlaskit/primitives/compiled/box';
 import { WidthObserver } from '@atlaskit/width-detector/width-observer';
 import { userTypeMessages } from './messages';
 var styles = {

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

@@ -10,7 +10,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import React, { useCallback, useMemo, useState } from 'react';
 import { useIntl } from 'react-intl';
 import AKInlineEdit from '@atlaskit/inline-edit/inline-edit';
-import { Box } from '@atlaskit/primitives/compiled';
+import { Box } from '@atlaskit/primitives/compiled/box';
 import { useSmartLinkReload } from '@atlaskit/smart-card/hook/use-smart-link-reload';
 import { useDatasourceAnalyticsEvents } from '../../../analytics';
 import { startUfoExperience } from '../../../analytics/ufoExperiences/startUfoExperience';

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

@@ -3,7 +3,7 @@ import "./table-cell-content.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
-import { Box } from '@atlaskit/primitives/compiled';
+import { Box } from '@atlaskit/primitives/compiled/box';
 import { useDatasourceItem } from '../../../state';
 import { useExecuteAtomicAction } from '../../../state/actions/useExecuteAtomicAction';
 import { isEditTypeSelectable } from '../edit-type/isEditTypeSelectable';

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

@@ -20,7 +20,7 @@ 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 { Flex } from '@atlaskit/primitives/compiled/flex';
 import { useDatasourceAnalyticsEvents } from '../../../analytics';
 import { EVENT_CHANNEL } from '../../../analytics/constants';
 import { DatasourceAction, DatasourceDisplay } from '../../../analytics/types';

package/examples-helpers/buildIssueLikeTable.tsx

@@ -10,7 +10,7 @@ import { jsx, styled } from '@compiled/react';
 import IntlMessagesProvider from '@atlaskit/intl-messages-provider/main';
 import { SmartCardProvider } from '@atlaskit/link-provider/smart-card-provider';
 import { mockDatasourceFetchRequests } from '@atlaskit/link-test-helpers/datasource';
-import { Text } from '@atlaskit/primitives/compiled';
+import { Text } from '@atlaskit/primitives/compiled/text';
 
 import { fetchMessagesForLocale } from '../src/common/utils/locale/fetch-messages-for-locale';
 import { DatasourceExperienceIdProvider } from '../src/contexts/datasource-experience-id/datasource-experience-id-provider';