@atlaskit/link-datasource 3.13.11 → 3.13.13
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 +15 -0
- package/dist/cjs/ui/issue-like-table/edit-type/icon/index.js +5 -5
- package/dist/cjs/ui/issue-like-table/edit-type/status/index.js +5 -2
- package/dist/cjs/ui/issue-like-table/edit-type/user/index.js +2 -1
- package/dist/es2019/ui/issue-like-table/edit-type/icon/index.js +5 -6
- package/dist/es2019/ui/issue-like-table/edit-type/status/index.js +5 -2
- package/dist/es2019/ui/issue-like-table/edit-type/user/index.js +14 -11
- package/dist/esm/ui/issue-like-table/edit-type/icon/index.js +5 -6
- package/dist/esm/ui/issue-like-table/edit-type/status/index.js +5 -2
- package/dist/esm/ui/issue-like-table/edit-type/user/index.js +2 -1
- package/package.json +7 -7
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,20 @@
|
|
|
1
1
|
# @atlaskit/link-datasource
|
|
2
2
|
|
|
3
|
+
## 3.13.13
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- Updated dependencies
|
|
8
|
+
|
|
9
|
+
## 3.13.12
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- [#170892](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/170892)
|
|
14
|
+
[`fc4f33614b75d`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/fc4f33614b75d) -
|
|
15
|
+
[ux] Adding tooltip to inline edit dropdown options
|
|
16
|
+
- Updated dependencies
|
|
17
|
+
|
|
3
18
|
## 3.13.11
|
|
4
19
|
|
|
5
20
|
### Patch Changes
|
|
@@ -10,6 +10,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
|
|
|
10
10
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
11
|
var _layering = require("@atlaskit/layering");
|
|
12
12
|
var _select = _interopRequireDefault(require("@atlaskit/select"));
|
|
13
|
+
var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
|
|
13
14
|
var _ufoExperiences = require("../../../../analytics/ufoExperiences");
|
|
14
15
|
var _datasourceExperienceId = require("../../../../contexts/datasource-experience-id");
|
|
15
16
|
var _useLoadOptions2 = require("../../../../hooks/useLoadOptions");
|
|
@@ -17,9 +18,6 @@ var _icon = require("../../shared-components/icon");
|
|
|
17
18
|
var _inlineEdit = require("../../table-cell-content/inline-edit");
|
|
18
19
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
19
20
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
20
|
-
// FilterOptionOption is used in the filterOption function which is part of the public API, but the type itself is not exported
|
|
21
|
-
// eslint-disable-next-line import/no-extraneous-dependencies,no-restricted-imports
|
|
22
|
-
|
|
23
21
|
/**
|
|
24
22
|
* Should be gated by FF rollout of platform-datasources-enable-two-way-sync-priority
|
|
25
23
|
*/
|
|
@@ -67,12 +65,14 @@ var IconEditType = function IconEditType(props) {
|
|
|
67
65
|
var source = _ref.source,
|
|
68
66
|
label = _ref.label,
|
|
69
67
|
text = _ref.text;
|
|
70
|
-
return /*#__PURE__*/_react.default.createElement(
|
|
68
|
+
return /*#__PURE__*/_react.default.createElement(_tooltip.default, {
|
|
69
|
+
content: text !== null && text !== void 0 ? text : ''
|
|
70
|
+
}, /*#__PURE__*/_react.default.createElement(_icon.SharedIconComponent, {
|
|
71
71
|
iconUrl: source,
|
|
72
72
|
text: text,
|
|
73
73
|
label: label,
|
|
74
74
|
testId: "inline-edit-priority-option-".concat(label)
|
|
75
|
-
});
|
|
75
|
+
}));
|
|
76
76
|
},
|
|
77
77
|
onChange: function onChange(e) {
|
|
78
78
|
return props.setEditValues({
|
|
@@ -11,6 +11,7 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
11
11
|
var _layering = require("@atlaskit/layering");
|
|
12
12
|
var _lozenge = _interopRequireDefault(require("@atlaskit/lozenge"));
|
|
13
13
|
var _select = _interopRequireDefault(require("@atlaskit/select"));
|
|
14
|
+
var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
|
|
14
15
|
var _ufoExperiences = require("../../../../analytics/ufoExperiences");
|
|
15
16
|
var _datasourceExperienceId = require("../../../../contexts/datasource-experience-id");
|
|
16
17
|
var _useLoadOptions2 = require("../../../../hooks/useLoadOptions");
|
|
@@ -58,9 +59,11 @@ var StatusEditType = function StatusEditType(props) {
|
|
|
58
59
|
},
|
|
59
60
|
value: currentValue === null || currentValue === void 0 || (_currentValue$values = currentValue.values) === null || _currentValue$values === void 0 ? void 0 : _currentValue$values[0],
|
|
60
61
|
formatOptionLabel: function formatOptionLabel(option) {
|
|
61
|
-
return /*#__PURE__*/_react.default.createElement(
|
|
62
|
+
return /*#__PURE__*/_react.default.createElement(_tooltip.default, {
|
|
63
|
+
content: option.text
|
|
64
|
+
}, /*#__PURE__*/_react.default.createElement(_lozenge.default, (0, _extends2.default)({
|
|
62
65
|
testId: "inline-edit-status-option-".concat(option.text)
|
|
63
|
-
}, option.style), option.text);
|
|
66
|
+
}, option.style), option.text));
|
|
64
67
|
},
|
|
65
68
|
onChange: function onChange(e) {
|
|
66
69
|
return props.setEditValues({
|
|
@@ -90,8 +90,9 @@ var UserEditType = function UserEditType(props) {
|
|
|
90
90
|
return option.atlassianUserId;
|
|
91
91
|
},
|
|
92
92
|
formatOptionLabel: function formatOptionLabel(option) {
|
|
93
|
+
var _option$displayName;
|
|
93
94
|
return /*#__PURE__*/_react.default.createElement(_tooltip.default, {
|
|
94
|
-
content: option.displayName
|
|
95
|
+
content: (_option$displayName = option.displayName) !== null && _option$displayName !== void 0 ? _option$displayName : ''
|
|
95
96
|
}, /*#__PURE__*/_react.default.createElement(_avatar.AvatarItem, {
|
|
96
97
|
avatar: /*#__PURE__*/_react.default.createElement(_avatar.default, {
|
|
97
98
|
appearance: "circle",
|
|
@@ -1,11 +1,8 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
|
2
2
|
import React, { useEffect } from 'react';
|
|
3
3
|
import { Layering } from '@atlaskit/layering';
|
|
4
|
-
|
|
5
|
-
// FilterOptionOption is used in the filterOption function which is part of the public API, but the type itself is not exported
|
|
6
|
-
// eslint-disable-next-line import/no-extraneous-dependencies,no-restricted-imports
|
|
7
|
-
|
|
8
4
|
import Select from '@atlaskit/select';
|
|
5
|
+
import Tooltip from '@atlaskit/tooltip';
|
|
9
6
|
import { failUfoExperience, succeedUfoExperience } from '../../../../analytics/ufoExperiences';
|
|
10
7
|
import { useDatasourceExperienceId } from '../../../../contexts/datasource-experience-id';
|
|
11
8
|
import { useLoadOptions } from '../../../../hooks/useLoadOptions';
|
|
@@ -59,12 +56,14 @@ const IconEditType = props => {
|
|
|
59
56
|
source,
|
|
60
57
|
label,
|
|
61
58
|
text
|
|
62
|
-
}) => /*#__PURE__*/React.createElement(
|
|
59
|
+
}) => /*#__PURE__*/React.createElement(Tooltip, {
|
|
60
|
+
content: text !== null && text !== void 0 ? text : ''
|
|
61
|
+
}, /*#__PURE__*/React.createElement(SharedIconComponent, {
|
|
63
62
|
iconUrl: source,
|
|
64
63
|
text: text,
|
|
65
64
|
label: label,
|
|
66
65
|
testId: `inline-edit-priority-option-${label}`
|
|
67
|
-
}),
|
|
66
|
+
})),
|
|
68
67
|
onChange: e => props.setEditValues({
|
|
69
68
|
type: 'icon',
|
|
70
69
|
values: e ? [e] : []
|
|
@@ -3,6 +3,7 @@ import React, { useEffect } from 'react';
|
|
|
3
3
|
import { Layering } from '@atlaskit/layering';
|
|
4
4
|
import Lozenge from '@atlaskit/lozenge';
|
|
5
5
|
import Select from '@atlaskit/select';
|
|
6
|
+
import Tooltip from '@atlaskit/tooltip';
|
|
6
7
|
import { failUfoExperience, succeedUfoExperience } from '../../../../analytics/ufoExperiences';
|
|
7
8
|
import { useDatasourceExperienceId } from '../../../../contexts/datasource-experience-id';
|
|
8
9
|
import { useLoadOptions } from '../../../../hooks/useLoadOptions';
|
|
@@ -48,9 +49,11 @@ const StatusEditType = props => {
|
|
|
48
49
|
testId: "inline-edit-status",
|
|
49
50
|
getOptionValue: option => option.text,
|
|
50
51
|
value: currentValue === null || currentValue === void 0 ? void 0 : (_currentValue$values = currentValue.values) === null || _currentValue$values === void 0 ? void 0 : _currentValue$values[0],
|
|
51
|
-
formatOptionLabel: option => /*#__PURE__*/React.createElement(
|
|
52
|
+
formatOptionLabel: option => /*#__PURE__*/React.createElement(Tooltip, {
|
|
53
|
+
content: option.text
|
|
54
|
+
}, /*#__PURE__*/React.createElement(Lozenge, _extends({
|
|
52
55
|
testId: `inline-edit-status-option-${option.text}`
|
|
53
|
-
}, option.style), option.text),
|
|
56
|
+
}, option.style), option.text)),
|
|
54
57
|
onChange: e => props.setEditValues({
|
|
55
58
|
type: 'status',
|
|
56
59
|
values: e ? [e] : []
|
|
@@ -71,17 +71,20 @@ const UserEditType = props => {
|
|
|
71
71
|
onInputChange: handleUserInputDebounced,
|
|
72
72
|
value: currentValue === null || currentValue === void 0 ? void 0 : (_currentValue$values = currentValue.values) === null || _currentValue$values === void 0 ? void 0 : _currentValue$values[0],
|
|
73
73
|
getOptionValue: option => option.atlassianUserId,
|
|
74
|
-
formatOptionLabel: option =>
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
74
|
+
formatOptionLabel: option => {
|
|
75
|
+
var _option$displayName;
|
|
76
|
+
return /*#__PURE__*/React.createElement(Tooltip, {
|
|
77
|
+
content: (_option$displayName = option.displayName) !== null && _option$displayName !== void 0 ? _option$displayName : ''
|
|
78
|
+
}, /*#__PURE__*/React.createElement(AvatarItem, {
|
|
79
|
+
avatar: /*#__PURE__*/React.createElement(Avatar, {
|
|
80
|
+
appearance: "circle",
|
|
81
|
+
size: 'small',
|
|
82
|
+
src: option.avatarSource,
|
|
83
|
+
testId: `${USER_TYPE_TEST_ID}--avatar--${option.atlassianUserId}`
|
|
84
|
+
}),
|
|
85
|
+
primaryText: option.displayName
|
|
86
|
+
}));
|
|
87
|
+
},
|
|
85
88
|
onChange: e => props.setEditValues({
|
|
86
89
|
type: 'user',
|
|
87
90
|
values: e ? [e] : []
|
|
@@ -1,11 +1,8 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
|
2
2
|
import React, { useEffect } from 'react';
|
|
3
3
|
import { Layering } from '@atlaskit/layering';
|
|
4
|
-
|
|
5
|
-
// FilterOptionOption is used in the filterOption function which is part of the public API, but the type itself is not exported
|
|
6
|
-
// eslint-disable-next-line import/no-extraneous-dependencies,no-restricted-imports
|
|
7
|
-
|
|
8
4
|
import Select from '@atlaskit/select';
|
|
5
|
+
import Tooltip from '@atlaskit/tooltip';
|
|
9
6
|
import { failUfoExperience, succeedUfoExperience } from '../../../../analytics/ufoExperiences';
|
|
10
7
|
import { useDatasourceExperienceId } from '../../../../contexts/datasource-experience-id';
|
|
11
8
|
import { useLoadOptions } from '../../../../hooks/useLoadOptions';
|
|
@@ -58,12 +55,14 @@ var IconEditType = function IconEditType(props) {
|
|
|
58
55
|
var source = _ref.source,
|
|
59
56
|
label = _ref.label,
|
|
60
57
|
text = _ref.text;
|
|
61
|
-
return /*#__PURE__*/React.createElement(
|
|
58
|
+
return /*#__PURE__*/React.createElement(Tooltip, {
|
|
59
|
+
content: text !== null && text !== void 0 ? text : ''
|
|
60
|
+
}, /*#__PURE__*/React.createElement(SharedIconComponent, {
|
|
62
61
|
iconUrl: source,
|
|
63
62
|
text: text,
|
|
64
63
|
label: label,
|
|
65
64
|
testId: "inline-edit-priority-option-".concat(label)
|
|
66
|
-
});
|
|
65
|
+
}));
|
|
67
66
|
},
|
|
68
67
|
onChange: function onChange(e) {
|
|
69
68
|
return props.setEditValues({
|
|
@@ -3,6 +3,7 @@ import React, { useEffect } from 'react';
|
|
|
3
3
|
import { Layering } from '@atlaskit/layering';
|
|
4
4
|
import Lozenge from '@atlaskit/lozenge';
|
|
5
5
|
import Select from '@atlaskit/select';
|
|
6
|
+
import Tooltip from '@atlaskit/tooltip';
|
|
6
7
|
import { failUfoExperience, succeedUfoExperience } from '../../../../analytics/ufoExperiences';
|
|
7
8
|
import { useDatasourceExperienceId } from '../../../../contexts/datasource-experience-id';
|
|
8
9
|
import { useLoadOptions } from '../../../../hooks/useLoadOptions';
|
|
@@ -48,9 +49,11 @@ var StatusEditType = function StatusEditType(props) {
|
|
|
48
49
|
},
|
|
49
50
|
value: currentValue === null || currentValue === void 0 || (_currentValue$values = currentValue.values) === null || _currentValue$values === void 0 ? void 0 : _currentValue$values[0],
|
|
50
51
|
formatOptionLabel: function formatOptionLabel(option) {
|
|
51
|
-
return /*#__PURE__*/React.createElement(
|
|
52
|
+
return /*#__PURE__*/React.createElement(Tooltip, {
|
|
53
|
+
content: option.text
|
|
54
|
+
}, /*#__PURE__*/React.createElement(Lozenge, _extends({
|
|
52
55
|
testId: "inline-edit-status-option-".concat(option.text)
|
|
53
|
-
}, option.style), option.text);
|
|
56
|
+
}, option.style), option.text));
|
|
54
57
|
},
|
|
55
58
|
onChange: function onChange(e) {
|
|
56
59
|
return props.setEditValues({
|
|
@@ -80,8 +80,9 @@ var UserEditType = function UserEditType(props) {
|
|
|
80
80
|
return option.atlassianUserId;
|
|
81
81
|
},
|
|
82
82
|
formatOptionLabel: function formatOptionLabel(option) {
|
|
83
|
+
var _option$displayName;
|
|
83
84
|
return /*#__PURE__*/React.createElement(Tooltip, {
|
|
84
|
-
content: option.displayName
|
|
85
|
+
content: (_option$displayName = option.displayName) !== null && _option$displayName !== void 0 ? _option$displayName : ''
|
|
85
86
|
}, /*#__PURE__*/React.createElement(AvatarItem, {
|
|
86
87
|
avatar: /*#__PURE__*/React.createElement(Avatar, {
|
|
87
88
|
appearance: "circle",
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/link-datasource",
|
|
3
|
-
"version": "3.13.
|
|
3
|
+
"version": "3.13.13",
|
|
4
4
|
"description": "UI Components to support linking platform dataset feature",
|
|
5
5
|
"author": "Atlassian Pty Ltd",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -47,9 +47,9 @@
|
|
|
47
47
|
"@atlaskit/empty-state": "^8.0.0",
|
|
48
48
|
"@atlaskit/flag": "^15.8.0",
|
|
49
49
|
"@atlaskit/form": "^10.6.0",
|
|
50
|
-
"@atlaskit/heading": "^
|
|
51
|
-
"@atlaskit/icon": "^
|
|
52
|
-
"@atlaskit/icon-object": "^6.
|
|
50
|
+
"@atlaskit/heading": "^4.0.0",
|
|
51
|
+
"@atlaskit/icon": "^23.0.0",
|
|
52
|
+
"@atlaskit/icon-object": "^6.9.0",
|
|
53
53
|
"@atlaskit/image": "^1.3.0",
|
|
54
54
|
"@atlaskit/inline-edit": "^13.7.0",
|
|
55
55
|
"@atlaskit/intl-messages-provider": "^1.0.0",
|
|
@@ -65,15 +65,15 @@
|
|
|
65
65
|
"@atlaskit/modal-dialog": "^12.18.0",
|
|
66
66
|
"@atlaskit/outbound-auth-flow-client": "^3.4.5",
|
|
67
67
|
"@atlaskit/platform-feature-flags": "^0.3.0",
|
|
68
|
-
"@atlaskit/popup": "^1.
|
|
68
|
+
"@atlaskit/popup": "^1.30.0",
|
|
69
69
|
"@atlaskit/pragmatic-drag-and-drop": "^1.4.0",
|
|
70
70
|
"@atlaskit/pragmatic-drag-and-drop-hitbox": "^1.0.0",
|
|
71
71
|
"@atlaskit/pragmatic-drag-and-drop-react-beautiful-dnd-autoscroll": "^1.2.0",
|
|
72
72
|
"@atlaskit/pragmatic-drag-and-drop-react-drop-indicator": "^1.1.0",
|
|
73
73
|
"@atlaskit/primitives": "^13.3.0",
|
|
74
74
|
"@atlaskit/react-select": "^1.4.0",
|
|
75
|
-
"@atlaskit/select": "^18.
|
|
76
|
-
"@atlaskit/smart-card": "^32.
|
|
75
|
+
"@atlaskit/select": "^18.7.0",
|
|
76
|
+
"@atlaskit/smart-card": "^32.5.0",
|
|
77
77
|
"@atlaskit/smart-user-picker": "6.11.2",
|
|
78
78
|
"@atlaskit/spinner": "^16.3.0",
|
|
79
79
|
"@atlaskit/tag": "^12.6.0",
|