@atlaskit/link-datasource 3.12.1 → 3.13.0

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

@@ -1,16 +1,13 @@
-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 React, { useEffect } from 'react';
+
 // 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';
 import { failUfoExperience, succeedUfoExperience } from '../../../../analytics/ufoExperiences';
 import { useDatasourceExperienceId } from '../../../../contexts/datasource-experience-id';
-import { useDatasourceTableFlag } from '../../../../hooks/useDatasourceTableFlag';
+import { useLoadOptions } from '../../../../hooks/useLoadOptions';
 import { SharedIconComponent } from '../../shared-components/icon';
 import { InlineEditUFOExperience } from '../../table-cell-content/inline-edit';
 /**
@@ -20,10 +17,12 @@ var IconEditType = function IconEditType(props) {
   var _currentValue$values;
   var currentValue = props.currentValue,
     executeFetch = props.executeFetch;
-  var _usePriorityOptions = usePriorityOptions(currentValue, executeFetch),
-    options = _usePriorityOptions.options,
-    isLoading = _usePriorityOptions.isLoading,
-    hasFailed = _usePriorityOptions.hasFailed;
+  var _useLoadOptions = useLoadOptions({
+      executeFetch: executeFetch
+    }),
+    options = _useLoadOptions.options,
+    isLoading = _useLoadOptions.isLoading,
+    hasFailed = _useLoadOptions.hasFailed;
   var experienceId = useDatasourceExperienceId();
   useEffect(function () {
     if (!experienceId) {
@@ -39,18 +38,19 @@ var IconEditType = function IconEditType(props) {
       }, experienceId);
     }
   }, [experienceId, isLoading, hasFailed]);
-  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Select, _extends({}, props, {
-    testId: "inline-edit-priority",
+  return /*#__PURE__*/React.createElement(Select, _extends({}, props, {
     autoFocus: true,
-    defaultMenuIsOpen: true,
     blurInputOnSelect: true,
-    getOptionValue: function getOptionValue(option) {
-      return option.text || '';
-    },
+    defaultMenuIsOpen: true,
     options: options,
+    menuPlacement: "auto",
     isLoading: isLoading,
-    defaultValue: currentValue === null || currentValue === void 0 || (_currentValue$values = currentValue.values) === null || _currentValue$values === void 0 ? void 0 : _currentValue$values[0],
     filterOption: filterOption,
+    testId: "inline-edit-priority",
+    defaultValue: currentValue === null || currentValue === void 0 || (_currentValue$values = currentValue.values) === null || _currentValue$values === void 0 ? void 0 : _currentValue$values[0],
+    getOptionValue: function getOptionValue(option) {
+      return option.text || '';
+    },
     formatOptionLabel: function formatOptionLabel(_ref) {
       var source = _ref.source,
         label = _ref.label,
@@ -68,98 +68,9 @@ var IconEditType = function IconEditType(props) {
         values: e ? [e] : []
       });
     }
-  })));
+  }));
 };
 var filterOption = function filterOption(option, inputValue) {
   return option.label.toLowerCase().includes(inputValue.toLowerCase());
 };
-var usePriorityOptions = function usePriorityOptions(currentValue, executeFetch) {
-  var _useState = useState({
-      isLoading: true,
-      options: [],
-      hasFailed: false
-    }),
-    _useState2 = _slicedToArray(_useState, 2),
-    _useState2$ = _useState2[0],
-    options = _useState2$.options,
-    isLoading = _useState2$.isLoading,
-    hasFailed = _useState2$.hasFailed,
-    setOptions = _useState2[1];
-  var _useDatasourceTableFl = useDatasourceTableFlag({
-      isFetchAction: true
-    }),
-    showErrorFlag = _useDatasourceTableFl.showErrorFlag;
-  useEffect(function () {
-    var isMounted = true;
-    loadOptions(currentValue, executeFetch).then(function (options) {
-      if (isMounted) {
-        setOptions({
-          isLoading: false,
-          options: options,
-          hasFailed: false
-        });
-      }
-    }).catch(function (err) {
-      showErrorFlag();
-      setOptions({
-        isLoading: false,
-        options: [],
-        hasFailed: true
-      });
-    });
-    return function () {
-      isMounted = false;
-    };
-  }, [currentValue, executeFetch, showErrorFlag]);
-  return {
-    options: options,
-    isLoading: isLoading,
-    hasFailed: hasFailed
-  };
-};
-
-/**
- * Load options for the select
- */
-var loadOptions = /*#__PURE__*/function () {
-  var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(_currentValue, executeFetch) {
-    var _yield$executeFetch, operationStatus, entities;
-    return _regeneratorRuntime.wrap(function _callee$(_context) {
-      while (1) switch (_context.prev = _context.next) {
-        case 0:
-          if (executeFetch) {
-            _context.next = 2;
-            break;
-          }
-          return _context.abrupt("return", []);
-        case 2:
-          _context.next = 4;
-          return executeFetch({});
-        case 4:
-          _yield$executeFetch = _context.sent;
-          operationStatus = _yield$executeFetch.operationStatus;
-          entities = _yield$executeFetch.entities;
-          if (!(operationStatus === ActionOperationStatus.FAILURE)) {
-            _context.next = 9;
-            break;
-          }
-          throw new Error('Failed to fetch icon options');
-        case 9:
-          if (!(operationStatus === ActionOperationStatus.SUCCESS && entities)) {
-            _context.next = 11;
-            break;
-          }
-          return _context.abrupt("return", entities);
-        case 11:
-          return _context.abrupt("return", []);
-        case 12:
-        case "end":
-          return _context.stop();
-      }
-    }, _callee);
-  }));
-  return function loadOptions(_x, _x2) {
-    return _ref2.apply(this, arguments);
-  };
-}();
 export default IconEditType;

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

@@ -7,11 +7,13 @@ import React from 'react';
 import { fg } from '@atlaskit/platform-feature-flags';
 import IconEditType from './icon';
 import StatusEditType from './status';
-import TextEditType, { toTextValue } from './text';
+import TextEditType from './text';
+import UserEditType from './user';
 
 // This is used in editor-card-plugin to identify if any type of inline edit is active.
 var ACTIVE_INLINE_EDIT_ID = 'sllv-active-inline-edit';
 export var editType = function editType(_ref) {
+  var _toValueType, _value$atlassianUserI;
   var defaultValue = _ref.defaultValue,
     currentValue = _ref.currentValue,
     setEditValues = _ref.setEditValues,
@@ -19,7 +21,7 @@ export var editType = function editType(_ref) {
   switch (defaultValue.type) {
     case 'string':
       return {
-        defaultValue: toTextValue(defaultValue),
+        defaultValue: (_toValueType = toValueType(defaultValue)) !== null && _toValueType !== void 0 ? _toValueType : '',
         editView: function editView(_ref2) {
           var fieldProps = _extends({}, (_objectDestructuringEmpty(_ref2), _ref2));
           return /*#__PURE__*/React.createElement(TextEditType, _extends({}, fieldProps, {
@@ -31,7 +33,7 @@ export var editType = function editType(_ref) {
       };
     case 'icon':
       return {
-        defaultValue: toTextValue(defaultValue),
+        defaultValue: toValueType(defaultValue),
         editView: function editView(_ref3) {
           var value = _ref3.value,
             fieldProps = _objectWithoutProperties(_ref3, _excluded);
@@ -45,7 +47,7 @@ export var editType = function editType(_ref) {
       };
     case 'status':
       return {
-        defaultValue: toTextValue(defaultValue),
+        defaultValue: toValueType(defaultValue),
         editView: function editView(_ref4) {
           var fieldProps = _extends({}, (_objectDestructuringEmpty(_ref4), _ref4));
           return /*#__PURE__*/React.createElement(StatusEditType, _extends({}, fieldProps, {
@@ -56,6 +58,20 @@ export var editType = function editType(_ref) {
           }));
         }
       };
+    case 'user':
+      var value = toValueType(defaultValue);
+      return {
+        defaultValue: (_value$atlassianUserI = value === null || value === void 0 ? void 0 : value.atlassianUserId) !== null && _value$atlassianUserI !== void 0 ? _value$atlassianUserI : '',
+        editView: function editView(_ref5) {
+          var fieldProps = _extends({}, (_objectDestructuringEmpty(_ref5), _ref5));
+          return /*#__PURE__*/React.createElement(UserEditType, _extends({}, fieldProps, {
+            currentValue: currentValue,
+            setEditValues: setEditValues,
+            id: ACTIVE_INLINE_EDIT_ID,
+            executeFetch: executeFetch
+          }));
+        }
+      };
   }
   return {
     defaultValue: '',
@@ -65,10 +81,14 @@ export var editType = function editType(_ref) {
   };
 };
 export var isEditTypeSupported = function isEditTypeSupported(type) {
-  var supportedEditType = ['string'].concat(_toConsumableArray(fg('platform-datasources-enable-two-way-sync-statuses') ? ['status'] : []), _toConsumableArray(fg('platform-datasources-enable-two-way-sync-priority') ? ['icon'] : []));
+  var supportedEditType = ['string'].concat(_toConsumableArray(fg('platform-datasources-enable-two-way-sync-statuses') ? ['status'] : []), _toConsumableArray(fg('platform-datasources-enable-two-way-sync-priority') ? ['icon'] : []), _toConsumableArray(fg('platform-datasources-enable-two-way-sync-assignee') ? ['user'] : []));
   return supportedEditType.includes(type);
 };
 export var isEditTypeSelectable = function isEditTypeSelectable(type) {
   var selectEditTypes = ['status', 'icon', 'user'];
   return selectEditTypes.includes(type);
+};
+export var toValueType = function toValueType(typeWithValues) {
+  var _typeWithValues$value;
+  return (_typeWithValues$value = typeWithValues.values) === null || _typeWithValues$value === void 0 ? void 0 : _typeWithValues$value[0];
 };

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

@@ -1,25 +1,21 @@
-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 React, { useEffect } from 'react';
 import Lozenge from '@atlaskit/lozenge';
 import Select from '@atlaskit/select';
 import { failUfoExperience, succeedUfoExperience } from '../../../../analytics/ufoExperiences';
 import { useDatasourceExperienceId } from '../../../../contexts/datasource-experience-id';
-import { useDatasourceTableFlag } from '../../../../hooks/useDatasourceTableFlag';
+import { useLoadOptions } from '../../../../hooks/useLoadOptions';
 import { InlineEditUFOExperience } from '../../table-cell-content/inline-edit';
 var StatusEditType = function StatusEditType(props) {
   var _currentValue$values;
   var currentValue = props.currentValue,
     executeFetch = props.executeFetch;
-  var _useStatusOptions = useStatusOptions({
+  var _useLoadOptions = useLoadOptions({
       executeFetch: executeFetch
     }),
-    options = _useStatusOptions.options,
-    isLoading = _useStatusOptions.isLoading,
-    hasFailed = _useStatusOptions.hasFailed;
+    options = _useLoadOptions.options,
+    isLoading = _useLoadOptions.isLoading,
+    hasFailed = _useLoadOptions.hasFailed;
   var experienceId = useDatasourceExperienceId();
   useEffect(function () {
     if (!experienceId) {
@@ -36,18 +32,18 @@ var StatusEditType = function StatusEditType(props) {
     }
   }, [experienceId, isLoading, hasFailed]);
   return /*#__PURE__*/React.createElement(Select, _extends({}, props, {
-    testId: "inline-edit-status",
     autoFocus: true,
+    options: options,
     defaultMenuIsOpen: true,
     blurInputOnSelect: true,
+    menuPlacement: "auto",
+    isLoading: isLoading,
+    filterOption: filterOption,
+    testId: "inline-edit-status",
     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,
-    menuPlacement: "auto",
     formatOptionLabel: function formatOptionLabel(option) {
       return /*#__PURE__*/React.createElement(Lozenge, _extends({
         testId: "inline-edit-status-option-".concat(option.text)
@@ -64,102 +60,4 @@ var StatusEditType = function StatusEditType(props) {
 var filterOption = function filterOption(option, inputValue) {
   return option.data.text.toLowerCase().includes(inputValue.toLowerCase());
 };
-var useStatusOptions = function useStatusOptions(_ref) {
-  var fetchInputs = _ref.fetchInputs,
-    executeFetch = _ref.executeFetch;
-  var _useState = useState({
-      isLoading: true,
-      options: [],
-      hasFailed: false
-    }),
-    _useState2 = _slicedToArray(_useState, 2),
-    _useState2$ = _useState2[0],
-    options = _useState2$.options,
-    isLoading = _useState2$.isLoading,
-    hasFailed = _useState2$.hasFailed,
-    setOptions = _useState2[1];
-  var _useDatasourceTableFl = useDatasourceTableFlag({
-      isFetchAction: true
-    }),
-    showErrorFlag = _useDatasourceTableFl.showErrorFlag;
-  useEffect(function () {
-    var isMounted = true;
-    loadOptions(fetchInputs, executeFetch).then(function (options) {
-      if (isMounted) {
-        setOptions({
-          isLoading: false,
-          options: options,
-          hasFailed: false
-        });
-      }
-    }).catch(function (err) {
-      showErrorFlag();
-      setOptions({
-        isLoading: false,
-        options: [],
-        hasFailed: true
-      });
-    });
-    return function () {
-      isMounted = false;
-    };
-  }, [fetchInputs, executeFetch, showErrorFlag]);
-  return {
-    options: options,
-    isLoading: isLoading,
-    hasFailed: hasFailed
-  };
-};
-var loadOptions = /*#__PURE__*/function () {
-  var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-    var fetchInputs,
-      executeFetch,
-      result,
-      operationStatus,
-      entities,
-      _args = arguments;
-    return _regeneratorRuntime.wrap(function _callee$(_context) {
-      while (1) switch (_context.prev = _context.next) {
-        case 0:
-          fetchInputs = _args.length > 0 && _args[0] !== undefined ? _args[0] : {};
-          executeFetch = _args.length > 1 ? _args[1] : undefined;
-          if (!executeFetch) {
-            _context.next = 11;
-            break;
-          }
-          _context.next = 5;
-          return executeFetch(fetchInputs);
-        case 5:
-          result = _context.sent;
-          operationStatus = result.operationStatus, entities = result.entities;
-          if (!(operationStatus === ActionOperationStatus.FAILURE)) {
-            _context.next = 9;
-            break;
-          }
-          throw new Error('Failed to fetch status options');
-        case 9:
-          if (!entities) {
-            _context.next = 11;
-            break;
-          }
-          return _context.abrupt("return", entities.map(function (entity) {
-            return {
-              id: entity.id,
-              text: entity.text,
-              style: entity.style,
-              transitionId: entity.transitionId
-            };
-          }));
-        case 11:
-          return _context.abrupt("return", []);
-        case 12:
-        case "end":
-          return _context.stop();
-      }
-    }, _callee);
-  }));
-  return function loadOptions() {
-    return _ref2.apply(this, arguments);
-  };
-}();
 export default StatusEditType;

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

@@ -4,12 +4,10 @@ import { Layering } from '@atlaskit/layering';
 import Textfield from '@atlaskit/textfield';
 import { succeedUfoExperience } from '../../../../analytics/ufoExperiences';
 import { useDatasourceExperienceId } from '../../../../contexts/datasource-experience-id';
-export var toTextValue = function toTextValue(typeWithValues) {
-  var _ref, _typeWithValues$value;
-  return (_ref = (_typeWithValues$value = typeWithValues.values) === null || _typeWithValues$value === void 0 ? void 0 : _typeWithValues$value[0]) !== null && _ref !== void 0 ? _ref : '';
-};
 var TextEditType = function TextEditType(props) {
+  var _currentValue$values$, _currentValue$values;
   var experienceId = useDatasourceExperienceId();
+  var currentValue = props.currentValue;
   useEffect(function () {
     if (experienceId) {
       succeedUfoExperience({
@@ -27,7 +25,7 @@ var TextEditType = function TextEditType(props) {
       // We need 8px left padding to match read only version, but there is already 1px of border
       padding: "var(--ds-space-100, 8px)".concat(" calc(", "var(--ds-space-100, 8px)", " - 1px)")
     },
-    value: toTextValue(props.currentValue),
+    value: (_currentValue$values$ = currentValue === null || currentValue === void 0 || (_currentValue$values = currentValue.values) === null || _currentValue$values === void 0 ? void 0 : _currentValue$values[0]) !== null && _currentValue$values$ !== void 0 ? _currentValue$values$ : '',
     onChange: function onChange(e) {
       return props.setEditValues({
         type: 'string',

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

@@ -0,0 +1,87 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import React, { useEffect, useState } from 'react';
+import { useDebouncedCallback } from 'use-debounce';
+import Avatar, { AvatarItem } from '@atlaskit/avatar';
+import Select from '@atlaskit/select';
+import { failUfoExperience, succeedUfoExperience } from '../../../../analytics/ufoExperiences';
+import { useDatasourceExperienceId } from '../../../../contexts/datasource-experience-id';
+import { useLoadOptions } from '../../../../hooks/useLoadOptions';
+import { SEARCH_DEBOUNCE_MS } from '../../../common/modal/popup-select/constants';
+import { USER_TYPE_TEST_ID } from '../../render-type/user';
+import { InlineEditUFOExperience } from '../../table-cell-content/inline-edit';
+var UserEditType = function UserEditType(props) {
+  var _currentValue$values;
+  var currentValue = props.currentValue,
+    executeFetch = props.executeFetch;
+  var _useState = useState({
+      query: ''
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    fetchInputs = _useState2[0],
+    setFetchInputs = _useState2[1];
+  var _useDebouncedCallback = useDebouncedCallback(function (query) {
+      return setFetchInputs({
+        query: query
+      });
+    }, SEARCH_DEBOUNCE_MS),
+    _useDebouncedCallback2 = _slicedToArray(_useDebouncedCallback, 1),
+    handleUserInputDebounced = _useDebouncedCallback2[0];
+  var _useLoadOptions = useLoadOptions({
+      executeFetch: executeFetch,
+      fetchInputs: fetchInputs
+    }),
+    options = _useLoadOptions.options,
+    isLoading = _useLoadOptions.isLoading,
+    hasFailed = _useLoadOptions.hasFailed;
+  var experienceId = useDatasourceExperienceId();
+  useEffect(function () {
+    if (!experienceId) {
+      return;
+    }
+    if (hasFailed) {
+      failUfoExperience({
+        name: InlineEditUFOExperience
+      }, experienceId);
+    } else if (!isLoading) {
+      succeedUfoExperience({
+        name: InlineEditUFOExperience
+      }, experienceId);
+    }
+  }, [experienceId, isLoading, hasFailed]);
+  return /*#__PURE__*/React.createElement(Select, _extends({}, props, {
+    autoFocus: true,
+    defaultMenuIsOpen: true,
+    blurInputOnSelect: true,
+    options: options,
+    isLoading: isLoading,
+    testId: "inline-edit-user",
+    filterOption: function filterOption() {
+      return true;
+    } // necessary, otherwise by default all options will be filtered out on user input
+    ,
+    onInputChange: handleUserInputDebounced,
+    defaultValue: currentValue === null || currentValue === void 0 || (_currentValue$values = currentValue.values) === null || _currentValue$values === void 0 ? void 0 : _currentValue$values[0],
+    getOptionValue: function getOptionValue(option) {
+      return option.atlassianUserId;
+    },
+    formatOptionLabel: function formatOptionLabel(option) {
+      return /*#__PURE__*/React.createElement(AvatarItem, {
+        avatar: /*#__PURE__*/React.createElement(Avatar, {
+          appearance: "circle",
+          size: 'small',
+          src: option.avatarSource,
+          testId: "".concat(USER_TYPE_TEST_ID, "--avatar--").concat(option.atlassianUserId)
+        }),
+        primaryText: option.displayName
+      });
+    },
+    onChange: function onChange(e) {
+      return props.setEditValues({
+        type: 'user',
+        values: e ? [e] : []
+      });
+    }
+  }));
+};
+export default UserEditType;

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

@@ -19,14 +19,16 @@ var editContainerStyles = xcss({
   marginBlockStart: 'space.negative.100'
 });
 var getBackendUpdateValue = function getBackendUpdateValue(typedNewValue) {
-  var _typedNewValue$values, _typedNewValue$values2;
+  var _typedNewValue$values, _typedNewValue$values2, _typedNewValue$values3;
   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.transitionId) || '';
+    case 'user':
+      return ((_typedNewValue$values2 = typedNewValue.values[0]) === null || _typedNewValue$values2 === void 0 ? void 0 : _typedNewValue$values2.atlassianUserId) || '';
     case 'icon':
-      return ((_typedNewValue$values2 = typedNewValue.values[0]) === null || _typedNewValue$values2 === void 0 ? void 0 : _typedNewValue$values2.id) || '';
+      return ((_typedNewValue$values3 = typedNewValue.values[0]) === null || _typedNewValue$values3 === void 0 ? void 0 : _typedNewValue$values3.id) || '';
   }
   throw new Error("Datasource 2 way sync Backend update value not implemented for type ".concat(typedNewValue.type));
 };
@@ -37,6 +39,7 @@ var mapUpdatedItem = function mapUpdatedItem(existingItem, columnKey, newValue)
         data: newValue.values[0] || ''
       }));
     case 'status':
+    case 'user':
     case 'icon':
       return newValue.values[0] ? _objectSpread(_objectSpread({}, existingItem), {}, _defineProperty({}, columnKey, {
         data: newValue.values[0]

package/dist/types/hooks/useLoadOptions.d.ts

@@ -0,0 +1,11 @@
+import { type AtomicActionExecuteRequest } from '@atlaskit/linking-types';
+import type { ExecuteFetch } from '../state/actions';
+export type LoadOptionsProps = {
+    fetchInputs?: AtomicActionExecuteRequest['parameters']['inputs'];
+    executeFetch?: ExecuteFetch;
+};
+export declare const useLoadOptions: <T>({ fetchInputs, executeFetch }: LoadOptionsProps) => {
+    options: T[];
+    isLoading: boolean;
+    hasFailed: boolean;
+};

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

@@ -2,7 +2,7 @@ import React from 'react';
 import { type FieldProps } from '@atlaskit/form';
 import { type ExecuteFetch } from '../../../../state/actions';
 import type { DatasourceTypeWithOnlyTypeValues, DatasourceTypeWithOnlyValues } from '../../types';
-interface Props extends Omit<FieldProps<string>, 'value'> {
+interface IconEditTypeProps extends Omit<FieldProps<string>, 'value'> {
     currentValue: DatasourceTypeWithOnlyTypeValues<'icon'>;
     setEditValues: React.Dispatch<React.SetStateAction<DatasourceTypeWithOnlyValues>>;
     executeFetch?: ExecuteFetch;
@@ -10,5 +10,5 @@ interface Props extends Omit<FieldProps<string>, 'value'> {
 /**
  * Should be gated by FF rollout of platform-datasources-enable-two-way-sync-priority
  */
-declare const IconEditType: (props: Props) => JSX.Element;
+declare const IconEditType: (props: IconEditTypeProps) => JSX.Element;
 export default IconEditType;

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

@@ -11,3 +11,4 @@ export declare const editType: ({ defaultValue, currentValue, setEditValues, exe
 }) => Pick<React.ComponentProps<typeof InlineEdit>, 'defaultValue' | 'editView'>;
 export declare const isEditTypeSupported: (type: DatasourceType['type']) => boolean;
 export declare const isEditTypeSelectable: (type: DatasourceType['type']) => boolean;
+export declare const toValueType: <T>(typeWithValues: DatasourceTypeWithOnlyValues) => T;

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

@@ -1,11 +1,11 @@
 import React from 'react';
 import { type FieldProps } from '@atlaskit/form';
 import type { ExecuteFetch } from '../../../../state/actions';
-import type { DatasourceTypeWithOnlyValues } from '../../types';
-interface Props extends Omit<FieldProps<string>, 'value'> {
-    currentValue: DatasourceTypeWithOnlyValues;
+import type { DatasourceTypeWithOnlyTypeValues, DatasourceTypeWithOnlyValues } from '../../types';
+interface StatusEditTypeProps extends Omit<FieldProps<string>, 'value'> {
+    currentValue: DatasourceTypeWithOnlyTypeValues<'status'>;
     setEditValues: React.Dispatch<React.SetStateAction<DatasourceTypeWithOnlyValues>>;
     executeFetch?: ExecuteFetch;
 }
-declare const StatusEditType: (props: Props) => JSX.Element;
+declare const StatusEditType: (props: StatusEditTypeProps) => JSX.Element;
 export default StatusEditType;

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

@@ -1,10 +1,9 @@
 import React from 'react';
 import { type FieldProps } from '@atlaskit/form';
-import type { DatasourceTypeWithOnlyValues } from '../../types';
+import type { DatasourceTypeWithOnlyTypeValues, DatasourceTypeWithOnlyValues } from '../../types';
 interface TextEditTypeProps extends Omit<FieldProps<string>, 'value'> {
-    currentValue: DatasourceTypeWithOnlyValues;
+    currentValue: DatasourceTypeWithOnlyTypeValues<'string'>;
     setEditValues: React.Dispatch<React.SetStateAction<DatasourceTypeWithOnlyValues>>;
 }
-export declare const toTextValue: (typeWithValues: DatasourceTypeWithOnlyValues) => string;
 declare const TextEditType: (props: TextEditTypeProps) => JSX.Element;
 export default TextEditType;

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import { type FieldProps } from '@atlaskit/form';
+import type { ExecuteFetch } from '../../../../state/actions';
+import type { DatasourceTypeWithOnlyTypeValues, DatasourceTypeWithOnlyValues } from '../../types';
+interface UserEditTypeProps extends Omit<FieldProps<string>, 'value'> {
+    currentValue: DatasourceTypeWithOnlyTypeValues<'user'>;
+    setEditValues: React.Dispatch<React.SetStateAction<DatasourceTypeWithOnlyValues>>;
+    executeFetch?: ExecuteFetch;
+}
+declare const UserEditType: (props: UserEditTypeProps) => JSX.Element;
+export default UserEditType;

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

@@ -16,6 +16,9 @@ export type DatasourceTypeWithOnlyTypeValues<K> = {
         type: K;
     }>['value'][];
 };
+export type DatasourceTypeValueType<K> = Extract<DatasourceType, {
+    type: K;
+}>['value'];
 export type TableViewPropsRenderType = (item: DatasourceTypeWithOnlyValues) => React.ReactNode;
 export interface ColumnSizesMap {
     [key: string]: number;

package/dist/types-ts4.5/hooks/useLoadOptions.d.ts

@@ -0,0 +1,11 @@
+import { type AtomicActionExecuteRequest } from '@atlaskit/linking-types';
+import type { ExecuteFetch } from '../state/actions';
+export type LoadOptionsProps = {
+    fetchInputs?: AtomicActionExecuteRequest['parameters']['inputs'];
+    executeFetch?: ExecuteFetch;
+};
+export declare const useLoadOptions: <T>({ fetchInputs, executeFetch }: LoadOptionsProps) => {
+    options: T[];
+    isLoading: boolean;
+    hasFailed: boolean;
+};

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

@@ -2,7 +2,7 @@ import React from 'react';
 import { type FieldProps } from '@atlaskit/form';
 import { type ExecuteFetch } from '../../../../state/actions';
 import type { DatasourceTypeWithOnlyTypeValues, DatasourceTypeWithOnlyValues } from '../../types';
-interface Props extends Omit<FieldProps<string>, 'value'> {
+interface IconEditTypeProps extends Omit<FieldProps<string>, 'value'> {
     currentValue: DatasourceTypeWithOnlyTypeValues<'icon'>;
     setEditValues: React.Dispatch<React.SetStateAction<DatasourceTypeWithOnlyValues>>;
     executeFetch?: ExecuteFetch;
@@ -10,5 +10,5 @@ interface Props extends Omit<FieldProps<string>, 'value'> {
 /**
  * Should be gated by FF rollout of platform-datasources-enable-two-way-sync-priority
  */
-declare const IconEditType: (props: Props) => JSX.Element;
+declare const IconEditType: (props: IconEditTypeProps) => JSX.Element;
 export default IconEditType;

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

@@ -11,3 +11,4 @@ export declare const editType: ({ defaultValue, currentValue, setEditValues, exe
 }) => Pick<React.ComponentProps<typeof InlineEdit>, 'defaultValue' | 'editView'>;
 export declare const isEditTypeSupported: (type: DatasourceType['type']) => boolean;
 export declare const isEditTypeSelectable: (type: DatasourceType['type']) => boolean;
+export declare const toValueType: <T>(typeWithValues: DatasourceTypeWithOnlyValues) => T;