master-components-react 4.3.33 → 4.3.34

package/dist/index.js

@@ -278,7 +278,7 @@ const xr = ({ loadingColor: r }) => /* @__PURE__ */ i(
   requiredStyle: ce,
   inputContainerStyle: ye,
   leftIconStyle: fe,
-  customActionStyle: pe,
+  customActionStyle: _e,
   inputDropDownStyle: Y,
   ulStyle: _,
   liStyle: S,
@@ -291,10 +291,10 @@ const xr = ({ loadingColor: r }) => /* @__PURE__ */ i(
 }) => {
   const L = Qe(), [G, ue] = Z(!1), ie = te(null), [xe, re] = Z(!1);
   Z(!1);
-  const be = te(null), Ce = te(null), Ae = te(null), [_e, ve] = Z(!1), [We, Ee] = Z(1), V = (ae) => {
+  const be = te(null), Ce = te(null), Ae = te(null), [he, ve] = Z(!1), [We, Ee] = Z(1), V = (ae) => {
     let me = ae.target.value;
     me.length === 1 && (me = me.trim()), u && typeof u == "function" && u(B ? me.replace(/\d/g, "") : me);
-  }, he = () => {
+  }, pe = () => {
     re(!0), w && typeof w == "function" && w();
   }, De = () => {
     re(!1), b && typeof b == "function" && b();
@@ -318,7 +318,7 @@ const xr = ({ loadingColor: r }) => /* @__PURE__ */ i(
   };
   oe(() => {
     Ie();
-  }, [Ce, _e]), oe(() => (document.addEventListener("click", $e), () => {
+  }, [Ce, he]), oe(() => (document.addEventListener("click", $e), () => {
     document.removeEventListener("click", $e);
   }), []);
   const Ve = te(!1);
@@ -358,7 +358,7 @@ const xr = ({ loadingColor: r }) => /* @__PURE__ */ i(
             ),
             !v && Q && /* @__PURE__ */ i("div", { className: Ne.inputDropDown, style: Y ?? {}, onClick: () => (ve(!0), Ie()), ref: be, children: [
               N.find((ae) => ae.id === We).label,
-              _e && /* @__PURE__ */ e("ul", { ref: Ce, style: _ ?? {}, children: N && N.length && N.map((ae, me) => /* @__PURE__ */ e("li", { style: S ?? {}, onClick: () => mn(ae), children: ae?.label ?? "-" }, ae.id)) }),
+              he && /* @__PURE__ */ e("ul", { ref: Ce, style: _ ?? {}, children: N && N.length && N.map((ae, me) => /* @__PURE__ */ e("li", { style: S ?? {}, onClick: () => mn(ae), children: ae?.label ?? "-" }, ae.id)) }),
               /* @__PURE__ */ e(vn, {})
             ] }),
             v && /* @__PURE__ */ e("div", { className: `${Ne.inputDropDown} ${Ne.http}`, style: H ?? {}, onClick: () => ve(!0), ref: be, children: "http://" }),
@@ -372,7 +372,7 @@ const xr = ({ loadingColor: r }) => /* @__PURE__ */ i(
                   type: f ?? "text",
                   value: r,
                   onChange: (ae) => V(ae),
-                  onFocus: he,
+                  onFocus: pe,
                   onBlur: De,
                   disabled: m,
                   required: c,
@@ -409,7 +409,7 @@ const xr = ({ loadingColor: r }) => /* @__PURE__ */ i(
         /* @__PURE__ */ e(mt, {}),
         /* @__PURE__ */ e("span", { children: "Copy" })
       ] }),
-      D && /* @__PURE__ */ e("div", { style: pe ?? {}, className: `${Ne.withCopy} ${xe ? Ne.focused : ""}`, children: D() })
+      D && /* @__PURE__ */ e("div", { style: _e ?? {}, className: `${Ne.withCopy} ${xe ? Ne.focused : ""}`, children: D() })
     ] }),
     y && y?.visible && /* @__PURE__ */ e("div", { style: q ?? {}, className: `${Ne.inputHelperText} ${y?.error ? Ne.error : ""}`, children: /* @__PURE__ */ e("p", { style: y?.style ?? {}, children: y.text }) })
   ] });
@@ -554,7 +554,7 @@ const xr = ({ loadingColor: r }) => /* @__PURE__ */ i(
   }, []);
   const fe = (Y) => {
     ce = !1, b?.(Y.target.value), ye();
-  }, pe = () => {
+  }, _e = () => {
     let Y = p ?? {};
     return g && (Y = { ...Y, ...g ?? {} }), Y;
   };
@@ -573,7 +573,7 @@ const xr = ({ loadingColor: r }) => /* @__PURE__ */ i(
           /* @__PURE__ */ e(
             "textarea",
             {
-              style: pe(),
+              style: _e(),
               className: `${Be.textarea} ${A ? Be.focused : ""} ${C ? Be.disabled : ""} ${t?.error ? Be.error : ""} `,
               value: f,
               placeholder: r ?? "",
@@ -802,7 +802,7 @@ const xr = ({ loadingColor: r }) => /* @__PURE__ */ i(
   iconDown: ce,
   onLabelIconClick: ye,
   onLabelIconMouseEnter: fe,
-  onLabelIconMouseLeave: pe,
+  onLabelIconMouseLeave: _e,
   onBeforeOpen: Y,
   forceOpen: _,
   dropdownWrapperStyle: S,
@@ -820,7 +820,7 @@ const xr = ({ loadingColor: r }) => /* @__PURE__ */ i(
   treeProps: re,
   theme: be = "light"
 }) => {
-  const Ce = Qe(), [Ae, _e] = Z(!1), [ve, We] = Z(!1), [Ee, V] = Z(!1), [he, De] = Z([]), [se, ge] = Z(""), [Pe, rn] = Z(""), $e = te([]), [mn, Ie] = Z(/* @__PURE__ */ new Set()), Ve = te(null), ae = te(null), me = te({}), Ue = te([]), yn = (h, I) => {
+  const Ce = Qe(), [Ae, he] = Z(!1), [ve, We] = Z(!1), [Ee, V] = Z(!1), [pe, De] = Z([]), [se, ge] = Z(""), [Pe, rn] = Z(""), $e = te([]), [mn, Ie] = Z(/* @__PURE__ */ new Set()), Ve = te(null), ae = te(null), me = te({}), Ue = te([]), yn = (h, I) => {
     const ke = /* @__PURE__ */ new Set();
     return h.filter((je) => ke.has(je[I]) ? !1 : (ke.add(je[I]), !0));
   }, cn = (h) => {
@@ -831,13 +831,13 @@ const xr = ({ loadingColor: r }) => /* @__PURE__ */ i(
       ke.has(h.id) ? ke.delete(h.id) : ke.add(h.id);
       const je = A.filter((an) => ke.has(an.id));
       return $e.current = yn(je, "id"), F && typeof F == "function" && F($e.current), T || ge($e.current.map((an) => an.label).join(", ")), ke;
-    }), _e((I) => !I);
+    }), he((I) => !I);
   }, Sn = (h) => {
-    h.stopPropagation(), n || C ? M && (rn(""), Ue.current = A, _e((I) => !I)) : ($e.current = [], K = null, Cn(""), me.current = {}, F({}), ge("")), z && typeof z == "function" && z("");
+    h.stopPropagation(), n || C ? M && (rn(""), Ue.current = A, he((I) => !I)) : ($e.current = [], K = null, Cn(""), me.current = {}, F({}), ge("")), z && typeof z == "function" && z("");
   }, Cn = (h) => {
     if (z && typeof z == "function" && z(h), n && M) {
       let I = A, ke = I.filter((je) => je?.label?.toLowerCase().includes(h?.toLowerCase() || ""));
-      Ue.current = h?.length > 0 ? ke : I, rn(h), _e((je) => !je);
+      Ue.current = h?.length > 0 ? ke : I, rn(h), he((je) => !je);
     } else
       rn(h), ge(h);
   }, In = () => {
@@ -849,10 +849,10 @@ const xr = ({ loadingColor: r }) => /* @__PURE__ */ i(
     let I = Ve.current.querySelector("ul"), je = Math.abs(I.scrollTop + I.clientHeight - I.scrollHeight) <= 2;
     P && je && !An && (y && typeof y == "function" && y(!0), xn(!0)), je || xn(!1);
   }, Fn = () => {
-    Ie(/* @__PURE__ */ new Set()), $e.current = [], F([], !0), ge(""), w && typeof w == "function" && w(), _e((h) => !h);
+    Ie(/* @__PURE__ */ new Set()), $e.current = [], F([], !0), ge(""), w && typeof w == "function" && w(), he((h) => !h);
   }, Bn = () => {
     const h = A.filter((I) => I?.id && I?.id !== null && I?.label && I?.label !== "" && I?.label !== "-" && !I.disabled);
-    Ie(new Set(h.map((I) => I.id))), $e.current = yn(h, "id"), ge($e.current.map((I) => I.label).join(", ")), b && typeof b == "function" && b(), F($e.current, !0), _e((I) => !I);
+    Ie(new Set(h.map((I) => I.id))), $e.current = yn(h, "id"), ge($e.current.map((I) => I.label).join(", ")), b && typeof b == "function" && b(), F($e.current, !0), he((I) => !I);
   }, Dn = te(!0);
   oe(() => {
     if (Dn.current) {
@@ -944,7 +944,7 @@ const xr = ({ loadingColor: r }) => /* @__PURE__ */ i(
             fe && typeof fe == "function" && fe();
           },
           onMouseLeave: () => {
-            pe && typeof pe == "function" && pe();
+            _e && typeof _e == "function" && _e();
           },
           children: [
             " ",
@@ -1019,7 +1019,7 @@ const xr = ({ loadingColor: r }) => /* @__PURE__ */ i(
               Li,
               {
                 SearchValue: Pe,
-                expandedNodes: he,
+                expandedNodes: pe,
                 setExpandedNodes: De,
                 checkboxProps: W,
                 onSelect: en,
@@ -1504,7 +1504,7 @@ var or = { exports: {} };
           N && (z = F[2]), w = this.$locale(), !Q && z && (w = g.Ls[z]), this.$d = function(s, x, O, ne) {
             try {
               if (["x", "X"].indexOf(x) > -1) return new Date((x === "X" ? 1e3 : 1) * s);
-              var ce = D(x)(s), ye = ce.year, fe = ce.month, pe = ce.day, Y = ce.hours, _ = ce.minutes, S = ce.seconds, H = ce.milliseconds, ee = ce.zone, $ = ce.week, U = /* @__PURE__ */ new Date(), q = pe || (ye || fe ? 1 : U.getDate()), le = ye || U.getFullYear(), L = 0;
+              var ce = D(x)(s), ye = ce.year, fe = ce.month, _e = ce.day, Y = ce.hours, _ = ce.minutes, S = ce.seconds, H = ce.milliseconds, ee = ce.zone, $ = ce.week, U = /* @__PURE__ */ new Date(), q = _e || (ye || fe ? 1 : U.getDate()), le = ye || U.getFullYear(), L = 0;
               ye && !fe || (L = fe > 0 ? fe - 1 : U.getMonth());
               var G, ue = Y || 0, ie = _ || 0, xe = S || 0, re = H || 0;
               return ee ? new Date(Date.UTC(le, L, q, ue, ie, xe, re + 60 * ee.offset * 1e3)) : O ? new Date(Date.UTC(le, L, q, ue, ie, xe, re)) : (G = new Date(le, L, q, ue, ie, xe, re), $ && (G = ne(G).week($).toDate()), G);
@@ -1588,7 +1588,7 @@ const Oc = ({
     $.target.scrollIntoView({ behavior: "smooth", block: "start" }), q === "hour" && (n.current = U, P.current || (P.current = "00")), q === "minute" && (P.current = U, n.current || (n.current = "00"));
     const G = j().hour(parseInt(n.current ?? "0", 10)).minute(parseInt(P.current ?? "0", 10)).format(c ?? "HH:mm");
     z(G), b && typeof b == "function" && b(G);
-  }, pe = ($) => {
+  }, _e = ($) => {
     $.stopPropagation(), n.current = null, P.current = null, z(""), b && typeof b == "function" && b("");
   }, Y = ($) => {
     $.composedPath().includes(v.current) || N(!1);
@@ -1650,7 +1650,7 @@ const Oc = ({
         children: [
           /* @__PURE__ */ e("div", { style: { display: "grid", placeItems: "center" }, children: /* @__PURE__ */ e(Kc, {}) }),
           /* @__PURE__ */ e("input", { type: "text", readOnly: !0, placeholder: t ?? "", value: J }),
-          J ? /* @__PURE__ */ e("div", { onClick: ($) => pe($), style: { display: "grid", placeItems: "center" }, children: /* @__PURE__ */ e($n, {}) }) : /* @__PURE__ */ e(
+          J ? /* @__PURE__ */ e("div", { onClick: ($) => _e($), style: { display: "grid", placeItems: "center" }, children: /* @__PURE__ */ e($n, {}) }) : /* @__PURE__ */ e(
             "div",
             {
               style: {
@@ -1926,7 +1926,7 @@ const Ta = ({
     m(c.add(1, "month"));
   }, fe = () => {
     m(c.subtract(1, "month"));
-  }, pe = () => {
+  }, _e = () => {
     m(c.add(1, "year"));
   }, Y = () => {
     m(c.subtract(1, "year"));
@@ -1958,7 +1958,7 @@ const Ta = ({
               /* @__PURE__ */ e("span", { style: J ?? {}, children: u && u.length === 1 ? c.add(1, "month").format("MMMM") : c.add(1, "month").format("MMMM YYYY") }),
               /* @__PURE__ */ i("div", { className: de.right, children: [
                 !u || u && c.format("MMMM YYYY") !== `December ${Math.max(...u.map(Number))}` ? /* @__PURE__ */ e("div", { className: de.singleIcon, onClick: ye, children: /* @__PURE__ */ e(hn, {}) }) : /* @__PURE__ */ e("div", { style: { width: "20px", height: "20px" } }),
-                (!u || u.length > 1) && (!u || c.year() < Math.max(...u.map(Number))) ? /* @__PURE__ */ i("div", { className: de.doubleIcon, onClick: pe, children: [
+                (!u || u.length > 1) && (!u || c.year() < Math.max(...u.map(Number))) ? /* @__PURE__ */ i("div", { className: de.doubleIcon, onClick: _e, children: [
                   /* @__PURE__ */ e(hn, {}),
                   /* @__PURE__ */ e(hn, {})
                 ] }) : /* @__PURE__ */ e("div", { style: { width: "20px", height: "20px" } })
@@ -1976,7 +1976,7 @@ const Ta = ({
               /* @__PURE__ */ e("span", { style: J ?? {}, children: u && u.length === 1 ? c.format("MMMM") : c.format("MMMM YYYY") }),
               /* @__PURE__ */ i("div", { className: de.right, children: [
                 !u || u && c.format("MMMM YYYY") !== `December ${Math.max(...u.map(Number))}` ? /* @__PURE__ */ e("div", { className: de.singleIcon, onClick: ye, children: /* @__PURE__ */ e(hn, {}) }) : /* @__PURE__ */ e("div", { style: { width: "20px", height: "20px" } }),
-                (!u || u.length > 1) && (!u || c.year() < Math.max(...u.map(Number))) ? /* @__PURE__ */ i("div", { className: de.doubleIcon, onClick: pe, children: [
+                (!u || u.length > 1) && (!u || c.year() < Math.max(...u.map(Number))) ? /* @__PURE__ */ i("div", { className: de.doubleIcon, onClick: _e, children: [
                   /* @__PURE__ */ e(hn, {}),
                   /* @__PURE__ */ e(hn, {})
                 ] }) : /* @__PURE__ */ e("div", { className: de.doubleIcon })
@@ -2112,7 +2112,7 @@ const Sa = ({
 }) => {
   const x = Qe(), [O, ne] = Z(!1), [ce, ye] = Z(""), fe = te({ state: !1, value: "" });
   Z(!1);
-  const pe = te(null), [Y, _] = Z(() => {
+  const _e = te(null), [Y, _] = Z(() => {
     const re = j().year().toString();
     return y?.length ? y.includes(re) ? j() : j(`${Math.min(...y.map(Number))}-01-01`) : j();
   });
@@ -2124,8 +2124,8 @@ const Sa = ({
     start: null,
     end: null
   }), U = te(null), q = (re, be, Ce) => {
-    let Ae = "", _e = { start: "", end: "" };
-    !be && (P === "single" || typeof re == "string") && (Ae = re, ye(Ae)), !be && (P !== "single" || typeof re != "string") && (Ae = `${j(re?.start ?? "").format(f)} / ${re?.end ? j(re.end).format(f) : ""}`, _e.start = j(re?.start ?? "").format(f), _e.end = re?.end ? j(re.end).format(f) : "", ye(Ae)), be && (Ae = j(re).format(f), ye(Ae)), re?.end && ne(!1), u && typeof u == "function" && !Ce && (u(_e.start !== "" ? _e : Ae), fe.current.value = _e.start !== "" ? _e : Ae);
+    let Ae = "", he = { start: "", end: "" };
+    !be && (P === "single" || typeof re == "string") && (Ae = re, ye(Ae)), !be && (P !== "single" || typeof re != "string") && (Ae = `${j(re?.start ?? "").format(f)} / ${re?.end ? j(re.end).format(f) : ""}`, he.start = j(re?.start ?? "").format(f), he.end = re?.end ? j(re.end).format(f) : "", ye(Ae)), be && (Ae = j(re).format(f), ye(Ae)), re?.end && ne(!1), u && typeof u == "function" && !Ce && (u(he.start !== "" ? he : Ae), fe.current.value = he.start !== "" ? he : Ae);
   }, le = (re) => {
     re.stopPropagation(), H(""), fe.current.value = "", ye(""), $({
       start: null,
@@ -2140,13 +2140,13 @@ const Sa = ({
   }, ie = () => {
     w && typeof w == "function" && w();
   }, xe = () => {
-    if (!U.current || !pe.current) return;
-    const re = U.current, be = pe.current;
+    if (!U.current || !_e.current) return;
+    const re = U.current, be = _e.current;
     if (!be || !re) return;
-    const Ce = re.getBoundingClientRect(), Ae = window.innerHeight, _e = window.innerWidth;
+    const Ce = re.getBoundingClientRect(), Ae = window.innerHeight, he = window.innerWidth;
     be.style.position = "fixed";
     let ve = -8;
-    Ce.bottom + be.offsetHeight > Ae ? (be.style.top = `${Ce.top - be.offsetHeight + ve}px`, be.style.bottom = "unset") : (be.style.top = `${Ce.bottom + 8}px`, be.style.bottom = "unset"), Ce.right + Ce.width > _e - 120 ? be.style.left = `${Ce.left + Ce.width - be.offsetWidth}px` : be.style.left = `${Ce.left}px`;
+    Ce.bottom + be.offsetHeight > Ae ? (be.style.top = `${Ce.top - be.offsetHeight + ve}px`, be.style.bottom = "unset") : (be.style.top = `${Ce.bottom + 8}px`, be.style.bottom = "unset"), Ce.right + Ce.width > he - 120 ? be.style.left = `${Ce.left + Ce.width - be.offsetWidth}px` : be.style.left = `${Ce.left}px`;
   };
   return oe(() => {
     if (c && fe.current.value === "") {
@@ -2155,7 +2155,7 @@ const Sa = ({
     }
   }, []), oe(() => {
     O && xe();
-  }, [pe, O]), oe(() => (document.addEventListener("click", L), document.addEventListener("wheel", G), () => {
+  }, [_e, O]), oe(() => (document.addEventListener("click", L), document.addEventListener("wheel", G), () => {
     document.removeEventListener("click", L), document.removeEventListener("wheel", G);
   }), []), /* @__PURE__ */ i("div", { className: `${v === "dark" ? Ge.dark : ""} ${x === "namespaceHr" ? Ge.namespaceHr : ""} ${Ge.datepickerContainer}`, children: [
     r && /* @__PURE__ */ i("label", { className: Ge.datepickerLabel, style: p ?? {}, children: [
@@ -2214,7 +2214,7 @@ const Sa = ({
         theme: v,
         namespace: x,
         defaultValue: fe.current,
-        CalendarRef: pe,
+        CalendarRef: _e,
         disabledDatesFrom: C,
         disabledDatesTill: B,
         disabledDatesRange: W,
@@ -2668,13 +2668,13 @@ const Sa = ({
   }, [D]), oe(() => {
     K && xe();
   }, []);
-  const [fe, pe] = Z(!1), [Y, _] = Z(!1), [S, H] = Z(!1), [ee, $] = Z(!1), [U, q] = Z(!1), [le, L] = Z(0), G = te([]), ue = te([]), ie = te([]), xe = () => {
+  const [fe, _e] = Z(!1), [Y, _] = Z(!1), [S, H] = Z(!1), [ee, $] = Z(!1), [U, q] = Z(!1), [le, L] = Z(0), G = te([]), ue = te([]), ie = te([]), xe = () => {
     let V = o.map((se) => se.options);
     G.current = V;
-    let he = [];
+    let pe = [];
     for (let se = 0; se < G.current.length; se++)
-      he.push(...G.current[se]);
-    ue.current = he;
+      pe.push(...G.current[se]);
+    ue.current = pe;
     let De = [];
     for (let se = 0; se < ue.current.length; se++)
       De.push(...ue.current[se].value);
@@ -2683,18 +2683,18 @@ const Sa = ({
     C && typeof C == "function" && C([]);
   }, be = (V) => {
     V.selected && (V.selected = !1);
-    let he = ie.current.filter((se) => se.label + se.id === V.label + V.id);
+    let pe = ie.current.filter((se) => se.label + se.id === V.label + V.id);
     o.forEach((se) => {
       se.options.map((ge) => {
-        ge.value.includes(he[0]) && (ge.data && (ge.data.filter((Pe) => Pe.itemNodeID === he[0].itemNodeID)[0].selected = !1, ge.value = ge.value.filter((Pe) => Pe.selected !== !1)), ge.type == "dropdown" && (ge.value = ""), ge.type == "input" && (ge.value = ""), (ge.type == "checkBox" || ge.type == "toggle" || ge.type == "radio") && (ge.value = "", ge.checked = !1), ge.type == "slider" && (ge.value = ""), (ge.type == "datePicker" || ge.type == "timePicker") && (ge.value = ""));
+        ge.value.includes(pe[0]) && (ge.data && (ge.data.filter((Pe) => Pe.itemNodeID === pe[0].itemNodeID)[0].selected = !1, ge.value = ge.value.filter((Pe) => Pe.selected !== !1)), ge.type == "dropdown" && (ge.value = ""), ge.type == "input" && (ge.value = ""), (ge.type == "checkBox" || ge.type == "toggle" || ge.type == "radio") && (ge.value = "", ge.checked = !1), ge.type == "slider" && (ge.value = ""), (ge.type == "datePicker" || ge.type == "timePicker") && (ge.value = ""));
       });
     }), $((se) => !se), q((se) => !se), _((se) => !se), H((se) => !se);
     let De = ue.current.filter((se) => se.value.length > 0);
-    r && typeof r == "function" && r(De, !0), ie.current = ie.current.filter((se) => se.label + se.id !== V.label + V.id), ie.current.length === 0 && re(), pe((se) => !se);
-  }, [Ce, Ae] = Z(y), [_e, ve] = Z(!0), [We, Ee] = Z(!1);
+    r && typeof r == "function" && r(De, !0), ie.current = ie.current.filter((se) => se.label + se.id !== V.label + V.id), ie.current.length === 0 && re(), _e((se) => !se);
+  }, [Ce, Ae] = Z(y), [he, ve] = Z(!0), [We, Ee] = Z(!1);
   return oe(() => {
-    const V = (he) => {
-      he.key === "Enter" && n && xe();
+    const V = (pe) => {
+      pe.key === "Enter" && n && xe();
     };
     return window.addEventListener("keypress", V), () => {
       window.removeEventListener("keypress", V);
@@ -2769,8 +2769,8 @@ const Sa = ({
             ...z,
             children: [
               /* @__PURE__ */ e("h2", { className: Se.filterTitle, children: R?.headerName?.label || R?.headerName?.label?.length > 0 ? R?.headerName?.label : "Filter" }),
-              /* @__PURE__ */ e("div", { style: { maxHeight: l == "drawer" ? "calc(100vh - 10.625rem)" : "65vh", overflowY: "auto", paddingBottom: "4px", marginTop: "24px" }, children: o.map((V, he) => {
-                let De = he === o.length - 1;
+              /* @__PURE__ */ e("div", { style: { maxHeight: l == "drawer" ? "calc(100vh - 10.625rem)" : "65vh", overflowY: "auto", paddingBottom: "4px", marginTop: "24px" }, children: o.map((V, pe) => {
+                let De = pe === o.length - 1;
                 return /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
                   Va,
                   {
@@ -2798,7 +2798,7 @@ const Sa = ({
                     theme: B,
                     onSingleChange: p
                   }
-                ) }, he);
+                ) }, pe);
               }) }),
               /* @__PURE__ */ i("div", { className: Se.footer, children: [
                 /* @__PURE__ */ e(
@@ -2807,12 +2807,12 @@ const Sa = ({
                     className: Se.clear,
                     onClick: () => {
                       p && typeof p == "function" && p([]), o.forEach((V) => {
-                        V.options.forEach((he) => {
-                          he.value = "", he.type == "multiselect" && he.data.forEach((De) => {
+                        V.options.forEach((pe) => {
+                          pe.value = "", pe.type == "multiselect" && pe.data.forEach((De) => {
                             De.selected = !1;
-                          }), (he.type == "radio" || he.type == "checkBox") && (he.checked = !1);
+                          }), (pe.type == "radio" || pe.type == "checkBox") && (pe.checked = !1);
                         });
-                      }), ie.current = [], _((V) => !V), H((V) => !V), $((V) => !V), q((V) => !V), L(0), re(), r && typeof r == "function" && r(ie.current), Ee((V) => !V), ye((V) => !V), pe((V) => !V);
+                      }), ie.current = [], _((V) => !V), H((V) => !V), $((V) => !V), q((V) => !V), L(0), re(), r && typeof r == "function" && r(ie.current), Ee((V) => !V), ye((V) => !V), _e((V) => !V);
                     },
                     style: R?.clearAllName?.style ?? {},
                     children: R?.clearAllName?.label || R?.clearAllName?.label?.length > 0 ? R?.clearAllName?.label : "Clear"
@@ -2832,11 +2832,11 @@ const Sa = ({
           }
         ),
         Q && ie.current.length > 0 && /* @__PURE__ */ i("div", { style: m == "side" ? { marginTop: 0 } : {}, className: Se.tag, children: [
-          ie.current.slice(0, Ce).map((V, he) => {
+          ie.current.slice(0, Ce).map((V, pe) => {
             let De = V?.time && V.time[0] === V.time[1] ? V.time[0] : V.label;
-            return /* @__PURE__ */ e(nr, { id: V.id, label: De, withClose: !0, theme: B, ...P, onClose: (se) => be(V) }, he);
+            return /* @__PURE__ */ e(nr, { id: V.id, label: De, withClose: !0, theme: B, ...P, onClose: (se) => be(V) }, pe);
           }),
-          ie.current.length > y && Ce <= y && _e && /* @__PURE__ */ e(
+          ie.current.length > y && Ce <= y && he && /* @__PURE__ */ e(
             "button",
             {
               className: Se.showButton,
@@ -2846,7 +2846,7 @@ const Sa = ({
               children: "Show More"
             }
           ),
-          !_e && ie.current.length >= y && /* @__PURE__ */ e(
+          !he && ie.current.length >= y && /* @__PURE__ */ e(
             "button",
             {
               className: Se.showButton,
@@ -2862,12 +2862,12 @@ const Sa = ({
               className: Se.showButton,
               onClick: () => {
                 o.forEach((V) => {
-                  V.options.forEach((he) => {
-                    he.value = "", he.type == "multiselect" && he.data.forEach((De) => {
+                  V.options.forEach((pe) => {
+                    pe.value = "", pe.type == "multiselect" && pe.data.forEach((De) => {
                       De.selected = !1;
-                    }), (he.type == "radio" || he.type == "checkBox") && (he.checked = !1);
+                    }), (pe.type == "radio" || pe.type == "checkBox") && (pe.checked = !1);
                   });
-                }), ie.current = [], _((V) => !V), H((V) => !V), $((V) => !V), q((V) => !V), L(0), re(), ye((V) => !V), r && typeof r == "function" && r(ie.current), Ee((V) => !V), pe((V) => !V);
+                }), ie.current = [], _((V) => !V), H((V) => !V), $((V) => !V), q((V) => !V), L(0), re(), ye((V) => !V), r && typeof r == "function" && r(ie.current), Ee((V) => !V), _e((V) => !V);
               },
               children: "Clear All"
             }
@@ -3197,7 +3197,7 @@ const Sa = ({
   refresh: ce,
   diselectAll: ye,
   customActions: fe,
-  onColumnConfigure: pe,
+  onColumnConfigure: _e,
   onDeleteAll: Y,
   onDelete: _,
   onEdit: S,
@@ -3216,11 +3216,11 @@ const Sa = ({
   allowColumnResizing: be = !0,
   disableOverflow: Ce,
   onActionExpand: Ae,
-  disableRowSelection: _e
+  disableRowSelection: he
 }) => {
   const [ve, We] = Z(!1), Ee = te(o), V = te(null);
   Z("");
-  const he = te({
+  const pe = te({
     Refresh: () => V.current.instance.getDataSource().reload(),
     SelectedRowKeys: () => V.current.instance.getSelectedRowKeys(),
     DeselectAll: () => V.current?.instance.deselectAll()
@@ -3254,18 +3254,18 @@ const Sa = ({
     if (z && typeof z == "function" && z(X, a), X === "onContentReady") {
       const we = document.querySelector(".dx-pager"), Te = document.querySelector("#pagination-container");
       let en = !1;
-      we ? en = !we.classList.contains("dx-hidden") : en = !1, Te.style.display = en ? "block" : "none", K?.mode === "multiple" && _e && typeof _e == "function" && Ve(a.component);
+      we ? en = !we.classList.contains("dx-hidden") : en = !1, Te.style.display = en ? "block" : "none", K?.mode === "multiple" && he && typeof he == "function" && Ve(a.component);
     }
   }, Ve = (a) => {
     try {
-      const we = a.getDataSource()?.items() || [], Te = a.getSelectedRowKeys() || [], Xe = we.filter((h) => !_e(h)).map((h) => h[c ?? "id"]), tn = Xe.length > 0 && Xe.every((h) => Te.includes(h)), Ze = document.querySelector(".dx-header-row .dx-select-checkbox");
+      const we = a.getDataSource()?.items() || [], Te = a.getSelectedRowKeys() || [], Xe = we.filter((h) => !he(h)).map((h) => h[c ?? "id"]), tn = Xe.length > 0 && Xe.every((h) => Te.includes(h)), Ze = document.querySelector(".dx-header-row .dx-select-checkbox");
       Ze && (tn ? (Ze.classList.add("dx-checkbox-checked"), Ze.classList.remove("dx-checkbox-indeterminate")) : Te.length > 0 ? (Ze.classList.add("dx-checkbox-indeterminate"), Ze.classList.remove("dx-checkbox-checked")) : Ze.classList.remove("dx-checkbox-checked", "dx-checkbox-indeterminate"));
     } catch (X) {
       console.warn("Error updating select all checkbox state:", X);
     }
   }, ae = (a) => {
-    if (K?.mode === "multiple" && _e && typeof _e == "function") {
-      const we = (a.selectedRowsData || []).filter((Te) => !_e(Te)).map((Te) => Te[c ?? "id"]);
+    if (K?.mode === "multiple" && he && typeof he == "function") {
+      const we = (a.selectedRowsData || []).filter((Te) => !he(Te)).map((Te) => Te[c ?? "id"]);
       if (we.length !== a.selectedRowKeys.length) {
         a.component.selectRows(we, !1), Ve(a.component);
         return;
@@ -3284,13 +3284,13 @@ const Sa = ({
   }, Tn = (a, X) => {
     a.button === 1 && (O && typeof O == "function" && O(X.data), a.preventDefault());
   }, Sn = (a) => {
-    if (a.rowElement && a.data && (a.rowElement.addEventListener("mousedown", (X) => Tn(X, a)), K?.mode === "multiple" && _e && typeof _e == "function" && _e(a.data))) {
+    if (a.rowElement && a.data && (a.rowElement.addEventListener("mousedown", (X) => Tn(X, a)), K?.mode === "multiple" && he && typeof he == "function" && he(a.data))) {
       const X = a.rowElement.querySelector(".dx-select-checkbox");
       X && (X.classList.add("dx-state-disabled"), X.style.pointerEvents = "none", X.style.opacity = "0.5");
     }
     L && typeof L == "function" && L(a);
   }, Cn = () => {
-    Y && typeof Y == "function" && Y(he.current.SelectedRowKeys());
+    Y && typeof Y == "function" && Y(pe.current.SelectedRowKeys());
   }, In = (a) => {
     le && typeof le == "function" && le(a), a.fullName === "paging.pageIndex" && P && typeof P == "function" && P(a.value + 1);
   }, An = (a) => {
@@ -3313,7 +3313,7 @@ const Sa = ({
       I.style.display = "none", I.style.pointerEvents = "none";
     }), Object.assign(en.style, h);
   }, xn = (a) => {
-    Ee.current = a, We((X) => !X), pe && typeof pe == "function" && pe(Ee.current);
+    Ee.current = a, We((X) => !X), _e && typeof _e == "function" && _e(Ee.current);
   }, En = (a) => {
     ee || a.component.collapseAll(-1), U && typeof U == "function" && U(a);
   }, Fn = (a) => {
@@ -3340,9 +3340,9 @@ const Sa = ({
       }), X;
     });
   }, [fe]), oe(() => {
-    ce && (he.current.Refresh(), console.info("DataSource Refresh....."));
+    ce && (pe.current.Refresh(), pe.current.DeselectAll(), console.info("DataSource Refresh....."));
   }, [ce]), oe(() => {
-    ye && he.current.DeselectAll();
+    ye && pe.current.DeselectAll();
   }, [ye]), oe(() => {
     if (Array.isArray(Ce) && Ce.length > 0) {
       const a = () => {
@@ -3371,15 +3371,15 @@ const Sa = ({
   }, [o]), oe(() => {
     document.addEventListener("click", Pe), document.addEventListener("wheel", rn);
     const a = (X) => {
-      K?.mode === "multiple" && _e && typeof _e == "function" && X.target.closest(".dx-header-row .dx-select-checkbox") && V.current && setTimeout(() => {
-        const Te = V.current.instance, Xe = Te.getDataSource()?.items() || [], tn = Te.getSelectedRowKeys() || [], h = Xe.filter((ke) => !_e(ke)).map((ke) => ke[c ?? "id"]);
+      K?.mode === "multiple" && he && typeof he == "function" && X.target.closest(".dx-header-row .dx-select-checkbox") && V.current && setTimeout(() => {
+        const Te = V.current.instance, Xe = Te.getDataSource()?.items() || [], tn = Te.getSelectedRowKeys() || [], h = Xe.filter((ke) => !he(ke)).map((ke) => ke[c ?? "id"]);
         h.length > 0 && h.every((ke) => tn.includes(ke)) ? Te.deselectAll() : Te.selectRows(h, !1);
       }, 0);
     };
     return document.addEventListener("click", a, !0), () => {
       document.removeEventListener("click", Pe), document.removeEventListener("wheel", rn), document.removeEventListener("click", a, !0);
     };
-  }, [K, _e, c]), oe(() => {
+  }, [K, he, c]), oe(() => {
     const a = document.querySelector(".dx-pager"), X = document.querySelector("#pagination-container");
     let we = !1;
     a ? we = !a.classList.contains("dx-hidden") : we = !1, X.style.display = we ? "block" : "none";
@@ -3702,7 +3702,7 @@ const Sa = ({
     S.preventDefault(), _(S.dataTransfer.files), x(!1);
   }, fe = (S) => {
     s.current = s.current.filter((H, ee) => H.fileID !== S.fileID), P((H) => !H), Y();
-  }, pe = (S) => {
+  }, _e = (S) => {
     _(S.target.files);
   }, Y = () => {
     o && typeof o == "function" && o(s.current);
@@ -3756,13 +3756,13 @@ const Sa = ({
                     k && typeof k == "function" ? k() : /* @__PURE__ */ e("p", { style: E ?? {}, className: Ke.subTitle, children: k ?? "" })
                   ] })
                 ] }),
-                /* @__PURE__ */ e("div", { className: Ke.uploadAction, children: /* @__PURE__ */ e("input", { type: "file", name: "", id: J.current, multiple: !!r, onChange: pe, accept: "" }) })
+                /* @__PURE__ */ e("div", { className: Ke.uploadAction, children: /* @__PURE__ */ e("input", { type: "file", name: "", id: J.current, multiple: !!r, onChange: _e, accept: "" }) })
               ]
             }
           ),
           M === "row" && C && /* @__PURE__ */ e("div", { className: Ke.uploadSvg, children: B || /* @__PURE__ */ i("div", { children: [
             /* @__PURE__ */ e(Jn, {}),
-            /* @__PURE__ */ e("div", { className: Ke.uploadAction, children: /* @__PURE__ */ e("input", { type: "file", name: "", id: J.current, multiple: !!r, onChange: pe, accept: "" }) })
+            /* @__PURE__ */ e("div", { className: Ke.uploadAction, children: /* @__PURE__ */ e("input", { type: "file", name: "", id: J.current, multiple: !!r, onChange: _e, accept: "" }) })
           ] }) })
         ] }),
         s && s.current && s.current.length && u ? s.current.map((S, H) => /* @__PURE__ */ e(
@@ -7003,7 +7003,7 @@ const Sa = ({
       O((G) => !G);
     }
   }, [D, z.current]);
-  const [x, O] = Z(!1), ne = te(null), ce = te(null), [ye, fe] = Z(!1), [pe, Y] = Z(!1), _ = te(null), S = (L) => {
+  const [x, O] = Z(!1), ne = te(null), ce = te(null), [ye, fe] = Z(!1), [_e, Y] = Z(!1), _ = te(null), S = (L) => {
     let G = L.target.value;
     if (C === "country" && (G = G.replace(/[^0-9+ ]/g, "")), A && typeof A == "function" && A(G), !G) {
       z.current = u || Vn;
@@ -7046,7 +7046,7 @@ const Sa = ({
     ye || K && typeof K == "function" && K();
   }, [ye]), oe(() => {
     q();
-  }, [ce, ye, pe]), oe(() => (document.addEventListener("click", le), () => {
+  }, [ce, ye, _e]), oe(() => (document.addEventListener("click", le), () => {
     document.removeEventListener("click", le);
   }), []), /* @__PURE__ */ i("div", { className: `${R === "dark" ? He.dark : ""} ${He[J]} ${He.inputWithDropdownWrapper}`, style: l ?? {}, children: [
     r && /* @__PURE__ */ i("label", { className: He.inputLabel, style: p ?? {}, children: [
@@ -7095,7 +7095,7 @@ const Sa = ({
                         style: {
                           display: "grid",
                           placeItems: "center",
-                          transform: pe ? "rotate(180deg)" : "",
+                          transform: _e ? "rotate(180deg)" : "",
                           transition: "transform 0.2s ease-in-out",
                           // Add transition here
                           cursor: m || f ? "not-allowed" : "pointer"
@@ -7125,7 +7125,7 @@ const Sa = ({
                   maxLength: k
                 }
               ),
-              pe && /* @__PURE__ */ e("ul", { ref: ce, className: He.inputDropDown, onClick: (L) => L.stopPropagation(), children: z.current.map((L, G) => /* @__PURE__ */ i("li", { onClick: () => H(L), children: [
+              _e && /* @__PURE__ */ e("ul", { ref: ce, className: He.inputDropDown, onClick: (L) => L.stopPropagation(), children: z.current.map((L, G) => /* @__PURE__ */ i("li", { onClick: () => H(L), children: [
                 C === "country" && /* @__PURE__ */ e("img", { src: n(L.code), style: { width: "1.375rem", height: "1.375rem", objectFit: "contain" }, alt: L.name }),
                 /* @__PURE__ */ i("span", { title: L.name, className: He.countryName, children: [
                   L.name,

package/package.json

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