@lumx/react 2.2.3-alpha-export-hook1 → 2.2.5

package/esm/_internal/onEnterPressed.js

@@ -1,20 +0,0 @@
-// eslint-disable-next-line import/no-extraneous-dependencies
-
-/**
- * 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 function (evt) {
-    if (evt.key !== 'Enter') {
-      return;
-    }
-
-    handler(evt);
-  };
-}
-
-export { onEnterPressed as o };
-//# sourceMappingURL=onEnterPressed.js.map

package/esm/_internal/onEnterPressed.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"onEnterPressed.js","sources":["../../../../lumx-core/src/js/utils/onEnterPressed.ts"],"sourcesContent":["// eslint-disable-next-line import/no-extraneous-dependencies\nimport React from 'react';\nimport { KeyboardEventHandler } from '@lumx/core/js/types';\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"],"names":["onEnterPressed","handler","evt","key"],"mappings":"AAAA;;AAIA;;;;;;AAMO,SAASA,cAAT,CACHC,OADG,EAEoB;AACvB,SAAO,UAACC,GAAD,EAAS;AACZ,QAAIA,GAAG,CAACC,GAAJ,KAAY,OAAhB,EAAyB;AACrB;AACH;;AACDF,IAAAA,OAAO,CAACC,GAAD,CAAP;AACH,GALD;AAMH;;;;"}

package/esm/_internal/onEscapePressed.js

@@ -1,20 +0,0 @@
-// eslint-disable-next-line import/no-extraneous-dependencies
-
-/**
- * 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 function (evt) {
-    if (evt.key !== 'Escape') {
-      return;
-    }
-
-    handler(evt);
-  };
-}
-
-export { onEscapePressed as o };
-//# sourceMappingURL=onEscapePressed.js.map

package/esm/_internal/onEscapePressed.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"onEscapePressed.js","sources":["../../../../lumx-core/src/js/utils/onEscapePressed.ts"],"sourcesContent":["// eslint-disable-next-line import/no-extraneous-dependencies\nimport React from 'react';\nimport { KeyboardEventHandler } from '@lumx/core/js/types';\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"],"names":["onEscapePressed","handler","evt","key"],"mappings":"AAAA;;AAIA;;;;;;AAMO,SAASA,eAAT,CACHC,OADG,EAEoB;AACvB,SAAO,UAACC,GAAD,EAAS;AACZ,QAAIA,GAAG,CAACC,GAAJ,KAAY,QAAhB,EAA0B;AACtB;AACH;;AACDF,IAAAA,OAAO,CAACC,GAAD,CAAP;AACH,GALD;AAMH;;;;"}

package/esm/hooks/useOpenHoverOrLongPress.js

@@ -1,172 +0,0 @@
-import { d as _slicedToArray } from '../_internal/_rollupPluginBabelHelpers.js';
-import { useState, useEffect } from 'react';
-import { o as onEscapePressed } from '../_internal/onEscapePressed.js';
-
-/** Return true if the browser does not support pointer hover */
-var browserDoesNotSupportHover = function browserDoesNotSupportHover() {
-  var _window$matchMedia, _window;
-
-  return !!((_window$matchMedia = (_window = window).matchMedia) === null || _window$matchMedia === void 0 ? void 0 : _window$matchMedia.call(_window, '(hover: none)').matches);
-};
-
-var DEFAULT_CONFIG = {
-  hover: {
-    openDelay: 500,
-    closeDelay: 0
-  },
-  longPress: {
-    openDelay: 250,
-    closeDelay: 3000
-  }
-};
-/**
- * Hook controlling an open/close action on hover on device supporting pointer hover
- * and on long press on device not supporting pointer hover.
- *
- * @param  anchorElement Anchor element on which the hover or longPress is watched.
- * @param  config        Open/close delay configuration.
- * @return true/false boolean.
- */
-
-function useOpenHoverOrLongPress(anchorElement) {
-  var config = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-
-  var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      isOpen = _useState2[0],
-      setIsOpen = _useState2[1];
-
-  var activation = browserDoesNotSupportHover() ? 'longPress' : 'hover';
-  var _DEFAULT_CONFIG$activ = DEFAULT_CONFIG[activation],
-      defaultOpenDelay = _DEFAULT_CONFIG$activ.openDelay,
-      defaultCloseDelay = _DEFAULT_CONFIG$activ.closeDelay;
-
-  var _ref = (config === null || config === void 0 ? void 0 : config[activation]) || {},
-      _ref$openDelay = _ref.openDelay,
-      openDelay = _ref$openDelay === void 0 ? defaultOpenDelay : _ref$openDelay,
-      _ref$closeDelay = _ref.closeDelay,
-      closeDelay = _ref$closeDelay === void 0 ? defaultCloseDelay : _ref$closeDelay;
-
-  useEffect(function () {
-    if (!anchorElement) {
-      return undefined;
-    }
-
-    var timer;
-    var openStartTime;
-    var shouldOpen; // Run timer to defer updating the isOpen state.
-
-    var deferUpdate = function deferUpdate(duration) {
-      if (timer) clearTimeout(timer);
-      timer = setTimeout(function () {
-        setIsOpen(!!shouldOpen);
-      }, duration);
-    };
-
-    var hasTouch = 'ontouchstart' in window; // Open (or/and cancel closing).
-
-    var open = function open() {
-      if (shouldOpen && !timer) return;
-      shouldOpen = true;
-      openStartTime = Date.now();
-      deferUpdate(openDelay);
-    }; // Close or cancel opening
-
-
-    var close = function close() {
-      var overrideDelay = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : closeDelay;
-      if (!shouldOpen && !timer) return;
-      shouldOpen = false;
-      deferUpdate(overrideDelay);
-    };
-
-    var closeImmediately = function closeImmediately() {
-      return close(0);
-    };
-    /**
-     * Handle touchend event
-     * If `touchend` comes before the open delay => cancel open (close immediate).
-     * Else if `touchend` comes after the open delay => open takes priority, the anchor's default touch end event is prevented.
-     */
-
-
-    var touchEnd = function touchEnd(evt) {
-      if (!openStartTime) return;
-
-      if (Date.now() - openStartTime >= openDelay) {
-        // Tooltip take priority, event prevented.
-        evt.stopPropagation();
-        evt.preventDefault();
-        anchorElement.focus(); // Close with delay.
-
-        close();
-      } else {
-        // Close immediately.
-        closeImmediately();
-      }
-    };
-
-    var events = []; // Long press activation.
-
-    if (activation === 'longPress') {
-      events.push([anchorElement, hasTouch ? 'touchstart' : 'mousedown', open], [anchorElement, hasTouch ? 'touchend' : 'mouseup', touchEnd]);
-    } // Hover activation.
-
-
-    if (activation === 'hover') {
-      events.push([anchorElement, 'mouseenter', open], [anchorElement, 'mouseleave', close], [anchorElement, 'mouseup', closeImmediately]);
-    } // Events always applied no matter the browser:
-
-
-    events.push( // Open on focus.
-    [anchorElement, 'focusin', open], // Close on lost focus.
-    [anchorElement, 'focusout', closeImmediately], // Close on ESC keydown
-    [anchorElement, 'keydown', onEscapePressed(closeImmediately)]); // Attach events
-
-    for (var _i = 0, _events = events; _i < _events.length; _i++) {
-      var _events$_i = _slicedToArray(_events[_i], 3),
-          node = _events$_i[0],
-          eventType = _events$_i[1],
-          evenHandler = _events$_i[2];
-
-      node.addEventListener(eventType, evenHandler);
-    }
-
-    return function () {
-      // Detach events.
-      var _iteratorNormalCompletion = true;
-      var _didIteratorError = false;
-      var _iteratorError = undefined;
-
-      try {
-        for (var _iterator = events[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
-          var _step$value = _slicedToArray(_step.value, 3),
-              node = _step$value[0],
-              eventType = _step$value[1],
-              evenHandler = _step$value[2];
-
-          node.removeEventListener(eventType, evenHandler);
-        }
-      } catch (err) {
-        _didIteratorError = true;
-        _iteratorError = err;
-      } finally {
-        try {
-          if (!_iteratorNormalCompletion && _iterator.return != null) {
-            _iterator.return();
-          }
-        } finally {
-          if (_didIteratorError) {
-            throw _iteratorError;
-          }
-        }
-      }
-
-      closeImmediately();
-    };
-  }, [activation, anchorElement, closeDelay, openDelay]);
-  return isOpen;
-}
-
-export { DEFAULT_CONFIG, useOpenHoverOrLongPress };
-//# sourceMappingURL=useOpenHoverOrLongPress.js.map

package/esm/hooks/useOpenHoverOrLongPress.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useOpenHoverOrLongPress.js","sources":["../../../src/utils/browserDoesNotSupportHover.ts","../../../src/hooks/useOpenHoverOrLongPress.ts"],"sourcesContent":["/** Return true if the browser does not support pointer hover */\nexport const browserDoesNotSupportHover = (): boolean => !!window.matchMedia?.('(hover: none)').matches;\n","import { onEscapePressed } from '@lumx/react/utils';\nimport { useEffect, useState } from 'react';\nimport { browserDoesNotSupportHover } from '@lumx/react/utils/browserDoesNotSupportHover';\n\ninterface OpenCloseConfig {\n    openDelay: number;\n    closeDelay: number;\n}\n\ninterface Config {\n    hover: OpenCloseConfig;\n    longPress: OpenCloseConfig;\n}\n\nexport const DEFAULT_CONFIG: Config = {\n    hover: {\n        openDelay: 500,\n        closeDelay: 0,\n    },\n    longPress: {\n        openDelay: 250,\n        closeDelay: 3000,\n    },\n};\n\n/**\n * Hook controlling an open/close action on hover on device supporting pointer hover\n * and on long press on device not supporting pointer hover.\n *\n * @param  anchorElement Anchor element on which the hover or longPress is watched.\n * @param  config        Open/close delay configuration.\n * @return true/false boolean.\n */\nexport function useOpenHoverOrLongPress(\n    anchorElement: HTMLElement | null,\n    config: { hover?: Partial<OpenCloseConfig>; longPress?: Partial<OpenCloseConfig> } = {},\n): boolean {\n    const [isOpen, setIsOpen] = useState(false);\n    const activation = browserDoesNotSupportHover() ? 'longPress' : 'hover';\n    const { openDelay: defaultOpenDelay, closeDelay: defaultCloseDelay } = DEFAULT_CONFIG[activation];\n    const { openDelay = defaultOpenDelay, closeDelay = defaultCloseDelay } = config?.[activation] || {};\n\n    useEffect(() => {\n        if (!anchorElement) {\n            return undefined;\n        }\n        let timer: number | undefined;\n        let openStartTime: number | undefined;\n        let shouldOpen: boolean | undefined;\n\n        // Run timer to defer updating the isOpen state.\n        const deferUpdate = (duration: number) => {\n            if (timer) clearTimeout(timer);\n            timer = setTimeout(() => {\n                setIsOpen(!!shouldOpen);\n            }, duration) as any;\n        };\n\n        const hasTouch = 'ontouchstart' in window;\n\n        // Open (or/and cancel closing).\n        const open = () => {\n            if (shouldOpen && !timer) return;\n            shouldOpen = true;\n            openStartTime = Date.now();\n            deferUpdate(openDelay);\n        };\n\n        // Close or cancel opening\n        const close = (overrideDelay = closeDelay) => {\n            if (!shouldOpen && !timer) return;\n            shouldOpen = false;\n            deferUpdate(overrideDelay);\n        };\n        const closeImmediately = () => close(0);\n\n        /**\n         * Handle touchend event\n         * If `touchend` comes before the open delay => cancel open (close immediate).\n         * Else if `touchend` comes after the open delay => open takes priority, the anchor's default touch end event is prevented.\n         */\n        const touchEnd = (evt: Event) => {\n            if (!openStartTime) return;\n            if (Date.now() - openStartTime >= openDelay) {\n                // Tooltip take priority, event prevented.\n                evt.stopPropagation();\n                evt.preventDefault();\n                anchorElement.focus();\n                // Close with delay.\n                close();\n            } else {\n                // Close immediately.\n                closeImmediately();\n            }\n        };\n\n        const events: Array<[Node, Event['type'], any]> = [];\n\n        // Long press activation.\n        if (activation === 'longPress') {\n            events.push(\n                [anchorElement, hasTouch ? 'touchstart' : 'mousedown', open],\n                [anchorElement, hasTouch ? 'touchend' : 'mouseup', touchEnd],\n            );\n        }\n\n        // Hover activation.\n        if (activation === 'hover') {\n            events.push(\n                [anchorElement, 'mouseenter', open],\n                [anchorElement, 'mouseleave', close],\n                [anchorElement, 'mouseup', closeImmediately],\n            );\n        }\n\n        // Events always applied no matter the browser:\n        events.push(\n            // Open on focus.\n            [anchorElement, 'focusin', open],\n            // Close on lost focus.\n            [anchorElement, 'focusout', closeImmediately],\n            // Close on ESC keydown\n            [anchorElement, 'keydown', onEscapePressed(closeImmediately)],\n        );\n\n        // Attach events\n        for (const [node, eventType, evenHandler] of events) {\n            node.addEventListener(eventType, evenHandler);\n        }\n        return () => {\n            // Detach events.\n            for (const [node, eventType, evenHandler] of events) {\n                node.removeEventListener(eventType, evenHandler);\n            }\n            closeImmediately();\n        };\n    }, [activation, anchorElement, closeDelay, openDelay]);\n\n    return isOpen;\n}\n"],"names":["browserDoesNotSupportHover","window","matchMedia","matches","DEFAULT_CONFIG","hover","openDelay","closeDelay","longPress","useOpenHoverOrLongPress","anchorElement","config","useState","isOpen","setIsOpen","activation","defaultOpenDelay","defaultCloseDelay","useEffect","undefined","timer","openStartTime","shouldOpen","deferUpdate","duration","clearTimeout","setTimeout","hasTouch","open","Date","now","close","overrideDelay","closeImmediately","touchEnd","evt","stopPropagation","preventDefault","focus","events","push","onEscapePressed","node","eventType","evenHandler","addEventListener","removeEventListener"],"mappings":"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"}

package/src/hooks/useOpenHoverOrLongPress.ts

@@ -1,140 +0,0 @@
-import { onEscapePressed } from '@lumx/react/utils';
-import { useEffect, useState } from 'react';
-import { browserDoesNotSupportHover } from '@lumx/react/utils/browserDoesNotSupportHover';
-
-interface OpenCloseConfig {
-    openDelay: number;
-    closeDelay: number;
-}
-
-interface Config {
-    hover: OpenCloseConfig;
-    longPress: OpenCloseConfig;
-}
-
-export const DEFAULT_CONFIG: Config = {
-    hover: {
-        openDelay: 500,
-        closeDelay: 0,
-    },
-    longPress: {
-        openDelay: 250,
-        closeDelay: 3000,
-    },
-};
-
-/**
- * Hook controlling an open/close action on hover on device supporting pointer hover
- * and on long press on device not supporting pointer hover.
- *
- * @param  anchorElement Anchor element on which the hover or longPress is watched.
- * @param  config        Open/close delay configuration.
- * @return true/false boolean.
- */
-export function useOpenHoverOrLongPress(
-    anchorElement: HTMLElement | null,
-    config: { hover?: Partial<OpenCloseConfig>; longPress?: Partial<OpenCloseConfig> } = {},
-): boolean {
-    const [isOpen, setIsOpen] = useState(false);
-    const activation = browserDoesNotSupportHover() ? 'longPress' : 'hover';
-    const { openDelay: defaultOpenDelay, closeDelay: defaultCloseDelay } = DEFAULT_CONFIG[activation];
-    const { openDelay = defaultOpenDelay, closeDelay = defaultCloseDelay } = config?.[activation] || {};
-
-    useEffect(() => {
-        if (!anchorElement) {
-            return undefined;
-        }
-        let timer: number | undefined;
-        let openStartTime: number | undefined;
-        let shouldOpen: boolean | undefined;
-
-        // Run timer to defer updating the isOpen state.
-        const deferUpdate = (duration: number) => {
-            if (timer) clearTimeout(timer);
-            timer = setTimeout(() => {
-                setIsOpen(!!shouldOpen);
-            }, duration) as any;
-        };
-
-        const hasTouch = 'ontouchstart' in window;
-
-        // Open (or/and cancel closing).
-        const open = () => {
-            if (shouldOpen && !timer) return;
-            shouldOpen = true;
-            openStartTime = Date.now();
-            deferUpdate(openDelay);
-        };
-
-        // Close or cancel opening
-        const close = (overrideDelay = closeDelay) => {
-            if (!shouldOpen && !timer) return;
-            shouldOpen = false;
-            deferUpdate(overrideDelay);
-        };
-        const closeImmediately = () => close(0);
-
-        /**
-         * Handle touchend event
-         * If `touchend` comes before the open delay => cancel open (close immediate).
-         * Else if `touchend` comes after the open delay => open takes priority, the anchor's default touch end event is prevented.
-         */
-        const touchEnd = (evt: Event) => {
-            if (!openStartTime) return;
-            if (Date.now() - openStartTime >= openDelay) {
-                // Tooltip take priority, event prevented.
-                evt.stopPropagation();
-                evt.preventDefault();
-                anchorElement.focus();
-                // Close with delay.
-                close();
-            } else {
-                // Close immediately.
-                closeImmediately();
-            }
-        };
-
-        const events: Array<[Node, Event['type'], any]> = [];
-
-        // Long press activation.
-        if (activation === 'longPress') {
-            events.push(
-                [anchorElement, hasTouch ? 'touchstart' : 'mousedown', open],
-                [anchorElement, hasTouch ? 'touchend' : 'mouseup', touchEnd],
-            );
-        }
-
-        // Hover activation.
-        if (activation === 'hover') {
-            events.push(
-                [anchorElement, 'mouseenter', open],
-                [anchorElement, 'mouseleave', close],
-                [anchorElement, 'mouseup', closeImmediately],
-            );
-        }
-
-        // Events always applied no matter the browser:
-        events.push(
-            // Open on focus.
-            [anchorElement, 'focusin', open],
-            // Close on lost focus.
-            [anchorElement, 'focusout', closeImmediately],
-            // Close on ESC keydown
-            [anchorElement, 'keydown', onEscapePressed(closeImmediately)],
-        );
-
-        // Attach events
-        for (const [node, eventType, evenHandler] of events) {
-            node.addEventListener(eventType, evenHandler);
-        }
-        return () => {
-            // Detach events.
-            for (const [node, eventType, evenHandler] of events) {
-                node.removeEventListener(eventType, evenHandler);
-            }
-            closeImmediately();
-        };
-    }, [activation, anchorElement, closeDelay, openDelay]);
-
-    return isOpen;
-}

package/src/utils/browserDoesNotSupportHover.test.js

@@ -1,24 +0,0 @@
-import { browserDoesNotSupportHover } from '@lumx/react/utils/browserDoesNotSupportHover';
-
-const originalMatchMedia = global.matchMedia;
-
-describe('browserDoesNotSupportHover', () => {
-    afterAll(() => {
-        global.matchMedia = originalMatchMedia;
-    });
-
-    it('should return `false` on browsers that do not support matchMedia', () => {
-        global.matchMedia = undefined;
-        expect(browserDoesNotSupportHover()).toBe(false);
-    });
-
-    it('should return `false` on browsers that support matchMedia and does support hover', () => {
-        global.matchMedia = () => ({ matches: false });
-        expect(browserDoesNotSupportHover()).toBe(false);
-    });
-
-    it('should return `true` on browsers that support matchMedia and does not support hover', () => {
-        global.matchMedia = () => ({ matches: true });
-        expect(browserDoesNotSupportHover()).toBe(true);
-    });
-});

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;