@jenesei-software/jenesei-kit-react 2.3.0 → 2.3.2

package/build/skeleton-Bh6zA5iB.js

@@ -1,39 +0,0 @@
-import { i as r, n as a, r as t } from "./utils-BRgi6734.js";
-import { n as m, t as u } from "./functions-DzX-pTN8.js";
-import { t as c } from "./component-DGfyD5-u.js";
-import { jsx as S } from "react/jsx-runtime";
-import { useEffect as y, useMemo as o, useState as b } from "react";
-var g = (e) => {
-  const [n, s] = b(e.defaultVisible ?? !1), l = o(() => "visible" in e ? e.visible : null, [e]), i = o(() => "time" in e ? e.time : null, [e]);
-  return y(() => {
-    if (l !== null && i === null) s(l);
-    else if (l !== null && i !== null) if (l === !1) s(!1);
-    else {
-      const f = setTimeout(() => {
-        s(!0);
-      }, i);
-      return () => {
-        clearTimeout(f);
-      };
-    }
-  }, [l, i]), /* @__PURE__ */ S(c, {
-    ...e,
-    className: u([
-      a.area.skeleton.root,
-      n === !1 ? a.area.skeleton.visibleFalse : !1,
-      n === !1 ? a.keyframe.backgroundMove : !1,
-      a.transition.color,
-      e.className
-    ]),
-    style: m([{
-      [r.area.skeleton.color]: e.color ? t.palette[e.color] : e.isInheritColor ? "inherit" : e.type === "secondary" ? t.palette.fillQuaternaryLight : t.palette.fillQuaternaryLight,
-      [r.area.skeleton.line]: e.type === "secondary" ? t.palette.fillTertiaryLight : t.palette.fillQuinaryLight
-    }, e.style]),
-    children: e.children
-  });
-};
-export {
-  g as t
-};
-
-//# sourceMappingURL=skeleton-Bh6zA5iB.js.map

package/build/skeleton-Bh6zA5iB.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"skeleton-Bh6zA5iB.js","names":[],"sources":["../src/areas/skeleton/area.tsx"],"sourcesContent":["import { Stack } from '@local/components/stack/component';\nimport { CSS_CLASS, CSS_VARS } from '@local/styles/utils';\nimport { CSS_VARS_RAW } from '@local/styles/utils/constants';\nimport { setClasses, setStyles } from '@local/styles/utils/functions';\n\nimport { FC, useEffect, useMemo, useState } from 'react';\n\nimport { ISkeleton } from './area.types';\n\nexport const Skeleton: FC<ISkeleton> = (props) => {\n  const [visible, setVisible] = useState(props.defaultVisible ?? false);\n\n  const propsVisible = useMemo(() => ('visible' in props ? props.visible : null), [props]);\n  const propsTime = useMemo(() => ('time' in props ? props.time : null), [props]);\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    <Stack\n      {...props}\n      className={setClasses([\n        CSS_CLASS.area.skeleton.root,\n        visible === false ? CSS_CLASS.area.skeleton.visibleFalse : false,\n        visible === false ? CSS_CLASS.keyframe.backgroundMove : false,\n        CSS_CLASS.transition.color,\n        props.className,\n      ])}\n      style={setStyles([\n        {\n          [CSS_VARS_RAW.area.skeleton.color]: props.color\n            ? CSS_VARS.palette[props.color]\n            : props.isInheritColor\n              ? 'inherit'\n              : props.type === 'secondary'\n                ? CSS_VARS.palette.fillQuaternaryLight\n                : CSS_VARS.palette.fillQuaternaryLight,\n          [CSS_VARS_RAW.area.skeleton.line]:\n            props.type === 'secondary' ? CSS_VARS.palette.fillTertiaryLight : CSS_VARS.palette.fillQuinaryLight,\n        },\n        props.style,\n      ])}\n    >\n      {props.children}\n    </Stack>\n  );\n};\n"],"mappings":";;;;;AASA,IAAa,IAAA,CAA2B,MAAU;AAChD,QAAM,CAAC,GAAS,CAAA,IAAc,EAAS,EAAM,kBAAkB,EAAA,GAEzD,IAAe,EAAA,MAAe,aAAa,IAAQ,EAAM,UAAU,MAAO,CAAC,CAAA,CAAM,GACjF,IAAY,EAAA,MAAe,UAAU,IAAQ,EAAM,OAAO,MAAO,CAAC,CAAA,CAAM;AAE9E,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;AAAA,IACE,GAAI;AAAA,IACJ,WAAW,EAAW;AAAA,MACpB,EAAU,KAAK,SAAS;AAAA,MACxB,MAAY,KAAQ,EAAU,KAAK,SAAS,eAAe;AAAA,MAC3D,MAAY,KAAQ,EAAU,SAAS,iBAAiB;AAAA,MACxD,EAAU,WAAW;AAAA,MACrB,EAAM;AAAA,KACP;AAAA,IACD,OAAO,EAAU,CACf;AAAA,OACG,EAAa,KAAK,SAAS,KAAA,GAAQ,EAAM,QACtC,EAAS,QAAQ,EAAM,KAAA,IACvB,EAAM,iBACJ,YACA,EAAM,SAAS,cACb,EAAS,QAAQ,sBACjB,EAAS,QAAQ;AAAA,OACxB,EAAa,KAAK,SAAS,IAAA,GAC1B,EAAM,SAAS,cAAc,EAAS,QAAQ,oBAAoB,EAAS,QAAQ;AAAA,OAEvF,EAAM,KAAA,CACP;AAAA,cAEA,EAAM;AAAA,GACD"}

package/build/skeleton-DmaXsm9C.cjs

@@ -1,3 +0,0 @@
-const f=require("./chunk-Dd8m0Ver.cjs"),t=require("./utils-DCIq-5FL.cjs"),s=require("./functions-CZrZU5U0.cjs"),u=require("./component-CbJ_P8yq.cjs");let c=require("react/jsx-runtime"),r=require("react");var o=e=>{const[a,n]=(0,r.useState)(e.defaultVisible??!1),l=(0,r.useMemo)(()=>"visible"in e?e.visible:null,[e]),i=(0,r.useMemo)(()=>"time"in e?e.time:null,[e]);return(0,r.useEffect)(()=>{if(l!==null&&i===null)n(l);else if(l!==null&&i!==null)if(l===!1)n(!1);else{const S=setTimeout(()=>{n(!0)},i);return()=>{clearTimeout(S)}}},[l,i]),(0,c.jsx)(u.Stack,{...e,className:s.setClasses([t.CSS_CLASS.area.skeleton.root,a===!1?t.CSS_CLASS.area.skeleton.visibleFalse:!1,a===!1?t.CSS_CLASS.keyframe.backgroundMove:!1,t.CSS_CLASS.transition.color,e.className]),style:s.setStyles([{[t.CSS_VARS_RAW.area.skeleton.color]:e.color?t.CSS_VARS.palette[e.color]:e.isInheritColor?"inherit":(e.type==="secondary",t.CSS_VARS.palette.fillQuaternaryLight),[t.CSS_VARS_RAW.area.skeleton.line]:e.type==="secondary"?t.CSS_VARS.palette.fillTertiaryLight:t.CSS_VARS.palette.fillQuinaryLight},e.style]),children:e.children})};Object.defineProperty(exports,"Skeleton",{enumerable:!0,get:function(){return o}});
-
-//# sourceMappingURL=skeleton-DmaXsm9C.cjs.map

package/build/skeleton-DmaXsm9C.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"skeleton-DmaXsm9C.cjs","names":[],"sources":["../src/areas/skeleton/area.tsx"],"sourcesContent":["import { Stack } from '@local/components/stack/component';\nimport { CSS_CLASS, CSS_VARS } from '@local/styles/utils';\nimport { CSS_VARS_RAW } from '@local/styles/utils/constants';\nimport { setClasses, setStyles } from '@local/styles/utils/functions';\n\nimport { FC, useEffect, useMemo, useState } from 'react';\n\nimport { ISkeleton } from './area.types';\n\nexport const Skeleton: FC<ISkeleton> = (props) => {\n  const [visible, setVisible] = useState(props.defaultVisible ?? false);\n\n  const propsVisible = useMemo(() => ('visible' in props ? props.visible : null), [props]);\n  const propsTime = useMemo(() => ('time' in props ? props.time : null), [props]);\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    <Stack\n      {...props}\n      className={setClasses([\n        CSS_CLASS.area.skeleton.root,\n        visible === false ? CSS_CLASS.area.skeleton.visibleFalse : false,\n        visible === false ? CSS_CLASS.keyframe.backgroundMove : false,\n        CSS_CLASS.transition.color,\n        props.className,\n      ])}\n      style={setStyles([\n        {\n          [CSS_VARS_RAW.area.skeleton.color]: props.color\n            ? CSS_VARS.palette[props.color]\n            : props.isInheritColor\n              ? 'inherit'\n              : props.type === 'secondary'\n                ? CSS_VARS.palette.fillQuaternaryLight\n                : CSS_VARS.palette.fillQuaternaryLight,\n          [CSS_VARS_RAW.area.skeleton.line]:\n            props.type === 'secondary' ? CSS_VARS.palette.fillTertiaryLight : CSS_VARS.palette.fillQuinaryLight,\n        },\n        props.style,\n      ])}\n    >\n      {props.children}\n    </Stack>\n  );\n};\n"],"mappings":"4MASA,IAAa,EAA2B,GAAU,CAChD,KAAM,CAAC,EAAS,CAAA,KAAA,EAAA,UAAuB,EAAM,gBAAkB,EAAA,EAEzD,KAAA,EAAA,SAAA,IAA8B,YAAa,EAAQ,EAAM,QAAU,KAAO,CAAC,CAAA,CAAM,EACjF,KAAA,EAAA,SAAA,IAA2B,SAAU,EAAQ,EAAM,KAAO,KAAO,CAAC,CAAA,CAAM,EAE9E,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,KAAC,EAAA,MAAD,CACE,GAAI,EACJ,UAAW,EAAA,WAAW,CACpB,EAAA,UAAU,KAAK,SAAS,KACxB,IAAY,GAAQ,EAAA,UAAU,KAAK,SAAS,aAAe,GAC3D,IAAY,GAAQ,EAAA,UAAU,SAAS,eAAiB,GACxD,EAAA,UAAU,WAAW,MACrB,EAAM,UACP,EACD,MAAO,EAAA,UAAU,CACf,EACG,EAAA,aAAa,KAAK,SAAS,KAAA,EAAQ,EAAM,MACtC,EAAA,SAAS,QAAQ,EAAM,KAAA,EACvB,EAAM,eACJ,WACA,EAAM,OAAS,YACb,EAAA,SAAS,QAAQ,sBAExB,EAAA,aAAa,KAAK,SAAS,IAAA,EAC1B,EAAM,OAAS,YAAc,EAAA,SAAS,QAAQ,kBAAoB,EAAA,SAAS,QAAQ,kBAEvF,EAAM,KAAA,CACP,WAEA,EAAM,SACD"}