@atlaskit/link-datasource 1.7.3 → 1.7.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (79) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/dist/cjs/analytics/constants.js +1 -1
  3. package/dist/cjs/i18n/es.js +1 -1
  4. package/dist/cjs/i18n/fi.js +1 -1
  5. package/dist/cjs/i18n/fr.js +1 -1
  6. package/dist/cjs/i18n/hu.js +1 -1
  7. package/dist/cjs/i18n/it.js +1 -1
  8. package/dist/cjs/i18n/ko.js +1 -1
  9. package/dist/cjs/i18n/nb.js +1 -1
  10. package/dist/cjs/i18n/nl.js +1 -1
  11. package/dist/cjs/i18n/pt_BR.js +1 -1
  12. package/dist/cjs/i18n/sv.js +1 -1
  13. package/dist/cjs/i18n/tr.js +1 -1
  14. package/dist/cjs/i18n/vi.js +1 -1
  15. package/dist/cjs/i18n/zh.js +1 -1
  16. package/dist/cjs/i18n/zh_TW.js +1 -1
  17. package/dist/cjs/ui/assets-modal/modal/index.js +1 -1
  18. package/dist/cjs/ui/issue-like-table/column-picker/index.js +18 -13
  19. package/dist/cjs/ui/issue-like-table/column-picker/messages.js +5 -0
  20. package/dist/cjs/ui/jira-issues-modal/basic-search-input/messages.js +1 -1
  21. package/dist/cjs/ui/jira-issues-modal/initial-state-view/index.js +39 -10
  22. package/dist/cjs/ui/jira-issues-modal/initial-state-view/messages.js +14 -4
  23. package/dist/cjs/ui/jira-issues-modal/jira-search-container/index.js +19 -19
  24. package/dist/cjs/ui/jira-issues-modal/modal/index.js +18 -9
  25. package/dist/es2019/analytics/constants.js +1 -1
  26. package/dist/es2019/i18n/es.js +1 -1
  27. package/dist/es2019/i18n/fi.js +1 -1
  28. package/dist/es2019/i18n/fr.js +1 -1
  29. package/dist/es2019/i18n/hu.js +1 -1
  30. package/dist/es2019/i18n/it.js +1 -1
  31. package/dist/es2019/i18n/ko.js +1 -1
  32. package/dist/es2019/i18n/nb.js +1 -1
  33. package/dist/es2019/i18n/nl.js +1 -1
  34. package/dist/es2019/i18n/pt_BR.js +1 -1
  35. package/dist/es2019/i18n/sv.js +1 -1
  36. package/dist/es2019/i18n/tr.js +1 -1
  37. package/dist/es2019/i18n/vi.js +1 -1
  38. package/dist/es2019/i18n/zh.js +1 -1
  39. package/dist/es2019/i18n/zh_TW.js +1 -1
  40. package/dist/es2019/ui/assets-modal/modal/index.js +1 -1
  41. package/dist/es2019/ui/issue-like-table/column-picker/index.js +5 -2
  42. package/dist/es2019/ui/issue-like-table/column-picker/messages.js +5 -0
  43. package/dist/es2019/ui/jira-issues-modal/basic-search-input/messages.js +1 -1
  44. package/dist/es2019/ui/jira-issues-modal/initial-state-view/index.js +47 -21
  45. package/dist/es2019/ui/jira-issues-modal/initial-state-view/messages.js +14 -4
  46. package/dist/es2019/ui/jira-issues-modal/jira-search-container/index.js +19 -19
  47. package/dist/es2019/ui/jira-issues-modal/modal/index.js +15 -9
  48. package/dist/esm/analytics/constants.js +1 -1
  49. package/dist/esm/i18n/es.js +1 -1
  50. package/dist/esm/i18n/fi.js +1 -1
  51. package/dist/esm/i18n/fr.js +1 -1
  52. package/dist/esm/i18n/hu.js +1 -1
  53. package/dist/esm/i18n/it.js +1 -1
  54. package/dist/esm/i18n/ko.js +1 -1
  55. package/dist/esm/i18n/nb.js +1 -1
  56. package/dist/esm/i18n/nl.js +1 -1
  57. package/dist/esm/i18n/pt_BR.js +1 -1
  58. package/dist/esm/i18n/sv.js +1 -1
  59. package/dist/esm/i18n/tr.js +1 -1
  60. package/dist/esm/i18n/vi.js +1 -1
  61. package/dist/esm/i18n/zh.js +1 -1
  62. package/dist/esm/i18n/zh_TW.js +1 -1
  63. package/dist/esm/ui/assets-modal/modal/index.js +1 -1
  64. package/dist/esm/ui/issue-like-table/column-picker/index.js +18 -13
  65. package/dist/esm/ui/issue-like-table/column-picker/messages.js +5 -0
  66. package/dist/esm/ui/jira-issues-modal/basic-search-input/messages.js +1 -1
  67. package/dist/esm/ui/jira-issues-modal/initial-state-view/index.js +39 -11
  68. package/dist/esm/ui/jira-issues-modal/initial-state-view/messages.js +14 -4
  69. package/dist/esm/ui/jira-issues-modal/jira-search-container/index.js +19 -19
  70. package/dist/esm/ui/jira-issues-modal/modal/index.js +18 -9
  71. package/dist/types/ui/issue-like-table/column-picker/messages.d.ts +5 -0
  72. package/dist/types/ui/jira-issues-modal/initial-state-view/index.d.ts +6 -1
  73. package/dist/types/ui/jira-issues-modal/initial-state-view/messages.d.ts +11 -1
  74. package/dist/types/ui/jira-issues-modal/jira-search-container/index.d.ts +2 -1
  75. package/dist/types-ts4.5/ui/issue-like-table/column-picker/messages.d.ts +5 -0
  76. package/dist/types-ts4.5/ui/jira-issues-modal/initial-state-view/index.d.ts +6 -1
  77. package/dist/types-ts4.5/ui/jira-issues-modal/initial-state-view/messages.d.ts +11 -1
  78. package/dist/types-ts4.5/ui/jira-issues-modal/jira-search-container/index.d.ts +2 -1
  79. package/package.json +2 -2
package/CHANGELOG.md CHANGED
@@ -1,5 +1,18 @@
1
1
  # @atlaskit/link-datasource
2
2
 
3
+ ## 1.7.5
4
+
5
+ ### Patch Changes
6
+
7
+ - [#40232](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/40232) [`b8c29cec088`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b8c29cec088) - [ux] Make JQL mode to be selected by default
8
+
9
+ ## 1.7.4
10
+
11
+ ### Patch Changes
12
+
13
+ - [#41481](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/41481) [`5b8e224d195`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5b8e224d195) - [ux] Adds tooltip to column picker
14
+ - Updated dependencies
15
+
3
16
  ## 1.7.3
4
17
 
5
18
  ### Patch Changes
@@ -7,5 +7,5 @@ exports.packageMetaData = exports.EVENT_CHANNEL = void 0;
7
7
  var EVENT_CHANNEL = exports.EVENT_CHANNEL = 'media';
8
8
  var packageMetaData = exports.packageMetaData = {
9
9
  packageName: "@atlaskit/link-datasource",
10
- packageVersion: "1.7.3"
10
+ packageVersion: "1.7.5"
11
11
  };
@@ -47,7 +47,7 @@ var _default = exports.default = {
47
47
  'linkDataSource.jira-issues.refresh': 'Actualizar',
48
48
  'linkDataSource.jira-issues.unableToLoadItems': 'No se han podido cargar los elementos',
49
49
  'linkDataSource.jira-issues.unableToLoadResults': 'No se pueden cargar los resultados',
50
- 'linkDataSource.modal-initial-state.learnMoreLink': 'Obtén más información sobre cómo realizar búsquedas con JQL.',
50
+ 'linkDataSource.modal-initial-state.learnMoreLink': 'Más información sobre cómo realizar búsquedas con JQL',
51
51
  'linkDataSource.modal-initial-state.searchDescription': 'Empieza a escribir o utiliza JQL para buscar.',
52
52
  'linkDataSource.modal-initial-state.searchTitle': 'Buscar incidencias de Jira',
53
53
  'linkDataSource.render-type.boolean.false': 'No',
@@ -47,7 +47,7 @@ var _default = exports.default = {
47
47
  'linkDataSource.jira-issues.refresh': 'Päivitä',
48
48
  'linkDataSource.jira-issues.unableToLoadItems': 'Kohteiden lataus ei onnistu',
49
49
  'linkDataSource.jira-issues.unableToLoadResults': 'Tulosten lataus epäonnistui',
50
- 'linkDataSource.modal-initial-state.learnMoreLink': 'Lue lisää JQL-hausta.',
50
+ 'linkDataSource.modal-initial-state.learnMoreLink': 'Lue lisää JQL-hausta',
51
51
  'linkDataSource.modal-initial-state.searchDescription': 'Aloita haku kirjoittamalla tai käyttämällä JQL:ää.',
52
52
  'linkDataSource.modal-initial-state.searchTitle': 'Hae Jira-asioita',
53
53
  'linkDataSource.render-type.boolean.false': 'Ei',
@@ -47,7 +47,7 @@ var _default = exports.default = {
47
47
  'linkDataSource.jira-issues.refresh': 'Actualiser',
48
48
  'linkDataSource.jira-issues.unableToLoadItems': 'Chargement de certains éléments impossible',
49
49
  'linkDataSource.jira-issues.unableToLoadResults': 'Impossible de charger les résultats',
50
- 'linkDataSource.modal-initial-state.learnMoreLink': 'En savoir plus sur la recherche JQL',
50
+ 'linkDataSource.modal-initial-state.learnMoreLink': "En savoir plus sur la recherche à l'aide d'une requête JQL",
51
51
  'linkDataSource.modal-initial-state.searchDescription': 'Commencez à taper ou à utiliser JQL pour effectuer une recherche.',
52
52
  'linkDataSource.modal-initial-state.searchTitle': 'Rechercher des tickets Jira',
53
53
  'linkDataSource.render-type.boolean.false': 'Non',
@@ -47,7 +47,7 @@ var _default = exports.default = {
47
47
  'linkDataSource.jira-issues.refresh': 'Frissítés',
48
48
  'linkDataSource.jira-issues.unableToLoadItems': 'Nem sikerült betölteni a tételeket',
49
49
  'linkDataSource.jira-issues.unableToLoadResults': 'Nem lehet betölteni a találatokat',
50
- 'linkDataSource.modal-initial-state.learnMoreLink': 'További információ a JQL-lel történő keresésről.',
50
+ 'linkDataSource.modal-initial-state.learnMoreLink': 'További információ a JQL-lel történő keresésről',
51
51
  'linkDataSource.modal-initial-state.searchDescription': 'A kereséshez kezdj el gépelni vagy használj JQL-t.',
52
52
  'linkDataSource.modal-initial-state.searchTitle': 'Jira-ügyek keresése',
53
53
  'linkDataSource.render-type.boolean.false': 'Nem',
@@ -47,7 +47,7 @@ var _default = exports.default = {
47
47
  'linkDataSource.jira-issues.refresh': 'Aggiorna',
48
48
  'linkDataSource.jira-issues.unableToLoadItems': 'Impossibile caricare gli elementi',
49
49
  'linkDataSource.jira-issues.unableToLoadResults': 'Impossibile caricare i risultati',
50
- 'linkDataSource.modal-initial-state.learnMoreLink': 'Scopri di più sulla ricerca con JQL.',
50
+ 'linkDataSource.modal-initial-state.learnMoreLink': 'Scopri di più sulla ricerca con JQL',
51
51
  'linkDataSource.modal-initial-state.searchDescription': 'Inizia a digitare o utilizza JQL per la ricerca.',
52
52
  'linkDataSource.modal-initial-state.searchTitle': 'Cerca ticket Jira',
53
53
  'linkDataSource.render-type.boolean.false': 'No',
@@ -47,7 +47,7 @@ var _default = exports.default = {
47
47
  'linkDataSource.jira-issues.refresh': '새로 고침',
48
48
  'linkDataSource.jira-issues.unableToLoadItems': '항목을 로드할 수 없음',
49
49
  'linkDataSource.jira-issues.unableToLoadResults': '결과를 로드할 수 없음',
50
- 'linkDataSource.modal-initial-state.learnMoreLink': 'JQL을 사용한 검색에 대해 자세히 알아보세요.',
50
+ 'linkDataSource.modal-initial-state.learnMoreLink': 'JQL을 사용한 검색에 대해 자세히 알아보기',
51
51
  'linkDataSource.modal-initial-state.searchDescription': '입력을 시작하거나 JQL을 사용하여 검색합니다.',
52
52
  'linkDataSource.modal-initial-state.searchTitle': 'Jira 이슈 검색',
53
53
  'linkDataSource.render-type.boolean.false': '아니요',
@@ -47,7 +47,7 @@ var _default = exports.default = {
47
47
  'linkDataSource.jira-issues.refresh': 'Oppdater',
48
48
  'linkDataSource.jira-issues.unableToLoadItems': 'Kan ikke laste inn elementer',
49
49
  'linkDataSource.jira-issues.unableToLoadResults': 'Kan ikke laste inn resultater',
50
- 'linkDataSource.modal-initial-state.learnMoreLink': 'Finn ut mer om det å søke med JQL.',
50
+ 'linkDataSource.modal-initial-state.learnMoreLink': 'Finn ut mer om å søke med JQL',
51
51
  'linkDataSource.modal-initial-state.searchDescription': 'Begynn å skrive eller bruk JQL for å søke.',
52
52
  'linkDataSource.modal-initial-state.searchTitle': 'Søk etter Jira-saker',
53
53
  'linkDataSource.render-type.boolean.false': 'Nei',
@@ -47,7 +47,7 @@ var _default = exports.default = {
47
47
  'linkDataSource.jira-issues.refresh': 'Vernieuwen',
48
48
  'linkDataSource.jira-issues.unableToLoadItems': 'Kan items niet laden',
49
49
  'linkDataSource.jira-issues.unableToLoadResults': 'Resultaten kunnen niet worden geladen',
50
- 'linkDataSource.modal-initial-state.learnMoreLink': 'Meer informatie over zoeken met JQL.',
50
+ 'linkDataSource.modal-initial-state.learnMoreLink': 'Meer informatie over zoeken met JQL',
51
51
  'linkDataSource.modal-initial-state.searchDescription': 'Begin met typen of gebruik een JQL om te zoeken.',
52
52
  'linkDataSource.modal-initial-state.searchTitle': 'Zoek naar Jira-issues',
53
53
  'linkDataSource.render-type.boolean.false': 'Nee',
@@ -47,7 +47,7 @@ var _default = exports.default = {
47
47
  'linkDataSource.jira-issues.refresh': 'Atualizar',
48
48
  'linkDataSource.jira-issues.unableToLoadItems': 'Não foi possível carregar os itens',
49
49
  'linkDataSource.jira-issues.unableToLoadResults': 'Não é possível carregar os resultados',
50
- 'linkDataSource.modal-initial-state.learnMoreLink': 'Saiba mais sobre a pesquisa com o JQL.',
50
+ 'linkDataSource.modal-initial-state.learnMoreLink': 'Saiba mais sobre como pesquisar com o JQL',
51
51
  'linkDataSource.modal-initial-state.searchDescription': 'Comece a digitar ou use o JQL para pesquisar.',
52
52
  'linkDataSource.modal-initial-state.searchTitle': 'Pesquisar itens do Jira',
53
53
  'linkDataSource.render-type.boolean.false': 'Não',
@@ -47,7 +47,7 @@ var _default = exports.default = {
47
47
  'linkDataSource.jira-issues.refresh': 'Uppdatera',
48
48
  'linkDataSource.jira-issues.unableToLoadItems': 'Det gick inte att läsa in objekten',
49
49
  'linkDataSource.jira-issues.unableToLoadResults': 'Det gick inte att läsa in resultat',
50
- 'linkDataSource.modal-initial-state.learnMoreLink': 'Läs mer om att söka med JQL.',
50
+ 'linkDataSource.modal-initial-state.learnMoreLink': 'Läs mer om att söka med JQL',
51
51
  'linkDataSource.modal-initial-state.searchDescription': 'Börja skriva eller använd JQL för att söka.',
52
52
  'linkDataSource.modal-initial-state.searchTitle': 'Sök efter Jira-ärenden',
53
53
  'linkDataSource.render-type.boolean.false': 'Nej',
@@ -47,7 +47,7 @@ var _default = exports.default = {
47
47
  'linkDataSource.jira-issues.refresh': 'Yenile',
48
48
  'linkDataSource.jira-issues.unableToLoadItems': 'Öğeler yüklenemiyor',
49
49
  'linkDataSource.jira-issues.unableToLoadResults': 'Sonuçlar yüklenemiyor',
50
- 'linkDataSource.modal-initial-state.learnMoreLink': 'JQL ile arama yapmak hakkında daha fazla bilgi edinin.',
50
+ 'linkDataSource.modal-initial-state.learnMoreLink': 'JQL ile arama yapmak hakkında daha fazla bilgi edinin',
51
51
  'linkDataSource.modal-initial-state.searchDescription': 'Aramak için yazmaya başlayın veya JQL kullanın.',
52
52
  'linkDataSource.modal-initial-state.searchTitle': 'Jira konuları arayın',
53
53
  'linkDataSource.render-type.boolean.false': 'Hayır',
@@ -47,7 +47,7 @@ var _default = exports.default = {
47
47
  'linkDataSource.jira-issues.refresh': 'Làm mới',
48
48
  'linkDataSource.jira-issues.unableToLoadItems': 'Không thể tải được các mục',
49
49
  'linkDataSource.jira-issues.unableToLoadResults': 'Không tải được kết quả',
50
- 'linkDataSource.modal-initial-state.learnMoreLink': 'Tìm hiểu thêm về việc tìm kiếm bằng JQL.',
50
+ 'linkDataSource.modal-initial-state.learnMoreLink': 'Tìm hiểu thêm về việc tìm kiếm bằng JQL',
51
51
  'linkDataSource.modal-initial-state.searchDescription': 'Bắt đầu nhập hoặc sử dụng JQL để tìm kiếm.',
52
52
  'linkDataSource.modal-initial-state.searchTitle': 'Tìm kiếm vấn đề Jira',
53
53
  'linkDataSource.render-type.boolean.false': 'Không',
@@ -47,7 +47,7 @@ var _default = exports.default = {
47
47
  'linkDataSource.jira-issues.refresh': '刷新',
48
48
  'linkDataSource.jira-issues.unableToLoadItems': '无法加载项目',
49
49
  'linkDataSource.jira-issues.unableToLoadResults': '无法加载结果',
50
- 'linkDataSource.modal-initial-state.learnMoreLink': '详细了解如何使用 JQL 进行搜索。',
50
+ 'linkDataSource.modal-initial-state.learnMoreLink': '详细了解如何使用 JQL 进行搜索',
51
51
  'linkDataSource.modal-initial-state.searchDescription': '开始输入搜索内容或使用 JQL 进行搜索。',
52
52
  'linkDataSource.modal-initial-state.searchTitle': '搜索 Jira 事务',
53
53
  'linkDataSource.render-type.boolean.false': '否',
@@ -47,7 +47,7 @@ var _default = exports.default = {
47
47
  'linkDataSource.jira-issues.refresh': '重新整理',
48
48
  'linkDataSource.jira-issues.unableToLoadItems': '無法載入項目',
49
49
  'linkDataSource.jira-issues.unableToLoadResults': '無法載入結果',
50
- 'linkDataSource.modal-initial-state.learnMoreLink': '進一步了解如何使用 JQL 進行搜尋。',
50
+ 'linkDataSource.modal-initial-state.learnMoreLink': '進一步了解如何使用 JQL 進行搜尋',
51
51
  'linkDataSource.modal-initial-state.searchDescription': '開始輸入或使用 JQL 進行搜尋。',
52
52
  'linkDataSource.modal-initial-state.searchTitle': '搜尋 Jira 議題',
53
53
  'linkDataSource.render-type.boolean.false': '否',
@@ -234,7 +234,7 @@ var analyticsContextAttributes = {
234
234
  };
235
235
  var analyticsContextData = {
236
236
  packageName: "@atlaskit/link-datasource",
237
- packageVersion: "1.7.3",
237
+ packageVersion: "1.7.5",
238
238
  source: 'datasourceConfigModal'
239
239
  };
240
240
  var contextData = _objectSpread(_objectSpread({}, analyticsContextData), {}, {
@@ -16,6 +16,7 @@ var _standardButton = _interopRequireDefault(require("@atlaskit/button/standard-
16
16
  var _board = _interopRequireDefault(require("@atlaskit/icon/glyph/board"));
17
17
  var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-down"));
18
18
  var _select = require("@atlaskit/select");
19
+ var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
19
20
  var _ufoExperiences = require("../../../analytics/ufoExperiences");
20
21
  var _concatenatedMenuList = require("./concatenated-menu-list");
21
22
  var _messages = require("./messages");
@@ -140,19 +141,23 @@ var ColumnPicker = exports.ColumnPicker = function ColumnPicker(_ref) {
140
141
  target: function target(_ref8) {
141
142
  var isOpen = _ref8.isOpen,
142
143
  triggerProps = (0, _objectWithoutProperties2.default)(_ref8, _excluded);
143
- return (0, _react2.jsx)(_standardButton.default, (0, _extends2.default)({}, triggerProps, {
144
- isSelected: isOpen,
145
- iconBefore: (0, _react2.jsx)("div", null, (0, _react2.jsx)(_board.default, {
146
- label: "board",
147
- size: "medium"
148
- }), (0, _react2.jsx)(_chevronDown.default, {
149
- label: "down",
150
- size: "medium"
151
- })),
152
- spacing: "compact",
153
- appearance: "subtle",
154
- testId: "column-picker-trigger-button"
155
- }));
144
+ return (0, _react2.jsx)(_tooltip.default, {
145
+ content: intl.formatMessage(_messages.columnPickerMessages.tooltip)
146
+ }, function (tooltipProps) {
147
+ return (0, _react2.jsx)(_standardButton.default, (0, _extends2.default)({}, tooltipProps, triggerProps, {
148
+ isSelected: isOpen,
149
+ iconBefore: (0, _react2.jsx)("div", null, (0, _react2.jsx)(_board.default, {
150
+ label: "board",
151
+ size: "medium"
152
+ }), (0, _react2.jsx)(_chevronDown.default, {
153
+ label: "down",
154
+ size: "medium"
155
+ })),
156
+ spacing: "compact",
157
+ appearance: "subtle",
158
+ testId: "column-picker-trigger-button"
159
+ }));
160
+ });
156
161
  }
157
162
  });
158
163
  };
@@ -20,5 +20,10 @@ var columnPickerMessages = exports.columnPickerMessages = (0, _reactIntlNext.def
20
20
  id: 'linkDataSource.column-picker.search',
21
21
  description: 'Search bar message to look for more fields',
22
22
  defaultMessage: 'Search for fields'
23
+ },
24
+ tooltip: {
25
+ id: 'linkDataSource.column-picker.tooltip',
26
+ description: 'Tooltip message for the column picker button',
27
+ defaultMessage: 'Configure columns'
23
28
  }
24
29
  });
@@ -9,6 +9,6 @@ var basicSearchInputMessages = exports.basicSearchInputMessages = (0, _reactIntl
9
9
  basicTextSearchLabel: {
10
10
  id: 'linkDataSource.jira-issues.configmodal.basicTextSearchPlaceholder',
11
11
  description: 'Placeholder text for the search input box',
12
- defaultMessage: 'Search'
12
+ defaultMessage: 'Search for issues by keyword'
13
13
  }
14
14
  });
@@ -1,11 +1,14 @@
1
1
  "use strict";
2
2
 
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
3
4
  Object.defineProperty(exports, "__esModule", {
4
5
  value: true
5
6
  });
6
7
  exports.InitialStateView = void 0;
7
8
  var _react = require("@emotion/react");
8
9
  var _reactIntlNext = require("react-intl-next");
10
+ var _lozenge = _interopRequireDefault(require("@atlaskit/lozenge"));
11
+ var _colors = require("@atlaskit/theme/colors");
9
12
  var _initialStateSvg = require("./assets/initial-state-svg");
10
13
  var _messages = require("./messages");
11
14
  /** @jsx jsx */
@@ -19,19 +22,38 @@ var svgAndTextsWrapperStyles = (0, _react.css)({
19
22
  textAlign: 'center',
20
23
  alignSelf: 'center',
21
24
  paddingTop: "var(--ds-space-600, 48px)",
22
- paddingBottom: "var(--ds-space-600, 48px)"
25
+ paddingBottom: "var(--ds-space-600, 48px)",
26
+ width: '260px'
27
+ });
28
+ var betaTagStyles = (0, _react.css)({
29
+ display: 'flex'
23
30
  });
24
31
  var searchTitleStyles = (0, _react.css)({
25
- fontWeight: "var(--ds-font-weight-semibold, 600)",
26
- fontSize: "var(--ds-font-size-200, 16px)",
32
+ color: "var(--ds-text-subtlest, ".concat(_colors.N300, ")"),
33
+ fontWeight: "var(--ds-font-weight-medium, 500)",
34
+ fontSize: "var(--ds-font-size-300, 20px)",
27
35
  lineHeight: "var(--ds-font-lineHeight-300, 24px)",
28
36
  paddingTop: "var(--ds-space-200, 16px)",
29
- paddingBottom: "var(--ds-space-100, 8px)"
37
+ paddingBottom: "var(--ds-space-100, 8px)",
38
+ display: 'flex',
39
+ justifyContent: 'center',
40
+ alignItems: 'center',
41
+ gap: "var(--ds-space-100, 8px)"
42
+ });
43
+ var mainTextStyles = (0, _react.css)({
44
+ color: "var(--ds-text-subtlest, ".concat(_colors.N300, ")")
30
45
  });
46
+ var learnMoreLinkStyles = (0, _react.css)({
47
+ paddingTop: "var(--ds-space-200, 16px)",
48
+ display: 'inline-block'
49
+ });
50
+ var methodToDescriptionMessage = {
51
+ basic: _messages.initialStateViewMessages.searchDescriptionForBasicSearch,
52
+ jql: _messages.initialStateViewMessages.searchDescriptionForJQLSearch
53
+ };
31
54
  var jqlSupportDocumentLink = 'https://support.atlassian.com/jira-service-management-cloud/docs/use-advanced-search-with-jira-query-language-jql/';
32
- var InitialStateView = exports.InitialStateView = function InitialStateView() {
33
- var _useIntl = (0, _reactIntlNext.useIntl)(),
34
- formatMessage = _useIntl.formatMessage;
55
+ var InitialStateView = exports.InitialStateView = function InitialStateView(_ref) {
56
+ var searchMethod = _ref.searchMethod;
35
57
  return (0, _react.jsx)("div", {
36
58
  css: initialStateViewContainerStyles,
37
59
  "data-testid": "jlol-datasource-modal--initial-state-view"
@@ -39,8 +61,15 @@ var InitialStateView = exports.InitialStateView = function InitialStateView() {
39
61
  css: svgAndTextsWrapperStyles
40
62
  }, (0, _react.jsx)(_initialStateSvg.InitialStateSVG, null), (0, _react.jsx)("div", {
41
63
  css: searchTitleStyles
42
- }, formatMessage(_messages.initialStateViewMessages.searchTitle)), (0, _react.jsx)("div", null, formatMessage(_messages.initialStateViewMessages.searchDescription)), (0, _react.jsx)("a", {
64
+ }, (0, _react.jsx)("div", {
65
+ css: betaTagStyles
66
+ }, (0, _react.jsx)(_lozenge.default, {
67
+ appearance: "new"
68
+ }, (0, _react.jsx)(_reactIntlNext.FormattedMessage, _messages.initialStateViewMessages.beta))), (0, _react.jsx)(_reactIntlNext.FormattedMessage, _messages.initialStateViewMessages.searchTitle)), (0, _react.jsx)("div", {
69
+ css: mainTextStyles
70
+ }, (0, _react.jsx)(_reactIntlNext.FormattedMessage, methodToDescriptionMessage[searchMethod])), searchMethod === 'jql' ? (0, _react.jsx)("a", {
43
71
  href: jqlSupportDocumentLink,
44
- target: "_blank"
45
- }, formatMessage(_messages.initialStateViewMessages.learnMoreLink))));
72
+ target: "_blank",
73
+ css: learnMoreLinkStyles
74
+ }, (0, _react.jsx)(_reactIntlNext.FormattedMessage, _messages.initialStateViewMessages.learnMoreLink)) : null));
46
75
  };
@@ -11,14 +11,24 @@ var initialStateViewMessages = exports.initialStateViewMessages = (0, _reactIntl
11
11
  description: 'The initial modal search state title that gives the user some idea about how to get information',
12
12
  defaultMessage: 'Search for Jira issues'
13
13
  },
14
- searchDescription: {
14
+ beta: {
15
+ id: 'linkDataSource.modal-initial-state.beta',
16
+ description: 'Beta lozenge',
17
+ defaultMessage: 'Beta'
18
+ },
19
+ searchDescriptionForBasicSearch: {
20
+ id: 'linkDataSource.modal-initial-state.searchDescription',
21
+ description: 'The initial modal search state helper message displayed under the search title when basic search mode is selected',
22
+ defaultMessage: 'Search by keyword for issues to insert.'
23
+ },
24
+ searchDescriptionForJQLSearch: {
15
25
  id: 'linkDataSource.modal-initial-state.searchDescription',
16
- description: 'The initial modal search state helper message displayed under the search title',
17
- defaultMessage: 'Start typing or use JQL to search.'
26
+ description: 'The initial modal search state helper message displayed under the search title when JQL search mode is selected',
27
+ defaultMessage: 'Use JQL (Jira Query Language) to search for issues.'
18
28
  },
19
29
  learnMoreLink: {
20
30
  id: 'linkDataSource.modal-initial-state.learnMoreLink',
21
31
  description: 'The link that displays under the search description to help people know more about JQL',
22
- defaultMessage: 'Learn more about searching with JQL'
32
+ defaultMessage: 'Learn how to search with JQL'
23
33
  }
24
34
  });
@@ -5,7 +5,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
5
5
  Object.defineProperty(exports, "__esModule", {
6
6
  value: true
7
7
  });
8
- exports.getInitialSearchMethod = exports.JiraSearchContainer = void 0;
8
+ exports.JiraSearchContainer = void 0;
9
9
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
10
10
  var _react = _interopRequireWildcard(require("react"));
11
11
  var _react2 = require("@emotion/react");
@@ -30,13 +30,12 @@ var inputContainerStyles = (0, _react2.css)({
30
30
  });
31
31
  var DEFAULT_JQL_QUERY = 'created >= -30d order by created DESC';
32
32
  var JiraSearchMethodSwitcher = _modeSwitcher.ModeSwitcher;
33
- var getInitialSearchMethod = exports.getInitialSearchMethod = function getInitialSearchMethod(initialJql) {
34
- return initialJql ? 'jql' : 'basic';
35
- };
36
33
  var JiraSearchContainer = exports.JiraSearchContainer = function JiraSearchContainer(props) {
37
34
  var isSearching = props.isSearching,
38
35
  parameters = props.parameters,
39
- onSearch = props.onSearch;
36
+ onSearch = props.onSearch,
37
+ onSearchMethodChangeCallback = props.onSearchMethodChange,
38
+ initialSearchMethod = props.initialSearchMethod;
40
39
  var _ref = parameters || {},
41
40
  cloudId = _ref.cloudId,
42
41
  initialJql = _ref.jql;
@@ -46,7 +45,7 @@ var JiraSearchContainer = exports.JiraSearchContainer = function JiraSearchConta
46
45
  _useState2 = (0, _slicedToArray2.default)(_useState, 2),
47
46
  basicSearchTerm = _useState2[0],
48
47
  setBasicSearchTerm = _useState2[1];
49
- var _useState3 = (0, _react.useState)(getInitialSearchMethod(initialJql)),
48
+ var _useState3 = (0, _react.useState)(initialSearchMethod),
50
49
  _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
51
50
  currentSearchMethod = _useState4[0],
52
51
  setCurrentSearchMethod = _useState4[1];
@@ -64,10 +63,11 @@ var JiraSearchContainer = exports.JiraSearchContainer = function JiraSearchConta
64
63
  setOrderDirection = _useState10[1];
65
64
  var _useDatasourceAnalyti = (0, _analytics.useDatasourceAnalyticsEvents)(),
66
65
  fireEvent = _useDatasourceAnalyti.fireEvent;
67
- var onSearchModeChange = function onSearchModeChange(searchMode) {
68
- setCurrentSearchMethod(searchMode);
69
- };
70
- var handleBasicSearchChange = function handleBasicSearchChange(e) {
66
+ var onSearchMethodChange = (0, _react.useCallback)(function (searchMethod) {
67
+ onSearchMethodChangeCallback(searchMethod);
68
+ setCurrentSearchMethod(searchMethod);
69
+ }, [onSearchMethodChangeCallback]);
70
+ var handleBasicSearchChange = (0, _react.useCallback)(function (e) {
71
71
  var rawSearch = e.currentTarget.value;
72
72
  setBasicSearchTerm(rawSearch);
73
73
  setJql((0, _buildJQL.buildJQL)({
@@ -75,8 +75,8 @@ var JiraSearchContainer = exports.JiraSearchContainer = function JiraSearchConta
75
75
  orderDirection: orderDirection,
76
76
  orderKey: orderKey
77
77
  }));
78
- };
79
- var onQueryChange = function onQueryChange(query) {
78
+ }, [orderDirection, orderKey]);
79
+ var onQueryChange = (0, _react.useCallback)(function (query) {
80
80
  var _query$split$map$filt, _fragments$at, _fragments$at2, _fragments$at3;
81
81
  // determine if order keys have been set so they can be saved and persisted when changes occur in basic search
82
82
  var fragments = (_query$split$map$filt = query === null || query === void 0 ? void 0 : query.split(/(^| )(order by)( |$)/i).map(function (item) {
@@ -92,8 +92,8 @@ var JiraSearchContainer = exports.JiraSearchContainer = function JiraSearchConta
92
92
  setOrderDirection(order);
93
93
  }
94
94
  setJql(query);
95
- };
96
- var handleSearch = function handleSearch() {
95
+ }, []);
96
+ var handleSearch = (0, _react.useCallback)(function () {
97
97
  onSearch({
98
98
  jql: jql
99
99
  }, currentSearchMethod);
@@ -102,7 +102,7 @@ var JiraSearchContainer = exports.JiraSearchContainer = function JiraSearchConta
102
102
  } else if (currentSearchMethod === 'jql') {
103
103
  fireEvent('ui.jqlEditor.searched', {});
104
104
  }
105
- };
105
+ }, [currentSearchMethod, fireEvent, jql, onSearch]);
106
106
  var showBasicFilters = (0, _react.useMemo)(function () {
107
107
  if ((0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.datasource.show-jlol-basic-filters')) {
108
108
  return true;
@@ -123,14 +123,14 @@ var JiraSearchContainer = exports.JiraSearchContainer = function JiraSearchConta
123
123
  onSearch: handleSearch,
124
124
  query: jql
125
125
  }), (0, _react2.jsx)(JiraSearchMethodSwitcher, {
126
- onOptionValueChange: onSearchModeChange,
126
+ onOptionValueChange: onSearchMethodChange,
127
127
  selectedOptionValue: currentSearchMethod,
128
128
  options: [{
129
- label: formatMessage(_messages.modeSwitcherMessages.basicTextSearchLabel),
130
- value: 'basic'
131
- }, {
132
129
  label: 'JQL',
133
130
  value: 'jql'
131
+ }, {
132
+ label: formatMessage(_messages.modeSwitcherMessages.basicTextSearchLabel),
133
+ value: 'basic'
134
134
  }]
135
135
  }));
136
136
  };
@@ -122,7 +122,12 @@ var PlainJiraIssuesConfigModal = exports.PlainJiraIssuesConfigModal = function P
122
122
  // analytics related parameters
123
123
  var searchCount = (0, _react.useRef)(0);
124
124
  var userInteractionActions = (0, _react.useRef)(new Set());
125
- var lastSearchMethodRef = (0, _react.useRef)(null);
125
+ var initialSearchMethod = 'jql'; // TODO EDM-7688 This where we can add feature that decides if it's basic or jql based on JQL content (Regexp)
126
+ var _useState11 = (0, _react.useState)(initialSearchMethod),
127
+ _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
128
+ currentSearchMethod = _useState12[0],
129
+ setCurrentSearchMethod = _useState12[1];
130
+ var searchMethodSearchedWith = (0, _react.useRef)(null);
126
131
  var visibleColumnCount = (0, _react.useRef)((visibleColumnKeys === null || visibleColumnKeys === void 0 ? void 0 : visibleColumnKeys.length) || 0);
127
132
  var parameters = (0, _react.useMemo)(function () {
128
133
  return !!cloudId ? {
@@ -239,12 +244,12 @@ var PlainJiraIssuesConfigModal = exports.PlainJiraIssuesConfigModal = function P
239
244
  }, [cloudId, selectedJiraSite]);
240
245
  var fireSingleItemViewedEvent = (0, _react.useCallback)(function () {
241
246
  fireEvent('ui.link.viewed.singleItem', _objectSpread(_objectSpread({}, analyticsPayload), {}, {
242
- searchMethod: (0, _utils.mapSearchMethod)(lastSearchMethodRef.current)
247
+ searchMethod: (0, _utils.mapSearchMethod)(searchMethodSearchedWith.current)
243
248
  }));
244
249
  }, [analyticsPayload, fireEvent]);
245
250
  var fireCountViewedEvent = (0, _react.useCallback)(function () {
246
251
  fireEvent('ui.link.viewed.count', _objectSpread(_objectSpread({}, analyticsPayload), {}, {
247
- searchMethod: (0, _utils.mapSearchMethod)(lastSearchMethodRef.current),
252
+ searchMethod: (0, _utils.mapSearchMethod)(searchMethodSearchedWith.current),
248
253
  totalItemCount: totalCount || 0
249
254
  }));
250
255
  }, [analyticsPayload, fireEvent, totalCount]);
@@ -252,7 +257,7 @@ var PlainJiraIssuesConfigModal = exports.PlainJiraIssuesConfigModal = function P
252
257
  if (isDataReady) {
253
258
  fireEvent('ui.table.viewed.datasourceConfigModal', _objectSpread(_objectSpread({}, analyticsPayload), {}, {
254
259
  totalItemCount: totalCount || 0,
255
- searchMethod: (0, _utils.mapSearchMethod)(lastSearchMethodRef.current),
260
+ searchMethod: (0, _utils.mapSearchMethod)(searchMethodSearchedWith.current),
256
261
  displayedColumnCount: visibleColumnCount.current
257
262
  }));
258
263
  }
@@ -283,7 +288,7 @@ var PlainJiraIssuesConfigModal = exports.PlainJiraIssuesConfigModal = function P
283
288
  (0, _useColumnPickerRenderedFailedUfoExperience.useColumnPickerRenderedFailedUfoExperience)(status, modalRenderInstanceId);
284
289
  var onSearch = (0, _react.useCallback)(function (newParameters, searchMethod) {
285
290
  searchCount.current++;
286
- lastSearchMethodRef.current = searchMethod;
291
+ searchMethodSearchedWith.current = searchMethod;
287
292
  if (jql !== newParameters.jql) {
288
293
  userInteractionActions.current.add(_types.DatasourceAction.QUERY_UPDATED);
289
294
  }
@@ -329,7 +334,7 @@ var PlainJiraIssuesConfigModal = exports.PlainJiraIssuesConfigModal = function P
329
334
  displayedColumnCount: visibleColumnCount.current,
330
335
  display: getDisplayValue(currentViewMode, totalCount || 0),
331
336
  searchCount: searchCount.current,
332
- searchMethod: (0, _utils.mapSearchMethod)(lastSearchMethodRef.current),
337
+ searchMethod: (0, _utils.mapSearchMethod)(searchMethodSearchedWith.current),
333
338
  actions: Array.from(userInteractionActions.current)
334
339
  }),
335
340
  eventType: 'ui'
@@ -450,7 +455,9 @@ var PlainJiraIssuesConfigModal = exports.PlainJiraIssuesConfigModal = function P
450
455
  }, !!jql ? (0, _react2.jsx)(_issueLikeTable.EmptyState, {
451
456
  testId: "jira-jql-datasource-modal--empty-state",
452
457
  isLoading: true
453
- }) : (0, _react2.jsx)(_initialStateView.InitialStateView, null));
458
+ }) : (0, _react2.jsx)(_initialStateView.InitialStateView, {
459
+ searchMethod: currentSearchMethod
460
+ }));
454
461
  }
455
462
  var firstIssueUrl = retrieveUrlForSmartCardRender();
456
463
  if (responseItems.length === 1 && firstIssueUrl) {
@@ -461,7 +468,7 @@ var PlainJiraIssuesConfigModal = exports.PlainJiraIssuesConfigModal = function P
461
468
  }));
462
469
  }
463
470
  return issueLikeDataTableView;
464
- }, [status, jqlUrl, resolvedWithNoResults, columns.length, retrieveUrlForSmartCardRender, responseItems.length, issueLikeDataTableView, selectedJiraSite === null || selectedJiraSite === void 0 ? void 0 : selectedJiraSite.displayName, jql]);
471
+ }, [status, jqlUrl, resolvedWithNoResults, columns.length, retrieveUrlForSmartCardRender, responseItems.length, issueLikeDataTableView, selectedJiraSite === null || selectedJiraSite === void 0 ? void 0 : selectedJiraSite.displayName, jql, currentSearchMethod]);
465
472
  return (0, _react2.jsx)(_modalDialog.ModalTransition, null, (0, _react2.jsx)(_modalDialog.default, {
466
473
  testId: 'jira-jql-datasource-modal',
467
474
  onClose: onCancel,
@@ -492,7 +499,9 @@ var PlainJiraIssuesConfigModal = exports.PlainJiraIssuesConfigModal = function P
492
499
  })), (0, _react2.jsx)(_modalDialog.ModalBody, null, (0, _react2.jsx)(_jiraSearchContainer.JiraSearchContainer, {
493
500
  isSearching: status === 'loading',
494
501
  parameters: parameters,
495
- onSearch: onSearch
502
+ onSearch: onSearch,
503
+ initialSearchMethod: initialSearchMethod,
504
+ onSearchMethodChange: setCurrentSearchMethod
496
505
  }), currentViewMode === 'count' ? renderCountModeContent() : renderIssuesModeContent()), (0, _react2.jsx)(_modalDialog.ModalFooter, null, shouldShowIssueCount && (0, _react2.jsx)("div", {
497
506
  "data-testid": "jira-jql-datasource-modal-total-issues-count",
498
507
  css: issueCountStyles
@@ -1,5 +1,5 @@
1
1
  export const EVENT_CHANNEL = 'media';
2
2
  export const packageMetaData = {
3
3
  packageName: "@atlaskit/link-datasource",
4
- packageVersion: "1.7.3"
4
+ packageVersion: "1.7.5"
5
5
  };
@@ -41,7 +41,7 @@ export default {
41
41
  'linkDataSource.jira-issues.refresh': 'Actualizar',
42
42
  'linkDataSource.jira-issues.unableToLoadItems': 'No se han podido cargar los elementos',
43
43
  'linkDataSource.jira-issues.unableToLoadResults': 'No se pueden cargar los resultados',
44
- 'linkDataSource.modal-initial-state.learnMoreLink': 'Obtén más información sobre cómo realizar búsquedas con JQL.',
44
+ 'linkDataSource.modal-initial-state.learnMoreLink': 'Más información sobre cómo realizar búsquedas con JQL',
45
45
  'linkDataSource.modal-initial-state.searchDescription': 'Empieza a escribir o utiliza JQL para buscar.',
46
46
  'linkDataSource.modal-initial-state.searchTitle': 'Buscar incidencias de Jira',
47
47
  'linkDataSource.render-type.boolean.false': 'No',
@@ -41,7 +41,7 @@ export default {
41
41
  'linkDataSource.jira-issues.refresh': 'Päivitä',
42
42
  'linkDataSource.jira-issues.unableToLoadItems': 'Kohteiden lataus ei onnistu',
43
43
  'linkDataSource.jira-issues.unableToLoadResults': 'Tulosten lataus epäonnistui',
44
- 'linkDataSource.modal-initial-state.learnMoreLink': 'Lue lisää JQL-hausta.',
44
+ 'linkDataSource.modal-initial-state.learnMoreLink': 'Lue lisää JQL-hausta',
45
45
  'linkDataSource.modal-initial-state.searchDescription': 'Aloita haku kirjoittamalla tai käyttämällä JQL:ää.',
46
46
  'linkDataSource.modal-initial-state.searchTitle': 'Hae Jira-asioita',
47
47
  'linkDataSource.render-type.boolean.false': 'Ei',
@@ -41,7 +41,7 @@ export default {
41
41
  'linkDataSource.jira-issues.refresh': 'Actualiser',
42
42
  'linkDataSource.jira-issues.unableToLoadItems': 'Chargement de certains éléments impossible',
43
43
  'linkDataSource.jira-issues.unableToLoadResults': 'Impossible de charger les résultats',
44
- 'linkDataSource.modal-initial-state.learnMoreLink': 'En savoir plus sur la recherche JQL',
44
+ 'linkDataSource.modal-initial-state.learnMoreLink': "En savoir plus sur la recherche à l'aide d'une requête JQL",
45
45
  'linkDataSource.modal-initial-state.searchDescription': 'Commencez à taper ou à utiliser JQL pour effectuer une recherche.',
46
46
  'linkDataSource.modal-initial-state.searchTitle': 'Rechercher des tickets Jira',
47
47
  'linkDataSource.render-type.boolean.false': 'Non',
@@ -41,7 +41,7 @@ export default {
41
41
  'linkDataSource.jira-issues.refresh': 'Frissítés',
42
42
  'linkDataSource.jira-issues.unableToLoadItems': 'Nem sikerült betölteni a tételeket',
43
43
  'linkDataSource.jira-issues.unableToLoadResults': 'Nem lehet betölteni a találatokat',
44
- 'linkDataSource.modal-initial-state.learnMoreLink': 'További információ a JQL-lel történő keresésről.',
44
+ 'linkDataSource.modal-initial-state.learnMoreLink': 'További információ a JQL-lel történő keresésről',
45
45
  'linkDataSource.modal-initial-state.searchDescription': 'A kereséshez kezdj el gépelni vagy használj JQL-t.',
46
46
  'linkDataSource.modal-initial-state.searchTitle': 'Jira-ügyek keresése',
47
47
  'linkDataSource.render-type.boolean.false': 'Nem',
@@ -41,7 +41,7 @@ export default {
41
41
  'linkDataSource.jira-issues.refresh': 'Aggiorna',
42
42
  'linkDataSource.jira-issues.unableToLoadItems': 'Impossibile caricare gli elementi',
43
43
  'linkDataSource.jira-issues.unableToLoadResults': 'Impossibile caricare i risultati',
44
- 'linkDataSource.modal-initial-state.learnMoreLink': 'Scopri di più sulla ricerca con JQL.',
44
+ 'linkDataSource.modal-initial-state.learnMoreLink': 'Scopri di più sulla ricerca con JQL',
45
45
  'linkDataSource.modal-initial-state.searchDescription': 'Inizia a digitare o utilizza JQL per la ricerca.',
46
46
  'linkDataSource.modal-initial-state.searchTitle': 'Cerca ticket Jira',
47
47
  'linkDataSource.render-type.boolean.false': 'No',
@@ -41,7 +41,7 @@ export default {
41
41
  'linkDataSource.jira-issues.refresh': '새로 고침',
42
42
  'linkDataSource.jira-issues.unableToLoadItems': '항목을 로드할 수 없음',
43
43
  'linkDataSource.jira-issues.unableToLoadResults': '결과를 로드할 수 없음',
44
- 'linkDataSource.modal-initial-state.learnMoreLink': 'JQL을 사용한 검색에 대해 자세히 알아보세요.',
44
+ 'linkDataSource.modal-initial-state.learnMoreLink': 'JQL을 사용한 검색에 대해 자세히 알아보기',
45
45
  'linkDataSource.modal-initial-state.searchDescription': '입력을 시작하거나 JQL을 사용하여 검색합니다.',
46
46
  'linkDataSource.modal-initial-state.searchTitle': 'Jira 이슈 검색',
47
47
  'linkDataSource.render-type.boolean.false': '아니요',