@atlaskit/link-datasource 6.4.13 → 6.6.0

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

@@ -15,12 +15,13 @@ var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactIntl = require("react-intl");
-var _new = _interopRequireDefault(require("@atlaskit/button/new"));
+var _button = _interopRequireDefault(require("@atlaskit/button/default/button"));
 var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/core/chevron-down"));
 var _customize = _interopRequireDefault(require("@atlaskit/icon/core/customize"));
 var _compiled = require("@atlaskit/primitives/compiled");
-var _select = require("@atlaskit/select");
-var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
+var _filters = require("@atlaskit/react-select/filters");
+var _popupSelect = require("@atlaskit/select/popup-select");
+var _Tooltip = _interopRequireDefault(require("@atlaskit/tooltip/Tooltip"));
 var _ufoExperiences = require("../../../analytics/ufoExperiences");
 var _datasourceExperienceId = require("../../../contexts/datasource-experience-id");
 var _concatenatedMenuList = require("./concatenated-menu-list");
@@ -122,14 +123,14 @@ var ColumnPicker = exports.ColumnPicker = function ColumnPicker(_ref) {
       }
     }
   }, [allOptions, experienceId]);
-  return /*#__PURE__*/_react.default.createElement(_select.PopupSelect, {
+  return /*#__PURE__*/_react.default.createElement(_popupSelect.PopupSelect, {
     classNamePrefix: 'column-picker-popup',
     testId: 'column-picker-popup',
     components: {
       Option: _concatenatedMenuList.MenuItem,
       MenuList: _concatenatedMenuList.ConcatenatedMenuList
     },
-    filterOption: (0, _select.createFilter)({
+    filterOption: (0, _filters.createFilter)({
       ignoreAccents: false
     }),
     options: allOptions,
@@ -149,10 +150,10 @@ var ColumnPicker = exports.ColumnPicker = function ColumnPicker(_ref) {
     target: function target(_ref8) {
       var isOpen = _ref8.isOpen,
         triggerProps = (0, _objectWithoutProperties2.default)(_ref8, _excluded);
-      return /*#__PURE__*/_react.default.createElement(_tooltip.default, {
+      return /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
         content: intl.formatMessage(_messages.columnPickerMessages.tooltip)
       }, function (tooltipProps) {
-        return /*#__PURE__*/_react.default.createElement(_new.default, (0, _extends2.default)({}, tooltipProps, triggerProps, {
+        return /*#__PURE__*/_react.default.createElement(_button.default, (0, _extends2.default)({}, tooltipProps, triggerProps, {
           isSelected: isOpen,
           spacing: "compact",
           appearance: 'default',

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

@@ -18,18 +18,20 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _reactDom = _interopRequireDefault(require("react-dom"));
 var _reactIntl = require("react-intl");
 var _tinyInvariant = _interopRequireDefault(require("tiny-invariant"));
-var _new = _interopRequireDefault(require("@atlaskit/button/new"));
-var _dropdownMenu = _interopRequireWildcard(require("@atlaskit/dropdown-menu"));
+var _button = _interopRequireDefault(require("@atlaskit/button/default/button"));
+var _dropdownMenu = _interopRequireDefault(require("@atlaskit/dropdown-menu/dropdown-menu"));
+var _dropdownMenuItem = _interopRequireDefault(require("@atlaskit/dropdown-menu/dropdown-menu-item"));
 var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/core/chevron-down"));
 var _chevronUp = _interopRequireDefault(require("@atlaskit/icon/core/chevron-up"));
-var _closestEdge = require("@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge");
+var _attachClosestEdge = require("@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge/attach-closest-edge");
+var _extractClosestEdge = require("@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge/extract-closest-edge");
 var _box = require("@atlaskit/pragmatic-drag-and-drop-react-drop-indicator/box");
-var _combine = require("@atlaskit/pragmatic-drag-and-drop/combine");
-var _adapter = require("@atlaskit/pragmatic-drag-and-drop/element/adapter");
-var _disableNativeDragPreview = require("@atlaskit/pragmatic-drag-and-drop/element/disable-native-drag-preview");
-var _pointerOutsideOfPreview = require("@atlaskit/pragmatic-drag-and-drop/element/pointer-outside-of-preview");
-var _setCustomNativeDragPreview = require("@atlaskit/pragmatic-drag-and-drop/element/set-custom-native-drag-preview");
-var _preventUnhandled = require("@atlaskit/pragmatic-drag-and-drop/prevent-unhandled");
+var _combine = require("@atlaskit/pragmatic-drag-and-drop/utils/combine");
+var _elementAdapter = require("@atlaskit/pragmatic-drag-and-drop/adapter/element-adapter");
+var _disableNativeDragPreview = require("@atlaskit/pragmatic-drag-and-drop/utils/disable-native-drag-preview");
+var _pointerOutsideOfPreview = require("@atlaskit/pragmatic-drag-and-drop/utils/pointer-outside-of-preview");
+var _setCustomNativeDragPreview = require("@atlaskit/pragmatic-drag-and-drop/utils/set-custom-native-drag-preview");
+var _preventUnhandled = require("@atlaskit/pragmatic-drag-and-drop/utils/prevent-unhandled");
 var _analytics = require("../../analytics");
 var _customIcons = require("./custom-icons");
 var _messages = require("./messages");
@@ -117,7 +119,7 @@ var DraggableTableHeading = exports.DraggableTableHeading = function DraggableTa
   (0, _react.useEffect)(function () {
     var cell = mainHeaderCellRef.current;
     (0, _tinyInvariant.default)(cell);
-    return (0, _combine.combine)((0, _adapter.draggable)({
+    return (0, _combine.combine)((0, _elementAdapter.draggable)({
       element: cell,
       getInitialData: function getInitialData() {
         return {
@@ -165,7 +167,7 @@ var DraggableTableHeading = exports.DraggableTableHeading = function DraggableTa
   (0, _react.useEffect)(function () {
     var dropTarget = dropTargetRef.current;
     (0, _tinyInvariant.default)(dropTarget);
-    return (0, _adapter.dropTargetForElements)({
+    return (0, _elementAdapter.dropTargetForElements)({
       element: dropTarget,
       getIsSticky: function getIsSticky() {
         return true;
@@ -177,7 +179,7 @@ var DraggableTableHeading = exports.DraggableTableHeading = function DraggableTa
           id: id,
           index: index
         };
-        return (0, _closestEdge.attachClosestEdge)(data, {
+        return (0, _attachClosestEdge.attachClosestEdge)(data, {
           input: input,
           element: element,
           allowedEdges: ['left', 'right']
@@ -188,7 +190,7 @@ var DraggableTableHeading = exports.DraggableTableHeading = function DraggableTa
       },
       onDrag: function onDrag(args) {
         if (args.source.data.id !== id) {
-          setClosestEdge((0, _closestEdge.extractClosestEdge)(args.self.data));
+          setClosestEdge((0, _extractClosestEdge.extractClosestEdge)(args.self.data));
         }
       },
       onDragLeave: function onDragLeave() {
@@ -202,7 +204,7 @@ var DraggableTableHeading = exports.DraggableTableHeading = function DraggableTa
 
   // During dragging anywhere we want to remove `pointerEvents: 'none'` from all the drop targets
   (0, _react.useEffect)(function () {
-    return (0, _adapter.monitorForElements)({
+    return (0, _elementAdapter.monitorForElements)({
       canMonitor: function canMonitor(_ref7) {
         var source = _ref7.source;
         return source.data.type === 'table-header' && source.data.tableId === tableId;
@@ -228,7 +230,7 @@ var DraggableTableHeading = exports.DraggableTableHeading = function DraggableTa
     (0, _tinyInvariant.default)(resizeHandle);
     var mainHeaderCell = mainHeaderCellRef.current;
     (0, _tinyInvariant.default)(mainHeaderCell);
-    return (0, _adapter.draggable)({
+    return (0, _elementAdapter.draggable)({
       element: resizeHandle,
       getInitialData: function getInitialData() {
         // metadata related to currently dragging item (can be read by drop events etc)
@@ -296,7 +298,7 @@ var DraggableTableHeading = exports.DraggableTableHeading = function DraggableTa
   var getTriggerButton = (0, _react.useCallback)(function (_ref0) {
     var triggerRef = _ref0.triggerRef,
       props = (0, _objectWithoutProperties2.default)(_ref0, _excluded3);
-    return /*#__PURE__*/React.createElement(_new.default, (0, _extends2.default)({}, props, {
+    return /*#__PURE__*/React.createElement(_button.default, (0, _extends2.default)({}, props, {
       testId: "".concat(id, "-column-dropdown"),
       shouldFitContainer: true,
       iconAfter: TriggerIcon ? function (iconProps) {
@@ -352,7 +354,7 @@ var DraggableTableHeading = exports.DraggableTableHeading = function DraggableTa
     trigger: getTriggerButton,
     onOpenChange: onDropdownOpenChange,
     placement: 'bottom'
-  }, /*#__PURE__*/React.createElement(_dropdownMenu.DropdownItem, {
+  }, /*#__PURE__*/React.createElement(_dropdownMenuItem.default, {
     elemBefore: isWrapped ? /*#__PURE__*/React.createElement(_customIcons.UnwrapTextIcon, null) : /*#__PURE__*/React.createElement(_customIcons.WrapTextIcon, null),
     testId: "".concat(id, "-column-dropdown-item-toggle-wrapping"),
     onClick: toggleWrap

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

@@ -9,8 +9,8 @@ exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireWildcard(require("react"));
 var _layering = require("@atlaskit/layering/layering");
-var _select = _interopRequireDefault(require("@atlaskit/select"));
-var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
+var _default2 = _interopRequireDefault(require("@atlaskit/select/default"));
+var _Tooltip = _interopRequireDefault(require("@atlaskit/tooltip/Tooltip"));
 var _ufoExperiences = require("../../../../analytics/ufoExperiences");
 var _datasourceExperienceId = require("../../../../contexts/datasource-experience-id");
 var _useLoadOptions2 = require("../../../../hooks/useLoadOptions");
@@ -46,7 +46,7 @@ var IconEditType = function IconEditType(props) {
   }, [experienceId, isLoading, hasFailed]);
   return /*#__PURE__*/_react.default.createElement(_layering.Layering, {
     isDisabled: false
-  }, /*#__PURE__*/_react.default.createElement(_select.default, (0, _extends2.default)({}, (0, _utils.getCleanedSelectProps)(props), {
+  }, /*#__PURE__*/_react.default.createElement(_default2.default, (0, _extends2.default)({}, (0, _utils.getCleanedSelectProps)(props), {
     menuPortalTarget: document.body,
     autoFocus: true,
     blurInputOnSelect: true,
@@ -70,7 +70,7 @@ var IconEditType = function IconEditType(props) {
       var source = _ref.source,
         label = _ref.label,
         text = _ref.text;
-      return /*#__PURE__*/_react.default.createElement(_tooltip.default, {
+      return /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
         content: text !== null && text !== void 0 ? text : ''
       }, /*#__PURE__*/_react.default.createElement(_icon.SharedIconComponent, {
         iconUrl: source,

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

@@ -9,9 +9,9 @@ exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireWildcard(require("react"));
 var _layering = require("@atlaskit/layering/layering");
-var _lozenge = _interopRequireDefault(require("@atlaskit/lozenge"));
-var _select = _interopRequireDefault(require("@atlaskit/select"));
-var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
+var _lozenge = _interopRequireDefault(require("@atlaskit/lozenge/lozenge"));
+var _default2 = _interopRequireDefault(require("@atlaskit/select/default"));
+var _Tooltip = _interopRequireDefault(require("@atlaskit/tooltip/Tooltip"));
 var _ufoExperiences = require("../../../../analytics/ufoExperiences");
 var _datasourceExperienceId = require("../../../../contexts/datasource-experience-id");
 var _useLoadOptions2 = require("../../../../hooks/useLoadOptions");
@@ -46,7 +46,7 @@ var StatusEditType = function StatusEditType(props) {
   }, [experienceId, isLoading, hasFailed]);
   return /*#__PURE__*/_react.default.createElement(_layering.Layering, {
     isDisabled: false
-  }, /*#__PURE__*/_react.default.createElement(_select.default, (0, _extends2.default)({}, (0, _utils.getCleanedSelectProps)(props), {
+  }, /*#__PURE__*/_react.default.createElement(_default2.default, (0, _extends2.default)({}, (0, _utils.getCleanedSelectProps)(props), {
     menuPortalTarget: document.body,
     autoFocus: true,
     options: options,
@@ -63,7 +63,7 @@ var StatusEditType = function StatusEditType(props) {
     labelId: labelId,
     formatOptionLabel: function formatOptionLabel(option) {
       var _option$style;
-      return /*#__PURE__*/_react.default.createElement(_tooltip.default, {
+      return /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
         content: option.text
       }, /*#__PURE__*/_react.default.createElement(_lozenge.default, (0, _extends2.default)({
         testId: "inline-edit-status-option-".concat(option.text)

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

@@ -9,7 +9,7 @@ exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireWildcard(require("react"));
 var _layering = require("@atlaskit/layering/layering");
-var _textfield = _interopRequireDefault(require("@atlaskit/textfield"));
+var _textField = _interopRequireDefault(require("@atlaskit/textfield/text-field"));
 var _ufoExperiences = require("../../../../analytics/ufoExperiences");
 var _datasourceExperienceId = require("../../../../contexts/datasource-experience-id");
 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); }
@@ -27,7 +27,7 @@ var TextEditType = function TextEditType(props) {
   }, [experienceId]);
   return /*#__PURE__*/_react.default.createElement(_layering.Layering, {
     isDisabled: false
-  }, /*#__PURE__*/_react.default.createElement(_textfield.default, (0, _extends2.default)({}, props, {
+  }, /*#__PURE__*/_react.default.createElement(_textField.default, (0, _extends2.default)({}, props, {
     autoFocus: true,
     isCompact: true,
     testId: "inline-edit-text",

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

@@ -11,10 +11,11 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _react = _interopRequireWildcard(require("react"));
 var _reactIntl = require("react-intl");
 var _useDebounce = require("use-debounce");
-var _avatar = _interopRequireWildcard(require("@atlaskit/avatar"));
+var _avatar = _interopRequireDefault(require("@atlaskit/avatar/avatar"));
+var _avatarItem = _interopRequireDefault(require("@atlaskit/avatar/avatar-item"));
 var _layering = require("@atlaskit/layering/layering");
-var _select = _interopRequireDefault(require("@atlaskit/select"));
-var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
+var _default2 = _interopRequireDefault(require("@atlaskit/select/default"));
+var _Tooltip = _interopRequireDefault(require("@atlaskit/tooltip/Tooltip"));
 var _ufoExperiences = require("../../../../analytics/ufoExperiences");
 var _datasourceExperienceId = require("../../../../contexts/datasource-experience-id");
 var _useLoadOptions2 = require("../../../../hooks/useLoadOptions");
@@ -76,7 +77,7 @@ var UserEditType = function UserEditType(props) {
   }, [experienceId, isLoading, hasFailed]);
   return /*#__PURE__*/_react.default.createElement(_layering.Layering, {
     isDisabled: false
-  }, /*#__PURE__*/_react.default.createElement(_select.default, (0, _extends2.default)({}, (0, _utils.getCleanedSelectProps)(props), {
+  }, /*#__PURE__*/_react.default.createElement(_default2.default, (0, _extends2.default)({}, (0, _utils.getCleanedSelectProps)(props), {
     menuPortalTarget: document.body,
     autoFocus: true,
     defaultMenuIsOpen: true,
@@ -97,9 +98,9 @@ var UserEditType = function UserEditType(props) {
     },
     formatOptionLabel: function formatOptionLabel(option) {
       var _option$displayName;
-      return /*#__PURE__*/_react.default.createElement(_tooltip.default, {
+      return /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
         content: (_option$displayName = option.displayName) !== null && _option$displayName !== void 0 ? _option$displayName : ''
-      }, /*#__PURE__*/_react.default.createElement(_avatar.AvatarItem, {
+      }, /*#__PURE__*/_react.default.createElement(_avatarItem.default, {
         avatar: /*#__PURE__*/_react.default.createElement(_avatar.default, {
           appearance: "circle",
           size: 'small',

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

@@ -20,19 +20,19 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _reactIntl = require("react-intl");
 var _tinyInvariant = _interopRequireDefault(require("tiny-invariant"));
-var _new = _interopRequireDefault(require("@atlaskit/button/new"));
-var _flag = require("@atlaskit/flag");
+var _button = _interopRequireDefault(require("@atlaskit/button/default/button"));
+var _flagsProvider = require("@atlaskit/flag/flags-provider");
 var _sortAscending = _interopRequireDefault(require("@atlaskit/icon/core/sort-ascending"));
 var _sortDescending = _interopRequireDefault(require("@atlaskit/icon/core/sort-descending"));
 var _linkingCommon = require("@atlaskit/linking-common");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _closestEdge = require("@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge");
+var _fg = require("@atlaskit/platform-feature-flags/fg");
+var _extractClosestEdge = require("@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge/extract-closest-edge");
 var _reorderWithEdge = require("@atlaskit/pragmatic-drag-and-drop-hitbox/util/reorder-with-edge");
 var _pragmaticDragAndDropReactBeautifulDndAutoscroll = require("@atlaskit/pragmatic-drag-and-drop-react-beautiful-dnd-autoscroll");
-var _combine = require("@atlaskit/pragmatic-drag-and-drop/combine");
-var _adapter = require("@atlaskit/pragmatic-drag-and-drop/element/adapter");
+var _combine = require("@atlaskit/pragmatic-drag-and-drop/utils/combine");
+var _elementAdapter = require("@atlaskit/pragmatic-drag-and-drop/adapter/element-adapter");
 var _compiled = require("@atlaskit/primitives/compiled");
-var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
+var _Tooltip = _interopRequireDefault(require("@atlaskit/tooltip/Tooltip"));
 var _ufoExperiences = require("../../analytics/ufoExperiences");
 var _datasourceExperienceId = require("../../contexts/datasource-experience-id");
 var _useIsInPDFRender = require("../../hooks/useIsInPDFRender");
@@ -363,7 +363,7 @@ var IssueLikeDataTableView = exports.IssueLikeDataTableView = function IssueLike
 
   // A resolved response with no items still carries column metadata, so the table can keep its
   // headers and render the empty state where the rows would normally be.
-  var hasNoResults = status === 'resolved' && !hasData && (0, _platformFeatureFlags.fg)('platform_lp_sllv_ux_improvements');
+  var hasNoResults = status === 'resolved' && !hasData && (0, _fg.fg)('platform_lp_sllv_ux_improvements');
   var _useState7 = (0, _react.useState)(),
     _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
     noResultsWidth = _useState8[0],
@@ -395,7 +395,7 @@ var IssueLikeDataTableView = exports.IssueLikeDataTableView = function IssueLike
     if (!onVisibleColumnKeysChange || !hasData) {
       return;
     }
-    return (0, _combine.combine)((0, _adapter.monitorForElements)({
+    return (0, _combine.combine)((0, _elementAdapter.monitorForElements)({
       onDragStart: function onDragStart(_ref0) {
         var location = _ref0.location,
           source = _ref0.source;
@@ -438,7 +438,7 @@ var IssueLikeDataTableView = exports.IssueLikeDataTableView = function IssueLike
           return;
         }
         if (source.data.type === 'table-header' && source.data.tableId === tableId) {
-          var closestEdgeOfTarget = (0, _closestEdge.extractClosestEdge)(target.data);
+          var closestEdgeOfTarget = (0, _extractClosestEdge.extractClosestEdge)(target.data);
           (0, _tinyInvariant.default)(closestEdgeOfTarget === 'left' || closestEdgeOfTarget === 'right');
           var startIndex = extractIndex(source.data);
           var indexOfTarget = extractIndex(target.data);
@@ -495,7 +495,7 @@ var IssueLikeDataTableView = exports.IssueLikeDataTableView = function IssueLike
     }
   }, [tableRows.length]);
   var rows = (0, _react.useMemo)(function () {
-    if ((0, _platformFeatureFlags.fg)('platform_lp_jira_sllv_renderer_column_sorting')) {
+    if ((0, _fg.fg)('platform_lp_jira_sllv_renderer_column_sorting')) {
       var hasPreviousRealRows = !!previousRealRowsCountRef.current;
       var isLoadingState = status === 'loading' || status === 'empty' && hasPreviousRealRows;
       if (!isLoadingState) {
@@ -516,7 +516,7 @@ var IssueLikeDataTableView = exports.IssueLikeDataTableView = function IssueLike
     // if there are no table rows add 14 rows if it is compact (has scrollableContainerHeight or non-modal)
     // add 10 rows if it is modal (no scrollableContainerHeight)
     var loadingRowsCount = scrollableContainerHeight ? 14 : 10;
-    if ((0, _platformFeatureFlags.fg)('platform_lp_jira_sllv_renderer_column_sorting')) {
+    if ((0, _fg.fg)('platform_lp_jira_sllv_renderer_column_sorting')) {
       var defaultLoadingRowsCount = scrollableContainerHeight ? 14 : 10;
       var previousRealRowsCount = previousRealRowsCountRef.current;
       loadingRowsCount = defaultLoadingRowsCount;
@@ -606,7 +606,7 @@ var IssueLikeDataTableView = exports.IssueLikeDataTableView = function IssueLike
     var key = _ref13.key,
       content = _ref13.content,
       width = _ref13.width;
-    var heading = /*#__PURE__*/React.createElement(_tooltip.default, {
+    var heading = /*#__PURE__*/React.createElement(_Tooltip.default, {
       content: content,
       tag: "span",
       position: "bottom-start",
@@ -626,7 +626,7 @@ var IssueLikeDataTableView = exports.IssueLikeDataTableView = function IssueLike
       }) : formatMessage(_messages.issueLikeTableMessages.sortByColumnAscendingAction, {
         column: sortLabel
       });
-      heading = /*#__PURE__*/React.createElement(SortableHeaderParent, null, /*#__PURE__*/React.createElement(_new.default, (0, _extends2.default)({
+      heading = /*#__PURE__*/React.createElement(SortableHeaderParent, null, /*#__PURE__*/React.createElement(_button.default, (0, _extends2.default)({
         appearance: "subtle",
         spacing: "compact",
         shouldFitContainer: true,
@@ -680,7 +680,7 @@ var IssueLikeDataTableView = exports.IssueLikeDataTableView = function IssueLike
       return /*#__PURE__*/React.createElement(TableHeading, (0, _extends2.default)({
         key: key,
         "data-testid": "".concat(key, "-column-heading")
-      }, (0, _platformFeatureFlags.fg)('platform_lp_jira_sllv_renderer_column_sorting') ? {
+      }, (0, _fg.fg)('platform_lp_jira_sllv_renderer_column_sorting') ? {
         'aria-sort': (sortState === null || sortState === void 0 ? void 0 : sortState.key) === key && sortState.direction === 'ASC' ? 'ascending' : (sortState === null || sortState === void 0 ? void 0 : sortState.key) === key && sortState.direction === 'DESC' ? 'descending' : undefined
       } : {}, {
         // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
@@ -735,10 +735,10 @@ var IssueLikeDataTableView = exports.IssueLikeDataTableView = function IssueLike
         // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
         ,
         style: loadingRowStyle,
-        className: (0, _runtime.ax)([wrappedColumnKeys !== null && wrappedColumnKeys !== void 0 && wrappedColumnKeys.includes(cellKey) ? "_o5724jg8" : "_1bto1l2s _o5721q9c", cellType === 'richtext' && (0, _platformFeatureFlags.fg)('platform_lp_sllv_richtext_margin_reset') && "_s7n4jp4b"])
+        className: (0, _runtime.ax)([wrappedColumnKeys !== null && wrappedColumnKeys !== void 0 && wrappedColumnKeys.includes(cellKey) ? "_o5724jg8" : "_1bto1l2s _o5721q9c", cellType === 'richtext' && (0, _fg.fg)('platform_lp_sllv_richtext_margin_reset') && "_s7n4jp4b"])
       }, content);
     }));
   }))));
-  return /*#__PURE__*/React.createElement(_flag.FlagsProvider, null, view);
+  return /*#__PURE__*/React.createElement(_flagsProvider.FlagsProvider, null, view);
 };
 var EmptyState = exports.EmptyState = _emptyState.default;

package/dist/cjs/ui/issue-like-table/render-type/link/index.js

@@ -10,6 +10,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactIntl = require("react-intl");
 var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _smartCard = require("@atlaskit/smart-card");
+var _useSmartLinkDestinationUrl = require("@atlaskit/smart-card/hook/use-smart-link-destination-url");
 var _hoverCard = require("@atlaskit/smart-card/hover-card");
 var _linkUrl = _interopRequireDefault(require("@atlaskit/smart-card/link-url"));
 var _visuallyHidden = _interopRequireDefault(require("@atlaskit/visually-hidden/visually-hidden"));
@@ -35,11 +36,13 @@ var LinkRenderType = function LinkRenderType(_ref) {
   var linkStyle = (0, _react.useMemo)(function () {
     return (style === null || style === void 0 ? void 0 : style.appearance) && linkStyles[style.appearance] || {};
   }, [style]);
+  var destinationUrl = (0, _useSmartLinkDestinationUrl.useSmartLinkDestinationUrl)(url);
+  var crossProductUrlGated = (0, _fg.fg)('electric_issue_like_table_xpc_url_wrapping') ? destinationUrl : url;
   var anchor = (0, _react.useMemo)(function () {
     return /*#__PURE__*/_react.default.createElement(_hoverCard.HoverCard, {
       url: url
     }, /*#__PURE__*/_react.default.createElement(_linkUrl.default, {
-      href: url
+      href: crossProductUrlGated
       // NOTE: This will no longer apply styles to `@atlaskit/link`.
       // Wrap `@atlaskit/link` in a Text component to provide font styles to Link
       // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
@@ -52,11 +55,11 @@ var LinkRenderType = function LinkRenderType(_ref) {
     // This link always opens in a new tab (`target="_blank"` above), so
     // screen reader users need to be told before activating it (WCAG 2.4.4).
     _react.default.createElement(_visuallyHidden.default, null, " ".concat(formatMessage(_messages.messages.opensInNewTab)))));
-  }, [linkStyle, url, text, testId, formatMessage]);
+  }, [linkStyle, url, text, testId, formatMessage, crossProductUrlGated]);
   var SmartCard = function SmartCard() {
     var handleClick = function handleClick(e) {
       e.preventDefault();
-      window.open(url, '_blank', 'noopener, noreferrer');
+      window.open(crossProductUrlGated, '_blank', 'noopener, noreferrer');
     };
     return /*#__PURE__*/_react.default.createElement(_smartCard.Card, {
       appearance: "inline",

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.STATUS_TYPE_TEST_ID = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _lozenge = _interopRequireDefault(require("@atlaskit/lozenge"));
+var _lozenge = _interopRequireDefault(require("@atlaskit/lozenge/lozenge"));
 var STATUS_TYPE_TEST_ID = exports.STATUS_TYPE_TEST_ID = 'link-datasource-render-type--status';
 var StatusRenderType = function StatusRenderType(_ref) {
   var text = _ref.text,

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.TAG_TYPE_TEST_ID = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _tag = _interopRequireDefault(require("@atlaskit/tag"));
+var _removableTag = _interopRequireDefault(require("@atlaskit/tag/removable-tag"));
 var TAG_TYPE_TEST_ID = exports.TAG_TYPE_TEST_ID = 'link-datasource-render-type--tag';
 var TagRenderType = function TagRenderType(_ref) {
   var _tag$color;
@@ -17,7 +17,7 @@ var TagRenderType = function TagRenderType(_ref) {
   if (!(text && typeof text === 'string')) {
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
   }
-  return /*#__PURE__*/_react.default.createElement(_tag.default, {
+  return /*#__PURE__*/_react.default.createElement(_removableTag.default, {
     text: text,
     testId: testId,
     appearance: 'default',

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

@@ -14,10 +14,10 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _reactIntl = require("react-intl");
-var _avatar = _interopRequireDefault(require("@atlaskit/avatar"));
-var _avatarGroup = _interopRequireDefault(require("@atlaskit/avatar-group"));
+var _avatar = _interopRequireDefault(require("@atlaskit/avatar/avatar"));
+var _avatarGroup = _interopRequireDefault(require("@atlaskit/avatar-group/avatar-group"));
 var _compiled = require("@atlaskit/primitives/compiled");
-var _widthDetector = require("@atlaskit/width-detector");
+var _widthObserver = require("@atlaskit/width-detector/width-observer");
 var _messages = require("./messages");
 var _excluded = ["as", "style"];
 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); }
@@ -99,7 +99,7 @@ var UserType = function UserType(_ref2) {
     });
     return /*#__PURE__*/_react.default.createElement(AvatarGroupWrapperStyles, null, /*#__PURE__*/_react.default.createElement(_compiled.Box, {
       xcss: styles.widthObserverWrapperStyles
-    }, /*#__PURE__*/_react.default.createElement(_widthDetector.WidthObserver, {
+    }, /*#__PURE__*/_react.default.createElement(_widthObserver.WidthObserver, {
       setWidth: setWidth
     })), /*#__PURE__*/_react.default.createElement(_avatarGroup.default, {
       data: data,

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

@@ -10,9 +10,9 @@ require("./index.compiled.css");
 var _runtime = require("@compiled/react/runtime");
 var _react = _interopRequireDefault(require("react"));
 var _reactIntl = require("react-intl");
-var _avatar = _interopRequireDefault(require("@atlaskit/avatar"));
+var _avatar = _interopRequireDefault(require("@atlaskit/avatar/avatar"));
 var _compiled = require("@atlaskit/primitives/compiled");
-var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
+var _Tooltip = _interopRequireDefault(require("@atlaskit/tooltip/Tooltip"));
 var _user = require("../../render-type/user");
 var _messages = require("../../render-type/user/messages");
 var styles = {
@@ -21,7 +21,7 @@ var styles = {
 };
 var EmptyAvatar = exports.EmptyAvatar = function EmptyAvatar() {
   var intl = (0, _reactIntl.useIntl)();
-  return /*#__PURE__*/_react.default.createElement(_tooltip.default, {
+  return /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
     content: intl.formatMessage(_messages.userTypeMessages.userDefaultdisplayNameValue)
   }, /*#__PURE__*/_react.default.createElement(_compiled.Box, {
     xcss: styles.emptyAvatarWrapperStyles,