@atlaskit/link-picker 5.2.0 → 5.3.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 (168) hide show
  1. package/CHANGELOG.md +25 -0
  2. package/dist/cjs/controllers/session-provider/index.js +1 -11
  3. package/dist/cjs/i18n/cs.js +3 -35
  4. package/dist/cjs/i18n/da.js +3 -35
  5. package/dist/cjs/i18n/de.js +3 -35
  6. package/dist/cjs/i18n/en.js +3 -36
  7. package/dist/cjs/i18n/en_GB.js +3 -36
  8. package/dist/cjs/i18n/en_ZZ.js +3 -36
  9. package/dist/cjs/i18n/es.js +3 -35
  10. package/dist/cjs/i18n/fi.js +3 -35
  11. package/dist/cjs/i18n/fr.js +3 -35
  12. package/dist/cjs/i18n/hr.js +3 -35
  13. package/dist/cjs/i18n/hu.js +3 -35
  14. package/dist/cjs/i18n/it.js +3 -35
  15. package/dist/cjs/i18n/ja.js +3 -35
  16. package/dist/cjs/i18n/ko.js +3 -35
  17. package/dist/cjs/i18n/nb.js +3 -35
  18. package/dist/cjs/i18n/nl.js +3 -35
  19. package/dist/cjs/i18n/pl.js +3 -35
  20. package/dist/cjs/i18n/pt_BR.js +3 -35
  21. package/dist/cjs/i18n/ru.js +3 -35
  22. package/dist/cjs/i18n/sl.js +3 -35
  23. package/dist/cjs/i18n/sr_RS.js +3 -35
  24. package/dist/cjs/i18n/sr_YR.js +3 -35
  25. package/dist/cjs/i18n/sv.js +3 -35
  26. package/dist/cjs/i18n/th.js +3 -35
  27. package/dist/cjs/i18n/tr.js +3 -35
  28. package/dist/cjs/i18n/uk.js +3 -35
  29. package/dist/cjs/i18n/vi.js +3 -35
  30. package/dist/cjs/i18n/zh.js +3 -35
  31. package/dist/cjs/i18n/zh_TW.js +3 -35
  32. package/dist/cjs/services/use-plugins/index.js +17 -17
  33. package/dist/cjs/services/use-plugins/utils.js +7 -6
  34. package/dist/cjs/ui/link-picker/index.js +54 -42
  35. package/dist/cjs/ui/link-picker/text-input/index.js +7 -2
  36. package/dist/cjs/ui/main.js +1 -1
  37. package/dist/cjs/ui/messages-provider/lazy-messages-provider/utils/fetch-messages-for-locale.js +22 -22
  38. package/dist/es2019/controllers/session-provider/index.js +1 -9
  39. package/dist/es2019/i18n/cs.js +3 -35
  40. package/dist/es2019/i18n/da.js +3 -35
  41. package/dist/es2019/i18n/de.js +3 -35
  42. package/dist/es2019/i18n/en.js +3 -36
  43. package/dist/es2019/i18n/en_GB.js +3 -36
  44. package/dist/es2019/i18n/en_ZZ.js +3 -36
  45. package/dist/es2019/i18n/es.js +3 -35
  46. package/dist/es2019/i18n/fi.js +3 -35
  47. package/dist/es2019/i18n/fr.js +3 -35
  48. package/dist/es2019/i18n/hr.js +3 -35
  49. package/dist/es2019/i18n/hu.js +3 -35
  50. package/dist/es2019/i18n/it.js +3 -35
  51. package/dist/es2019/i18n/ja.js +3 -35
  52. package/dist/es2019/i18n/ko.js +3 -35
  53. package/dist/es2019/i18n/nb.js +3 -35
  54. package/dist/es2019/i18n/nl.js +3 -35
  55. package/dist/es2019/i18n/pl.js +3 -35
  56. package/dist/es2019/i18n/pt_BR.js +3 -35
  57. package/dist/es2019/i18n/ru.js +3 -35
  58. package/dist/es2019/i18n/sl.js +3 -35
  59. package/dist/es2019/i18n/sr_RS.js +3 -35
  60. package/dist/es2019/i18n/sr_YR.js +3 -35
  61. package/dist/es2019/i18n/sv.js +3 -35
  62. package/dist/es2019/i18n/th.js +3 -35
  63. package/dist/es2019/i18n/tr.js +3 -35
  64. package/dist/es2019/i18n/uk.js +3 -35
  65. package/dist/es2019/i18n/vi.js +3 -35
  66. package/dist/es2019/i18n/zh.js +3 -35
  67. package/dist/es2019/i18n/zh_TW.js +3 -35
  68. package/dist/es2019/ui/link-picker/index.js +20 -7
  69. package/dist/es2019/ui/link-picker/text-input/index.js +10 -5
  70. package/dist/es2019/ui/main.js +1 -1
  71. package/dist/esm/controllers/session-provider/index.js +1 -11
  72. package/dist/esm/i18n/cs.js +3 -35
  73. package/dist/esm/i18n/da.js +3 -35
  74. package/dist/esm/i18n/de.js +3 -35
  75. package/dist/esm/i18n/en.js +3 -36
  76. package/dist/esm/i18n/en_GB.js +3 -36
  77. package/dist/esm/i18n/en_ZZ.js +3 -36
  78. package/dist/esm/i18n/es.js +3 -35
  79. package/dist/esm/i18n/fi.js +3 -35
  80. package/dist/esm/i18n/fr.js +3 -35
  81. package/dist/esm/i18n/hr.js +3 -35
  82. package/dist/esm/i18n/hu.js +3 -35
  83. package/dist/esm/i18n/it.js +3 -35
  84. package/dist/esm/i18n/ja.js +3 -35
  85. package/dist/esm/i18n/ko.js +3 -35
  86. package/dist/esm/i18n/nb.js +3 -35
  87. package/dist/esm/i18n/nl.js +3 -35
  88. package/dist/esm/i18n/pl.js +3 -35
  89. package/dist/esm/i18n/pt_BR.js +3 -35
  90. package/dist/esm/i18n/ru.js +3 -35
  91. package/dist/esm/i18n/sl.js +3 -35
  92. package/dist/esm/i18n/sr_RS.js +3 -35
  93. package/dist/esm/i18n/sr_YR.js +3 -35
  94. package/dist/esm/i18n/sv.js +3 -35
  95. package/dist/esm/i18n/th.js +3 -35
  96. package/dist/esm/i18n/tr.js +3 -35
  97. package/dist/esm/i18n/uk.js +3 -35
  98. package/dist/esm/i18n/vi.js +3 -35
  99. package/dist/esm/i18n/zh.js +3 -35
  100. package/dist/esm/i18n/zh_TW.js +3 -35
  101. package/dist/esm/services/use-plugins/index.js +17 -17
  102. package/dist/esm/services/use-plugins/utils.js +7 -6
  103. package/dist/esm/ui/link-picker/index.js +43 -31
  104. package/dist/esm/ui/link-picker/text-input/index.js +10 -5
  105. package/dist/esm/ui/main.js +1 -1
  106. package/dist/esm/ui/messages-provider/lazy-messages-provider/utils/fetch-messages-for-locale.js +22 -22
  107. package/dist/types/i18n/cs.d.ts +2 -35
  108. package/dist/types/i18n/da.d.ts +2 -35
  109. package/dist/types/i18n/de.d.ts +2 -35
  110. package/dist/types/i18n/en.d.ts +2 -36
  111. package/dist/types/i18n/en_GB.d.ts +2 -36
  112. package/dist/types/i18n/en_ZZ.d.ts +2 -36
  113. package/dist/types/i18n/es.d.ts +2 -35
  114. package/dist/types/i18n/fi.d.ts +2 -35
  115. package/dist/types/i18n/fr.d.ts +2 -35
  116. package/dist/types/i18n/hr.d.ts +2 -35
  117. package/dist/types/i18n/hu.d.ts +2 -35
  118. package/dist/types/i18n/it.d.ts +2 -35
  119. package/dist/types/i18n/ja.d.ts +2 -35
  120. package/dist/types/i18n/ko.d.ts +2 -35
  121. package/dist/types/i18n/nb.d.ts +2 -35
  122. package/dist/types/i18n/nl.d.ts +2 -35
  123. package/dist/types/i18n/pl.d.ts +2 -35
  124. package/dist/types/i18n/pt_BR.d.ts +2 -35
  125. package/dist/types/i18n/ru.d.ts +2 -35
  126. package/dist/types/i18n/sl.d.ts +2 -35
  127. package/dist/types/i18n/sr_RS.d.ts +2 -35
  128. package/dist/types/i18n/sr_YR.d.ts +2 -35
  129. package/dist/types/i18n/sv.d.ts +2 -35
  130. package/dist/types/i18n/th.d.ts +2 -35
  131. package/dist/types/i18n/tr.d.ts +2 -35
  132. package/dist/types/i18n/uk.d.ts +2 -35
  133. package/dist/types/i18n/vi.d.ts +2 -35
  134. package/dist/types/i18n/zh.d.ts +2 -35
  135. package/dist/types/i18n/zh_TW.d.ts +2 -35
  136. package/dist/types/ui/link-picker/text-input/index.d.ts +3 -2
  137. package/dist/types-ts4.5/i18n/cs.d.ts +2 -35
  138. package/dist/types-ts4.5/i18n/da.d.ts +2 -35
  139. package/dist/types-ts4.5/i18n/de.d.ts +2 -35
  140. package/dist/types-ts4.5/i18n/en.d.ts +2 -36
  141. package/dist/types-ts4.5/i18n/en_GB.d.ts +2 -36
  142. package/dist/types-ts4.5/i18n/en_ZZ.d.ts +2 -36
  143. package/dist/types-ts4.5/i18n/es.d.ts +2 -35
  144. package/dist/types-ts4.5/i18n/fi.d.ts +2 -35
  145. package/dist/types-ts4.5/i18n/fr.d.ts +2 -35
  146. package/dist/types-ts4.5/i18n/hr.d.ts +2 -35
  147. package/dist/types-ts4.5/i18n/hu.d.ts +2 -35
  148. package/dist/types-ts4.5/i18n/it.d.ts +2 -35
  149. package/dist/types-ts4.5/i18n/ja.d.ts +2 -35
  150. package/dist/types-ts4.5/i18n/ko.d.ts +2 -35
  151. package/dist/types-ts4.5/i18n/nb.d.ts +2 -35
  152. package/dist/types-ts4.5/i18n/nl.d.ts +2 -35
  153. package/dist/types-ts4.5/i18n/pl.d.ts +2 -35
  154. package/dist/types-ts4.5/i18n/pt_BR.d.ts +2 -35
  155. package/dist/types-ts4.5/i18n/ru.d.ts +2 -35
  156. package/dist/types-ts4.5/i18n/sl.d.ts +2 -35
  157. package/dist/types-ts4.5/i18n/sr_RS.d.ts +2 -35
  158. package/dist/types-ts4.5/i18n/sr_YR.d.ts +2 -35
  159. package/dist/types-ts4.5/i18n/sv.d.ts +2 -35
  160. package/dist/types-ts4.5/i18n/th.d.ts +2 -35
  161. package/dist/types-ts4.5/i18n/tr.d.ts +2 -35
  162. package/dist/types-ts4.5/i18n/uk.d.ts +2 -35
  163. package/dist/types-ts4.5/i18n/vi.d.ts +2 -35
  164. package/dist/types-ts4.5/i18n/zh.d.ts +2 -35
  165. package/dist/types-ts4.5/i18n/zh_TW.d.ts +2 -35
  166. package/dist/types-ts4.5/ui/link-picker/text-input/index.d.ts +3 -2
  167. package/link-picker.docs.tsx +61 -59
  168. package/package.json +15 -8
@@ -5,38 +5,6 @@
5
5
  * This file is automatically generated by Traduki 2.0.
6
6
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
7
7
  */
8
- //Chinese (Traditional)
9
- export default {
10
- 'fabric.linkPicker.button.cancel': '取消',
11
- 'fabric.linkPicker.button.insert': '插入',
12
- 'fabric.linkPicker.button.save': '儲存',
13
- 'fabric.linkPicker.clearLink': '清除',
14
- 'fabric.linkPicker.clearLinkText': '清除文字',
15
- 'fabric.linkPicker.hyperlink.searchLinkResults': '{count, plural, =0 {沒有找到任何結果} other {找到 {count,number} 個結果}}',
16
- 'fabric.linkPicker.linkAriaLabel': '在欄位中輸入或貼上連結',
17
- 'fabric.linkPicker.linkHelperTextAriaLabel': '連結顯示輔助工具文字',
18
- 'fabric.linkPicker.linkHelperTextLabel': '為此連結提供標題或描述',
19
- 'fabric.linkPicker.linkInvalid': '請輸入有效的 URL。',
20
- 'fabric.linkPicker.linkLabel': '連結',
21
- 'fabric.linkPicker.linkPlaceholder': '貼上連結',
22
- 'fabric.linkPicker.linkTextAriaLabel': '連結顯示文字',
23
- 'fabric.linkPicker.linkTextLabel': '顯示文字 (選擇性)',
24
- 'fabric.linkPicker.linkTextPlaceholder': '要顯示的文字',
25
- 'fabric.linkPicker.listTitle.recentlyViewed': '最近檢視的項目',
26
- 'fabric.linkPicker.listTitle.recentlyViewedFormatted': '最近檢視的項目',
27
- 'fabric.linkPicker.listTitle.results': '結果',
28
- 'fabric.linkPicker.noEmbed': '此連結不支援內嵌檢視。<a>進一步了解某些智慧連結無法顯示內容的原因。</a>',
29
- 'fabric.linkPicker.search.error.description': '請重新整理頁面,如果持續發生錯誤,請連絡 <a>Atlassian 支援人員</a>。',
30
- 'fabric.linkPicker.search.error.heading': '我們在載入資料時遇到問題。',
31
- 'fabric.linkPicker.search.error.retry': '重新整理',
32
- 'fabric.linkPicker.search.linkAriaLabel': '當您在欄位中輸入內容時,建議會顯示在下方',
33
- 'fabric.linkPicker.search.linkLabel': '搜尋或貼上連結',
34
- 'fabric.linkPicker.search.linkPlaceholder': '尋找最近的連結或貼上新連結',
35
- 'fabric.linkPicker.search.noResults.description': '請使用不同的字詞再試一次。',
36
- 'fabric.linkPicker.search.noResults.heading': '我們找不到任何符合您搜尋的項目。',
37
- 'fabric.linkPicker.status.submitting': '正在提交',
38
- 'fabric.linkPicker.time.message.updated': '更新時間:{time}',
39
- 'fabric.linkPicker.time.message.viewed': '檢視時間:{time}',
40
- 'fabric.linkPicker.unhandledError.description': '請嘗試重新載入頁面。',
41
- 'fabric.linkPicker.unhandledError.heading': '發生錯誤!'
42
- };
8
+
9
+ import translations from '@atlaskit/afm-i18n-platform-linking-platform-link-picker/i18n/zh_TW';
10
+ export default translations;
@@ -51,20 +51,20 @@ export function usePlugins(state, activeTab, plugins, recentSearchListSize, alwa
51
51
  cancel = _resolvePluginUpdates.cancel;
52
52
  var updateResults = /*#__PURE__*/function () {
53
53
  var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
54
- var _isLoading, _yield$next, value, done;
55
- return _regeneratorRuntime.wrap(function _callee$(_context) {
54
+ var _isLoading, _yield$next, value, done, _t;
55
+ return _regeneratorRuntime.wrap(function (_context) {
56
56
  while (1) switch (_context.prev = _context.next) {
57
57
  case 0:
58
58
  _context.prev = 0;
59
59
  _isLoading = true;
60
- case 2:
60
+ case 1:
61
61
  if (!_isLoading) {
62
- _context.next = 12;
62
+ _context.next = 3;
63
63
  break;
64
64
  }
65
- _context.next = 5;
65
+ _context.next = 2;
66
66
  return next();
67
- case 5:
67
+ case 2:
68
68
  _yield$next = _context.sent;
69
69
  value = _yield$next.value;
70
70
  done = _yield$next.done;
@@ -76,28 +76,28 @@ export function usePlugins(state, activeTab, plugins, recentSearchListSize, alwa
76
76
  isLoading: !done
77
77
  }
78
78
  });
79
- _context.next = 2;
79
+ _context.next = 1;
80
80
  break;
81
- case 12:
82
- _context.next = 17;
81
+ case 3:
82
+ _context.next = 5;
83
83
  break;
84
- case 14:
85
- _context.prev = 14;
86
- _context.t0 = _context["catch"](0);
87
- if (!(_context.t0 instanceof CancellationError)) {
84
+ case 4:
85
+ _context.prev = 4;
86
+ _t = _context["catch"](0);
87
+ if (!(_t instanceof CancellationError)) {
88
88
  dispatch({
89
89
  type: 'ERROR',
90
- payload: _context.t0
90
+ payload: _t
91
91
  });
92
92
  createAnalyticsEvent(createEventPayload('operational.resultsResolve.failed', {
93
- error: convertToError(_context.t0).toString()
93
+ error: convertToError(_t).toString()
94
94
  })).fire(ANALYTICS_CHANNEL);
95
95
  }
96
- case 17:
96
+ case 5:
97
97
  case "end":
98
98
  return _context.stop();
99
99
  }
100
- }, _callee, null, [[0, 14]]);
100
+ }, _callee, null, [[0, 4]]);
101
101
  }));
102
102
  return function updateResults() {
103
103
  return _ref.apply(this, arguments);
@@ -45,18 +45,19 @@ export var resolvePluginUpdates = function resolvePluginUpdates(plugin, state) {
45
45
  cancel: cancel,
46
46
  next: function () {
47
47
  var _next = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
48
- return _regeneratorRuntime.wrap(function _callee$(_context) {
48
+ var _t;
49
+ return _regeneratorRuntime.wrap(function (_context) {
49
50
  while (1) switch (_context.prev = _context.next) {
50
51
  case 0:
51
- _context.next = 2;
52
+ _context.next = 1;
52
53
  return promise;
53
- case 2:
54
- _context.t0 = _context.sent;
54
+ case 1:
55
+ _t = _context.sent;
55
56
  return _context.abrupt("return", {
56
- value: _context.t0,
57
+ value: _t,
57
58
  done: true
58
59
  });
59
- case 4:
60
+ case 2:
60
61
  case "end":
61
62
  return _context.stop();
62
63
  }
@@ -4,19 +4,20 @@ import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
4
4
  import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
5
5
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
6
6
  import "./index.compiled.css";
7
- import * as React from 'react';
8
7
  import { ax, ix } from "@compiled/react/runtime";
9
8
  import _regeneratorRuntime from "@babel/runtime/regenerator";
10
9
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
11
10
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
12
- import { Fragment, memo, useCallback, useLayoutEffect, useMemo, useReducer } from 'react';
11
+ import React, { Fragment, memo, useCallback, useLayoutEffect, useMemo, useReducer } from 'react';
13
12
  import { FormattedMessage, useIntl } from 'react-intl';
13
+ import { useMergeRefs } from 'use-callback-ref';
14
14
  // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
15
15
  import uuid from 'uuid';
16
16
  import { useAnalyticsEvents } from '@atlaskit/analytics-next';
17
17
  import { CardClient } from '@atlaskit/link-provider';
18
18
  import { isSafeUrl, normalizeUrl } from '@atlaskit/linking-common/url';
19
19
  import { browser } from '@atlaskit/linking-common/user-agent';
20
+ import { fg } from "@atlaskit/platform-feature-flags";
20
21
  import { Box } from '@atlaskit/primitives/compiled';
21
22
  import LinkUrl from '@atlaskit/smart-card/link-url';
22
23
  import VisuallyHidden from '@atlaskit/visually-hidden';
@@ -112,6 +113,8 @@ export var LinkPicker = withLinkPickerAnalyticsContext( /*#__PURE__*/memo(functi
112
113
  alwaysShowTabs = _ref.alwaysShowTabs;
113
114
  var _useAnalyticsEvents = useAnalyticsEvents(),
114
115
  createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
116
+ var linkInputRef = React.useRef(null);
117
+ var mergedRefs = useMergeRefs(inputRef ? [linkInputRef, inputRef] : [linkInputRef]);
115
118
  var _useReducer = useReducer(reducer, _objectSpread(_objectSpread({}, initState), {}, {
116
119
  url: normalizeUrl(initUrl) || '',
117
120
  displayText: initDisplayText || ''
@@ -239,71 +242,74 @@ export var LinkPicker = withLinkPickerAnalyticsContext( /*#__PURE__*/memo(functi
239
242
  }, [dispatch]);
240
243
  var handleSubmit = useCallback( /*#__PURE__*/function () {
241
244
  var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(event) {
242
- var normalized, urlResponse, responseObject;
243
- return _regeneratorRuntime.wrap(function _callee$(_context) {
245
+ var normalized, urlResponse, responseObject, _linkInputRef$current, _t;
246
+ return _regeneratorRuntime.wrap(function (_context) {
244
247
  while (1) switch (_context.prev = _context.next) {
245
248
  case 0:
246
249
  event === null || event === void 0 || event.preventDefault();
247
250
  if (!isSubmitting) {
248
- _context.next = 3;
251
+ _context.next = 1;
249
252
  break;
250
253
  }
251
254
  return _context.abrupt("return");
252
- case 3:
255
+ case 1:
253
256
  if (!(isSelectedItem && selectedItem)) {
254
- _context.next = 5;
257
+ _context.next = 2;
255
258
  break;
256
259
  }
257
260
  return _context.abrupt("return", handleInsert(selectedItem.url, selectedItem.name, 'typeAhead'));
258
- case 5:
261
+ case 2:
259
262
  normalized = normalizeUrl(url);
260
263
  if (!normalized) {
261
- _context.next = 26;
264
+ _context.next = 10;
262
265
  break;
263
266
  }
264
267
  if (!previewableLinksOnly) {
265
- _context.next = 25;
268
+ _context.next = 9;
266
269
  break;
267
270
  }
268
- _context.prev = 8;
269
- _context.next = 11;
271
+ _context.prev = 3;
272
+ _context.next = 4;
270
273
  return client.fetchData(normalized);
271
- case 11:
274
+ case 4:
272
275
  urlResponse = _context.sent;
273
276
  responseObject = urlResponse === null || urlResponse === void 0 ? void 0 : urlResponse.data;
274
277
  if (!(responseObject && 'preview' in responseObject)) {
275
- _context.next = 17;
278
+ _context.next = 5;
276
279
  break;
277
280
  }
278
281
  return _context.abrupt("return", handleInsert(normalized, null, 'manual'));
279
- case 17:
282
+ case 5:
280
283
  return _context.abrupt("return", dispatch({
281
284
  invalidUrl: true,
282
285
  hasPreview: false
283
286
  }));
284
- case 18:
285
- _context.next = 23;
287
+ case 6:
288
+ _context.next = 8;
286
289
  break;
287
- case 20:
288
- _context.prev = 20;
289
- _context.t0 = _context["catch"](8);
290
+ case 7:
291
+ _context.prev = 7;
292
+ _t = _context["catch"](3);
290
293
  return _context.abrupt("return", dispatch({
291
294
  invalidUrl: true
292
295
  }));
293
- case 23:
294
- _context.next = 26;
296
+ case 8:
297
+ _context.next = 10;
295
298
  break;
296
- case 25:
299
+ case 9:
297
300
  return _context.abrupt("return", handleInsert(normalized, null, 'manual'));
298
- case 26:
301
+ case 10:
302
+ if (fg('navx-4104-link-picker-a11y-focus-states')) {
303
+ (_linkInputRef$current = linkInputRef.current) === null || _linkInputRef$current === void 0 || _linkInputRef$current.focus();
304
+ }
299
305
  return _context.abrupt("return", dispatch({
300
306
  invalidUrl: true
301
307
  }));
302
- case 27:
308
+ case 11:
303
309
  case "end":
304
310
  return _context.stop();
305
311
  }
306
- }, _callee, null, [[8, 20]]);
312
+ }, _callee, null, [[3, 7]]);
307
313
  }));
308
314
  return function (_x) {
309
315
  return _ref2.apply(this, arguments);
@@ -414,12 +420,15 @@ export var LinkPicker = withLinkPickerAnalyticsContext( /*#__PURE__*/memo(functi
414
420
  }
415
421
  }
416
422
  })) : intl.formatMessage(formMessages.linkInvalid) : null;
417
- return /*#__PURE__*/React.createElement("form", {
423
+ return /*#__PURE__*/React.createElement("form", _extends({
418
424
  "data-testid": testIds.linkPicker,
419
425
  // Use onSubmitCapture instead of onSubmit so that any possible parent form isn't submitted
420
- onSubmitCapture: handleSubmit,
426
+ onSubmitCapture: handleSubmit
427
+ }, fg('navx-4104-link-picker-a11y-focus-states') ? {
428
+ noValidate: true
429
+ } : {}, {
421
430
  className: ax(["_19bv164s _u5f31pah _ca0q1k79 _n3td1t3k _vchhusvi _1e0ctcjq"])
422
- }, /*#__PURE__*/React.createElement(TrackMount, null), submitOnInputChange && /*#__PURE__*/React.createElement(AutoSubmitOnChange, {
431
+ }), /*#__PURE__*/React.createElement(TrackMount, null), submitOnInputChange && /*#__PURE__*/React.createElement(AutoSubmitOnChange, {
423
432
  url: url,
424
433
  isSubmitting: isSubmitting,
425
434
  isSelectedItem: isSelectedItem,
@@ -441,14 +450,17 @@ export var LinkPicker = withLinkPickerAnalyticsContext( /*#__PURE__*/memo(functi
441
450
  value: url,
442
451
  autoFocus: true,
443
452
  clearLabel: intl.formatMessage(formMessages.clearLink),
444
- error: errorMessage || additionalError,
453
+ error: errorMessage || additionalError
454
+ }, fg('navx-4104-link-picker-a11y-focus-states') ? {
455
+ validationMessage: intl.formatMessage(formMessages.linkInvalid)
456
+ } : {}, {
445
457
  spotlightTargetName: "link-picker-search-field-spotlight-target",
446
458
  "aria-readonly": isSubmitting
447
459
  }, a11yList, {
448
460
  onClear: handleUrlClear,
449
461
  onKeyDown: handleKeyDown,
450
462
  onChange: handleChangeUrl,
451
- inputRef: inputRef,
463
+ inputRef: fg('navx-4104-link-picker-a11y-focus-states') ? mergedRefs : inputRef,
452
464
  isRequired: true
453
465
  })), !hideDisplayText && /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(DisplayTextInputField, {
454
466
  autoComplete: "off",
@@ -6,8 +6,9 @@ import "./index.compiled.css";
6
6
  import { ax, ix } from "@compiled/react/runtime";
7
7
  import React, { Fragment, useCallback, useMemo, useRef } from 'react';
8
8
  import { useMergeRefs } from 'use-callback-ref';
9
- import { ErrorMessage, Field, HelperMessage } from '@atlaskit/form';
10
- import Selectclear from '@atlaskit/icon/core/cross-circle';
9
+ import { ErrorMessage, Field, HelperMessage, MessageWrapper } from '@atlaskit/form';
10
+ import CrossCircleIcon from '@atlaskit/icon/core/cross-circle';
11
+ import { fg } from '@atlaskit/platform-feature-flags';
11
12
  import { Box, Pressable } from '@atlaskit/primitives/compiled';
12
13
  import Textfield from '@atlaskit/textfield';
13
14
  import Tooltip from '@atlaskit/tooltip';
@@ -93,7 +94,7 @@ export var TextInput = function TextInput(_ref) {
93
94
  xcss: styles.clearTextButton,
94
95
  onClick: handleClear,
95
96
  testId: testIds.clearUrlButton
96
- }, /*#__PURE__*/React.createElement(Selectclear, {
97
+ }, /*#__PURE__*/React.createElement(CrossCircleIcon, {
97
98
  label: clearLabel || '',
98
99
  color: "var(--ds-icon-subtle, #505258)",
99
100
  spacing: "spacious"
@@ -114,10 +115,14 @@ export var TextInput = function TextInput(_ref) {
114
115
  elemAfterInput: clearText,
115
116
  isInvalid: !!error,
116
117
  "aria-describedby": "".concat(restProps['aria-describedby'], " ").concat(fieldProps.id, "-error ").concat(fieldProps.id, "-helper")
117
- })), helperMessage && /*#__PURE__*/React.createElement(HelperMessage, {
118
+ })), fg('platform_navx_3298_message_wrapper') ? /*#__PURE__*/React.createElement(MessageWrapper, null, helperMessage && /*#__PURE__*/React.createElement(HelperMessage, {
118
119
  testId: testIds.linkHelperText
119
120
  }, helperMessage), error && /*#__PURE__*/React.createElement(ErrorMessage, {
120
121
  testId: testIds.urlError
121
- }, error)));
122
+ }, error)) : /*#__PURE__*/React.createElement(React.Fragment, null, helperMessage && /*#__PURE__*/React.createElement(HelperMessage, {
123
+ testId: testIds.linkHelperText
124
+ }, helperMessage), error && /*#__PURE__*/React.createElement(ErrorMessage, {
125
+ testId: testIds.urlError
126
+ }, error))));
122
127
  }));
123
128
  };
@@ -17,7 +17,7 @@ export var testIds = {
17
17
  };
18
18
  export var PACKAGE_DATA = {
19
19
  packageName: "@atlaskit/link-picker" || '',
20
- packageVersion: "5.1.7" || '',
20
+ packageVersion: "5.2.1" || '',
21
21
  componentName: COMPONENT_NAME,
22
22
  source: COMPONENT_NAME
23
23
  };
@@ -3,50 +3,50 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
3
3
  import { locales } from '../../../../i18n';
4
4
  export var fetchMessagesForLocale = /*#__PURE__*/function () {
5
5
  var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(locale) {
6
- var localeKey, messages, parentLocale, _messages;
7
- return _regeneratorRuntime.wrap(function _callee$(_context) {
6
+ var localeKey, messages, parentLocale, _messages, _t, _t2;
7
+ return _regeneratorRuntime.wrap(function (_context) {
8
8
  while (1) switch (_context.prev = _context.next) {
9
9
  case 0:
10
10
  _context.prev = 0;
11
11
  localeKey = locale.replace('-', '_');
12
12
  if (!(localeKey in locales)) {
13
- _context.next = 7;
13
+ _context.next = 2;
14
14
  break;
15
15
  }
16
- _context.next = 5;
16
+ _context.next = 1;
17
17
  return locales[localeKey]();
18
- case 5:
18
+ case 1:
19
19
  messages = _context.sent;
20
20
  return _context.abrupt("return", messages.default);
21
- case 7:
22
- _context.next = 11;
21
+ case 2:
22
+ _context.next = 4;
23
23
  break;
24
- case 9:
25
- _context.prev = 9;
26
- _context.t0 = _context["catch"](0);
27
- case 11:
28
- _context.prev = 11;
24
+ case 3:
25
+ _context.prev = 3;
26
+ _t = _context["catch"](0);
27
+ case 4:
28
+ _context.prev = 4;
29
29
  parentLocale = locale.split(/[-_]/)[0];
30
30
  if (!(parentLocale in locales)) {
31
- _context.next = 18;
31
+ _context.next = 6;
32
32
  break;
33
33
  }
34
- _context.next = 16;
34
+ _context.next = 5;
35
35
  return locales[parentLocale]();
36
- case 16:
36
+ case 5:
37
37
  _messages = _context.sent;
38
38
  return _context.abrupt("return", _messages.default);
39
- case 18:
40
- _context.next = 22;
39
+ case 6:
40
+ _context.next = 8;
41
41
  break;
42
- case 20:
43
- _context.prev = 20;
44
- _context.t1 = _context["catch"](11);
45
- case 22:
42
+ case 7:
43
+ _context.prev = 7;
44
+ _t2 = _context["catch"](4);
45
+ case 8:
46
46
  case "end":
47
47
  return _context.stop();
48
48
  }
49
- }, _callee, null, [[0, 9], [11, 20]]);
49
+ }, _callee, null, [[0, 3], [4, 7]]);
50
50
  }));
51
51
  return function fetchMessagesForLocale(_x) {
52
52
  return _ref.apply(this, arguments);
@@ -4,38 +4,5 @@
4
4
  * This file is automatically generated by Traduki 2.0.
5
5
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
6
6
  */
7
- declare const _default: {
8
- 'fabric.linkPicker.button.cancel': string;
9
- 'fabric.linkPicker.button.insert': string;
10
- 'fabric.linkPicker.button.save': string;
11
- 'fabric.linkPicker.clearLink': string;
12
- 'fabric.linkPicker.clearLinkText': string;
13
- 'fabric.linkPicker.hyperlink.searchLinkResults': string;
14
- 'fabric.linkPicker.linkAriaLabel': string;
15
- 'fabric.linkPicker.linkHelperTextAriaLabel': string;
16
- 'fabric.linkPicker.linkHelperTextLabel': string;
17
- 'fabric.linkPicker.linkInvalid': string;
18
- 'fabric.linkPicker.linkLabel': string;
19
- 'fabric.linkPicker.linkPlaceholder': string;
20
- 'fabric.linkPicker.linkTextAriaLabel': string;
21
- 'fabric.linkPicker.linkTextLabel': string;
22
- 'fabric.linkPicker.linkTextPlaceholder': string;
23
- 'fabric.linkPicker.listTitle.recentlyViewed': string;
24
- 'fabric.linkPicker.listTitle.recentlyViewedFormatted': string;
25
- 'fabric.linkPicker.listTitle.results': string;
26
- 'fabric.linkPicker.noEmbed': string;
27
- 'fabric.linkPicker.search.error.description': string;
28
- 'fabric.linkPicker.search.error.heading': string;
29
- 'fabric.linkPicker.search.error.retry': string;
30
- 'fabric.linkPicker.search.linkAriaLabel': string;
31
- 'fabric.linkPicker.search.linkLabel': string;
32
- 'fabric.linkPicker.search.linkPlaceholder': string;
33
- 'fabric.linkPicker.search.noResults.description': string;
34
- 'fabric.linkPicker.search.noResults.heading': string;
35
- 'fabric.linkPicker.status.submitting': string;
36
- 'fabric.linkPicker.time.message.updated': string;
37
- 'fabric.linkPicker.time.message.viewed': string;
38
- 'fabric.linkPicker.unhandledError.description': string;
39
- 'fabric.linkPicker.unhandledError.heading': string;
40
- };
41
- export default _default;
7
+ import translations from '@atlaskit/afm-i18n-platform-linking-platform-link-picker/i18n/cs';
8
+ export default translations;
@@ -4,38 +4,5 @@
4
4
  * This file is automatically generated by Traduki 2.0.
5
5
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
6
6
  */
7
- declare const _default: {
8
- 'fabric.linkPicker.button.cancel': string;
9
- 'fabric.linkPicker.button.insert': string;
10
- 'fabric.linkPicker.button.save': string;
11
- 'fabric.linkPicker.clearLink': string;
12
- 'fabric.linkPicker.clearLinkText': string;
13
- 'fabric.linkPicker.hyperlink.searchLinkResults': string;
14
- 'fabric.linkPicker.linkAriaLabel': string;
15
- 'fabric.linkPicker.linkHelperTextAriaLabel': string;
16
- 'fabric.linkPicker.linkHelperTextLabel': string;
17
- 'fabric.linkPicker.linkInvalid': string;
18
- 'fabric.linkPicker.linkLabel': string;
19
- 'fabric.linkPicker.linkPlaceholder': string;
20
- 'fabric.linkPicker.linkTextAriaLabel': string;
21
- 'fabric.linkPicker.linkTextLabel': string;
22
- 'fabric.linkPicker.linkTextPlaceholder': string;
23
- 'fabric.linkPicker.listTitle.recentlyViewed': string;
24
- 'fabric.linkPicker.listTitle.recentlyViewedFormatted': string;
25
- 'fabric.linkPicker.listTitle.results': string;
26
- 'fabric.linkPicker.noEmbed': string;
27
- 'fabric.linkPicker.search.error.description': string;
28
- 'fabric.linkPicker.search.error.heading': string;
29
- 'fabric.linkPicker.search.error.retry': string;
30
- 'fabric.linkPicker.search.linkAriaLabel': string;
31
- 'fabric.linkPicker.search.linkLabel': string;
32
- 'fabric.linkPicker.search.linkPlaceholder': string;
33
- 'fabric.linkPicker.search.noResults.description': string;
34
- 'fabric.linkPicker.search.noResults.heading': string;
35
- 'fabric.linkPicker.status.submitting': string;
36
- 'fabric.linkPicker.time.message.updated': string;
37
- 'fabric.linkPicker.time.message.viewed': string;
38
- 'fabric.linkPicker.unhandledError.description': string;
39
- 'fabric.linkPicker.unhandledError.heading': string;
40
- };
41
- export default _default;
7
+ import translations from '@atlaskit/afm-i18n-platform-linking-platform-link-picker/i18n/da';
8
+ export default translations;
@@ -4,38 +4,5 @@
4
4
  * This file is automatically generated by Traduki 2.0.
5
5
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
6
6
  */
7
- declare const _default: {
8
- 'fabric.linkPicker.button.cancel': string;
9
- 'fabric.linkPicker.button.insert': string;
10
- 'fabric.linkPicker.button.save': string;
11
- 'fabric.linkPicker.clearLink': string;
12
- 'fabric.linkPicker.clearLinkText': string;
13
- 'fabric.linkPicker.hyperlink.searchLinkResults': string;
14
- 'fabric.linkPicker.linkAriaLabel': string;
15
- 'fabric.linkPicker.linkHelperTextAriaLabel': string;
16
- 'fabric.linkPicker.linkHelperTextLabel': string;
17
- 'fabric.linkPicker.linkInvalid': string;
18
- 'fabric.linkPicker.linkLabel': string;
19
- 'fabric.linkPicker.linkPlaceholder': string;
20
- 'fabric.linkPicker.linkTextAriaLabel': string;
21
- 'fabric.linkPicker.linkTextLabel': string;
22
- 'fabric.linkPicker.linkTextPlaceholder': string;
23
- 'fabric.linkPicker.listTitle.recentlyViewed': string;
24
- 'fabric.linkPicker.listTitle.recentlyViewedFormatted': string;
25
- 'fabric.linkPicker.listTitle.results': string;
26
- 'fabric.linkPicker.noEmbed': string;
27
- 'fabric.linkPicker.search.error.description': string;
28
- 'fabric.linkPicker.search.error.heading': string;
29
- 'fabric.linkPicker.search.error.retry': string;
30
- 'fabric.linkPicker.search.linkAriaLabel': string;
31
- 'fabric.linkPicker.search.linkLabel': string;
32
- 'fabric.linkPicker.search.linkPlaceholder': string;
33
- 'fabric.linkPicker.search.noResults.description': string;
34
- 'fabric.linkPicker.search.noResults.heading': string;
35
- 'fabric.linkPicker.status.submitting': string;
36
- 'fabric.linkPicker.time.message.updated': string;
37
- 'fabric.linkPicker.time.message.viewed': string;
38
- 'fabric.linkPicker.unhandledError.description': string;
39
- 'fabric.linkPicker.unhandledError.heading': string;
40
- };
41
- export default _default;
7
+ import translations from '@atlaskit/afm-i18n-platform-linking-platform-link-picker/i18n/de';
8
+ export default translations;
@@ -4,39 +4,5 @@
4
4
  * This file is automatically generated by Traduki 2.0.
5
5
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
6
6
  */
7
- declare const _default: {
8
- 'fabric.linkPicker.button.cancel': string;
9
- 'fabric.linkPicker.button.insert': string;
10
- 'fabric.linkPicker.button.save': string;
11
- 'fabric.linkPicker.clearLink': string;
12
- 'fabric.linkPicker.clearLinkText': string;
13
- 'fabric.linkPicker.hyperlink.searchLinkResults': string;
14
- 'fabric.linkPicker.linkAriaLabel': string;
15
- 'fabric.linkPicker.linkHelperTextAriaLabel': string;
16
- 'fabric.linkPicker.linkHelperTextLabel': string;
17
- 'fabric.linkPicker.linkInvalid': string;
18
- 'fabric.linkPicker.linkLabel': string;
19
- 'fabric.linkPicker.linkPlaceholder': string;
20
- 'fabric.linkPicker.linkTextAriaLabel': string;
21
- 'fabric.linkPicker.linkTextLabel': string;
22
- 'fabric.linkPicker.linkTextPlaceholder': string;
23
- 'fabric.linkPicker.listTitle.recentlyViewed': string;
24
- 'fabric.linkPicker.listTitle.recentlyViewedFormatted': string;
25
- 'fabric.linkPicker.listTitle.results': string;
26
- 'fabric.linkPicker.noEmbed': string;
27
- 'fabric.linkPicker.search.error.description': string;
28
- 'fabric.linkPicker.search.error.heading': string;
29
- 'fabric.linkPicker.search.error.retry': string;
30
- 'fabric.linkPicker.search.linkAriaLabel': string;
31
- 'fabric.linkPicker.search.linkLabel': string;
32
- 'fabric.linkPicker.search.linkPlaceholder': string;
33
- 'fabric.linkPicker.search.noResults.description': string;
34
- 'fabric.linkPicker.search.noResults.heading': string;
35
- 'fabric.linkPicker.status.submitting': string;
36
- 'fabric.linkPicker.time.message.updated': string;
37
- 'fabric.linkPicker.time.message.viewed': string;
38
- 'fabric.linkPicker.unhandledError.description': string;
39
- 'fabric.linkPicker.unhandledError.heading': string;
40
- foo: string;
41
- };
42
- export default _default;
7
+ import translations from '@atlaskit/afm-i18n-platform-linking-platform-link-picker/i18n/en';
8
+ export default translations;
@@ -4,39 +4,5 @@
4
4
  * This file is automatically generated by Traduki 2.0.
5
5
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
6
6
  */
7
- declare const _default: {
8
- 'fabric.linkPicker.button.cancel': string;
9
- 'fabric.linkPicker.button.insert': string;
10
- 'fabric.linkPicker.button.save': string;
11
- 'fabric.linkPicker.clearLink': string;
12
- 'fabric.linkPicker.clearLinkText': string;
13
- 'fabric.linkPicker.hyperlink.searchLinkResults': string;
14
- 'fabric.linkPicker.linkAriaLabel': string;
15
- 'fabric.linkPicker.linkHelperTextAriaLabel': string;
16
- 'fabric.linkPicker.linkHelperTextLabel': string;
17
- 'fabric.linkPicker.linkInvalid': string;
18
- 'fabric.linkPicker.linkLabel': string;
19
- 'fabric.linkPicker.linkPlaceholder': string;
20
- 'fabric.linkPicker.linkTextAriaLabel': string;
21
- 'fabric.linkPicker.linkTextLabel': string;
22
- 'fabric.linkPicker.linkTextPlaceholder': string;
23
- 'fabric.linkPicker.listTitle.recentlyViewed': string;
24
- 'fabric.linkPicker.listTitle.recentlyViewedFormatted': string;
25
- 'fabric.linkPicker.listTitle.results': string;
26
- 'fabric.linkPicker.noEmbed': string;
27
- 'fabric.linkPicker.search.error.description': string;
28
- 'fabric.linkPicker.search.error.heading': string;
29
- 'fabric.linkPicker.search.error.retry': string;
30
- 'fabric.linkPicker.search.linkAriaLabel': string;
31
- 'fabric.linkPicker.search.linkLabel': string;
32
- 'fabric.linkPicker.search.linkPlaceholder': string;
33
- 'fabric.linkPicker.search.noResults.description': string;
34
- 'fabric.linkPicker.search.noResults.heading': string;
35
- 'fabric.linkPicker.status.submitting': string;
36
- 'fabric.linkPicker.time.message.updated': string;
37
- 'fabric.linkPicker.time.message.viewed': string;
38
- 'fabric.linkPicker.unhandledError.description': string;
39
- 'fabric.linkPicker.unhandledError.heading': string;
40
- foo: string;
41
- };
42
- export default _default;
7
+ import translations from '@atlaskit/afm-i18n-platform-linking-platform-link-picker/i18n/en_GB';
8
+ export default translations;