Add typings to packaged components (#979)

Author: M-i-k-e-l

scripts/buildPackages.js

@@ -21,8 +21,19 @@ const packages = [
 ];
 
 /* Write custom packages */
+function addTyping(typings, component) {
+  if (_.isEmpty(typings)) {
+    typings += `{${component}`;
+  } else {
+    typings += `, ${component}`;
+  }
+
+  return typings;
+}
+
 packages.forEach((package) => {
   let content = package.content || '';
+  let typings = '';
 
   if (package.components || package.styleComponents) {
     content += 'module.exports = {\n';
@@ -32,6 +43,8 @@ packages.forEach((package) => {
         component
       )}').default;`;
       content += `},\n`;
+
+      typings = addTyping(typings, component);
     });
 
     _.forEach(package.styleComponents, (component) => {
@@ -40,11 +53,19 @@ packages.forEach((package) => {
         component
       )}').default;`;
       content += `},\n`;
+
+      typings = addTyping(typings, component);
     });
     content += '};\n';
+    typings += '}';
+    typings = `import ${typings} from './generatedTypes';\nexport ${typings};\n`;
   }
 
   fs.writeFileSync(package.filename, content);
+  if (!_.isEmpty(typings)) {
+    const filename = `${package.filename.substring(0, package.filename.indexOf('.js'))}.d.ts`;
+    fs.writeFileSync(filename, typings);
+  }
 });
 
 /* Write all components as separate packages */
@@ -58,6 +79,11 @@ fs.readdir(path, (err, files) => {
           `${file}.js`,
           `module.exports = require('${path}/${file}').default;\n`
         );
+        const componentName = _.upperFirst(file);
+        fs.writeFileSync(
+          `${file}.d.ts`,
+          `import {${componentName}} from './generatedTypes';\nexport default ${componentName};\n`
+        );
       });
   }
 });