@react-spectrum/codemods 0.5.1 → 0.6.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/dist/s1-to-s2/src/codemods/codemod.js +33 -25
- package/dist/s1-to-s2/src/codemods/components/ActionGroup/transform.js +164 -0
- package/dist/s1-to-s2/src/codemods/components/ActionMenu/transform.js +15 -0
- package/dist/s1-to-s2/src/codemods/components/Avatar/transform.js +77 -0
- package/dist/s1-to-s2/src/codemods/components/Badge/transform.js +17 -0
- package/dist/s1-to-s2/src/codemods/components/Breadcrumbs/transform.js +26 -0
- package/dist/s1-to-s2/src/codemods/components/Button/transform.js +45 -0
- package/dist/s1-to-s2/src/codemods/components/CheckboxGroup/transform.js +12 -0
- package/dist/s1-to-s2/src/codemods/components/ColorField/transform.js +26 -0
- package/dist/s1-to-s2/src/codemods/components/ColorSlider/transform.js +12 -0
- package/dist/s1-to-s2/src/codemods/components/Column/transform.js +12 -0
- package/dist/s1-to-s2/src/codemods/components/ComboBox/transform.js +29 -0
- package/dist/s1-to-s2/src/codemods/components/ContextualHelp/transform.js +15 -0
- package/dist/s1-to-s2/src/codemods/components/DialogContainer/transform.js +16 -0
- package/dist/s1-to-s2/src/codemods/components/DialogTrigger/transform.js +111 -0
- package/dist/s1-to-s2/src/codemods/components/Divider/transform.js +12 -0
- package/dist/s1-to-s2/src/codemods/components/Form/transform.js +21 -0
- package/dist/s1-to-s2/src/codemods/components/InlineAlert/transform.js +17 -0
- package/dist/s1-to-s2/src/codemods/components/Item/transform.js +25 -0
- package/dist/s1-to-s2/src/codemods/components/Link/transform.js +76 -0
- package/dist/s1-to-s2/src/codemods/components/NumberField/transform.js +23 -0
- package/dist/s1-to-s2/src/codemods/components/Picker/transform.js +33 -0
- package/dist/s1-to-s2/src/codemods/components/ProgressBar/transform.js +23 -0
- package/dist/s1-to-s2/src/codemods/components/ProgressCircle/transform.js +17 -0
- package/dist/s1-to-s2/src/codemods/components/RadioGroup/transform.js +23 -0
- package/dist/s1-to-s2/src/codemods/components/RangeSlider/transform.js +18 -0
- package/dist/s1-to-s2/src/codemods/components/Row/transform.js +111 -0
- package/dist/s1-to-s2/src/codemods/components/SearchField/transform.js +29 -0
- package/dist/s1-to-s2/src/codemods/components/Section/transform.js +37 -0
- package/dist/s1-to-s2/src/codemods/components/Slider/transform.js +24 -0
- package/dist/s1-to-s2/src/codemods/components/StatusLight/transform.js +20 -0
- package/dist/s1-to-s2/src/codemods/components/TableView/transform.js +189 -0
- package/dist/s1-to-s2/src/codemods/components/Tabs/transform.js +116 -0
- package/dist/s1-to-s2/src/codemods/components/TagGroup/transform.js +27 -0
- package/dist/s1-to-s2/src/codemods/components/TextArea/transform.js +29 -0
- package/dist/s1-to-s2/src/codemods/components/TextField/transform.js +29 -0
- package/dist/s1-to-s2/src/codemods/components/Tooltip/transform.js +29 -0
- package/dist/s1-to-s2/src/codemods/components/TooltipTrigger/transform.js +15 -0
- package/dist/s1-to-s2/src/codemods/{styleProps.js → shared/styleProps.js} +22 -9
- package/dist/s1-to-s2/src/codemods/shared/transforms.js +608 -0
- package/dist/s1-to-s2/src/codemods/{unsafeStyle.js → shared/unsafeStyle.js} +1 -1
- package/dist/s1-to-s2/src/codemods/{utils.js → shared/utils.js} +26 -16
- package/package.json +6 -6
- package/dist/s1-to-s2/src/codemods/button.js +0 -52
- package/dist/s1-to-s2/src/codemods/changes.js +0 -1260
- package/dist/s1-to-s2/src/codemods/dialog.js +0 -63
- package/dist/s1-to-s2/src/codemods/transforms.js +0 -1043
- /package/dist/s1-to-s2/src/{iconMap.js → codemods/icons/iconMap.js} +0 -0
- /package/dist/s1-to-s2/src/codemods/{colors.js → shared/colors.js} +0 -0
- /package/dist/s1-to-s2/src/codemods/{dimensions.js → shared/dimensions.js} +0 -0
|
@@ -1,1260 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.changes = void 0;
|
|
4
|
-
exports.changes = {
|
|
5
|
-
Avatar: {
|
|
6
|
-
changes: [
|
|
7
|
-
{
|
|
8
|
-
description: 'Comment out isDisabled',
|
|
9
|
-
reason: 'It has not been implemented yet',
|
|
10
|
-
function: {
|
|
11
|
-
name: 'commentOutProp',
|
|
12
|
-
args: { propToComment: 'isDisabled' }
|
|
13
|
-
}
|
|
14
|
-
},
|
|
15
|
-
{
|
|
16
|
-
description: 'Update size prop',
|
|
17
|
-
reason: 'Updated naming convention',
|
|
18
|
-
function: {
|
|
19
|
-
name: 'updateAvatarSize',
|
|
20
|
-
args: {}
|
|
21
|
-
}
|
|
22
|
-
}
|
|
23
|
-
]
|
|
24
|
-
},
|
|
25
|
-
ActionGroup: {
|
|
26
|
-
changes: [
|
|
27
|
-
{
|
|
28
|
-
description: 'Comment out overflowMode',
|
|
29
|
-
reason: 'It has not been implemented yet',
|
|
30
|
-
function: {
|
|
31
|
-
name: 'commentOutProp',
|
|
32
|
-
args: { propToComment: 'overflowMode' }
|
|
33
|
-
}
|
|
34
|
-
},
|
|
35
|
-
{
|
|
36
|
-
description: 'Comment out buttonLabelBehavior',
|
|
37
|
-
reason: 'It has not been implemented yet',
|
|
38
|
-
function: {
|
|
39
|
-
name: 'commentOutProp',
|
|
40
|
-
args: { propToComment: 'buttonLabelBehavior' }
|
|
41
|
-
}
|
|
42
|
-
},
|
|
43
|
-
{
|
|
44
|
-
description: 'Comment out summaryIcon',
|
|
45
|
-
reason: 'It has not been implemented yet',
|
|
46
|
-
function: {
|
|
47
|
-
name: 'commentOutProp',
|
|
48
|
-
args: { propToComment: 'summaryIcon' }
|
|
49
|
-
}
|
|
50
|
-
},
|
|
51
|
-
{
|
|
52
|
-
description: 'Replace with ActionButtonGroup or ToggleButtonGroup',
|
|
53
|
-
reason: 'The API has changed',
|
|
54
|
-
function: { name: 'updateActionGroup', args: {} }
|
|
55
|
-
}
|
|
56
|
-
]
|
|
57
|
-
},
|
|
58
|
-
ActionMenu: {
|
|
59
|
-
changes: [
|
|
60
|
-
{
|
|
61
|
-
description: 'Comment out closeOnSelect',
|
|
62
|
-
reason: 'It has not been implemented yet',
|
|
63
|
-
function: {
|
|
64
|
-
name: 'commentOutProp',
|
|
65
|
-
args: { propToComment: 'closeOnSelect' }
|
|
66
|
-
}
|
|
67
|
-
},
|
|
68
|
-
{
|
|
69
|
-
description: 'Comment out trigger',
|
|
70
|
-
reason: 'It has not been implemented yet',
|
|
71
|
-
function: {
|
|
72
|
-
name: 'commentOutProp',
|
|
73
|
-
args: { propToComment: 'trigger' }
|
|
74
|
-
}
|
|
75
|
-
}
|
|
76
|
-
]
|
|
77
|
-
},
|
|
78
|
-
Badge: {
|
|
79
|
-
changes: [
|
|
80
|
-
{
|
|
81
|
-
description: "Change variant='info' to variant='informative'",
|
|
82
|
-
reason: 'Updated naming convention',
|
|
83
|
-
function: {
|
|
84
|
-
name: 'updatePropNameAndValue',
|
|
85
|
-
args: {
|
|
86
|
-
oldProp: 'variant',
|
|
87
|
-
oldValue: 'info',
|
|
88
|
-
newProp: 'variant',
|
|
89
|
-
newValue: 'informative'
|
|
90
|
-
}
|
|
91
|
-
}
|
|
92
|
-
}
|
|
93
|
-
]
|
|
94
|
-
},
|
|
95
|
-
Breadcrumbs: {
|
|
96
|
-
changes: [
|
|
97
|
-
{
|
|
98
|
-
description: 'Comment out showRoot',
|
|
99
|
-
reason: 'It has not been implemented yet',
|
|
100
|
-
function: {
|
|
101
|
-
name: 'commentOutProp',
|
|
102
|
-
args: { propToComment: 'showRoot' }
|
|
103
|
-
}
|
|
104
|
-
},
|
|
105
|
-
{
|
|
106
|
-
description: 'Comment out isMultiline',
|
|
107
|
-
reason: 'It has not been implemented yet',
|
|
108
|
-
function: {
|
|
109
|
-
name: 'commentOutProp',
|
|
110
|
-
args: { propToComment: 'isMultiline' }
|
|
111
|
-
}
|
|
112
|
-
},
|
|
113
|
-
{
|
|
114
|
-
description: 'Comment out autoFocusCurrent',
|
|
115
|
-
reason: 'It has not been implemented yet',
|
|
116
|
-
function: {
|
|
117
|
-
name: 'commentOutProp',
|
|
118
|
-
args: { propToComment: 'autoFocusCurrent' }
|
|
119
|
-
}
|
|
120
|
-
},
|
|
121
|
-
{
|
|
122
|
-
description: 'Remove size="S"',
|
|
123
|
-
reason: 'Small is no longer a supported size in Spectrum 2',
|
|
124
|
-
function: {
|
|
125
|
-
name: 'removeProp',
|
|
126
|
-
args: { propToRemove: 'size', propValue: 'S' }
|
|
127
|
-
}
|
|
128
|
-
},
|
|
129
|
-
{
|
|
130
|
-
description: 'Add comment to wrap in nav element if needed',
|
|
131
|
-
reason: 'A nav element is no longer included inside Breadcrumbs by default. You can wrap the Breadcrumbs component in a nav element if needed.',
|
|
132
|
-
function: {
|
|
133
|
-
name: 'addCommentToElement',
|
|
134
|
-
args: { comment: 'S2 Breadcrumbs no longer includes a nav element by default. You can wrap the Breadcrumbs component in a nav element if needed.' }
|
|
135
|
-
}
|
|
136
|
-
}
|
|
137
|
-
]
|
|
138
|
-
},
|
|
139
|
-
Button: {
|
|
140
|
-
changes: [
|
|
141
|
-
{
|
|
142
|
-
description: 'Change variant="cta" to variant="accent"',
|
|
143
|
-
reason: 'Call-to-action was deprecated',
|
|
144
|
-
function: {
|
|
145
|
-
name: 'updatePropNameAndValue',
|
|
146
|
-
args: {
|
|
147
|
-
oldProp: 'variant',
|
|
148
|
-
oldValue: 'cta',
|
|
149
|
-
newProp: 'variant',
|
|
150
|
-
newValue: 'accent'
|
|
151
|
-
}
|
|
152
|
-
}
|
|
153
|
-
},
|
|
154
|
-
{
|
|
155
|
-
description: 'Change variant="overBackground" to variant="primary" staticColor="white"',
|
|
156
|
-
reason: 'Updated design guidelines',
|
|
157
|
-
function: {
|
|
158
|
-
name: 'updatePropValueAndAddNewProp',
|
|
159
|
-
args: {
|
|
160
|
-
oldProp: 'variant',
|
|
161
|
-
oldValue: 'overBackground',
|
|
162
|
-
newProp: 'variant',
|
|
163
|
-
newValue: 'primary',
|
|
164
|
-
additionalProp: 'staticColor',
|
|
165
|
-
additionalValue: 'white'
|
|
166
|
-
}
|
|
167
|
-
}
|
|
168
|
-
},
|
|
169
|
-
{
|
|
170
|
-
description: 'Change style to fillStyle',
|
|
171
|
-
reason: 'To avoid confusion with HTMLElement style attribute',
|
|
172
|
-
function: {
|
|
173
|
-
name: 'updatePropName',
|
|
174
|
-
args: { oldProp: 'style', newProp: 'fillStyle' }
|
|
175
|
-
}
|
|
176
|
-
},
|
|
177
|
-
{
|
|
178
|
-
description: 'Comment out isPending',
|
|
179
|
-
reason: 'It has not been implemented yet',
|
|
180
|
-
function: {
|
|
181
|
-
name: 'commentOutProp',
|
|
182
|
-
args: { propToComment: 'isPending' }
|
|
183
|
-
}
|
|
184
|
-
},
|
|
185
|
-
{
|
|
186
|
-
description: 'Remove isQuiet',
|
|
187
|
-
reason: 'It is no longer supported',
|
|
188
|
-
function: { name: 'removeProp', args: { propToRemove: 'isQuiet' } }
|
|
189
|
-
},
|
|
190
|
-
{
|
|
191
|
-
description: 'If href is present, Button should be converted to a LinkButton',
|
|
192
|
-
reason: 'Improved API and behavior for links',
|
|
193
|
-
function: {
|
|
194
|
-
name: 'updateComponentIfPropPresent',
|
|
195
|
-
args: {
|
|
196
|
-
newComponent: 'LinkButton',
|
|
197
|
-
propToCheck: 'href'
|
|
198
|
-
}
|
|
199
|
-
}
|
|
200
|
-
},
|
|
201
|
-
{
|
|
202
|
-
description: 'Remove elementType',
|
|
203
|
-
reason: 'It is no longer supported',
|
|
204
|
-
function: { name: 'removeProp', args: { propToRemove: 'elementType' } }
|
|
205
|
-
}
|
|
206
|
-
]
|
|
207
|
-
},
|
|
208
|
-
CheckboxGroup: {
|
|
209
|
-
changes: [
|
|
210
|
-
{
|
|
211
|
-
description: 'Remove showErrorIcon',
|
|
212
|
-
reason: 'It has been removed for accessibility reasons',
|
|
213
|
-
function: {
|
|
214
|
-
name: 'removeProp',
|
|
215
|
-
args: { propToRemove: 'showErrorIcon' }
|
|
216
|
-
}
|
|
217
|
-
}
|
|
218
|
-
]
|
|
219
|
-
},
|
|
220
|
-
ColorArea: {
|
|
221
|
-
changes: []
|
|
222
|
-
},
|
|
223
|
-
ColorWheel: {
|
|
224
|
-
changes: []
|
|
225
|
-
},
|
|
226
|
-
ColorSlider: {
|
|
227
|
-
changes: [
|
|
228
|
-
{
|
|
229
|
-
description: 'Remove showValueLabel',
|
|
230
|
-
reason: 'It has been removed for accessibility reasons',
|
|
231
|
-
function: {
|
|
232
|
-
name: 'removeProp',
|
|
233
|
-
args: { propToRemove: 'showValueLabel' }
|
|
234
|
-
}
|
|
235
|
-
}
|
|
236
|
-
]
|
|
237
|
-
},
|
|
238
|
-
ColorField: {
|
|
239
|
-
changes: [
|
|
240
|
-
{
|
|
241
|
-
description: 'Remove isQuiet',
|
|
242
|
-
reason: 'It is no longer supported',
|
|
243
|
-
function: {
|
|
244
|
-
name: 'removeProp',
|
|
245
|
-
args: { propToRemove: 'isQuiet' }
|
|
246
|
-
}
|
|
247
|
-
},
|
|
248
|
-
{
|
|
249
|
-
description: 'Remove placeholder',
|
|
250
|
-
reason: 'It has been removed for accessibility reasons',
|
|
251
|
-
function: {
|
|
252
|
-
name: 'removeProp',
|
|
253
|
-
args: { propToRemove: 'placeholder' }
|
|
254
|
-
}
|
|
255
|
-
},
|
|
256
|
-
{
|
|
257
|
-
description: "Change validationState='invalid' to isInvalid",
|
|
258
|
-
reason: 'Updated API',
|
|
259
|
-
function: {
|
|
260
|
-
name: 'updatePropNameAndValue',
|
|
261
|
-
args: {
|
|
262
|
-
oldProp: 'validationState',
|
|
263
|
-
oldValue: 'invalid',
|
|
264
|
-
newProp: 'isInvalid',
|
|
265
|
-
newValue: true
|
|
266
|
-
}
|
|
267
|
-
}
|
|
268
|
-
},
|
|
269
|
-
{
|
|
270
|
-
description: "Remove validationState='valid'",
|
|
271
|
-
reason: 'It is no longer supported',
|
|
272
|
-
function: {
|
|
273
|
-
name: 'removeProp',
|
|
274
|
-
args: { propToRemove: 'validationState', propValue: 'valid' }
|
|
275
|
-
}
|
|
276
|
-
}
|
|
277
|
-
]
|
|
278
|
-
},
|
|
279
|
-
ComboBox: {
|
|
280
|
-
changes: [
|
|
281
|
-
{
|
|
282
|
-
description: 'Change menuWidth value from a DimensionValue to a pixel value',
|
|
283
|
-
reason: 'Updated design guidelines',
|
|
284
|
-
function: {
|
|
285
|
-
name: 'convertDimensionValueToPx',
|
|
286
|
-
args: {
|
|
287
|
-
propToConvertValue: 'menuWidth'
|
|
288
|
-
}
|
|
289
|
-
}
|
|
290
|
-
},
|
|
291
|
-
{
|
|
292
|
-
description: 'Remove isQuiet',
|
|
293
|
-
reason: 'It is no longer supported',
|
|
294
|
-
function: { name: 'removeProp', args: { propToRemove: 'isQuiet' } }
|
|
295
|
-
},
|
|
296
|
-
{
|
|
297
|
-
description: 'Comment out loadingState',
|
|
298
|
-
reason: 'It has not been implemented yet',
|
|
299
|
-
function: {
|
|
300
|
-
name: 'commentOutProp',
|
|
301
|
-
args: { propToComment: 'loadingState' }
|
|
302
|
-
}
|
|
303
|
-
},
|
|
304
|
-
{
|
|
305
|
-
description: 'Remove placeholder',
|
|
306
|
-
reason: 'It is no longer supported',
|
|
307
|
-
function: { name: 'removeProp', args: { propToRemove: 'placeholder' } }
|
|
308
|
-
},
|
|
309
|
-
{
|
|
310
|
-
description: "Change validationState='invalid' to isInvalid",
|
|
311
|
-
reason: 'Updated API',
|
|
312
|
-
function: {
|
|
313
|
-
name: 'updatePropNameAndValue',
|
|
314
|
-
args: {
|
|
315
|
-
oldProp: 'validationState',
|
|
316
|
-
oldValue: 'invalid',
|
|
317
|
-
newProp: 'isInvalid',
|
|
318
|
-
newValue: true
|
|
319
|
-
}
|
|
320
|
-
}
|
|
321
|
-
},
|
|
322
|
-
{
|
|
323
|
-
description: "Remove validationState='valid'",
|
|
324
|
-
reason: 'It is no longer supported',
|
|
325
|
-
function: {
|
|
326
|
-
name: 'removeProp',
|
|
327
|
-
args: { propToRemove: 'validationState', propValue: 'valid' }
|
|
328
|
-
}
|
|
329
|
-
},
|
|
330
|
-
{
|
|
331
|
-
description: 'Comment out onLoadMore',
|
|
332
|
-
reason: 'It has not been implemented yet',
|
|
333
|
-
function: {
|
|
334
|
-
name: 'commentOutProp',
|
|
335
|
-
args: { propToComment: 'onLoadMore' }
|
|
336
|
-
}
|
|
337
|
-
}
|
|
338
|
-
]
|
|
339
|
-
},
|
|
340
|
-
Dialog: {
|
|
341
|
-
changes: []
|
|
342
|
-
},
|
|
343
|
-
DialogTrigger: {
|
|
344
|
-
changes: [
|
|
345
|
-
{
|
|
346
|
-
description: "Comment out type='tray'",
|
|
347
|
-
reason: 'Tray has not been implemented yet',
|
|
348
|
-
function: { name: 'commentOutProp', args: { propToComment: 'type', propValue: 'tray' } }
|
|
349
|
-
},
|
|
350
|
-
{
|
|
351
|
-
description: "Comment out mobileType='tray'",
|
|
352
|
-
reason: 'mobileType has not been implemented yet',
|
|
353
|
-
function: {
|
|
354
|
-
name: 'commentOutProp',
|
|
355
|
-
args: { propToComment: 'mobileType' }
|
|
356
|
-
}
|
|
357
|
-
},
|
|
358
|
-
{
|
|
359
|
-
description: 'Remove targetRef',
|
|
360
|
-
reason: 'It is no longer supported',
|
|
361
|
-
function: { name: 'removeProp', args: { propToRemove: 'targetRef' } }
|
|
362
|
-
},
|
|
363
|
-
{
|
|
364
|
-
description: 'Update children to move render props from being the second child of DialogTrigger to being a child of Dialog',
|
|
365
|
-
reason: 'Updated API',
|
|
366
|
-
function: {
|
|
367
|
-
name: 'moveRenderPropsToChild',
|
|
368
|
-
args: { newChildComponent: 'Dialog' }
|
|
369
|
-
}
|
|
370
|
-
},
|
|
371
|
-
{
|
|
372
|
-
description: 'Rename isDismissable to isDismissible',
|
|
373
|
-
reason: 'Fixed spelling',
|
|
374
|
-
function: { name: 'updatePropName', args: { oldProp: 'isDismissable', newProp: 'isDismissible' } }
|
|
375
|
-
},
|
|
376
|
-
{
|
|
377
|
-
description: 'Update Dialog child to Popover or FullscreenDialog depending on type prop',
|
|
378
|
-
reason: 'Updated API',
|
|
379
|
-
function: { name: 'updateDialogChild', args: {} }
|
|
380
|
-
}
|
|
381
|
-
]
|
|
382
|
-
},
|
|
383
|
-
DialogContainer: {
|
|
384
|
-
changes: [
|
|
385
|
-
{
|
|
386
|
-
description: 'Rename isDismissable to isDismissible',
|
|
387
|
-
reason: 'Fixed spelling',
|
|
388
|
-
function: { name: 'updatePropName', args: { oldProp: 'isDismissable', newProp: 'isDismissible' } }
|
|
389
|
-
},
|
|
390
|
-
{
|
|
391
|
-
description: 'Update Dialog child to Popover or FullscreenDialog depending on type prop',
|
|
392
|
-
reason: 'Updated API',
|
|
393
|
-
function: { name: 'updateDialogChild', args: {} }
|
|
394
|
-
}
|
|
395
|
-
]
|
|
396
|
-
},
|
|
397
|
-
Divider: {
|
|
398
|
-
changes: [
|
|
399
|
-
{
|
|
400
|
-
description: 'Remove Divider if within a Dialog',
|
|
401
|
-
reason: 'Updated design',
|
|
402
|
-
function: {
|
|
403
|
-
name: 'removeComponentIfWithinParent',
|
|
404
|
-
args: { parentComponent: 'Dialog' }
|
|
405
|
-
}
|
|
406
|
-
}
|
|
407
|
-
]
|
|
408
|
-
},
|
|
409
|
-
Form: {
|
|
410
|
-
changes: [
|
|
411
|
-
{
|
|
412
|
-
description: 'Remove isQuiet',
|
|
413
|
-
reason: 'It is no longer supported',
|
|
414
|
-
function: { name: 'removeProp', args: { propToRemove: 'isQuiet' } }
|
|
415
|
-
},
|
|
416
|
-
{
|
|
417
|
-
description: 'Remove isReadOnly',
|
|
418
|
-
reason: 'It is no longer supported',
|
|
419
|
-
function: { name: 'removeProp', args: { propToRemove: 'isReadOnly' } }
|
|
420
|
-
},
|
|
421
|
-
{
|
|
422
|
-
description: 'Remove validationState',
|
|
423
|
-
reason: 'It is no longer supported',
|
|
424
|
-
function: {
|
|
425
|
-
name: 'removeProp',
|
|
426
|
-
args: { propToRemove: 'validationState' }
|
|
427
|
-
}
|
|
428
|
-
}
|
|
429
|
-
]
|
|
430
|
-
},
|
|
431
|
-
InlineAlert: {
|
|
432
|
-
changes: [
|
|
433
|
-
{
|
|
434
|
-
description: "Change variant='info' to variant='informative'",
|
|
435
|
-
reason: 'Updated naming convention',
|
|
436
|
-
function: {
|
|
437
|
-
name: 'updatePropNameAndValue',
|
|
438
|
-
args: {
|
|
439
|
-
oldProp: 'variant',
|
|
440
|
-
oldValue: 'info',
|
|
441
|
-
newProp: 'variant',
|
|
442
|
-
newValue: 'informative'
|
|
443
|
-
}
|
|
444
|
-
}
|
|
445
|
-
}
|
|
446
|
-
]
|
|
447
|
-
},
|
|
448
|
-
Item: {
|
|
449
|
-
changes: [
|
|
450
|
-
{
|
|
451
|
-
description: 'If within Menu, update Item to be a MenuItem',
|
|
452
|
-
reason: 'Updated collections API',
|
|
453
|
-
function: {
|
|
454
|
-
name: 'updateComponentWithinCollection',
|
|
455
|
-
args: {
|
|
456
|
-
parentComponent: 'Menu',
|
|
457
|
-
newComponent: 'MenuItem'
|
|
458
|
-
}
|
|
459
|
-
}
|
|
460
|
-
},
|
|
461
|
-
{
|
|
462
|
-
description: 'If within ActionMenu, update Item to be a MenuItem',
|
|
463
|
-
reason: 'Updated collections API',
|
|
464
|
-
function: {
|
|
465
|
-
name: 'updateComponentWithinCollection',
|
|
466
|
-
args: {
|
|
467
|
-
parentComponent: 'ActionMenu',
|
|
468
|
-
newComponent: 'MenuItem'
|
|
469
|
-
}
|
|
470
|
-
}
|
|
471
|
-
},
|
|
472
|
-
{
|
|
473
|
-
description: 'If within TagGroup, update Item to be a Tag',
|
|
474
|
-
reason: 'Updated collections API',
|
|
475
|
-
function: {
|
|
476
|
-
name: 'updateComponentWithinCollection',
|
|
477
|
-
args: {
|
|
478
|
-
parentComponent: 'TagGroup',
|
|
479
|
-
newComponent: 'Tag'
|
|
480
|
-
}
|
|
481
|
-
}
|
|
482
|
-
},
|
|
483
|
-
{
|
|
484
|
-
description: 'If within Breadcrumbs, update Item to be a Breadcrumb',
|
|
485
|
-
reason: 'Updated collections API',
|
|
486
|
-
function: {
|
|
487
|
-
name: 'updateComponentWithinCollection',
|
|
488
|
-
args: {
|
|
489
|
-
parentComponent: 'Breadcrumbs',
|
|
490
|
-
newComponent: 'Breadcrumb'
|
|
491
|
-
}
|
|
492
|
-
}
|
|
493
|
-
},
|
|
494
|
-
{
|
|
495
|
-
description: 'If within Picker, update Item to be a PickerItem',
|
|
496
|
-
reason: 'Updated collections API',
|
|
497
|
-
function: {
|
|
498
|
-
name: 'updateComponentWithinCollection',
|
|
499
|
-
args: {
|
|
500
|
-
parentComponent: 'Picker',
|
|
501
|
-
newComponent: 'PickerItem'
|
|
502
|
-
}
|
|
503
|
-
}
|
|
504
|
-
},
|
|
505
|
-
{
|
|
506
|
-
description: 'If within ComboBox, update Item to be a ComboBoxItem',
|
|
507
|
-
reason: 'Updated collections API',
|
|
508
|
-
function: {
|
|
509
|
-
name: 'updateComponentWithinCollection',
|
|
510
|
-
args: {
|
|
511
|
-
parentComponent: 'ComboBox',
|
|
512
|
-
newComponent: 'ComboBoxItem'
|
|
513
|
-
}
|
|
514
|
-
}
|
|
515
|
-
},
|
|
516
|
-
{
|
|
517
|
-
description: 'Leave comment if we cannot determine parent collection component',
|
|
518
|
-
reason: 'No collection parent detected',
|
|
519
|
-
function: {
|
|
520
|
-
name: 'commentIfParentCollectionNotDetected',
|
|
521
|
-
args: {}
|
|
522
|
-
}
|
|
523
|
-
}
|
|
524
|
-
// TODO: Not yet implemented in S2
|
|
525
|
-
// {
|
|
526
|
-
// description: 'If within ListBox, update Item to be a ListBoxItem',
|
|
527
|
-
// reason: 'Updated collections API',
|
|
528
|
-
// function: {
|
|
529
|
-
// name: 'updateComponentWithinCollection',
|
|
530
|
-
// args: {
|
|
531
|
-
// parentComponent: 'ListBox',
|
|
532
|
-
// newComponent: 'ListBoxItem'
|
|
533
|
-
// }
|
|
534
|
-
// }
|
|
535
|
-
// },
|
|
536
|
-
]
|
|
537
|
-
},
|
|
538
|
-
Link: {
|
|
539
|
-
changes: [
|
|
540
|
-
{
|
|
541
|
-
description: "Change variant='overBackground' to staticColor='white'",
|
|
542
|
-
reason: 'Updated design guidelines',
|
|
543
|
-
function: {
|
|
544
|
-
name: 'updatePropNameAndValue',
|
|
545
|
-
args: {
|
|
546
|
-
oldProp: 'variant',
|
|
547
|
-
oldValue: 'overBackground',
|
|
548
|
-
newProp: 'staticColor',
|
|
549
|
-
newValue: 'white'
|
|
550
|
-
}
|
|
551
|
-
}
|
|
552
|
-
},
|
|
553
|
-
{
|
|
554
|
-
description: 'Remove inner anchor element if used (legacy API)',
|
|
555
|
-
reason: 'Updated API',
|
|
556
|
-
function: {
|
|
557
|
-
name: 'updateLegacyLink',
|
|
558
|
-
args: {}
|
|
559
|
-
}
|
|
560
|
-
}
|
|
561
|
-
]
|
|
562
|
-
},
|
|
563
|
-
MenuTrigger: {
|
|
564
|
-
changes: [
|
|
565
|
-
{
|
|
566
|
-
description: 'Comment out closeOnSelect',
|
|
567
|
-
reason: 'It has not been implemented yet',
|
|
568
|
-
function: {
|
|
569
|
-
name: 'commentOutProp',
|
|
570
|
-
args: { propToComment: 'closeOnSelect' }
|
|
571
|
-
}
|
|
572
|
-
}
|
|
573
|
-
]
|
|
574
|
-
},
|
|
575
|
-
SubmenuTrigger: {
|
|
576
|
-
changes: [
|
|
577
|
-
{
|
|
578
|
-
description: 'Remove targetKey',
|
|
579
|
-
reason: 'Potential v3 bug or API differ bug',
|
|
580
|
-
function: { name: 'removeProp', args: { propToRemove: 'targetKey' } }
|
|
581
|
-
}
|
|
582
|
-
]
|
|
583
|
-
},
|
|
584
|
-
NumberField: {
|
|
585
|
-
changes: [
|
|
586
|
-
{
|
|
587
|
-
description: 'Remove isQuiet',
|
|
588
|
-
reason: 'It is no longer supported',
|
|
589
|
-
function: { name: 'removeProp', args: { propToRemove: 'isQuiet' } }
|
|
590
|
-
},
|
|
591
|
-
{
|
|
592
|
-
description: "Change validationState='invalid' to isInvalid",
|
|
593
|
-
reason: 'Updated API',
|
|
594
|
-
function: {
|
|
595
|
-
name: 'updatePropNameAndValue',
|
|
596
|
-
args: {
|
|
597
|
-
oldProp: 'validationState',
|
|
598
|
-
oldValue: 'invalid',
|
|
599
|
-
newProp: 'isInvalid',
|
|
600
|
-
newValue: true
|
|
601
|
-
}
|
|
602
|
-
}
|
|
603
|
-
},
|
|
604
|
-
{
|
|
605
|
-
description: "Remove validationState='valid'",
|
|
606
|
-
reason: 'It is no longer supported',
|
|
607
|
-
function: {
|
|
608
|
-
name: 'removeProp',
|
|
609
|
-
args: { propToRemove: 'validationState', propValue: 'valid' }
|
|
610
|
-
}
|
|
611
|
-
}
|
|
612
|
-
]
|
|
613
|
-
},
|
|
614
|
-
Picker: {
|
|
615
|
-
changes: [
|
|
616
|
-
{
|
|
617
|
-
description: 'Change menuWidth value from a DimensionValue to a pixel value',
|
|
618
|
-
reason: 'Updated design guidelines',
|
|
619
|
-
function: {
|
|
620
|
-
name: 'convertDimensionValueToPx',
|
|
621
|
-
args: {
|
|
622
|
-
propToConvertValue: 'menuWidth'
|
|
623
|
-
}
|
|
624
|
-
}
|
|
625
|
-
},
|
|
626
|
-
{
|
|
627
|
-
description: 'Remove isQuiet',
|
|
628
|
-
reason: 'It is no longer supported',
|
|
629
|
-
function: { name: 'removeProp', args: { propToRemove: 'isQuiet' } }
|
|
630
|
-
},
|
|
631
|
-
{
|
|
632
|
-
description: "Change validationState='invalid' to isInvalid",
|
|
633
|
-
reason: 'Updated API',
|
|
634
|
-
function: {
|
|
635
|
-
name: 'updatePropNameAndValue',
|
|
636
|
-
args: {
|
|
637
|
-
oldProp: 'validationState',
|
|
638
|
-
oldValue: 'invalid',
|
|
639
|
-
newProp: 'isInvalid',
|
|
640
|
-
newValue: true
|
|
641
|
-
}
|
|
642
|
-
}
|
|
643
|
-
},
|
|
644
|
-
{
|
|
645
|
-
description: "Remove validationState='valid'",
|
|
646
|
-
reason: 'It is no longer supported',
|
|
647
|
-
function: {
|
|
648
|
-
name: 'removeProp',
|
|
649
|
-
args: { propToRemove: 'validationState', propValue: 'valid' }
|
|
650
|
-
}
|
|
651
|
-
},
|
|
652
|
-
{
|
|
653
|
-
description: 'Comment out isLoading',
|
|
654
|
-
reason: 'It has not been implemented yet',
|
|
655
|
-
function: {
|
|
656
|
-
name: 'commentOutProp',
|
|
657
|
-
args: { propToComment: 'isLoading' }
|
|
658
|
-
}
|
|
659
|
-
},
|
|
660
|
-
{
|
|
661
|
-
description: 'Comment out onLoadMore',
|
|
662
|
-
reason: 'It has not been implemented yet',
|
|
663
|
-
function: {
|
|
664
|
-
name: 'commentOutProp',
|
|
665
|
-
args: { propToComment: 'onLoadMore' }
|
|
666
|
-
}
|
|
667
|
-
}
|
|
668
|
-
]
|
|
669
|
-
},
|
|
670
|
-
ProgressBar: {
|
|
671
|
-
changes: [
|
|
672
|
-
{
|
|
673
|
-
description: "Change variant='overBackground' to staticColor='white'",
|
|
674
|
-
reason: 'Updated design guidelines',
|
|
675
|
-
function: {
|
|
676
|
-
name: 'updatePropNameAndValue',
|
|
677
|
-
args: {
|
|
678
|
-
oldProp: 'variant',
|
|
679
|
-
oldValue: 'overBackground',
|
|
680
|
-
newProp: 'staticColor',
|
|
681
|
-
newValue: 'white'
|
|
682
|
-
}
|
|
683
|
-
}
|
|
684
|
-
},
|
|
685
|
-
{
|
|
686
|
-
description: 'Comment out labelPosition',
|
|
687
|
-
reason: 'It has not been implemented yet',
|
|
688
|
-
function: {
|
|
689
|
-
name: 'commentOutProp',
|
|
690
|
-
args: { propToComment: 'labelPosition' }
|
|
691
|
-
}
|
|
692
|
-
},
|
|
693
|
-
{
|
|
694
|
-
description: 'Remove showValueLabel',
|
|
695
|
-
reason: 'It was removed for accessibility reasons',
|
|
696
|
-
function: { name: 'removeProp', args: { propToRemove: 'showValueLabel' } }
|
|
697
|
-
}
|
|
698
|
-
]
|
|
699
|
-
},
|
|
700
|
-
ProgressCircle: {
|
|
701
|
-
changes: [
|
|
702
|
-
{
|
|
703
|
-
description: "Change variant='overBackground' to staticColor='white'",
|
|
704
|
-
reason: 'Updated design guidelines',
|
|
705
|
-
function: {
|
|
706
|
-
name: 'updatePropNameAndValue',
|
|
707
|
-
args: {
|
|
708
|
-
oldProp: 'variant',
|
|
709
|
-
oldValue: 'overBackground',
|
|
710
|
-
newProp: 'staticColor',
|
|
711
|
-
newValue: 'white'
|
|
712
|
-
}
|
|
713
|
-
}
|
|
714
|
-
}
|
|
715
|
-
]
|
|
716
|
-
},
|
|
717
|
-
RadioGroup: {
|
|
718
|
-
changes: [
|
|
719
|
-
{
|
|
720
|
-
description: "Change validationState='invalid' to isInvalid",
|
|
721
|
-
reason: 'Updated API',
|
|
722
|
-
function: {
|
|
723
|
-
name: 'updatePropNameAndValue',
|
|
724
|
-
args: {
|
|
725
|
-
oldProp: 'validationState',
|
|
726
|
-
oldValue: 'invalid',
|
|
727
|
-
newProp: 'isInvalid',
|
|
728
|
-
newValue: true
|
|
729
|
-
}
|
|
730
|
-
}
|
|
731
|
-
},
|
|
732
|
-
{
|
|
733
|
-
description: "Remove validationState='valid'",
|
|
734
|
-
reason: 'It is no longer supported',
|
|
735
|
-
function: {
|
|
736
|
-
name: 'removeProp',
|
|
737
|
-
args: { propToRemove: 'validationState', propValue: 'valid' }
|
|
738
|
-
}
|
|
739
|
-
},
|
|
740
|
-
{
|
|
741
|
-
description: 'Remove showErrorIcon',
|
|
742
|
-
reason: 'It has been removed for accessibility reasons',
|
|
743
|
-
function: {
|
|
744
|
-
name: 'removeProp',
|
|
745
|
-
args: { propToRemove: 'showErrorIcon' }
|
|
746
|
-
}
|
|
747
|
-
}
|
|
748
|
-
]
|
|
749
|
-
},
|
|
750
|
-
RangeSlider: {
|
|
751
|
-
changes: [
|
|
752
|
-
{
|
|
753
|
-
description: 'Remove showValueLabel',
|
|
754
|
-
reason: 'It was removed for accessibility reasons',
|
|
755
|
-
function: { name: 'removeProp', args: { propToRemove: 'showValueLabel' } }
|
|
756
|
-
},
|
|
757
|
-
{
|
|
758
|
-
description: 'Comment out getValueLabel',
|
|
759
|
-
reason: 'It has not been implemented yet',
|
|
760
|
-
function: {
|
|
761
|
-
name: 'commentOutProp',
|
|
762
|
-
args: { propToComment: 'getValueLabel' }
|
|
763
|
-
}
|
|
764
|
-
},
|
|
765
|
-
{
|
|
766
|
-
description: 'Comment out orientation',
|
|
767
|
-
reason: 'It has not been implemented yet',
|
|
768
|
-
function: {
|
|
769
|
-
name: 'commentOutProp',
|
|
770
|
-
args: { propToComment: 'orientation' }
|
|
771
|
-
}
|
|
772
|
-
}
|
|
773
|
-
]
|
|
774
|
-
},
|
|
775
|
-
SearchField: {
|
|
776
|
-
changes: [
|
|
777
|
-
{
|
|
778
|
-
description: 'Remove placeholder',
|
|
779
|
-
reason: 'It has been removed for accessibility reasons',
|
|
780
|
-
function: { name: 'removeProp', args: { propToRemove: 'placeholder' } }
|
|
781
|
-
},
|
|
782
|
-
{
|
|
783
|
-
description: 'Comment out icon',
|
|
784
|
-
reason: 'It has not been implemented yet',
|
|
785
|
-
function: { name: 'commentOutProp', args: { propToComment: 'icon' } }
|
|
786
|
-
},
|
|
787
|
-
{
|
|
788
|
-
description: 'Remove isQuiet',
|
|
789
|
-
reason: 'It is no longer supported',
|
|
790
|
-
function: { name: 'removeProp', args: { propToRemove: 'isQuiet' } }
|
|
791
|
-
},
|
|
792
|
-
{
|
|
793
|
-
description: "Change validationState='invalid' to isInvalid",
|
|
794
|
-
reason: 'Updated API',
|
|
795
|
-
function: {
|
|
796
|
-
name: 'updatePropNameAndValue',
|
|
797
|
-
args: {
|
|
798
|
-
oldProp: 'validationState',
|
|
799
|
-
oldValue: 'invalid',
|
|
800
|
-
newProp: 'isInvalid',
|
|
801
|
-
newValue: true
|
|
802
|
-
}
|
|
803
|
-
}
|
|
804
|
-
},
|
|
805
|
-
{
|
|
806
|
-
description: "Remove validationState='valid'",
|
|
807
|
-
reason: 'It is no longer supported',
|
|
808
|
-
function: {
|
|
809
|
-
name: 'removeProp',
|
|
810
|
-
args: { propToRemove: 'validationState', propValue: 'valid' }
|
|
811
|
-
}
|
|
812
|
-
}
|
|
813
|
-
]
|
|
814
|
-
},
|
|
815
|
-
Section: {
|
|
816
|
-
changes: [
|
|
817
|
-
{
|
|
818
|
-
description: 'If within Menu, update Section to be a MenuSection',
|
|
819
|
-
reason: 'Updated component structure',
|
|
820
|
-
function: {
|
|
821
|
-
name: 'updateComponentWithinCollection',
|
|
822
|
-
args: {
|
|
823
|
-
parentComponent: 'Menu',
|
|
824
|
-
newComponent: 'MenuSection'
|
|
825
|
-
}
|
|
826
|
-
}
|
|
827
|
-
},
|
|
828
|
-
{
|
|
829
|
-
description: 'If within Picker, update Section to be a PickerSection',
|
|
830
|
-
reason: 'Updated component structure',
|
|
831
|
-
function: {
|
|
832
|
-
name: 'updateComponentWithinCollection',
|
|
833
|
-
args: {
|
|
834
|
-
parentComponent: 'Picker',
|
|
835
|
-
newComponent: 'PickerSection'
|
|
836
|
-
}
|
|
837
|
-
}
|
|
838
|
-
},
|
|
839
|
-
{
|
|
840
|
-
description: 'If within ComboBox, update Section to be a ComboBoxSection',
|
|
841
|
-
reason: 'Updated component structure',
|
|
842
|
-
function: {
|
|
843
|
-
name: 'updateComponentWithinCollection',
|
|
844
|
-
args: {
|
|
845
|
-
parentComponent: 'ComboBox',
|
|
846
|
-
newComponent: 'ComboBoxSection'
|
|
847
|
-
}
|
|
848
|
-
}
|
|
849
|
-
},
|
|
850
|
-
{
|
|
851
|
-
description: 'Move title prop string to be a child of new Heading within a Header',
|
|
852
|
-
reason: 'Updated API',
|
|
853
|
-
function: {
|
|
854
|
-
name: 'movePropToNewChildComponent',
|
|
855
|
-
args: {
|
|
856
|
-
parentComponent: 'Menu',
|
|
857
|
-
childComponent: 'MenuSection',
|
|
858
|
-
propToMove: 'title',
|
|
859
|
-
newChildComponent: 'Header'
|
|
860
|
-
}
|
|
861
|
-
}
|
|
862
|
-
},
|
|
863
|
-
{
|
|
864
|
-
description: 'Move title prop string to be a child of new Heading within a Header',
|
|
865
|
-
reason: 'Updated API',
|
|
866
|
-
function: {
|
|
867
|
-
name: 'movePropToNewChildComponent',
|
|
868
|
-
args: {
|
|
869
|
-
parentComponent: 'Picker',
|
|
870
|
-
childComponent: 'PickerSection',
|
|
871
|
-
propToMove: 'title',
|
|
872
|
-
newChildComponent: 'Header'
|
|
873
|
-
}
|
|
874
|
-
}
|
|
875
|
-
},
|
|
876
|
-
{
|
|
877
|
-
description: 'Move title prop string to be a child of new Heading within a Header',
|
|
878
|
-
reason: 'Updated API',
|
|
879
|
-
function: {
|
|
880
|
-
name: 'movePropToNewChildComponent',
|
|
881
|
-
args: {
|
|
882
|
-
parentComponent: 'ComboBox',
|
|
883
|
-
childComponent: 'ComboBoxSection',
|
|
884
|
-
propToMove: 'title',
|
|
885
|
-
newChildComponent: 'Header'
|
|
886
|
-
}
|
|
887
|
-
}
|
|
888
|
-
},
|
|
889
|
-
{
|
|
890
|
-
description: 'Leave comment if we cannot determine parent collection component',
|
|
891
|
-
reason: 'No collection parent detected',
|
|
892
|
-
function: {
|
|
893
|
-
name: 'commentIfParentCollectionNotDetected',
|
|
894
|
-
args: {}
|
|
895
|
-
}
|
|
896
|
-
}
|
|
897
|
-
]
|
|
898
|
-
},
|
|
899
|
-
Slider: {
|
|
900
|
-
changes: [
|
|
901
|
-
{
|
|
902
|
-
description: 'Remove isFilled',
|
|
903
|
-
reason: 'Slider is always filled in Spectrum 2',
|
|
904
|
-
function: { name: 'removeProp', args: { propToRemove: 'isFilled' } }
|
|
905
|
-
},
|
|
906
|
-
{
|
|
907
|
-
description: 'Remove trackGradient',
|
|
908
|
-
reason: 'It is no longer supported',
|
|
909
|
-
function: { name: 'removeProp', args: { propToRemove: 'trackGradient' } }
|
|
910
|
-
},
|
|
911
|
-
{
|
|
912
|
-
description: 'Remove showValueLabel',
|
|
913
|
-
reason: 'It was removed for accessibility reasons',
|
|
914
|
-
function: { name: 'removeProp', args: { propToRemove: 'showValueLabel' } }
|
|
915
|
-
},
|
|
916
|
-
{
|
|
917
|
-
description: 'Comment out getValueLabel',
|
|
918
|
-
reason: 'It has not been implemented yet',
|
|
919
|
-
function: {
|
|
920
|
-
name: 'commentOutProp',
|
|
921
|
-
args: { propToComment: 'getValueLabel' }
|
|
922
|
-
}
|
|
923
|
-
},
|
|
924
|
-
{
|
|
925
|
-
description: 'Comment out orientation',
|
|
926
|
-
reason: 'It has not been implemented yet',
|
|
927
|
-
function: {
|
|
928
|
-
name: 'commentOutProp',
|
|
929
|
-
args: { propToComment: 'orientation' }
|
|
930
|
-
}
|
|
931
|
-
}
|
|
932
|
-
]
|
|
933
|
-
},
|
|
934
|
-
StatusLight: {
|
|
935
|
-
changes: [
|
|
936
|
-
{
|
|
937
|
-
description: 'Remove isDisabled',
|
|
938
|
-
reason: 'It is no longer supported',
|
|
939
|
-
function: { name: 'removeProp', args: { propToRemove: 'isDisabled' } }
|
|
940
|
-
},
|
|
941
|
-
{
|
|
942
|
-
description: "Change variant='info' to variant='informative'",
|
|
943
|
-
reason: 'Updated naming convention',
|
|
944
|
-
function: {
|
|
945
|
-
name: 'updatePropNameAndValue',
|
|
946
|
-
args: {
|
|
947
|
-
oldProp: 'variant',
|
|
948
|
-
oldValue: 'info',
|
|
949
|
-
newProp: 'variant',
|
|
950
|
-
newValue: 'informative'
|
|
951
|
-
}
|
|
952
|
-
}
|
|
953
|
-
}
|
|
954
|
-
]
|
|
955
|
-
},
|
|
956
|
-
Tabs: {
|
|
957
|
-
changes: [
|
|
958
|
-
{
|
|
959
|
-
description: 'Remove TabPanels components and keep individual TabPanel components inside.',
|
|
960
|
-
reason: 'Updated collections API',
|
|
961
|
-
function: {
|
|
962
|
-
name: 'updateTabs',
|
|
963
|
-
args: {}
|
|
964
|
-
}
|
|
965
|
-
},
|
|
966
|
-
{
|
|
967
|
-
description: 'Remove isEmphasized',
|
|
968
|
-
reason: 'It is no longer supported',
|
|
969
|
-
function: { name: 'removeProp', args: { propToRemove: 'isEmphasized' } }
|
|
970
|
-
},
|
|
971
|
-
{
|
|
972
|
-
description: 'Remove isQuiet',
|
|
973
|
-
reason: 'It is no longer supported',
|
|
974
|
-
function: { name: 'removeProp', args: { propToRemove: 'isQuiet' } }
|
|
975
|
-
}
|
|
976
|
-
]
|
|
977
|
-
},
|
|
978
|
-
TagGroup: {
|
|
979
|
-
changes: [
|
|
980
|
-
{
|
|
981
|
-
description: 'Change actionLabel to groupActionLabel',
|
|
982
|
-
reason: 'To match new onGroupAction prop',
|
|
983
|
-
function: {
|
|
984
|
-
name: 'updatePropName',
|
|
985
|
-
args: { oldProp: 'actionLabel', newProp: 'groupActionLabel' }
|
|
986
|
-
}
|
|
987
|
-
},
|
|
988
|
-
{
|
|
989
|
-
description: 'Change onAction to onGroupAction',
|
|
990
|
-
reason: 'To avoid confusion with existing onAction prop on other collection components',
|
|
991
|
-
function: {
|
|
992
|
-
name: 'updatePropName',
|
|
993
|
-
args: { oldProp: 'onAction', newProp: 'onGroupAction' }
|
|
994
|
-
}
|
|
995
|
-
},
|
|
996
|
-
{
|
|
997
|
-
description: "Change validationState='invalid' to isInvalid",
|
|
998
|
-
reason: 'Updated API',
|
|
999
|
-
function: {
|
|
1000
|
-
name: 'updatePropNameAndValue',
|
|
1001
|
-
args: {
|
|
1002
|
-
oldProp: 'validationState',
|
|
1003
|
-
oldValue: 'invalid',
|
|
1004
|
-
newProp: 'isInvalid',
|
|
1005
|
-
newValue: true
|
|
1006
|
-
}
|
|
1007
|
-
}
|
|
1008
|
-
},
|
|
1009
|
-
{
|
|
1010
|
-
description: "Remove validationState='valid'",
|
|
1011
|
-
reason: 'It is no longer supported',
|
|
1012
|
-
function: {
|
|
1013
|
-
name: 'removeProp',
|
|
1014
|
-
args: { propToRemove: 'validationState', propValue: 'valid' }
|
|
1015
|
-
}
|
|
1016
|
-
}
|
|
1017
|
-
]
|
|
1018
|
-
},
|
|
1019
|
-
TextArea: {
|
|
1020
|
-
changes: [
|
|
1021
|
-
{
|
|
1022
|
-
description: 'Comment out icon',
|
|
1023
|
-
reason: 'It has not been implemented yet',
|
|
1024
|
-
function: { name: 'commentOutProp', args: { propToComment: 'icon' } }
|
|
1025
|
-
},
|
|
1026
|
-
{
|
|
1027
|
-
description: 'Remove isQuiet',
|
|
1028
|
-
reason: 'It is no longer supported',
|
|
1029
|
-
function: { name: 'removeProp', args: { propToRemove: 'isQuiet' } }
|
|
1030
|
-
},
|
|
1031
|
-
{
|
|
1032
|
-
description: 'Remove placeholder',
|
|
1033
|
-
reason: 'It has been removed for accessibility reasons',
|
|
1034
|
-
function: { name: 'removeProp', args: { propToRemove: 'placeholder' } }
|
|
1035
|
-
},
|
|
1036
|
-
{
|
|
1037
|
-
description: "Change validationState='invalid' to isInvalid",
|
|
1038
|
-
reason: 'Updated API',
|
|
1039
|
-
function: {
|
|
1040
|
-
name: 'updatePropNameAndValue',
|
|
1041
|
-
args: {
|
|
1042
|
-
oldProp: 'validationState',
|
|
1043
|
-
oldValue: 'invalid',
|
|
1044
|
-
newProp: 'isInvalid',
|
|
1045
|
-
newValue: true
|
|
1046
|
-
}
|
|
1047
|
-
}
|
|
1048
|
-
},
|
|
1049
|
-
{
|
|
1050
|
-
description: "Remove validationState='valid'",
|
|
1051
|
-
reason: 'It is no longer supported',
|
|
1052
|
-
function: {
|
|
1053
|
-
name: 'removeProp',
|
|
1054
|
-
args: { propToRemove: 'validationState', propValue: 'valid' }
|
|
1055
|
-
}
|
|
1056
|
-
}
|
|
1057
|
-
]
|
|
1058
|
-
},
|
|
1059
|
-
TextField: {
|
|
1060
|
-
changes: [
|
|
1061
|
-
{
|
|
1062
|
-
description: 'Comment out icon',
|
|
1063
|
-
reason: 'It has not been implemented yet',
|
|
1064
|
-
function: { name: 'commentOutProp', args: { propToComment: 'icon' } }
|
|
1065
|
-
},
|
|
1066
|
-
{
|
|
1067
|
-
description: 'Remove isQuiet',
|
|
1068
|
-
reason: 'It is no longer supported',
|
|
1069
|
-
function: { name: 'removeProp', args: { propToRemove: 'isQuiet' } }
|
|
1070
|
-
},
|
|
1071
|
-
{
|
|
1072
|
-
description: 'Remove placeholder',
|
|
1073
|
-
reason: 'It has been removed for accessibility reasons',
|
|
1074
|
-
function: { name: 'removeProp', args: { propToRemove: 'placeholder' } }
|
|
1075
|
-
},
|
|
1076
|
-
{
|
|
1077
|
-
description: "Change validationState='invalid' to isInvalid",
|
|
1078
|
-
reason: 'Updated API',
|
|
1079
|
-
function: {
|
|
1080
|
-
name: 'updatePropNameAndValue',
|
|
1081
|
-
args: {
|
|
1082
|
-
oldProp: 'validationState',
|
|
1083
|
-
oldValue: 'invalid',
|
|
1084
|
-
newProp: 'isInvalid',
|
|
1085
|
-
newValue: true
|
|
1086
|
-
}
|
|
1087
|
-
}
|
|
1088
|
-
},
|
|
1089
|
-
{
|
|
1090
|
-
description: "Remove validationState='valid'",
|
|
1091
|
-
reason: 'It is no longer supported',
|
|
1092
|
-
function: {
|
|
1093
|
-
name: 'removeProp',
|
|
1094
|
-
args: { propToRemove: 'validationState', propValue: 'valid' }
|
|
1095
|
-
}
|
|
1096
|
-
}
|
|
1097
|
-
]
|
|
1098
|
-
},
|
|
1099
|
-
Tooltip: {
|
|
1100
|
-
changes: [
|
|
1101
|
-
{
|
|
1102
|
-
description: 'Remove variant',
|
|
1103
|
-
reason: 'It is no longer supported',
|
|
1104
|
-
function: { name: 'removeProp', args: { propToRemove: 'variant' } }
|
|
1105
|
-
},
|
|
1106
|
-
{
|
|
1107
|
-
description: 'Remove placement and add to the parent TooltipTrigger instead',
|
|
1108
|
-
reason: 'Updated API',
|
|
1109
|
-
function: {
|
|
1110
|
-
name: 'movePropToParentComponent',
|
|
1111
|
-
args: {
|
|
1112
|
-
parentComponent: 'TooltipTrigger',
|
|
1113
|
-
childComponent: 'Tooltip',
|
|
1114
|
-
propToMove: 'placement'
|
|
1115
|
-
}
|
|
1116
|
-
}
|
|
1117
|
-
},
|
|
1118
|
-
{
|
|
1119
|
-
description: 'Remove showIcon',
|
|
1120
|
-
reason: 'It is no longer supported',
|
|
1121
|
-
function: { name: 'removeProp', args: { propToRemove: 'showIcon' } }
|
|
1122
|
-
},
|
|
1123
|
-
{
|
|
1124
|
-
description: 'Remove isOpen and add to the parent TooltipTrigger instead',
|
|
1125
|
-
reason: 'Updated API',
|
|
1126
|
-
function: {
|
|
1127
|
-
name: 'movePropToParentComponent',
|
|
1128
|
-
args: {
|
|
1129
|
-
parentComponent: 'TooltipTrigger',
|
|
1130
|
-
childComponent: 'Tooltip',
|
|
1131
|
-
propToMove: 'isOpen'
|
|
1132
|
-
}
|
|
1133
|
-
}
|
|
1134
|
-
}
|
|
1135
|
-
]
|
|
1136
|
-
},
|
|
1137
|
-
TooltipTrigger: {
|
|
1138
|
-
changes: [
|
|
1139
|
-
{
|
|
1140
|
-
description: 'Update placement to use single value',
|
|
1141
|
-
reason: 'Updated API',
|
|
1142
|
-
function: {
|
|
1143
|
-
name: 'updatePlacementToSingleValue',
|
|
1144
|
-
args: {
|
|
1145
|
-
propToUpdate: 'placement',
|
|
1146
|
-
childComponent: 'Tooltip'
|
|
1147
|
-
}
|
|
1148
|
-
}
|
|
1149
|
-
}
|
|
1150
|
-
]
|
|
1151
|
-
},
|
|
1152
|
-
TableView: {
|
|
1153
|
-
changes: [
|
|
1154
|
-
{
|
|
1155
|
-
description: 'Add columns prop to Row',
|
|
1156
|
-
reason: 'Rows now require a columns prop from TableHeader',
|
|
1157
|
-
function: {
|
|
1158
|
-
name: 'addColumnsPropToRow',
|
|
1159
|
-
args: {}
|
|
1160
|
-
}
|
|
1161
|
-
},
|
|
1162
|
-
{
|
|
1163
|
-
description: 'Leave comment if nested columns are used',
|
|
1164
|
-
reason: 'Nested columns are not supported yet',
|
|
1165
|
-
function: {
|
|
1166
|
-
name: 'commentIfNestedColumns',
|
|
1167
|
-
args: {}
|
|
1168
|
-
}
|
|
1169
|
-
},
|
|
1170
|
-
{
|
|
1171
|
-
description: 'Comment out dragAndDropHooks',
|
|
1172
|
-
reason: 'It has not been implemented yet',
|
|
1173
|
-
function: {
|
|
1174
|
-
name: 'commentOutProp',
|
|
1175
|
-
args: { propToComment: 'dragAndDropHooks' }
|
|
1176
|
-
}
|
|
1177
|
-
},
|
|
1178
|
-
{
|
|
1179
|
-
description: 'Comment out selectionStyle="highlight"',
|
|
1180
|
-
reason: 'It has not been implemented yet',
|
|
1181
|
-
function: {
|
|
1182
|
-
name: 'commentOutProp',
|
|
1183
|
-
args: { propToComment: 'selectionStyle' }
|
|
1184
|
-
}
|
|
1185
|
-
},
|
|
1186
|
-
{
|
|
1187
|
-
description: 'Comment out UNSTABLE_allowsExpandableRows',
|
|
1188
|
-
reason: 'It has not been implemented yet',
|
|
1189
|
-
function: {
|
|
1190
|
-
name: 'commentOutProp',
|
|
1191
|
-
args: { propToComment: 'UNSTABLE_allowsExpandableRows' }
|
|
1192
|
-
}
|
|
1193
|
-
},
|
|
1194
|
-
{
|
|
1195
|
-
description: 'Comment out UNSTABLE_defaultExpandedKeys',
|
|
1196
|
-
reason: 'It has not been implemented yet',
|
|
1197
|
-
function: {
|
|
1198
|
-
name: 'commentOutProp',
|
|
1199
|
-
args: { propToComment: 'UNSTABLE_defaultExpandedKeys' }
|
|
1200
|
-
}
|
|
1201
|
-
},
|
|
1202
|
-
{
|
|
1203
|
-
description: 'Comment out UNSTABLE_expandedKeys',
|
|
1204
|
-
reason: 'It has not been implemented yet',
|
|
1205
|
-
function: {
|
|
1206
|
-
name: 'commentOutProp',
|
|
1207
|
-
args: { propToComment: 'UNSTABLE_expandedKeys' }
|
|
1208
|
-
}
|
|
1209
|
-
},
|
|
1210
|
-
{
|
|
1211
|
-
description: 'Comment out UNSTABLE_onExpandedChange',
|
|
1212
|
-
reason: 'It has not been implemented yet',
|
|
1213
|
-
function: {
|
|
1214
|
-
name: 'commentOutProp',
|
|
1215
|
-
args: { propToComment: 'UNSTABLE_onExpandedChange' }
|
|
1216
|
-
}
|
|
1217
|
-
},
|
|
1218
|
-
{
|
|
1219
|
-
description: 'Add isRowHeader prop to fist Column if one doesn\'t eixst already',
|
|
1220
|
-
reason: 'Updated API',
|
|
1221
|
-
function: {
|
|
1222
|
-
name: 'addRowHeader',
|
|
1223
|
-
args: {}
|
|
1224
|
-
}
|
|
1225
|
-
}
|
|
1226
|
-
]
|
|
1227
|
-
},
|
|
1228
|
-
Column: {
|
|
1229
|
-
changes: [
|
|
1230
|
-
{
|
|
1231
|
-
description: 'Update key prop to id',
|
|
1232
|
-
reason: 'Updated API',
|
|
1233
|
-
function: {
|
|
1234
|
-
name: 'updateKeyToId',
|
|
1235
|
-
args: {}
|
|
1236
|
-
}
|
|
1237
|
-
}
|
|
1238
|
-
]
|
|
1239
|
-
},
|
|
1240
|
-
Row: {
|
|
1241
|
-
changes: [
|
|
1242
|
-
{
|
|
1243
|
-
description: 'Update key prop to id',
|
|
1244
|
-
reason: 'Updated API',
|
|
1245
|
-
function: {
|
|
1246
|
-
name: 'updateKeyToId',
|
|
1247
|
-
args: {}
|
|
1248
|
-
}
|
|
1249
|
-
},
|
|
1250
|
-
{
|
|
1251
|
-
description: 'Update child function to receive column object instead of column key',
|
|
1252
|
-
reason: 'Updated API',
|
|
1253
|
-
function: {
|
|
1254
|
-
name: 'updateRowFunctionArg',
|
|
1255
|
-
args: {}
|
|
1256
|
-
}
|
|
1257
|
-
}
|
|
1258
|
-
]
|
|
1259
|
-
}
|
|
1260
|
-
};
|