@atlaskit/link-datasource 2.12.1 → 2.12.3
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 +18 -0
- package/dist/cjs/ui/common/modal/popup-select/index.js +1 -0
- package/dist/cjs/ui/issue-like-table/table-cell-content/inline-edit.js +11 -3
- package/dist/es2019/ui/common/modal/popup-select/index.js +1 -0
- package/dist/es2019/ui/issue-like-table/table-cell-content/inline-edit.js +11 -1
- package/dist/esm/ui/common/modal/popup-select/index.js +1 -0
- package/dist/esm/ui/issue-like-table/table-cell-content/inline-edit.js +11 -3
- package/dist/types/analytics/generated/analytics.types.d.ts +9 -1
- package/dist/types-ts4.5/analytics/generated/analytics.types.d.ts +9 -1
- package/package.json +3 -3
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,23 @@
|
|
|
1
1
|
# @atlaskit/link-datasource
|
|
2
2
|
|
|
3
|
+
## 2.12.3
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#137785](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/137785)
|
|
8
|
+
[`41740396ba9c1`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/41740396ba9c1) -
|
|
9
|
+
Adds analytic event ui.inlineEdit.cancelled.datasource to be fired when inline edit is cancelled
|
|
10
|
+
- Updated dependencies
|
|
11
|
+
|
|
12
|
+
## 2.12.2
|
|
13
|
+
|
|
14
|
+
### Patch Changes
|
|
15
|
+
|
|
16
|
+
- [#137619](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/137619)
|
|
17
|
+
[`a91489985e535`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/a91489985e535) -
|
|
18
|
+
[ux] Tab and Shift+Tab now dismisses the list of opened popup select options and allows users to
|
|
19
|
+
navigate to next or previous elements accordingly.
|
|
20
|
+
|
|
3
21
|
## 2.12.1
|
|
4
22
|
|
|
5
23
|
### Patch Changes
|
|
@@ -181,6 +181,7 @@ var FilterPopupSelect = exports.FilterPopupSelect = function FilterPopupSelect(_
|
|
|
181
181
|
searchThreshold: -1,
|
|
182
182
|
inputValue: searchTerm,
|
|
183
183
|
closeMenuOnSelect: false,
|
|
184
|
+
shouldCloseMenuOnTab: false,
|
|
184
185
|
hideSelectedOptions: false,
|
|
185
186
|
isLoading: showLoading,
|
|
186
187
|
placeholder: formatMessage(_messages.asyncPopupSelectMessages.selectPlaceholder),
|
|
@@ -91,6 +91,16 @@ var InlineEdit = exports.InlineEdit = function InlineEdit(_ref) {
|
|
|
91
91
|
});
|
|
92
92
|
}
|
|
93
93
|
}, [columnKey, entityType, fireEvent, integrationKey]);
|
|
94
|
+
var onCancelEdit = (0, _react.useCallback)(function () {
|
|
95
|
+
setIsEditing(false);
|
|
96
|
+
if (integrationKey && entityType) {
|
|
97
|
+
fireEvent('ui.inlineEdit.cancelled.datasource', {
|
|
98
|
+
integrationKey: integrationKey,
|
|
99
|
+
entityType: entityType,
|
|
100
|
+
fieldKey: columnKey
|
|
101
|
+
});
|
|
102
|
+
}
|
|
103
|
+
}, [columnKey, entityType, fireEvent, integrationKey]);
|
|
94
104
|
return /*#__PURE__*/_react.default.createElement(_primitives.Box, {
|
|
95
105
|
xcss: editContainerStyles
|
|
96
106
|
}, /*#__PURE__*/_react.default.createElement(_inlineEdit.default, (0, _extends2.default)({}, (0, _editType.editType)(datasourceTypeWithValues), {
|
|
@@ -101,9 +111,7 @@ var InlineEdit = exports.InlineEdit = function InlineEdit(_ref) {
|
|
|
101
111
|
readViewFitContainerWidth: true,
|
|
102
112
|
isEditing: isEditing,
|
|
103
113
|
onEdit: onEdit,
|
|
104
|
-
onCancel:
|
|
105
|
-
return setIsEditing(false);
|
|
106
|
-
},
|
|
114
|
+
onCancel: onCancelEdit,
|
|
107
115
|
onConfirm: onCommitUpdate
|
|
108
116
|
})));
|
|
109
117
|
};
|
|
@@ -134,6 +134,7 @@ export const FilterPopupSelect = ({
|
|
|
134
134
|
searchThreshold: -1,
|
|
135
135
|
inputValue: searchTerm,
|
|
136
136
|
closeMenuOnSelect: false,
|
|
137
|
+
shouldCloseMenuOnTab: false,
|
|
137
138
|
hideSelectedOptions: false,
|
|
138
139
|
isLoading: showLoading,
|
|
139
140
|
placeholder: formatMessage(asyncPopupSelectMessages.selectPlaceholder),
|
|
@@ -81,6 +81,16 @@ export const InlineEdit = ({
|
|
|
81
81
|
});
|
|
82
82
|
}
|
|
83
83
|
}, [columnKey, entityType, fireEvent, integrationKey]);
|
|
84
|
+
const onCancelEdit = useCallback(() => {
|
|
85
|
+
setIsEditing(false);
|
|
86
|
+
if (integrationKey && entityType) {
|
|
87
|
+
fireEvent('ui.inlineEdit.cancelled.datasource', {
|
|
88
|
+
integrationKey,
|
|
89
|
+
entityType,
|
|
90
|
+
fieldKey: columnKey
|
|
91
|
+
});
|
|
92
|
+
}
|
|
93
|
+
}, [columnKey, entityType, fireEvent, integrationKey]);
|
|
84
94
|
return /*#__PURE__*/React.createElement(Box, {
|
|
85
95
|
xcss: editContainerStyles
|
|
86
96
|
}, /*#__PURE__*/React.createElement(AKInlineEdit, _extends({}, editType(datasourceTypeWithValues), {
|
|
@@ -89,7 +99,7 @@ export const InlineEdit = ({
|
|
|
89
99
|
readViewFitContainerWidth: true,
|
|
90
100
|
isEditing: isEditing,
|
|
91
101
|
onEdit: onEdit,
|
|
92
|
-
onCancel:
|
|
102
|
+
onCancel: onCancelEdit,
|
|
93
103
|
onConfirm: onCommitUpdate
|
|
94
104
|
})));
|
|
95
105
|
};
|
|
@@ -171,6 +171,7 @@ export var FilterPopupSelect = function FilterPopupSelect(_ref) {
|
|
|
171
171
|
searchThreshold: -1,
|
|
172
172
|
inputValue: searchTerm,
|
|
173
173
|
closeMenuOnSelect: false,
|
|
174
|
+
shouldCloseMenuOnTab: false,
|
|
174
175
|
hideSelectedOptions: false,
|
|
175
176
|
isLoading: showLoading,
|
|
176
177
|
placeholder: formatMessage(asyncPopupSelectMessages.selectPlaceholder),
|
|
@@ -81,6 +81,16 @@ export var InlineEdit = function InlineEdit(_ref) {
|
|
|
81
81
|
});
|
|
82
82
|
}
|
|
83
83
|
}, [columnKey, entityType, fireEvent, integrationKey]);
|
|
84
|
+
var onCancelEdit = useCallback(function () {
|
|
85
|
+
setIsEditing(false);
|
|
86
|
+
if (integrationKey && entityType) {
|
|
87
|
+
fireEvent('ui.inlineEdit.cancelled.datasource', {
|
|
88
|
+
integrationKey: integrationKey,
|
|
89
|
+
entityType: entityType,
|
|
90
|
+
fieldKey: columnKey
|
|
91
|
+
});
|
|
92
|
+
}
|
|
93
|
+
}, [columnKey, entityType, fireEvent, integrationKey]);
|
|
84
94
|
return /*#__PURE__*/React.createElement(Box, {
|
|
85
95
|
xcss: editContainerStyles
|
|
86
96
|
}, /*#__PURE__*/React.createElement(AKInlineEdit, _extends({}, editType(datasourceTypeWithValues), {
|
|
@@ -91,9 +101,7 @@ export var InlineEdit = function InlineEdit(_ref) {
|
|
|
91
101
|
readViewFitContainerWidth: true,
|
|
92
102
|
isEditing: isEditing,
|
|
93
103
|
onEdit: onEdit,
|
|
94
|
-
onCancel:
|
|
95
|
-
return setIsEditing(false);
|
|
96
|
-
},
|
|
104
|
+
onCancel: onCancelEdit,
|
|
97
105
|
onConfirm: onCommitUpdate
|
|
98
106
|
})));
|
|
99
107
|
};
|
|
@@ -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::6d4fa1aa0b65b5fb6e0cbed65f66d66e>>
|
|
7
7
|
* @codegenCommand yarn workspace @atlassian/analytics-tooling run analytics:codegen link-datasource
|
|
8
8
|
*/
|
|
9
9
|
export type ComponentMetaDataType = {
|
|
@@ -157,6 +157,11 @@ export type InlineEditClickedDatasourceAttributesType = {
|
|
|
157
157
|
integrationKey: string;
|
|
158
158
|
fieldKey: string;
|
|
159
159
|
};
|
|
160
|
+
export type InlineEditCancelledDatasourceAttributesType = {
|
|
161
|
+
entityType: string;
|
|
162
|
+
integrationKey: string;
|
|
163
|
+
fieldKey: string;
|
|
164
|
+
};
|
|
160
165
|
export type ErrorShownInlineEditAttributesType = {
|
|
161
166
|
reason: 'access_denied' | 'request_failed';
|
|
162
167
|
};
|
|
@@ -281,6 +286,9 @@ export type AnalyticsEventAttributes = {
|
|
|
281
286
|
/**
|
|
282
287
|
* Fired when inline edit is clicked to show edit mode */
|
|
283
288
|
'ui.inlineEdit.clicked.datasource': InlineEditClickedDatasourceAttributesType;
|
|
289
|
+
/**
|
|
290
|
+
* Fired when the user initiates an update via inline edit through enter key press or submit */
|
|
291
|
+
'ui.inlineEdit.cancelled.datasource': InlineEditCancelledDatasourceAttributesType;
|
|
284
292
|
/**
|
|
285
293
|
* Fired when the inline edit failed and the error flag is shown. */
|
|
286
294
|
'ui.error.shown.inlineEdit': ErrorShownInlineEditAttributesType;
|
|
@@ -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::6d4fa1aa0b65b5fb6e0cbed65f66d66e>>
|
|
7
7
|
* @codegenCommand yarn workspace @atlassian/analytics-tooling run analytics:codegen link-datasource
|
|
8
8
|
*/
|
|
9
9
|
export type ComponentMetaDataType = {
|
|
@@ -157,6 +157,11 @@ export type InlineEditClickedDatasourceAttributesType = {
|
|
|
157
157
|
integrationKey: string;
|
|
158
158
|
fieldKey: string;
|
|
159
159
|
};
|
|
160
|
+
export type InlineEditCancelledDatasourceAttributesType = {
|
|
161
|
+
entityType: string;
|
|
162
|
+
integrationKey: string;
|
|
163
|
+
fieldKey: string;
|
|
164
|
+
};
|
|
160
165
|
export type ErrorShownInlineEditAttributesType = {
|
|
161
166
|
reason: 'access_denied' | 'request_failed';
|
|
162
167
|
};
|
|
@@ -281,6 +286,9 @@ export type AnalyticsEventAttributes = {
|
|
|
281
286
|
/**
|
|
282
287
|
* Fired when inline edit is clicked to show edit mode */
|
|
283
288
|
'ui.inlineEdit.clicked.datasource': InlineEditClickedDatasourceAttributesType;
|
|
289
|
+
/**
|
|
290
|
+
* Fired when the user initiates an update via inline edit through enter key press or submit */
|
|
291
|
+
'ui.inlineEdit.cancelled.datasource': InlineEditCancelledDatasourceAttributesType;
|
|
284
292
|
/**
|
|
285
293
|
* Fired when the inline edit failed and the error flag is shown. */
|
|
286
294
|
'ui.error.shown.inlineEdit': ErrorShownInlineEditAttributesType;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/link-datasource",
|
|
3
|
-
"version": "2.12.
|
|
3
|
+
"version": "2.12.3",
|
|
4
4
|
"description": "UI Components to support linking platform dataset feature",
|
|
5
5
|
"author": "Atlassian Pty Ltd",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -48,7 +48,7 @@
|
|
|
48
48
|
"@atlaskit/flag": "^15.8.0",
|
|
49
49
|
"@atlaskit/form": "^10.5.0",
|
|
50
50
|
"@atlaskit/heading": "^2.4.0",
|
|
51
|
-
"@atlaskit/icon": "^22.
|
|
51
|
+
"@atlaskit/icon": "^22.16.0",
|
|
52
52
|
"@atlaskit/icon-object": "^6.5.0",
|
|
53
53
|
"@atlaskit/image": "^1.3.0",
|
|
54
54
|
"@atlaskit/inline-edit": "^13.7.0",
|
|
@@ -75,7 +75,7 @@
|
|
|
75
75
|
"@atlaskit/smart-card": "^27.20.0",
|
|
76
76
|
"@atlaskit/smart-user-picker": "6.10.2",
|
|
77
77
|
"@atlaskit/spinner": "^16.3.0",
|
|
78
|
-
"@atlaskit/tag": "^12.
|
|
78
|
+
"@atlaskit/tag": "^12.6.0",
|
|
79
79
|
"@atlaskit/textfield": "6.5.1",
|
|
80
80
|
"@atlaskit/theme": "^13.0.0",
|
|
81
81
|
"@atlaskit/tokens": "^1.59.0",
|