@atlaskit/link-datasource 4.16.3 → 4.17.0
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/ui/common/modal/popup-select/dropdownIndicator.compiled.css +3 -1
- package/dist/cjs/ui/common/modal/popup-select/dropdownIndicator.js +18 -2
- package/dist/es2019/ui/common/modal/popup-select/dropdownIndicator.compiled.css +3 -1
- package/dist/es2019/ui/common/modal/popup-select/dropdownIndicator.js +19 -3
- package/dist/esm/ui/common/modal/popup-select/dropdownIndicator.compiled.css +3 -1
- package/dist/esm/ui/common/modal/popup-select/dropdownIndicator.js +19 -3
- package/package.json +6 -3
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,17 @@
|
|
|
1
1
|
# @atlaskit/link-datasource
|
|
2
2
|
|
|
3
|
+
## 4.17.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [#191974](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/191974)
|
|
8
|
+
[`e04653dbc86fd`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/e04653dbc86fd) -
|
|
9
|
+
NAVX-1184 Removing and fixing eslint a11y rules from linking-platform packages
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- Updated dependencies
|
|
14
|
+
|
|
3
15
|
## 4.16.3
|
|
4
16
|
|
|
5
17
|
### Patch Changes
|
|
@@ -11,14 +11,16 @@ var _runtime = require("@compiled/react/runtime");
|
|
|
11
11
|
var _react = _interopRequireDefault(require("react"));
|
|
12
12
|
var _crossCircle = _interopRequireDefault(require("@atlaskit/icon/core/cross-circle"));
|
|
13
13
|
var _search = _interopRequireDefault(require("@atlaskit/icon/core/search"));
|
|
14
|
+
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
14
15
|
var _compiled = require("@atlaskit/primitives/compiled");
|
|
15
16
|
var _select = require("@atlaskit/select");
|
|
16
17
|
var styles = {
|
|
17
|
-
|
|
18
|
+
customDropdownIndicatorStylesOld: "_1e0c1txw _80omtlke _1bah1h6o _1bsbzwfg",
|
|
19
|
+
customDropdownIndicatorStyles: "_1e0c1txw _80omtlke _1bah1h6o _1bsbzwfg _bfhk1j28 _syaz1gjq"
|
|
18
20
|
};
|
|
19
21
|
var CustomDropdownIndicator = function CustomDropdownIndicator(props) {
|
|
20
22
|
var selectProps = props.selectProps;
|
|
21
|
-
return /*#__PURE__*/_react.default.createElement(_select.components.DropdownIndicator, props, /*#__PURE__*/_react.default.createElement(_compiled.
|
|
23
|
+
return /*#__PURE__*/_react.default.createElement(_select.components.DropdownIndicator, props, (0, _platformFeatureFlags.fg)('navx-1184-fix-smart-link-a11y-interactive-states') ? /*#__PURE__*/_react.default.createElement(_compiled.Pressable, {
|
|
22
24
|
xcss: styles.customDropdownIndicatorStyles,
|
|
23
25
|
onClick: function onClick() {
|
|
24
26
|
if (selectProps.inputValue) {
|
|
@@ -32,6 +34,20 @@ var CustomDropdownIndicator = function CustomDropdownIndicator(props) {
|
|
|
32
34
|
label: ""
|
|
33
35
|
}) : /*#__PURE__*/_react.default.createElement(_search.default, {
|
|
34
36
|
label: ""
|
|
37
|
+
})) : /*#__PURE__*/_react.default.createElement(_compiled.Box, {
|
|
38
|
+
xcss: styles.customDropdownIndicatorStylesOld,
|
|
39
|
+
onClick: function onClick() {
|
|
40
|
+
if (selectProps.inputValue) {
|
|
41
|
+
selectProps.onInputChange && selectProps.onInputChange('', {
|
|
42
|
+
action: 'input-change',
|
|
43
|
+
prevInputValue: selectProps.inputValue
|
|
44
|
+
});
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
}, selectProps.inputValue ? /*#__PURE__*/_react.default.createElement(_crossCircle.default, {
|
|
48
|
+
label: ""
|
|
49
|
+
}) : /*#__PURE__*/_react.default.createElement(_search.default, {
|
|
50
|
+
label: ""
|
|
35
51
|
})));
|
|
36
52
|
};
|
|
37
53
|
var _default = exports.default = CustomDropdownIndicator;
|
|
@@ -4,16 +4,18 @@ import { ax, ix } from "@compiled/react/runtime";
|
|
|
4
4
|
import React from 'react';
|
|
5
5
|
import CloseIcon from '@atlaskit/icon/core/cross-circle';
|
|
6
6
|
import SearchIcon from '@atlaskit/icon/core/search';
|
|
7
|
-
import {
|
|
7
|
+
import { fg } from '@atlaskit/platform-feature-flags';
|
|
8
|
+
import { Box, Pressable } from '@atlaskit/primitives/compiled';
|
|
8
9
|
import { components } from '@atlaskit/select';
|
|
9
10
|
const styles = {
|
|
10
|
-
|
|
11
|
+
customDropdownIndicatorStylesOld: "_1e0c1txw _80omtlke _1bah1h6o _1bsbzwfg",
|
|
12
|
+
customDropdownIndicatorStyles: "_1e0c1txw _80omtlke _1bah1h6o _1bsbzwfg _bfhk1j28 _syaz1gjq"
|
|
11
13
|
};
|
|
12
14
|
const CustomDropdownIndicator = props => {
|
|
13
15
|
const {
|
|
14
16
|
selectProps
|
|
15
17
|
} = props;
|
|
16
|
-
return /*#__PURE__*/React.createElement(components.DropdownIndicator, props, /*#__PURE__*/React.createElement(
|
|
18
|
+
return /*#__PURE__*/React.createElement(components.DropdownIndicator, props, fg('navx-1184-fix-smart-link-a11y-interactive-states') ? /*#__PURE__*/React.createElement(Pressable, {
|
|
17
19
|
xcss: styles.customDropdownIndicatorStyles,
|
|
18
20
|
onClick: () => {
|
|
19
21
|
if (selectProps.inputValue) {
|
|
@@ -27,6 +29,20 @@ const CustomDropdownIndicator = props => {
|
|
|
27
29
|
label: ""
|
|
28
30
|
}) : /*#__PURE__*/React.createElement(SearchIcon, {
|
|
29
31
|
label: ""
|
|
32
|
+
})) : /*#__PURE__*/React.createElement(Box, {
|
|
33
|
+
xcss: styles.customDropdownIndicatorStylesOld,
|
|
34
|
+
onClick: () => {
|
|
35
|
+
if (selectProps.inputValue) {
|
|
36
|
+
selectProps.onInputChange && selectProps.onInputChange('', {
|
|
37
|
+
action: 'input-change',
|
|
38
|
+
prevInputValue: selectProps.inputValue
|
|
39
|
+
});
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
}, selectProps.inputValue ? /*#__PURE__*/React.createElement(CloseIcon, {
|
|
43
|
+
label: ""
|
|
44
|
+
}) : /*#__PURE__*/React.createElement(SearchIcon, {
|
|
45
|
+
label: ""
|
|
30
46
|
})));
|
|
31
47
|
};
|
|
32
48
|
export default CustomDropdownIndicator;
|
|
@@ -4,14 +4,16 @@ import { ax, ix } from "@compiled/react/runtime";
|
|
|
4
4
|
import React from 'react';
|
|
5
5
|
import CloseIcon from '@atlaskit/icon/core/cross-circle';
|
|
6
6
|
import SearchIcon from '@atlaskit/icon/core/search';
|
|
7
|
-
import {
|
|
7
|
+
import { fg } from '@atlaskit/platform-feature-flags';
|
|
8
|
+
import { Box, Pressable } from '@atlaskit/primitives/compiled';
|
|
8
9
|
import { components } from '@atlaskit/select';
|
|
9
10
|
var styles = {
|
|
10
|
-
|
|
11
|
+
customDropdownIndicatorStylesOld: "_1e0c1txw _80omtlke _1bah1h6o _1bsbzwfg",
|
|
12
|
+
customDropdownIndicatorStyles: "_1e0c1txw _80omtlke _1bah1h6o _1bsbzwfg _bfhk1j28 _syaz1gjq"
|
|
11
13
|
};
|
|
12
14
|
var CustomDropdownIndicator = function CustomDropdownIndicator(props) {
|
|
13
15
|
var selectProps = props.selectProps;
|
|
14
|
-
return /*#__PURE__*/React.createElement(components.DropdownIndicator, props, /*#__PURE__*/React.createElement(
|
|
16
|
+
return /*#__PURE__*/React.createElement(components.DropdownIndicator, props, fg('navx-1184-fix-smart-link-a11y-interactive-states') ? /*#__PURE__*/React.createElement(Pressable, {
|
|
15
17
|
xcss: styles.customDropdownIndicatorStyles,
|
|
16
18
|
onClick: function onClick() {
|
|
17
19
|
if (selectProps.inputValue) {
|
|
@@ -25,6 +27,20 @@ var CustomDropdownIndicator = function CustomDropdownIndicator(props) {
|
|
|
25
27
|
label: ""
|
|
26
28
|
}) : /*#__PURE__*/React.createElement(SearchIcon, {
|
|
27
29
|
label: ""
|
|
30
|
+
})) : /*#__PURE__*/React.createElement(Box, {
|
|
31
|
+
xcss: styles.customDropdownIndicatorStylesOld,
|
|
32
|
+
onClick: function onClick() {
|
|
33
|
+
if (selectProps.inputValue) {
|
|
34
|
+
selectProps.onInputChange && selectProps.onInputChange('', {
|
|
35
|
+
action: 'input-change',
|
|
36
|
+
prevInputValue: selectProps.inputValue
|
|
37
|
+
});
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
}, selectProps.inputValue ? /*#__PURE__*/React.createElement(CloseIcon, {
|
|
41
|
+
label: ""
|
|
42
|
+
}) : /*#__PURE__*/React.createElement(SearchIcon, {
|
|
43
|
+
label: ""
|
|
28
44
|
})));
|
|
29
45
|
};
|
|
30
46
|
export default CustomDropdownIndicator;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/link-datasource",
|
|
3
|
-
"version": "4.
|
|
3
|
+
"version": "4.17.0",
|
|
4
4
|
"description": "UI Components to support linking platform dataset feature",
|
|
5
5
|
"author": "Atlassian Pty Ltd",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -51,7 +51,7 @@
|
|
|
51
51
|
"@atlaskit/flag": "^17.3.0",
|
|
52
52
|
"@atlaskit/form": "^12.0.0",
|
|
53
53
|
"@atlaskit/heading": "^5.2.0",
|
|
54
|
-
"@atlaskit/icon": "^27.
|
|
54
|
+
"@atlaskit/icon": "^27.8.0",
|
|
55
55
|
"@atlaskit/icon-object": "^7.1.0",
|
|
56
56
|
"@atlaskit/image": "^3.0.0",
|
|
57
57
|
"@atlaskit/inline-edit": "^15.3.0",
|
|
@@ -77,7 +77,7 @@
|
|
|
77
77
|
"@atlaskit/primitives": "^14.11.0",
|
|
78
78
|
"@atlaskit/react-select": "^3.3.0",
|
|
79
79
|
"@atlaskit/select": "^21.2.0",
|
|
80
|
-
"@atlaskit/smart-card": "^40.
|
|
80
|
+
"@atlaskit/smart-card": "^40.6.0",
|
|
81
81
|
"@atlaskit/smart-user-picker": "^8.0.0",
|
|
82
82
|
"@atlaskit/spinner": "^19.0.0",
|
|
83
83
|
"@atlaskit/tag": "^14.1.0",
|
|
@@ -192,6 +192,9 @@
|
|
|
192
192
|
},
|
|
193
193
|
"navx-1180-sllv-return-focus-on-escape": {
|
|
194
194
|
"type": "boolean"
|
|
195
|
+
},
|
|
196
|
+
"navx-1184-fix-smart-link-a11y-interactive-states": {
|
|
197
|
+
"type": "boolean"
|
|
195
198
|
}
|
|
196
199
|
},
|
|
197
200
|
"compassUnitTestMetricSourceId": "ari:cloud:compass:a436116f-02ce-4520-8fbb-7301462a1674:metric-source/c5751cc6-3513-4070-9deb-af31e86aed34/9c893299-a527-4457-9b46-f3bc4c828766"
|