@lumx/core 3.20.1-alpha.38 → 3.20.1-alpha.39

package/js/utils/collection/range.min.js

@@ -1 +0,0 @@
-"use strict";exports.range=r=>Array.from({length:r},(r,e)=>e);

package/js/utils/collection/range.test.js

@@ -1,12 +0,0 @@
-'use strict';
-
-var js_utils_collection_range = require('./range.js');
-
-describe(js_utils_collection_range.range, () => {
-    it('should generate a number range', () => {
-        expect(js_utils_collection_range.range(-2)).toEqual([]);
-        expect(js_utils_collection_range.range(0)).toEqual([]);
-        expect(js_utils_collection_range.range(1)).toEqual([0]);
-        expect(js_utils_collection_range.range(5)).toEqual([0, 1, 2, 3, 4]);
-    });
-});

package/js/utils/collection/range.test.min.js

@@ -1 +0,0 @@
-"use strict";var e=require("./range.min.js");describe(e.range,()=>{it("should generate a number range",()=>{expect(e.range(-2)).toEqual([]),expect(e.range(0)).toEqual([]),expect(e.range(1)).toEqual([0]),expect(e.range(5)).toEqual([0,1,2,3,4])})});

package/js/utils/collection/range.test.ts

@@ -1,10 +0,0 @@
-import { range } from './range';
-
-describe(range, () => {
-    it('should generate a number range', () => {
-        expect(range(-2)).toEqual([]);
-        expect(range(0)).toEqual([]);
-        expect(range(1)).toEqual([0]);
-        expect(range(5)).toEqual([0, 1, 2, 3, 4]);
-    });
-});

package/js/utils/collection/range.ts

@@ -1,2 +0,0 @@
-/** Generate a range of number starting at 0 and ending before the given number */
-export const range = (end: number) => Array.from({ length: end }, (_, i) => i);

package/js/utils/index.min.js

@@ -1 +0,0 @@
-"use strict";var e=require("./className/handleBasicClasses.min.js"),t=require("./className/getBasicClass.min.js"),s=require("./className/getRootClassName.min.js"),r=require("./className/getTypographyClassName.min.js"),a=require("./className/fontColorClass.min.js"),n=require("./className/resolveColorWithVariants.min.js");require("classnames"),require("./collection/isEmpty.min.js"),require("./string/kebabCase.min.js"),require("../constants/index.min.js"),require("../constants/keycodes.min.js"),exports.handleBasicClasses=e.handleBasicClasses,exports.getBasicClass=t.getBasicClass,exports.getRootClassName=s.getRootClassName,exports.getTypographyClassName=r.getTypographyClassName,exports.fontColorClass=a.fontColorClass,exports.resolveColorWithVariants=n.resolveColorWithVariants,exports.detectHorizontalSwipe=function(e,t){let s,r,a,n,o;const i=e=>{const[t]=Array.from(e.changedTouches);s=t.pageX,r=t.pageY,n=(new Date).getTime(),o=!1},c=e=>{if(o)return;if(a=(new Date).getTime()-n,a>300)return;const[i]=Array.from(e.changedTouches),c=i.pageX-s,u=i.pageY-r;if(!(Math.abs(c)>=150&&Math.abs(u)<=150))return;t(c<0?"left":"right"),o=!0},u=!!function(){let e=!1;try{const t=Object.defineProperty({},"passive",{get(){e=!0}});window.addEventListener("testPassiveEventSupport",()=>{},t),window.removeEventListener("testPassiveEventSupport",()=>{},t)}catch(e){}return e}()&&{passive:!0};return e.addEventListener("touchstart",i,u),e.addEventListener("touchmove",c,u),()=>{e.removeEventListener("touchstart",i,u),e.removeEventListener("touchmove",c,u)}},exports.detectSwipe=function(e,t){let s,r,a,n,o,i,c;const u=e=>{const[t]=Array.from(e.changedTouches);o="none",a=t.pageX,n=t.pageY,c=(new Date).getTime(),e.preventDefault()},l=e=>{e.preventDefault()},m=e=>{const[u]=Array.from(e.changedTouches);s=u.pageX-a,r=u.pageY-n,i=(new Date).getTime()-c,i<=300&&(Math.abs(s)>=150&&Math.abs(r)<=100?o=s<0?"left":"right":Math.abs(r)>=150&&Math.abs(s)<=100&&(o=r<0?"up":"down")),t?.(o),e.preventDefault()};return e.addEventListener("touchstart",u,!1),e.addEventListener("touchmove",l,!1),e.addEventListener("touchend",m,!1),()=>{e.removeEventListener("touchstart",u,!1),e.removeEventListener("touchmove",l,!1),e.removeEventListener("touchend",m,!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,219 +0,0 @@
-import type { KeyboardEvent as ReactKeyboardEvent } from 'react';
-
-export * from './className';
-
-type KeyboardEventHandler<E extends KeyboardEvent | ReactKeyboardEvent> = (event: E) => void;
-
-/**
- * Make sure the pressed key is the enter key before calling the callback.
- *
- * @param  handler The handler to call on enter/return press.
- * @return The decorated function.
- */
-export function onEnterPressed<E extends KeyboardEvent | ReactKeyboardEvent>(
-    handler: KeyboardEventHandler<E>,
-): KeyboardEventHandler<E> {
-    return (evt) => {
-        if (evt.key !== 'Enter') {
-            return;
-        }
-        handler(evt);
-    };
-}
-
-/**
- * Make sure the pressed key is the escape key before calling the callback.
- *
- * @param  handler The handler to call on enter/return press.
- * @return The decorated function.
- */
-export function onEscapePressed<E extends KeyboardEvent | ReactKeyboardEvent>(
-    handler: KeyboardEventHandler<E>,
-): KeyboardEventHandler<E> {
-    return (evt) => {
-        if (evt.key !== 'Escape') {
-            return;
-        }
-        handler(evt);
-    };
-}
-
-/**
- * Handle button key pressed (Enter + Space).
- *
- * @param  handler The handler to call.
- * @return The decorated function.
- */
-export function onButtonPressed<E extends KeyboardEvent | ReactKeyboardEvent>(
-    handler: KeyboardEventHandler<E>,
-): KeyboardEventHandler<E> {
-    return (evt) => {
-        if (evt.key !== 'Enter' && evt.key !== ' ') {
-            return;
-        }
-        handler(evt);
-    };
-}
-
-declare type SwipeDirection = 'none' | 'up' | 'down' | 'left' | 'right';
-
-/**
- * Detects swipe direction.
- * Credits: http://javascriptkit.com/javatutors/touchevents2.shtml.
- *
- * @deprecated use `detectHorizontalSwipe` instead if possible (better performance and does not block scroll)
- * @param  touchSurface          Element that will hold touch events.
- * @param  handleSwipe Callback function.
- * @return Function to remove listeners.
- */
-export function detectSwipe(touchSurface: Element, handleSwipe?: (direction: SwipeDirection) => void) {
-    let distX: number;
-    let distY: number;
-    let startX: number;
-    let startY: number;
-    let direction: SwipeDirection;
-    // 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: number;
-    let startTime: number;
-
-    const onTouchStart = (evt: Event) => {
-        const [touch] = Array.from((evt as TouchEvent).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: Event) => {
-        // Prevent scrolling when inside DIV.
-        evt.preventDefault();
-    };
-
-    const onTouchEnd = (evt: Event) => {
-        const [touch] = Array.from((evt as TouchEvent).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;
-}
-
-/**
- * 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
- */
-export function detectHorizontalSwipe(touchSurface: Element, handleSwipe: (direction: 'right' | 'left') => void) {
-    let startX: number;
-    let startY: number;
-    // 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: number;
-    let startTime: number;
-    let finished: boolean;
-
-    const onTouchStart = (evt: Event) => {
-        const [touch] = Array.from((evt as TouchEvent).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: Event) => {
-        if (finished) {
-            return;
-        }
-
-        elapsedTime = new Date().getTime() - startTime;
-        if (elapsedTime > allowedTime) {
-            // Touch swipe too long to be considered.
-            return;
-        }
-
-        const [touch] = Array.from((evt as TouchEvent).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: any = 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);
-    };
-}

package/js/utils/string/kebabCase.js

@@ -1,30 +0,0 @@
-'use strict';
-
-/**
- * Converts a string to kebab-case.
- *
- * @param str The string to convert
- * @returns The kebab-cased string
- *
- * @example
- * kebabCase('fooBar') // 'foo-bar'
- * kebabCase('FooBar') // 'foo-bar'
- * kebabCase('foo_bar') // 'foo-bar'
- * kebabCase('foo bar') // 'foo-bar'
- * kebabCase('FOO_BAR') // 'foo-bar'
- */
-function kebabCase(str) {
-    return (str
-        // Insert a hyphen before any uppercase letter that follows a lowercase letter or number
-        .replace(/([a-z0-9])([A-Z])/g, '$1-$2')
-        // Insert a hyphen before any uppercase letter that is followed by a lowercase letter and preceded by an uppercase letter
-        .replace(/([A-Z])([A-Z][a-z])/g, '$1-$2')
-        // Replace spaces and underscores with hyphens
-        .replace(/[\s_]+/g, '-')
-        // Convert to lowercase
-        .toLowerCase()
-        // Remove leading/trailing hyphens
-        .replace(/^-+|-+$/g, ''));
-}
-
-exports.kebabCase = kebabCase;

package/js/utils/string/kebabCase.min.js

@@ -1 +0,0 @@
-"use strict";exports.kebabCase=function(e){return e.replace(/([a-z0-9])([A-Z])/g,"$1-$2").replace(/([A-Z])([A-Z][a-z])/g,"$1-$2").replace(/[\s_]+/g,"-").toLowerCase().replace(/^-+|-+$/g,"")};

package/js/utils/string/kebabCase.test.js

@@ -1,43 +0,0 @@
-'use strict';
-
-var js_utils_string_kebabCase = require('./kebabCase.js');
-
-describe(js_utils_string_kebabCase.kebabCase, () => {
-    it('should convert camelCase to kebab-case', () => {
-        expect(js_utils_string_kebabCase.kebabCase('fooBar')).toBe('foo-bar');
-        expect(js_utils_string_kebabCase.kebabCase('fooBarBaz')).toBe('foo-bar-baz');
-    });
-    it('should convert PascalCase to kebab-case', () => {
-        expect(js_utils_string_kebabCase.kebabCase('FooBar')).toBe('foo-bar');
-        expect(js_utils_string_kebabCase.kebabCase('FooBarBaz')).toBe('foo-bar-baz');
-    });
-    it('should convert snake_case to kebab-case', () => {
-        expect(js_utils_string_kebabCase.kebabCase('foo_bar')).toBe('foo-bar');
-        expect(js_utils_string_kebabCase.kebabCase('foo_bar_baz')).toBe('foo-bar-baz');
-    });
-    it('should convert spaces to hyphens', () => {
-        expect(js_utils_string_kebabCase.kebabCase('foo bar')).toBe('foo-bar');
-        expect(js_utils_string_kebabCase.kebabCase('foo bar baz')).toBe('foo-bar-baz');
-    });
-    it('should handle UPPERCASE strings', () => {
-        expect(js_utils_string_kebabCase.kebabCase('FOO_BAR')).toBe('foo-bar');
-        expect(js_utils_string_kebabCase.kebabCase('FOOBAR')).toBe('foobar');
-    });
-    it('should handle mixed formats', () => {
-        expect(js_utils_string_kebabCase.kebabCase('fooBar_baz qux')).toBe('foo-bar-baz-qux');
-    });
-    it('should handle strings that are already kebab-case', () => {
-        expect(js_utils_string_kebabCase.kebabCase('foo-bar')).toBe('foo-bar');
-    });
-    it('should handle empty strings', () => {
-        expect(js_utils_string_kebabCase.kebabCase('')).toBe('');
-    });
-    it('should handle single words', () => {
-        expect(js_utils_string_kebabCase.kebabCase('foo')).toBe('foo');
-        expect(js_utils_string_kebabCase.kebabCase('Foo')).toBe('foo');
-    });
-    it('should remove leading and trailing hyphens', () => {
-        expect(js_utils_string_kebabCase.kebabCase('_foo_bar_')).toBe('foo-bar');
-        expect(js_utils_string_kebabCase.kebabCase(' foo bar ')).toBe('foo-bar');
-    });
-});

package/js/utils/string/kebabCase.test.min.js

@@ -1 +0,0 @@
-"use strict";var e=require("./kebabCase.min.js");describe(e.kebabCase,()=>{it("should convert camelCase to kebab-case",()=>{expect(e.kebabCase("fooBar")).toBe("foo-bar"),expect(e.kebabCase("fooBarBaz")).toBe("foo-bar-baz")}),it("should convert PascalCase to kebab-case",()=>{expect(e.kebabCase("FooBar")).toBe("foo-bar"),expect(e.kebabCase("FooBarBaz")).toBe("foo-bar-baz")}),it("should convert snake_case to kebab-case",()=>{expect(e.kebabCase("foo_bar")).toBe("foo-bar"),expect(e.kebabCase("foo_bar_baz")).toBe("foo-bar-baz")}),it("should convert spaces to hyphens",()=>{expect(e.kebabCase("foo bar")).toBe("foo-bar"),expect(e.kebabCase("foo bar baz")).toBe("foo-bar-baz")}),it("should handle UPPERCASE strings",()=>{expect(e.kebabCase("FOO_BAR")).toBe("foo-bar"),expect(e.kebabCase("FOOBAR")).toBe("foobar")}),it("should handle mixed formats",()=>{expect(e.kebabCase("fooBar_baz qux")).toBe("foo-bar-baz-qux")}),it("should handle strings that are already kebab-case",()=>{expect(e.kebabCase("foo-bar")).toBe("foo-bar")}),it("should handle empty strings",()=>{expect(e.kebabCase("")).toBe("")}),it("should handle single words",()=>{expect(e.kebabCase("foo")).toBe("foo"),expect(e.kebabCase("Foo")).toBe("foo")}),it("should remove leading and trailing hyphens",()=>{expect(e.kebabCase("_foo_bar_")).toBe("foo-bar"),expect(e.kebabCase(" foo bar ")).toBe("foo-bar")})});

package/js/utils/string/kebabCase.test.ts

@@ -1,50 +0,0 @@
-import { kebabCase } from '@lumx/core/js/utils/string/kebabCase';
-
-describe(kebabCase, () => {
-    it('should convert camelCase to kebab-case', () => {
-        expect(kebabCase('fooBar')).toBe('foo-bar');
-        expect(kebabCase('fooBarBaz')).toBe('foo-bar-baz');
-    });
-
-    it('should convert PascalCase to kebab-case', () => {
-        expect(kebabCase('FooBar')).toBe('foo-bar');
-        expect(kebabCase('FooBarBaz')).toBe('foo-bar-baz');
-    });
-
-    it('should convert snake_case to kebab-case', () => {
-        expect(kebabCase('foo_bar')).toBe('foo-bar');
-        expect(kebabCase('foo_bar_baz')).toBe('foo-bar-baz');
-    });
-
-    it('should convert spaces to hyphens', () => {
-        expect(kebabCase('foo bar')).toBe('foo-bar');
-        expect(kebabCase('foo bar baz')).toBe('foo-bar-baz');
-    });
-
-    it('should handle UPPERCASE strings', () => {
-        expect(kebabCase('FOO_BAR')).toBe('foo-bar');
-        expect(kebabCase('FOOBAR')).toBe('foobar');
-    });
-
-    it('should handle mixed formats', () => {
-        expect(kebabCase('fooBar_baz qux')).toBe('foo-bar-baz-qux');
-    });
-
-    it('should handle strings that are already kebab-case', () => {
-        expect(kebabCase('foo-bar')).toBe('foo-bar');
-    });
-
-    it('should handle empty strings', () => {
-        expect(kebabCase('')).toBe('');
-    });
-
-    it('should handle single words', () => {
-        expect(kebabCase('foo')).toBe('foo');
-        expect(kebabCase('Foo')).toBe('foo');
-    });
-
-    it('should remove leading and trailing hyphens', () => {
-        expect(kebabCase('_foo_bar_')).toBe('foo-bar');
-        expect(kebabCase(' foo bar ')).toBe('foo-bar');
-    });
-});

package/js/utils/string/kebabCase.ts

@@ -1,28 +0,0 @@
-/**
- * Converts a string to kebab-case.
- *
- * @param str The string to convert
- * @returns The kebab-cased string
- *
- * @example
- * kebabCase('fooBar') // 'foo-bar'
- * kebabCase('FooBar') // 'foo-bar'
- * kebabCase('foo_bar') // 'foo-bar'
- * kebabCase('foo bar') // 'foo-bar'
- * kebabCase('FOO_BAR') // 'foo-bar'
- */
-export function kebabCase(str: string): string {
-    return (
-        str
-            // Insert a hyphen before any uppercase letter that follows a lowercase letter or number
-            .replace(/([a-z0-9])([A-Z])/g, '$1-$2')
-            // Insert a hyphen before any uppercase letter that is followed by a lowercase letter and preceded by an uppercase letter
-            .replace(/([A-Z])([A-Z][a-z])/g, '$1-$2')
-            // Replace spaces and underscores with hyphens
-            .replace(/[\s_]+/g, '-')
-            // Convert to lowercase
-            .toLowerCase()
-            // Remove leading/trailing hyphens
-            .replace(/^-+|-+$/g, '')
-    );
-}