@atlaskit/link-datasource 1.9.0 → 1.10.0

package/dist/es2019/i18n/ja.js

@@ -41,7 +41,7 @@ export default {
   'linkDataSource.jira-issues.refresh': '更新',
   'linkDataSource.jira-issues.unableToLoadItems': 'アイテムを読み込めません',
   'linkDataSource.jira-issues.unableToLoadResults': '結果を読み込めません',
-  'linkDataSource.modal-initial-state.learnMoreLink': 'JQL 検索の詳細',
+  'linkDataSource.modal-initial-state.learnMoreLink': 'JQL 検索の詳細をご確認ください。',
   'linkDataSource.modal-initial-state.searchDescription': '語句を入力するか、JQL を使って検索できます。',
   'linkDataSource.modal-initial-state.searchTitle': 'Jira の課題を検索',
   'linkDataSource.render-type.boolean.false': 'いいえ',

package/dist/es2019/i18n/ko.js

@@ -41,7 +41,7 @@ export default {
   'linkDataSource.jira-issues.refresh': '새로 고침',
   'linkDataSource.jira-issues.unableToLoadItems': '항목을 로드할 수 없음',
   'linkDataSource.jira-issues.unableToLoadResults': '결과를 로드할 수 없음',
-  'linkDataSource.modal-initial-state.learnMoreLink': 'JQL을 사용한 검색에 대해 자세히 알아보기',
+  'linkDataSource.modal-initial-state.learnMoreLink': 'JQL을 사용한 검색에 대해 자세히 알아보세요.',
   'linkDataSource.modal-initial-state.searchDescription': '입력을 시작하거나 JQL을 사용하여 검색합니다.',
   'linkDataSource.modal-initial-state.searchTitle': 'Jira 이슈 검색',
   'linkDataSource.render-type.boolean.false': '아니요',

package/dist/es2019/i18n/nb.js

@@ -21,13 +21,14 @@ export default {
   'linkDataSource.column-picker.no-all-items-shown-message.line-1': 'Søket ditt gav for mange resultater.',
   'linkDataSource.column-picker.no-all-items-shown-message.line-2': 'Prøv igjen med mer spesifikke nøkkelord.',
   'linkDataSource.column-picker.search': 'Søk etter felt',
+  'linkDataSource.column-picker.tooltip': 'Konfigurer kolonner',
   'linkDataSource.jira-issues.accessInstructions': 'Kontakt administratoren for å be om tilgang.',
   'linkDataSource.jira-issues.accessRequired': 'Du har ikke tilgang til dette nettstedet',
   'linkDataSource.jira-issues.accessRequiredWithSite': 'Du har ikke tilgang til {siteName}',
   'linkDataSource.jira-issues.checkConnection': 'Sjekk tilkoblingen og oppdater, eller prøv på nytt senere.',
   'linkDataSource.jira-issues.checkConnectionWithSource': 'Sjekk tilkoblingen og oppdater, eller <a>åpne denne spørringen i Jira</a> for å gjennomgå.',
   'linkDataSource.jira-issues.configmodal.basicModeText': 'Grunnleggende',
-  'linkDataSource.jira-issues.configmodal.basicTextSearchPlaceholder': 'Søk',
+  'linkDataSource.jira-issues.configmodal.basicTextSearchPlaceholder': 'Søk etter saker med nøkkelord',
   'linkDataSource.jira-issues.configmodal.cancelButtonText': 'Avbryt',
   'linkDataSource.jira-issues.configmodal.countViewModeLabel': 'Antallvisning',
   'linkDataSource.jira-issues.configmodal.dropdownChevronLabel': 'Velg Jira-nettsted',
@@ -41,8 +42,9 @@ export default {
   'linkDataSource.jira-issues.refresh': 'Oppdater',
   'linkDataSource.jira-issues.unableToLoadItems': 'Kan ikke laste inn elementer',
   'linkDataSource.jira-issues.unableToLoadResults': 'Kan ikke laste inn resultater',
-  'linkDataSource.modal-initial-state.learnMoreLink': 'Finn ut mer om å søke med JQL',
-  'linkDataSource.modal-initial-state.searchDescription': 'Begynn å skrive eller bruk JQL for å søke.',
+  'linkDataSource.modal-initial-state.beta': 'Beta',
+  'linkDataSource.modal-initial-state.learnMoreLink': 'Finn ut hvordan du søker med JQL',
+  'linkDataSource.modal-initial-state.searchDescription': 'Bruk JQL (Jira Query Language) for å søke etter saker.',
   'linkDataSource.modal-initial-state.searchTitle': 'Søk etter Jira-saker',
   'linkDataSource.render-type.boolean.false': 'Nei',
   'linkDataSource.render-type.boolean.true': 'Ja',

package/dist/es2019/i18n/nl.js

@@ -41,7 +41,7 @@ export default {
   'linkDataSource.jira-issues.refresh': 'Vernieuwen',
   'linkDataSource.jira-issues.unableToLoadItems': 'Kan items niet laden',
   'linkDataSource.jira-issues.unableToLoadResults': 'Resultaten kunnen niet worden geladen',
-  'linkDataSource.modal-initial-state.learnMoreLink': 'Meer informatie over zoeken met JQL',
+  'linkDataSource.modal-initial-state.learnMoreLink': 'Meer informatie over zoeken met JQL.',
   'linkDataSource.modal-initial-state.searchDescription': 'Begin met typen of gebruik een JQL om te zoeken.',
   'linkDataSource.modal-initial-state.searchTitle': 'Zoek naar Jira-issues',
   'linkDataSource.render-type.boolean.false': 'Nee',

package/dist/es2019/i18n/pl.js

@@ -41,7 +41,7 @@ export default {
   'linkDataSource.jira-issues.refresh': 'Odśwież',
   'linkDataSource.jira-issues.unableToLoadItems': 'Nie można załadować elementów',
   'linkDataSource.jira-issues.unableToLoadResults': 'Nie można załadować wyników',
-  'linkDataSource.modal-initial-state.learnMoreLink': 'Dowiedz się więcej na temat wyszukiwania przy użyciu zapytań JQL',
+  'linkDataSource.modal-initial-state.learnMoreLink': 'Dowiedz się więcej o wyszukiwaniu przy użyciu zapytań JQL.',
   'linkDataSource.modal-initial-state.searchDescription': 'Zacznij wpisywać lub użyj języka JQL, aby wyszukać.',
   'linkDataSource.modal-initial-state.searchTitle': 'Wyszukaj zgłoszenia Jira',
   'linkDataSource.render-type.boolean.false': 'Nie',

package/dist/es2019/i18n/pt_BR.js

@@ -41,7 +41,7 @@ export default {
   'linkDataSource.jira-issues.refresh': 'Atualizar',
   'linkDataSource.jira-issues.unableToLoadItems': 'Não foi possível carregar os itens',
   'linkDataSource.jira-issues.unableToLoadResults': 'Não é possível carregar os resultados',
-  'linkDataSource.modal-initial-state.learnMoreLink': 'Saiba mais sobre como pesquisar com o JQL',
+  'linkDataSource.modal-initial-state.learnMoreLink': 'Saiba mais sobre a pesquisa com o JQL.',
   'linkDataSource.modal-initial-state.searchDescription': 'Comece a digitar ou use o JQL para pesquisar.',
   'linkDataSource.modal-initial-state.searchTitle': 'Pesquisar itens do Jira',
   'linkDataSource.render-type.boolean.false': 'Não',

package/dist/es2019/i18n/ru.js

@@ -41,7 +41,7 @@ export default {
   'linkDataSource.jira-issues.refresh': 'Обновить',
   'linkDataSource.jira-issues.unableToLoadItems': 'Не удалось загрузить элементы',
   'linkDataSource.jira-issues.unableToLoadResults': 'Не удалось загрузить результаты',
-  'linkDataSource.modal-initial-state.learnMoreLink': 'Подробнее о поиске с помощью JQL',
+  'linkDataSource.modal-initial-state.learnMoreLink': 'Подробнее о поиске с помощью JQL.',
   'linkDataSource.modal-initial-state.searchDescription': 'Начните вводить текст или используйте JQL для поиска.',
   'linkDataSource.modal-initial-state.searchTitle': 'Поиск задач Jira',
   'linkDataSource.render-type.boolean.false': 'Нет',

package/dist/es2019/i18n/sv.js

@@ -41,7 +41,7 @@ export default {
   'linkDataSource.jira-issues.refresh': 'Uppdatera',
   'linkDataSource.jira-issues.unableToLoadItems': 'Det gick inte att läsa in objekten',
   'linkDataSource.jira-issues.unableToLoadResults': 'Det gick inte att läsa in resultat',
-  'linkDataSource.modal-initial-state.learnMoreLink': 'Läs mer om att söka med JQL',
+  'linkDataSource.modal-initial-state.learnMoreLink': 'Läs mer om att söka med JQL.',
   'linkDataSource.modal-initial-state.searchDescription': 'Börja skriva eller använd JQL för att söka.',
   'linkDataSource.modal-initial-state.searchTitle': 'Sök efter Jira-ärenden',
   'linkDataSource.render-type.boolean.false': 'Nej',

package/dist/es2019/i18n/tr.js

@@ -41,7 +41,7 @@ export default {
   'linkDataSource.jira-issues.refresh': 'Yenile',
   'linkDataSource.jira-issues.unableToLoadItems': 'Öğeler yüklenemiyor',
   'linkDataSource.jira-issues.unableToLoadResults': 'Sonuçlar yüklenemiyor',
-  'linkDataSource.modal-initial-state.learnMoreLink': 'JQL ile arama yapmak hakkında daha fazla bilgi edinin',
+  'linkDataSource.modal-initial-state.learnMoreLink': 'JQL ile arama yapmak hakkında daha fazla bilgi edinin.',
   'linkDataSource.modal-initial-state.searchDescription': 'Aramak için yazmaya başlayın veya JQL kullanın.',
   'linkDataSource.modal-initial-state.searchTitle': 'Jira konuları arayın',
   'linkDataSource.render-type.boolean.false': 'Hayır',

package/dist/es2019/i18n/uk.js

@@ -39,9 +39,9 @@ export default {
   'linkDataSource.jira-issues.configmodal.selectedJiraSiteLabel': 'Вибрано сайт {siteName}',
   'linkDataSource.jira-issues.noResultsFound': 'Немає результатів',
   'linkDataSource.jira-issues.refresh': 'Оновити',
-  'linkDataSource.jira-issues.unableToLoadItems': 'Не вдалося завантажити завдання',
+  'linkDataSource.jira-issues.unableToLoadItems': 'Не вдалося завантажити елементи',
   'linkDataSource.jira-issues.unableToLoadResults': 'Не вдалося завантажити результати',
-  'linkDataSource.modal-initial-state.learnMoreLink': 'Докладніше про пошук засобами JQL',
+  'linkDataSource.modal-initial-state.learnMoreLink': 'Докладніше про пошук засобами JQL.',
   'linkDataSource.modal-initial-state.searchDescription': 'Почніть вводити запит або скористайтеся JQL для пошуку.',
   'linkDataSource.modal-initial-state.searchTitle': 'Пошук завдань Jira',
   'linkDataSource.render-type.boolean.false': 'Ні',
@@ -49,7 +49,7 @@ export default {
   'linkDataSource.render-type.user.default.display.name': 'Не призначено',
   'linkDataSource.table-footer.date_formatter.under_one_minute': 'Синхронізовано щойно',
   'linkDataSource.table-footer.date_formatter.under_over_minute': 'Синхронізація: {date}',
-  'linkDataSource.table-footer.item': '{itemCount, plural, one {елемент} few {елементи} many {елементів} other {елементів}}',
+  'linkDataSource.table-footer.item': '{itemCount, plural, one {елемент} few {елементи} many {елементів} other {елементи}}',
   'linkDataSource.table-footer.loading': 'Завантаження…',
   'linkDataSource.table-footer.refresh': 'Оновити'
 };

package/dist/es2019/i18n/vi.js

@@ -41,7 +41,7 @@ export default {
   'linkDataSource.jira-issues.refresh': 'Làm mới',
   'linkDataSource.jira-issues.unableToLoadItems': 'Không thể tải được các mục',
   'linkDataSource.jira-issues.unableToLoadResults': 'Không tải được kết quả',
-  'linkDataSource.modal-initial-state.learnMoreLink': 'Tìm hiểu thêm về việc tìm kiếm bằng JQL',
+  'linkDataSource.modal-initial-state.learnMoreLink': 'Tìm hiểu thêm về việc tìm kiếm bằng JQL.',
   'linkDataSource.modal-initial-state.searchDescription': 'Bắt đầu nhập hoặc sử dụng JQL để tìm kiếm.',
   'linkDataSource.modal-initial-state.searchTitle': 'Tìm kiếm vấn đề Jira',
   'linkDataSource.render-type.boolean.false': 'Không',
@@ -49,7 +49,7 @@ export default {
   'linkDataSource.render-type.user.default.display.name': 'Chưa được chỉ định',
   'linkDataSource.table-footer.date_formatter.under_one_minute': 'Vừa mới đồng bộ',
   'linkDataSource.table-footer.date_formatter.under_over_minute': 'Đã đồng bộ trong {date}',
-  'linkDataSource.table-footer.item': '{itemCount, plural, other {các mục}}',
+  'linkDataSource.table-footer.item': '{itemCount, plural, other {mục}}',
   'linkDataSource.table-footer.loading': 'Đang tải...',
   'linkDataSource.table-footer.refresh': 'Làm mới'
 };

package/dist/es2019/i18n/zh.js

@@ -41,7 +41,7 @@ export default {
   'linkDataSource.jira-issues.refresh': '刷新',
   'linkDataSource.jira-issues.unableToLoadItems': '无法加载项目',
   'linkDataSource.jira-issues.unableToLoadResults': '无法加载结果',
-  'linkDataSource.modal-initial-state.learnMoreLink': '详细了解如何使用 JQL 进行搜索',
+  'linkDataSource.modal-initial-state.learnMoreLink': '详细了解如何使用 JQL 进行搜索。',
   'linkDataSource.modal-initial-state.searchDescription': '开始输入搜索内容或使用 JQL 进行搜索。',
   'linkDataSource.modal-initial-state.searchTitle': '搜索 Jira 事务',
   'linkDataSource.render-type.boolean.false': '否',

package/dist/es2019/i18n/zh_TW.js

@@ -41,7 +41,7 @@ export default {
   'linkDataSource.jira-issues.refresh': '重新整理',
   'linkDataSource.jira-issues.unableToLoadItems': '無法載入項目',
   'linkDataSource.jira-issues.unableToLoadResults': '無法載入結果',
-  'linkDataSource.modal-initial-state.learnMoreLink': '進一步了解如何使用 JQL 進行搜尋',
+  'linkDataSource.modal-initial-state.learnMoreLink': '進一步了解如何使用 JQL 進行搜尋。',
   'linkDataSource.modal-initial-state.searchDescription': '開始輸入或使用 JQL 進行搜尋。',
   'linkDataSource.modal-initial-state.searchTitle': '搜尋 Jira 議題',
   'linkDataSource.render-type.boolean.false': '否',

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

@@ -194,7 +194,7 @@ const analyticsContextAttributes = {
 };
 const analyticsContextData = {
   packageName: "@atlaskit/link-datasource",
-  packageVersion: "1.9.0",
+  packageVersion: "1.10.0",
   source: 'datasourceConfigModal'
 };
 const contextData = {

package/dist/es2019/ui/assets-modal/search-container/aql-search-input/index.js

@@ -1,10 +1,10 @@
 import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
-import { Fragment, useCallback, useRef } from 'react';
+import { Fragment, useCallback, useRef, useState } from 'react';
 import { css, jsx } from '@emotion/react';
 import { useIntl } from 'react-intl-next';
 import { LoadingButton } from '@atlaskit/button';
-import { Field } from '@atlaskit/form';
+import { ErrorMessage, Field } from '@atlaskit/form';
 import CheckCircleIcon from '@atlaskit/icon/glyph/check-circle';
 import CrossCircleIcon from '@atlaskit/icon/glyph/cross-circle';
 import SearchIcon from '@atlaskit/icon/glyph/editor/search';
@@ -76,6 +76,7 @@ export const AqlSearchInput = ({
   const timeout = useRef();
   const lastValue = useRef(value);
   const lastResult = useRef(Promise.resolve(undefined));
+  const [message, setMessage] = useState(null);
   const {
     validateAqlText
   } = useValidateAqlText(workspaceId);
@@ -85,8 +86,9 @@ export const AqlSearchInput = ({
     if (!newUnvalidatedQlQuery) {
       return undefined;
     }
-    const isValid = await validateAqlText(newUnvalidatedQlQuery);
-    return isValid ? undefined : 'invalid';
+    const validation = await validateAqlText(newUnvalidatedQlQuery);
+    setMessage(validation.message);
+    return validation.isValid ? undefined : 'invalid';
   }, [validateAqlText]);
 
   /* Debounce async validation for input, validation is also called on every field change
@@ -119,7 +121,7 @@ export const AqlSearchInput = ({
     fieldProps,
     meta,
     error
-  }) => jsx(Textfield, _extends({}, fieldProps, {
+  }) => jsx(Fragment, null, jsx(Textfield, _extends({}, fieldProps, {
     elemBeforeInput: jsx("span", {
       style: {
         paddingLeft: 6,
@@ -153,5 +155,5 @@ export const AqlSearchInput = ({
     })),
     placeholder: formatMessage(searchInputMessages.placeholder),
     testId: testId
-  }))));
+  })), fieldProps.value && error && message && jsx(ErrorMessage, null, message))));
 };

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

@@ -0,0 +1,39 @@
+import { useState } from 'react';
+import { request } from '@atlaskit/linking-common';
+// TODO: https://product-fabric.atlassian.net/browse/EDM-8118
+export const useFieldValues = ({
+  filterType
+}) => {
+  const [filterOptions, setFilterOptions] = useState([]);
+  const [totalCount] = useState(100);
+  const [status, setStatus] = useState('empty');
+  const fetchFilterOptions = async () => {
+    try {
+      setStatus('loading');
+      const {
+        data
+      } = await request('post', '/gateway/api/graphql', {
+        operationName: 'fieldValues',
+        variables: {
+          jqlTerm: filterType
+        }
+      }, {
+        'Content-Type': 'application/json',
+        'X-ExperimentalApi': 'JiraJqlBuilder'
+      });
+      if (data) {
+        setFilterOptions(data);
+        setStatus('resolved');
+      }
+    } catch (error) {
+      setStatus('error');
+      return setFilterOptions([]);
+    }
+  };
+  return {
+    filterOptions,
+    fetchFilterOptions,
+    totalCount,
+    status
+  };
+};

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

@@ -0,0 +1,6 @@
+export const useHydrateJqlQuery = () => {
+  return {
+    // TODO: https://product-fabric.atlassian.net/browse/EDM-8119
+    hydratedFields: {}
+  };
+};

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

@@ -0,0 +1,6 @@
+export const useIsComplexQuery = () => {
+  return {
+    // https://product-fabric.atlassian.net/browse/EDM-8103
+    isComplexQuery: false
+  };
+};

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

@@ -0,0 +1,16 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import { components } from '@atlaskit/select';
+import { N40 } from '@atlaskit/theme/colors';
+const popupCustomControlStyles = () => ({
+  display: 'flex',
+  padding: "var(--ds-space-050, 4px)",
+  borderBottom: `solid 1px ${`var(--ds-border, ${N40})`}`
+});
+export const CustomControl = ({
+  children,
+  ...innerProps
+}) => /*#__PURE__*/React.createElement(components.Control, _extends({}, innerProps, {
+  getStyles: popupCustomControlStyles
+}), children);
+export default CustomControl;

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

@@ -0,0 +1,36 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import { FormattedMessage } from 'react-intl-next';
+import { Flex, Inline, xcss } from '@atlaskit/primitives';
+import { N40 } from '@atlaskit/theme/colors';
+import { asyncPopupSelectMessages } from './messages';
+const footerContainerStyles = xcss({
+  paddingTop: 'space.050',
+  paddingBottom: 'space.050',
+  borderTop: `${`var(--ds-border, ${N40})`} solid 1px`
+});
+const footerPaginationInfoStyles = xcss({
+  color: 'color.text.subtlest',
+  marginBlock: 'space.100',
+  marginInline: 'space.150'
+});
+const PopupFooter = ({
+  currentDisplayCount,
+  totalCount
+}) => {
+  return /*#__PURE__*/React.createElement(Flex, {
+    testId: "jlol-basic-filter-popup-select--footer",
+    direction: "row",
+    alignItems: "center",
+    justifyContent: "end",
+    xcss: footerContainerStyles
+  }, /*#__PURE__*/React.createElement(Inline, {
+    xcss: footerPaginationInfoStyles
+  }, /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, asyncPopupSelectMessages.paginationDetails, {
+    values: {
+      currentDisplayCount,
+      totalCount
+    }
+  }))));
+};
+export default PopupFooter;

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

@@ -0,0 +1,74 @@
+import React from 'react';
+import Avatar from '@atlaskit/avatar';
+import Lozenge from '@atlaskit/lozenge';
+import { Box, Flex, xcss } from '@atlaskit/primitives';
+const commonLabelStyles = xcss({
+  overflow: 'hidden',
+  textOverflow: 'ellipsis'
+});
+const avatarOptionLabelStyles = xcss({
+  marginLeft: 'space.050'
+});
+const IconOptionLabel = ({
+  data
+}) => {
+  const {
+    label,
+    icon: avatar,
+    value
+  } = data;
+  const avatarOptionLabelData = {
+    label,
+    avatar,
+    value,
+    optionType: 'avatarLabel',
+    isSquare: true
+  };
+  return /*#__PURE__*/React.createElement(AvatarOptionLabel, {
+    data: avatarOptionLabelData,
+    testId: "jlol-basic-filter-popup-select-option--icon-label"
+  });
+};
+const LozengeOptionLabel = ({
+  data
+}) => {
+  return /*#__PURE__*/React.createElement(Lozenge, {
+    isBold: data.isBold,
+    appearance: data.appearance,
+    testId: "jlol-basic-filter-popup-select-option--lozenge"
+  }, /*#__PURE__*/React.createElement(Box, {
+    xcss: [commonLabelStyles]
+  }, data.label));
+};
+const AvatarOptionLabel = ({
+  data,
+  testId
+}) => {
+  return /*#__PURE__*/React.createElement(Flex, {
+    alignItems: "center",
+    testId: testId || 'jlol-basic-filter-popup-select-option--avatar'
+  }, /*#__PURE__*/React.createElement(Avatar, {
+    appearance: data.isSquare ? 'square' : 'circle',
+    src: data.avatar,
+    size: "xsmall"
+  }), /*#__PURE__*/React.createElement(Box, {
+    xcss: [commonLabelStyles, avatarOptionLabelStyles],
+    testId: "nidhin"
+  }, data.label));
+};
+const formatOptionLabel = data => {
+  if (data.optionType === 'lozengeLabel') {
+    return /*#__PURE__*/React.createElement(LozengeOptionLabel, {
+      data: data
+    });
+  }
+  if (data.optionType === 'avatarLabel') {
+    return /*#__PURE__*/React.createElement(AvatarOptionLabel, {
+      data: data
+    });
+  }
+  return /*#__PURE__*/React.createElement(IconOptionLabel, {
+    data: data
+  });
+};
+export default formatOptionLabel;

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

@@ -0,0 +1,91 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React, { useCallback, useEffect, useRef, useState } from 'react';
+import { useIntl } from 'react-intl-next';
+import { CheckboxOption, PopupSelect } from '@atlaskit/select';
+import { useFieldValues } from '../../hooks/useFieldValues';
+import CustomControl from './control';
+import PopupFooter from './footer';
+import formatOptionLabel from './formatOptionLabel';
+import { asyncPopupSelectMessages } from './messages';
+import PopupTrigger from './trigger';
+// Needed to disable filtering from react-select
+const noFilterOptions = () => true;
+const AsyncPopupSelect = ({
+  filterType,
+  selection,
+  onSelectionChange = () => {}
+}) => {
+  const {
+    formatMessage
+  } = useIntl();
+  const pickerRef = useRef(null);
+  const [searchTerm, setSearchTerm] = useState('');
+  const [selectedOptions, setSelectedOptions] = useState(selection);
+  const {
+    filterOptions,
+    fetchFilterOptions,
+    totalCount,
+    status
+  } = useFieldValues({
+    filterType
+  });
+  const handleInputChange = useCallback((searchString, actionMeta) => {
+    if (actionMeta.action === 'input-change' && searchString !== searchTerm) {
+      setSearchTerm(searchString);
+    }
+  }, [searchTerm]);
+  const handleOptionSelection = newValue => {
+    setSelectedOptions(newValue);
+    onSelectionChange(newValue);
+  };
+  const handleOpenPopup = useCallback(async () => {
+    if (status === 'empty') {
+      fetchFilterOptions();
+    }
+  }, [fetchFilterOptions, status]);
+  useEffect(() => {
+    if (status === 'resolved') {
+      var _pickerRef$current, _pickerRef$current$se, _pickerRef$current$se2;
+      // necessary to refocus the search input after the loading state
+      pickerRef === null || pickerRef === void 0 ? void 0 : (_pickerRef$current = pickerRef.current) === null || _pickerRef$current === void 0 ? void 0 : (_pickerRef$current$se = _pickerRef$current.selectRef) === null || _pickerRef$current$se === void 0 ? void 0 : (_pickerRef$current$se2 = _pickerRef$current$se.inputRef) === null || _pickerRef$current$se2 === void 0 ? void 0 : _pickerRef$current$se2.focus();
+    }
+  }, [status]);
+  return /*#__PURE__*/React.createElement(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(asyncPopupSelectMessages.selectPlaceholder),
+    components: {
+      /* @ts-expect-error - This component has stricter OptionType, hence a temp setup untill its made generic */
+      Option: CheckboxOption,
+      Control: CustomControl
+    },
+    options: filterOptions,
+    value: selectedOptions,
+    filterOption: noFilterOptions,
+    formatOptionLabel: formatOptionLabel,
+    onChange: handleOptionSelection,
+    onInputChange: handleInputChange,
+    target: ({
+      isOpen,
+      ...triggerProps
+    }) => /*#__PURE__*/React.createElement(PopupTrigger, _extends({}, triggerProps, {
+      filterType: filterType,
+      isSelected: isOpen,
+      onClick: handleOpenPopup
+    })),
+    footer: /*#__PURE__*/React.createElement(PopupFooter, {
+      currentDisplayCount: filterOptions.length,
+      totalCount: totalCount
+    })
+  });
+};
+export default AsyncPopupSelect;

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

@@ -0,0 +1,32 @@
+export const 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/es2019/ui/jira-issues-modal/basic-filters/ui/async-popup-select/trigger.js

@@ -0,0 +1,22 @@
+import React, { forwardRef } from 'react';
+import { FormattedMessage } from 'react-intl-next';
+import Button from '@atlaskit/button/standard-button';
+import ChevronDownIcon from '@atlaskit/icon/glyph/chevron-down';
+import { asyncPopupSelectMessages } from './messages';
+const PopupTrigger = /*#__PURE__*/forwardRef(({
+  filterType,
+  isSelected,
+  onClick
+}, ref) => {
+  return /*#__PURE__*/React.createElement(Button, {
+    ref: ref,
+    appearance: "default",
+    isSelected: isSelected,
+    onClick: onClick,
+    testId: `jlol-basic-filter-${filterType}-trigger`,
+    iconAfter: /*#__PURE__*/React.createElement(ChevronDownIcon, {
+      label: ""
+    })
+  }, /*#__PURE__*/React.createElement(FormattedMessage, asyncPopupSelectMessages[`${filterType}Label`]));
+});
+export default PopupTrigger;

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,26 @@
+import React, { useEffect, useState } from 'react';
+import { Flex } from '@atlaskit/primitives';
+import { isValidJql } from '../utils';
+import AsyncPopupSelect from './async-popup-select';
+const availableBasicFilterTypes = ['project', 'issuetype', 'status', 'assignee'];
+const BasicFilterContainer = ({
+  jql
+}) => {
+  const [selection] = useState([]);
+  useEffect(() => {
+    if (isValidJql(jql)) {
+      // hydrate hook call goes in here
+    }
+  }, [jql]);
+  const handleSelectionChange = () => {};
+  return /*#__PURE__*/React.createElement(Flex, {
+    gap: "space.100",
+    testId: "jlol-basic-filter-container"
+  }, availableBasicFilterTypes.map(filter => /*#__PURE__*/React.createElement(AsyncPopupSelect, {
+    filterType: filter,
+    key: filter,
+    selection: selection,
+    onSelectionChange: handleSelectionChange
+  })));
+};
+export default BasicFilterContainer;

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

@@ -0,0 +1,5 @@
+import { JastBuilder } from '@atlaskit/jql-ast';
+export const isValidJql = jql => {
+  const jast = new JastBuilder().build(jql);
+  return jast.errors.length === 0;
+};

package/dist/es2019/ui/jira-issues-modal/jira-search-container/index.js

@@ -4,10 +4,10 @@ import { css, jsx } from '@emotion/react';
 import { useIntl } from 'react-intl-next';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { useDatasourceAnalyticsEvents } from '../../../analytics';
+import { BasicFilters } from '../basic-filters';
 import { BasicSearchInput } from '../basic-search-input';
 import { JiraJQLEditor } from '../jql-editor';
 import { ModeSwitcher } from '../mode-switcher';
-import { BasicFilters } from './basic-filters';
 import { buildJQL } from './buildJQL';
 import { modeSwitcherMessages } from './messages';
 const inputContainerStyles = css({
@@ -92,7 +92,9 @@ export const JiraSearchContainer = props => {
     onChange: handleBasicSearchChange,
     onSearch: handleSearch,
     searchTerm: basicSearchTerm
-  }), showBasicFilters && jsx(BasicFilters, null)), currentSearchMethod === 'jql' && jsx(JiraJQLEditor, {
+  }), showBasicFilters && jsx(BasicFilters, {
+    jql: jql
+  })), currentSearchMethod === 'jql' && jsx(JiraJQLEditor, {
     cloudId: cloudId || '',
     isSearching: isSearching,
     onChange: onQueryChange,

package/dist/esm/analytics/constants.js

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

package/dist/esm/common/zindex.js

@@ -1,2 +1,4 @@
+import { layers } from '@atlaskit/theme/constants';
 export var stickyTableHeadersIndex = 10;
-export var siteSelectorIndex = stickyTableHeadersIndex + 1;
+export var siteSelectorIndex = stickyTableHeadersIndex + 1;
+export var aboveModal = layers.modal() + 1;