@atlaskit/link-datasource 1.19.8 → 1.19.9

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/link-datasource
 
+## 1.19.9
+
+### Patch Changes
+
+- [#56564](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/56564) [`b26cc1ff959d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b26cc1ff959d) - Add `Unassigned` option for Assignee filter dropdown.
+
 ## 1.19.8
 
 ### Patch Changes

package/dist/cjs/analytics/constants.js

@@ -7,5 +7,5 @@ exports.packageMetaData = exports.EVENT_CHANNEL = void 0;
 var EVENT_CHANNEL = exports.EVENT_CHANNEL = 'media';
 var packageMetaData = exports.packageMetaData = {
   packageName: "@atlaskit/link-datasource",
-  packageVersion: "1.19.8"
+  packageVersion: "1.19.9"
 };

package/dist/cjs/ui/jira-issues-modal/basic-filters/hooks/messages.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.filterOptionMessages = void 0;
+var _reactIntlNext = require("react-intl-next");
+var filterOptionMessages = exports.filterOptionMessages = (0, _reactIntlNext.defineMessages)({
+  assigneeUnassignedFilterOption: {
+    id: 'linkDataSource.basic-filter.dropdown.select.assignee.unassigned',
+    description: 'Text to display for Unassigned assignee filter option.',
+    defaultMessage: 'Unassigned'
+  }
+});

package/dist/cjs/ui/jira-issues-modal/basic-filters/hooks/useFilterOptions.js

@@ -4,17 +4,28 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useFilterOptions = void 0;
+exports.useFilterOptions = exports.getAssigneeUnassignedFilterOption = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = require("react");
+var _reactIntlNext = require("react-intl-next");
 var _useBasicFilterAGG2 = require("../../../../services/useBasicFilterAGG");
 var _transformers = require("../utils/transformers");
+var _messages = require("./messages");
+var getAssigneeUnassignedFilterOption = exports.getAssigneeUnassignedFilterOption = function getAssigneeUnassignedFilterOption(formatMessage) {
+  return {
+    label: formatMessage(_messages.filterOptionMessages.assigneeUnassignedFilterOption),
+    optionType: 'avatarLabel',
+    value: 'empty'
+  };
+};
 var useFilterOptions = exports.useFilterOptions = function useFilterOptions(_ref) {
   var filterType = _ref.filterType,
     cloudId = _ref.cloudId;
+  var _useIntl = (0, _reactIntlNext.useIntl)(),
+    formatMessage = _useIntl.formatMessage;
   var _useState = (0, _react.useState)([]),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     filterOptions = _useState2[0],
@@ -46,6 +57,8 @@ var useFilterOptions = exports.useFilterOptions = function useFilterOptions(_ref
       isRequestLikeInitialSearch,
       initialResponseData,
       response,
+      mappedResponse,
+      mappedTotalCount,
       _args = arguments;
     return _regenerator.default.wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
@@ -84,34 +97,45 @@ var useFilterOptions = exports.useFilterOptions = function useFilterOptions(_ref
           setErrors(response.errors);
           return _context.abrupt("return");
         case 18:
+          mappedResponse = (0, _transformers.mapFieldValuesToFilterOptions)(response);
+          mappedTotalCount = (0, _transformers.mapFieldValuesToTotalCount)(response);
           if (isNewSearch) {
-            setFilterOptions((0, _transformers.mapFieldValuesToFilterOptions)(response));
             if (isRequestLikeInitialSearch) {
               /**
                * The initial dataset is used in couple of paths, eg: when a user searches and clears the search text.
                * During these times, we dont want to fetch data again and again, hence a mini cache setup to store and provide the initial dataset
                */
               initialData.current = response;
+
+              /**
+               * For assignee filter option, we want `Unassigned` as an option.
+               * Since `Unassigned/EMPTY` is not returned by the API, we add it manually, but only for the initial list
+               */
+              if (filterType === 'assignee') {
+                mappedResponse.unshift(getAssigneeUnassignedFilterOption(formatMessage));
+                mappedTotalCount += 1;
+              }
             }
+            setFilterOptions(mappedResponse);
           } else {
-            setFilterOptions([].concat((0, _toConsumableArray2.default)(filterOptions), (0, _toConsumableArray2.default)((0, _transformers.mapFieldValuesToFilterOptions)(response))));
+            setFilterOptions([].concat((0, _toConsumableArray2.default)(filterOptions), (0, _toConsumableArray2.default)(mappedResponse)));
           }
-          setTotalCount((0, _transformers.mapFieldValuesToTotalCount)(response));
+          setTotalCount(mappedTotalCount);
           setNextPageCursor((0, _transformers.mapFieldValuesToPageCursor)(response));
           setStatus('resolved');
-          _context.next = 28;
+          _context.next = 30;
           break;
-        case 24:
-          _context.prev = 24;
+        case 26:
+          _context.prev = 26;
           _context.t1 = _context["catch"](5);
           setStatus('rejected');
           setErrors([_context.t1]);
-        case 28:
+        case 30:
         case "end":
           return _context.stop();
       }
-    }, _callee, null, [[5, 24]]);
-  })), [cloudId, filterOptions, filterType, getFieldValues]);
+    }, _callee, null, [[5, 26]]);
+  })), [cloudId, filterOptions, filterType, formatMessage, getFieldValues]);
   (0, _react.useEffect)(function () {
     if (status !== 'rejected' && errors.length !== 0) {
       setErrors([]);

package/dist/cjs/ui/jira-issues-modal/basic-filters/hooks/useHydrateJqlQuery.js

@@ -6,14 +6,20 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useHydrateJqlQuery = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = require("react");
+var _reactIntlNext = require("react-intl-next");
+var _jqlAst = require("@atlaskit/jql-ast");
 var _useBasicFilterAGG2 = require("../../../../services/useBasicFilterAGG");
 var _extractValuesFromNonComplexJQL = require("../utils/extractValuesFromNonComplexJQL");
 var _isClauseTooComplex = require("../utils/isClauseTooComplex");
 var _transformers = require("../utils/transformers");
+var _useFilterOptions = require("./useFilterOptions");
+var _excluded = ["assignee"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var useHydrateJqlQuery = exports.useHydrateJqlQuery = function useHydrateJqlQuery(cloudId, jql) {
@@ -21,6 +27,8 @@ var useHydrateJqlQuery = exports.useHydrateJqlQuery = function useHydrateJqlQuer
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     hydratedOptions = _useState2[0],
     setHydratedOptions = _useState2[1];
+  var _useIntl = (0, _reactIntlNext.useIntl)(),
+    formatMessage = _useIntl.formatMessage;
   var _useState3 = (0, _react.useState)('empty'),
     _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
     status = _useState4[0],
@@ -32,7 +40,7 @@ var useHydrateJqlQuery = exports.useHydrateJqlQuery = function useHydrateJqlQuer
   var _useBasicFilterAGG = (0, _useBasicFilterAGG2.useBasicFilterAGG)(),
     getHydratedJQL = _useBasicFilterAGG.getHydratedJQL;
   var fetchHydratedJqlOptions = (0, _react.useCallback)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
-    var response, _extractValuesFromNon, text, summary, key, _ref2, _ref3, textFieldValue, mappedValues;
+    var response, _mapHydrateResponseDa, mappedHydratedAssigneeValue, restOfMappedHydratedResponse, _extractValuesFromNon, text, summary, key, extractedAssigneeValue, _ref2, _ref3, textFieldValue, mappedValues;
     return _regenerator.default.wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
@@ -50,29 +58,36 @@ var useHydrateJqlQuery = exports.useHydrateJqlQuery = function useHydrateJqlQuer
           setErrors(response.errors);
           return _context.abrupt("return");
         case 9:
+          _mapHydrateResponseDa = (0, _transformers.mapHydrateResponseData)(response), mappedHydratedAssigneeValue = _mapHydrateResponseDa.assignee, restOfMappedHydratedResponse = (0, _objectWithoutProperties2.default)(_mapHydrateResponseDa, _excluded);
           /**
            * Hydrate logic does not return text field, hence we parse and extract value from jql
            */
-          _extractValuesFromNon = (0, _extractValuesFromNonComplexJQL.extractValuesFromNonComplexJQL)(jql), text = _extractValuesFromNon.text, summary = _extractValuesFromNon.summary, key = _extractValuesFromNon.key;
+          _extractValuesFromNon = (0, _extractValuesFromNonComplexJQL.extractValuesFromNonComplexJQL)(jql), text = _extractValuesFromNon.text, summary = _extractValuesFromNon.summary, key = _extractValuesFromNon.key, extractedAssigneeValue = _extractValuesFromNon.assignee;
           _ref2 = text || summary || key || [], _ref3 = (0, _slicedToArray2.default)(_ref2, 1), textFieldValue = _ref3[0];
-          mappedValues = _objectSpread(_objectSpread({}, (0, _transformers.mapHydrateResponseData)(response)), textFieldValue ? {
+          mappedValues = _objectSpread(_objectSpread({}, restOfMappedHydratedResponse), {}, {
+            /**
+             * Special handling for assignee as we need to inject Unassigned value if JQL contains EMPTY keyword for assignee
+             */
+            assignee: [].concat((0, _toConsumableArray2.default)(mappedHydratedAssigneeValue || []), (0, _toConsumableArray2.default)(extractedAssigneeValue !== null && extractedAssigneeValue !== void 0 && extractedAssigneeValue.includes(_jqlAst.OPERAND_EMPTY) // checks and adds EMPTY filter option if extracted assignee values from jql contains EMPTY
+            ? [(0, _useFilterOptions.getAssigneeUnassignedFilterOption)(formatMessage)] : []))
+          }, textFieldValue ? {
             basicInputTextValue: (0, _isClauseTooComplex.removeFuzzyCharacter)(textFieldValue)
           } : {});
           setHydratedOptions(mappedValues);
           setStatus('resolved');
-          _context.next = 20;
+          _context.next = 21;
           break;
-        case 16:
-          _context.prev = 16;
+        case 17:
+          _context.prev = 17;
           _context.t0 = _context["catch"](0);
           setErrors([_context.t0]);
           setStatus('rejected');
-        case 20:
+        case 21:
         case "end":
           return _context.stop();
       }
-    }, _callee, null, [[0, 16]]);
-  })), [cloudId, getHydratedJQL, jql]);
+    }, _callee, null, [[0, 17]]);
+  })), [cloudId, formatMessage, getHydratedJQL, jql]);
   (0, _react.useEffect)(function () {
     if (status !== 'rejected' && errors.length !== 0) {
       setErrors([]);

package/dist/cjs/ui/jira-issues-modal/basic-filters/ui/async-popup-select/messages.js

@@ -4,7 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.asyncPopupSelectMessages = void 0;
-var asyncPopupSelectMessages = exports.asyncPopupSelectMessages = {
+var _reactIntlNext = require("react-intl-next");
+var asyncPopupSelectMessages = exports.asyncPopupSelectMessages = (0, _reactIntlNext.defineMessages)({
   selectPlaceholder: {
     id: 'linkDataSource.basic-filter.dropdown.select.placeholder',
     description: 'Placeholder text to be displayed for the search input box.',
@@ -40,4 +41,4 @@ var asyncPopupSelectMessages = exports.asyncPopupSelectMessages = {
     defaultMessage: 'Show more',
     description: 'The text to show more options in dropdown'
   }
-};
+});

package/dist/cjs/ui/jira-issues-modal/basic-filters/ui/menu-list/messages.js

@@ -4,7 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.asyncPopupSelectMessages = void 0;
-var asyncPopupSelectMessages = exports.asyncPopupSelectMessages = {
+var _reactIntlNext = require("react-intl-next");
+var asyncPopupSelectMessages = exports.asyncPopupSelectMessages = (0, _reactIntlNext.defineMessages)({
   loadingMessage: {
     id: 'linkDataSource.basic-filter.loading-message',
     defaultMessage: 'Loading...',
@@ -20,4 +21,4 @@ var asyncPopupSelectMessages = exports.asyncPopupSelectMessages = {
     defaultMessage: 'Something went wrong',
     description: 'The text for when an error occurs when loading options'
   }
-};
+});

package/dist/cjs/ui/jira-issues-modal/basic-filters/utils/extractValuesFromNonComplexJQL.js

@@ -20,11 +20,19 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 // Map of field keys to their respective clauses in the Jast
 
 var getFieldValues = function getFieldValues(operand) {
+  var mapValuesFromList = function mapValuesFromList(value) {
+    if (value.operandType === _jqlAst.OPERAND_TYPE_VALUE) {
+      return value.value;
+    }
+    // we only support EMPTY keyword atm, hence making sure if operandType is a KEYWORD, then its an EMPTY keyword
+    if (value.operandType === _jqlAst.OPERAND_TYPE_KEYWORD && value.value === _jqlAst.OPERAND_EMPTY) {
+      return value.value;
+    }
+    return undefined;
+  };
   switch (operand.operandType) {
     case _jqlAst.OPERAND_TYPE_LIST:
-      return operand.values.map(function (value) {
-        return value.operandType === _jqlAst.OPERAND_TYPE_VALUE && value.value || undefined;
-      }).filter(function (value) {
+      return operand.values.map(mapValuesFromList).filter(function (value) {
         return !!value;
       });
     case _jqlAst.OPERAND_TYPE_VALUE:

package/dist/es2019/analytics/constants.js

@@ -1,5 +1,5 @@
 export const EVENT_CHANNEL = 'media';
 export const packageMetaData = {
   packageName: "@atlaskit/link-datasource",
-  packageVersion: "1.19.8"
+  packageVersion: "1.19.9"
 };

package/dist/es2019/ui/jira-issues-modal/basic-filters/hooks/messages.js

@@ -0,0 +1,8 @@
+import { defineMessages } from 'react-intl-next';
+export const filterOptionMessages = defineMessages({
+  assigneeUnassignedFilterOption: {
+    id: 'linkDataSource.basic-filter.dropdown.select.assignee.unassigned',
+    description: 'Text to display for Unassigned assignee filter option.',
+    defaultMessage: 'Unassigned'
+  }
+});

package/dist/es2019/ui/jira-issues-modal/basic-filters/hooks/useFilterOptions.js

@@ -1,10 +1,20 @@
 import { useCallback, useEffect, useRef, useState } from 'react';
+import { useIntl } from 'react-intl-next';
 import { useBasicFilterAGG } from '../../../../services/useBasicFilterAGG';
 import { mapFieldValuesToFilterOptions, mapFieldValuesToPageCursor, mapFieldValuesToTotalCount } from '../utils/transformers';
+import { filterOptionMessages } from './messages';
+export const getAssigneeUnassignedFilterOption = formatMessage => ({
+  label: formatMessage(filterOptionMessages.assigneeUnassignedFilterOption),
+  optionType: 'avatarLabel',
+  value: 'empty'
+});
 export const useFilterOptions = ({
   filterType,
   cloudId
 }) => {
+  const {
+    formatMessage
+  } = useIntl();
   const [filterOptions, setFilterOptions] = useState([]);
   const [totalCount, setTotalCount] = useState(0);
   const [status, setStatus] = useState('empty');
@@ -37,26 +47,37 @@ export const useFilterOptions = ({
         setErrors(response.errors);
         return;
       }
+      const mappedResponse = mapFieldValuesToFilterOptions(response);
+      let mappedTotalCount = mapFieldValuesToTotalCount(response);
       if (isNewSearch) {
-        setFilterOptions(mapFieldValuesToFilterOptions(response));
         if (isRequestLikeInitialSearch) {
           /**
            * The initial dataset is used in couple of paths, eg: when a user searches and clears the search text.
            * During these times, we dont want to fetch data again and again, hence a mini cache setup to store and provide the initial dataset
            */
           initialData.current = response;
+
+          /**
+           * For assignee filter option, we want `Unassigned` as an option.
+           * Since `Unassigned/EMPTY` is not returned by the API, we add it manually, but only for the initial list
+           */
+          if (filterType === 'assignee') {
+            mappedResponse.unshift(getAssigneeUnassignedFilterOption(formatMessage));
+            mappedTotalCount += 1;
+          }
         }
+        setFilterOptions(mappedResponse);
       } else {
-        setFilterOptions([...filterOptions, ...mapFieldValuesToFilterOptions(response)]);
+        setFilterOptions([...filterOptions, ...mappedResponse]);
       }
-      setTotalCount(mapFieldValuesToTotalCount(response));
+      setTotalCount(mappedTotalCount);
       setNextPageCursor(mapFieldValuesToPageCursor(response));
       setStatus('resolved');
     } catch (error) {
       setStatus('rejected');
       setErrors([error]);
     }
-  }, [cloudId, filterOptions, filterType, getFieldValues]);
+  }, [cloudId, filterOptions, filterType, formatMessage, getFieldValues]);
   useEffect(() => {
     if (status !== 'rejected' && errors.length !== 0) {
       setErrors([]);

package/dist/es2019/ui/jira-issues-modal/basic-filters/hooks/useHydrateJqlQuery.js

@@ -1,10 +1,16 @@
 import { useCallback, useEffect, useState } from 'react';
+import { useIntl } from 'react-intl-next';
+import { OPERAND_EMPTY } from '@atlaskit/jql-ast';
 import { useBasicFilterAGG } from '../../../../services/useBasicFilterAGG';
 import { extractValuesFromNonComplexJQL } from '../utils/extractValuesFromNonComplexJQL';
 import { removeFuzzyCharacter } from '../utils/isClauseTooComplex';
 import { mapHydrateResponseData } from '../utils/transformers';
+import { getAssigneeUnassignedFilterOption } from './useFilterOptions';
 export const useHydrateJqlQuery = (cloudId, jql) => {
   const [hydratedOptions, setHydratedOptions] = useState({});
+  const {
+    formatMessage
+  } = useIntl();
   const [status, setStatus] = useState('empty');
   const [errors, setErrors] = useState([]);
   const {
@@ -19,6 +25,10 @@ export const useHydrateJqlQuery = (cloudId, jql) => {
         setErrors(response.errors);
         return;
       }
+      const {
+        assignee: mappedHydratedAssigneeValue,
+        ...restOfMappedHydratedResponse
+      } = mapHydrateResponseData(response);
 
       /**
        * Hydrate logic does not return text field, hence we parse and extract value from jql
@@ -26,11 +36,19 @@ export const useHydrateJqlQuery = (cloudId, jql) => {
       const {
         text,
         summary,
-        key
+        key,
+        assignee: extractedAssigneeValue
       } = extractValuesFromNonComplexJQL(jql);
       const [textFieldValue] = text || summary || key || [];
       const mappedValues = {
-        ...mapHydrateResponseData(response),
+        ...restOfMappedHydratedResponse,
+        /**
+         * Special handling for assignee as we need to inject Unassigned value if JQL contains EMPTY keyword for assignee
+         */
+        assignee: [...(mappedHydratedAssigneeValue || []),
+        // all values provided by the hydrate API for assignee
+        ...(extractedAssigneeValue !== null && extractedAssigneeValue !== void 0 && extractedAssigneeValue.includes(OPERAND_EMPTY) // checks and adds EMPTY filter option if extracted assignee values from jql contains EMPTY
+        ? [getAssigneeUnassignedFilterOption(formatMessage)] : [])],
         ...(textFieldValue ? {
           basicInputTextValue: removeFuzzyCharacter(textFieldValue)
         } : {})
@@ -41,7 +59,7 @@ export const useHydrateJqlQuery = (cloudId, jql) => {
       setErrors([error]);
       setStatus('rejected');
     }
-  }, [cloudId, getHydratedJQL, jql]);
+  }, [cloudId, formatMessage, getHydratedJQL, jql]);
   useEffect(() => {
     if (status !== 'rejected' && errors.length !== 0) {
       setErrors([]);

package/dist/es2019/ui/jira-issues-modal/basic-filters/ui/async-popup-select/messages.js

@@ -1,4 +1,5 @@
-export const asyncPopupSelectMessages = {
+import { defineMessages } from 'react-intl-next';
+export const asyncPopupSelectMessages = defineMessages({
   selectPlaceholder: {
     id: 'linkDataSource.basic-filter.dropdown.select.placeholder',
     description: 'Placeholder text to be displayed for the search input box.',
@@ -34,4 +35,4 @@ export const asyncPopupSelectMessages = {
     defaultMessage: 'Show more',
     description: 'The text to show more options in dropdown'
   }
-};
+});

package/dist/es2019/ui/jira-issues-modal/basic-filters/ui/menu-list/messages.js

@@ -1,4 +1,5 @@
-export const asyncPopupSelectMessages = {
+import { defineMessages } from 'react-intl-next';
+export const asyncPopupSelectMessages = defineMessages({
   loadingMessage: {
     id: 'linkDataSource.basic-filter.loading-message',
     defaultMessage: 'Loading...',
@@ -14,4 +15,4 @@ export const asyncPopupSelectMessages = {
     defaultMessage: 'Something went wrong',
     description: 'The text for when an error occurs when loading options'
   }
-};
+});

package/dist/es2019/ui/jira-issues-modal/basic-filters/utils/extractValuesFromNonComplexJQL.js

@@ -6,9 +6,19 @@ import { isQueryTooComplex } from './isQueryTooComplex';
 // Map of field keys to their respective clauses in the Jast
 
 const getFieldValues = operand => {
+  const mapValuesFromList = value => {
+    if (value.operandType === OPERAND_TYPE_VALUE) {
+      return value.value;
+    }
+    // we only support EMPTY keyword atm, hence making sure if operandType is a KEYWORD, then its an EMPTY keyword
+    if (value.operandType === OPERAND_TYPE_KEYWORD && value.value === OPERAND_EMPTY) {
+      return value.value;
+    }
+    return undefined;
+  };
   switch (operand.operandType) {
     case OPERAND_TYPE_LIST:
-      return operand.values.map(value => value.operandType === OPERAND_TYPE_VALUE && value.value || undefined).filter(value => !!value);
+      return operand.values.map(mapValuesFromList).filter(value => !!value);
     case OPERAND_TYPE_VALUE:
       return operand.value ? [operand.value] : [];
     case OPERAND_TYPE_KEYWORD:

package/dist/esm/analytics/constants.js

@@ -1,5 +1,5 @@
 export var EVENT_CHANNEL = 'media';
 export var packageMetaData = {
   packageName: "@atlaskit/link-datasource",
-  packageVersion: "1.19.8"
+  packageVersion: "1.19.9"
 };

package/dist/esm/ui/jira-issues-modal/basic-filters/hooks/messages.js

@@ -0,0 +1,8 @@
+import { defineMessages } from 'react-intl-next';
+export var filterOptionMessages = defineMessages({
+  assigneeUnassignedFilterOption: {
+    id: 'linkDataSource.basic-filter.dropdown.select.assignee.unassigned',
+    description: 'Text to display for Unassigned assignee filter option.',
+    defaultMessage: 'Unassigned'
+  }
+});

package/dist/esm/ui/jira-issues-modal/basic-filters/hooks/useFilterOptions.js

@@ -3,11 +3,22 @@ import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import { useCallback, useEffect, useRef, useState } from 'react';
+import { useIntl } from 'react-intl-next';
 import { useBasicFilterAGG } from '../../../../services/useBasicFilterAGG';
 import { mapFieldValuesToFilterOptions, mapFieldValuesToPageCursor, mapFieldValuesToTotalCount } from '../utils/transformers';
+import { filterOptionMessages } from './messages';
+export var getAssigneeUnassignedFilterOption = function getAssigneeUnassignedFilterOption(formatMessage) {
+  return {
+    label: formatMessage(filterOptionMessages.assigneeUnassignedFilterOption),
+    optionType: 'avatarLabel',
+    value: 'empty'
+  };
+};
 export var useFilterOptions = function useFilterOptions(_ref) {
   var filterType = _ref.filterType,
     cloudId = _ref.cloudId;
+  var _useIntl = useIntl(),
+    formatMessage = _useIntl.formatMessage;
   var _useState = useState([]),
     _useState2 = _slicedToArray(_useState, 2),
     filterOptions = _useState2[0],
@@ -39,6 +50,8 @@ export var useFilterOptions = function useFilterOptions(_ref) {
       isRequestLikeInitialSearch,
       initialResponseData,
       response,
+      mappedResponse,
+      mappedTotalCount,
       _args = arguments;
     return _regeneratorRuntime.wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
@@ -77,34 +90,45 @@ export var useFilterOptions = function useFilterOptions(_ref) {
           setErrors(response.errors);
           return _context.abrupt("return");
         case 18:
+          mappedResponse = mapFieldValuesToFilterOptions(response);
+          mappedTotalCount = mapFieldValuesToTotalCount(response);
           if (isNewSearch) {
-            setFilterOptions(mapFieldValuesToFilterOptions(response));
             if (isRequestLikeInitialSearch) {
               /**
                * The initial dataset is used in couple of paths, eg: when a user searches and clears the search text.
                * During these times, we dont want to fetch data again and again, hence a mini cache setup to store and provide the initial dataset
                */
               initialData.current = response;
+
+              /**
+               * For assignee filter option, we want `Unassigned` as an option.
+               * Since `Unassigned/EMPTY` is not returned by the API, we add it manually, but only for the initial list
+               */
+              if (filterType === 'assignee') {
+                mappedResponse.unshift(getAssigneeUnassignedFilterOption(formatMessage));
+                mappedTotalCount += 1;
+              }
             }
+            setFilterOptions(mappedResponse);
           } else {
-            setFilterOptions([].concat(_toConsumableArray(filterOptions), _toConsumableArray(mapFieldValuesToFilterOptions(response))));
+            setFilterOptions([].concat(_toConsumableArray(filterOptions), _toConsumableArray(mappedResponse)));
           }
-          setTotalCount(mapFieldValuesToTotalCount(response));
+          setTotalCount(mappedTotalCount);
           setNextPageCursor(mapFieldValuesToPageCursor(response));
           setStatus('resolved');
-          _context.next = 28;
+          _context.next = 30;
           break;
-        case 24:
-          _context.prev = 24;
+        case 26:
+          _context.prev = 26;
           _context.t1 = _context["catch"](5);
           setStatus('rejected');
           setErrors([_context.t1]);
-        case 28:
+        case 30:
         case "end":
           return _context.stop();
       }
-    }, _callee, null, [[5, 24]]);
-  })), [cloudId, filterOptions, filterType, getFieldValues]);
+    }, _callee, null, [[5, 26]]);
+  })), [cloudId, filterOptions, filterType, formatMessage, getFieldValues]);
   useEffect(function () {
     if (status !== 'rejected' && errors.length !== 0) {
       setErrors([]);

package/dist/esm/ui/jira-issues-modal/basic-filters/hooks/useHydrateJqlQuery.js

@@ -1,19 +1,27 @@
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+var _excluded = ["assignee"];
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import { useCallback, useEffect, useState } from 'react';
+import { useIntl } from 'react-intl-next';
+import { OPERAND_EMPTY } from '@atlaskit/jql-ast';
 import { useBasicFilterAGG } from '../../../../services/useBasicFilterAGG';
 import { extractValuesFromNonComplexJQL } from '../utils/extractValuesFromNonComplexJQL';
 import { removeFuzzyCharacter } from '../utils/isClauseTooComplex';
 import { mapHydrateResponseData } from '../utils/transformers';
+import { getAssigneeUnassignedFilterOption } from './useFilterOptions';
 export var useHydrateJqlQuery = function useHydrateJqlQuery(cloudId, jql) {
   var _useState = useState({}),
     _useState2 = _slicedToArray(_useState, 2),
     hydratedOptions = _useState2[0],
     setHydratedOptions = _useState2[1];
+  var _useIntl = useIntl(),
+    formatMessage = _useIntl.formatMessage;
   var _useState3 = useState('empty'),
     _useState4 = _slicedToArray(_useState3, 2),
     status = _useState4[0],
@@ -25,7 +33,7 @@ export var useHydrateJqlQuery = function useHydrateJqlQuery(cloudId, jql) {
   var _useBasicFilterAGG = useBasicFilterAGG(),
     getHydratedJQL = _useBasicFilterAGG.getHydratedJQL;
   var fetchHydratedJqlOptions = useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-    var response, _extractValuesFromNon, text, summary, key, _ref2, _ref3, textFieldValue, mappedValues;
+    var response, _mapHydrateResponseDa, mappedHydratedAssigneeValue, restOfMappedHydratedResponse, _extractValuesFromNon, text, summary, key, extractedAssigneeValue, _ref2, _ref3, textFieldValue, mappedValues;
     return _regeneratorRuntime.wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
@@ -43,29 +51,36 @@ export var useHydrateJqlQuery = function useHydrateJqlQuery(cloudId, jql) {
           setErrors(response.errors);
           return _context.abrupt("return");
         case 9:
+          _mapHydrateResponseDa = mapHydrateResponseData(response), mappedHydratedAssigneeValue = _mapHydrateResponseDa.assignee, restOfMappedHydratedResponse = _objectWithoutProperties(_mapHydrateResponseDa, _excluded);
           /**
            * Hydrate logic does not return text field, hence we parse and extract value from jql
            */
-          _extractValuesFromNon = extractValuesFromNonComplexJQL(jql), text = _extractValuesFromNon.text, summary = _extractValuesFromNon.summary, key = _extractValuesFromNon.key;
+          _extractValuesFromNon = extractValuesFromNonComplexJQL(jql), text = _extractValuesFromNon.text, summary = _extractValuesFromNon.summary, key = _extractValuesFromNon.key, extractedAssigneeValue = _extractValuesFromNon.assignee;
           _ref2 = text || summary || key || [], _ref3 = _slicedToArray(_ref2, 1), textFieldValue = _ref3[0];
-          mappedValues = _objectSpread(_objectSpread({}, mapHydrateResponseData(response)), textFieldValue ? {
+          mappedValues = _objectSpread(_objectSpread({}, restOfMappedHydratedResponse), {}, {
+            /**
+             * Special handling for assignee as we need to inject Unassigned value if JQL contains EMPTY keyword for assignee
+             */
+            assignee: [].concat(_toConsumableArray(mappedHydratedAssigneeValue || []), _toConsumableArray(extractedAssigneeValue !== null && extractedAssigneeValue !== void 0 && extractedAssigneeValue.includes(OPERAND_EMPTY) // checks and adds EMPTY filter option if extracted assignee values from jql contains EMPTY
+            ? [getAssigneeUnassignedFilterOption(formatMessage)] : []))
+          }, textFieldValue ? {
             basicInputTextValue: removeFuzzyCharacter(textFieldValue)
           } : {});
           setHydratedOptions(mappedValues);
           setStatus('resolved');
-          _context.next = 20;
+          _context.next = 21;
           break;
-        case 16:
-          _context.prev = 16;
+        case 17:
+          _context.prev = 17;
           _context.t0 = _context["catch"](0);
           setErrors([_context.t0]);
           setStatus('rejected');
-        case 20:
+        case 21:
         case "end":
           return _context.stop();
       }
-    }, _callee, null, [[0, 16]]);
-  })), [cloudId, getHydratedJQL, jql]);
+    }, _callee, null, [[0, 17]]);
+  })), [cloudId, formatMessage, getHydratedJQL, jql]);
   useEffect(function () {
     if (status !== 'rejected' && errors.length !== 0) {
       setErrors([]);

package/dist/esm/ui/jira-issues-modal/basic-filters/ui/async-popup-select/messages.js

@@ -1,4 +1,5 @@
-export var asyncPopupSelectMessages = {
+import { defineMessages } from 'react-intl-next';
+export var asyncPopupSelectMessages = defineMessages({
   selectPlaceholder: {
     id: 'linkDataSource.basic-filter.dropdown.select.placeholder',
     description: 'Placeholder text to be displayed for the search input box.',
@@ -34,4 +35,4 @@ export var asyncPopupSelectMessages = {
     defaultMessage: 'Show more',
     description: 'The text to show more options in dropdown'
   }
-};
+});

package/dist/esm/ui/jira-issues-modal/basic-filters/ui/menu-list/messages.js

@@ -1,4 +1,5 @@
-export var asyncPopupSelectMessages = {
+import { defineMessages } from 'react-intl-next';
+export var asyncPopupSelectMessages = defineMessages({
   loadingMessage: {
     id: 'linkDataSource.basic-filter.loading-message',
     defaultMessage: 'Loading...',
@@ -14,4 +15,4 @@ export var asyncPopupSelectMessages = {
     defaultMessage: 'Something went wrong',
     description: 'The text for when an error occurs when loading options'
   }
-};
+});

package/dist/esm/ui/jira-issues-modal/basic-filters/utils/extractValuesFromNonComplexJQL.js

@@ -14,11 +14,19 @@ import { isQueryTooComplex } from './isQueryTooComplex';
 // Map of field keys to their respective clauses in the Jast
 
 var getFieldValues = function getFieldValues(operand) {
+  var mapValuesFromList = function mapValuesFromList(value) {
+    if (value.operandType === OPERAND_TYPE_VALUE) {
+      return value.value;
+    }
+    // we only support EMPTY keyword atm, hence making sure if operandType is a KEYWORD, then its an EMPTY keyword
+    if (value.operandType === OPERAND_TYPE_KEYWORD && value.value === OPERAND_EMPTY) {
+      return value.value;
+    }
+    return undefined;
+  };
   switch (operand.operandType) {
     case OPERAND_TYPE_LIST:
-      return operand.values.map(function (value) {
-        return value.operandType === OPERAND_TYPE_VALUE && value.value || undefined;
-      }).filter(function (value) {
+      return operand.values.map(mapValuesFromList).filter(function (value) {
         return !!value;
       });
     case OPERAND_TYPE_VALUE:

package/dist/types/ui/jira-issues-modal/basic-filters/hooks/messages.d.ts

@@ -0,0 +1,7 @@
+export declare const filterOptionMessages: {
+    assigneeUnassignedFilterOption: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+};

package/dist/types/ui/jira-issues-modal/basic-filters/hooks/useFilterOptions.d.ts

@@ -1,4 +1,5 @@
-import { BasicFilterFieldType, SelectOption } from '../types';
+import { IntlShape } from 'react-intl-next';
+import { AvatarLabelOption, BasicFilterFieldType, SelectOption } from '../types';
 interface FilterOptionsProps {
     filterType: BasicFilterFieldType;
     cloudId: string;
@@ -16,5 +17,6 @@ export interface FilterOptionsState {
     status: 'empty' | 'loading' | 'resolved' | 'rejected' | 'loadingMore';
     errors: unknown[];
 }
+export declare const getAssigneeUnassignedFilterOption: (formatMessage: IntlShape['formatMessage']) => AvatarLabelOption;
 export declare const useFilterOptions: ({ filterType, cloudId, }: FilterOptionsProps) => FilterOptionsState;
 export {};

package/dist/types-ts4.5/ui/jira-issues-modal/basic-filters/hooks/messages.d.ts

@@ -0,0 +1,7 @@
+export declare const filterOptionMessages: {
+    assigneeUnassignedFilterOption: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+};

package/dist/types-ts4.5/ui/jira-issues-modal/basic-filters/hooks/useFilterOptions.d.ts

@@ -1,4 +1,5 @@
-import { BasicFilterFieldType, SelectOption } from '../types';
+import { IntlShape } from 'react-intl-next';
+import { AvatarLabelOption, BasicFilterFieldType, SelectOption } from '../types';
 interface FilterOptionsProps {
     filterType: BasicFilterFieldType;
     cloudId: string;
@@ -16,5 +17,6 @@ export interface FilterOptionsState {
     status: 'empty' | 'loading' | 'resolved' | 'rejected' | 'loadingMore';
     errors: unknown[];
 }
+export declare const getAssigneeUnassignedFilterOption: (formatMessage: IntlShape['formatMessage']) => AvatarLabelOption;
 export declare const useFilterOptions: ({ filterType, cloudId, }: FilterOptionsProps) => FilterOptionsState;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/link-datasource",
-  "version": "1.19.8",
+  "version": "1.19.9",
   "description": "UI Components to support linking platform dataset feature",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"