@atlaskit/dropdown-menu 12.11.0 → 12.12.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.
- package/CHANGELOG.md +16 -1
- package/README.md +2 -1
- package/__perf__/default.tsx +12 -12
- package/__perf__/dropdown-menu.tsx +165 -195
- package/codemods/11.0.0-lite-mode.tsx +23 -23
- package/codemods/__tests__/11.0.0-lite-mode.test.tsx +7 -7
- package/codemods/__tests__/convert-position.test.tsx +70 -70
- package/codemods/__tests__/convert-triggerType.test.tsx +35 -35
- package/codemods/__tests__/deprecate-items.test.tsx +28 -28
- package/codemods/__tests__/deprecate-onItemActivated.test.tsx +28 -28
- package/codemods/__tests__/deprecate-onPositioned.test.tsx +28 -28
- package/codemods/__tests__/deprecate-shouldFitContainer.tsx +28 -28
- package/codemods/__tests__/rename-imports.tsx +48 -54
- package/codemods/__tests__/replace-position-to-placement.test.tsx +21 -21
- package/codemods/__tests__/replace-shouldAllowMultipleLine.test.tsx +28 -28
- package/codemods/__tests__/update-component-callsites.tsx +18 -20
- package/codemods/migrates/convert-trigger-type.tsx +35 -49
- package/codemods/migrates/deprecate-autoFocus.tsx +3 -11
- package/codemods/migrates/deprecate-boundariesElement.tsx +2 -2
- package/codemods/migrates/deprecate-isCompact.tsx +3 -11
- package/codemods/migrates/deprecate-isHidden.tsx +3 -11
- package/codemods/migrates/deprecate-isMenuFixed.tsx +1 -4
- package/codemods/migrates/deprecate-items.tsx +1 -4
- package/codemods/migrates/deprecate-onItemActivated.tsx +2 -2
- package/codemods/migrates/deprecate-onPositioned.tsx +2 -2
- package/codemods/migrates/deprecate-shouldFitContainer.tsx +2 -2
- package/codemods/migrates/rename-imports.tsx +12 -12
- package/codemods/migrates/replace-position-to-placement.tsx +15 -26
- package/codemods/migrates/replace-shouldAllowMultiline.tsx +21 -35
- package/codemods/migrates/update-component-callsites.tsx +6 -6
- package/codemods/utils/convert-position.tsx +14 -14
- package/codemods/utils/create-rename-import.tsx +32 -37
- package/codemods/utils/create-update-callsite.tsx +25 -28
- package/dist/cjs/dropdown-menu.js +26 -6
- package/dist/cjs/internal/components/group-title.js +4 -0
- package/dist/cjs/internal/components/menu-wrapper.js +2 -0
- package/dist/es2019/dropdown-menu.js +25 -6
- package/dist/es2019/internal/components/group-title.js +3 -0
- package/dist/es2019/internal/components/menu-wrapper.js +2 -0
- package/dist/esm/dropdown-menu.js +26 -6
- package/dist/esm/internal/components/group-title.js +3 -0
- package/dist/esm/internal/components/menu-wrapper.js +2 -0
- package/dist/types/dropdown-menu.d.ts +1 -1
- package/dist/types/internal/hooks/use-radio-state.d.ts +1 -1
- package/dist/types/types.d.ts +19 -3
- package/dist/types-ts4.5/dropdown-menu.d.ts +1 -1
- package/dist/types-ts4.5/internal/hooks/use-radio-state.d.ts +1 -1
- package/dist/types-ts4.5/types.d.ts +19 -3
- package/package.json +110 -110
- package/report.api.md +141 -145
|
@@ -10,10 +10,10 @@ const transformer = createTransformer([deprecateShouldFitContainer]);
|
|
|
10
10
|
const defineInlineTest = require('jscodeshift/dist/testUtils').defineInlineTest;
|
|
11
11
|
|
|
12
12
|
describe('delete shouldFitContainer prop', () => {
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
13
|
+
defineInlineTest(
|
|
14
|
+
{ default: transformer, parser: 'tsx' },
|
|
15
|
+
{},
|
|
16
|
+
`
|
|
17
17
|
import React from "react";
|
|
18
18
|
import DropdownMenu from "@atlaskit/dropdown-menu";
|
|
19
19
|
|
|
@@ -22,7 +22,7 @@ describe('delete shouldFitContainer prop', () => {
|
|
|
22
22
|
</DropdownMenu>
|
|
23
23
|
);
|
|
24
24
|
`,
|
|
25
|
-
|
|
25
|
+
`
|
|
26
26
|
import React from "react";
|
|
27
27
|
import DropdownMenu from "@atlaskit/dropdown-menu";
|
|
28
28
|
|
|
@@ -31,13 +31,13 @@ describe('delete shouldFitContainer prop', () => {
|
|
|
31
31
|
</DropdownMenu>
|
|
32
32
|
);
|
|
33
33
|
`,
|
|
34
|
-
|
|
35
|
-
|
|
34
|
+
'should not change anything when shouldFitContainer is not used ',
|
|
35
|
+
);
|
|
36
36
|
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
37
|
+
defineInlineTest(
|
|
38
|
+
{ default: transformer, parser: 'tsx' },
|
|
39
|
+
{},
|
|
40
|
+
`
|
|
41
41
|
import React from "react";
|
|
42
42
|
import DropdownMenu from "@atlaskit/dropdown-menu";
|
|
43
43
|
|
|
@@ -46,7 +46,7 @@ describe('delete shouldFitContainer prop', () => {
|
|
|
46
46
|
</DropdownMenu>
|
|
47
47
|
);
|
|
48
48
|
`,
|
|
49
|
-
|
|
49
|
+
`
|
|
50
50
|
import React from "react";
|
|
51
51
|
import DropdownMenu from "@atlaskit/dropdown-menu";
|
|
52
52
|
|
|
@@ -55,13 +55,13 @@ describe('delete shouldFitContainer prop', () => {
|
|
|
55
55
|
</DropdownMenu>
|
|
56
56
|
);
|
|
57
57
|
`,
|
|
58
|
-
|
|
59
|
-
|
|
58
|
+
'should delete shouldFitContainer when found it',
|
|
59
|
+
);
|
|
60
60
|
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
61
|
+
defineInlineTest(
|
|
62
|
+
{ default: transformer, parser: 'tsx' },
|
|
63
|
+
{},
|
|
64
|
+
`
|
|
65
65
|
import React from "react";
|
|
66
66
|
import AKDropdownMenu from "@atlaskit/dropdown-menu";
|
|
67
67
|
|
|
@@ -70,7 +70,7 @@ describe('delete shouldFitContainer prop', () => {
|
|
|
70
70
|
</AKDropdownMenu>
|
|
71
71
|
);
|
|
72
72
|
`,
|
|
73
|
-
|
|
73
|
+
`
|
|
74
74
|
import React from "react";
|
|
75
75
|
import AKDropdownMenu from "@atlaskit/dropdown-menu";
|
|
76
76
|
|
|
@@ -79,13 +79,13 @@ describe('delete shouldFitContainer prop', () => {
|
|
|
79
79
|
</AKDropdownMenu>
|
|
80
80
|
);
|
|
81
81
|
`,
|
|
82
|
-
|
|
83
|
-
|
|
82
|
+
'should delete shouldFitContainer when found it - named import',
|
|
83
|
+
);
|
|
84
84
|
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
85
|
+
defineInlineTest(
|
|
86
|
+
{ default: transformer, parser: 'tsx' },
|
|
87
|
+
{},
|
|
88
|
+
`
|
|
89
89
|
import React from "react";
|
|
90
90
|
import DropdownMenu from "@fancy-ds/dropdown-menu";
|
|
91
91
|
|
|
@@ -94,7 +94,7 @@ describe('delete shouldFitContainer prop', () => {
|
|
|
94
94
|
</DropdownMenu>
|
|
95
95
|
);
|
|
96
96
|
`,
|
|
97
|
-
|
|
97
|
+
`
|
|
98
98
|
import React from "react";
|
|
99
99
|
import DropdownMenu from "@fancy-ds/dropdown-menu";
|
|
100
100
|
|
|
@@ -103,6 +103,6 @@ describe('delete shouldFitContainer prop', () => {
|
|
|
103
103
|
</DropdownMenu>
|
|
104
104
|
);
|
|
105
105
|
`,
|
|
106
|
-
|
|
107
|
-
|
|
106
|
+
'should not delete shouldFitContainer when found it - other library',
|
|
107
|
+
);
|
|
108
108
|
});
|
|
@@ -4,133 +4,127 @@ jest.autoMockOff();
|
|
|
4
4
|
import { createTransformer } from '@atlaskit/codemod-utils';
|
|
5
5
|
|
|
6
6
|
import {
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
7
|
+
renameDropdownItemGroupCheckbox,
|
|
8
|
+
renameDropdownItemGroupRadio,
|
|
9
|
+
renameDropdownMenuStateless,
|
|
10
10
|
} from '../migrates/rename-imports';
|
|
11
11
|
|
|
12
|
-
const transformDropdownItemGroupRadio = createTransformer([
|
|
13
|
-
|
|
14
|
-
]);
|
|
15
|
-
const transformDropdownItemGroupCheckbox = createTransformer([
|
|
16
|
-
renameDropdownItemGroupCheckbox,
|
|
17
|
-
]);
|
|
18
|
-
const transformDropdownMenuStateless = createTransformer([
|
|
19
|
-
renameDropdownMenuStateless,
|
|
20
|
-
]);
|
|
12
|
+
const transformDropdownItemGroupRadio = createTransformer([renameDropdownItemGroupRadio]);
|
|
13
|
+
const transformDropdownItemGroupCheckbox = createTransformer([renameDropdownItemGroupCheckbox]);
|
|
14
|
+
const transformDropdownMenuStateless = createTransformer([renameDropdownMenuStateless]);
|
|
21
15
|
|
|
22
16
|
const defineInlineTest = require('jscodeshift/dist/testUtils').defineInlineTest;
|
|
23
17
|
|
|
24
18
|
describe('DropdownItemGroupRadio', () => {
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
19
|
+
defineInlineTest(
|
|
20
|
+
{ default: transformDropdownItemGroupRadio, parser: 'tsx' },
|
|
21
|
+
{},
|
|
22
|
+
`
|
|
29
23
|
import React from "react";
|
|
30
24
|
import DropdownMenu, {
|
|
31
25
|
DropdownItemGroupRadio,
|
|
32
26
|
DropdownItemRadio,
|
|
33
27
|
} from "@atlaskit/dropdown-menu";
|
|
34
28
|
`,
|
|
35
|
-
|
|
29
|
+
`
|
|
36
30
|
import React from "react";
|
|
37
31
|
import DropdownMenu, {
|
|
38
32
|
DropdownItemRadioGroup,
|
|
39
33
|
DropdownItemRadio,
|
|
40
34
|
} from "@atlaskit/dropdown-menu";
|
|
41
35
|
`,
|
|
42
|
-
|
|
43
|
-
|
|
36
|
+
'should convert DropdownItemGroupRadio to DropdownItemRadioGroup',
|
|
37
|
+
);
|
|
44
38
|
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
39
|
+
defineInlineTest(
|
|
40
|
+
{ default: transformDropdownItemGroupRadio, parser: 'tsx' },
|
|
41
|
+
{},
|
|
42
|
+
`
|
|
49
43
|
import React from "react";
|
|
50
44
|
import DropdownMenu, {
|
|
51
45
|
DropdownItemGroupRadio as MyComponent,
|
|
52
46
|
DropdownItemRadio,
|
|
53
47
|
} from "@atlaskit/dropdown-menu";
|
|
54
48
|
`,
|
|
55
|
-
|
|
49
|
+
`
|
|
56
50
|
import React from "react";
|
|
57
51
|
import DropdownMenu, {
|
|
58
52
|
DropdownItemRadioGroup as MyComponent,
|
|
59
53
|
DropdownItemRadio,
|
|
60
54
|
} from "@atlaskit/dropdown-menu";
|
|
61
55
|
`,
|
|
62
|
-
|
|
63
|
-
|
|
56
|
+
'should convert DropdownItemGroupRadio to DropdownItemRadioGroup and handle aliases',
|
|
57
|
+
);
|
|
64
58
|
});
|
|
65
59
|
|
|
66
60
|
describe('DropdownItemGroupCheckbox', () => {
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
61
|
+
defineInlineTest(
|
|
62
|
+
{ default: transformDropdownItemGroupCheckbox, parser: 'tsx' },
|
|
63
|
+
{},
|
|
64
|
+
`
|
|
71
65
|
import React from "react";
|
|
72
66
|
import DropdownMenu, {
|
|
73
67
|
DropdownItemGroupCheckbox, DropdownItemCheckbox,
|
|
74
68
|
} from "@atlaskit/dropdown-menu";
|
|
75
69
|
`,
|
|
76
|
-
|
|
70
|
+
`
|
|
77
71
|
import React from "react";
|
|
78
72
|
import DropdownMenu, {
|
|
79
73
|
DropdownItemCheckboxGroup, DropdownItemCheckbox,
|
|
80
74
|
} from "@atlaskit/dropdown-menu";
|
|
81
75
|
`,
|
|
82
|
-
|
|
83
|
-
|
|
76
|
+
'should convert DropdownItemGroupCheckbox to DropdownItemCheckboxGroup',
|
|
77
|
+
);
|
|
84
78
|
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
79
|
+
defineInlineTest(
|
|
80
|
+
{ default: transformDropdownItemGroupCheckbox, parser: 'tsx' },
|
|
81
|
+
{},
|
|
82
|
+
`
|
|
89
83
|
import React from "react";
|
|
90
84
|
import DropdownMenu, {
|
|
91
85
|
DropdownItemGroupCheckbox as MyComponent, DropdownItemCheckbox,
|
|
92
86
|
} from "@atlaskit/dropdown-menu";
|
|
93
87
|
`,
|
|
94
|
-
|
|
88
|
+
`
|
|
95
89
|
import React from "react";
|
|
96
90
|
import DropdownMenu, {
|
|
97
91
|
DropdownItemCheckboxGroup as MyComponent, DropdownItemCheckbox,
|
|
98
92
|
} from "@atlaskit/dropdown-menu";
|
|
99
93
|
`,
|
|
100
|
-
|
|
101
|
-
|
|
94
|
+
'should convert DropdownItemGroupCheckbox to DropdownItemCheckboxGroup and should handle aliases',
|
|
95
|
+
);
|
|
102
96
|
});
|
|
103
97
|
|
|
104
98
|
describe('DropdownMenuStateless', () => {
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
99
|
+
defineInlineTest(
|
|
100
|
+
{ default: transformDropdownMenuStateless, parser: 'tsx' },
|
|
101
|
+
{},
|
|
102
|
+
`
|
|
109
103
|
import {
|
|
110
104
|
DropdownItemGroupRadio,
|
|
111
105
|
DropdownItemRadio,
|
|
112
106
|
DropdownMenuStateless,
|
|
113
107
|
} from "@atlaskit/dropdown-menu"
|
|
114
108
|
`,
|
|
115
|
-
|
|
109
|
+
`
|
|
116
110
|
import DropdownMenuStateless, { DropdownItemGroupRadio, DropdownItemRadio } from "@atlaskit/dropdown-menu";
|
|
117
111
|
`,
|
|
118
|
-
|
|
119
|
-
|
|
112
|
+
'should promote DropdownMenuStateless to be a default DropdownMenuStateless import',
|
|
113
|
+
);
|
|
120
114
|
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
115
|
+
defineInlineTest(
|
|
116
|
+
{ default: transformDropdownMenuStateless, parser: 'tsx' },
|
|
117
|
+
{},
|
|
118
|
+
`
|
|
125
119
|
import {
|
|
126
120
|
DropdownItemGroupRadio,
|
|
127
121
|
DropdownItemRadio,
|
|
128
122
|
DropdownMenuStateless as MyComponent,
|
|
129
123
|
} from "@atlaskit/dropdown-menu"
|
|
130
124
|
`,
|
|
131
|
-
|
|
125
|
+
`
|
|
132
126
|
import MyComponent, { DropdownItemGroupRadio, DropdownItemRadio } from "@atlaskit/dropdown-menu";
|
|
133
127
|
`,
|
|
134
|
-
|
|
135
|
-
|
|
128
|
+
'should promote DropdownMenuStateless with an alias to be a default import ',
|
|
129
|
+
);
|
|
136
130
|
});
|
|
@@ -10,10 +10,10 @@ const transformer = createTransformer([replacePositionToPlacement]);
|
|
|
10
10
|
const defineInlineTest = require('jscodeshift/dist/testUtils').defineInlineTest;
|
|
11
11
|
|
|
12
12
|
describe('replace position to placement', () => {
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
13
|
+
defineInlineTest(
|
|
14
|
+
{ default: transformer, parser: 'tsx' },
|
|
15
|
+
{},
|
|
16
|
+
`
|
|
17
17
|
import React from "react";
|
|
18
18
|
import DropdownMenu from "@atlaskit/dropdown-menu";
|
|
19
19
|
|
|
@@ -22,7 +22,7 @@ describe('replace position to placement', () => {
|
|
|
22
22
|
</DropdownMenu>
|
|
23
23
|
);
|
|
24
24
|
`,
|
|
25
|
-
|
|
25
|
+
`
|
|
26
26
|
import React from "react";
|
|
27
27
|
import DropdownMenu from "@atlaskit/dropdown-menu";
|
|
28
28
|
|
|
@@ -31,13 +31,13 @@ describe('replace position to placement', () => {
|
|
|
31
31
|
</DropdownMenu>
|
|
32
32
|
);
|
|
33
33
|
`,
|
|
34
|
-
|
|
35
|
-
|
|
34
|
+
'should not change anything when position is not used',
|
|
35
|
+
);
|
|
36
36
|
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
37
|
+
defineInlineTest(
|
|
38
|
+
{ default: transformer, parser: 'tsx' },
|
|
39
|
+
{},
|
|
40
|
+
`
|
|
41
41
|
import React from "react";
|
|
42
42
|
import DropdownMenu from "@material/dropdown-menu";
|
|
43
43
|
|
|
@@ -46,7 +46,7 @@ describe('replace position to placement', () => {
|
|
|
46
46
|
</DropdownMenu>
|
|
47
47
|
);
|
|
48
48
|
`,
|
|
49
|
-
|
|
49
|
+
`
|
|
50
50
|
import React from "react";
|
|
51
51
|
import DropdownMenu from "@material/dropdown-menu";
|
|
52
52
|
|
|
@@ -55,13 +55,13 @@ describe('replace position to placement', () => {
|
|
|
55
55
|
</DropdownMenu>
|
|
56
56
|
);
|
|
57
57
|
`,
|
|
58
|
-
|
|
59
|
-
|
|
58
|
+
'should not change position if the package is not from atlassian design system',
|
|
59
|
+
);
|
|
60
60
|
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
61
|
+
defineInlineTest(
|
|
62
|
+
{ default: transformer, parser: 'tsx' },
|
|
63
|
+
{},
|
|
64
|
+
`
|
|
65
65
|
import React from "react";
|
|
66
66
|
import DropdownMenu from "@atlaskit/dropdown-menu";
|
|
67
67
|
|
|
@@ -70,7 +70,7 @@ describe('replace position to placement', () => {
|
|
|
70
70
|
</DropdownMenu>
|
|
71
71
|
);
|
|
72
72
|
`,
|
|
73
|
-
|
|
73
|
+
`
|
|
74
74
|
import React from "react";
|
|
75
75
|
import DropdownMenu from "@atlaskit/dropdown-menu";
|
|
76
76
|
|
|
@@ -79,6 +79,6 @@ describe('replace position to placement', () => {
|
|
|
79
79
|
</DropdownMenu>
|
|
80
80
|
);
|
|
81
81
|
`,
|
|
82
|
-
|
|
83
|
-
|
|
82
|
+
'should change position to placement and its value to align with enums defined in popper',
|
|
83
|
+
);
|
|
84
84
|
});
|
|
@@ -10,10 +10,10 @@ const transformer = createTransformer([replaceShouldAllowMultiline]);
|
|
|
10
10
|
const defineInlineTest = require('jscodeshift/dist/testUtils').defineInlineTest;
|
|
11
11
|
|
|
12
12
|
describe('delete items prop', () => {
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
13
|
+
defineInlineTest(
|
|
14
|
+
{ default: transformer, parser: 'tsx' },
|
|
15
|
+
{},
|
|
16
|
+
`
|
|
17
17
|
import React from "react";
|
|
18
18
|
import DropdownMenu from "@atlaskit/dropdown-menu";
|
|
19
19
|
|
|
@@ -22,7 +22,7 @@ describe('delete items prop', () => {
|
|
|
22
22
|
</DropdownMenu>
|
|
23
23
|
);
|
|
24
24
|
`,
|
|
25
|
-
|
|
25
|
+
`
|
|
26
26
|
import React from "react";
|
|
27
27
|
import DropdownMenu from "@atlaskit/dropdown-menu";
|
|
28
28
|
|
|
@@ -31,13 +31,13 @@ describe('delete items prop', () => {
|
|
|
31
31
|
</DropdownMenu>
|
|
32
32
|
);
|
|
33
33
|
`,
|
|
34
|
-
|
|
35
|
-
|
|
34
|
+
'should not change anything when items is not used ',
|
|
35
|
+
);
|
|
36
36
|
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
37
|
+
defineInlineTest(
|
|
38
|
+
{ default: transformer, parser: 'tsx' },
|
|
39
|
+
{},
|
|
40
|
+
`
|
|
41
41
|
import React from "react";
|
|
42
42
|
import DropdownMenu from "@atlaskit/dropdown-menu";
|
|
43
43
|
|
|
@@ -46,7 +46,7 @@ describe('delete items prop', () => {
|
|
|
46
46
|
</DropdownMenu>
|
|
47
47
|
);
|
|
48
48
|
`,
|
|
49
|
-
|
|
49
|
+
`
|
|
50
50
|
import React from "react";
|
|
51
51
|
import DropdownMenu from "@atlaskit/dropdown-menu";
|
|
52
52
|
|
|
@@ -59,13 +59,13 @@ describe('delete items prop', () => {
|
|
|
59
59
|
</DropdownMenu>
|
|
60
60
|
);
|
|
61
61
|
`,
|
|
62
|
-
|
|
63
|
-
|
|
62
|
+
'should replace shouldAllowMultiline with shouldTitleWrap and shouldDescriptionWrap - default value',
|
|
63
|
+
);
|
|
64
64
|
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
65
|
+
defineInlineTest(
|
|
66
|
+
{ default: transformer, parser: 'tsx' },
|
|
67
|
+
{},
|
|
68
|
+
`
|
|
69
69
|
import React from "react";
|
|
70
70
|
import DropdownMenu from "@atlaskit/dropdown-menu";
|
|
71
71
|
|
|
@@ -74,7 +74,7 @@ describe('delete items prop', () => {
|
|
|
74
74
|
</DropdownMenu>
|
|
75
75
|
);
|
|
76
76
|
`,
|
|
77
|
-
|
|
77
|
+
`
|
|
78
78
|
import React from "react";
|
|
79
79
|
import DropdownMenu from "@atlaskit/dropdown-menu";
|
|
80
80
|
|
|
@@ -87,13 +87,13 @@ describe('delete items prop', () => {
|
|
|
87
87
|
</DropdownMenu>
|
|
88
88
|
);
|
|
89
89
|
`,
|
|
90
|
-
|
|
91
|
-
|
|
90
|
+
'should replace shouldAllowMultiline with shouldTitleWrap and shouldDescriptionWrap - with value',
|
|
91
|
+
);
|
|
92
92
|
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
93
|
+
defineInlineTest(
|
|
94
|
+
{ default: transformer, parser: 'tsx' },
|
|
95
|
+
{},
|
|
96
|
+
`
|
|
97
97
|
import React from "react";
|
|
98
98
|
import DropdownMenu from "@atlaskit/dropdown-menu";
|
|
99
99
|
|
|
@@ -103,7 +103,7 @@ describe('delete items prop', () => {
|
|
|
103
103
|
</DropdownMenu>
|
|
104
104
|
);
|
|
105
105
|
`,
|
|
106
|
-
|
|
106
|
+
`
|
|
107
107
|
import React from "react";
|
|
108
108
|
import DropdownMenu from "@atlaskit/dropdown-menu";
|
|
109
109
|
|
|
@@ -117,6 +117,6 @@ describe('delete items prop', () => {
|
|
|
117
117
|
</DropdownMenu>
|
|
118
118
|
);
|
|
119
119
|
`,
|
|
120
|
-
|
|
121
|
-
|
|
120
|
+
'should replace shouldAllowMultiline with shouldTitleWrap and shouldDescriptionWrap - variable',
|
|
121
|
+
);
|
|
122
122
|
});
|
|
@@ -4,24 +4,22 @@ jest.autoMockOff();
|
|
|
4
4
|
import { createTransformer } from '@atlaskit/codemod-utils';
|
|
5
5
|
|
|
6
6
|
import {
|
|
7
|
-
|
|
8
|
-
|
|
7
|
+
updateDropdownItemGroupCheckboxCallsite,
|
|
8
|
+
updateDropdownItemGroupRadioCallsite,
|
|
9
9
|
} from '../migrates/update-component-callsites';
|
|
10
10
|
|
|
11
|
-
const transformDropdownItemGroupRadio = createTransformer([
|
|
12
|
-
updateDropdownItemGroupRadioCallsite,
|
|
13
|
-
]);
|
|
11
|
+
const transformDropdownItemGroupRadio = createTransformer([updateDropdownItemGroupRadioCallsite]);
|
|
14
12
|
const transformDropdownItemGroupCheckbox = createTransformer([
|
|
15
|
-
|
|
13
|
+
updateDropdownItemGroupCheckboxCallsite,
|
|
16
14
|
]);
|
|
17
15
|
|
|
18
16
|
const defineInlineTest = require('jscodeshift/dist/testUtils').defineInlineTest;
|
|
19
17
|
|
|
20
18
|
describe('DropdownItemGroupRadio', () => {
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
19
|
+
defineInlineTest(
|
|
20
|
+
{ default: transformDropdownItemGroupRadio, parser: 'tsx' },
|
|
21
|
+
{},
|
|
22
|
+
`
|
|
25
23
|
<DropdownItemGroupRadio id="actions">
|
|
26
24
|
<DropdownItemRadio id="edit" defaultSelected>
|
|
27
25
|
Edit
|
|
@@ -29,7 +27,7 @@ describe('DropdownItemGroupRadio', () => {
|
|
|
29
27
|
<DropdownItemRadio id="move">Move</DropdownItemRadio>
|
|
30
28
|
</DropdownItemGroupRadio>
|
|
31
29
|
`,
|
|
32
|
-
|
|
30
|
+
`
|
|
33
31
|
<DropdownItemRadioGroup id="actions">
|
|
34
32
|
<DropdownItemRadio id="edit" defaultSelected>
|
|
35
33
|
Edit
|
|
@@ -37,15 +35,15 @@ describe('DropdownItemGroupRadio', () => {
|
|
|
37
35
|
<DropdownItemRadio id="move">Move</DropdownItemRadio>
|
|
38
36
|
</DropdownItemRadioGroup>
|
|
39
37
|
`,
|
|
40
|
-
|
|
41
|
-
|
|
38
|
+
'should transform DropdownItemGroupRadio to DropdownItemRadioGroup',
|
|
39
|
+
);
|
|
42
40
|
});
|
|
43
41
|
|
|
44
42
|
describe('DropdownItemGroupCheckbox', () => {
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
43
|
+
defineInlineTest(
|
|
44
|
+
{ default: transformDropdownItemGroupCheckbox, parser: 'tsx' },
|
|
45
|
+
{},
|
|
46
|
+
`
|
|
49
47
|
<DropdownItemGroupCheckbox id="actions">
|
|
50
48
|
<DropdownItemCheckbox id="edit" defaultSelected>
|
|
51
49
|
Edit
|
|
@@ -53,7 +51,7 @@ describe('DropdownItemGroupCheckbox', () => {
|
|
|
53
51
|
<DropdownItemCheckbox id="move">Move</DropdownItemCheckbox>
|
|
54
52
|
</DropdownItemGroupCheckbox>
|
|
55
53
|
`,
|
|
56
|
-
|
|
54
|
+
`
|
|
57
55
|
<DropdownItemCheckboxGroup id="actions">
|
|
58
56
|
<DropdownItemCheckbox id="edit" defaultSelected>
|
|
59
57
|
Edit
|
|
@@ -61,6 +59,6 @@ describe('DropdownItemGroupCheckbox', () => {
|
|
|
61
59
|
<DropdownItemCheckbox id="move">Move</DropdownItemCheckbox>
|
|
62
60
|
</DropdownItemCheckboxGroup>
|
|
63
61
|
`,
|
|
64
|
-
|
|
65
|
-
|
|
62
|
+
'should transform DropdownItemGroupCheckbox to DropdownItemCheckboxGroup',
|
|
63
|
+
);
|
|
66
64
|
});
|