@atlaskit/link-picker 1.16.9 → 1.16.10
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.
- package/CHANGELOG.md +6 -0
- package/dist/cjs/analytics.codegen.js +1 -2
- package/dist/cjs/common/analytics/context.js +11 -36
- package/dist/cjs/common/analytics/experiences.js +0 -13
- package/dist/cjs/common/analytics/index.js +0 -2
- package/dist/cjs/common/analytics/input-field-tracking.js +16 -35
- package/dist/cjs/common/generic-error-svg/index.js +1 -7
- package/dist/cjs/common/generic-error-svg/styled.js +0 -6
- package/dist/cjs/common/utils/errors.js +0 -15
- package/dist/cjs/controllers/session-provider/index.js +1 -17
- package/dist/cjs/controllers/use-fix-height/index.js +0 -3
- package/dist/cjs/i18n/cs.js +0 -1
- package/dist/cjs/i18n/da.js +0 -1
- package/dist/cjs/i18n/de.js +0 -1
- package/dist/cjs/i18n/en.js +0 -1
- package/dist/cjs/i18n/en_GB.js +0 -1
- package/dist/cjs/i18n/es.js +0 -1
- package/dist/cjs/i18n/fi.js +0 -1
- package/dist/cjs/i18n/fr.js +0 -1
- package/dist/cjs/i18n/hu.js +0 -1
- package/dist/cjs/i18n/it.js +0 -1
- package/dist/cjs/i18n/ja.js +0 -1
- package/dist/cjs/i18n/ko.js +0 -1
- package/dist/cjs/i18n/nb.js +0 -1
- package/dist/cjs/i18n/nl.js +0 -1
- package/dist/cjs/i18n/pl.js +0 -1
- package/dist/cjs/i18n/pt_BR.js +0 -1
- package/dist/cjs/i18n/ru.js +0 -1
- package/dist/cjs/i18n/sv.js +0 -1
- package/dist/cjs/i18n/th.js +0 -1
- package/dist/cjs/i18n/tr.js +0 -1
- package/dist/cjs/i18n/uk.js +0 -1
- package/dist/cjs/i18n/vi.js +0 -1
- package/dist/cjs/i18n/zh.js +0 -1
- package/dist/cjs/i18n/zh_TW.js +0 -1
- package/dist/cjs/index.js +0 -2
- package/dist/cjs/services/use-plugins/index.js +13 -44
- package/dist/cjs/services/use-plugins/reducer.js +0 -13
- package/dist/cjs/services/use-plugins/utils.js +9 -35
- package/dist/cjs/services/use-search-query/index.js +3 -9
- package/dist/cjs/ui/error-boundary/error-boundary-base/index.js +2 -22
- package/dist/cjs/ui/error-boundary/error-boundary-fallback/index.js +1 -9
- package/dist/cjs/ui/error-boundary/index.js +3 -18
- package/dist/cjs/ui/index.js +0 -13
- package/dist/cjs/ui/link-picker/announcer.js +15 -25
- package/dist/cjs/ui/link-picker/browser.js +0 -1
- package/dist/cjs/ui/link-picker/form-footer/index.js +6 -26
- package/dist/cjs/ui/link-picker/form-footer/styled.js +0 -5
- package/dist/cjs/ui/link-picker/form-footer/utils.js +2 -8
- package/dist/cjs/ui/link-picker/index.js +44 -111
- package/dist/cjs/ui/link-picker/link-search-error/index.js +1 -10
- package/dist/cjs/ui/link-picker/link-search-list/index.js +12 -38
- package/dist/cjs/ui/link-picker/link-search-list/link-search-no-results/index.js +1 -9
- package/dist/cjs/ui/link-picker/link-search-list/link-search-no-results/no-results-svg/index.js +1 -5
- package/dist/cjs/ui/link-picker/link-search-list/link-search-no-results/no-results-svg/styled.js +0 -6
- package/dist/cjs/ui/link-picker/link-search-list/link-search-no-results/styled.js +0 -5
- package/dist/cjs/ui/link-picker/link-search-list/styled.js +0 -7
- package/dist/cjs/ui/link-picker/link-search-list/use-track-results-shown/index.js +11 -21
- package/dist/cjs/ui/link-picker/list-item/index.js +11 -32
- package/dist/cjs/ui/link-picker/list-item/styled.js +0 -13
- package/dist/cjs/ui/link-picker/messages.js +0 -2
- package/dist/cjs/ui/link-picker/styled.js +1 -8
- package/dist/cjs/ui/link-picker/text-input/index.js +9 -26
- package/dist/cjs/ui/link-picker/text-input/styled.js +0 -7
- package/dist/cjs/ui/link-picker/track-mount/index.js +1 -11
- package/dist/cjs/ui/link-picker/track-tab-viewed/index.js +2 -10
- package/dist/cjs/ui/link-picker/transformTimeStamp.js +0 -13
- package/dist/cjs/ui/link-picker/utils.js +11 -19
- package/dist/cjs/ui/loader-fallback/index.js +1 -5
- package/dist/cjs/ui/scrolling-tabs/index.js +6 -44
- package/dist/cjs/ui/scrolling-tabs/scrolling-tabs.js +4 -33
- package/dist/cjs/ui/scrolling-tabs/styles.js +0 -3
- package/dist/cjs/version.json +1 -1
- package/dist/es2019/analytics.codegen.js +1 -1
- package/dist/es2019/common/analytics/context.js +11 -13
- package/dist/es2019/common/analytics/experiences.js +0 -1
- package/dist/es2019/common/analytics/input-field-tracking.js +13 -12
- package/dist/es2019/common/generic-error-svg/index.js +0 -4
- package/dist/es2019/common/utils/errors.js +0 -1
- package/dist/es2019/controllers/session-provider/index.js +0 -4
- package/dist/es2019/controllers/use-fix-height/index.js +0 -2
- package/dist/es2019/services/use-plugins/index.js +2 -8
- package/dist/es2019/services/use-plugins/reducer.js +8 -8
- package/dist/es2019/services/use-plugins/utils.js +5 -6
- package/dist/es2019/services/use-search-query/index.js +3 -6
- package/dist/es2019/ui/error-boundary/error-boundary-base/index.js +0 -5
- package/dist/es2019/ui/error-boundary/index.js +2 -4
- package/dist/es2019/ui/index.js +1 -2
- package/dist/es2019/ui/link-picker/announcer.js +6 -1
- package/dist/es2019/ui/link-picker/browser.js +0 -2
- package/dist/es2019/ui/link-picker/form-footer/index.js +0 -5
- package/dist/es2019/ui/link-picker/form-footer/utils.js +2 -5
- package/dist/es2019/ui/link-picker/index.js +21 -37
- package/dist/es2019/ui/link-picker/link-search-error/index.js +0 -3
- package/dist/es2019/ui/link-picker/link-search-list/index.js +2 -6
- package/dist/es2019/ui/link-picker/link-search-list/link-search-no-results/index.js +0 -2
- package/dist/es2019/ui/link-picker/link-search-list/link-search-no-results/no-results-svg/index.js +0 -3
- package/dist/es2019/ui/link-picker/link-search-list/styled.js +2 -2
- package/dist/es2019/ui/link-picker/link-search-list/use-track-results-shown/index.js +7 -5
- package/dist/es2019/ui/link-picker/list-item/index.js +0 -14
- package/dist/es2019/ui/link-picker/list-item/styled.js +2 -4
- package/dist/es2019/ui/link-picker/styled.js +1 -1
- package/dist/es2019/ui/link-picker/text-input/index.js +0 -6
- package/dist/es2019/ui/link-picker/track-mount/index.js +1 -2
- package/dist/es2019/ui/link-picker/track-tab-viewed/index.js +0 -2
- package/dist/es2019/ui/link-picker/transformTimeStamp.js +0 -7
- package/dist/es2019/ui/link-picker/utils.js +7 -5
- package/dist/es2019/ui/scrolling-tabs/index.js +2 -14
- package/dist/es2019/ui/scrolling-tabs/scrolling-tabs.js +0 -14
- package/dist/es2019/version.json +1 -1
- package/dist/esm/analytics.codegen.js +1 -1
- package/dist/esm/common/analytics/context.js +11 -21
- package/dist/esm/common/analytics/experiences.js +0 -3
- package/dist/esm/common/analytics/input-field-tracking.js +16 -22
- package/dist/esm/common/generic-error-svg/index.js +0 -4
- package/dist/esm/common/generic-error-svg/styled.js +0 -2
- package/dist/esm/common/utils/errors.js +0 -8
- package/dist/esm/controllers/session-provider/index.js +1 -7
- package/dist/esm/controllers/use-fix-height/index.js +0 -2
- package/dist/esm/services/use-plugins/index.js +13 -31
- package/dist/esm/services/use-plugins/reducer.js +0 -7
- package/dist/esm/services/use-plugins/utils.js +9 -22
- package/dist/esm/services/use-search-query/index.js +3 -6
- package/dist/esm/ui/error-boundary/error-boundary-base/index.js +2 -13
- package/dist/esm/ui/error-boundary/index.js +3 -5
- package/dist/esm/ui/index.js +1 -2
- package/dist/esm/ui/link-picker/announcer.js +20 -17
- package/dist/esm/ui/link-picker/browser.js +0 -2
- package/dist/esm/ui/link-picker/form-footer/index.js +6 -12
- package/dist/esm/ui/link-picker/form-footer/styled.js +0 -2
- package/dist/esm/ui/link-picker/form-footer/utils.js +2 -5
- package/dist/esm/ui/link-picker/index.js +44 -74
- package/dist/esm/ui/link-picker/link-search-error/index.js +0 -3
- package/dist/esm/ui/link-picker/link-search-list/index.js +12 -20
- package/dist/esm/ui/link-picker/link-search-list/link-search-no-results/index.js +0 -2
- package/dist/esm/ui/link-picker/link-search-list/link-search-no-results/no-results-svg/index.js +0 -3
- package/dist/esm/ui/link-picker/link-search-list/link-search-no-results/no-results-svg/styled.js +0 -2
- package/dist/esm/ui/link-picker/link-search-list/link-search-no-results/styled.js +0 -2
- package/dist/esm/ui/link-picker/link-search-list/styled.js +2 -4
- package/dist/esm/ui/link-picker/link-search-list/use-track-results-shown/index.js +11 -11
- package/dist/esm/ui/link-picker/list-item/index.js +10 -25
- package/dist/esm/ui/link-picker/list-item/styled.js +2 -6
- package/dist/esm/ui/link-picker/styled.js +1 -3
- package/dist/esm/ui/link-picker/text-input/index.js +9 -16
- package/dist/esm/ui/link-picker/text-input/styled.js +0 -2
- package/dist/esm/ui/link-picker/track-mount/index.js +2 -4
- package/dist/esm/ui/link-picker/track-tab-viewed/index.js +1 -5
- package/dist/esm/ui/link-picker/transformTimeStamp.js +0 -7
- package/dist/esm/ui/link-picker/utils.js +11 -9
- package/dist/esm/ui/scrolling-tabs/index.js +6 -28
- package/dist/esm/ui/scrolling-tabs/scrolling-tabs.js +4 -19
- package/dist/esm/version.json +1 -1
- package/package.json +2 -2
|
@@ -1,48 +1,35 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
6
|
-
|
|
7
5
|
Object.defineProperty(exports, "__esModule", {
|
|
8
6
|
value: true
|
|
9
7
|
});
|
|
10
8
|
exports.default = void 0;
|
|
11
|
-
|
|
12
9
|
var _react = _interopRequireWildcard(require("react"));
|
|
13
|
-
|
|
14
10
|
var _analyticsNext = require("@atlaskit/analytics-next");
|
|
15
|
-
|
|
16
11
|
var _analytics = _interopRequireDefault(require("../../analytics.codegen"));
|
|
17
|
-
|
|
18
12
|
var _constants = require("../../common/constants");
|
|
19
|
-
|
|
20
13
|
var _experiences = require("../../common/analytics/experiences");
|
|
21
|
-
|
|
22
14
|
var _sessionProvider = require("../../controllers/session-provider");
|
|
23
|
-
|
|
24
15
|
var _errorBoundaryFallback = require("./error-boundary-fallback");
|
|
25
|
-
|
|
26
16
|
var _errorBoundaryBase = require("./error-boundary-base");
|
|
27
|
-
|
|
28
17
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
29
|
-
|
|
30
18
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
31
|
-
|
|
32
19
|
function ErrorBoundary(_ref) {
|
|
33
20
|
var children = _ref.children,
|
|
34
|
-
|
|
21
|
+
createAnalyticsEvent = _ref.createAnalyticsEvent;
|
|
35
22
|
var linkPickerSessionId = (0, _sessionProvider.useLinkPickerSessionId)();
|
|
36
23
|
var handleError = (0, _react.useCallback)(function (error, info) {
|
|
37
24
|
var _window, _window$navigator, _info$componentStack;
|
|
38
|
-
|
|
39
25
|
// Fire Analytics event
|
|
40
26
|
createAnalyticsEvent((0, _analytics.default)('ui.linkPicker.unhandledErrorCaught', {
|
|
41
27
|
browserInfo: ((_window = window) === null || _window === void 0 ? void 0 : (_window$navigator = _window.navigator) === null || _window$navigator === void 0 ? void 0 : _window$navigator.userAgent) || 'unknown',
|
|
42
28
|
error: error.toString(),
|
|
43
29
|
componentStack: (_info$componentStack = info === null || info === void 0 ? void 0 : info.componentStack) !== null && _info$componentStack !== void 0 ? _info$componentStack : ''
|
|
44
|
-
})).fire(_constants.ANALYTICS_CHANNEL);
|
|
30
|
+
})).fire(_constants.ANALYTICS_CHANNEL);
|
|
45
31
|
|
|
32
|
+
// Fire UFO failed experience
|
|
46
33
|
(0, _experiences.failUfoExperience)(_experiences.ufoExperience.mounted, linkPickerSessionId);
|
|
47
34
|
}, [createAnalyticsEvent, linkPickerSessionId]);
|
|
48
35
|
return /*#__PURE__*/_react.default.createElement(_errorBoundaryBase.BaseErrorBoundary, {
|
|
@@ -50,7 +37,5 @@ function ErrorBoundary(_ref) {
|
|
|
50
37
|
ErrorComponent: _errorBoundaryFallback.ErrorBoundaryFallback
|
|
51
38
|
}, children);
|
|
52
39
|
}
|
|
53
|
-
|
|
54
40
|
var _default = (0, _analyticsNext.withAnalyticsEvents)()(ErrorBoundary);
|
|
55
|
-
|
|
56
41
|
exports.default = _default;
|
package/dist/cjs/ui/index.js
CHANGED
|
@@ -1,34 +1,21 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.default = exports.PACKAGE_DATA = exports.ComposedLinkPicker = void 0;
|
|
9
|
-
|
|
10
8
|
var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
|
|
11
|
-
|
|
12
9
|
var _analyticsNext = require("@atlaskit/analytics-next");
|
|
13
|
-
|
|
14
10
|
var _react = _interopRequireWildcard(require("react"));
|
|
15
|
-
|
|
16
11
|
var _reactLooselyLazy = require("react-loosely-lazy");
|
|
17
|
-
|
|
18
12
|
var _constants = require("../common/constants");
|
|
19
|
-
|
|
20
13
|
var _version = require("../version.json");
|
|
21
|
-
|
|
22
14
|
var _errorBoundary = _interopRequireDefault(require("./error-boundary"));
|
|
23
|
-
|
|
24
15
|
var _loaderFallback = require("./loader-fallback");
|
|
25
|
-
|
|
26
16
|
var _sessionProvider = require("../controllers/session-provider");
|
|
27
|
-
|
|
28
17
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
29
|
-
|
|
30
18
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || (0, _typeof2.default)(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
31
|
-
|
|
32
19
|
var PACKAGE_DATA = {
|
|
33
20
|
packageName: _version.name,
|
|
34
21
|
packageVersion: _version.version,
|
|
@@ -1,44 +1,36 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
6
|
-
|
|
7
5
|
Object.defineProperty(exports, "__esModule", {
|
|
8
6
|
value: true
|
|
9
7
|
});
|
|
10
8
|
exports.default = void 0;
|
|
11
|
-
|
|
12
9
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
13
|
-
|
|
14
10
|
var _react = _interopRequireWildcard(require("react"));
|
|
15
|
-
|
|
16
11
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
17
|
-
|
|
18
12
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
19
|
-
|
|
20
13
|
// Note: Flag 'contentRendered' resolves bug with duplicates messages (NVDA + Firefox)
|
|
21
14
|
// https://github.com/nvaccess/nvda/labels/bug%2Fdouble-speaking
|
|
15
|
+
|
|
22
16
|
var timer;
|
|
23
17
|
var Announcer = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
|
24
18
|
var _ref$ariaAtomic = _ref.ariaAtomic,
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
19
|
+
ariaAtomic = _ref$ariaAtomic === void 0 ? 'true' : _ref$ariaAtomic,
|
|
20
|
+
_ref$ariaLive = _ref.ariaLive,
|
|
21
|
+
ariaLive = _ref$ariaLive === void 0 ? 'polite' : _ref$ariaLive,
|
|
22
|
+
_ref$ariaRelevant = _ref.ariaRelevant,
|
|
23
|
+
ariaRelevant = _ref$ariaRelevant === void 0 ? 'all' : _ref$ariaRelevant,
|
|
24
|
+
_ref$role = _ref.role,
|
|
25
|
+
role = _ref$role === void 0 ? 'status' : _ref$role,
|
|
26
|
+
_ref$text = _ref.text,
|
|
27
|
+
text = _ref$text === void 0 ? '' : _ref$text,
|
|
28
|
+
_ref$delay = _ref.delay,
|
|
29
|
+
delay = _ref$delay === void 0 ? 0 : _ref$delay;
|
|
37
30
|
var _useState = (0, _react.useState)(false),
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
31
|
+
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
32
|
+
contentRendered = _useState2[0],
|
|
33
|
+
setContentRendered = _useState2[1];
|
|
42
34
|
(0, _react.useEffect)(function () {
|
|
43
35
|
clearTimeout(timer);
|
|
44
36
|
setContentRendered(false);
|
|
@@ -58,7 +50,5 @@ var Announcer = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
|
|
58
50
|
"aria-live": ariaLive
|
|
59
51
|
}, contentRendered && /*#__PURE__*/_react.default.createElement("span", null, text));
|
|
60
52
|
});
|
|
61
|
-
|
|
62
53
|
var _default = /*#__PURE__*/(0, _react.memo)(Announcer);
|
|
63
|
-
|
|
64
54
|
exports.default = _default;
|
|
@@ -1,38 +1,23 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
6
|
-
|
|
7
5
|
Object.defineProperty(exports, "__esModule", {
|
|
8
6
|
value: true
|
|
9
7
|
});
|
|
10
8
|
exports.testIds = exports.default = void 0;
|
|
11
|
-
|
|
12
9
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
13
|
-
|
|
14
10
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
15
|
-
|
|
16
11
|
var _react = require("@emotion/react");
|
|
17
|
-
|
|
18
12
|
var _react2 = require("react");
|
|
19
|
-
|
|
20
13
|
var _reactIntlNext = require("react-intl-next");
|
|
21
|
-
|
|
22
14
|
var _button = _interopRequireWildcard(require("@atlaskit/button"));
|
|
23
|
-
|
|
24
15
|
var _styled = require("./styled");
|
|
25
|
-
|
|
26
16
|
var _utils = require("./utils");
|
|
27
|
-
|
|
28
17
|
var _errors = require("../../../common/utils/errors");
|
|
29
|
-
|
|
30
18
|
var _excluded = ["isLoading", "error", "state", "items", "isEditing", "onCancel"];
|
|
31
|
-
|
|
32
19
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
33
|
-
|
|
34
20
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
35
|
-
|
|
36
21
|
var messages = (0, _reactIntlNext.defineMessages)({
|
|
37
22
|
cancelButton: {
|
|
38
23
|
id: 'fabric.linkPicker.button.cancel',
|
|
@@ -55,21 +40,18 @@ var testIds = {
|
|
|
55
40
|
cancelButton: 'link-picker-cancel-button'
|
|
56
41
|
};
|
|
57
42
|
exports.testIds = testIds;
|
|
58
|
-
|
|
59
43
|
var FormFooter = function FormFooter(_ref) {
|
|
60
44
|
var isLoading = _ref.isLoading,
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
45
|
+
error = _ref.error,
|
|
46
|
+
state = _ref.state,
|
|
47
|
+
items = _ref.items,
|
|
48
|
+
isEditing = _ref.isEditing,
|
|
49
|
+
onCancel = _ref.onCancel,
|
|
50
|
+
restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
|
|
67
51
|
var intl = (0, _reactIntlNext.useIntl)();
|
|
68
|
-
|
|
69
52
|
if (error && error instanceof _errors.UnauthenticatedError) {
|
|
70
53
|
return null;
|
|
71
54
|
}
|
|
72
|
-
|
|
73
55
|
var isSubmitDisabled = (0, _utils.checkSubmitDisabled)(isLoading, error, state, items);
|
|
74
56
|
var insertButtonMsg = isEditing ? messages.saveButton : messages.insertButton;
|
|
75
57
|
return (0, _react.jsx)("footer", (0, _extends2.default)({
|
|
@@ -85,7 +67,5 @@ var FormFooter = function FormFooter(_ref) {
|
|
|
85
67
|
isDisabled: isSubmitDisabled
|
|
86
68
|
}, intl.formatMessage(insertButtonMsg))));
|
|
87
69
|
};
|
|
88
|
-
|
|
89
70
|
var _default = /*#__PURE__*/(0, _react2.memo)(FormFooter);
|
|
90
|
-
|
|
91
71
|
exports.default = _default;
|
|
@@ -1,17 +1,12 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.formFooterStyles = void 0;
|
|
9
|
-
|
|
10
8
|
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
|
|
11
|
-
|
|
12
9
|
var _react = require("@emotion/react");
|
|
13
|
-
|
|
14
10
|
var _templateObject;
|
|
15
|
-
|
|
16
11
|
var formFooterStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n justify-content: flex-end;\n"])));
|
|
17
12
|
exports.formFooterStyles = formFooterStyles;
|
|
@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.checkSubmitDisabled = void 0;
|
|
7
|
-
|
|
8
7
|
var _url = require("@atlaskit/linking-common/url");
|
|
9
|
-
|
|
10
8
|
var checkSubmitDisabled = function checkSubmitDisabled(isLoading, error, state, items) {
|
|
11
9
|
/*
|
|
12
10
|
* Enable insert when search term is a valid url and it can be normalized
|
|
@@ -15,26 +13,22 @@ var checkSubmitDisabled = function checkSubmitDisabled(isLoading, error, state,
|
|
|
15
13
|
if (state && (0, _url.normalizeUrl)(state.query)) {
|
|
16
14
|
return false;
|
|
17
15
|
}
|
|
16
|
+
|
|
18
17
|
/*
|
|
19
18
|
* Disable insert button when plugin returns no results,
|
|
20
19
|
* but not if it is a valid url
|
|
21
20
|
*/
|
|
22
|
-
|
|
23
|
-
|
|
24
21
|
if (state && (items === null || items === void 0 ? void 0 : items.length) === 0) {
|
|
25
22
|
return true;
|
|
26
23
|
}
|
|
24
|
+
|
|
27
25
|
/*
|
|
28
26
|
* Disable insert button when is plugin is loading or
|
|
29
27
|
* for any search error
|
|
30
28
|
*/
|
|
31
|
-
|
|
32
|
-
|
|
33
29
|
if (isLoading || error) {
|
|
34
30
|
return true;
|
|
35
31
|
}
|
|
36
|
-
|
|
37
32
|
return false;
|
|
38
33
|
};
|
|
39
|
-
|
|
40
34
|
exports.checkSubmitDisabled = checkSubmitDisabled;
|
|
@@ -1,87 +1,48 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
6
|
-
|
|
7
5
|
Object.defineProperty(exports, "__esModule", {
|
|
8
6
|
value: true
|
|
9
7
|
});
|
|
10
8
|
exports.testIds = exports.default = exports.RECENT_SEARCH_LIST_SIZE = void 0;
|
|
11
|
-
|
|
12
9
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
13
|
-
|
|
14
10
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
15
|
-
|
|
16
11
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
17
|
-
|
|
18
12
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
19
|
-
|
|
20
13
|
var _react = require("react");
|
|
21
|
-
|
|
22
14
|
var _react2 = require("@emotion/react");
|
|
23
|
-
|
|
24
15
|
var _reactIntlNext = require("react-intl-next");
|
|
25
|
-
|
|
26
16
|
var _analyticsNext = require("@atlaskit/analytics-next");
|
|
27
|
-
|
|
28
17
|
var _search = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/search"));
|
|
29
|
-
|
|
30
18
|
var _tabs = _interopRequireWildcard(require("@atlaskit/tabs"));
|
|
31
|
-
|
|
32
19
|
var _visuallyHidden = _interopRequireDefault(require("@atlaskit/visually-hidden"));
|
|
33
|
-
|
|
34
20
|
var _analytics = _interopRequireDefault(require("../../analytics.codegen"));
|
|
35
|
-
|
|
36
21
|
var _constants = require("../../common/constants");
|
|
37
|
-
|
|
38
22
|
var _analytics2 = require("../../common/analytics");
|
|
39
|
-
|
|
40
23
|
var _url2 = require("@atlaskit/linking-common/url");
|
|
41
|
-
|
|
42
24
|
var _usePlugins2 = require("../../services/use-plugins");
|
|
43
|
-
|
|
44
25
|
var _useSearchQuery = require("../../services/use-search-query");
|
|
45
|
-
|
|
46
26
|
var _useFixHeight = _interopRequireDefault(require("../../controllers/use-fix-height"));
|
|
47
|
-
|
|
48
27
|
var _messages = require("./messages");
|
|
49
|
-
|
|
50
28
|
var _textInput = _interopRequireWildcard(require("./text-input"));
|
|
51
|
-
|
|
52
29
|
var _styled = require("./styled");
|
|
53
|
-
|
|
54
30
|
var _browser = require("./browser");
|
|
55
|
-
|
|
56
31
|
var _announcer = _interopRequireDefault(require("./announcer"));
|
|
57
|
-
|
|
58
32
|
var _scrollingTabs = _interopRequireDefault(require("../scrolling-tabs"));
|
|
59
|
-
|
|
60
33
|
var _linkSearchList = _interopRequireWildcard(require("./link-search-list"));
|
|
61
|
-
|
|
62
34
|
var _linkSearchError = _interopRequireWildcard(require("./link-search-error"));
|
|
63
|
-
|
|
64
35
|
var _formFooter = _interopRequireWildcard(require("./form-footer"));
|
|
65
|
-
|
|
66
36
|
var _utils = require("./utils");
|
|
67
|
-
|
|
68
37
|
var _trackTabViewed = _interopRequireDefault(require("./track-tab-viewed"));
|
|
69
|
-
|
|
70
38
|
var _trackMount = _interopRequireDefault(require("./track-mount"));
|
|
71
|
-
|
|
72
39
|
var _excluded = ["component"];
|
|
73
|
-
|
|
74
40
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
75
|
-
|
|
76
41
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
77
|
-
|
|
78
42
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
79
|
-
|
|
80
43
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
81
|
-
|
|
82
44
|
var RECENT_SEARCH_LIST_SIZE = 5;
|
|
83
45
|
exports.RECENT_SEARCH_LIST_SIZE = RECENT_SEARCH_LIST_SIZE;
|
|
84
|
-
|
|
85
46
|
var testIds = _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
|
|
86
47
|
linkPickerRoot: 'link-picker-root',
|
|
87
48
|
linkPicker: 'link-picker',
|
|
@@ -92,7 +53,6 @@ var testIds = _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpr
|
|
|
92
53
|
tabList: 'link-picker-tabs',
|
|
93
54
|
tabItem: 'link-picker-tab'
|
|
94
55
|
});
|
|
95
|
-
|
|
96
56
|
exports.testIds = testIds;
|
|
97
57
|
var initState = {
|
|
98
58
|
url: '',
|
|
@@ -103,7 +63,6 @@ var initState = {
|
|
|
103
63
|
activeTab: 0,
|
|
104
64
|
preventHidingRecents: false
|
|
105
65
|
};
|
|
106
|
-
|
|
107
66
|
function reducer(state, payload) {
|
|
108
67
|
if (payload.url && state.url !== payload.url) {
|
|
109
68
|
return _objectSpread(_objectSpread({}, state), {}, {
|
|
@@ -111,80 +70,68 @@ function reducer(state, payload) {
|
|
|
111
70
|
selectedIndex: (0, _url2.isSafeUrl)(payload.url) && payload.url.length ? -1 : state.selectedIndex
|
|
112
71
|
}, payload);
|
|
113
72
|
}
|
|
114
|
-
|
|
115
73
|
return _objectSpread(_objectSpread({}, state), payload);
|
|
116
74
|
}
|
|
75
|
+
|
|
117
76
|
/**
|
|
118
77
|
* Bind input fields to analytics tracking
|
|
119
78
|
*/
|
|
120
79
|
|
|
121
|
-
|
|
122
80
|
var getLinkFieldContent = function getLinkFieldContent(value) {
|
|
123
81
|
if (!Boolean(value)) {
|
|
124
82
|
return null;
|
|
125
83
|
}
|
|
126
|
-
|
|
127
84
|
return (0, _url2.isSafeUrl)(value) ? 'url' : 'text_string';
|
|
128
85
|
};
|
|
129
|
-
|
|
130
86
|
var LinkInputField = (0, _analytics2.withInputFieldTracking)(_textInput.default, 'link', function (event, attributes) {
|
|
131
87
|
return _objectSpread(_objectSpread({}, attributes), {}, {
|
|
132
88
|
linkFieldContent: getLinkFieldContent(event.currentTarget.value)
|
|
133
89
|
});
|
|
134
90
|
});
|
|
135
91
|
var DisplayTextInputField = (0, _analytics2.withInputFieldTracking)(_textInput.default, 'displayText');
|
|
136
|
-
|
|
137
92
|
function LinkPicker(_ref) {
|
|
138
93
|
var _errorFallback;
|
|
139
|
-
|
|
140
94
|
var onSubmit = _ref.onSubmit,
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
95
|
+
onCancel = _ref.onCancel,
|
|
96
|
+
onContentResize = _ref.onContentResize,
|
|
97
|
+
plugins = _ref.plugins,
|
|
98
|
+
initUrl = _ref.url,
|
|
99
|
+
initDisplayText = _ref.displayText,
|
|
100
|
+
hideDisplayText = _ref.hideDisplayText,
|
|
101
|
+
featureFlags = _ref.featureFlags;
|
|
149
102
|
var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
|
|
150
|
-
|
|
151
|
-
|
|
103
|
+
createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
|
|
152
104
|
var _useReducer = (0, _react.useReducer)(reducer, _objectSpread(_objectSpread({}, initState), {}, {
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
105
|
+
url: (0, _url2.normalizeUrl)(initUrl) || '',
|
|
106
|
+
displayText: initDisplayText || ''
|
|
107
|
+
})),
|
|
108
|
+
_useReducer2 = (0, _slicedToArray2.default)(_useReducer, 2),
|
|
109
|
+
state = _useReducer2[0],
|
|
110
|
+
dispatch = _useReducer2[1];
|
|
160
111
|
var activeIndex = state.activeIndex,
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
112
|
+
selectedIndex = state.selectedIndex,
|
|
113
|
+
url = state.url,
|
|
114
|
+
displayText = state.displayText,
|
|
115
|
+
invalidUrl = state.invalidUrl,
|
|
116
|
+
activeTab = state.activeTab;
|
|
166
117
|
var intl = (0, _reactIntlNext.useIntl)();
|
|
167
118
|
var queryState = (0, _useSearchQuery.useSearchQuery)(state);
|
|
168
|
-
|
|
169
119
|
var _usePlugins = (0, _usePlugins2.usePlugins)(queryState, activeTab, plugins),
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
120
|
+
items = _usePlugins.items,
|
|
121
|
+
isLoading = _usePlugins.isLoading,
|
|
122
|
+
isActivePlugin = _usePlugins.isActivePlugin,
|
|
123
|
+
activePlugin = _usePlugins.activePlugin,
|
|
124
|
+
tabs = _usePlugins.tabs,
|
|
125
|
+
error = _usePlugins.error,
|
|
126
|
+
retry = _usePlugins.retry,
|
|
127
|
+
errorFallback = _usePlugins.errorFallback;
|
|
179
128
|
var fixListHeightProps = (0, _useFixHeight.default)(isLoading);
|
|
180
129
|
var isEditing = !!initUrl;
|
|
181
130
|
var selectedItem = items === null || items === void 0 ? void 0 : items[selectedIndex];
|
|
182
131
|
var isSelectedItem = (selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.url) === url;
|
|
183
|
-
|
|
184
132
|
var _useLinkPickerAnalyti = (0, _analytics2.useLinkPickerAnalytics)(),
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
133
|
+
trackAttribute = _useLinkPickerAnalyti.trackAttribute,
|
|
134
|
+
getAttributes = _useLinkPickerAnalyti.getAttributes;
|
|
188
135
|
(0, _react.useLayoutEffect)(function () {
|
|
189
136
|
if (onContentResize) {
|
|
190
137
|
onContentResize();
|
|
@@ -208,29 +155,23 @@ function LinkPicker(_ref) {
|
|
|
208
155
|
var key = event.key;
|
|
209
156
|
var KEY_ARROW_DOWN = 'ArrowDown';
|
|
210
157
|
var KEY_ARROW_UP = 'ArrowUp';
|
|
211
|
-
|
|
212
158
|
if (!items || !items.length) {
|
|
213
159
|
return;
|
|
214
160
|
}
|
|
215
|
-
|
|
216
161
|
var updatedIndex = activeIndex;
|
|
217
|
-
|
|
218
162
|
switch (key) {
|
|
219
163
|
case KEY_ARROW_DOWN:
|
|
220
164
|
// down
|
|
221
165
|
event.preventDefault();
|
|
222
166
|
updatedIndex = (activeIndex + 1) % items.length;
|
|
223
167
|
break;
|
|
224
|
-
|
|
225
168
|
case KEY_ARROW_UP:
|
|
226
169
|
// up
|
|
227
170
|
event.preventDefault();
|
|
228
171
|
updatedIndex = activeIndex > 0 ? activeIndex - 1 : items.length - 1;
|
|
229
172
|
break;
|
|
230
173
|
}
|
|
231
|
-
|
|
232
174
|
var item = items[updatedIndex];
|
|
233
|
-
|
|
234
175
|
if ([KEY_ARROW_DOWN, KEY_ARROW_UP].includes(key) && item) {
|
|
235
176
|
/**
|
|
236
177
|
* Manually track that the url has been updated using searchResult method
|
|
@@ -264,8 +205,8 @@ function LinkPicker(_ref) {
|
|
|
264
205
|
var handleMouseLeaveResultItem = (0, _react.useCallback)(function (objectId) {
|
|
265
206
|
var index = items === null || items === void 0 ? void 0 : items.findIndex(function (item) {
|
|
266
207
|
return item.objectId === objectId;
|
|
267
|
-
});
|
|
268
|
-
|
|
208
|
+
});
|
|
209
|
+
// This is to avoid updating index that was set by other mouseenter event
|
|
269
210
|
if (activeIndex === index) {
|
|
270
211
|
dispatch({
|
|
271
212
|
activeIndex: -1
|
|
@@ -273,16 +214,17 @@ function LinkPicker(_ref) {
|
|
|
273
214
|
}
|
|
274
215
|
}, [dispatch, activeIndex, items]);
|
|
275
216
|
var handleInsert = (0, _react.useCallback)(function (url, title, inputType) {
|
|
276
|
-
var event = createAnalyticsEvent((0, _analytics.default)('ui.form.submitted.linkPicker', {}));
|
|
277
|
-
// This must happen BEFORE the original event is fired!
|
|
217
|
+
var event = createAnalyticsEvent((0, _analytics.default)('ui.form.submitted.linkPicker', {}));
|
|
278
218
|
|
|
279
|
-
|
|
219
|
+
// Clone the event so that it can be emitted for consumer usage
|
|
220
|
+
// This must happen BEFORE the original event is fired!
|
|
221
|
+
var consumerEvent = event.clone();
|
|
222
|
+
// Cloned event doesnt have the attributes that are added by
|
|
280
223
|
// the analytics listener in the LinkPickerAnalyticsContext, add them here
|
|
281
|
-
|
|
282
224
|
consumerEvent === null || consumerEvent === void 0 ? void 0 : consumerEvent.update({
|
|
283
225
|
attributes: getAttributes()
|
|
284
|
-
});
|
|
285
|
-
|
|
226
|
+
});
|
|
227
|
+
// Dispatch the original event to our channel
|
|
286
228
|
event.fire(_constants.ANALYTICS_CHANNEL);
|
|
287
229
|
onSubmit(_objectSpread({
|
|
288
230
|
url: url,
|
|
@@ -299,14 +241,12 @@ function LinkPicker(_ref) {
|
|
|
299
241
|
var selectedItem = items === null || items === void 0 ? void 0 : items.find(function (item) {
|
|
300
242
|
return item.objectId === objectId;
|
|
301
243
|
});
|
|
302
|
-
|
|
303
244
|
if (selectedItem) {
|
|
304
245
|
var _url = selectedItem.url,
|
|
305
|
-
|
|
246
|
+
name = selectedItem.name;
|
|
306
247
|
/**
|
|
307
248
|
* Manually track that the url has been updated using searchResult method
|
|
308
249
|
*/
|
|
309
|
-
|
|
310
250
|
dispatchEvent(new Event('submit'));
|
|
311
251
|
trackAttribute('linkFieldContent', getLinkFieldContent(_url));
|
|
312
252
|
trackAttribute('linkFieldContentInputMethod', 'searchResult');
|
|
@@ -316,24 +256,19 @@ function LinkPicker(_ref) {
|
|
|
316
256
|
}, [handleInsert, trackAttribute, items, activePlugin]);
|
|
317
257
|
var handleSubmit = (0, _react.useCallback)(function (event) {
|
|
318
258
|
event.preventDefault();
|
|
319
|
-
|
|
320
259
|
if (isSelectedItem && selectedItem) {
|
|
321
260
|
return handleInsert(selectedItem.url, selectedItem.name, 'typeAhead');
|
|
322
261
|
}
|
|
323
|
-
|
|
324
262
|
var normalized = (0, _url2.normalizeUrl)(url);
|
|
325
|
-
|
|
326
263
|
if (normalized) {
|
|
327
264
|
return handleInsert(normalized, null, 'manual');
|
|
328
265
|
}
|
|
329
|
-
|
|
330
266
|
return dispatch({
|
|
331
267
|
invalidUrl: true
|
|
332
268
|
});
|
|
333
269
|
}, [dispatch, handleInsert, isSelectedItem, selectedItem, url]);
|
|
334
270
|
var handleTabChange = (0, _react.useCallback)(function (activeTab) {
|
|
335
271
|
var _plugins$activeTab$ta, _plugins$activeTab;
|
|
336
|
-
|
|
337
272
|
dispatch({
|
|
338
273
|
// We don't want any selection to exist after changing tab, as the selection
|
|
339
274
|
// wouldn't mean anything.
|
|
@@ -349,10 +284,11 @@ function LinkPicker(_ref) {
|
|
|
349
284
|
var messages = isActivePlugin ? _messages.searchMessages : _messages.linkMessages;
|
|
350
285
|
var screenReaderDescriptionId = 'search-recent-links-field-description';
|
|
351
286
|
var linkSearchListId = 'link-picker-search-list';
|
|
352
|
-
var ariaActiveDescendant = selectedIndex > -1 ? "link-search-list-item-".concat(selectedIndex) : '';
|
|
287
|
+
var ariaActiveDescendant = selectedIndex > -1 ? "link-search-list-item-".concat(selectedIndex) : '';
|
|
288
|
+
|
|
289
|
+
// Added workaround with a screen reader Announcer specifically for VoiceOver + Safari
|
|
353
290
|
// as the Aria design pattern for combobox does not work in this case
|
|
354
291
|
// for details: https://a11y-internal.atlassian.net/browse/AK-740
|
|
355
|
-
|
|
356
292
|
var screenReaderText = _browser.browser.safari && (0, _utils.getScreenReaderText)(items !== null && items !== void 0 ? items : [], selectedIndex, intl);
|
|
357
293
|
var searchIcon = isActivePlugin && (0, _react2.jsx)("span", {
|
|
358
294
|
css: _styled.searchIconStyles,
|
|
@@ -442,21 +378,18 @@ function LinkPicker(_ref) {
|
|
|
442
378
|
css: !queryState || !(plugins !== null && plugins !== void 0 && plugins.length) ? _styled.formFooterMargin : undefined
|
|
443
379
|
}));
|
|
444
380
|
}
|
|
445
|
-
|
|
446
381
|
var DefaultRootComponent = function DefaultRootComponent(_ref2) {
|
|
447
382
|
var children = _ref2.children;
|
|
448
383
|
return (0, _react2.jsx)("div", {
|
|
449
384
|
"data-testid": testIds.linkPickerRoot
|
|
450
385
|
}, children);
|
|
451
386
|
};
|
|
452
|
-
|
|
453
387
|
var _default = (0, _analytics2.withLinkPickerAnalyticsContext)( /*#__PURE__*/(0, _react.memo)(function (_ref3) {
|
|
454
388
|
var component = _ref3.component,
|
|
455
|
-
|
|
389
|
+
props = (0, _objectWithoutProperties2.default)(_ref3, _excluded);
|
|
456
390
|
var RootComponent = component !== null && component !== void 0 ? component : DefaultRootComponent;
|
|
457
391
|
return (0, _react2.jsx)(RootComponent, (0, _extends2.default)({}, props, {
|
|
458
392
|
"data-testid": testIds.linkPickerRoot
|
|
459
393
|
}), (0, _react2.jsx)(LinkPicker, props));
|
|
460
394
|
}));
|
|
461
|
-
|
|
462
395
|
exports.default = _default;
|