@atlaskit/link-datasource 6.0.7 → 6.1.1

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.
Files changed (12) hide show
  1. package/CHANGELOG.md +26 -0
  2. package/compass.yml +31 -41
  3. package/dist/cjs/ui/common/modal/mode-switcher/index.compiled.css +2 -0
  4. package/dist/cjs/ui/common/modal/mode-switcher/index.js +8 -4
  5. package/dist/cjs/ui/common/modal/site-selector/index.js +6 -1
  6. package/dist/es2019/ui/common/modal/mode-switcher/index.compiled.css +2 -0
  7. package/dist/es2019/ui/common/modal/mode-switcher/index.js +8 -4
  8. package/dist/es2019/ui/common/modal/site-selector/index.js +17 -10
  9. package/dist/esm/ui/common/modal/mode-switcher/index.compiled.css +2 -0
  10. package/dist/esm/ui/common/modal/mode-switcher/index.js +8 -4
  11. package/dist/esm/ui/common/modal/site-selector/index.js +6 -1
  12. package/package.json +42 -38
package/CHANGELOG.md CHANGED
@@ -1,5 +1,31 @@
1
1
  # @atlaskit/link-datasource
2
2
 
3
+ ## 6.1.1
4
+
5
+ ### Patch Changes
6
+
7
+ - [`d28fdfa9eac28`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d28fdfa9eac28) -
8
+ [ux] NAVX-5290 Adding keyboard focus for mode switcher and aria-label for site selector
9
+ - Updated dependencies
10
+
11
+ ## 6.1.0
12
+
13
+ ### Minor Changes
14
+
15
+ - [`cd097a2111788`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/cd097a2111788) -
16
+ Republish packages depending on `@atlaskit/react-compiler-gating` so their published dependency
17
+ reference is updated to the renamed `@atlaskit/react-compiler-gating` scope.
18
+
19
+ The earlier rename of `@atlassian/react-compiler-gating` to `@atlaskit/react-compiler-gating` only
20
+ bumped the renamed package itself, so dependent packages were never republished and their
21
+ published versions still referenced the old `@atlassian/react-compiler-gating` name, which is not
22
+ available in the public npm registry. This minor bump republishes all affected packages with the
23
+ corrected dependency.
24
+
25
+ ### Patch Changes
26
+
27
+ - Updated dependencies
28
+
3
29
  ## 6.0.7
4
30
 
5
31
  ### Patch Changes
package/compass.yml CHANGED
@@ -1,39 +1,44 @@
1
1
  name: Smart Link List View (SLLV)
2
- id: 'ari:cloud:compass:a436116f-02ce-4520-8fbb-7301462a1674:component/c5751cc6-3513-4070-9deb-af31e86aed34/c0ba4923-7384-4d34-9947-924489f95ca0'
3
- description: >-
2
+ id: ari:cloud:compass:a436116f-02ce-4520-8fbb-7301462a1674:component/c5751cc6-3513-4070-9deb-af31e86aed34/c0ba4923-7384-4d34-9947-924489f95ca0
3
+ description:
4
4
  The Smart Link List View (SLLV) is a component used within Atlassian's ecosystem, particularly in
5
5
  Jira, to enhance the way users interact with linked data. It is designed to provide a more
6
6
  organized and efficient way to view and manage smart links, which are connections to other
7
7
  resources or data points within the platform.
8
8
  configVersion: 1
9
9
  typeId: CAPABILITY
10
- ownerId: 'ari:cloud:identity::team/0e6dedf8-18d1-4531-b4b9-07648a425d47'
10
+ ownerId: ari:cloud:identity::team/0e6dedf8-18d1-4531-b4b9-07648a425d47 # Eng - Navigation Experiences (Darko Zoroja)
11
11
  fields:
12
- isMonorepoProject: false
13
12
  tier: 4
14
13
  lifecycle: Active
14
+ isMonorepoProject: false
15
15
  links:
16
16
  - name: Root Repository
17
17
  type: REPOSITORY
18
18
  url: https://bitbucket.org/atlassian/atlassian-frontend-monorepo/src/master
19
19
  - name: SignalFx - Link Datasource
20
20
  type: DASHBOARD
21
- url: 'https://atlassian.signalfx.com/#/dashboard/Gm8VEROA0AQ?groupId=Fcva05QA4AA&configId=Gm8VFYeAwAI&startTime=-31d&endTime=Now'
21
+ url: https://atlassian.signalfx.com/#/dashboard/Gm8VEROA0AQ?groupId=Fcva05QA4AA&configId=Gm8VFYeAwAI&startTime=-31d&endTime=Now
22
22
  - name: ''
23
23
  type: PROJECT
24
- url: 'https://hello.jira.atlassian.cloud/jira/software/projects/NAVX/boards/14605'
24
+ url: https://hello.jira.atlassian.cloud/jira/software/projects/NAVX/boards/14605
25
25
  - name: ''
26
26
  type: CHAT_CHANNEL
27
- url: 'https://atlassian.enterprise.slack.com/archives/C09FTFN0APN'
27
+ url: https://atlassian.enterprise.slack.com/archives/C09FTFN0APN # #help-fe-linking-platform
28
28
  - name: ''
29
29
  type: ON_CALL
30
- url: 'https://hello.jira.atlassian.cloud/jira/ops/teams/0e6dedf8-18d1-4531-b4b9-07648a425d47/on-call'
30
+ url: https://hello.jira.atlassian.cloud/jira/ops/teams/0e6dedf8-18d1-4531-b4b9-07648a425d47/on-call
31
+ - name: Slack Channel
32
+ type: CHAT_CHANNEL
33
+ url: https://atlassian.enterprise.slack.com/archives/CFKGAQZRV # #help-fe-linking-platform
34
+ - name: Link Datasource
35
+ type: REPOSITORY
36
+ url: https://bitbucket.org/atlassian/atlassian-frontend-monorepo/src/master/platform/packages/linking-platform/link-datasource
31
37
  relationships: null
32
- labels: null
38
+ labels:
39
+ - platform-code
40
+ - platform-afm
33
41
  customFields:
34
- - name: Anomaly-Detection
35
- type: text
36
- value: null
37
42
  - name: Compass Config-as-Code
38
43
  type: boolean
39
44
  value: true
@@ -43,43 +48,28 @@ customFields:
43
48
  - 6abcbe4f-1063-4cf7-8b32-58ebd01078da
44
49
  - name: Engineering Manager
45
50
  type: user
46
- value: 'ari:cloud:identity::user/712020:3eb290b3-ff87-40f2-a7ef-4ee9d0ae10bd'
47
- - name: FFP per month
48
- type: number
49
- value: null
51
+ value: ari:cloud:identity::user/712020:3eb290b3-ff87-40f2-a7ef-4ee9d0ae10bd
50
52
  - name: Is renovate enabled?
51
53
  type: boolean
52
54
  value: false
53
- - name: Lineage
54
- type: text
55
- value: null
56
- - name: Maintenance Time (hours/week)
57
- type: number
58
- value: null
59
55
  - name: Owner or Team Name
60
56
  type: single_select
61
- value: 1e93a963-fa64-4c3a-aebb-cc835e418a0a # This means Yes
62
- - name: Perimeter
63
- type: single_select
64
- value: null
65
- - name: Perimeter (string)
66
- type: text
67
- value: null
68
- - name: Product Owner
69
- type: user
70
- value: null
71
- - name: Tech Debt
72
- type: text
73
- value: null
57
+ value: 1e93a963-fa64-4c3a-aebb-cc835e418a0a
74
58
  - name: Technical Owner
75
59
  type: user
76
- value: null
60
+ value: ari:cloud:identity::user/712020:3eb290b3-ff87-40f2-a7ef-4ee9d0ae10bd # Darko Zoroja
77
61
  - name: anomaly-detection
78
62
  type: boolean
79
63
  value: false
80
- - name: forge_runtime_node
81
- type: single_select
82
- value: null
83
- - name: statsig_target_application
64
+ - name: Department
84
65
  type: text
85
- value: null
66
+ value: Eng - Navigation Experiences
67
+ - name: Required Reviewers Opt In
68
+ type: boolean
69
+ value: true
70
+ - name: Reviewer Selection Mechanism
71
+ type: text
72
+ value: random(2)
73
+ - name: Required Reviewer Approvals
74
+ type: number
75
+ value: 1
package/dist/cjs/ui/common/modal/mode-switcher/index.compiled.css CHANGED
@@ -29,6 +29,8 @@
29
29
  ._u5f31b66{padding-right:var(--ds-space-050,4px)}
30
30
  ._u5f3utpp{padding-right:var(--ds-space-150,9pt)}
31
31
  ._vchhusvi{box-sizing:border-box}
32
+ ._1e387g83:focus-within{outline:2px solid var(--ds-border-focused,#4688ec)}
33
+ ._7glxv77o:focus-within{outline-offset:var(--ds-space-025,2px)}
32
34
  ._d0al13gf:hover{cursor:not-allowed}
33
35
  ._d0altlke:hover{cursor:pointer}
34
36
  ._irr315s3:hover{background-color:var(--ds-background-selected,#e9f2fe)}
package/dist/cjs/ui/common/modal/mode-switcher/index.js CHANGED
@@ -10,7 +10,9 @@ 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");
13
14
  var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
15
+ var _visuallyHidden = _interopRequireDefault(require("@atlaskit/visually-hidden"));
14
16
  var _types = require("../../../../analytics/types");
15
17
  var _userInteractions = require("../../../../contexts/user-interactions");
16
18
  var _displayViewDropDown = require("../display-view-dropdown/display-view-drop-down");
@@ -18,6 +20,7 @@ var _useViewModeContext2 = require("./useViewModeContext");
18
20
  var modeSwitcherStyles = null;
19
21
  var compactModeSwitcherStyles = null;
20
22
  var modeInputStyles = null;
23
+ var modeFocusStyles = null;
21
24
  var modeSwitcherLabelStyles = null;
22
25
  var modeSwitcherLabelSelectedStyles = null;
23
26
  var modeSwitcherLabelDisabledStyles = null;
@@ -34,6 +37,7 @@ var ModeSwitcher = exports.ModeSwitcher = function ModeSwitcher(props) {
34
37
  var handleModeChange = function handleModeChange(event) {
35
38
  onOptionValueChange(event.currentTarget.value);
36
39
  };
40
+ var RadioWrapper = (0, _platformFeatureFlags.fg)('navx-5290-sllv-modal-a11y-updates') ? _visuallyHidden.default : _react.default.Fragment;
37
41
  return options.length > 0 ? /*#__PURE__*/_react.default.createElement("fieldset", {
38
42
  "data-testid": "mode-toggle-container",
39
43
  disabled: isDisabled,
@@ -51,8 +55,8 @@ var ModeSwitcher = exports.ModeSwitcher = function ModeSwitcher(props) {
51
55
  return /*#__PURE__*/_react.default.createElement("label", (0, _extends2.default)({}, tooltipProps, {
52
56
  key: value,
53
57
  "data-testid": "mode-toggle-".concat(value),
54
- 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"])
55
- }), label, /*#__PURE__*/_react.default.createElement("input", {
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", (0, _platformFeatureFlags.fg)('navx-5290-sllv-modal-a11y-updates') && "_1e387g83 _7glxv77o"])
59
+ }), label, /*#__PURE__*/_react.default.createElement(RadioWrapper, null, /*#__PURE__*/_react.default.createElement("input", {
56
60
  "aria-checked": isSelected,
57
61
  "aria-disabled": isOptionDisabled,
58
62
  checked: isSelected,
@@ -60,8 +64,8 @@ var ModeSwitcher = exports.ModeSwitcher = function ModeSwitcher(props) {
60
64
  onChange: handleModeChange,
61
65
  type: "radio",
62
66
  value: value,
63
- className: (0, _runtime.ax)(["_1e0cglyw"])
64
- }));
67
+ className: (0, _runtime.ax)([!(0, _platformFeatureFlags.fg)('navx-5290-sllv-modal-a11y-updates') && "_1e0cglyw"])
68
+ })));
65
69
  });
66
70
  })) : null;
67
71
  };
package/dist/cjs/ui/common/modal/site-selector/index.js CHANGED
@@ -17,6 +17,7 @@ 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");
20
21
  var _compiled = require("@atlaskit/primitives/compiled");
21
22
  var _select = require("@atlaskit/select");
22
23
  var _messages = require("./messages");
@@ -73,6 +74,7 @@ var SiteSelector = exports.SiteSelector = function SiteSelector(props) {
73
74
  options: availableSitesOptions,
74
75
  placeholder: formatMessage(_messages.siteSelectorMessages.chooseSite),
75
76
  target: function target(_ref) {
77
+ var _selectedSiteOption$l;
76
78
  var isOpen = _ref.isOpen,
77
79
  triggerProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
78
80
  return /*#__PURE__*/React.createElement(_new.default, (0, _extends2.default)({}, triggerProps, {
@@ -84,7 +86,10 @@ var SiteSelector = exports.SiteSelector = function SiteSelector(props) {
84
86
  size: "small"
85
87
  });
86
88
  },
87
- testId: "".concat(testId, "__control"),
89
+ testId: "".concat(testId, "__control")
90
+ }, (0, _platformFeatureFlags.fg)('navx-5290-sllv-modal-a11y-updates') ? {
91
+ 'aria-label': (_selectedSiteOption$l = selectedSiteOption === null || selectedSiteOption === void 0 ? void 0 : selectedSiteOption.label) !== null && _selectedSiteOption$l !== void 0 ? _selectedSiteOption$l : formatMessage(_messages.siteSelectorMessages.chooseSite)
92
+ } : {}, {
88
93
  autoFocus: true
89
94
  }), (selectedSiteOption === null || selectedSiteOption === void 0 ? void 0 : selectedSiteOption.label) || formatMessage(_messages.siteSelectorMessages.chooseSite));
90
95
  }
package/dist/es2019/ui/common/modal/mode-switcher/index.compiled.css CHANGED
@@ -29,6 +29,8 @@
29
29
  ._u5f31b66{padding-right:var(--ds-space-050,4px)}
30
30
  ._u5f3utpp{padding-right:var(--ds-space-150,9pt)}
31
31
  ._vchhusvi{box-sizing:border-box}
32
+ ._1e387g83:focus-within{outline:2px solid var(--ds-border-focused,#4688ec)}
33
+ ._7glxv77o:focus-within{outline-offset:var(--ds-space-025,2px)}
32
34
  ._d0al13gf:hover{cursor:not-allowed}
33
35
  ._d0altlke:hover{cursor:pointer}
34
36
  ._irr315s3:hover{background-color:var(--ds-background-selected,#e9f2fe)}
package/dist/es2019/ui/common/modal/mode-switcher/index.js CHANGED
@@ -3,7 +3,9 @@ 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';
6
7
  import Tooltip from '@atlaskit/tooltip';
8
+ import VisuallyHidden from '@atlaskit/visually-hidden';
7
9
  import { DatasourceAction } from '../../../../analytics/types';
8
10
  import { useUserInteractions } from '../../../../contexts/user-interactions';
9
11
  import { DisplayViewDropDown } from '../display-view-dropdown/display-view-drop-down';
@@ -11,6 +13,7 @@ import { useViewModeContext } from './useViewModeContext';
11
13
  const modeSwitcherStyles = null;
12
14
  const compactModeSwitcherStyles = null;
13
15
  const modeInputStyles = null;
16
+ const modeFocusStyles = null;
14
17
  const modeSwitcherLabelStyles = null;
15
18
  const modeSwitcherLabelSelectedStyles = null;
16
19
  const modeSwitcherLabelDisabledStyles = null;
@@ -28,6 +31,7 @@ export const ModeSwitcher = props => {
28
31
  const handleModeChange = event => {
29
32
  onOptionValueChange(event.currentTarget.value);
30
33
  };
34
+ const RadioWrapper = fg('navx-5290-sllv-modal-a11y-updates') ? VisuallyHidden : React.Fragment;
31
35
  return options.length > 0 ? /*#__PURE__*/React.createElement("fieldset", {
32
36
  "data-testid": "mode-toggle-container",
33
37
  disabled: isDisabled,
@@ -45,8 +49,8 @@ export const ModeSwitcher = props => {
45
49
  }, tooltipProps => /*#__PURE__*/React.createElement("label", _extends({}, tooltipProps, {
46
50
  key: value,
47
51
  "data-testid": `mode-toggle-${value}`,
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"])
49
- }), label, /*#__PURE__*/React.createElement("input", {
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", fg('navx-5290-sllv-modal-a11y-updates') && "_1e387g83 _7glxv77o"])
53
+ }), label, /*#__PURE__*/React.createElement(RadioWrapper, null, /*#__PURE__*/React.createElement("input", {
50
54
  "aria-checked": isSelected,
51
55
  "aria-disabled": isOptionDisabled,
52
56
  checked: isSelected,
@@ -54,8 +58,8 @@ export const ModeSwitcher = props => {
54
58
  onChange: handleModeChange,
55
59
  type: "radio",
56
60
  value: value,
57
- className: ax(["_1e0cglyw"])
58
- })));
61
+ className: ax([!fg('navx-5290-sllv-modal-a11y-updates') && "_1e0cglyw"])
62
+ }))));
59
63
  })) : null;
60
64
  };
61
65
  export const DatasourceViewModeDropDown = () => {
package/dist/es2019/ui/common/modal/site-selector/index.js CHANGED
@@ -8,6 +8,7 @@ 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';
11
12
  import { Box } from '@atlaskit/primitives/compiled';
12
13
  import { PopupSelect } from '@atlaskit/select';
13
14
  import { siteSelectorMessages } from './messages';
@@ -61,15 +62,21 @@ export const SiteSelector = props => {
61
62
  target: ({
62
63
  isOpen,
63
64
  ...triggerProps
64
- }) => /*#__PURE__*/React.createElement(Button, _extends({}, triggerProps, {
65
- isSelected: isOpen,
66
- iconAfter: () => /*#__PURE__*/React.createElement(ChevronDownIcon, {
67
- label: "",
68
- color: "currentColor",
69
- size: "small"
70
- }),
71
- testId: `${testId}__control`,
72
- autoFocus: true
73
- }), (selectedSiteOption === null || selectedSiteOption === void 0 ? void 0 : selectedSiteOption.label) || formatMessage(siteSelectorMessages.chooseSite))
65
+ }) => {
66
+ var _selectedSiteOption$l;
67
+ return /*#__PURE__*/React.createElement(Button, _extends({}, triggerProps, {
68
+ isSelected: isOpen,
69
+ iconAfter: () => /*#__PURE__*/React.createElement(ChevronDownIcon, {
70
+ label: "",
71
+ color: "currentColor",
72
+ size: "small"
73
+ }),
74
+ testId: `${testId}__control`
75
+ }, fg('navx-5290-sllv-modal-a11y-updates') ? {
76
+ 'aria-label': (_selectedSiteOption$l = selectedSiteOption === null || selectedSiteOption === void 0 ? void 0 : selectedSiteOption.label) !== null && _selectedSiteOption$l !== void 0 ? _selectedSiteOption$l : formatMessage(siteSelectorMessages.chooseSite)
77
+ } : {}, {
78
+ autoFocus: true
79
+ }), (selectedSiteOption === null || selectedSiteOption === void 0 ? void 0 : selectedSiteOption.label) || formatMessage(siteSelectorMessages.chooseSite));
80
+ }
74
81
  })));
75
82
  };
package/dist/esm/ui/common/modal/mode-switcher/index.compiled.css CHANGED
@@ -29,6 +29,8 @@
29
29
  ._u5f31b66{padding-right:var(--ds-space-050,4px)}
30
30
  ._u5f3utpp{padding-right:var(--ds-space-150,9pt)}
31
31
  ._vchhusvi{box-sizing:border-box}
32
+ ._1e387g83:focus-within{outline:2px solid var(--ds-border-focused,#4688ec)}
33
+ ._7glxv77o:focus-within{outline-offset:var(--ds-space-025,2px)}
32
34
  ._d0al13gf:hover{cursor:not-allowed}
33
35
  ._d0altlke:hover{cursor:pointer}
34
36
  ._irr315s3:hover{background-color:var(--ds-background-selected,#e9f2fe)}
package/dist/esm/ui/common/modal/mode-switcher/index.js CHANGED
@@ -3,7 +3,9 @@ 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';
6
7
  import Tooltip from '@atlaskit/tooltip';
8
+ import VisuallyHidden from '@atlaskit/visually-hidden';
7
9
  import { DatasourceAction } from '../../../../analytics/types';
8
10
  import { useUserInteractions } from '../../../../contexts/user-interactions';
9
11
  import { DisplayViewDropDown } from '../display-view-dropdown/display-view-drop-down';
@@ -11,6 +13,7 @@ import { useViewModeContext } from './useViewModeContext';
11
13
  var modeSwitcherStyles = null;
12
14
  var compactModeSwitcherStyles = null;
13
15
  var modeInputStyles = null;
16
+ var modeFocusStyles = null;
14
17
  var modeSwitcherLabelStyles = null;
15
18
  var modeSwitcherLabelSelectedStyles = null;
16
19
  var modeSwitcherLabelDisabledStyles = null;
@@ -27,6 +30,7 @@ export var ModeSwitcher = function ModeSwitcher(props) {
27
30
  var handleModeChange = function handleModeChange(event) {
28
31
  onOptionValueChange(event.currentTarget.value);
29
32
  };
33
+ var RadioWrapper = fg('navx-5290-sllv-modal-a11y-updates') ? VisuallyHidden : React.Fragment;
30
34
  return options.length > 0 ? /*#__PURE__*/React.createElement("fieldset", {
31
35
  "data-testid": "mode-toggle-container",
32
36
  disabled: isDisabled,
@@ -44,8 +48,8 @@ export var ModeSwitcher = function ModeSwitcher(props) {
44
48
  return /*#__PURE__*/React.createElement("label", _extends({}, tooltipProps, {
45
49
  key: value,
46
50
  "data-testid": "mode-toggle-".concat(value),
47
- 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"])
48
- }), label, /*#__PURE__*/React.createElement("input", {
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", fg('navx-5290-sllv-modal-a11y-updates') && "_1e387g83 _7glxv77o"])
52
+ }), label, /*#__PURE__*/React.createElement(RadioWrapper, null, /*#__PURE__*/React.createElement("input", {
49
53
  "aria-checked": isSelected,
50
54
  "aria-disabled": isOptionDisabled,
51
55
  checked: isSelected,
@@ -53,8 +57,8 @@ export var ModeSwitcher = function ModeSwitcher(props) {
53
57
  onChange: handleModeChange,
54
58
  type: "radio",
55
59
  value: value,
56
- className: ax(["_1e0cglyw"])
57
- }));
60
+ className: ax([!fg('navx-5290-sllv-modal-a11y-updates') && "_1e0cglyw"])
61
+ })));
58
62
  });
59
63
  })) : null;
60
64
  };
package/dist/esm/ui/common/modal/site-selector/index.js CHANGED
@@ -10,6 +10,7 @@ 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';
13
14
  import { Box } from '@atlaskit/primitives/compiled';
14
15
  import { PopupSelect } from '@atlaskit/select';
15
16
  import { siteSelectorMessages } from './messages';
@@ -64,6 +65,7 @@ export var SiteSelector = function SiteSelector(props) {
64
65
  options: availableSitesOptions,
65
66
  placeholder: formatMessage(siteSelectorMessages.chooseSite),
66
67
  target: function target(_ref) {
68
+ var _selectedSiteOption$l;
67
69
  var isOpen = _ref.isOpen,
68
70
  triggerProps = _objectWithoutProperties(_ref, _excluded);
69
71
  return /*#__PURE__*/React.createElement(Button, _extends({}, triggerProps, {
@@ -75,7 +77,10 @@ export var SiteSelector = function SiteSelector(props) {
75
77
  size: "small"
76
78
  });
77
79
  },
78
- testId: "".concat(testId, "__control"),
80
+ testId: "".concat(testId, "__control")
81
+ }, fg('navx-5290-sllv-modal-a11y-updates') ? {
82
+ 'aria-label': (_selectedSiteOption$l = selectedSiteOption === null || selectedSiteOption === void 0 ? void 0 : selectedSiteOption.label) !== null && _selectedSiteOption$l !== void 0 ? _selectedSiteOption$l : formatMessage(siteSelectorMessages.chooseSite)
83
+ } : {}, {
79
84
  autoFocus: true
80
85
  }), (selectedSiteOption === null || selectedSiteOption === void 0 ? void 0 : selectedSiteOption.label) || formatMessage(siteSelectorMessages.chooseSite));
81
86
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/link-datasource",
3
- "version": "6.0.7",
3
+ "version": "6.1.1",
4
4
  "description": "UI Components to support linking platform dataset feature",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -37,59 +37,60 @@
37
37
  "dependencies": {
38
38
  "@atlaskit/adf-schema": "^56.0.0",
39
39
  "@atlaskit/afm-i18n-platform-linking-platform-link-datasource": "2.7.0",
40
- "@atlaskit/analytics-next": "^12.0.0",
40
+ "@atlaskit/analytics-next": "^12.1.0",
41
41
  "@atlaskit/atlassian-context": "^1.0.0",
42
- "@atlaskit/avatar": "^26.0.0",
43
- "@atlaskit/avatar-group": "^13.0.0",
44
- "@atlaskit/badge": "^19.0.0",
45
- "@atlaskit/button": "^24.1.0",
42
+ "@atlaskit/avatar": "^26.1.0",
43
+ "@atlaskit/avatar-group": "^13.1.0",
44
+ "@atlaskit/badge": "^19.1.0",
45
+ "@atlaskit/button": "^24.3.0",
46
46
  "@atlaskit/css": "^1.0.0",
47
- "@atlaskit/datetime-picker": "^18.0.0",
48
- "@atlaskit/dropdown-menu": "^17.0.0",
47
+ "@atlaskit/datetime-picker": "^18.1.0",
48
+ "@atlaskit/dropdown-menu": "^17.1.0",
49
49
  "@atlaskit/editor-prosemirror": "^8.0.0",
50
- "@atlaskit/empty-state": "^11.0.0",
50
+ "@atlaskit/empty-state": "^11.1.0",
51
51
  "@atlaskit/feature-gate-js-client": "^6.0.0",
52
- "@atlaskit/flag": "^18.0.0",
53
- "@atlaskit/form": "^16.0.0",
54
- "@atlaskit/heading": "^6.0.0",
55
- "@atlaskit/icon": "^36.0.0",
56
- "@atlaskit/image": "^4.0.0",
57
- "@atlaskit/inline-edit": "^16.0.0",
58
- "@atlaskit/intl-messages-provider": "^4.0.0",
52
+ "@atlaskit/flag": "^18.1.0",
53
+ "@atlaskit/form": "^16.1.0",
54
+ "@atlaskit/heading": "^6.1.0",
55
+ "@atlaskit/icon": "^36.1.0",
56
+ "@atlaskit/image": "^4.1.0",
57
+ "@atlaskit/inline-edit": "^16.2.0",
58
+ "@atlaskit/intl-messages-provider": "^4.1.0",
59
59
  "@atlaskit/jql-ast": "^4.0.0",
60
- "@atlaskit/jql-editor": "^7.1.0",
61
- "@atlaskit/jql-editor-autocomplete-rest": "^4.1.0",
62
- "@atlaskit/layering": "^4.0.0",
63
- "@atlaskit/link": "^4.0.0",
64
- "@atlaskit/link-client-extension": "^7.0.0",
65
- "@atlaskit/link-provider": "^5.0.0",
60
+ "@atlaskit/jql-editor": "^7.2.0",
61
+ "@atlaskit/jql-editor-autocomplete-rest": "^4.2.0",
62
+ "@atlaskit/layering": "^4.1.0",
63
+ "@atlaskit/link": "^4.1.0",
64
+ "@atlaskit/link-client-extension": "^7.1.0",
65
+ "@atlaskit/link-provider": "^5.1.0",
66
66
  "@atlaskit/linking-common": "^11.0.0",
67
67
  "@atlaskit/linking-types": "^15.0.0",
68
- "@atlaskit/logo": "^21.1.0",
69
- "@atlaskit/lozenge": "^14.0.0",
70
- "@atlaskit/modal-dialog": "^16.0.0",
71
- "@atlaskit/object": "^2.0.0",
68
+ "@atlaskit/logo": "^21.3.0",
69
+ "@atlaskit/lozenge": "^14.1.0",
70
+ "@atlaskit/modal-dialog": "^16.1.0",
71
+ "@atlaskit/object": "^2.1.0",
72
72
  "@atlaskit/outbound-auth-flow-client": "^4.0.0",
73
73
  "@atlaskit/platform-feature-flags": "^2.0.0",
74
- "@atlaskit/popup": "^5.0.0",
74
+ "@atlaskit/popup": "^5.1.0",
75
75
  "@atlaskit/pragmatic-drag-and-drop": "^2.0.0",
76
76
  "@atlaskit/pragmatic-drag-and-drop-hitbox": "^2.0.0",
77
77
  "@atlaskit/pragmatic-drag-and-drop-react-beautiful-dnd-autoscroll": "^3.0.0",
78
- "@atlaskit/pragmatic-drag-and-drop-react-drop-indicator": "^4.0.0",
79
- "@atlaskit/primitives": "^20.0.0",
78
+ "@atlaskit/pragmatic-drag-and-drop-react-drop-indicator": "^4.1.0",
79
+ "@atlaskit/primitives": "^20.3.0",
80
80
  "@atlaskit/react-compiler-gating": "^0.2.0",
81
81
  "@atlaskit/react-select": "^4.2.0",
82
- "@atlaskit/select": "^22.1.0",
83
- "@atlaskit/smart-card": "^45.4.0",
82
+ "@atlaskit/select": "^22.3.0",
83
+ "@atlaskit/smart-card": "^45.6.0",
84
84
  "@atlaskit/smart-user-picker": "^11.0.0",
85
- "@atlaskit/spinner": "^20.0.0",
86
- "@atlaskit/tag": "^15.0.0",
87
- "@atlaskit/textfield": "^9.0.0",
88
- "@atlaskit/theme": "^26.0.0",
89
- "@atlaskit/tokens": "^15.0.0",
90
- "@atlaskit/tooltip": "^23.0.0",
85
+ "@atlaskit/spinner": "^20.1.0",
86
+ "@atlaskit/tag": "^15.1.0",
87
+ "@atlaskit/textfield": "^9.1.0",
88
+ "@atlaskit/theme": "^26.1.0",
89
+ "@atlaskit/tokens": "^15.3.0",
90
+ "@atlaskit/tooltip": "^23.1.0",
91
91
  "@atlaskit/ufo": "^1.0.0",
92
- "@atlaskit/width-detector": "^6.0.0",
92
+ "@atlaskit/visually-hidden": "^4.1.0",
93
+ "@atlaskit/width-detector": "^6.1.0",
93
94
  "@atlassian/assets-workspace-host": "^0.7.0",
94
95
  "@babel/runtime": "^7.0.0",
95
96
  "@compiled/react": "^0.20.0",
@@ -199,6 +200,9 @@
199
200
  },
200
201
  "platform_lp_sllv_richtext_margin_reset": {
201
202
  "type": "boolean"
203
+ },
204
+ "navx-5290-sllv-modal-a11y-updates": {
205
+ "type": "boolean"
202
206
  }
203
207
  },
204
208
  "compassUnitTestMetricSourceId": "ari:cloud:compass:a436116f-02ce-4520-8fbb-7301462a1674:metric-source/c5751cc6-3513-4070-9deb-af31e86aed34/9c893299-a527-4457-9b46-f3bc4c828766"