@lotte-innovate/ui-component-test 0.0.153 → 0.0.154
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/lib/components/SideBar/index.js +3 -3
- package/dist/lib/components/SideBar/index.mjs +1 -1
- package/dist/lib/tsconfig.tsbuildinfo +1 -1
- package/dist/lib/utils/useWindowSize.js +2 -9
- package/dist/lib/utils/useWindowSize.mjs +2 -0
- package/dist/lib/utils/useWindowSize.mjs.map +1 -0
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
@@ -4,21 +4,14 @@ export function useWindowSize() {
|
|
4
4
|
var _a = useState(MIN_SIZE), size = _a[0], setSize = _a[1];
|
5
5
|
useEffect(function () {
|
6
6
|
function handleResize() {
|
7
|
-
if (typeof window == undefined)
|
8
|
-
return;
|
9
|
-
console.log(window);
|
10
7
|
var width = 130 + window.innerWidth * 0.15;
|
11
8
|
width = Math.max(width, MIN_SIZE);
|
12
9
|
width = Math.min(width, 300);
|
13
10
|
setSize(width);
|
14
11
|
}
|
15
|
-
|
16
|
-
window.addEventListener('resize', handleResize);
|
12
|
+
window.addEventListener('resize', handleResize);
|
17
13
|
handleResize();
|
18
|
-
return function () {
|
19
|
-
if (typeof window !== undefined)
|
20
|
-
window.removeEventListener('resize', handleResize);
|
21
|
-
};
|
14
|
+
return function () { return window.removeEventListener('resize', handleResize); };
|
22
15
|
}, []);
|
23
16
|
return size;
|
24
17
|
}
|
@@ -0,0 +1,2 @@
|
|
1
|
+
import{useState as n,useEffect as e}from"react";function r(){var r=n(250),t=r[0],i=r[1];return e((function(){function n(){var n=130+.15*window.innerWidth;n=Math.max(n,250),n=Math.min(n,300),i(n)}return window.addEventListener("resize",n),n(),function(){return window.removeEventListener("resize",n)}}),[]),t}export{r as useWindowSize};
|
2
|
+
//# sourceMappingURL=useWindowSize.mjs.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"useWindowSize.mjs","sources":["../../lib/utils/useWindowSize.js"],"sourcesContent":["import { useState, useEffect } from 'react';\nvar MIN_SIZE = 250;\nexport function useWindowSize() {\n var _a = useState(MIN_SIZE), size = _a[0], setSize = _a[1];\n useEffect(function () {\n function handleResize() {\n var width = 130 + window.innerWidth * 0.15;\n width = Math.max(width, MIN_SIZE);\n width = Math.min(width, 300);\n setSize(width);\n }\n window.addEventListener('resize', handleResize);\n handleResize();\n return function () { return window.removeEventListener('resize', handleResize); };\n }, []);\n return size;\n}\n"],"names":["useWindowSize","_a","useState","size","setSize","useEffect","handleResize","width","window","innerWidth","Math","max","min","addEventListener","removeEventListener"],"mappings":"gDAEO,SAASA,IACZ,IAAIC,EAAKC,EAFE,KAEkBC,EAAOF,EAAG,GAAIG,EAAUH,EAAG,GAYxD,OAXAI,GAAU,WACN,SAASC,IACL,IAAIC,EAAQ,IAA0B,IAApBC,OAAOC,WACzBF,EAAQG,KAAKC,IAAIJ,EANd,KAOHA,EAAQG,KAAKE,IAAIL,EAAO,KACxBH,EAAQG,EACX,CAGD,OAFAC,OAAOK,iBAAiB,SAAUP,GAClCA,IACO,WAAc,OAAOE,OAAOM,oBAAoB,SAAUR,GACpE,GAAE,IACIH,CACX"}
|