@atlaskit/link-datasource 1.9.1 → 1.10.1

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/link-datasource
 
+## 1.10.1
+
+### Patch Changes
+
+- [#42063](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/42063) [`74fd796c7c7`](https://bitbucket.org/atlassian/atlassian-frontend/commits/74fd796c7c7) - Internationalisation for Assets LOL
+
+## 1.10.0
+
+### Minor Changes
+
+- [#41851](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/41851) [`3db4d0fcf3e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3db4d0fcf3e) - Add Basic filter component to jira issue modal.
+
 ## 1.9.1
 
 ### 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.9.1"
+  packageVersion: "1.10.1"
 };

package/dist/cjs/common/utils/locale/fetch-messages-for-locale.js

@@ -0,0 +1,63 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.fetchMessagesForLocale = void 0;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _en = _interopRequireDefault(require("../../../i18n/en"));
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var fetchMessagesForLocale = exports.fetchMessagesForLocale = /*#__PURE__*/function () {
+  var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(locale) {
+    var _messages, parentLocale, _messages2;
+    return _regenerator.default.wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          _context.prev = 0;
+          _context.next = 3;
+          return function (specifier) {
+            return new Promise(function (r) {
+              return r(specifier);
+            }).then(function (s) {
+              return _interopRequireWildcard(require(s));
+            });
+          }( /* webpackChunkName: "@atlaskit-internal_@atlassian/link-datasource-i18n-[request]" */"../../../i18n/".concat(locale.replace('-', '_')));
+        case 3:
+          _messages = _context.sent;
+          return _context.abrupt("return", _messages.default);
+        case 7:
+          _context.prev = 7;
+          _context.t0 = _context["catch"](0);
+        case 9:
+          _context.prev = 9;
+          parentLocale = locale.split(/[-_]/)[0];
+          _context.next = 13;
+          return function (specifier) {
+            return new Promise(function (r) {
+              return r(specifier);
+            }).then(function (s) {
+              return _interopRequireWildcard(require(s));
+            });
+          }( /* webpackChunkName: "@atlaskit-internal_@atlassian/link-datasource-i18n-[request]" */"../../../i18n/".concat(parentLocale));
+        case 13:
+          _messages2 = _context.sent;
+          return _context.abrupt("return", _messages2.default);
+        case 17:
+          _context.prev = 17;
+          _context.t1 = _context["catch"](9);
+        case 19:
+          return _context.abrupt("return", _en.default);
+        case 20:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee, null, [[0, 7], [9, 17]]);
+  }));
+  return function fetchMessagesForLocale(_x) {
+    return _ref.apply(this, arguments);
+  };
+}();

package/dist/cjs/common/zindex.js

@@ -3,6 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.stickyTableHeadersIndex = exports.siteSelectorIndex = void 0;
+exports.stickyTableHeadersIndex = exports.siteSelectorIndex = exports.aboveModal = void 0;
+var _constants = require("@atlaskit/theme/constants");
 var stickyTableHeadersIndex = exports.stickyTableHeadersIndex = 10;
-var siteSelectorIndex = exports.siteSelectorIndex = stickyTableHeadersIndex + 1;
+var siteSelectorIndex = exports.siteSelectorIndex = stickyTableHeadersIndex + 1;
+var aboveModal = exports.aboveModal = _constants.layers.modal() + 1;

package/dist/cjs/ui/assets-modal/modal/index.js

@@ -16,10 +16,13 @@ var _react2 = require("@emotion/react");
 var _reactIntlNext = require("react-intl-next");
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _standardButton = _interopRequireDefault(require("@atlaskit/button/standard-button"));
+var _intlMessagesProvider = require("@atlaskit/intl-messages-provider");
 var _modalDialog = _interopRequireWildcard(require("@atlaskit/modal-dialog"));
 var _analytics = require("../../../analytics");
+var _fetchMessagesForLocale = require("../../../common/utils/locale/fetch-messages-for-locale");
 var _useAssetsClient2 = require("../../../hooks/useAssetsClient");
 var _useDatasourceTableState = require("../../../hooks/useDatasourceTableState");
+var _en = _interopRequireDefault(require("../../../i18n/en"));
 var _modalLoadingError = require("../../common/error-state/modal-loading-error");
 var _searchContainer = require("../search-container");
 var _loadingState = require("../search-container/loading-state");
@@ -193,7 +196,10 @@ var PlainAssetsConfigModal = function PlainAssetsConfigModal(props) {
       });
     }
   }, [aql, assetsClientLoading, handleOnSearch, objectSchema, status, workspaceError, workspaceId]);
-  return (0, _react2.jsx)(_modalDialog.ModalTransition, null, (0, _react2.jsx)(_modalDialog.default, {
+  return (0, _react2.jsx)(_intlMessagesProvider.IntlMessagesProvider, {
+    defaultMessages: _en.default,
+    loaderFn: _fetchMessagesForLocale.fetchMessagesForLocale
+  }, (0, _react2.jsx)(_modalDialog.ModalTransition, null, (0, _react2.jsx)(_modalDialog.default, {
     testId: 'asset-datasource-modal',
     onClose: onCancel,
     width: "calc(100% - 80px)",
@@ -227,14 +233,14 @@ var PlainAssetsConfigModal = function PlainAssetsConfigModal(props) {
     values: {
       objectsCount: responseItems.length
     }
-  }))))));
+  })))))));
 };
 var analyticsContextAttributes = {
   dataProvider: 'jsm-assets'
 };
 var analyticsContextData = {
   packageName: "@atlaskit/link-datasource",
-  packageVersion: "1.9.1",
+  packageVersion: "1.10.1",
   source: 'datasourceConfigModal'
 };
 var contextData = _objectSpread(_objectSpread({}, analyticsContextData), {}, {

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

@@ -0,0 +1,75 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useFieldValues = void 0;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = require("react");
+var _linkingCommon = require("@atlaskit/linking-common");
+// TODO: https://product-fabric.atlassian.net/browse/EDM-8118
+var useFieldValues = exports.useFieldValues = function useFieldValues(_ref) {
+  var filterType = _ref.filterType;
+  var _useState = (0, _react.useState)([]),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    filterOptions = _useState2[0],
+    setFilterOptions = _useState2[1];
+  var _useState3 = (0, _react.useState)(100),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 1),
+    totalCount = _useState4[0];
+  var _useState5 = (0, _react.useState)('empty'),
+    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+    status = _useState6[0],
+    setStatus = _useState6[1];
+  var fetchFilterOptions = /*#__PURE__*/function () {
+    var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
+      var _yield$request, data;
+      return _regenerator.default.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _context.prev = 0;
+            setStatus('loading');
+            _context.next = 4;
+            return (0, _linkingCommon.request)('post', '/gateway/api/graphql', {
+              operationName: 'fieldValues',
+              variables: {
+                jqlTerm: filterType
+              }
+            }, {
+              'Content-Type': 'application/json',
+              'X-ExperimentalApi': 'JiraJqlBuilder'
+            });
+          case 4:
+            _yield$request = _context.sent;
+            data = _yield$request.data;
+            if (data) {
+              setFilterOptions(data);
+              setStatus('resolved');
+            }
+            _context.next = 13;
+            break;
+          case 9:
+            _context.prev = 9;
+            _context.t0 = _context["catch"](0);
+            setStatus('error');
+            return _context.abrupt("return", setFilterOptions([]));
+          case 13:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[0, 9]]);
+    }));
+    return function fetchFilterOptions() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  return {
+    filterOptions: filterOptions,
+    fetchFilterOptions: fetchFilterOptions,
+    totalCount: totalCount,
+    status: status
+  };
+};

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

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useHydrateJqlQuery = void 0;
+var useHydrateJqlQuery = exports.useHydrateJqlQuery = function useHydrateJqlQuery() {
+  return {
+    // TODO: https://product-fabric.atlassian.net/browse/EDM-8119
+    hydratedFields: {}
+  };
+};

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

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useIsComplexQuery = void 0;
+var useIsComplexQuery = exports.useIsComplexQuery = function useIsComplexQuery() {
+  return {
+    // https://product-fabric.atlassian.net/browse/EDM-8103
+    isComplexQuery: false
+  };
+};

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

@@ -0,0 +1,28 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.CustomControl = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _select = require("@atlaskit/select");
+var _colors = require("@atlaskit/theme/colors");
+var _excluded = ["children"];
+var popupCustomControlStyles = function popupCustomControlStyles() {
+  return {
+    display: 'flex',
+    padding: "var(--ds-space-050, 4px)",
+    borderBottom: "solid 1px ".concat("var(--ds-border, ".concat(_colors.N40, ")"))
+  };
+};
+var CustomControl = exports.CustomControl = function CustomControl(_ref) {
+  var children = _ref.children,
+    innerProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement(_select.components.Control, (0, _extends2.default)({}, innerProps, {
+    getStyles: popupCustomControlStyles
+  }), children);
+};
+var _default = exports.default = CustomControl;

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

@@ -0,0 +1,42 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _reactIntlNext = require("react-intl-next");
+var _primitives = require("@atlaskit/primitives");
+var _colors = require("@atlaskit/theme/colors");
+var _messages = require("./messages");
+var footerContainerStyles = (0, _primitives.xcss)({
+  paddingTop: 'space.050',
+  paddingBottom: 'space.050',
+  borderTop: "".concat("var(--ds-border, ".concat(_colors.N40, ")"), " solid 1px")
+});
+var footerPaginationInfoStyles = (0, _primitives.xcss)({
+  color: 'color.text.subtlest',
+  marginBlock: 'space.100',
+  marginInline: 'space.150'
+});
+var PopupFooter = function PopupFooter(_ref) {
+  var currentDisplayCount = _ref.currentDisplayCount,
+    totalCount = _ref.totalCount;
+  return /*#__PURE__*/_react.default.createElement(_primitives.Flex, {
+    testId: "jlol-basic-filter-popup-select--footer",
+    direction: "row",
+    alignItems: "center",
+    justifyContent: "end",
+    xcss: footerContainerStyles
+  }, /*#__PURE__*/_react.default.createElement(_primitives.Inline, {
+    xcss: footerPaginationInfoStyles
+  }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _messages.asyncPopupSelectMessages.paginationDetails, {
+    values: {
+      currentDisplayCount: currentDisplayCount,
+      totalCount: totalCount
+    }
+  }))));
+};
+var _default = exports.default = PopupFooter;

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

@@ -0,0 +1,76 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _avatar = _interopRequireDefault(require("@atlaskit/avatar"));
+var _lozenge = _interopRequireDefault(require("@atlaskit/lozenge"));
+var _primitives = require("@atlaskit/primitives");
+var commonLabelStyles = (0, _primitives.xcss)({
+  overflow: 'hidden',
+  textOverflow: 'ellipsis'
+});
+var avatarOptionLabelStyles = (0, _primitives.xcss)({
+  marginLeft: 'space.050'
+});
+var IconOptionLabel = function IconOptionLabel(_ref) {
+  var data = _ref.data;
+  var label = data.label,
+    avatar = data.icon,
+    value = data.value;
+  var avatarOptionLabelData = {
+    label: label,
+    avatar: avatar,
+    value: value,
+    optionType: 'avatarLabel',
+    isSquare: true
+  };
+  return /*#__PURE__*/_react.default.createElement(AvatarOptionLabel, {
+    data: avatarOptionLabelData,
+    testId: "jlol-basic-filter-popup-select-option--icon-label"
+  });
+};
+var LozengeOptionLabel = function LozengeOptionLabel(_ref2) {
+  var data = _ref2.data;
+  return /*#__PURE__*/_react.default.createElement(_lozenge.default, {
+    isBold: data.isBold,
+    appearance: data.appearance,
+    testId: "jlol-basic-filter-popup-select-option--lozenge"
+  }, /*#__PURE__*/_react.default.createElement(_primitives.Box, {
+    xcss: [commonLabelStyles]
+  }, data.label));
+};
+var AvatarOptionLabel = function AvatarOptionLabel(_ref3) {
+  var data = _ref3.data,
+    testId = _ref3.testId;
+  return /*#__PURE__*/_react.default.createElement(_primitives.Flex, {
+    alignItems: "center",
+    testId: testId || 'jlol-basic-filter-popup-select-option--avatar'
+  }, /*#__PURE__*/_react.default.createElement(_avatar.default, {
+    appearance: data.isSquare ? 'square' : 'circle',
+    src: data.avatar,
+    size: "xsmall"
+  }), /*#__PURE__*/_react.default.createElement(_primitives.Box, {
+    xcss: [commonLabelStyles, avatarOptionLabelStyles],
+    testId: "nidhin"
+  }, data.label));
+};
+var formatOptionLabel = function formatOptionLabel(data) {
+  if (data.optionType === 'lozengeLabel') {
+    return /*#__PURE__*/_react.default.createElement(LozengeOptionLabel, {
+      data: data
+    });
+  }
+  if (data.optionType === 'avatarLabel') {
+    return /*#__PURE__*/_react.default.createElement(AvatarOptionLabel, {
+      data: data
+    });
+  }
+  return /*#__PURE__*/_react.default.createElement(IconOptionLabel, {
+    data: data
+  });
+};
+var _default = exports.default = formatOptionLabel;

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

@@ -0,0 +1,121 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactIntlNext = require("react-intl-next");
+var _select = require("@atlaskit/select");
+var _useFieldValues2 = require("../../hooks/useFieldValues");
+var _control = _interopRequireDefault(require("./control"));
+var _footer = _interopRequireDefault(require("./footer"));
+var _formatOptionLabel = _interopRequireDefault(require("./formatOptionLabel"));
+var _messages = require("./messages");
+var _trigger = _interopRequireDefault(require("./trigger"));
+var _excluded = ["isOpen"];
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+// Needed to disable filtering from react-select
+var noFilterOptions = function noFilterOptions() {
+  return true;
+};
+var AsyncPopupSelect = function AsyncPopupSelect(_ref) {
+  var filterType = _ref.filterType,
+    selection = _ref.selection,
+    _ref$onSelectionChang = _ref.onSelectionChange,
+    onSelectionChange = _ref$onSelectionChang === void 0 ? function () {} : _ref$onSelectionChang;
+  var _useIntl = (0, _reactIntlNext.useIntl)(),
+    formatMessage = _useIntl.formatMessage;
+  var pickerRef = (0, _react.useRef)(null);
+  var _useState = (0, _react.useState)(''),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    searchTerm = _useState2[0],
+    setSearchTerm = _useState2[1];
+  var _useState3 = (0, _react.useState)(selection),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    selectedOptions = _useState4[0],
+    setSelectedOptions = _useState4[1];
+  var _useFieldValues = (0, _useFieldValues2.useFieldValues)({
+      filterType: filterType
+    }),
+    filterOptions = _useFieldValues.filterOptions,
+    fetchFilterOptions = _useFieldValues.fetchFilterOptions,
+    totalCount = _useFieldValues.totalCount,
+    status = _useFieldValues.status;
+  var handleInputChange = (0, _react.useCallback)(function (searchString, actionMeta) {
+    if (actionMeta.action === 'input-change' && searchString !== searchTerm) {
+      setSearchTerm(searchString);
+    }
+  }, [searchTerm]);
+  var handleOptionSelection = function handleOptionSelection(newValue) {
+    setSelectedOptions(newValue);
+    onSelectionChange(newValue);
+  };
+  var handleOpenPopup = (0, _react.useCallback)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
+    return _regenerator.default.wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          if (status === 'empty') {
+            fetchFilterOptions();
+          }
+        case 1:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  })), [fetchFilterOptions, status]);
+  (0, _react.useEffect)(function () {
+    if (status === 'resolved') {
+      var _pickerRef$current;
+      // necessary to refocus the search input after the loading state
+      pickerRef === null || pickerRef === void 0 || (_pickerRef$current = pickerRef.current) === null || _pickerRef$current === void 0 || (_pickerRef$current = _pickerRef$current.selectRef) === null || _pickerRef$current === void 0 || (_pickerRef$current = _pickerRef$current.inputRef) === null || _pickerRef$current === void 0 || _pickerRef$current.focus();
+    }
+  }, [status]);
+  return /*#__PURE__*/_react.default.createElement(_select.PopupSelect, {
+    isMulti: true,
+    maxMenuWidth: 300,
+    minMenuWidth: 300,
+    ref: pickerRef,
+    testId: "jlol-basic-filter-popup-select",
+    inputId: "jlol-basic-filter-popup-select--input",
+    searchThreshold: 0,
+    inputValue: searchTerm,
+    closeMenuOnSelect: false,
+    hideSelectedOptions: false,
+    isLoading: status === 'loading',
+    placeholder: formatMessage(_messages.asyncPopupSelectMessages.selectPlaceholder),
+    components: {
+      /* @ts-expect-error - This component has stricter OptionType, hence a temp setup untill its made generic */
+      Option: _select.CheckboxOption,
+      Control: _control.default
+    },
+    options: filterOptions,
+    value: selectedOptions,
+    filterOption: noFilterOptions,
+    formatOptionLabel: _formatOptionLabel.default,
+    onChange: handleOptionSelection,
+    onInputChange: handleInputChange,
+    target: function target(_ref3) {
+      var isOpen = _ref3.isOpen,
+        triggerProps = (0, _objectWithoutProperties2.default)(_ref3, _excluded);
+      return /*#__PURE__*/_react.default.createElement(_trigger.default, (0, _extends2.default)({}, triggerProps, {
+        filterType: filterType,
+        isSelected: isOpen,
+        onClick: handleOpenPopup
+      }));
+    },
+    footer: /*#__PURE__*/_react.default.createElement(_footer.default, {
+      currentDisplayCount: filterOptions.length,
+      totalCount: totalCount
+    })
+  });
+};
+var _default = exports.default = AsyncPopupSelect;

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

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.asyncPopupSelectMessages = void 0;
+var asyncPopupSelectMessages = exports.asyncPopupSelectMessages = {
+  selectPlaceholder: {
+    id: 'linkDataSource.basic-filter.dropdown.select.placeholder',
+    description: 'Placeholder text to be displayed for the search input box.',
+    defaultMessage: 'Search'
+  },
+  paginationDetails: {
+    id: 'linkDataSource.basic-filter.footer.pagination-details',
+    description: 'Text to indicate page count and total count information.',
+    defaultMessage: '{currentDisplayCount} of {totalCount}'
+  },
+  projectLabel: {
+    id: 'linkDataSource.basic-filter.project.label',
+    description: 'Label to be displayed for project filter dropdown button.',
+    defaultMessage: 'Project'
+  },
+  statusLabel: {
+    id: 'linkDataSource.basic-filter.status.label',
+    description: 'Label to be displayed for status filter dropdown button.',
+    defaultMessage: 'Status'
+  },
+  issuetypeLabel: {
+    id: 'linkDataSource.basic-filter.issuetype.label',
+    description: 'Label to be displayed for issuetype filter dropdown button.',
+    defaultMessage: 'Type'
+  },
+  assigneeLabel: {
+    id: 'linkDataSource.basic-filter.assignee.label',
+    description: 'Label to be displayed for assignee filter dropdown button.',
+    defaultMessage: 'Assignee'
+  }
+};

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

@@ -0,0 +1,31 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactIntlNext = require("react-intl-next");
+var _standardButton = _interopRequireDefault(require("@atlaskit/button/standard-button"));
+var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-down"));
+var _messages = require("./messages");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var PopupTrigger = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+  var filterType = _ref.filterType,
+    isSelected = _ref.isSelected,
+    onClick = _ref.onClick;
+  return /*#__PURE__*/_react.default.createElement(_standardButton.default, {
+    ref: ref,
+    appearance: "default",
+    isSelected: isSelected,
+    onClick: onClick,
+    testId: "jlol-basic-filter-".concat(filterType, "-trigger"),
+    iconAfter: /*#__PURE__*/_react.default.createElement(_chevronDown.default, {
+      label: ""
+    })
+  }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.asyncPopupSelectMessages["".concat(filterType, "Label")]));
+});
+var _default = exports.default = PopupTrigger;

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

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

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

@@ -0,0 +1,40 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _primitives = require("@atlaskit/primitives");
+var _utils = require("../utils");
+var _asyncPopupSelect = _interopRequireDefault(require("./async-popup-select"));
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var availableBasicFilterTypes = ['project', 'issuetype', 'status', 'assignee'];
+var BasicFilterContainer = function BasicFilterContainer(_ref) {
+  var jql = _ref.jql;
+  var _useState = (0, _react.useState)([]),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 1),
+    selection = _useState2[0];
+  (0, _react.useEffect)(function () {
+    if ((0, _utils.isValidJql)(jql)) {
+      // hydrate hook call goes in here
+    }
+  }, [jql]);
+  var handleSelectionChange = function handleSelectionChange() {};
+  return /*#__PURE__*/_react.default.createElement(_primitives.Flex, {
+    gap: "space.100",
+    testId: "jlol-basic-filter-container"
+  }, availableBasicFilterTypes.map(function (filter) {
+    return /*#__PURE__*/_react.default.createElement(_asyncPopupSelect.default, {
+      filterType: filter,
+      key: filter,
+      selection: selection,
+      onSelectionChange: handleSelectionChange
+    });
+  }));
+};
+var _default = exports.default = BasicFilterContainer;

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

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isValidJql = void 0;
+var _jqlAst = require("@atlaskit/jql-ast");
+var isValidJql = exports.isValidJql = function isValidJql(jql) {
+  var jast = new _jqlAst.JastBuilder().build(jql);
+  return jast.errors.length === 0;
+};