@atlaskit/menu 2.4.0 → 2.5.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 (54) hide show
  1. package/CHANGELOG.md +20 -1
  2. package/__perf__/button.tsx +7 -9
  3. package/__perf__/custom.tsx +13 -17
  4. package/__perf__/link.tsx +6 -6
  5. package/__perf__/utils/example-runner.tsx +36 -41
  6. package/__perf__/utils/interaction-tasks.tsx +63 -86
  7. package/codemods/0.7.0-change-css-fn-prop.tsx +128 -156
  8. package/codemods/2.1.0-invalid-link-item-to-button-item.tsx +121 -145
  9. package/codemods/__tests__/0.7.0-change-css-fn-prop.tsx +77 -77
  10. package/codemods/__tests__/next-invalid-link-item-to-button-item.tsx +117 -117
  11. package/codemods/helpers/generic.tsx +528 -564
  12. package/dist/cjs/internal/components/menu-item-primitive.js +13 -2
  13. package/dist/cjs/internal/components/skeleton-shimmer.js +6 -0
  14. package/dist/cjs/menu-item/button-item.js +4 -0
  15. package/dist/cjs/menu-item/custom-item.js +8 -2
  16. package/dist/cjs/menu-item/heading-item.js +12 -2
  17. package/dist/cjs/menu-item/link-item.js +4 -0
  18. package/dist/cjs/menu-item/skeleton-heading-item.js +12 -1
  19. package/dist/cjs/menu-item/skeleton-item.js +25 -1
  20. package/dist/cjs/menu-section/menu-group.js +4 -0
  21. package/dist/cjs/menu-section/popup-menu-group.js +4 -0
  22. package/dist/cjs/menu-section/section.js +19 -4
  23. package/dist/es2019/internal/components/menu-item-primitive.js +13 -2
  24. package/dist/es2019/internal/components/skeleton-shimmer.js +5 -0
  25. package/dist/es2019/menu-item/button-item.js +5 -0
  26. package/dist/es2019/menu-item/custom-item.js +9 -2
  27. package/dist/es2019/menu-item/heading-item.js +13 -2
  28. package/dist/es2019/menu-item/link-item.js +5 -0
  29. package/dist/es2019/menu-item/skeleton-heading-item.js +11 -1
  30. package/dist/es2019/menu-item/skeleton-item.js +24 -1
  31. package/dist/es2019/menu-section/menu-group.js +4 -0
  32. package/dist/es2019/menu-section/popup-menu-group.js +4 -0
  33. package/dist/es2019/menu-section/section.js +20 -4
  34. package/dist/esm/internal/components/menu-item-primitive.js +13 -2
  35. package/dist/esm/internal/components/skeleton-shimmer.js +5 -0
  36. package/dist/esm/menu-item/button-item.js +5 -0
  37. package/dist/esm/menu-item/custom-item.js +9 -2
  38. package/dist/esm/menu-item/heading-item.js +13 -2
  39. package/dist/esm/menu-item/link-item.js +5 -0
  40. package/dist/esm/menu-item/skeleton-heading-item.js +11 -1
  41. package/dist/esm/menu-item/skeleton-item.js +24 -1
  42. package/dist/esm/menu-section/menu-group.js +4 -0
  43. package/dist/esm/menu-section/popup-menu-group.js +4 -0
  44. package/dist/esm/menu-section/section.js +20 -4
  45. package/dist/types/internal/components/skeleton-shimmer.d.ts +4 -1
  46. package/dist/types/menu-item/custom-item.d.ts +3 -0
  47. package/dist/types/menu-section/menu-group.d.ts +3 -0
  48. package/dist/types/menu-section/popup-menu-group.d.ts +3 -0
  49. package/dist/types-ts4.5/internal/components/skeleton-shimmer.d.ts +4 -1
  50. package/dist/types-ts4.5/menu-item/custom-item.d.ts +3 -0
  51. package/dist/types-ts4.5/menu-section/menu-group.d.ts +3 -0
  52. package/dist/types-ts4.5/menu-section/popup-menu-group.d.ts +3 -0
  53. package/package.json +133 -133
  54. package/report.api.md +130 -138
@@ -1,3 +1,6 @@
1
+ /**
2
+ * @jsxRuntime classic
3
+ */
1
4
  /** @jsx jsx */
2
5
  import { type ReactNode } from 'react';
3
6
  import { jsx } from '@emotion/react';
@@ -20,5 +23,5 @@ type SkeletonShimmerProps = {
20
23
  *
21
24
  * @internal
22
25
  */
23
- declare const SkeletonShimmer: ({ children, isShimmering, }: SkeletonShimmerProps) => jsx.JSX.Element;
26
+ declare const SkeletonShimmer: ({ children, isShimmering }: SkeletonShimmerProps) => jsx.JSX.Element;
24
27
  export default SkeletonShimmer;
@@ -1,4 +1,7 @@
1
1
  /// <reference types="react" />
2
+ /**
3
+ * @jsxRuntime classic
4
+ */
2
5
  /** @jsx jsx */
3
6
  import type { CustomItemComponentProps, CustomItemProps } from '../types';
4
7
  interface CustomItemTypeGenericHackProps {
@@ -1,3 +1,6 @@
1
+ /**
2
+ * @jsxRuntime classic
3
+ */
1
4
  /** @jsx jsx */
2
5
  import { jsx } from '@emotion/react';
3
6
  import type { MenuGroupProps } from '../types';
@@ -1,3 +1,6 @@
1
+ /**
2
+ * @jsxRuntime classic
3
+ */
1
4
  /** @jsx jsx */
2
5
  import { jsx } from '@emotion/react';
3
6
  import type { MenuGroupProps } from '../types';
package/package.json CHANGED
@@ -1,134 +1,134 @@
1
1
  {
2
- "name": "@atlaskit/menu",
3
- "version": "2.4.0",
4
- "description": "A list of options to help users navigate, or perform actions.",
5
- "publishConfig": {
6
- "registry": "https://registry.npmjs.org/"
7
- },
8
- "repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
9
- "author": "Atlassian Pty Ltd",
10
- "license": "Apache-2.0",
11
- "main": "dist/cjs/index.js",
12
- "module": "dist/esm/index.js",
13
- "module:es2019": "dist/es2019/index.js",
14
- "types": "dist/types/index.d.ts",
15
- "sideEffects": false,
16
- "atlaskit:src": "src/index.tsx",
17
- "atlassian": {
18
- "team": "Design System Team",
19
- "runReact18": true,
20
- "productPushConsumption": [
21
- "jira"
22
- ],
23
- "releaseModel": "continuous",
24
- "website": {
25
- "name": "Menu",
26
- "subPages": [
27
- {
28
- "title": "Popup menu group",
29
- "id": "popup-menu-group",
30
- "status": {
31
- "type": "deprecated",
32
- "description": "PopupMenuGroup has been deprecated. We recommend using the MenuGroup component instead.",
33
- "actions": [
34
- {
35
- "text": "View MenuGroup documentation",
36
- "href": "https://atlassian.design/components/menu/menu-group/examples"
37
- }
38
- ]
39
- }
40
- }
41
- ],
42
- "category": "Components"
43
- }
44
- },
45
- "dependencies": {
46
- "@atlaskit/ds-lib": "^2.3.0",
47
- "@atlaskit/focus-ring": "^1.4.0",
48
- "@atlaskit/platform-feature-flags": "^0.2.0",
49
- "@atlaskit/primitives": "^6.5.0",
50
- "@atlaskit/theme": "^12.8.0",
51
- "@atlaskit/tokens": "^1.49.0",
52
- "@babel/runtime": "^7.0.0",
53
- "@emotion/react": "^11.7.1"
54
- },
55
- "peerDependencies": {
56
- "react": "^16.8.0 || ^17.0.0 || ~18.2.0",
57
- "react-dom": "^16.8.0"
58
- },
59
- "devDependencies": {
60
- "@af/accessibility-testing": "*",
61
- "@af/integration-testing": "*",
62
- "@af/visual-regression": "*",
63
- "@atlaskit/visual-regression": "*",
64
- "@atlassian/feature-flags-test-utils": "*",
65
- "@emotion/jest": "^11.8.0",
66
- "@testing-library/dom": "^8.17.1",
67
- "@testing-library/react": "^12.1.5",
68
- "@types/react-router-dom": "^4.3.1",
69
- "ast-types": "^0.13.3",
70
- "bind-event-listener": "^3.0.0",
71
- "jscodeshift": "^0.13.0",
72
- "react-router-dom": "^4.2.2",
73
- "storybook-addon-performance": "^0.16.0",
74
- "typescript": "~5.4.2"
75
- },
76
- "keywords": [
77
- "atlaskit",
78
- "react",
79
- "ui"
80
- ],
81
- "techstack": {
82
- "@atlassian/frontend": {
83
- "import-structure": "atlassian-conventions"
84
- },
85
- "@repo/internal": {
86
- "dom-events": "use-bind-event-listener",
87
- "ui-components": "lite-mode",
88
- "design-system": "v1",
89
- "styling": [
90
- "static",
91
- "emotion"
92
- ],
93
- "analytics": "analytics-next",
94
- "design-tokens": [
95
- "color",
96
- "spacing"
97
- ],
98
- "deprecation": "no-deprecated-imports"
99
- }
100
- },
101
- "typesVersions": {
102
- ">=4.5 <4.9": {
103
- "*": [
104
- "dist/types-ts4.5/*",
105
- "dist/types-ts4.5/index.d.ts"
106
- ]
107
- }
108
- },
109
- "af:exports": {
110
- "./button-item": "./src/entry-points/menu-item/button-item.tsx",
111
- "./link-item": "./src/entry-points/menu-item/link-item.tsx",
112
- "./custom-item": "./src/entry-points/menu-item/custom-item.tsx",
113
- "./heading-item": "./src/entry-points/menu-item/heading-item.tsx",
114
- "./skeleton-item": "./src/entry-points/menu-item/skeleton-item.tsx",
115
- "./skeleton-heading-item": "./src/entry-points/menu-item/skeleton-heading-item.tsx",
116
- "./section": "./src/entry-points/menu-section/section.tsx",
117
- "./menu-group": "./src/entry-points/menu-section/menu-group.tsx",
118
- "./popup-menu-group": "./src/entry-points/menu-section/popup-menu-group.tsx",
119
- "./types": "./src/types.tsx",
120
- ".": "./src/index.tsx"
121
- },
122
- "platform-feature-flags": {
123
- "platform.design-system-team.unsafe-overrides-killswitch_c8j9m": {
124
- "type": "boolean"
125
- },
126
- "platform.design-system-team.section-1px-seperator-borders": {
127
- "type": "boolean"
128
- },
129
- "platform.design-system-team.menu-tokenised-typography-styles": {
130
- "type": "boolean"
131
- }
132
- },
133
- "homepage": "https://atlassian.design/components/menu/"
134
- }
2
+ "name": "@atlaskit/menu",
3
+ "version": "2.5.0",
4
+ "description": "A list of options to help users navigate, or perform actions.",
5
+ "publishConfig": {
6
+ "registry": "https://registry.npmjs.org/"
7
+ },
8
+ "repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
9
+ "author": "Atlassian Pty Ltd",
10
+ "license": "Apache-2.0",
11
+ "main": "dist/cjs/index.js",
12
+ "module": "dist/esm/index.js",
13
+ "module:es2019": "dist/es2019/index.js",
14
+ "types": "dist/types/index.d.ts",
15
+ "sideEffects": false,
16
+ "atlaskit:src": "src/index.tsx",
17
+ "atlassian": {
18
+ "team": "Design System Team",
19
+ "runReact18": true,
20
+ "productPushConsumption": [
21
+ "jira"
22
+ ],
23
+ "releaseModel": "continuous",
24
+ "website": {
25
+ "name": "Menu",
26
+ "subPages": [
27
+ {
28
+ "title": "Popup menu group",
29
+ "id": "popup-menu-group",
30
+ "status": {
31
+ "type": "deprecated",
32
+ "description": "PopupMenuGroup has been deprecated. We recommend using the MenuGroup component instead.",
33
+ "actions": [
34
+ {
35
+ "text": "View MenuGroup documentation",
36
+ "href": "https://atlassian.design/components/menu/menu-group/examples"
37
+ }
38
+ ]
39
+ }
40
+ }
41
+ ],
42
+ "category": "Components"
43
+ }
44
+ },
45
+ "dependencies": {
46
+ "@atlaskit/ds-lib": "^2.3.0",
47
+ "@atlaskit/focus-ring": "^1.5.0",
48
+ "@atlaskit/platform-feature-flags": "^0.2.0",
49
+ "@atlaskit/primitives": "^7.4.0",
50
+ "@atlaskit/theme": "^12.10.0",
51
+ "@atlaskit/tokens": "^1.51.0",
52
+ "@babel/runtime": "^7.0.0",
53
+ "@emotion/react": "^11.7.1"
54
+ },
55
+ "peerDependencies": {
56
+ "react": "^16.8.0 || ^17.0.0 || ~18.2.0",
57
+ "react-dom": "^16.8.0"
58
+ },
59
+ "devDependencies": {
60
+ "@af/accessibility-testing": "*",
61
+ "@af/integration-testing": "*",
62
+ "@af/visual-regression": "*",
63
+ "@atlaskit/visual-regression": "*",
64
+ "@atlassian/feature-flags-test-utils": "*",
65
+ "@emotion/jest": "^11.8.0",
66
+ "@testing-library/dom": "^8.17.1",
67
+ "@testing-library/react": "^12.1.5",
68
+ "@types/react-router-dom": "^4.3.1",
69
+ "ast-types": "^0.13.3",
70
+ "bind-event-listener": "^3.0.0",
71
+ "jscodeshift": "^0.13.0",
72
+ "react-router-dom": "^4.2.2",
73
+ "storybook-addon-performance": "^0.16.0",
74
+ "typescript": "~5.4.2"
75
+ },
76
+ "keywords": [
77
+ "atlaskit",
78
+ "react",
79
+ "ui"
80
+ ],
81
+ "techstack": {
82
+ "@atlassian/frontend": {
83
+ "import-structure": "atlassian-conventions"
84
+ },
85
+ "@repo/internal": {
86
+ "dom-events": "use-bind-event-listener",
87
+ "ui-components": "lite-mode",
88
+ "design-system": "v1",
89
+ "styling": [
90
+ "static",
91
+ "emotion"
92
+ ],
93
+ "analytics": "analytics-next",
94
+ "design-tokens": [
95
+ "color",
96
+ "spacing"
97
+ ],
98
+ "deprecation": "no-deprecated-imports"
99
+ }
100
+ },
101
+ "typesVersions": {
102
+ ">=4.5 <4.9": {
103
+ "*": [
104
+ "dist/types-ts4.5/*",
105
+ "dist/types-ts4.5/index.d.ts"
106
+ ]
107
+ }
108
+ },
109
+ "af:exports": {
110
+ "./button-item": "./src/entry-points/menu-item/button-item.tsx",
111
+ "./link-item": "./src/entry-points/menu-item/link-item.tsx",
112
+ "./custom-item": "./src/entry-points/menu-item/custom-item.tsx",
113
+ "./heading-item": "./src/entry-points/menu-item/heading-item.tsx",
114
+ "./skeleton-item": "./src/entry-points/menu-item/skeleton-item.tsx",
115
+ "./skeleton-heading-item": "./src/entry-points/menu-item/skeleton-heading-item.tsx",
116
+ "./section": "./src/entry-points/menu-section/section.tsx",
117
+ "./menu-group": "./src/entry-points/menu-section/menu-group.tsx",
118
+ "./popup-menu-group": "./src/entry-points/menu-section/popup-menu-group.tsx",
119
+ "./types": "./src/types.tsx",
120
+ ".": "./src/index.tsx"
121
+ },
122
+ "platform-feature-flags": {
123
+ "platform.design-system-team.unsafe-overrides-killswitch_c8j9m": {
124
+ "type": "boolean"
125
+ },
126
+ "platform.design-system-team.section-1px-seperator-borders": {
127
+ "type": "boolean"
128
+ },
129
+ "platform.design-system-team.menu-tokenised-typography-styles": {
130
+ "type": "boolean"
131
+ }
132
+ },
133
+ "homepage": "https://atlassian.design/components/menu/"
134
+ }