@react-spectrum/codemods 0.4.0 → 0.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.
package/dist/index.js
CHANGED
|
File without changes
|
|
@@ -93,6 +93,16 @@ function getStylePropValue(prop, value, element, colorVersion, condition = '') {
|
|
|
93
93
|
case 'end':
|
|
94
94
|
case 'flexBasis': {
|
|
95
95
|
if (value.type === 'StringLiteral' || value.type === 'NumericLiteral') {
|
|
96
|
+
if (prop === 'margin' && value.type === 'StringLiteral' && /\s/.test(value.value)) {
|
|
97
|
+
// Check if it has multiple whitespace-separated values
|
|
98
|
+
let expansions = expandSpaceShorthand(prop, value.value, dimensions_1.convertDimension);
|
|
99
|
+
if (!expansions) {
|
|
100
|
+
return null;
|
|
101
|
+
}
|
|
102
|
+
return {
|
|
103
|
+
macroValues: expansions
|
|
104
|
+
};
|
|
105
|
+
}
|
|
96
106
|
let val = (0, dimensions_1.convertDimension)(value.value, 'space');
|
|
97
107
|
if (val != null) {
|
|
98
108
|
return {
|
|
@@ -322,6 +332,16 @@ function getStylePropValue(prop, value, element, colorVersion, condition = '') {
|
|
|
322
332
|
case 'paddingBottom':
|
|
323
333
|
if (element === 'View') {
|
|
324
334
|
if (value.type === 'StringLiteral' || value.type === 'NumericLiteral') {
|
|
335
|
+
if (prop === 'padding' && value.type === 'StringLiteral' && /\s/.test(value.value)) {
|
|
336
|
+
// Check if it has multiple whitespace-separated values
|
|
337
|
+
let expansions = expandSpaceShorthand(prop, value.value, dimensions_1.convertDimension);
|
|
338
|
+
if (!expansions) {
|
|
339
|
+
return null;
|
|
340
|
+
}
|
|
341
|
+
return {
|
|
342
|
+
macroValues: expansions
|
|
343
|
+
};
|
|
344
|
+
}
|
|
325
345
|
let val = (0, dimensions_1.convertDimension)(value.value, 'space');
|
|
326
346
|
if (val != null) {
|
|
327
347
|
return {
|
|
@@ -518,6 +538,50 @@ function handleProp(path, element, colorVersion) {
|
|
|
518
538
|
}
|
|
519
539
|
}
|
|
520
540
|
}
|
|
541
|
+
function expandSpaceShorthand(prop, rawValue, convertFn) {
|
|
542
|
+
// Split on whitespace (e.g. "10px 16px" -> ["10px", "16px"])
|
|
543
|
+
let parts = rawValue.trim().split(/\s+/);
|
|
544
|
+
// One value => all sides
|
|
545
|
+
// Two values => vertical horizontal
|
|
546
|
+
// Three values => top, horizontal, bottom
|
|
547
|
+
// Four values => top, right, bottom, left
|
|
548
|
+
// Return keys and values in an array we can map to macroValues.
|
|
549
|
+
switch (parts.length) {
|
|
550
|
+
case 1: {
|
|
551
|
+
let val = convertFn(parts[0], 'space');
|
|
552
|
+
return [{ key: prop, value: val }];
|
|
553
|
+
}
|
|
554
|
+
case 2: {
|
|
555
|
+
let [y, x] = parts;
|
|
556
|
+
return [
|
|
557
|
+
{ key: `${prop}Y`, value: convertFn(y, 'space') },
|
|
558
|
+
{ key: `${prop}X`, value: convertFn(x, 'space') }
|
|
559
|
+
];
|
|
560
|
+
}
|
|
561
|
+
case 3: {
|
|
562
|
+
// top horizontal bottom
|
|
563
|
+
let [top, x, bottom] = parts;
|
|
564
|
+
return [
|
|
565
|
+
{ key: `${prop}Top`, value: convertFn(top, 'space') },
|
|
566
|
+
{ key: `${prop}X`, value: convertFn(x, 'space') },
|
|
567
|
+
{ key: `${prop}Bottom`, value: convertFn(bottom, 'space') }
|
|
568
|
+
];
|
|
569
|
+
}
|
|
570
|
+
case 4: {
|
|
571
|
+
// top right bottom left
|
|
572
|
+
let [top, right, bottom, left] = parts;
|
|
573
|
+
return [
|
|
574
|
+
{ key: `${prop}Top`, value: convertFn(top, 'space') },
|
|
575
|
+
{ key: `${prop}Right`, value: convertFn(right, 'space') },
|
|
576
|
+
{ key: `${prop}Bottom`, value: convertFn(bottom, 'space') },
|
|
577
|
+
{ key: `${prop}Left`, value: convertFn(left, 'space') }
|
|
578
|
+
];
|
|
579
|
+
}
|
|
580
|
+
default: {
|
|
581
|
+
return null;
|
|
582
|
+
}
|
|
583
|
+
}
|
|
584
|
+
}
|
|
521
585
|
function transformStyleProps(path, element) {
|
|
522
586
|
let macroValues = new Map;
|
|
523
587
|
let dynamicValues = new Map;
|
|
@@ -11,6 +11,10 @@ exports.iconMap = new Map([
|
|
|
11
11
|
'3DMaterials',
|
|
12
12
|
'3DMaterial'
|
|
13
13
|
],
|
|
14
|
+
[
|
|
15
|
+
'ABC',
|
|
16
|
+
'ABC'
|
|
17
|
+
],
|
|
14
18
|
[
|
|
15
19
|
'Add',
|
|
16
20
|
'Add'
|
|
@@ -59,6 +63,10 @@ exports.iconMap = new Map([
|
|
|
59
63
|
'AnchorSelect',
|
|
60
64
|
'DirectSelect'
|
|
61
65
|
],
|
|
66
|
+
[
|
|
67
|
+
'App',
|
|
68
|
+
'App'
|
|
69
|
+
],
|
|
62
70
|
[
|
|
63
71
|
'Apps',
|
|
64
72
|
'AppsAll'
|
|
@@ -103,6 +111,22 @@ exports.iconMap = new Map([
|
|
|
103
111
|
'Blur',
|
|
104
112
|
'Blur'
|
|
105
113
|
],
|
|
114
|
+
[
|
|
115
|
+
'BookmarkSingle',
|
|
116
|
+
'Bookmark'
|
|
117
|
+
],
|
|
118
|
+
[
|
|
119
|
+
'BookmarkSingleOutline',
|
|
120
|
+
'Bookmark'
|
|
121
|
+
],
|
|
122
|
+
[
|
|
123
|
+
'BookmarkSmall',
|
|
124
|
+
'Bookmark'
|
|
125
|
+
],
|
|
126
|
+
[
|
|
127
|
+
'BookmarkSmallOutline',
|
|
128
|
+
'Bookmark'
|
|
129
|
+
],
|
|
106
130
|
[
|
|
107
131
|
'Boolean',
|
|
108
132
|
'Toggle'
|
|
@@ -127,6 +151,10 @@ exports.iconMap = new Map([
|
|
|
127
151
|
'Bug',
|
|
128
152
|
'Bug'
|
|
129
153
|
],
|
|
154
|
+
[
|
|
155
|
+
'Building',
|
|
156
|
+
'Building'
|
|
157
|
+
],
|
|
130
158
|
[
|
|
131
159
|
'Calendar',
|
|
132
160
|
'Calendar'
|
|
@@ -135,6 +163,10 @@ exports.iconMap = new Map([
|
|
|
135
163
|
'CalendarAdd',
|
|
136
164
|
'CalendarAdd'
|
|
137
165
|
],
|
|
166
|
+
[
|
|
167
|
+
'CallCenter',
|
|
168
|
+
'CallCenter'
|
|
169
|
+
],
|
|
138
170
|
[
|
|
139
171
|
'Camera',
|
|
140
172
|
'Camera'
|
|
@@ -155,9 +187,13 @@ exports.iconMap = new Map([
|
|
|
155
187
|
'Channel',
|
|
156
188
|
'Channel'
|
|
157
189
|
],
|
|
190
|
+
[
|
|
191
|
+
'Chat',
|
|
192
|
+
'Chat'
|
|
193
|
+
],
|
|
158
194
|
[
|
|
159
195
|
'Checkmark',
|
|
160
|
-
'
|
|
196
|
+
'Checkmark'
|
|
161
197
|
],
|
|
162
198
|
[
|
|
163
199
|
'CheckmarkCircle',
|
|
@@ -167,9 +203,17 @@ exports.iconMap = new Map([
|
|
|
167
203
|
'CheckmarkCircleOutline',
|
|
168
204
|
'CheckmarkCircle'
|
|
169
205
|
],
|
|
206
|
+
[
|
|
207
|
+
'ChevronDoubleLeft',
|
|
208
|
+
'ChevronDoubleLeft'
|
|
209
|
+
],
|
|
210
|
+
[
|
|
211
|
+
'ChevronDoubleRight',
|
|
212
|
+
'ChevronDoubleRight'
|
|
213
|
+
],
|
|
170
214
|
[
|
|
171
215
|
'ChevronDown',
|
|
172
|
-
'
|
|
216
|
+
'ChevronDown'
|
|
173
217
|
],
|
|
174
218
|
[
|
|
175
219
|
'ChevronLeft',
|
|
@@ -179,6 +223,10 @@ exports.iconMap = new Map([
|
|
|
179
223
|
'ChevronRight',
|
|
180
224
|
'ChevronRight'
|
|
181
225
|
],
|
|
226
|
+
[
|
|
227
|
+
'ChevronUp',
|
|
228
|
+
'ChevronUp'
|
|
229
|
+
],
|
|
182
230
|
[
|
|
183
231
|
'Circle',
|
|
184
232
|
'Circle'
|
|
@@ -219,6 +267,10 @@ exports.iconMap = new Map([
|
|
|
219
267
|
'CloudOutline',
|
|
220
268
|
'Cloud'
|
|
221
269
|
],
|
|
270
|
+
[
|
|
271
|
+
'Code',
|
|
272
|
+
'Code'
|
|
273
|
+
],
|
|
222
274
|
[
|
|
223
275
|
'Collection',
|
|
224
276
|
'Collection'
|
|
@@ -235,6 +287,10 @@ exports.iconMap = new Map([
|
|
|
235
287
|
'Comment',
|
|
236
288
|
'Comment'
|
|
237
289
|
],
|
|
290
|
+
[
|
|
291
|
+
'Compare',
|
|
292
|
+
'Compare'
|
|
293
|
+
],
|
|
238
294
|
[
|
|
239
295
|
'Compass',
|
|
240
296
|
'Discover'
|
|
@@ -259,6 +315,10 @@ exports.iconMap = new Map([
|
|
|
259
315
|
'Cut',
|
|
260
316
|
'Cut'
|
|
261
317
|
],
|
|
318
|
+
[
|
|
319
|
+
'Dashboard',
|
|
320
|
+
'SpeedFast'
|
|
321
|
+
],
|
|
262
322
|
[
|
|
263
323
|
'Data',
|
|
264
324
|
'Data'
|
|
@@ -267,6 +327,10 @@ exports.iconMap = new Map([
|
|
|
267
327
|
'DataAdd',
|
|
268
328
|
'DataAdd'
|
|
269
329
|
],
|
|
330
|
+
[
|
|
331
|
+
'DataRefresh',
|
|
332
|
+
'DataRefresh'
|
|
333
|
+
],
|
|
270
334
|
[
|
|
271
335
|
'DataSettings',
|
|
272
336
|
'DataSettings'
|
|
@@ -287,6 +351,10 @@ exports.iconMap = new Map([
|
|
|
287
351
|
'DeleteOutline',
|
|
288
352
|
'Delete'
|
|
289
353
|
],
|
|
354
|
+
[
|
|
355
|
+
'Demographic',
|
|
356
|
+
'PeopleGroup'
|
|
357
|
+
],
|
|
290
358
|
[
|
|
291
359
|
'Deselect',
|
|
292
360
|
'SelectNo'
|
|
@@ -409,11 +477,11 @@ exports.iconMap = new Map([
|
|
|
409
477
|
],
|
|
410
478
|
[
|
|
411
479
|
'Export',
|
|
412
|
-
'
|
|
480
|
+
'Export'
|
|
413
481
|
],
|
|
414
482
|
[
|
|
415
483
|
'ExportOriginal',
|
|
416
|
-
'
|
|
484
|
+
'Export'
|
|
417
485
|
],
|
|
418
486
|
[
|
|
419
487
|
'Exposure',
|
|
@@ -475,6 +543,10 @@ exports.iconMap = new Map([
|
|
|
475
543
|
'FolderOutline',
|
|
476
544
|
'Folder'
|
|
477
545
|
],
|
|
546
|
+
[
|
|
547
|
+
'FolderSearch',
|
|
548
|
+
'FolderSearch'
|
|
549
|
+
],
|
|
478
550
|
[
|
|
479
551
|
'FullScreen',
|
|
480
552
|
'FullScreen'
|
|
@@ -499,6 +571,18 @@ exports.iconMap = new Map([
|
|
|
499
571
|
'Gradient',
|
|
500
572
|
'Gradient'
|
|
501
573
|
],
|
|
574
|
+
[
|
|
575
|
+
'GraphBarVertical',
|
|
576
|
+
'ChartBarVert'
|
|
577
|
+
],
|
|
578
|
+
[
|
|
579
|
+
'GraphPie',
|
|
580
|
+
'ChartPie'
|
|
581
|
+
],
|
|
582
|
+
[
|
|
583
|
+
'GraphTrend',
|
|
584
|
+
'ChartTrend'
|
|
585
|
+
],
|
|
502
586
|
[
|
|
503
587
|
'Group',
|
|
504
588
|
'Group'
|
|
@@ -547,6 +631,10 @@ exports.iconMap = new Map([
|
|
|
547
631
|
'Images',
|
|
548
632
|
'Images'
|
|
549
633
|
],
|
|
634
|
+
[
|
|
635
|
+
'Import',
|
|
636
|
+
'Import'
|
|
637
|
+
],
|
|
550
638
|
[
|
|
551
639
|
'Info',
|
|
552
640
|
'InfoCircle'
|
|
@@ -563,6 +651,10 @@ exports.iconMap = new Map([
|
|
|
563
651
|
'Invite',
|
|
564
652
|
'Invite'
|
|
565
653
|
],
|
|
654
|
+
[
|
|
655
|
+
'Key',
|
|
656
|
+
'Key'
|
|
657
|
+
],
|
|
566
658
|
[
|
|
567
659
|
'Keyboard',
|
|
568
660
|
'Keyboard'
|
|
@@ -647,6 +739,10 @@ exports.iconMap = new Map([
|
|
|
647
739
|
'Minimize',
|
|
648
740
|
'Minimize'
|
|
649
741
|
],
|
|
742
|
+
[
|
|
743
|
+
'ModernGridView',
|
|
744
|
+
'ViewGridFluid'
|
|
745
|
+
],
|
|
650
746
|
[
|
|
651
747
|
'More',
|
|
652
748
|
'More'
|
|
@@ -715,6 +811,10 @@ exports.iconMap = new Map([
|
|
|
715
811
|
'Pending',
|
|
716
812
|
'ClockPending'
|
|
717
813
|
],
|
|
814
|
+
[
|
|
815
|
+
'PeopleGroup',
|
|
816
|
+
'PeopleGroup'
|
|
817
|
+
],
|
|
718
818
|
[
|
|
719
819
|
'PinOff',
|
|
720
820
|
'PinOff'
|
|
@@ -847,6 +947,10 @@ exports.iconMap = new Map([
|
|
|
847
947
|
'Sampler',
|
|
848
948
|
'Eyedropper'
|
|
849
949
|
],
|
|
950
|
+
[
|
|
951
|
+
'SaveFloppy',
|
|
952
|
+
'SaveFloppy'
|
|
953
|
+
],
|
|
850
954
|
[
|
|
851
955
|
'SaveTo',
|
|
852
956
|
'Download'
|
|
@@ -1091,6 +1195,10 @@ exports.iconMap = new Map([
|
|
|
1091
1195
|
'UserAdd',
|
|
1092
1196
|
'UserAdd'
|
|
1093
1197
|
],
|
|
1198
|
+
[
|
|
1199
|
+
'UserAdmin',
|
|
1200
|
+
'UserSettings'
|
|
1201
|
+
],
|
|
1094
1202
|
[
|
|
1095
1203
|
'UserEdit',
|
|
1096
1204
|
'UserEdit'
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@react-spectrum/codemods",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.5.0",
|
|
4
4
|
"main": "dist/index.js",
|
|
5
5
|
"source": "src/index.ts",
|
|
6
6
|
"bin": "dist/index.js",
|
|
@@ -24,8 +24,8 @@
|
|
|
24
24
|
"@babel/parser": "^7.24.5",
|
|
25
25
|
"@babel/traverse": "^7.24.5",
|
|
26
26
|
"@babel/types": "^7.24.5",
|
|
27
|
-
"@react-spectrum/s2": "^0.
|
|
28
|
-
"@react-types/shared": "^3.
|
|
27
|
+
"@react-spectrum/s2": "^0.7.0",
|
|
28
|
+
"@react-types/shared": "^3.28.0",
|
|
29
29
|
"@types/node": "^20",
|
|
30
30
|
"boxen": "^5.1.2",
|
|
31
31
|
"build": "^0.1.4",
|
|
@@ -50,5 +50,5 @@
|
|
|
50
50
|
"publishConfig": {
|
|
51
51
|
"access": "public"
|
|
52
52
|
},
|
|
53
|
-
"gitHead": "
|
|
53
|
+
"gitHead": "4d3c72c94eea2d72eb3a0e7d56000c6ef7e39726"
|
|
54
54
|
}
|