@plurid/plurid-functions-react 0.0.0-5 → 0.0.0-6

package/distribution/index.js

@@ -1,318 +1,259 @@
-'use strict';
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-Object.defineProperty(exports, '__esModule', { value: true });
+// source/index.ts
+var index_exports = {};
+__export(index_exports, {
+  createMarkup: () => createMarkup_default,
+  mergeReferences: () => mergeReferences_default,
+  useDebouncedCallback: () => debounce_default,
+  useElementEvent: () => useElementEvent,
+  useFalseAfterTimedTrue: () => useFalseAfterTimedTrue,
+  useGlobalKeyDown: () => useGlobalKeyDown,
+  useGlobalWheel: () => useGlobalWheel,
+  useMounted: () => useMounted,
+  usePortal: () => portal_default,
+  useThrottledCallback: () => throttle_default,
+  useWindowEvent: () => useWindowEvent
+});
+module.exports = __toCommonJS(index_exports);
 
-var react = require('react');
+// source/hooks/event/index.ts
+var import_react = require("react");
+var useWindowEvent = (event, callback) => {
+  (0, import_react.useEffect)(() => {
+    if (typeof window === "undefined") {
+      return;
+    }
+    window.addEventListener(event, callback, { passive: false });
+    return () => {
+      if (typeof window === "undefined") {
+        return;
+      }
+      window.removeEventListener(event, callback);
+    };
+  }, [
+    event,
+    callback
+  ]);
+};
+var useElementEvent = (event, element, callback) => {
+  (0, import_react.useEffect)(() => {
+    if (element) {
+      element.addEventListener(event, callback, { passive: false });
+    }
+    return () => element.removeEventListener(event, callback);
+  }, [event, callback]);
+};
+var useGlobalKeyDown = (callback, element) => {
+  return useElementEvent(
+    "keydown",
+    element,
+    callback
+  );
+};
+var useGlobalWheel = (callback, element) => {
+  return useElementEvent(
+    "wheel",
+    element,
+    callback
+  );
+};
 
-// #region imports
-// #endregion imports
-// #region module
-const useWindowEvent = (event, callback) => {
-    react.useEffect(() => {
-        if (typeof window === 'undefined') {
-            return;
-        }
-        window.addEventListener(event, callback, { passive: false });
-        return () => {
-            if (typeof window === 'undefined') {
-                return;
-            }
-            window.removeEventListener(event, callback);
-        };
-    }, [
-        event,
-        callback,
-    ]);
-};
-const useElementEvent = (event, element, callback) => {
-    react.useEffect(() => {
-        if (element) {
-            element.addEventListener(event, callback, { passive: false });
-        }
-        return () => element.removeEventListener(event, callback);
-    }, [event, callback]);
-};
-const useGlobalKeyDown = (callback, element) => {
-    // if (!element) {
-    //     return useWindowEvent('keydown', callback);
-    // }
-    return useElementEvent('keydown', element, callback);
-};
-const useGlobalWheel = (callback, element) => {
-    // if (!element) {
-    //     return useWindowEvent('wheel', callback);
-    // }
-    return useElementEvent('wheel', element, callback);
-};
-// #endregion module
+// source/hooks/debounce/index.ts
+var import_react2 = require("react");
+function useDebouncedCallback(callback, wait) {
+  const argsRef = (0, import_react2.useRef)();
+  const timeout = (0, import_react2.useRef)();
+  function cleanup() {
+    if (timeout.current) {
+      clearTimeout(timeout.current);
+    }
+  }
+  (0, import_react2.useEffect)(() => cleanup, []);
+  return function debouncedCallback(...args) {
+    argsRef.current = args;
+    cleanup();
+    timeout.current = setTimeout(() => {
+      if (argsRef.current) {
+        callback(...argsRef.current);
+      }
+    }, wait);
+  };
+}
+var debounce_default = useDebouncedCallback;
 
-// #region imports
-// #endregion imports
-// #region module
-/**
- * Source: https://stackoverflow.com/a/57335271
- *
- * @param callback Function to be called.
- * @param wait Debounce time.
- */
-function useDebouncedCallback(callback, wait) {
-    // track args & timeout handle between calls
-    const argsRef = react.useRef();
-    const timeout = react.useRef();
-    function cleanup() {
-        if (timeout.current) {
-            clearTimeout(timeout.current);
-        }
-    }
-    // make sure our timeout gets cleared if
-    // our consuming component gets unmounted
-    react.useEffect(() => cleanup, []);
-    return function debouncedCallback(...args) {
-        // capture latest args
-        argsRef.current = args;
-        // clear debounce timer
-        cleanup();
-        // start waiting again
-        timeout.current = setTimeout(() => {
-            if (argsRef.current) {
-                callback(...argsRef.current);
-            }
-        }, wait);
-    };
-}
-// #endregion exports
+// source/hooks/throttle/index.ts
+var import_react3 = require("react");
+var useThrottledCallback = (callback, delay) => {
+  const lastRan = (0, import_react3.useRef)(Date.now());
+  const argsRef = (0, import_react3.useRef)();
+  const timeout = (0, import_react3.useRef)();
+  const cleanup = () => {
+    if (timeout.current) {
+      clearTimeout(timeout.current);
+    }
+  };
+  (0, import_react3.useEffect)(() => cleanup, []);
+  return (...args) => {
+    argsRef.current = args;
+    timeout.current = setTimeout(
+      () => {
+        if (Date.now() - lastRan.current >= delay) {
+          if (argsRef.current) {
+            callback(...argsRef.current);
+          }
+          lastRan.current = Date.now();
+        }
+      },
+      delay - (Date.now() - lastRan.current)
+    );
+  };
+};
+var throttle_default = useThrottledCallback;
 
-// #region imports
-// #endregion imports
-// #region module
-/**
- * @param callback
- * @param delay
- */
-const useThrottledCallback = (callback, delay) => {
-    // track args & timeout handle between calls
-    const lastRan = react.useRef(Date.now());
-    const argsRef = react.useRef();
-    const timeout = react.useRef();
-    const cleanup = () => {
-        if (timeout.current) {
-            clearTimeout(timeout.current);
-        }
-    };
-    react.useEffect(() => cleanup, []);
-    return (...args) => {
-        argsRef.current = args;
-        timeout.current = setTimeout(() => {
-            if (Date.now() - lastRan.current >= delay) {
-                if (argsRef.current) {
-                    callback(...argsRef.current);
-                }
-                lastRan.current = Date.now();
-            }
-        }, delay - (Date.now() - lastRan.current));
-    };
-};
-// #endregion exports
+// source/hooks/portal/index.tsx
+var import_react4 = require("react");
+var createRootElement = (id) => {
+  const rootContainer = document.createElement("div");
+  rootContainer.setAttribute("id", id);
+  return rootContainer;
+};
+var addRootElement = (rootElement, parentID) => {
+  const parent = document.getElementById(parentID);
+  if (parent) {
+    parent.appendChild(rootElement);
+  }
+};
+var usePortal = (id, parentID) => {
+  const rootElemRef = (0, import_react4.useRef)(null);
+  (0, import_react4.useEffect)(() => {
+    const existingParent = document.querySelector(`#${id}`);
+    const parentElem = existingParent || createRootElement(id);
+    if (!existingParent) {
+      addRootElement(parentElem, parentID);
+    }
+    if (rootElemRef.current) {
+      parentElem.appendChild(rootElemRef.current);
+    }
+    return () => {
+      if (rootElemRef.current) {
+        rootElemRef.current.remove();
+      }
+      if (parentElem.childNodes.length === -1) {
+        parentElem.remove();
+      }
+    };
+  }, []);
+  const getRootElem = () => {
+    if (!rootElemRef.current) {
+      rootElemRef.current = document.createElement("div");
+    }
+    return rootElemRef.current;
+  };
+  return getRootElem();
+};
+var portal_default = usePortal;
 
-/**
- * Based on
- * https://www.jayfreestone.com/writing/react-portals-with-hooks/
- *
- */
-// #endregion imports
-// #region module
-const createRootElement = (id) => {
-    const rootContainer = document.createElement('div');
-    rootContainer.setAttribute('id', id);
-    return rootContainer;
-};
-/**
- * Appends element as last child of body.
- *
- * @param rootElement
- */
-const addRootElement = (rootElement, parentID) => {
-    const parent = document.getElementById(parentID);
-    if (parent) {
-        parent.appendChild(rootElement);
-    }
-};
-/**
- * Hook to create a React Portal.
- * Automatically handles creating and tearing-down the root elements (no SRR
- * makes this trivial), so there is no need to ensure the parent target already
- * exists.
- * @example
- * const target = usePortal(id, [id]);
- * return createPortal(children, target);
- *
- * @param id    The id of the target container, e.g 'modal' or 'spotlight'
- * @returns     The DOM node to use as the Portal target.
- */
-const usePortal = (id, parentID) => {
-    const rootElemRef = react.useRef(null);
-    react.useEffect(() => {
-        // Look for existing target dom element to append to
-        const existingParent = document.querySelector(`#${id}`);
-        // Parent is either a new root or the existing dom element
-        const parentElem = existingParent || createRootElement(id);
-        // If there is no existing DOM element, add a new one.
-        if (!existingParent) {
-            addRootElement(parentElem, parentID);
-        }
-        // Add the detached element to the parent
-        if (rootElemRef.current) {
-            parentElem.appendChild(rootElemRef.current);
-        }
-        return () => {
-            if (rootElemRef.current) {
-                rootElemRef.current.remove();
-            }
-            if (parentElem.childNodes.length === -1) {
-                parentElem.remove();
-            }
-        };
-    }, []);
-    /**
-     * It's important we evaluate this lazily:
-     * - We need first render to contain the DOM element, so it shouldn't happen
-     *   in useEffect. We would normally put this in the constructor().
-     * - We can't do 'const rootElemRef = useRef(document.createElement('div))',
-     *   since this will run every single render (that's a lot).
-     * - We want the ref to consistently point to the same DOM element and only
-     *   ever run once.
-     * @link https://reactjs.org/docs/hooks-faq.html#how-to-create-expensive-objects-lazily
-     */
-    const getRootElem = () => {
-        if (!rootElemRef.current) {
-            rootElemRef.current = document.createElement('div');
-        }
-        return rootElemRef.current;
-    };
-    return getRootElem();
-};
-// #endregion exports
+// source/hooks/general/index.ts
+var import_react5 = require("react");
+var useFalseAfterTimedTrue = (intervalTime = 2e3) => {
+  const mounted = useMounted();
+  const [
+    disabledAfterActivation,
+    setDisabledAfterActivation
+  ] = (0, import_react5.useState)(false);
+  (0, import_react5.useEffect)(() => {
+    let timeout;
+    if (disabledAfterActivation) {
+      timeout = setTimeout(() => {
+        if (!mounted) {
+          return;
+        }
+        setDisabledAfterActivation(false);
+      }, intervalTime);
+    }
+    return () => {
+      if (timeout) {
+        clearTimeout(timeout);
+        timeout = void 0;
+      }
+    };
+  }, [
+    disabledAfterActivation
+  ]);
+  return [
+    disabledAfterActivation,
+    setDisabledAfterActivation
+  ];
+};
+var useMounted = () => {
+  const isMounted = (0, import_react5.useRef)(false);
+  (0, import_react5.useEffect)(() => {
+    isMounted.current = true;
+    return () => {
+      isMounted.current = false;
+    };
+  }, []);
+  return isMounted.current;
+};
 
-// #region imports
-// #endregion libraries
-// #region imports
-// #region module
-/**
- * After a `true` dispatch, it will wait the `intervalTime` and autoset to `false`.
- *
- * @param intervalTime
- * @returns
- */
-const useFalseAfterTimedTrue = (intervalTime = 2000) => {
-    // #region references
-    const mounted = useMounted();
-    // #endregion references
-    // #region state
-    const [disabledAfterActivation, setDisabledAfterActivation,] = react.useState(false);
-    // #endregion state
-    // #region effects
-    react.useEffect(() => {
-        let timeout;
-        if (disabledAfterActivation) {
-            timeout = setTimeout(() => {
-                if (!mounted) {
-                    return;
-                }
-                setDisabledAfterActivation(false);
-            }, intervalTime);
-        }
-        return () => {
-            if (timeout) {
-                clearTimeout(timeout);
-                timeout = undefined;
-            }
-        };
-    }, [
-        disabledAfterActivation,
-    ]);
-    // #endregion effects
-    // #region return
-    return [
-        disabledAfterActivation,
-        setDisabledAfterActivation,
-    ];
-    // #endregion return
-};
-/**
- * Keeps reference of the current mounted component.
- *
- * @returns
- */
-const useMounted = () => {
-    // #region references
-    const isMounted = react.useRef(false);
-    // #endregion references
-    // #region effects
-    react.useEffect(() => {
-        isMounted.current = true;
-        return () => {
-            isMounted.current = false;
-        };
-    }, []);
-    // #endregion effects
-    // #region return
-    return isMounted.current;
-    // #endregion return
-};
-// #endregion exports
+// source/utilities/createMarkup/index.ts
+var createMarkup = (text) => {
+  return {
+    __html: text
+  };
+};
+var createMarkup_default = createMarkup;
 
-// #region module
-const createMarkup = (text) => {
-    return {
-        __html: text,
-    };
-};
-// #endregion exports
-
-// #region module
-/**
- * Merges multiple references into one `ref` attribute.
- *
- * ``` jsx
- * <SomeComponent
- *     ref={merge(ref1, ref2)}
- * />
- * ```
- *
- * Source: https://www.davedrinks.coffee/how-do-i-use-two-react-refs/
- *
- * @param refs
- */
-const mergeReferences = (...refs) => {
-    const filteredRefs = refs.filter(Boolean);
-    if (!filteredRefs.length) {
-        return null;
-    }
-    if (filteredRefs.length === 1) {
-        return filteredRefs[0];
-    }
-    return (inst) => {
-        for (const ref of filteredRefs) {
-            if (typeof ref === 'function') {
-                ref(inst);
-            }
-            else if (ref) {
-                ref.current = inst;
-            }
-        }
-    };
-};
-// #endregion exports
-
-exports.createMarkup = createMarkup;
-exports.mergeReferences = mergeReferences;
-exports.useDebouncedCallback = useDebouncedCallback;
-exports.useElementEvent = useElementEvent;
-exports.useFalseAfterTimedTrue = useFalseAfterTimedTrue;
-exports.useGlobalKeyDown = useGlobalKeyDown;
-exports.useGlobalWheel = useGlobalWheel;
-exports.useMounted = useMounted;
-exports.usePortal = usePortal;
-exports.useThrottledCallback = useThrottledCallback;
-exports.useWindowEvent = useWindowEvent;
-//# sourceMappingURL=index.js.map
+// source/utilities/mergeReferences/index.ts
+var mergeReferences = (...refs) => {
+  const filteredRefs = refs.filter(Boolean);
+  if (!filteredRefs.length) {
+    return null;
+  }
+  if (filteredRefs.length === 1) {
+    return filteredRefs[0];
+  }
+  return (inst) => {
+    for (const ref of filteredRefs) {
+      if (typeof ref === "function") {
+        ref(inst);
+      } else if (ref) {
+        ref.current = inst;
+      }
+    }
+  };
+};
+var mergeReferences_default = mergeReferences;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  createMarkup,
+  mergeReferences,
+  useDebouncedCallback,
+  useElementEvent,
+  useFalseAfterTimedTrue,
+  useGlobalKeyDown,
+  useGlobalWheel,
+  useMounted,
+  usePortal,
+  useThrottledCallback,
+  useWindowEvent
+});
+//# sourceMappingURL=index.js.map

package/distribution/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../source/hooks/event/index.ts","../source/hooks/debounce/index.ts","../source/hooks/throttle/index.ts","../source/hooks/portal/index.tsx","../source/hooks/general/index.ts","../source/utilities/createMarkup/index.ts","../source/utilities/mergeReferences/index.ts"],"sourcesContent":["// #region imports\nimport {\n    useEffect,\n} from 'react';\n// #endregion imports\n\n\n\n// #region module\nexport const useWindowEvent = (\n    event: any,\n    callback: any,\n) => {\n    useEffect(() => {\n        if (typeof window === 'undefined') {\n            return;\n        }\n        window.addEventListener(event, callback, { passive: false });\n\n        return () => {\n            if (typeof window === 'undefined') {\n                return;\n            }\n            window.removeEventListener(event, callback);\n        }\n    }, [\n        event,\n        callback,\n    ]);\n};\n\n\nexport const useElementEvent = (\n    event: any,\n    element: any,\n    callback: any,\n) => {\n    useEffect(() => {\n        if (element) {\n            element.addEventListener(event, callback, { passive: false });\n        }\n        return () => element.removeEventListener(event, callback);\n    }, [event, callback]);\n}\n\nexport const useGlobalKeyDown = (\n    callback: any,\n    element?: any,\n) => {\n    // if (!element) {\n    //     return useWindowEvent('keydown', callback);\n    // }\n\n    return useElementEvent(\n        'keydown',\n        element,\n        callback,\n    );\n}\n\nexport const useGlobalWheel = (\n    callback: any,\n    element?: any,\n) => {\n    // if (!element) {\n    //     return useWindowEvent('wheel', callback);\n    // }\n\n    return useElementEvent(\n        'wheel',\n        element,\n        callback,\n    );\n}\n// #endregion module\n","// #region imports\nimport {\n    useRef,\n    useEffect,\n} from 'react';\n// #endregion imports\n\n\n\n// #region module\n/**\n * Source: https://stackoverflow.com/a/57335271\n *\n * @param callback Function to be called.\n * @param wait Debounce time.\n */\nfunction useDebouncedCallback<A extends any[]>(\n    callback: (...args: A) => void,\n    wait: number,\n) {\n    // track args & timeout handle between calls\n    const argsRef = useRef<A>();\n    const timeout = useRef<ReturnType<typeof setTimeout>>();\n\n    function cleanup() {\n        if(timeout.current) {\n            clearTimeout(timeout.current);\n        }\n    }\n\n    // make sure our timeout gets cleared if\n    // our consuming component gets unmounted\n    useEffect(() => cleanup, []);\n\n    return function debouncedCallback(\n        ...args: A\n    ) {\n        // capture latest args\n        argsRef.current = args;\n\n        // clear debounce timer\n        cleanup();\n\n        // start waiting again\n        timeout.current = setTimeout(() => {\n            if(argsRef.current) {\n                callback(...argsRef.current);\n            }\n        }, wait);\n    };\n}\n// #endregion module\n\n\n\n// #region exports\nexport default useDebouncedCallback;\n// #endregion exports\n","// #region imports\nimport {\n    useEffect,\n    useRef,\n} from 'react';\n// #endregion imports\n\n\n\n// #region module\n/**\n * @param callback\n * @param delay\n */\nconst useThrottledCallback = <A extends any[]>(\n    callback: (...args: A) => void,\n    delay: number,\n) => {\n    // track args & timeout handle between calls\n    const lastRan = useRef(Date.now());\n    const argsRef = useRef<A>();\n    const timeout = useRef<ReturnType<typeof setTimeout>>();\n\n    const cleanup = () => {\n        if(timeout.current) {\n            clearTimeout(timeout.current);\n        }\n    }\n\n    useEffect(() => cleanup, []);\n\n    return (\n        ...args: A\n    ) => {\n        argsRef.current = args;\n\n        timeout.current = setTimeout(\n            () => {\n                if (Date.now() - lastRan.current >= delay) {\n                    if(argsRef.current) {\n                        callback(...argsRef.current);\n                    }\n                    lastRan.current = Date.now();\n                }\n            },\n            delay - (Date.now() - lastRan.current)\n        );\n    };\n}\n// #endregion module\n\n\n\n// #region exports\nexport default useThrottledCallback;\n// #endregion exports\n","/**\n * Based on\n * https://www.jayfreestone.com/writing/react-portals-with-hooks/\n *\n */\n\n\n// #region imports\nimport {\n    useRef,\n    useEffect,\n} from 'react';\n// #endregion imports\n\n\n\n// #region module\nconst createRootElement = (\n    id: string,\n): Element => {\n    const rootContainer = document.createElement('div');\n    rootContainer.setAttribute('id', id);\n    return rootContainer;\n}\n\n\n/**\n * Appends element as last child of body.\n *\n * @param rootElement\n */\nconst addRootElement = (\n    rootElement: Element,\n    parentID: string,\n) => {\n    const parent = document.getElementById(parentID);\n\n    if (parent) {\n        parent.appendChild(rootElement);\n    }\n}\n\n\n/**\n * Hook to create a React Portal.\n * Automatically handles creating and tearing-down the root elements (no SRR\n * makes this trivial), so there is no need to ensure the parent target already\n * exists.\n * @example\n * const target = usePortal(id, [id]);\n * return createPortal(children, target);\n *\n * @param id    The id of the target container, e.g 'modal' or 'spotlight'\n * @returns     The DOM node to use as the Portal target.\n */\nconst usePortal = (\n    id: string,\n    parentID: string,\n): any => {\n    const rootElemRef = useRef<Element | null>(null);\n\n    useEffect(() => {\n        // Look for existing target dom element to append to\n        const existingParent = document.querySelector(`#${id}`);\n        // Parent is either a new root or the existing dom element\n        const parentElem = existingParent || createRootElement(id);\n\n        // If there is no existing DOM element, add a new one.\n        if (!existingParent) {\n            addRootElement(parentElem, parentID);\n        }\n\n        // Add the detached element to the parent\n        if (rootElemRef.current) {\n            parentElem.appendChild(rootElemRef.current);\n        }\n\n        return () => {\n            if (rootElemRef.current) {\n                rootElemRef.current.remove();\n            }\n\n            if (parentElem.childNodes.length === -1) {\n                parentElem.remove();\n            }\n        };\n    }, []);\n\n    /**\n     * It's important we evaluate this lazily:\n     * - We need first render to contain the DOM element, so it shouldn't happen\n     *   in useEffect. We would normally put this in the constructor().\n     * - We can't do 'const rootElemRef = useRef(document.createElement('div))',\n     *   since this will run every single render (that's a lot).\n     * - We want the ref to consistently point to the same DOM element and only\n     *   ever run once.\n     * @link https://reactjs.org/docs/hooks-faq.html#how-to-create-expensive-objects-lazily\n     */\n    const getRootElem = () => {\n        if (!rootElemRef.current) {\n            rootElemRef.current = document.createElement('div');\n        }\n        return rootElemRef.current;\n    }\n\n    return getRootElem();\n}\n// #endregion module\n\n\n\n// #region exports\nexport default usePortal;\n// #endregion exports\n","// #region imports\n    // #region libraries\n    import React, {\n        useRef,\n        useState,\n        useEffect,\n    } from 'react';\n    // #endregion libraries\n// #region imports\n\n\n\n// #region module\n/**\n * After a `true` dispatch, it will wait the `intervalTime` and autoset to `false`.\n *\n * @param intervalTime\n * @returns\n */\nconst useFalseAfterTimedTrue = (\n    intervalTime = 2_000, // ms\n): [boolean, React.Dispatch<React.SetStateAction<boolean>>] => {\n    // #region references\n    const mounted = useMounted();\n    // #endregion references\n\n    // #region state\n    const [\n        disabledAfterActivation,\n        setDisabledAfterActivation,\n    ] = useState(false);\n    // #endregion state\n\n    // #region effects\n    useEffect(() => {\n        let timeout: NodeJS.Timeout | undefined;\n\n        if (disabledAfterActivation) {\n            timeout = setTimeout(() => {\n                if (!mounted) {\n                    return;\n                }\n\n                setDisabledAfterActivation(false);\n            }, intervalTime);\n        }\n\n        return () => {\n            if (timeout) {\n                clearTimeout(timeout);\n                timeout = undefined;\n            }\n        }\n    }, [\n        disabledAfterActivation,\n    ]);\n    // #endregion effects\n\n    // #region return\n    return [\n        disabledAfterActivation,\n        setDisabledAfterActivation,\n    ];\n    // #endregion return\n}\n\n\n/**\n * Keeps reference of the current mounted component.\n *\n * @returns\n */\nconst useMounted = () => {\n    // #region references\n    const isMounted = useRef(false);\n    // #endregion references\n\n    // #region effects\n    useEffect(() => {\n        isMounted.current = true;\n\n        return () => {\n            isMounted.current = false;\n        }\n    }, []);\n    // #endregion effects\n\n    // #region return\n    return isMounted.current;\n    // #endregion return\n}\n// #endregion module\n\n\n\n// #region exports\nexport {\n    useFalseAfterTimedTrue,\n    useMounted,\n};\n// #endregion exports\n","// #region module\nconst createMarkup = (\n    text: string,\n) => {\n    return {\n        __html: text,\n    };\n}\n// #endregion module\n\n\n\n// #region exports\nexport default createMarkup;\n// #endregion exports\n","// #region module\n/**\n * Merges multiple references into one `ref` attribute.\n *\n * ``` jsx\n * <SomeComponent\n *     ref={merge(ref1, ref2)}\n * />\n * ```\n *\n * Source: https://www.davedrinks.coffee/how-do-i-use-two-react-refs/\n *\n * @param refs\n */\nconst mergeReferences = (\n    ...refs: any[]\n) => {\n    const filteredRefs = refs.filter(Boolean);\n\n    if (!filteredRefs.length) {\n        return null;\n    }\n\n    if (filteredRefs.length === 1) {\n        return filteredRefs[0];\n    }\n\n    return (inst: any) => {\n        for (const ref of filteredRefs) {\n            if (typeof ref === 'function') {\n                ref(inst);\n            } else if (ref) {\n                ref.current = inst;\n            }\n        }\n    };\n};\n// #endregion module\n\n\n\n// #region exports\nexport default mergeReferences;\n// #endregion exports\n"],"names":["useEffect","useRef","useState"],"mappings":"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"}
+{"version":3,"sources":["../source/index.ts","../source/hooks/event/index.ts","../source/hooks/debounce/index.ts","../source/hooks/throttle/index.ts","../source/hooks/portal/index.tsx","../source/hooks/general/index.ts","../source/utilities/createMarkup/index.ts","../source/utilities/mergeReferences/index.ts"],"sourcesContent":["// #region exports\nexport * from './hooks';\nexport * from './utilities';\n// #endregion exports\n","// #region imports\nimport {\n    useEffect,\n} from 'react';\n// #endregion imports\n\n\n\n// #region module\nexport const useWindowEvent = (\n    event: any,\n    callback: any,\n) => {\n    useEffect(() => {\n        if (typeof window === 'undefined') {\n            return;\n        }\n        window.addEventListener(event, callback, { passive: false });\n\n        return () => {\n            if (typeof window === 'undefined') {\n                return;\n            }\n            window.removeEventListener(event, callback);\n        }\n    }, [\n        event,\n        callback,\n    ]);\n};\n\n\nexport const useElementEvent = (\n    event: any,\n    element: any,\n    callback: any,\n) => {\n    useEffect(() => {\n        if (element) {\n            element.addEventListener(event, callback, { passive: false });\n        }\n        return () => element.removeEventListener(event, callback);\n    }, [event, callback]);\n}\n\nexport const useGlobalKeyDown = (\n    callback: any,\n    element?: any,\n) => {\n    // if (!element) {\n    //     return useWindowEvent('keydown', callback);\n    // }\n\n    return useElementEvent(\n        'keydown',\n        element,\n        callback,\n    );\n}\n\nexport const useGlobalWheel = (\n    callback: any,\n    element?: any,\n) => {\n    // if (!element) {\n    //     return useWindowEvent('wheel', callback);\n    // }\n\n    return useElementEvent(\n        'wheel',\n        element,\n        callback,\n    );\n}\n// #endregion module\n","// #region imports\nimport {\n    useRef,\n    useEffect,\n} from 'react';\n// #endregion imports\n\n\n\n// #region module\n/**\n * Source: https://stackoverflow.com/a/57335271\n *\n * @param callback Function to be called.\n * @param wait Debounce time.\n */\nfunction useDebouncedCallback<A extends any[]>(\n    callback: (...args: A) => void,\n    wait: number,\n) {\n    // track args & timeout handle between calls\n    const argsRef = useRef<A>();\n    const timeout = useRef<ReturnType<typeof setTimeout>>();\n\n    function cleanup() {\n        if(timeout.current) {\n            clearTimeout(timeout.current);\n        }\n    }\n\n    // make sure our timeout gets cleared if\n    // our consuming component gets unmounted\n    useEffect(() => cleanup, []);\n\n    return function debouncedCallback(\n        ...args: A\n    ) {\n        // capture latest args\n        argsRef.current = args;\n\n        // clear debounce timer\n        cleanup();\n\n        // start waiting again\n        timeout.current = setTimeout(() => {\n            if(argsRef.current) {\n                callback(...argsRef.current);\n            }\n        }, wait);\n    };\n}\n// #endregion module\n\n\n\n// #region exports\nexport default useDebouncedCallback;\n// #endregion exports\n","// #region imports\nimport {\n    useEffect,\n    useRef,\n} from 'react';\n// #endregion imports\n\n\n\n// #region module\n/**\n * @param callback\n * @param delay\n */\nconst useThrottledCallback = <A extends any[]>(\n    callback: (...args: A) => void,\n    delay: number,\n) => {\n    // track args & timeout handle between calls\n    const lastRan = useRef(Date.now());\n    const argsRef = useRef<A>();\n    const timeout = useRef<ReturnType<typeof setTimeout>>();\n\n    const cleanup = () => {\n        if(timeout.current) {\n            clearTimeout(timeout.current);\n        }\n    }\n\n    useEffect(() => cleanup, []);\n\n    return (\n        ...args: A\n    ) => {\n        argsRef.current = args;\n\n        timeout.current = setTimeout(\n            () => {\n                if (Date.now() - lastRan.current >= delay) {\n                    if(argsRef.current) {\n                        callback(...argsRef.current);\n                    }\n                    lastRan.current = Date.now();\n                }\n            },\n            delay - (Date.now() - lastRan.current)\n        );\n    };\n}\n// #endregion module\n\n\n\n// #region exports\nexport default useThrottledCallback;\n// #endregion exports\n","/**\n * Based on\n * https://www.jayfreestone.com/writing/react-portals-with-hooks/\n *\n */\n\n\n// #region imports\nimport {\n    useRef,\n    useEffect,\n} from 'react';\n// #endregion imports\n\n\n\n// #region module\nconst createRootElement = (\n    id: string,\n): Element => {\n    const rootContainer = document.createElement('div');\n    rootContainer.setAttribute('id', id);\n    return rootContainer;\n}\n\n\n/**\n * Appends element as last child of body.\n *\n * @param rootElement\n */\nconst addRootElement = (\n    rootElement: Element,\n    parentID: string,\n) => {\n    const parent = document.getElementById(parentID);\n\n    if (parent) {\n        parent.appendChild(rootElement);\n    }\n}\n\n\n/**\n * Hook to create a React Portal.\n * Automatically handles creating and tearing-down the root elements (no SRR\n * makes this trivial), so there is no need to ensure the parent target already\n * exists.\n * @example\n * const target = usePortal(id, [id]);\n * return createPortal(children, target);\n *\n * @param id    The id of the target container, e.g 'modal' or 'spotlight'\n * @returns     The DOM node to use as the Portal target.\n */\nconst usePortal = (\n    id: string,\n    parentID: string,\n): any => {\n    const rootElemRef = useRef<Element | null>(null);\n\n    useEffect(() => {\n        // Look for existing target dom element to append to\n        const existingParent = document.querySelector(`#${id}`);\n        // Parent is either a new root or the existing dom element\n        const parentElem = existingParent || createRootElement(id);\n\n        // If there is no existing DOM element, add a new one.\n        if (!existingParent) {\n            addRootElement(parentElem, parentID);\n        }\n\n        // Add the detached element to the parent\n        if (rootElemRef.current) {\n            parentElem.appendChild(rootElemRef.current);\n        }\n\n        return () => {\n            if (rootElemRef.current) {\n                rootElemRef.current.remove();\n            }\n\n            if (parentElem.childNodes.length === -1) {\n                parentElem.remove();\n            }\n        };\n    }, []);\n\n    /**\n     * It's important we evaluate this lazily:\n     * - We need first render to contain the DOM element, so it shouldn't happen\n     *   in useEffect. We would normally put this in the constructor().\n     * - We can't do 'const rootElemRef = useRef(document.createElement('div))',\n     *   since this will run every single render (that's a lot).\n     * - We want the ref to consistently point to the same DOM element and only\n     *   ever run once.\n     * @link https://reactjs.org/docs/hooks-faq.html#how-to-create-expensive-objects-lazily\n     */\n    const getRootElem = () => {\n        if (!rootElemRef.current) {\n            rootElemRef.current = document.createElement('div');\n        }\n        return rootElemRef.current;\n    }\n\n    return getRootElem();\n}\n// #endregion module\n\n\n\n// #region exports\nexport default usePortal;\n// #endregion exports\n","// #region imports\n    // #region libraries\n    import React, {\n        useRef,\n        useState,\n        useEffect,\n    } from 'react';\n    // #endregion libraries\n// #region imports\n\n\n\n// #region module\n/**\n * After a `true` dispatch, it will wait the `intervalTime` and autoset to `false`.\n *\n * @param intervalTime\n * @returns\n */\nconst useFalseAfterTimedTrue = (\n    intervalTime = 2_000, // ms\n): [boolean, React.Dispatch<React.SetStateAction<boolean>>] => {\n    // #region references\n    const mounted = useMounted();\n    // #endregion references\n\n    // #region state\n    const [\n        disabledAfterActivation,\n        setDisabledAfterActivation,\n    ] = useState(false);\n    // #endregion state\n\n    // #region effects\n    useEffect(() => {\n        // `ReturnType<typeof setTimeout>` (universal) instead of the Node-only `NodeJS.Timeout` — works in\n        // both the browser (number) and Node without depending on @types/node being resolvable.\n        let timeout: ReturnType<typeof setTimeout> | undefined;\n\n        if (disabledAfterActivation) {\n            timeout = setTimeout(() => {\n                if (!mounted) {\n                    return;\n                }\n\n                setDisabledAfterActivation(false);\n            }, intervalTime);\n        }\n\n        return () => {\n            if (timeout) {\n                clearTimeout(timeout);\n                timeout = undefined;\n            }\n        }\n    }, [\n        disabledAfterActivation,\n    ]);\n    // #endregion effects\n\n    // #region return\n    return [\n        disabledAfterActivation,\n        setDisabledAfterActivation,\n    ];\n    // #endregion return\n}\n\n\n/**\n * Keeps reference of the current mounted component.\n *\n * @returns\n */\nconst useMounted = () => {\n    // #region references\n    const isMounted = useRef(false);\n    // #endregion references\n\n    // #region effects\n    useEffect(() => {\n        isMounted.current = true;\n\n        return () => {\n            isMounted.current = false;\n        }\n    }, []);\n    // #endregion effects\n\n    // #region return\n    return isMounted.current;\n    // #endregion return\n}\n// #endregion module\n\n\n\n// #region exports\nexport {\n    useFalseAfterTimedTrue,\n    useMounted,\n};\n// #endregion exports\n","// #region module\nconst createMarkup = (\n    text: string,\n) => {\n    return {\n        __html: text,\n    };\n}\n// #endregion module\n\n\n\n// #region exports\nexport default createMarkup;\n// #endregion exports\n","// #region module\n/**\n * Merges multiple references into one `ref` attribute.\n *\n * ``` jsx\n * <SomeComponent\n *     ref={merge(ref1, ref2)}\n * />\n * ```\n *\n * Source: https://www.davedrinks.coffee/how-do-i-use-two-react-refs/\n *\n * @param refs\n */\nconst mergeReferences = (\n    ...refs: any[]\n) => {\n    const filteredRefs = refs.filter(Boolean);\n\n    if (!filteredRefs.length) {\n        return null;\n    }\n\n    if (filteredRefs.length === 1) {\n        return filteredRefs[0];\n    }\n\n    return (inst: any) => {\n        for (const ref of filteredRefs) {\n            if (typeof ref === 'function') {\n                ref(inst);\n            } else if (ref) {\n                ref.current = inst;\n            }\n        }\n    };\n};\n// #endregion module\n\n\n\n// #region exports\nexport default mergeReferences;\n// #endregion exports\n"],"mappings":"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","names":["import_react","import_react","import_react","import_react"]}