@atlaskit/link-datasource 3.22.6 → 4.0.0

package/dist/esm/ui/issue-like-table/column-picker/concatenated-menu-list.compiled.css

@@ -1,6 +1,6 @@
 ._k48pi7a9{font-weight:var(--ds-font-weight-regular,400)}
 ._syaz1gjq{color:var(--ds-text-subtle,#44546f)}
-._u6rd4rgb font{-u-n-s-a-f-e_small:normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif}
-._v2gl1m4d font{small:normal 400 11px/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif}
-._x3fx1ryd font{medium:normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif}
-._zzcc92k5 font{large:normal 400 1pc/24px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif}
+._u6rdk9i7 font{-u-n-s-a-f-e_small:normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif}
+._v2glf7ua font{small:normal 400 11px/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif}
+._x3fxnil1 font{medium:normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif}
+._zzcc4f4w font{large:normal 400 1pc/24px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif}

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

@@ -6,14 +6,12 @@ import "./concatenated-menu-list.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { FormattedMessage } from 'react-intl-next';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { components } from '@atlaskit/select';
 import { fontFallback } from '@atlaskit/theme/typography';
-import { ConcatenatedMenuListOld } from './concatenated-menu-list-old';
 import { columnPickerMessages } from './messages';
 export var SELECT_ITEMS_MAXIMUM_THRESHOLD = 200;
 var messageStyles = null;
-var ConcatenatedMenuListNew = function ConcatenatedMenuListNew(_ref) {
+export var ConcatenatedMenuList = function ConcatenatedMenuList(_ref) {
   var children = _ref.children,
     props = _objectWithoutProperties(_ref, _excluded);
   var shouldUseDefaultMenuList = !children || !Array.isArray(children) || children.length <= SELECT_ITEMS_MAXIMUM_THRESHOLD;
@@ -26,18 +24,11 @@ var ConcatenatedMenuListNew = function ConcatenatedMenuListNew(_ref) {
   };
   var maximumLimitReachedMessage = /*#__PURE__*/React.createElement("div", {
     style: optionStyle,
-    className: ax(["_syaz1gjq _k48pi7a9 _zzcc92k5 _x3fx1ryd _u6rd4rgb _v2gl1m4d"])
+    className: ax(["_syaz1gjq _k48pi7a9 _zzcc4f4w _x3fxnil1 _u6rdk9i7 _v2glf7ua"])
   }, /*#__PURE__*/React.createElement(FormattedMessage, _extends({
     tagName: 'div'
   }, columnPickerMessages.maximumItemsShownLine1)), /*#__PURE__*/React.createElement(FormattedMessage, _extends({
     tagName: 'div'
   }, columnPickerMessages.maximumItemsShownLine2)));
   return /*#__PURE__*/React.createElement(components.MenuList, props, children.slice(0, SELECT_ITEMS_MAXIMUM_THRESHOLD), maximumLimitReachedMessage);
-};
-export var ConcatenatedMenuList = function ConcatenatedMenuList(props) {
-  if (fg('bandicoots-compiled-migration-link-datasource')) {
-    return /*#__PURE__*/React.createElement(ConcatenatedMenuListNew, props);
-  } else {
-    return /*#__PURE__*/React.createElement(ConcatenatedMenuListOld, props);
-  }
 };

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

@@ -11,19 +11,17 @@ import { useIntl } from 'react-intl-next';
 import Button from '@atlaskit/button/new';
 import BoardIcon from '@atlaskit/icon/core/migration/board';
 import ChevronDownIcon from '@atlaskit/icon/utility/migration/chevron-down';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { Box } from '@atlaskit/primitives/compiled';
 import { CheckboxOption, createFilter, PopupSelect } from '@atlaskit/select';
 import Tooltip from '@atlaskit/tooltip';
 import { succeedUfoExperience } from '../../../analytics/ufoExperiences';
 import { useDatasourceExperienceId } from '../../../contexts/datasource-experience-id';
-import { ColumnPickerOld } from './column-picker-old';
 import { ConcatenatedMenuList } from './concatenated-menu-list';
 import { columnPickerMessages } from './messages';
 var styles = {
   chevronIconStyles: "_1e0c1txw _4cvr1h6o"
 };
-var ColumnPickerNew = function ColumnPickerNew(_ref) {
+export var ColumnPicker = function ColumnPicker(_ref) {
   var columns = _ref.columns,
     selectedColumnKeys = _ref.selectedColumnKeys,
     onSelectedColumnKeysChange = _ref.onSelectedColumnKeysChange,
@@ -172,11 +170,4 @@ var ColumnPickerNew = function ColumnPickerNew(_ref) {
       });
     }
   });
-};
-export var ColumnPicker = function ColumnPicker(props) {
-  if (fg('bandicoots-compiled-migration-link-datasource')) {
-    return /*#__PURE__*/React.createElement(ColumnPickerNew, props);
-  } else {
-    return /*#__PURE__*/React.createElement(ColumnPickerOld, props);
-  }
 };

package/dist/esm/ui/issue-like-table/drag-column-preview.compiled.css

@@ -41,11 +41,11 @@
 ._s7n4yfq0, .ProseMirror .pm-table-wrapper>table thead ._ntwryfq0, .pm-table-wrapper>table thead ._3eneyfq0{vertical-align:bottom}
 ._u5f31b66, .ProseMirror .pm-table-wrapper>table thead ._1pmc1b66, .pm-table-wrapper>table thead ._11ep1b66{padding-right:var(--ds-space-050,4px)}
 ._u5f3u2gc{padding-right:var(--ds-space-100,8px)}
-._u6rd4rgb font{-u-n-s-a-f-e_small:normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif}
-._v2gl1m4d font{small:normal 400 11px/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif}
+._u6rdk9i7 font{-u-n-s-a-f-e_small:normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif}
+._v2glf7ua font{small:normal 400 11px/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif}
 ._vchhusvi, .ProseMirror .pm-table-wrapper>table thead ._1wwnusvi, .pm-table-wrapper>table thead ._1gbausvi{box-sizing:border-box}
 ._vchhusvi{box-sizing:border-box}
 ._vwz41tcg, .ProseMirror .pm-table-wrapper>table thead ._s99e1tcg, .pm-table-wrapper>table thead ._3mvc1tcg{line-height:24px}
-._x3fx1ryd font{medium:normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif}
+._x3fxnil1 font{medium:normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif}
 ._yq5hus1c{border-collapse:separate}
-._zzcc92k5 font{large:normal 400 1pc/24px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif}
+._zzcc4f4w font{large:normal 400 1pc/24px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif}

package/dist/esm/ui/issue-like-table/drag-column-preview.js

@@ -10,11 +10,8 @@ import { ax, ix } from "@compiled/react/runtime";
 /* eslint-disable @atlaskit/design-system/use-tokens-typography */
 
 import React from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { N40 } from '@atlaskit/theme/colors';
 import { fontFallback } from '@atlaskit/theme/typography';
-import { DragColumnPreviewOld } from './drag-column-preview-old';
-
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled
 var TableHeading = forwardRef(function (_ref, __cmplr) {
   var _ref$as = _ref.as,
@@ -63,21 +60,14 @@ if (process.env.NODE_ENV !== 'production') {
   TablePreviewCell.displayName = 'TablePreviewCell';
 }
 var tableStyles = null;
-var DragColumnPreviewNew = function DragColumnPreviewNew(_ref4) {
+export var DragColumnPreview = function DragColumnPreview(_ref4) {
   var title = _ref4.title,
     rows = _ref4.rows;
   return /*#__PURE__*/React.createElement("table", {
-    className: ax(["_bfhkvuon _yq5hus1c _btyzidpf _p12fuuw1 _zzcc92k5 _x3fx1ryd _u6rd4rgb _v2gl1m4d"])
+    className: ax(["_bfhkvuon _yq5hus1c _btyzidpf _p12fuuw1 _zzcc4f4w _x3fxnil1 _u6rdk9i7 _v2glf7ua"])
   }, /*#__PURE__*/React.createElement("thead", null, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement(TablePreviewHeading, null, title))), /*#__PURE__*/React.createElement("tbody", null, rows.map(function (data, i) {
     return /*#__PURE__*/React.createElement("tr", {
       key: i
     }, /*#__PURE__*/React.createElement(TablePreviewCell, null, data));
   }), /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement(TablePreviewCell, null, "..."))));
-};
-export var DragColumnPreview = function DragColumnPreview(props) {
-  if (fg('bandicoots-compiled-migration-link-datasource')) {
-    return /*#__PURE__*/React.createElement(DragColumnPreviewNew, props);
-  } else {
-    return /*#__PURE__*/React.createElement(DragColumnPreviewOld, props);
-  }
 };

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

@@ -22,7 +22,6 @@ import Button from '@atlaskit/button/new';
 import DropdownMenu, { DropdownItem } from '@atlaskit/dropdown-menu';
 import ChevronDown from '@atlaskit/icon/utility/migration/chevron-down';
 import ChevronUp from '@atlaskit/icon/utility/migration/chevron-up';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { attachClosestEdge, extractClosestEdge } from '@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge';
 import { DropIndicator } from '@atlaskit/pragmatic-drag-and-drop-react-drop-indicator/box';
 import { combine } from '@atlaskit/pragmatic-drag-and-drop/combine';
@@ -34,7 +33,6 @@ import { preventUnhandled } from '@atlaskit/pragmatic-drag-and-drop/prevent-unha
 import { N40 } from '@atlaskit/theme/colors';
 import { useDatasourceAnalyticsEvents } from '../../analytics';
 import { GlyphPlaceholder, UnwrapTextIcon, WrapTextIcon } from './custom-icons';
-import { DraggableTableHeadingOld } from './draggable-table-heading-old';
 import { issueLikeTableMessages } from './messages';
 import { getColumnMinWidth, getWidthCss } from './utils';
 
@@ -78,7 +76,7 @@ var idleState = {
 var draggingState = {
   type: 'dragging'
 };
-var DraggableTableHeadingNew = function DraggableTableHeadingNew(_ref3) {
+export var DraggableTableHeading = function DraggableTableHeading(_ref3) {
   var children = _ref3.children,
     id = _ref3.id,
     index = _ref3.index,
@@ -359,11 +357,4 @@ var DraggableTableHeadingNew = function DraggableTableHeadingNew(_ref3) {
   }, closestEdge && /*#__PURE__*/React.createElement(DropIndicator, {
     edge: closestEdge
   })), state.type === 'preview' ? /*#__PURE__*/ReactDOM.createPortal(dragPreview, state.container) : null);
-};
-export var DraggableTableHeading = function DraggableTableHeading(props) {
-  if (fg('bandicoots-compiled-migration-link-datasource')) {
-    return /*#__PURE__*/React.createElement(DraggableTableHeadingNew, props);
-  } else {
-    return /*#__PURE__*/React.createElement(DraggableTableHeadingOld, props);
-  }
 };

package/dist/esm/ui/issue-like-table/empty-state/index.compiled.css

@@ -1,8 +1,37 @@
 
-._1yt41uce{padding:var(--ds-space-100,8px) var(--ds-space-100,8px)}
+._19itidpf, .ProseMirror .pm-table-wrapper>table thead ._aks5idpf, .pm-table-wrapper>table thead ._1u3bidpf{border:0}
+._1yt41uce{padding:var(--ds-space-100,8px) var(--ds-space-100,8px)}.ProseMirror .pm-table-wrapper>table thead.has-column-picker ._1hkzidpf:nth-last-of-type(2), .pm-table-wrapper>table thead.has-column-picker ._1r3pidpf:nth-last-of-type(2), thead.has-column-picker ._10i2idpf:nth-last-of-type(2){border-right:0}
+._1ls2idpf:last-of-type, .ProseMirror .pm-table-wrapper>table thead ._ocbzidpf:last-of-type, .pm-table-wrapper>table thead ._3tfiidpf:last-of-type{border-right:0}
 ._1ls2idpf:last-of-type{border-right:0}
 ._1s7z1oij{border-right:var(--_1n7euq6)}
+._1s7zl0fh, .ProseMirror .pm-table-wrapper>table thead ._1o9ml0fh, .pm-table-wrapper>table thead ._1oupl0fh{border-right:.5px solid var(--ds-border,#dfe1e6)}
 ._n7zl1oij{border-bottom:var(--_1n7euq6)}
-._n7zlidpf{border-bottom:0}._1lhcu2gc:first-of-type{padding-left:var(--ds-space-100,8px)}
+._n7zl1on0, .ProseMirror .pm-table-wrapper>table thead ._1fqk1on0, .pm-table-wrapper>table thead ._1vvv1on0{border-bottom:2px solid var(--ds-border,#dfe1e6)}
+._n7zlidpf{border-bottom:0}
+._11681tcg [data-testid=datasource-header-content--container]{line-height:24px}
+._11j11b66 [data-testid=datasource-header-content--container]{padding-right:var(--ds-space-050,4px)}
+._12pn15vq [data-testid=datasource-header-content--container]{overflow-x:hidden}
+._198v15vq [data-testid=datasource-header-content--container]{overflow-y:hidden}
+._19bv1b66, .ProseMirror .pm-table-wrapper>table thead ._9iya1b66, .pm-table-wrapper>table thead ._15hu1b66{padding-left:var(--ds-space-050,4px)}
+._1eqz4jg8 [data-testid=datasource-header-content--container]{white-space:normal}
+._1lhc1b66:first-of-type, .ProseMirror .pm-table-wrapper>table thead ._n2z81b66:first-of-type, .pm-table-wrapper>table thead ._3ixo1b66:first-of-type{padding-left:var(--ds-space-050,4px)}
+._1lhcu2gc:first-of-type{padding-left:var(--ds-space-100,8px)}
+._1nd0cs5v [data-testid=datasource-header-content--container]{-webkit-line-clamp:2}
 ._1o59u2gc:last-of-type{padding-right:var(--ds-space-100,8px)}
-._bfhkchd4{background-color:var(--ds-elevation-surface-current,#fff)}
+._1t0u1e54 [data-testid=datasource-header-content--container]{-webkit-box-orient:vertical}
+._1xanv77o [data-testid=datasource-header-content--container]{padding-bottom:var(--ds-space-025,2px)}
+._4t3iqagn, .ProseMirror .pm-table-wrapper>table thead ._qccgqagn, .pm-table-wrapper>table thead ._xo89qagn{height:calc(50px + var(--ds-space-025, 2px)*4)}
+._8lvj1b66 [data-testid=datasource-header-content--container]{padding-left:var(--ds-space-050,4px)}
+._95ex1hna [data-testid=datasource-header-content--container]{word-wrap:break-word}
+._ab8av77o [data-testid=datasource-header-content--container]{padding-top:var(--ds-space-025,2px)}
+._bfhkchd4, .ProseMirror .pm-table-wrapper>table thead ._i7olchd4, .pm-table-wrapper>table thead ._1oe6chd4{background-color:var(--ds-elevation-surface-current,#fff)}
+._bfhkchd4{background-color:var(--ds-elevation-surface-current,#fff)}
+._ca0qv77o, .ProseMirror .pm-table-wrapper>table thead ._7cz2v77o, .pm-table-wrapper>table thead ._pcwyv77o{padding-top:var(--ds-space-025,2px)}
+._iscccj1k [data-testid=datasource-header-content--container]{display:-webkit-box}
+._kqswh2mm, .ProseMirror .pm-table-wrapper>table thead ._rc4eh2mm, .pm-table-wrapper>table thead ._q46wh2mm{position:relative}
+._lura1osq [data-testid=datasource-header-content--container]{width:100%}
+._n3tdv77o, .ProseMirror .pm-table-wrapper>table thead ._6dd7v77o, .pm-table-wrapper>table thead ._191qv77o{padding-bottom:var(--ds-space-025,2px)}
+._s7n4yfq0, .ProseMirror .pm-table-wrapper>table thead ._ntwryfq0, .pm-table-wrapper>table thead ._3eneyfq0{vertical-align:bottom}
+._u5f31b66, .ProseMirror .pm-table-wrapper>table thead ._1pmc1b66, .pm-table-wrapper>table thead ._11ep1b66{padding-right:var(--ds-space-050,4px)}
+._vchhusvi, .ProseMirror .pm-table-wrapper>table thead ._1wwnusvi, .pm-table-wrapper>table thead ._1gbausvi{box-sizing:border-box}
+._vwz41tcg, .ProseMirror .pm-table-wrapper>table thead ._s99e1tcg, .pm-table-wrapper>table thead ._3mvc1tcg{line-height:24px}

package/dist/esm/ui/issue-like-table/empty-state/index.js

@@ -1,12 +1,15 @@
 /* index.tsx generated by @compiled/babel-plugin v0.36.1 */
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["as", "style"];
 import "./index.compiled.css";
+import { forwardRef } from 'react';
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
+/* eslint-disable @atlaskit/design-system/use-tokens-typography */
+
 import { Skeleton } from '@atlaskit/linking-common';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { N40 } from '@atlaskit/theme/colors';
-import { TableHeading } from '../styled';
-import EmptyStateOld from './empty-state-old';
 var SkeletonComponent = function SkeletonComponent(_ref) {
   var width = _ref.width,
     itemName = _ref.itemName;
@@ -74,9 +77,24 @@ var renderItem = function renderItem(_ref2, _ref3) {
       });
   }
 };
-var EmptyState = function EmptyState(_ref4) {
-  var isCompact = _ref4.isCompact,
-    testId = _ref4.testId;
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled
+var TableHeading = forwardRef(function (_ref4, __cmplr) {
+  var _ref4$as = _ref4.as,
+    C = _ref4$as === void 0 ? "th" : _ref4$as,
+    __cmpls = _ref4.style,
+    __cmplp = _objectWithoutProperties(_ref4, _excluded);
+  return /*#__PURE__*/React.createElement(C, _extends({}, __cmplp, {
+    style: __cmpls,
+    ref: __cmplr,
+    className: ax(["_19itidpf _aks5idpf _1u3bidpf _1s7zl0fh _1o9ml0fh _1oupl0fh _n7zl1on0 _1fqk1on0 _1vvv1on0 _kqswh2mm _rc4eh2mm _q46wh2mm _vchhusvi _1wwnusvi _1gbausvi _vwz41tcg _s99e1tcg _3mvc1tcg _ca0qv77o _7cz2v77o _pcwyv77o _u5f31b66 _1pmc1b66 _11ep1b66 _n3tdv77o _6dd7v77o _191qv77o _19bv1b66 _9iya1b66 _15hu1b66 _4t3iqagn _qccgqagn _xo89qagn _s7n4yfq0 _ntwryfq0 _3eneyfq0 _bfhkchd4 _i7olchd4 _1oe6chd4 _12pn15vq _198v15vq _lura1osq _11681tcg _ab8av77o _11j11b66 _1xanv77o _8lvj1b66 _iscccj1k _1nd0cs5v _1t0u1e54 _1eqz4jg8 _95ex1hna _1hkzidpf _1r3pidpf _10i2idpf _1ls2idpf _ocbzidpf _3tfiidpf _1lhc1b66 _n2z81b66 _3ixo1b66", __cmplp.className])
+  }));
+});
+if (process.env.NODE_ENV !== 'production') {
+  TableHeading.displayName = 'TableHeading';
+}
+var EmptyState = function EmptyState(_ref5) {
+  var isCompact = _ref5.isCompact,
+    testId = _ref5.testId;
   var columnsToRender = isCompact ? baseColumns.slice(0, 6) : baseColumns;
   // if it is compact (non-modal), there is room for 14 rows
   // if it is modal (not compact), there is only room for 10 rows
@@ -106,9 +124,9 @@ var EmptyState = function EmptyState(_ref4) {
     style: {
       borderBottom: 0
     }
-  }, /*#__PURE__*/React.createElement("tr", null, columnsToRender.map(function (_ref5) {
-    var key = _ref5.key,
-      width = _ref5.width;
+  }, /*#__PURE__*/React.createElement("tr", null, columnsToRender.map(function (_ref6) {
+    var key = _ref6.key,
+      width = _ref6.width;
     return (
       /*#__PURE__*/
       // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
@@ -142,11 +160,4 @@ var EmptyState = function EmptyState(_ref4) {
     }));
   }))));
 };
-var EmptyStateExported = function EmptyStateExported(props) {
-  if (fg('bandicoots-compiled-migration-link-datasource')) {
-    return /*#__PURE__*/React.createElement(EmptyState, props);
-  } else {
-    return /*#__PURE__*/React.createElement(EmptyStateOld, props);
-  }
-};
-export default EmptyStateExported;
+export default EmptyState;

package/dist/esm/ui/issue-like-table/empty-state/type.js

@@ -12,8 +12,6 @@ import Epic16Icon from '@atlaskit/icon-object/glyph/epic/16';
 import Issue16Icon from '@atlaskit/icon-object/glyph/issue/16';
 import Story16Icon from '@atlaskit/icon-object/glyph/story/16';
 import Task16Icon from '@atlaskit/icon-object/glyph/task/16';
-import { fg } from '@atlaskit/platform-feature-flags';
-import EmptyStateIconOld from './icon-type-old';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var IconWrapper = forwardRef(function (_ref, __cmplr) {
   var _ref$as = _ref.as,
@@ -67,11 +65,4 @@ var EmptyStateIcon = function EmptyStateIcon(_ref2) {
   };
   return /*#__PURE__*/React.createElement(IconWrapper, null, /*#__PURE__*/React.createElement(TypeIcon, null));
 };
-var EmptyStateIconExported = function EmptyStateIconExported(props) {
-  if (fg('bandicoots-compiled-migration-link-datasource')) {
-    return /*#__PURE__*/React.createElement(EmptyStateIcon, props);
-  } else {
-    return /*#__PURE__*/React.createElement(EmptyStateIconOld, props);
-  }
-};
-export default EmptyStateIconExported;
+export default EmptyStateIcon;

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

@@ -75,14 +75,14 @@
 ._s7n4yfq0, .ProseMirror .pm-table-wrapper>table thead ._ntwryfq0, .pm-table-wrapper>table thead ._3eneyfq0{vertical-align:bottom}
 ._u5f31b66, .ProseMirror .pm-table-wrapper>table thead ._1pmc1b66, .pm-table-wrapper>table thead ._11ep1b66{padding-right:var(--ds-space-050,4px)}
 ._u5f3ze3t, .ProseMirror .pm-table-wrapper>table tbody ._1cngze3t, .pm-table-wrapper>table tbody ._1h12ze3t{padding-right:var(--ds-space-0,0)}
-._u6rd4rgb font{-u-n-s-a-f-e_small:normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif}
-._v2gl1m4d font{small:normal 400 11px/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif}
+._u6rdk9i7 font{-u-n-s-a-f-e_small:normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif}
+._v2glf7ua font{small:normal 400 11px/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif}
 ._vchh1ntv, .ProseMirror .pm-table-wrapper>table tbody ._16601ntv, .pm-table-wrapper>table tbody ._1qd91ntv{box-sizing:content-box}
 ._vchhusvi, .ProseMirror .pm-table-wrapper>table thead ._1wwnusvi, .pm-table-wrapper>table thead ._1gbausvi{box-sizing:border-box}
 ._vchhusvi{box-sizing:border-box}
 ._vwz41tcg, .ProseMirror .pm-table-wrapper>table thead ._s99e1tcg, .pm-table-wrapper>table thead ._3mvc1tcg{line-height:24px}
-._x3fx1ryd font{medium:normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif}
+._x3fxnil1 font{medium:normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif}
 ._yq5hus1c{border-collapse:separate}
-._zzcc92k5 font{large:normal 400 1pc/24px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif}
+._zzcc4f4w font{large:normal 400 1pc/24px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif}
 ._8vu416jk:hover{border-radius:var(--ds-border-radius-200,3px)}
 ._irr31d5g:hover{background-color:var(--ds-background-input-hovered,#f7f8f9)}

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

@@ -40,7 +40,6 @@ import { ColumnPicker } from './column-picker';
 import { DragColumnPreview } from './drag-column-preview';
 import { DraggableTableHeading } from './draggable-table-heading';
 import TableEmptyState from './empty-state';
-import { IssueLikeDataTableViewOld } from './issue-like-table-old';
 import { renderType } from './render-type';
 import { TableCellContent } from './table-cell-content';
 import { useIsOnScreen } from './useIsOnScreen';
@@ -176,7 +175,8 @@ function getDefaultColumnWidth(key, type) {
       return DEFAULT_WIDTH;
   }
 }
-var IssueLikeDataTableViewNew = function IssueLikeDataTableViewNew(_ref5) {
+export var IssueLikeDataTableView = function IssueLikeDataTableView(_ref5) {
+  var _containerRef$current;
   var testId = _ref5.testId,
     onNextPage = _ref5.onNextPage,
     onLoadDatasourceDetails = _ref5.onLoadDatasourceDetails,
@@ -216,19 +216,22 @@ var IssueLikeDataTableViewNew = function IssueLikeDataTableViewNew(_ref5) {
     _useState6 = _slicedToArray(_useState5, 2),
     orderedColumns = _useState6[0],
     setOrderedColumns = _useState6[1];
+  var isJumpingColumnFixEnabled = fg('enable_fix_datasource_jumping_columns');
 
   // Table container width is used to know if sum of all column widths is bigger of container or not.
   // When sum of all columns is less than container size we make last column stretchable (width: undefined)
   var _useState7 = useState(),
     _useState8 = _slicedToArray(_useState7, 2),
-    tableContainerWidth = _useState8[0],
-    setTableContainerWidth = _useState8[1];
+    tableContainerWidthOld = _useState8[0],
+    setTableContainerWidthOld = _useState8[1];
   useEffect(function () {
     var current = containerRef.current;
-    if (containerRef && current) {
-      setTableContainerWidth(current.getBoundingClientRect().width);
+    if (!isJumpingColumnFixEnabled) {
+      if (containerRef && current) {
+        setTableContainerWidthOld(current.getBoundingClientRect().width);
+      }
     }
-  }, [containerRef]);
+  }, [containerRef, isJumpingColumnFixEnabled]);
   useEffect(function () {
     if (orderedColumns.length !== columns.length) {
       setOrderedColumns(getOrderedColumns(_toConsumableArray(columns), _toConsumableArray(visibleColumnKeys)));
@@ -263,8 +266,16 @@ var IssueLikeDataTableViewNew = function IssueLikeDataTableViewNew(_ref5) {
     }, 0) + (onVisibleColumnKeysChange ? columnPickerWidth : 0);
   }, [columnCustomSizes, onVisibleColumnKeysChange, visibleSortedColumns]);
   var shouldUseWidth = !!(onColumnResize || columnCustomSizes);
+  var getColumnWidthOld = useCallback(function (key, type, isLastCell) {
+    if (isLastCell && shouldUseWidth && (!tableContainerWidthOld || tableContainerWidthOld > columnsWidthsSum)) {
+      return undefined;
+    } else {
+      return (columnCustomSizes === null || columnCustomSizes === void 0 ? void 0 : columnCustomSizes[key]) || getDefaultColumnWidth(key, type);
+    }
+  }, [columnCustomSizes, columnsWidthsSum, shouldUseWidth, tableContainerWidthOld]);
+  var tableContainerWidth = isJumpingColumnFixEnabled ? Math.ceil(((_containerRef$current = containerRef.current) === null || _containerRef$current === void 0 ? void 0 : _containerRef$current.getBoundingClientRect().width) || 0) : 0;
   var getColumnWidth = useCallback(function (key, type, isLastCell) {
-    if (isLastCell && shouldUseWidth && (!tableContainerWidth || tableContainerWidth > columnsWidthsSum)) {
+    if (isLastCell && shouldUseWidth && tableContainerWidth && tableContainerWidth > columnsWidthsSum) {
       return undefined;
     } else {
       return (columnCustomSizes === null || columnCustomSizes === void 0 ? void 0 : columnCustomSizes[key]) || getDefaultColumnWidth(key, type);
@@ -279,10 +290,10 @@ var IssueLikeDataTableViewNew = function IssueLikeDataTableViewNew(_ref5) {
         key: key,
         content: title,
         shouldTruncate: true,
-        width: getColumnWidth(key, type, index === visibleSortedColumns.length - 1)
+        width: isJumpingColumnFixEnabled ? getColumnWidth(key, type, index === visibleSortedColumns.length - 1) : getColumnWidthOld(key, type, index === visibleSortedColumns.length - 1)
       };
     });
-  }, [getColumnWidth, visibleSortedColumns]);
+  }, [getColumnWidth, getColumnWidthOld, isJumpingColumnFixEnabled, visibleSortedColumns]);
   var loadingRow = useMemo(function () {
     return {
       key: 'loading',
@@ -324,14 +335,14 @@ var IssueLikeDataTableViewNew = function IssueLikeDataTableViewNew(_ref5) {
           source = _ref9.source;
         initialAutoScrollerClientY.current = location.current.input.clientY;
         if (source.data.type === 'table-header') {
-          var _containerRef$current;
+          var _containerRef$current2;
           autoScroller.start({
             input: _objectSpread(_objectSpread({}, location.current.input), {}, {
               clientY:
               // The goal is to have clientY the same and in the middle of the scrollable area
               // Since clientY is taken from to of the viewport we need to plus that in order to get
               // middle of the scrollable area in reference to the viewport
-              (initialAutoScrollerClientY.current || 0) + (((_containerRef$current = containerRef.current) === null || _containerRef$current === void 0 ? void 0 : _containerRef$current.offsetHeight) || 0) / 2
+              (initialAutoScrollerClientY.current || 0) + (((_containerRef$current2 = containerRef.current) === null || _containerRef$current2 === void 0 ? void 0 : _containerRef$current2.offsetHeight) || 0) / 2
             }),
             behavior: 'container-only'
           });
@@ -341,10 +352,10 @@ var IssueLikeDataTableViewNew = function IssueLikeDataTableViewNew(_ref5) {
         var location = _ref10.location,
           source = _ref10.source;
         if (source.data.type === 'table-header') {
-          var _containerRef$current2;
+          var _containerRef$current3;
           autoScroller.updateInput({
             input: _objectSpread(_objectSpread({}, location.current.input), {}, {
-              clientY: (initialAutoScrollerClientY.current || 0) + (((_containerRef$current2 = containerRef.current) === null || _containerRef$current2 === void 0 ? void 0 : _containerRef$current2.offsetHeight) || 0) / 2
+              clientY: (initialAutoScrollerClientY.current || 0) + (((_containerRef$current3 = containerRef.current) === null || _containerRef$current3 === void 0 ? void 0 : _containerRef$current3.offsetHeight) || 0) / 2
             })
           });
         }
@@ -402,7 +413,7 @@ var IssueLikeDataTableViewNew = function IssueLikeDataTableViewNew(_ref5) {
               wrappedColumnKeys: wrappedColumnKeys,
               renderItem: renderItem
             }),
-            width: getColumnWidth(key, type, cellIndex === visibleSortedColumns.length - 1)
+            width: isJumpingColumnFixEnabled ? getColumnWidth(key, type, cellIndex === visibleSortedColumns.length - 1) : getColumnWidthOld(key, type, cellIndex === visibleSortedColumns.length - 1)
           };
         }),
         ref: rowIndex === items.length - 1 ? function (el) {
@@ -410,7 +421,7 @@ var IssueLikeDataTableViewNew = function IssueLikeDataTableViewNew(_ref5) {
         } : undefined
       };
     });
-  }, [items, itemIds, renderItem, wrappedColumnKeys, visibleSortedColumns, getColumnWidth]);
+  }, [items, itemIds, renderItem, wrappedColumnKeys, visibleSortedColumns, getColumnWidth, getColumnWidthOld, isJumpingColumnFixEnabled]);
   var rows = useMemo(function () {
     if (status !== 'loading') {
       return tableRows;
@@ -485,8 +496,8 @@ var IssueLikeDataTableViewNew = function IssueLikeDataTableViewNew(_ref5) {
     } : undefined), {}, {
       "--_11c95on": ix("\n\t\tlinear-gradient(90deg, ".concat("var(--ds-elevation-surface-current, #FFF)", " 30%, rgba(255, 255, 255, 0)),\n\t\tlinear-gradient(90deg, ", "var(--ds-shadow-overflow-perimeter, rgba(0, 0, 0, 0.1))", ", rgba(0, 0, 0, 0)),\n\t\tlinear-gradient(90deg, rgba(255, 255, 255, 0), ", "var(--ds-elevation-surface-current, #FFF)", " 70%),\n\t\tlinear-gradient(90deg, rgba(0, 0, 0, 0), ", "var(--ds-shadow-overflow-perimeter, rgba(0, 0, 0, 0.1))", "),\n\t\tlinear-gradient(0deg, rgba(255, 255, 255, 0), ", "var(--ds-elevation-surface-current, #FFF)", " 30%),\n\t\tlinear-gradient(0deg, rgba(0, 0, 0, 0), ", "var(--ds-shadow-overflow-perimeter, rgba(0, 0, 0, 0.05))", "),\n\t\tlinear-gradient(0deg, ", "var(--ds-elevation-surface-current, #FFF)", " 30%, rgba(255, 255, 255, 0)),\n\t\tlinear-gradient(0deg, ", "var(--ds-shadow-overflow-perimeter, rgba(0, 0, 0, 0.05))", ", rgba(0, 0, 0, 0))\n\t\t"))
     })
-  }, /*#__PURE__*/React.createElement(WidthObserver, {
-    setWidth: debounce(setTableContainerWidth, 100)
+  }, !isJumpingColumnFixEnabled && /*#__PURE__*/React.createElement(WidthObserver, {
+    setWidth: debounce(setTableContainerWidthOld, 100)
   }), /*#__PURE__*/React.createElement(Table, {
     "data-testid": testId
     // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
@@ -512,7 +523,7 @@ var IssueLikeDataTableViewNew = function IssueLikeDataTableViewNew(_ref5) {
       testId: 'datasource-header-content'
     }, /*#__PURE__*/React.createElement("span", {
       id: getFieldLabelById(key),
-      className: ax(["_k48p1wq8 _zzcc92k5 _x3fx1ryd _u6rd4rgb _v2gl1m4d"])
+      className: ax(["_k48p1wq8 _zzcc4f4w _x3fxnil1 _u6rdk9i7 _v2glf7ua"])
     }, content));
     var isHeadingOutsideButton = !isEditable || !onWrappedColumnChange;
     if (isHeadingOutsideButton) {
@@ -521,7 +532,7 @@ var IssueLikeDataTableViewNew = function IssueLikeDataTableViewNew(_ref5) {
       }, heading);
     }
     if (isEditable) {
-      var _containerRef$current3;
+      var _containerRef$current4;
       var previewRows = tableRows.map(function (_ref15) {
         var cells = _ref15.cells;
         var cell = cells.find(function (_ref16) {
@@ -543,7 +554,7 @@ var IssueLikeDataTableViewNew = function IssueLikeDataTableViewNew(_ref5) {
         index: cellIndex,
         width: width,
         onWidthChange: onColumnResize === null || onColumnResize === void 0 ? void 0 : onColumnResize.bind(null, key),
-        dndPreviewHeight: ((_containerRef$current3 = containerRef.current) === null || _containerRef$current3 === void 0 ? void 0 : _containerRef$current3.offsetHeight) || 0,
+        dndPreviewHeight: ((_containerRef$current4 = containerRef.current) === null || _containerRef$current4 === void 0 ? void 0 : _containerRef$current4.offsetHeight) || 0,
         dragPreview: dragPreview,
         isWrapped: wrappedColumnKeys === null || wrappedColumnKeys === void 0 ? void 0 : wrappedColumnKeys.includes(key),
         onIsWrappedChange: onWrappedColumnChange === null || onWrappedColumnChange === void 0 ? void 0 : onWrappedColumnChange.bind(null, key)
@@ -598,11 +609,4 @@ var IssueLikeDataTableViewNew = function IssueLikeDataTableViewNew(_ref5) {
   }))));
   return /*#__PURE__*/React.createElement(FlagsProvider, null, view);
 };
-export var IssueLikeDataTableView = function IssueLikeDataTableView(props) {
-  if (fg('bandicoots-compiled-migration-link-datasource')) {
-    return /*#__PURE__*/React.createElement(IssueLikeDataTableViewNew, props);
-  } else {
-    return /*#__PURE__*/React.createElement(IssueLikeDataTableViewOld, props);
-  }
-};
 export var EmptyState = TableEmptyState;

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

@@ -6,10 +6,8 @@ import "./index.compiled.css";
 import { forwardRef } from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { Box } from '@atlaskit/primitives/compiled';
 import TextRenderType from '../text';
-import IconRenderTypeOld from './icon-old';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var IconWrapper = forwardRef(function (_ref, __cmplr) {
   var _ref$as = _ref.as,
@@ -59,11 +57,4 @@ var IconRenderType = function IconRenderType(_ref2) {
     text: text
   })));
 };
-var IconRenderTypeExported = function IconRenderTypeExported(props) {
-  if (fg('bandicoots-compiled-migration-link-datasource')) {
-    return /*#__PURE__*/React.createElement(IconRenderType, props);
-  } else {
-    return /*#__PURE__*/React.createElement(IconRenderTypeOld, props);
-  }
-};
-export default IconRenderTypeExported;
+export default IconRenderType;

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

@@ -9,8 +9,6 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { useMemo } from 'react';
 import { defaultSchema } from '@atlaskit/adf-schema/schema-default';
 import { Node as PMNode, Schema } from '@atlaskit/editor-prosemirror/model';
-import { fg } from '@atlaskit/platform-feature-flags';
-import RichTextTypeOld from './rich-text-old';
 var rootStyles = null;
 var smartLinkNodeToUrl = function smartLinkNodeToUrl(node) {
   var _node$attrs$url;
@@ -57,11 +55,4 @@ var RichTextType = function RichTextType(_ref) {
     });
   }
 };
-var RichTextTypeExported = function RichTextTypeExported(props) {
-  if (fg('bandicoots-compiled-migration-link-datasource')) {
-    return /*#__PURE__*/React.createElement(RichTextType, props);
-  } else {
-    return /*#__PURE__*/React.createElement(RichTextTypeOld, props);
-  }
-};
-export default RichTextTypeExported;
+export default RichTextType;

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

@@ -1,7 +1,5 @@
 import React from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { Text } from '@atlaskit/primitives/compiled';
-import TextRenderTypeOld from './text-old';
 export var TEXT_TYPE_TEST_ID = 'link-datasource-render-type--text';
 var TextRenderType = function TextRenderType(_ref) {
   var text = _ref.text,
@@ -14,11 +12,4 @@ var TextRenderType = function TextRenderType(_ref) {
     testId: testId
   }, text), /*#__PURE__*/React.createElement("br", null));
 };
-var TextRenderTypeExported = function TextRenderTypeExported(props) {
-  if (fg('bandicoots-compiled-migration-link-datasource')) {
-    return /*#__PURE__*/React.createElement(TextRenderType, props);
-  } else {
-    return /*#__PURE__*/React.createElement(TextRenderTypeOld, props);
-  }
-};
-export default TextRenderTypeExported;
+export default TextRenderType;

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

@@ -14,7 +14,6 @@ import { fg } from '@atlaskit/platform-feature-flags';
 import { Box } from '@atlaskit/primitives/compiled';
 import { WidthObserver } from '@atlaskit/width-detector';
 import { userTypeMessages } from './messages';
-import UserTypeOld from './user-old';
 var styles = {
   userWrapperStyles: "_11c82smr _1e0c1txw _4cvr1h6o",
   avatarWrapperStyles: "_2hwxu2gc",
@@ -110,11 +109,4 @@ var UserType = function UserType(_ref2) {
     }));
   }
 };
-var UserTypeExported = function UserTypeExported(props) {
-  if (fg('bandicoots-compiled-migration-link-datasource')) {
-    return /*#__PURE__*/React.createElement(UserType, props);
-  } else {
-    return /*#__PURE__*/React.createElement(UserTypeOld, props);
-  }
-};
-export default UserTypeExported;
+export default UserType;

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

@@ -4,17 +4,15 @@ import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
 import { FormattedMessage, useIntl } from 'react-intl-next';
 import Avatar from '@atlaskit/avatar';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { Box } from '@atlaskit/primitives/compiled';
 import Tooltip from '@atlaskit/tooltip';
 import { USER_TYPE_TEST_ID } from '../../render-type/user';
 import { userTypeMessages } from '../../render-type/user/messages';
-import { EmptyAvatarOld } from './avatar-old';
 var styles = {
   avatarWrapperStyles: "_2hwxu2gc",
   emptyAvatarWrapperStyles: "_11c82smr _1rjc1b66 _18zru2gc _1e0c1txw _4cvr1h6o _tzy4idpf _16l4kb7n"
 };
-export var EmptyAvatarNew = function EmptyAvatarNew() {
+export var EmptyAvatar = function EmptyAvatar() {
   var intl = useIntl();
   return /*#__PURE__*/React.createElement(Tooltip, {
     content: intl.formatMessage(userTypeMessages.userDefaultdisplayNameValue)
@@ -28,11 +26,4 @@ export var EmptyAvatarNew = function EmptyAvatarNew() {
     size: 'small',
     testId: "".concat(USER_TYPE_TEST_ID, "--avatar")
   })), /*#__PURE__*/React.createElement(FormattedMessage, userTypeMessages.userDefaultdisplayNameValue)));
-};
-export var EmptyAvatar = function EmptyAvatar() {
-  if (fg('bandicoots-compiled-migration-link-datasource')) {
-    return /*#__PURE__*/React.createElement(EmptyAvatarNew, null);
-  } else {
-    return /*#__PURE__*/React.createElement(EmptyAvatarOld, null);
-  }
 };