@oceanbase/codemod 0.4.8 → 0.4.10

package/README.md

@@ -166,10 +166,10 @@ transform fixed style to antd v5 design token.
 -       <Alert style={{ color: 'rgba(0, 0, 0, 0.85)', background: 'rgba(0, 0, 0,0.65)', backgroundColor: 'rgba(0,0,0,0.45)', border: '1px solid #d9d9d9' }} />
 -       <Button style={{ color: '#1890ff', background: '#52c41a', backgroundColor: '#faad14', borderColor: '#ff4d4f' }}></Button>
 -     </div>
-+     (<div>
++     <div>
 +       <Alert style={{ color: token.colorText, background: token.colorTextSecondary, backgroundColor: token.colorTextTertiary, border: `1px solid ${token.colorBorder}` }} />
 +       <Button style={{ color: token.colorInfo, background: token.colorSuccess, backgroundColor: token.colorWarning, borderColor: token.colorError }}></Button>
-+     </div>)
++     </div>
     );
   };
 
@@ -196,11 +196,11 @@ export default Demo;
 -         <Button style={{ color: '#1890ff', background: '#52c41a', backgroundColor: '#faad14', borderColor: '#ff4d4f' }}></Button>
 -         <div color="#fafafa" border="1px solid #fafafa" />
 -       </div>
-+       (<div>
++       <div>
 +         <Alert style={{ color: token.colorText, background: token.colorTextSecondary, backgroundColor: token.colorTextTertiary, border: `1px solid ${token.colorBgLayout}` }} />
 +         <Button style={{ color: token.colorInfo, background: token.colorSuccess, backgroundColor: token.colorWarning, borderColor: token.colorError }}></Button>
 +         <div color={token.colorBgLayout} border={`1px solid ${token.colorBgLayout}`} />
-+       </div>)
++       </div>
       );
     }
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oceanbase/codemod",
-  "version": "0.4.8",
+  "version": "0.4.10",
   "description": "Codemod for OceanBase Design upgrade",
   "keywords": [
     "oceanbase",
@@ -23,21 +23,21 @@
     "build": "father build"
   },
   "dependencies": {
-    "@oceanbase/design": "^0.4.8",
+    "@oceanbase/design": "^0.4.10",
     "chalk": "^3.0.0",
     "command-exists": "^1.2.9",
     "execa": "^5.1.1",
     "find-up": "^7.0.0",
-    "glob": "^11.0.0",
+    "glob": "^11.0.1",
     "is-directory": "^0.3.1",
     "is-git-clean": "^1.1.0",
     "jscodeshift": "^0.16.1",
     "lodash": "^4.17.21",
-    "postcss": "^8.4.49",
+    "postcss": "^8.5.3",
     "postcss-less": "^6.0.0",
-    "prettier": "^3.3.3",
+    "prettier": "^3.5.3",
     "read-pkg-up": "^10.1.0",
-    "semver": "^7.6.3",
+    "semver": "^7.7.1",
     "update-check": "^1.5.4",
     "yargs-parser": "^21.1.1"
   },
@@ -47,5 +47,5 @@
     "enzyme": "^3.11.0",
     "enzyme-to-json": "^3.6.2"
   },
-  "gitHead": "617efa9eb09833f74f0ab0065467b556b5b6843e"
+  "gitHead": "db83d4b1d50b50813d9751f4e8c1189badf67820"
 }

package/transforms/__testfixtures__/style-to-token/class-component.output.js

@@ -9,10 +9,10 @@ class Demo extends React.PureComponent {
 
   render() {
     return (
-      (<div>
+      <div>
         <Alert style={{ color: token.colorText, background: token.colorTextSecondary, backgroundColor: token.colorTextTertiary, border: `1px solid ${token.colorBorder}` }} />
         <Button style={{ color: token.colorInfo, background: token.colorSuccess, backgroundColor: token.colorWarning, borderColor: token.colorError }}></Button>
-      </div>)
+      </div>
     );
   }
 }

package/transforms/__testfixtures__/style-to-token/existed-useToken.output.js

@@ -4,11 +4,11 @@ import { Alert, Button, theme, Tooltip } from '@oceanbase/design';
 const Demo = () => {
   const { token } = theme.useToken();
   return (
-    (<div>
+    <div>
       <Alert style={{ color: token.colorText, background: token.colorTextSecondary, backgroundColor: token.colorTextTertiary, border: `1px solid ${token.colorBorder}` }} />
       <Button style={{ color: token.colorInfo, background: token.colorSuccess, backgroundColor: token.colorWarning, borderColor: token.colorError }}></Button>
       <Tooltip color={token.colorBgContainer} backgroundColor={token.colorErrorBg} borderColor={token.colorBgLayout} border={`1px solid ${token.colorBgLayout}`} />
-    </div>)
+    </div>
   );
 };
 

package/transforms/__testfixtures__/style-to-token/function-component.output.js

@@ -5,11 +5,11 @@ function Demo1() {
   const { token } = theme.useToken();
   const tokenList = [token.colorTextTertiary, token.colorInfo, token.colorBgLayout];
   return (
-    (<div>
+    <div>
       <Alert style={{ color: token.colorText, background: token.colorTextSecondary, backgroundColor: token.colorTextTertiary, border: `1px solid ${token.colorBorder}` }} />
       <Button style={{ color: token.colorInfo, background: token.colorSuccess, backgroundColor: token.colorWarning, borderColor: token.colorError }}></Button>
       <Tooltip color={token.colorBgContainer} backgroundColor={token.colorErrorBg} borderColor={token.colorBgLayout} border={`1px solid ${token.colorBgLayout}`} />
-    </div>)
+    </div>
   );
 };
 
@@ -17,11 +17,11 @@ const Demo2 = () => {
   const { token } = theme.useToken();
   const tokenList = [token.colorTextTertiary, token.colorInfo, token.colorBgLayout];
   return (
-    (<div>
+    <div>
       <Alert style={{ color: token.colorText, background: token.colorTextSecondary, backgroundColor: token.colorTextTertiary, border: `1px solid ${token.colorBorder}` }} />
       <Button style={{ color: token.colorInfo, background: token.colorSuccess, backgroundColor: token.colorWarning, borderColor: token.colorError }}></Button>
       <Tooltip color={token.colorBgContainer} backgroundColor={token.colorErrorBg} borderColor={token.colorBgLayout} border={`1px solid ${token.colorBgLayout}`} />
-    </div>)
+    </div>
   );
 };
 

package/transforms/__testfixtures__/style-to-token/function.output.js

@@ -4,33 +4,33 @@ import { Alert, Button, token, Tooltip } from '@oceanbase/design';
 function getComponent1() {
   const tokenList = [token.colorTextTertiary, token.colorInfo, token.colorBgLayout];
   return (
-    (<div>
+    <div>
       <Alert style={{ color: token.colorText, background: token.colorTextSecondary, backgroundColor: token.colorTextTertiary, border: `1px solid ${token.colorBorder}` }} />
       <Button style={{ color: token.colorInfo, background: token.colorSuccess, backgroundColor: token.colorWarning, borderColor: token.colorError }}></Button>
       <Tooltip color={token.colorBgContainer} backgroundColor={token.colorErrorBg} borderColor={token.colorBgLayout} border={`1px solid ${token.colorBgLayout}`} />
-    </div>)
+    </div>
   );
 };
 
 const getComponent2 = () => {
   const tokenList = [token.colorTextTertiary, token.colorInfo, token.colorBgLayout];
   return (
-    (<div>
+    <div>
       <Alert style={{ color: token.colorText, background: token.colorTextSecondary, backgroundColor: token.colorTextTertiary, border: `1px solid ${token.colorBorder}` }} />
       <Button style={{ color: token.colorInfo, background: token.colorSuccess, backgroundColor: token.colorWarning, borderColor: token.colorError }}></Button>
       <Tooltip color={token.colorBgContainer} backgroundColor={token.colorErrorBg} borderColor={token.colorBgLayout} border={`1px solid ${token.colorBgLayout}`} />
-    </div>)
+    </div>
   );
 };
 
 export default () => {
   const tokenList = [token.colorTextTertiary, token.colorInfo, token.colorBgLayout];
   return (
-    (<div>
+    <div>
       <Alert style={{ color: token.colorText, background: token.colorTextSecondary, backgroundColor: token.colorTextTertiary, border: `1px solid ${token.colorBorder}` }} />
       <Button style={{ color: token.colorInfo, background: token.colorSuccess, backgroundColor: token.colorWarning, borderColor: token.colorError }}></Button>
       <Tooltip color={token.colorBgContainer} backgroundColor={token.colorErrorBg} borderColor={token.colorBgLayout} border={`1px solid ${token.colorBgLayout}`} />
-    </div>)
+    </div>
   );
 };
 

package/transforms/__testfixtures__/style-to-token/hooks.output.js

@@ -5,11 +5,11 @@ function useComponent1 () {
   const { token } = theme.useToken();
   const tokenList = [token.colorTextTertiary, token.colorInfo, token.colorBgLayout];
   return (
-    (<div>
+    <div>
       <Alert style={{ color: token.colorText, background: token.colorTextSecondary, backgroundColor: token.colorTextTertiary, border: `1px solid ${token.colorBorder}` }} />
       <Button style={{ color: token.colorInfo, background: token.colorSuccess, backgroundColor: token.colorWarning, borderColor: token.colorError }}></Button>
       <Tooltip color={token.colorBgContainer} backgroundColor={token.colorErrorBg} borderColor={token.colorBgLayout} border={`1px solid ${token.colorBgLayout}`} />
-    </div>)
+    </div>
   );
 };
 
@@ -17,11 +17,11 @@ const useComponent2 = () => {
   const { token } = theme.useToken();
   const tokenList = [token.colorTextTertiary, token.colorInfo, token.colorBgLayout];
   return (
-    (<div>
+    <div>
       <Alert style={{ color: token.colorText, background: token.colorTextSecondary, backgroundColor: token.colorTextTertiary, border: `1px solid ${token.colorBorder}` }} />
       <Button style={{ color: token.colorInfo, background: token.colorSuccess, backgroundColor: token.colorWarning, borderColor: token.colorError }}></Button>
       <Tooltip color={token.colorBgContainer} backgroundColor={token.colorErrorBg} borderColor={token.colorBgLayout} border={`1px solid ${token.colorBgLayout}`} />
-    </div>)
+    </div>
   );
 };
 

package/transforms/__testfixtures__/style-to-token/nested-block-statement.output.js

@@ -9,10 +9,10 @@ const Demo = () => {
     },
   }];
   return (
-    (<div>
+    <div>
       <Alert style={{ color: token.colorText, background: token.colorTextSecondary, backgroundColor: token.colorTextTertiary, border: `1px solid ${token.colorBorder}` }} />
       <Button style={{ color: token.colorInfo, background: token.colorSuccess, backgroundColor: token.colorWarning, borderColor: token.colorError }}></Button>
-    </div>)
+    </div>
   );
 };