@atlaskit/link-datasource 1.11.1 → 1.12.1

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

@@ -37,7 +37,7 @@ var tableHeadStyles = css({
   top: 0,
   zIndex: stickyTableHeadersIndex
 });
-var ColumnPickerHeader = styled.th(_templateObject || (_templateObject = _taggedTemplateLiteral(["\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(N40, ")"), "var(--ds-surface, #FFF)", tableSidePadding);
+var ColumnPickerHeader = styled.th(_templateObject || (_templateObject = _taggedTemplateLiteral(["\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(N40, ")"), "var(--ds-surface, #FFF)", tableSidePadding);
 var truncatedCellStyles = css({
   overflow: 'hidden',
   textOverflow: 'ellipsis',
@@ -50,6 +50,7 @@ var scrollableContainerStyles = css({
   borderRadius: "var(--ds-border-radius-100, 3px)"
 });
 var tableStyles = 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',
@@ -66,7 +67,7 @@ function extractIndex(data) {
   invariant(typeof index === 'number');
   return index;
 }
-export var orderColumns = function orderColumns(columns, visibleColumnKeys) {
+export var getOrderedColumns = function getOrderedColumns(columns, visibleColumnKeys) {
   var visibleColumns = columns.filter(function (column) {
     return visibleColumnKeys.includes(column.key);
   }).sort(function (a, b) {
@@ -80,25 +81,28 @@ export var orderColumns = function orderColumns(columns, visibleColumnKeys) {
   return [].concat(_toConsumableArray(visibleColumns), _toConsumableArray(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;
+export var 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;
   }
 }
 export var IssueLikeDataTableView = function IssueLikeDataTableView(_ref) {
@@ -111,6 +115,8 @@ export var IssueLikeDataTableView = function IssueLikeDataTableView(_ref) {
     renderItem = _ref$renderItem === void 0 ? fallbackRenderType : _ref$renderItem,
     visibleColumnKeys = _ref.visibleColumnKeys,
     onVisibleColumnKeysChange = _ref.onVisibleColumnKeysChange,
+    columnCustomSizes = _ref.columnCustomSizes,
+    onColumnResize = _ref.onColumnResize,
     status = _ref.status,
     hasNextPage = _ref.hasNextPage,
     scrollableContainerHeight = _ref.scrollableContainerHeight,
@@ -119,6 +125,7 @@ export var IssueLikeDataTableView = function IssueLikeDataTableView(_ref) {
   var tableId = useMemo(function () {
     return Symbol('unique-id');
   }, []);
+  var tableHeaderRowRef = useRef(null);
   var _useState = useState(null),
     _useState2 = _slicedToArray(_useState, 2),
     lastRowElement = _useState2[0],
@@ -130,14 +137,14 @@ export var IssueLikeDataTableView = function IssueLikeDataTableView(_ref) {
   var isBottomOfTableVisibleRaw = useIsOnScreen(lastRowElement);
   var containerRef = useRef(null);
   var _useState5 = useState(function () {
-      return orderColumns(_toConsumableArray(columns), _toConsumableArray(visibleColumnKeys));
+      return getOrderedColumns(_toConsumableArray(columns), _toConsumableArray(visibleColumnKeys));
     }),
     _useState6 = _slicedToArray(_useState5, 2),
     orderedColumns = _useState6[0],
     setOrderedColumns = _useState6[1];
   useEffect(function () {
     if (!hasFullSchema) {
-      setOrderedColumns(orderColumns(_toConsumableArray(columns), _toConsumableArray(visibleColumnKeys)));
+      setOrderedColumns(getOrderedColumns(_toConsumableArray(columns), _toConsumableArray(visibleColumnKeys)));
     }
   }, [columns, visibleColumnKeys, hasFullSchema]);
   useEffect(function () {
@@ -161,37 +168,37 @@ export var IssueLikeDataTableView = function IssueLikeDataTableView(_ref) {
   // or some other combination.
 
   var identityColumnKey = 'id';
-  var loadingRow = useMemo(function () {
-    return {
-      key: 'loading',
-      cells: visibleSortedColumns.map(function (_ref3) {
-        var key = _ref3.key;
-        var content = jsx(Skeleton, {
-          borderRadius: 8,
-          width: "100%",
-          height: 14,
-          testId: "issues-table-row-loading"
-        });
-        return {
-          key: key,
-          content: content
-        };
-      })
-    };
-  }, [visibleSortedColumns]);
-  var headColumns = useMemo(function () {
-    return visibleSortedColumns.map(function (_ref4) {
-      var key = _ref4.key,
-        title = _ref4.title,
-        type = _ref4.type;
+  var getColumnWidth = useCallback(function (key, type) {
+    return (columnCustomSizes === null || columnCustomSizes === void 0 ? void 0 : columnCustomSizes[key]) || getDefaultColumnWidth(key, type);
+  }, [columnCustomSizes]);
+  var headerColumns = 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 = useMemo(function () {
+    return {
+      key: 'loading',
+      cells: headerColumns.map(function (column) {
+        return _objectSpread(_objectSpread({}, column), {}, {
+          content: jsx(Skeleton, {
+            borderRadius: 8,
+            width: "100%",
+            height: 14,
+            testId: "issues-table-row-loading"
+          })
+        });
+      })
+    };
+  }, [headerColumns]);
   useEffect(function () {
     if (isBottomOfTableVisibleRaw && hasNextPage && status === 'resolved') {
       void onNextPage({
@@ -210,33 +217,39 @@ export var IssueLikeDataTableView = function IssueLikeDataTableView(_ref) {
       return;
     }
     return combine(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;
-        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;
+          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;
-        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;
+          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;
         autoScroller.stop();
         if (location.current.dropTargets.length === 0) {
           return;
@@ -261,7 +274,7 @@ export var IssueLikeDataTableView = function IssueLikeDataTableView(_ref) {
 
           // We sort columns (whole objects) according to their key order presented in newColumnKeyOrder
           setOrderedColumns(function (columns) {
-            return orderColumns(_toConsumableArray(columns), _toConsumableArray(newColumnKeyOrder));
+            return getOrderedColumns(_toConsumableArray(columns), _toConsumableArray(newColumnKeyOrder));
           });
         }
       }
@@ -271,10 +284,10 @@ export var IssueLikeDataTableView = function IssueLikeDataTableView(_ref) {
     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) {
@@ -286,7 +299,7 @@ export var IssueLikeDataTableView = function IssueLikeDataTableView(_ref) {
           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) {
@@ -294,7 +307,7 @@ export var IssueLikeDataTableView = function IssueLikeDataTableView(_ref) {
         } : undefined
       };
     });
-  }, [identityColumnKey, renderItem, items, visibleSortedColumns]);
+  }, [items, visibleSortedColumns, getColumnWidth, renderItem]);
   var rows = useMemo(function () {
     if (status !== 'loading') {
       return tableRows;
@@ -364,10 +377,12 @@ export var IssueLikeDataTableView = function IssueLikeDataTableView(_ref) {
   }, jsx("thead", {
     "data-testid": testId && "".concat(testId, "--head"),
     css: [noDefaultBorderStyles, tableHeadStyles]
-  }, jsx("tr", null, headColumns.map(function (_ref10, cellIndex) {
-    var key = _ref10.key,
-      content = _ref10.content,
-      maxWidth = _ref10.maxWidth;
+  }, jsx("tr", {
+    ref: tableHeaderRowRef
+  }, headerColumns.map(function (_ref9, cellIndex) {
+    var key = _ref9.key,
+      content = _ref9.content,
+      width = _ref9.width;
     var heading = jsx(Tooltip, {
       content: content,
       tag: "span",
@@ -378,10 +393,10 @@ export var IssueLikeDataTableView = function IssueLikeDataTableView(_ref) {
     }, 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) {
@@ -397,7 +412,8 @@ export var IssueLikeDataTableView = function IssueLikeDataTableView(_ref) {
         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);
@@ -406,9 +422,7 @@ export var IssueLikeDataTableView = function IssueLikeDataTableView(_ref) {
         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);
     }
@@ -421,20 +435,20 @@ export var IssueLikeDataTableView = function IssueLikeDataTableView(_ref) {
   })))), 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 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/esm/ui/jira-issues-modal/basic-filters/mocks/fieldValuesEmptyResponse.js

@@ -0,0 +1,14 @@
+export var fieldValuesEmptyResponse = {
+  data: {
+    jira: {
+      jqlBuilder: {
+        fieldValues: {
+          totalCount: 0,
+          pageInfo: {},
+          edges: []
+        }
+      }
+    }
+  }
+};
+export var fieldValuesEmptyResponseMapped = [];

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

@@ -0,0 +1,149 @@
+export var 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'
+              }
+            }
+          }]
+        }
+      }
+    }
+  }
+};
+export var 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/esm/ui/jira-issues-modal/basic-filters/mocks/fieldValuesStandardResponseForProjects.js

@@ -0,0 +1,76 @@
+export var 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'
+                }
+              }
+            }
+          }]
+        }
+      }
+    }
+  }
+};
+export var 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'
+}];

package/dist/esm/ui/jira-issues-modal/basic-filters/mocks/fieldValuesStandardResponseForStatuses.js

@@ -0,0 +1,81 @@
+export var fieldValuesResponseForStatuses = {
+  data: {
+    jira: {
+      jqlBuilder: {
+        fieldValues: {
+          totalCount: 27,
+          pageInfo: {
+            endCursor: 'YXJyYXljb25uZWN0aW9uOjQ='
+          },
+          edges: [{
+            node: {
+              jqlTerm: 'Authorize',
+              displayName: 'Authorize',
+              statusCategory: {
+                colorName: 'YELLOW'
+              }
+            }
+          }, {
+            node: {
+              jqlTerm: '"Awaiting approval"',
+              displayName: 'Awaiting approval',
+              statusCategory: {
+                colorName: 'YELLOW'
+              }
+            }
+          }, {
+            node: {
+              jqlTerm: '"Awaiting implementation"',
+              displayName: 'Awaiting implementation',
+              statusCategory: {
+                colorName: 'YELLOW'
+              }
+            }
+          }, {
+            node: {
+              jqlTerm: 'Canceled',
+              displayName: 'Canceled',
+              statusCategory: {
+                colorName: 'GREEN'
+              }
+            }
+          }, {
+            node: {
+              jqlTerm: 'Closed',
+              displayName: 'Closed',
+              statusCategory: {
+                colorName: 'GREEN'
+              }
+            }
+          }]
+        }
+      }
+    }
+  }
+};
+export var fieldValuesResponseForStatusesMapped = [{
+  appearance: 'inprogress',
+  label: 'Authorize',
+  optionType: 'lozengeLabel',
+  value: 'Authorize'
+}, {
+  appearance: 'inprogress',
+  label: 'Awaiting approval',
+  optionType: 'lozengeLabel',
+  value: '"Awaiting approval"'
+}, {
+  appearance: 'inprogress',
+  label: 'Awaiting implementation',
+  optionType: 'lozengeLabel',
+  value: '"Awaiting implementation"'
+}, {
+  appearance: 'success',
+  label: 'Canceled',
+  optionType: 'lozengeLabel',
+  value: 'Canceled'
+}, {
+  appearance: 'success',
+  label: 'Closed',
+  optionType: 'lozengeLabel',
+  value: 'Closed'
+}];