@atlaskit/link-datasource 3.15.13 → 3.16.0

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

@@ -9,11 +9,9 @@ import { css, jsx } from '@emotion/react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import styled from '@emotion/styled';
 import debounce from 'lodash/debounce';
-import { useIntl } from 'react-intl-next';
 import invariant from 'tiny-invariant';
 import { FlagsProvider } from '@atlaskit/flag';
 import { Skeleton } from '@atlaskit/linking-common';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { extractClosestEdge } from '@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge';
 import { reorderWithEdge } from '@atlaskit/pragmatic-drag-and-drop-hitbox/util/reorder-with-edge';
 import { autoScroller } from '@atlaskit/pragmatic-drag-and-drop-react-beautiful-dnd-autoscroll';
@@ -31,10 +29,9 @@ import { ColumnPicker } from './column-picker';
 import { DragColumnPreview } from './drag-column-preview';
 import { DraggableTableHeading } from './draggable-table-heading';
 import TableEmptyState from './empty-state';
-import { renderType, stringifyType } from './render-type';
-import { InlineEditableTableCell, Table, TableCell, TableHeading, withTablePluginHeaderPrefix } from './styled';
+import { renderType } from './render-type';
+import { InlineEditableTableCell, Table, TableHeading, withTablePluginHeaderPrefix } from './styled';
 import { TableCellContent } from './table-cell-content';
-import { TruncateTextTag } from './truncate-text-tag';
 import { useIsOnScreen } from './useIsOnScreen';
 import { COLUMN_BASE_WIDTH, getFieldLabelById, getWidthCss } from './utils';
 const tableSidePadding = "var(--ds-space-200, 16px)";
@@ -300,7 +297,6 @@ export const IssueLikeDataTableView = ({
   extensionKey
 }) => {
   const tableId = useMemo(() => Symbol('unique-id'), []);
-  const intl = useIntl();
   const experienceId = useDatasourceExperienceId();
   const tableHeaderRowRef = useRef(null);
   const [lastRowElement, setLastRowElement] = useState(null);
@@ -339,8 +335,6 @@ export const IssueLikeDataTableView = ({
   // TODO seems like this component can't handle some combination of incremental data retrieval.
   // If data comes first, then columns and then visibleColumnKeys it blows up,
   // or some other combination.
-
-  const identityColumnKey = 'id';
   const columnsWidthsSum = useMemo(() => visibleSortedColumns.map(({
     key,
     type
@@ -461,9 +455,7 @@ export const IssueLikeDataTableView = ({
       }
     }));
   }, [visibleColumnKeys, onVisibleColumnKeysChange, tableId, hasData]);
-  const tableRows = useMemo(() =>
-  // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
-  fg('enable_datasource_react_sweet_state') ? itemIds.map((id, rowIndex) => {
+  const tableRows = useMemo(() => itemIds.map((id, rowIndex) => {
     return {
       key: id,
       cells: visibleSortedColumns.map(({
@@ -488,39 +480,7 @@ export const IssueLikeDataTableView = ({
       }),
       ref: rowIndex === items.length - 1 ? el => setLastRowElement(el) : undefined
     };
-  }) : items.map((newRowData, rowIndex) => ({
-    key: `${identityColumnKey && newRowData[identityColumnKey] && newRowData[identityColumnKey].data || rowIndex}`,
-    cells: visibleSortedColumns.map(({
-      key,
-      type
-    }, cellIndex) => {
-      var _newRowData$key;
-      // Need to make sure we keep falsy values like 0 and '', as well as the boolean false.
-      const value = (_newRowData$key = newRowData[key]) === null || _newRowData$key === void 0 ? void 0 : _newRowData$key.data;
-      const values = Array.isArray(value) ? value : [value];
-      const renderedValues = renderItem({
-        type,
-        values
-      });
-      const stringifiedContent = values.map(value => stringifyType({
-        type,
-        value
-      }, intl.formatMessage, intl.formatDate)).filter(value => value !== '').join(', ');
-      const contentComponent = stringifiedContent && !(wrappedColumnKeys !== null && wrappedColumnKeys !== void 0 && wrappedColumnKeys.includes(key)) ? jsx(Tooltip
-      // @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
-      , {
-        tag: TruncateTextTag,
-        content: stringifiedContent,
-        testId: "issues-table-cell-tooltip"
-      }, renderedValues) : renderedValues;
-      return {
-        key,
-        content: contentComponent,
-        width: getColumnWidth(key, type, cellIndex === visibleSortedColumns.length - 1)
-      };
-    }),
-    ref: rowIndex === items.length - 1 ? el => setLastRowElement(el) : undefined
-  })), [items, itemIds, renderItem, wrappedColumnKeys, visibleSortedColumns, getColumnWidth, intl.formatMessage, intl.formatDate]);
+  }), [items, itemIds, renderItem, wrappedColumnKeys, visibleSortedColumns, getColumnWidth]);
   const rows = useMemo(() => {
     if (status !== 'loading') {
       return tableRows;
@@ -683,27 +643,7 @@ export const IssueLikeDataTableView = ({
       shouldUseWidth,
       width
     });
-    // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
-    if (fg('enable_datasource_react_sweet_state')) {
-      return jsx(InlineEditableTableCell, {
-        key: cellKey,
-        "data-testid": testId && `${testId}--cell-${cellIndex}`,
-        colSpan: isEditable && isLastCell ? 2 : undefined
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-        ,
-        style: loadingRowStyle,
-        css: [wrappedColumnKeys !== null && wrappedColumnKeys !== void 0 && wrappedColumnKeys.includes(cellKey) ? null : truncateStyles]
-      }, content);
-    }
-
-    // extra padding is required around skeleton loader to avoid vertical jumps when data loads
-    if (key !== null && key !== void 0 && key.includes('loading')) {
-      loadingRowStyle = {
-        ...loadingRowStyle,
-        paddingBlock: "var(--ds-space-100, 8px)"
-      };
-    }
-    return jsx(TableCell, {
+    return jsx(InlineEditableTableCell, {
       key: cellKey,
       "data-testid": testId && `${testId}--cell-${cellIndex}`,
       colSpan: isEditable && isLastCell ? 2 : undefined

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

@@ -77,40 +77,6 @@ export const TableHeading = styled.th({
   }
 });
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
-export const TableCell = styled.td({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-  [`${withTablePluginBodyPrefix()}`]: {
-    /* First section here is to override things editor table plugin css defines */
-    font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
-    padding: `${"var(--ds-space-050, 4px)"} ${"var(--ds-space-100, 8px)"}`,
-    border: 0,
-    minWidth: 'auto',
-    height: '32px',
-    verticalAlign: 'inherit',
-    boxSizing: 'content-box',
-    // Due to padding, content-box makes td height 40px equal to InlineEdit on height of 32px
-    borderRight: `${"var(--ds-border-width, 1px)"} solid ${`var(--ds-border, ${N40})`}`,
-    borderBottom: `${"var(--ds-border-width, 1px)"} solid ${`var(--ds-border, ${N40})`}`,
-    overflow: 'hidden'
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-  [`${withTablePluginBodyPrefix('&:first-child')}`]: {
-    paddingLeft: "var(--ds-space-100, 8px)"
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-  [`${withTablePluginBodyPrefix('&:last-child')}`]: {
-    borderRight: 0,
-    paddingRight: "var(--ds-space-100, 8px)"
-  },
-  // Inline smart links are pretty opinionated about word-wrapping.
-  // We want it to be controlled by user, so we make it overflow and truncate by default.
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  ["& [data-testid='inline-card-icon-and-title'], " + "& [data-testid='button-connect-account'] > span"]: {
-    whiteSpace: 'unset'
-  }
-});
-
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- To migrate as part of go/ui-styling-standard
 export const InlineEditableTableCell = styled.td({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766

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

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import React, { useCallback, useMemo, useState } from 'react';
 import { useIntl } from 'react-intl-next';
 import AKInlineEdit from '@atlaskit/inline-edit';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { Box, xcss } from '@atlaskit/primitives';
 import { useSmartLinkReload } from '@atlaskit/smart-card/hooks';
 import { useDatasourceAnalyticsEvents } from '../../../analytics';
@@ -17,6 +18,44 @@ export const InlineEditUFOExperience = 'inline-edit-rendered';
 const editContainerStyles = xcss({
   marginBlockStart: 'space.negative.100'
 });
+/**
+ * @returns String of the new field value, or ID of status transition / atlassian user ID / priority ID.
+ * @throws Error if the value is not supplied.
+ */
+export const newGetBackendUpdateValue = typedNewValue => {
+  if (typedNewValue.values.length === 0) {
+    throw new Error(`Datasource 2 way sync: Backend update value or value ID not supplied for type ${typedNewValue.type}`);
+  }
+  switch (typedNewValue.type) {
+    case 'string':
+      return typedNewValue.values[0];
+    case 'status':
+      const {
+        transitionId
+      } = typedNewValue.values[0];
+      if (transitionId === undefined || transitionId === '') {
+        throw new Error(`Datasource 2 way sync: Backend status transition ID not supplied for type transition`);
+      }
+      return transitionId;
+    case 'user':
+      const {
+        atlassianUserId
+      } = typedNewValue.values[0];
+      if (atlassianUserId === undefined || atlassianUserId === '') {
+        throw new Error(`Datasource 2 way sync: Backend atlasian user ID not supplied for type user`);
+      }
+      return atlassianUserId;
+    case 'icon':
+      const {
+        id
+      } = typedNewValue.values[0];
+      if (id === undefined || id === '') {
+        throw new Error(`Datasource 2 way sync: Backend update ID not supplied for type icon`);
+      }
+      return id;
+  }
+  throw new Error(`Datasource 2 way sync Backend update value not implemented for type ${typedNewValue.type}`);
+};
 const getBackendUpdateValue = typedNewValue => {
   var _typedNewValue$values, _typedNewValue$values2, _typedNewValue$values3;
   switch (typedNewValue.type) {
@@ -128,7 +167,26 @@ export const InlineEdit = ({
     }
     onUpdateItem(ari, newItem);
     fireEvent('ui.form.submitted.inlineEdit', {});
-    execute(getBackendUpdateValue(newValue)).then(refreshDatasourceItem).catch(error => {
+    let updateValue;
+    if (fg('platform-datasources-inline-edit-id-checks')) {
+      try {
+        // TODO: Refactor types so that valid update values are guaranteed for
+        // all object types. Invalid options should be filtered out of options -
+        // this frontend error flag is a last resort.
+        updateValue = newGetBackendUpdateValue(newValue);
+      } catch {
+        // Show an error as the new value that was going to be sent to the
+        // backend is invalid (and would have failed anyway, silently to the user)
+        showErrorFlag({});
+        onUpdateItem(ari, existingData);
+        setIsEditing(false);
+        return;
+      }
+    }
+    execute(updateValue !== undefined && fg('platform-datasources-inline-edit-id-checks') ? updateValue :
+    // Old behaviour is preserved in non-FFed path: errors thrown by getBackendUpdateValue are caught by
+    // the error boundary, _not_ by the catch block & frontend flag here.
+    getBackendUpdateValue(newValue)).then(refreshDatasourceItem).catch(error => {
       const status = error && typeof error === 'object' ? error.status : undefined;
       showErrorFlag({
         status

package/dist/esm/hooks/useDatasourceTableState.js

@@ -6,7 +6,6 @@ import { useCallback, useEffect, useRef, useState } from 'react';
 import isEqual from 'lodash/isEqual';
 import { isFedRamp } from '@atlaskit/atlassian-context';
 import { DEFAULT_GET_DATASOURCE_DATA_PAGE_SIZE, useDatasourceClientExtension } from '@atlaskit/link-client-extension';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { useDatasourceAnalyticsEvents } from '../analytics';
 import { useDatasourceActions } from '../state';
 import { useDiscoverActions } from '../state/actions';
@@ -305,33 +304,32 @@ export var useDatasourceTableState = function useDatasourceTableState(_ref) {
             }
             return [].concat(_toConsumableArray(currentResponseItems), _toConsumableArray(items));
           });
-          if (fg('enable_datasource_react_sweet_state')) {
-            /**
-             * Product is typed as any.
-             */
-            integrationKey = product;
-            /**
-             * When `entityType` is undefined, we should not discover actions it prevents unnecessary requests to Actions service
-             */
-            entityType = objectTypesEntity;
-            newIds = onAddItems(items, typeof integrationKey === 'string' ? integrationKey : undefined, entityType);
-            setResponseItemIds(function (currentIds) {
-              return [].concat(_toConsumableArray(currentIds), _toConsumableArray(newIds));
-            });
-            if (!isFedRamp()) {
-              if (typeof integrationKey === 'string') {
-                aris = items.reduce(function (acc, item) {
-                  var _item$ari;
-                  return typeof ((_item$ari = item.ari) === null || _item$ari === void 0 ? void 0 : _item$ari.data) === 'string' ? [].concat(_toConsumableArray(acc), [item.ari.data]) : acc;
-                }, []);
-                if (aris.length && entityType) {
-                  discoverActions({
-                    aris: aris,
-                    integrationKey: integrationKey,
-                    fieldKeys: fieldKeys,
-                    entityType: entityType
-                  });
-                }
+
+          /**
+           * Product is typed as any.
+           */
+          integrationKey = product;
+          /**
+           * When `entityType` is undefined, we should not discover actions it prevents unnecessary requests to Actions service
+           */
+          entityType = objectTypesEntity;
+          newIds = onAddItems(items, typeof integrationKey === 'string' ? integrationKey : undefined, entityType);
+          setResponseItemIds(function (currentIds) {
+            return [].concat(_toConsumableArray(currentIds), _toConsumableArray(newIds));
+          });
+          if (!isFedRamp()) {
+            if (typeof integrationKey === 'string') {
+              aris = items.reduce(function (acc, item) {
+                var _item$ari;
+                return typeof ((_item$ari = item.ari) === null || _item$ari === void 0 ? void 0 : _item$ari.data) === 'string' ? [].concat(_toConsumableArray(acc), [item.ari.data]) : acc;
+              }, []);
+              if (aris.length && entityType) {
+                discoverActions({
+                  aris: aris,
+                  integrationKey: integrationKey,
+                  fieldKeys: fieldKeys,
+                  entityType: entityType
+                });
               }
             }
           }
@@ -353,38 +351,38 @@ export var useDatasourceTableState = function useDatasourceTableState(_ref) {
             });
           }
           setStatus('resolved');
-          _context2.next = 60;
+          _context2.next = 64;
           break;
-        case 48:
-          _context2.prev = 48;
+        case 52:
+          _context2.prev = 52;
           _context2.t0 = _context2["catch"](10);
           if (!(_context2.t0.message === 'Aborted')) {
-            _context2.next = 52;
+            _context2.next = 56;
             break;
           }
           return _context2.abrupt("return");
-        case 52:
+        case 56:
           captureError('onNextPage', _context2.t0);
           if (!(_context2.t0 instanceof Response && _context2.t0.status === 401)) {
-            _context2.next = 56;
+            _context2.next = 60;
             break;
           }
           setStatus('unauthorized');
           return _context2.abrupt("return");
-        case 56:
+        case 60:
           if (!(_context2.t0 instanceof Response && _context2.t0.status === 403)) {
-            _context2.next = 59;
+            _context2.next = 63;
             break;
           }
           setStatus('forbidden');
           return _context2.abrupt("return");
-        case 59:
+        case 63:
           setStatus('rejected');
-        case 60:
+        case 64:
         case "end":
           return _context2.stop();
       }
-    }, _callee2, null, [[10, 48]]);
+    }, _callee2, null, [[10, 52]]);
   })), [captureError, parameters, fieldKeys, nextCursor, responseItems, setResponseItemIds, onAddItems, getDatasourceData, datasourceId, applySchemaProperties, fireEvent, fullSchema, initialEmptyArray, discoverActions]);
   var reset = useCallback(function (options) {
     setResponseItems(initialEmptyArray);

package/dist/esm/state/index.js

@@ -6,7 +6,6 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import React from 'react';
 import { createActionsHook, createContainer, createStateHook, createStore } from 'react-sweet-state';
 import { v4 as uuidv4 } from 'uuid';
-import { fg } from '@atlaskit/platform-feature-flags';
 var getInitialState = function getInitialState() {
   return {
     items: {}
@@ -75,10 +74,7 @@ export var useDatasourceActions = createActionsHook(Store);
 var Container = createContainer(Store);
 export var StoreContainer = function StoreContainer(_ref6) {
   var children = _ref6.children;
-  if (fg('enable_datasource_react_sweet_state')) {
-    return /*#__PURE__*/React.createElement(Container, {
-      scope: "datasource"
-    }, children);
-  }
-  return children;
+  return /*#__PURE__*/React.createElement(Container, {
+    scope: "datasource"
+  }, children);
 };

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

@@ -1,6 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useEffect } from 'react';
 import { Layering } from '@atlaskit/layering';
+import { fg } from '@atlaskit/platform-feature-flags';
 import Select from '@atlaskit/select';
 import Tooltip from '@atlaskit/tooltip';
 import { failUfoExperience, succeedUfoExperience } from '../../../../analytics/ufoExperiences';
@@ -43,8 +44,13 @@ var IconEditType = function IconEditType(props) {
   }, /*#__PURE__*/React.createElement(Select, _extends({}, getCleanedSelectProps(props), {
     autoFocus: true,
     blurInputOnSelect: true,
-    defaultMenuIsOpen: true,
-    options: options,
+    defaultMenuIsOpen: true
+    // We can't update the status if we don't have an ID - however the ID
+    // is typed optional.
+    ,
+    options: fg('platform-datasources-inline-edit-id-checks') ? options.filter(function (option) {
+      return option.id;
+    }) : options,
     menuPlacement: "auto",
     isLoading: isLoading,
     filterOption: filterOption,

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

@@ -16,11 +16,9 @@ import { css, jsx } from '@emotion/react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import styled from '@emotion/styled';
 import debounce from 'lodash/debounce';
-import { useIntl } from 'react-intl-next';
 import invariant from 'tiny-invariant';
 import { FlagsProvider } from '@atlaskit/flag';
 import { Skeleton } from '@atlaskit/linking-common';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { extractClosestEdge } from '@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge';
 import { reorderWithEdge } from '@atlaskit/pragmatic-drag-and-drop-hitbox/util/reorder-with-edge';
 import { autoScroller } from '@atlaskit/pragmatic-drag-and-drop-react-beautiful-dnd-autoscroll';
@@ -38,10 +36,9 @@ import { ColumnPicker } from './column-picker';
 import { DragColumnPreview } from './drag-column-preview';
 import { DraggableTableHeading } from './draggable-table-heading';
 import TableEmptyState from './empty-state';
-import { renderType, stringifyType } from './render-type';
-import { InlineEditableTableCell, Table, TableCell, TableHeading, withTablePluginHeaderPrefix } from './styled';
+import { renderType } from './render-type';
+import { InlineEditableTableCell, Table, TableHeading, withTablePluginHeaderPrefix } from './styled';
 import { TableCellContent } from './table-cell-content';
-import { TruncateTextTag } from './truncate-text-tag';
 import { useIsOnScreen } from './useIsOnScreen';
 import { COLUMN_BASE_WIDTH, getFieldLabelById, getWidthCss } from './utils';
 var tableSidePadding = "var(--ds-space-200, 16px)";
@@ -272,7 +269,6 @@ export var IssueLikeDataTableView = function IssueLikeDataTableView(_ref5) {
   var tableId = useMemo(function () {
     return Symbol('unique-id');
   }, []);
-  var intl = useIntl();
   var experienceId = useDatasourceExperienceId();
   var tableHeaderRowRef = useRef(null);
   var _useState = useState(null),
@@ -328,8 +324,6 @@ export var IssueLikeDataTableView = function IssueLikeDataTableView(_ref5) {
   // TODO seems like this component can't handle some combination of incremental data retrieval.
   // If data comes first, then columns and then visibleColumnKeys it blows up,
   // or some other combination.
-
-  var identityColumnKey = 'id';
   var columnsWidthsSum = useMemo(function () {
     return visibleSortedColumns.map(function (_ref7) {
       var key = _ref7.key,
@@ -460,76 +454,34 @@ export var IssueLikeDataTableView = function IssueLikeDataTableView(_ref5) {
     }));
   }, [visibleColumnKeys, onVisibleColumnKeysChange, tableId, hasData]);
   var tableRows = useMemo(function () {
-    return (
-      // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
-      fg('enable_datasource_react_sweet_state') ? itemIds.map(function (id, rowIndex) {
-        return {
-          key: id,
-          cells: visibleSortedColumns.map(function (_ref12, cellIndex) {
-            var key = _ref12.key,
-              type = _ref12.type,
-              title = _ref12.title;
-            return {
-              key: key,
+    return itemIds.map(function (id, rowIndex) {
+      return {
+        key: id,
+        cells: visibleSortedColumns.map(function (_ref12, cellIndex) {
+          var key = _ref12.key,
+            type = _ref12.type,
+            title = _ref12.title;
+          return {
+            key: key,
+            columnKey: key,
+            // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
+            content: jsx(TableCellContent, {
+              id: id,
               columnKey: key,
-              // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
-              content: jsx(TableCellContent, {
-                id: id,
-                columnKey: key,
-                columnType: type,
-                columnTitle: title,
-                wrappedColumnKeys: wrappedColumnKeys,
-                renderItem: renderItem
-              }),
-              width: getColumnWidth(key, type, cellIndex === visibleSortedColumns.length - 1)
-            };
-          }),
-          ref: rowIndex === items.length - 1 ? function (el) {
-            return setLastRowElement(el);
-          } : undefined
-        };
-      }) : items.map(function (newRowData, rowIndex) {
-        return {
-          key: "".concat(identityColumnKey && newRowData[identityColumnKey] && newRowData[identityColumnKey].data || rowIndex),
-          cells: visibleSortedColumns.map(function (_ref13, cellIndex) {
-            var _newRowData$key;
-            var key = _ref13.key,
-              type = _ref13.type;
-            // Need to make sure we keep falsy values like 0 and '', as well as the boolean false.
-            var value = (_newRowData$key = newRowData[key]) === null || _newRowData$key === void 0 ? void 0 : _newRowData$key.data;
-            var values = Array.isArray(value) ? value : [value];
-            var renderedValues = renderItem({
-              type: type,
-              values: values
-            });
-            var stringifiedContent = values.map(function (value) {
-              return stringifyType({
-                type: type,
-                value: value
-              }, intl.formatMessage, intl.formatDate);
-            }).filter(function (value) {
-              return value !== '';
-            }).join(', ');
-            var contentComponent = stringifiedContent && !(wrappedColumnKeys !== null && wrappedColumnKeys !== void 0 && wrappedColumnKeys.includes(key)) ? jsx(Tooltip
-            // @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
-            , {
-              tag: TruncateTextTag,
-              content: stringifiedContent,
-              testId: "issues-table-cell-tooltip"
-            }, renderedValues) : renderedValues;
-            return {
-              key: key,
-              content: contentComponent,
-              width: getColumnWidth(key, type, cellIndex === visibleSortedColumns.length - 1)
-            };
-          }),
-          ref: rowIndex === items.length - 1 ? function (el) {
-            return setLastRowElement(el);
-          } : undefined
-        };
-      })
-    );
-  }, [items, itemIds, renderItem, wrappedColumnKeys, visibleSortedColumns, getColumnWidth, intl.formatMessage, intl.formatDate]);
+              columnType: type,
+              columnTitle: title,
+              wrappedColumnKeys: wrappedColumnKeys,
+              renderItem: renderItem
+            }),
+            width: getColumnWidth(key, type, cellIndex === visibleSortedColumns.length - 1)
+          };
+        }),
+        ref: rowIndex === items.length - 1 ? function (el) {
+          return setLastRowElement(el);
+        } : undefined
+      };
+    });
+  }, [items, itemIds, renderItem, wrappedColumnKeys, visibleSortedColumns, getColumnWidth]);
   var rows = useMemo(function () {
     if (status !== 'loading') {
       return tableRows;
@@ -622,10 +574,10 @@ export var IssueLikeDataTableView = function IssueLikeDataTableView(_ref5) {
     className: !!onVisibleColumnKeysChange ? 'has-column-picker' : ''
   }, jsx("tr", {
     ref: tableHeaderRowRef
-  }, headerColumns.map(function (_ref15, cellIndex) {
-    var key = _ref15.key,
-      content = _ref15.content,
-      width = _ref15.width;
+  }, headerColumns.map(function (_ref14, cellIndex) {
+    var key = _ref14.key,
+      content = _ref14.content,
+      width = _ref14.width;
     var heading = jsx(Tooltip, {
       content: content,
       tag: "span",
@@ -643,10 +595,10 @@ export var IssueLikeDataTableView = function IssueLikeDataTableView(_ref5) {
     }
     if (isEditable) {
       var _containerRef$current3;
-      var previewRows = tableRows.map(function (_ref16) {
-        var cells = _ref16.cells;
-        var cell = cells.find(function (_ref17) {
-          var cellKey = _ref17.key;
+      var previewRows = tableRows.map(function (_ref15) {
+        var cells = _ref15.cells;
+        var cell = cells.find(function (_ref16) {
+          var cellKey = _ref16.key;
           return cellKey === key;
         });
         if (cell) {
@@ -689,43 +641,24 @@ export var IssueLikeDataTableView = function IssueLikeDataTableView(_ref5) {
   })))), jsx("tbody", {
     css: noDefaultBorderStyles,
     "data-testid": testId && "".concat(testId, "--body")
-  }, rows.map(function (_ref18) {
-    var key = _ref18.key,
-      cells = _ref18.cells,
-      ref = _ref18.ref;
+  }, rows.map(function (_ref17) {
+    var key = _ref17.key,
+      cells = _ref17.cells,
+      ref = _ref17.ref;
     return jsx("tr", {
       key: key,
       "data-testid": testId && "".concat(testId, "--row-").concat(key),
       ref: ref
-    }, cells.map(function (_ref19, cellIndex) {
-      var cellKey = _ref19.key,
-        content = _ref19.content,
-        width = _ref19.width;
+    }, cells.map(function (_ref18, cellIndex) {
+      var cellKey = _ref18.key,
+        content = _ref18.content,
+        width = _ref18.width;
       var isLastCell = cellIndex === cells.length - 1;
       var loadingRowStyle = getWidthCss({
         shouldUseWidth: shouldUseWidth,
         width: width
       });
-      // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
-      if (fg('enable_datasource_react_sweet_state')) {
-        return jsx(InlineEditableTableCell, {
-          key: cellKey,
-          "data-testid": testId && "".concat(testId, "--cell-").concat(cellIndex),
-          colSpan: isEditable && isLastCell ? 2 : undefined
-          // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-          ,
-          style: loadingRowStyle,
-          css: [wrappedColumnKeys !== null && wrappedColumnKeys !== void 0 && wrappedColumnKeys.includes(cellKey) ? null : truncateStyles]
-        }, content);
-      }
-
-      // extra padding is required around skeleton loader to avoid vertical jumps when data loads
-      if (key !== null && key !== void 0 && key.includes('loading')) {
-        loadingRowStyle = _objectSpread(_objectSpread({}, loadingRowStyle), {}, {
-          paddingBlock: "var(--ds-space-100, 8px)"
-        });
-      }
-      return jsx(TableCell, {
+      return jsx(InlineEditableTableCell, {
         key: cellKey,
         "data-testid": testId && "".concat(testId, "--cell-").concat(cellIndex),
         colSpan: isEditable && isLastCell ? 2 : undefined