@atlaskit/link-datasource 1.11.0 → 1.12.0

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

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.orderColumns = exports.IssueLikeDataTableView = exports.EmptyState = void 0;
+exports.getOrderedColumns = exports.IssueLikeDataTableView = exports.EmptyState = exports.COLUMN_MIN_WIDTH = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
@@ -44,7 +44,7 @@ var tableHeadStyles = (0, _react2.css)({
   top: 0,
   zIndex: _zindex.stickyTableHeadersIndex
 });
-var ColumnPickerHeader = _styled.default.th(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  width: 40px;\n  position: sticky;\n  right: calc(-1 * ", ");\n  background-color: ", ";\n  border-bottom: 2px solid ", "; /* It is required to have solid (not half-transparent) color because of this gradient business bellow */\n  background: linear-gradient(\n    90deg,\n    rgba(255, 255, 255, 0) 0%,\n    ", " 10%\n  );\n  vertical-align: middle; /* Keeps dropdown button in the middle */\n  &:last-of-type {\n    padding-right: ", ";\n  }\n"])), tableSidePadding, "var(--ds-surface, #FFF)", "var(--ds-background-accent-gray-subtler, ".concat(_colors.N40, ")"), "var(--ds-surface, #FFF)", tableSidePadding);
+var ColumnPickerHeader = _styled.default.th(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  width: 56px;\n  z-index: 10;\n  position: sticky;\n  right: calc(-1 * ", ");\n  background-color: ", ";\n  border-bottom: 2px solid ", "; /* It is required to have solid (not half-transparent) color because of this gradient business bellow */\n  background: linear-gradient(\n    90deg,\n    rgba(255, 255, 255, 0) 0%,\n    ", " 10%\n  );\n  vertical-align: middle; /* Keeps dropdown button in the middle */\n  &:last-of-type {\n    padding-right: ", ";\n  }\n  text-align: right; /* In case when TH itself is bigger we want to keep picker at the right side */\n"])), tableSidePadding, "var(--ds-surface, #FFF)", "var(--ds-background-accent-gray-subtler, ".concat(_colors.N40, ")"), "var(--ds-surface, #FFF)", tableSidePadding);
 var truncatedCellStyles = (0, _react2.css)({
   overflow: 'hidden',
   textOverflow: 'ellipsis',
@@ -57,6 +57,7 @@ var scrollableContainerStyles = (0, _react2.css)({
   borderRadius: "var(--ds-border-radius-100, 3px)"
 });
 var tableStyles = (0, _react2.css)({
+  tableLayout: 'fixed',
   // These styles are needed to prevent thead bottom border from scrolling away.
   // This happens because it is sticky. https://stackoverflow.com/questions/50361698/border-style-do-not-work-with-sticky-position-element
   borderCollapse: 'separate',
@@ -73,7 +74,7 @@ function extractIndex(data) {
   (0, _tinyInvariant.default)(typeof index === 'number');
   return index;
 }
-var orderColumns = exports.orderColumns = function orderColumns(columns, visibleColumnKeys) {
+var getOrderedColumns = exports.getOrderedColumns = function getOrderedColumns(columns, visibleColumnKeys) {
   var visibleColumns = columns.filter(function (column) {
     return visibleColumnKeys.includes(column.key);
   }).sort(function (a, b) {
@@ -87,25 +88,28 @@ var orderColumns = exports.orderColumns = function orderColumns(columns, visible
   return [].concat((0, _toConsumableArray2.default)(visibleColumns), (0, _toConsumableArray2.default)(invisibleColumns));
 };
 var BASE_WIDTH = 8;
-function getColumnWidth(key, type) {
-  var keyBasedWidth = {
-    assignee: BASE_WIDTH * 22,
-    labels: BASE_WIDTH * 22,
-    priority: BASE_WIDTH * 8,
-    status: BASE_WIDTH * 18,
-    summary: BASE_WIDTH * 45,
-    description: BASE_WIDTH * 31.25
-  };
-  if (keyBasedWidth[key]) {
-    return keyBasedWidth[key];
+var DEFAULT_WIDTH = BASE_WIDTH * 22;
+var COLUMN_MIN_WIDTH = exports.COLUMN_MIN_WIDTH = BASE_WIDTH * 3;
+var keyBasedWidthMap = {
+  priority: BASE_WIDTH * 4,
+  status: BASE_WIDTH * 18,
+  summary: BASE_WIDTH * 45,
+  description: BASE_WIDTH * 31.25,
+  type: BASE_WIDTH * 4,
+  key: BASE_WIDTH * 13
+};
+function getDefaultColumnWidth(key, type) {
+  var keyBasedWidth = keyBasedWidthMap[key];
+  if (keyBasedWidth) {
+    return keyBasedWidth;
   }
   switch (type) {
     case 'date':
       return BASE_WIDTH * 14;
-    case 'string':
-      return BASE_WIDTH * 22;
+    case 'icon':
+      return BASE_WIDTH * 4;
     default:
-      return undefined;
+      return DEFAULT_WIDTH;
   }
 }
 var IssueLikeDataTableView = exports.IssueLikeDataTableView = function IssueLikeDataTableView(_ref) {
@@ -118,6 +122,8 @@ var IssueLikeDataTableView = exports.IssueLikeDataTableView = function IssueLike
     renderItem = _ref$renderItem === void 0 ? _renderType.fallbackRenderType : _ref$renderItem,
     visibleColumnKeys = _ref.visibleColumnKeys,
     onVisibleColumnKeysChange = _ref.onVisibleColumnKeysChange,
+    columnCustomSizes = _ref.columnCustomSizes,
+    onColumnResize = _ref.onColumnResize,
     status = _ref.status,
     hasNextPage = _ref.hasNextPage,
     scrollableContainerHeight = _ref.scrollableContainerHeight,
@@ -126,6 +132,7 @@ var IssueLikeDataTableView = exports.IssueLikeDataTableView = function IssueLike
   var tableId = (0, _react.useMemo)(function () {
     return Symbol('unique-id');
   }, []);
+  var tableHeaderRowRef = (0, _react.useRef)(null);
   var _useState = (0, _react.useState)(null),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     lastRowElement = _useState2[0],
@@ -137,14 +144,14 @@ var IssueLikeDataTableView = exports.IssueLikeDataTableView = function IssueLike
   var isBottomOfTableVisibleRaw = (0, _useIsOnScreen.useIsOnScreen)(lastRowElement);
   var containerRef = (0, _react.useRef)(null);
   var _useState5 = (0, _react.useState)(function () {
-      return orderColumns((0, _toConsumableArray2.default)(columns), (0, _toConsumableArray2.default)(visibleColumnKeys));
+      return getOrderedColumns((0, _toConsumableArray2.default)(columns), (0, _toConsumableArray2.default)(visibleColumnKeys));
     }),
     _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
     orderedColumns = _useState6[0],
     setOrderedColumns = _useState6[1];
   (0, _react.useEffect)(function () {
     if (!hasFullSchema) {
-      setOrderedColumns(orderColumns((0, _toConsumableArray2.default)(columns), (0, _toConsumableArray2.default)(visibleColumnKeys)));
+      setOrderedColumns(getOrderedColumns((0, _toConsumableArray2.default)(columns), (0, _toConsumableArray2.default)(visibleColumnKeys)));
     }
   }, [columns, visibleColumnKeys, hasFullSchema]);
   (0, _react.useEffect)(function () {
@@ -168,37 +175,37 @@ var IssueLikeDataTableView = exports.IssueLikeDataTableView = function IssueLike
   // or some other combination.
 
   var identityColumnKey = 'id';
-  var loadingRow = (0, _react.useMemo)(function () {
-    return {
-      key: 'loading',
-      cells: visibleSortedColumns.map(function (_ref3) {
-        var key = _ref3.key;
-        var content = (0, _react2.jsx)(_linkingCommon.Skeleton, {
-          borderRadius: 8,
-          width: "100%",
-          height: 14,
-          testId: "issues-table-row-loading"
-        });
-        return {
-          key: key,
-          content: content
-        };
-      })
-    };
-  }, [visibleSortedColumns]);
-  var headColumns = (0, _react.useMemo)(function () {
-    return visibleSortedColumns.map(function (_ref4) {
-      var key = _ref4.key,
-        title = _ref4.title,
-        type = _ref4.type;
+  var getColumnWidth = (0, _react.useCallback)(function (key, type) {
+    return (columnCustomSizes === null || columnCustomSizes === void 0 ? void 0 : columnCustomSizes[key]) || getDefaultColumnWidth(key, type);
+  }, [columnCustomSizes]);
+  var headerColumns = (0, _react.useMemo)(function () {
+    return visibleSortedColumns.map(function (_ref3) {
+      var key = _ref3.key,
+        title = _ref3.title,
+        type = _ref3.type;
       return {
         key: key,
         content: title,
         shouldTruncate: true,
-        maxWidth: getColumnWidth(key, type)
+        width: getColumnWidth(key, type)
       };
     });
-  }, [visibleSortedColumns]);
+  }, [getColumnWidth, visibleSortedColumns]);
+  var loadingRow = (0, _react.useMemo)(function () {
+    return {
+      key: 'loading',
+      cells: headerColumns.map(function (column) {
+        return _objectSpread(_objectSpread({}, column), {}, {
+          content: (0, _react2.jsx)(_linkingCommon.Skeleton, {
+            borderRadius: 8,
+            width: "100%",
+            height: 14,
+            testId: "issues-table-row-loading"
+          })
+        });
+      })
+    };
+  }, [headerColumns]);
   (0, _react.useEffect)(function () {
     if (isBottomOfTableVisibleRaw && hasNextPage && status === 'resolved') {
       void onNextPage({
@@ -217,33 +224,39 @@ var IssueLikeDataTableView = exports.IssueLikeDataTableView = function IssueLike
       return;
     }
     return (0, _combine.combine)((0, _element.monitorForElements)({
-      onDragStart: function onDragStart(_ref5) {
-        var _containerRef$current;
-        var location = _ref5.location;
+      onDragStart: function onDragStart(_ref4) {
+        var location = _ref4.location,
+          source = _ref4.source;
         initialAutoScrollerClientY.current = location.current.input.clientY;
-        _pragmaticDragAndDropReactBeautifulDndAutoscroll.autoScroller.start({
-          input: _objectSpread(_objectSpread({}, location.current.input), {}, {
-            clientY:
-            // The goal is to have clientY the same and in the middle of the scrollable area
-            // Since clientY is taken from to of the viewport we need to plus that in order to get
-            // middle of the scrollable area in reference to the viewport
-            (initialAutoScrollerClientY.current || 0) + (((_containerRef$current = containerRef.current) === null || _containerRef$current === void 0 ? void 0 : _containerRef$current.offsetHeight) || 0) / 2
-          }),
-          behavior: 'container-only'
-        });
+        if (source.data.type === 'table-header') {
+          var _containerRef$current;
+          _pragmaticDragAndDropReactBeautifulDndAutoscroll.autoScroller.start({
+            input: _objectSpread(_objectSpread({}, location.current.input), {}, {
+              clientY:
+              // The goal is to have clientY the same and in the middle of the scrollable area
+              // Since clientY is taken from to of the viewport we need to plus that in order to get
+              // middle of the scrollable area in reference to the viewport
+              (initialAutoScrollerClientY.current || 0) + (((_containerRef$current = containerRef.current) === null || _containerRef$current === void 0 ? void 0 : _containerRef$current.offsetHeight) || 0) / 2
+            }),
+            behavior: 'container-only'
+          });
+        }
       },
-      onDrag: function onDrag(_ref6) {
-        var _containerRef$current2;
-        var location = _ref6.location;
-        _pragmaticDragAndDropReactBeautifulDndAutoscroll.autoScroller.updateInput({
-          input: _objectSpread(_objectSpread({}, location.current.input), {}, {
-            clientY: (initialAutoScrollerClientY.current || 0) + (((_containerRef$current2 = containerRef.current) === null || _containerRef$current2 === void 0 ? void 0 : _containerRef$current2.offsetHeight) || 0) / 2
-          })
-        });
+      onDrag: function onDrag(_ref5) {
+        var location = _ref5.location,
+          source = _ref5.source;
+        if (source.data.type === 'table-header') {
+          var _containerRef$current2;
+          _pragmaticDragAndDropReactBeautifulDndAutoscroll.autoScroller.updateInput({
+            input: _objectSpread(_objectSpread({}, location.current.input), {}, {
+              clientY: (initialAutoScrollerClientY.current || 0) + (((_containerRef$current2 = containerRef.current) === null || _containerRef$current2 === void 0 ? void 0 : _containerRef$current2.offsetHeight) || 0) / 2
+            })
+          });
+        }
       },
-      onDrop: function onDrop(_ref7) {
-        var source = _ref7.source,
-          location = _ref7.location;
+      onDrop: function onDrop(_ref6) {
+        var source = _ref6.source,
+          location = _ref6.location;
         _pragmaticDragAndDropReactBeautifulDndAutoscroll.autoScroller.stop();
         if (location.current.dropTargets.length === 0) {
           return;
@@ -268,7 +281,7 @@ var IssueLikeDataTableView = exports.IssueLikeDataTableView = function IssueLike
 
           // We sort columns (whole objects) according to their key order presented in newColumnKeyOrder
           setOrderedColumns(function (columns) {
-            return orderColumns((0, _toConsumableArray2.default)(columns), (0, _toConsumableArray2.default)(newColumnKeyOrder));
+            return getOrderedColumns((0, _toConsumableArray2.default)(columns), (0, _toConsumableArray2.default)(newColumnKeyOrder));
           });
         }
       }
@@ -278,10 +291,10 @@ var IssueLikeDataTableView = exports.IssueLikeDataTableView = function IssueLike
     return items.map(function (newRowData, rowIndex) {
       return {
         key: "".concat(identityColumnKey && newRowData[identityColumnKey] && newRowData[identityColumnKey].data || rowIndex),
-        cells: visibleSortedColumns.map(function (_ref8) {
+        cells: visibleSortedColumns.map(function (_ref7) {
           var _newRowData$key;
-          var key = _ref8.key,
-            type = _ref8.type;
+          var key = _ref7.key,
+            type = _ref7.type;
           var value = ((_newRowData$key = newRowData[key]) === null || _newRowData$key === void 0 ? void 0 : _newRowData$key.data) || newRowData[key];
           var values = Array.isArray(value) ? value : [value];
           var content = values.map(function (value) {
@@ -293,7 +306,7 @@ var IssueLikeDataTableView = exports.IssueLikeDataTableView = function IssueLike
           return {
             key: key,
             content: content.length === 1 ? content[0] : content,
-            maxWidth: getColumnWidth(key, type)
+            width: getColumnWidth(key, type)
           };
         }),
         ref: rowIndex === items.length - 1 ? function (el) {
@@ -301,7 +314,7 @@ var IssueLikeDataTableView = exports.IssueLikeDataTableView = function IssueLike
         } : undefined
       };
     });
-  }, [identityColumnKey, renderItem, items, visibleSortedColumns]);
+  }, [items, visibleSortedColumns, getColumnWidth, renderItem]);
   var rows = (0, _react.useMemo)(function () {
     if (status !== 'loading') {
       return tableRows;
@@ -371,10 +384,12 @@ var IssueLikeDataTableView = exports.IssueLikeDataTableView = function IssueLike
   }, (0, _react2.jsx)("thead", {
     "data-testid": testId && "".concat(testId, "--head"),
     css: [noDefaultBorderStyles, tableHeadStyles]
-  }, (0, _react2.jsx)("tr", null, headColumns.map(function (_ref10, cellIndex) {
-    var key = _ref10.key,
-      content = _ref10.content,
-      maxWidth = _ref10.maxWidth;
+  }, (0, _react2.jsx)("tr", {
+    ref: tableHeaderRowRef
+  }, headerColumns.map(function (_ref9, cellIndex) {
+    var key = _ref9.key,
+      content = _ref9.content,
+      width = _ref9.width;
     var heading = (0, _react2.jsx)(_tooltip.default, {
       content: content,
       tag: "span",
@@ -385,10 +400,10 @@ var IssueLikeDataTableView = exports.IssueLikeDataTableView = function IssueLike
     }, content));
     if (onVisibleColumnKeysChange && hasData) {
       var _containerRef$current3;
-      var previewRows = tableRows.map(function (_ref11) {
-        var cells = _ref11.cells;
-        var cell = cells.find(function (_ref12) {
-          var cellKey = _ref12.key;
+      var previewRows = tableRows.map(function (_ref10) {
+        var cells = _ref10.cells;
+        var cell = cells.find(function (_ref11) {
+          var cellKey = _ref11.key;
           return cellKey === key;
         });
         if (cell) {
@@ -404,7 +419,8 @@ var IssueLikeDataTableView = exports.IssueLikeDataTableView = function IssueLike
         key: key,
         id: key,
         index: cellIndex,
-        maxWidth: maxWidth,
+        width: width,
+        onWidthChange: onColumnResize === null || onColumnResize === void 0 ? void 0 : onColumnResize.bind(null, key),
         dndPreviewHeight: ((_containerRef$current3 = containerRef.current) === null || _containerRef$current3 === void 0 ? void 0 : _containerRef$current3.offsetHeight) || 0,
         dragPreview: dragPreview
       }, heading);
@@ -413,9 +429,7 @@ var IssueLikeDataTableView = exports.IssueLikeDataTableView = function IssueLike
         key: key,
         "data-testid": "".concat(key, "-column-heading"),
         style: {
-          // this keeps the column headers from collapsing horizontally during loading states
-          minWidth: maxWidth,
-          maxWidth: maxWidth
+          width: width
         }
       }, heading);
     }
@@ -428,20 +442,20 @@ var IssueLikeDataTableView = exports.IssueLikeDataTableView = function IssueLike
   })))), (0, _react2.jsx)("tbody", {
     css: noDefaultBorderStyles,
     "data-testid": testId && "".concat(testId, "--body")
-  }, rows.map(function (_ref13) {
-    var key = _ref13.key,
-      cells = _ref13.cells,
-      ref = _ref13.ref;
+  }, rows.map(function (_ref12) {
+    var key = _ref12.key,
+      cells = _ref12.cells,
+      ref = _ref12.ref;
     return (0, _react2.jsx)("tr", {
       key: key,
       "data-testid": testId && "".concat(testId, "--row-").concat(key),
       ref: ref
-    }, cells.map(function (_ref14, cellIndex) {
-      var cellKey = _ref14.key,
-        content = _ref14.content,
-        maxWidth = _ref14.maxWidth;
+    }, cells.map(function (_ref13, cellIndex) {
+      var cellKey = _ref13.key,
+        content = _ref13.content,
+        width = _ref13.width;
       var loadingRowStyle = {
-        maxWidth: maxWidth
+        width: width
       };
       // extra padding is required around skeleton loader to avoid vertical jumps when data loads
       if (key !== null && key !== void 0 && key.includes('loading')) {

package/dist/cjs/ui/jira-issues-modal/basic-filters/mocks/fieldValuesEmptyResponse.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.fieldValuesEmptyResponseMapped = exports.fieldValuesEmptyResponse = void 0;
+var fieldValuesEmptyResponse = exports.fieldValuesEmptyResponse = {
+  data: {
+    jira: {
+      jqlBuilder: {
+        fieldValues: {
+          totalCount: 0,
+          pageInfo: {},
+          edges: []
+        }
+      }
+    }
+  }
+};
+var fieldValuesEmptyResponseMapped = exports.fieldValuesEmptyResponseMapped = [];

package/dist/cjs/ui/jira-issues-modal/basic-filters/mocks/fieldValuesExpectedResponseForAssignees.js

@@ -0,0 +1,155 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.fieldValuesResponseForAssigneesMapped = exports.fieldValuesResponseForAssignees = void 0;
+var fieldValuesResponseForAssignees = exports.fieldValuesResponseForAssignees = {
+  data: {
+    jira: {
+      jqlBuilder: {
+        fieldValues: {
+          totalCount: 21,
+          pageInfo: {
+            endCursor: 'YXJyYXljb25uZWN0aW9uOjk='
+          },
+          edges: [{
+            node: {
+              jqlTerm: 'membersOf(administrators)',
+              displayName: 'administrators',
+              group: {
+                name: 'administrators'
+              }
+            }
+          }, {
+            node: {
+              jqlTerm: '62df272c3aaeedcae755c533',
+              displayName: 'Atlas for Jira (staging)',
+              user: {
+                picture: 'https://secure.gravatar.com/avatar/1c65adef3d88d3eb97507f4952523df0?d=https%3A%2F%2Favatar-management--avatars.us-west-2.staging.public.atl-paas.net%2Fdefault-avatar-2.png'
+              }
+            }
+          }, {
+            node: {
+              jqlTerm: 'membersOf(atlassian-addons-admin)',
+              displayName: 'atlassian-addons-admin',
+              group: {
+                name: 'atlassian-addons-admin'
+              }
+            }
+          }, {
+            node: {
+              jqlTerm: 'membersOf(confluence-admins-nmccormick2)',
+              displayName: 'confluence-admins-nmccormick2',
+              group: {
+                name: 'confluence-admins-nmccormick2'
+              }
+            }
+          }, {
+            node: {
+              jqlTerm: 'membersOf(confluence-guests-nmccormick2)',
+              displayName: 'confluence-guests-nmccormick2',
+              group: {
+                name: 'confluence-guests-nmccormick2'
+              }
+            }
+          }, {
+            node: {
+              jqlTerm: 'membersOf(confluence-user-access-admins-nmccormick2)',
+              displayName: 'confluence-user-access-admins-nmccormick2',
+              group: {
+                name: 'confluence-user-access-admins-nmccormick2'
+              }
+            }
+          }, {
+            node: {
+              jqlTerm: 'membersOf(confluence-users-nmccormick2)',
+              displayName: 'confluence-users-nmccormick2',
+              group: {
+                name: 'confluence-users-nmccormick2'
+              }
+            }
+          }, {
+            node: {
+              jqlTerm: '63d708e8c3eb74ad8e949fef',
+              displayName: 'eu-test',
+              user: {
+                picture: 'https://secure.gravatar.com/avatar/587a67c5b8494943560a3a24ada6408d?d=https%3A%2F%2Favatar-management--avatars.us-west-2.staging.public.atl-paas.net%2Finitials%2FE-4.png'
+              }
+            }
+          }, {
+            node: {
+              jqlTerm: '5d959053ede9300dd30c304d',
+              displayName: 'GitLab for Jira (gitlab.com)',
+              user: {
+                picture: 'https://secure.gravatar.com/avatar/38baf1356a59e6822365c81b245ba811?d=https%3A%2F%2Favatar-management--avatars.us-west-2.staging.public.atl-paas.net%2Fdefault-avatar-5.png'
+              }
+            }
+          }, {
+            node: {
+              jqlTerm: 'membersOf(jira-admins-nmccormick2)',
+              displayName: 'jira-admins-nmccormick2',
+              group: {
+                name: 'jira-admins-nmccormick2'
+              }
+            }
+          }]
+        }
+      }
+    }
+  }
+};
+var fieldValuesResponseForAssigneesMapped = exports.fieldValuesResponseForAssigneesMapped = [{
+  isGroup: true,
+  label: 'administrators',
+  optionType: 'avatarLabel',
+  value: 'membersOf(administrators)'
+}, {
+  avatar: 'https://secure.gravatar.com/avatar/1c65adef3d88d3eb97507f4952523df0?d=https%3A%2F%2Favatar-management--avatars.us-west-2.staging.public.atl-paas.net%2Fdefault-avatar-2.png',
+  isSquare: true,
+  label: 'Atlas for Jira (staging)',
+  optionType: 'avatarLabel',
+  value: '62df272c3aaeedcae755c533'
+}, {
+  isGroup: true,
+  label: 'atlassian-addons-admin',
+  optionType: 'avatarLabel',
+  value: 'membersOf(atlassian-addons-admin)'
+}, {
+  isGroup: true,
+  label: 'confluence-admins-nmccormick2',
+  optionType: 'avatarLabel',
+  value: 'membersOf(confluence-admins-nmccormick2)'
+}, {
+  isGroup: true,
+  label: 'confluence-guests-nmccormick2',
+  optionType: 'avatarLabel',
+  value: 'membersOf(confluence-guests-nmccormick2)'
+}, {
+  isGroup: true,
+  label: 'confluence-user-access-admins-nmccormick2',
+  optionType: 'avatarLabel',
+  value: 'membersOf(confluence-user-access-admins-nmccormick2)'
+}, {
+  isGroup: true,
+  label: 'confluence-users-nmccormick2',
+  optionType: 'avatarLabel',
+  value: 'membersOf(confluence-users-nmccormick2)'
+}, {
+  avatar: 'https://secure.gravatar.com/avatar/587a67c5b8494943560a3a24ada6408d?d=https%3A%2F%2Favatar-management--avatars.us-west-2.staging.public.atl-paas.net%2Finitials%2FE-4.png',
+  isSquare: true,
+  label: 'eu-test',
+  optionType: 'avatarLabel',
+  value: '63d708e8c3eb74ad8e949fef'
+}, {
+  avatar: 'https://secure.gravatar.com/avatar/38baf1356a59e6822365c81b245ba811?d=https%3A%2F%2Favatar-management--avatars.us-west-2.staging.public.atl-paas.net%2Fdefault-avatar-5.png',
+  isSquare: true,
+  label: 'GitLab for Jira (gitlab.com)',
+  optionType: 'avatarLabel',
+  value: '5d959053ede9300dd30c304d'
+}, {
+  isGroup: true,
+  label: 'jira-admins-nmccormick2',
+  optionType: 'avatarLabel',
+  value: 'membersOf(jira-admins-nmccormick2)'
+}];

package/dist/cjs/ui/jira-issues-modal/basic-filters/mocks/fieldValuesStandardResponseForProjects.js

@@ -0,0 +1,82 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.fieldValuesResponseForProjectsMapped = exports.fieldValuesResponseForProjects = void 0;
+var fieldValuesResponseForProjects = exports.fieldValuesResponseForProjects = {
+  data: {
+    jira: {
+      jqlBuilder: {
+        fieldValues: {
+          totalCount: 4,
+          pageInfo: {
+            endCursor: 'YXJyYXljb25uZWN0aW9uOjM='
+          },
+          edges: [{
+            node: {
+              jqlTerm: '"My IT TEST"',
+              displayName: 'My IT TEST',
+              project: {
+                avatar: {
+                  small: 'https://nmccormick2.jira-dev.com/rest/api/2/universal_avatar/view/type/project/avatar/10403?size=small'
+                }
+              }
+            }
+          }, {
+            node: {
+              jqlTerm: 'Test',
+              displayName: 'Test',
+              project: {
+                avatar: {
+                  small: 'https://nmccormick2.jira-dev.com/rest/api/2/universal_avatar/view/type/project/avatar/10411?size=small'
+                }
+              }
+            }
+          }, {
+            node: {
+              jqlTerm: '"Test rights"',
+              displayName: 'Test rights',
+              project: {
+                avatar: {
+                  small: 'https://nmccormick2.jira-dev.com/rest/api/2/universal_avatar/view/type/project/avatar/10405?size=small'
+                }
+              }
+            }
+          }, {
+            node: {
+              jqlTerm: 'Test2',
+              displayName: 'Test2',
+              project: {
+                avatar: {
+                  small: 'https://nmccormick2.jira-dev.com/rest/api/2/universal_avatar/view/type/project/avatar/10410?size=small'
+                }
+              }
+            }
+          }]
+        }
+      }
+    }
+  }
+};
+var fieldValuesResponseForProjectsMapped = exports.fieldValuesResponseForProjectsMapped = [{
+  icon: 'https://nmccormick2.jira-dev.com/rest/api/2/universal_avatar/view/type/project/avatar/10403?size=small',
+  label: 'My IT TEST',
+  optionType: 'iconLabel',
+  value: '"My IT TEST"'
+}, {
+  icon: 'https://nmccormick2.jira-dev.com/rest/api/2/universal_avatar/view/type/project/avatar/10411?size=small',
+  label: 'Test',
+  optionType: 'iconLabel',
+  value: 'Test'
+}, {
+  icon: 'https://nmccormick2.jira-dev.com/rest/api/2/universal_avatar/view/type/project/avatar/10405?size=small',
+  label: 'Test rights',
+  optionType: 'iconLabel',
+  value: '"Test rights"'
+}, {
+  icon: 'https://nmccormick2.jira-dev.com/rest/api/2/universal_avatar/view/type/project/avatar/10410?size=small',
+  label: 'Test2',
+  optionType: 'iconLabel',
+  value: 'Test2'
+}];