@ioca/react 1.4.76 → 1.4.77

package/lib/es/js/useRipple/index.js

@@ -1,47 +1,45 @@
+//#region packages/js/useRipple/index.ts
 const TIMEOUT = 500;
 const useRipple = () => {
-    if (!document)
-        return;
-    if (document.documentElement.dataset["iocaRipple"])
-        return;
-    document.documentElement.dataset["iocaRipple"] = "enable";
-    document.addEventListener("mousedown", listener);
+	if (!document) return;
+	if (document.documentElement.dataset["iocaRipple"]) return;
+	document.documentElement.dataset["iocaRipple"] = "enable";
+	document.addEventListener("mousedown", listener);
 };
 function listener(e) {
-    const target = e.target;
-    const parent = target.closest("[data-ripple]");
-    if (!target || !parent)
-        return;
-    triggerRipple(parent, e);
+	const target = e.target;
+	const parent = target.closest("[data-ripple]");
+	if (!target || !parent) return;
+	triggerRipple(parent, e);
 }
 function triggerRipple(target, e) {
-    if (!document)
-        return;
-    const [$box, $ripple] = createRipple();
-    const rect = target.getBoundingClientRect();
-    const size = Math.max(rect.width, rect.height) * 2;
-    $ripple.style.cssText = `
+	if (!document) return;
+	const [$box, $ripple] = createRipple();
+	const rect = target.getBoundingClientRect();
+	const size = Math.max(rect.width, rect.height) * 2;
+	$ripple.style.cssText = `
         left: ${e.pageX - rect.left}px;
         top: ${e.pageY - rect.top}px;
         width: ${size}px;
         height: ${size}px;
-        transition: all ${TIMEOUT / 1000}s;
+        transition: all ${TIMEOUT / 1e3}s;
     `;
-    target.insertAdjacentElement("afterbegin", $box);
-    target.offsetHeight;
-    $ripple.classList.add("i-ripple-active");
-    setTimeout(() => {
-        $box.remove();
-    }, TIMEOUT);
+	target.insertAdjacentElement("afterbegin", $box);
+	target.offsetHeight;
+	$ripple.classList.add("i-ripple-active");
+	setTimeout(() => {
+		$box.remove();
+	}, TIMEOUT);
 }
 function createRipple() {
-    const $box = document.createElement("SPAN");
-    const $ripple = document.createElement("SPAN");
-    $box.className = "i-ripple-container";
-    $ripple.className = "i-ripple";
-    $box.append($ripple);
-    return [$box, $ripple];
+	const $box = document.createElement("SPAN");
+	const $ripple = document.createElement("SPAN");
+	$box.className = "i-ripple-container";
+	$ripple.className = "i-ripple";
+	$box.append($ripple);
+	return [$box, $ripple];
 }
-
+//#endregion
 export { useRipple as default };
-//# sourceMappingURL=index.js.map
+
+//# sourceMappingURL=index.js.map

package/lib/es/js/useRipple/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../packages/js/useRipple/index.ts"],"sourcesContent":["import \"./ripple.css\";\n\nconst TIMEOUT = 500;\n\nconst useRipple = () => {\n\tif (!document) return;\n\tif (document.documentElement.dataset[\"iocaRipple\"]) return;\n\tdocument.documentElement.dataset[\"iocaRipple\"] = \"enable\";\n\n\tdocument.addEventListener(\"mousedown\", listener);\n};\n\nfunction listener(e: MouseEvent) {\n\tconst target = e.target as HTMLElement;\n\tconst parent = target.closest(\"[data-ripple]\") as HTMLElement;\n\n\tif (!target || !parent) return;\n\n\ttriggerRipple(parent, e);\n}\n\nfunction triggerRipple(target: HTMLElement, e: MouseEvent) {\n\tif (!document) return;\n\tconst [$box, $ripple] = createRipple();\n\tconst rect = target.getBoundingClientRect();\n\tconst size = Math.max(rect.width, rect.height) * 2;\n\n\t$ripple.style.cssText = `\n        left: ${e.pageX - rect.left}px;\n        top: ${e.pageY - rect.top}px;\n        width: ${size}px;\n        height: ${size}px;\n        transition: all ${TIMEOUT / 1000}s;\n    `;\n\ttarget.insertAdjacentElement(\"afterbegin\", $box);\n\ttarget.offsetHeight;\n\t$ripple.classList.add(\"i-ripple-active\");\n\n\tsetTimeout(() => {\n\t\t$box.remove();\n\t}, TIMEOUT);\n}\n\nfunction createRipple() {\n\tconst $box = document.createElement(\"SPAN\");\n\tconst $ripple = document.createElement(\"SPAN\");\n\n\t$box.className = \"i-ripple-container\";\n\t$ripple.className = \"i-ripple\";\n\n\t$box.append($ripple);\n\n\treturn [$box, $ripple];\n}\n\nexport default useRipple;\n"],"names":[],"mappings":"AAEA,MAAM,OAAO,GAAG,GAAG;AAEnB,MAAM,SAAS,GAAG,MAAK;AACtB,IAAA,IAAI,CAAC,QAAQ;QAAE;AACf,IAAA,IAAI,QAAQ,CAAC,eAAe,CAAC,OAAO,CAAC,YAAY,CAAC;QAAE;IACpD,QAAQ,CAAC,eAAe,CAAC,OAAO,CAAC,YAAY,CAAC,GAAG,QAAQ;AAEzD,IAAA,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,QAAQ,CAAC;AACjD;AAEA,SAAS,QAAQ,CAAC,CAAa,EAAA;AAC9B,IAAA,MAAM,MAAM,GAAG,CAAC,CAAC,MAAqB;IACtC,MAAM,MAAM,GAAG,MAAM,CAAC,OAAO,CAAC,eAAe,CAAgB;AAE7D,IAAA,IAAI,CAAC,MAAM,IAAI,CAAC,MAAM;QAAE;AAExB,IAAA,aAAa,CAAC,MAAM,EAAE,CAAC,CAAC;AACzB;AAEA,SAAS,aAAa,CAAC,MAAmB,EAAE,CAAa,EAAA;AACxD,IAAA,IAAI,CAAC,QAAQ;QAAE;IACf,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,YAAY,EAAE;AACtC,IAAA,MAAM,IAAI,GAAG,MAAM,CAAC,qBAAqB,EAAE;AAC3C,IAAA,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC;AAElD,IAAA,OAAO,CAAC,KAAK,CAAC,OAAO,GAAG;AACT,cAAA,EAAA,CAAC,CAAC,KAAK,GAAG,IAAI,CAAC,IAAI,CAAA;AACpB,aAAA,EAAA,CAAC,CAAC,KAAK,GAAG,IAAI,CAAC,GAAG,CAAA;iBAChB,IAAI,CAAA;kBACH,IAAI,CAAA;AACI,wBAAA,EAAA,OAAO,GAAG,IAAI,CAAA;KACnC;AACJ,IAAA,MAAM,CAAC,qBAAqB,CAAC,YAAY,EAAE,IAAI,CAAC;IAChD,MAAM,CAAC,YAAY;AACnB,IAAA,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,iBAAiB,CAAC;IAExC,UAAU,CAAC,MAAK;QACf,IAAI,CAAC,MAAM,EAAE;IACd,CAAC,EAAE,OAAO,CAAC;AACZ;AAEA,SAAS,YAAY,GAAA;IACpB,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC;IAC3C,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC;AAE9C,IAAA,IAAI,CAAC,SAAS,GAAG,oBAAoB;AACrC,IAAA,OAAO,CAAC,SAAS,GAAG,UAAU;AAE9B,IAAA,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC;AAEpB,IAAA,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC;AACvB;;;;"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../packages/js/useRipple/index.ts"],"sourcesContent":["import \"./ripple.css\";\n\nconst TIMEOUT = 500;\n\nconst useRipple = () => {\n\tif (!document) return;\n\tif (document.documentElement.dataset[\"iocaRipple\"]) return;\n\tdocument.documentElement.dataset[\"iocaRipple\"] = \"enable\";\n\n\tdocument.addEventListener(\"mousedown\", listener);\n};\n\nfunction listener(e: MouseEvent) {\n\tconst target = e.target as HTMLElement;\n\tconst parent = target.closest(\"[data-ripple]\") as HTMLElement;\n\n\tif (!target || !parent) return;\n\n\ttriggerRipple(parent, e);\n}\n\nfunction triggerRipple(target: HTMLElement, e: MouseEvent) {\n\tif (!document) return;\n\tconst [$box, $ripple] = createRipple();\n\tconst rect = target.getBoundingClientRect();\n\tconst size = Math.max(rect.width, rect.height) * 2;\n\n\t$ripple.style.cssText = `\n        left: ${e.pageX - rect.left}px;\n        top: ${e.pageY - rect.top}px;\n        width: ${size}px;\n        height: ${size}px;\n        transition: all ${TIMEOUT / 1000}s;\n    `;\n\ttarget.insertAdjacentElement(\"afterbegin\", $box);\n\ttarget.offsetHeight;\n\t$ripple.classList.add(\"i-ripple-active\");\n\n\tsetTimeout(() => {\n\t\t$box.remove();\n\t}, TIMEOUT);\n}\n\nfunction createRipple() {\n\tconst $box = document.createElement(\"SPAN\");\n\tconst $ripple = document.createElement(\"SPAN\");\n\n\t$box.className = \"i-ripple-container\";\n\t$ripple.className = \"i-ripple\";\n\n\t$box.append($ripple);\n\n\treturn [$box, $ripple];\n}\n\nexport default useRipple;\n"],"mappings":";AAEA,MAAM,UAAU;AAEhB,MAAM,kBAAkB;AACvB,KAAI,CAAC,SAAU;AACf,KAAI,SAAS,gBAAgB,QAAQ,cAAe;AACpD,UAAS,gBAAgB,QAAQ,gBAAgB;AAEjD,UAAS,iBAAiB,aAAa,SAAS;;AAGjD,SAAS,SAAS,GAAe;CAChC,MAAM,SAAS,EAAE;CACjB,MAAM,SAAS,OAAO,QAAQ,gBAAgB;AAE9C,KAAI,CAAC,UAAU,CAAC,OAAQ;AAExB,eAAc,QAAQ,EAAE;;AAGzB,SAAS,cAAc,QAAqB,GAAe;AAC1D,KAAI,CAAC,SAAU;CACf,MAAM,CAAC,MAAM,WAAW,cAAc;CACtC,MAAM,OAAO,OAAO,uBAAuB;CAC3C,MAAM,OAAO,KAAK,IAAI,KAAK,OAAO,KAAK,OAAO,GAAG;AAEjD,SAAQ,MAAM,UAAU;gBACT,EAAE,QAAQ,KAAK,KAAK;eACrB,EAAE,QAAQ,KAAK,IAAI;iBACjB,KAAK;kBACJ,KAAK;0BACG,UAAU,IAAK;;AAExC,QAAO,sBAAsB,cAAc,KAAK;AAChD,QAAO;AACP,SAAQ,UAAU,IAAI,kBAAkB;AAExC,kBAAiB;AAChB,OAAK,QAAQ;IACX,QAAQ;;AAGZ,SAAS,eAAe;CACvB,MAAM,OAAO,SAAS,cAAc,OAAO;CAC3C,MAAM,UAAU,SAAS,cAAc,OAAO;AAE9C,MAAK,YAAY;AACjB,SAAQ,YAAY;AAEpB,MAAK,OAAO,QAAQ;AAEpB,QAAO,CAAC,MAAM,QAAQ"}

package/lib/es/js/useTheme/index.js

@@ -1,33 +1,29 @@
-import { useLocalStorageState } from '../hooks.js';
-import { useState, useEffect } from 'react';
-
+import { useLocalStorageState } from "../hooks.js";
+import { useEffect, useState } from "react";
+//#region packages/js/useTheme/index.ts
 const useTheme = (props) => {
-    const { key = "ioca-react-theme", defaultValue = "theme-auto", listenStorageChange, } = props ?? {};
-    const [mounted, setMounted] = useState(false);
-    const [theme, setTheme] = useLocalStorageState(key, {
-        defaultValue,
-        listenStorageChange,
-    });
-    useEffect(() => {
-        setMounted(true);
-    }, []);
-    useEffect(() => {
-        if (!mounted || !theme)
-            return;
-        const cls = document.documentElement.classList;
-        const prev = Array.from(cls).find((n) => n.startsWith("theme-"));
-        if (prev) {
-            cls.replace(prev, theme);
-        }
-        else {
-            cls.add(theme);
-        }
-    }, [theme, mounted]);
-    return {
-        theme: mounted ? theme : defaultValue,
-        setTheme: mounted ? setTheme : () => { },
-    };
+	const { key = "ioca-react-theme", defaultValue = "theme-auto", listenStorageChange } = props ?? {};
+	const [mounted, setMounted] = useState(false);
+	const [theme, setTheme] = useLocalStorageState(key, {
+		defaultValue,
+		listenStorageChange
+	});
+	useEffect(() => {
+		setMounted(true);
+	}, []);
+	useEffect(() => {
+		if (!mounted || !theme) return;
+		const cls = document.documentElement.classList;
+		const prev = Array.from(cls).find((n) => n.startsWith("theme-"));
+		if (prev) cls.replace(prev, theme);
+		else cls.add(theme);
+	}, [theme, mounted]);
+	return {
+		theme: mounted ? theme : defaultValue,
+		setTheme: mounted ? setTheme : () => {}
+	};
 };
-
+//#endregion
 export { useTheme as default };
-//# sourceMappingURL=index.js.map
+
+//# sourceMappingURL=index.js.map

package/lib/es/js/useTheme/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../packages/js/useTheme/index.ts"],"sourcesContent":["import { useLocalStorageState } from \"../hooks\";\nimport { useEffect, useState } from \"react\";\nimport { ITheme } from \"./type\";\n\nconst useTheme = (props?: ITheme) => {\n\tconst {\n\t\tkey = \"ioca-react-theme\",\n\t\tdefaultValue = \"theme-auto\",\n\t\tlistenStorageChange,\n\t} = props ?? {};\n\n\tconst [mounted, setMounted] = useState(false);\n\n\tconst [theme, setTheme] = useLocalStorageState<string>(key, {\n\t\tdefaultValue,\n\t\tlistenStorageChange,\n\t});\n\n\tuseEffect(() => {\n\t\tsetMounted(true);\n\t}, []);\n\n\tuseEffect(() => {\n\t\tif (!mounted || !theme) return;\n\n\t\tconst cls = document.documentElement.classList;\n\t\tconst prev = Array.from(cls).find((n) => n.startsWith(\"theme-\"));\n\n\t\tif (prev) {\n\t\t\tcls.replace(prev, theme);\n\t\t} else {\n\t\t\tcls.add(theme);\n\t\t}\n\t}, [theme, mounted]);\n\n\treturn {\n\t\ttheme: mounted ? theme : defaultValue,\n\t\tsetTheme: mounted ? setTheme : () => {},\n\t};\n};\n\nexport default useTheme;\n"],"names":[],"mappings":";;;AAIA,MAAM,QAAQ,GAAG,CAAC,KAAc,KAAI;AACnC,IAAA,MAAM,EACL,GAAG,GAAG,kBAAkB,EACxB,YAAY,GAAG,YAAY,EAC3B,mBAAmB,GACnB,GAAG,KAAK,IAAI,EAAE;IAEf,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;IAE7C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,oBAAoB,CAAS,GAAG,EAAE;QAC3D,YAAY;QACZ,mBAAmB;AACnB,KAAA,CAAC;IAEF,SAAS,CAAC,MAAK;QACd,UAAU,CAAC,IAAI,CAAC;IACjB,CAAC,EAAE,EAAE,CAAC;IAEN,SAAS,CAAC,MAAK;AACd,QAAA,IAAI,CAAC,OAAO,IAAI,CAAC,KAAK;YAAE;AAExB,QAAA,MAAM,GAAG,GAAG,QAAQ,CAAC,eAAe,CAAC,SAAS;QAC9C,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;QAEhE,IAAI,IAAI,EAAE;AACT,YAAA,GAAG,CAAC,OAAO,CAAC,IAAI,EAAE,KAAK,CAAC;QACzB;aAAO;AACN,YAAA,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC;QACf;AACD,IAAA,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;IAEpB,OAAO;QACN,KAAK,EAAE,OAAO,GAAG,KAAK,GAAG,YAAY;AACrC,QAAA,QAAQ,EAAE,OAAO,GAAG,QAAQ,GAAG,MAAK,EAAE,CAAC;KACvC;AACF;;;;"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../packages/js/useTheme/index.ts"],"sourcesContent":["import { useLocalStorageState } from \"../hooks\";\nimport { useEffect, useState } from \"react\";\nimport { ITheme } from \"./type\";\n\nconst useTheme = (props?: ITheme) => {\n\tconst {\n\t\tkey = \"ioca-react-theme\",\n\t\tdefaultValue = \"theme-auto\",\n\t\tlistenStorageChange,\n\t} = props ?? {};\n\n\tconst [mounted, setMounted] = useState(false);\n\n\tconst [theme, setTheme] = useLocalStorageState<string>(key, {\n\t\tdefaultValue,\n\t\tlistenStorageChange,\n\t});\n\n\tuseEffect(() => {\n\t\tsetMounted(true);\n\t}, []);\n\n\tuseEffect(() => {\n\t\tif (!mounted || !theme) return;\n\n\t\tconst cls = document.documentElement.classList;\n\t\tconst prev = Array.from(cls).find((n) => n.startsWith(\"theme-\"));\n\n\t\tif (prev) {\n\t\t\tcls.replace(prev, theme);\n\t\t} else {\n\t\t\tcls.add(theme);\n\t\t}\n\t}, [theme, mounted]);\n\n\treturn {\n\t\ttheme: mounted ? theme : defaultValue,\n\t\tsetTheme: mounted ? setTheme : () => {},\n\t};\n};\n\nexport default useTheme;\n"],"mappings":";;;AAIA,MAAM,YAAY,UAAmB;CACpC,MAAM,EACL,MAAM,oBACN,eAAe,cACf,wBACG,SAAS,EAAE;CAEf,MAAM,CAAC,SAAS,cAAc,SAAS,MAAM;CAE7C,MAAM,CAAC,OAAO,YAAY,qBAA6B,KAAK;EAC3D;EACA;EACA,CAAC;AAEF,iBAAgB;AACf,aAAW,KAAK;IACd,EAAE,CAAC;AAEN,iBAAgB;AACf,MAAI,CAAC,WAAW,CAAC,MAAO;EAExB,MAAM,MAAM,SAAS,gBAAgB;EACrC,MAAM,OAAO,MAAM,KAAK,IAAI,CAAC,MAAM,MAAM,EAAE,WAAW,SAAS,CAAC;AAEhE,MAAI,KACH,KAAI,QAAQ,MAAM,MAAM;MAExB,KAAI,IAAI,MAAM;IAEb,CAAC,OAAO,QAAQ,CAAC;AAEpB,QAAO;EACN,OAAO,UAAU,QAAQ;EACzB,UAAU,UAAU,iBAAiB;EACrC"}