@jenesei-software/jenesei-kit-react 2.3.1 → 2.3.3

package/build/{preview-Bc2qdyd4.js → preview-C-mtYSGG.js}

@@ -1,24 +1,24 @@
 import { n as a } from "./utils-BRgi6734.js";
-import { t as f } from "./AnimatePresence-BWc2vFe-.js";
-import { n as o, t as s } from "./component-DGfyD5-u.js";
+import { t as u } from "./AnimatePresence-BWc2vFe-.js";
+import { n as l, t as s } from "./component-DGfyD5-u.js";
 import "./component-stack.es.js";
-import { r as v } from "./icon-D2w7GViT.js";
+import { r as f } from "./icon-Y-IZxLXB.js";
 import { jsx as r, jsxs as c } from "react/jsx-runtime";
-import { useEffect as d, useMemo as m, useState as h } from "react";
-var N = (e) => {
-  const [i, l] = h(e.defaultVisible ?? !1), t = m(() => "visible" in e ? e.visible : null, [e]), n = m(() => "time" in e ? e.time : null, [e]);
-  return d(() => {
-    if (t !== null && n === null) l(t);
-    else if (t !== null && n !== null) if (t === !1) l(!1);
+import { useEffect as m, useState as v } from "react";
+var L = (e) => {
+  const [i, o] = v(e.defaultVisible ?? !1), t = "visible" in e ? e.visible : null, n = "time" in e ? e.time : null;
+  return m(() => {
+    if (t !== null && n === null) o(t);
+    else if (t !== null && n !== null) if (t === !1) o(!1);
     else {
-      const u = setTimeout(() => {
-        l(!0);
+      const d = setTimeout(() => {
+        o(!0);
       }, n);
       return () => {
-        clearTimeout(u);
+        clearTimeout(d);
       };
     }
-  }, [t, n]), /* @__PURE__ */ c(f, { children: [i ? null : /* @__PURE__ */ c(o, {
+  }, [t, n]), /* @__PURE__ */ c(u, { children: [i ? null : /* @__PURE__ */ c(l, {
     sx: e?.sxLoader,
     className: a.area.preview.root,
     transition: { duration: 0.3 },
@@ -26,7 +26,7 @@ var N = (e) => {
     animate: { opacity: 1 },
     children: [/* @__PURE__ */ r(s, {
       className: a.area.preview.containerIcon,
-      children: /* @__PURE__ */ r(v, {
+      children: /* @__PURE__ */ r(f, {
         size: "100%",
         type: "loading",
         color: e.colorIcon ?? "inherit",
@@ -36,7 +36,7 @@ var N = (e) => {
       className: a.area.preview.containerChildren,
       children: e.content
     })]
-  }, "loader"), i ? /* @__PURE__ */ r(o, {
+  }, "loader"), i ? /* @__PURE__ */ r(l, {
     sx: e?.sxChildren,
     className: a.area.preview.children,
     transition: { duration: 0.3 },
@@ -45,8 +45,8 @@ var N = (e) => {
     animate: { opacity: 1 },
     children: e.children
   }, "children") : null] });
-}, T = () => {
-  d(() => {
+}, C = () => {
+  m(() => {
     const e = document.querySelector(".preview-wrapper"), i = () => {
       e && (e.style.opacity = "0", setTimeout(() => {
         e.remove();
@@ -58,8 +58,8 @@ var N = (e) => {
   }, []);
 };
 export {
-  N as n,
-  T as t
+  L as n,
+  C as t
 };
 
-//# sourceMappingURL=preview-Bc2qdyd4.js.map
+//# sourceMappingURL=preview-C-mtYSGG.js.map

package/build/preview-C-mtYSGG.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"preview-C-mtYSGG.js","names":[],"sources":["../src/areas/preview/area.tsx","../src/areas/preview/area.hooks.tsx"],"sourcesContent":["import { Icon } from '@local/components/icon';\nimport { Stack, StackMotion } from '@local/components/stack';\nimport { CSS_CLASS } from '@local/styles/utils';\n\nimport { AnimatePresence } from 'framer-motion';\nimport { FC, useEffect, useState } from 'react';\n\nimport { IPreview } from './area.types';\n\nexport const Preview: FC<IPreview> = (props) => {\n  const [visible, setVisible] = useState(props.defaultVisible ?? false);\n\n  const propsVisible = 'visible' in props ? props.visible : null;\n  const propsTime = 'time' in props ? props.time : null;\n\n  useEffect(() => {\n    if (propsVisible !== null && propsTime === null) {\n      setVisible(propsVisible);\n    } else if (propsVisible !== null && propsTime !== null) {\n      if (propsVisible === false) {\n        setVisible(false);\n      } else {\n        const timer = setTimeout(() => {\n          setVisible(true);\n        }, propsTime);\n\n        return () => {\n          clearTimeout(timer);\n        };\n      }\n    }\n  }, [propsVisible, propsTime]);\n\n  return (\n    <AnimatePresence>\n      {!visible ? (\n        <StackMotion\n          key='loader'\n          sx={props?.sxLoader}\n          className={CSS_CLASS.area.preview.root}\n          transition={{ duration: 0.3 }}\n          exit={{ opacity: 0 }}\n          animate={{ opacity: 1 }}\n        >\n          <Stack className={CSS_CLASS.area.preview.containerIcon}>\n            <Icon size='100%' type='loading' color={props.colorIcon ?? 'inherit'} name='Line' />\n          </Stack>\n          {props.content && <Stack className={CSS_CLASS.area.preview.containerChildren}>{props.content}</Stack>}\n        </StackMotion>\n      ) : null}\n      {visible ? (\n        <StackMotion\n          key='children'\n          sx={props?.sxChildren}\n          className={CSS_CLASS.area.preview.children}\n          transition={{ duration: 0.3 }}\n          initial={{ opacity: 0 }}\n          exit={{ opacity: 0 }}\n          animate={{ opacity: 1 }}\n        >\n          {props.children}\n        </StackMotion>\n      ) : null}\n    </AnimatePresence>\n  );\n};\n","import { useEffect } from 'react';\n\nexport const useRemovePreviewLoader = () => {\n  useEffect(() => {\n    const loader = document.querySelector('.preview-wrapper') as HTMLElement;\n\n    const handleDomReady = () => {\n      if (loader) {\n        loader.style.opacity = '0';\n        setTimeout(() => {\n          loader.remove();\n        }, 500);\n      }\n    };\n\n    if (document.readyState === 'complete') {\n      handleDomReady();\n    } else {\n      window.addEventListener('load', handleDomReady);\n    }\n\n    return () => {\n      window.removeEventListener('load', handleDomReady);\n    };\n  }, []);\n};\n"],"mappings":";;;;;;;AASA,IAAa,IAAA,CAAyB,MAAU;AAC9C,QAAM,CAAC,GAAS,CAAA,IAAc,EAAS,EAAM,kBAAkB,EAAA,GAEzD,IAAe,aAAa,IAAQ,EAAM,UAAU,MACpD,IAAY,UAAU,IAAQ,EAAM,OAAO;AAEjD,SAAA,EAAA,MAAgB;AACd,QAAI,MAAiB,QAAQ,MAAc,KACzC,CAAA,EAAW,CAAA;AAAA,aACF,MAAiB,QAAQ,MAAc,KAChD,KAAI,MAAiB,GACnB,CAAA,EAAW,EAAA;AAAA,SACN;AACL,YAAM,IAAQ,WAAA,MAAiB;AAC7B,QAAA,EAAW,EAAA;AAAA,SACV,CAAA;AAEH,aAAA,MAAa;AACX,qBAAa,CAAA;AAAA;;KAIlB,CAAC,GAAc,CAAA,CAAU,GAG1B,gBAAA,EAAC,GAAD,EAAA,UAAA,CACI,IAcE,OAbF,gBAAA,EAAC,GAAD;AAAA,IAEE,IAAI,GAAO;AAAA,IACX,WAAW,EAAU,KAAK,QAAQ;AAAA,IAClC,YAAY,EAAE,UAAU,IAAA;AAAA,IACxB,MAAM,EAAE,SAAS,EAAA;AAAA,IACjB,SAAS,EAAE,SAAS,EAAA;AAAA,cANtB,CAQE,gBAAA,EAAC,GAAD;AAAA,MAAO,WAAW,EAAU,KAAK,QAAQ;AAAA,gBACvC,gBAAA,EAAC,GAAD;AAAA,QAAM,MAAK;AAAA,QAAO,MAAK;AAAA,QAAU,OAAO,EAAM,aAAa;AAAA,QAAW,MAAK;AAAA,OAAS;AAAA,KAC9E,GACP,EAAM,WAAW,gBAAA,EAAC,GAAD;AAAA,MAAO,WAAW,EAAU,KAAK,QAAQ;AAAA,gBAAoB,EAAM;AAAA,KAAgB,CAAA;AAAA,KAVjG,QAAA,GAaP,IACC,gBAAA,EAAC,GAAD;AAAA,IAEE,IAAI,GAAO;AAAA,IACX,WAAW,EAAU,KAAK,QAAQ;AAAA,IAClC,YAAY,EAAE,UAAU,IAAA;AAAA,IACxB,SAAS,EAAE,SAAS,EAAA;AAAA,IACpB,MAAM,EAAE,SAAS,EAAA;AAAA,IACjB,SAAS,EAAE,SAAS,EAAA;AAAA,cAEnB,EAAM;AAAA,KARH,UAAA,IAUJ,IAAA,EACY,CAAA;GC7DT,IAAA,MAA+B;AAC1C,EAAA,EAAA,MAAgB;AACd,UAAM,IAAS,SAAS,cAAc,kBAAA,GAEhC,IAAA,MAAuB;AAC3B,MAAI,MACF,EAAO,MAAM,UAAU,KACvB,WAAA,MAAiB;AACf,QAAA,EAAO,OAAA;AAAA,SACN,GAAA;AAAA;AAIP,WAAI,SAAS,eAAe,aAC1B,EAAA,IAEA,OAAO,iBAAiB,QAAQ,CAAA,GAGlC,MAAa;AACX,aAAO,oBAAoB,QAAQ,CAAA;AAAA;KAEpC,CAAA,CAAE"}

package/build/preview-p2i9Ju3I.cjs

@@ -0,0 +1,3 @@
+const v=require("./chunk-Dd8m0Ver.cjs"),a=require("./utils-DCIq-5FL.cjs"),u=require("./AnimatePresence-DeKd4Eek.cjs"),l=require("./component-CbJ_P8yq.cjs");require("./component-stack.cjs.js");const d=require("./icon-DyjaxKWq.cjs");let r=require("react/jsx-runtime"),o=require("react");var m=e=>{const[i,c]=(0,o.useState)(e.defaultVisible??!1),t="visible"in e?e.visible:null,n="time"in e?e.time:null;return(0,o.useEffect)(()=>{if(t!==null&&n===null)c(t);else if(t!==null&&n!==null)if(t===!1)c(!1);else{const s=setTimeout(()=>{c(!0)},n);return()=>{clearTimeout(s)}}},[t,n]),(0,r.jsxs)(u.AnimatePresence,{children:[i?null:(0,r.jsxs)(l.StackMotion,{sx:e?.sxLoader,className:a.CSS_CLASS.area.preview.root,transition:{duration:.3},exit:{opacity:0},animate:{opacity:1},children:[(0,r.jsx)(l.Stack,{className:a.CSS_CLASS.area.preview.containerIcon,children:(0,r.jsx)(d.Icon,{size:"100%",type:"loading",color:e.colorIcon??"inherit",name:"Line"})}),e.content&&(0,r.jsx)(l.Stack,{className:a.CSS_CLASS.area.preview.containerChildren,children:e.content})]},"loader"),i?(0,r.jsx)(l.StackMotion,{sx:e?.sxChildren,className:a.CSS_CLASS.area.preview.children,transition:{duration:.3},initial:{opacity:0},exit:{opacity:0},animate:{opacity:1},children:e.children},"children"):null]})},S=()=>{(0,o.useEffect)(()=>{const e=document.querySelector(".preview-wrapper"),i=()=>{e&&(e.style.opacity="0",setTimeout(()=>{e.remove()},500))};return document.readyState==="complete"?i():window.addEventListener("load",i),()=>{window.removeEventListener("load",i)}},[])};Object.defineProperty(exports,"Preview",{enumerable:!0,get:function(){return m}});Object.defineProperty(exports,"useRemovePreviewLoader",{enumerable:!0,get:function(){return S}});
+
+//# sourceMappingURL=preview-p2i9Ju3I.cjs.map

package/build/preview-p2i9Ju3I.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"preview-p2i9Ju3I.cjs","names":[],"sources":["../src/areas/preview/area.tsx","../src/areas/preview/area.hooks.tsx"],"sourcesContent":["import { Icon } from '@local/components/icon';\nimport { Stack, StackMotion } from '@local/components/stack';\nimport { CSS_CLASS } from '@local/styles/utils';\n\nimport { AnimatePresence } from 'framer-motion';\nimport { FC, useEffect, useState } from 'react';\n\nimport { IPreview } from './area.types';\n\nexport const Preview: FC<IPreview> = (props) => {\n  const [visible, setVisible] = useState(props.defaultVisible ?? false);\n\n  const propsVisible = 'visible' in props ? props.visible : null;\n  const propsTime = 'time' in props ? props.time : null;\n\n  useEffect(() => {\n    if (propsVisible !== null && propsTime === null) {\n      setVisible(propsVisible);\n    } else if (propsVisible !== null && propsTime !== null) {\n      if (propsVisible === false) {\n        setVisible(false);\n      } else {\n        const timer = setTimeout(() => {\n          setVisible(true);\n        }, propsTime);\n\n        return () => {\n          clearTimeout(timer);\n        };\n      }\n    }\n  }, [propsVisible, propsTime]);\n\n  return (\n    <AnimatePresence>\n      {!visible ? (\n        <StackMotion\n          key='loader'\n          sx={props?.sxLoader}\n          className={CSS_CLASS.area.preview.root}\n          transition={{ duration: 0.3 }}\n          exit={{ opacity: 0 }}\n          animate={{ opacity: 1 }}\n        >\n          <Stack className={CSS_CLASS.area.preview.containerIcon}>\n            <Icon size='100%' type='loading' color={props.colorIcon ?? 'inherit'} name='Line' />\n          </Stack>\n          {props.content && <Stack className={CSS_CLASS.area.preview.containerChildren}>{props.content}</Stack>}\n        </StackMotion>\n      ) : null}\n      {visible ? (\n        <StackMotion\n          key='children'\n          sx={props?.sxChildren}\n          className={CSS_CLASS.area.preview.children}\n          transition={{ duration: 0.3 }}\n          initial={{ opacity: 0 }}\n          exit={{ opacity: 0 }}\n          animate={{ opacity: 1 }}\n        >\n          {props.children}\n        </StackMotion>\n      ) : null}\n    </AnimatePresence>\n  );\n};\n","import { useEffect } from 'react';\n\nexport const useRemovePreviewLoader = () => {\n  useEffect(() => {\n    const loader = document.querySelector('.preview-wrapper') as HTMLElement;\n\n    const handleDomReady = () => {\n      if (loader) {\n        loader.style.opacity = '0';\n        setTimeout(() => {\n          loader.remove();\n        }, 500);\n      }\n    };\n\n    if (document.readyState === 'complete') {\n      handleDomReady();\n    } else {\n      window.addEventListener('load', handleDomReady);\n    }\n\n    return () => {\n      window.removeEventListener('load', handleDomReady);\n    };\n  }, []);\n};\n"],"mappings":"6RASA,IAAa,EAAyB,GAAU,CAC9C,KAAM,CAAC,EAAS,CAAA,KAAA,EAAA,UAAuB,EAAM,gBAAkB,EAAA,EAEzD,EAAe,YAAa,EAAQ,EAAM,QAAU,KACpD,EAAY,SAAU,EAAQ,EAAM,KAAO,KAEjD,SAAA,EAAA,WAAA,IAAgB,CACd,GAAI,IAAiB,MAAQ,IAAc,KACzC,EAAW,CAAA,UACF,IAAiB,MAAQ,IAAc,KAChD,GAAI,IAAiB,GACnB,EAAW,EAAA,MACN,CACL,MAAM,EAAQ,WAAA,IAAiB,CAC7B,EAAW,EAAA,GACV,CAAA,EAEH,MAAA,IAAa,CACX,aAAa,CAAA,KAIlB,CAAC,EAAc,CAAA,CAAU,KAG1B,EAAA,MAAC,EAAA,gBAAD,CAAA,SAAA,CACI,EAcE,QAbF,EAAA,MAAC,EAAA,YAAD,CAEE,GAAI,GAAO,SACX,UAAW,EAAA,UAAU,KAAK,QAAQ,KAClC,WAAY,CAAE,SAAU,EAAA,EACxB,KAAM,CAAE,QAAS,CAAA,EACjB,QAAS,CAAE,QAAS,CAAA,WANtB,IAQE,EAAA,KAAC,EAAA,MAAD,CAAO,UAAW,EAAA,UAAU,KAAK,QAAQ,0BACvC,EAAA,KAAC,EAAA,KAAD,CAAM,KAAK,OAAO,KAAK,UAAU,MAAO,EAAM,WAAa,UAAW,KAAK,OAAS,EAC9E,EACP,EAAM,YAAW,EAAA,KAAC,EAAA,MAAD,CAAO,UAAW,EAAA,UAAU,KAAK,QAAQ,2BAAoB,EAAM,QAAgB,CAAA,GAVjG,QAAA,EAaP,KACC,EAAA,KAAC,EAAA,YAAD,CAEE,GAAI,GAAO,WACX,UAAW,EAAA,UAAU,KAAK,QAAQ,SAClC,WAAY,CAAE,SAAU,EAAA,EACxB,QAAS,CAAE,QAAS,CAAA,EACpB,KAAM,CAAE,QAAS,CAAA,EACjB,QAAS,CAAE,QAAS,CAAA,WAEnB,EAAM,UARH,UAAA,EAUJ,IAAA,CACY,CAAA,GC7DT,EAAA,IAA+B,IAC1C,EAAA,WAAA,IAAgB,CACd,MAAM,EAAS,SAAS,cAAc,kBAAA,EAEhC,EAAA,IAAuB,CACvB,IACF,EAAO,MAAM,QAAU,IACvB,WAAA,IAAiB,CACf,EAAO,OAAA,GACN,GAAA,IAIP,OAAI,SAAS,aAAe,WAC1B,EAAA,EAEA,OAAO,iBAAiB,OAAQ,CAAA,EAGlC,IAAa,CACX,OAAO,oBAAoB,OAAQ,CAAA,IAEpC,CAAA,CAAE"}