@atlaskit/link-datasource 3.7.0 → 3.8.1

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @atlaskit/link-datasource
 
+## 3.8.1
+
+### Patch Changes
+
+- [#159211](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/159211)
+  [`9e940f7c89d05`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/9e940f7c89d05) -
+  Adding analytics for `executeFetch` and updating test delays for loading state
+
+## 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

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,36 @@ 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) {
+      fireEvent('operational.fetchActionExecution.success', {
+        integrationKey: integrationKey,
+        experience: 'datasource'
+      });
+      return resp;
+    }).catch(function (error) {
+      captureError('fetchActionExecution', error);
+      // Rethrow up to component for flags and other handling
+      throw error;
+    });
+  }, [fetchSchema, executeAction, integrationKey, ari, fireEvent, captureError]);
+  return _objectSpread(_objectSpread({}, schema && {
     execute: execute
-  };
+  }), fetchSchema && {
+    executeFetch: executeFetch
+  });
 };

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

@@ -19,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 {
@@ -41,7 +42,8 @@ var editType = exports.editType = function editType(_ref) {
           return /*#__PURE__*/_react.default.createElement(_status.default, (0, _extends2.default)({}, fieldProps, {
             currentValue: currentValue,
             setEditValues: setEditValues,
-            id: ACTIVE_INLINE_EDIT_ID
+            id: ACTIVE_INLINE_EDIT_ID,
+            executeFetch: executeFetch
           }));
         }
       };

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

@@ -7,10 +7,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 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); }
@@ -19,8 +21,10 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 // eslint-disable-next-line import/no-extraneous-dependencies,no-restricted-imports
 
 var StatusEditType = function StatusEditType(props) {
-  var _props$currentValue;
-  var _useStatusOptions = useStatusOptions(),
+  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, {
@@ -35,7 +39,7 @@ var StatusEditType = function StatusEditType(props) {
     },
     options: options,
     isLoading: isLoading,
-    defaultValue: (_props$currentValue = props.currentValue) === null || _props$currentValue === void 0 || (_props$currentValue = _props$currentValue.values) === null || _props$currentValue === void 0 ? void 0 : _props$currentValue[0],
+    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)({
@@ -53,7 +57,7 @@ var StatusEditType = function StatusEditType(props) {
 var filterOption = function filterOption(option, inputValue) {
   return option.data.text.toLowerCase().includes(inputValue.toLowerCase());
 };
-var useStatusOptions = function useStatusOptions() {
+var useStatusOptions = function useStatusOptions(currentValue, executeFetch) {
   var _useState = (0, _react.useState)({
       isLoading: true,
       options: []
@@ -64,53 +68,59 @@ var useStatusOptions = function useStatusOptions() {
     isLoading = _useState2$.isLoading,
     setOptions = _useState2[1];
   (0, _react.useEffect)(function () {
-    loadOptions().then(function (options) {
-      return setOptions({
-        isLoading: false,
-        options: options
-      });
+    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() {
+  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:
-          return _context.abrupt("return", new Promise(function (resolve) {
-            setTimeout(function () {
-              return resolve([{
-                text: 'To Do',
-                id: '1',
-                style: {
-                  appearance: 'default'
-                }
-              }, {
-                text: 'In Progress',
-                id: '1',
-                style: {
-                  appearance: 'inprogress'
-                }
-              }, {
-                text: 'Done',
-                id: '2',
-                style: {
-                  appearance: 'success'
-                }
-              }]);
-            }, 1000);
+          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", entities.map(function (entity) {
+            return {
+              id: entity.id,
+              text: entity.text,
+              style: entity.style
+            };
           }));
-        case 1:
+        case 7:
+          return _context.abrupt("return", []);
+        case 8:
         case "end":
           return _context.stop();
       }
     }, _callee);
   }));
-  return function loadOptions() {
+  return function loadOptions(_x, _x2) {
     return _ref.apply(this, arguments);
   };
 }();

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

@@ -69,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;
@@ -140,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,39 @@ 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 => {
+      fireEvent('operational.fetchActionExecution.success', {
+        integrationKey: integrationKey,
+        experience: 'datasource'
+      });
+      return resp;
+    }).catch(error => {
+      captureError('fetchActionExecution', error);
+      // Rethrow up to component for flags and other handling
+      throw error;
+    });
+  }, [fetchSchema, executeAction, integrationKey, ari, fireEvent, captureError]);
   return {
-    execute
+    ...(schema && {
+      execute
+    }),
+    ...(fetchSchema && {
+      executeFetch
+    })
   };
 };

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

@@ -9,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':
@@ -31,7 +32,8 @@ export const editType = ({
         }) => /*#__PURE__*/React.createElement(StatusEditType, _extends({}, fieldProps, {
           currentValue: currentValue,
           setEditValues: setEditValues,
-          id: ACTIVE_INLINE_EDIT_ID
+          id: ACTIVE_INLINE_EDIT_ID,
+          executeFetch: executeFetch
         }))
       };
     default:

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

@@ -1,16 +1,21 @@
 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 _props$currentValue, _props$currentValue$v;
+  var _currentValue$values;
+  const {
+    currentValue,
+    executeFetch
+  } = props;
   const {
     options,
     isLoading
-  } = useStatusOptions();
+  } = 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",
@@ -21,7 +26,7 @@ const StatusEditType = props => {
     getOptionValue: option => option.text,
     options: options,
     isLoading: isLoading,
-    defaultValue: (_props$currentValue = props.currentValue) === null || _props$currentValue === void 0 ? void 0 : (_props$currentValue$v = _props$currentValue.values) === null || _props$currentValue$v === void 0 ? void 0 : _props$currentValue$v[0],
+    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}`
@@ -33,7 +38,7 @@ const StatusEditType = props => {
   })));
 };
 const filterOption = (option, inputValue) => option.data.text.toLowerCase().includes(inputValue.toLowerCase());
-const useStatusOptions = () => {
+const useStatusOptions = (currentValue, executeFetch) => {
   const [{
     options,
     isLoading
@@ -42,37 +47,41 @@ const useStatusOptions = () => {
     options: []
   });
   useEffect(() => {
-    loadOptions().then(options => setOptions({
-      isLoading: false,
-      options
-    }));
-  }, []);
+    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 () => {
-  return new Promise(resolve => {
-    setTimeout(() => resolve([{
-      text: 'To Do',
-      id: '1',
-      style: {
-        appearance: 'default'
-      }
-    }, {
-      text: 'In Progress',
-      id: '1',
-      style: {
-        appearance: 'inprogress'
-      }
-    }, {
-      text: 'Done',
-      id: '2',
-      style: {
-        appearance: 'success'
-      }
-    }]), 1000);
-  });
+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 entities.map(entity => ({
+        id: entity.id,
+        text: entity.text,
+        style: entity.style
+      }));
+    }
+  }
+  return [];
 };
 export default StatusEditType;

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

@@ -60,6 +60,7 @@ const useRefreshDatasourceItem = item => {
 export const InlineEdit = ({
   ari,
   execute,
+  executeFetch,
   readView,
   columnKey,
   datasourceTypeWithValues
@@ -130,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,36 @@ 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) {
+      fireEvent('operational.fetchActionExecution.success', {
+        integrationKey: integrationKey,
+        experience: 'datasource'
+      });
+      return resp;
+    }).catch(function (error) {
+      captureError('fetchActionExecution', error);
+      // Rethrow up to component for flags and other handling
+      throw error;
+    });
+  }, [fetchSchema, executeAction, integrationKey, ari, fireEvent, captureError]);
+  return _objectSpread(_objectSpread({}, schema && {
     execute: execute
-  };
+  }), fetchSchema && {
+    executeFetch: executeFetch
+  });
 };

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

@@ -10,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 {
@@ -32,7 +33,8 @@ export var editType = function editType(_ref) {
           return /*#__PURE__*/React.createElement(StatusEditType, _extends({}, fieldProps, {
             currentValue: currentValue,
             setEditValues: setEditValues,
-            id: ACTIVE_INLINE_EDIT_ID
+            id: ACTIVE_INLINE_EDIT_ID,
+            executeFetch: executeFetch
           }));
         }
       };

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

@@ -1,16 +1,20 @@
+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 _props$currentValue;
-  var _useStatusOptions = useStatusOptions(),
+  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, {
@@ -25,7 +29,7 @@ var StatusEditType = function StatusEditType(props) {
     },
     options: options,
     isLoading: isLoading,
-    defaultValue: (_props$currentValue = props.currentValue) === null || _props$currentValue === void 0 || (_props$currentValue = _props$currentValue.values) === null || _props$currentValue === void 0 ? void 0 : _props$currentValue[0],
+    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({
@@ -43,7 +47,7 @@ var StatusEditType = function StatusEditType(props) {
 var filterOption = function filterOption(option, inputValue) {
   return option.data.text.toLowerCase().includes(inputValue.toLowerCase());
 };
-var useStatusOptions = function useStatusOptions() {
+var useStatusOptions = function useStatusOptions(currentValue, executeFetch) {
   var _useState = useState({
       isLoading: true,
       options: []
@@ -54,53 +58,59 @@ var useStatusOptions = function useStatusOptions() {
     isLoading = _useState2$.isLoading,
     setOptions = _useState2[1];
   useEffect(function () {
-    loadOptions().then(function (options) {
-      return setOptions({
-        isLoading: false,
-        options: options
-      });
+    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() {
+  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:
-          return _context.abrupt("return", new Promise(function (resolve) {
-            setTimeout(function () {
-              return resolve([{
-                text: 'To Do',
-                id: '1',
-                style: {
-                  appearance: 'default'
-                }
-              }, {
-                text: 'In Progress',
-                id: '1',
-                style: {
-                  appearance: 'inprogress'
-                }
-              }, {
-                text: 'Done',
-                id: '2',
-                style: {
-                  appearance: 'success'
-                }
-              }]);
-            }, 1000);
+          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", entities.map(function (entity) {
+            return {
+              id: entity.id,
+              text: entity.text,
+              style: entity.style
+            };
           }));
-        case 1:
+        case 7:
+          return _context.abrupt("return", []);
+        case 8:
         case "end":
           return _context.stop();
       }
     }, _callee);
   }));
-  return function loadOptions() {
+  return function loadOptions(_x, _x2) {
     return _ref.apply(this, arguments);
   };
 }();

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

@@ -59,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;
@@ -130,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/analytics/generated/analytics.types.d.ts

@@ -3,7 +3,7 @@
  *
  * Generates Typescript types for analytics events from analytics.spec.yaml
  *
- * @codegen <<SignedSource::b6f8bb0286018a13a19546bc9fd67e2e>>
+ * @codegen <<SignedSource::6b271484f56c37f6170c6468edcab44c>>
  * @codegenCommand yarn workspace @atlassian/analytics-tooling run analytics:codegen link-datasource
  */
 export type ComponentMetaDataType = {
@@ -68,7 +68,7 @@ export type DatasourceRenderSuccessAttributesType = {
 };
 export type DatasourceRenderFailureAttributesType = {};
 export type DatasourceOperationFailedAttributesType = {
-    errorLocation: 'ProviderOnAuthRequest' | 'loadDatasourceDetails' | 'onNextPage' | 'actionDiscovery' | 'actionExecution' | null;
+    errorLocation: 'ProviderOnAuthRequest' | 'loadDatasourceDetails' | 'onNextPage' | 'actionDiscovery' | 'actionExecution' | 'fetchActionExecution' | null;
     traceId: string | null;
     status: number | null;
     reason: 'response' | 'network' | 'internal' | 'unknown' | null;
@@ -146,6 +146,10 @@ export type ActionExecutionSuccessAttributesType = {
     integrationKey: string;
     experience: 'datasource';
 };
+export type FetchActionExecutionSuccessAttributesType = {
+    integrationKey: string;
+    experience: 'datasource';
+};
 export type ActionDiscoverySuccessAttributesType = {
     experience: 'datasource';
     entityType: string;
@@ -278,6 +282,9 @@ export type AnalyticsEventAttributes = {
     /**
      * Fired when an atomic action execution is successful */
     'operational.actionExecution.success': ActionExecutionSuccessAttributesType;
+    /**
+     * Fired when a fetch atomic action execution is successful */
+    'operational.fetchActionExecution.success': FetchActionExecutionSuccessAttributesType;
     /**
      * Fired when the action discovery and permissions request is successful. */
     'operational.actionDiscovery.success': ActionDiscoverySuccessAttributesType;

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

@@ -4,6 +4,7 @@ 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/analytics/generated/analytics.types.d.ts

@@ -3,7 +3,7 @@
  *
  * Generates Typescript types for analytics events from analytics.spec.yaml
  *
- * @codegen <<SignedSource::b6f8bb0286018a13a19546bc9fd67e2e>>
+ * @codegen <<SignedSource::6b271484f56c37f6170c6468edcab44c>>
  * @codegenCommand yarn workspace @atlassian/analytics-tooling run analytics:codegen link-datasource
  */
 export type ComponentMetaDataType = {
@@ -68,7 +68,7 @@ export type DatasourceRenderSuccessAttributesType = {
 };
 export type DatasourceRenderFailureAttributesType = {};
 export type DatasourceOperationFailedAttributesType = {
-    errorLocation: 'ProviderOnAuthRequest' | 'loadDatasourceDetails' | 'onNextPage' | 'actionDiscovery' | 'actionExecution' | null;
+    errorLocation: 'ProviderOnAuthRequest' | 'loadDatasourceDetails' | 'onNextPage' | 'actionDiscovery' | 'actionExecution' | 'fetchActionExecution' | null;
     traceId: string | null;
     status: number | null;
     reason: 'response' | 'network' | 'internal' | 'unknown' | null;
@@ -146,6 +146,10 @@ export type ActionExecutionSuccessAttributesType = {
     integrationKey: string;
     experience: 'datasource';
 };
+export type FetchActionExecutionSuccessAttributesType = {
+    integrationKey: string;
+    experience: 'datasource';
+};
 export type ActionDiscoverySuccessAttributesType = {
     experience: 'datasource';
     entityType: string;
@@ -278,6 +282,9 @@ export type AnalyticsEventAttributes = {
     /**
      * Fired when an atomic action execution is successful */
     'operational.actionExecution.success': ActionExecutionSuccessAttributesType;
+    /**
+     * Fired when a fetch atomic action execution is successful */
+    'operational.fetchActionExecution.success': FetchActionExecutionSuccessAttributesType;
     /**
      * Fired when the action discovery and permissions request is successful. */
     'operational.actionDiscovery.success': ActionDiscoverySuccessAttributesType;

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

@@ -4,6 +4,7 @@ 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/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/link-datasource",
-	"version": "3.7.0",
+	"version": "3.8.1",
 	"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",