master-components-react-ts 2.12.3 → 2.12.4

package/dist/index.js

@@ -670,11 +670,11 @@ const h1 = "mc__b37edd2c__FormInput-module__inputWrapper", _1 = "mc__438d9e79__F
     loading: !1
   } : N, e[34] = N, e[35] = X) : X = e[35];
   const ne = X, J = Ce(null), [O, Z] = se(le ?? ""), [U, he] = se(!1), [_e, ie] = se(!1);
-  let Le;
-  e[36] !== C || e[37] !== j ? (Le = (pe) => {
+  let xe;
+  e[36] !== C || e[37] !== j ? (xe = (pe) => {
     j && Z(pe.target.value), C?.(pe.target.value);
-  }, e[36] = C, e[37] = j, e[38] = Le) : Le = e[38];
-  const be = Le;
+  }, e[36] = C, e[37] = j, e[38] = xe) : xe = e[38];
+  const be = xe;
   let $e;
   e[39] !== de || e[40] !== f ? ($e = () => {
     f?.(), !de && he(!0);
@@ -690,7 +690,7 @@ const h1 = "mc__b37edd2c__FormInput-module__inputWrapper", _1 = "mc__438d9e79__F
     const Ie = pe.currentTarget.value, Ze = Ie.length === 0;
     me === "number" && (pe.keyCode === 69 || !Ze && (pe.keyCode === 187 || pe.keyCode === 107 || pe.keyCode === 189 || pe.keyCode === 109)) && pe.preventDefault(), pe.key === "Enter" && Ie && Ie.length > 0 && p?.();
   }, e[46] = p, e[47] = me, e[48] = Fe) : Fe = e[48];
-  const xe = Fe;
+  const Le = Fe;
   let Re;
   e[49] !== le ? (Re = (pe) => typeof pe == "function" ? pe(le) : pe, e[49] = le, e[50] = Re) : Re = e[50];
   const De = Re;
@@ -736,7 +736,7 @@ const h1 = "mc__b37edd2c__FormInput-module__inputWrapper", _1 = "mc__438d9e79__F
   let je;
   e[80] !== De || e[81] !== j ? (je = j && /* @__PURE__ */ t("div", { className: Oe.formInputSlot, children: De(/* @__PURE__ */ t(yl, {})) }), e[80] = De, e[81] = j, e[82] = je) : je = e[82];
   let tt;
-  e[83] !== ke || e[84] !== be || e[85] !== Pe || e[86] !== O || e[87] !== H || e[88] !== de || e[89] !== o || e[90] !== De || e[91] !== xe || e[92] !== r || e[93] !== c || e[94] !== u || e[95] !== m || e[96] !== W || e[97] !== te || e[98] !== b || e[99] !== j || e[100] !== me || e[101] !== le ? (tt = r ? /* @__PURE__ */ t("div", { className: Oe.formInputSlot, style: c ?? {}, children: De(r) }) : /* @__PURE__ */ t("input", { className: Oe.formInput, ref: J, style: o ?? {}, type: me ?? "text", value: j ? O : le, onChange: (pe) => be(pe), onMouseDown: () => !de && ie(!0), onMouseUp: () => !de && ie(!1), onMouseLeave: () => !de && ie(!1), onFocus: Pe, onBlur: ke, disabled: H, required: te, onKeyDown: xe, readOnly: W, spellCheck: !1, placeholder: m ?? "", autoComplete: "off", maxLength: u, ...b }), e[83] = ke, e[84] = be, e[85] = Pe, e[86] = O, e[87] = H, e[88] = de, e[89] = o, e[90] = De, e[91] = xe, e[92] = r, e[93] = c, e[94] = u, e[95] = m, e[96] = W, e[97] = te, e[98] = b, e[99] = j, e[100] = me, e[101] = le, e[102] = tt) : tt = e[102];
+  e[83] !== ke || e[84] !== be || e[85] !== Pe || e[86] !== O || e[87] !== H || e[88] !== de || e[89] !== o || e[90] !== De || e[91] !== Le || e[92] !== r || e[93] !== c || e[94] !== u || e[95] !== m || e[96] !== W || e[97] !== te || e[98] !== b || e[99] !== j || e[100] !== me || e[101] !== le ? (tt = r ? /* @__PURE__ */ t("div", { className: Oe.formInputSlot, style: c ?? {}, children: De(r) }) : /* @__PURE__ */ t("input", { className: Oe.formInput, ref: J, style: o ?? {}, type: me ?? "text", value: j ? O : le, onChange: (pe) => be(pe), onMouseDown: () => !de && ie(!0), onMouseUp: () => !de && ie(!1), onMouseLeave: () => !de && ie(!1), onFocus: Pe, onBlur: ke, disabled: H, required: te, onKeyDown: Le, readOnly: W, spellCheck: !1, placeholder: m ?? "", autoComplete: "off", maxLength: u, ...b }), e[83] = ke, e[84] = be, e[85] = Pe, e[86] = O, e[87] = H, e[88] = de, e[89] = o, e[90] = De, e[91] = Le, e[92] = r, e[93] = c, e[94] = u, e[95] = m, e[96] = W, e[97] = te, e[98] = b, e[99] = j, e[100] = me, e[101] = le, e[102] = tt) : tt = e[102];
   let lt;
   e[103] !== H || e[104] !== De || e[105] !== x || e[106] !== j ? (lt = x && /* @__PURE__ */ t("div", { style: j ? {
     cursor: H ? "not-allowed" : "pointer"
@@ -1328,7 +1328,7 @@ const pr = (l) => {
   },
   ...q
 }) => {
-  const [j, K] = se(!1), [ee, me] = se(""), [de, G] = se(!1), [X, ne] = se(!1), [J, O] = se(!1), Z = Ce(null), U = Ce(null), he = Ce(null), _e = Ce(null), [ie, Le] = se([]), be = Ce([]), $e = Ce(0), [Pe, Ve] = se(""), [ke, Fe] = se(null), [xe, Re] = se(null), De = Ce(null), qe = Ce(/* @__PURE__ */ new Map()), et = Ce(void 0), Qe = (v) => `https://flagsapi.com/${v}/flat/64.png`, rt = (v = []) => {
+  const [j, K] = se(!1), [ee, me] = se(""), [de, G] = se(!1), [X, ne] = se(!1), [J, O] = se(!1), Z = Ce(null), U = Ce(null), he = Ce(null), _e = Ce(null), [ie, xe] = se([]), be = Ce([]), $e = Ce(0), [Pe, Ve] = se(""), [ke, Fe] = se(null), [Le, Re] = se(null), De = Ce(null), qe = Ce(/* @__PURE__ */ new Map()), et = Ce(void 0), Qe = (v) => `https://flagsapi.com/${v}/flat/64.png`, rt = (v = []) => {
     const y = [];
     return v.forEach((F) => {
       F.selected && y.push(F), Array.isArray(F.children) && F.children.length > 0 && y.push(...rt(F.children));
@@ -1380,8 +1380,8 @@ const pr = (l) => {
       ut();
     });
   }, mt = () => {
-    if (!De.current || xe === null) return;
-    const v = qe.current.get(xe);
+    if (!De.current || Le === null) return;
+    const v = qe.current.get(Le);
     if (!v) return;
     const y = De.current, F = v.getBoundingClientRect(), ye = window.innerWidth, pe = window.innerHeight, Ie = 16, Ze = 16;
     y.style.position = "fixed", y.style.top = `${F.top}px`, y.style.left = `${F.right + Ze}px`;
@@ -1403,11 +1403,11 @@ const pr = (l) => {
     } else
       Re(null);
   }, [Z, J, ke, ie, i, c]), ge(() => {
-    xe !== null && je();
-  }, [xe]), ge(() => {
+    Le !== null && je();
+  }, [Le]), ge(() => {
     if (c) {
       const pe = l || [], Ie = H?.checkIndividualItems ? pe : Ct(pe);
-      Le(Ie);
+      xe(Ie);
       const Ze = mn(rt(Ie), u);
       be.current = H?.excludeParentsFromSelect ? Ze.filter((Tt) => {
         const vt = Ie.find((Ke) => Ke[u] === Tt[u]);
@@ -1417,7 +1417,7 @@ const pr = (l) => {
     } else
       be.current = l?.length ? l.filter((pe) => pe.selected) : [];
     if (!i && !c) {
-      Le(l);
+      xe(l);
       return;
     }
     const v = l?.some((pe) => "selected" in pe), y = l?.filter((pe) => pe.id !== "SELECT_ALL" && !pe.disabled) || [], F = y.length > 0 && y.every((pe) => pe.selected);
@@ -1427,9 +1427,9 @@ const pr = (l) => {
       label: "Select All",
       selected: F
     }] : [];
-    v ? Le([...ye, ...l]) : (l?.forEach((pe) => {
+    v ? xe([...ye, ...l]) : (l?.forEach((pe) => {
       pe.selected = !1;
-    }), Le([...ye, ...l])), Ye();
+    }), xe([...ye, ...l])), Ye();
   }, [JSON.stringify(l)]), ge(() => {
     if (!i && !c) return;
     const v = l?.filter((F) => F.id !== "SELECT_ALL" && !F.disabled) || [], y = v.length > 0 && v.every((F) => F.selected);
@@ -1466,7 +1466,7 @@ const pr = (l) => {
         ...y,
         selected: de
       });
-      Le(v), l?.forEach((y) => {
+      xe(v), l?.forEach((y) => {
         y.id === "SELECT_ALL" ? y.selected = de : y.disabled || (y.selected = de);
       }), be.current = v.filter((y) => y.selected && y.id !== "SELECT_ALL"), f?.(be.current);
     }
@@ -1478,7 +1478,7 @@ const pr = (l) => {
           ...F,
           selected: de
         } : F);
-        Le(y);
+        xe(y);
       }
     }
   }, [de]);
@@ -1487,9 +1487,9 @@ const pr = (l) => {
   };
   ge(() => {
     const v = () => {
-      J && Ye(), xe !== null && je();
+      J && Ye(), Le !== null && je();
     }, y = () => {
-      I ? O(!1) : J && Ye(), xe !== null && Re(null);
+      I ? O(!1) : J && Ye(), Le !== null && Re(null);
     };
     document.addEventListener("click", tt);
     let F = [], ye = null;
@@ -1504,10 +1504,10 @@ const pr = (l) => {
     }, {
       threshold: 0,
       root: null
-    }), ye.observe(U.current))), xe !== null && !J && window.addEventListener("resize", v), () => {
+    }), ye.observe(U.current))), Le !== null && !J && window.addEventListener("resize", v), () => {
       document.removeEventListener("click", tt), F.forEach((pe) => pe.removeEventListener("scroll", y)), window.removeEventListener("resize", v), ye && ye.disconnect();
     };
-  }, [J, I, xe]), ge(() => {
+  }, [J, I, Le]), ge(() => {
     if (!i && !c) return;
     const v = () => {
       const y = U.current?.getBoundingClientRect();
@@ -1564,7 +1564,7 @@ const pr = (l) => {
       c ? /* @__PURE__ */ t(cr, { uniqueKey: u, SearchValue: Pe, data: ie.length > 0 ? ie : l, onSelect: (v) => yt(v), chevronRight: !0, onCollapse: (v, y) => {
         Ye(), H?.onCollapse?.(v, y);
       }, ...H }) : /* @__PURE__ */ t("ul", { onClick: (v) => v.stopPropagation(), className: we.dropdownList, ref: he, style: te ?? {}, children: ie.filter((v) => v?.label?.toLowerCase().includes(Pe.toLowerCase())).map((v, y) => {
-        const F = !i && !c && v?.nestedItems && Array.isArray(v.nestedItems) && v.nestedItems.length > 0, ye = xe === v[u];
+        const F = !i && !c && v?.nestedItems && Array.isArray(v.nestedItems) && v.nestedItems.length > 0, ye = Le === v[u];
         return /* @__PURE__ */ _("li", { ref: (pe) => {
           pe ? qe.current.set(v[u], pe) : qe.current.delete(v[u]);
         }, style: {
@@ -1574,7 +1574,7 @@ const pr = (l) => {
           if (pe.stopPropagation(), !i && !c && !v?.disabled)
             if (F) {
               const Ie = ke && v.nestedItems?.some((Ze) => Ze[u] === ke[u]);
-              Re(Ie ? v[u] : xe === v[u] ? null : v[u]);
+              Re(Ie ? v[u] : Le === v[u] ? null : v[u]);
             } else
               at(v, v?.nestedItems && v?.nestedItems.length > 0);
         }, children: [
@@ -1600,8 +1600,8 @@ const pr = (l) => {
       }) }, ie.length),
       W && (i || c) && /* @__PURE__ */ t(wt, { ...A, onClick: dt })
     ] }),
-    !i && !c && xe !== null && (() => {
-      const v = ie.find((y) => y[u] === xe);
+    !i && !c && Le !== null && (() => {
+      const v = ie.find((y) => y[u] === Le);
       return !v?.nestedItems || !Array.isArray(v.nestedItems) || v.nestedItems.length === 0 ? null : /* @__PURE__ */ t("div", { ref: De, className: we.nestedItemsContainer, onClick: (y) => y.stopPropagation(), children: /* @__PURE__ */ t("ul", { className: we.nestedItemsList, children: v.nestedItems.map((y, F) => {
         const ye = ke && ke[u] === y[u];
         return /* @__PURE__ */ t("li", { className: `${we.nestedItem} ${ye ? we.selected : ""} ${y?.disabled ? "" : we.hovered} ${y?.disabled ? we.disabled : ""}`, onClick: (pe) => {
@@ -2188,8 +2188,8 @@ function gs() {
                 if (["x", "X"].indexOf(le) > -1) return new Date((le === "X" ? 1e3 : 1) * z);
                 var W = C(le)(z), A = W.year, q = W.month, j = W.day, K = W.hours, ee = W.minutes, me = W.seconds, de = W.milliseconds, G = W.zone, X = W.week, ne = /* @__PURE__ */ new Date(), J = j || (A || q ? 1 : ne.getDate()), O = A || ne.getFullYear(), Z = 0;
                 A && !q || (Z = q > 0 ? q - 1 : ne.getMonth());
-                var U, he = K || 0, _e = ee || 0, ie = me || 0, Le = de || 0;
-                return G ? new Date(Date.UTC(O, Z, J, he, _e, ie, Le + 60 * G.offset * 1e3)) : te ? new Date(Date.UTC(O, Z, J, he, _e, ie, Le)) : (U = new Date(O, Z, J, he, _e, ie, Le), X && (U = H(U).week(X).toDate()), U);
+                var U, he = K || 0, _e = ee || 0, ie = me || 0, xe = de || 0;
+                return G ? new Date(Date.UTC(O, Z, J, he, _e, ie, xe + 60 * G.offset * 1e3)) : te ? new Date(Date.UTC(O, Z, J, he, _e, ie, xe)) : (U = new Date(O, Z, J, he, _e, ie, xe), X && (U = H(U).week(X).toDate()), U);
               } catch {
                 return /* @__PURE__ */ new Date("");
               }
@@ -2698,13 +2698,13 @@ const Ks = ({
             date: J,
             currentMonth: O
           }, Z) => {
-            const U = g.start && g.end && J.isAfter(g.start, "day") && J.isBefore(g.end, "day"), he = g.start && J.isSame(g.start, "day"), _e = g.end && J.isSame(g.end, "day"), ie = I === "single" && s && J.isSame(s, "day"), Le = p && J.isBefore(ce(p), "day"), be = f && J.isAfter(ce(f), "day");
+            const U = g.start && g.end && J.isAfter(g.start, "day") && J.isBefore(g.end, "day"), he = g.start && J.isSame(g.start, "day"), _e = g.end && J.isSame(g.end, "day"), ie = I === "single" && s && J.isSame(s, "day"), xe = p && J.isBefore(ce(p), "day"), be = f && J.isAfter(ce(f), "day");
             let $e = !1;
             if (C?.length === 2) {
               const [Ve, ke] = C.map((Fe) => ce(Fe));
               $e = J.isAfter(Ve.subtract(1, "day")) && J.isBefore(ke.add(1, "day"));
             }
-            const Pe = be || Le || $e;
+            const Pe = be || xe || $e;
             return /* @__PURE__ */ t("td", { style: {
               ...O ? {} : w,
               ...J.isSame(ce(), "day") ? N : {},
@@ -2731,13 +2731,13 @@ const Ks = ({
           date: J,
           currentMonth: O
         }, Z) => {
-          const U = g.start && g.end && J.isAfter(g.start, "day") && J.isBefore(g.end, "day"), he = g.start && J.isSame(g.start, "day"), _e = g.end && J.isSame(g.end, "day"), ie = I === "single" && s && J.isSame(s, "day"), Le = p && J.isBefore(ce(p), "day"), be = f && J.isAfter(ce(f), "day");
+          const U = g.start && g.end && J.isAfter(g.start, "day") && J.isBefore(g.end, "day"), he = g.start && J.isSame(g.start, "day"), _e = g.end && J.isSame(g.end, "day"), ie = I === "single" && s && J.isSame(s, "day"), xe = p && J.isBefore(ce(p), "day"), be = f && J.isAfter(ce(f), "day");
           let $e = !1;
           if (C?.length === 2) {
             const [Ve, ke] = C.map((Fe) => ce(Fe));
             $e = J.isAfter(Ve.subtract(1, "day")) && J.isBefore(ke.add(1, "day"));
           }
-          const Pe = be || Le || $e;
+          const Pe = be || xe || $e;
           return /* @__PURE__ */ t("td", { style: {
             ...O ? {} : w,
             ...J.isSame(ce(), "day") ? N : {},
@@ -2828,9 +2828,7 @@ const En = ({
     const Z = de.current, U = W.current;
     if (!U || !Z) return;
     const he = Z.getBoundingClientRect(), _e = window.innerHeight, ie = window.innerWidth;
-    U.style.position = "fixed";
-    let Le = s ? -8 : 20;
-    he.bottom + U.offsetHeight > _e ? (U.style.top = `${he.top - U.offsetHeight + Le}px`, U.style.bottom = "unset") : (U.style.top = `${he.bottom + 8}px`, U.style.bottom = "unset"), he.right + he.width > ie - 120 ? U.style.left = `${he.left + he.width - U.offsetWidth}px` : U.style.left = `${he.left}px`;
+    U.style.position = "fixed", he.bottom + U.offsetHeight > _e ? (U.style.top = `${he.top - U.offsetHeight - 8}px`, U.style.bottom = "unset") : (U.style.top = `${he.bottom + 8}px`, U.style.bottom = "unset"), he.right + he.width > ie - 120 ? U.style.left = `${he.left + he.width - U.offsetWidth}px` : U.style.left = `${he.left}px`;
   };
   ge(() => {
     if (l && l.length > 0 && H.current.value === "") {
@@ -2861,8 +2859,8 @@ const En = ({
         passive: !0
       });
     }), window.addEventListener("resize", Z), de.current && (_e = new IntersectionObserver((ie) => {
-      ie.forEach((Le) => {
-        Le.isIntersecting || z(!1);
+      ie.forEach((xe) => {
+        xe.isIntersecting || z(!1);
       });
     }, {
       threshold: 0,
@@ -3161,15 +3159,15 @@ const yc = "mc__9ec01c79__Slider-module__sliderContainer", kc = "mc__c9787023__S
     }));
     const Pe = (ke) => {
       const Fe = W(ke.clientX);
-      N((xe) => be === "single" ? {
-        ...xe,
+      N((Le) => be === "single" ? {
+        ...Le,
         singleValue: Fe
       } : be === "min" ? {
-        ...xe,
-        minValue: Math.min(Fe, xe.maxValue - 1)
+        ...Le,
+        minValue: Math.min(Fe, Le.maxValue - 1)
       } : {
-        ...xe,
-        maxValue: Math.max(Fe, xe.minValue + 1)
+        ...Le,
+        maxValue: Math.max(Fe, Le.minValue + 1)
       });
     }, Ve = () => {
       B((ke) => ({
@@ -3264,8 +3262,8 @@ const yc = "mc__9ec01c79__Slider-module__sliderContainer", kc = "mc__c9787023__S
     he,
     _e
   ] }), e[43] = q, e[44] = O, e[45] = Z.slider, e[46] = he, e[47] = _e, e[48] = ie) : ie = e[48];
-  let Le;
-  return e[49] !== ne || e[50] !== ie ? (Le = /* @__PURE__ */ t("div", { style: ne, className: J, children: ie }), e[49] = ne, e[50] = ie, e[51] = Le) : Le = e[51], Le;
+  let xe;
+  return e[49] !== ne || e[50] !== ie ? (xe = /* @__PURE__ */ t("div", { style: ne, className: J, children: ie }), e[49] = ne, e[50] = ie, e[51] = xe) : xe = e[51], xe;
 };
 Wn.propKeys = ["value", "minValue", "maxValue", "min", "max", "range", "debounceTime", "onChange", "sliderContainerStyle", "sliderStyle", "sliderProgressStyle", "thumbStyle", "unit"];
 Wn.displayName = "Slider";
@@ -3692,7 +3690,7 @@ const od = (l) => {
   } = ed(o, e.map((k) => ({
     ...k,
     customWidth: k.customWidth
-  }))), de = Ce(null), [G, X] = se(null), [ne, J] = se(null), O = Ce({}), Z = Ce(null), U = Ce(null), [he, _e] = se(!1), [ie, Le] = se(null), [be, $e] = se(null), [Pe, Ve] = se(e), [ke, Fe] = se([]), [xe, Re] = se(null), [De, qe] = se(!1), et = Ce(null), Qe = Ce(null), rt = Ce({});
+  }))), de = Ce(null), [G, X] = se(null), [ne, J] = se(null), O = Ce({}), Z = Ce(null), U = Ce(null), [he, _e] = se(!1), [ie, xe] = se(null), [be, $e] = se(null), [Pe, Ve] = se(e), [ke, Fe] = se([]), [Le, Re] = se(null), [De, qe] = se(!1), et = Ce(null), Qe = Ce(null), rt = Ce({});
   ge(() => {
     const k = e.map((E) => ({
       ...E,
@@ -3703,22 +3701,22 @@ const od = (l) => {
     Ve(k);
   }, [e]);
   const st = (k, E) => {
-    Le(E), k.dataTransfer.effectAllowed = "move", k.dataTransfer.setData("text/html", k.currentTarget.outerHTML);
+    xe(E), k.dataTransfer.effectAllowed = "move", k.dataTransfer.setData("text/html", k.currentTarget.outerHTML);
   }, Ct = (k, E) => {
     k.preventDefault(), k.dataTransfer.dropEffect = "move", E !== ie && $e(E);
   }, We = () => {
     $e(null);
   }, yt = (k, E) => {
     if (k.preventDefault(), ie === null || ie === E) {
-      Le(null), $e(null);
+      xe(null), $e(null);
       return;
     }
     const re = [...Pe], fe = re[ie];
     re.splice(ie, 1);
     const ue = ie < E ? E - 1 : E;
-    re.splice(ue, 0, fe), Ve(re), Le(null), $e(null), p?.(re);
+    re.splice(ue, 0, fe), Ve(re), xe(null), $e(null), p?.(re);
   }, ct = () => {
-    Le(null), $e(null);
+    xe(null), $e(null);
   }, at = (k) => {
     const E = Pe.map((re) => re.key === k.key ? {
       ...re,
@@ -3834,7 +3832,7 @@ const od = (l) => {
       document.removeEventListener("click", k), window.removeEventListener("scroll", E, !0), window.removeEventListener("resize", re);
     };
   }, [G]), ge(() => {
-    if (!xe) return;
+    if (!Le) return;
     const k = (re) => {
       (!re.target || !re.target.closest(`.${V.inlineEditableCell}`)) && Ie();
     }, E = (re) => {
@@ -3843,13 +3841,13 @@ const od = (l) => {
     return document.addEventListener("click", k), document.addEventListener("keydown", E), () => {
       document.removeEventListener("click", k), document.removeEventListener("keydown", E);
     };
-  }, [xe]), ge(() => {
-    if (!xe) {
+  }, [Le]), ge(() => {
+    if (!Le) {
       qe(!1);
       return;
     }
     const k = () => {
-      const fe = vt(xe.rowKey, xe.columnKey), ue = rt.current[fe], Ae = Qe.current;
+      const fe = vt(Le.rowKey, Le.columnKey), ue = rt.current[fe], Ae = Qe.current;
       if (!ue || !Ae) return;
       const Ee = ue.getBoundingClientRect(), Be = Ae.getBoundingClientRect(), Ge = et.current?.getBoundingClientRect(), it = Ge ? Math.max(Ge.top, 0) : 0, pt = Ge ? Math.min(Ge.bottom, window.innerHeight) : window.innerHeight, ft = Be.height + 8, St = pt - Ee.bottom, Bt = Ee.top - it, Te = St < ft && Bt > St;
       qe(Te);
@@ -3857,7 +3855,7 @@ const od = (l) => {
     return window.addEventListener("resize", k), window.addEventListener("scroll", k, !0), re?.addEventListener("scroll", k), () => {
       window.cancelAnimationFrame(E), window.removeEventListener("resize", k), window.removeEventListener("scroll", k, !0), re?.removeEventListener("scroll", k);
     };
-  }, [xe]);
+  }, [Le]);
   const Ke = (k, E = 0, re = "") => k.flatMap((fe, ue) => {
     const Ae = `${re}${ue}`, Ee = fe?.[l] ?? Ae, Be = typeof Ee == "string" || typeof Ee == "number" ? Ee : String(Ee), Ge = ke.includes(Ee), it = W ? fe?.[W] : void 0, pt = !!W && Array.isArray(it) && it.length > 0, ft = E > 0, St = /* @__PURE__ */ _("tr", { className: Je({
       [V.clickable]: !!n
@@ -3866,7 +3864,7 @@ const od = (l) => {
     }, children: [
       d && /* @__PURE__ */ t("td", { className: V.checkboxCell, onClick: (Te) => Te.stopPropagation(), children: /* @__PURE__ */ t("div", { onClick: (Te) => Te.stopPropagation(), children: (!ft || A) && /* @__PURE__ */ t(Rt, { checked: r.includes(fe[l]), change: (Te) => Ye(fe[l], Te, fe) }) }) }),
       dt.map((Te, ot) => {
-        const At = typeof Te.rowTooltipProps == "function" ? Te.rowTooltipProps(fe) : Te.rowTooltipProps, kt = String(Te.key ?? ot), Pt = !!Te.inlineEdit && typeof Te.editRender == "function", Ft = Pt && xe?.rowKey === Be && xe.columnKey === kt, to = pt && ot === 0 && /* @__PURE__ */ t("div", { onClick: (gt) => gt.stopPropagation(), children: /* @__PURE__ */ t(wt, { onlyIcon: !0, buttonSlot: /* @__PURE__ */ t("div", { style: {
+        const At = typeof Te.rowTooltipProps == "function" ? Te.rowTooltipProps(fe) : Te.rowTooltipProps, kt = String(Te.key ?? ot), Pt = !!Te.inlineEdit && typeof Te.editRender == "function", Ft = Pt && Le?.rowKey === Be && Le.columnKey === kt, to = pt && ot === 0 && /* @__PURE__ */ t("div", { onClick: (gt) => gt.stopPropagation(), children: /* @__PURE__ */ t(wt, { onlyIcon: !0, buttonSlot: /* @__PURE__ */ t("div", { style: {
           transform: Ge ? "rotate(0deg)" : "rotate(-90deg)",
           transition: "transform 150ms ease"
         }, children: /* @__PURE__ */ t(od, {}) }), buttonStyle: {
@@ -4000,7 +3998,7 @@ const od = (l) => {
           }, children: [
             d && /* @__PURE__ */ t("td", { className: V.checkboxCell, onClick: (ue) => ue.stopPropagation(), children: /* @__PURE__ */ t(Rt, { checked: r.includes(k[l]), change: (ue) => Ye(k[l], ue, k) }) }),
             dt.map((ue, Ae) => {
-              const Ee = typeof ue.rowTooltipProps == "function" ? ue.rowTooltipProps(k) : ue.rowTooltipProps, Be = String(ue.key ?? Ae), Ge = !!ue.inlineEdit && typeof ue.editRender == "function", it = Ge && xe?.rowKey === fe && xe.columnKey === Be, pt = ue.render ? ue.render(k) : k[ue.key], ft = Tt(k, E, fe, Be, ue), St = it ? ue.editRender?.(k, ft) ?? pt : pt, Bt = vt(fe, Be), Te = /* @__PURE__ */ t("div", { className: Je(V.cellValue, it && V.editingCellValue), style: {
+              const Ee = typeof ue.rowTooltipProps == "function" ? ue.rowTooltipProps(k) : ue.rowTooltipProps, Be = String(ue.key ?? Ae), Ge = !!ue.inlineEdit && typeof ue.editRender == "function", it = Ge && Le?.rowKey === fe && Le.columnKey === Be, pt = ue.render ? ue.render(k) : k[ue.key], ft = Tt(k, E, fe, Be, ue), St = it ? ue.editRender?.(k, ft) ?? pt : pt, Bt = vt(fe, Be), Te = /* @__PURE__ */ t("div", { className: Je(V.cellValue, it && V.editingCellValue), style: {
                 width: "100%"
               }, children: St });
               return /* @__PURE__ */ t("td", { className: Je(Ge && V.inlineEditableCell, it && V.editingCell), style: {
@@ -4474,16 +4472,16 @@ const Hd = "mc__ede5d68d__ColourPicker-module__colourPickerWrapper", Dd = "mc__0
   e[13] !== G ? (_e = () => {
     M.current || O(`${Math.round(G * 100)}`);
   }, ie = [G], e[13] = G, e[14] = _e, e[15] = ie) : (_e = e[14], ie = e[15]), ge(_e, ie);
-  let Le;
-  e[16] !== s ? (Le = () => s?.map(t3).filter(Boolean) ?? e3, e[16] = s, e[17] = Le) : Le = e[17];
-  const [be, $e] = se(Le);
+  let xe;
+  e[16] !== s ? (xe = () => s?.map(t3).filter(Boolean) ?? e3, e[16] = s, e[17] = xe) : xe = e[17];
+  const [be, $e] = se(xe);
   let Pe;
   e[18] !== be || e[19] !== i ? (Pe = i ? i.map(o3).filter(Boolean) : be, e[18] = be, e[19] = i, e[20] = Pe) : Pe = e[20];
-  const Ve = Pe, [ke, Fe] = se(T), xe = typeof I == "boolean", Re = d ? xe ? I : ke : !0;
+  const Ve = Pe, [ke, Fe] = se(T), Le = typeof I == "boolean", Re = d ? Le ? I : ke : !0;
   let De;
-  e[21] !== u || e[22] !== xe || e[23] !== g ? (De = (oe) => {
-    u || (xe || Fe(oe), g?.(oe));
-  }, e[21] = u, e[22] = xe, e[23] = g, e[24] = De) : De = e[24];
+  e[21] !== u || e[22] !== Le || e[23] !== g ? (De = (oe) => {
+    u || (Le || Fe(oe), g?.(oe));
+  }, e[21] = u, e[22] = Le, e[23] = g, e[24] = De) : De = e[24];
   const qe = De;
   let et;
   e[25] !== H ? (et = Po(H), e[25] = H, e[26] = et) : et = e[26];

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "master-components-react-ts",
   "private": false,
-  "version": "2.12.3",
+  "version": "2.12.4",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",