npm - @veeqo/ui - Versions diffs - 9.0.0-beta-2 → 9.0.0-beta-v2-1 - Mend

@veeqo/ui 9.0.0-beta-2 → 9.0.0-beta-v2-1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2010) hide show

package/dist/hooks/useFocusVisible.cjs CHANGED Viewed

@@ -1,2 +1,146 @@
-"use strict";var e=require("react");function t(e){return e&&e.__esModule?e:{default:e}}var n=t(e);const o=n.default.createContext({hadKeyboardEvent:!0,isInitialized:!1});exports.FocusVisibleContext=o,exports.FocusVisibleManager=function({children:t}){const[d,u]=e.useState(!0);return e.useEffect((()=>{function e(){u(!1)}function t(e){e.target.nodeName&&"html"===e.target.nodeName.toLowerCase()||(u(!1),o())}function n(){document.addEventListener("mousemove",t),document.addEventListener("mousedown",t),document.addEventListener("mouseup",t),document.addEventListener("pointermove",t),document.addEventListener("pointerdown",t),document.addEventListener("pointerup",t),document.addEventListener("touchmove",t),document.addEventListener("touchstart",t),document.addEventListener("touchend",t)}function o(){document.removeEventListener("mousemove",t),document.removeEventListener("mousedown",t),document.removeEventListener("mouseup",t),document.removeEventListener("pointermove",t),document.removeEventListener("pointerdown",t),document.removeEventListener("pointerup",t),document.removeEventListener("touchmove",t),document.removeEventListener("touchstart",t),document.removeEventListener("touchend",t)}function d(e){e.metaKey||e.altKey||e.ctrlKey||u(!0)}function r(){"hidden"===document.visibilityState&&(u(!0),n())}return document.addEventListener("keydown",d,!0),document.addEventListener("mousedown",e,!0),document.addEventListener("pointerdown",e,!0),document.addEventListener("touchstart",e,!0),document.addEventListener("visibilitychange",r,!0),n(),()=>{document.removeEventListener("keydown",d,!0),document.removeEventListener("mousedown",e,!0),document.removeEventListener("pointerdown",e,!0),document.removeEventListener("touchstart",e,!0),document.removeEventListener("visibilitychange",r,!0),o()}}),[u]),n.default.createElement(o.Provider,{value:{hadKeyboardEvent:d,isInitialized:!0}},t)},exports.useFocusVisible=function(){const[e,t]=n.default.useState(!1),{hadKeyboardEvent:d,isInitialized:u}=n.default.useContext(o),r=n.default.useCallback((()=>{e||t(!0)}),[e]),i=n.default.useCallback((()=>{e&&t(!1)}),[e]);let s;return s=u?d&&e:e,n.default.useMemo((()=>({focusVisible:s,onFocus:r,onBlur:i})),[s,i,r])};
+'use strict';
+var React = require('react');
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+// A React hook based on: https://github.com/WICG/focus-visible
+const FocusVisibleContext = React__default.default.createContext({
+    hadKeyboardEvent: true,
+    isInitialized: false,
+});
+function FocusVisibleManager({ children }) {
+    const [hadKeyboardEvent, setHadKeyboardEvent] = React.useState(true);
+    React.useEffect(() => {
+        function onPointerDown() {
+            setHadKeyboardEvent(false);
+        }
+        /**
+         * When the polfyill first loads, assume the user is in keyboard modality.
+         * If any event is received from a pointing device (e.g. mouse, pointer,
+         * touch), turn off keyboard modality.
+         * This accounts for situations where focus enters the page from the URL bar.
+         * @param {Event} e
+         */
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        function onInitialPointerMove(e) {
+            // Work around a Safari quirk that fires a mousemove on <html> whenever the
+            // window blurs, even if you're tabbing out of the page. ¯\_(ツ)_/¯
+            if (e.target.nodeName && e.target.nodeName.toLowerCase() === 'html') {
+                return;
+            }
+            setHadKeyboardEvent(false);
+            // eslint-disable-next-line @typescript-eslint/no-use-before-define
+            removeInitialPointerMoveListeners();
+        }
+        /**
+         * Add a group of listeners to detect usage of any pointing devices.
+         * These listeners will be added when the polyfill first loads, and anytime
+         * the window is blurred, so that they are active when the window regains
+         * focus.
+         */
+        function addInitialPointerMoveListeners() {
+            document.addEventListener('mousemove', onInitialPointerMove);
+            document.addEventListener('mousedown', onInitialPointerMove);
+            document.addEventListener('mouseup', onInitialPointerMove);
+            document.addEventListener('pointermove', onInitialPointerMove);
+            document.addEventListener('pointerdown', onInitialPointerMove);
+            document.addEventListener('pointerup', onInitialPointerMove);
+            document.addEventListener('touchmove', onInitialPointerMove);
+            document.addEventListener('touchstart', onInitialPointerMove);
+            document.addEventListener('touchend', onInitialPointerMove);
+        }
+        function removeInitialPointerMoveListeners() {
+            document.removeEventListener('mousemove', onInitialPointerMove);
+            document.removeEventListener('mousedown', onInitialPointerMove);
+            document.removeEventListener('mouseup', onInitialPointerMove);
+            document.removeEventListener('pointermove', onInitialPointerMove);
+            document.removeEventListener('pointerdown', onInitialPointerMove);
+            document.removeEventListener('pointerup', onInitialPointerMove);
+            document.removeEventListener('touchmove', onInitialPointerMove);
+            document.removeEventListener('touchstart', onInitialPointerMove);
+            document.removeEventListener('touchend', onInitialPointerMove);
+        }
+        /**
+         * If the most recent user interaction was via the keyboard;
+         * and the key press did not include a meta, alt/option, or control key;
+         * then the modality is keyboard. Otherwise, the modality is not keyboard.
+         * Apply `focus-visible` to any current active element and keep track
+         * of our keyboard modality state with `hadKeyboardEvent`.
+         * @param {KeyboardEvent} e
+         */
+        function onKeyDown(e) {
+            if (e.metaKey || e.altKey || e.ctrlKey) {
+                return;
+            }
+            setHadKeyboardEvent(true);
+        }
+        /**
+         * If the user changes tabs, keep track of whether or not the previously
+         * focused element had .focus-visible.
+         * @param {Event} e
+         */
+        function onVisibilityChange() {
+            if (document.visibilityState === 'hidden') {
+                // If the tab becomes active again, the browser will handle calling focus
+                // on the element (Safari actually calls it twice).
+                // If this tab change caused a blur on an element with focus-visible,
+                // re-apply the class when the user switches back to the tab.
+                setHadKeyboardEvent(true);
+                addInitialPointerMoveListeners();
+            }
+        }
+        // For some kinds of state, we are interested in changes at the global scope
+        // only. For example, global pointer input, global key presses and global
+        // visibility change should affect the state at every scope:
+        document.addEventListener('keydown', onKeyDown, true);
+        document.addEventListener('mousedown', onPointerDown, true);
+        document.addEventListener('pointerdown', onPointerDown, true);
+        document.addEventListener('touchstart', onPointerDown, true);
+        document.addEventListener('visibilitychange', onVisibilityChange, true);
+        addInitialPointerMoveListeners();
+        return () => {
+            document.removeEventListener('keydown', onKeyDown, true);
+            document.removeEventListener('mousedown', onPointerDown, true);
+            document.removeEventListener('pointerdown', onPointerDown, true);
+            document.removeEventListener('touchstart', onPointerDown, true);
+            document.removeEventListener('visibilitychange', onVisibilityChange, true);
+            removeInitialPointerMoveListeners();
+        };
+    }, [setHadKeyboardEvent]);
+    return (
+    // eslint-disable-next-line react/jsx-no-constructed-context-values
+    React__default.default.createElement(FocusVisibleContext.Provider, { value: { hadKeyboardEvent, isInitialized: true } }, children));
+}
+function useFocusVisible() {
+    const [isFocused, setIsFocused] = React__default.default.useState(false);
+    const { hadKeyboardEvent, isInitialized } = React__default.default.useContext(FocusVisibleContext);
+    const onFocus = React__default.default.useCallback(() => {
+        if (!isFocused)
+            setIsFocused(true);
+    }, [isFocused]);
+    const onBlur = React__default.default.useCallback(() => {
+        if (isFocused)
+            setIsFocused(false);
+    }, [isFocused]);
+    let focusVisible;
+    if (isInitialized) {
+        focusVisible = hadKeyboardEvent && isFocused;
+    }
+    else {
+        // Fallback to focused when the `FocusVisibleManager` is not used.
+        focusVisible = isFocused;
+    }
+    return React__default.default.useMemo(() => ({
+        focusVisible,
+        onFocus,
+        onBlur,
+    }), [focusVisible, onBlur, onFocus]);
+}
+exports.FocusVisibleContext = FocusVisibleContext;
+exports.FocusVisibleManager = FocusVisibleManager;
+exports.useFocusVisible = useFocusVisible;
 //# sourceMappingURL=useFocusVisible.cjs.map

package/dist/hooks/useFocusVisible.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useFocusVisible.cjs","sources":["../../src/hooks/useFocusVisible.tsx"],"sourcesContent":[null],"names":["~~isInitialized~~","~~children~~","~~setHadKeyboardEvent~~"],"mappings":"~~uJAOGA~~,~~eAAA~~,~~8DAyHH~~,~~UAA+BC~~,~~SAAAA~~,~~oEA4B9BC~~,GAAA"}
1	+ {"version":3,"file":"useFocusVisible.cjs","sources":["../../src/hooks/useFocusVisible.tsx"],"sourcesContent":[null],"names":["React","useState","useEffect"],"mappings":"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"}

package/dist/hooks/useFocusVisible.d.ts CHANGED Viewed

@@ -9,4 +9,3 @@ export declare function useFocusVisible(): {
     onFocus: () => void;
     onBlur: () => void;
 };
-//# sourceMappingURL=useFocusVisible.d.ts.map

package/dist/hooks/useFocusVisible.js CHANGED Viewed

@@ -1,2 +1,138 @@
-import e,{useState as t,useEffect as n}from"react";const o=e.createContext({hadKeyboardEvent:!0,isInitialized:!1});function d({children:d}){const[r,i]=t(!0);return n((()=>{function e(){i(!1)}function t(e){e.target.nodeName&&"html"===e.target.nodeName.toLowerCase()||(i(!1),o())}function n(){document.addEventListener("mousemove",t),document.addEventListener("mousedown",t),document.addEventListener("mouseup",t),document.addEventListener("pointermove",t),document.addEventListener("pointerdown",t),document.addEventListener("pointerup",t),document.addEventListener("touchmove",t),document.addEventListener("touchstart",t),document.addEventListener("touchend",t)}function o(){document.removeEventListener("mousemove",t),document.removeEventListener("mousedown",t),document.removeEventListener("mouseup",t),document.removeEventListener("pointermove",t),document.removeEventListener("pointerdown",t),document.removeEventListener("pointerup",t),document.removeEventListener("touchmove",t),document.removeEventListener("touchstart",t),document.removeEventListener("touchend",t)}function d(e){e.metaKey||e.altKey||e.ctrlKey||i(!0)}function r(){"hidden"===document.visibilityState&&(i(!0),n())}return document.addEventListener("keydown",d,!0),document.addEventListener("mousedown",e,!0),document.addEventListener("pointerdown",e,!0),document.addEventListener("touchstart",e,!0),document.addEventListener("visibilitychange",r,!0),n(),()=>{document.removeEventListener("keydown",d,!0),document.removeEventListener("mousedown",e,!0),document.removeEventListener("pointerdown",e,!0),document.removeEventListener("touchstart",e,!0),document.removeEventListener("visibilitychange",r,!0),o()}}),[i]),e.createElement(o.Provider,{value:{hadKeyboardEvent:r,isInitialized:!0}},d)}function r(){const[t,n]=e.useState(!1),{hadKeyboardEvent:d,isInitialized:r}=e.useContext(o),i=e.useCallback((()=>{t||n(!0)}),[t]),u=e.useCallback((()=>{t&&n(!1)}),[t]);let m;return m=r?d&&t:t,e.useMemo((()=>({focusVisible:m,onFocus:i,onBlur:u})),[m,u,i])}export{o as FocusVisibleContext,d as FocusVisibleManager,r as useFocusVisible};
+import React, { useState, useEffect } from 'react';
+// A React hook based on: https://github.com/WICG/focus-visible
+const FocusVisibleContext = React.createContext({
+    hadKeyboardEvent: true,
+    isInitialized: false,
+});
+function FocusVisibleManager({ children }) {
+    const [hadKeyboardEvent, setHadKeyboardEvent] = useState(true);
+    useEffect(() => {
+        function onPointerDown() {
+            setHadKeyboardEvent(false);
+        }
+        /**
+         * When the polfyill first loads, assume the user is in keyboard modality.
+         * If any event is received from a pointing device (e.g. mouse, pointer,
+         * touch), turn off keyboard modality.
+         * This accounts for situations where focus enters the page from the URL bar.
+         * @param {Event} e
+         */
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        function onInitialPointerMove(e) {
+            // Work around a Safari quirk that fires a mousemove on <html> whenever the
+            // window blurs, even if you're tabbing out of the page. ¯\_(ツ)_/¯
+            if (e.target.nodeName && e.target.nodeName.toLowerCase() === 'html') {
+                return;
+            }
+            setHadKeyboardEvent(false);
+            // eslint-disable-next-line @typescript-eslint/no-use-before-define
+            removeInitialPointerMoveListeners();
+        }
+        /**
+         * Add a group of listeners to detect usage of any pointing devices.
+         * These listeners will be added when the polyfill first loads, and anytime
+         * the window is blurred, so that they are active when the window regains
+         * focus.
+         */
+        function addInitialPointerMoveListeners() {
+            document.addEventListener('mousemove', onInitialPointerMove);
+            document.addEventListener('mousedown', onInitialPointerMove);
+            document.addEventListener('mouseup', onInitialPointerMove);
+            document.addEventListener('pointermove', onInitialPointerMove);
+            document.addEventListener('pointerdown', onInitialPointerMove);
+            document.addEventListener('pointerup', onInitialPointerMove);
+            document.addEventListener('touchmove', onInitialPointerMove);
+            document.addEventListener('touchstart', onInitialPointerMove);
+            document.addEventListener('touchend', onInitialPointerMove);
+        }
+        function removeInitialPointerMoveListeners() {
+            document.removeEventListener('mousemove', onInitialPointerMove);
+            document.removeEventListener('mousedown', onInitialPointerMove);
+            document.removeEventListener('mouseup', onInitialPointerMove);
+            document.removeEventListener('pointermove', onInitialPointerMove);
+            document.removeEventListener('pointerdown', onInitialPointerMove);
+            document.removeEventListener('pointerup', onInitialPointerMove);
+            document.removeEventListener('touchmove', onInitialPointerMove);
+            document.removeEventListener('touchstart', onInitialPointerMove);
+            document.removeEventListener('touchend', onInitialPointerMove);
+        }
+        /**
+         * If the most recent user interaction was via the keyboard;
+         * and the key press did not include a meta, alt/option, or control key;
+         * then the modality is keyboard. Otherwise, the modality is not keyboard.
+         * Apply `focus-visible` to any current active element and keep track
+         * of our keyboard modality state with `hadKeyboardEvent`.
+         * @param {KeyboardEvent} e
+         */
+        function onKeyDown(e) {
+            if (e.metaKey || e.altKey || e.ctrlKey) {
+                return;
+            }
+            setHadKeyboardEvent(true);
+        }
+        /**
+         * If the user changes tabs, keep track of whether or not the previously
+         * focused element had .focus-visible.
+         * @param {Event} e
+         */
+        function onVisibilityChange() {
+            if (document.visibilityState === 'hidden') {
+                // If the tab becomes active again, the browser will handle calling focus
+                // on the element (Safari actually calls it twice).
+                // If this tab change caused a blur on an element with focus-visible,
+                // re-apply the class when the user switches back to the tab.
+                setHadKeyboardEvent(true);
+                addInitialPointerMoveListeners();
+            }
+        }
+        // For some kinds of state, we are interested in changes at the global scope
+        // only. For example, global pointer input, global key presses and global
+        // visibility change should affect the state at every scope:
+        document.addEventListener('keydown', onKeyDown, true);
+        document.addEventListener('mousedown', onPointerDown, true);
+        document.addEventListener('pointerdown', onPointerDown, true);
+        document.addEventListener('touchstart', onPointerDown, true);
+        document.addEventListener('visibilitychange', onVisibilityChange, true);
+        addInitialPointerMoveListeners();
+        return () => {
+            document.removeEventListener('keydown', onKeyDown, true);
+            document.removeEventListener('mousedown', onPointerDown, true);
+            document.removeEventListener('pointerdown', onPointerDown, true);
+            document.removeEventListener('touchstart', onPointerDown, true);
+            document.removeEventListener('visibilitychange', onVisibilityChange, true);
+            removeInitialPointerMoveListeners();
+        };
+    }, [setHadKeyboardEvent]);
+    return (
+    // eslint-disable-next-line react/jsx-no-constructed-context-values
+    React.createElement(FocusVisibleContext.Provider, { value: { hadKeyboardEvent, isInitialized: true } }, children));
+}
+function useFocusVisible() {
+    const [isFocused, setIsFocused] = React.useState(false);
+    const { hadKeyboardEvent, isInitialized } = React.useContext(FocusVisibleContext);
+    const onFocus = React.useCallback(() => {
+        if (!isFocused)
+            setIsFocused(true);
+    }, [isFocused]);
+    const onBlur = React.useCallback(() => {
+        if (isFocused)
+            setIsFocused(false);
+    }, [isFocused]);
+    let focusVisible;
+    if (isInitialized) {
+        focusVisible = hadKeyboardEvent && isFocused;
+    }
+    else {
+        // Fallback to focused when the `FocusVisibleManager` is not used.
+        focusVisible = isFocused;
+    }
+    return React.useMemo(() => ({
+        focusVisible,
+        onFocus,
+        onBlur,
+    }), [focusVisible, onBlur, onFocus]);
+}
+export { FocusVisibleContext, FocusVisibleManager, useFocusVisible };
 //# sourceMappingURL=useFocusVisible.js.map

package/dist/hooks/useFocusVisible.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useFocusVisible.js","sources":["../../src/hooks/useFocusVisible.tsx"],"sourcesContent":[null],"names":[~~"isInitialized","FocusVisibleManager","children","setHadKeyboardEvent"~~],"mappings":"~~gGAOGA~~,~~eAAA~~,~~IAyHH~~,~~SAAAC~~,~~GAA+BC~~,~~SAAAA~~,~~iDA4B9BC~~,GAAA"}
1	+ {"version":3,"file":"useFocusVisible.js","sources":["../../src/hooks/useFocusVisible.tsx"],"sourcesContent":[null],"names":[],"mappings":"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"}

package/dist/hooks/useHover.cjs CHANGED Viewed

@@ -1,2 +1,13 @@
-"use strict";var e=require("react");exports.useHover=(r=!1)=>{const[s,t]=e.useState(r);return[s,e.useCallback((()=>t(!0)),[t]),e.useCallback((()=>t(!1)),[t])]};
+'use strict';
+var React = require('react');
+const useHover = (initialState = false) => {
+    const [isHovered, setIsHovered] = React.useState(initialState);
+    const handleEnter = React.useCallback(() => setIsHovered(true), [setIsHovered]);
+    const handleLeave = React.useCallback(() => setIsHovered(false), [setIsHovered]);
+    return [isHovered, handleEnter, handleLeave];
+};
+exports.useHover = useHover;
 //# sourceMappingURL=useHover.cjs.map

package/dist/hooks/useHover.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useHover.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
1	+ {"version":3,"file":"useHover.cjs","sources":["../../src/hooks/useHover.ts"],"sourcesContent":[null],"names":["useState","useCallback"],"mappings":";;;;MAEa,QAAQ,GAAG,CAAC,YAAY,GAAG,KAAK,KAAI;IAC/C,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAGA,cAAQ,CAAU,YAAY,CAAC;AACjE,IAAA,MAAM,WAAW,GAAGC,iBAAW,CAAC,MAAM,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC;AACzE,IAAA,MAAM,WAAW,GAAGA,iBAAW,CAAC,MAAM,YAAY,CAAC,KAAK,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC;AAE1E,IAAA,OAAO,CAAC,SAAS,EAAE,WAAW,EAAE,WAAW,CAAU;AACvD;;;;"}

package/dist/hooks/useHover.d.ts CHANGED Viewed

	@@ -1,2 +1 @@
1 1	export declare const useHover: (initialState?: boolean) => readonly [boolean, () => void, () => void];
2	- //# sourceMappingURL=useHover.d.ts.map

package/dist/hooks/useHover.js CHANGED Viewed

@@ -1,2 +1,11 @@
-import{useState as r,useCallback as t}from"react";const o=(o=!1)=>{const[c,e]=r(o);return[c,t((()=>e(!0)),[e]),t((()=>e(!1)),[e])]};export{o as useHover};
+import { useState, useCallback } from 'react';
+const useHover = (initialState = false) => {
+    const [isHovered, setIsHovered] = useState(initialState);
+    const handleEnter = useCallback(() => setIsHovered(true), [setIsHovered]);
+    const handleLeave = useCallback(() => setIsHovered(false), [setIsHovered]);
+    return [isHovered, handleEnter, handleLeave];
+};
+export { useHover };
 //# sourceMappingURL=useHover.js.map

package/dist/hooks/useHover.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useHover.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
1	+ {"version":3,"file":"useHover.js","sources":["../../src/hooks/useHover.ts"],"sourcesContent":[null],"names":[],"mappings":";;MAEa,QAAQ,GAAG,CAAC,YAAY,GAAG,KAAK,KAAI;IAC/C,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAU,YAAY,CAAC;AACjE,IAAA,MAAM,WAAW,GAAG,WAAW,CAAC,MAAM,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC;AACzE,IAAA,MAAM,WAAW,GAAG,WAAW,CAAC,MAAM,YAAY,CAAC,KAAK,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC;AAE1E,IAAA,OAAO,CAAC,SAAS,EAAE,WAAW,EAAE,WAAW,CAAU;AACvD;;;;"}

package/dist/hooks/useId.cjs CHANGED Viewed

@@ -1,2 +1,9 @@
-"use strict";var e=require("react"),r=require("../utils/generateId.cjs");exports.useId=({id:s,prefix:t})=>e.useMemo((()=>s||r.generateId(t)),[s,t]);
+'use strict';
+var React = require('react');
+var generateId = require('../utils/generateId.cjs');
+const useId = ({ id, prefix }) => React.useMemo(() => id || generateId.generateId(prefix), [id, prefix]);
+exports.useId = useId;
 //# sourceMappingURL=useId.cjs.map

package/dist/hooks/useId.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useId.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
1	+ {"version":3,"file":"useId.cjs","sources":["../../src/hooks/useId.ts"],"sourcesContent":[null],"names":["useMemo","generateId"],"mappings":";;;;;AAGO,MAAM,KAAK,GAAG,CAAC,EAAE,EAAE,EAAE,MAAM,EAAoC,KACpEA,aAAO,CAAC,MAAM,EAAE,IAAIC,qBAAU,CAAC,MAAM,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,CAAC;;;;"}

package/dist/hooks/useId.d.ts CHANGED Viewed

@@ -2,4 +2,3 @@ export declare const useId: ({ id, prefix }: {
     id?: string | undefined;
     prefix?: string | undefined;
 }) => string;
-//# sourceMappingURL=useId.d.ts.map

package/dist/hooks/useId.js CHANGED Viewed

@@ -1,2 +1,7 @@
-import{useMemo as r}from"react";import{generateId as t}from"../utils/generateId.js";const e=({id:e,prefix:o})=>r((()=>e||t(o)),[e,o]);export{e as useId};
+import { useMemo } from 'react';
+import { generateId } from '../utils/generateId.js';
+const useId = ({ id, prefix }) => useMemo(() => id || generateId(prefix), [id, prefix]);
+export { useId };
 //# sourceMappingURL=useId.js.map

package/dist/hooks/useId.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useId.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
1	+ {"version":3,"file":"useId.js","sources":["../../src/hooks/useId.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAGO,MAAM,KAAK,GAAG,CAAC,EAAE,EAAE,EAAE,MAAM,EAAoC,KACpE,OAAO,CAAC,MAAM,EAAE,IAAI,UAAU,CAAC,MAAM,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,CAAC;;;;"}

package/dist/hooks/useIsOverflowing.cjs CHANGED Viewed

@@ -1,2 +1,33 @@
-"use strict";var e=require("react");exports.useIsOverflowing=t=>{const[r,s]=e.useState(!1),[n,c]=e.useState(!1);e.useEffect((()=>{if(!t)return;const e=new ResizeObserver((()=>{const e=t.scrollHeight>t.clientHeight;s(e)}));return e.observe(t),()=>{e.disconnect()}}),[t]);return{isOverflowing:r&&!n,onScroll:e=>{if(!t)return;const{scrollTop:r,scrollHeight:s,clientHeight:n}=e.target;c(s-r-n<=0)}}};
+'use strict';
+var React = require('react');
+/**
+ * A hook to check if a component's contents are overflowing from its boundaries
+ * (scrollbar is visible).
+ */
+const useIsOverflowing = (ref) => {
+    const [isOverflowing, setIsOverflowing] = React.useState(false);
+    const [isAtBottom, setIsAtBottom] = React.useState(false);
+    React.useEffect(() => {
+        if (!ref)
+            return;
+        const resizeObserver = new ResizeObserver(() => {
+            const hasOverflow = ref.scrollHeight > ref.clientHeight;
+            setIsOverflowing(hasOverflow);
+        });
+        resizeObserver.observe(ref);
+        // eslint-disable-next-line consistent-return
+        return () => { resizeObserver.disconnect(); };
+    }, [ref]);
+    const onScroll = (event) => {
+        if (!ref)
+            return;
+        const { scrollTop, scrollHeight, clientHeight } = event.target;
+        setIsAtBottom(scrollHeight - scrollTop - clientHeight <= 0);
+    };
+    return { isOverflowing: isOverflowing && !isAtBottom, onScroll };
+};
+exports.useIsOverflowing = useIsOverflowing;
 //# sourceMappingURL=useIsOverflowing.cjs.map

package/dist/hooks/useIsOverflowing.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useIsOverflowing.cjs","sources":["../../src/hooks/useIsOverflowing.ts"],"sourcesContent":[null],"names":["~~ref~~","useEffect"],"mappings":"~~6DAMaA~~,~~mDAyBXC~~,~~EAAAA~~,~~WAAA~~"}
1	+ {"version":3,"file":"useIsOverflowing.cjs","sources":["../../src/hooks/useIsOverflowing.ts"],"sourcesContent":[null],"names":["useState","useEffect"],"mappings":";;;;AAEA;;;AAGG;AACU,MAAA,gBAAgB,GAAG,CAAC,GAAuB,KAAI;IAC1D,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAGA,cAAQ,CAAC,KAAK,CAAC;IACzD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAGA,cAAQ,CAAC,KAAK,CAAC;IAEnDC,eAAS,CAAC,MAAK;AACb,QAAA,IAAI,CAAC,GAAG;YAAE;AAEV,QAAA,MAAM,cAAc,GAAG,IAAI,cAAc,CAAC,MAAK;YAC7C,MAAM,WAAW,GAAG,GAAG,CAAC,YAAY,GAAG,GAAG,CAAC,YAAY;YACvD,gBAAgB,CAAC,WAAW,CAAC;AAC/B,SAAC,CAAC;AACF,QAAA,cAAc,CAAC,OAAO,CAAC,GAAG,CAAC;;QAG3B,OAAO,MAAK,EAAG,cAAc,CAAC,UAAU,EAAE,CAAC,EAAE;AAC/C,KAAC,EAAE,CAAC,GAAG,CAAC,CAAC;AAET,IAAA,MAAM,QAAQ,GAAsC,CAAC,KAAK,KAAI;AAC5D,QAAA,IAAI,CAAC,GAAG;YAAE;QAEV,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,YAAY,EAAE,GAAI,KAAK,CAAC,MAAsB;QAC/E,aAAa,CAAC,YAAY,GAAG,SAAS,GAAG,YAAY,IAAI,CAAC,CAAC;AAC7D,KAAC;IAED,OAAO,EAAE,aAAa,EAAE,aAAa,IAAI,CAAC,UAAU,EAAE,QAAQ,EAAE;AAClE;;;;"}

package/dist/hooks/useIsOverflowing.d.ts CHANGED Viewed

@@ -7,4 +7,3 @@ export declare const useIsOverflowing: (ref: HTMLElement | null) => {
     isOverflowing: boolean;
     onScroll: import("react").UIEventHandler<HTMLElement>;
 };
-//# sourceMappingURL=useIsOverflowing.d.ts.map

package/dist/hooks/useIsOverflowing.js CHANGED Viewed

@@ -1,2 +1,31 @@
-import{useState as e,useEffect as r}from"react";const t=t=>{const[o,n]=e(!1),[c,i]=e(!1);r((()=>{if(!t)return;const e=new ResizeObserver((()=>{const e=t.scrollHeight>t.clientHeight;n(e)}));return e.observe(t),()=>{e.disconnect()}}),[t]);return{isOverflowing:o&&!c,onScroll:e=>{if(!t)return;const{scrollTop:r,scrollHeight:o,clientHeight:n}=e.target;i(o-r-n<=0)}}};export{t as useIsOverflowing};
+import { useState, useEffect } from 'react';
+/**
+ * A hook to check if a component's contents are overflowing from its boundaries
+ * (scrollbar is visible).
+ */
+const useIsOverflowing = (ref) => {
+    const [isOverflowing, setIsOverflowing] = useState(false);
+    const [isAtBottom, setIsAtBottom] = useState(false);
+    useEffect(() => {
+        if (!ref)
+            return;
+        const resizeObserver = new ResizeObserver(() => {
+            const hasOverflow = ref.scrollHeight > ref.clientHeight;
+            setIsOverflowing(hasOverflow);
+        });
+        resizeObserver.observe(ref);
+        // eslint-disable-next-line consistent-return
+        return () => { resizeObserver.disconnect(); };
+    }, [ref]);
+    const onScroll = (event) => {
+        if (!ref)
+            return;
+        const { scrollTop, scrollHeight, clientHeight } = event.target;
+        setIsAtBottom(scrollHeight - scrollTop - clientHeight <= 0);
+    };
+    return { isOverflowing: isOverflowing && !isAtBottom, onScroll };
+};
+export { useIsOverflowing };
 //# sourceMappingURL=useIsOverflowing.js.map

package/dist/hooks/useIsOverflowing.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useIsOverflowing.js","sources":["../../src/hooks/useIsOverflowing.ts"],"sourcesContent":[null],"names":[~~"useIsOverflowing","ref","useEffect"~~],"mappings":"~~gDAMA~~,~~MAAAA~~,~~EAAaC~~,~~iCAyBXC~~,~~GAAA~~"}
1	+ {"version":3,"file":"useIsOverflowing.js","sources":["../../src/hooks/useIsOverflowing.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAEA;;;AAGG;AACU,MAAA,gBAAgB,GAAG,CAAC,GAAuB,KAAI;IAC1D,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;IACzD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;IAEnD,SAAS,CAAC,MAAK;AACb,QAAA,IAAI,CAAC,GAAG;YAAE;AAEV,QAAA,MAAM,cAAc,GAAG,IAAI,cAAc,CAAC,MAAK;YAC7C,MAAM,WAAW,GAAG,GAAG,CAAC,YAAY,GAAG,GAAG,CAAC,YAAY;YACvD,gBAAgB,CAAC,WAAW,CAAC;AAC/B,SAAC,CAAC;AACF,QAAA,cAAc,CAAC,OAAO,CAAC,GAAG,CAAC;;QAG3B,OAAO,MAAK,EAAG,cAAc,CAAC,UAAU,EAAE,CAAC,EAAE;AAC/C,KAAC,EAAE,CAAC,GAAG,CAAC,CAAC;AAET,IAAA,MAAM,QAAQ,GAAsC,CAAC,KAAK,KAAI;AAC5D,QAAA,IAAI,CAAC,GAAG;YAAE;QAEV,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,YAAY,EAAE,GAAI,KAAK,CAAC,MAAsB;QAC/E,aAAa,CAAC,YAAY,GAAG,SAAS,GAAG,YAAY,IAAI,CAAC,CAAC;AAC7D,KAAC;IAED,OAAO,EAAE,aAAa,EAAE,aAAa,IAAI,CAAC,UAAU,EAAE,QAAQ,EAAE;AAClE;;;;"}

package/dist/hooks/useTabs.cjs CHANGED Viewed

@@ -1,2 +1,21 @@
-"use strict";var e=require("react");exports.useTabs=(t,s)=>{const{defaultActiveIndex:r=0}=s||{},[u]=e.useState(t),[a,c]=e.useState(u[r]);return[a,e=>{const t=u.find((t=>t.key===e));t&&c(t)}]};
+'use strict';
+var React = require('react');
+const useTabs = (tabs, config) => {
+    const { defaultActiveIndex = 0 } = config || {};
+    const [listOfTabs] = React.useState(tabs);
+    const [active, setActive] = React.useState(listOfTabs[defaultActiveIndex]);
+    return [
+        active,
+        (key) => {
+            const newActiveTab = listOfTabs.find((tab) => tab.key === key);
+            if (newActiveTab) {
+                setActive(newActiveTab);
+            }
+        },
+    ];
+};
+exports.useTabs = useTabs;
 //# sourceMappingURL=useTabs.cjs.map

package/dist/hooks/useTabs.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useTabs.cjs","sources":["../../src/hooks/useTabs.ts"],"sourcesContent":[null],"names":["~~tabs~~","~~config~~","~~defaultActiveIndex"~~,~~"listOfTabs"~~,~~"useState"~~,~~"active"~~,~~"setActive"]~~,~~"mappings":"oDAGqB~~,~~CAAEA~~,~~EAAAC~~,~~KACtB~~,~~MAAAC~~,~~mBAAAA~~,~~EAAA~~,~~GAAAD~~,~~GAAA~~,~~CAAA~~,~~GAEWE~~,~~GAAIC~~,~~EAAAA~~,~~SAAAJ~~,~~IAETK~~,~~EAAAC~~,~~GAAaF~~,~~EAAcA~~,~~SAAAD~~"}
1	+ {"version":3,"file":"useTabs.cjs","sources":["../../src/hooks/useTabs.ts"],"sourcesContent":[null],"names":["useState"],"mappings":";;;;MAQa,OAAO,GAAG,CAAC,IAAY,EAAE,MAAmB,KAAI;IAC3D,MAAM,EAAE,kBAAkB,GAAG,CAAC,EAAE,GAAG,MAAM,IAAI,EAAE;IAC/C,MAAM,CAAC,UAAU,CAAC,GAAGA,cAAQ,CAAS,IAAI,CAAC;AAC3C,IAAA,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAGA,cAAQ,CAAO,UAAU,CAAC,kBAAkB,CAAC,CAAC;IAE1E,OAAO;QACL,MAAM;QACN,CAAC,GAAW,KAAI;AACd,YAAA,MAAM,YAAY,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,GAAG,KAAK,GAAG,CAAC;AAE9D,YAAA,IAAI,YAAY,EAAE;gBAChB,SAAS,CAAC,YAAY,CAAC;AACxB;SACF;KACO;AACZ;;;;"}

package/dist/hooks/useTabs.d.ts CHANGED Viewed

@@ -4,4 +4,3 @@ interface TabsConfig {
 type ITab = any;
 export declare const useTabs: (tabs: ITab[], config?: TabsConfig) => readonly [any, (key: string) => void];
 export {};
-//# sourceMappingURL=useTabs.d.ts.map

package/dist/hooks/useTabs.js CHANGED Viewed

@@ -1,2 +1,19 @@
-import{useState as t}from"react";const e=(e,n)=>{const{defaultActiveIndex:o=0}=n||{},[r]=t(e),[c,d]=t(r[o]);return[c,t=>{const e=r.find((e=>e.key===t));e&&d(e)}]};export{e as useTabs};
+import { useState } from 'react';
+const useTabs = (tabs, config) => {
+    const { defaultActiveIndex = 0 } = config || {};
+    const [listOfTabs] = useState(tabs);
+    const [active, setActive] = useState(listOfTabs[defaultActiveIndex]);
+    return [
+        active,
+        (key) => {
+            const newActiveTab = listOfTabs.find((tab) => tab.key === key);
+            if (newActiveTab) {
+                setActive(newActiveTab);
+            }
+        },
+    ];
+};
+export { useTabs };
 //# sourceMappingURL=useTabs.js.map

package/dist/hooks/useTabs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useTabs.js","sources":["../../src/hooks/useTabs.ts"],"sourcesContent":[null],"names":[~~"useTabs"~~,"~~tabs~~","~~config"~~,~~"defaultActiveIndex"~~,~~"listOfTabs"~~,~~"useState"~~,~~"active"~~,~~"setActive"]~~,~~"mappings":"iCAGoB~~,~~MAAAA~~,~~EAAC~~,~~CAAEC~~,~~EAAAC~~,~~KACtB~~,~~MAAAC~~,~~mBAAAA~~,~~EAAA~~,~~GAAAD~~,~~GAAA~~,~~CAAA~~,~~GAEWE~~,~~GAAIC~~,~~EAAAJ~~,~~IAETK~~,~~EAAAC~~,~~GAAaF~~,~~EAAcD~~"}
1	+ {"version":3,"file":"useTabs.js","sources":["../../src/hooks/useTabs.ts"],"sourcesContent":[null],"names":[],"mappings":";;MAQa,OAAO,GAAG,CAAC,IAAY,EAAE,MAAmB,KAAI;IAC3D,MAAM,EAAE,kBAAkB,GAAG,CAAC,EAAE,GAAG,MAAM,IAAI,EAAE;IAC/C,MAAM,CAAC,UAAU,CAAC,GAAG,QAAQ,CAAS,IAAI,CAAC;AAC3C,IAAA,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAO,UAAU,CAAC,kBAAkB,CAAC,CAAC;IAE1E,OAAO;QACL,MAAM;QACN,CAAC,GAAW,KAAI;AACd,YAAA,MAAM,YAAY,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,GAAG,KAAK,GAAG,CAAC;AAE9D,YAAA,IAAI,YAAY,EAAE;gBAChB,SAAS,CAAC,YAAY,CAAC;AACxB;SACF;KACO;AACZ;;;;"}