@atlaskit/link-datasource 6.0.1 → 6.0.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 +25 -0
- package/dist/cjs/ui/common/modal/popup-select/index.js +1 -2
- package/dist/cjs/ui/common/modal/popup-select/trigger.js +2 -36
- package/dist/cjs/ui/issue-like-table/edit-type/icon/index.js +1 -1
- package/dist/cjs/ui/issue-like-table/edit-type/status/index.js +1 -1
- package/dist/cjs/ui/issue-like-table/edit-type/user/index.js +1 -1
- package/dist/cjs/ui/issue-like-table/index.js +1 -1
- package/dist/es2019/ui/common/modal/popup-select/index.js +1 -2
- package/dist/es2019/ui/common/modal/popup-select/trigger.js +3 -31
- package/dist/es2019/ui/issue-like-table/edit-type/icon/index.js +1 -1
- package/dist/es2019/ui/issue-like-table/edit-type/status/index.js +1 -1
- package/dist/es2019/ui/issue-like-table/edit-type/user/index.js +1 -1
- package/dist/es2019/ui/issue-like-table/index.js +1 -1
- package/dist/esm/ui/common/modal/popup-select/index.js +1 -2
- package/dist/esm/ui/common/modal/popup-select/trigger.js +3 -37
- package/dist/esm/ui/issue-like-table/edit-type/icon/index.js +1 -1
- package/dist/esm/ui/issue-like-table/edit-type/status/index.js +1 -1
- package/dist/esm/ui/issue-like-table/edit-type/user/index.js +1 -1
- package/dist/esm/ui/issue-like-table/index.js +1 -1
- package/package.json +10 -16
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,30 @@
|
|
|
1
1
|
# @atlaskit/link-datasource
|
|
2
2
|
|
|
3
|
+
## 6.0.3
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`5960cad1ecc81`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/5960cad1ecc81) -
|
|
8
|
+
Remove unused platform feature flag declarations (no runtime impact)
|
|
9
|
+
- [`ee28cf33718b0`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ee28cf33718b0) -
|
|
10
|
+
Add @atlassian/react-compiler-gating as a runtime dependency to enable React Compiler platform
|
|
11
|
+
gating.
|
|
12
|
+
- [`6600d9566a565`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/6600d9566a565) -
|
|
13
|
+
Internal changes to use tokens for skeleton component border radius.
|
|
14
|
+
- [`9a892d8dc000e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/9a892d8dc000e) -
|
|
15
|
+
Clean up feature gate `platform_navx_sllv_dropdown_escape_and_focus_fix`.
|
|
16
|
+
|
|
17
|
+
Popup select dropdowns now consistently stop Escape keydown propagation when configured to do so,
|
|
18
|
+
keeping parent dialogs open while closing the dropdown and preserving focus on the trigger.
|
|
19
|
+
|
|
20
|
+
- Updated dependencies
|
|
21
|
+
|
|
22
|
+
## 6.0.2
|
|
23
|
+
|
|
24
|
+
### Patch Changes
|
|
25
|
+
|
|
26
|
+
- Updated dependencies
|
|
27
|
+
|
|
3
28
|
## 6.0.1
|
|
4
29
|
|
|
5
30
|
### Patch Changes
|
|
@@ -16,7 +16,6 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
|
|
|
16
16
|
var _react = _interopRequireWildcard(require("react"));
|
|
17
17
|
var _isEqual = _interopRequireDefault(require("lodash/isEqual"));
|
|
18
18
|
var _reactIntl = require("react-intl");
|
|
19
|
-
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
20
19
|
var _select = require("@atlaskit/select");
|
|
21
20
|
var _analytics = require("../../../../analytics");
|
|
22
21
|
var _control = _interopRequireDefault(require("./control"));
|
|
@@ -224,7 +223,7 @@ var FilterPopupSelect = exports.FilterPopupSelect = function FilterPopupSelect(_
|
|
|
224
223
|
onInputChange: handleInputChange,
|
|
225
224
|
onOpen: handleMenuOpen,
|
|
226
225
|
onClose: handleMenuClose,
|
|
227
|
-
shouldPreventEscapePropagation:
|
|
226
|
+
shouldPreventEscapePropagation: true,
|
|
228
227
|
target: function target(_ref3) {
|
|
229
228
|
var isOpen = _ref3.isOpen,
|
|
230
229
|
triggerProps = (0, _objectWithoutProperties2.default)(_ref3, _excluded);
|
|
@@ -17,7 +17,6 @@ var _badge = _interopRequireDefault(require("@atlaskit/badge"));
|
|
|
17
17
|
var _new = _interopRequireDefault(require("@atlaskit/button/new"));
|
|
18
18
|
var _standardButton = _interopRequireDefault(require("@atlaskit/button/standard-button"));
|
|
19
19
|
var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/core/chevron-down"));
|
|
20
|
-
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
21
20
|
var _compiled = require("@atlaskit/primitives/compiled");
|
|
22
21
|
var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
|
|
23
22
|
var _excluded = ["as", "style"];
|
|
@@ -55,14 +54,6 @@ var PopupTrigger = /*#__PURE__*/(0, _react.forwardRef)(function (_ref2, ref) {
|
|
|
55
54
|
var hasOptions = selectedOptions && selectedOptions.length > 0;
|
|
56
55
|
var showButtonLoading = !isDisabled && isLoading;
|
|
57
56
|
var triggerButtonTestId = "".concat(testId, "-trigger");
|
|
58
|
-
var LoadingButton = (0, _react.useCallback)(function () {
|
|
59
|
-
return /*#__PURE__*/_react.default.createElement(LoadingStateAnimationWrapper, null, /*#__PURE__*/_react.default.createElement(_standardButton.default, {
|
|
60
|
-
iconAfter: /*#__PURE__*/_react.default.createElement(_spinner.default, {
|
|
61
|
-
size: 'xsmall'
|
|
62
|
-
}),
|
|
63
|
-
testId: "".concat(triggerButtonTestId, "--loading-button")
|
|
64
|
-
}, label));
|
|
65
|
-
}, [label, triggerButtonTestId]);
|
|
66
57
|
var loadingButton = (0, _react.useMemo)(function () {
|
|
67
58
|
return /*#__PURE__*/_react.default.createElement(LoadingStateAnimationWrapper, null, /*#__PURE__*/_react.default.createElement(_standardButton.default, {
|
|
68
59
|
ref: ref,
|
|
@@ -72,28 +63,6 @@ var PopupTrigger = /*#__PURE__*/(0, _react.forwardRef)(function (_ref2, ref) {
|
|
|
72
63
|
testId: "".concat(triggerButtonTestId, "--loading-button")
|
|
73
64
|
}, label));
|
|
74
65
|
}, [label, triggerButtonTestId, ref]);
|
|
75
|
-
var DefaultButton = (0, _react.useCallback)(function () {
|
|
76
|
-
return /*#__PURE__*/_react.default.createElement(_new.default, {
|
|
77
|
-
isSelected: isSelected || hasOptions,
|
|
78
|
-
isDisabled: isDisabled,
|
|
79
|
-
iconAfter: function iconAfter() {
|
|
80
|
-
return /*#__PURE__*/_react.default.createElement(_chevronDown.default, {
|
|
81
|
-
label: "",
|
|
82
|
-
color: "currentColor",
|
|
83
|
-
size: "small"
|
|
84
|
-
});
|
|
85
|
-
},
|
|
86
|
-
testId: "".concat(triggerButtonTestId, "--button"),
|
|
87
|
-
"aria-expanded": isSelected
|
|
88
|
-
}, /*#__PURE__*/_react.default.createElement(_compiled.Flex, null, /*#__PURE__*/_react.default.createElement(_compiled.Box, {
|
|
89
|
-
xcss: styles.triggerButtonLabelStyles
|
|
90
|
-
}, label, firstOption && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, ": ", firstOption.label)), selectedOptions && selectedOptions.length > 1 && /*#__PURE__*/_react.default.createElement(_compiled.Flex, {
|
|
91
|
-
xcss: styles.badgeStyles,
|
|
92
|
-
alignItems: "center"
|
|
93
|
-
}, /*#__PURE__*/_react.default.createElement(_badge.default, {
|
|
94
|
-
appearance: "primary"
|
|
95
|
-
}, "+", selectedOptions.length - 1))));
|
|
96
|
-
}, [firstOption, hasOptions, isDisabled, isSelected, label, selectedOptions, triggerButtonTestId]);
|
|
97
66
|
var defaultButton = (0, _react.useMemo)(function () {
|
|
98
67
|
return /*#__PURE__*/_react.default.createElement(_new.default, {
|
|
99
68
|
ref: ref,
|
|
@@ -122,11 +91,8 @@ var PopupTrigger = /*#__PURE__*/(0, _react.forwardRef)(function (_ref2, ref) {
|
|
|
122
91
|
* We had an issue with the popup component referencing a stale DOM ref for the trigger button.
|
|
123
92
|
* Hence introducing a Box to make sure ref is always the same and only content is refreshed on re-renders
|
|
124
93
|
*/
|
|
125
|
-
return
|
|
126
|
-
testId: triggerButtonTestId
|
|
127
|
-
}, showButtonLoading ? loadingButton : defaultButton) : /*#__PURE__*/_react.default.createElement(_compiled.Box, {
|
|
128
|
-
ref: ref,
|
|
94
|
+
return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
|
|
129
95
|
testId: triggerButtonTestId
|
|
130
|
-
}, showButtonLoading ?
|
|
96
|
+
}, showButtonLoading ? loadingButton : defaultButton);
|
|
131
97
|
});
|
|
132
98
|
var _default = exports.default = PopupTrigger;
|
|
@@ -86,7 +86,7 @@ var IconEditType = function IconEditType(props) {
|
|
|
86
86
|
values: e ? [e] : []
|
|
87
87
|
});
|
|
88
88
|
},
|
|
89
|
-
shouldPreventEscapePropagation:
|
|
89
|
+
shouldPreventEscapePropagation: true
|
|
90
90
|
})));
|
|
91
91
|
};
|
|
92
92
|
var filterOption = function filterOption(option, inputValue) {
|
|
@@ -81,7 +81,7 @@ var StatusEditType = function StatusEditType(props) {
|
|
|
81
81
|
values: e ? [e] : []
|
|
82
82
|
});
|
|
83
83
|
},
|
|
84
|
-
shouldPreventEscapePropagation:
|
|
84
|
+
shouldPreventEscapePropagation: true
|
|
85
85
|
})));
|
|
86
86
|
};
|
|
87
87
|
var filterOption = function filterOption(option, inputValue) {
|
|
@@ -116,7 +116,7 @@ var UserEditType = function UserEditType(props) {
|
|
|
116
116
|
values: e ? [e] : []
|
|
117
117
|
});
|
|
118
118
|
},
|
|
119
|
-
shouldPreventEscapePropagation:
|
|
119
|
+
shouldPreventEscapePropagation: true
|
|
120
120
|
})));
|
|
121
121
|
};
|
|
122
122
|
var filterOption = function filterOption(option, inputValue) {
|
|
@@ -313,7 +313,7 @@ var IssueLikeDataTableView = exports.IssueLikeDataTableView = function IssueLike
|
|
|
313
313
|
content: /*#__PURE__*/React.createElement(_compiled.Box, {
|
|
314
314
|
paddingInline: "space.100"
|
|
315
315
|
}, /*#__PURE__*/React.createElement(_linkingCommon.Skeleton, {
|
|
316
|
-
borderRadius:
|
|
316
|
+
borderRadius: "var(--ds-radius-large, 8px)",
|
|
317
317
|
width: "100%",
|
|
318
318
|
height: 14,
|
|
319
319
|
testId: "issues-table-row-loading"
|
|
@@ -2,7 +2,6 @@ import _extends from "@babel/runtime/helpers/extends";
|
|
|
2
2
|
import React, { useCallback, useEffect, useRef, useState } from 'react';
|
|
3
3
|
import isEqual from 'lodash/isEqual';
|
|
4
4
|
import { useIntl } from 'react-intl';
|
|
5
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
6
5
|
import { PopupSelect } from '@atlaskit/select';
|
|
7
6
|
import { useDatasourceAnalyticsEvents } from '../../../../analytics';
|
|
8
7
|
import CustomControl from './control';
|
|
@@ -173,7 +172,7 @@ export const FilterPopupSelect = ({
|
|
|
173
172
|
onInputChange: handleInputChange,
|
|
174
173
|
onOpen: handleMenuOpen,
|
|
175
174
|
onClose: handleMenuClose,
|
|
176
|
-
shouldPreventEscapePropagation:
|
|
175
|
+
shouldPreventEscapePropagation: true,
|
|
177
176
|
target: ({
|
|
178
177
|
isOpen,
|
|
179
178
|
...triggerProps
|
|
@@ -2,12 +2,11 @@
|
|
|
2
2
|
import _extends from "@babel/runtime/helpers/extends";
|
|
3
3
|
import "./trigger.compiled.css";
|
|
4
4
|
import { ax, ix } from "@compiled/react/runtime";
|
|
5
|
-
import React, { forwardRef,
|
|
5
|
+
import React, { forwardRef, useMemo } from 'react';
|
|
6
6
|
import Badge from '@atlaskit/badge';
|
|
7
7
|
import NewButton from '@atlaskit/button/new';
|
|
8
8
|
import Button from '@atlaskit/button/standard-button';
|
|
9
9
|
import ChevronDownIcon from '@atlaskit/icon/core/chevron-down';
|
|
10
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
11
10
|
import { Box, Flex } from '@atlaskit/primitives/compiled';
|
|
12
11
|
import Spinner from '@atlaskit/spinner';
|
|
13
12
|
const styles = {
|
|
@@ -42,12 +41,6 @@ const PopupTrigger = /*#__PURE__*/forwardRef(({
|
|
|
42
41
|
const hasOptions = selectedOptions && selectedOptions.length > 0;
|
|
43
42
|
const showButtonLoading = !isDisabled && isLoading;
|
|
44
43
|
const triggerButtonTestId = `${testId}-trigger`;
|
|
45
|
-
const LoadingButton = useCallback(() => /*#__PURE__*/React.createElement(LoadingStateAnimationWrapper, null, /*#__PURE__*/React.createElement(Button, {
|
|
46
|
-
iconAfter: /*#__PURE__*/React.createElement(Spinner, {
|
|
47
|
-
size: 'xsmall'
|
|
48
|
-
}),
|
|
49
|
-
testId: `${triggerButtonTestId}--loading-button`
|
|
50
|
-
}, label)), [label, triggerButtonTestId]);
|
|
51
44
|
const loadingButton = useMemo(() => /*#__PURE__*/React.createElement(LoadingStateAnimationWrapper, null, /*#__PURE__*/React.createElement(Button, {
|
|
52
45
|
ref: ref,
|
|
53
46
|
iconAfter: /*#__PURE__*/React.createElement(Spinner, {
|
|
@@ -55,24 +48,6 @@ const PopupTrigger = /*#__PURE__*/forwardRef(({
|
|
|
55
48
|
}),
|
|
56
49
|
testId: `${triggerButtonTestId}--loading-button`
|
|
57
50
|
}, label)), [label, triggerButtonTestId, ref]);
|
|
58
|
-
const DefaultButton = useCallback(() => /*#__PURE__*/React.createElement(NewButton, {
|
|
59
|
-
isSelected: isSelected || hasOptions,
|
|
60
|
-
isDisabled: isDisabled,
|
|
61
|
-
iconAfter: () => /*#__PURE__*/React.createElement(ChevronDownIcon, {
|
|
62
|
-
label: "",
|
|
63
|
-
color: "currentColor",
|
|
64
|
-
size: "small"
|
|
65
|
-
}),
|
|
66
|
-
testId: `${triggerButtonTestId}--button`,
|
|
67
|
-
"aria-expanded": isSelected
|
|
68
|
-
}, /*#__PURE__*/React.createElement(Flex, null, /*#__PURE__*/React.createElement(Box, {
|
|
69
|
-
xcss: styles.triggerButtonLabelStyles
|
|
70
|
-
}, label, firstOption && /*#__PURE__*/React.createElement(React.Fragment, null, ": ", firstOption.label)), selectedOptions && selectedOptions.length > 1 && /*#__PURE__*/React.createElement(Flex, {
|
|
71
|
-
xcss: styles.badgeStyles,
|
|
72
|
-
alignItems: "center"
|
|
73
|
-
}, /*#__PURE__*/React.createElement(Badge, {
|
|
74
|
-
appearance: "primary"
|
|
75
|
-
}, "+", selectedOptions.length - 1)))), [firstOption, hasOptions, isDisabled, isSelected, label, selectedOptions, triggerButtonTestId]);
|
|
76
51
|
const defaultButton = useMemo(() => /*#__PURE__*/React.createElement(NewButton, {
|
|
77
52
|
ref: ref,
|
|
78
53
|
isSelected: isSelected || hasOptions,
|
|
@@ -97,11 +72,8 @@ const PopupTrigger = /*#__PURE__*/forwardRef(({
|
|
|
97
72
|
* We had an issue with the popup component referencing a stale DOM ref for the trigger button.
|
|
98
73
|
* Hence introducing a Box to make sure ref is always the same and only content is refreshed on re-renders
|
|
99
74
|
*/
|
|
100
|
-
return
|
|
101
|
-
testId: triggerButtonTestId
|
|
102
|
-
}, showButtonLoading ? loadingButton : defaultButton) : /*#__PURE__*/React.createElement(Box, {
|
|
103
|
-
ref: ref,
|
|
75
|
+
return /*#__PURE__*/React.createElement(Box, {
|
|
104
76
|
testId: triggerButtonTestId
|
|
105
|
-
}, showButtonLoading ?
|
|
77
|
+
}, showButtonLoading ? loadingButton : defaultButton);
|
|
106
78
|
});
|
|
107
79
|
export default PopupTrigger;
|
|
@@ -73,7 +73,7 @@ const IconEditType = props => {
|
|
|
73
73
|
type: 'icon',
|
|
74
74
|
values: e ? [e] : []
|
|
75
75
|
}),
|
|
76
|
-
shouldPreventEscapePropagation:
|
|
76
|
+
shouldPreventEscapePropagation: true
|
|
77
77
|
})));
|
|
78
78
|
};
|
|
79
79
|
const filterOption = (option, inputValue) => {
|
|
@@ -69,7 +69,7 @@ const StatusEditType = props => {
|
|
|
69
69
|
type: 'status',
|
|
70
70
|
values: e ? [e] : []
|
|
71
71
|
}),
|
|
72
|
-
shouldPreventEscapePropagation:
|
|
72
|
+
shouldPreventEscapePropagation: true
|
|
73
73
|
})));
|
|
74
74
|
};
|
|
75
75
|
const filterOption = (option, inputValue) => {
|
|
@@ -95,7 +95,7 @@ const UserEditType = props => {
|
|
|
95
95
|
type: 'user',
|
|
96
96
|
values: e ? [e] : []
|
|
97
97
|
}),
|
|
98
|
-
shouldPreventEscapePropagation:
|
|
98
|
+
shouldPreventEscapePropagation: true
|
|
99
99
|
})));
|
|
100
100
|
};
|
|
101
101
|
const filterOption = (option, inputValue) => {
|
|
@@ -264,7 +264,7 @@ export const IssueLikeDataTableView = ({
|
|
|
264
264
|
content: /*#__PURE__*/React.createElement(Box, {
|
|
265
265
|
paddingInline: "space.100"
|
|
266
266
|
}, /*#__PURE__*/React.createElement(Skeleton, {
|
|
267
|
-
borderRadius:
|
|
267
|
+
borderRadius: "var(--ds-radius-large, 8px)",
|
|
268
268
|
width: "100%",
|
|
269
269
|
height: 14,
|
|
270
270
|
testId: "issues-table-row-loading"
|
|
@@ -11,7 +11,6 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
|
|
|
11
11
|
import React, { useCallback, useEffect, useRef, useState } from 'react';
|
|
12
12
|
import isEqual from 'lodash/isEqual';
|
|
13
13
|
import { useIntl } from 'react-intl';
|
|
14
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
15
14
|
import { PopupSelect } from '@atlaskit/select';
|
|
16
15
|
import { useDatasourceAnalyticsEvents } from '../../../../analytics';
|
|
17
16
|
import CustomControl from './control';
|
|
@@ -215,7 +214,7 @@ export var FilterPopupSelect = function FilterPopupSelect(_ref) {
|
|
|
215
214
|
onInputChange: handleInputChange,
|
|
216
215
|
onOpen: handleMenuOpen,
|
|
217
216
|
onClose: handleMenuClose,
|
|
218
|
-
shouldPreventEscapePropagation:
|
|
217
|
+
shouldPreventEscapePropagation: true,
|
|
219
218
|
target: function target(_ref3) {
|
|
220
219
|
var isOpen = _ref3.isOpen,
|
|
221
220
|
triggerProps = _objectWithoutProperties(_ref3, _excluded);
|
|
@@ -5,12 +5,11 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
|
|
|
5
5
|
var _excluded = ["as", "style"];
|
|
6
6
|
import "./trigger.compiled.css";
|
|
7
7
|
import { ax, ix } from "@compiled/react/runtime";
|
|
8
|
-
import React, { forwardRef,
|
|
8
|
+
import React, { forwardRef, useMemo } from 'react';
|
|
9
9
|
import Badge from '@atlaskit/badge';
|
|
10
10
|
import NewButton from '@atlaskit/button/new';
|
|
11
11
|
import Button from '@atlaskit/button/standard-button';
|
|
12
12
|
import ChevronDownIcon from '@atlaskit/icon/core/chevron-down';
|
|
13
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
14
13
|
import { Box, Flex } from '@atlaskit/primitives/compiled';
|
|
15
14
|
import Spinner from '@atlaskit/spinner';
|
|
16
15
|
var styles = {
|
|
@@ -46,14 +45,6 @@ var PopupTrigger = /*#__PURE__*/forwardRef(function (_ref2, ref) {
|
|
|
46
45
|
var hasOptions = selectedOptions && selectedOptions.length > 0;
|
|
47
46
|
var showButtonLoading = !isDisabled && isLoading;
|
|
48
47
|
var triggerButtonTestId = "".concat(testId, "-trigger");
|
|
49
|
-
var LoadingButton = useCallback(function () {
|
|
50
|
-
return /*#__PURE__*/React.createElement(LoadingStateAnimationWrapper, null, /*#__PURE__*/React.createElement(Button, {
|
|
51
|
-
iconAfter: /*#__PURE__*/React.createElement(Spinner, {
|
|
52
|
-
size: 'xsmall'
|
|
53
|
-
}),
|
|
54
|
-
testId: "".concat(triggerButtonTestId, "--loading-button")
|
|
55
|
-
}, label));
|
|
56
|
-
}, [label, triggerButtonTestId]);
|
|
57
48
|
var loadingButton = useMemo(function () {
|
|
58
49
|
return /*#__PURE__*/React.createElement(LoadingStateAnimationWrapper, null, /*#__PURE__*/React.createElement(Button, {
|
|
59
50
|
ref: ref,
|
|
@@ -63,28 +54,6 @@ var PopupTrigger = /*#__PURE__*/forwardRef(function (_ref2, ref) {
|
|
|
63
54
|
testId: "".concat(triggerButtonTestId, "--loading-button")
|
|
64
55
|
}, label));
|
|
65
56
|
}, [label, triggerButtonTestId, ref]);
|
|
66
|
-
var DefaultButton = useCallback(function () {
|
|
67
|
-
return /*#__PURE__*/React.createElement(NewButton, {
|
|
68
|
-
isSelected: isSelected || hasOptions,
|
|
69
|
-
isDisabled: isDisabled,
|
|
70
|
-
iconAfter: function iconAfter() {
|
|
71
|
-
return /*#__PURE__*/React.createElement(ChevronDownIcon, {
|
|
72
|
-
label: "",
|
|
73
|
-
color: "currentColor",
|
|
74
|
-
size: "small"
|
|
75
|
-
});
|
|
76
|
-
},
|
|
77
|
-
testId: "".concat(triggerButtonTestId, "--button"),
|
|
78
|
-
"aria-expanded": isSelected
|
|
79
|
-
}, /*#__PURE__*/React.createElement(Flex, null, /*#__PURE__*/React.createElement(Box, {
|
|
80
|
-
xcss: styles.triggerButtonLabelStyles
|
|
81
|
-
}, label, firstOption && /*#__PURE__*/React.createElement(React.Fragment, null, ": ", firstOption.label)), selectedOptions && selectedOptions.length > 1 && /*#__PURE__*/React.createElement(Flex, {
|
|
82
|
-
xcss: styles.badgeStyles,
|
|
83
|
-
alignItems: "center"
|
|
84
|
-
}, /*#__PURE__*/React.createElement(Badge, {
|
|
85
|
-
appearance: "primary"
|
|
86
|
-
}, "+", selectedOptions.length - 1))));
|
|
87
|
-
}, [firstOption, hasOptions, isDisabled, isSelected, label, selectedOptions, triggerButtonTestId]);
|
|
88
57
|
var defaultButton = useMemo(function () {
|
|
89
58
|
return /*#__PURE__*/React.createElement(NewButton, {
|
|
90
59
|
ref: ref,
|
|
@@ -113,11 +82,8 @@ var PopupTrigger = /*#__PURE__*/forwardRef(function (_ref2, ref) {
|
|
|
113
82
|
* We had an issue with the popup component referencing a stale DOM ref for the trigger button.
|
|
114
83
|
* Hence introducing a Box to make sure ref is always the same and only content is refreshed on re-renders
|
|
115
84
|
*/
|
|
116
|
-
return
|
|
117
|
-
testId: triggerButtonTestId
|
|
118
|
-
}, showButtonLoading ? loadingButton : defaultButton) : /*#__PURE__*/React.createElement(Box, {
|
|
119
|
-
ref: ref,
|
|
85
|
+
return /*#__PURE__*/React.createElement(Box, {
|
|
120
86
|
testId: triggerButtonTestId
|
|
121
|
-
}, showButtonLoading ?
|
|
87
|
+
}, showButtonLoading ? loadingButton : defaultButton);
|
|
122
88
|
});
|
|
123
89
|
export default PopupTrigger;
|
|
@@ -77,7 +77,7 @@ var IconEditType = function IconEditType(props) {
|
|
|
77
77
|
values: e ? [e] : []
|
|
78
78
|
});
|
|
79
79
|
},
|
|
80
|
-
shouldPreventEscapePropagation:
|
|
80
|
+
shouldPreventEscapePropagation: true
|
|
81
81
|
})));
|
|
82
82
|
};
|
|
83
83
|
var filterOption = function filterOption(option, inputValue) {
|
|
@@ -72,7 +72,7 @@ var StatusEditType = function StatusEditType(props) {
|
|
|
72
72
|
values: e ? [e] : []
|
|
73
73
|
});
|
|
74
74
|
},
|
|
75
|
-
shouldPreventEscapePropagation:
|
|
75
|
+
shouldPreventEscapePropagation: true
|
|
76
76
|
})));
|
|
77
77
|
};
|
|
78
78
|
var filterOption = function filterOption(option, inputValue) {
|
|
@@ -107,7 +107,7 @@ var UserEditType = function UserEditType(props) {
|
|
|
107
107
|
values: e ? [e] : []
|
|
108
108
|
});
|
|
109
109
|
},
|
|
110
|
-
shouldPreventEscapePropagation:
|
|
110
|
+
shouldPreventEscapePropagation: true
|
|
111
111
|
})));
|
|
112
112
|
};
|
|
113
113
|
var filterOption = function filterOption(option, inputValue) {
|
|
@@ -306,7 +306,7 @@ export var IssueLikeDataTableView = function IssueLikeDataTableView(_ref6) {
|
|
|
306
306
|
content: /*#__PURE__*/React.createElement(Box, {
|
|
307
307
|
paddingInline: "space.100"
|
|
308
308
|
}, /*#__PURE__*/React.createElement(Skeleton, {
|
|
309
|
-
borderRadius:
|
|
309
|
+
borderRadius: "var(--ds-radius-large, 8px)",
|
|
310
310
|
width: "100%",
|
|
311
311
|
height: 14,
|
|
312
312
|
testId: "issues-table-row-loading"
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/link-datasource",
|
|
3
|
-
"version": "6.0.
|
|
3
|
+
"version": "6.0.3",
|
|
4
4
|
"description": "UI Components to support linking platform dataset feature",
|
|
5
5
|
"author": "Atlassian Pty Ltd",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -57,15 +57,15 @@
|
|
|
57
57
|
"@atlaskit/inline-edit": "^16.0.0",
|
|
58
58
|
"@atlaskit/intl-messages-provider": "^4.0.0",
|
|
59
59
|
"@atlaskit/jql-ast": "^4.0.0",
|
|
60
|
-
"@atlaskit/jql-editor": "^7.
|
|
61
|
-
"@atlaskit/jql-editor-autocomplete-rest": "^4.
|
|
60
|
+
"@atlaskit/jql-editor": "^7.1.0",
|
|
61
|
+
"@atlaskit/jql-editor-autocomplete-rest": "^4.1.0",
|
|
62
62
|
"@atlaskit/layering": "^4.0.0",
|
|
63
63
|
"@atlaskit/link": "^4.0.0",
|
|
64
64
|
"@atlaskit/link-client-extension": "^7.0.0",
|
|
65
65
|
"@atlaskit/link-provider": "^5.0.0",
|
|
66
66
|
"@atlaskit/linking-common": "^10.0.0",
|
|
67
67
|
"@atlaskit/linking-types": "^15.0.0",
|
|
68
|
-
"@atlaskit/logo": "^21.
|
|
68
|
+
"@atlaskit/logo": "^21.1.0",
|
|
69
69
|
"@atlaskit/lozenge": "^14.0.0",
|
|
70
70
|
"@atlaskit/modal-dialog": "^16.0.0",
|
|
71
71
|
"@atlaskit/object": "^2.0.0",
|
|
@@ -77,19 +77,20 @@
|
|
|
77
77
|
"@atlaskit/pragmatic-drag-and-drop-react-beautiful-dnd-autoscroll": "^3.0.0",
|
|
78
78
|
"@atlaskit/pragmatic-drag-and-drop-react-drop-indicator": "^4.0.0",
|
|
79
79
|
"@atlaskit/primitives": "^20.0.0",
|
|
80
|
-
"@atlaskit/react-select": "^4.
|
|
81
|
-
"@atlaskit/select": "^22.
|
|
80
|
+
"@atlaskit/react-select": "^4.1.0",
|
|
81
|
+
"@atlaskit/select": "^22.1.0",
|
|
82
82
|
"@atlaskit/smart-card": "^45.2.0",
|
|
83
83
|
"@atlaskit/smart-user-picker": "^11.0.0",
|
|
84
84
|
"@atlaskit/spinner": "^20.0.0",
|
|
85
85
|
"@atlaskit/tag": "^15.0.0",
|
|
86
86
|
"@atlaskit/textfield": "^9.0.0",
|
|
87
87
|
"@atlaskit/theme": "^26.0.0",
|
|
88
|
-
"@atlaskit/tokens": "^
|
|
88
|
+
"@atlaskit/tokens": "^15.0.0",
|
|
89
89
|
"@atlaskit/tooltip": "^23.0.0",
|
|
90
90
|
"@atlaskit/ufo": "^1.0.0",
|
|
91
91
|
"@atlaskit/width-detector": "^6.0.0",
|
|
92
|
-
"@atlassian/assets-workspace-host": "^0.
|
|
92
|
+
"@atlassian/assets-workspace-host": "^0.6.0",
|
|
93
|
+
"@atlassian/react-compiler-gating": "^0.2.0",
|
|
93
94
|
"@babel/runtime": "^7.0.0",
|
|
94
95
|
"@compiled/react": "^0.20.0",
|
|
95
96
|
"@types/dompurify": "^2.2.3",
|
|
@@ -116,7 +117,6 @@
|
|
|
116
117
|
"@atlassian/a11y-jest-testing": "^0.12.0",
|
|
117
118
|
"@atlassian/a11y-playwright-testing": "^0.10.0",
|
|
118
119
|
"@atlassian/feature-flags-test-utils": "^1.1.0",
|
|
119
|
-
"@atlassian/react-compiler-gating": "workspace:^",
|
|
120
120
|
"@atlassian/structured-docs-types": "workspace:^",
|
|
121
121
|
"@faker-js/faker": "^7.5.0",
|
|
122
122
|
"@testing-library/dom": "^10.1.0",
|
|
@@ -127,7 +127,7 @@
|
|
|
127
127
|
"jest-fetch-mock": "^3.0.3",
|
|
128
128
|
"react": "^18.0.0",
|
|
129
129
|
"react-dom": "^18.0.0",
|
|
130
|
-
"react-intl": "^
|
|
130
|
+
"react-intl": "^7.0.0",
|
|
131
131
|
"wait-for-expect": "^1.2.0"
|
|
132
132
|
},
|
|
133
133
|
"techstack": {
|
|
@@ -170,9 +170,6 @@
|
|
|
170
170
|
"confluence-issue-terminology-refresh": {
|
|
171
171
|
"type": "boolean"
|
|
172
172
|
},
|
|
173
|
-
"platform-component-visual-refresh": {
|
|
174
|
-
"type": "boolean"
|
|
175
|
-
},
|
|
176
173
|
"product-terminology-refresh": {
|
|
177
174
|
"type": "boolean"
|
|
178
175
|
},
|
|
@@ -182,9 +179,6 @@
|
|
|
182
179
|
"navx-1895-new-logo-design": {
|
|
183
180
|
"type": "boolean"
|
|
184
181
|
},
|
|
185
|
-
"platform_navx_sllv_dropdown_escape_and_focus_fix": {
|
|
186
|
-
"type": "boolean"
|
|
187
|
-
},
|
|
188
182
|
"platform_navx_sllv_j2ws_dropdown_for_single_row": {
|
|
189
183
|
"type": "boolean"
|
|
190
184
|
},
|