@atlaskit/dropdown-menu 12.22.1 → 12.22.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 +14 -0
- package/dist/cjs/dropdown-menu-item.js +3 -3
- package/dist/es2019/dropdown-menu-item.js +3 -3
- package/dist/esm/dropdown-menu-item.js +3 -3
- package/dist/types/dropdown-menu-item.d.ts +3 -3
- package/dist/types/types.d.ts +2 -0
- package/dist/types-ts4.5/dropdown-menu-item.d.ts +3 -3
- package/dist/types-ts4.5/types.d.ts +2 -0
- package/package.json +8 -6
- package/types/package.json +3 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,19 @@
|
|
|
1
1
|
# @atlaskit/dropdown-menu
|
|
2
2
|
|
|
3
|
+
## 12.22.3
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#166087](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/166087)
|
|
8
|
+
[`3ab7d7da348ab`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/3ab7d7da348ab) -
|
|
9
|
+
Adds side-effect config to support Compiled css extraction in third-party apps
|
|
10
|
+
|
|
11
|
+
## 12.22.2
|
|
12
|
+
|
|
13
|
+
### Patch Changes
|
|
14
|
+
|
|
15
|
+
- Updated dependencies
|
|
16
|
+
|
|
3
17
|
## 12.22.1
|
|
4
18
|
|
|
5
19
|
### Patch Changes
|
|
@@ -23,9 +23,9 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
|
|
|
23
23
|
*
|
|
24
24
|
* A dropdown item populates the dropdown menu with items. Every item should be inside a dropdown item group.
|
|
25
25
|
*
|
|
26
|
-
* - [Examples](https://atlassian.design/components/dropdown-item/examples)
|
|
27
|
-
* - [Code](https://atlassian.design/components/dropdown-item/code)
|
|
28
|
-
* - [Usage](https://atlassian.design/components/dropdown-item/usage)
|
|
26
|
+
* - [Examples](https://atlassian.design/components/dropdown-menu/dropdown-item/examples)
|
|
27
|
+
* - [Code](https://atlassian.design/components/dropdown-menu/dropdown-item/code)
|
|
28
|
+
* - [Usage](https://atlassian.design/components/dropdown-menu/dropdown-item/usage)
|
|
29
29
|
*/
|
|
30
30
|
var DropdownMenuItem = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
|
31
31
|
var children = _ref.children,
|
|
@@ -11,9 +11,9 @@ import useRegisterItemWithFocusManager from './internal/hooks/use-register-item-
|
|
|
11
11
|
*
|
|
12
12
|
* A dropdown item populates the dropdown menu with items. Every item should be inside a dropdown item group.
|
|
13
13
|
*
|
|
14
|
-
* - [Examples](https://atlassian.design/components/dropdown-item/examples)
|
|
15
|
-
* - [Code](https://atlassian.design/components/dropdown-item/code)
|
|
16
|
-
* - [Usage](https://atlassian.design/components/dropdown-item/usage)
|
|
14
|
+
* - [Examples](https://atlassian.design/components/dropdown-menu/dropdown-item/examples)
|
|
15
|
+
* - [Code](https://atlassian.design/components/dropdown-menu/dropdown-item/code)
|
|
16
|
+
* - [Usage](https://atlassian.design/components/dropdown-menu/dropdown-item/usage)
|
|
17
17
|
*/
|
|
18
18
|
const DropdownMenuItem = /*#__PURE__*/forwardRef(({
|
|
19
19
|
children,
|
|
@@ -13,9 +13,9 @@ import useRegisterItemWithFocusManager from './internal/hooks/use-register-item-
|
|
|
13
13
|
*
|
|
14
14
|
* A dropdown item populates the dropdown menu with items. Every item should be inside a dropdown item group.
|
|
15
15
|
*
|
|
16
|
-
* - [Examples](https://atlassian.design/components/dropdown-item/examples)
|
|
17
|
-
* - [Code](https://atlassian.design/components/dropdown-item/code)
|
|
18
|
-
* - [Usage](https://atlassian.design/components/dropdown-item/usage)
|
|
16
|
+
* - [Examples](https://atlassian.design/components/dropdown-menu/dropdown-item/examples)
|
|
17
|
+
* - [Code](https://atlassian.design/components/dropdown-menu/dropdown-item/code)
|
|
18
|
+
* - [Usage](https://atlassian.design/components/dropdown-menu/dropdown-item/usage)
|
|
19
19
|
*/
|
|
20
20
|
var DropdownMenuItem = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
21
21
|
var children = _ref.children,
|
|
@@ -5,9 +5,9 @@ import { type DropdownItemProps } from './types';
|
|
|
5
5
|
*
|
|
6
6
|
* A dropdown item populates the dropdown menu with items. Every item should be inside a dropdown item group.
|
|
7
7
|
*
|
|
8
|
-
* - [Examples](https://atlassian.design/components/dropdown-item/examples)
|
|
9
|
-
* - [Code](https://atlassian.design/components/dropdown-item/code)
|
|
10
|
-
* - [Usage](https://atlassian.design/components/dropdown-item/usage)
|
|
8
|
+
* - [Examples](https://atlassian.design/components/dropdown-menu/dropdown-item/examples)
|
|
9
|
+
* - [Code](https://atlassian.design/components/dropdown-menu/dropdown-item/code)
|
|
10
|
+
* - [Usage](https://atlassian.design/components/dropdown-menu/dropdown-item/usage)
|
|
11
11
|
*/
|
|
12
12
|
declare const DropdownMenuItem: React.ForwardRefExoticComponent<DropdownItemProps & React.RefAttributes<HTMLElement>>;
|
|
13
13
|
export default DropdownMenuItem;
|
package/dist/types/types.d.ts
CHANGED
|
@@ -134,6 +134,8 @@ interface InternalDropdownMenuProps<TriggerElement extends HTMLElement = any> {
|
|
|
134
134
|
/**
|
|
135
135
|
* Controls the initial open state of the dropdown. If provided, the component is considered to be controlled
|
|
136
136
|
* which means that the user is responsible for managing the open and close state of the menu.
|
|
137
|
+
* Using `defaultOpen` may cause accessiblity issues because it will automatically shift focus to the first menu item; which can be disorienting.
|
|
138
|
+
* Only use this if action on the menu is required to proceed.
|
|
137
139
|
*/
|
|
138
140
|
defaultOpen?: boolean;
|
|
139
141
|
/**
|
|
@@ -5,9 +5,9 @@ import { type DropdownItemProps } from './types';
|
|
|
5
5
|
*
|
|
6
6
|
* A dropdown item populates the dropdown menu with items. Every item should be inside a dropdown item group.
|
|
7
7
|
*
|
|
8
|
-
* - [Examples](https://atlassian.design/components/dropdown-item/examples)
|
|
9
|
-
* - [Code](https://atlassian.design/components/dropdown-item/code)
|
|
10
|
-
* - [Usage](https://atlassian.design/components/dropdown-item/usage)
|
|
8
|
+
* - [Examples](https://atlassian.design/components/dropdown-menu/dropdown-item/examples)
|
|
9
|
+
* - [Code](https://atlassian.design/components/dropdown-menu/dropdown-item/code)
|
|
10
|
+
* - [Usage](https://atlassian.design/components/dropdown-menu/dropdown-item/usage)
|
|
11
11
|
*/
|
|
12
12
|
declare const DropdownMenuItem: React.ForwardRefExoticComponent<DropdownItemProps & React.RefAttributes<HTMLElement>>;
|
|
13
13
|
export default DropdownMenuItem;
|
|
@@ -134,6 +134,8 @@ interface InternalDropdownMenuProps<TriggerElement extends HTMLElement = any> {
|
|
|
134
134
|
/**
|
|
135
135
|
* Controls the initial open state of the dropdown. If provided, the component is considered to be controlled
|
|
136
136
|
* which means that the user is responsible for managing the open and close state of the menu.
|
|
137
|
+
* Using `defaultOpen` may cause accessiblity issues because it will automatically shift focus to the first menu item; which can be disorienting.
|
|
138
|
+
* Only use this if action on the menu is required to proceed.
|
|
137
139
|
*/
|
|
138
140
|
defaultOpen?: boolean;
|
|
139
141
|
/**
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/dropdown-menu",
|
|
3
|
-
"version": "12.22.
|
|
3
|
+
"version": "12.22.3",
|
|
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/"
|
|
@@ -12,7 +12,9 @@
|
|
|
12
12
|
"module": "dist/esm/index.js",
|
|
13
13
|
"module:es2019": "dist/es2019/index.js",
|
|
14
14
|
"types": "dist/types/index.d.ts",
|
|
15
|
-
"sideEffects":
|
|
15
|
+
"sideEffects": [
|
|
16
|
+
"**/*.compiled.css"
|
|
17
|
+
],
|
|
16
18
|
"atlaskit:src": "src/index.tsx",
|
|
17
19
|
"atlassian": {
|
|
18
20
|
"team": "Design System Team",
|
|
@@ -25,13 +27,13 @@
|
|
|
25
27
|
"dependencies": {
|
|
26
28
|
"@atlaskit/button": "^20.3.0",
|
|
27
29
|
"@atlaskit/codemod-utils": "^4.2.0",
|
|
28
|
-
"@atlaskit/ds-lib": "^3.
|
|
30
|
+
"@atlaskit/ds-lib": "^3.2.0",
|
|
29
31
|
"@atlaskit/icon": "^22.24.0",
|
|
30
|
-
"@atlaskit/layering": "^0.
|
|
32
|
+
"@atlaskit/layering": "^0.8.0",
|
|
31
33
|
"@atlaskit/menu": "^2.13.0",
|
|
32
34
|
"@atlaskit/platform-feature-flags": "^0.3.0",
|
|
33
35
|
"@atlaskit/popup": "^1.29.0",
|
|
34
|
-
"@atlaskit/primitives": "^13.
|
|
36
|
+
"@atlaskit/primitives": "^13.2.0",
|
|
35
37
|
"@atlaskit/spinner": "^16.3.0",
|
|
36
38
|
"@atlaskit/theme": "^14.0.0",
|
|
37
39
|
"@atlaskit/tokens": "^2.2.0",
|
|
@@ -60,7 +62,7 @@
|
|
|
60
62
|
"jscodeshift": "^0.13.0",
|
|
61
63
|
"raf-stub": "^2.0.1",
|
|
62
64
|
"react-dom": "^16.8.0",
|
|
63
|
-
"storybook-addon-performance": "^0.
|
|
65
|
+
"storybook-addon-performance": "^0.17.3",
|
|
64
66
|
"tiny-invariant": "^1.2.0",
|
|
65
67
|
"typescript": "~5.4.2"
|
|
66
68
|
},
|
package/types/package.json
CHANGED
|
@@ -3,7 +3,9 @@
|
|
|
3
3
|
"main": "../dist/cjs/types.js",
|
|
4
4
|
"module": "../dist/esm/types.js",
|
|
5
5
|
"module:es2019": "../dist/es2019/types.js",
|
|
6
|
-
"sideEffects":
|
|
6
|
+
"sideEffects": [
|
|
7
|
+
"**/*.compiled.css"
|
|
8
|
+
],
|
|
7
9
|
"types": "../dist/types/types.d.ts",
|
|
8
10
|
"typesVersions": {
|
|
9
11
|
">=4.5 <5.4": {
|