[i10n] Port locale to TypeScript

mui · Apr 21, 2020 · 1ce7689 · 1ce7689
1 parent ccbd05b
commit 1ce7689
Show file tree

Hide file tree

Showing 5 changed files with 85 additions and 68 deletions.
diff --git a/babel.config.js b/babel.config.js
@@ -40,7 +40,7 @@ const productionPlugins = [
 ];
 
 module.exports = {
-  presets: defaultPresets.concat(['@babel/preset-react']),
+  presets: defaultPresets.concat(['@babel/preset-react', '@babel/preset-typescript']),
   plugins: [
     'babel-plugin-optimize-clsx',
     ['@babel/plugin-proposal-class-properties', { loose: true }],

diff --git a/packages/material-ui/package.json b/packages/material-ui/package.json
@@ -25,12 +25,13 @@
     "url": "https://opencollective.com/material-ui"
   },
   "scripts": {
-    "build": "yarn build:cjs && yarn build:esm && yarn build:es && yarn build:umd && yarn build:copy-files",
-    "build:cjs": "cross-env NODE_ENV=production BABEL_ENV=cjs babel --config-file ../../babel.config.js ./src --out-dir ./build --ignore \"**/*.test.js\"",
-    "build:esm": "cross-env NODE_ENV=production BABEL_ENV=esm babel --config-file ../../babel.config.js ./src --out-dir ./build/esm --ignore \"**/*.test.js\"",
-    "build:es": "cross-env NODE_ENV=production BABEL_ENV=es babel --config-file ../../babel.config.js ./src --out-dir ./build/es --ignore \"**/*.test.js\"",
+    "build": "yarn build:cjs && yarn build:esm && yarn build:es && yarn build:umd && yarn build:copy-files && yarn build:types",
+    "build:cjs": "cross-env NODE_ENV=production BABEL_ENV=cjs babel --config-file ../../babel.config.js --extensions \".js,.ts\" ./src --out-dir ./build --ignore \"**/*.test.js,**/*.d.ts\"",
+    "build:esm": "cross-env NODE_ENV=production BABEL_ENV=esm babel --config-file ../../babel.config.js --extensions \".js,.ts\" ./src --out-dir ./build/esm --ignore \"**/*.test.js,**/*.d.ts\"",
+    "build:es": "cross-env NODE_ENV=production BABEL_ENV=es babel --config-file ../../babel.config.js --extensions \".js,.ts\" ./src --out-dir ./build/es --ignore \"**/*.test.js,**/*.d.ts\"",
     "build:umd": "cross-env BABEL_ENV=production-umd rollup -c scripts/rollup.config.js",
     "build:copy-files": "node ../../scripts/copy-files.js",
+    "build:types": "tsc -p tsconfig.build.json",
     "prebuild": "rimraf build",
     "release": "yarn build && npm publish build --tag latest",
     "test": "cd ../../ && cross-env NODE_ENV=test mocha 'packages/material-ui/**/*.test.js' --exclude '**/node_modules/**'",

diff --git a/packages/material-ui/src/locale/index.d.ts b/packages/material-ui/src/locale/index.d.ts
diff --git a/packages/material-ui/src/locale/index.js → packages/material-ui/src/locale/index.ts b/packages/material-ui/src/locale/index.js → packages/material-ui/src/locale/index.ts
@@ -1,4 +1,36 @@
-export const azAZ = {
+interface Localization {
+  props?: {
+    MuiBreadcrumbs?: {
+      expandText?: string;
+    };
+    MuiTablePagination?: {
+      backIconButtonText?: string;
+      labelRowsPerPage?: string;
+      labelDisplayedRows?: (data: { from: number; to: number; count: number }) => string;
+      nextIconButtonText?: string;
+    };
+    MuiRating?: {
+      emptyLabelText?: string;
+      getLabelText?: (value: number) => string;
+    };
+    MuiAutocomplete?: {
+      clearText?: string;
+      closeText?: string;
+      loadingText?: string;
+      noOptionsText?: string;
+      openText?: string;
+    };
+    MuiAlert?: {
+      closeText?: string;
+    };
+    MuiPagination?: {
+      'aria-label'?: string;
+      getItemAriaLabel?: (type: string, page: number, selected: boolean) => string | undefined;
+    };
+  };
+}
+
+export const azAZ: Localization = {
   props: {
     MuiBreadcrumbs: {
       expandText: 'Yolu göstər',
@@ -56,7 +88,7 @@ export const azAZ = {
   },
 };
 
-export const bgBG = {
+export const bgBG: Localization = {
   props: {
     MuiBreadcrumbs: {
       expandText: 'Показване на пътя',
@@ -105,7 +137,7 @@ export const bgBG = {
   },
 };
 
-export const caES = {
+export const caES: Localization = {
   props: {
     // MuiBreadcrumbs: {
     //   expandText: 'Show path',
@@ -154,7 +186,7 @@ export const caES = {
   },
 };
 
-export const csCZ = {
+export const csCZ: Localization = {
   props: {
     // MuiBreadcrumbs: {
     //   expandText: 'Show path',
@@ -211,7 +243,7 @@ export const csCZ = {
   },
 };
 
-export const deDE = {
+export const deDE: Localization = {
   props: {
     // MuiBreadcrumbs: {
     //   expandText: 'Show path',
@@ -261,8 +293,8 @@ export const deDE = {
 };
 
 // default
-export const enUS = {
-  /**
+export const enUS: Localization = {
+  /*
   props: {
     MuiBreadcrumbs: {
       expandText: 'Show path',
@@ -312,7 +344,7 @@ export const enUS = {
 */
 };
 
-export const esES = {
+export const esES: Localization = {
   props: {
     // MuiBreadcrumbs: {
     //   expandText: 'Show path',
@@ -361,7 +393,7 @@ export const esES = {
   },
 };
 
-export const etEE = {
+export const etEE: Localization = {
   props: {
     // MuiBreadcrumbs: {
     //   expandText: 'Show path',
@@ -410,7 +442,7 @@ export const etEE = {
   },
 };
 
-export const faIR = {
+export const faIR: Localization = {
   props: {
     // MuiBreadcrumbs: {
     //   expandText: 'Show path',
@@ -465,7 +497,7 @@ export const faIR = {
   },
 };
 
-export const fiFI = {
+export const fiFI: Localization = {
   props: {
     // MuiBreadcrumbs: {
     //   expandText: 'Show path',
@@ -514,7 +546,7 @@ export const fiFI = {
   },
 };
 
-export const frFR = {
+export const frFR: Localization = {
   props: {
     MuiBreadcrumbs: {
       expandText: 'Montrer le chemin',
@@ -563,7 +595,7 @@ export const frFR = {
   },
 };
 
-export const heIL = {
+export const heIL: Localization = {
   props: {
     // MuiBreadcrumbs: {
     //   expandText: 'Show path',
@@ -613,7 +645,7 @@ export const heIL = {
   },
 };
 
-export const huHU = {
+export const huHU: Localization = {
   props: {
     MuiBreadcrumbs: {
       expandText: 'Útvonal',
@@ -662,7 +694,7 @@ export const huHU = {
   },
 };
 
-export const hyAM = {
+export const hyAM: Localization = {
   props: {
     // MuiBreadcrumbs: {
     //   expandText: 'Show path',
@@ -711,7 +743,7 @@ export const hyAM = {
   },
 };
 
-export const idID = {
+export const idID: Localization = {
   props: {
     // MuiBreadcrumbs: {
     //   expandText: 'Show path',
@@ -761,7 +793,7 @@ export const idID = {
   },
 };
 
-export const isIS = {
+export const isIS: Localization = {
   props: {
     // MuiBreadcrumbs: {
     //   expandText: 'Show path',
@@ -810,7 +842,7 @@ export const isIS = {
   },
 };
 
-export const itIT = {
+export const itIT: Localization = {
   props: {
     MuiBreadcrumbs: {
       expandText: 'Visualizza percorso',
@@ -859,7 +891,7 @@ export const itIT = {
   },
 };
 
-export const jaJP = {
+export const jaJP: Localization = {
   props: {
     // MuiBreadcrumbs: {
     //   expandText: 'Show path',
@@ -908,7 +940,7 @@ export const jaJP = {
   },
 };
 
-export const koKR = {
+export const koKR: Localization = {
   props: {
     // MuiBreadcrumbs: {
     //   expandText: 'Show path',
@@ -933,7 +965,7 @@ export const koKR = {
   },
 };
 
-export const nlNL = {
+export const nlNL: Localization = {
   props: {
     // MuiBreadcrumbs: {
     //   expandText: 'Show path',
@@ -982,7 +1014,7 @@ export const nlNL = {
   },
 };
 
-export const plPL = {
+export const plPL: Localization = {
   props: {
     MuiBreadcrumbs: {
       expandText: 'Pokaż ścieżkę',
@@ -1042,7 +1074,7 @@ export const plPL = {
   },
 };
 
-export const ptBR = {
+export const ptBR: Localization = {
   props: {
     // MuiBreadcrumbs: {
     //   expandText: 'Show path',
@@ -1091,7 +1123,7 @@ export const ptBR = {
   },
 };
 
-export const ptPT = {
+export const ptPT: Localization = {
   props: {
     MuiBreadcrumbs: {
       expandText: 'Mostrar caminho',
@@ -1140,7 +1172,7 @@ export const ptPT = {
   },
 };
 
-export const roRO = {
+export const roRO: Localization = {
   props: {
     // MuiBreadcrumbs: {
     //   expandText: 'Show path',
@@ -1189,7 +1221,7 @@ export const roRO = {
   },
 };
 
-export const ruRU = {
+export const ruRU: Localization = {
   props: {
     // MuiBreadcrumbs: {
     //   expandText: 'Show path',
@@ -1249,7 +1281,7 @@ export const ruRU = {
   },
 };
 
-export const skSK = {
+export const skSK: Localization = {
   props: {
     // MuiBreadcrumbs: {
     //   expandText: 'Show path',
@@ -1306,7 +1338,7 @@ export const skSK = {
   },
 };
 
-export const svSE = {
+export const svSE: Localization = {
   props: {
     // MuiBreadcrumbs: {
     //   expandText: 'Show path',
@@ -1355,7 +1387,7 @@ export const svSE = {
   },
 };
 
-export const trTR = {
+export const trTR: Localization = {
   props: {
     // MuiBreadcrumbs: {
     //   expandText: 'Show path',
@@ -1405,7 +1437,7 @@ export const trTR = {
   },
 };
 
-export const ukUA = {
+export const ukUA: Localization = {
   props: {
     // MuiBreadcrumbs: {
     //   expandText: 'Show path',
@@ -1465,7 +1497,7 @@ export const ukUA = {
   },
 };
 
-export const viVN = {
+export const viVN: Localization = {
   props: {
     // MuiBreadcrumbs: {
     //   expandText: 'Show path',
@@ -1515,7 +1547,7 @@ export const viVN = {
   },
 };
 
-export const zhCN = {
+export const zhCN: Localization = {
   props: {
     // MuiBreadcrumbs: {
     //   expandText: 'Show path',

diff --git a/packages/material-ui/tsconfig.build.json b/packages/material-ui/tsconfig.build.json
@@ -0,0 +1,15 @@
+{
+  // This config is for emitting declarations (.d.ts) only
+  // Actual .ts source files are transpiled via babel
+  "extends": "./tsconfig",
+  "compilerOptions": {
+    "declaration": true,
+    "noEmit": false,
+    "emitDeclarationOnly": true,
+    "outDir": "build",
+    "rootDir": "./src",
+    "types": ["react"]
+  },
+  "include": ["src/**/*.ts"],
+  "exclude": ["src/**/*.spec.ts"]
+}