@atlaskit/link-datasource 6.4.9 → 6.4.10
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 +8 -0
- package/dist/cjs/ui/common/modal/mode-switcher/index.compiled.css +0 -1
- package/dist/cjs/ui/common/modal/mode-switcher/index.js +3 -7
- package/dist/cjs/ui/common/modal/site-selector/index.js +2 -5
- package/dist/es2019/ui/common/modal/mode-switcher/index.compiled.css +0 -1
- package/dist/es2019/ui/common/modal/mode-switcher/index.js +3 -7
- package/dist/es2019/ui/common/modal/site-selector/index.js +2 -5
- package/dist/esm/ui/common/modal/mode-switcher/index.compiled.css +0 -1
- package/dist/esm/ui/common/modal/mode-switcher/index.js +3 -7
- package/dist/esm/ui/common/modal/site-selector/index.js +2 -5
- package/package.json +5 -8
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,13 @@
|
|
|
1
1
|
# @atlaskit/link-datasource
|
|
2
2
|
|
|
3
|
+
## 6.4.10
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`83f61c8f828c6`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/83f61c8f828c6) -
|
|
8
|
+
Cleaning up navx-5290-sllv-modal-a11y-updates
|
|
9
|
+
- Updated dependencies
|
|
10
|
+
|
|
3
11
|
## 6.4.9
|
|
4
12
|
|
|
5
13
|
### Patch Changes
|
|
@@ -10,7 +10,6 @@ require("./index.compiled.css");
|
|
|
10
10
|
var _runtime = require("@compiled/react/runtime");
|
|
11
11
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
12
12
|
var _react = _interopRequireDefault(require("react"));
|
|
13
|
-
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
14
13
|
var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
|
|
15
14
|
var _visuallyHidden = _interopRequireDefault(require("@atlaskit/visually-hidden/visually-hidden"));
|
|
16
15
|
var _types = require("../../../../analytics/types");
|
|
@@ -19,7 +18,6 @@ var _displayViewDropDown = require("../display-view-dropdown/display-view-drop-d
|
|
|
19
18
|
var _useViewModeContext2 = require("./useViewModeContext");
|
|
20
19
|
var modeSwitcherStyles = null;
|
|
21
20
|
var compactModeSwitcherStyles = null;
|
|
22
|
-
var modeInputStyles = null;
|
|
23
21
|
var modeFocusStyles = null;
|
|
24
22
|
var modeSwitcherLabelStyles = null;
|
|
25
23
|
var modeSwitcherLabelSelectedStyles = null;
|
|
@@ -37,7 +35,6 @@ var ModeSwitcher = exports.ModeSwitcher = function ModeSwitcher(props) {
|
|
|
37
35
|
var handleModeChange = function handleModeChange(event) {
|
|
38
36
|
onOptionValueChange(event.currentTarget.value);
|
|
39
37
|
};
|
|
40
|
-
var RadioWrapper = (0, _platformFeatureFlags.fg)('navx-5290-sllv-modal-a11y-updates') ? _visuallyHidden.default : _react.default.Fragment;
|
|
41
38
|
return options.length > 0 ? /*#__PURE__*/_react.default.createElement("fieldset", {
|
|
42
39
|
"data-testid": "mode-toggle-container",
|
|
43
40
|
disabled: isDisabled,
|
|
@@ -55,16 +52,15 @@ var ModeSwitcher = exports.ModeSwitcher = function ModeSwitcher(props) {
|
|
|
55
52
|
return /*#__PURE__*/_react.default.createElement("label", (0, _extends2.default)({}, tooltipProps, {
|
|
56
53
|
key: value,
|
|
57
54
|
"data-testid": "mode-toggle-".concat(value),
|
|
58
|
-
className: (0, _runtime.ax)(["_11c8fhey _2rko1b66 _1h6d1j28 _189ee4h9 _1dqonqa1 _syaz1rpy _vchhusvi _k48p1wq8 _u5f3utpp _19bvutpp _1tke1tcg _1e0c1txw _4cvr1h6o _1bah1h6o _d0altlke _irr31dpa", isCompact && "_ca0qv77o _u5f31b66 _n3tdv77o _19bv1b66", isSelected && "_2rko1b66 _1h6dq98m _bfhk15s3 _syaz6x5g _d0altlke _irr315s3", isDisabled && "_irr31j28 _d0al13gf", isOptionDisabled && "_syaz1gmx", isOptionDisabled && "_irr31j28 _d0al13gf",
|
|
59
|
-
}), label, /*#__PURE__*/_react.default.createElement(
|
|
55
|
+
className: (0, _runtime.ax)(["_11c8fhey _2rko1b66 _1h6d1j28 _189ee4h9 _1dqonqa1 _syaz1rpy _vchhusvi _k48p1wq8 _u5f3utpp _19bvutpp _1tke1tcg _1e0c1txw _4cvr1h6o _1bah1h6o _d0altlke _irr31dpa", isCompact && "_ca0qv77o _u5f31b66 _n3tdv77o _19bv1b66", isSelected && "_2rko1b66 _1h6dq98m _bfhk15s3 _syaz6x5g _d0altlke _irr315s3", isDisabled && "_irr31j28 _d0al13gf", isOptionDisabled && "_syaz1gmx", isOptionDisabled && "_irr31j28 _d0al13gf", "_1e387g83 _7glxv77o"])
|
|
56
|
+
}), label, /*#__PURE__*/_react.default.createElement(_visuallyHidden.default, null, /*#__PURE__*/_react.default.createElement("input", {
|
|
60
57
|
"aria-checked": isSelected,
|
|
61
58
|
"aria-disabled": isOptionDisabled,
|
|
62
59
|
checked: isSelected,
|
|
63
60
|
disabled: isOptionDisabled,
|
|
64
61
|
onChange: handleModeChange,
|
|
65
62
|
type: "radio",
|
|
66
|
-
value: value
|
|
67
|
-
className: (0, _runtime.ax)([!(0, _platformFeatureFlags.fg)('navx-5290-sllv-modal-a11y-updates') && "_1e0cglyw"])
|
|
63
|
+
value: value
|
|
68
64
|
})));
|
|
69
65
|
});
|
|
70
66
|
})) : null;
|
|
@@ -17,7 +17,6 @@ var _reactIntl = require("react-intl");
|
|
|
17
17
|
var _new = _interopRequireDefault(require("@atlaskit/button/new"));
|
|
18
18
|
var _heading = _interopRequireDefault(require("@atlaskit/heading"));
|
|
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 _select = require("@atlaskit/select");
|
|
23
22
|
var _messages = require("./messages");
|
|
@@ -85,10 +84,8 @@ var SiteSelector = exports.SiteSelector = function SiteSelector(props) {
|
|
|
85
84
|
size: "small"
|
|
86
85
|
});
|
|
87
86
|
},
|
|
88
|
-
testId: "".concat(testId, "__control")
|
|
89
|
-
|
|
90
|
-
'aria-label': selectedSiteOption !== null && selectedSiteOption !== void 0 && selectedSiteOption.label ? "".concat(formatMessage(_messages.siteSelectorMessages.chooseSite), ": ").concat(selectedSiteOption.label) : formatMessage(_messages.siteSelectorMessages.chooseSite)
|
|
91
|
-
} : {}, {
|
|
87
|
+
testId: "".concat(testId, "__control"),
|
|
88
|
+
"aria-label": selectedSiteOption !== null && selectedSiteOption !== void 0 && selectedSiteOption.label ? "".concat(formatMessage(_messages.siteSelectorMessages.chooseSite), ": ").concat(selectedSiteOption.label) : formatMessage(_messages.siteSelectorMessages.chooseSite),
|
|
92
89
|
autoFocus: true
|
|
93
90
|
}), (selectedSiteOption === null || selectedSiteOption === void 0 ? void 0 : selectedSiteOption.label) || formatMessage(_messages.siteSelectorMessages.chooseSite));
|
|
94
91
|
}
|
|
@@ -3,7 +3,6 @@ import _extends from "@babel/runtime/helpers/extends";
|
|
|
3
3
|
import "./index.compiled.css";
|
|
4
4
|
import { ax, ix } from "@compiled/react/runtime";
|
|
5
5
|
import React from 'react';
|
|
6
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
7
6
|
import Tooltip from '@atlaskit/tooltip';
|
|
8
7
|
import VisuallyHidden from '@atlaskit/visually-hidden/visually-hidden';
|
|
9
8
|
import { DatasourceAction } from '../../../../analytics/types';
|
|
@@ -12,7 +11,6 @@ import { DisplayViewDropDown } from '../display-view-dropdown/display-view-drop-
|
|
|
12
11
|
import { useViewModeContext } from './useViewModeContext';
|
|
13
12
|
const modeSwitcherStyles = null;
|
|
14
13
|
const compactModeSwitcherStyles = null;
|
|
15
|
-
const modeInputStyles = null;
|
|
16
14
|
const modeFocusStyles = null;
|
|
17
15
|
const modeSwitcherLabelStyles = null;
|
|
18
16
|
const modeSwitcherLabelSelectedStyles = null;
|
|
@@ -31,7 +29,6 @@ export const ModeSwitcher = props => {
|
|
|
31
29
|
const handleModeChange = event => {
|
|
32
30
|
onOptionValueChange(event.currentTarget.value);
|
|
33
31
|
};
|
|
34
|
-
const RadioWrapper = fg('navx-5290-sllv-modal-a11y-updates') ? VisuallyHidden : React.Fragment;
|
|
35
32
|
return options.length > 0 ? /*#__PURE__*/React.createElement("fieldset", {
|
|
36
33
|
"data-testid": "mode-toggle-container",
|
|
37
34
|
disabled: isDisabled,
|
|
@@ -49,16 +46,15 @@ export const ModeSwitcher = props => {
|
|
|
49
46
|
}, tooltipProps => /*#__PURE__*/React.createElement("label", _extends({}, tooltipProps, {
|
|
50
47
|
key: value,
|
|
51
48
|
"data-testid": `mode-toggle-${value}`,
|
|
52
|
-
className: ax(["_11c8fhey _2rko1b66 _1h6d1j28 _189ee4h9 _1dqonqa1 _syaz1rpy _vchhusvi _k48p1wq8 _u5f3utpp _19bvutpp _1tke1tcg _1e0c1txw _4cvr1h6o _1bah1h6o _d0altlke _irr31dpa", isCompact && "_ca0qv77o _u5f31b66 _n3tdv77o _19bv1b66", isSelected && "_2rko1b66 _1h6dq98m _bfhk15s3 _syaz6x5g _d0altlke _irr315s3", isDisabled && "_irr31j28 _d0al13gf", isOptionDisabled && "_syaz1gmx", isOptionDisabled && "_irr31j28 _d0al13gf",
|
|
53
|
-
}), label, /*#__PURE__*/React.createElement(
|
|
49
|
+
className: ax(["_11c8fhey _2rko1b66 _1h6d1j28 _189ee4h9 _1dqonqa1 _syaz1rpy _vchhusvi _k48p1wq8 _u5f3utpp _19bvutpp _1tke1tcg _1e0c1txw _4cvr1h6o _1bah1h6o _d0altlke _irr31dpa", isCompact && "_ca0qv77o _u5f31b66 _n3tdv77o _19bv1b66", isSelected && "_2rko1b66 _1h6dq98m _bfhk15s3 _syaz6x5g _d0altlke _irr315s3", isDisabled && "_irr31j28 _d0al13gf", isOptionDisabled && "_syaz1gmx", isOptionDisabled && "_irr31j28 _d0al13gf", "_1e387g83 _7glxv77o"])
|
|
50
|
+
}), label, /*#__PURE__*/React.createElement(VisuallyHidden, null, /*#__PURE__*/React.createElement("input", {
|
|
54
51
|
"aria-checked": isSelected,
|
|
55
52
|
"aria-disabled": isOptionDisabled,
|
|
56
53
|
checked: isSelected,
|
|
57
54
|
disabled: isOptionDisabled,
|
|
58
55
|
onChange: handleModeChange,
|
|
59
56
|
type: "radio",
|
|
60
|
-
value: value
|
|
61
|
-
className: ax([!fg('navx-5290-sllv-modal-a11y-updates') && "_1e0cglyw"])
|
|
57
|
+
value: value
|
|
62
58
|
}))));
|
|
63
59
|
})) : null;
|
|
64
60
|
};
|
|
@@ -8,7 +8,6 @@ import { useIntl } from 'react-intl';
|
|
|
8
8
|
import Button from '@atlaskit/button/new';
|
|
9
9
|
import Heading from '@atlaskit/heading';
|
|
10
10
|
import ChevronDownIcon from '@atlaskit/icon/core/chevron-down';
|
|
11
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
12
11
|
import { Box } from '@atlaskit/primitives/compiled';
|
|
13
12
|
import { PopupSelect } from '@atlaskit/select';
|
|
14
13
|
import { siteSelectorMessages } from './messages';
|
|
@@ -69,10 +68,8 @@ export const SiteSelector = props => {
|
|
|
69
68
|
color: "currentColor",
|
|
70
69
|
size: "small"
|
|
71
70
|
}),
|
|
72
|
-
testId: `${testId}__control
|
|
73
|
-
|
|
74
|
-
'aria-label': selectedSiteOption !== null && selectedSiteOption !== void 0 && selectedSiteOption.label ? `${formatMessage(siteSelectorMessages.chooseSite)}: ${selectedSiteOption.label}` : formatMessage(siteSelectorMessages.chooseSite)
|
|
75
|
-
} : {}, {
|
|
71
|
+
testId: `${testId}__control`,
|
|
72
|
+
"aria-label": selectedSiteOption !== null && selectedSiteOption !== void 0 && selectedSiteOption.label ? `${formatMessage(siteSelectorMessages.chooseSite)}: ${selectedSiteOption.label}` : formatMessage(siteSelectorMessages.chooseSite),
|
|
76
73
|
autoFocus: true
|
|
77
74
|
}), (selectedSiteOption === null || selectedSiteOption === void 0 ? void 0 : selectedSiteOption.label) || formatMessage(siteSelectorMessages.chooseSite))
|
|
78
75
|
})));
|
|
@@ -3,7 +3,6 @@ import _extends from "@babel/runtime/helpers/extends";
|
|
|
3
3
|
import "./index.compiled.css";
|
|
4
4
|
import { ax, ix } from "@compiled/react/runtime";
|
|
5
5
|
import React from 'react';
|
|
6
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
7
6
|
import Tooltip from '@atlaskit/tooltip';
|
|
8
7
|
import VisuallyHidden from '@atlaskit/visually-hidden/visually-hidden';
|
|
9
8
|
import { DatasourceAction } from '../../../../analytics/types';
|
|
@@ -12,7 +11,6 @@ import { DisplayViewDropDown } from '../display-view-dropdown/display-view-drop-
|
|
|
12
11
|
import { useViewModeContext } from './useViewModeContext';
|
|
13
12
|
var modeSwitcherStyles = null;
|
|
14
13
|
var compactModeSwitcherStyles = null;
|
|
15
|
-
var modeInputStyles = null;
|
|
16
14
|
var modeFocusStyles = null;
|
|
17
15
|
var modeSwitcherLabelStyles = null;
|
|
18
16
|
var modeSwitcherLabelSelectedStyles = null;
|
|
@@ -30,7 +28,6 @@ export var ModeSwitcher = function ModeSwitcher(props) {
|
|
|
30
28
|
var handleModeChange = function handleModeChange(event) {
|
|
31
29
|
onOptionValueChange(event.currentTarget.value);
|
|
32
30
|
};
|
|
33
|
-
var RadioWrapper = fg('navx-5290-sllv-modal-a11y-updates') ? VisuallyHidden : React.Fragment;
|
|
34
31
|
return options.length > 0 ? /*#__PURE__*/React.createElement("fieldset", {
|
|
35
32
|
"data-testid": "mode-toggle-container",
|
|
36
33
|
disabled: isDisabled,
|
|
@@ -48,16 +45,15 @@ export var ModeSwitcher = function ModeSwitcher(props) {
|
|
|
48
45
|
return /*#__PURE__*/React.createElement("label", _extends({}, tooltipProps, {
|
|
49
46
|
key: value,
|
|
50
47
|
"data-testid": "mode-toggle-".concat(value),
|
|
51
|
-
className: ax(["_11c8fhey _2rko1b66 _1h6d1j28 _189ee4h9 _1dqonqa1 _syaz1rpy _vchhusvi _k48p1wq8 _u5f3utpp _19bvutpp _1tke1tcg _1e0c1txw _4cvr1h6o _1bah1h6o _d0altlke _irr31dpa", isCompact && "_ca0qv77o _u5f31b66 _n3tdv77o _19bv1b66", isSelected && "_2rko1b66 _1h6dq98m _bfhk15s3 _syaz6x5g _d0altlke _irr315s3", isDisabled && "_irr31j28 _d0al13gf", isOptionDisabled && "_syaz1gmx", isOptionDisabled && "_irr31j28 _d0al13gf",
|
|
52
|
-
}), label, /*#__PURE__*/React.createElement(
|
|
48
|
+
className: ax(["_11c8fhey _2rko1b66 _1h6d1j28 _189ee4h9 _1dqonqa1 _syaz1rpy _vchhusvi _k48p1wq8 _u5f3utpp _19bvutpp _1tke1tcg _1e0c1txw _4cvr1h6o _1bah1h6o _d0altlke _irr31dpa", isCompact && "_ca0qv77o _u5f31b66 _n3tdv77o _19bv1b66", isSelected && "_2rko1b66 _1h6dq98m _bfhk15s3 _syaz6x5g _d0altlke _irr315s3", isDisabled && "_irr31j28 _d0al13gf", isOptionDisabled && "_syaz1gmx", isOptionDisabled && "_irr31j28 _d0al13gf", "_1e387g83 _7glxv77o"])
|
|
49
|
+
}), label, /*#__PURE__*/React.createElement(VisuallyHidden, null, /*#__PURE__*/React.createElement("input", {
|
|
53
50
|
"aria-checked": isSelected,
|
|
54
51
|
"aria-disabled": isOptionDisabled,
|
|
55
52
|
checked: isSelected,
|
|
56
53
|
disabled: isOptionDisabled,
|
|
57
54
|
onChange: handleModeChange,
|
|
58
55
|
type: "radio",
|
|
59
|
-
value: value
|
|
60
|
-
className: ax([!fg('navx-5290-sllv-modal-a11y-updates') && "_1e0cglyw"])
|
|
56
|
+
value: value
|
|
61
57
|
})));
|
|
62
58
|
});
|
|
63
59
|
})) : null;
|
|
@@ -10,7 +10,6 @@ import { useIntl } from 'react-intl';
|
|
|
10
10
|
import Button from '@atlaskit/button/new';
|
|
11
11
|
import Heading from '@atlaskit/heading';
|
|
12
12
|
import ChevronDownIcon from '@atlaskit/icon/core/chevron-down';
|
|
13
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
14
13
|
import { Box } from '@atlaskit/primitives/compiled';
|
|
15
14
|
import { PopupSelect } from '@atlaskit/select';
|
|
16
15
|
import { siteSelectorMessages } from './messages';
|
|
@@ -76,10 +75,8 @@ export var SiteSelector = function SiteSelector(props) {
|
|
|
76
75
|
size: "small"
|
|
77
76
|
});
|
|
78
77
|
},
|
|
79
|
-
testId: "".concat(testId, "__control")
|
|
80
|
-
|
|
81
|
-
'aria-label': selectedSiteOption !== null && selectedSiteOption !== void 0 && selectedSiteOption.label ? "".concat(formatMessage(siteSelectorMessages.chooseSite), ": ").concat(selectedSiteOption.label) : formatMessage(siteSelectorMessages.chooseSite)
|
|
82
|
-
} : {}, {
|
|
78
|
+
testId: "".concat(testId, "__control"),
|
|
79
|
+
"aria-label": selectedSiteOption !== null && selectedSiteOption !== void 0 && selectedSiteOption.label ? "".concat(formatMessage(siteSelectorMessages.chooseSite), ": ").concat(selectedSiteOption.label) : formatMessage(siteSelectorMessages.chooseSite),
|
|
83
80
|
autoFocus: true
|
|
84
81
|
}), (selectedSiteOption === null || selectedSiteOption === void 0 ? void 0 : selectedSiteOption.label) || formatMessage(siteSelectorMessages.chooseSite));
|
|
85
82
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/link-datasource",
|
|
3
|
-
"version": "6.4.
|
|
3
|
+
"version": "6.4.10",
|
|
4
4
|
"description": "UI Components to support linking platform dataset feature",
|
|
5
5
|
"author": "Atlassian Pty Ltd",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -57,8 +57,8 @@
|
|
|
57
57
|
"@atlaskit/inline-edit": "^16.2.0",
|
|
58
58
|
"@atlaskit/intl-messages-provider": "^4.2.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.6.0",
|
|
61
|
+
"@atlaskit/jql-editor-autocomplete-rest": "^4.4.0",
|
|
62
62
|
"@atlaskit/layering": "^5.0.0",
|
|
63
63
|
"@atlaskit/link": "^5.0.0",
|
|
64
64
|
"@atlaskit/link-client-extension": "^7.1.0",
|
|
@@ -86,13 +86,13 @@
|
|
|
86
86
|
"@atlaskit/tag": "^15.4.0",
|
|
87
87
|
"@atlaskit/textfield": "^10.0.0",
|
|
88
88
|
"@atlaskit/theme": "^28.0.0",
|
|
89
|
-
"@atlaskit/tokens": "^16.
|
|
89
|
+
"@atlaskit/tokens": "^16.7.0",
|
|
90
90
|
"@atlaskit/tooltip": "^24.0.0",
|
|
91
91
|
"@atlaskit/ufo": "^1.0.0",
|
|
92
92
|
"@atlaskit/visually-hidden": "^4.2.0",
|
|
93
93
|
"@atlaskit/width-detector": "^7.0.0",
|
|
94
94
|
"@babel/runtime": "^7.0.0",
|
|
95
|
-
"@compiled/react": "^1.0.
|
|
95
|
+
"@compiled/react": "^1.0.2",
|
|
96
96
|
"@types/dompurify": "^2.2.3",
|
|
97
97
|
"date-fns": "^2.17.0",
|
|
98
98
|
"debounce-promise": "^3.1.2",
|
|
@@ -188,9 +188,6 @@
|
|
|
188
188
|
"platform_lp_sllv_richtext_margin_reset": {
|
|
189
189
|
"type": "boolean"
|
|
190
190
|
},
|
|
191
|
-
"navx-5290-sllv-modal-a11y-updates": {
|
|
192
|
-
"type": "boolean"
|
|
193
|
-
},
|
|
194
191
|
"navx-5509-sllv-link-new-tab-hint": {
|
|
195
192
|
"type": "boolean"
|
|
196
193
|
},
|