@lumx/react 3.10.1-alpha.2 → 3.10.1-alpha.4

package/_internal/f57e1239.js

@@ -1,205 +0,0 @@
-import { j as _objectWithoutProperties, g as classNames } from './1da25128.js';
-import isBoolean from 'lodash/isBoolean';
-import isEmpty from 'lodash/isEmpty';
-import kebabCase from 'lodash/kebabCase';
-import noop from 'lodash/noop';
-
-const _excluded = ["prefix"];
-
-/**
- * Enhance isEmpty method to also works with numbers.
- *
- * @param  value The value to check.
- * @return Whether the input value is empty or != 0.
- */
-const _isEmpty = value => {
-  if (typeof value === 'number') {
-    return value === 0;
-  }
-  return isEmpty(value);
-};
-
-/**
- * Get the basic CSS class for the given type.
- *
- * @param  prefix The class name prefix for the generated CSS class.
- * @param  type   The type of CSS class we want to generate (e.g.: 'color', 'variant', ...).
- * @param  value  The value of the type of the CSS class (e.g.: 'primary', 'button', ...).
- * @return The basic CSS class.
- */
-function getBasicClass(_ref) {
-  let {
-    prefix,
-    type,
-    value
-  } = _ref;
-  if (isBoolean(value)) {
-    if (!value) {
-      // False value should not return a class.
-      return '';
-    }
-    const booleanPrefixes = ['has', 'is'];
-    if (booleanPrefixes.some(booleanPrefix => type.toString().startsWith(booleanPrefix))) {
-      return `${prefix}--${kebabCase(type)}`;
-    }
-    return `${prefix}--is-${kebabCase(type)}`;
-  }
-  return `${prefix}--${kebabCase(type)}-${value}`;
-}
-
-/**
- * Return all basic LumX CSS classes which are available for every components.
- *
- * @see {@link /src/components/index.d.ts} for the possible values of each parameter.
- *
- * @param  prefix The class name prefix for the generated CSS class.
- * @param  props  All the other props you want to generate a class.
- *                The rule of thumb: the key is the name of the prop in the class, the value a string that will
- *                be used in the classname to represent the value of the given prop.
- * @return All LumX basic CSS classes.
- */
-function handleBasicClasses(_ref2) {
-  let {
-      prefix
-    } = _ref2,
-    props = _objectWithoutProperties(_ref2, _excluded);
-  const otherClasses = {};
-  if (!isEmpty(props)) {
-    Object.keys(props).forEach(prop => {
-      otherClasses[getBasicClass({
-        prefix,
-        type: prop,
-        value: props[prop]
-      })] = isBoolean(props[prop]) ? props[prop] : !_isEmpty(props[prop]);
-    });
-  }
-  return classNames(prefix, otherClasses);
-}
-
-/**
- * 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', 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);
-  };
-}
-/**
- * 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.
- */
-function onEnterPressed(handler) {
-  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.
- */
-function onEscapePressed(handler) {
-  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.
- */
-function onButtonPressed(handler) {
-  return evt => {
-    if (evt.key !== 'Enter' && evt.key !== ' ') {
-      return;
-    }
-    handler(evt);
-  };
-}
-
-export { onEscapePressed as a, onButtonPressed as b, detectHorizontalSwipe as d, getBasicClass as g, handleBasicClasses as h, onEnterPressed as o };
-//# sourceMappingURL=f57e1239.js.map

package/_internal/f57e1239.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"f57e1239.js","sources":["../../../lumx-core/src/js/utils.ts"],"sourcesContent":["import classNames from 'classnames';\n// eslint-disable-next-line import/no-extraneous-dependencies\nimport React from 'react';\n\nimport isBoolean from 'lodash/isBoolean';\nimport isEmpty from 'lodash/isEmpty';\nimport kebabCase from 'lodash/kebabCase';\nimport noop from 'lodash/noop';\n\n/**\n * Enhance isEmpty method to also works with numbers.\n *\n * @param  value The value to check.\n * @return Whether the input value is empty or != 0.\n */\nconst _isEmpty = (value: any) => {\n    if (typeof value === 'number') {\n        return value === 0;\n    }\n\n    return isEmpty(value);\n};\n\n/**\n * Get the basic CSS class for the given type.\n *\n * @param  prefix The class name prefix for the generated CSS class.\n * @param  type   The type of CSS class we want to generate (e.g.: 'color', 'variant', ...).\n * @param  value  The value of the type of the CSS class (e.g.: 'primary', 'button', ...).\n * @return The basic CSS class.\n */\nexport function getBasicClass({\n    prefix,\n    type,\n    value,\n}: {\n    prefix: string;\n    type: string;\n    value: string | number | boolean | undefined;\n}): string {\n    if (isBoolean(value)) {\n        if (!value) {\n            // False value should not return a class.\n            return '';\n        }\n        const booleanPrefixes = ['has', 'is'];\n\n        if (booleanPrefixes.some((booleanPrefix) => type.toString().startsWith(booleanPrefix))) {\n            return `${prefix}--${kebabCase(type)}`;\n        }\n\n        return `${prefix}--is-${kebabCase(type)}`;\n    }\n\n    return `${prefix}--${kebabCase(type)}-${value}`;\n}\n\n/**\n * Return all basic LumX CSS classes which are available for every components.\n *\n * @see {@link /src/components/index.d.ts} for the possible values of each parameter.\n *\n * @param  prefix The class name prefix for the generated CSS class.\n * @param  props  All the other props you want to generate a class.\n *                The rule of thumb: the key is the name of the prop in the class, the value a string that will\n *                be used in the classname to represent the value of the given prop.\n * @return All LumX basic CSS classes.\n */\nexport function handleBasicClasses({ prefix, ...props }: { prefix: string; [prop: string]: any }): string {\n    const otherClasses: any = {};\n    if (!isEmpty(props)) {\n        Object.keys(props).forEach((prop) => {\n            otherClasses[getBasicClass({ prefix, type: prop, value: props[prop] })] = isBoolean(props[prop])\n                ? props[prop]\n                : !_isEmpty(props[prop]);\n        });\n    }\n\n    return classNames(prefix, otherClasses);\n}\n\ndeclare type SwipeDirection = 'none' | 'up' | 'down' | 'left' | 'right';\n\n/**\n * Detects swipe direction.\n * Credits: http://javascriptkit.com/javatutors/touchevents2.shtml.\n *\n * @deprecated use `detectHorizontalSwipe` instead if possible (better performance and does not block scroll)\n * @param  touchSurface          Element that will hold touch events.\n * @param  handleSwipe Callback function.\n * @return Function to remove listeners.\n */\nexport function detectSwipe(touchSurface: Element, handleSwipe: (direction: SwipeDirection) => void = noop) {\n    let distX: number;\n    let distY: number;\n    let startX: number;\n    let startY: number;\n    let direction: SwipeDirection;\n    // Required min distance traveled to be considered swipe.\n    const threshold = 150;\n    // Maximum distance allowed at the same time in perpendicular direction.\n    const restraint = 100;\n    // Maximum time allowed to travel that distance.\n    const allowedTime = 300;\n    let elapsedTime: number;\n    let startTime: number;\n\n    const onTouchStart = (evt: Event) => {\n        const [touch] = Array.from((evt as TouchEvent).changedTouches);\n        direction = 'none';\n        // Const dist = 0;\n        startX = touch.pageX;\n        startY = touch.pageY;\n        // Record time when finger first makes contact with surface.\n        startTime = new Date().getTime();\n        evt.preventDefault();\n    };\n\n    const onTouchMove = (evt: Event) => {\n        // Prevent scrolling when inside DIV.\n        evt.preventDefault();\n    };\n\n    const onTouchEnd = (evt: Event) => {\n        const [touch] = Array.from((evt as TouchEvent).changedTouches);\n        // Get horizontal dist traveled by finger while in contact with surface.\n        distX = touch.pageX - startX;\n        // Get vertical dist traveled by finger while in contact with surface.\n        distY = touch.pageY - startY;\n        // Get time elapsed.\n        elapsedTime = new Date().getTime() - startTime;\n        if (elapsedTime <= allowedTime) {\n            // First condition for awipe met.\n            if (Math.abs(distX) >= threshold && Math.abs(distY) <= restraint) {\n                // 2nd condition for horizontal swipe met.\n                // If dist traveled is negative, it indicates left swipe.\n                direction = distX < 0 ? 'left' : 'right';\n            } else if (Math.abs(distY) >= threshold && Math.abs(distX) <= restraint) {\n                // 2nd condition for vertical swipe met.\n                // If dist traveled is negative, it indicates up swipe.\n                direction = distY < 0 ? 'up' : 'down';\n            }\n        }\n        handleSwipe(direction);\n        evt.preventDefault();\n    };\n\n    touchSurface.addEventListener('touchstart', onTouchStart, false);\n    touchSurface.addEventListener('touchmove', onTouchMove, false);\n    touchSurface.addEventListener('touchend', onTouchEnd, false);\n\n    return () => {\n        touchSurface.removeEventListener('touchstart', onTouchStart, false);\n        touchSurface.removeEventListener('touchmove', onTouchMove, false);\n        touchSurface.removeEventListener('touchend', onTouchEnd, false);\n    };\n}\n\n/**\n * Checks whether or not the browser support passive events.\n * @see https://github.com/Modernizr/Modernizr/blob/6d56d814b9682843313b16060adb25a58d83a317/feature-detects/dom/passiveeventlisteners.js\n */\nfunction isPassiveEventAvailable() {\n    let supportsPassiveOption = false;\n    try {\n        const opts = Object.defineProperty({}, 'passive', {\n            get() {\n                supportsPassiveOption = true;\n            },\n        });\n        window.addEventListener('testPassiveEventSupport', noop, opts);\n        window.removeEventListener('testPassiveEventSupport', noop, opts);\n    } catch (e) {\n        // ignored\n    }\n    return supportsPassiveOption;\n}\n\n/**\n * Detects horizontal swipe direction without blocking the browser scroll using passive event.\n * @see http://javascriptkit.com/javatutors/touchevents2.shtml\n * @see https://github.com/WICG/EventListenerOptions/blob/gh-pages/explainer.md\n */\nexport function detectHorizontalSwipe(touchSurface: Element, handleSwipe: (direction: 'right' | 'left') => void) {\n    let startX: number;\n    let startY: number;\n    // Required min distance traveled to be considered swipe.\n    const threshold = 150;\n    // Maximum distance allowed at the same time in perpendicular direction.\n    const restraint = 150;\n    // Maximum time allowed to travel that distance.\n    const allowedTime = 300;\n    let elapsedTime: number;\n    let startTime: number;\n    let finished: boolean;\n\n    const onTouchStart = (evt: Event) => {\n        const [touch] = Array.from((evt as TouchEvent).changedTouches);\n        startX = touch.pageX;\n        startY = touch.pageY;\n        // Record time when finger first makes contact with surface.\n        startTime = new Date().getTime();\n        finished = false;\n    };\n\n    const onTouchMove = (evt: Event) => {\n        if (finished) {\n            return;\n        }\n\n        elapsedTime = new Date().getTime() - startTime;\n        if (elapsedTime > allowedTime) {\n            // Touch swipe too long to be considered.\n            return;\n        }\n\n        const [touch] = Array.from((evt as TouchEvent).changedTouches);\n        // Get horizontal dist traveled by finger while in contact with surface.\n        const distX = touch.pageX - startX;\n        // Get vertical dist traveled by finger while in contact with surface.\n        const distY = touch.pageY - startY;\n\n        if (!(Math.abs(distX) >= threshold && Math.abs(distY) <= restraint)) {\n            // Swipe is not horizontal.\n            return;\n        }\n        // Swipe direction.\n        const direction = distX < 0 ? 'left' : 'right';\n\n        handleSwipe(direction);\n        finished = true;\n    };\n\n    // Activate passive event if possible for better scrolling performance.\n    const eventOptions: any = isPassiveEventAvailable() ? { passive: true } : false;\n    touchSurface.addEventListener('touchstart', onTouchStart, eventOptions);\n    touchSurface.addEventListener('touchmove', onTouchMove, eventOptions);\n\n    return () => {\n        touchSurface.removeEventListener('touchstart', onTouchStart, eventOptions);\n        touchSurface.removeEventListener('touchmove', onTouchMove, eventOptions);\n    };\n}\n\ntype KeyboardEventHandler<E extends KeyboardEvent | React.KeyboardEvent> = (event: E) => void;\n\n/**\n * Make sure the pressed key is the enter key before calling the callback.\n *\n * @param  handler The handler to call on enter/return press.\n * @return The decorated function.\n */\nexport function onEnterPressed<E extends KeyboardEvent | React.KeyboardEvent>(\n    handler: KeyboardEventHandler<E>,\n): KeyboardEventHandler<E> {\n    return (evt) => {\n        if (evt.key !== 'Enter') {\n            return;\n        }\n        handler(evt);\n    };\n}\n\n/**\n * Make sure the pressed key is the escape key before calling the callback.\n *\n * @param  handler The handler to call on enter/return press.\n * @return The decorated function.\n */\nexport function onEscapePressed<E extends KeyboardEvent | React.KeyboardEvent>(\n    handler: KeyboardEventHandler<E>,\n): KeyboardEventHandler<E> {\n    return (evt) => {\n        if (evt.key !== 'Escape') {\n            return;\n        }\n        handler(evt);\n    };\n}\n\n/**\n * Handle button key pressed (Enter + Space).\n *\n * @param  handler The handler to call.\n * @return The decorated function.\n */\nexport function onButtonPressed<E extends KeyboardEvent | React.KeyboardEvent>(\n    handler: KeyboardEventHandler<E>,\n): KeyboardEventHandler<E> {\n    return (evt) => {\n        if (evt.key !== 'Enter' && evt.key !== ' ') {\n            return;\n        }\n        handler(evt);\n    };\n}\n"],"names":["_isEmpty","value","isEmpty","getBasicClass","_ref","prefix","type","isBoolean","booleanPrefixes","some","booleanPrefix","toString","startsWith","kebabCase","handleBasicClasses","_ref2","props","_objectWithoutProperties","_excluded","otherClasses","Object","keys","forEach","prop","classNames","isPassiveEventAvailable","supportsPassiveOption","opts","defineProperty","get","window","addEventListener","noop","removeEventListener","e","detectHorizontalSwipe","touchSurface","handleSwipe","startX","startY","threshold","restraint","allowedTime","elapsedTime","startTime","finished","onTouchStart","evt","touch","Array","from","changedTouches","pageX","pageY","Date","getTime","onTouchMove","distX","distY","Math","abs","direction","eventOptions","passive","onEnterPressed","handler","key","onEscapePressed","onButtonPressed"],"mappings":"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"}

package/_internal/f5ff1aa4.d.ts

@@ -1,47 +0,0 @@
-import { V as ValueOf } from './8d67e1e3.js';
-
-/**
- * Different possible placements for the popover.
- */
-declare const Placement: {
-    readonly AUTO: "auto";
-    readonly AUTO_END: "auto-end";
-    readonly AUTO_START: "auto-start";
-    readonly TOP: "top";
-    readonly TOP_END: "top-end";
-    readonly TOP_START: "top-start";
-    readonly RIGHT: "right";
-    readonly RIGHT_END: "right-end";
-    readonly RIGHT_START: "right-start";
-    readonly BOTTOM: "bottom";
-    readonly BOTTOM_END: "bottom-end";
-    readonly BOTTOM_START: "bottom-start";
-    readonly LEFT: "left";
-    readonly LEFT_END: "left-end";
-    readonly LEFT_START: "left-start";
-};
-type Placement = ValueOf<typeof Placement>;
-/**
- * Offset of the popover.
- */
-interface Offset {
-    /** Offset size along the reference. */
-    along?: number;
-    /** Offset size away from the reference. */
-    away?: number;
-}
-/**
- * Popover elevation index.
- */
-type Elevation = 1 | 2 | 3 | 4 | 5;
-/**
- * Popover fit anchor width options.
- */
-declare const FitAnchorWidth: {
-    readonly MAX_WIDTH: "maxWidth";
-    readonly MIN_WIDTH: "minWidth";
-    readonly WIDTH: "width";
-};
-type FitAnchorWidth = ValueOf<typeof FitAnchorWidth>;
-
-export { type Elevation as E, FitAnchorWidth as F, type Offset as O, Placement as P };

package/_internal/fb975afe.js

@@ -1,52 +0,0 @@
-import { useState, useRef, useEffect } from 'react';
-
-const userHasReducedMotion = () => {
-  try {
-    return window.matchMedia('(prefers-reduced-motion: reduce)').matches;
-  } catch (e) {
-    return false;
-  }
-};
-
-/**
- * Returns true if the component is visible tracking the opacity transition.
- *
- * @param ref Element on which to listen the transition event.
- * @param isComponentVisible Whether the component intends to be visible or not.
- * @param onVisibilityChange Callback called when the visibility changes.
- * @return true if the component should be rendered
- */
-const useTransitionVisibility = (ref, isComponentVisible, timeout, onVisibilityChange) => {
-  const [isVisible, setVisible] = useState(isComponentVisible);
-  const previousVisibility = useRef(isVisible);
-
-  // On component visibility change.
-  useEffect(() => {
-    if (isComponentVisible) {
-      setVisible(true);
-      return undefined;
-    }
-    const {
-      current: element
-    } = ref;
-
-    // Transition event is not supported or the user prefers reduced motion.
-    // => Skip and set visibility to false directly.
-    if (!element || !window.TransitionEvent || userHasReducedMotion()) {
-      setVisible(false);
-      return undefined;
-    }
-    const timer = setTimeout(() => setVisible(false), timeout);
-    return () => clearTimeout(timer);
-  }, [isComponentVisible, ref, timeout]);
-  useEffect(() => {
-    if (onVisibilityChange && previousVisibility.current !== isVisible) {
-      onVisibilityChange(isVisible);
-      previousVisibility.current = isVisible;
-    }
-  }, [isVisible, onVisibilityChange]);
-  return isVisible || isComponentVisible;
-};
-
-export { useTransitionVisibility as u };
-//# sourceMappingURL=fb975afe.js.map

package/_internal/fb975afe.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"fb975afe.js","sources":["../../src/utils/userHasReducedMotion.ts","../../src/hooks/useTransitionVisibility.ts"],"sourcesContent":["export const userHasReducedMotion = () => {\n    try {\n        return window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n    } catch (e) {\n        return false;\n    }\n};\n","import { RefObject, useEffect, useRef, useState } from 'react';\nimport { userHasReducedMotion } from '@lumx/react/utils/userHasReducedMotion';\n\n/**\n * Returns true if the component is visible tracking the opacity transition.\n *\n * @param ref Element on which to listen the transition event.\n * @param isComponentVisible Whether the component intends to be visible or not.\n * @param onVisibilityChange Callback called when the visibility changes.\n * @return true if the component should be rendered\n */\nexport const useTransitionVisibility = (\n    ref: RefObject<HTMLElement>,\n    isComponentVisible: boolean,\n    timeout: number,\n    onVisibilityChange?: (isVisible: boolean) => void,\n) => {\n    const [isVisible, setVisible] = useState(isComponentVisible);\n    const previousVisibility = useRef(isVisible);\n\n    // On component visibility change.\n    useEffect(() => {\n        if (isComponentVisible) {\n            setVisible(true);\n            return undefined;\n        }\n        const { current: element } = ref;\n\n        // Transition event is not supported or the user prefers reduced motion.\n        // => Skip and set visibility to false directly.\n        if (!element || !window.TransitionEvent || userHasReducedMotion()) {\n            setVisible(false);\n            return undefined;\n        }\n\n        const timer = setTimeout(() => setVisible(false), timeout);\n        return () => clearTimeout(timer);\n    }, [isComponentVisible, ref, timeout]);\n\n    useEffect(() => {\n        if (onVisibilityChange && previousVisibility.current !== isVisible) {\n            onVisibilityChange(isVisible);\n            previousVisibility.current = isVisible;\n        }\n    }, [isVisible, onVisibilityChange]);\n\n    return isVisible || isComponentVisible;\n};\n"],"names":["userHasReducedMotion","window","matchMedia","matches","e","useTransitionVisibility","ref","isComponentVisible","timeout","onVisibilityChange","isVisible","setVisible","useState","previousVisibility","useRef","useEffect","undefined","current","element","TransitionEvent","timer","setTimeout","clearTimeout"],"mappings":";;AAAO,MAAMA,oBAAoB,GAAGA,MAAM;EACtC,IAAI;AACA,IAAA,OAAOC,MAAM,CAACC,UAAU,CAAC,kCAAkC,CAAC,CAACC,OAAO,CAAA;GACvE,CAAC,OAAOC,CAAC,EAAE;AACR,IAAA,OAAO,KAAK,CAAA;AAChB,GAAA;AACJ,CAAC;;ACHD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,uBAAuB,GAAGA,CACnCC,GAA2B,EAC3BC,kBAA2B,EAC3BC,OAAe,EACfC,kBAAiD,KAChD;EACD,MAAM,CAACC,SAAS,EAAEC,UAAU,CAAC,GAAGC,QAAQ,CAACL,kBAAkB,CAAC,CAAA;AAC5D,EAAA,MAAMM,kBAAkB,GAAGC,MAAM,CAACJ,SAAS,CAAC,CAAA;;AAE5C;AACAK,EAAAA,SAAS,CAAC,MAAM;AACZ,IAAA,IAAIR,kBAAkB,EAAE;MACpBI,UAAU,CAAC,IAAI,CAAC,CAAA;AAChB,MAAA,OAAOK,SAAS,CAAA;AACpB,KAAA;IACA,MAAM;AAAEC,MAAAA,OAAO,EAAEC,OAAAA;AAAQ,KAAC,GAAGZ,GAAG,CAAA;;AAEhC;AACA;IACA,IAAI,CAACY,OAAO,IAAI,CAACjB,MAAM,CAACkB,eAAe,IAAInB,oBAAoB,EAAE,EAAE;MAC/DW,UAAU,CAAC,KAAK,CAAC,CAAA;AACjB,MAAA,OAAOK,SAAS,CAAA;AACpB,KAAA;IAEA,MAAMI,KAAK,GAAGC,UAAU,CAAC,MAAMV,UAAU,CAAC,KAAK,CAAC,EAAEH,OAAO,CAAC,CAAA;AAC1D,IAAA,OAAO,MAAMc,YAAY,CAACF,KAAK,CAAC,CAAA;GACnC,EAAE,CAACb,kBAAkB,EAAED,GAAG,EAAEE,OAAO,CAAC,CAAC,CAAA;AAEtCO,EAAAA,SAAS,CAAC,MAAM;AACZ,IAAA,IAAIN,kBAAkB,IAAII,kBAAkB,CAACI,OAAO,KAAKP,SAAS,EAAE;MAChED,kBAAkB,CAACC,SAAS,CAAC,CAAA;MAC7BG,kBAAkB,CAACI,OAAO,GAAGP,SAAS,CAAA;AAC1C,KAAA;AACJ,GAAC,EAAE,CAACA,SAAS,EAAED,kBAAkB,CAAC,CAAC,CAAA;EAEnC,OAAOC,SAAS,IAAIH,kBAAkB,CAAA;AAC1C;;;;"}

package/src/utils/browserDoesNotSupportHover.ts

@@ -1,2 +0,0 @@
-/** Return true if the browser does not support pointer hover */
-export const browserDoesNotSupportHover = (): boolean => !!window.matchMedia?.('(hover: none)').matches;

package/src/utils/isInternetExplorer.ts

@@ -1,15 +0,0 @@
-import { WINDOW } from '@lumx/react/constants';
-
-/**
- * Check if browser is IE
- * @return Browser is IE or not
- */
-export const isInternetExplorer = () => {
-    const userAgent = WINDOW?.navigator?.userAgent;
-    if (!userAgent) {
-        return false;
-    }
-    const msie = userAgent.indexOf('MSIE ');
-    const isIEVersion = !!userAgent.match(/Trident.*rv:11\./);
-    return msie > 0 || isIEVersion;
-};

package/src/utils/userHasReducedMotion.ts

@@ -1,7 +0,0 @@
-export const userHasReducedMotion = () => {
-    try {
-        return window.matchMedia('(prefers-reduced-motion: reduce)').matches;
-    } catch (e) {
-        return false;
-    }
-};

package/src/utils/utils.test.ts

@@ -1,48 +0,0 @@
-import partition from 'lodash/partition';
-import { partitionMulti } from './partitionMulti';
-import { isInternetExplorer } from './isInternetExplorer';
-
-describe('partitionMulti', () => {
-    it('should act like partition for single predicate', () => {
-        const data = [0, 1, 2, 3, 4, 5];
-        const isEven = (n: number): boolean => n % 2 === 0;
-
-        const expected = partition(data, isEven);
-        const actual = partitionMulti(data, [isEven]);
-
-        expect(actual).toEqual(expected);
-    });
-
-    it('should partition on multiple predicates', () => {
-        type T = string | number | boolean;
-        const data: T[] = ['a', 1, 'b', false, true];
-        const isString = (s: T): boolean => typeof s === 'string';
-        const isNumber = (s: T): boolean => typeof s === 'number';
-
-        const [strings, numbers, others] = partitionMulti(data, [isString, isNumber]);
-
-        expect(strings).toEqual(['a', 'b']);
-        expect(numbers).toEqual([1]);
-        expect(others).toEqual([false, true]);
-    });
-});
-
-describe('isInternetExplorer', () => {
-    it('should detect IE 10', () => {
-        const userAgentIE10 = 'Mozilla/5.0 (compatible; MSIE 10.0; Windows NT 6.1; WOW64; Trident/6.0)';
-        Object.defineProperty(window.navigator, 'userAgent', { value: userAgentIE10, configurable: true });
-        expect(isInternetExplorer()).toEqual(true);
-    });
-
-    it('should detect IE 11', () => {
-        const userAgentIE11 = 'Mozilla/5.0 (Windows NT 10.0; Trident/7.0; rv:11.0) like Gecko';
-        Object.defineProperty(window.navigator, 'userAgent', { value: userAgentIE11, configurable: true });
-        expect(isInternetExplorer()).toEqual(true);
-    });
-
-    it('should not detect IE', () => {
-        const userAgentFirefox = 'Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:74.0) Gecko/20100101 Firefox/74.0';
-        Object.defineProperty(window.navigator, 'userAgent', { value: userAgentFirefox, configurable: true });
-        expect(isInternetExplorer()).toEqual(false);
-    });
-});