@atlaskit/link-datasource 3.6.16 → 3.8.0

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @atlaskit/link-datasource
 
+## 3.8.0
+
+### Minor Changes
+
+- [#159818](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/159818)
+  [`93569e5cdfe71`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/93569e5cdfe71) -
+  EDM-10970 updating useAtomicAction to return executeFetch for actions
+
+### Patch Changes
+
+- Updated dependencies
+
+## 3.7.0
+
+### Minor Changes
+
+- [#159162](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/159162)
+  [`bfd053853f59d`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/bfd053853f59d) -
+  [ux] Enable updating jira issue statues in datasource list view via inline edit.
+
 ## 3.6.16
 
 ### Patch Changes

package/dist/cjs/state/actions/index.js

@@ -159,15 +159,18 @@ var useDiscoverActions = exports.useDiscoverActions = function useDiscoverAction
   };
 };
 var getFieldUpdateActionByAri = function getFieldUpdateActionByAri(state, _ref4) {
-  var _state$permissions$ar, _state$actionsByInteg;
+  var _state$permissions$ar, _state$actionsByInteg, _state$actionsByInteg2;
   var ari = _ref4.ari,
     fieldKey = _ref4.fieldKey,
     integrationKey = _ref4.integrationKey;
   var isEditable = (_state$permissions$ar = state.permissions[ari]) === null || _state$permissions$ar === void 0 || (_state$permissions$ar = _state$permissions$ar[fieldKey]) === null || _state$permissions$ar === void 0 ? void 0 : _state$permissions$ar.isEditable;
   if (!isEditable) {
-    return;
+    return {};
   }
-  return (_state$actionsByInteg = state.actionsByIntegration[integrationKey]) === null || _state$actionsByInteg === void 0 ? void 0 : _state$actionsByInteg[fieldKey];
+  return {
+    schema: (_state$actionsByInteg = state.actionsByIntegration[integrationKey]) === null || _state$actionsByInteg === void 0 ? void 0 : _state$actionsByInteg[fieldKey],
+    fetchSchema: (_state$actionsByInteg2 = state.actionsByIntegration[integrationKey]) === null || _state$actionsByInteg2 === void 0 ? void 0 : _state$actionsByInteg2[fieldKey].fetchAction
+  };
 };
 
 /**
@@ -198,7 +201,9 @@ var useExecuteAtomicAction = exports.useExecuteAtomicAction = function useExecut
       integrationKey: integrationKey
     }),
     _useAtomicUpdateActio2 = (0, _slicedToArray2.default)(_useAtomicUpdateActio, 1),
-    schema = _useAtomicUpdateActio2[0];
+    _useAtomicUpdateActio3 = _useAtomicUpdateActio2[0],
+    schema = _useAtomicUpdateActio3.schema,
+    fetchSchema = _useAtomicUpdateActio3.fetchSchema;
   var _useDatasourceClientE2 = (0, _linkClientExtension.useDatasourceClientExtension)(),
     executeAction = _useDatasourceClientE2.executeAtomicAction,
     invalidateDatasourceDataCacheByAri = _useDatasourceClientE2.invalidateDatasourceDataCacheByAri;
@@ -235,10 +240,32 @@ var useExecuteAtomicAction = exports.useExecuteAtomicAction = function useExecut
       throw error;
     });
   }, [schema, executeAction, integrationKey, fieldKey, ari, invalidateDatasourceDataCacheByAri, fireEvent, captureError]);
-  if (!schema) {
-    return {};
-  }
-  return {
+  var executeFetch = (0, _react.useCallback)(function (inputs) {
+    if (!fetchSchema) {
+      throw new Error('No supporting action schema found.');
+    }
+
+    // A generic type can allow us here to define the inputs and outputs
+    return executeAction({
+      integrationKey: integrationKey,
+      actionKey: fetchSchema.actionKey,
+      parameters: {
+        inputs: inputs,
+        target: {
+          ari: ari
+        }
+      }
+    }).then(function (resp) {
+      return resp;
+    }).catch(function (error) {
+      captureError('actionExecution', error); // fetchActionExecution
+      // Rethrow up to component for flags and other handling
+      throw error;
+    });
+  }, [fetchSchema, executeAction, integrationKey, ari, captureError]);
+  return _objectSpread(_objectSpread({}, schema && {
     execute: execute
-  };
+  }), fetchSchema && {
+    executeFetch: executeFetch
+  });
 };

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

@@ -9,6 +9,8 @@ exports.isEditTypeSupported = exports.editType = void 0;
 var _objectDestructuringEmpty2 = _interopRequireDefault(require("@babel/runtime/helpers/objectDestructuringEmpty"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _status = _interopRequireDefault(require("./status"));
 var _text = _interopRequireWildcard(require("./text"));
 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; }
@@ -17,7 +19,8 @@ var ACTIVE_INLINE_EDIT_ID = 'sllv-active-inline-edit';
 var editType = exports.editType = function editType(_ref) {
   var defaultValue = _ref.defaultValue,
     currentValue = _ref.currentValue,
-    setEditValues = _ref.setEditValues;
+    setEditValues = _ref.setEditValues,
+    executeFetch = _ref.executeFetch;
   switch (defaultValue.type) {
     case 'string':
       return {
@@ -31,6 +34,19 @@ var editType = exports.editType = function editType(_ref) {
           }));
         }
       };
+    case 'status':
+      return {
+        defaultValue: (0, _text.toTextValue)(defaultValue),
+        editView: function editView(_ref3) {
+          var fieldProps = (0, _extends2.default)({}, ((0, _objectDestructuringEmpty2.default)(_ref3), _ref3));
+          return /*#__PURE__*/_react.default.createElement(_status.default, (0, _extends2.default)({}, fieldProps, {
+            currentValue: currentValue,
+            setEditValues: setEditValues,
+            id: ACTIVE_INLINE_EDIT_ID,
+            executeFetch: executeFetch
+          }));
+        }
+      };
     default:
       return {
         defaultValue: '',
@@ -41,10 +57,6 @@ var editType = exports.editType = function editType(_ref) {
   }
 };
 var isEditTypeSupported = exports.isEditTypeSupported = function isEditTypeSupported(type) {
-  switch (type) {
-    case 'string':
-      return true;
-    default:
-      return false;
-  }
+  var supportedEditType = (0, _platformFeatureFlags.fg)('platform-datasources-enable-two-way-sync-statuses') ? ['string', 'status'] : ['string'];
+  return supportedEditType.includes(type);
 };

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

@@ -0,0 +1,131 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireWildcard(require("react"));
+var _linkingTypes = require("@atlaskit/linking-types");
+var _lozenge = _interopRequireDefault(require("@atlaskit/lozenge"));
+var _select = _interopRequireDefault(require("@atlaskit/select"));
+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; }
+// FilterOptionOption is used in the filterOption function which is part of the public API, but the type itself is not exported
+// eslint-disable-next-line import/no-extraneous-dependencies,no-restricted-imports
+
+var StatusEditType = function StatusEditType(props) {
+  var _currentValue$values;
+  var currentValue = props.currentValue,
+    executeFetch = props.executeFetch;
+  var _useStatusOptions = useStatusOptions(currentValue, executeFetch),
+    options = _useStatusOptions.options,
+    isLoading = _useStatusOptions.isLoading;
+  return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_select.default, (0, _extends2.default)({}, props, {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop, @atlaskit/design-system/no-unsafe-style-overrides -- Ignored via go/DSP-18766
+    className: "single-select",
+    testId: "inline-edit-status",
+    autoFocus: true,
+    defaultMenuIsOpen: true,
+    blurInputOnSelect: true,
+    getOptionValue: function getOptionValue(option) {
+      return option.text;
+    },
+    options: options,
+    isLoading: isLoading,
+    defaultValue: currentValue === null || currentValue === void 0 || (_currentValue$values = currentValue.values) === null || _currentValue$values === void 0 ? void 0 : _currentValue$values[0],
+    filterOption: filterOption,
+    formatOptionLabel: function formatOptionLabel(option) {
+      return /*#__PURE__*/_react.default.createElement(_lozenge.default, (0, _extends2.default)({
+        testId: "inline-edit-status-option-".concat(option.text)
+      }, option.style), option.text);
+    },
+    onChange: function onChange(e) {
+      return props.setEditValues({
+        type: 'status',
+        values: e ? [e] : []
+      });
+    }
+  })));
+};
+var filterOption = function filterOption(option, inputValue) {
+  return option.data.text.toLowerCase().includes(inputValue.toLowerCase());
+};
+var useStatusOptions = function useStatusOptions(currentValue, executeFetch) {
+  var _useState = (0, _react.useState)({
+      isLoading: true,
+      options: []
+    }),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    _useState2$ = _useState2[0],
+    options = _useState2$.options,
+    isLoading = _useState2$.isLoading,
+    setOptions = _useState2[1];
+  (0, _react.useEffect)(function () {
+    var isMounted = true;
+    loadOptions(currentValue, executeFetch).then(function (options) {
+      if (isMounted) {
+        setOptions({
+          isLoading: false,
+          options: options
+        });
+      }
+    });
+    return function () {
+      isMounted = false;
+    };
+  }, [currentValue, executeFetch]);
+  return {
+    options: options,
+    isLoading: isLoading
+  };
+};
+var loadOptions = /*#__PURE__*/function () {
+  var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(currentValue, executeFetch) {
+    var result, operationStatus, entities;
+    return _regenerator.default.wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          if (!executeFetch) {
+            _context.next = 7;
+            break;
+          }
+          _context.next = 3;
+          return executeFetch((0, _defineProperty2.default)({}, currentValue.type, currentValue.values[0]));
+        case 3:
+          result = _context.sent;
+          operationStatus = result.operationStatus, entities = result.entities;
+          if (!(operationStatus === _linkingTypes.ActionOperationStatus.SUCCESS && entities)) {
+            _context.next = 7;
+            break;
+          }
+          return _context.abrupt("return", new Promise(function (resolve) {
+            setTimeout(function () {
+              return resolve(entities.map(function (entity) {
+                return {
+                  id: entity.id,
+                  text: entity.text,
+                  style: entity.style
+                };
+              }));
+            }, 1000);
+          }));
+        case 7:
+          return _context.abrupt("return", []);
+        case 8:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  }));
+  return function loadOptions(_x, _x2) {
+    return _ref.apply(this, arguments);
+  };
+}();
+var _default = exports.default = StatusEditType;

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

@@ -109,8 +109,7 @@ var InlineEditableTableCell = exports.InlineEditableTableCell = _styled.default.
   verticalAlign: 'inherit',
   boxSizing: 'content-box',
   borderRight: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border, ".concat(_colors.N40, ")")),
-  borderBottom: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border, ".concat(_colors.N40, ")")),
-  overflow: 'hidden'
+  borderBottom: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border, ".concat(_colors.N40, ")"))
 }), (0, _defineProperty2.default)(_styled$td2, "".concat(withTablePluginBodyPrefix('&:last-child')), {
   borderRight: 0
 }), (0, _defineProperty2.default)(_styled$td2, "& [data-testid='inline-card-icon-and-title'], " + "& [data-testid='button-connect-account'] > span", {

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

@@ -91,7 +91,8 @@ var InlineEditableCell = function InlineEditableCell(_ref3) {
       fieldKey: columnKey,
       integrationKey: integrationKey
     }),
-    execute = _useExecuteAtomicActi.execute;
+    execute = _useExecuteAtomicActi.execute,
+    executeFetch = _useExecuteAtomicActi.executeFetch;
   var isEditable = !!execute;
   var readView = /*#__PURE__*/_react.default.createElement(TooltipWrapper, {
     columnKey: columnKey,
@@ -109,6 +110,7 @@ var InlineEditableCell = function InlineEditableCell(_ref3) {
   return /*#__PURE__*/_react.default.createElement(_inlineEdit.InlineEdit, {
     ari: ari,
     execute: execute,
+    executeFetch: executeFetch,
     readView: readView,
     columnKey: columnKey,
     datasourceTypeWithValues: values

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

@@ -26,9 +26,12 @@ var editContainerStyles = (0, _primitives.xcss)({
   marginBlockStart: 'space.negative.100'
 });
 var getBackendUpdateValue = function getBackendUpdateValue(typedNewValue) {
+  var _typedNewValue$values;
   switch (typedNewValue.type) {
     case 'string':
       return typedNewValue.values[0] || '';
+    case 'status':
+      return ((_typedNewValue$values = typedNewValue.values[0]) === null || _typedNewValue$values === void 0 ? void 0 : _typedNewValue$values.id) || '';
   }
   throw new Error("Datasource 2 way sync Backend update value not implemented for type ".concat(typedNewValue.type));
 };
@@ -38,6 +41,10 @@ var mapUpdatedItem = function mapUpdatedItem(existingItem, columnKey, newValue)
       return _objectSpread(_objectSpread({}, existingItem), {}, (0, _defineProperty2.default)({}, columnKey, {
         data: newValue.values[0] || ''
       }));
+    case 'status':
+      return newValue.values[0] ? _objectSpread(_objectSpread({}, existingItem), {}, (0, _defineProperty2.default)({}, columnKey, {
+        data: newValue.values[0]
+      })) : existingItem;
     default:
   }
   return null;
@@ -62,6 +69,7 @@ var useRefreshDatasourceItem = function useRefreshDatasourceItem(item) {
 var InlineEdit = exports.InlineEdit = function InlineEdit(_ref) {
   var ari = _ref.ari,
     execute = _ref.execute,
+    executeFetch = _ref.executeFetch,
     _readView = _ref.readView,
     columnKey = _ref.columnKey,
     datasourceTypeWithValues = _ref.datasourceTypeWithValues;
@@ -133,7 +141,8 @@ var InlineEdit = exports.InlineEdit = function InlineEdit(_ref) {
   }, /*#__PURE__*/_react.default.createElement(_inlineEdit.default, (0, _extends2.default)({}, (0, _editType.editType)({
     defaultValue: datasourceTypeWithValues,
     currentValue: editValues,
-    setEditValues: setEditValues
+    setEditValues: setEditValues,
+    executeFetch: executeFetch
   }), {
     hideActionButtons: true,
     readView: function readView() {

package/dist/es2019/state/actions/index.js

@@ -144,12 +144,15 @@ const getFieldUpdateActionByAri = (state, {
   fieldKey,
   integrationKey
 }) => {
-  var _state$permissions$ar, _state$permissions$ar2, _state$actionsByInteg;
+  var _state$permissions$ar, _state$permissions$ar2, _state$actionsByInteg, _state$actionsByInteg2;
   const isEditable = (_state$permissions$ar = state.permissions[ari]) === null || _state$permissions$ar === void 0 ? void 0 : (_state$permissions$ar2 = _state$permissions$ar[fieldKey]) === null || _state$permissions$ar2 === void 0 ? void 0 : _state$permissions$ar2.isEditable;
   if (!isEditable) {
-    return;
+    return {};
   }
-  return (_state$actionsByInteg = state.actionsByIntegration[integrationKey]) === null || _state$actionsByInteg === void 0 ? void 0 : _state$actionsByInteg[fieldKey];
+  return {
+    schema: (_state$actionsByInteg = state.actionsByIntegration[integrationKey]) === null || _state$actionsByInteg === void 0 ? void 0 : _state$actionsByInteg[fieldKey],
+    fetchSchema: (_state$actionsByInteg2 = state.actionsByIntegration[integrationKey]) === null || _state$actionsByInteg2 === void 0 ? void 0 : _state$actionsByInteg2[fieldKey].fetchAction
+  };
 };
 
 /**
@@ -175,7 +178,10 @@ export const useExecuteAtomicAction = ({
   fieldKey,
   integrationKey
 }) => {
-  const [schema] = useAtomicUpdateActionSchema({
+  const [{
+    schema,
+    fetchSchema
+  }] = useAtomicUpdateActionSchema({
     ari,
     fieldKey,
     integrationKey
@@ -221,10 +227,35 @@ export const useExecuteAtomicAction = ({
       throw error;
     });
   }, [schema, executeAction, integrationKey, fieldKey, ari, invalidateDatasourceDataCacheByAri, fireEvent, captureError]);
-  if (!schema) {
-    return {};
-  }
+  const executeFetch = useCallback(inputs => {
+    if (!fetchSchema) {
+      throw new Error('No supporting action schema found.');
+    }
+
+    // A generic type can allow us here to define the inputs and outputs
+    return executeAction({
+      integrationKey,
+      actionKey: fetchSchema.actionKey,
+      parameters: {
+        inputs,
+        target: {
+          ari
+        }
+      }
+    }).then(resp => {
+      return resp;
+    }).catch(error => {
+      captureError('actionExecution', error); // fetchActionExecution
+      // Rethrow up to component for flags and other handling
+      throw error;
+    });
+  }, [fetchSchema, executeAction, integrationKey, ari, captureError]);
   return {
-    execute
+    ...(schema && {
+      execute
+    }),
+    ...(fetchSchema && {
+      executeFetch
+    })
   };
 };

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

@@ -1,5 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
+import { fg } from '@atlaskit/platform-feature-flags';
+import StatusEditType from './status';
 import TextEditType, { toTextValue } from './text';
 
 // This is used in editor-card-plugin to identify if any type of inline edit is active.
@@ -7,7 +9,8 @@ const ACTIVE_INLINE_EDIT_ID = 'sllv-active-inline-edit';
 export const editType = ({
   defaultValue,
   currentValue,
-  setEditValues
+  setEditValues,
+  executeFetch
 }) => {
   switch (defaultValue.type) {
     case 'string':
@@ -21,6 +24,18 @@ export const editType = ({
           id: ACTIVE_INLINE_EDIT_ID
         }))
       };
+    case 'status':
+      return {
+        defaultValue: toTextValue(defaultValue),
+        editView: ({
+          ...fieldProps
+        }) => /*#__PURE__*/React.createElement(StatusEditType, _extends({}, fieldProps, {
+          currentValue: currentValue,
+          setEditValues: setEditValues,
+          id: ACTIVE_INLINE_EDIT_ID,
+          executeFetch: executeFetch
+        }))
+      };
     default:
       return {
         defaultValue: '',
@@ -29,10 +44,6 @@ export const editType = ({
   }
 };
 export const isEditTypeSupported = type => {
-  switch (type) {
-    case 'string':
-      return true;
-    default:
-      return false;
-  }
+  const supportedEditType = fg('platform-datasources-enable-two-way-sync-statuses') ? ['string', 'status'] : ['string'];
+  return supportedEditType.includes(type);
 };

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

@@ -0,0 +1,89 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React, { useEffect, useState } from 'react';
+import { ActionOperationStatus } from '@atlaskit/linking-types';
+import Lozenge from '@atlaskit/lozenge';
+// FilterOptionOption is used in the filterOption function which is part of the public API, but the type itself is not exported
+// eslint-disable-next-line import/no-extraneous-dependencies,no-restricted-imports
+
+import Select from '@atlaskit/select';
+const StatusEditType = props => {
+  var _currentValue$values;
+  const {
+    currentValue,
+    executeFetch
+  } = props;
+  const {
+    options,
+    isLoading
+  } = useStatusOptions(currentValue, executeFetch);
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Select, _extends({}, props, {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop, @atlaskit/design-system/no-unsafe-style-overrides -- Ignored via go/DSP-18766
+    className: "single-select",
+    testId: "inline-edit-status",
+    autoFocus: true,
+    defaultMenuIsOpen: true,
+    blurInputOnSelect: true,
+    getOptionValue: option => option.text,
+    options: options,
+    isLoading: isLoading,
+    defaultValue: currentValue === null || currentValue === void 0 ? void 0 : (_currentValue$values = currentValue.values) === null || _currentValue$values === void 0 ? void 0 : _currentValue$values[0],
+    filterOption: filterOption,
+    formatOptionLabel: option => /*#__PURE__*/React.createElement(Lozenge, _extends({
+      testId: `inline-edit-status-option-${option.text}`
+    }, option.style), option.text),
+    onChange: e => props.setEditValues({
+      type: 'status',
+      values: e ? [e] : []
+    })
+  })));
+};
+const filterOption = (option, inputValue) => option.data.text.toLowerCase().includes(inputValue.toLowerCase());
+const useStatusOptions = (currentValue, executeFetch) => {
+  const [{
+    options,
+    isLoading
+  }, setOptions] = useState({
+    isLoading: true,
+    options: []
+  });
+  useEffect(() => {
+    let isMounted = true;
+    loadOptions(currentValue, executeFetch).then(options => {
+      if (isMounted) {
+        setOptions({
+          isLoading: false,
+          options
+        });
+      }
+    });
+    return () => {
+      isMounted = false;
+    };
+  }, [currentValue, executeFetch]);
+  return {
+    options,
+    isLoading
+  };
+};
+const loadOptions = async (currentValue, executeFetch) => {
+  if (executeFetch) {
+    const result = await executeFetch({
+      [currentValue.type]: currentValue.values[0]
+    });
+    const {
+      operationStatus,
+      entities
+    } = result;
+    if (operationStatus === ActionOperationStatus.SUCCESS && entities) {
+      return new Promise(resolve => {
+        setTimeout(() => resolve(entities.map(entity => ({
+          id: entity.id,
+          text: entity.text,
+          style: entity.style
+        }))), 1000);
+      });
+    }
+  }
+  return [];
+};
+export default StatusEditType;

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

@@ -126,8 +126,7 @@ export const InlineEditableTableCell = styled.td({
     verticalAlign: 'inherit',
     boxSizing: 'content-box',
     borderRight: `${"var(--ds-border-width, 1px)"} solid ${`var(--ds-border, ${N40})`}`,
-    borderBottom: `${"var(--ds-border-width, 1px)"} solid ${`var(--ds-border, ${N40})`}`,
-    overflow: 'hidden'
+    borderBottom: `${"var(--ds-border-width, 1px)"} solid ${`var(--ds-border, ${N40})`}`
   },
   // 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')}`]: {

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

@@ -79,7 +79,8 @@ const InlineEditableCell = ({
 }) => {
   // Execute fn is only returned when the field is editable and the action schema exists
   const {
-    execute
+    execute,
+    executeFetch
   } = useExecuteAtomicAction({
     ari,
     fieldKey: columnKey,
@@ -102,6 +103,7 @@ const InlineEditableCell = ({
   return /*#__PURE__*/React.createElement(InlineEdit, {
     ari: ari,
     execute: execute,
+    executeFetch: executeFetch,
     readView: readView,
     columnKey: columnKey,
     datasourceTypeWithValues: values

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

@@ -11,9 +11,12 @@ const editContainerStyles = xcss({
   marginBlockStart: 'space.negative.100'
 });
 const getBackendUpdateValue = typedNewValue => {
+  var _typedNewValue$values;
   switch (typedNewValue.type) {
     case 'string':
       return typedNewValue.values[0] || '';
+    case 'status':
+      return ((_typedNewValue$values = typedNewValue.values[0]) === null || _typedNewValue$values === void 0 ? void 0 : _typedNewValue$values.id) || '';
   }
   throw new Error(`Datasource 2 way sync Backend update value not implemented for type ${typedNewValue.type}`);
 };
@@ -26,6 +29,13 @@ const mapUpdatedItem = (existingItem, columnKey, newValue) => {
           data: newValue.values[0] || ''
         }
       };
+    case 'status':
+      return newValue.values[0] ? {
+        ...existingItem,
+        [columnKey]: {
+          data: newValue.values[0]
+        }
+      } : existingItem;
     default:
   }
   return null;
@@ -50,6 +60,7 @@ const useRefreshDatasourceItem = item => {
 export const InlineEdit = ({
   ari,
   execute,
+  executeFetch,
   readView,
   columnKey,
   datasourceTypeWithValues
@@ -120,7 +131,8 @@ export const InlineEdit = ({
   }, /*#__PURE__*/React.createElement(AKInlineEdit, _extends({}, editType({
     defaultValue: datasourceTypeWithValues,
     currentValue: editValues,
-    setEditValues
+    setEditValues,
+    executeFetch
   }), {
     hideActionButtons: true,
     readView: () => readView,

package/dist/esm/state/actions/index.js

@@ -153,15 +153,18 @@ export var useDiscoverActions = function useDiscoverActions(_ref3) {
   };
 };
 var getFieldUpdateActionByAri = function getFieldUpdateActionByAri(state, _ref4) {
-  var _state$permissions$ar, _state$actionsByInteg;
+  var _state$permissions$ar, _state$actionsByInteg, _state$actionsByInteg2;
   var ari = _ref4.ari,
     fieldKey = _ref4.fieldKey,
     integrationKey = _ref4.integrationKey;
   var isEditable = (_state$permissions$ar = state.permissions[ari]) === null || _state$permissions$ar === void 0 || (_state$permissions$ar = _state$permissions$ar[fieldKey]) === null || _state$permissions$ar === void 0 ? void 0 : _state$permissions$ar.isEditable;
   if (!isEditable) {
-    return;
+    return {};
   }
-  return (_state$actionsByInteg = state.actionsByIntegration[integrationKey]) === null || _state$actionsByInteg === void 0 ? void 0 : _state$actionsByInteg[fieldKey];
+  return {
+    schema: (_state$actionsByInteg = state.actionsByIntegration[integrationKey]) === null || _state$actionsByInteg === void 0 ? void 0 : _state$actionsByInteg[fieldKey],
+    fetchSchema: (_state$actionsByInteg2 = state.actionsByIntegration[integrationKey]) === null || _state$actionsByInteg2 === void 0 ? void 0 : _state$actionsByInteg2[fieldKey].fetchAction
+  };
 };
 
 /**
@@ -192,7 +195,9 @@ export var useExecuteAtomicAction = function useExecuteAtomicAction(_ref5) {
       integrationKey: integrationKey
     }),
     _useAtomicUpdateActio2 = _slicedToArray(_useAtomicUpdateActio, 1),
-    schema = _useAtomicUpdateActio2[0];
+    _useAtomicUpdateActio3 = _useAtomicUpdateActio2[0],
+    schema = _useAtomicUpdateActio3.schema,
+    fetchSchema = _useAtomicUpdateActio3.fetchSchema;
   var _useDatasourceClientE2 = useDatasourceClientExtension(),
     executeAction = _useDatasourceClientE2.executeAtomicAction,
     invalidateDatasourceDataCacheByAri = _useDatasourceClientE2.invalidateDatasourceDataCacheByAri;
@@ -229,10 +234,32 @@ export var useExecuteAtomicAction = function useExecuteAtomicAction(_ref5) {
       throw error;
     });
   }, [schema, executeAction, integrationKey, fieldKey, ari, invalidateDatasourceDataCacheByAri, fireEvent, captureError]);
-  if (!schema) {
-    return {};
-  }
-  return {
+  var executeFetch = useCallback(function (inputs) {
+    if (!fetchSchema) {
+      throw new Error('No supporting action schema found.');
+    }
+
+    // A generic type can allow us here to define the inputs and outputs
+    return executeAction({
+      integrationKey: integrationKey,
+      actionKey: fetchSchema.actionKey,
+      parameters: {
+        inputs: inputs,
+        target: {
+          ari: ari
+        }
+      }
+    }).then(function (resp) {
+      return resp;
+    }).catch(function (error) {
+      captureError('actionExecution', error); // fetchActionExecution
+      // Rethrow up to component for flags and other handling
+      throw error;
+    });
+  }, [fetchSchema, executeAction, integrationKey, ari, captureError]);
+  return _objectSpread(_objectSpread({}, schema && {
     execute: execute
-  };
+  }), fetchSchema && {
+    executeFetch: executeFetch
+  });
 };

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

@@ -1,6 +1,8 @@
 import _objectDestructuringEmpty from "@babel/runtime/helpers/objectDestructuringEmpty";
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
+import { fg } from '@atlaskit/platform-feature-flags';
+import StatusEditType from './status';
 import TextEditType, { toTextValue } from './text';
 
 // This is used in editor-card-plugin to identify if any type of inline edit is active.
@@ -8,7 +10,8 @@ var ACTIVE_INLINE_EDIT_ID = 'sllv-active-inline-edit';
 export var editType = function editType(_ref) {
   var defaultValue = _ref.defaultValue,
     currentValue = _ref.currentValue,
-    setEditValues = _ref.setEditValues;
+    setEditValues = _ref.setEditValues,
+    executeFetch = _ref.executeFetch;
   switch (defaultValue.type) {
     case 'string':
       return {
@@ -22,6 +25,19 @@ export var editType = function editType(_ref) {
           }));
         }
       };
+    case 'status':
+      return {
+        defaultValue: toTextValue(defaultValue),
+        editView: function editView(_ref3) {
+          var fieldProps = _extends({}, (_objectDestructuringEmpty(_ref3), _ref3));
+          return /*#__PURE__*/React.createElement(StatusEditType, _extends({}, fieldProps, {
+            currentValue: currentValue,
+            setEditValues: setEditValues,
+            id: ACTIVE_INLINE_EDIT_ID,
+            executeFetch: executeFetch
+          }));
+        }
+      };
     default:
       return {
         defaultValue: '',
@@ -32,10 +48,6 @@ export var editType = function editType(_ref) {
   }
 };
 export var isEditTypeSupported = function isEditTypeSupported(type) {
-  switch (type) {
-    case 'string':
-      return true;
-    default:
-      return false;
-  }
+  var supportedEditType = fg('platform-datasources-enable-two-way-sync-statuses') ? ['string', 'status'] : ['string'];
+  return supportedEditType.includes(type);
 };

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

@@ -0,0 +1,121 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _extends from "@babel/runtime/helpers/extends";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import React, { useEffect, useState } from 'react';
+import { ActionOperationStatus } from '@atlaskit/linking-types';
+import Lozenge from '@atlaskit/lozenge';
+// FilterOptionOption is used in the filterOption function which is part of the public API, but the type itself is not exported
+// eslint-disable-next-line import/no-extraneous-dependencies,no-restricted-imports
+
+import Select from '@atlaskit/select';
+var StatusEditType = function StatusEditType(props) {
+  var _currentValue$values;
+  var currentValue = props.currentValue,
+    executeFetch = props.executeFetch;
+  var _useStatusOptions = useStatusOptions(currentValue, executeFetch),
+    options = _useStatusOptions.options,
+    isLoading = _useStatusOptions.isLoading;
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Select, _extends({}, props, {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop, @atlaskit/design-system/no-unsafe-style-overrides -- Ignored via go/DSP-18766
+    className: "single-select",
+    testId: "inline-edit-status",
+    autoFocus: true,
+    defaultMenuIsOpen: true,
+    blurInputOnSelect: true,
+    getOptionValue: function getOptionValue(option) {
+      return option.text;
+    },
+    options: options,
+    isLoading: isLoading,
+    defaultValue: currentValue === null || currentValue === void 0 || (_currentValue$values = currentValue.values) === null || _currentValue$values === void 0 ? void 0 : _currentValue$values[0],
+    filterOption: filterOption,
+    formatOptionLabel: function formatOptionLabel(option) {
+      return /*#__PURE__*/React.createElement(Lozenge, _extends({
+        testId: "inline-edit-status-option-".concat(option.text)
+      }, option.style), option.text);
+    },
+    onChange: function onChange(e) {
+      return props.setEditValues({
+        type: 'status',
+        values: e ? [e] : []
+      });
+    }
+  })));
+};
+var filterOption = function filterOption(option, inputValue) {
+  return option.data.text.toLowerCase().includes(inputValue.toLowerCase());
+};
+var useStatusOptions = function useStatusOptions(currentValue, executeFetch) {
+  var _useState = useState({
+      isLoading: true,
+      options: []
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    _useState2$ = _useState2[0],
+    options = _useState2$.options,
+    isLoading = _useState2$.isLoading,
+    setOptions = _useState2[1];
+  useEffect(function () {
+    var isMounted = true;
+    loadOptions(currentValue, executeFetch).then(function (options) {
+      if (isMounted) {
+        setOptions({
+          isLoading: false,
+          options: options
+        });
+      }
+    });
+    return function () {
+      isMounted = false;
+    };
+  }, [currentValue, executeFetch]);
+  return {
+    options: options,
+    isLoading: isLoading
+  };
+};
+var loadOptions = /*#__PURE__*/function () {
+  var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(currentValue, executeFetch) {
+    var result, operationStatus, entities;
+    return _regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          if (!executeFetch) {
+            _context.next = 7;
+            break;
+          }
+          _context.next = 3;
+          return executeFetch(_defineProperty({}, currentValue.type, currentValue.values[0]));
+        case 3:
+          result = _context.sent;
+          operationStatus = result.operationStatus, entities = result.entities;
+          if (!(operationStatus === ActionOperationStatus.SUCCESS && entities)) {
+            _context.next = 7;
+            break;
+          }
+          return _context.abrupt("return", new Promise(function (resolve) {
+            setTimeout(function () {
+              return resolve(entities.map(function (entity) {
+                return {
+                  id: entity.id,
+                  text: entity.text,
+                  style: entity.style
+                };
+              }));
+            }, 1000);
+          }));
+        case 7:
+          return _context.abrupt("return", []);
+        case 8:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  }));
+  return function loadOptions(_x, _x2) {
+    return _ref.apply(this, arguments);
+  };
+}();
+export default StatusEditType;

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

@@ -103,8 +103,7 @@ export var InlineEditableTableCell = styled.td((_styled$td2 = {}, _definePropert
   verticalAlign: 'inherit',
   boxSizing: 'content-box',
   borderRight: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border, ".concat(N40, ")")),
-  borderBottom: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border, ".concat(N40, ")")),
-  overflow: 'hidden'
+  borderBottom: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border, ".concat(N40, ")"))
 }), _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", {

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

@@ -84,7 +84,8 @@ var InlineEditableCell = function InlineEditableCell(_ref3) {
       fieldKey: columnKey,
       integrationKey: integrationKey
     }),
-    execute = _useExecuteAtomicActi.execute;
+    execute = _useExecuteAtomicActi.execute,
+    executeFetch = _useExecuteAtomicActi.executeFetch;
   var isEditable = !!execute;
   var readView = /*#__PURE__*/React.createElement(TooltipWrapper, {
     columnKey: columnKey,
@@ -102,6 +103,7 @@ var InlineEditableCell = function InlineEditableCell(_ref3) {
   return /*#__PURE__*/React.createElement(InlineEdit, {
     ari: ari,
     execute: execute,
+    executeFetch: executeFetch,
     readView: readView,
     columnKey: columnKey,
     datasourceTypeWithValues: values

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

@@ -16,9 +16,12 @@ var editContainerStyles = xcss({
   marginBlockStart: 'space.negative.100'
 });
 var getBackendUpdateValue = function getBackendUpdateValue(typedNewValue) {
+  var _typedNewValue$values;
   switch (typedNewValue.type) {
     case 'string':
       return typedNewValue.values[0] || '';
+    case 'status':
+      return ((_typedNewValue$values = typedNewValue.values[0]) === null || _typedNewValue$values === void 0 ? void 0 : _typedNewValue$values.id) || '';
   }
   throw new Error("Datasource 2 way sync Backend update value not implemented for type ".concat(typedNewValue.type));
 };
@@ -28,6 +31,10 @@ var mapUpdatedItem = function mapUpdatedItem(existingItem, columnKey, newValue)
       return _objectSpread(_objectSpread({}, existingItem), {}, _defineProperty({}, columnKey, {
         data: newValue.values[0] || ''
       }));
+    case 'status':
+      return newValue.values[0] ? _objectSpread(_objectSpread({}, existingItem), {}, _defineProperty({}, columnKey, {
+        data: newValue.values[0]
+      })) : existingItem;
     default:
   }
   return null;
@@ -52,6 +59,7 @@ var useRefreshDatasourceItem = function useRefreshDatasourceItem(item) {
 export var InlineEdit = function InlineEdit(_ref) {
   var ari = _ref.ari,
     execute = _ref.execute,
+    executeFetch = _ref.executeFetch,
     _readView = _ref.readView,
     columnKey = _ref.columnKey,
     datasourceTypeWithValues = _ref.datasourceTypeWithValues;
@@ -123,7 +131,8 @@ export var InlineEdit = function InlineEdit(_ref) {
   }, /*#__PURE__*/React.createElement(AKInlineEdit, _extends({}, editType({
     defaultValue: datasourceTypeWithValues,
     currentValue: editValues,
-    setEditValues: setEditValues
+    setEditValues: setEditValues,
+    executeFetch: executeFetch
   }), {
     hideActionButtons: true,
     readView: function readView() {

package/dist/types/state/actions/index.d.ts

@@ -1,6 +1,6 @@
 import { type Action } from 'react-sweet-state';
 import { useDatasourceClientExtension } from '@atlaskit/link-client-extension';
-import type { ActionsDiscoveryRequest, AtomicActionInterface } from '@atlaskit/linking-types';
+import type { ActionsDiscoveryRequest, AtomicActionExecuteResponse, AtomicActionInterface } from '@atlaskit/linking-types';
 import { type DatasourceOperationFailedAttributesType, type EventKey } from '../../../src/analytics/generated/analytics.types';
 import type createEventPayload from '../../../src/analytics/generated/create-event-payload';
 type IntegrationKey = string;
@@ -81,9 +81,15 @@ export declare const useDiscoverActions: ({ captureError, fireEvent }: UseDiscov
 /**
  * Retrieves the action schema for a given ARI + fieldKey + integrationKey
  */
-export declare const useAtomicUpdateActionSchema: import("react-sweet-state").HookFunction<(Pick<AtomicActionInterface, "actionKey" | "type" | "description"> & {
-    fetchAction?: Pick<AtomicActionInterface, "actionKey" | "type" | "inputs"> | undefined;
-}) | undefined, import("react-sweet-state").BoundActions<ActionsStoreState, {
+export declare const useAtomicUpdateActionSchema: import("react-sweet-state").HookFunction<{
+    schema?: undefined;
+    fetchSchema?: undefined;
+} | {
+    schema: Pick<AtomicActionInterface, "actionKey" | "type" | "description"> & {
+        fetchAction?: Pick<AtomicActionInterface, "actionKey" | "type" | "inputs"> | undefined;
+    };
+    fetchSchema: Pick<AtomicActionInterface, "actionKey" | "type" | "inputs"> | undefined;
+}, import("react-sweet-state").BoundActions<ActionsStoreState, {
     discoverActions: (captureError: AnalyticsCaptureError, fireEvent: AnalyticsFireEvent, api: Client, request: ActionsDiscoveryRequest) => Action<ActionsStoreState>;
 }>, {
     ari: string;
@@ -106,8 +112,7 @@ export declare const useExecuteAtomicAction: ({ ari, fieldKey, integrationKey, }
     fieldKey: string;
     integrationKey: string;
 }) => {
-    execute?: undefined;
-} | {
-    execute: (value: string | number) => Promise<import("@atlaskit/linking-types").AtomicActionExecuteResponse<unknown>>;
+    execute?: ((value: (string | number)) => Promise<AtomicActionExecuteResponse<unknown>>) | undefined;
+    executeFetch?: (<E>(inputs: any) => Promise<E>) | undefined;
 };
 export {};

package/dist/types/ui/issue-like-table/edit-type/index.d.ts

@@ -2,9 +2,10 @@ import React from 'react';
 import type InlineEdit from '@atlaskit/inline-edit';
 import type { DatasourceType } from '@atlaskit/linking-types';
 import { type DatasourceTypeWithOnlyValues } from '../types';
-export declare const editType: ({ defaultValue, currentValue, setEditValues, }: {
+export declare const editType: ({ defaultValue, currentValue, setEditValues, executeFetch }: {
     defaultValue: DatasourceTypeWithOnlyValues;
     currentValue: DatasourceTypeWithOnlyValues;
     setEditValues: React.Dispatch<React.SetStateAction<DatasourceTypeWithOnlyValues>>;
+    executeFetch?: (<E>(inputs: any) => Promise<E>) | undefined;
 }) => Pick<React.ComponentProps<typeof InlineEdit>, 'defaultValue' | 'editView'>;
 export declare const isEditTypeSupported: (type: DatasourceType['type']) => boolean;

package/dist/types/ui/issue-like-table/edit-type/status/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { type FieldProps } from '@atlaskit/form';
+import type { DatasourceTypeWithOnlyValues } from '../../types';
+interface Props extends Omit<FieldProps<string>, 'value'> {
+    currentValue: DatasourceTypeWithOnlyValues;
+    setEditValues: React.Dispatch<React.SetStateAction<DatasourceTypeWithOnlyValues>>;
+    executeFetch?: <E>(inputs: any) => Promise<E>;
+}
+declare const StatusEditType: (props: Props) => JSX.Element;
+export default StatusEditType;

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

@@ -7,6 +7,7 @@ interface InlineEditProps {
     readView: React.ReactNode;
     datasourceTypeWithValues: DatasourceTypeWithOnlyValues;
     execute: (value: string | number) => Promise<AtomicActionExecuteResponse>;
+    executeFetch?: <E>(inputs: any) => Promise<E>;
 }
-export declare const InlineEdit: ({ ari, execute, readView, columnKey, datasourceTypeWithValues, }: InlineEditProps) => JSX.Element;
+export declare const InlineEdit: ({ ari, execute, executeFetch, readView, columnKey, datasourceTypeWithValues, }: InlineEditProps) => JSX.Element;
 export {};

package/dist/types-ts4.5/state/actions/index.d.ts

@@ -1,6 +1,6 @@
 import { type Action } from 'react-sweet-state';
 import { useDatasourceClientExtension } from '@atlaskit/link-client-extension';
-import type { ActionsDiscoveryRequest, AtomicActionInterface } from '@atlaskit/linking-types';
+import type { ActionsDiscoveryRequest, AtomicActionExecuteResponse, AtomicActionInterface } from '@atlaskit/linking-types';
 import { type DatasourceOperationFailedAttributesType, type EventKey } from '../../../src/analytics/generated/analytics.types';
 import type createEventPayload from '../../../src/analytics/generated/create-event-payload';
 type IntegrationKey = string;
@@ -81,9 +81,15 @@ export declare const useDiscoverActions: ({ captureError, fireEvent }: UseDiscov
 /**
  * Retrieves the action schema for a given ARI + fieldKey + integrationKey
  */
-export declare const useAtomicUpdateActionSchema: import("react-sweet-state").HookFunction<(Pick<AtomicActionInterface, "actionKey" | "type" | "description"> & {
-    fetchAction?: Pick<AtomicActionInterface, "actionKey" | "type" | "inputs"> | undefined;
-}) | undefined, import("react-sweet-state").BoundActions<ActionsStoreState, {
+export declare const useAtomicUpdateActionSchema: import("react-sweet-state").HookFunction<{
+    schema?: undefined;
+    fetchSchema?: undefined;
+} | {
+    schema: Pick<AtomicActionInterface, "actionKey" | "type" | "description"> & {
+        fetchAction?: Pick<AtomicActionInterface, "actionKey" | "type" | "inputs"> | undefined;
+    };
+    fetchSchema: Pick<AtomicActionInterface, "actionKey" | "type" | "inputs"> | undefined;
+}, import("react-sweet-state").BoundActions<ActionsStoreState, {
     discoverActions: (captureError: AnalyticsCaptureError, fireEvent: AnalyticsFireEvent, api: Client, request: ActionsDiscoveryRequest) => Action<ActionsStoreState>;
 }>, {
     ari: string;
@@ -106,8 +112,7 @@ export declare const useExecuteAtomicAction: ({ ari, fieldKey, integrationKey, }
     fieldKey: string;
     integrationKey: string;
 }) => {
-    execute?: undefined;
-} | {
-    execute: (value: string | number) => Promise<import("@atlaskit/linking-types").AtomicActionExecuteResponse<unknown>>;
+    execute?: ((value: (string | number)) => Promise<AtomicActionExecuteResponse<unknown>>) | undefined;
+    executeFetch?: (<E>(inputs: any) => Promise<E>) | undefined;
 };
 export {};

package/dist/types-ts4.5/ui/issue-like-table/edit-type/index.d.ts

@@ -2,9 +2,10 @@ import React from 'react';
 import type InlineEdit from '@atlaskit/inline-edit';
 import type { DatasourceType } from '@atlaskit/linking-types';
 import { type DatasourceTypeWithOnlyValues } from '../types';
-export declare const editType: ({ defaultValue, currentValue, setEditValues, }: {
+export declare const editType: ({ defaultValue, currentValue, setEditValues, executeFetch }: {
     defaultValue: DatasourceTypeWithOnlyValues;
     currentValue: DatasourceTypeWithOnlyValues;
     setEditValues: React.Dispatch<React.SetStateAction<DatasourceTypeWithOnlyValues>>;
+    executeFetch?: (<E>(inputs: any) => Promise<E>) | undefined;
 }) => Pick<React.ComponentProps<typeof InlineEdit>, 'defaultValue' | 'editView'>;
 export declare const isEditTypeSupported: (type: DatasourceType['type']) => boolean;

package/dist/types-ts4.5/ui/issue-like-table/edit-type/status/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { type FieldProps } from '@atlaskit/form';
+import type { DatasourceTypeWithOnlyValues } from '../../types';
+interface Props extends Omit<FieldProps<string>, 'value'> {
+    currentValue: DatasourceTypeWithOnlyValues;
+    setEditValues: React.Dispatch<React.SetStateAction<DatasourceTypeWithOnlyValues>>;
+    executeFetch?: <E>(inputs: any) => Promise<E>;
+}
+declare const StatusEditType: (props: Props) => JSX.Element;
+export default StatusEditType;

package/dist/types-ts4.5/ui/issue-like-table/table-cell-content/inline-edit.d.ts

@@ -7,6 +7,7 @@ interface InlineEditProps {
     readView: React.ReactNode;
     datasourceTypeWithValues: DatasourceTypeWithOnlyValues;
     execute: (value: string | number) => Promise<AtomicActionExecuteResponse>;
+    executeFetch?: <E>(inputs: any) => Promise<E>;
 }
-export declare const InlineEdit: ({ ari, execute, readView, columnKey, datasourceTypeWithValues, }: InlineEditProps) => JSX.Element;
+export declare const InlineEdit: ({ ari, execute, executeFetch, readView, columnKey, datasourceTypeWithValues, }: InlineEditProps) => JSX.Element;
 export {};

package/examples-helpers/buildIssueLikeTable.tsx

@@ -30,6 +30,7 @@ interface Props {
 	canControlWrapping?: boolean;
 	skipIntl?: boolean;
 	forceLoading?: boolean;
+	visibleColumnKeys?: string[];
 }
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
@@ -46,6 +47,7 @@ const ExampleBody = ({
 	canResizeColumns = true,
 	canControlWrapping = true,
 	forceLoading = false,
+	visibleColumnKeys: overrideVisibleColumnKeys,
 }: Props) => {
 	const parameters = useMemo<JiraIssueDatasourceParameters>(
 		() => ({
@@ -85,10 +87,17 @@ const ExampleBody = ({
 	});
 
 	useEffect(() => {
-		if (visibleColumnKeys.length === 0 && defaultVisibleColumnKeys.length > 0) {
+		if (overrideVisibleColumnKeys) {
+			onVisibleColumnKeysChange(overrideVisibleColumnKeys);
+		} else if (visibleColumnKeys.length === 0 && defaultVisibleColumnKeys.length > 0) {
 			onVisibleColumnKeysChange(defaultVisibleColumnKeys);
 		}
-	}, [visibleColumnKeys, defaultVisibleColumnKeys, onVisibleColumnKeysChange]);
+	}, [
+		visibleColumnKeys,
+		defaultVisibleColumnKeys,
+		onVisibleColumnKeysChange,
+		overrideVisibleColumnKeys,
+	]);
 
 	return (
 		<TableViewWrapper>
@@ -116,22 +125,12 @@ const ExampleBody = ({
 	);
 };
 
-export const ExampleIssueLikeTable = ({
-	isReadonly,
-	canResizeColumns,
-	canControlWrapping,
-	forceLoading,
-}: Props) => {
+export const ExampleIssueLikeTable = (props: Props) => {
 	return (
 		<DatasourceExperienceIdProvider>
 			<IntlMessagesProvider loaderFn={fetchMessagesForLocale}>
 				<SmartCardProvider client={new SmartLinkClient()}>
-					<ExampleBody
-						isReadonly={isReadonly}
-						canResizeColumns={canResizeColumns}
-						canControlWrapping={canControlWrapping}
-						forceLoading={forceLoading}
-					/>
+					<ExampleBody {...props} />
 				</SmartCardProvider>
 			</IntlMessagesProvider>
 		</DatasourceExperienceIdProvider>

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/link-datasource",
-	"version": "3.6.16",
+	"version": "3.8.0",
 	"description": "UI Components to support linking platform dataset feature",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -72,13 +72,13 @@
 		"@atlaskit/pragmatic-drag-and-drop-react-drop-indicator": "^1.1.0",
 		"@atlaskit/primitives": "^13.0.0",
 		"@atlaskit/select": "^18.4.0",
-		"@atlaskit/smart-card": "^30.1.0",
+		"@atlaskit/smart-card": "^30.2.0",
 		"@atlaskit/smart-user-picker": "6.11.1",
 		"@atlaskit/spinner": "^16.3.0",
 		"@atlaskit/tag": "^12.6.0",
 		"@atlaskit/textfield": "6.5.4",
 		"@atlaskit/theme": "^14.0.0",
-		"@atlaskit/tokens": "^2.0.0",
+		"@atlaskit/tokens": "^2.1.0",
 		"@atlaskit/tooltip": "^18.8.0",
 		"@atlaskit/ufo": "^0.3.0",
 		"@atlaskit/width-detector": "^4.3.0",
@@ -164,6 +164,9 @@
 		"enable_datasource_supporting_actions": {
 			"type": "boolean"
 		},
+		"platform-datasources-enable-two-way-sync-statuses": {
+			"type": "boolean"
+		},
 		"platform.linking-platform.datasource-assets_add_version_parameter": {
 			"type": "boolean"
 		},