@lumx/core 3.10.1-alpha.6 → 3.10.1-alpha.8

package/js/utils.ts

@@ -2,12 +2,10 @@ import classNames from 'classnames';
 // eslint-disable-next-line import/no-extraneous-dependencies
 import React from 'react';
 
+import isBoolean from 'lodash/isBoolean';
 import isEmpty from 'lodash/isEmpty';
-
-/** Transform camelCase to kebab-case */
-function camelToKebabCase(str: string): string {
-    return str.replace(/([a-z0-9])([A-Z])/g, '$1-$2').toLowerCase();
-}
+import kebabCase from 'lodash/kebabCase';
+import noop from 'lodash/noop';
 
 /**
  * Enhance isEmpty method to also works with numbers.
@@ -40,7 +38,7 @@ export function getBasicClass({
     type: string;
     value: string | number | boolean | undefined;
 }): string {
-    if (typeof value === 'boolean') {
+    if (isBoolean(value)) {
         if (!value) {
             // False value should not return a class.
             return '';
@@ -48,13 +46,13 @@ export function getBasicClass({
         const booleanPrefixes = ['has', 'is'];
 
         if (booleanPrefixes.some((booleanPrefix) => type.toString().startsWith(booleanPrefix))) {
-            return `${prefix}--${camelToKebabCase(type)}`;
+            return `${prefix}--${kebabCase(type)}`;
         }
 
-        return `${prefix}--is-${camelToKebabCase(type)}`;
+        return `${prefix}--is-${kebabCase(type)}`;
     }
 
-    return `${prefix}--${camelToKebabCase(type)}-${value}`;
+    return `${prefix}--${kebabCase(type)}-${value}`;
 }
 
 /**
@@ -72,8 +70,9 @@ export function handleBasicClasses({ prefix, ...props }: { prefix: string; [prop
     const otherClasses: any = {};
     if (!isEmpty(props)) {
         Object.keys(props).forEach((prop) => {
-            otherClasses[getBasicClass({ prefix, type: prop, value: props[prop] })] =
-                typeof props[prop] === 'boolean' ? props[prop] : !_isEmpty(props[prop]);
+            otherClasses[getBasicClass({ prefix, type: prop, value: props[prop] })] = isBoolean(props[prop])
+                ? props[prop]
+                : !_isEmpty(props[prop]);
         });
     }
 
@@ -91,7 +90,7 @@ declare type SwipeDirection = 'none' | 'up' | 'down' | 'left' | 'right';
  * @param  handleSwipe Callback function.
  * @return Function to remove listeners.
  */
-export function detectSwipe(touchSurface: Element, handleSwipe?: (direction: SwipeDirection) => void) {
+export function detectSwipe(touchSurface: Element, handleSwipe: (direction: SwipeDirection) => void = noop) {
     let distX: number;
     let distY: number;
     let startX: number;
@@ -142,7 +141,7 @@ export function detectSwipe(touchSurface: Element, handleSwipe?: (direction: Swi
                 direction = distY < 0 ? 'up' : 'down';
             }
         }
-        handleSwipe?.(direction);
+        handleSwipe(direction);
         evt.preventDefault();
     };
 
@@ -169,8 +168,8 @@ function isPassiveEventAvailable() {
                 supportsPassiveOption = true;
             },
         });
-        window.addEventListener('testPassiveEventSupport', () => {}, opts);
-        window.removeEventListener('testPassiveEventSupport', () => {}, opts);
+        window.addEventListener('testPassiveEventSupport', noop, opts);
+        window.removeEventListener('testPassiveEventSupport', noop, opts);
     } catch (e) {
         // ignored
     }