lib features updated

Author: eone666

lib/index.d.ts

@@ -1 +1 @@
-export declare function createModuleStylesConverter(styles: any): (...classNames: string[]) => string;
+export declare function createModuleStylesConverter(styles?: Record<string, string>): (...classNames: (string | Record<string, boolean>)[]) => string;

lib/index.js

@@ -28,6 +28,7 @@ const gs = createModuleStylesConverter(styles);
 gs('class class-two'); // provide all styles in a string OR
 gs('class', 'class-two'); // provide styles in multiple strings OR
 gs('class', 'class-two class-three') // provide using mix of two types above
+gs('class', 'class-two', {'class-three': true}) // provide using object with boolean
 
 <span className={gs('text text_big text_marked')}>Big marked text here...</span>
 ```

lib/index.js.map

@@ -46,5 +46,36 @@ it('works with mixed types of providing classNames', () => {
 });
 
 it('throws exception when no styles provided', () => {
- expect(() => createModuleStylesConverter(null)).toThrow();
+ expect(() => createModuleStylesConverter()).toThrow();
 });
+
+it('works with object like { className: true }', () => {
+ // emulating module styles object
+ const styles = {
+ text: 'text_HASH',
+ red: 'red_HASH',
+ big: 'big_HASH',
+ };
+
+ // getStyle (gs)
+ const gs = createModuleStylesConverter(styles);
+ const classNames = gs('text', { red: false }, { big: true });
+
+ expect(classNames).toBe('text_HASH big_HASH');
+});
+
+it('returns the original class name if it is not specified in the module', () => {
+ // emulating module styles object
+ const styles = {
+ text: 'text_HASH',
+ red: 'red_HASH',
+ big: 'big_HASH',
+ };
+
+ // getStyle (gs)
+ const gs = createModuleStylesConverter(styles);
+ const classNames = gs('text', 'red', 'big', 'small', 'green');
+
+ expect(classNames).toBe('text_HASH red_HASH big_HASH small green');
+})
+

package-lock.json

@@ -1,10 +1,16 @@
-export function createModuleStylesConverter(styles) {
- if (!styles) throw "There is no styles provided (null or undefined)";
+export function createModuleStylesConverter(styles?: Record<string, string>) {
+ if (!styles) throw 'There is no styles provided (null or undefined)';
  const closureStyles = styles;
- 
- return (...classNames: string[]) => {
- const splitted = classNames.flatMap(cname => cname.split(' '));
- const styled = splitted.map((val) => closureStyles[val]);
+
+ return (...classNames: (string | Record<string, boolean>)[]) => {
+ const splitted = classNames.flatMap(cname =>
+ typeof cname === 'string'
+ ? cname.split(' ')
+ : Object.entries(cname)
+ .filter(([_key, value]) => value)
+ .map(([key]) => key),
+ );
+ const styled = splitted.map(val => closureStyles[val] ?? val);
  return styled.join(' ');
- }
-}
+ };
+}