Fix the compiling fail for earlier versions of antd 5.x series (GH-48)

Author: ArtyomVancyan

.github/workflows/tests.yml

@@ -30,3 +30,38 @@ jobs:
 
       - name: Run tests
         run: npm test
+
+  build:
+
+    runs-on: ubuntu-latest
+
+    strategy:
+      matrix:
+        env: [ antd_v424, antd_v510, antd_v520, antd_v530, antd_v540, antd_v550, antd_v560, antd_v570, antd_v580, antd_v590 ]
+
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v3
+
+      - name: Set up Python
+        uses: actions/setup-python@v2
+
+      - name: Install Tox
+        run: |
+          pip install --upgrade pip
+          pip install tox tox-gh-actions
+
+      - name: Set up Node
+        uses: actions/setup-node@v3
+        with:
+          node-version: 16.x
+          registry-url: https://registry.npmjs.org/
+
+      - name: Build and Package
+        run: |
+          npm install
+          npm run build
+          npm pack
+
+      - name: Run Tox
+        run: tox -e ${{ matrix.env }}

examples/antd4.x/package.json

@@ -16,7 +16,8 @@
     "typescript": "^4.9.5"
   },
   "scripts": {
-    "start": "craco start"
+    "start": "craco start",
+    "build": "craco build"
   },
   "eslintConfig": {
     "extends": [

examples/antd5.x/package.json

@@ -13,7 +13,8 @@
     "typescript": "^4.9.5"
   },
   "scripts": {
-    "start": "react-scripts start"
+    "start": "react-scripts start",
+    "build": "react-scripts build"
   },
   "eslintConfig": {
     "extends": [

package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.2.2",
+  "version": "0.2.3",
   "name": "antd-phone-input",
   "description": "Advanced, highly customizable phone input component for Ant Design.",
   "keywords": [
@@ -64,6 +64,7 @@
     "compile": "tsc --module commonjs && npm run rename -- cjs && npm run rename -- cjs legacy/ && tsc --declaration",
     "build": "npm run compile && tsx scripts/prepare-styles.ts",
     "prebuild": "rm -r legacy index* style* types* || true",
+    "postpack": "tsx scripts/prepare-package.ts",
     "test": "jest --config jestconfig.json"
   },
   "license": "MIT",

scripts/prepare-package.ts

@@ -0,0 +1,11 @@
+import fs from "fs";
+
+const packageJson = JSON.parse(fs.readFileSync("package.json", "utf8"));
+const version = packageJson.version;
+const name = packageJson.name;
+
+for (const pkgFile of ["examples/antd4.x/package.json", "examples/antd5.x/package.json"]) {
+    const packageJson = JSON.parse(fs.readFileSync(pkgFile, "utf8"));
+    packageJson.dependencies[name] = `file:../../${name}-${version}.tgz`;
+    fs.writeFileSync(pkgFile, JSON.stringify(packageJson, null, 2));
+}

src/style.ts

@@ -1,6 +1,8 @@
 import {mergeToken} from "antd/lib/theme/internal";
 import * as inputHelper from "antd/lib/input/style";
 
+const inputStyle = inputHelper as any;
+
 export default (token: any) => ({
 	".react-tel-input": {
 		".country-list": {
@@ -10,8 +12,8 @@ export default (token: any) => ({
 			".search": {backgroundColor: token.colorBgElevated},
 			".search-box": inputHelper.genBasicInputStyle(
 				mergeToken(
-					((inputHelper as any).initInputToken || (() => ({})))(token),
-					((inputHelper as any).initComponentToken || (() => ({})))(token),
+					("initInputToken" in inputStyle ? inputStyle.initInputToken : (() => ({})))(token),
+					("initComponentToken" in inputStyle ? inputStyle.initComponentToken : (() => ({})))(token),
 				)
 			),
 			".country": {

tox.ini

@@ -0,0 +1,91 @@
+[tox]
+envlist =
+    antd_v424
+    antd_v510
+    antd_v520
+    antd_v530
+    antd_v540
+    antd_v550
+    antd_v560
+    antd_v570
+    antd_v580
+    antd_v590
+
+[testenv:antd_v424]
+changedir = examples/antd4.x
+allowlist_externals = npm
+commands =
+    npm install --legacy-peer-deps
+    npm run build
+
+[testenv:antd_v510]
+changedir = examples/antd5.x
+allowlist_externals = npm
+commands =
+    npm install
+    npm install [email protected]
+    npm run build
+
+[testenv:antd_v520]
+changedir = examples/antd5.x
+allowlist_externals = npm
+commands =
+    npm install
+    npm install [email protected]
+    npm run build
+
+[testenv:antd_v530]
+changedir = examples/antd5.x
+allowlist_externals = npm
+commands =
+    npm install
+    npm install [email protected]
+    npm run build
+
+[testenv:antd_v540]
+changedir = examples/antd5.x
+allowlist_externals = npm
+commands =
+    npm install
+    npm install [email protected]
+    npm run build
+
+[testenv:antd_v550]
+changedir = examples/antd5.x
+allowlist_externals = npm
+commands =
+    npm install
+    npm install [email protected]
+    npm run build
+
+[testenv:antd_v560]
+changedir = examples/antd5.x
+allowlist_externals = npm
+commands =
+    npm install
+    npm install [email protected]
+    npm run build
+
+[testenv:antd_v570]
+changedir = examples/antd5.x
+allowlist_externals = npm
+commands =
+    npm install
+    npm install [email protected]
+    npm run build
+
+[testenv:antd_v580]
+changedir = examples/antd5.x
+allowlist_externals = npm
+commands =
+    npm install
+    npm install [email protected]
+    npm run build
+
+[testenv:antd_v590]
+changedir = examples/antd5.x
+allowlist_externals = npm
+commands =
+    npm install
+    npm install [email protected]
+    npm run build