@atlaskit/link-picker 5.1.2 → 5.1.4
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 +12 -0
- package/dist/cjs/common/utils/analytics/analytics.codegen.js +7 -7
- package/dist/cjs/ui/link-picker/form-footer/link-picker-submit-button/index.js +1 -1
- package/dist/cjs/ui/link-picker/messages.js +10 -10
- package/dist/es2019/common/utils/analytics/analytics.codegen.js +6 -6
- package/dist/es2019/ui/link-picker/form-footer/link-picker-submit-button/index.js +1 -1
- package/dist/es2019/ui/link-picker/messages.js +10 -10
- package/dist/esm/common/utils/analytics/analytics.codegen.js +7 -7
- package/dist/esm/ui/link-picker/form-footer/link-picker-submit-button/index.js +1 -1
- package/dist/esm/ui/link-picker/messages.js +10 -10
- package/dist/types/common/utils/analytics/analytics.codegen.d.ts +14 -20
- package/dist/types-ts4.5/common/utils/analytics/analytics.codegen.d.ts +14 -20
- package/link-picker.docs.tsx +2 -1
- package/package.json +5 -5
package/CHANGELOG.md
CHANGED
|
@@ -11,17 +11,17 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
|
|
|
11
11
|
*
|
|
12
12
|
* Generates Typescript types for analytics events from analytics.spec.yaml
|
|
13
13
|
*
|
|
14
|
-
* @codegen <<SignedSource::
|
|
14
|
+
* @codegen <<SignedSource::590b9da528f0d0b88cea1feaa1815283>>
|
|
15
15
|
* @codegenCommand yarn workspace @atlaskit/link-picker run codegen-analytics
|
|
16
16
|
*/
|
|
17
17
|
|
|
18
18
|
function createEventPayload(eventKey, attributes) {
|
|
19
|
-
var
|
|
20
|
-
|
|
21
|
-
eventType =
|
|
22
|
-
actionSubject =
|
|
23
|
-
action =
|
|
24
|
-
actionSubjectId =
|
|
19
|
+
var _ref = eventKey.split('.'),
|
|
20
|
+
_ref2 = (0, _slicedToArray2.default)(_ref, 4),
|
|
21
|
+
eventType = _ref2[0],
|
|
22
|
+
actionSubject = _ref2[1],
|
|
23
|
+
action = _ref2[2],
|
|
24
|
+
actionSubjectId = _ref2[3];
|
|
25
25
|
if (eventType === 'screen') {
|
|
26
26
|
return {
|
|
27
27
|
eventType: eventType,
|
|
@@ -13,7 +13,7 @@ var messages = exports.messages = (0, _reactIntl.defineMessages)({
|
|
|
13
13
|
saveButton: {
|
|
14
14
|
id: 'fabric.linkPicker.button.save',
|
|
15
15
|
defaultMessage: 'Save',
|
|
16
|
-
description: '
|
|
16
|
+
description: 'Label for the submit button in the link picker form footer when editing an existing link, saves the updated link'
|
|
17
17
|
},
|
|
18
18
|
insertButton: {
|
|
19
19
|
id: 'fabric.linkPicker.button.insert',
|
|
@@ -9,41 +9,41 @@ var searchMessages = exports.searchMessages = (0, _reactIntl.defineMessages)({
|
|
|
9
9
|
linkLabel: {
|
|
10
10
|
id: 'fabric.linkPicker.search.linkLabel',
|
|
11
11
|
defaultMessage: 'Search or paste a link',
|
|
12
|
-
description: 'Label
|
|
12
|
+
description: 'Label shown above the URL input field in the link picker when search mode is active'
|
|
13
13
|
},
|
|
14
14
|
linkAriaLabel: {
|
|
15
15
|
id: 'fabric.linkPicker.search.linkAriaLabel',
|
|
16
16
|
defaultMessage: 'Suggestions will appear below as you type into the field',
|
|
17
|
-
description: '
|
|
17
|
+
description: 'Accessible aria-label for the URL search input field in the link picker, informing screen reader users that suggestions will appear as they type'
|
|
18
18
|
},
|
|
19
19
|
linkPlaceholder: {
|
|
20
20
|
id: 'fabric.linkPicker.search.linkPlaceholder',
|
|
21
21
|
defaultMessage: 'Find recent links or paste a new link',
|
|
22
|
-
description: 'Placeholder text
|
|
22
|
+
description: 'Placeholder text shown inside the URL search input field in the link picker before the user types'
|
|
23
23
|
}
|
|
24
24
|
});
|
|
25
25
|
var linkMessages = exports.linkMessages = (0, _reactIntl.defineMessages)({
|
|
26
26
|
linkLabel: {
|
|
27
27
|
id: 'fabric.linkPicker.linkLabel',
|
|
28
28
|
defaultMessage: 'Link',
|
|
29
|
-
description: 'Label
|
|
29
|
+
description: 'Label shown above the URL input field in the link picker when in paste-only mode (no search)'
|
|
30
30
|
},
|
|
31
31
|
linkAriaLabel: {
|
|
32
32
|
id: 'fabric.linkPicker.linkAriaLabel',
|
|
33
33
|
defaultMessage: 'Type or paste a link into the field',
|
|
34
|
-
description: '
|
|
34
|
+
description: 'Accessible aria-label for the URL input field in the link picker when in paste-only mode, used by screen readers'
|
|
35
35
|
},
|
|
36
36
|
linkPlaceholder: {
|
|
37
37
|
id: 'fabric.linkPicker.linkPlaceholder',
|
|
38
38
|
defaultMessage: 'Paste a link',
|
|
39
|
-
description: 'Placeholder text
|
|
39
|
+
description: 'Placeholder text shown inside the URL input field in the link picker when in paste-only mode before the user types'
|
|
40
40
|
}
|
|
41
41
|
});
|
|
42
42
|
var formMessages = exports.formMessages = (0, _reactIntl.defineMessages)({
|
|
43
43
|
linkInvalid: {
|
|
44
44
|
id: 'fabric.linkPicker.linkInvalid',
|
|
45
45
|
defaultMessage: 'Enter a valid URL.',
|
|
46
|
-
description: '
|
|
46
|
+
description: 'Validation error message displayed below the URL input field in the link picker when the entered value is not a valid URL'
|
|
47
47
|
},
|
|
48
48
|
clearLink: {
|
|
49
49
|
id: 'fabric.linkPicker.clearLink',
|
|
@@ -60,12 +60,12 @@ var linkTextMessages = exports.linkTextMessages = (0, _reactIntl.defineMessages)
|
|
|
60
60
|
linkTextLabel: {
|
|
61
61
|
id: 'fabric.linkPicker.linkTextLabel',
|
|
62
62
|
defaultMessage: 'Display text (optional)',
|
|
63
|
-
description: 'Label
|
|
63
|
+
description: 'Label shown above the display text input field in the link picker, where users can optionally enter the visible link text'
|
|
64
64
|
},
|
|
65
65
|
linkTextAriaLabel: {
|
|
66
66
|
id: 'fabric.linkPicker.linkTextAriaLabel',
|
|
67
67
|
defaultMessage: 'Link display text',
|
|
68
|
-
description: '
|
|
68
|
+
description: 'Accessible aria-label for the display text input field in the link picker, used by screen readers'
|
|
69
69
|
},
|
|
70
70
|
linkTextPlaceholder: {
|
|
71
71
|
id: 'fabric.linkPicker.linkTextPlaceholder',
|
|
@@ -80,7 +80,7 @@ var linkTextMessages = exports.linkTextMessages = (0, _reactIntl.defineMessages)
|
|
|
80
80
|
linkHelperTextLabel: {
|
|
81
81
|
id: 'fabric.linkPicker.linkHelperTextLabel',
|
|
82
82
|
defaultMessage: 'Give this link a title or description',
|
|
83
|
-
description: 'Helper text
|
|
83
|
+
description: 'Helper text shown below the display text input in the link picker, prompting users to provide a title or description for the link'
|
|
84
84
|
},
|
|
85
85
|
linkHelperTextAriaLabel: {
|
|
86
86
|
id: 'fabric.linkPicker.linkHelperTextAriaLabel',
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*
|
|
4
4
|
* Generates Typescript types for analytics events from analytics.spec.yaml
|
|
5
5
|
*
|
|
6
|
-
* @codegen <<SignedSource::
|
|
6
|
+
* @codegen <<SignedSource::590b9da528f0d0b88cea1feaa1815283>>
|
|
7
7
|
* @codegenCommand yarn workspace @atlaskit/link-picker run codegen-analytics
|
|
8
8
|
*/
|
|
9
9
|
|
|
@@ -11,17 +11,17 @@ function createEventPayload(eventKey, attributes) {
|
|
|
11
11
|
const [eventType, actionSubject, action, actionSubjectId] = eventKey.split('.');
|
|
12
12
|
if (eventType === 'screen') {
|
|
13
13
|
return {
|
|
14
|
-
eventType,
|
|
14
|
+
eventType: eventType,
|
|
15
15
|
name: actionSubject,
|
|
16
16
|
action: 'viewed',
|
|
17
17
|
attributes: attributes
|
|
18
18
|
};
|
|
19
19
|
}
|
|
20
20
|
return {
|
|
21
|
-
eventType,
|
|
22
|
-
actionSubject,
|
|
23
|
-
actionSubjectId,
|
|
24
|
-
action,
|
|
21
|
+
eventType: eventType,
|
|
22
|
+
actionSubject: actionSubject,
|
|
23
|
+
actionSubjectId: actionSubjectId,
|
|
24
|
+
action: action,
|
|
25
25
|
attributes: attributes
|
|
26
26
|
};
|
|
27
27
|
}
|
|
@@ -6,7 +6,7 @@ export const messages = defineMessages({
|
|
|
6
6
|
saveButton: {
|
|
7
7
|
id: 'fabric.linkPicker.button.save',
|
|
8
8
|
defaultMessage: 'Save',
|
|
9
|
-
description: '
|
|
9
|
+
description: 'Label for the submit button in the link picker form footer when editing an existing link, saves the updated link'
|
|
10
10
|
},
|
|
11
11
|
insertButton: {
|
|
12
12
|
id: 'fabric.linkPicker.button.insert',
|
|
@@ -3,41 +3,41 @@ export const searchMessages = defineMessages({
|
|
|
3
3
|
linkLabel: {
|
|
4
4
|
id: 'fabric.linkPicker.search.linkLabel',
|
|
5
5
|
defaultMessage: 'Search or paste a link',
|
|
6
|
-
description: 'Label
|
|
6
|
+
description: 'Label shown above the URL input field in the link picker when search mode is active'
|
|
7
7
|
},
|
|
8
8
|
linkAriaLabel: {
|
|
9
9
|
id: 'fabric.linkPicker.search.linkAriaLabel',
|
|
10
10
|
defaultMessage: 'Suggestions will appear below as you type into the field',
|
|
11
|
-
description: '
|
|
11
|
+
description: 'Accessible aria-label for the URL search input field in the link picker, informing screen reader users that suggestions will appear as they type'
|
|
12
12
|
},
|
|
13
13
|
linkPlaceholder: {
|
|
14
14
|
id: 'fabric.linkPicker.search.linkPlaceholder',
|
|
15
15
|
defaultMessage: 'Find recent links or paste a new link',
|
|
16
|
-
description: 'Placeholder text
|
|
16
|
+
description: 'Placeholder text shown inside the URL search input field in the link picker before the user types'
|
|
17
17
|
}
|
|
18
18
|
});
|
|
19
19
|
export const linkMessages = defineMessages({
|
|
20
20
|
linkLabel: {
|
|
21
21
|
id: 'fabric.linkPicker.linkLabel',
|
|
22
22
|
defaultMessage: 'Link',
|
|
23
|
-
description: 'Label
|
|
23
|
+
description: 'Label shown above the URL input field in the link picker when in paste-only mode (no search)'
|
|
24
24
|
},
|
|
25
25
|
linkAriaLabel: {
|
|
26
26
|
id: 'fabric.linkPicker.linkAriaLabel',
|
|
27
27
|
defaultMessage: 'Type or paste a link into the field',
|
|
28
|
-
description: '
|
|
28
|
+
description: 'Accessible aria-label for the URL input field in the link picker when in paste-only mode, used by screen readers'
|
|
29
29
|
},
|
|
30
30
|
linkPlaceholder: {
|
|
31
31
|
id: 'fabric.linkPicker.linkPlaceholder',
|
|
32
32
|
defaultMessage: 'Paste a link',
|
|
33
|
-
description: 'Placeholder text
|
|
33
|
+
description: 'Placeholder text shown inside the URL input field in the link picker when in paste-only mode before the user types'
|
|
34
34
|
}
|
|
35
35
|
});
|
|
36
36
|
export const formMessages = defineMessages({
|
|
37
37
|
linkInvalid: {
|
|
38
38
|
id: 'fabric.linkPicker.linkInvalid',
|
|
39
39
|
defaultMessage: 'Enter a valid URL.',
|
|
40
|
-
description: '
|
|
40
|
+
description: 'Validation error message displayed below the URL input field in the link picker when the entered value is not a valid URL'
|
|
41
41
|
},
|
|
42
42
|
clearLink: {
|
|
43
43
|
id: 'fabric.linkPicker.clearLink',
|
|
@@ -54,12 +54,12 @@ export const linkTextMessages = defineMessages({
|
|
|
54
54
|
linkTextLabel: {
|
|
55
55
|
id: 'fabric.linkPicker.linkTextLabel',
|
|
56
56
|
defaultMessage: 'Display text (optional)',
|
|
57
|
-
description: 'Label
|
|
57
|
+
description: 'Label shown above the display text input field in the link picker, where users can optionally enter the visible link text'
|
|
58
58
|
},
|
|
59
59
|
linkTextAriaLabel: {
|
|
60
60
|
id: 'fabric.linkPicker.linkTextAriaLabel',
|
|
61
61
|
defaultMessage: 'Link display text',
|
|
62
|
-
description: '
|
|
62
|
+
description: 'Accessible aria-label for the display text input field in the link picker, used by screen readers'
|
|
63
63
|
},
|
|
64
64
|
linkTextPlaceholder: {
|
|
65
65
|
id: 'fabric.linkPicker.linkTextPlaceholder',
|
|
@@ -74,7 +74,7 @@ export const linkTextMessages = defineMessages({
|
|
|
74
74
|
linkHelperTextLabel: {
|
|
75
75
|
id: 'fabric.linkPicker.linkHelperTextLabel',
|
|
76
76
|
defaultMessage: 'Give this link a title or description',
|
|
77
|
-
description: 'Helper text
|
|
77
|
+
description: 'Helper text shown below the display text input in the link picker, prompting users to provide a title or description for the link'
|
|
78
78
|
},
|
|
79
79
|
linkHelperTextAriaLabel: {
|
|
80
80
|
id: 'fabric.linkPicker.linkHelperTextAriaLabel',
|
|
@@ -4,17 +4,17 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
|
4
4
|
*
|
|
5
5
|
* Generates Typescript types for analytics events from analytics.spec.yaml
|
|
6
6
|
*
|
|
7
|
-
* @codegen <<SignedSource::
|
|
7
|
+
* @codegen <<SignedSource::590b9da528f0d0b88cea1feaa1815283>>
|
|
8
8
|
* @codegenCommand yarn workspace @atlaskit/link-picker run codegen-analytics
|
|
9
9
|
*/
|
|
10
10
|
|
|
11
11
|
function createEventPayload(eventKey, attributes) {
|
|
12
|
-
var
|
|
13
|
-
|
|
14
|
-
eventType =
|
|
15
|
-
actionSubject =
|
|
16
|
-
action =
|
|
17
|
-
actionSubjectId =
|
|
12
|
+
var _ref = eventKey.split('.'),
|
|
13
|
+
_ref2 = _slicedToArray(_ref, 4),
|
|
14
|
+
eventType = _ref2[0],
|
|
15
|
+
actionSubject = _ref2[1],
|
|
16
|
+
action = _ref2[2],
|
|
17
|
+
actionSubjectId = _ref2[3];
|
|
18
18
|
if (eventType === 'screen') {
|
|
19
19
|
return {
|
|
20
20
|
eventType: eventType,
|
|
@@ -6,7 +6,7 @@ export var messages = defineMessages({
|
|
|
6
6
|
saveButton: {
|
|
7
7
|
id: 'fabric.linkPicker.button.save',
|
|
8
8
|
defaultMessage: 'Save',
|
|
9
|
-
description: '
|
|
9
|
+
description: 'Label for the submit button in the link picker form footer when editing an existing link, saves the updated link'
|
|
10
10
|
},
|
|
11
11
|
insertButton: {
|
|
12
12
|
id: 'fabric.linkPicker.button.insert',
|
|
@@ -3,41 +3,41 @@ export var searchMessages = defineMessages({
|
|
|
3
3
|
linkLabel: {
|
|
4
4
|
id: 'fabric.linkPicker.search.linkLabel',
|
|
5
5
|
defaultMessage: 'Search or paste a link',
|
|
6
|
-
description: 'Label
|
|
6
|
+
description: 'Label shown above the URL input field in the link picker when search mode is active'
|
|
7
7
|
},
|
|
8
8
|
linkAriaLabel: {
|
|
9
9
|
id: 'fabric.linkPicker.search.linkAriaLabel',
|
|
10
10
|
defaultMessage: 'Suggestions will appear below as you type into the field',
|
|
11
|
-
description: '
|
|
11
|
+
description: 'Accessible aria-label for the URL search input field in the link picker, informing screen reader users that suggestions will appear as they type'
|
|
12
12
|
},
|
|
13
13
|
linkPlaceholder: {
|
|
14
14
|
id: 'fabric.linkPicker.search.linkPlaceholder',
|
|
15
15
|
defaultMessage: 'Find recent links or paste a new link',
|
|
16
|
-
description: 'Placeholder text
|
|
16
|
+
description: 'Placeholder text shown inside the URL search input field in the link picker before the user types'
|
|
17
17
|
}
|
|
18
18
|
});
|
|
19
19
|
export var linkMessages = defineMessages({
|
|
20
20
|
linkLabel: {
|
|
21
21
|
id: 'fabric.linkPicker.linkLabel',
|
|
22
22
|
defaultMessage: 'Link',
|
|
23
|
-
description: 'Label
|
|
23
|
+
description: 'Label shown above the URL input field in the link picker when in paste-only mode (no search)'
|
|
24
24
|
},
|
|
25
25
|
linkAriaLabel: {
|
|
26
26
|
id: 'fabric.linkPicker.linkAriaLabel',
|
|
27
27
|
defaultMessage: 'Type or paste a link into the field',
|
|
28
|
-
description: '
|
|
28
|
+
description: 'Accessible aria-label for the URL input field in the link picker when in paste-only mode, used by screen readers'
|
|
29
29
|
},
|
|
30
30
|
linkPlaceholder: {
|
|
31
31
|
id: 'fabric.linkPicker.linkPlaceholder',
|
|
32
32
|
defaultMessage: 'Paste a link',
|
|
33
|
-
description: 'Placeholder text
|
|
33
|
+
description: 'Placeholder text shown inside the URL input field in the link picker when in paste-only mode before the user types'
|
|
34
34
|
}
|
|
35
35
|
});
|
|
36
36
|
export var formMessages = defineMessages({
|
|
37
37
|
linkInvalid: {
|
|
38
38
|
id: 'fabric.linkPicker.linkInvalid',
|
|
39
39
|
defaultMessage: 'Enter a valid URL.',
|
|
40
|
-
description: '
|
|
40
|
+
description: 'Validation error message displayed below the URL input field in the link picker when the entered value is not a valid URL'
|
|
41
41
|
},
|
|
42
42
|
clearLink: {
|
|
43
43
|
id: 'fabric.linkPicker.clearLink',
|
|
@@ -54,12 +54,12 @@ export var linkTextMessages = defineMessages({
|
|
|
54
54
|
linkTextLabel: {
|
|
55
55
|
id: 'fabric.linkPicker.linkTextLabel',
|
|
56
56
|
defaultMessage: 'Display text (optional)',
|
|
57
|
-
description: 'Label
|
|
57
|
+
description: 'Label shown above the display text input field in the link picker, where users can optionally enter the visible link text'
|
|
58
58
|
},
|
|
59
59
|
linkTextAriaLabel: {
|
|
60
60
|
id: 'fabric.linkPicker.linkTextAriaLabel',
|
|
61
61
|
defaultMessage: 'Link display text',
|
|
62
|
-
description: '
|
|
62
|
+
description: 'Accessible aria-label for the display text input field in the link picker, used by screen readers'
|
|
63
63
|
},
|
|
64
64
|
linkTextPlaceholder: {
|
|
65
65
|
id: 'fabric.linkPicker.linkTextPlaceholder',
|
|
@@ -74,7 +74,7 @@ export var linkTextMessages = defineMessages({
|
|
|
74
74
|
linkHelperTextLabel: {
|
|
75
75
|
id: 'fabric.linkPicker.linkHelperTextLabel',
|
|
76
76
|
defaultMessage: 'Give this link a title or description',
|
|
77
|
-
description: 'Helper text
|
|
77
|
+
description: 'Helper text shown below the display text input in the link picker, prompting users to provide a title or description for the link'
|
|
78
78
|
},
|
|
79
79
|
linkHelperTextAriaLabel: {
|
|
80
80
|
id: 'fabric.linkPicker.linkHelperTextAriaLabel',
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*
|
|
4
4
|
* Generates Typescript types for analytics events from analytics.spec.yaml
|
|
5
5
|
*
|
|
6
|
-
* @codegen <<SignedSource::
|
|
6
|
+
* @codegen <<SignedSource::590b9da528f0d0b88cea1feaa1815283>>
|
|
7
7
|
* @codegenCommand yarn workspace @atlaskit/link-picker run codegen-analytics
|
|
8
8
|
*/
|
|
9
9
|
export type PackageMetaDataType = {
|
|
@@ -14,12 +14,12 @@ export type PackageMetaDataType = {
|
|
|
14
14
|
};
|
|
15
15
|
export type LinkPickerAnalyticsContextType = {
|
|
16
16
|
linkState: 'editLink' | 'newLink';
|
|
17
|
-
linkFieldContent
|
|
18
|
-
linkFieldContentInputMethod
|
|
19
|
-
linkFieldContentInputSource
|
|
20
|
-
displayTextFieldContent
|
|
21
|
-
displayTextFieldContentInputMethod
|
|
22
|
-
tab
|
|
17
|
+
linkFieldContent?: 'url' | 'text_string' | null;
|
|
18
|
+
linkFieldContentInputMethod?: 'manual' | 'paste' | 'searchResult' | null;
|
|
19
|
+
linkFieldContentInputSource?: string | null;
|
|
20
|
+
displayTextFieldContent?: 'text_string' | null;
|
|
21
|
+
displayTextFieldContentInputMethod?: 'manual' | 'paste' | null;
|
|
22
|
+
tab?: string | null;
|
|
23
23
|
};
|
|
24
24
|
export type FormSubmittedLinkPickerAttributesType = {};
|
|
25
25
|
export type InlineDialogViewedLinkPickerAttributesType = {};
|
|
@@ -30,7 +30,7 @@ export type TabViewedAttributesType = {};
|
|
|
30
30
|
export type LinkPickerUnhandledErrorCaughtAttributesType = {
|
|
31
31
|
browserInfo: string;
|
|
32
32
|
error: string;
|
|
33
|
-
componentStack
|
|
33
|
+
componentStack?: string | null;
|
|
34
34
|
};
|
|
35
35
|
export type SearchResultsShownPreQuerySearchResultsAttributesType = {
|
|
36
36
|
resultCount: number;
|
|
@@ -41,7 +41,7 @@ export type SearchResultsShownPostQuerySearchResultsAttributesType = {
|
|
|
41
41
|
export type ResultsResolveFailedAttributesType = {
|
|
42
42
|
error: string;
|
|
43
43
|
};
|
|
44
|
-
type AnalyticsEventAttributes = {
|
|
44
|
+
export type AnalyticsEventAttributes = {
|
|
45
45
|
'ui.form.submitted.linkPicker': FormSubmittedLinkPickerAttributesType;
|
|
46
46
|
'ui.inlineDialog.viewed.linkPicker': InlineDialogViewedLinkPickerAttributesType;
|
|
47
47
|
'ui.inlineDialog.closed.linkPicker': InlineDialogClosedLinkPickerAttributesType;
|
|
@@ -53,19 +53,13 @@ type AnalyticsEventAttributes = {
|
|
|
53
53
|
'ui.searchResults.shown.postQuerySearchResults': SearchResultsShownPostQuerySearchResultsAttributesType;
|
|
54
54
|
'operational.resultsResolve.failed': ResultsResolveFailedAttributesType;
|
|
55
55
|
};
|
|
56
|
-
|
|
56
|
+
type CreateEventPayloadResult<K extends keyof AnalyticsEventAttributes> = {
|
|
57
57
|
eventType: string;
|
|
58
|
-
name: string;
|
|
59
58
|
action: string;
|
|
60
59
|
attributes: AnalyticsEventAttributes[K];
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
eventType: string;
|
|
65
|
-
actionSubject: string;
|
|
66
|
-
actionSubjectId: string;
|
|
67
|
-
action: string;
|
|
68
|
-
attributes: AnalyticsEventAttributes[K];
|
|
69
|
-
name?: undefined;
|
|
60
|
+
name?: string;
|
|
61
|
+
actionSubject?: string;
|
|
62
|
+
actionSubjectId?: string;
|
|
70
63
|
};
|
|
64
|
+
declare function createEventPayload<K extends keyof AnalyticsEventAttributes>(eventKey: K, attributes: AnalyticsEventAttributes[K]): CreateEventPayloadResult<K>;
|
|
71
65
|
export default createEventPayload;
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*
|
|
4
4
|
* Generates Typescript types for analytics events from analytics.spec.yaml
|
|
5
5
|
*
|
|
6
|
-
* @codegen <<SignedSource::
|
|
6
|
+
* @codegen <<SignedSource::590b9da528f0d0b88cea1feaa1815283>>
|
|
7
7
|
* @codegenCommand yarn workspace @atlaskit/link-picker run codegen-analytics
|
|
8
8
|
*/
|
|
9
9
|
export type PackageMetaDataType = {
|
|
@@ -14,12 +14,12 @@ export type PackageMetaDataType = {
|
|
|
14
14
|
};
|
|
15
15
|
export type LinkPickerAnalyticsContextType = {
|
|
16
16
|
linkState: 'editLink' | 'newLink';
|
|
17
|
-
linkFieldContent
|
|
18
|
-
linkFieldContentInputMethod
|
|
19
|
-
linkFieldContentInputSource
|
|
20
|
-
displayTextFieldContent
|
|
21
|
-
displayTextFieldContentInputMethod
|
|
22
|
-
tab
|
|
17
|
+
linkFieldContent?: 'url' | 'text_string' | null;
|
|
18
|
+
linkFieldContentInputMethod?: 'manual' | 'paste' | 'searchResult' | null;
|
|
19
|
+
linkFieldContentInputSource?: string | null;
|
|
20
|
+
displayTextFieldContent?: 'text_string' | null;
|
|
21
|
+
displayTextFieldContentInputMethod?: 'manual' | 'paste' | null;
|
|
22
|
+
tab?: string | null;
|
|
23
23
|
};
|
|
24
24
|
export type FormSubmittedLinkPickerAttributesType = {};
|
|
25
25
|
export type InlineDialogViewedLinkPickerAttributesType = {};
|
|
@@ -30,7 +30,7 @@ export type TabViewedAttributesType = {};
|
|
|
30
30
|
export type LinkPickerUnhandledErrorCaughtAttributesType = {
|
|
31
31
|
browserInfo: string;
|
|
32
32
|
error: string;
|
|
33
|
-
componentStack
|
|
33
|
+
componentStack?: string | null;
|
|
34
34
|
};
|
|
35
35
|
export type SearchResultsShownPreQuerySearchResultsAttributesType = {
|
|
36
36
|
resultCount: number;
|
|
@@ -41,7 +41,7 @@ export type SearchResultsShownPostQuerySearchResultsAttributesType = {
|
|
|
41
41
|
export type ResultsResolveFailedAttributesType = {
|
|
42
42
|
error: string;
|
|
43
43
|
};
|
|
44
|
-
type AnalyticsEventAttributes = {
|
|
44
|
+
export type AnalyticsEventAttributes = {
|
|
45
45
|
'ui.form.submitted.linkPicker': FormSubmittedLinkPickerAttributesType;
|
|
46
46
|
'ui.inlineDialog.viewed.linkPicker': InlineDialogViewedLinkPickerAttributesType;
|
|
47
47
|
'ui.inlineDialog.closed.linkPicker': InlineDialogClosedLinkPickerAttributesType;
|
|
@@ -53,19 +53,13 @@ type AnalyticsEventAttributes = {
|
|
|
53
53
|
'ui.searchResults.shown.postQuerySearchResults': SearchResultsShownPostQuerySearchResultsAttributesType;
|
|
54
54
|
'operational.resultsResolve.failed': ResultsResolveFailedAttributesType;
|
|
55
55
|
};
|
|
56
|
-
|
|
56
|
+
type CreateEventPayloadResult<K extends keyof AnalyticsEventAttributes> = {
|
|
57
57
|
eventType: string;
|
|
58
|
-
name: string;
|
|
59
58
|
action: string;
|
|
60
59
|
attributes: AnalyticsEventAttributes[K];
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
eventType: string;
|
|
65
|
-
actionSubject: string;
|
|
66
|
-
actionSubjectId: string;
|
|
67
|
-
action: string;
|
|
68
|
-
attributes: AnalyticsEventAttributes[K];
|
|
69
|
-
name?: undefined;
|
|
60
|
+
name?: string;
|
|
61
|
+
actionSubject?: string;
|
|
62
|
+
actionSubjectId?: string;
|
|
70
63
|
};
|
|
64
|
+
declare function createEventPayload<K extends keyof AnalyticsEventAttributes>(eventKey: K, attributes: AnalyticsEventAttributes[K]): CreateEventPayloadResult<K>;
|
|
71
65
|
export default createEventPayload;
|
package/link-picker.docs.tsx
CHANGED
|
@@ -36,7 +36,8 @@ const documentation: ComponentStructuredContentSource[] = [
|
|
|
36
36
|
examples: [
|
|
37
37
|
{
|
|
38
38
|
name: 'Link Picker (basic)',
|
|
39
|
-
description:
|
|
39
|
+
description:
|
|
40
|
+
'Basic LinkPicker with URL input and submit. Requires plugins for search results.',
|
|
40
41
|
source: path.resolve(packagePath, './examples/00-basic.tsx'),
|
|
41
42
|
},
|
|
42
43
|
{
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/link-picker",
|
|
3
|
-
"version": "5.1.
|
|
3
|
+
"version": "5.1.4",
|
|
4
4
|
"description": "Standalone link picker",
|
|
5
5
|
"author": "Atlassian Pty Ltd",
|
|
6
6
|
"publishConfig": {
|
|
@@ -62,15 +62,15 @@
|
|
|
62
62
|
"@atlaskit/linking-common": "^9.11.0",
|
|
63
63
|
"@atlaskit/platform-feature-flags": "^1.1.0",
|
|
64
64
|
"@atlaskit/primitives": "^19.0.0",
|
|
65
|
-
"@atlaskit/smart-card": "^44.
|
|
65
|
+
"@atlaskit/smart-card": "^44.5.0",
|
|
66
66
|
"@atlaskit/spinner": "^19.1.0",
|
|
67
|
-
"@atlaskit/spotlight": "^0.
|
|
67
|
+
"@atlaskit/spotlight": "^0.13.0",
|
|
68
68
|
"@atlaskit/tabs": "^19.1.0",
|
|
69
69
|
"@atlaskit/textfield": "^8.3.0",
|
|
70
70
|
"@atlaskit/tokens": "^13.0.0",
|
|
71
|
-
"@atlaskit/tooltip": "^
|
|
71
|
+
"@atlaskit/tooltip": "^22.0.0",
|
|
72
72
|
"@atlaskit/ufo": "^0.4.0",
|
|
73
|
-
"@atlaskit/visually-hidden": "^3.
|
|
73
|
+
"@atlaskit/visually-hidden": "^3.1.0",
|
|
74
74
|
"@babel/runtime": "^7.0.0",
|
|
75
75
|
"@compiled/react": "^0.20.0",
|
|
76
76
|
"@react-loosely-lazy/manifest": "^1.0.0",
|