@atlaskit/link-datasource 3.9.0 → 3.10.0

package/CHANGELOG.md

@@ -1,5 +1,29 @@
 # @atlaskit/link-datasource
 
+## 3.10.0
+
+### Minor Changes
+
+- [#161781](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/161781)
+  [`86ee3866560f2`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/86ee3866560f2) -
+  [ux] EDM-10114 Add support for priority dropdown in datasources
+- [#163853](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/163853)
+  [`726e9811f22b4`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/726e9811f22b4) -
+  [ux] Adding error flag when `executeFetch` request fails
+
+## 3.9.1
+
+### Patch Changes
+
+- [#164965](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/164965)
+  [`99d00d17f1e68`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/99d00d17f1e68) -
+  Internal refactor behind ff - Fixes `executeFetch` being fired after selecting item from dropdpwn
+  list
+- [#164465](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/164465)
+  [`ef019ecbcb056`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/ef019ecbcb056) -
+  Feature flag removed - platform.linking-platform.datasource.limit-total-results_8wqcd
+- Updated dependencies
+
 ## 3.9.0
 
 ### Minor Changes

package/dist/cjs/hooks/useDatasourceTableFlag.js

@@ -26,7 +26,7 @@ var getErrorReason = function getErrorReason(status) {
       return 'request_failed';
   }
 };
-var getGenericErrorMessage = function getGenericErrorMessage(status) {
+var getExecuteActionErrorMessage = function getExecuteActionErrorMessage(status) {
   switch (status) {
     case 403:
       return {
@@ -40,6 +40,15 @@ var getGenericErrorMessage = function getGenericErrorMessage(status) {
       };
   }
 };
+var getFetchActionErrorMessage = function getFetchActionErrorMessage(status) {
+  switch (status) {
+    default:
+      return {
+        title: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.issueLikeTableMessages.fetchActionErrorGenericTitle),
+        description: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.issueLikeTableMessages.fetchActionErrorGenericDescription)
+      };
+  }
+};
 var useDatasourceTableFlag = exports.useDatasourceTableFlag = function useDatasourceTableFlag(options) {
   var _useFlags = (0, _flag.useFlags)(),
     showFlag = _useFlags.showFlag;
@@ -55,11 +64,11 @@ var useDatasourceTableFlag = exports.useDatasourceTableFlag = function useDataso
       }),
       id: (0, _uuid.default)(),
       isAutoDismiss: true
-    }, getGenericErrorMessage(args === null || args === void 0 ? void 0 : args.status)), args));
+    }, options !== null && options !== void 0 && options.isFetchAction ? getFetchActionErrorMessage(args === null || args === void 0 ? void 0 : args.status) : getExecuteActionErrorMessage(args === null || args === void 0 ? void 0 : args.status)), args));
     fireEvent('ui.error.shown.inlineEdit', {
       reason: getErrorReason(args === null || args === void 0 ? void 0 : args.status)
     });
-  }, [fireEvent, showFlag]);
+  }, [fireEvent, options === null || options === void 0 ? void 0 : options.isFetchAction, showFlag]);
   return {
     showErrorFlag: showErrorFlag
   };

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

@@ -206,12 +206,15 @@ var useExecuteAtomicAction = exports.useExecuteAtomicAction = function useExecut
   var _useDatasourceClientE2 = (0, _linkClientExtension.useDatasourceClientExtension)(),
     executeAction = _useDatasourceClientE2.executeAtomicAction,
     invalidateDatasourceDataCacheByAri = _useDatasourceClientE2.invalidateDatasourceDataCacheByAri;
-  var _useDatasourceAnalyti = (0, _analytics.useDatasourceAnalyticsEvents)(),
-    fireEvent = _useDatasourceAnalyti.fireEvent;
-  var _useErrorLogger = (0, _useErrorLogger2.default)({
+  var loggerProps = (0, _react.useMemo)(function () {
+    return {
       integrationKey: integrationKey
-    }),
+    };
+  }, [integrationKey]);
+  var _useErrorLogger = (0, _useErrorLogger2.default)(loggerProps),
     captureError = _useErrorLogger.captureError;
+  var _useDatasourceAnalyti = (0, _analytics.useDatasourceAnalyticsEvents)(),
+    fireEvent = _useDatasourceAnalyti.fireEvent;
   var execute = (0, _react.useCallback)(function (value) {
     if (!schema) {
       throw new Error('No action schema found.');

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

@@ -0,0 +1,134 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _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 _icon = require("../../shared-components/icon");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+// FilterOptionOption is used in the filterOption function which is part of the public API, but the type itself is not exported
+// eslint-disable-next-line import/no-extraneous-dependencies,no-restricted-imports
+
+/**
+ * Should be gated by FF rollout of platform-datasources-enable-two-way-sync-priority
+ */
+var PriorityEditType = function PriorityEditType(props) {
+  var _currentValue$values;
+  var currentValue = props.currentValue,
+    executeFetch = props.executeFetch;
+  var _usePriorityOptions = usePriorityOptions(currentValue, executeFetch),
+    options = _usePriorityOptions.options,
+    isLoading = _usePriorityOptions.isLoading;
+  return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_select.default, (0, _extends2.default)({}, props, {
+    testId: "inline-edit-priority",
+    autoFocus: true,
+    defaultMenuIsOpen: true,
+    blurInputOnSelect: true,
+    getOptionValue: function getOptionValue(option) {
+      return option.label || '';
+    },
+    options: options,
+    isLoading: isLoading,
+    defaultValue: currentValue === null || currentValue === void 0 || (_currentValue$values = currentValue.values) === null || _currentValue$values === void 0 ? void 0 : _currentValue$values[0],
+    filterOption: filterOption,
+    formatOptionLabel: function formatOptionLabel(_ref) {
+      var source = _ref.source,
+        label = _ref.label,
+        text = _ref.text;
+      return /*#__PURE__*/_react.default.createElement(_icon.SharedIconComponent, {
+        iconUrl: source,
+        text: text,
+        label: label,
+        testId: "inline-edit-priority-option-".concat(label)
+      });
+    },
+    onChange: function onChange(e) {
+      return props.setEditValues({
+        type: 'icon',
+        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: []
+    }),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    _useState2$ = _useState2[0],
+    options = _useState2$.options,
+    isLoading = _useState2$.isLoading,
+    setOptions = _useState2[1];
+  (0, _react.useEffect)(function () {
+    var isMounted = true;
+    loadOptions(currentValue, executeFetch).then(function (options) {
+      if (isMounted) {
+        setOptions({
+          isLoading: false,
+          options: options
+        });
+      }
+    });
+    return function () {
+      isMounted = false;
+    };
+  }, [currentValue, executeFetch]);
+  return {
+    options: options,
+    isLoading: isLoading
+  };
+};
+
+/**
+ * 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.SUCCESS && entities)) {
+            _context.next = 9;
+            break;
+          }
+          return _context.abrupt("return", entities);
+        case 9:
+          return _context.abrupt("return", []);
+        case 10:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  }));
+  return function loadOptions(_x, _x2) {
+    return _ref2.apply(this, arguments);
+  };
+}();
+var _default = exports.default = PriorityEditType;

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

@@ -6,12 +6,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 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"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 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 _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.
@@ -34,12 +38,13 @@ var editType = exports.editType = function editType(_ref) {
           }));
         }
       };
-    case 'status':
+    case 'icon':
       return {
         defaultValue: (0, _text.toTextValue)(defaultValue),
         editView: function editView(_ref3) {
-          var fieldProps = (0, _extends2.default)({}, ((0, _objectDestructuringEmpty2.default)(_ref3), _ref3));
-          return /*#__PURE__*/_react.default.createElement(_status.default, (0, _extends2.default)({}, fieldProps, {
+          var value = _ref3.value,
+            fieldProps = (0, _objectWithoutProperties2.default)(_ref3, _excluded);
+          return /*#__PURE__*/_react.default.createElement(_icon.default, (0, _extends2.default)({}, fieldProps, {
             currentValue: currentValue,
             setEditValues: setEditValues,
             id: ACTIVE_INLINE_EDIT_ID,
@@ -47,17 +52,29 @@ var editType = exports.editType = function editType(_ref) {
           }));
         }
       };
-    default:
+    case 'status':
       return {
-        defaultValue: '',
-        editView: function editView() {
-          return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
+        defaultValue: (0, _text.toTextValue)(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, {
+            currentValue: currentValue,
+            setEditValues: setEditValues,
+            id: ACTIVE_INLINE_EDIT_ID,
+            executeFetch: executeFetch
+          }));
         }
       };
   }
+  return {
+    defaultValue: '',
+    editView: function editView() {
+      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
+    }
+  };
 };
 var isEditTypeSupported = exports.isEditTypeSupported = function isEditTypeSupported(type) {
-  var supportedEditType = (0, _platformFeatureFlags.fg)('platform-datasources-enable-two-way-sync-statuses') ? ['string', 'status'] : ['string'];
+  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'] : []));
   return supportedEditType.includes(type);
 };
 var isEditTypeSelectable = exports.isEditTypeSelectable = function isEditTypeSelectable(type) {

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

@@ -16,6 +16,7 @@ var _lozenge = _interopRequireDefault(require("@atlaskit/lozenge"));
 var _select = _interopRequireDefault(require("@atlaskit/select"));
 var _ufoExperiences = require("../../../../analytics/ufoExperiences");
 var _datasourceExperienceId = require("../../../../contexts/datasource-experience-id");
+var _useDatasourceTableFlag = require("../../../../hooks/useDatasourceTableFlag");
 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); }
 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; }
@@ -23,7 +24,9 @@ var StatusEditType = function StatusEditType(props) {
   var _currentValue$values;
   var currentValue = props.currentValue,
     executeFetch = props.executeFetch;
-  var _useStatusOptions = useStatusOptions(currentValue, executeFetch),
+  var _useStatusOptions = useStatusOptions({
+      executeFetch: executeFetch
+    }),
     options = _useStatusOptions.options,
     isLoading = _useStatusOptions.isLoading,
     hasFailed = _useStatusOptions.hasFailed;
@@ -71,7 +74,9 @@ var StatusEditType = function StatusEditType(props) {
 var filterOption = function filterOption(option, inputValue) {
   return option.data.text.toLowerCase().includes(inputValue.toLowerCase());
 };
-var useStatusOptions = function useStatusOptions(currentValue, executeFetch) {
+var useStatusOptions = function useStatusOptions(_ref) {
+  var fetchInputs = _ref.fetchInputs,
+    executeFetch = _ref.executeFetch;
   var _useState = (0, _react.useState)({
       isLoading: true,
       options: [],
@@ -83,9 +88,13 @@ var useStatusOptions = function useStatusOptions(currentValue, executeFetch) {
     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) {
+    loadOptions(fetchInputs, executeFetch).then(function (options) {
       if (isMounted) {
         setOptions({
           isLoading: false,
@@ -94,6 +103,7 @@ var useStatusOptions = function useStatusOptions(currentValue, executeFetch) {
         });
       }
     }).catch(function (err) {
+      showErrorFlag();
       setOptions({
         isLoading: false,
         options: [],
@@ -103,7 +113,7 @@ var useStatusOptions = function useStatusOptions(currentValue, executeFetch) {
     return function () {
       isMounted = false;
     };
-  }, [currentValue, executeFetch]);
+  }, [fetchInputs, executeFetch, showErrorFlag]);
   return {
     options: options,
     isLoading: isLoading,
@@ -111,28 +121,35 @@ var useStatusOptions = function useStatusOptions(currentValue, executeFetch) {
   };
 };
 var loadOptions = /*#__PURE__*/function () {
-  var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(currentValue, executeFetch) {
-    var result, operationStatus, entities;
+  var _ref2 = (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 = 9;
+            _context.next = 11;
             break;
           }
-          _context.next = 3;
-          return executeFetch({});
-        case 3:
+          _context.next = 5;
+          return executeFetch(fetchInputs);
+        case 5:
           result = _context.sent;
           operationStatus = result.operationStatus, entities = result.entities;
           if (!(operationStatus === _linkingTypes.ActionOperationStatus.FAILURE)) {
-            _context.next = 7;
+            _context.next = 9;
             break;
           }
           throw new Error('Failed to fetch status options');
-        case 7:
+        case 9:
           if (!entities) {
-            _context.next = 9;
+            _context.next = 11;
             break;
           }
           return _context.abrupt("return", entities.map(function (entity) {
@@ -143,16 +160,16 @@ var loadOptions = /*#__PURE__*/function () {
               transitionId: entity.transitionId
             };
           }));
-        case 9:
+        case 11:
           return _context.abrupt("return", []);
-        case 10:
+        case 12:
         case "end":
           return _context.stop();
       }
     }, _callee);
   }));
-  return function loadOptions(_x, _x2) {
-    return _ref.apply(this, arguments);
+  return function loadOptions() {
+    return _ref2.apply(this, arguments);
   };
 }();
 var _default = exports.default = StatusEditType;

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

@@ -26,6 +26,16 @@ var issueLikeTableMessages = exports.issueLikeTableMessages = (0, _reactIntlNext
     description: 'Generic error message title shown when updating issue field fails',
     defaultMessage: 'Something went wrong'
   },
+  fetchActionErrorGenericDescription: {
+    id: 'linkDataSource.issue-line-table.fetch-action-error-generic-description',
+    description: 'Generic error message description shown when fetching inline edit dropdown field fails',
+    defaultMessage: 'Wait a few minutes, then try again. Check your project settings or contact support if this keeps happening.'
+  },
+  fetchActionErrorGenericTitle: {
+    id: 'linkDataSource.issue-line-table.fetch-action-error-generic-title',
+    description: 'Generic error message title shown when fetching inline edit dropdown field fails',
+    defaultMessage: 'We’re having trouble fetching options'
+  },
   wrapText: {
     id: 'linkDataSource.issue-line-table.wrap-text',
     description: 'Table header Dropdown item for making whole column to wrap text',

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

@@ -25,6 +25,11 @@ var textWrapperStyles = (0, _primitives.xcss)({
 });
 var ICON_TYPE_TEST_ID = exports.ICON_TYPE_TEST_ID = 'link-datasource-render-type--icon';
 var ICON_TYPE_TEXT_TEST_ID = exports.ICON_TYPE_TEXT_TEST_ID = "".concat(ICON_TYPE_TEST_ID, "-text");
+
+/**
+ * @deprecated: To be cleaned up and replaced with new-icon after
+ * `platform-datasources-enable-two-way-sync-priority` rollout.
+ */
 var IconRenderType = function IconRenderType(_ref) {
   var label = _ref.label,
     text = _ref.text,

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

@@ -8,10 +8,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.stringifyType = exports.renderType = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _boolean = _interopRequireDefault(require("./boolean"));
 var _dateTime = _interopRequireWildcard(require("./date-time"));
 var _icon = _interopRequireDefault(require("./icon"));
 var _link = _interopRequireDefault(require("./link"));
+var _newIcon = _interopRequireDefault(require("./new-icon"));
 var _number = _interopRequireDefault(require("./number"));
 var _richtext = _interopRequireWildcard(require("./richtext"));
 var _status = _interopRequireDefault(require("./status"));
@@ -75,7 +77,9 @@ var renderType = exports.renderType = function renderType(item) {
         });
       });
     case 'icon':
-      return item.values.map(function (iconValue) {
+      return (0, _platformFeatureFlags.fg)('platform-datasources-enable-two-way-sync-priority') ? item.values.map(function (iconValue) {
+        return /*#__PURE__*/_react.default.createElement(_newIcon.default, iconValue);
+      }) : item.values.map(function (iconValue) {
         return /*#__PURE__*/_react.default.createElement(_icon.default, iconValue);
       });
     case 'link':

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

@@ -0,0 +1,25 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.ICON_TYPE_TEXT_TEST_ID = exports.ICON_TYPE_TEST_ID = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _icon = require("../../shared-components/icon");
+var ICON_TYPE_TEST_ID = exports.ICON_TYPE_TEST_ID = 'link-datasource-render-type--icon';
+var ICON_TYPE_TEXT_TEST_ID = exports.ICON_TYPE_TEXT_TEST_ID = "".concat(ICON_TYPE_TEST_ID, "-text");
+var IconRenderType = function IconRenderType(_ref) {
+  var label = _ref.label,
+    text = _ref.text,
+    source = _ref.source,
+    _ref$testId = _ref.testId,
+    testId = _ref$testId === void 0 ? ICON_TYPE_TEST_ID : _ref$testId;
+  return /*#__PURE__*/_react.default.createElement(_icon.SharedIconComponent, {
+    testId: testId,
+    iconUrl: source,
+    label: label,
+    text: text
+  });
+};
+var _default = exports.default = IconRenderType;

package/dist/cjs/ui/issue-like-table/shared-components/icon/index.js

@@ -0,0 +1,42 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SharedIconComponent = SharedIconComponent;
+var _react = _interopRequireDefault(require("react"));
+var _primitives = require("@atlaskit/primitives");
+var labelStyles = (0, _primitives.xcss)({
+  overflow: 'hidden',
+  textOverflow: 'ellipsis',
+  width: '100%'
+});
+/**
+ * Renders a icon and label.
+ * If the text is undefined, render the capitalised label.
+ */
+function SharedIconComponent(_ref) {
+  var iconUrl = _ref.iconUrl,
+    label = _ref.label,
+    text = _ref.text,
+    testId = _ref.testId;
+  var displayText = text === undefined || text === '' ? label ? label.charAt(0).toUpperCase() + label.slice(1) : undefined : text;
+  return /*#__PURE__*/_react.default.createElement(_primitives.Flex, {
+    gap: "space.100",
+    alignItems: "center",
+    testId: testId
+  }, /*#__PURE__*/_react.default.createElement(_primitives.Inline, null, /*#__PURE__*/_react.default.createElement("img", {
+    src: iconUrl,
+    alt: label
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+    ,
+    style: {
+      minWidth: '24px',
+      maxWidth: '24px'
+    } // having just width: '24px' shrinks it when table width is reduced
+  })), displayText && /*#__PURE__*/_react.default.createElement(_primitives.Box, {
+    xcss: labelStyles,
+    testId: "".concat(testId, "-text")
+  }, displayText));
+}

package/dist/cjs/ui/table-footer/index.js

@@ -13,7 +13,6 @@ var _styled = _interopRequireDefault(require("@emotion/styled"));
 var _reactIntlNext = require("react-intl-next");
 var _button = _interopRequireDefault(require("@atlaskit/button"));
 var _refresh = _interopRequireDefault(require("@atlaskit/icon/core/migration/refresh"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _primitives = require("@atlaskit/primitives");
 var _colors = require("@atlaskit/theme/colors");
 var _assetsModal = require("../assets-modal");
@@ -85,7 +84,7 @@ var TableFooter = exports.TableFooter = function TableFooter(_ref) {
   // ensure correct positioning since 'justify-content: space-between' is used).
   return onRefresh || showItemCount ? (0, _react2.jsx)(FooterWrapper, {
     "data-testid": "table-footer"
-  }, (0, _react2.jsx)(TopBorderWrapper, null, showItemCount && (0, _react2.jsx)(_primitives.Flex, null, datasourceId === _assetsModal.ASSETS_LIST_OF_LINKS_DATASOURCE_ID && (0, _platformFeatureFlags.fg)('platform.linking-platform.datasource.limit-total-results_8wqcd') ? (0, _react2.jsx)(_searchCount.AssetsItemCount, {
+  }, (0, _react2.jsx)(TopBorderWrapper, null, showItemCount && (0, _react2.jsx)(_primitives.Flex, null, datasourceId === _assetsModal.ASSETS_LIST_OF_LINKS_DATASOURCE_ID ? (0, _react2.jsx)(_searchCount.AssetsItemCount, {
     searchCount: itemCount,
     url: url,
     testId: "item-count"

package/dist/es2019/hooks/useDatasourceTableFlag.js

@@ -13,7 +13,7 @@ const getErrorReason = status => {
       return 'request_failed';
   }
 };
-const getGenericErrorMessage = status => {
+const getExecuteActionErrorMessage = status => {
   switch (status) {
     case 403:
       return {
@@ -27,6 +27,15 @@ const getGenericErrorMessage = status => {
       };
   }
 };
+const getFetchActionErrorMessage = status => {
+  switch (status) {
+    default:
+      return {
+        title: /*#__PURE__*/React.createElement(FormattedMessage, issueLikeTableMessages.fetchActionErrorGenericTitle),
+        description: /*#__PURE__*/React.createElement(FormattedMessage, issueLikeTableMessages.fetchActionErrorGenericDescription)
+      };
+  }
+};
 export const useDatasourceTableFlag = options => {
   const {
     showFlag
@@ -44,13 +53,13 @@ export const useDatasourceTableFlag = options => {
       }),
       id: uuid(),
       isAutoDismiss: true,
-      ...getGenericErrorMessage(args === null || args === void 0 ? void 0 : args.status),
+      ...(options !== null && options !== void 0 && options.isFetchAction ? getFetchActionErrorMessage(args === null || args === void 0 ? void 0 : args.status) : getExecuteActionErrorMessage(args === null || args === void 0 ? void 0 : args.status)),
       ...args
     });
     fireEvent('ui.error.shown.inlineEdit', {
       reason: getErrorReason(args === null || args === void 0 ? void 0 : args.status)
     });
-  }, [fireEvent, showFlag]);
+  }, [fireEvent, options === null || options === void 0 ? void 0 : options.isFetchAction, showFlag]);
   return {
     showErrorFlag
   };

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

@@ -189,14 +189,15 @@ export const useExecuteAtomicAction = ({
     executeAtomicAction: executeAction,
     invalidateDatasourceDataCacheByAri
   } = useDatasourceClientExtension();
+  const loggerProps = useMemo(() => ({
+    integrationKey
+  }), [integrationKey]);
+  const {
+    captureError
+  } = useErrorLogger(loggerProps);
   const {
     fireEvent
   } = useDatasourceAnalyticsEvents();
-  const {
-    captureError
-  } = useErrorLogger({
-    integrationKey
-  });
   const execute = useCallback(value => {
     if (!schema) {
       throw new Error('No action schema found.');