@atlaskit/link-picker 1.35.2 → 1.36.1
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 +516 -184
- package/dist/cjs/ui/index.js +1 -1
- package/dist/cjs/ui/link-picker/index.js +4 -3
- package/dist/cjs/ui/link-picker/search-results/link-search-list/list-item/styled.js +2 -1
- package/dist/es2019/ui/index.js +1 -1
- package/dist/es2019/ui/link-picker/index.js +5 -2
- package/dist/es2019/ui/link-picker/search-results/link-search-list/list-item/styled.js +2 -1
- package/dist/esm/ui/index.js +1 -1
- package/dist/esm/ui/link-picker/index.js +4 -3
- package/dist/esm/ui/link-picker/search-results/link-search-list/list-item/styled.js +2 -1
- package/dist/types/services/use-plugins/index.d.ts +1 -1
- package/dist/types/ui/link-picker/index.d.ts +2 -0
- package/dist/types-ts4.5/services/use-plugins/index.d.ts +1 -1
- package/dist/types-ts4.5/ui/link-picker/index.d.ts +2 -0
- package/package.json +11 -11
package/dist/cjs/ui/index.js
CHANGED
|
@@ -26,7 +26,7 @@ var testIds = exports.testIds = {
|
|
|
26
26
|
};
|
|
27
27
|
var PACKAGE_DATA = exports.PACKAGE_DATA = {
|
|
28
28
|
packageName: "@atlaskit/link-picker" || '',
|
|
29
|
-
packageVersion: "1.
|
|
29
|
+
packageVersion: "1.36.1" || '',
|
|
30
30
|
componentName: _constants.COMPONENT_NAME,
|
|
31
31
|
source: _constants.COMPONENT_NAME
|
|
32
32
|
};
|
|
@@ -161,7 +161,7 @@ var LinkPicker = exports.LinkPicker = (0, _analytics.withLinkPickerAnalyticsCont
|
|
|
161
161
|
trackAttribute('linkFieldContentInputSource', null);
|
|
162
162
|
handleClear('url');
|
|
163
163
|
}, [trackAttribute, handleClear, isSubmitting]);
|
|
164
|
-
var handleInsert = (0, _react.useCallback)(function (url, title, inputType) {
|
|
164
|
+
var handleInsert = (0, _react.useCallback)(function (url, title, inputType, data) {
|
|
165
165
|
var event = createAnalyticsEvent((0, _analytics2.default)('ui.form.submitted.linkPicker', {}));
|
|
166
166
|
|
|
167
167
|
// Clone the event so that it can be emitted for consumer usage
|
|
@@ -180,7 +180,8 @@ var LinkPicker = exports.LinkPicker = (0, _analytics.withLinkPickerAnalyticsCont
|
|
|
180
180
|
title: title || null,
|
|
181
181
|
meta: {
|
|
182
182
|
inputMethod: inputType
|
|
183
|
-
}
|
|
183
|
+
},
|
|
184
|
+
data: data
|
|
184
185
|
}, inputType === 'manual' ? {
|
|
185
186
|
rawUrl: state.url
|
|
186
187
|
} : {}), consumerEvent);
|
|
@@ -203,7 +204,7 @@ var LinkPicker = exports.LinkPicker = (0, _analytics.withLinkPickerAnalyticsCont
|
|
|
203
204
|
trackAttribute('linkFieldContent', getLinkFieldContent(_url));
|
|
204
205
|
trackAttribute('linkFieldContentInputMethod', 'searchResult');
|
|
205
206
|
trackAttribute('linkFieldContentInputSource', (0, _utils.getDataSource)(selectedItem, activePlugin));
|
|
206
|
-
handleInsert(_url, name, 'typeAhead');
|
|
207
|
+
handleInsert(_url, name, 'typeAhead', _objectSpread({}, selectedItem));
|
|
207
208
|
}
|
|
208
209
|
}, [handleInsert, trackAttribute, items, activePlugin, isSubmitting]);
|
|
209
210
|
var handleSubmit = (0, _react.useCallback)(function (event) {
|
|
@@ -52,7 +52,8 @@ var composeListItemStyles = exports.composeListItemStyles = function composeList
|
|
|
52
52
|
return (0, _react.css)(listItemBaseStyles, !selected && listItemActive, selected && listItemSelected, listItemFocusStyles);
|
|
53
53
|
};
|
|
54
54
|
var itemNameStyles = exports.itemNameStyles = (0, _react.css)({
|
|
55
|
-
overflow: 'hidden'
|
|
55
|
+
overflow: 'hidden',
|
|
56
|
+
alignContent: 'center'
|
|
56
57
|
});
|
|
57
58
|
var listItemNameStyles = exports.listItemNameStyles = (0, _react.css)({
|
|
58
59
|
color: "var(--ds-text, ".concat(_colors.N800, ")"),
|
package/dist/es2019/ui/index.js
CHANGED
|
@@ -162,7 +162,7 @@ export const LinkPicker = withLinkPickerAnalyticsContext( /*#__PURE__*/memo(({
|
|
|
162
162
|
trackAttribute('linkFieldContentInputSource', null);
|
|
163
163
|
handleClear('url');
|
|
164
164
|
}, [trackAttribute, handleClear, isSubmitting]);
|
|
165
|
-
const handleInsert = useCallback((url, title, inputType) => {
|
|
165
|
+
const handleInsert = useCallback((url, title, inputType, data) => {
|
|
166
166
|
const event = createAnalyticsEvent(createEventPayload('ui.form.submitted.linkPicker', {}));
|
|
167
167
|
|
|
168
168
|
// Clone the event so that it can be emitted for consumer usage
|
|
@@ -182,6 +182,7 @@ export const LinkPicker = withLinkPickerAnalyticsContext( /*#__PURE__*/memo(({
|
|
|
182
182
|
meta: {
|
|
183
183
|
inputMethod: inputType
|
|
184
184
|
},
|
|
185
|
+
data,
|
|
185
186
|
...(inputType === 'manual' ? {
|
|
186
187
|
rawUrl: state.url
|
|
187
188
|
} : {})
|
|
@@ -205,7 +206,9 @@ export const LinkPicker = withLinkPickerAnalyticsContext( /*#__PURE__*/memo(({
|
|
|
205
206
|
trackAttribute('linkFieldContent', getLinkFieldContent(url));
|
|
206
207
|
trackAttribute('linkFieldContentInputMethod', 'searchResult');
|
|
207
208
|
trackAttribute('linkFieldContentInputSource', getDataSource(selectedItem, activePlugin));
|
|
208
|
-
handleInsert(url, name, 'typeAhead'
|
|
209
|
+
handleInsert(url, name, 'typeAhead', {
|
|
210
|
+
...selectedItem
|
|
211
|
+
});
|
|
209
212
|
}
|
|
210
213
|
}, [handleInsert, trackAttribute, items, activePlugin, isSubmitting]);
|
|
211
214
|
const handleSubmit = useCallback(event => {
|
|
@@ -45,7 +45,8 @@ export const composeListItemStyles = (selected = false) => {
|
|
|
45
45
|
return css(listItemBaseStyles, !selected && listItemActive, selected && listItemSelected, listItemFocusStyles);
|
|
46
46
|
};
|
|
47
47
|
export const itemNameStyles = css({
|
|
48
|
-
overflow: 'hidden'
|
|
48
|
+
overflow: 'hidden',
|
|
49
|
+
alignContent: 'center'
|
|
49
50
|
});
|
|
50
51
|
export const listItemNameStyles = css({
|
|
51
52
|
color: `var(--ds-text, ${N800})`,
|
package/dist/esm/ui/index.js
CHANGED
|
@@ -155,7 +155,7 @@ export var LinkPicker = withLinkPickerAnalyticsContext( /*#__PURE__*/memo(functi
|
|
|
155
155
|
trackAttribute('linkFieldContentInputSource', null);
|
|
156
156
|
handleClear('url');
|
|
157
157
|
}, [trackAttribute, handleClear, isSubmitting]);
|
|
158
|
-
var handleInsert = useCallback(function (url, title, inputType) {
|
|
158
|
+
var handleInsert = useCallback(function (url, title, inputType, data) {
|
|
159
159
|
var event = createAnalyticsEvent(createEventPayload('ui.form.submitted.linkPicker', {}));
|
|
160
160
|
|
|
161
161
|
// Clone the event so that it can be emitted for consumer usage
|
|
@@ -174,7 +174,8 @@ export var LinkPicker = withLinkPickerAnalyticsContext( /*#__PURE__*/memo(functi
|
|
|
174
174
|
title: title || null,
|
|
175
175
|
meta: {
|
|
176
176
|
inputMethod: inputType
|
|
177
|
-
}
|
|
177
|
+
},
|
|
178
|
+
data: data
|
|
178
179
|
}, inputType === 'manual' ? {
|
|
179
180
|
rawUrl: state.url
|
|
180
181
|
} : {}), consumerEvent);
|
|
@@ -197,7 +198,7 @@ export var LinkPicker = withLinkPickerAnalyticsContext( /*#__PURE__*/memo(functi
|
|
|
197
198
|
trackAttribute('linkFieldContent', getLinkFieldContent(_url));
|
|
198
199
|
trackAttribute('linkFieldContentInputMethod', 'searchResult');
|
|
199
200
|
trackAttribute('linkFieldContentInputSource', getDataSource(selectedItem, activePlugin));
|
|
200
|
-
handleInsert(_url, name, 'typeAhead');
|
|
201
|
+
handleInsert(_url, name, 'typeAhead', _objectSpread({}, selectedItem));
|
|
201
202
|
}
|
|
202
203
|
}, [handleInsert, trackAttribute, items, activePlugin, isSubmitting]);
|
|
203
204
|
var handleSubmit = useCallback(function (event) {
|
|
@@ -46,7 +46,8 @@ export var composeListItemStyles = function composeListItemStyles() {
|
|
|
46
46
|
return css(listItemBaseStyles, !selected && listItemActive, selected && listItemSelected, listItemFocusStyles);
|
|
47
47
|
};
|
|
48
48
|
export var itemNameStyles = css({
|
|
49
|
-
overflow: 'hidden'
|
|
49
|
+
overflow: 'hidden',
|
|
50
|
+
alignContent: 'center'
|
|
50
51
|
});
|
|
51
52
|
export var listItemNameStyles = css({
|
|
52
53
|
color: "var(--ds-text, ".concat(N800, ")"),
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { LinkPickerPlugin, LinkPickerPluginAction, LinkPickerPluginErrorFallback, LinkPickerState, LinkSearchListItemData } from '../../common/types';
|
|
1
|
+
import { type LinkPickerPlugin, type LinkPickerPluginAction, type LinkPickerPluginErrorFallback, type LinkPickerState, type LinkSearchListItemData } from '../../common/types';
|
|
2
2
|
export interface LinkPickerPluginsService {
|
|
3
3
|
items: LinkSearchListItemData[] | null;
|
|
4
4
|
isLoading: boolean;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { LinkPickerPlugin, LinkPickerPluginAction, LinkPickerPluginErrorFallback, LinkPickerState, LinkSearchListItemData } from '../../common/types';
|
|
1
|
+
import { type LinkPickerPlugin, type LinkPickerPluginAction, type LinkPickerPluginErrorFallback, type LinkPickerState, type LinkSearchListItemData } from '../../common/types';
|
|
2
2
|
export interface LinkPickerPluginsService {
|
|
3
3
|
items: LinkSearchListItemData[] | null;
|
|
4
4
|
isLoading: boolean;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/link-picker",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.36.1",
|
|
4
4
|
"description": "Standalone link picker",
|
|
5
5
|
"author": "Atlassian Pty Ltd",
|
|
6
6
|
"publishConfig": {
|
|
@@ -67,17 +67,17 @@
|
|
|
67
67
|
"@atlaskit/icon": "^22.1.0",
|
|
68
68
|
"@atlaskit/intl-messages-provider": "^1.0.2",
|
|
69
69
|
"@atlaskit/linking-common": "^5.6.0",
|
|
70
|
-
"@atlaskit/onboarding": "^11.
|
|
70
|
+
"@atlaskit/onboarding": "^11.5.0",
|
|
71
71
|
"@atlaskit/platform-feature-flags": "^0.2.1",
|
|
72
|
-
"@atlaskit/primitives": "^
|
|
73
|
-
"@atlaskit/spinner": "^16.
|
|
74
|
-
"@atlaskit/tabs": "^16.
|
|
75
|
-
"@atlaskit/textfield": "^6.
|
|
72
|
+
"@atlaskit/primitives": "^6.0.0",
|
|
73
|
+
"@atlaskit/spinner": "^16.1.0",
|
|
74
|
+
"@atlaskit/tabs": "^16.1.0",
|
|
75
|
+
"@atlaskit/textfield": "^6.3.0",
|
|
76
76
|
"@atlaskit/theme": "^12.7.0",
|
|
77
|
-
"@atlaskit/tokens": "^1.
|
|
78
|
-
"@atlaskit/tooltip": "^18.
|
|
77
|
+
"@atlaskit/tokens": "^1.45.0",
|
|
78
|
+
"@atlaskit/tooltip": "^18.3.0",
|
|
79
79
|
"@atlaskit/ufo": "^0.2.0",
|
|
80
|
-
"@atlaskit/visually-hidden": "^1.
|
|
80
|
+
"@atlaskit/visually-hidden": "^1.3.0",
|
|
81
81
|
"@babel/runtime": "^7.0.0",
|
|
82
82
|
"@emotion/react": "^11.7.1",
|
|
83
83
|
"@react-loosely-lazy/manifest": "^1.0.0",
|
|
@@ -94,7 +94,7 @@
|
|
|
94
94
|
"@af/analytics-codegen": "^0.1.0",
|
|
95
95
|
"@af/integration-testing": "*",
|
|
96
96
|
"@af/visual-regression": "*",
|
|
97
|
-
"@atlaskit/dropdown-menu": "^12.
|
|
97
|
+
"@atlaskit/dropdown-menu": "^12.10.0",
|
|
98
98
|
"@atlaskit/link-provider": "^1.9.0",
|
|
99
99
|
"@atlaskit/link-test-helpers": "^7.0.0",
|
|
100
100
|
"@atlaskit/visual-regression": "*",
|
|
@@ -110,7 +110,7 @@
|
|
|
110
110
|
"lodash": "^4.17.21",
|
|
111
111
|
"mockdate": "^3.0.5",
|
|
112
112
|
"node-fetch": "^2.6.7",
|
|
113
|
-
"prettier": "^2.
|
|
113
|
+
"prettier": "^3.2.5",
|
|
114
114
|
"react-dom": "^16.8.0",
|
|
115
115
|
"sinon": "^2.2.0",
|
|
116
116
|
"typescript": "~5.4.2"
|