@lotte-innovate/ui-component-test 0.1.66 → 0.1.67

package/dist/lib/utils/useDarkMode.js

@@ -1,3 +1,4 @@
+'use client';
 import { slateA, slateDarkA } from '../../lib/color/alpha';
 import { useEffect, useState } from 'react';
 export var useDarkMode = function (isRAxes) {

package/dist/lib/utils/useDarkMode.mjs

@@ -1,2 +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};
 //# sourceMappingURL=useDarkMode.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"useDarkMode.mjs","sources":["../../lib/utils/useDarkMode.js"],"sourcesContent":["import { slateA, slateDarkA } from '../../lib/color/alpha';\nimport { useEffect, useState } from 'react';\nexport var useDarkMode = function (isRAxes) {\n    if (isRAxes === void 0) { isRAxes = false; }\n    var lightmode = {};\n    var darkmode = {};\n    if (isRAxes === true) {\n        lightmode = {\n            r: { grid: { color: slateA[8] } },\n        };\n        darkmode = {\n            r: { grid: { color: slateDarkA[8] }, ticks: { backdropColor: 'rgba(0, 0, 0, 0)' } },\n        };\n    }\n    else {\n        lightmode = {\n            x: { grid: { color: slateA[8] } },\n            y: { grid: { color: slateA[8] } },\n        };\n        darkmode = {\n            x: { grid: { color: slateDarkA[8] } },\n            y: { grid: { color: slateDarkA[8] } },\n        };\n    }\n    var _a = useState(checkDarkMode()), isDarkMode = _a[0], setIsDarkMode = _a[1];\n    var _b = useState({\n        linescale: {},\n    }), defaultOptions = _b[0], setDefaultOptions = _b[1];\n    function checkDarkMode() {\n        return document.body.classList.contains('dark');\n    }\n    useEffect(function () {\n        setIsDarkMode(checkDarkMode());\n        setDefaultOptions({ linescale: !checkDarkMode() ? lightmode : darkmode });\n        var mutationObserver = new MutationObserver(function (mutations) {\n            mutations.forEach(function (mutation) {\n                if (mutation.attributeName === 'class') {\n                    setIsDarkMode(checkDarkMode());\n                    setDefaultOptions({ linescale: !checkDarkMode() ? lightmode : darkmode });\n                }\n            });\n        });\n        mutationObserver.observe(document.body, { attributes: true });\n        return function () {\n            mutationObserver.disconnect();\n        };\n    }, []);\n    return [isDarkMode, defaultOptions];\n};\n"],"names":["useDarkMode","isRAxes","lightmode","darkmode","r","grid","color","slateA","slateDarkA","ticks","backdropColor","x","y","_a","useState","checkDarkMode","isDarkMode","setIsDarkMode","_b","linescale","defaultOptions","setDefaultOptions","document","body","classList","contains","useEffect","mutationObserver","MutationObserver","mutations","forEach","mutation","attributeName","observe","attributes","disconnect"],"mappings":"4GAEU,IAACA,EAAc,SAAUC,QACf,IAAZA,IAAsBA,GAAU,GACpC,IAAIC,EAAY,CAAA,EACZC,EAAW,CAAA,GACC,IAAZF,GACAC,EAAY,CACRE,EAAG,CAAEC,KAAM,CAAEC,MAAOC,EAAO,MAE/BJ,EAAW,CACPC,EAAG,CAAEC,KAAM,CAAEC,MAAOE,EAAW,IAAMC,MAAO,CAAEC,cAAe,wBAIjER,EAAY,CACRS,EAAG,CAAEN,KAAM,CAAEC,MAAOC,EAAO,KAC3BK,EAAG,CAAEP,KAAM,CAAEC,MAAOC,EAAO,MAE/BJ,EAAW,CACPQ,EAAG,CAAEN,KAAM,CAAEC,MAAOE,EAAW,KAC/BI,EAAG,CAAEP,KAAM,CAAEC,MAAOE,EAAW,OAGvC,IAAIK,EAAKC,EAASC,KAAkBC,EAAaH,EAAG,GAAII,EAAgBJ,EAAG,GACvEK,EAAKJ,EAAS,CACdK,UAAW,CAAE,IACbC,EAAiBF,EAAG,GAAIG,EAAoBH,EAAG,GACnD,SAASH,IACL,OAAOO,SAASC,KAAKC,UAAUC,SAAS,OAC3C,CAiBD,OAhBAC,GAAU,WACNT,EAAcF,KACdM,EAAkB,CAAEF,UAAYJ,IAA8BZ,EAAZD,IAClD,IAAIyB,EAAmB,IAAIC,kBAAiB,SAAUC,GAClDA,EAAUC,SAAQ,SAAUC,GACO,UAA3BA,EAASC,gBACTf,EAAcF,KACdM,EAAkB,CAAEF,UAAYJ,IAA8BZ,EAAZD,IAEtE,GACA,IAEQ,OADAyB,EAAiBM,QAAQX,SAASC,KAAM,CAAEW,YAAY,IAC/C,WACHP,EAAiBQ,YAC7B,CACK,GAAE,IACI,CAACnB,EAAYI,EACxB"}
+{"version":3,"file":"useDarkMode.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}