@atlaskit/menu 1.9.4 → 1.9.5
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 +6 -0
- package/dist/cjs/version.json +1 -1
- package/dist/es2019/version.json +1 -1
- package/dist/esm/version.json +1 -1
- package/package.json +26 -25
- package/tmp/api-report-tmp.d.ts +0 -221
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,11 @@
|
|
|
1
1
|
# @atlaskit/menu
|
|
2
2
|
|
|
3
|
+
## 1.9.5
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`4ae083a7e66`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4ae083a7e66) - Use `@af/accessibility-testing` for default jest-axe config and jest-axe import in accessibility testing.
|
|
8
|
+
|
|
3
9
|
## 1.9.4
|
|
4
10
|
|
|
5
11
|
### Patch Changes
|
package/dist/cjs/version.json
CHANGED
package/dist/es2019/version.json
CHANGED
package/dist/esm/version.json
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/menu",
|
|
3
|
-
"version": "1.9.
|
|
3
|
+
"version": "1.9.5",
|
|
4
4
|
"description": "A collection of composable menu components that can be used anywhere.",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -12,40 +12,19 @@
|
|
|
12
12
|
"module": "dist/esm/index.js",
|
|
13
13
|
"module:es2019": "dist/es2019/index.js",
|
|
14
14
|
"types": "dist/types/index.d.ts",
|
|
15
|
-
"typesVersions": {
|
|
16
|
-
">=4.5 <4.9": {
|
|
17
|
-
"*": [
|
|
18
|
-
"dist/types-ts4.5/*",
|
|
19
|
-
"dist/types-ts4.5/index.d.ts"
|
|
20
|
-
]
|
|
21
|
-
}
|
|
22
|
-
},
|
|
23
15
|
"sideEffects": false,
|
|
24
16
|
"atlaskit:src": "src/index.tsx",
|
|
25
17
|
"atlassian": {
|
|
26
18
|
"team": "Design System Team",
|
|
27
|
-
"releaseModel": "continuous",
|
|
28
19
|
"productPushConsumption": [
|
|
29
20
|
"jira"
|
|
30
21
|
],
|
|
22
|
+
"releaseModel": "continuous",
|
|
31
23
|
"website": {
|
|
32
24
|
"name": "Menu",
|
|
33
25
|
"category": "Components"
|
|
34
26
|
}
|
|
35
27
|
},
|
|
36
|
-
"af:exports": {
|
|
37
|
-
"./button-item": "./src/entry-points/menu-item/button-item.tsx",
|
|
38
|
-
"./link-item": "./src/entry-points/menu-item/link-item.tsx",
|
|
39
|
-
"./custom-item": "./src/entry-points/menu-item/custom-item.tsx",
|
|
40
|
-
"./heading-item": "./src/entry-points/menu-item/heading-item.tsx",
|
|
41
|
-
"./skeleton-item": "./src/entry-points/menu-item/skeleton-item.tsx",
|
|
42
|
-
"./skeleton-heading-item": "./src/entry-points/menu-item/skeleton-heading-item.tsx",
|
|
43
|
-
"./section": "./src/entry-points/menu-section/section.tsx",
|
|
44
|
-
"./menu-group": "./src/entry-points/menu-section/menu-group.tsx",
|
|
45
|
-
"./popup-menu-group": "./src/entry-points/menu-section/popup-menu-group.tsx",
|
|
46
|
-
"./types": "./src/types.tsx",
|
|
47
|
-
".": "./src/index.tsx"
|
|
48
|
-
},
|
|
49
28
|
"dependencies": {
|
|
50
29
|
"@atlaskit/ds-explorations": "^2.2.0",
|
|
51
30
|
"@atlaskit/ds-lib": "^2.2.0",
|
|
@@ -62,6 +41,8 @@
|
|
|
62
41
|
"react-dom": "^16.8.0"
|
|
63
42
|
},
|
|
64
43
|
"devDependencies": {
|
|
44
|
+
"@af/accessibility-testing": "*",
|
|
45
|
+
"@af/visual-regression": "*",
|
|
65
46
|
"@atlaskit/visual-regression": "*",
|
|
66
47
|
"@atlaskit/webdriver-runner": "*",
|
|
67
48
|
"@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
|
|
@@ -72,7 +53,6 @@
|
|
|
72
53
|
"@types/react-router-dom": "^4.3.1",
|
|
73
54
|
"ast-types": "^0.13.3",
|
|
74
55
|
"bind-event-listener": "^2.1.1",
|
|
75
|
-
"jest-axe": "^4.0.0",
|
|
76
56
|
"jscodeshift": "^0.13.0",
|
|
77
57
|
"react-router-dom": "^4.2.2",
|
|
78
58
|
"storybook-addon-performance": "^0.16.0",
|
|
@@ -103,6 +83,27 @@
|
|
|
103
83
|
"deprecation": "no-deprecated-imports"
|
|
104
84
|
}
|
|
105
85
|
},
|
|
86
|
+
"typesVersions": {
|
|
87
|
+
">=4.5 <4.9": {
|
|
88
|
+
"*": [
|
|
89
|
+
"dist/types-ts4.5/*",
|
|
90
|
+
"dist/types-ts4.5/index.d.ts"
|
|
91
|
+
]
|
|
92
|
+
}
|
|
93
|
+
},
|
|
94
|
+
"af:exports": {
|
|
95
|
+
"./button-item": "./src/entry-points/menu-item/button-item.tsx",
|
|
96
|
+
"./link-item": "./src/entry-points/menu-item/link-item.tsx",
|
|
97
|
+
"./custom-item": "./src/entry-points/menu-item/custom-item.tsx",
|
|
98
|
+
"./heading-item": "./src/entry-points/menu-item/heading-item.tsx",
|
|
99
|
+
"./skeleton-item": "./src/entry-points/menu-item/skeleton-item.tsx",
|
|
100
|
+
"./skeleton-heading-item": "./src/entry-points/menu-item/skeleton-heading-item.tsx",
|
|
101
|
+
"./section": "./src/entry-points/menu-section/section.tsx",
|
|
102
|
+
"./menu-group": "./src/entry-points/menu-section/menu-group.tsx",
|
|
103
|
+
"./popup-menu-group": "./src/entry-points/menu-section/popup-menu-group.tsx",
|
|
104
|
+
"./types": "./src/types.tsx",
|
|
105
|
+
".": "./src/index.tsx"
|
|
106
|
+
},
|
|
106
107
|
"platform-feature-flags": {
|
|
107
108
|
"platform.design-system-team.menu-selected-state-change_0see9": {
|
|
108
109
|
"type": "boolean"
|
|
@@ -110,4 +111,4 @@
|
|
|
110
111
|
},
|
|
111
112
|
"homepage": "https://atlassian.design/components/menu/",
|
|
112
113
|
"prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1"
|
|
113
|
-
}
|
|
114
|
+
}
|
package/tmp/api-report-tmp.d.ts
DELETED
|
@@ -1,221 +0,0 @@
|
|
|
1
|
-
## API Report File for "@atlaskit/menu"
|
|
2
|
-
|
|
3
|
-
> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
|
|
4
|
-
|
|
5
|
-
```ts
|
|
6
|
-
|
|
7
|
-
/// <reference types="react" />
|
|
8
|
-
|
|
9
|
-
import { ComponentType } from 'react';
|
|
10
|
-
import { Context } from 'react';
|
|
11
|
-
import { CSSObject } from '@emotion/react';
|
|
12
|
-
import { ForwardRefExoticComponent } from 'react';
|
|
13
|
-
import { jsx } from '@emotion/react';
|
|
14
|
-
import { MemoExoticComponent } from 'react';
|
|
15
|
-
import { ReactNode } from 'react';
|
|
16
|
-
import { Ref } from 'react';
|
|
17
|
-
import { RefAttributes } from 'react';
|
|
18
|
-
|
|
19
|
-
// @public (undocumented)
|
|
20
|
-
export interface BaseItemProps {
|
|
21
|
-
children?: React.ReactNode;
|
|
22
|
-
// @deprecated
|
|
23
|
-
cssFn?: CSSFn;
|
|
24
|
-
description?: JSX.Element | string;
|
|
25
|
-
iconAfter?: React.ReactNode;
|
|
26
|
-
iconBefore?: React.ReactNode;
|
|
27
|
-
isDisabled?: boolean;
|
|
28
|
-
isSelected?: boolean;
|
|
29
|
-
onClick?: (event: React.KeyboardEvent | React.MouseEvent) => void;
|
|
30
|
-
onMouseDown?: React.MouseEventHandler;
|
|
31
|
-
// @deprecated
|
|
32
|
-
overrides?: Overrides;
|
|
33
|
-
shouldDescriptionWrap?: boolean;
|
|
34
|
-
shouldTitleWrap?: boolean;
|
|
35
|
-
testId?: string;
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
// @public
|
|
39
|
-
export const ButtonItem: MemoExoticComponent<ForwardRefExoticComponent<ButtonItemProps & RefAttributes<HTMLElement>>>;
|
|
40
|
-
|
|
41
|
-
// @public (undocumented)
|
|
42
|
-
export interface ButtonItemProps extends BaseItemProps {
|
|
43
|
-
id?: string;
|
|
44
|
-
role?: string;
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
// @public @deprecated
|
|
48
|
-
export interface CSSFn<TState = ItemState extends void ? void : ItemState> {
|
|
49
|
-
// (undocumented)
|
|
50
|
-
(currentState: TState): CSSObject | CSSObject[];
|
|
51
|
-
}
|
|
52
|
-
|
|
53
|
-
// @public
|
|
54
|
-
export const CustomItem: CustomItemTypeGenericHackProps;
|
|
55
|
-
|
|
56
|
-
// @public (undocumented)
|
|
57
|
-
export interface CustomItemComponentProps {
|
|
58
|
-
'data-testid'?: string;
|
|
59
|
-
children: React.ReactNode;
|
|
60
|
-
className: string;
|
|
61
|
-
disabled?: boolean;
|
|
62
|
-
draggable: boolean;
|
|
63
|
-
onClick?: (event: React.MouseEvent<HTMLElement>) => void;
|
|
64
|
-
onDragStart?: (event: React.DragEvent) => void;
|
|
65
|
-
onMouseDown?: (event: React.MouseEvent<HTMLElement>) => void;
|
|
66
|
-
ref?: Ref<any>;
|
|
67
|
-
tabIndex?: number;
|
|
68
|
-
}
|
|
69
|
-
|
|
70
|
-
// @public (undocumented)
|
|
71
|
-
export interface CustomItemProps<TCustomComponentProps = CustomItemComponentProps> extends BaseItemProps {
|
|
72
|
-
component?: React.ComponentType<TCustomComponentProps>;
|
|
73
|
-
}
|
|
74
|
-
|
|
75
|
-
// @public (undocumented)
|
|
76
|
-
interface CustomItemTypeGenericHackProps {
|
|
77
|
-
// (undocumented)
|
|
78
|
-
<TComponentProps>(props: CustomItemProps<TComponentProps> & {
|
|
79
|
-
ref?: any;
|
|
80
|
-
} & Omit<TComponentProps, keyof CustomItemComponentProps>): JSX.Element | null;
|
|
81
|
-
}
|
|
82
|
-
|
|
83
|
-
// @public (undocumented)
|
|
84
|
-
export type Dimension = number | string;
|
|
85
|
-
|
|
86
|
-
// @public
|
|
87
|
-
export const HeadingItem: MemoExoticComponent<({ children, testId, id, cssFn, ...rest }: HeadingItemProps) => jsx.JSX.Element>;
|
|
88
|
-
|
|
89
|
-
// @public (undocumented)
|
|
90
|
-
export interface HeadingItemProps {
|
|
91
|
-
children: React.ReactNode;
|
|
92
|
-
// @deprecated
|
|
93
|
-
cssFn?: StatelessCSSFn;
|
|
94
|
-
id?: string;
|
|
95
|
-
testId?: string;
|
|
96
|
-
}
|
|
97
|
-
|
|
98
|
-
// @public (undocumented)
|
|
99
|
-
export type ItemState = {
|
|
100
|
-
isSelected: boolean;
|
|
101
|
-
isDisabled: boolean;
|
|
102
|
-
};
|
|
103
|
-
|
|
104
|
-
// @public
|
|
105
|
-
export const LinkItem: MemoExoticComponent<ForwardRefExoticComponent<LinkItemProps & RefAttributes<HTMLElement>>>;
|
|
106
|
-
|
|
107
|
-
// @public (undocumented)
|
|
108
|
-
export interface LinkItemProps extends BaseItemProps {
|
|
109
|
-
href?: string;
|
|
110
|
-
rel?: string;
|
|
111
|
-
role?: string;
|
|
112
|
-
target?: string;
|
|
113
|
-
}
|
|
114
|
-
|
|
115
|
-
// @public
|
|
116
|
-
export const MenuGroup: ({ maxWidth, minWidth, minHeight, maxHeight, testId, role, spacing, ...rest }: MenuGroupProps) => jsx.JSX.Element;
|
|
117
|
-
|
|
118
|
-
// @public (undocumented)
|
|
119
|
-
export interface MenuGroupProps extends MenuGroupSizing {
|
|
120
|
-
children: React.ReactNode;
|
|
121
|
-
onClick?: (event: React.KeyboardEvent | React.MouseEvent) => void;
|
|
122
|
-
role?: string;
|
|
123
|
-
spacing?: SpacingMode;
|
|
124
|
-
testId?: string;
|
|
125
|
-
}
|
|
126
|
-
|
|
127
|
-
// @public (undocumented)
|
|
128
|
-
export interface MenuGroupSizing {
|
|
129
|
-
maxHeight?: Dimension;
|
|
130
|
-
maxWidth?: Dimension;
|
|
131
|
-
minHeight?: Dimension;
|
|
132
|
-
minWidth?: Dimension;
|
|
133
|
-
}
|
|
134
|
-
|
|
135
|
-
// @public @deprecated (undocumented)
|
|
136
|
-
export interface Overrides {
|
|
137
|
-
// (undocumented)
|
|
138
|
-
Title?: TitleOverrides;
|
|
139
|
-
}
|
|
140
|
-
|
|
141
|
-
// @public @deprecated (undocumented)
|
|
142
|
-
export const PopupMenuGroup: ({ maxWidth, minWidth, ...rest }: MenuGroupProps) => jsx.JSX.Element;
|
|
143
|
-
|
|
144
|
-
// @public (undocumented)
|
|
145
|
-
export interface RenderFunction<TProps = {}> {
|
|
146
|
-
// (undocumented)
|
|
147
|
-
(Component: ComponentType | string, props: TProps): React.ReactNode;
|
|
148
|
-
}
|
|
149
|
-
|
|
150
|
-
// @public
|
|
151
|
-
export const Section: ForwardRefExoticComponent<SectionProps & RefAttributes<HTMLElement>>;
|
|
152
|
-
|
|
153
|
-
// @public (undocumented)
|
|
154
|
-
interface SectionProps {
|
|
155
|
-
children: React.ReactNode;
|
|
156
|
-
hasSeparator?: boolean;
|
|
157
|
-
id?: string;
|
|
158
|
-
isList?: boolean;
|
|
159
|
-
isScrollable?: boolean;
|
|
160
|
-
// @deprecated (undocumented)
|
|
161
|
-
overrides?: {
|
|
162
|
-
HeadingItem?: {
|
|
163
|
-
cssFn?: StatelessCSSFn;
|
|
164
|
-
};
|
|
165
|
-
};
|
|
166
|
-
testId?: string;
|
|
167
|
-
title?: string;
|
|
168
|
-
}
|
|
169
|
-
export { SectionProps as SectionBaseProps }
|
|
170
|
-
export { SectionProps }
|
|
171
|
-
|
|
172
|
-
// @internal
|
|
173
|
-
export const SELECTION_STYLE_CONTEXT_DO_NOT_USE: Context<"border" | "none" | "notch">;
|
|
174
|
-
|
|
175
|
-
// @public
|
|
176
|
-
export const SkeletonHeadingItem: ({ isShimmering, testId, width, cssFn, }: SkeletonHeadingItemProps) => jsx.JSX.Element;
|
|
177
|
-
|
|
178
|
-
// @public (undocumented)
|
|
179
|
-
export interface SkeletonHeadingItemProps {
|
|
180
|
-
// @deprecated
|
|
181
|
-
cssFn?: StatelessCSSFn;
|
|
182
|
-
isShimmering?: boolean;
|
|
183
|
-
testId?: string;
|
|
184
|
-
width?: Dimension;
|
|
185
|
-
}
|
|
186
|
-
|
|
187
|
-
// @public
|
|
188
|
-
export const SkeletonItem: ({ hasAvatar, hasIcon, isShimmering, testId, width, cssFn, }: SkeletonItemProps) => jsx.JSX.Element;
|
|
189
|
-
|
|
190
|
-
// @public (undocumented)
|
|
191
|
-
export interface SkeletonItemProps {
|
|
192
|
-
cssFn?: StatelessCSSFn;
|
|
193
|
-
hasAvatar?: boolean;
|
|
194
|
-
hasIcon?: boolean;
|
|
195
|
-
isShimmering?: boolean;
|
|
196
|
-
testId?: string;
|
|
197
|
-
width?: Dimension;
|
|
198
|
-
}
|
|
199
|
-
|
|
200
|
-
// @internal
|
|
201
|
-
export const SpacingContext: Context<SpacingMode>;
|
|
202
|
-
|
|
203
|
-
// @public (undocumented)
|
|
204
|
-
type SpacingMode = 'compact' | 'cozy';
|
|
205
|
-
|
|
206
|
-
// @public @deprecated (undocumented)
|
|
207
|
-
export type StatelessCSSFn = CSSFn<void>;
|
|
208
|
-
|
|
209
|
-
// @public @deprecated (undocumented)
|
|
210
|
-
export interface TitleOverrides {
|
|
211
|
-
// (undocumented)
|
|
212
|
-
render?: RenderFunction<{
|
|
213
|
-
className?: string;
|
|
214
|
-
children: ReactNode;
|
|
215
|
-
'data-item-title': boolean;
|
|
216
|
-
}>;
|
|
217
|
-
}
|
|
218
|
-
|
|
219
|
-
// (No @packageDocumentation comment for this package)
|
|
220
|
-
|
|
221
|
-
```
|