@bem-react/classname 1.6.0 → 1.6.1-dev.4

package/build/classname.mjs

@@ -0,0 +1,94 @@
+/**
+ * BEM className configure function.
+ *
+ * @example
+ * ``` ts
+ *
+ * import { withNaming } from '@bem-react/classname';
+ *
+ * const cn = withNaming({ n: 'ns-', e: '__', m: '_' });
+ *
+ * cn('block', 'elem'); // 'ns-block__elem'
+ * ```
+ *
+ * @param preset settings for the naming convention
+ */
+function withNaming(preset) {
+    var nameSpace = preset.n || '';
+    var modValueDelimiter = preset.v || preset.m;
+    function stringify(b, e, m, mix) {
+        var entityName = e ? nameSpace + b + preset.e + e : nameSpace + b;
+        var className = entityName;
+        if (m) {
+            var modPrefix = ' ' + className + preset.m;
+            for (var k in m) {
+                if (m.hasOwnProperty(k)) {
+                    var modVal = m[k];
+                    if (modVal === true) {
+                        className += modPrefix + k;
+                    }
+                    else if (modVal) {
+                        className += modPrefix + k + modValueDelimiter + modVal;
+                    }
+                }
+            }
+        }
+        if (mix !== undefined) {
+            mix = Array.isArray(mix) ? mix : [mix];
+            for (var i = 0, len = mix.length; i < len; i++) {
+                var value = mix[i];
+                // Skipping non-string values and empty strings
+                if (!value || typeof value.valueOf() !== 'string')
+                    continue;
+                var mixes = value.valueOf().split(' ');
+                for (var j = 0; j < mixes.length; j++) {
+                    var val = mixes[j];
+                    if (val !== entityName) {
+                        className += ' ' + val;
+                    }
+                }
+            }
+        }
+        return className;
+    }
+    return function cnGenerator(b, e) {
+        return function (elemOrMods, elemModsOrBlockMix, elemMix) {
+            if (typeof elemOrMods === 'string') {
+                if (typeof elemModsOrBlockMix === 'string' || Array.isArray(elemModsOrBlockMix)) {
+                    return stringify(b, elemOrMods, undefined, elemModsOrBlockMix);
+                }
+                return stringify(b, elemOrMods, elemModsOrBlockMix, elemMix);
+            }
+            return stringify(b, e, elemOrMods, elemModsOrBlockMix);
+        };
+    };
+}
+/**
+ * BEM Entity className initializer with React naming preset.
+ *
+ * @example
+ * ``` ts
+ *
+ * import { cn } from '@bem-react/classname';
+ *
+ * const cat = cn('Cat');
+ *
+ * cat(); // Cat
+ * cat({ size: 'm' }); // Cat_size_m
+ * cat('Tail'); // Cat-Tail
+ * cat('Tail', { length: 'small' }); // Cat-Tail_length_small
+ *
+ * const dogPaw = cn('Dog', 'Paw');
+ *
+ * dogPaw(); // Dog-Paw
+ * dogPaw({ color: 'black', exists: true }); // Dog-Paw_color_black Dog-Paw_exists
+ * ```
+ *
+ * @see https://en.bem.info/methodology/naming-convention/#react-style
+ */
+var cn = withNaming({
+    e: '-',
+    m: '_',
+});
+
+export { cn, withNaming };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bem-react/classname",
-  "version": "1.6.0",
+  "version": "1.6.1-dev.4+591cfee",
   "description": "BEM React ClassName",
   "homepage": "https://github.com/bem/bem-react/tree/master/packages/classname",
   "repository": "https://github.com/bem/bem-react",
@@ -11,20 +11,28 @@
     "notation",
     "core"
   ],
-  "main": "index.js",
-  "typings": "classname.d.ts",
   "publishConfig": {
     "access": "public"
   },
-  "files": [
-    "build",
-    "classname.d.ts"
-  ],
   "license": "MPL-2.0",
   "scripts": {
     "prepublishOnly": "npm run build",
     "build": "node ../../scripts/rollup/build.js",
     "unit": "../../node_modules/.bin/jest --config ../../.config/jest/jest.config.js"
   },
-  "gitHead": "63dde6c03d9f2a05a8c6dc42f0c729d91b87fd0b"
+  "files": [
+    "build",
+    "classname.d.ts"
+  ],
+  "main": "./build/classname.cjs",
+  "module": "./build/classname.mjs",
+  "types": "./classname.d.ts",
+  "exports": {
+    ".": {
+      "types": "./classname.d.ts",
+      "import": "./build/classname.mjs",
+      "require": "./build/classname.cjs"
+    }
+  },
+  "gitHead": "591cfee41cfc0dce2f099f2e3d590fdf8bfbf51e"
 }

package/build/classname.production.min.js

@@ -1 +0,0 @@
-'use strict';function r(r){function t(t,i,a,o){var f=i?e+t+r.e+i:e+t,v=f;if(a){var s=' '+v+r.m;for(var u in a)if(a.hasOwnProperty(u)){var p=a[u];!0===p?v+=s+u:p&&(v+=s+u+n+p)}}if(void 0!==o)for(var y=0,c=(o=Array.isArray(o)?o:[o]).length;y<c;y++){var l=o[y];if(l&&'string'==typeof l.valueOf())for(var g=l.valueOf().split(' '),d=0;d<g.length;d++){var h=g[d];h!==f&&(v+=' '+h)}}return v}var e=r.n||'',n=r.v||r.m;return function(r,e){return function(n,i,a){return'string'==typeof n?'string'==typeof i||Array.isArray(i)?t(r,n,void 0,i):t(r,n,i,a):t(r,e,n,i)}}}Object.defineProperty(exports,'__esModule',{value:!0});var t=r({e:'-',m:'_'});exports.cn=t,exports.withNaming=r;

package/index.js

@@ -1,7 +0,0 @@
-'use strict'
-
-if (process.env.NODE_ENV === 'production') {
-  module.exports = require('./build/classname.production.min.js')
-} else {
-  module.exports = require('./build/classname.development.js')
-}