@atlaskit/dropdown-menu 11.9.5 → 11.10.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.
Files changed (11) hide show
  1. package/CHANGELOG.md +10 -0
  2. package/dist/cjs/checkbox/dropdown-item-checkbox.js +7 -2
  3. package/dist/cjs/radio/dropdown-item-radio.js +7 -2
  4. package/dist/cjs/version.json +1 -1
  5. package/dist/es2019/checkbox/dropdown-item-checkbox.js +7 -2
  6. package/dist/es2019/radio/dropdown-item-radio.js +7 -2
  7. package/dist/es2019/version.json +1 -1
  8. package/dist/esm/checkbox/dropdown-item-checkbox.js +7 -2
  9. package/dist/esm/radio/dropdown-item-radio.js +7 -2
  10. package/dist/esm/version.json +1 -1
  11. package/package.json +6 -6
package/CHANGELOG.md CHANGED
@@ -1,5 +1,15 @@
1
1
  # @atlaskit/dropdown-menu
2
2
 
3
+ ## 11.10.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [`6794b446742`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6794b446742) - [ux] We are testing a new selected state for radio and checkbox items under a feature flag. If successful this will be released in a later version.
8
+
9
+ ### Patch Changes
10
+
11
+ - Updated dependencies
12
+
3
13
  ## 11.9.5
4
14
 
5
15
  ### Patch Changes
package/dist/cjs/checkbox/dropdown-item-checkbox.js CHANGED
@@ -11,7 +11,9 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
11
11
  var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
12
12
  var _react = _interopRequireWildcard(require("react"));
13
13
  var _noop = _interopRequireDefault(require("@atlaskit/ds-lib/noop"));
14
+ var _menu = require("@atlaskit/menu");
14
15
  var _buttonItem = _interopRequireDefault(require("@atlaskit/menu/button-item"));
16
+ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
15
17
  var _checkboxIcon = _interopRequireDefault(require("../internal/components/checkbox-icon"));
16
18
  var _useCheckboxState3 = _interopRequireDefault(require("../internal/hooks/use-checkbox-state"));
17
19
  var _useRegisterItemWithFocusManager = _interopRequireDefault(require("../internal/hooks/use-register-item-with-focus-manager"));
@@ -57,7 +59,9 @@ var DropdownItemCheckbox = function DropdownItemCheckbox(props) {
57
59
  providedOnClick(event);
58
60
  }, [providedOnClick, setSelected]);
59
61
  var itemRef = (0, _useRegisterItemWithFocusManager.default)();
60
- return /*#__PURE__*/_react.default.createElement(_buttonItem.default, (0, _extends2.default)({
62
+ return /*#__PURE__*/_react.default.createElement(_menu.SELECTION_STYLE_CONTEXT_DO_NOT_USE.Provider, {
63
+ value: "none"
64
+ }, /*#__PURE__*/_react.default.createElement(_buttonItem.default, (0, _extends2.default)({
61
65
  id: id,
62
66
  onClick: onClickHandler,
63
67
  role: "menuitemcheckbox",
@@ -67,9 +71,10 @@ var DropdownItemCheckbox = function DropdownItemCheckbox(props) {
67
71
  iconBefore: /*#__PURE__*/_react.default.createElement(_checkboxIcon.default, {
68
72
  checked: selected
69
73
  }),
74
+ isSelected: selected && (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.menu-selected-state-change_0see9'),
70
75
  ref: itemRef
71
76
  // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
72
- }, rest));
77
+ }, rest)));
73
78
  };
74
79
  var _default = DropdownItemCheckbox;
75
80
  exports.default = _default;
package/dist/cjs/radio/dropdown-item-radio.js CHANGED
@@ -11,7 +11,9 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
11
11
  var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
12
12
  var _react = _interopRequireWildcard(require("react"));
13
13
  var _noop = _interopRequireDefault(require("@atlaskit/ds-lib/noop"));
14
+ var _menu = require("@atlaskit/menu");
14
15
  var _buttonItem = _interopRequireDefault(require("@atlaskit/menu/button-item"));
16
+ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
15
17
  var _radioIcon = _interopRequireDefault(require("../internal/components/radio-icon"));
16
18
  var _useRadioState3 = _interopRequireDefault(require("../internal/hooks/use-radio-state"));
17
19
  var _useRegisterItemWithFocusManager = _interopRequireDefault(require("../internal/hooks/use-register-item-with-focus-manager"));
@@ -58,7 +60,9 @@ var DropdownItemRadio = function DropdownItemRadio(props) {
58
60
  providedOnClick(event);
59
61
  }, [providedOnClick, setSelected]);
60
62
  var itemRef = (0, _useRegisterItemWithFocusManager.default)();
61
- return /*#__PURE__*/_react.default.createElement(_buttonItem.default, (0, _extends2.default)({
63
+ return /*#__PURE__*/_react.default.createElement(_menu.SELECTION_STYLE_CONTEXT_DO_NOT_USE.Provider, {
64
+ value: "none"
65
+ }, /*#__PURE__*/_react.default.createElement(_buttonItem.default, (0, _extends2.default)({
62
66
  id: id,
63
67
  onClick: onClickHandler,
64
68
  role: (0, _isVoiceOverSupported.default)() ? 'radio' : 'menuitemradio',
@@ -68,9 +72,10 @@ var DropdownItemRadio = function DropdownItemRadio(props) {
68
72
  iconBefore: /*#__PURE__*/_react.default.createElement(_radioIcon.default, {
69
73
  checked: selected
70
74
  }),
75
+ isSelected: selected && (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.menu-selected-state-change_0see9'),
71
76
  ref: itemRef
72
77
  // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
73
- }, rest));
78
+ }, rest)));
74
79
  };
75
80
  var _default = DropdownItemRadio;
76
81
  exports.default = _default;
package/dist/cjs/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/dropdown-menu",
3
- "version": "11.9.5",
3
+ "version": "11.10.0",
4
4
  "sideEffects": false
5
5
  }
package/dist/es2019/checkbox/dropdown-item-checkbox.js CHANGED
@@ -1,7 +1,9 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
2
  import React, { useCallback } from 'react';
3
3
  import noop from '@atlaskit/ds-lib/noop';
4
+ import { SELECTION_STYLE_CONTEXT_DO_NOT_USE } from '@atlaskit/menu';
4
5
  import ButtonItem from '@atlaskit/menu/button-item';
6
+ import { getBooleanFF } from '@atlaskit/platform-feature-flags';
5
7
  import CheckboxIcon from '../internal/components/checkbox-icon';
6
8
  import useCheckboxState from '../internal/hooks/use-checkbox-state';
7
9
  import useRegisterItemWithFocusManager from '../internal/hooks/use-register-item-with-focus-manager';
@@ -38,7 +40,9 @@ const DropdownItemCheckbox = props => {
38
40
  providedOnClick(event);
39
41
  }, [providedOnClick, setSelected]);
40
42
  const itemRef = useRegisterItemWithFocusManager();
41
- return /*#__PURE__*/React.createElement(ButtonItem, _extends({
43
+ return /*#__PURE__*/React.createElement(SELECTION_STYLE_CONTEXT_DO_NOT_USE.Provider, {
44
+ value: "none"
45
+ }, /*#__PURE__*/React.createElement(ButtonItem, _extends({
42
46
  id: id,
43
47
  onClick: onClickHandler,
44
48
  role: "menuitemcheckbox",
@@ -48,8 +52,9 @@ const DropdownItemCheckbox = props => {
48
52
  iconBefore: /*#__PURE__*/React.createElement(CheckboxIcon, {
49
53
  checked: selected
50
54
  }),
55
+ isSelected: selected && getBooleanFF('platform.design-system-team.menu-selected-state-change_0see9'),
51
56
  ref: itemRef
52
57
  // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
53
- }, rest));
58
+ }, rest)));
54
59
  };
55
60
  export default DropdownItemCheckbox;
package/dist/es2019/radio/dropdown-item-radio.js CHANGED
@@ -1,7 +1,9 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
2
  import React, { useCallback } from 'react';
3
3
  import noop from '@atlaskit/ds-lib/noop';
4
+ import { SELECTION_STYLE_CONTEXT_DO_NOT_USE } from '@atlaskit/menu';
4
5
  import ButtonItem from '@atlaskit/menu/button-item';
6
+ import { getBooleanFF } from '@atlaskit/platform-feature-flags';
5
7
  import RadioIcon from '../internal/components/radio-icon';
6
8
  import useRadioState from '../internal/hooks/use-radio-state';
7
9
  import useRegisterItemWithFocusManager from '../internal/hooks/use-register-item-with-focus-manager';
@@ -39,7 +41,9 @@ const DropdownItemRadio = props => {
39
41
  providedOnClick(event);
40
42
  }, [providedOnClick, setSelected]);
41
43
  const itemRef = useRegisterItemWithFocusManager();
42
- return /*#__PURE__*/React.createElement(ButtonItem, _extends({
44
+ return /*#__PURE__*/React.createElement(SELECTION_STYLE_CONTEXT_DO_NOT_USE.Provider, {
45
+ value: "none"
46
+ }, /*#__PURE__*/React.createElement(ButtonItem, _extends({
43
47
  id: id,
44
48
  onClick: onClickHandler,
45
49
  role: isVoiceOverSupported() ? 'radio' : 'menuitemradio',
@@ -49,8 +53,9 @@ const DropdownItemRadio = props => {
49
53
  iconBefore: /*#__PURE__*/React.createElement(RadioIcon, {
50
54
  checked: selected
51
55
  }),
56
+ isSelected: selected && getBooleanFF('platform.design-system-team.menu-selected-state-change_0see9'),
52
57
  ref: itemRef
53
58
  // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
54
- }, rest));
59
+ }, rest)));
55
60
  };
56
61
  export default DropdownItemRadio;
package/dist/es2019/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/dropdown-menu",
3
- "version": "11.9.5",
3
+ "version": "11.10.0",
4
4
  "sideEffects": false
5
5
  }
package/dist/esm/checkbox/dropdown-item-checkbox.js CHANGED
@@ -4,7 +4,9 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
4
4
  var _excluded = ["id", "isSelected", "defaultSelected", "onClick", "shouldTitleWrap", "shouldDescriptionWrap"];
5
5
  import React, { useCallback } from 'react';
6
6
  import noop from '@atlaskit/ds-lib/noop';
7
+ import { SELECTION_STYLE_CONTEXT_DO_NOT_USE } from '@atlaskit/menu';
7
8
  import ButtonItem from '@atlaskit/menu/button-item';
9
+ import { getBooleanFF } from '@atlaskit/platform-feature-flags';
8
10
  import CheckboxIcon from '../internal/components/checkbox-icon';
9
11
  import useCheckboxState from '../internal/hooks/use-checkbox-state';
10
12
  import useRegisterItemWithFocusManager from '../internal/hooks/use-register-item-with-focus-manager';
@@ -47,7 +49,9 @@ var DropdownItemCheckbox = function DropdownItemCheckbox(props) {
47
49
  providedOnClick(event);
48
50
  }, [providedOnClick, setSelected]);
49
51
  var itemRef = useRegisterItemWithFocusManager();
50
- return /*#__PURE__*/React.createElement(ButtonItem, _extends({
52
+ return /*#__PURE__*/React.createElement(SELECTION_STYLE_CONTEXT_DO_NOT_USE.Provider, {
53
+ value: "none"
54
+ }, /*#__PURE__*/React.createElement(ButtonItem, _extends({
51
55
  id: id,
52
56
  onClick: onClickHandler,
53
57
  role: "menuitemcheckbox",
@@ -57,8 +61,9 @@ var DropdownItemCheckbox = function DropdownItemCheckbox(props) {
57
61
  iconBefore: /*#__PURE__*/React.createElement(CheckboxIcon, {
58
62
  checked: selected
59
63
  }),
64
+ isSelected: selected && getBooleanFF('platform.design-system-team.menu-selected-state-change_0see9'),
60
65
  ref: itemRef
61
66
  // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
62
- }, rest));
67
+ }, rest)));
63
68
  };
64
69
  export default DropdownItemCheckbox;
package/dist/esm/radio/dropdown-item-radio.js CHANGED
@@ -4,7 +4,9 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
4
4
  var _excluded = ["id", "isSelected", "defaultSelected", "onClick", "shouldTitleWrap", "shouldDescriptionWrap"];
5
5
  import React, { useCallback } from 'react';
6
6
  import noop from '@atlaskit/ds-lib/noop';
7
+ import { SELECTION_STYLE_CONTEXT_DO_NOT_USE } from '@atlaskit/menu';
7
8
  import ButtonItem from '@atlaskit/menu/button-item';
9
+ import { getBooleanFF } from '@atlaskit/platform-feature-flags';
8
10
  import RadioIcon from '../internal/components/radio-icon';
9
11
  import useRadioState from '../internal/hooks/use-radio-state';
10
12
  import useRegisterItemWithFocusManager from '../internal/hooks/use-register-item-with-focus-manager';
@@ -48,7 +50,9 @@ var DropdownItemRadio = function DropdownItemRadio(props) {
48
50
  providedOnClick(event);
49
51
  }, [providedOnClick, setSelected]);
50
52
  var itemRef = useRegisterItemWithFocusManager();
51
- return /*#__PURE__*/React.createElement(ButtonItem, _extends({
53
+ return /*#__PURE__*/React.createElement(SELECTION_STYLE_CONTEXT_DO_NOT_USE.Provider, {
54
+ value: "none"
55
+ }, /*#__PURE__*/React.createElement(ButtonItem, _extends({
52
56
  id: id,
53
57
  onClick: onClickHandler,
54
58
  role: isVoiceOverSupported() ? 'radio' : 'menuitemradio',
@@ -58,8 +62,9 @@ var DropdownItemRadio = function DropdownItemRadio(props) {
58
62
  iconBefore: /*#__PURE__*/React.createElement(RadioIcon, {
59
63
  checked: selected
60
64
  }),
65
+ isSelected: selected && getBooleanFF('platform.design-system-team.menu-selected-state-change_0see9'),
61
66
  ref: itemRef
62
67
  // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
63
- }, rest));
68
+ }, rest)));
64
69
  };
65
70
  export default DropdownItemRadio;
package/dist/esm/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/dropdown-menu",
3
- "version": "11.9.5",
3
+ "version": "11.10.0",
4
4
  "sideEffects": false
5
5
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/dropdown-menu",
3
- "version": "11.9.5",
3
+ "version": "11.10.0",
4
4
  "description": "A dropdown menu displays a list of actions or options to a user.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -31,16 +31,16 @@
31
31
  }
32
32
  },
33
33
  "dependencies": {
34
- "@atlaskit/button": "^16.7.0",
34
+ "@atlaskit/button": "^16.8.0",
35
35
  "@atlaskit/codemod-utils": "^4.2.0",
36
36
  "@atlaskit/ds-lib": "^2.2.0",
37
37
  "@atlaskit/icon": "^21.12.0",
38
- "@atlaskit/menu": "^1.7.0",
39
- "@atlaskit/platform-feature-flags": "^0.2.0",
38
+ "@atlaskit/menu": "^1.8.0",
39
+ "@atlaskit/platform-feature-flags": "^0.2.2",
40
40
  "@atlaskit/popup": "^1.7.0",
41
41
  "@atlaskit/spinner": "^15.5.0",
42
42
  "@atlaskit/theme": "^12.5.0",
43
- "@atlaskit/tokens": "^1.5.0",
43
+ "@atlaskit/tokens": "^1.9.0",
44
44
  "@atlaskit/visually-hidden": "^1.2.0",
45
45
  "@babel/runtime": "^7.0.0",
46
46
  "@emotion/react": "^11.7.1",
@@ -57,7 +57,7 @@
57
57
  "@atlaskit/heading": "^1.3.0",
58
58
  "@atlaskit/lozenge": "11.4.2",
59
59
  "@atlaskit/modal-dialog": "^12.6.0",
60
- "@atlaskit/primitives": "^0.12.0",
60
+ "@atlaskit/primitives": "^0.13.0",
61
61
  "@atlaskit/section-message": "^6.4.0",
62
62
  "@atlaskit/visual-regression": "*",
63
63
  "@atlaskit/webdriver-runner": "*",