@kakadu/components 1.3.2 → 1.3.3

package/build/components/icon-button.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../jsx-runtime-BB_1_6y_.js"),r=require("react"),s=require("@kuma-ui/core"),u=require("../icons/icon.js"),l=require("../theme.js"),j=require("./theme-setter.js"),c=require("./button.js"),g=require("./aria-text.js"),y=require("./button-tooltip.js"),q=require("./click-ripples.js"),m=require("./hover-gradient.js");var p=(e=>(e.default="default",e.success="success",e.warning="warning",e.danger="danger",e))(p||{});function R({icon:e,variant:n="default",label:a,className:x,...k}){const f=j.useIsDarkMode(),[o,S]=r.useState(e),[i,d]=r.useState(!1);return r.useEffect(()=>{if(o!==e){d(!0);const h=setTimeout(()=>{d(!1),S(e)},370);return()=>{clearTimeout(h)}}},[o,e]),t.jsxRuntimeExports.jsxs("button",{...k,type:"button",className:s.cx(l.buttonResetStyles,l.effectStyles,"kakadu-components-3057735296",n==="default"&&s.cx(c.buttonSecondaryStyles,"kakadu-components-2089159949"),n==="success"&&s.cx(c.buttonSuccessStyles,"kakadu-components-1463468148"),n==="warning"&&s.cx(c.buttonWarningStyles,"kakadu-components-2686186037"),n==="danger"&&s.cx(c.buttonDangerStyles,"kakadu-components-2463905722"),x),children:[t.jsxRuntimeExports.jsxs("span",{"data-theme":n==="default"?f?"dark":"light":"dark",className:"kakadu-components-2197738751",children:[t.jsxRuntimeExports.jsx(u.default,{width:16,height:16,type:o,className:s.cx(u.iconShadowStyles,"kakadu-components-1309118222",i&&"kakadu-components-3602476657")}),o===e?null:t.jsxRuntimeExports.jsx(u.default,{width:16,height:16,type:e,className:s.cx(u.iconShadowStyles,"kakadu-components-2883440801",i&&"kakadu-components-1406924214")})]}),t.jsxRuntimeExports.jsx(g.default,{children:a}),t.jsxRuntimeExports.jsx(y.default,{label:a}),t.jsxRuntimeExports.jsx(q.default,{size:50}),t.jsxRuntimeExports.jsx(m.default,{size:50,className:n==="default"?m.normalBlendStyles:void 0})]})}exports.IconButtonVariant=p;exports.default=R;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../jsx-runtime-BB_1_6y_.js"),s=require("react"),n=require("@kuma-ui/core"),a=require("../icons/icon.js"),p=require("../theme.js"),y=require("./theme-setter.js"),l=require("./button.js"),q=require("./aria-text.js"),b=require("./button-tooltip.js"),E=require("./click-ripples.js"),k=require("./hover-gradient.js");var S=(e=>(e.default="default",e.success="success",e.warning="warning",e.danger="danger",e))(S||{});function w({icon:e,variant:u="default",label:d,className:h,...j}){const g=y.useIsDarkMode(),[o,R]=s.useState(e),[m,i]=s.useState(!1),x=s.useRef(e),c=s.useRef(null);s.useEffect(()=>{x.current=e},[e]);const r=s.useCallback(()=>{c.current&&(clearTimeout(c.current),c.current=null)},[]);return s.useEffect(()=>{if(o===e){i(f=>f&&!1);return}i(!0),r(),c.current=setTimeout(()=>{i(!1),R(x.current)},370)},[o,e,r]),s.useEffect(()=>()=>{r()},[r]),t.jsxRuntimeExports.jsxs("button",{...j,type:"button",className:n.cx(p.buttonResetStyles,p.effectStyles,"kakadu-components-3057735296",u==="default"&&n.cx(l.buttonSecondaryStyles,"kakadu-components-2089159949"),u==="success"&&n.cx(l.buttonSuccessStyles,"kakadu-components-1463468148"),u==="warning"&&n.cx(l.buttonWarningStyles,"kakadu-components-2686186037"),u==="danger"&&n.cx(l.buttonDangerStyles,"kakadu-components-2463905722"),h),children:[t.jsxRuntimeExports.jsxs("span",{"data-theme":u==="default"?g?"dark":"light":"dark",className:"kakadu-components-2197738751",children:[t.jsxRuntimeExports.jsx(a.default,{width:16,height:16,type:o,className:n.cx(a.iconShadowStyles,"kakadu-components-1309118222",m&&"kakadu-components-3602476657")}),o===e?null:t.jsxRuntimeExports.jsx(a.default,{width:16,height:16,type:e,className:n.cx(a.iconShadowStyles,"kakadu-components-2883440801",m&&"kakadu-components-1406924214")})]}),t.jsxRuntimeExports.jsx(q.default,{children:d}),t.jsxRuntimeExports.jsx(b.default,{label:d}),t.jsxRuntimeExports.jsx(E.default,{size:50}),t.jsxRuntimeExports.jsx(k.default,{size:50,className:u==="default"?k.normalBlendStyles:void 0})]})}exports.IconButtonVariant=S;exports.default=w;

package/build/components/icon-button.mjs

@@ -1,45 +1,51 @@
 import { j as t } from "../jsx-runtime-B4hRZ52C.mjs";
-import { useState as u, useEffect as h } from "react";
+import { useState as f, useRef as p, useEffect as c, useCallback as j } from "react";
 import { cx as s } from "@kuma-ui/core";
-import c, { iconShadowStyles as d } from "../icons/icon.mjs";
-import { buttonResetStyles as S, effectStyles as g } from "../theme.mjs";
-import { useIsDarkMode as x } from "./theme-setter.mjs";
-import { buttonSecondaryStyles as y, buttonSuccessStyles as j, buttonWarningStyles as w, buttonDangerStyles as b } from "./button.mjs";
-import N from "./aria-text.mjs";
-import T from "./button-tooltip.mjs";
-import D from "./click-ripples.mjs";
-import I, { normalBlendStyles as R } from "./hover-gradient.mjs";
-var z = /* @__PURE__ */ ((e) => (e.default = "default", e.success = "success", e.warning = "warning", e.danger = "danger", e))(z || {});
-function F({
+import k, { iconShadowStyles as h } from "../icons/icon.mjs";
+import { buttonResetStyles as w, effectStyles as b } from "../theme.mjs";
+import { useIsDarkMode as R } from "./theme-setter.mjs";
+import { buttonSecondaryStyles as N, buttonSuccessStyles as T, buttonWarningStyles as D, buttonDangerStyles as I } from "./button.mjs";
+import z from "./aria-text.mjs";
+import C from "./button-tooltip.mjs";
+import E from "./click-ripples.mjs";
+import M, { normalBlendStyles as A } from "./hover-gradient.mjs";
+var G = /* @__PURE__ */ ((e) => (e.default = "default", e.success = "success", e.warning = "warning", e.danger = "danger", e))(G || {});
+function U({
   icon: e,
   variant: o = "default",
-  label: a,
-  className: i,
-  ...l
+  label: m,
+  className: S,
+  ...g
 }) {
-  const p = x(), [n, f] = u(e), [r, m] = u(!1);
-  return h(() => {
-    if (n !== e) {
-      m(!0);
-      const k = setTimeout(() => {
-        m(!1), f(e);
-      }, 370);
-      return () => {
-        clearTimeout(k);
-      };
+  const x = R(), [r, y] = f(e), [l, a] = f(!1), d = p(e), n = p(null);
+  c(() => {
+    d.current = e;
+  }, [e]);
+  const u = j(() => {
+    n.current && (clearTimeout(n.current), n.current = null);
+  }, []);
+  return c(() => {
+    if (r === e) {
+      a((i) => i && !1);
+      return;
     }
-  }, [n, e]), /* @__PURE__ */ t.jsxs("button", { ...l, type: "button", className: s(S, g, "kakadu-components-3057735296", o === "default" && s(y, "kakadu-components-2089159949"), o === "success" && s(j, "kakadu-components-1463468148"), o === "warning" && s(w, "kakadu-components-2686186037"), o === "danger" && s(b, "kakadu-components-2463905722"), i), children: [
-    /* @__PURE__ */ t.jsxs("span", { "data-theme": o === "default" ? p ? "dark" : "light" : "dark", className: "kakadu-components-2197738751", children: [
-      /* @__PURE__ */ t.jsx(c, { width: 16, height: 16, type: n, className: s(d, "kakadu-components-1309118222", r && "kakadu-components-3602476657") }),
-      n === e ? null : /* @__PURE__ */ t.jsx(c, { width: 16, height: 16, type: e, className: s(d, "kakadu-components-2883440801", r && "kakadu-components-1406924214") })
+    a(!0), u(), n.current = setTimeout(() => {
+      a(!1), y(d.current);
+    }, 370);
+  }, [r, e, u]), c(() => () => {
+    u();
+  }, [u]), /* @__PURE__ */ t.jsxs("button", { ...g, type: "button", className: s(w, b, "kakadu-components-3057735296", o === "default" && s(N, "kakadu-components-2089159949"), o === "success" && s(T, "kakadu-components-1463468148"), o === "warning" && s(D, "kakadu-components-2686186037"), o === "danger" && s(I, "kakadu-components-2463905722"), S), children: [
+    /* @__PURE__ */ t.jsxs("span", { "data-theme": o === "default" ? x ? "dark" : "light" : "dark", className: "kakadu-components-2197738751", children: [
+      /* @__PURE__ */ t.jsx(k, { width: 16, height: 16, type: r, className: s(h, "kakadu-components-1309118222", l && "kakadu-components-3602476657") }),
+      r === e ? null : /* @__PURE__ */ t.jsx(k, { width: 16, height: 16, type: e, className: s(h, "kakadu-components-2883440801", l && "kakadu-components-1406924214") })
     ] }),
-    /* @__PURE__ */ t.jsx(N, { children: a }),
-    /* @__PURE__ */ t.jsx(T, { label: a }),
-    /* @__PURE__ */ t.jsx(D, { size: 50 }),
-    /* @__PURE__ */ t.jsx(I, { size: 50, className: o === "default" ? R : void 0 })
+    /* @__PURE__ */ t.jsx(z, { children: m }),
+    /* @__PURE__ */ t.jsx(C, { label: m }),
+    /* @__PURE__ */ t.jsx(E, { size: 50 }),
+    /* @__PURE__ */ t.jsx(M, { size: 50, className: o === "default" ? A : void 0 })
   ] });
 }
 export {
-  z as IconButtonVariant,
-  F as default
+  G as IconButtonVariant,
+  U as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kakadu/components",
-  "version": "1.3.2",
+  "version": "1.3.3",
   "description": "Kakadu components library",
   "license": "MIT",
   "main": "./build/index.js",