asma-ui-core 3.81.2 → 3.81.4

package/dist/table/shared-components/StyledCheckbox.js

@@ -1,20 +1,20 @@
-import { cn as m } from "../../helpers/cn.js";
+import { cn as x } from "../../helpers/cn.js";
 import e from "./StyledCheckbox.module.js";
-import L, { useEffect as C, useRef as f } from "react";
-import { jsx as o, jsxs as k } from "react/jsx-runtime";
-var E = (t) => /* @__PURE__ */ k("svg", {
+import P, { useEffect as v, useRef as b } from "react";
+import { Fragment as $, jsx as t, jsxs as l } from "react/jsx-runtime";
+var y = (r) => /* @__PURE__ */ l("svg", {
   viewBox: "0 0 24 24",
   width: "100%",
   height: "100%",
   fill: "none",
-  ...t,
-  children: [/* @__PURE__ */ o("title", { children: "Indeterminate icon" }), /* @__PURE__ */ o("path", {
+  ...r,
+  children: [/* @__PURE__ */ t("title", { children: "Indeterminate icon" }), /* @__PURE__ */ t("path", {
     d: "M6 12H18",
     stroke: "currentColor",
-    strokeWidth: t.strokeWidth ?? 3,
+    strokeWidth: r.strokeWidth ?? 3,
     strokeLinecap: "round"
   })]
-}), H = (t) => /* @__PURE__ */ k("svg", {
+}), B = (r) => /* @__PURE__ */ l("svg", {
   viewBox: "0 0 24 24",
   width: "100%",
   height: "100%",
@@ -23,56 +23,62 @@ var E = (t) => /* @__PURE__ */ k("svg", {
   strokeWidth: 2,
   strokeLinecap: "round",
   strokeLinejoin: "round",
-  ...t,
-  children: [/* @__PURE__ */ o("title", { children: "Check icon" }), /* @__PURE__ */ o("path", { d: "M4 12l5 5L20 6" })]
-}), M = ({ dataTest: t, size: l = "medium", disabled: d, readOnly: c, indeterminate: n = !1, checked: h, disableRipple: x, hideWrapper: v, className: b, onChange: g, ...I }) => {
-  const a = !!v, s = !x && !a && !d && !c, p = f(null), u = f(null);
-  C(() => {
-    p.current && (p.current.indeterminate = n);
+  ...r,
+  children: [/* @__PURE__ */ t("title", { children: "Check icon" }), /* @__PURE__ */ t("path", { d: "M4 12l5 5L20 6" })]
+}), _ = ({ dataTest: r, size: d = "medium", disabled: h, readOnly: a, indeterminate: n = !1, checked: p, disableRipple: g, hideWrapper: I, className: N, onChange: R, decorative: w, ...W }) => {
+  const c = !!I, s = !g && !c && !h && !a, u = b(null), m = b(null);
+  v(() => {
+    u.current && (u.current.indeterminate = n);
   }, [n]);
-  const R = m(e.CheckboxWrapper, !a && e[`size-${l}`], a && e.HideWrapper, n && e.Indeterminate, c && e.ReadOnly, s && e.CheckboxHover, b), w = m(e.Checkbox, e[`size-${l}`], n && e.Indeterminate), N = n ? E : H, W = L.useCallback((r) => {
-    if (r.stopPropagation(), !s) return;
+  const k = x(e.CheckboxWrapper, !c && e[`size-${d}`], c && e.HideWrapper, n && e.Indeterminate, a && e.ReadOnly, s && e.CheckboxHover, N), L = x(e.Checkbox, e[`size-${d}`], n && e.Indeterminate), E = n ? y : B, H = P.useCallback((o) => {
+    if (o.stopPropagation(), !s) return;
     const i = document.createElement("span");
-    i.className = e.CheckboxRipple ?? "", i.addEventListener("animationend", () => i.remove(), { once: !0 }), u.current?.appendChild(i);
+    i.className = e.CheckboxRipple ?? "", i.addEventListener("animationend", () => i.remove(), { once: !0 }), m.current?.appendChild(i);
   }, [s]);
-  return C(() => {
-    const r = u.current;
-    return () => r?.replaceChildren();
-  }, []), /* @__PURE__ */ k("label", {
-    className: R,
-    "data-test": t,
-    onPointerDown: W,
-    "data-checked": h && !n ? "" : void 0,
-    "data-unchecked": !h && !n ? "" : void 0,
+  v(() => {
+    const o = m.current;
+    return () => o?.replaceChildren();
+  }, []);
+  const j = (o) => {
+    a || R?.(o, o.target.checked);
+  }, C = {
+    "data-checked": p && !n ? "" : void 0,
+    "data-unchecked": !p && !n ? "" : void 0,
     "data-indeterminate": n ? "" : void 0,
-    "data-disabled": d ? "" : void 0,
-    children: [
-      /* @__PURE__ */ o("input", {
-        ref: p,
-        type: "checkbox",
-        className: "sr-only",
-        checked: h,
-        disabled: d,
-        readOnly: c,
-        onChange: (r) => {
-          c || g?.(r, r.target.checked);
-        },
-        ...I
-      }),
-      !a && s && /* @__PURE__ */ o("span", {
-        ref: u,
-        className: e.CheckboxRippleContainer
-      }),
-      /* @__PURE__ */ o("span", {
-        className: w,
-        children: /* @__PURE__ */ o("span", {
-          className: e.Indicator,
-          children: /* @__PURE__ */ o(N, { strokeWidth: l === "small" ? 3 : 2 })
-        })
-      })
-    ]
+    "data-disabled": h ? "" : void 0
+  }, f = /* @__PURE__ */ l($, { children: [!c && s && /* @__PURE__ */ t("span", {
+    ref: m,
+    className: e.CheckboxRippleContainer
+  }), /* @__PURE__ */ t("span", {
+    className: L,
+    children: /* @__PURE__ */ t("span", {
+      className: e.Indicator,
+      children: /* @__PURE__ */ t(E, { strokeWidth: d === "small" ? 3 : 2 })
+    })
+  })] });
+  return w ? /* @__PURE__ */ t("span", {
+    "aria-hidden": "true",
+    className: k,
+    "data-test": r,
+    ...C,
+    children: f
+  }) : /* @__PURE__ */ l("label", {
+    className: k,
+    "data-test": r,
+    onPointerDown: H,
+    ...C,
+    children: [/* @__PURE__ */ t("input", {
+      ref: u,
+      type: "checkbox",
+      className: "sr-only",
+      checked: p,
+      disabled: h,
+      readOnly: a,
+      onChange: j,
+      ...W
+    }), f]
   });
 };
 export {
-  M as StyledCheckbox
+  _ as StyledCheckbox
 };

package/package.json

@@ -3,7 +3,7 @@
     "publishConfig": {
         "access": "public"
     },
-    "version": "3.81.2",
+    "version": "3.81.4",
     "type": "module",
     "sideEffects": [
         "**/*.css",