@lotte-innovate/ui-component-test 0.2.66 → 0.2.67

package/dist/lib/utils/useDarkMode.js

@@ -23,28 +23,30 @@ export var useDarkMode = function (isRAxes) {
             y: { grid: { color: slateDarkA[8] } },
         };
     }
-    var _a = useState(checkDarkMode()), isDarkMode = _a[0], setIsDarkMode = _a[1];
+    var _a = useState(false), isDarkMode = _a[0], setIsDarkMode = _a[1];
     var _b = useState({
         linescale: {},
     }), defaultOptions = _b[0], setDefaultOptions = _b[1];
-    function checkDarkMode() {
-        return document.body.classList.contains('dark');
-    }
     useEffect(function () {
-        setIsDarkMode(checkDarkMode());
-        setDefaultOptions({ linescale: !checkDarkMode() ? lightmode : darkmode });
+        var _a, _b;
+        setIsDarkMode((_a = document === null || document === void 0 ? void 0 : document.body) === null || _a === void 0 ? void 0 : _a.classList.contains('dark'));
+        setDefaultOptions({
+            linescale: !((_b = document === null || document === void 0 ? void 0 : document.body) === null || _b === void 0 ? void 0 : _b.classList.contains('dark')) ? lightmode : darkmode,
+        });
         var mutationObserver = new MutationObserver(function (mutations) {
             mutations.forEach(function (mutation) {
                 if (mutation.attributeName === 'class') {
-                    setIsDarkMode(checkDarkMode());
-                    setDefaultOptions({ linescale: !checkDarkMode() ? lightmode : darkmode });
+                    setIsDarkMode(document === null || document === void 0 ? void 0 : document.body.classList.contains('dark'));
+                    setDefaultOptions({
+                        linescale: !(document === null || document === void 0 ? void 0 : document.body.classList.contains('dark')) ? lightmode : darkmode,
+                    });
                 }
             });
         });
-        mutationObserver.observe(document.body, { attributes: true });
+        document && mutationObserver.observe(document === null || document === void 0 ? void 0 : document.body, { attributes: true });
         return function () {
             mutationObserver.disconnect();
         };
-    }, []);
+    }, [darkmode, lightmode, setIsDarkMode]);
     return [isDarkMode, defaultOptions];
 };

package/dist/lib/utils/useDarkMode.mjs

@@ -1,3 +1,3 @@
 "use client";
-import{slateA as r,slateDarkA as o}from"../color/alpha.mjs";import{useState as c,useEffect as t}from"react";var n=function(n){void 0===n&&(n=!1);var i={},e={};!0===n?(i={r:{grid:{color:r[8]}}},e={r:{grid:{color:o[8]},ticks:{backdropColor:"rgba(0, 0, 0, 0)"}}}):(i={x:{grid:{color:r[8]}},y:{grid:{color:r[8]}}},e={x:{grid:{color:o[8]}},y:{grid:{color:o[8]}}});var a=c(b()),l=a[0],s=a[1],d=c({linescale:{}}),u=d[0],f=d[1];function b(){return document.body.classList.contains("dark")}return t((function(){s(b()),f({linescale:b()?e:i});var r=new MutationObserver((function(r){r.forEach((function(r){"class"===r.attributeName&&(s(b()),f({linescale:b()?e:i}))}))}));return r.observe(document.body,{attributes:!0}),function(){r.disconnect()}}),[]),[l,u]};export{n as useDarkMode};
+import{slateA as o,slateDarkA as n}from"../color/alpha.mjs";import{useState as d,useEffect as c}from"react";var t=function(t){void 0===t&&(t=!1);var i={},r={};!0===t?(i={r:{grid:{color:o[8]}}},r={r:{grid:{color:n[8]},ticks:{backdropColor:"rgba(0, 0, 0, 0)"}}}):(i={x:{grid:{color:o[8]}},y:{grid:{color:o[8]}}},r={x:{grid:{color:n[8]}},y:{grid:{color:n[8]}}});var e=d(!1),l=e[0],u=e[1],a=d({linescale:{}}),s=a[0],m=a[1];return c((function(){var o,n;u(null===(o=null===document||void 0===document?void 0:document.body)||void 0===o?void 0:o.classList.contains("dark")),m({linescale:(null===(n=null===document||void 0===document?void 0:document.body)||void 0===n?void 0:n.classList.contains("dark"))?r:i});var d=new MutationObserver((function(o){o.forEach((function(o){"class"===o.attributeName&&(u(null===document||void 0===document?void 0:document.body.classList.contains("dark")),m({linescale:(null===document||void 0===document?void 0:document.body.classList.contains("dark"))?r:i}))}))}));return document&&d.observe(null===document||void 0===document?void 0:document.body,{attributes:!0}),function(){d.disconnect()}}),[r,i,u]),[l,s]};export{t as useDarkMode};
 //# sourceMappingURL=useDarkMode.mjs.map

package/dist/lib/utils/useWindowSize.js

@@ -4,6 +4,8 @@ export function useWindowSize() {
     var _a = useState(MIN_SIZE), size = _a[0], setSize = _a[1];
     useEffect(function () {
         function handleResize() {
+            if (!window)
+                return;
             var width = 130 + window.innerWidth * 0.15;
             width = Math.max(width, MIN_SIZE);
             width = Math.min(width, 300);
@@ -12,6 +14,6 @@ export function useWindowSize() {
         window.addEventListener('resize', handleResize);
         handleResize();
         return function () { return window.removeEventListener('resize', handleResize); };
-    }, []);
+    }, [window]);
     return size;
 }

package/dist/lib/utils/useWindowSize.mjs

@@ -1,2 +1,2 @@
-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};
+import{useState as n,useEffect as e}from"react";function i(){var i=n(250),r=i[0],t=i[1];return e((function(){function n(){if(window){var n=130+.15*window.innerWidth;n=Math.max(n,250),n=Math.min(n,300),t(n)}}return window.addEventListener("resize",n),n(),function(){return window.removeEventListener("resize",n)}}),[window]),r}export{i as useWindowSize};
 //# sourceMappingURL=useWindowSize.mjs.map

package/dist/lib/utils/useWindowSize.mjs.map

@@ -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"}
+{"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            if (!window)\n                return;\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    }, [window]);\n    return size;\n}\n"],"names":["useWindowSize","_a","useState","size","setSize","useEffect","handleResize","window","width","innerWidth","Math","max","min","addEventListener","removeEventListener"],"mappings":"gDAEO,SAASA,IACZ,IAAIC,EAAKC,EAFE,KAEkBC,EAAOF,EAAG,GAAIG,EAAUH,EAAG,GAcxD,OAbAI,GAAU,WACN,SAASC,IACL,GAAKC,OAAL,CAEA,IAAIC,EAAQ,IAA0B,IAApBD,OAAOE,WACzBD,EAAQE,KAAKC,IAAIH,EARd,KASHA,EAAQE,KAAKE,IAAIJ,EAAO,KACxBJ,EAAQI,EAJG,CAKd,CAGD,OAFAD,OAAOM,iBAAiB,SAAUP,GAClCA,IACO,WAAc,OAAOC,OAAOO,oBAAoB,SAAUR,GACzE,GAAO,CAACC,SACGJ,CACX"}