@atlaskit/link-datasource 3.12.1 → 3.13.1

package/CHANGELOG.md

@@ -1,5 +1,29 @@
 # @atlaskit/link-datasource
 
+## 3.13.1
+
+### Patch Changes
+
+- [#167375](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/167375)
+  [`ce85e442a7d6e`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/ce85e442a7d6e) -
+  [ux] Use atlaskit primitives for typography
+- Updated dependencies
+
+## 3.13.0
+
+### Minor Changes
+
+- [#165646](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/165646)
+  [`4f3ffed207bd9`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/4f3ffed207bd9) -
+  [ux] Add assignee inline edit component for datasource
+
+### Patch Changes
+
+- [#166191](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/166191)
+  [`4a75bbe263f85`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/4a75bbe263f85) -
+  Internal refactor behind ff - Make loadOptions reusable for all inline edit dropdown fields
+- Updated dependencies
+
 ## 3.12.1
 
 ### Patch Changes

package/dist/cjs/hooks/useLoadOptions.js

@@ -0,0 +1,100 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useLoadOptions = void 0;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _react = require("react");
+var _linkingTypes = require("@atlaskit/linking-types");
+var _useDatasourceTableFlag = require("./useDatasourceTableFlag");
+var loadOptions = /*#__PURE__*/function () {
+  var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
+    var fetchInputs,
+      executeFetch,
+      result,
+      operationStatus,
+      entities,
+      _args = arguments;
+    return _regenerator.default.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 = 4;
+            break;
+          }
+          return _context.abrupt("return", []);
+        case 4:
+          _context.next = 6;
+          return executeFetch(fetchInputs);
+        case 6:
+          result = _context.sent;
+          operationStatus = result.operationStatus, entities = result.entities;
+          if (!(operationStatus === _linkingTypes.ActionOperationStatus.FAILURE)) {
+            _context.next = 10;
+            break;
+          }
+          throw new Error('Failed to fetch status options');
+        case 10:
+          return _context.abrupt("return", entities !== null && entities !== void 0 ? entities : []);
+        case 11:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  }));
+  return function loadOptions() {
+    return _ref.apply(this, arguments);
+  };
+}();
+var useLoadOptions = exports.useLoadOptions = function useLoadOptions(_ref2) {
+  var fetchInputs = _ref2.fetchInputs,
+    executeFetch = _ref2.executeFetch;
+  var _useState = (0, _react.useState)({
+      isLoading: true,
+      options: [],
+      hasFailed: false
+    }),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    _useState2$ = _useState2[0],
+    options = _useState2$.options,
+    isLoading = _useState2$.isLoading,
+    hasFailed = _useState2$.hasFailed,
+    setOptions = _useState2[1];
+  var _useDatasourceTableFl = (0, _useDatasourceTableFlag.useDatasourceTableFlag)({
+      isFetchAction: true
+    }),
+    showErrorFlag = _useDatasourceTableFl.showErrorFlag;
+  (0, _react.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
+  };
+};

package/dist/cjs/ui/common/error-state/loading-error.js

@@ -9,6 +9,7 @@ var _react = require("react");
 var _react2 = require("@emotion/react");
 var _reactIntlNext = require("react-intl-next");
 var _standardButton = _interopRequireDefault(require("@atlaskit/button/standard-button"));
+var _primitives = require("@atlaskit/primitives");
 var _typography = require("@atlaskit/theme/typography");
 var _analytics = require("../../../analytics");
 var _loadingErrorSvg = require("./loading-error-svg");
@@ -35,9 +36,6 @@ var errorMessageStyles = (0, _react2.css)({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   font: "var(--ds-font-heading-small, ".concat(_typography.fontFallback.heading.small, ")")
 });
-var errorDescriptionStyles = (0, _react2.css)({
-  margin: 0
-});
 var LoadingError = exports.LoadingError = function LoadingError(_ref) {
   var onRefresh = _ref.onRefresh;
   var _useDatasourceAnalyti = (0, _analytics.useDatasourceAnalyticsEvents)(),
@@ -47,15 +45,16 @@ var LoadingError = exports.LoadingError = function LoadingError(_ref) {
       reason: 'network'
     });
   }, [fireEvent]);
-  return (0, _react2.jsx)("div", {
-    css: errorContainerStyles,
-    "data-testid": "datasource--loading-error"
-  }, (0, _react2.jsx)(_loadingErrorSvg.LoadingErrorSVG, null), (0, _react2.jsx)("div", {
-    css: errorMessageContainerStyles
-  }, (0, _react2.jsx)("span", {
-    css: errorMessageStyles
-  }, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _messages.loadingErrorMessages.unableToLoadItems)), (0, _react2.jsx)("p", {
-    css: errorDescriptionStyles
+  return (0, _react2.jsx)(_primitives.Box, {
+    xcss: errorContainerStyles,
+    testId: "datasource--loading-error"
+  }, (0, _react2.jsx)(_loadingErrorSvg.LoadingErrorSVG, null), (0, _react2.jsx)(_primitives.Box, {
+    xcss: errorMessageContainerStyles
+  }, (0, _react2.jsx)(_primitives.Inline, {
+    as: "span",
+    xcss: errorMessageStyles
+  }, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _messages.loadingErrorMessages.unableToLoadItems)), (0, _react2.jsx)(_primitives.Text, {
+    as: "p"
   }, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _messages.loadingErrorMessages.checkConnection)), onRefresh && (0, _react2.jsx)(_standardButton.default, {
     appearance: "primary",
     onClick: onRefresh

package/dist/cjs/ui/common/error-state/modal-loading-error.js

@@ -7,7 +7,7 @@ exports.ModalLoadingError = void 0;
 var _react = require("react");
 var _react2 = require("@emotion/react");
 var _reactIntlNext = require("react-intl-next");
-var _typography = require("@atlaskit/theme/typography");
+var _primitives = require("@atlaskit/primitives");
 var _analytics = require("../../../analytics");
 var _loadingErrorSvg = require("./loading-error-svg");
 var _messages = require("./messages");
@@ -29,13 +29,6 @@ var errorMessageContainerStyles = (0, _react2.css)({
   gap: "var(--ds-space-100, 8px)",
   placeItems: 'center'
 });
-var errorMessageStyles = (0, _react2.css)({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-  font: "var(--ds-font-heading-small, ".concat(_typography.fontFallback.heading.small, ")")
-});
-var errorDescriptionStyles = (0, _react2.css)({
-  margin: 0
-});
 var ModalLoadingError = exports.ModalLoadingError = function ModalLoadingError(_ref) {
   var _ref$errorMessage = _ref.errorMessage,
     errorMessage = _ref$errorMessage === void 0 ? (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _messages.loadingErrorMessages.checkConnection) : _ref$errorMessage;
@@ -46,14 +39,14 @@ var ModalLoadingError = exports.ModalLoadingError = function ModalLoadingError(_
       reason: 'network'
     });
   }, [fireEvent]);
-  return (0, _react2.jsx)("div", {
-    css: errorContainerStyles,
-    "data-testid": "datasource-modal--loading-error"
-  }, (0, _react2.jsx)(_loadingErrorSvg.LoadingErrorSVG, null), (0, _react2.jsx)("div", {
-    css: errorMessageContainerStyles
-  }, (0, _react2.jsx)("span", {
-    css: errorMessageStyles
-  }, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _messages.loadingErrorMessages.unableToLoadResults)), (0, _react2.jsx)("p", {
-    css: errorDescriptionStyles
+  return (0, _react2.jsx)(_primitives.Box, {
+    xcss: errorContainerStyles,
+    testId: "datasource-modal--loading-error"
+  }, (0, _react2.jsx)(_loadingErrorSvg.LoadingErrorSVG, null), (0, _react2.jsx)(_primitives.Box, {
+    xcss: errorMessageContainerStyles
+  }, (0, _react2.jsx)(_primitives.Text, {
+    size: "small"
+  }, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _messages.loadingErrorMessages.unableToLoadResults)), (0, _react2.jsx)(_primitives.Text, {
+    as: "p"
   }, errorMessage)));
 };

package/dist/cjs/ui/common/error-state/no-instances.js

@@ -7,7 +7,6 @@ exports.NoInstancesView = void 0;
 var _react = require("@emotion/react");
 var _reactIntlNext = require("react-intl-next");
 var _primitives = require("@atlaskit/primitives");
-var _typography = require("@atlaskit/theme/typography");
 var _noInstancesSvg = require("./no-instances-svg");
 /**
  * @jsxRuntime classic
@@ -15,13 +14,12 @@ var _noInstancesSvg = require("./no-instances-svg");
  */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
-var titleStyles = (0, _react.css)({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-  font: "var(--ds-font-heading-small, ".concat(_typography.fontFallback.heading.small, ")"),
-  marginTop: "var(--ds-space-200, 16px)"
+var titleStyles = (0, _primitives.xcss)({
+  font: 'font.heading.small',
+  marginTop: 'space.200'
 });
-var descriptionStyles = (0, _react.css)({
-  marginTop: "var(--ds-space-100, 8px)"
+var descriptionStyles = (0, _primitives.xcss)({
+  marginTop: 'space.100'
 });
 var containerStyles = (0, _primitives.xcss)({
   marginTop: 'space.800'
@@ -37,9 +35,11 @@ var NoInstancesView = exports.NoInstancesView = function NoInstancesView(_ref) {
     direction: "column",
     alignItems: "center",
     xcss: containerStyles
-  }, (0, _react.jsx)(_noInstancesSvg.NoInstancesSvg, null), (0, _react.jsx)("span", {
-    css: titleStyles
-  }, formatMessage(title)), (0, _react.jsx)("span", {
-    css: descriptionStyles
+  }, (0, _react.jsx)(_noInstancesSvg.NoInstancesSvg, null), (0, _react.jsx)(_primitives.Inline, {
+    as: "span",
+    xcss: titleStyles
+  }, formatMessage(title)), (0, _react.jsx)(_primitives.Inline, {
+    as: "span",
+    xcss: descriptionStyles
   }, formatMessage(description)));
 };

package/dist/cjs/ui/common/error-state/no-results.js

@@ -9,7 +9,7 @@ var _react = require("react");
 var _react2 = require("@emotion/react");
 var _reactIntlNext = require("react-intl-next");
 var _standardButton = _interopRequireDefault(require("@atlaskit/button/standard-button"));
-var _typography = require("@atlaskit/theme/typography");
+var _primitives = require("@atlaskit/primitives");
 var _analytics = require("../../../analytics");
 var _messages = require("./messages");
 /**
@@ -19,22 +19,16 @@ var _messages = require("./messages");
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
-var noResultsContainerStyles = (0, _react2.css)({
-  margin: "var(--ds-space-500, 40px)".concat(" auto"),
-  display: 'grid',
-  gap: "var(--ds-space-300, 24px)",
+var noResultsContainerStyles = (0, _primitives.xcss)({
+  margin: 'space.500',
+  gap: 'space.300',
   placeItems: 'center',
   placeSelf: 'center'
 });
-var noResultsMessageContainerStyles = (0, _react2.css)({
-  display: 'grid',
-  gap: "var(--ds-space-100, 8px)",
+var noResultsMessageContainerStyles = (0, _primitives.xcss)({
+  gap: 'space.100',
   placeItems: 'center'
 });
-var noResultsMessageStyles = (0, _react2.css)({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-  font: "var(--ds-font-heading-small, ".concat(_typography.fontFallback.heading.small, ")")
-});
 var NoResults = exports.NoResults = function NoResults(_ref) {
   var onRefresh = _ref.onRefresh;
   var _useDatasourceAnalyti = (0, _analytics.useDatasourceAnalyticsEvents)(),
@@ -42,9 +36,9 @@ var NoResults = exports.NoResults = function NoResults(_ref) {
   (0, _react.useEffect)(function () {
     fireEvent('ui.emptyResult.shown.datasource', {});
   }, [fireEvent]);
-  return (0, _react2.jsx)("div", {
-    css: noResultsContainerStyles,
-    "data-testid": "datasource-modal--no-results"
+  return (0, _react2.jsx)(_primitives.Grid, {
+    xcss: noResultsContainerStyles,
+    testId: "datasource-modal--no-results"
   }, (0, _react2.jsx)("svg", {
     width: "131",
     height: "120",
@@ -170,10 +164,12 @@ var NoResults = exports.NoResults = function NoResults(_ref) {
     width: "130.927",
     height: "120",
     fill: "white"
-  })))), (0, _react2.jsx)("div", {
-    css: noResultsMessageContainerStyles
-  }, (0, _react2.jsx)("span", {
-    css: noResultsMessageStyles
+  })))), (0, _react2.jsx)(_primitives.Grid, {
+    xcss: noResultsMessageContainerStyles
+  }, (0, _react2.jsx)(_primitives.Text, {
+    as: "span",
+    size: "large",
+    weight: "bold"
   }, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _messages.loadingErrorMessages.noResultsFound)), onRefresh && (0, _react2.jsx)(_standardButton.default, {
     appearance: "primary",
     onClick: onRefresh

package/dist/cjs/ui/common/modal/count-view-smart-link/index.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.SmartLink = exports.SmartCardPlaceholder = void 0;
 var _react = require("@emotion/react");
 var _reactIntlNext = require("react-intl-next");
-var _colors = require("@atlaskit/theme/colors");
+var _primitives = require("@atlaskit/primitives");
 var _link = _interopRequireDefault(require("../../../issue-like-table/render-type/link"));
 /**
  * @jsxRuntime classic
@@ -15,29 +15,33 @@ var _link = _interopRequireDefault(require("../../../issue-like-table/render-typ
  */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
-var placeholderSmartLinkStyles = (0, _react.css)({
-  backgroundColor: "var(--ds-surface-raised, ".concat(_colors.N0, ")"),
+var placeholderSmartLinkStyles = (0, _primitives.xcss)({
+  backgroundColor: 'elevation.surface.raised',
   borderRadius: "var(--ds-border-radius-200, 3px)",
-  boxShadow: '0px 1px 1px rgba(9, 30, 66, 0.25), 0px 0px 1px rgba(9, 30, 66, 0.31)',
-  color: "var(--ds-text-brand, ".concat(_colors.B400, ")"),
-  padding: "var(--ds-space-0, 0px)".concat(" ", "var(--ds-space-025, 2px)")
+  color: 'color.text.brand',
+  paddingTop: 'space.0',
+  paddingBottom: 'space.0',
+  paddingLeft: 'space.025',
+  paddingRight: 'space.025',
+  boxShadow: 'elevation.shadow.raised'
 });
-var smartLinkContainerStyles = (0, _react.css)({
-  paddingLeft: "var(--ds-space-025, 2px)"
+var smartLinkContainerStyles = (0, _primitives.xcss)({
+  paddingLeft: 'space.025'
 });
 var SmartCardPlaceholder = exports.SmartCardPlaceholder = function SmartCardPlaceholder(_ref) {
   var placeholderText = _ref.placeholderText;
-  return (0, _react.jsx)("div", {
-    css: smartLinkContainerStyles
-  }, (0, _react.jsx)("span", {
-    "data-testid": "datasource-modal--smart-card-placeholder",
-    css: placeholderSmartLinkStyles
+  return (0, _react.jsx)(_primitives.Box, {
+    xcss: smartLinkContainerStyles
+  }, (0, _react.jsx)(_primitives.Box, {
+    as: "span",
+    testId: "datasource-modal--smart-card-placeholder",
+    xcss: placeholderSmartLinkStyles
   }, (0, _react.jsx)(_reactIntlNext.FormattedMessage, placeholderText)));
 };
 var SmartLink = exports.SmartLink = function SmartLink(_ref2) {
   var url = _ref2.url;
-  return (0, _react.jsx)("div", {
-    css: smartLinkContainerStyles
+  return (0, _react.jsx)(_primitives.Box, {
+    xcss: smartLinkContainerStyles
   }, (0, _react.jsx)(_link.default, {
     url: url
   }));

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

@@ -6,16 +6,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-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 _select = _interopRequireDefault(require("@atlaskit/select"));
 var _ufoExperiences = require("../../../../analytics/ufoExperiences");
 var _datasourceExperienceId = require("../../../../contexts/datasource-experience-id");
-var _useDatasourceTableFlag = require("../../../../hooks/useDatasourceTableFlag");
+var _useLoadOptions2 = require("../../../../hooks/useLoadOptions");
 var _icon = require("../../shared-components/icon");
 var _inlineEdit = require("../../table-cell-content/inline-edit");
 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); }
@@ -30,10 +26,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 = (0, _useLoadOptions2.useLoadOptions)({
+      executeFetch: executeFetch
+    }),
+    options = _useLoadOptions.options,
+    isLoading = _useLoadOptions.isLoading,
+    hasFailed = _useLoadOptions.hasFailed;
   var experienceId = (0, _datasourceExperienceId.useDatasourceExperienceId)();
   (0, _react.useEffect)(function () {
     if (!experienceId) {
@@ -49,18 +47,19 @@ var IconEditType = function IconEditType(props) {
       }, experienceId);
     }
   }, [experienceId, isLoading, hasFailed]);
-  return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_select.default, (0, _extends2.default)({}, props, {
-    testId: "inline-edit-priority",
+  return /*#__PURE__*/_react.default.createElement(_select.default, (0, _extends2.default)({}, 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,
@@ -78,98 +77,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 = (0, _react.useState)({
-      isLoading: true,
-      options: [],
-      hasFailed: false
-    }),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    _useState2$ = _useState2[0],
-    options = _useState2$.options,
-    isLoading = _useState2$.isLoading,
-    hasFailed = _useState2$.hasFailed,
-    setOptions = _useState2[1];
-  var _useDatasourceTableFl = (0, _useDatasourceTableFlag.useDatasourceTableFlag)({
-      isFetchAction: true
-    }),
-    showErrorFlag = _useDatasourceTableFl.showErrorFlag;
-  (0, _react.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 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(_currentValue, executeFetch) {
-    var _yield$executeFetch, operationStatus, entities;
-    return _regenerator.default.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 === _linkingTypes.ActionOperationStatus.FAILURE)) {
-            _context.next = 9;
-            break;
-          }
-          throw new Error('Failed to fetch icon options');
-        case 9:
-          if (!(operationStatus === _linkingTypes.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);
-  };
-}();
 var _default = exports.default = IconEditType;

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

@@ -1,11 +1,10 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.isEditTypeSupported = exports.isEditTypeSelectable = exports.editType = void 0;
+exports.toValueType = exports.isEditTypeSupported = exports.isEditTypeSelectable = exports.editType = void 0;
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _objectDestructuringEmpty2 = _interopRequireDefault(require("@babel/runtime/helpers/objectDestructuringEmpty"));
@@ -14,13 +13,13 @@ var _react = _interopRequireDefault(require("react"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _icon = _interopRequireDefault(require("./icon"));
 var _status = _interopRequireDefault(require("./status"));
-var _text = _interopRequireWildcard(require("./text"));
+var _text = _interopRequireDefault(require("./text"));
+var _user = _interopRequireDefault(require("./user"));
 var _excluded = ["value"];
-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; }
 // 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';
 var editType = exports.editType = function editType(_ref) {
+  var _toValueType, _value$atlassianUserI;
   var defaultValue = _ref.defaultValue,
     currentValue = _ref.currentValue,
     setEditValues = _ref.setEditValues,
@@ -28,7 +27,7 @@ var editType = exports.editType = function editType(_ref) {
   switch (defaultValue.type) {
     case 'string':
       return {
-        defaultValue: (0, _text.toTextValue)(defaultValue),
+        defaultValue: (_toValueType = toValueType(defaultValue)) !== null && _toValueType !== void 0 ? _toValueType : '',
         editView: function editView(_ref2) {
           var fieldProps = (0, _extends2.default)({}, ((0, _objectDestructuringEmpty2.default)(_ref2), _ref2));
           return /*#__PURE__*/_react.default.createElement(_text.default, (0, _extends2.default)({}, fieldProps, {
@@ -40,7 +39,7 @@ var editType = exports.editType = function editType(_ref) {
       };
     case 'icon':
       return {
-        defaultValue: (0, _text.toTextValue)(defaultValue),
+        defaultValue: toValueType(defaultValue),
         editView: function editView(_ref3) {
           var value = _ref3.value,
             fieldProps = (0, _objectWithoutProperties2.default)(_ref3, _excluded);
@@ -54,7 +53,7 @@ var editType = exports.editType = function editType(_ref) {
       };
     case 'status':
       return {
-        defaultValue: (0, _text.toTextValue)(defaultValue),
+        defaultValue: toValueType(defaultValue),
         editView: function editView(_ref4) {
           var fieldProps = (0, _extends2.default)({}, ((0, _objectDestructuringEmpty2.default)(_ref4), _ref4));
           return /*#__PURE__*/_react.default.createElement(_status.default, (0, _extends2.default)({}, fieldProps, {
@@ -65,6 +64,20 @@ var editType = exports.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 = (0, _extends2.default)({}, ((0, _objectDestructuringEmpty2.default)(_ref5), _ref5));
+          return /*#__PURE__*/_react.default.createElement(_user.default, (0, _extends2.default)({}, fieldProps, {
+            currentValue: currentValue,
+            setEditValues: setEditValues,
+            id: ACTIVE_INLINE_EDIT_ID,
+            executeFetch: executeFetch
+          }));
+        }
+      };
   }
   return {
     defaultValue: '',
@@ -74,10 +87,14 @@ var editType = exports.editType = function editType(_ref) {
   };
 };
 var isEditTypeSupported = exports.isEditTypeSupported = function isEditTypeSupported(type) {
-  var supportedEditType = ['string'].concat((0, _toConsumableArray2.default)((0, _platformFeatureFlags.fg)('platform-datasources-enable-two-way-sync-statuses') ? ['status'] : []), (0, _toConsumableArray2.default)((0, _platformFeatureFlags.fg)('platform-datasources-enable-two-way-sync-priority') ? ['icon'] : []));
+  var supportedEditType = ['string'].concat((0, _toConsumableArray2.default)((0, _platformFeatureFlags.fg)('platform-datasources-enable-two-way-sync-statuses') ? ['status'] : []), (0, _toConsumableArray2.default)((0, _platformFeatureFlags.fg)('platform-datasources-enable-two-way-sync-priority') ? ['icon'] : []), (0, _toConsumableArray2.default)((0, _platformFeatureFlags.fg)('platform-datasources-enable-two-way-sync-assignee') ? ['user'] : []));
   return supportedEditType.includes(type);
 };
 var isEditTypeSelectable = exports.isEditTypeSelectable = function isEditTypeSelectable(type) {
   var selectEditTypes = ['status', 'icon', 'user'];
   return selectEditTypes.includes(type);
+};
+var toValueType = exports.toValueType = function toValueType(typeWithValues) {
+  var _typeWithValues$value;
+  return (_typeWithValues$value = typeWithValues.values) === null || _typeWithValues$value === void 0 ? void 0 : _typeWithValues$value[0];
 };