@atlaskit/link-picker 1.24.0 → 1.25.0

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 (152) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/dist/cjs/i18n/cs.js +2 -0
  3. package/dist/cjs/i18n/da.js +2 -3
  4. package/dist/cjs/i18n/de.js +2 -0
  5. package/dist/cjs/i18n/en.js +2 -3
  6. package/dist/cjs/i18n/en_GB.js +2 -3
  7. package/dist/cjs/i18n/en_ZZ.js +2 -3
  8. package/dist/cjs/i18n/es.js +2 -0
  9. package/dist/cjs/i18n/fi.js +2 -3
  10. package/dist/cjs/i18n/fr.js +2 -0
  11. package/dist/cjs/i18n/hu.js +2 -0
  12. package/dist/cjs/i18n/it.js +2 -3
  13. package/dist/cjs/i18n/ja.js +2 -3
  14. package/dist/cjs/i18n/ko.js +2 -3
  15. package/dist/cjs/i18n/nb.js +2 -0
  16. package/dist/cjs/i18n/nl.js +2 -3
  17. package/dist/cjs/i18n/pl.js +2 -0
  18. package/dist/cjs/i18n/pt_BR.js +2 -3
  19. package/dist/cjs/i18n/ru.js +2 -3
  20. package/dist/cjs/i18n/sv.js +2 -3
  21. package/dist/cjs/i18n/th.js +2 -3
  22. package/dist/cjs/i18n/tr.js +2 -0
  23. package/dist/cjs/i18n/uk.js +2 -0
  24. package/dist/cjs/i18n/vi.js +2 -3
  25. package/dist/cjs/i18n/zh.js +2 -0
  26. package/dist/cjs/i18n/zh_TW.js +2 -0
  27. package/dist/cjs/ui/link-picker/form-footer/index.js +4 -3
  28. package/dist/cjs/ui/link-picker/form-footer/utils.js +6 -3
  29. package/dist/cjs/ui/link-picker/index.js +18 -8
  30. package/dist/cjs/ui/link-picker/link-search-list/index.js +2 -1
  31. package/dist/cjs/version.json +1 -1
  32. package/dist/es2019/i18n/cs.js +2 -0
  33. package/dist/es2019/i18n/da.js +2 -3
  34. package/dist/es2019/i18n/de.js +2 -0
  35. package/dist/es2019/i18n/en.js +2 -3
  36. package/dist/es2019/i18n/en_GB.js +2 -3
  37. package/dist/es2019/i18n/en_ZZ.js +2 -3
  38. package/dist/es2019/i18n/es.js +2 -0
  39. package/dist/es2019/i18n/fi.js +2 -3
  40. package/dist/es2019/i18n/fr.js +2 -0
  41. package/dist/es2019/i18n/hu.js +2 -0
  42. package/dist/es2019/i18n/it.js +2 -3
  43. package/dist/es2019/i18n/ja.js +2 -3
  44. package/dist/es2019/i18n/ko.js +2 -3
  45. package/dist/es2019/i18n/nb.js +2 -0
  46. package/dist/es2019/i18n/nl.js +2 -3
  47. package/dist/es2019/i18n/pl.js +2 -0
  48. package/dist/es2019/i18n/pt_BR.js +2 -3
  49. package/dist/es2019/i18n/ru.js +2 -3
  50. package/dist/es2019/i18n/sv.js +2 -3
  51. package/dist/es2019/i18n/th.js +2 -3
  52. package/dist/es2019/i18n/tr.js +2 -0
  53. package/dist/es2019/i18n/uk.js +2 -0
  54. package/dist/es2019/i18n/vi.js +2 -3
  55. package/dist/es2019/i18n/zh.js +2 -0
  56. package/dist/es2019/i18n/zh_TW.js +2 -0
  57. package/dist/es2019/ui/link-picker/form-footer/index.js +3 -2
  58. package/dist/es2019/ui/link-picker/form-footer/utils.js +6 -3
  59. package/dist/es2019/ui/link-picker/index.js +18 -8
  60. package/dist/es2019/ui/link-picker/link-search-list/index.js +2 -1
  61. package/dist/es2019/version.json +1 -1
  62. package/dist/esm/i18n/cs.js +2 -0
  63. package/dist/esm/i18n/da.js +2 -3
  64. package/dist/esm/i18n/de.js +2 -0
  65. package/dist/esm/i18n/en.js +2 -3
  66. package/dist/esm/i18n/en_GB.js +2 -3
  67. package/dist/esm/i18n/en_ZZ.js +2 -3
  68. package/dist/esm/i18n/es.js +2 -0
  69. package/dist/esm/i18n/fi.js +2 -3
  70. package/dist/esm/i18n/fr.js +2 -0
  71. package/dist/esm/i18n/hu.js +2 -0
  72. package/dist/esm/i18n/it.js +2 -3
  73. package/dist/esm/i18n/ja.js +2 -3
  74. package/dist/esm/i18n/ko.js +2 -3
  75. package/dist/esm/i18n/nb.js +2 -0
  76. package/dist/esm/i18n/nl.js +2 -3
  77. package/dist/esm/i18n/pl.js +2 -0
  78. package/dist/esm/i18n/pt_BR.js +2 -3
  79. package/dist/esm/i18n/ru.js +2 -3
  80. package/dist/esm/i18n/sv.js +2 -3
  81. package/dist/esm/i18n/th.js +2 -3
  82. package/dist/esm/i18n/tr.js +2 -0
  83. package/dist/esm/i18n/uk.js +2 -0
  84. package/dist/esm/i18n/vi.js +2 -3
  85. package/dist/esm/i18n/zh.js +2 -0
  86. package/dist/esm/i18n/zh_TW.js +2 -0
  87. package/dist/esm/ui/link-picker/form-footer/index.js +4 -3
  88. package/dist/esm/ui/link-picker/form-footer/utils.js +6 -3
  89. package/dist/esm/ui/link-picker/index.js +18 -8
  90. package/dist/esm/ui/link-picker/link-search-list/index.js +2 -1
  91. package/dist/esm/version.json +1 -1
  92. package/dist/types/i18n/cs.d.ts +2 -0
  93. package/dist/types/i18n/da.d.ts +2 -3
  94. package/dist/types/i18n/de.d.ts +2 -0
  95. package/dist/types/i18n/en.d.ts +2 -3
  96. package/dist/types/i18n/en_GB.d.ts +2 -3
  97. package/dist/types/i18n/en_ZZ.d.ts +2 -3
  98. package/dist/types/i18n/es.d.ts +2 -0
  99. package/dist/types/i18n/fi.d.ts +2 -3
  100. package/dist/types/i18n/fr.d.ts +2 -0
  101. package/dist/types/i18n/hu.d.ts +2 -0
  102. package/dist/types/i18n/it.d.ts +2 -3
  103. package/dist/types/i18n/ja.d.ts +2 -3
  104. package/dist/types/i18n/ko.d.ts +2 -3
  105. package/dist/types/i18n/nb.d.ts +2 -0
  106. package/dist/types/i18n/nl.d.ts +2 -3
  107. package/dist/types/i18n/pl.d.ts +2 -0
  108. package/dist/types/i18n/pt_BR.d.ts +2 -3
  109. package/dist/types/i18n/ru.d.ts +2 -3
  110. package/dist/types/i18n/sv.d.ts +2 -3
  111. package/dist/types/i18n/th.d.ts +2 -3
  112. package/dist/types/i18n/tr.d.ts +2 -0
  113. package/dist/types/i18n/uk.d.ts +2 -0
  114. package/dist/types/i18n/vi.d.ts +2 -3
  115. package/dist/types/i18n/zh.d.ts +2 -0
  116. package/dist/types/i18n/zh_TW.d.ts +2 -0
  117. package/dist/types/ui/link-picker/form-footer/index.d.ts +4 -2
  118. package/dist/types/ui/link-picker/form-footer/utils.d.ts +1 -1
  119. package/dist/types/ui/link-picker/index.d.ts +3 -0
  120. package/dist/types/ui/link-picker/link-search-list/index.d.ts +1 -0
  121. package/dist/types-ts4.5/i18n/cs.d.ts +2 -0
  122. package/dist/types-ts4.5/i18n/da.d.ts +2 -3
  123. package/dist/types-ts4.5/i18n/de.d.ts +2 -0
  124. package/dist/types-ts4.5/i18n/en.d.ts +2 -3
  125. package/dist/types-ts4.5/i18n/en_GB.d.ts +2 -3
  126. package/dist/types-ts4.5/i18n/en_ZZ.d.ts +2 -3
  127. package/dist/types-ts4.5/i18n/es.d.ts +2 -0
  128. package/dist/types-ts4.5/i18n/fi.d.ts +2 -3
  129. package/dist/types-ts4.5/i18n/fr.d.ts +2 -0
  130. package/dist/types-ts4.5/i18n/hu.d.ts +2 -0
  131. package/dist/types-ts4.5/i18n/it.d.ts +2 -3
  132. package/dist/types-ts4.5/i18n/ja.d.ts +2 -3
  133. package/dist/types-ts4.5/i18n/ko.d.ts +2 -3
  134. package/dist/types-ts4.5/i18n/nb.d.ts +2 -0
  135. package/dist/types-ts4.5/i18n/nl.d.ts +2 -3
  136. package/dist/types-ts4.5/i18n/pl.d.ts +2 -0
  137. package/dist/types-ts4.5/i18n/pt_BR.d.ts +2 -3
  138. package/dist/types-ts4.5/i18n/ru.d.ts +2 -3
  139. package/dist/types-ts4.5/i18n/sv.d.ts +2 -3
  140. package/dist/types-ts4.5/i18n/th.d.ts +2 -3
  141. package/dist/types-ts4.5/i18n/tr.d.ts +2 -0
  142. package/dist/types-ts4.5/i18n/uk.d.ts +2 -0
  143. package/dist/types-ts4.5/i18n/vi.d.ts +2 -3
  144. package/dist/types-ts4.5/i18n/zh.d.ts +2 -0
  145. package/dist/types-ts4.5/i18n/zh_TW.d.ts +2 -0
  146. package/dist/types-ts4.5/ui/link-picker/form-footer/index.d.ts +4 -2
  147. package/dist/types-ts4.5/ui/link-picker/form-footer/utils.d.ts +1 -1
  148. package/dist/types-ts4.5/ui/link-picker/index.d.ts +3 -0
  149. package/dist/types-ts4.5/ui/link-picker/link-search-list/index.d.ts +1 -0
  150. package/package.json +5 -5
  151. package/report.api.md +1 -0
  152. package/tmp/api-report-tmp.d.ts +1 -0
@@ -29,9 +29,8 @@ export default {
29
29
  'fabric.linkPicker.search.linkPlaceholder': 'Tìm các liên kết gần đây hoặc dán một liên kết mới',
30
30
  'fabric.linkPicker.search.noResults.description': 'Hãy thử lại bằng cụm từ tìm kiếm khác.',
31
31
  'fabric.linkPicker.search.noResults.heading': 'Không tìm thấy bất kỳ nội dung nào phù hợp với yêu cầu tìm kiếm của bạn.',
32
- 'fabric.linkPicker.time.ago': 'trước',
33
- 'fabric.linkPicker.time.updated': 'Đã cập nhật',
34
- 'fabric.linkPicker.time.viewed': 'Đã xem',
32
+ 'fabric.linkPicker.time.message.updated': 'Đã cập nhật {time}',
33
+ 'fabric.linkPicker.time.message.viewed': 'Đã xem {time}',
35
34
  'fabric.linkPicker.unhandledError.description': 'Hãy thử tải lại trang.',
36
35
  'fabric.linkPicker.unhandledError.heading': 'Đã xảy ra lỗi!'
37
36
  };
@@ -29,6 +29,8 @@ export default {
29
29
  'fabric.linkPicker.search.linkPlaceholder': '查找最近的链接或粘贴新链接',
30
30
  'fabric.linkPicker.search.noResults.description': '请使用其他词语重试。',
31
31
  'fabric.linkPicker.search.noResults.heading': '未找到符合搜索条件的内容。',
32
+ 'fabric.linkPicker.time.message.updated': '更新时间:{time}',
33
+ 'fabric.linkPicker.time.message.viewed': '查看时间:{time}',
32
34
  'fabric.linkPicker.unhandledError.description': '请尝试重新加载该页面。',
33
35
  'fabric.linkPicker.unhandledError.heading': '出错了!'
34
36
  };
@@ -29,6 +29,8 @@ export default {
29
29
  'fabric.linkPicker.search.linkPlaceholder': '尋找最近的連結或貼上新連結',
30
30
  'fabric.linkPicker.search.noResults.description': '請使用不同的字詞再試一次。',
31
31
  'fabric.linkPicker.search.noResults.heading': '我們找不到任何符合您搜尋的項目。',
32
+ 'fabric.linkPicker.time.message.updated': '更新時間:{time}',
33
+ 'fabric.linkPicker.time.message.viewed': '檢視時間:{time}',
32
34
  'fabric.linkPicker.unhandledError.description': '請嘗試重新載入頁面。',
33
35
  'fabric.linkPicker.unhandledError.heading': '發生錯誤!'
34
36
  };
@@ -1,6 +1,6 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
2
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
3
- var _excluded = ["isLoading", "error", "state", "items", "isEditing", "onCancel", "action"];
3
+ var _excluded = ["isLoading", "error", "url", "queryState", "items", "isEditing", "onCancel", "action"];
4
4
  /** @jsx jsx */
5
5
  import { jsx } from '@emotion/react';
6
6
  import { memo } from 'react';
@@ -35,7 +35,8 @@ export var testIds = {
35
35
  var FormFooter = function FormFooter(_ref) {
36
36
  var isLoading = _ref.isLoading,
37
37
  error = _ref.error,
38
- state = _ref.state,
38
+ url = _ref.url,
39
+ queryState = _ref.queryState,
39
40
  items = _ref.items,
40
41
  isEditing = _ref.isEditing,
41
42
  onCancel = _ref.onCancel,
@@ -45,7 +46,7 @@ var FormFooter = function FormFooter(_ref) {
45
46
  if (error && error instanceof UnauthenticatedError) {
46
47
  return null;
47
48
  }
48
- var isSubmitDisabled = checkSubmitDisabled(isLoading, error, state, items);
49
+ var isSubmitDisabled = checkSubmitDisabled(isLoading, error, url, queryState, items);
49
50
  var insertButtonMsg = isEditing ? messages.saveButton : messages.insertButton;
50
51
  return jsx("footer", _extends({
51
52
  css: formFooterStyles
@@ -1,10 +1,13 @@
1
1
  import { normalizeUrl } from '@atlaskit/linking-common/url';
2
- export var checkSubmitDisabled = function checkSubmitDisabled(isLoading, error, state, items) {
2
+ export var checkSubmitDisabled = function checkSubmitDisabled(isLoading, error, url, queryState, items) {
3
3
  /*
4
4
  * Enable insert when search term is a valid url and it can be normalized
5
5
  * Need to explicitly enable it here otherwise next condition could meet
6
+ *
7
+ * This should effectively be the validation function for the form, ie if the form
8
+ * could be submitted, then it should not be disabled
6
9
  */
7
- if (state && normalizeUrl(state.query)) {
10
+ if (url && normalizeUrl(url)) {
8
11
  return false;
9
12
  }
10
13
 
@@ -12,7 +15,7 @@ export var checkSubmitDisabled = function checkSubmitDisabled(isLoading, error,
12
15
  * Disable insert button when plugin returns no results,
13
16
  * but not if it is a valid url
14
17
  */
15
- if (state && (items === null || items === void 0 ? void 0 : items.length) === 0) {
18
+ if (queryState && (items === null || items === void 0 ? void 0 : items.length) === 0) {
16
19
  return true;
17
20
  }
18
21
 
@@ -30,6 +30,8 @@ import FormFooter, { testIds as formFooterTestIds } from './form-footer';
30
30
  import { getDataSource, getScreenReaderText, handleNavKeyDown } from './utils';
31
31
  import TrackTabViewed from './track-tab-viewed';
32
32
  import TrackMount from './track-mount';
33
+ import { spinnerContainerStyles } from './link-search-list/styled';
34
+ import Spinner from '@atlaskit/spinner/spinner';
33
35
  export var RECENT_SEARCH_LIST_SIZE = 5;
34
36
  export var testIds = _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
35
37
  linkPickerRoot: 'link-picker-root',
@@ -82,6 +84,7 @@ function LinkPicker(_ref) {
82
84
  onCancel = _ref.onCancel,
83
85
  onContentResize = _ref.onContentResize,
84
86
  plugins = _ref.plugins,
87
+ isLoadingPlugins = _ref.isLoadingPlugins,
85
88
  initUrl = _ref.url,
86
89
  initDisplayText = _ref.displayText,
87
90
  hideDisplayText = _ref.hideDisplayText,
@@ -105,14 +108,14 @@ function LinkPicker(_ref) {
105
108
  var queryState = useSearchQuery(state);
106
109
  var _usePlugins = usePlugins(queryState, activeTab, plugins),
107
110
  items = _usePlugins.items,
108
- isLoading = _usePlugins.isLoading,
111
+ isLoadingResults = _usePlugins.isLoading,
109
112
  isActivePlugin = _usePlugins.isActivePlugin,
110
113
  activePlugin = _usePlugins.activePlugin,
111
114
  tabs = _usePlugins.tabs,
112
115
  error = _usePlugins.error,
113
116
  retry = _usePlugins.retry,
114
117
  pluginAction = _usePlugins.pluginAction;
115
- var fixListHeightProps = useFixHeight(isLoading);
118
+ var fixListHeightProps = useFixHeight(isLoadingResults);
116
119
  var isEditing = !!initUrl;
117
120
  var selectedItem = items === null || items === void 0 ? void 0 : items[selectedIndex];
118
121
  var isSelectedItem = (selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.url) === url;
@@ -123,7 +126,7 @@ function LinkPicker(_ref) {
123
126
  if (onContentResize) {
124
127
  onContentResize();
125
128
  }
126
- }, [onContentResize, items, isLoading, isActivePlugin, tabs]);
129
+ }, [onContentResize, items, isLoadingResults, isActivePlugin, tabs]);
127
130
  var handleChangeUrl = useCallback(function (e) {
128
131
  /** Any on change event is triggered by manual input or paste, so source is null */
129
132
  trackAttribute('linkFieldContentInputSource', null);
@@ -335,7 +338,12 @@ function LinkPicker(_ref) {
335
338
  "aria-label": intl.formatMessage(linkTextMessages.linkTextAriaLabel),
336
339
  onClear: handleClear,
337
340
  onChange: handleChangeText
338
- }), isActivePlugin && !!queryState && jsx(Fragment, null, tabs.length > 0 && jsx("div", {
341
+ }), isLoadingPlugins && !!queryState && jsx("div", {
342
+ css: spinnerContainerStyles
343
+ }, jsx(Spinner, {
344
+ testId: testIds.tabsLoadingIndicator,
345
+ size: "medium"
346
+ })), !isLoadingPlugins && isActivePlugin && !!queryState && jsx(Fragment, null, tabs.length > 0 && jsx("div", {
339
347
  css: tabsWrapperStyles
340
348
  }, jsx(Tabs, {
341
349
  id: testIds.tabList,
@@ -350,7 +358,7 @@ function LinkPicker(_ref) {
350
358
  id: linkSearchListId,
351
359
  role: "listbox",
352
360
  items: items,
353
- isLoading: isLoading,
361
+ isLoading: isLoadingResults,
354
362
  selectedIndex: selectedIndex,
355
363
  activeIndex: activeIndex,
356
364
  onSelect: handleSelected,
@@ -360,9 +368,11 @@ function LinkPicker(_ref) {
360
368
  activePlugin: activePlugin
361
369
  }), error && ((_activePlugin$errorFa = activePlugin === null || activePlugin === void 0 ? void 0 : (_activePlugin$errorFa2 = activePlugin.errorFallback) === null || _activePlugin$errorFa2 === void 0 ? void 0 : _activePlugin$errorFa2.call(activePlugin, error, retry)) !== null && _activePlugin$errorFa !== void 0 ? _activePlugin$errorFa : jsx(LinkSearchError, null)))), jsx(FormFooter, {
362
370
  error: error,
363
- items: items,
364
- state: queryState,
365
- isLoading: isLoading,
371
+ items: items
372
+ /** If the results section appears to be loading, impact whether the submit button is disabled */,
373
+ isLoading: isLoadingResults || !!isLoadingPlugins,
374
+ queryState: queryState,
375
+ url: url,
366
376
  isEditing: isEditing,
367
377
  onCancel: onCancel,
368
378
  action: pluginAction,
@@ -38,7 +38,8 @@ export var testIds = _objectSpread(_objectSpread({}, noResultsTestIds), {}, {
38
38
  resultListTitle: 'link-picker-list-title',
39
39
  searchResultItem: 'link-search-list-item',
40
40
  searchResultList: 'link-search-list',
41
- searchResultLoadingIndicator: 'link-picker.results-loading-indicator'
41
+ searchResultLoadingIndicator: 'link-picker.results-loading-indicator',
42
+ tabsLoadingIndicator: 'link-picker.tabs-loading-indicator'
42
43
  });
43
44
  var LinkSearchList = /*#__PURE__*/forwardRef(function (_ref, ref) {
44
45
  var onChange = _ref.onChange,
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/link-picker",
3
- "version": "1.24.0",
3
+ "version": "1.25.0",
4
4
  "sideEffects": false
5
5
  }
@@ -27,6 +27,8 @@ declare const _default: {
27
27
  'fabric.linkPicker.search.linkPlaceholder': string;
28
28
  'fabric.linkPicker.search.noResults.description': string;
29
29
  'fabric.linkPicker.search.noResults.heading': string;
30
+ 'fabric.linkPicker.time.message.updated': string;
31
+ 'fabric.linkPicker.time.message.viewed': string;
30
32
  'fabric.linkPicker.unhandledError.description': string;
31
33
  'fabric.linkPicker.unhandledError.heading': string;
32
34
  };
@@ -27,9 +27,8 @@ declare const _default: {
27
27
  'fabric.linkPicker.search.linkPlaceholder': string;
28
28
  'fabric.linkPicker.search.noResults.description': string;
29
29
  'fabric.linkPicker.search.noResults.heading': string;
30
- 'fabric.linkPicker.time.ago': string;
31
- 'fabric.linkPicker.time.updated': string;
32
- 'fabric.linkPicker.time.viewed': string;
30
+ 'fabric.linkPicker.time.message.updated': string;
31
+ 'fabric.linkPicker.time.message.viewed': string;
33
32
  'fabric.linkPicker.unhandledError.description': string;
34
33
  'fabric.linkPicker.unhandledError.heading': string;
35
34
  };
@@ -27,6 +27,8 @@ declare const _default: {
27
27
  'fabric.linkPicker.search.linkPlaceholder': string;
28
28
  'fabric.linkPicker.search.noResults.description': string;
29
29
  'fabric.linkPicker.search.noResults.heading': string;
30
+ 'fabric.linkPicker.time.message.updated': string;
31
+ 'fabric.linkPicker.time.message.viewed': string;
30
32
  'fabric.linkPicker.unhandledError.description': string;
31
33
  'fabric.linkPicker.unhandledError.heading': string;
32
34
  };
@@ -27,9 +27,8 @@ declare const _default: {
27
27
  'fabric.linkPicker.search.linkPlaceholder': string;
28
28
  'fabric.linkPicker.search.noResults.description': string;
29
29
  'fabric.linkPicker.search.noResults.heading': string;
30
- 'fabric.linkPicker.time.ago': string;
31
- 'fabric.linkPicker.time.updated': string;
32
- 'fabric.linkPicker.time.viewed': string;
30
+ 'fabric.linkPicker.time.message.updated': string;
31
+ 'fabric.linkPicker.time.message.viewed': string;
33
32
  'fabric.linkPicker.unhandledError.description': string;
34
33
  'fabric.linkPicker.unhandledError.heading': string;
35
34
  };
@@ -27,9 +27,8 @@ declare const _default: {
27
27
  'fabric.linkPicker.search.linkPlaceholder': string;
28
28
  'fabric.linkPicker.search.noResults.description': string;
29
29
  'fabric.linkPicker.search.noResults.heading': string;
30
- 'fabric.linkPicker.time.ago': string;
31
- 'fabric.linkPicker.time.updated': string;
32
- 'fabric.linkPicker.time.viewed': string;
30
+ 'fabric.linkPicker.time.message.updated': string;
31
+ 'fabric.linkPicker.time.message.viewed': string;
33
32
  'fabric.linkPicker.unhandledError.description': string;
34
33
  'fabric.linkPicker.unhandledError.heading': string;
35
34
  };
@@ -27,9 +27,8 @@ declare const _default: {
27
27
  'fabric.linkPicker.search.linkPlaceholder': string;
28
28
  'fabric.linkPicker.search.noResults.description': string;
29
29
  'fabric.linkPicker.search.noResults.heading': string;
30
- 'fabric.linkPicker.time.ago': string;
31
- 'fabric.linkPicker.time.updated': string;
32
- 'fabric.linkPicker.time.viewed': string;
30
+ 'fabric.linkPicker.time.message.updated': string;
31
+ 'fabric.linkPicker.time.message.viewed': string;
33
32
  'fabric.linkPicker.unhandledError.description': string;
34
33
  'fabric.linkPicker.unhandledError.heading': string;
35
34
  };
@@ -27,6 +27,8 @@ declare const _default: {
27
27
  'fabric.linkPicker.search.linkPlaceholder': string;
28
28
  'fabric.linkPicker.search.noResults.description': string;
29
29
  'fabric.linkPicker.search.noResults.heading': string;
30
+ 'fabric.linkPicker.time.message.updated': string;
31
+ 'fabric.linkPicker.time.message.viewed': string;
30
32
  'fabric.linkPicker.unhandledError.description': string;
31
33
  'fabric.linkPicker.unhandledError.heading': string;
32
34
  };
@@ -27,9 +27,8 @@ declare const _default: {
27
27
  'fabric.linkPicker.search.linkPlaceholder': string;
28
28
  'fabric.linkPicker.search.noResults.description': string;
29
29
  'fabric.linkPicker.search.noResults.heading': string;
30
- 'fabric.linkPicker.time.ago': string;
31
- 'fabric.linkPicker.time.updated': string;
32
- 'fabric.linkPicker.time.viewed': string;
30
+ 'fabric.linkPicker.time.message.updated': string;
31
+ 'fabric.linkPicker.time.message.viewed': string;
33
32
  'fabric.linkPicker.unhandledError.description': string;
34
33
  'fabric.linkPicker.unhandledError.heading': string;
35
34
  };
@@ -27,6 +27,8 @@ declare const _default: {
27
27
  'fabric.linkPicker.search.linkPlaceholder': string;
28
28
  'fabric.linkPicker.search.noResults.description': string;
29
29
  'fabric.linkPicker.search.noResults.heading': string;
30
+ 'fabric.linkPicker.time.message.updated': string;
31
+ 'fabric.linkPicker.time.message.viewed': string;
30
32
  'fabric.linkPicker.unhandledError.description': string;
31
33
  'fabric.linkPicker.unhandledError.heading': string;
32
34
  };
@@ -27,6 +27,8 @@ declare const _default: {
27
27
  'fabric.linkPicker.search.linkPlaceholder': string;
28
28
  'fabric.linkPicker.search.noResults.description': string;
29
29
  'fabric.linkPicker.search.noResults.heading': string;
30
+ 'fabric.linkPicker.time.message.updated': string;
31
+ 'fabric.linkPicker.time.message.viewed': string;
30
32
  'fabric.linkPicker.unhandledError.description': string;
31
33
  'fabric.linkPicker.unhandledError.heading': string;
32
34
  };
@@ -27,9 +27,8 @@ declare const _default: {
27
27
  'fabric.linkPicker.search.linkPlaceholder': string;
28
28
  'fabric.linkPicker.search.noResults.description': string;
29
29
  'fabric.linkPicker.search.noResults.heading': string;
30
- 'fabric.linkPicker.time.ago': string;
31
- 'fabric.linkPicker.time.updated': string;
32
- 'fabric.linkPicker.time.viewed': string;
30
+ 'fabric.linkPicker.time.message.updated': string;
31
+ 'fabric.linkPicker.time.message.viewed': string;
33
32
  'fabric.linkPicker.unhandledError.description': string;
34
33
  'fabric.linkPicker.unhandledError.heading': string;
35
34
  };
@@ -27,9 +27,8 @@ declare const _default: {
27
27
  'fabric.linkPicker.search.linkPlaceholder': string;
28
28
  'fabric.linkPicker.search.noResults.description': string;
29
29
  'fabric.linkPicker.search.noResults.heading': string;
30
- 'fabric.linkPicker.time.ago': string;
31
- 'fabric.linkPicker.time.updated': string;
32
- 'fabric.linkPicker.time.viewed': string;
30
+ 'fabric.linkPicker.time.message.updated': string;
31
+ 'fabric.linkPicker.time.message.viewed': string;
33
32
  'fabric.linkPicker.unhandledError.description': string;
34
33
  'fabric.linkPicker.unhandledError.heading': string;
35
34
  };
@@ -27,9 +27,8 @@ declare const _default: {
27
27
  'fabric.linkPicker.search.linkPlaceholder': string;
28
28
  'fabric.linkPicker.search.noResults.description': string;
29
29
  'fabric.linkPicker.search.noResults.heading': string;
30
- 'fabric.linkPicker.time.ago': string;
31
- 'fabric.linkPicker.time.updated': string;
32
- 'fabric.linkPicker.time.viewed': string;
30
+ 'fabric.linkPicker.time.message.updated': string;
31
+ 'fabric.linkPicker.time.message.viewed': string;
33
32
  'fabric.linkPicker.unhandledError.description': string;
34
33
  'fabric.linkPicker.unhandledError.heading': string;
35
34
  };
@@ -27,6 +27,8 @@ declare const _default: {
27
27
  'fabric.linkPicker.search.linkPlaceholder': string;
28
28
  'fabric.linkPicker.search.noResults.description': string;
29
29
  'fabric.linkPicker.search.noResults.heading': string;
30
+ 'fabric.linkPicker.time.message.updated': string;
31
+ 'fabric.linkPicker.time.message.viewed': string;
30
32
  'fabric.linkPicker.unhandledError.description': string;
31
33
  'fabric.linkPicker.unhandledError.heading': string;
32
34
  };
@@ -27,9 +27,8 @@ declare const _default: {
27
27
  'fabric.linkPicker.search.linkPlaceholder': string;
28
28
  'fabric.linkPicker.search.noResults.description': string;
29
29
  'fabric.linkPicker.search.noResults.heading': string;
30
- 'fabric.linkPicker.time.ago': string;
31
- 'fabric.linkPicker.time.updated': string;
32
- 'fabric.linkPicker.time.viewed': string;
30
+ 'fabric.linkPicker.time.message.updated': string;
31
+ 'fabric.linkPicker.time.message.viewed': string;
33
32
  'fabric.linkPicker.unhandledError.description': string;
34
33
  'fabric.linkPicker.unhandledError.heading': string;
35
34
  };
@@ -27,6 +27,8 @@ declare const _default: {
27
27
  'fabric.linkPicker.search.linkPlaceholder': string;
28
28
  'fabric.linkPicker.search.noResults.description': string;
29
29
  'fabric.linkPicker.search.noResults.heading': string;
30
+ 'fabric.linkPicker.time.message.updated': string;
31
+ 'fabric.linkPicker.time.message.viewed': string;
30
32
  'fabric.linkPicker.unhandledError.description': string;
31
33
  'fabric.linkPicker.unhandledError.heading': string;
32
34
  };
@@ -27,9 +27,8 @@ declare const _default: {
27
27
  'fabric.linkPicker.search.linkPlaceholder': string;
28
28
  'fabric.linkPicker.search.noResults.description': string;
29
29
  'fabric.linkPicker.search.noResults.heading': string;
30
- 'fabric.linkPicker.time.ago': string;
31
- 'fabric.linkPicker.time.updated': string;
32
- 'fabric.linkPicker.time.viewed': string;
30
+ 'fabric.linkPicker.time.message.updated': string;
31
+ 'fabric.linkPicker.time.message.viewed': string;
33
32
  'fabric.linkPicker.unhandledError.description': string;
34
33
  'fabric.linkPicker.unhandledError.heading': string;
35
34
  };
@@ -27,9 +27,8 @@ declare const _default: {
27
27
  'fabric.linkPicker.search.linkPlaceholder': string;
28
28
  'fabric.linkPicker.search.noResults.description': string;
29
29
  'fabric.linkPicker.search.noResults.heading': string;
30
- 'fabric.linkPicker.time.ago': string;
31
- 'fabric.linkPicker.time.updated': string;
32
- 'fabric.linkPicker.time.viewed': string;
30
+ 'fabric.linkPicker.time.message.updated': string;
31
+ 'fabric.linkPicker.time.message.viewed': string;
33
32
  'fabric.linkPicker.unhandledError.description': string;
34
33
  'fabric.linkPicker.unhandledError.heading': string;
35
34
  };
@@ -27,9 +27,8 @@ declare const _default: {
27
27
  'fabric.linkPicker.search.linkPlaceholder': string;
28
28
  'fabric.linkPicker.search.noResults.description': string;
29
29
  'fabric.linkPicker.search.noResults.heading': string;
30
- 'fabric.linkPicker.time.ago': string;
31
- 'fabric.linkPicker.time.updated': string;
32
- 'fabric.linkPicker.time.viewed': string;
30
+ 'fabric.linkPicker.time.message.updated': string;
31
+ 'fabric.linkPicker.time.message.viewed': string;
33
32
  'fabric.linkPicker.unhandledError.description': string;
34
33
  'fabric.linkPicker.unhandledError.heading': string;
35
34
  };
@@ -27,9 +27,8 @@ declare const _default: {
27
27
  'fabric.linkPicker.search.linkPlaceholder': string;
28
28
  'fabric.linkPicker.search.noResults.description': string;
29
29
  'fabric.linkPicker.search.noResults.heading': string;
30
- 'fabric.linkPicker.time.ago': string;
31
- 'fabric.linkPicker.time.updated': string;
32
- 'fabric.linkPicker.time.viewed': string;
30
+ 'fabric.linkPicker.time.message.updated': string;
31
+ 'fabric.linkPicker.time.message.viewed': string;
33
32
  'fabric.linkPicker.unhandledError.description': string;
34
33
  'fabric.linkPicker.unhandledError.heading': string;
35
34
  };
@@ -27,6 +27,8 @@ declare const _default: {
27
27
  'fabric.linkPicker.search.linkPlaceholder': string;
28
28
  'fabric.linkPicker.search.noResults.description': string;
29
29
  'fabric.linkPicker.search.noResults.heading': string;
30
+ 'fabric.linkPicker.time.message.updated': string;
31
+ 'fabric.linkPicker.time.message.viewed': string;
30
32
  'fabric.linkPicker.unhandledError.description': string;
31
33
  'fabric.linkPicker.unhandledError.heading': string;
32
34
  };
@@ -27,6 +27,8 @@ declare const _default: {
27
27
  'fabric.linkPicker.search.linkPlaceholder': string;
28
28
  'fabric.linkPicker.search.noResults.description': string;
29
29
  'fabric.linkPicker.search.noResults.heading': string;
30
+ 'fabric.linkPicker.time.message.updated': string;
31
+ 'fabric.linkPicker.time.message.viewed': string;
30
32
  'fabric.linkPicker.unhandledError.description': string;
31
33
  'fabric.linkPicker.unhandledError.heading': string;
32
34
  };
@@ -27,9 +27,8 @@ declare const _default: {
27
27
  'fabric.linkPicker.search.linkPlaceholder': string;
28
28
  'fabric.linkPicker.search.noResults.description': string;
29
29
  'fabric.linkPicker.search.noResults.heading': string;
30
- 'fabric.linkPicker.time.ago': string;
31
- 'fabric.linkPicker.time.updated': string;
32
- 'fabric.linkPicker.time.viewed': string;
30
+ 'fabric.linkPicker.time.message.updated': string;
31
+ 'fabric.linkPicker.time.message.viewed': string;
33
32
  'fabric.linkPicker.unhandledError.description': string;
34
33
  'fabric.linkPicker.unhandledError.heading': string;
35
34
  };
@@ -27,6 +27,8 @@ declare const _default: {
27
27
  'fabric.linkPicker.search.linkPlaceholder': string;
28
28
  'fabric.linkPicker.search.noResults.description': string;
29
29
  'fabric.linkPicker.search.noResults.heading': string;
30
+ 'fabric.linkPicker.time.message.updated': string;
31
+ 'fabric.linkPicker.time.message.viewed': string;
30
32
  'fabric.linkPicker.unhandledError.description': string;
31
33
  'fabric.linkPicker.unhandledError.heading': string;
32
34
  };
@@ -27,6 +27,8 @@ declare const _default: {
27
27
  'fabric.linkPicker.search.linkPlaceholder': string;
28
28
  'fabric.linkPicker.search.noResults.description': string;
29
29
  'fabric.linkPicker.search.noResults.heading': string;
30
+ 'fabric.linkPicker.time.message.updated': string;
31
+ 'fabric.linkPicker.time.message.viewed': string;
30
32
  'fabric.linkPicker.unhandledError.description': string;
31
33
  'fabric.linkPicker.unhandledError.heading': string;
32
34
  };
@@ -8,13 +8,15 @@ export declare const testIds: {
8
8
  readonly actionButton: "link-picker-action-button";
9
9
  };
10
10
  interface FormFooterProps extends React.HTMLAttributes<HTMLElement> {
11
+ /** If the results section appears to be loading, impact whether the submit button is disabled */
11
12
  isLoading: boolean;
12
13
  error: unknown | null;
13
- state: LinkPickerState | null;
14
+ url: string;
15
+ queryState: LinkPickerState | null;
14
16
  items: LinkSearchListItemData[] | null;
15
17
  isEditing?: boolean;
16
18
  onCancel?: () => void;
17
19
  action?: LinkPickerPluginAction;
18
20
  }
19
- declare const _default: import("react").MemoExoticComponent<({ isLoading, error, state, items, isEditing, onCancel, action, ...restProps }: FormFooterProps) => jsx.JSX.Element | null>;
21
+ declare const _default: import("react").MemoExoticComponent<({ isLoading, error, url, queryState, items, isEditing, onCancel, action, ...restProps }: FormFooterProps) => jsx.JSX.Element | null>;
20
22
  export default _default;
@@ -1,2 +1,2 @@
1
1
  import { LinkPickerState, LinkSearchListItemData } from '../../types';
2
- export declare const checkSubmitDisabled: (isLoading: boolean, error: unknown | null, state: LinkPickerState | null, items: LinkSearchListItemData[] | null) => boolean;
2
+ export declare const checkSubmitDisabled: (isLoading: boolean, error: unknown | null, url: string, queryState: LinkPickerState | null, items: LinkSearchListItemData[] | null) => boolean;
@@ -11,6 +11,7 @@ export declare const testIds: {
11
11
  readonly searchResultItem: string;
12
12
  readonly searchResultList: string;
13
13
  readonly searchResultLoadingIndicator: string;
14
+ readonly tabsLoadingIndicator: string;
14
15
  readonly emptyResultPage: string;
15
16
  readonly searchError: string;
16
17
  readonly insertButton: "link-picker-insert-button";
@@ -58,6 +59,8 @@ export interface LinkPickerProps {
58
59
  displayText?: string | null;
59
60
  /** Plugins that provide link suggestions / search capabilities. */
60
61
  plugins?: LinkPickerPlugin[];
62
+ /** If set true, Link picker will show the loading spinner where the tabs and results will show. */
63
+ isLoadingPlugins?: boolean;
61
64
  /** Customise the link picker root component */
62
65
  component?: React.ComponentType<Partial<LinkPickerProps> & {
63
66
  children: React.ReactElement;
@@ -23,6 +23,7 @@ export declare const testIds: {
23
23
  searchResultItem: string;
24
24
  searchResultList: string;
25
25
  searchResultLoadingIndicator: string;
26
+ tabsLoadingIndicator: string;
26
27
  emptyResultPage: string;
27
28
  };
28
29
  type LinkSearchListElement = HTMLElement;
@@ -27,6 +27,8 @@ declare const _default: {
27
27
  'fabric.linkPicker.search.linkPlaceholder': string;
28
28
  'fabric.linkPicker.search.noResults.description': string;
29
29
  'fabric.linkPicker.search.noResults.heading': string;
30
+ 'fabric.linkPicker.time.message.updated': string;
31
+ 'fabric.linkPicker.time.message.viewed': string;
30
32
  'fabric.linkPicker.unhandledError.description': string;
31
33
  'fabric.linkPicker.unhandledError.heading': string;
32
34
  };
@@ -27,9 +27,8 @@ declare const _default: {
27
27
  'fabric.linkPicker.search.linkPlaceholder': string;
28
28
  'fabric.linkPicker.search.noResults.description': string;
29
29
  'fabric.linkPicker.search.noResults.heading': string;
30
- 'fabric.linkPicker.time.ago': string;
31
- 'fabric.linkPicker.time.updated': string;
32
- 'fabric.linkPicker.time.viewed': string;
30
+ 'fabric.linkPicker.time.message.updated': string;
31
+ 'fabric.linkPicker.time.message.viewed': string;
33
32
  'fabric.linkPicker.unhandledError.description': string;
34
33
  'fabric.linkPicker.unhandledError.heading': string;
35
34
  };
@@ -27,6 +27,8 @@ declare const _default: {
27
27
  'fabric.linkPicker.search.linkPlaceholder': string;
28
28
  'fabric.linkPicker.search.noResults.description': string;
29
29
  'fabric.linkPicker.search.noResults.heading': string;
30
+ 'fabric.linkPicker.time.message.updated': string;
31
+ 'fabric.linkPicker.time.message.viewed': string;
30
32
  'fabric.linkPicker.unhandledError.description': string;
31
33
  'fabric.linkPicker.unhandledError.heading': string;
32
34
  };
@@ -27,9 +27,8 @@ declare const _default: {
27
27
  'fabric.linkPicker.search.linkPlaceholder': string;
28
28
  'fabric.linkPicker.search.noResults.description': string;
29
29
  'fabric.linkPicker.search.noResults.heading': string;
30
- 'fabric.linkPicker.time.ago': string;
31
- 'fabric.linkPicker.time.updated': string;
32
- 'fabric.linkPicker.time.viewed': string;
30
+ 'fabric.linkPicker.time.message.updated': string;
31
+ 'fabric.linkPicker.time.message.viewed': string;
33
32
  'fabric.linkPicker.unhandledError.description': string;
34
33
  'fabric.linkPicker.unhandledError.heading': string;
35
34
  };
@@ -27,9 +27,8 @@ declare const _default: {
27
27
  'fabric.linkPicker.search.linkPlaceholder': string;
28
28
  'fabric.linkPicker.search.noResults.description': string;
29
29
  'fabric.linkPicker.search.noResults.heading': string;
30
- 'fabric.linkPicker.time.ago': string;
31
- 'fabric.linkPicker.time.updated': string;
32
- 'fabric.linkPicker.time.viewed': string;
30
+ 'fabric.linkPicker.time.message.updated': string;
31
+ 'fabric.linkPicker.time.message.viewed': string;
33
32
  'fabric.linkPicker.unhandledError.description': string;
34
33
  'fabric.linkPicker.unhandledError.heading': string;
35
34
  };
@@ -27,9 +27,8 @@ declare const _default: {
27
27
  'fabric.linkPicker.search.linkPlaceholder': string;
28
28
  'fabric.linkPicker.search.noResults.description': string;
29
29
  'fabric.linkPicker.search.noResults.heading': string;
30
- 'fabric.linkPicker.time.ago': string;
31
- 'fabric.linkPicker.time.updated': string;
32
- 'fabric.linkPicker.time.viewed': string;
30
+ 'fabric.linkPicker.time.message.updated': string;
31
+ 'fabric.linkPicker.time.message.viewed': string;
33
32
  'fabric.linkPicker.unhandledError.description': string;
34
33
  'fabric.linkPicker.unhandledError.heading': string;
35
34
  };
@@ -27,6 +27,8 @@ declare const _default: {
27
27
  'fabric.linkPicker.search.linkPlaceholder': string;
28
28
  'fabric.linkPicker.search.noResults.description': string;
29
29
  'fabric.linkPicker.search.noResults.heading': string;
30
+ 'fabric.linkPicker.time.message.updated': string;
31
+ 'fabric.linkPicker.time.message.viewed': string;
30
32
  'fabric.linkPicker.unhandledError.description': string;
31
33
  'fabric.linkPicker.unhandledError.heading': string;
32
34
  };