@atlaskit/link-datasource 3.19.2 → 3.20.0

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

@@ -0,0 +1,129 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.USER_TYPE_TEST_ID = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _react2 = require("@emotion/react");
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _reactIntlNext = require("react-intl-next");
+var _avatar = _interopRequireDefault(require("@atlaskit/avatar"));
+var _avatarGroup = _interopRequireDefault(require("@atlaskit/avatar-group"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _primitives = require("@atlaskit/primitives");
+var _widthDetector = require("@atlaskit/width-detector");
+var _messages = require("./messages");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
+var userWrapperStyles = (0, _primitives.xcss)({
+  display: 'flex',
+  alignItems: 'center',
+  font: 'font.body'
+});
+var avatarWrapperStyles = (0, _primitives.xcss)({
+  marginRight: 'space.100'
+});
+var widthObserverWrapperStyles = (0, _primitives.xcss)({
+  position: 'relative'
+});
+var labelWrapperStyles = (0, _react2.css)({
+  textOverflow: 'ellipsis',
+  whiteSpace: 'nowrap',
+  overflow: 'hidden'
+});
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
+var AvatarGroupWrapperStyles = _styled.default.div({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
+  ul: {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
+    paddingLeft: '0px !important'
+  }
+});
+var getMaxUserCount = function getMaxUserCount(userCount, availableWidth) {
+  if (availableWidth <= 28) {
+    // If width is less than or equal to 28px, we should only display the user count
+    return 1;
+  }
+  var defaultMaxCount = 5;
+  var usersNumFitToAvailableWidth = Math.ceil((availableWidth - 28) / 20);
+  return usersNumFitToAvailableWidth > defaultMaxCount ? defaultMaxCount : usersNumFitToAvailableWidth;
+};
+var USER_TYPE_TEST_ID = exports.USER_TYPE_TEST_ID = 'link-datasource-render-type--user';
+var UserType = function UserType(_ref) {
+  var users = _ref.users;
+  var _useState = (0, _react.useState)(null),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    width = _useState2[0],
+    setWidth = _useState2[1];
+  var multipleUsers = false;
+  if ((0, _platformFeatureFlags.fg)('platform-datasources-enable-two-way-sync-assignee')) {
+    multipleUsers = users.length === 1;
+  } else {
+    multipleUsers = users.length <= 1;
+  }
+  if (multipleUsers) {
+    var _ref2 = users[0] || {},
+      avatarSource = _ref2.avatarSource,
+      _ref2$avatarSize = _ref2.avatarSize,
+      avatarSize = _ref2$avatarSize === void 0 ? 'small' : _ref2$avatarSize,
+      displayName = _ref2.displayName,
+      _ref2$testId = _ref2.testId,
+      testId = _ref2$testId === void 0 ? USER_TYPE_TEST_ID : _ref2$testId,
+      children = _ref2.children;
+    return (0, _react2.jsx)(_primitives.Box, {
+      xcss: userWrapperStyles,
+      testId: testId
+    }, (0, _react2.jsx)(_primitives.Box, {
+      xcss: avatarWrapperStyles
+    }, (0, _react2.jsx)(_avatar.default, {
+      appearance: "circle",
+      size: avatarSize || 'small',
+      src: avatarSource,
+      testId: "".concat(testId, "--avatar")
+    })), (0, _react2.jsx)("span", {
+      css: labelWrapperStyles
+    }, children || displayName || (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _messages.userTypeMessages.userDefaultdisplayNameValue)));
+  } else {
+    var maxCount = width !== null ? getMaxUserCount(users.length, width) : 5;
+    var data = users.filter(function (user) {
+      return !!user.displayName;
+    }).map(function (_ref3) {
+      var atlassianUserId = _ref3.atlassianUserId,
+        displayName = _ref3.displayName,
+        avatarSource = _ref3.avatarSource,
+        testId = _ref3.testId;
+      return {
+        key: atlassianUserId,
+        name: displayName,
+        src: avatarSource,
+        testId: "".concat(testId, "--avatar")
+      };
+    });
+    return (0, _react2.jsx)(AvatarGroupWrapperStyles, null, (0, _react2.jsx)(_primitives.Box, {
+      xcss: widthObserverWrapperStyles
+    }, (0, _react2.jsx)(_widthDetector.WidthObserver, {
+      setWidth: setWidth
+    })), (0, _react2.jsx)(_avatarGroup.default, {
+      data: data,
+      maxCount: maxCount,
+      size: "small",
+      isTooltipDisabled: true,
+      testId: USER_TYPE_TEST_ID
+    }));
+  }
+};
+var _default = exports.default = UserType;

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

@@ -0,0 +1,45 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EmptyAvatarOld = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactIntlNext = require("react-intl-next");
+var _avatar = _interopRequireDefault(require("@atlaskit/avatar"));
+var _primitives = require("@atlaskit/primitives");
+var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
+var _user = require("../../render-type/user");
+var _messages = require("../../render-type/user/messages");
+var userWrapperStyles = (0, _primitives.xcss)({
+  display: 'flex',
+  alignItems: 'center',
+  font: 'font.body'
+});
+var avatarWrapperStyles = (0, _primitives.xcss)({
+  marginRight: 'space.100'
+});
+var emptyAvatarWrapperStyles = (0, _primitives.xcss)({
+  paddingBlock: 'space.050',
+  paddingInline: 'space.100',
+  opacity: 0,
+  ':hover': {
+    opacity: 1
+  }
+});
+var EmptyAvatarOld = exports.EmptyAvatarOld = function EmptyAvatarOld() {
+  var intl = (0, _reactIntlNext.useIntl)();
+  return /*#__PURE__*/_react.default.createElement(_tooltip.default, {
+    content: intl.formatMessage(_messages.userTypeMessages.userDefaultdisplayNameValue)
+  }, /*#__PURE__*/_react.default.createElement(_primitives.Box, {
+    xcss: [userWrapperStyles, emptyAvatarWrapperStyles],
+    testId: _user.USER_TYPE_TEST_ID
+  }, /*#__PURE__*/_react.default.createElement(_primitives.Box, {
+    xcss: avatarWrapperStyles
+  }, /*#__PURE__*/_react.default.createElement(_avatar.default, {
+    appearance: "circle",
+    size: 'small',
+    testId: "".concat(_user.USER_TYPE_TEST_ID, "--avatar")
+  })), /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.userTypeMessages.userDefaultdisplayNameValue)));
+};

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

@@ -0,0 +1,8 @@
+._11c81oud{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif)}
+._18zru2gc{padding-inline:var(--ds-space-100,8px)}
+._1rjc1b66{padding-block:var(--ds-space-050,4px)}
+._1e0c1txw{display:flex}
+._2hwxu2gc{margin-right:var(--ds-space-100,8px)}
+._4cvr1h6o{align-items:center}
+._tzy4idpf{opacity:0}
+._16l4kb7n:hover{opacity:1}

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

@@ -1,45 +1,45 @@
+/* index.tsx generated by @compiled/babel-plugin v0.36.0 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.EmptyAvatar = void 0;
+exports.EmptyAvatarNew = exports.EmptyAvatar = void 0;
+require("./index.compiled.css");
+var _runtime = require("@compiled/react/runtime");
 var _react = _interopRequireDefault(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _avatar = _interopRequireDefault(require("@atlaskit/avatar"));
-var _primitives = require("@atlaskit/primitives");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _compiled = require("@atlaskit/primitives/compiled");
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _user = require("../../render-type/user");
 var _messages = require("../../render-type/user/messages");
-var userWrapperStyles = (0, _primitives.xcss)({
-  display: 'flex',
-  alignItems: 'center',
-  font: 'font.body'
-});
-var avatarWrapperStyles = (0, _primitives.xcss)({
-  marginRight: 'space.100'
-});
-var emptyAvatarWrapperStyles = (0, _primitives.xcss)({
-  paddingBlock: 'space.050',
-  paddingInline: 'space.100',
-  opacity: 0,
-  ':hover': {
-    opacity: 1
-  }
-});
-var EmptyAvatar = exports.EmptyAvatar = function EmptyAvatar() {
+var _avatarOld = require("./avatar-old");
+var styles = {
+  avatarWrapperStyles: "_2hwxu2gc",
+  emptyAvatarWrapperStyles: "_11c81oud _1rjc1b66 _18zru2gc _1e0c1txw _4cvr1h6o _tzy4idpf _16l4kb7n"
+};
+var EmptyAvatarNew = exports.EmptyAvatarNew = function EmptyAvatarNew() {
   var intl = (0, _reactIntlNext.useIntl)();
   return /*#__PURE__*/_react.default.createElement(_tooltip.default, {
     content: intl.formatMessage(_messages.userTypeMessages.userDefaultdisplayNameValue)
-  }, /*#__PURE__*/_react.default.createElement(_primitives.Box, {
-    xcss: [userWrapperStyles, emptyAvatarWrapperStyles],
+  }, /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+    xcss: styles.emptyAvatarWrapperStyles,
     testId: _user.USER_TYPE_TEST_ID
-  }, /*#__PURE__*/_react.default.createElement(_primitives.Box, {
-    xcss: avatarWrapperStyles
+  }, /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+    xcss: styles.avatarWrapperStyles
   }, /*#__PURE__*/_react.default.createElement(_avatar.default, {
     appearance: "circle",
     size: 'small',
     testId: "".concat(_user.USER_TYPE_TEST_ID, "--avatar")
   })), /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.userTypeMessages.userDefaultdisplayNameValue)));
+};
+var EmptyAvatar = exports.EmptyAvatar = function EmptyAvatar() {
+  if ((0, _platformFeatureFlags.fg)('bandicoots-compiled-migration-link-datasource')) {
+    return /*#__PURE__*/_react.default.createElement(EmptyAvatarNew, null);
+  } else {
+    return /*#__PURE__*/_react.default.createElement(_avatarOld.EmptyAvatarOld, null);
+  }
 };

package/dist/cjs/ui/issue-like-table/shared-components/icon/icon-old.js

@@ -0,0 +1,41 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SharedIconComponentOld = SharedIconComponentOld;
+var _react = _interopRequireDefault(require("react"));
+var _primitives = require("@atlaskit/primitives");
+var labelStyles = (0, _primitives.xcss)({
+  overflow: 'hidden',
+  textOverflow: 'ellipsis',
+  width: '100%'
+});
+/**
+ * Renders a icon and text label.
+ * If the text is undefined, will not render the text label.
+ */
+function SharedIconComponentOld(_ref) {
+  var iconUrl = _ref.iconUrl,
+    label = _ref.label,
+    text = _ref.text,
+    testId = _ref.testId;
+  return /*#__PURE__*/_react.default.createElement(_primitives.Flex, {
+    gap: "space.100",
+    alignItems: "center",
+    testId: testId
+  }, /*#__PURE__*/_react.default.createElement(_primitives.Inline, null, /*#__PURE__*/_react.default.createElement("img", {
+    src: iconUrl,
+    alt: label
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+    ,
+    style: {
+      minWidth: '24px',
+      maxWidth: '24px'
+    } // having just width: '24px' shrinks it when table width is reduced
+  })), text && /*#__PURE__*/_react.default.createElement(_primitives.Box, {
+    xcss: labelStyles,
+    testId: "".concat(testId, "-text")
+  }, text));
+}

package/dist/cjs/ui/issue-like-table/shared-components/icon/index.compiled.css

@@ -0,0 +1,4 @@
+._18m915vq{overflow-y:hidden}
+._1bsb1osq{width:100%}
+._1bto1l2s{text-overflow:ellipsis}
+._1reo15vq{overflow-x:hidden}

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

@@ -1,3 +1,4 @@
+/* index.tsx generated by @compiled/babel-plugin v0.36.0 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -5,27 +6,30 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SharedIconComponent = SharedIconComponent;
+exports.SharedIconComponentNew = SharedIconComponentNew;
+require("./index.compiled.css");
+var _runtime = require("@compiled/react/runtime");
 var _react = _interopRequireDefault(require("react"));
-var _primitives = require("@atlaskit/primitives");
-var labelStyles = (0, _primitives.xcss)({
-  overflow: 'hidden',
-  textOverflow: 'ellipsis',
-  width: '100%'
-});
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _compiled = require("@atlaskit/primitives/compiled");
+var _iconOld = require("./icon-old");
+var styles = {
+  labelStyles: "_1reo15vq _18m915vq _1bto1l2s _1bsb1osq"
+};
 /**
  * Renders a icon and text label.
  * If the text is undefined, will not render the text label.
  */
-function SharedIconComponent(_ref) {
+function SharedIconComponentNew(_ref) {
   var iconUrl = _ref.iconUrl,
     label = _ref.label,
     text = _ref.text,
     testId = _ref.testId;
-  return /*#__PURE__*/_react.default.createElement(_primitives.Flex, {
+  return /*#__PURE__*/_react.default.createElement(_compiled.Flex, {
     gap: "space.100",
     alignItems: "center",
     testId: testId
-  }, /*#__PURE__*/_react.default.createElement(_primitives.Inline, null, /*#__PURE__*/_react.default.createElement("img", {
+  }, /*#__PURE__*/_react.default.createElement(_compiled.Inline, null, /*#__PURE__*/_react.default.createElement("img", {
     src: iconUrl,
     alt: label
     // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
@@ -34,8 +38,15 @@ function SharedIconComponent(_ref) {
       minWidth: '24px',
       maxWidth: '24px'
     } // having just width: '24px' shrinks it when table width is reduced
-  })), text && /*#__PURE__*/_react.default.createElement(_primitives.Box, {
-    xcss: labelStyles,
+  })), text && /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+    xcss: styles.labelStyles,
     testId: "".concat(testId, "-text")
   }, text));
+}
+function SharedIconComponent(props) {
+  if ((0, _platformFeatureFlags.fg)('bandicoots-compiled-migration-link-datasource')) {
+    return /*#__PURE__*/_react.default.createElement(SharedIconComponentNew, props);
+  } else {
+    return /*#__PURE__*/_react.default.createElement(_iconOld.SharedIconComponentOld, props);
+  }
 }

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

@@ -8,6 +8,7 @@ exports.withTablePluginPrefix = exports.withTablePluginHeaderPrefix = exports.wi
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _styled = _interopRequireDefault(require("@emotion/styled"));
 var _colors = require("@atlaskit/theme/colors");
+/* eslint-disable @atlaskit/design-system/use-tokens-typography */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
 var ScrollableContainerHeight = exports.ScrollableContainerHeight = 590;
@@ -38,7 +39,6 @@ var TableHeading = exports.TableHeading = _styled.default.th((0, _defineProperty
   position: 'relative',
   /* This makes resizing work with out jumping due to padding + changes overall width for same default values. */
   boxSizing: 'border-box',
-  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
   lineHeight: lineHeight,
   padding: "".concat(verticalPadding, " ", "var(--ds-space-050, 4px)"),
   borderRight: "0.5px solid ".concat("var(--ds-border, ".concat(_colors.N40, ")")),
@@ -63,7 +63,6 @@ var TableHeading = exports.TableHeading = _styled.default.th((0, _defineProperty
   width: '100%',
   /* With Button now being a parent for this component it adds its lineHeight value and spoils
       `height` calculation above. */
-  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
   lineHeight: lineHeight,
   padding: "".concat(verticalPadding, " ", "var(--ds-space-050, 4px)"),
   display: '-webkit-box',

package/dist/cjs/ui/issue-like-table/table-cell-content/index.compiled.css

@@ -0,0 +1,5 @@
+._18m915vq{overflow-y:hidden}
+._1bsb1osq{width:100%}
+._1bto1l2s{text-overflow:ellipsis}
+._1reo15vq{overflow-x:hidden}
+._ae4v1h6o{align-content:center}

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

@@ -1,3 +1,4 @@
+/* index.tsx generated by @compiled/babel-plugin v0.36.0 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -5,9 +6,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.TableCellContent = exports.ReadOnlyCell = void 0;
+require("./index.compiled.css");
+var _runtime = require("@compiled/react/runtime");
 var _react = _interopRequireDefault(require("react"));
 var _reactIntlNext = require("react-intl-next");
-var _primitives = require("@atlaskit/primitives");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _compiled = require("@atlaskit/primitives/compiled");
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _state = require("../../../state");
 var _actions = require("../../../state/actions");
@@ -15,14 +19,10 @@ var _editType = require("../edit-type");
 var _renderType = require("../render-type");
 var _truncateTextTag = require("../truncate-text-tag");
 var _inlineEdit = require("./inline-edit");
-var readViewStyles = (0, _primitives.xcss)({
-  textOverflow: 'ellipsis',
-  overflow: 'hidden',
-  width: '100%',
-  // Compensates for 2px from both top and bottom taken by InlneEdit (from transparent border in read-view mode and border+padding in edit view)
-  minHeight: 'calc(40px - 2px * 2)',
-  alignContent: 'center'
-});
+var _tableCellContentOld = require("./table-cell-content-old");
+var styles = {
+  readViewStyles: "_1reo15vq _18m915vq _1bto1l2s _1bsb1osq _ae4v1h6o"
+};
 var TooltipWrapper = function TooltipWrapper(_ref) {
   var columnKey = _ref.columnKey,
     _ref$datasourceTypeWi = _ref.datasourceTypeWithValues,
@@ -101,11 +101,17 @@ var InlineEditableCell = function InlineEditableCell(_ref3) {
     columnKey: columnKey,
     datasourceTypeWithValues: values,
     wrappedColumnKeys: wrappedColumnKeys
-  }, /*#__PURE__*/_react.default.createElement(_primitives.Box, {
+  }, /*#__PURE__*/_react.default.createElement(_compiled.Box, {
     testId: "inline-edit-read-view",
     paddingInline: isEditable ? 'space.075' : 'space.100',
     paddingBlock: "space.050",
-    xcss: readViewStyles
+    xcss: styles.readViewStyles
+    // minHeight here compensates for 2px from both top and bottom taken by InlneEdit (from transparent border in read-view mode and border+padding in edit view)
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
+    ,
+    style: {
+      minHeight: 'calc(40px - 2px * 2)'
+    }
   }, renderItem(values)));
   if (!isEditable) {
     return readView;
@@ -139,7 +145,7 @@ var toDatasourceTypeWithValues = function toDatasourceTypeWithValues(_ref4) {
     values: values
   };
 };
-var TableCellContent = exports.TableCellContent = function TableCellContent(_ref5) {
+var TableCellContentNew = function TableCellContentNew(_ref5) {
   var id = _ref5.id,
     columnKey = _ref5.columnKey,
     columnTitle = _ref5.columnTitle,
@@ -170,11 +176,17 @@ var TableCellContent = exports.TableCellContent = function TableCellContent(_ref
       });
     }
   }
-  return /*#__PURE__*/_react.default.createElement(_primitives.Box, {
+  return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
     testId: "inline-edit-read-view",
     paddingInline: "space.100",
     paddingBlock: "space.050",
-    xcss: readViewStyles
+    xcss: styles.readViewStyles
+    // minHeight here compensates for 2px from both top and bottom taken by InlneEdit (from transparent border in read-view mode and border+padding in edit view)
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
+    ,
+    style: {
+      minHeight: 'calc(40px - 2px * 2)'
+    }
   }, /*#__PURE__*/_react.default.createElement(ReadOnlyCell, {
     id: id,
     columnKey: columnKey,
@@ -183,4 +195,11 @@ var TableCellContent = exports.TableCellContent = function TableCellContent(_ref
     wrappedColumnKeys: wrappedColumnKeys,
     renderItem: renderItem
   }));
+};
+var TableCellContent = exports.TableCellContent = function TableCellContent(props) {
+  if ((0, _platformFeatureFlags.fg)('bandicoots-compiled-migration-link-datasource')) {
+    return /*#__PURE__*/_react.default.createElement(TableCellContentNew, props);
+  } else {
+    return /*#__PURE__*/_react.default.createElement(_tableCellContentOld.TableCellContentOld, props);
+  }
 };