@react-spectrum/codemods 0.5.2 → 0.6.1
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 +0 -0
- 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
|
@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
|
|
|
15
15
|
}) : function(o, v) {
|
|
16
16
|
o["default"] = v;
|
|
17
17
|
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || function (
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
};
|
|
18
|
+
var __importStar = (this && this.__importStar) || (function () {
|
|
19
|
+
var ownKeys = function(o) {
|
|
20
|
+
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
21
|
+
var ar = [];
|
|
22
|
+
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
23
|
+
return ar;
|
|
24
|
+
};
|
|
25
|
+
return ownKeys(o);
|
|
26
|
+
};
|
|
27
|
+
return function (mod) {
|
|
28
|
+
if (mod && mod.__esModule) return mod;
|
|
29
|
+
var result = {};
|
|
30
|
+
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
31
|
+
__setModuleDefault(result, mod);
|
|
32
|
+
return result;
|
|
33
|
+
};
|
|
34
|
+
})();
|
|
25
35
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
36
|
exports.getPropValue = getPropValue;
|
|
27
37
|
exports.nameFromExpression = nameFromExpression;
|
|
@@ -97,15 +107,15 @@ function addComment(node, comment) {
|
|
|
97
107
|
leading: true
|
|
98
108
|
});
|
|
99
109
|
}
|
|
100
|
-
function addComponentImport(path,
|
|
101
|
-
// If
|
|
102
|
-
let existingBinding = path.scope.getBinding(
|
|
103
|
-
let localName =
|
|
110
|
+
function addComponentImport(path, newComponentName) {
|
|
111
|
+
// If newComponentName variable already exists in scope, alias new import to avoid conflict.
|
|
112
|
+
let existingBinding = path.scope.getBinding(newComponentName);
|
|
113
|
+
let localName = newComponentName;
|
|
104
114
|
if (existingBinding) {
|
|
105
|
-
let newName =
|
|
115
|
+
let newName = newComponentName;
|
|
106
116
|
let i = 1;
|
|
107
117
|
while (path.scope.hasBinding(newName)) {
|
|
108
|
-
newName =
|
|
118
|
+
newName = newComponentName + i;
|
|
109
119
|
i++;
|
|
110
120
|
}
|
|
111
121
|
localName = newName;
|
|
@@ -115,17 +125,17 @@ function addComponentImport(path, newComponent) {
|
|
|
115
125
|
let specifier = existingImport.specifiers.find((specifier) => {
|
|
116
126
|
return (t.isImportSpecifier(specifier) &&
|
|
117
127
|
specifier.imported.type === 'Identifier' &&
|
|
118
|
-
specifier.imported.name ===
|
|
128
|
+
specifier.imported.name === newComponentName);
|
|
119
129
|
});
|
|
120
130
|
if (specifier) {
|
|
121
131
|
// Already imported
|
|
122
132
|
return localName;
|
|
123
133
|
}
|
|
124
|
-
existingImport.specifiers.push(t.importSpecifier(t.identifier(localName), t.identifier(
|
|
134
|
+
existingImport.specifiers.push(t.importSpecifier(t.identifier(localName), t.identifier(newComponentName)));
|
|
125
135
|
}
|
|
126
136
|
else {
|
|
127
137
|
let importDeclaration = t.importDeclaration([
|
|
128
|
-
t.importSpecifier(t.identifier(localName), t.identifier(
|
|
138
|
+
t.importSpecifier(t.identifier(localName), t.identifier(newComponentName))
|
|
129
139
|
], t.stringLiteral('@react-spectrum/s2'));
|
|
130
140
|
path.node.body.unshift(importDeclaration);
|
|
131
141
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@react-spectrum/codemods",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.6.1",
|
|
4
4
|
"main": "dist/index.js",
|
|
5
5
|
"source": "src/index.ts",
|
|
6
6
|
"bin": "dist/index.js",
|
|
@@ -24,9 +24,9 @@
|
|
|
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.
|
|
29
|
-
"@types/node": "^
|
|
27
|
+
"@react-spectrum/s2": "^0.9.1",
|
|
28
|
+
"@react-types/shared": "^3.30.0",
|
|
29
|
+
"@types/node": "^22",
|
|
30
30
|
"boxen": "^5.1.2",
|
|
31
31
|
"build": "^0.1.4",
|
|
32
32
|
"chalk": "^4.0.0",
|
|
@@ -38,7 +38,7 @@
|
|
|
38
38
|
},
|
|
39
39
|
"devDependencies": {
|
|
40
40
|
"@types/jscodeshift": "^0.11.11",
|
|
41
|
-
"typescript": "^5.
|
|
41
|
+
"typescript": "^5.8.2"
|
|
42
42
|
},
|
|
43
43
|
"peerDependencies": {
|
|
44
44
|
"react": "^18.0.0 || ^19.0.0-rc.1",
|
|
@@ -50,5 +50,5 @@
|
|
|
50
50
|
"publishConfig": {
|
|
51
51
|
"access": "public"
|
|
52
52
|
},
|
|
53
|
-
"gitHead": "
|
|
53
|
+
"gitHead": "265b4d7f107905ee1c6e87a8af1613ab440a6849"
|
|
54
54
|
}
|
|
@@ -1,52 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
-
}) : function(o, v) {
|
|
16
|
-
o["default"] = v;
|
|
17
|
-
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
-
if (mod && mod.__esModule) return mod;
|
|
20
|
-
var result = {};
|
|
21
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
-
__setModuleDefault(result, mod);
|
|
23
|
-
return result;
|
|
24
|
-
};
|
|
25
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
|
-
exports.transformButton = transformButton;
|
|
27
|
-
const utils_1 = require("./utils");
|
|
28
|
-
const t = __importStar(require("@babel/types"));
|
|
29
|
-
function transformButton(path) {
|
|
30
|
-
path.traverse({
|
|
31
|
-
JSXAttribute(path) {
|
|
32
|
-
let value = (0, utils_1.getPropValue)(path.node.value);
|
|
33
|
-
if (path.node.name.type !== 'JSXIdentifier' || !value) {
|
|
34
|
-
return;
|
|
35
|
-
}
|
|
36
|
-
switch (path.node.name.name) {
|
|
37
|
-
case 'variant': {
|
|
38
|
-
if (value.type === 'StringLiteral') {
|
|
39
|
-
if (value.value === 'cta') {
|
|
40
|
-
value.value = 'accent';
|
|
41
|
-
}
|
|
42
|
-
else if (value.value === 'overBackground') {
|
|
43
|
-
value.value = 'primary';
|
|
44
|
-
path.insertAfter(t.jsxAttribute(t.jsxIdentifier('staticColor'), t.stringLiteral('white')));
|
|
45
|
-
}
|
|
46
|
-
}
|
|
47
|
-
break;
|
|
48
|
-
}
|
|
49
|
-
}
|
|
50
|
-
}
|
|
51
|
-
});
|
|
52
|
-
}
|