@lumx/core 3.20.1-alpha.31 → 3.20.1-alpha.32

package/js/utils/className/resolveColorWithVariants.js

@@ -1,8 +1,11 @@
+'use strict';
+
 /** Resolve color & color variant from a `ColorWithVariants` and optionally a `ColorVariant`. */
 function resolveColorWithVariants(colorWithVariants, colorVariant) {
-  if (!colorWithVariants) return [undefined, colorVariant];
-  const [color, baseColorVariant] = colorWithVariants.split('-');
-  return [color, colorVariant || baseColorVariant];
+    if (!colorWithVariants)
+        return [undefined, colorVariant];
+    const [color, baseColorVariant] = colorWithVariants.split('-');
+    return [color, (colorVariant || baseColorVariant)];
 }
 
-export { resolveColorWithVariants };
+exports.resolveColorWithVariants = resolveColorWithVariants;

package/js/utils/className/resolveColorWithVariants.min.js

@@ -0,0 +1 @@
+"use strict";exports.resolveColorWithVariants=function(t,r){if(!t)return[void 0,r];const[i,o]=t.split("-");return[i,r||o]};

package/js/utils/className/resolveColorWithVariants.test.js

@@ -1,28 +1,30 @@
-import { resolveColorWithVariants } from './resolveColorWithVariants.js';
+'use strict';
 
-describe(resolveColorWithVariants, () => {
-  it('should handle undefined color', () => {
-    const result = resolveColorWithVariants(undefined);
-    expect(result).toEqual([undefined, undefined]);
-  });
-  it('should handle undefined color with variant', () => {
-    const result = resolveColorWithVariants(undefined, 'L2');
-    expect(result).toEqual([undefined, 'L2']);
-  });
-  it('should handle color with undefined variant', () => {
-    const result = resolveColorWithVariants('primary');
-    expect(result).toEqual(['primary', undefined]);
-  });
-  it('should handle color & variant separated', () => {
-    const result = resolveColorWithVariants('primary', 'L2');
-    expect(result).toEqual(['primary', 'L2']);
-  });
-  it('should handle color with variant all in one', () => {
-    const result = resolveColorWithVariants('primary-L2');
-    expect(result).toEqual(['primary', 'L2']);
-  });
-  it('should override color variant with the given color variant', () => {
-    const result = resolveColorWithVariants('primary-L2', 'D2');
-    expect(result).toEqual(['primary', 'D2']);
-  });
+var js_utils_className_resolveColorWithVariants = require('./resolveColorWithVariants.js');
+
+describe(js_utils_className_resolveColorWithVariants.resolveColorWithVariants, () => {
+    it('should handle undefined color', () => {
+        const result = js_utils_className_resolveColorWithVariants.resolveColorWithVariants(undefined);
+        expect(result).toEqual([undefined, undefined]);
+    });
+    it('should handle undefined color with variant', () => {
+        const result = js_utils_className_resolveColorWithVariants.resolveColorWithVariants(undefined, 'L2');
+        expect(result).toEqual([undefined, 'L2']);
+    });
+    it('should handle color with undefined variant', () => {
+        const result = js_utils_className_resolveColorWithVariants.resolveColorWithVariants('primary');
+        expect(result).toEqual(['primary', undefined]);
+    });
+    it('should handle color & variant separated', () => {
+        const result = js_utils_className_resolveColorWithVariants.resolveColorWithVariants('primary', 'L2');
+        expect(result).toEqual(['primary', 'L2']);
+    });
+    it('should handle color with variant all in one', () => {
+        const result = js_utils_className_resolveColorWithVariants.resolveColorWithVariants('primary-L2');
+        expect(result).toEqual(['primary', 'L2']);
+    });
+    it('should override color variant with the given color variant', () => {
+        const result = js_utils_className_resolveColorWithVariants.resolveColorWithVariants('primary-L2', 'D2');
+        expect(result).toEqual(['primary', 'D2']);
+    });
 });

package/js/utils/className/resolveColorWithVariants.test.min.js

@@ -0,0 +1 @@
+"use strict";var o=require("./resolveColorWithVariants.min.js");describe(o.resolveColorWithVariants,()=>{it("should handle undefined color",()=>{const r=o.resolveColorWithVariants(void 0);expect(r).toEqual([void 0,void 0])}),it("should handle undefined color with variant",()=>{const r=o.resolveColorWithVariants(void 0,"L2");expect(r).toEqual([void 0,"L2"])}),it("should handle color with undefined variant",()=>{const r=o.resolveColorWithVariants("primary");expect(r).toEqual(["primary",void 0])}),it("should handle color & variant separated",()=>{const r=o.resolveColorWithVariants("primary","L2");expect(r).toEqual(["primary","L2"])}),it("should handle color with variant all in one",()=>{const r=o.resolveColorWithVariants("primary-L2");expect(r).toEqual(["primary","L2"])}),it("should override color variant with the given color variant",()=>{const r=o.resolveColorWithVariants("primary-L2","D2");expect(r).toEqual(["primary","D2"])})});

package/js/utils/index.js

@@ -1,14 +1,18 @@
-export { handleBasicClasses } from './className/handleBasicClasses.js';
-export { getBasicClass } from './className/getBasicClass.js';
-export { getRootClassName } from './className/getRootClassName.js';
-export { getTypographyClassName } from './className/getTypographyClassName.js';
-export { fontColorClass } from './className/fontColorClass.js';
-export { resolveColorWithVariants } from './className/resolveColorWithVariants.js';
-import 'classnames';
-import '@lumx/core/js/utils/collection/isEmpty';
-import './string/kebabCase.js';
-import '../constants/index.js';
-import '../constants/keycodes.js';
+'use strict';
+
+var noop = require('lodash/noop');
+var js_utils_className_handleBasicClasses = require('./className/handleBasicClasses.js');
+var js_utils_className_getBasicClass = require('./className/getBasicClass.js');
+var js_utils_className_getRootClassName = require('./className/getRootClassName.js');
+var js_utils_className_getTypographyClassName = require('./className/getTypographyClassName.js');
+var js_utils_className_fontColorClass = require('./className/fontColorClass.js');
+var js_utils_className_resolveColorWithVariants = require('./className/resolveColorWithVariants.js');
+require('classnames');
+require('lodash/isBoolean');
+require('lodash/isEmpty');
+require('lodash/kebabCase');
+require('../constants/index.js');
+require('../constants/keycodes.js');
 
 /**
  * Make sure the pressed key is the enter key before calling the callback.
@@ -17,14 +21,13 @@ import '../constants/keycodes.js';
  * @return The decorated function.
  */
 function onEnterPressed(handler) {
-  return evt => {
-    if (evt.key !== 'Enter') {
-      return;
-    }
-    handler(evt);
-  };
+    return (evt) => {
+        if (evt.key !== 'Enter') {
+            return;
+        }
+        handler(evt);
+    };
 }
-
 /**
  * Make sure the pressed key is the escape key before calling the callback.
  *
@@ -32,14 +35,13 @@ function onEnterPressed(handler) {
  * @return The decorated function.
  */
 function onEscapePressed(handler) {
-  return evt => {
-    if (evt.key !== 'Escape') {
-      return;
-    }
-    handler(evt);
-  };
+    return (evt) => {
+        if (evt.key !== 'Escape') {
+            return;
+        }
+        handler(evt);
+    };
 }
-
 /**
  * Handle button key pressed (Enter + Space).
  *
@@ -47,12 +49,12 @@ function onEscapePressed(handler) {
  * @return The decorated function.
  */
 function onButtonPressed(handler) {
-  return evt => {
-    if (evt.key !== 'Enter' && evt.key !== ' ') {
-      return;
-    }
-    handler(evt);
-  };
+    return (evt) => {
+        if (evt.key !== 'Enter' && evt.key !== ' ') {
+            return;
+        }
+        handler(evt);
+    };
 }
 /**
  * Detects swipe direction.
@@ -63,146 +65,153 @@ function onButtonPressed(handler) {
  * @param  handleSwipe Callback function.
  * @return Function to remove listeners.
  */
-function detectSwipe(touchSurface, handleSwipe) {
-  let distX;
-  let distY;
-  let startX;
-  let startY;
-  let direction;
-  // Required min distance traveled to be considered swipe.
-  const threshold = 150;
-  // Maximum distance allowed at the same time in perpendicular direction.
-  const restraint = 100;
-  // Maximum time allowed to travel that distance.
-  const allowedTime = 300;
-  let elapsedTime;
-  let startTime;
-  const onTouchStart = evt => {
-    const [touch] = Array.from(evt.changedTouches);
-    direction = 'none';
-    // Const dist = 0;
-    startX = touch.pageX;
-    startY = touch.pageY;
-    // Record time when finger first makes contact with surface.
-    startTime = new Date().getTime();
-    evt.preventDefault();
-  };
-  const onTouchMove = evt => {
-    // Prevent scrolling when inside DIV.
-    evt.preventDefault();
-  };
-  const onTouchEnd = evt => {
-    const [touch] = Array.from(evt.changedTouches);
-    // Get horizontal dist traveled by finger while in contact with surface.
-    distX = touch.pageX - startX;
-    // Get vertical dist traveled by finger while in contact with surface.
-    distY = touch.pageY - startY;
-    // Get time elapsed.
-    elapsedTime = new Date().getTime() - startTime;
-    if (elapsedTime <= allowedTime) {
-      // First condition for awipe met.
-      if (Math.abs(distX) >= threshold && Math.abs(distY) <= restraint) {
-        // 2nd condition for horizontal swipe met.
-        // If dist traveled is negative, it indicates left swipe.
-        direction = distX < 0 ? 'left' : 'right';
-      } else if (Math.abs(distY) >= threshold && Math.abs(distX) <= restraint) {
-        // 2nd condition for vertical swipe met.
-        // If dist traveled is negative, it indicates up swipe.
-        direction = distY < 0 ? 'up' : 'down';
-      }
-    }
-    handleSwipe?.(direction);
-    evt.preventDefault();
-  };
-  touchSurface.addEventListener('touchstart', onTouchStart, false);
-  touchSurface.addEventListener('touchmove', onTouchMove, false);
-  touchSurface.addEventListener('touchend', onTouchEnd, false);
-  return () => {
-    touchSurface.removeEventListener('touchstart', onTouchStart, false);
-    touchSurface.removeEventListener('touchmove', onTouchMove, false);
-    touchSurface.removeEventListener('touchend', onTouchEnd, false);
-  };
+function detectSwipe(touchSurface, handleSwipe = noop) {
+    let distX;
+    let distY;
+    let startX;
+    let startY;
+    let direction;
+    // Required min distance traveled to be considered swipe.
+    const threshold = 150;
+    // Maximum distance allowed at the same time in perpendicular direction.
+    const restraint = 100;
+    // Maximum time allowed to travel that distance.
+    const allowedTime = 300;
+    let elapsedTime;
+    let startTime;
+    const onTouchStart = (evt) => {
+        const [touch] = Array.from(evt.changedTouches);
+        direction = 'none';
+        // Const dist = 0;
+        startX = touch.pageX;
+        startY = touch.pageY;
+        // Record time when finger first makes contact with surface.
+        startTime = new Date().getTime();
+        evt.preventDefault();
+    };
+    const onTouchMove = (evt) => {
+        // Prevent scrolling when inside DIV.
+        evt.preventDefault();
+    };
+    const onTouchEnd = (evt) => {
+        const [touch] = Array.from(evt.changedTouches);
+        // Get horizontal dist traveled by finger while in contact with surface.
+        distX = touch.pageX - startX;
+        // Get vertical dist traveled by finger while in contact with surface.
+        distY = touch.pageY - startY;
+        // Get time elapsed.
+        elapsedTime = new Date().getTime() - startTime;
+        if (elapsedTime <= allowedTime) {
+            // First condition for awipe met.
+            if (Math.abs(distX) >= threshold && Math.abs(distY) <= restraint) {
+                // 2nd condition for horizontal swipe met.
+                // If dist traveled is negative, it indicates left swipe.
+                direction = distX < 0 ? 'left' : 'right';
+            }
+            else if (Math.abs(distY) >= threshold && Math.abs(distX) <= restraint) {
+                // 2nd condition for vertical swipe met.
+                // If dist traveled is negative, it indicates up swipe.
+                direction = distY < 0 ? 'up' : 'down';
+            }
+        }
+        handleSwipe(direction);
+        evt.preventDefault();
+    };
+    touchSurface.addEventListener('touchstart', onTouchStart, false);
+    touchSurface.addEventListener('touchmove', onTouchMove, false);
+    touchSurface.addEventListener('touchend', onTouchEnd, false);
+    return () => {
+        touchSurface.removeEventListener('touchstart', onTouchStart, false);
+        touchSurface.removeEventListener('touchmove', onTouchMove, false);
+        touchSurface.removeEventListener('touchend', onTouchEnd, false);
+    };
 }
-
 /**
  * Checks whether or not the browser support passive events.
  * @see https://github.com/Modernizr/Modernizr/blob/6d56d814b9682843313b16060adb25a58d83a317/feature-detects/dom/passiveeventlisteners.js
  */
 function isPassiveEventAvailable() {
-  let supportsPassiveOption = false;
-  try {
-    const opts = Object.defineProperty({}, 'passive', {
-      get() {
-        supportsPassiveOption = true;
-      }
-    });
-    window.addEventListener('testPassiveEventSupport', () => {}, opts);
-    window.removeEventListener('testPassiveEventSupport', () => {}, opts);
-  } catch (e) {
-    // ignored
-  }
-  return supportsPassiveOption;
+    let supportsPassiveOption = false;
+    try {
+        const opts = Object.defineProperty({}, 'passive', {
+            get() {
+                supportsPassiveOption = true;
+            },
+        });
+        window.addEventListener('testPassiveEventSupport', noop, opts);
+        window.removeEventListener('testPassiveEventSupport', noop, opts);
+    }
+    catch (e) {
+        // ignored
+    }
+    return supportsPassiveOption;
 }
-
 /**
  * Detects horizontal swipe direction without blocking the browser scroll using passive event.
  * @see http://javascriptkit.com/javatutors/touchevents2.shtml
  * @see https://github.com/WICG/EventListenerOptions/blob/gh-pages/explainer.md
  */
 function detectHorizontalSwipe(touchSurface, handleSwipe) {
-  let startX;
-  let startY;
-  // Required min distance traveled to be considered swipe.
-  const threshold = 150;
-  // Maximum distance allowed at the same time in perpendicular direction.
-  const restraint = 150;
-  // Maximum time allowed to travel that distance.
-  const allowedTime = 300;
-  let elapsedTime;
-  let startTime;
-  let finished;
-  const onTouchStart = evt => {
-    const [touch] = Array.from(evt.changedTouches);
-    startX = touch.pageX;
-    startY = touch.pageY;
-    // Record time when finger first makes contact with surface.
-    startTime = new Date().getTime();
-    finished = false;
-  };
-  const onTouchMove = evt => {
-    if (finished) {
-      return;
-    }
-    elapsedTime = new Date().getTime() - startTime;
-    if (elapsedTime > allowedTime) {
-      // Touch swipe too long to be considered.
-      return;
-    }
-    const [touch] = Array.from(evt.changedTouches);
-    // Get horizontal dist traveled by finger while in contact with surface.
-    const distX = touch.pageX - startX;
-    // Get vertical dist traveled by finger while in contact with surface.
-    const distY = touch.pageY - startY;
-    if (!(Math.abs(distX) >= threshold && Math.abs(distY) <= restraint)) {
-      // Swipe is not horizontal.
-      return;
-    }
-    // Swipe direction.
-    const direction = distX < 0 ? 'left' : 'right';
-    handleSwipe(direction);
-    finished = true;
-  };
-
-  // Activate passive event if possible for better scrolling performance.
-  const eventOptions = isPassiveEventAvailable() ? {
-    passive: true
-  } : false;
-  touchSurface.addEventListener('touchstart', onTouchStart, eventOptions);
-  touchSurface.addEventListener('touchmove', onTouchMove, eventOptions);
-  return () => {
-    touchSurface.removeEventListener('touchstart', onTouchStart, eventOptions);
-    touchSurface.removeEventListener('touchmove', onTouchMove, eventOptions);
-  };
+    let startX;
+    let startY;
+    // Required min distance traveled to be considered swipe.
+    const threshold = 150;
+    // Maximum distance allowed at the same time in perpendicular direction.
+    const restraint = 150;
+    // Maximum time allowed to travel that distance.
+    const allowedTime = 300;
+    let elapsedTime;
+    let startTime;
+    let finished;
+    const onTouchStart = (evt) => {
+        const [touch] = Array.from(evt.changedTouches);
+        startX = touch.pageX;
+        startY = touch.pageY;
+        // Record time when finger first makes contact with surface.
+        startTime = new Date().getTime();
+        finished = false;
+    };
+    const onTouchMove = (evt) => {
+        if (finished) {
+            return;
+        }
+        elapsedTime = new Date().getTime() - startTime;
+        if (elapsedTime > allowedTime) {
+            // Touch swipe too long to be considered.
+            return;
+        }
+        const [touch] = Array.from(evt.changedTouches);
+        // Get horizontal dist traveled by finger while in contact with surface.
+        const distX = touch.pageX - startX;
+        // Get vertical dist traveled by finger while in contact with surface.
+        const distY = touch.pageY - startY;
+        if (!(Math.abs(distX) >= threshold && Math.abs(distY) <= restraint)) {
+            // Swipe is not horizontal.
+            return;
+        }
+        // Swipe direction.
+        const direction = distX < 0 ? 'left' : 'right';
+        handleSwipe(direction);
+        finished = true;
+    };
+    // Activate passive event if possible for better scrolling performance.
+    const eventOptions = isPassiveEventAvailable() ? { passive: true } : false;
+    touchSurface.addEventListener('touchstart', onTouchStart, eventOptions);
+    touchSurface.addEventListener('touchmove', onTouchMove, eventOptions);
+    return () => {
+        touchSurface.removeEventListener('touchstart', onTouchStart, eventOptions);
+        touchSurface.removeEventListener('touchmove', onTouchMove, eventOptions);
+    };
 }
 
-export { detectHorizontalSwipe, detectSwipe, onButtonPressed, onEnterPressed, onEscapePressed };
+exports.handleBasicClasses = js_utils_className_handleBasicClasses.handleBasicClasses;
+exports.getBasicClass = js_utils_className_getBasicClass.getBasicClass;
+exports.getRootClassName = js_utils_className_getRootClassName.getRootClassName;
+exports.getTypographyClassName = js_utils_className_getTypographyClassName.getTypographyClassName;
+exports.fontColorClass = js_utils_className_fontColorClass.fontColorClass;
+exports.resolveColorWithVariants = js_utils_className_resolveColorWithVariants.resolveColorWithVariants;
+exports.detectHorizontalSwipe = detectHorizontalSwipe;
+exports.detectSwipe = detectSwipe;
+exports.onButtonPressed = onButtonPressed;
+exports.onEnterPressed = onEnterPressed;
+exports.onEscapePressed = onEscapePressed;

package/js/utils/index.min.js

@@ -0,0 +1 @@
+"use strict";var e=require("lodash/noop"),t=require("./className/handleBasicClasses.min.js"),s=require("./className/getBasicClass.min.js"),r=require("./className/getRootClassName.min.js"),a=require("./className/getTypographyClassName.min.js"),n=require("./className/fontColorClass.min.js"),o=require("./className/resolveColorWithVariants.min.js");require("classnames"),require("lodash/isBoolean"),require("lodash/isEmpty"),require("lodash/kebabCase"),require("../constants/index.min.js"),require("../constants/keycodes.min.js"),exports.handleBasicClasses=t.handleBasicClasses,exports.getBasicClass=s.getBasicClass,exports.getRootClassName=r.getRootClassName,exports.getTypographyClassName=a.getTypographyClassName,exports.fontColorClass=n.fontColorClass,exports.resolveColorWithVariants=o.resolveColorWithVariants,exports.detectHorizontalSwipe=function(t,s){let r,a,n,o,i;const c=e=>{const[t]=Array.from(e.changedTouches);r=t.pageX,a=t.pageY,o=(new Date).getTime(),i=!1},u=e=>{if(i)return;if(n=(new Date).getTime()-o,n>300)return;const[t]=Array.from(e.changedTouches),c=t.pageX-r,u=t.pageY-a;if(!(Math.abs(c)>=150&&Math.abs(u)<=150))return;s(c<0?"left":"right"),i=!0},l=!!function(){let t=!1;try{const s=Object.defineProperty({},"passive",{get(){t=!0}});window.addEventListener("testPassiveEventSupport",e,s),window.removeEventListener("testPassiveEventSupport",e,s)}catch(e){}return t}()&&{passive:!0};return t.addEventListener("touchstart",c,l),t.addEventListener("touchmove",u,l),()=>{t.removeEventListener("touchstart",c,l),t.removeEventListener("touchmove",u,l)}},exports.detectSwipe=function(t,s=e){let r,a,n,o,i,c,u;const l=e=>{const[t]=Array.from(e.changedTouches);i="none",n=t.pageX,o=t.pageY,u=(new Date).getTime(),e.preventDefault()},p=e=>{e.preventDefault()},h=e=>{const[t]=Array.from(e.changedTouches);r=t.pageX-n,a=t.pageY-o,c=(new Date).getTime()-u,c<=300&&(Math.abs(r)>=150&&Math.abs(a)<=100?i=r<0?"left":"right":Math.abs(a)>=150&&Math.abs(r)<=100&&(i=a<0?"up":"down")),s(i),e.preventDefault()};return t.addEventListener("touchstart",l,!1),t.addEventListener("touchmove",p,!1),t.addEventListener("touchend",h,!1),()=>{t.removeEventListener("touchstart",l,!1),t.removeEventListener("touchmove",p,!1),t.removeEventListener("touchend",h,!1)}},exports.onButtonPressed=function(e){return t=>{"Enter"!==t.key&&" "!==t.key||e(t)}},exports.onEnterPressed=function(e){return t=>{"Enter"===t.key&&e(t)}},exports.onEscapePressed=function(e){return t=>{"Escape"===t.key&&e(t)}};

package/js/utils/index.ts

@@ -1,5 +1,7 @@
 import type { KeyboardEvent as ReactKeyboardEvent } from 'react';
 
+import noop from 'lodash/noop';
+
 export * from './className';
 
 type KeyboardEventHandler<E extends KeyboardEvent | ReactKeyboardEvent> = (event: E) => void;
@@ -66,7 +68,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;
@@ -117,7 +119,7 @@ export function detectSwipe(touchSurface: Element, handleSwipe?: (direction: Swi
                 direction = distY < 0 ? 'up' : 'down';
             }
         }
-        handleSwipe?.(direction);
+        handleSwipe(direction);
         evt.preventDefault();
     };
 
@@ -144,8 +146,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
     }