feat: use imported file path as style map key (#101)

Author: andris-silis

src/index.js

@@ -144,8 +144,8 @@ export default ({
         let styleImportName: string;
 
         if (path.node.specifiers.length === 0) {
-          // eslint-disable-next-line no-process-env
-          styleImportName = process.env.NODE_ENV === 'test' ? 'random-test' : 'random-' + Math.random();
+          // use imported file path as import name
+          styleImportName = path.node.source.value;
         } else if (path.node.specifiers.length === 1) {
           styleImportName = path.node.specifiers[0].local.name;
         } else {

test/fixtures/react-css-modules/merges the resolved styleName with the existing className values/expected.js

@@ -2,7 +2,7 @@ import _getClassName from 'babel-plugin-react-css-modules/dist/browser/getClassN
 import './bar.css';
 
 const _styleModuleImportMap = {
-  'random-test': {
+  './bar.css': {
     'a': 'bar__a'
   }
 };

test/fixtures/react-css-modules/uses getClassName to resolve non-literal styleName (with already existing className)/expected.js

@@ -6,7 +6,7 @@ const _styleModuleImportMap = {
   'bar': {
     'a-b': 'bar__a-b'
   },
-  'random-test': {
+  './foo.css': {
     'a-b': 'foo__a-b'
   }
 };

test/fixtures/react-css-modules/uses getClassName to resolve non-literal styleName/expected.js

@@ -6,7 +6,7 @@ const _styleModuleImportMap = {
   'bar': {
     'a-b': 'bar__a-b'
   },
-  'random-test': {
+  './foo.css': {
     'a-b': 'foo__a-b'
   }
 };