@atlaskit/link-datasource 2.9.2 → 2.9.4

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

@@ -1,18 +1,49 @@
 import React from 'react';
 import { useIntl } from 'react-intl-next';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { Box, xcss } from '@atlaskit/primitives';
 import Tooltip from '@atlaskit/tooltip';
 import { useDatasourceItem } from '../../../state';
 import { stringifyType } from '../render-type';
 import { TruncateTextTag } from '../truncate-text-tag';
-export const TableCellContent = ({
+const truncateTextStyles = xcss({
+  textOverflow: 'ellipsis',
+  overflow: 'hidden',
+  width: '100%'
+});
+const TooltipWrapper = ({
   columnKey,
-  columnType,
+  datasourceTypeWithValues: {
+    type,
+    values
+  },
+  wrappedColumnKeys,
+  children
+}) => {
+  const intl = useIntl();
+  const stringifiedContent = values.map(value => stringifyType({
+    type,
+    value
+  }, intl.formatMessage, intl.formatDate)).filter(value => value !== '').join(', ');
+  if (stringifiedContent && !(wrappedColumnKeys !== null && wrappedColumnKeys !== void 0 && wrappedColumnKeys.includes(columnKey))) {
+    return /*#__PURE__*/React.createElement(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"
+    }, children);
+  }
+  return /*#__PURE__*/React.createElement(React.Fragment, null, children);
+};
+const ReadOnlyCell = ({
   id,
+  columnType,
+  wrappedColumnKeys = [],
   renderItem,
-  wrappedColumnKeys
+  columnKey
 }) => {
   var _rowData$columnKey;
-  const intl = useIntl();
   const rowData = useDatasourceItem({
     id
   });
@@ -23,22 +54,69 @@ export const TableCellContent = ({
   // Need to make sure we keep falsy values like 0 and '', as well as the boolean false.
   const value = (_rowData$columnKey = rowData[columnKey]) === null || _rowData$columnKey === void 0 ? void 0 : _rowData$columnKey.data;
   const values = Array.isArray(value) ? value : [value];
-  const renderedValues = renderItem({
+  const datasourceTypeWithValues = {
     type: columnType,
     values
+  };
+  return /*#__PURE__*/React.createElement(TooltipWrapper, {
+    columnKey: columnKey,
+    datasourceTypeWithValues: datasourceTypeWithValues,
+    wrappedColumnKeys: wrappedColumnKeys
+  }, renderItem(datasourceTypeWithValues));
+};
+const InlineEditableCell = ({
+  id,
+  columnKey,
+  columnType,
+  renderItem,
+  wrappedColumnKeys
+}) => {
+  var _rowData$columnKey2;
+  const rowData = useDatasourceItem({
+    id
   });
-  const stringifiedContent = values.map(value => stringifyType({
-    type: columnType,
-    value
-  }, intl.formatMessage, intl.formatDate)).filter(value => value !== '').join(', ');
-  if (stringifiedContent && !(wrappedColumnKeys !== null && wrappedColumnKeys !== void 0 && wrappedColumnKeys.includes(columnKey))) {
-    return /*#__PURE__*/React.createElement(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);
+  if (!rowData || !columnKey || !rowData[columnKey]) {
+    return /*#__PURE__*/React.createElement(React.Fragment, null);
   }
-  return /*#__PURE__*/React.createElement(React.Fragment, null, renderedValues);
+
+  // Need to make sure we keep falsy values like 0 and '', as well as the boolean false.
+  const value = (_rowData$columnKey2 = rowData[columnKey]) === null || _rowData$columnKey2 === void 0 ? void 0 : _rowData$columnKey2.data;
+  const values = Array.isArray(value) ? value : [value];
+  const datasourceTypeWithValues = {
+    type: columnType,
+    values
+  };
+  return /*#__PURE__*/React.createElement(TooltipWrapper, {
+    columnKey: columnKey,
+    datasourceTypeWithValues: datasourceTypeWithValues,
+    wrappedColumnKeys: wrappedColumnKeys
+  }, /*#__PURE__*/React.createElement(Box, {
+    testId: 'inline-edit-read-view',
+    paddingInline: 'space.100',
+    paddingBlock: 'space.050',
+    xcss: truncateTextStyles
+  }, renderItem(datasourceTypeWithValues)));
+};
+export const TableCellContent = ({
+  columnKey,
+  columnType,
+  id,
+  renderItem,
+  wrappedColumnKeys
+}) => {
+  // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
+  const renderedContent = fg('platform-datasources-enable-two-way-sync') ? /*#__PURE__*/React.createElement(InlineEditableCell, {
+    id: id,
+    columnKey: columnKey,
+    columnType: columnType,
+    renderItem: renderItem,
+    wrappedColumnKeys: wrappedColumnKeys
+  }) : /*#__PURE__*/React.createElement(ReadOnlyCell, {
+    id: id,
+    columnKey: columnKey,
+    columnType: columnType,
+    wrappedColumnKeys: wrappedColumnKeys,
+    renderItem: renderItem
+  });
+  return renderedContent;
 };

package/dist/esm/analytics/generated/use-analytics-events.js

@@ -3,7 +3,7 @@
  *
  * Generates Typescript types for analytics events from analytics.spec.yaml
  *
- * @codegen <<SignedSource::415836762b378b7d79f3aff4ba051c14>>
+ * @codegen <<SignedSource::21ae373abad7c370a8682ddcd3a7ed21>>
  * @codegenCommand yarn workspace @atlassian/analytics-tooling run analytics:codegen link-datasource
  */
 import { useCallback } from 'react';

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

@@ -30,6 +30,7 @@ import { disableNativeDragPreview } from '@atlaskit/pragmatic-drag-and-drop/elem
 import { pointerOutsideOfPreview } from '@atlaskit/pragmatic-drag-and-drop/element/pointer-outside-of-preview';
 import { setCustomNativeDragPreview } from '@atlaskit/pragmatic-drag-and-drop/element/set-custom-native-drag-preview';
 import { preventUnhandled } from '@atlaskit/pragmatic-drag-and-drop/prevent-unhandled';
+import { useDatasourceAnalyticsEvents } from '../../analytics';
 import { GlyphPlaceholder, UnwrapTextIcon, WrapTextIcon } from './custom-icons';
 import { issueLikeTableMessages } from './messages';
 import { TableHeading } from './styled';
@@ -110,6 +111,8 @@ export var DraggableTableHeading = function DraggableTableHeading(_ref) {
     onWidthChange = _ref.onWidthChange,
     isWrapped = _ref.isWrapped,
     onIsWrappedChange = _ref.onIsWrappedChange;
+  var _useDatasourceAnalyti = useDatasourceAnalyticsEvents(),
+    fireEvent = _useDatasourceAnalyti.fireEvent;
   var mainHeaderCellRef = useRef(null);
   var columnResizeHandleRef = useRef(null);
   var _useState = useState(idleState),
@@ -332,8 +335,17 @@ export var DraggableTableHeading = function DraggableTableHeading(_ref) {
     return setIsDropdownOpen(isOpen);
   }, []);
   var toggleWrap = useCallback(function () {
-    return onIsWrappedChange && onIsWrappedChange(!(isWrapped || false));
-  }, [isWrapped, onIsWrappedChange]);
+    if (!onIsWrappedChange) {
+      return;
+    }
+    var nextIsWrap = !(isWrapped || false);
+    if (nextIsWrap) {
+      fireEvent('ui.button.clicked.wrap', {});
+    } else {
+      fireEvent('ui.button.clicked.unwrap', {});
+    }
+    onIsWrappedChange(nextIsWrap);
+  }, [fireEvent, isWrapped, onIsWrappedChange]);
   return jsx(TableHeading, {
     ref: mainHeaderCellRef,
     "data-testid": "".concat(id, "-column-heading"),

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

@@ -37,7 +37,7 @@ import { DragColumnPreview } from './drag-column-preview';
 import { DraggableTableHeading } from './draggable-table-heading';
 import TableEmptyState from './empty-state';
 import { renderType, stringifyType } from './render-type';
-import { Table, TableCell, TableHeading, withTablePluginHeaderPrefix } from './styled';
+import { InlineEditableTableCell, Table, TableCell, TableHeading, withTablePluginHeaderPrefix } from './styled';
 import { TableCellContent } from './table-cell-content';
 import { TruncateTextTag } from './truncate-text-tag';
 import { useIsOnScreen } from './useIsOnScreen';
@@ -456,69 +456,72 @@ export var IssueLikeDataTableView = function IssueLikeDataTableView(_ref5) {
     }));
   }, [visibleColumnKeys, onVisibleColumnKeysChange, tableId, hasData]);
   var tableRows = useMemo(function () {
-    return 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;
-          return {
-            key: key,
-            columnKey: key,
-            content: jsx(TableCellContent, {
-              id: id,
+    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;
+            return {
+              key: key,
               columnKey: key,
-              columnType: type,
-              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({
+              content: jsx(TableCellContent, {
+                id: id,
+                columnKey: key,
+                columnType: type,
+                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,
-              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
-      };
-    });
+              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]);
   var rows = useMemo(function () {
     if (status !== 'loading') {
@@ -699,15 +702,29 @@ export var IssueLikeDataTableView = function IssueLikeDataTableView(_ref5) {
           paddingBlock: "var(--ds-space-100, 8px)"
         });
       }
-      return jsx(TableCell, {
-        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);
+
+      // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
+      if (fg('platform-datasources-enable-two-way-sync')) {
+        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);
+      } else {
+        return jsx(TableCell, {
+          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);
+      }
     }));
   }))));
 };

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

@@ -1,5 +1,5 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _styled$th, _styled$td;
+var _styled$th, _styled$td, _styled$td2;
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import styled from '@emotion/styled';
 import { N40 } from '@atlaskit/theme/colors';
@@ -87,4 +87,23 @@ export var TableCell = styled.td((_styled$td = {}, _defineProperty(_styled$td, "
   paddingRight: "var(--ds-space-100, 8px)"
 }), _defineProperty(_styled$td, "& [data-testid='inline-card-icon-and-title'], " + "& [data-testid='button-connect-account'] > span", {
   whiteSpace: 'unset'
-}), _styled$td));
+}), _styled$td));
+
+// 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 var InlineEditableTableCell = styled.td((_styled$td2 = {}, _defineProperty(_styled$td2, "".concat(withTablePluginBodyPrefix()), {
+  /* First section here is to override things editor table plugin css defines */
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+  font: fieldTextFontSize,
+  padding: "var(--ds-space-0, 0)".concat(" ", "var(--ds-space-0, 0)"),
+  border: 0,
+  minWidth: 'auto',
+  verticalAlign: 'inherit',
+  boxSizing: 'border-box',
+  borderRight: "0.5px solid ".concat("var(--ds-border, ".concat(N40, ")")),
+  borderBottom: "0.5px solid ".concat("var(--ds-border, ".concat(N40, ")")),
+  overflow: 'hidden'
+}), _defineProperty(_styled$td2, "".concat(withTablePluginBodyPrefix('&:last-child')), {
+  borderRight: 0
+}), _defineProperty(_styled$td2, "& [data-testid='inline-card-icon-and-title'], " + "& [data-testid='button-connect-account'] > span", {
+  whiteSpace: 'unset'
+}), _styled$td2));

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

@@ -1,34 +1,27 @@
 import React from 'react';
 import { useIntl } from 'react-intl-next';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { Box, xcss } from '@atlaskit/primitives';
 import Tooltip from '@atlaskit/tooltip';
 import { useDatasourceItem } from '../../../state';
 import { stringifyType } from '../render-type';
 import { TruncateTextTag } from '../truncate-text-tag';
-export var TableCellContent = function TableCellContent(_ref) {
-  var _rowData$columnKey;
+var truncateTextStyles = xcss({
+  textOverflow: 'ellipsis',
+  overflow: 'hidden',
+  width: '100%'
+});
+var TooltipWrapper = function TooltipWrapper(_ref) {
   var columnKey = _ref.columnKey,
-    columnType = _ref.columnType,
-    id = _ref.id,
-    renderItem = _ref.renderItem,
-    wrappedColumnKeys = _ref.wrappedColumnKeys;
+    _ref$datasourceTypeWi = _ref.datasourceTypeWithValues,
+    type = _ref$datasourceTypeWi.type,
+    values = _ref$datasourceTypeWi.values,
+    wrappedColumnKeys = _ref.wrappedColumnKeys,
+    children = _ref.children;
   var intl = useIntl();
-  var rowData = useDatasourceItem({
-    id: id
-  });
-  if (!rowData || !columnKey || !rowData[columnKey]) {
-    return /*#__PURE__*/React.createElement(React.Fragment, null);
-  }
-
-  // Need to make sure we keep falsy values like 0 and '', as well as the boolean false.
-  var value = (_rowData$columnKey = rowData[columnKey]) === null || _rowData$columnKey === void 0 ? void 0 : _rowData$columnKey.data;
-  var values = Array.isArray(value) ? value : [value];
-  var renderedValues = renderItem({
-    type: columnType,
-    values: values
-  });
   var stringifiedContent = values.map(function (value) {
     return stringifyType({
-      type: columnType,
+      type: type,
       value: value
     }, intl.formatMessage, intl.formatDate);
   }).filter(function (value) {
@@ -41,7 +34,89 @@ export var TableCellContent = function TableCellContent(_ref) {
       tag: TruncateTextTag,
       content: stringifiedContent,
       testId: "issues-table-cell-tooltip"
-    }, renderedValues);
+    }, children);
   }
-  return /*#__PURE__*/React.createElement(React.Fragment, null, renderedValues);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, children);
+};
+var ReadOnlyCell = function ReadOnlyCell(_ref2) {
+  var _rowData$columnKey;
+  var id = _ref2.id,
+    columnType = _ref2.columnType,
+    _ref2$wrappedColumnKe = _ref2.wrappedColumnKeys,
+    wrappedColumnKeys = _ref2$wrappedColumnKe === void 0 ? [] : _ref2$wrappedColumnKe,
+    renderItem = _ref2.renderItem,
+    columnKey = _ref2.columnKey;
+  var rowData = useDatasourceItem({
+    id: id
+  });
+  if (!rowData || !columnKey || !rowData[columnKey]) {
+    return /*#__PURE__*/React.createElement(React.Fragment, null);
+  }
+
+  // Need to make sure we keep falsy values like 0 and '', as well as the boolean false.
+  var value = (_rowData$columnKey = rowData[columnKey]) === null || _rowData$columnKey === void 0 ? void 0 : _rowData$columnKey.data;
+  var values = Array.isArray(value) ? value : [value];
+  var datasourceTypeWithValues = {
+    type: columnType,
+    values: values
+  };
+  return /*#__PURE__*/React.createElement(TooltipWrapper, {
+    columnKey: columnKey,
+    datasourceTypeWithValues: datasourceTypeWithValues,
+    wrappedColumnKeys: wrappedColumnKeys
+  }, renderItem(datasourceTypeWithValues));
+};
+var InlineEditableCell = function InlineEditableCell(_ref3) {
+  var _rowData$columnKey2;
+  var id = _ref3.id,
+    columnKey = _ref3.columnKey,
+    columnType = _ref3.columnType,
+    renderItem = _ref3.renderItem,
+    wrappedColumnKeys = _ref3.wrappedColumnKeys;
+  var rowData = useDatasourceItem({
+    id: id
+  });
+  if (!rowData || !columnKey || !rowData[columnKey]) {
+    return /*#__PURE__*/React.createElement(React.Fragment, null);
+  }
+
+  // Need to make sure we keep falsy values like 0 and '', as well as the boolean false.
+  var value = (_rowData$columnKey2 = rowData[columnKey]) === null || _rowData$columnKey2 === void 0 ? void 0 : _rowData$columnKey2.data;
+  var values = Array.isArray(value) ? value : [value];
+  var datasourceTypeWithValues = {
+    type: columnType,
+    values: values
+  };
+  return /*#__PURE__*/React.createElement(TooltipWrapper, {
+    columnKey: columnKey,
+    datasourceTypeWithValues: datasourceTypeWithValues,
+    wrappedColumnKeys: wrappedColumnKeys
+  }, /*#__PURE__*/React.createElement(Box, {
+    testId: 'inline-edit-read-view',
+    paddingInline: 'space.100',
+    paddingBlock: 'space.050',
+    xcss: truncateTextStyles
+  }, renderItem(datasourceTypeWithValues)));
+};
+export var TableCellContent = function TableCellContent(_ref4) {
+  var columnKey = _ref4.columnKey,
+    columnType = _ref4.columnType,
+    id = _ref4.id,
+    renderItem = _ref4.renderItem,
+    wrappedColumnKeys = _ref4.wrappedColumnKeys;
+  // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
+  var renderedContent = fg('platform-datasources-enable-two-way-sync') ? /*#__PURE__*/React.createElement(InlineEditableCell, {
+    id: id,
+    columnKey: columnKey,
+    columnType: columnType,
+    renderItem: renderItem,
+    wrappedColumnKeys: wrappedColumnKeys
+  }) : /*#__PURE__*/React.createElement(ReadOnlyCell, {
+    id: id,
+    columnKey: columnKey,
+    columnType: columnType,
+    wrappedColumnKeys: wrappedColumnKeys,
+    renderItem: renderItem
+  });
+  return renderedContent;
 };

package/dist/types/analytics/generated/analytics.types.d.ts

@@ -3,7 +3,7 @@
  *
  * Generates Typescript types for analytics events from analytics.spec.yaml
  *
- * @codegen <<SignedSource::6518dea178189cd102e0ca6ce7eae059>>
+ * @codegen <<SignedSource::a526398bbb8839b31c26c69ef2845c19>>
  * @codegenCommand yarn workspace @atlassian/analytics-tooling run analytics:codegen link-datasource
  */
 export type ComponentMetaDataType = {
@@ -16,10 +16,6 @@ export type AnalyticsContextAttributesType = {
     dataProvider: 'jira-issues' | 'jsm-assets' | 'confluence-search';
 };
 export type DatasourceModalDialogViewedAttributesType = {};
-export type LinkClickedPoweredByAttributesType = {
-    extensionKey: string;
-    componentHierarchy: string;
-};
 export type ModalReadyDatasourceAttributesType = {
     instancesCount: number | null;
     schemasCount: number | null;
@@ -57,6 +53,8 @@ export type ButtonClickedCancelAttributesType = {
     extensionKey: string | null;
     actions: unknown[];
 };
+export type ButtonClickedWrapAttributesType = {};
+export type ButtonClickedUnwrapAttributesType = {};
 export type LinkClickedSingleItemAttributesType = {
     extensionKey: string | null;
     destinationObjectTypes: unknown[];
@@ -126,6 +124,7 @@ export type ButtonClickedBasicSearchDropdownAttributesType = {
     type: 'showMore';
 };
 export type AqlEditorSearchedAttributesType = {};
+export type LinkClickedPoweredByAttributesType = {};
 export type GetWorkspaceIdSuccessAttributesType = {};
 export type GetWorkspaceIdFailedAttributesType = {
     statusCodeGroup: '1xx' | '3xx' | '4xx' | '5xx' | 'unknown';
@@ -170,6 +169,12 @@ export type AnalyticsEventAttributes = {
     /**
      * Fired on cancel button click */
     'ui.button.clicked.cancel': ButtonClickedCancelAttributesType;
+    /**
+     * Fired on wrap button click */
+    'ui.button.clicked.wrap': ButtonClickedWrapAttributesType;
+    /**
+     * Fired on unwrap button click */
+    'ui.button.clicked.unwrap': ButtonClickedUnwrapAttributesType;
     /**
      * Fired when user clicks on datasource items */
     'ui.link.clicked.singleItem': LinkClickedSingleItemAttributesType;
@@ -215,12 +220,12 @@ export type AnalyticsEventAttributes = {
     /**
      * Fired when the “show more” button inside the dropdown menu is clicked */
     'ui.button.clicked.basicSearchDropdown': ButtonClickedBasicSearchDropdownAttributesType;
-    /**
-     * Fired when the “show more” button inside the dropdown menu is clicked */
-    'ui.link.clicked.poweredBy': LinkClickedPoweredByAttributesType;
     /**
      * Fired when search is initiated via the search icon or enter key press for aql editor input field. */
     'ui.aqlEditor.searched': AqlEditorSearchedAttributesType;
+    /**
+     * Fired when the power by link on the issue like table footer is clicked. */
+    'ui.link.clicked.poweredBy': LinkClickedPoweredByAttributesType;
     /**
      * Fired when fetching a workspace Id is successful. */
     'operational.getWorkspaceId.success': GetWorkspaceIdSuccessAttributesType;

package/dist/types/ui/issue-like-table/styled.d.ts

@@ -22,3 +22,7 @@ export declare const TableCell: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, {}>;
+export declare const InlineEditableTableCell: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, {}>;

package/dist/types/ui/issue-like-table/table-cell-content/index.d.ts

@@ -1,9 +1,10 @@
 /// <reference types="react" />
+import { type DatasourceType } from '@atlaskit/linking-types';
 import { type TableViewPropsRenderType } from '../types';
 interface TableCellContentProps {
     id: string;
-    columnKey: string | null;
-    columnType: string;
+    columnKey: string;
+    columnType: DatasourceType['type'];
     /** Used to retrieve cell content from the store */
     renderItem: TableViewPropsRenderType;
     wrappedColumnKeys: string[] | undefined;