matsuri-ui 9.7.2-alpha.0

package/dist/cjs/hooks/index.js

@@ -0,0 +1,201 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _useClickAnimation = require("./useClickAnimation");
+
+Object.keys(_useClickAnimation).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useClickAnimation[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _useClickAnimation[key];
+    }
+  });
+});
+
+var _useFetch = require("./useFetch");
+
+Object.keys(_useFetch).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useFetch[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _useFetch[key];
+    }
+  });
+});
+
+var _useFocus = require("./useFocus");
+
+Object.keys(_useFocus).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useFocus[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _useFocus[key];
+    }
+  });
+});
+
+var _useForceUpdate = require("./useForceUpdate");
+
+Object.keys(_useForceUpdate).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useForceUpdate[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _useForceUpdate[key];
+    }
+  });
+});
+
+var _useHover = require("./useHover");
+
+Object.keys(_useHover).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useHover[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _useHover[key];
+    }
+  });
+});
+
+var _useIntersectionObserver = require("./useIntersectionObserver");
+
+Object.keys(_useIntersectionObserver).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useIntersectionObserver[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _useIntersectionObserver[key];
+    }
+  });
+});
+
+var _useInterval = require("./useInterval");
+
+Object.keys(_useInterval).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useInterval[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _useInterval[key];
+    }
+  });
+});
+
+var _useKeyboard = require("./useKeyboard");
+
+Object.keys(_useKeyboard).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useKeyboard[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _useKeyboard[key];
+    }
+  });
+});
+
+var _useLocaleString = require("./useLocaleString");
+
+Object.keys(_useLocaleString).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useLocaleString[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _useLocaleString[key];
+    }
+  });
+});
+
+var _useMouseLongPress = require("./useMouseLongPress");
+
+Object.keys(_useMouseLongPress).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useMouseLongPress[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _useMouseLongPress[key];
+    }
+  });
+});
+
+var _useMutationObserver = require("./useMutationObserver");
+
+Object.keys(_useMutationObserver).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useMutationObserver[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _useMutationObserver[key];
+    }
+  });
+});
+
+var _useOnClickOutside = require("./useOnClickOutside");
+
+Object.keys(_useOnClickOutside).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useOnClickOutside[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _useOnClickOutside[key];
+    }
+  });
+});
+
+var _useResizeObserver = require("./useResizeObserver");
+
+Object.keys(_useResizeObserver).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useResizeObserver[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _useResizeObserver[key];
+    }
+  });
+});
+
+var _useTimeout = require("./useTimeout");
+
+Object.keys(_useTimeout).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useTimeout[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _useTimeout[key];
+    }
+  });
+});
+
+var _useWindowResize = require("./useWindowResize");
+
+Object.keys(_useWindowResize).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useWindowResize[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _useWindowResize[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/hooks/index.ts"],"names":[],"mappings":";;;;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export * from \"./useClickAnimation\"\nexport * from \"./useFetch\"\nexport * from \"./useFocus\"\nexport * from \"./useForceUpdate\"\nexport * from \"./useHover\"\nexport * from \"./useIntersectionObserver\"\nexport * from \"./useInterval\"\nexport * from \"./useKeyboard\"\nexport * from \"./useLocaleString\"\nexport * from \"./useMouseLongPress\"\nexport * from \"./useMutationObserver\"\nexport * from \"./useOnClickOutside\"\nexport * from \"./useResizeObserver\"\nexport * from \"./useTimeout\"\nexport * from \"./useWindowResize\"\n"],"file":"index.js"}

package/dist/cjs/hooks/useClickAnimation.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useClickAnimation = void 0;
+
+var _react = require("react");
+
+const useClickAnimation = injectHandleEvent => {
+  const [clicked, setClicked] = (0, _react.useState)(false);
+  const onClick = (0, _react.useCallback)(event => {
+    setClicked(true);
+
+    if (injectHandleEvent !== undefined) {
+      injectHandleEvent(event);
+    }
+  }, [injectHandleEvent]);
+  const onAnimationEnd = (0, _react.useCallback)(() => {
+    setClicked(false);
+  }, []);
+  return {
+    clicked,
+    onClick,
+    onAnimationEnd
+  };
+};
+
+exports.useClickAnimation = useClickAnimation;
+//# sourceMappingURL=useClickAnimation.js.map

package/dist/cjs/hooks/useClickAnimation.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/hooks/useClickAnimation.ts"],"names":["useClickAnimation","injectHandleEvent","clicked","setClicked","onClick","event","undefined","onAnimationEnd"],"mappings":";;;;;;;AAAA;;AAEO,MAAMA,iBAAiB,GAC1BC,iBAD6B,IAM5B;AACD,QAAM,CAACC,OAAD,EAAUC,UAAV,IAAwB,qBAAS,KAAT,CAA9B;AAEA,QAAMC,OAAO,GAAG,wBACXC,KAAD,IAAW;AACPF,IAAAA,UAAU,CAAC,IAAD,CAAV;;AACA,QAAIF,iBAAiB,KAAKK,SAA1B,EAAqC;AACjCL,MAAAA,iBAAiB,CAACI,KAAD,CAAjB;AACH;AACJ,GANW,EAOZ,CAACJ,iBAAD,CAPY,CAAhB;AAUA,QAAMM,cAAc,GAAG,wBAAY,MAAM;AACrCJ,IAAAA,UAAU,CAAC,KAAD,CAAV;AACH,GAFsB,EAEpB,EAFoB,CAAvB;AAIA,SAAO;AAAED,IAAAA,OAAF;AAAWE,IAAAA,OAAX;AAAoBG,IAAAA;AAApB,GAAP;AACH,CAxBM","sourcesContent":["import { useCallback, useState } from \"react\"\n\nexport const useClickAnimation = (\n    injectHandleEvent?: (event: any) => void\n): {\n    clicked: boolean\n    onClick: (event: React.SyntheticEvent<HTMLElement>) => void\n    onAnimationEnd: (event: React.SyntheticEvent<HTMLElement>) => void\n} => {\n    const [clicked, setClicked] = useState(false)\n\n    const onClick = useCallback(\n        (event) => {\n            setClicked(true)\n            if (injectHandleEvent !== undefined) {\n                injectHandleEvent(event)\n            }\n        },\n        [injectHandleEvent]\n    )\n\n    const onAnimationEnd = useCallback(() => {\n        setClicked(false)\n    }, [])\n\n    return { clicked, onClick, onAnimationEnd }\n}\n"],"file":"useClickAnimation.js"}

package/dist/cjs/hooks/useFetch.js

@@ -0,0 +1,90 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useFetch = void 0;
+
+var _useForceUpdate = require("./useForceUpdate");
+
+var _react = require("react");
+
+const sleep = msec => new Promise(resolve => setTimeout(resolve, msec));
+/**
+ * @example
+ * useFetch<string[]>("https://hrdtbs.github.io/mocks/animals.json", useMemo(() => ({}), []), "json")
+ */
+
+
+const useFetch = (input, init, type = "json") => {
+  const forceUpdate = (0, _useForceUpdate.useForceUpdate)();
+  const error = (0, _react.useRef)(null);
+  const loading = (0, _react.useRef)(false);
+  const data = (0, _react.useRef)(null);
+  const promiseResolver = (0, _react.useMemo)(() => {
+    let resolve;
+    const promise = new Promise(tmp => {
+      resolve = tmp;
+    });
+    return {
+      resolve,
+      promise
+    };
+  }, []);
+  (0, _react.useLayoutEffect)(() => {
+    let finished = false;
+    const abortController = new AbortController();
+    !async function () {
+      // start fetching
+      loading.current = true;
+      forceUpdate();
+
+      const onFinish = (e, d) => {
+        if (!finished) {
+          finished = true;
+          error.current = e;
+          data.current = d;
+          loading.current = false;
+        }
+      };
+
+      try {
+        await sleep(0);
+        const response = await fetch(input, { ...init,
+          signal: abortController.signal
+        });
+
+        if (response.ok) {
+          const body = await response[type]();
+          onFinish(null, body);
+        } else {
+          const nextError = new Error(`${response.status} ${response.statusText}`);
+          nextError.name = "FetchError";
+          onFinish(nextError, null);
+        }
+      } catch (e) {
+        onFinish(e, null);
+      }
+
+      promiseResolver.resolve();
+    }();
+
+    const cleanup = () => {
+      if (!finished) {
+        finished = true;
+        abortController.abort();
+      }
+
+      error.current = null;
+      loading.current = false;
+      data.current = null;
+    };
+
+    return cleanup;
+  }, [input, init, type, forceUpdate, promiseResolver]);
+  if (loading.current) throw promiseResolver.promise;
+  return [data.current, error.current];
+};
+
+exports.useFetch = useFetch;
+//# sourceMappingURL=useFetch.js.map

package/dist/cjs/hooks/useFetch.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/hooks/useFetch.ts"],"names":["sleep","msec","Promise","resolve","setTimeout","useFetch","input","init","type","forceUpdate","error","loading","data","promiseResolver","promise","tmp","finished","abortController","AbortController","current","onFinish","e","d","response","fetch","signal","ok","body","nextError","Error","status","statusText","name","cleanup","abort"],"mappings":"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","sourcesContent":["import { useForceUpdate } from \"./useForceUpdate\"\nimport { useLayoutEffect, useMemo, useRef } from \"react\"\n\nconst sleep = (msec: number) => new Promise((resolve) => setTimeout(resolve, msec))\n\n/**\n * @example\n * useFetch<string[]>(\"https://hrdtbs.github.io/mocks/animals.json\", useMemo(() => ({}), []), \"json\")\n */\nexport const useFetch = <T>(\n    input: RequestInfo,\n    init?: RequestInit,\n    type: \"text\" | \"json\" | \"blob\" | \"formData\" = \"json\"\n): [T, Error] => {\n    const forceUpdate = useForceUpdate()\n    const error = useRef<Error | null>(null)\n    const loading = useRef(false)\n    const data = useRef<T | null>(null)\n\n    const promiseResolver = useMemo(() => {\n        let resolve\n        const promise = new Promise((tmp) => {\n            resolve = tmp\n        })\n        return { resolve, promise } as unknown as {\n            resolve: (value?: unknown) => void\n            promise: Promise<unknown>\n        }\n    }, [])\n\n    useLayoutEffect(() => {\n        let finished = false\n        const abortController = new AbortController()\n        !(async function () {\n            // start fetching\n            loading.current = true\n            forceUpdate()\n            const onFinish = (e: Error | null, d: T | null) => {\n                if (!finished) {\n                    finished = true\n                    error.current = e\n                    data.current = d\n                    loading.current = false\n                }\n            }\n            try {\n                await sleep(0)\n                const response = await fetch(input, {\n                    ...init,\n                    signal: abortController.signal\n                })\n                if (response.ok) {\n                    const body = await response[type]()\n                    onFinish(null, body)\n                } else {\n                    const nextError = new Error(`${response.status} ${response.statusText}`)\n                    nextError.name = \"FetchError\"\n                    onFinish(nextError, null)\n                }\n            } catch (e) {\n                onFinish(e as Error | null, null)\n            }\n            promiseResolver.resolve()\n        })()\n        const cleanup = () => {\n            if (!finished) {\n                finished = true\n                abortController.abort()\n            }\n            error.current = null\n            loading.current = false\n            data.current = null\n        }\n        return cleanup\n    }, [input, init, type, forceUpdate, promiseResolver])\n    if (loading.current) throw promiseResolver.promise\n    return [data.current!, error.current!]\n}\n"],"file":"useFetch.js"}

package/dist/cjs/hooks/useFocus.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useFocus = void 0;
+
+var _react = require("react");
+
+const useFocus = (ref, defaultState = false) => {
+  const [state, setState] = (0, _react.useState)(defaultState);
+  (0, _react.useEffect)(() => {
+    const onFocus = () => setState(true);
+
+    const onBlur = () => setState(false);
+
+    const element = ref && ref.current || null;
+
+    if (element) {
+      element.addEventListener("focus", onFocus);
+      element.addEventListener("blur", onBlur);
+    }
+
+    return () => {
+      if (element) {
+        element.removeEventListener("focus", onFocus);
+        element.removeEventListener("blur", onBlur);
+      }
+    };
+  }, [ref]);
+  return state;
+};
+
+exports.useFocus = useFocus;
+//# sourceMappingURL=useFocus.js.map

package/dist/cjs/hooks/useFocus.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/hooks/useFocus.ts"],"names":["useFocus","ref","defaultState","state","setState","onFocus","onBlur","element","current","addEventListener","removeEventListener"],"mappings":";;;;;;;AAAA;;AACO,MAAMA,QAAQ,GAAG,CAAwBC,GAAxB,EAAiDC,YAAY,GAAG,KAAhE,KAA0E;AAC9F,QAAM,CAACC,KAAD,EAAQC,QAAR,IAAoB,qBAASF,YAAT,CAA1B;AAEA,wBAAU,MAAM;AACZ,UAAMG,OAAO,GAAG,MAAMD,QAAQ,CAAC,IAAD,CAA9B;;AACA,UAAME,MAAM,GAAG,MAAMF,QAAQ,CAAC,KAAD,CAA7B;;AACA,UAAMG,OAAO,GAAIN,GAAG,IAAIA,GAAG,CAACO,OAAZ,IAAwB,IAAxC;;AACA,QAAID,OAAJ,EAAa;AACTA,MAAAA,OAAO,CAACE,gBAAR,CAAyB,OAAzB,EAAkCJ,OAAlC;AACAE,MAAAA,OAAO,CAACE,gBAAR,CAAyB,MAAzB,EAAiCH,MAAjC;AACH;;AAED,WAAO,MAAM;AACT,UAAIC,OAAJ,EAAa;AACTA,QAAAA,OAAO,CAACG,mBAAR,CAA4B,OAA5B,EAAqCL,OAArC;AACAE,QAAAA,OAAO,CAACG,mBAAR,CAA4B,MAA5B,EAAoCJ,MAApC;AACH;AACJ,KALD;AAMH,GAfD,EAeG,CAACL,GAAD,CAfH;AAiBA,SAAOE,KAAP;AACH,CArBM","sourcesContent":["import { useEffect, useState } from \"react\"\nexport const useFocus = <T extends HTMLElement>(ref: React.RefObject<T>, defaultState = false) => {\n    const [state, setState] = useState(defaultState)\n\n    useEffect(() => {\n        const onFocus = () => setState(true)\n        const onBlur = () => setState(false)\n        const element = (ref && ref.current) || null\n        if (element) {\n            element.addEventListener(\"focus\", onFocus)\n            element.addEventListener(\"blur\", onBlur)\n        }\n\n        return () => {\n            if (element) {\n                element.removeEventListener(\"focus\", onFocus)\n                element.removeEventListener(\"blur\", onBlur)\n            }\n        }\n    }, [ref])\n\n    return state\n}\n"],"file":"useFocus.js"}

package/dist/cjs/hooks/useForceUpdate.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useForceUpdate = void 0;
+
+var _react = require("react");
+
+const useForceUpdate = () => {
+  const [, dispatch] = (0, _react.useState)(true);
+  const memoizedDispatch = (0, _react.useCallback)(() => {
+    dispatch(prev => !prev);
+  }, [dispatch]);
+  return memoizedDispatch;
+};
+
+exports.useForceUpdate = useForceUpdate;
+//# sourceMappingURL=useForceUpdate.js.map

package/dist/cjs/hooks/useForceUpdate.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/hooks/useForceUpdate.ts"],"names":["useForceUpdate","dispatch","memoizedDispatch","prev"],"mappings":";;;;;;;AAAA;;AACO,MAAMA,cAAc,GAAG,MAAM;AAChC,QAAM,GAAGC,QAAH,IAAe,qBAAS,IAAT,CAArB;AACA,QAAMC,gBAA4B,GAAG,wBAAY,MAAM;AACnDD,IAAAA,QAAQ,CAAEE,IAAD,IAAU,CAACA,IAAZ,CAAR;AACH,GAFoC,EAElC,CAACF,QAAD,CAFkC,CAArC;AAGA,SAAOC,gBAAP;AACH,CANM","sourcesContent":["import { useCallback, useState } from \"react\"\nexport const useForceUpdate = () => {\n    const [, dispatch] = useState(true)\n    const memoizedDispatch: () => void = useCallback(() => {\n        dispatch((prev) => !prev)\n    }, [dispatch])\n    return memoizedDispatch\n}\n"],"file":"useForceUpdate.js"}

package/dist/cjs/hooks/useHover.js

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useHover = void 0;
+
+var _react = require("react");
+
+const useHover = ref => {
+  const [isHover, setIsHover] = (0, _react.useState)(false);
+  const handleMouseOver = (0, _react.useCallback)(() => {
+    setIsHover(true);
+  }, []);
+  const handleMouseOut = (0, _react.useCallback)(() => {
+    setIsHover(false);
+  }, []);
+  (0, _react.useLayoutEffect)(() => {
+    const node = ref.current;
+
+    if (node) {
+      node.addEventListener("mouseover", handleMouseOver);
+      node.addEventListener("mouseout", handleMouseOut);
+    }
+
+    return () => {
+      if (node) {
+        node.removeEventListener("mouseover", handleMouseOver);
+        node.removeEventListener("mouseout", handleMouseOut);
+      }
+    };
+  }, [handleMouseOut, handleMouseOver, ref]);
+  return isHover;
+};
+
+exports.useHover = useHover;
+//# sourceMappingURL=useHover.js.map

package/dist/cjs/hooks/useHover.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/hooks/useHover.tsx"],"names":["useHover","ref","isHover","setIsHover","handleMouseOver","handleMouseOut","node","current","addEventListener","removeEventListener"],"mappings":";;;;;;;AAAA;;AACO,MAAMA,QAAQ,GAAIC,GAAD,IAAuC;AAC3D,QAAM,CAACC,OAAD,EAAUC,UAAV,IAAwB,qBAAS,KAAT,CAA9B;AACA,QAAMC,eAAe,GAAG,wBAAY,MAAM;AACtCD,IAAAA,UAAU,CAAC,IAAD,CAAV;AACH,GAFuB,EAErB,EAFqB,CAAxB;AAGA,QAAME,cAAc,GAAG,wBAAY,MAAM;AACrCF,IAAAA,UAAU,CAAC,KAAD,CAAV;AACH,GAFsB,EAEpB,EAFoB,CAAvB;AAIA,8BAAgB,MAAM;AAClB,UAAMG,IAAI,GAAGL,GAAG,CAACM,OAAjB;;AACA,QAAID,IAAJ,EAAU;AACNA,MAAAA,IAAI,CAACE,gBAAL,CAAsB,WAAtB,EAAmCJ,eAAnC;AACAE,MAAAA,IAAI,CAACE,gBAAL,CAAsB,UAAtB,EAAkCH,cAAlC;AACH;;AACD,WAAO,MAAM;AACT,UAAIC,IAAJ,EAAU;AACNA,QAAAA,IAAI,CAACG,mBAAL,CAAyB,WAAzB,EAAsCL,eAAtC;AACAE,QAAAA,IAAI,CAACG,mBAAL,CAAyB,UAAzB,EAAqCJ,cAArC;AACH;AACJ,KALD;AAMH,GAZD,EAYG,CAACA,cAAD,EAAiBD,eAAjB,EAAkCH,GAAlC,CAZH;AAcA,SAAOC,OAAP;AACH,CAxBM","sourcesContent":["import React, { useCallback, useLayoutEffect, useState } from \"react\"\nexport const useHover = (ref: React.RefObject<HTMLElement>) => {\n    const [isHover, setIsHover] = useState(false)\n    const handleMouseOver = useCallback(() => {\n        setIsHover(true)\n    }, [])\n    const handleMouseOut = useCallback(() => {\n        setIsHover(false)\n    }, [])\n\n    useLayoutEffect(() => {\n        const node = ref.current\n        if (node) {\n            node.addEventListener(\"mouseover\", handleMouseOver)\n            node.addEventListener(\"mouseout\", handleMouseOut)\n        }\n        return () => {\n            if (node) {\n                node.removeEventListener(\"mouseover\", handleMouseOver)\n                node.removeEventListener(\"mouseout\", handleMouseOut)\n            }\n        }\n    }, [handleMouseOut, handleMouseOver, ref])\n\n    return isHover\n}\n"],"file":"useHover.js"}

package/dist/cjs/hooks/useIntersectionObserver.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useIntersectionObserver = void 0;
+
+var _react = require("react");
+
+const useIntersectionObserver = (ref, options) => {
+  const [entry, setEntry] = (0, _react.useState)();
+  (0, _react.useLayoutEffect)(() => {
+    const element = ref && ref.current ? ref.current : null;
+    const intersectionObserver = new IntersectionObserver(entries => {
+      if (!Array.isArray(entries)) {
+        return;
+      }
+
+      if (!entries.length) {
+        return;
+      }
+
+      setEntry(entries[0]);
+    }, options);
+
+    if (element) {
+      intersectionObserver.observe(element);
+    }
+
+    return () => {
+      if (element) {
+        intersectionObserver.unobserve(element);
+      }
+    };
+  }, [options, ref]);
+  return entry;
+};
+
+exports.useIntersectionObserver = useIntersectionObserver;
+//# sourceMappingURL=useIntersectionObserver.js.map

package/dist/cjs/hooks/useIntersectionObserver.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/hooks/useIntersectionObserver.ts"],"names":["useIntersectionObserver","ref","options","entry","setEntry","element","current","intersectionObserver","IntersectionObserver","entries","Array","isArray","length","observe","unobserve"],"mappings":";;;;;;;AAAA;;AAEO,MAAMA,uBAAuB,GAAG,CACnCC,GADmC,EAEnCC,OAFmC,KAGK;AACxC,QAAM,CAACC,KAAD,EAAQC,QAAR,IAAoB,sBAA1B;AACA,8BAAgB,MAAM;AAClB,UAAMC,OAAO,GAAGJ,GAAG,IAAIA,GAAG,CAACK,OAAX,GAAqBL,GAAG,CAACK,OAAzB,GAAmC,IAAnD;AACA,UAAMC,oBAAoB,GAAG,IAAIC,oBAAJ,CAA0BC,OAAD,IAAa;AAC/D,UAAI,CAACC,KAAK,CAACC,OAAN,CAAcF,OAAd,CAAL,EAA6B;AACzB;AACH;;AACD,UAAI,CAACA,OAAO,CAACG,MAAb,EAAqB;AACjB;AACH;;AACDR,MAAAA,QAAQ,CAACK,OAAO,CAAC,CAAD,CAAR,CAAR;AACH,KAR4B,EAQ1BP,OAR0B,CAA7B;;AASA,QAAIG,OAAJ,EAAa;AACTE,MAAAA,oBAAoB,CAACM,OAArB,CAA6BR,OAA7B;AACH;;AACD,WAAO,MAAM;AACT,UAAIA,OAAJ,EAAa;AACTE,QAAAA,oBAAoB,CAACO,SAArB,CAA+BT,OAA/B;AACH;AACJ,KAJD;AAKH,GAnBD,EAmBG,CAACH,OAAD,EAAUD,GAAV,CAnBH;AAoBA,SAAOE,KAAP;AACH,CA1BM","sourcesContent":["import { useLayoutEffect, useState } from \"react\"\n\nexport const useIntersectionObserver = (\n    ref: React.RefObject<HTMLElement>,\n    options?: IntersectionObserverInit\n): IntersectionObserverEntry | undefined => {\n    const [entry, setEntry] = useState<IntersectionObserverEntry>()\n    useLayoutEffect(() => {\n        const element = ref && ref.current ? ref.current : null\n        const intersectionObserver = new IntersectionObserver((entries) => {\n            if (!Array.isArray(entries)) {\n                return\n            }\n            if (!entries.length) {\n                return\n            }\n            setEntry(entries[0])\n        }, options)\n        if (element) {\n            intersectionObserver.observe(element)\n        }\n        return () => {\n            if (element) {\n                intersectionObserver.unobserve(element)\n            }\n        }\n    }, [options, ref])\n    return entry\n}\n"],"file":"useIntersectionObserver.js"}

package/dist/cjs/hooks/useInterval.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useInterval = void 0;
+
+var _isBrowser = require("../isBrowser");
+
+var _react = require("react");
+
+const useInterval = (callback, delay, flag) => {
+  const savedCallback = (0, _react.useRef)();
+  (0, _react.useEffect)(() => {
+    savedCallback.current = callback;
+  }, [callback]);
+  (0, _react.useEffect)(() => {
+    if (!_isBrowser.isBrowser) return;
+
+    const tick = () => {
+      if (savedCallback.current !== undefined) {
+        savedCallback.current();
+      }
+    };
+
+    let id = flag || flag === undefined ? window.setInterval(tick, delay) : 0;
+    return () => window.clearInterval(id);
+  }, [delay, flag]);
+};
+
+exports.useInterval = useInterval;
+//# sourceMappingURL=useInterval.js.map

package/dist/cjs/hooks/useInterval.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/hooks/useInterval.ts"],"names":["useInterval","callback","delay","flag","savedCallback","current","isBrowser","tick","undefined","id","window","setInterval","clearInterval"],"mappings":";;;;;;;AAAA;;AACA;;AAIO,MAAMA,WAAW,GAAG,CAACC,QAAD,EAAqBC,KAArB,EAAoCC,IAApC,KAAuD;AAC9E,QAAMC,aAAa,GAAG,oBAAtB;AAEA,wBAAU,MAAM;AACZA,IAAAA,aAAa,CAACC,OAAd,GAAwBJ,QAAxB;AACH,GAFD,EAEG,CAACA,QAAD,CAFH;AAIA,wBAAU,MAAM;AACZ,QAAI,CAACK,oBAAL,EAAgB;;AAChB,UAAMC,IAAI,GAAG,MAAM;AACf,UAAIH,aAAa,CAACC,OAAd,KAA0BG,SAA9B,EAAyC;AACrCJ,QAAAA,aAAa,CAACC,OAAd;AACH;AACJ,KAJD;;AAKA,QAAII,EAAE,GAAGN,IAAI,IAAIA,IAAI,KAAKK,SAAjB,GAA6BE,MAAM,CAACC,WAAP,CAAmBJ,IAAnB,EAAyBL,KAAzB,CAA7B,GAA+D,CAAxE;AACA,WAAO,MAAMQ,MAAM,CAACE,aAAP,CAAqBH,EAArB,CAAb;AACH,GATD,EASG,CAACP,KAAD,EAAQC,IAAR,CATH;AAUH,CAjBM","sourcesContent":["import { isBrowser } from \"../isBrowser\"\nimport { useEffect, useRef } from \"react\"\n\ntype Callback = (...argv: any[]) => void\n\nexport const useInterval = (callback: Callback, delay: number, flag?: boolean) => {\n    const savedCallback = useRef<undefined | Callback>()\n\n    useEffect(() => {\n        savedCallback.current = callback\n    }, [callback])\n\n    useEffect(() => {\n        if (!isBrowser) return\n        const tick = () => {\n            if (savedCallback.current !== undefined) {\n                savedCallback.current()\n            }\n        }\n        let id = flag || flag === undefined ? window.setInterval(tick, delay) : 0\n        return () => window.clearInterval(id)\n    }, [delay, flag])\n}\n"],"file":"useInterval.js"}

package/dist/cjs/hooks/useKeyboard.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useKeyboard = void 0;
+
+var _isBrowser = require("../isBrowser");
+
+var _react = require("react");
+
+const useKeyboard = (code, callback) => {
+  (0, _react.useEffect)(() => {
+    if (!_isBrowser.isBrowser) return;
+
+    const handler = event => {
+      if (callback !== undefined && event.key === code) {
+        callback(event);
+      }
+    };
+
+    window.addEventListener("keydown", handler);
+    return () => {
+      window.removeEventListener("keydown", handler);
+    };
+  }, [callback, code]);
+};
+
+exports.useKeyboard = useKeyboard;
+//# sourceMappingURL=useKeyboard.js.map

package/dist/cjs/hooks/useKeyboard.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/hooks/useKeyboard.tsx"],"names":["useKeyboard","code","callback","isBrowser","handler","event","undefined","key","window","addEventListener","removeEventListener"],"mappings":";;;;;;;AAAA;;AACA;;AACO,MAAMA,WAAW,GAAG,CAACC,IAAD,EAAeC,QAAf,KAA6D;AACpF,wBAAU,MAAM;AACZ,QAAI,CAACC,oBAAL,EAAgB;;AAChB,UAAMC,OAAO,GAAIC,KAAD,IAA0B;AACtC,UAAIH,QAAQ,KAAKI,SAAb,IAA0BD,KAAK,CAACE,GAAN,KAAcN,IAA5C,EAAkD;AAC9CC,QAAAA,QAAQ,CAACG,KAAD,CAAR;AACH;AACJ,KAJD;;AAKAG,IAAAA,MAAM,CAACC,gBAAP,CAAwB,SAAxB,EAAmCL,OAAnC;AACA,WAAO,MAAM;AACTI,MAAAA,MAAM,CAACE,mBAAP,CAA2B,SAA3B,EAAsCN,OAAtC;AACH,KAFD;AAGH,GAXD,EAWG,CAACF,QAAD,EAAWD,IAAX,CAXH;AAYH,CAbM","sourcesContent":["import { isBrowser } from \"../isBrowser\"\nimport { useEffect } from \"react\"\nexport const useKeyboard = (code: string, callback?: (event: KeyboardEvent) => void) => {\n    useEffect(() => {\n        if (!isBrowser) return\n        const handler = (event: KeyboardEvent) => {\n            if (callback !== undefined && event.key === code) {\n                callback(event)\n            }\n        }\n        window.addEventListener(\"keydown\", handler)\n        return () => {\n            window.removeEventListener(\"keydown\", handler)\n        }\n    }, [callback, code])\n}\n"],"file":"useKeyboard.js"}

package/dist/cjs/hooks/useLocaleString.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useLocaleString = void 0;
+
+var _LocaleProvider = require("../LocaleProvider");
+
+var _react = require("react");
+
+const useLocaleString = localeStrings => {
+  const locale = (0, _react.useContext)(_LocaleProvider.LocaleContext);
+  const getLocaleString = (0, _react.useCallback)(string => {
+    if (locale in localeStrings[string]) {
+      return localeStrings[string][locale];
+    } else if (locale.split("-")[0] in localeStrings[string]) {
+      return localeStrings[string][locale.split("-")[0]];
+    }
+
+    return localeStrings[string].en;
+  }, [locale, localeStrings]);
+  return getLocaleString;
+};
+
+exports.useLocaleString = useLocaleString;
+//# sourceMappingURL=useLocaleString.js.map

package/dist/cjs/hooks/useLocaleString.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/hooks/useLocaleString.tsx"],"names":["useLocaleString","localeStrings","locale","LocaleContext","getLocaleString","string","split","en"],"mappings":";;;;;;;AAAA;;AACA;;AACO,MAAMA,eAAe,GAAIC,aAAD,IAIzB;AACF,QAAMC,MAAM,GAAG,uBAAWC,6BAAX,CAAf;AACA,QAAMC,eAAe,GAAG,wBACnBC,MAAD,IAA4B;AACxB,QAAIH,MAAM,IAAID,aAAa,CAACI,MAAD,CAA3B,EAAqC;AACjC,aAAOJ,aAAa,CAACI,MAAD,CAAb,CAAsBH,MAAtB,CAAP;AACH,KAFD,MAEO,IAAIA,MAAM,CAACI,KAAP,CAAa,GAAb,EAAkB,CAAlB,KAAwBL,aAAa,CAACI,MAAD,CAAzC,EAAmD;AACtD,aAAOJ,aAAa,CAACI,MAAD,CAAb,CAAsBH,MAAM,CAACI,KAAP,CAAa,GAAb,EAAkB,CAAlB,CAAtB,CAAP;AACH;;AACD,WAAOL,aAAa,CAACI,MAAD,CAAb,CAAsBE,EAA7B;AACH,GARmB,EASpB,CAACL,MAAD,EAASD,aAAT,CAToB,CAAxB;AAWA,SAAOG,eAAP;AACH,CAlBM","sourcesContent":["import { LocaleContext } from \"../LocaleProvider\"\nimport { useCallback, useContext } from \"react\"\nexport const useLocaleString = (localeStrings: {\n    [key: string]: {\n        [locale: string]: string\n    }\n}) => {\n    const locale = useContext(LocaleContext)\n    const getLocaleString = useCallback(\n        (string: string): string => {\n            if (locale in localeStrings[string]) {\n                return localeStrings[string][locale]\n            } else if (locale.split(\"-\")[0] in localeStrings[string]) {\n                return localeStrings[string][locale.split(\"-\")[0]]\n            }\n            return localeStrings[string].en\n        },\n        [locale, localeStrings]\n    )\n    return getLocaleString\n}\n"],"file":"useLocaleString.js"}

package/dist/cjs/hooks/useMouseLongPress.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useMouseLongPress = void 0;
+
+var _isBrowser = require("../isBrowser");
+
+var _react = require("react");
+
+let timer = 0;
+
+const useMouseLongPress = callback => {
+  const handler = (0, _react.useCallback)(event => {
+    if (!_isBrowser.isBrowser) return;
+
+    if (event.type === "mousedown") {
+      timer = window.setInterval(() => {
+        callback();
+      }, 100);
+    } else {
+      window.clearInterval(timer);
+    }
+  }, [callback]);
+  const handlers = (0, _react.useMemo)(() => ({
+    onMouseDown: handler,
+    onMouseOut: handler,
+    onMouseUp: handler
+  }), [handler]);
+  return handlers;
+};
+
+exports.useMouseLongPress = useMouseLongPress;
+//# sourceMappingURL=useMouseLongPress.js.map

package/dist/cjs/hooks/useMouseLongPress.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/hooks/useMouseLongPress.tsx"],"names":["timer","useMouseLongPress","callback","handler","event","isBrowser","type","window","setInterval","clearInterval","handlers","onMouseDown","onMouseOut","onMouseUp"],"mappings":";;;;;;;AAAA;;AACA;;AAEA,IAAIA,KAAK,GAAG,CAAZ;;AACO,MAAMC,iBAAiB,GAC1BC,QAD6B,IAM5B;AACD,QAAMC,OAAO,GAAG,wBACXC,KAAD,IAAgD;AAC5C,QAAI,CAACC,oBAAL,EAAgB;;AAChB,QAAID,KAAK,CAACE,IAAN,KAAe,WAAnB,EAAgC;AAC5BN,MAAAA,KAAK,GAAGO,MAAM,CAACC,WAAP,CAAmB,MAAM;AAC7BN,QAAAA,QAAQ;AACX,OAFO,EAEL,GAFK,CAAR;AAGH,KAJD,MAIO;AACHK,MAAAA,MAAM,CAACE,aAAP,CAAqBT,KAArB;AACH;AACJ,GAVW,EAWZ,CAACE,QAAD,CAXY,CAAhB;AAaA,QAAMQ,QAAQ,GAAG,oBACb,OAAO;AACHC,IAAAA,WAAW,EAAER,OADV;AAEHS,IAAAA,UAAU,EAAET,OAFT;AAGHU,IAAAA,SAAS,EAAEV;AAHR,GAAP,CADa,EAMb,CAACA,OAAD,CANa,CAAjB;AAQA,SAAOO,QAAP;AACH,CA7BM","sourcesContent":["import { isBrowser } from \"../isBrowser\"\nimport React, { useCallback, useMemo } from \"react\"\n\nlet timer = 0\nexport const useMouseLongPress = (\n    callback: Function\n): {\n    onMouseDown: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void\n    onMouseUp: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void\n    onMouseOut: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void\n} => {\n    const handler = useCallback(\n        (event: React.MouseEvent<HTMLButtonElement>) => {\n            if (!isBrowser) return\n            if (event.type === \"mousedown\") {\n                timer = window.setInterval(() => {\n                    callback()\n                }, 100)\n            } else {\n                window.clearInterval(timer)\n            }\n        },\n        [callback]\n    )\n    const handlers = useMemo(\n        () => ({\n            onMouseDown: handler,\n            onMouseOut: handler,\n            onMouseUp: handler\n        }),\n        [handler]\n    )\n    return handlers\n}\n"],"file":"useMouseLongPress.js"}