@lotte-innovate/ui-component-test 0.0.155 → 0.0.157
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/lib/components/TextField/index.js +5 -1
- package/dist/lib/components/TextField/index.mjs +1 -1
- package/dist/lib/is-client-ctx.d.ts +4 -0
- package/dist/lib/is-client-ctx.js +11 -0
- package/dist/lib/is-client-ctx.mjs +2 -0
- package/dist/lib/is-client-ctx.mjs.map +1 -0
- package/dist/lib/tsconfig.tsbuildinfo +1 -1
- package/dist/lib/utils/useWindowSize.js +6 -13
- package/dist/lib/utils/useWindowSize.mjs +1 -1
- package/dist/lib/utils/useWindowSize.mjs.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
@@ -1,24 +1,17 @@
|
|
1
1
|
import { useState, useEffect } from 'react';
|
2
2
|
var MIN_SIZE = 250;
|
3
|
-
var isClient = typeof window !== 'undefined';
|
4
3
|
export function useWindowSize() {
|
5
4
|
var _a = useState(MIN_SIZE), size = _a[0], setSize = _a[1];
|
6
5
|
useEffect(function () {
|
7
6
|
function handleResize() {
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
setSize(width);
|
13
|
-
}
|
7
|
+
var width = 130 + window.innerWidth * 0.15;
|
8
|
+
width = Math.max(width, MIN_SIZE);
|
9
|
+
width = Math.min(width, 300);
|
10
|
+
setSize(width);
|
14
11
|
}
|
15
|
-
|
16
|
-
window.addEventListener('resize', handleResize);
|
12
|
+
window.addEventListener('resize', handleResize);
|
17
13
|
handleResize();
|
18
|
-
return function () {
|
19
|
-
if (isClient)
|
20
|
-
window.removeEventListener('resize', handleResize);
|
21
|
-
};
|
14
|
+
return function () { return window.removeEventListener('resize', handleResize); };
|
22
15
|
}, []);
|
23
16
|
return size;
|
24
17
|
}
|
@@ -1,2 +1,2 @@
|
|
1
|
-
import{useState as n,useEffect as e}from"react";
|
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
2
|
//# sourceMappingURL=useWindowSize.mjs.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"useWindowSize.mjs","sources":["../../lib/utils/useWindowSize.js"],"sourcesContent":["import { useState, useEffect } from 'react';\nvar MIN_SIZE = 250;\
|
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"}
|