master-components-react-ts 2.3.4 → 2.3.5

package/dist/components/Table/Table.types.d.ts

@@ -7,7 +7,7 @@ export type ColumnType = {
 };
 export type ActionButtonType = {
     text?: string;
-    icon?: string | React.ReactNode;
+    icon?: React.ReactNode;
     onClick?: (row: any, rowIndex?: number) => void;
 };
 export type SortType = {
@@ -15,7 +15,7 @@ export type SortType = {
     desc: boolean;
 };
 export type RowActionType = {
-    icon?: string;
+    icon?: React.ReactNode;
     text?: string;
     onClick?: (row: any, rowIndex: number) => void;
 };

package/dist/index.js

@@ -60,10 +60,10 @@ const Pe = 50 / 2, Mt = ({ size: t = 24, strokeWidth: o = 5, linecap: r = "round
   fill: a = "none",
   d = "M10.5 3.5L3.5 10.5M3.5 3.5L10.5 10.5",
   stroke: i = "#A4A7AE",
-  strokeWidth: v = "1.66667",
+  strokeWidth: y = "1.66667",
   strokeLinecap: M = "round",
   strokeLinejoin: p = "round"
-}) => /* @__PURE__ */ e("svg", { xmlns: n, width: t, height: o, viewBox: s, fill: a, children: /* @__PURE__ */ e("path", { d, stroke: i, strokeWidth: v, strokeLinecap: M, strokeLinejoin: p }) }), yt = ({ color: t = "#131314" }) => /* @__PURE__ */ e("svg", { xmlns: "http://www.w3.org/2000/svg", width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", color: t, children: /* @__PURE__ */ e(
+}) => /* @__PURE__ */ e("svg", { xmlns: n, width: t, height: o, viewBox: s, fill: a, children: /* @__PURE__ */ e("path", { d, stroke: i, strokeWidth: y, strokeLinecap: M, strokeLinejoin: p }) }), yt = ({ color: t = "#131314" }) => /* @__PURE__ */ e("svg", { xmlns: "http://www.w3.org/2000/svg", width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", color: t, children: /* @__PURE__ */ e(
   "path",
   {
     fillRule: "evenodd",
@@ -253,7 +253,7 @@ const Pe = 50 / 2, Mt = ({ size: t = 24, strokeWidth: o = 5, linecap: r = "round
   type: a = "button",
   colorType: d = "neutral",
   buttonType: i = "primary",
-  withFocus: v = !1,
+  withFocus: y = !1,
   customFocus: M,
   disabled: p,
   loading: f = !1,
@@ -266,7 +266,7 @@ const Pe = 50 / 2, Mt = ({ size: t = 24, strokeWidth: o = 5, linecap: r = "round
   onClick: L
 }) => {
   const [k, K] = E(M || !1), V = oe(null), Z = (A) => {
-    p || f || (v && K((j) => !j), L?.(A));
+    p || f || (y && K((j) => !j), L?.(A));
   }, G = () => {
     let A = "#ffffff";
     return d === "neutral" && i !== "primary" && (A = "#0058FF"), d === "positive" && i !== "primary" && (A = "#328707"), d === "negative" && i !== "primary" && (A = "#E3292F"), A;
@@ -347,7 +347,7 @@ const co = "mc__FormInput-module__inputWrapper", uo = "mc__FormInput-module__sm"
   readOnly: a = !1,
   withFocus: d = !0,
   withActive: i = !0,
-  searchComponent: v = !1,
+  searchComponent: y = !1,
   size: M = "md",
   toggleFocus: p = !1,
   rightSlot: f,
@@ -374,7 +374,7 @@ const co = "mc__FormInput-module__inputWrapper", uo = "mc__FormInput-module__sm"
   inputSlotStyle: T
 }) => {
   const C = oe(null), [N, B] = E(I ?? ""), [Q, U] = E(!1), [ne, de] = E(!1), pe = (J) => {
-    v && B(J.target.value), Z?.(J.target.value);
+    y && B(J.target.value), Z?.(J.target.value);
   }, ue = () => {
     G?.(), !w && U(!0);
   }, ge = () => {
@@ -383,7 +383,7 @@ const co = "mc__FormInput-module__inputWrapper", uo = "mc__FormInput-module__sm"
     const u = J.currentTarget.value, S = u.length === 0;
     D === "number" && (J.keyCode === 69 || !S && (J.keyCode === 187 || J.keyCode === 107 || J.keyCode === 189 || J.keyCode === 109)) && J.preventDefault(), J.key === "Enter" && u && u.length > 0 && j?.();
   }, ae = (J) => J, le = () => {
-    v && (B(""), Z?.(""));
+    y && (B(""), Z?.(""));
   };
   return X(() => {
     ee?.(Q);
@@ -406,7 +406,7 @@ const co = "mc__FormInput-module__inputWrapper", uo = "mc__FormInput-module__sm"
         onClick: () => p && U((J) => !J),
         children: [
           g && /* @__PURE__ */ e("div", { className: ce.formInputSlot, children: ae(g) }),
-          v && /* @__PURE__ */ e("div", { className: ce.formInputSlot, children: ae(/* @__PURE__ */ e(Dt, {})) }),
+          y && /* @__PURE__ */ e("div", { className: ce.formInputSlot, children: ae(/* @__PURE__ */ e(Dt, {})) }),
           V ? /* @__PURE__ */ e("div", { className: ce.formInputSlot, style: T ?? {}, children: ae(V) }) : /* @__PURE__ */ e(
             "input",
             {
@@ -414,7 +414,7 @@ const co = "mc__FormInput-module__inputWrapper", uo = "mc__FormInput-module__sm"
               ref: C,
               style: z ?? {},
               type: D ?? "text",
-              value: v ? N : I,
+              value: y ? N : I,
               onChange: (J) => pe(J),
               onMouseDown: () => !w && de(!0),
               onMouseUp: () => !w && de(!1),
@@ -431,8 +431,8 @@ const co = "mc__FormInput-module__inputWrapper", uo = "mc__FormInput-module__sm"
               maxLength: h
             }
           ),
-          f && /* @__PURE__ */ e("div", { style: v ? { cursor: "pointer" } : {}, className: ce.formInputSlot, children: ae(f) }),
-          v && /* @__PURE__ */ e("div", { className: ce.formInputSlot, children: /* @__PURE__ */ e("div", { onClick: le, style: v ? { cursor: "pointer" } : {}, className: ce.formInputSlot, children: N?.length > 0 ? ae(/* @__PURE__ */ e(Ke, {})) : null }) })
+          f && /* @__PURE__ */ e("div", { style: y ? { cursor: "pointer" } : {}, className: ce.formInputSlot, children: ae(f) }),
+          y && /* @__PURE__ */ e("div", { className: ce.formInputSlot, children: /* @__PURE__ */ e("div", { onClick: le, style: y ? { cursor: "pointer" } : {}, className: ce.formInputSlot, children: N?.length > 0 ? ae(/* @__PURE__ */ e(Ke, {})) : null }) })
         ]
       }
     ),
@@ -505,7 +505,7 @@ const $o = "mc__Textarea-module__textareaContainer", Mo = "mc__Textarea-module__
   inputState: a = { error: !1, success: !0 },
   maxLength: d = 20,
   withFocus: i = !0,
-  withActive: v = !0,
+  withActive: y = !0,
   withResize: M = !0,
   withClose: p = !0,
   onChange: f,
@@ -575,7 +575,7 @@ const $o = "mc__Textarea-module__textareaContainer", Mo = "mc__Textarea-module__
           /* @__PURE__ */ e(
             "textarea",
             {
-              className: `${Ce.textarea} ${Z ? Ce.focused : ""} ${D ? Ce.disabled : ""}  ${i && Z ? a.error ? Ce.errorFocused : Ce.focused : ""} ${v && A ? a.error ? Ce.errorActive : Ce.active : ""} ${a.error ? Ce.error : ""} ${a.success ? Ce.success : ""}`,
+              className: `${Ce.textarea} ${Z ? Ce.focused : ""} ${D ? Ce.disabled : ""}  ${i && Z ? a.error ? Ce.errorFocused : Ce.focused : ""} ${y && A ? a.error ? Ce.errorActive : Ce.active : ""} ${a.error ? Ce.error : ""} ${a.success ? Ce.success : ""}`,
               value: s,
               placeholder: t ?? "",
               cols: r,
@@ -666,7 +666,7 @@ const qo = "mc__Checkbox-module__checkboxWrapper", Xo = "mc__Checkbox-module__ch
   multipleChecked: a = !1,
   activeStyle: d,
   checkBoxStyle: i,
-  theme: v = "light"
+  theme: y = "light"
 }) => {
   const M = tt(), p = oe(null), [f, g] = E(!1), b = () => {
     n || o && typeof o == "function" && o(!t);
@@ -675,7 +675,7 @@ const qo = "mc__Checkbox-module__checkboxWrapper", Xo = "mc__Checkbox-module__ch
     "div",
     {
       style: f ? n ? { boxShadow: "none" } : d ?? {} : i ?? {},
-      className: `${v === "dark" ? Me.dark : ""}  ${Me[M]} ${Me.checkboxWrapper} ${r === "error" ? Me.error : ""} ${t ? Me.checked : Me.unChecked} ${n ? Me.disabled : ""}`,
+      className: `${y === "dark" ? Me.dark : ""}  ${Me[M]} ${Me.checkboxWrapper} ${r === "error" ? Me.error : ""} ${t ? Me.checked : Me.unChecked} ${n ? Me.disabled : ""}`,
       onMouseDown: () => g(!0),
       onMouseUp: () => g(!1),
       onMouseLeave: () => g(!1),
@@ -743,7 +743,7 @@ const nn = "mc__Dropdown-module__dropdownWrapper", rn = "mc__Dropdown-module__dr
   fromDropdown: a = !1,
   withSelectAll: d = !1,
   withClearAll: i = !1,
-  expandedNodes: v,
+  expandedNodes: y,
   SearchValue: M,
   SelectedData: p,
   treeContainerStyle: f,
@@ -809,7 +809,7 @@ const nn = "mc__Dropdown-module__dropdownWrapper", rn = "mc__Dropdown-module__dr
         checkboxProps: r,
         onCollapse: G,
         depth: 0,
-        expandedNodes: v,
+        expandedNodes: y,
         SearchValue: M,
         SelectedData: p,
         treeContainerStyle: f,
@@ -836,7 +836,7 @@ const nn = "mc__Dropdown-module__dropdownWrapper", rn = "mc__Dropdown-module__dr
   depth: a,
   expandedNodes: d,
   SearchValue: i,
-  SelectedData: v,
+  SelectedData: y,
   treeContainerStyle: M,
   treeNodeItemStyle: p,
   treeFooterStyle: f,
@@ -846,7 +846,7 @@ const nn = "mc__Dropdown-module__dropdownWrapper", rn = "mc__Dropdown-module__dr
   collapseToggleStyle: I
 }) => {
   const h = d?.find((Z) => Z.id === t.id);
-  v?.find((Z) => Z.id === t.id);
+  y?.find((Z) => Z.id === t.id);
   const [w, L] = E(h ? !1 : r || !0), k = () => {
     L((Z) => !Z), s?.(w, t);
   }, K = () => {
@@ -888,7 +888,7 @@ const nn = "mc__Dropdown-module__dropdownWrapper", rn = "mc__Dropdown-module__dr
         depth: a + 1,
         expandedNodes: d,
         SearchValue: i,
-        SelectedData: v,
+        SelectedData: y,
         treeContainerStyle: M,
         treeNodeItemStyle: p,
         treeFooterStyle: f,
@@ -909,7 +909,7 @@ const nn = "mc__Dropdown-module__dropdownWrapper", rn = "mc__Dropdown-module__dr
   selectedOptionID: a,
   withInput: d = !1,
   withTree: i = !1,
-  withSelectAll: v = !0,
+  withSelectAll: y = !0,
   dropdownType: M = "country",
   onSelect: p,
   onFocus: f,
@@ -954,7 +954,7 @@ const nn = "mc__Dropdown-module__dropdownWrapper", rn = "mc__Dropdown-module__dr
       ae(t);
       return;
     }
-    const m = t?.some((te) => "selected" in te), H = v ? [{ id: "SELECT_ALL", label: "Select All", selected: C }] : [];
+    const m = t?.some((te) => "selected" in te), H = y ? [{ id: "SELECT_ALL", label: "Select All", selected: C }] : [];
     m ? ae([...H, ...t]) : (t?.forEach((te) => {
       te.selected = !1;
     }), ae([...H, ...t]));
@@ -1159,8 +1159,8 @@ const Fn = "mc__Radio-module__radioWrapper", En = {
   const d = () => {
     r || o?.(s ? !t : !0);
   }, i = () => {
-    let v = null, M = r ? "#95969C" : a === "error" ? "#E3292F" : "#0058FF";
-    return t ? r ? v = /* @__PURE__ */ e(Bt, { color: M }) : v = /* @__PURE__ */ e(At, { color: M }) : r ? v = /* @__PURE__ */ e(Wt, { color: M }) : v = /* @__PURE__ */ e(Rt, { color: M }), v;
+    let y = null, M = r ? "#95969C" : a === "error" ? "#E3292F" : "#0058FF";
+    return t ? r ? y = /* @__PURE__ */ e(Bt, { color: M }) : y = /* @__PURE__ */ e(At, { color: M }) : r ? y = /* @__PURE__ */ e(Wt, { color: M }) : y = /* @__PURE__ */ e(Rt, { color: M }), y;
   };
   return /* @__PURE__ */ l("div", { className: En.radioWrapper, style: { cursor: r ? "not-allowed" : "pointer" }, onClick: d, children: [
     /* @__PURE__ */ e("input", { type: "radio", checked: !0, readOnly: !0, hidden: !0, disabled: r ?? !1, required: n }),
@@ -1190,7 +1190,7 @@ const On = "mc__Tooltip-module__tooltipContainer", Vn = "mc__Tooltip-module__too
   title: a,
   text: d,
   customText: i,
-  tooltipContentStyle: v,
+  tooltipContentStyle: y,
   tooltipTitlestyle: M,
   tooltipTextStyle: p,
   tooltipContainerStyle: f,
@@ -1265,7 +1265,7 @@ const On = "mc__Tooltip-module__tooltipContainer", Vn = "mc__Tooltip-module__too
         A && o ? /* @__PURE__ */ e(
           "div",
           {
-            style: v ?? {},
+            style: y ?? {},
             onClick: (c) => c.stopPropagation(),
             ref: Z,
             className: `${xe.tooltipContent} ${n ? xe[n] : xe.bottom}`,
@@ -1274,7 +1274,7 @@ const On = "mc__Tooltip-module__tooltipContainer", Vn = "mc__Tooltip-module__too
         ) : A && /* @__PURE__ */ l(
           "div",
           {
-            style: v ?? {},
+            style: y ?? {},
             onClick: (c) => c.stopPropagation(),
             ref: Z,
             className: `${xe.tooltipContent} ${n ? xe[n] : xe.bottom}`,
@@ -1331,7 +1331,7 @@ const Qn = "mc__Popup-module__modalOverlay", Jn = "mc__Popup-module__popupDrawer
   widthType: d,
   // "horizontal"
   modalOverlayStyle: i,
-  popupContainerStyle: v,
+  popupContainerStyle: y,
   templateWrapperStyle: M,
   closeButtonStyle: p
 }) => {
@@ -1354,7 +1354,7 @@ const Qn = "mc__Popup-module__modalOverlay", Jn = "mc__Popup-module__popupDrawer
       children: /* @__PURE__ */ l(
         "div",
         {
-          style: v ?? {},
+          style: y ?? {},
           className: `
                         mcPopup_global
                         ${We.popupContainer}
@@ -1417,14 +1417,14 @@ const nr = "mc__NotificationToast-module__toastContainer", rr = "mc__Notificatio
   withInfoIcon: a = !0,
   description: d,
   customAction: i,
-  timeout: v = 4e3,
+  timeout: y = 4e3,
   children: M,
   onUndo: p,
   onClose: f
 }) => {
   const [g, b] = E("fadeIn");
   X(() => {
-    const I = v, h = 300, w = setTimeout(() => {
+    const I = y, h = 300, w = setTimeout(() => {
       b("fadeOut"), setTimeout(() => {
         f?.();
       }, h);
@@ -1465,10 +1465,10 @@ const kr = ({ children: t }) => {
     r((d) => {
       const i = a.max ?? 1 / 0;
       if (d.length >= i) return d;
-      const v = br++;
+      const y = br++;
       return setTimeout(() => {
-        r((M) => M.filter((p) => p.id !== v));
-      }, a.timeout || 4e3), [...d, { id: v, props: a }];
+        r((M) => M.filter((p) => p.id !== y));
+      }, a.timeout || 4e3), [...d, { id: y, props: a }];
     });
   }, s = je(() => {
     if (o.length > 0)
@@ -1496,7 +1496,7 @@ const kr = ({ children: t }) => {
       {
         ...d,
         onClose: () => {
-          r((i) => i.filter((v) => v.id !== a));
+          r((i) => i.filter((y) => y.id !== a));
         }
       },
       a
@@ -1551,7 +1551,7 @@ var Lt = { exports: {} };
   (function(r, n) {
     t.exports = n();
   })(Fr, function() {
-    var r = { LTS: "h:mm:ss A", LT: "h:mm A", L: "MM/DD/YYYY", LL: "MMMM D, YYYY", LLL: "MMMM D, YYYY h:mm A", LLLL: "dddd, MMMM D, YYYY h:mm A" }, n = /(\[[^[]*\])|([-_:/.,()\s]+)|(A|a|Q|YYYY|YY?|ww?|MM?M?M?|Do|DD?|hh?|HH?|mm?|ss?|S{1,3}|z|ZZ?)/g, s = /\d/, a = /\d\d/, d = /\d\d?/, i = /\d*[^-_:/,()\s\d]+/, v = {}, M = function(h) {
+    var r = { LTS: "h:mm:ss A", LT: "h:mm A", L: "MM/DD/YYYY", LL: "MMMM D, YYYY", LLL: "MMMM D, YYYY h:mm A", LLLL: "dddd, MMMM D, YYYY h:mm A" }, n = /(\[[^[]*\])|([-_:/.,()\s]+)|(A|a|Q|YYYY|YY?|ww?|MM?M?M?|Do|DD?|hh?|HH?|mm?|ss?|S{1,3}|z|ZZ?)/g, s = /\d/, a = /\d\d/, d = /\d\d?/, i = /\d*[^-_:/,()\s\d]+/, y = {}, M = function(h) {
       return (h = +h) + (h > 68 ? 1900 : 2e3);
     }, p = function(h) {
       return function(w) {
@@ -1564,10 +1564,10 @@ var Lt = { exports: {} };
         return k === 0 ? 0 : L[0] === "+" ? -k : k;
       }(h);
     }], g = function(h) {
-      var w = v[h];
+      var w = y[h];
       return w && (w.indexOf ? w : w.s.concat(w.f));
     }, b = function(h, w) {
-      var L, k = v.meridiem;
+      var L, k = y.meridiem;
       if (k) {
         for (var K = 1; K <= 24; K += 1) if (h.indexOf(k(K, 0, w)) > -1) {
           L = K > 12;
@@ -1588,7 +1588,7 @@ var Lt = { exports: {} };
     }], SSS: [/\d{3}/, function(h) {
       this.milliseconds = +h;
     }], s: [d, p("seconds")], ss: [d, p("seconds")], m: [d, p("minutes")], mm: [d, p("minutes")], H: [d, p("hours")], h: [d, p("hours")], HH: [d, p("hours")], hh: [d, p("hours")], D: [d, p("day")], DD: [a, p("day")], Do: [i, function(h) {
-      var w = v.ordinal, L = h.match(/\d+/);
+      var w = y.ordinal, L = h.match(/\d+/);
       if (this.day = L[0], w) for (var k = 1; k <= 31; k += 1) w(k).replace(/\[|\]/g, "") === h && (this.day = k);
     }], w: [d, p("week")], ww: [a, p("week")], M: [d, p("month")], MM: [a, p("month")], MMM: [i, function(h) {
       var w = g("months"), L = (g("monthsShort") || w.map(function(k) {
@@ -1605,7 +1605,7 @@ var Lt = { exports: {} };
     }], YYYY: [/\d{4}/, p("year")], Z: f, ZZ: f };
     function I(h) {
       var w, L;
-      w = h, L = v && v.formats;
+      w = h, L = y && y.formats;
       for (var k = (h = w.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g, function(ee, W, R) {
         var z = R && R.toUpperCase();
         return W || L[R] || r[R] || L[z].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g, function(_, c, T) {
@@ -1642,7 +1642,7 @@ var Lt = { exports: {} };
         var j = A[1];
         if (typeof j == "string") {
           var ee = A[2] === !0, W = A[3] === !0, R = ee || W, z = A[2];
-          W && (z = A[2]), v = this.$locale(), !ee && z && (v = L.Ls[z]), this.$d = function(C, N, B, Q) {
+          W && (z = A[2]), y = this.$locale(), !ee && z && (y = L.Ls[z]), this.$d = function(C, N, B, Q) {
             try {
               if (["x", "X"].indexOf(N) > -1) return new Date((N === "X" ? 1e3 : 1) * C);
               var U = I(N)(C), ne = U.year, de = U.month, pe = U.day, ue = U.hours, ge = U.minutes, he = U.seconds, ae = U.milliseconds, le = U.zone, J = U.week, u = /* @__PURE__ */ new Date(), S = pe || (ne || de ? 1 : u.getDate()), $ = ne || u.getFullYear(), Y = 0;
@@ -1652,7 +1652,7 @@ var Lt = { exports: {} };
             } catch {
               return /* @__PURE__ */ new Date("");
             }
-          }(Z, j, G, L), this.init(), z && z !== !0 && (this.$L = this.locale(z).$L), R && Z != this.format(j) && (this.$d = /* @__PURE__ */ new Date("")), v = {};
+          }(Z, j, G, L), this.init(), z && z !== !0 && (this.$L = this.locale(z).$L), R && Z != this.format(j) && (this.$d = /* @__PURE__ */ new Date("")), y = {};
         } else if (j instanceof Array) for (var _ = j.length, c = 1; c <= _; c += 1) {
           A[1] = j[c - 1];
           var T = L.apply(this, A);
@@ -1679,7 +1679,7 @@ const st = ({
   onChange: a,
   onFocus: d,
   onBlur: i,
-  ...v
+  ...y
 }) => {
   const M = oe(null), p = oe(null), [f, g] = E(!1), [b, D] = E(o), I = Array.from({ length: 12 }, (_, c) => c < 10 ? `0${c}` : `${c}`), h = Array.from({ length: 24 }, (_, c) => c < 10 ? `0${c}` : `${c}`), w = Array.from({ length: 60 }, (_, c) => c < 10 ? `0${c}` : `${c}`), [L, k] = E(""), [K, V] = E(null), [Z, G] = E(null), [A, j] = E(r), ee = () => {
     const _ = M.current, c = p.current;
@@ -1722,7 +1722,7 @@ const st = ({
     /* @__PURE__ */ e("div", { ref: M, className: me.timepickerInputWrapper, onClick: () => (g((_) => !_), ee()), onFocus: W, children: /* @__PURE__ */ e(
       He,
       {
-        ...v,
+        ...y,
         onFocusChange: (_) => g(_),
         customFocus: f,
         withActive: !1,
@@ -1827,7 +1827,7 @@ const gl = ({
   SelectedDate: a,
   namespace: d,
   customYears: i,
-  setSelectedDate: v,
+  setSelectedDate: y,
   IsFocused: M,
   setIsFocused: p,
   mode: f,
@@ -1913,7 +1913,7 @@ const gl = ({
     }), C.current = vt(C.current, "key"), u = C.current, u;
   }, pe = (u) => {
     let S = { start: "", end: "" };
-    switch (v(null), u.key?.toLowerCase()) {
+    switch (y(null), u.key?.toLowerCase()) {
       case "today":
         b({
           start: x(),
@@ -1921,7 +1921,7 @@ const gl = ({
         }), S.start = x();
         break;
       case "yesterday":
-        v(x().subtract(1, "day")), b({
+        y(x().subtract(1, "day")), b({
           start: x().subtract(1, "day"),
           end: x().subtract(1, "day")
         }), S.start = x().subtract(1, "day");
@@ -1990,7 +1990,7 @@ const gl = ({
     }), { start: u ?? "", end: Y?.start ?? "" }) : (r({
       ...Y,
       end: u ?? ""
-    }), { ...Y, end: u ?? "" }) : Y) : (b({ start: null, end: null }), v(u), $ || (p(!1), r && typeof r == "function" && r(u.format(t))));
+    }), { ...Y, end: u ?? "" }) : Y) : (b({ start: null, end: null }), y(u), $ || (p(!1), r && typeof r == "function" && r(u.format(t))));
   }, he = () => {
     s(n.add(1, "month"));
   }, ae = () => {
@@ -2144,7 +2144,7 @@ const at = ({
   customYears: a,
   fixedDropdown: d = !0,
   disabledDatesFrom: i,
-  disabledDatesTill: v,
+  disabledDatesTill: y,
   disabledDatesRange: M,
   datepickerStyle: p,
   datepickerLabelStyle: f,
@@ -2234,7 +2234,7 @@ const at = ({
         defaultValue: C.current,
         CalendarRef: N,
         disabledDatesFrom: i,
-        disabledDatesTill: v,
+        disabledDatesTill: y,
         disabledDatesRange: M,
         valueFormat: o,
         onChange: (u) => ge(u, !1, !1),
@@ -2314,8 +2314,8 @@ const Ll = "mc__ActionDropdown-module__actionDropdownContainer", Tl = "mc__Actio
   actionDropdownItem: Ml,
   selected: Dl
 }, dt = ({ title: t, data: o, onSelect: r }) => {
-  const [n, s] = E(!1), a = oe(null), d = oe(null), [i, v] = E(null), M = (f) => {
-    v(f), r?.(f), s(!1);
+  const [n, s] = E(!1), a = oe(null), d = oe(null), [i, y] = E(null), M = (f) => {
+    y(f), r?.(f), s(!1);
   }, p = () => {
     const f = a.current, g = d.current;
     if (!g || !f) return;
@@ -2436,7 +2436,7 @@ const Bl = "mc__Slider-module__sliderContainer", Wl = "mc__Slider-module__slider
   range: a = !0,
   debounceTime: d,
   onChange: i,
-  sliderContainerStyle: v,
+  sliderContainerStyle: y,
   sliderStyle: M,
   sliderProgressStyle: p,
   thumbStyle: f,
@@ -2505,7 +2505,7 @@ const Bl = "mc__Slider-module__sliderContainer", Wl = "mc__Slider-module__slider
       return;
     }
     i && typeof i == "function" && V(D ? () => i([I.minValue, I.maxValue]) : () => i(I.singleValue), d ?? 100);
-  }, [I]), /* @__PURE__ */ e("div", { style: v ?? {}, className: `${be.sliderContainer}`, children: /* @__PURE__ */ l("div", { ref: Z, style: M ?? {}, className: be.slider, onMouseDown: R, children: [
+  }, [I]), /* @__PURE__ */ e("div", { style: y ?? {}, className: `${be.sliderContainer}`, children: /* @__PURE__ */ l("div", { ref: Z, style: M ?? {}, className: be.slider, onMouseDown: R, children: [
     /* @__PURE__ */ e("div", { className: be.sliderProgress, style: { ...z, ...p ?? {} } }),
     D ? /* @__PURE__ */ l($t, { children: [
       /* @__PURE__ */ e(
@@ -2605,7 +2605,7 @@ const Yl = "mc__FilterWithTags-module__filterWithTagsContainer", jl = "mc__Filte
   cancelButtonProps: d,
   applyButtonProps: i
 }) => {
-  const [v, M] = E(!1), p = () => {
+  const [y, M] = E(!1), p = () => {
     o && M(!0);
   };
   return /* @__PURE__ */ l("div", { className: De.filterWithTagsContainer, children: [
@@ -2620,7 +2620,7 @@ const Yl = "mc__FilterWithTags-module__filterWithTagsContainer", jl = "mc__Filte
         ...s
       }
     ) }) }),
-    /* @__PURE__ */ l(qe, { ...a, popupContainerStyle: { width: "725px" }, onClose: () => M(!1), visible: v, children: [
+    /* @__PURE__ */ l(qe, { ...a, popupContainerStyle: { width: "725px" }, onClose: () => M(!1), visible: y, children: [
       /* @__PURE__ */ e("h2", { className: De.filterWithTagsPopupTitle, children: "Filter" }),
       /* @__PURE__ */ e("div", { className: `${De.filterWithTagsPopupContent} ${a?.mode === "drawer" ? De.filterWithTagsPopupContentDrawer : ""}`, children: /* @__PURE__ */ e(ni, { filterOptions: t }) }),
       /* @__PURE__ */ l("div", { className: De.filterWithTagsPopupFooter, children: [
@@ -2697,7 +2697,7 @@ const ji = (t, o = {}) => {
     return t.forEach((h) => {
       h.key && (I[h.key] = o[h.key] || h.width || 200);
     }), I;
-  }), [s, a] = E(!1), [d, i] = E(null), [v, M] = E(0), [p, f] = E(0), g = je(
+  }), [s, a] = E(!1), [d, i] = E(null), [y, M] = E(0), [p, f] = E(0), g = je(
     (I, h) => {
       console.log("Resize start for column:", h), I.preventDefault(), I.stopPropagation(), a(!0), i(h), M(I.clientX), f(r[h]);
     },
@@ -2706,13 +2706,13 @@ const ji = (t, o = {}) => {
     (I) => {
       if (!s || !d) return;
       I.preventDefault();
-      const h = I.clientX - v, w = Math.max(50, p + h);
+      const h = I.clientX - y, w = Math.max(50, p + h);
       console.log("Resizing column:", d, "new width:", w), n((L) => ({
         ...L,
         [d]: w
       }));
     },
-    [s, d, v, p]
+    [s, d, y, p]
   ), D = je(() => {
     console.log("Resize end"), a(!1), i(null);
   }, []);
@@ -2729,10 +2729,10 @@ const ji = (t, o = {}) => {
   };
 };
 function Ki({ currentValue: t, options: o, onChange: r }) {
-  const [n, s] = E(!1), [a, d] = E(!1), i = oe(null), v = oe(null);
+  const [n, s] = E(!1), [a, d] = E(!1), i = oe(null), y = oe(null);
   X(() => {
-    if (n && i.current && v.current) {
-      const p = i.current.getBoundingClientRect(), f = v.current.offsetHeight, b = window.innerHeight - p.bottom, D = p.top;
+    if (n && i.current && y.current) {
+      const p = i.current.getBoundingClientRect(), f = y.current.offsetHeight, b = window.innerHeight - p.bottom, D = p.top;
       d(b < f && D >= f);
     }
   }, [n]), X(() => {
@@ -2771,7 +2771,7 @@ function Ki({ currentValue: t, options: o, onChange: r }) {
         onClick: () => s(!n)
       }
     ),
-    n && /* @__PURE__ */ e("ul", { ref: v, className: `${F.rowsPerPageList} ${a ? F.openUpward : F.openDownward}`, role: "listbox", children: o.map((p) => /* @__PURE__ */ e(
+    n && /* @__PURE__ */ e("ul", { ref: y, className: `${F.rowsPerPageList} ${a ? F.openUpward : F.openDownward}`, role: "listbox", children: o.map((p) => /* @__PURE__ */ e(
       "li",
       {
         className: `${F.rowsPerPageOption} ${p === t ? F.selected : ""}`,
@@ -2793,7 +2793,7 @@ const ht = ({
   selectedRows: a = [],
   onSelectionChange: d,
   withSelectAll: i = !1,
-  actionButtonText: v,
+  actionButtonText: y,
   actionButtonIcon: M,
   onActionButtonClick: p,
   actionButtons: f,
@@ -2821,20 +2821,20 @@ const ht = ({
 }) => {
   const { columnWidths: _, isResizing: c, resizeColumn: T, handleResizeStart: C } = ji(t), N = oe(null), [B, Q] = E(null), [U, ne] = E(null), de = oe({}), pe = oe(null), ue = oe(null), [ge, he] = E(!1), [ae, le] = E(null), [J, u] = E(null), [S, $] = E(t);
   X(() => {
-    const y = t.map((P) => ({
+    const v = t.map((P) => ({
       ...P,
       visible: P.visible !== void 0 ? P.visible : !0
     }));
-    $(y);
+    $(v);
   }, [t]);
-  const Y = (y, P) => {
-    le(P), y.dataTransfer.effectAllowed = "move", y.dataTransfer.setData("text/html", y.currentTarget.outerHTML);
-  }, ie = (y, P) => {
-    y.preventDefault(), y.dataTransfer.dropEffect = "move", P !== ae && u(P);
+  const Y = (v, P) => {
+    le(P), v.dataTransfer.effectAllowed = "move", v.dataTransfer.setData("text/html", v.currentTarget.outerHTML);
+  }, ie = (v, P) => {
+    v.preventDefault(), v.dataTransfer.dropEffect = "move", P !== ae && u(P);
   }, re = () => {
     u(null);
-  }, we = (y, P) => {
-    if (y.preventDefault(), ae === null || ae === P) {
+  }, we = (v, P) => {
+    if (v.preventDefault(), ae === null || ae === P) {
       le(null), u(null);
       return;
     }
@@ -2844,27 +2844,27 @@ const ht = ({
     O.splice(Ue, 0, Ie), $(O), le(null), u(null), D?.(O);
   }, _e = () => {
     le(null), u(null);
-  }, fe = (y) => {
-    const P = S.map((O) => O.key === y.key ? { ...O, visible: !O.visible } : O);
+  }, fe = (v) => {
+    const P = S.map((O) => O.key === v.key ? { ...O, visible: !O.visible } : O);
     $(P), I?.(P);
-  }, ve = S.filter((y) => y.visible), m = (y) => {
-    d?.(y ? o.map((P, O) => O) : []);
-  }, H = (y, P) => {
-    d?.(P ? [...a, y] : a.filter((O) => O !== y));
-  }, te = o.length > 0 && a.length === o.length, Le = a.length > 0 && a.length < o.length, Ee = (y, P) => {
-    W?.(y, P);
-  }, Oe = (y, P) => {
-    R?.(y, P);
-  }, Xe = (y) => {
-    const P = de.current[y];
+  }, ve = S.filter((v) => v.visible), m = (v) => {
+    d?.(v ? o.map((P, O) => O) : []);
+  }, H = (v, P) => {
+    d?.(P ? [...a, v] : a.filter((O) => O !== v));
+  }, te = o.length > 0 && a.length === o.length, Le = a.length > 0 && a.length < o.length, Ee = (v, P) => {
+    W?.(v, P);
+  }, Oe = (v, P) => {
+    R?.(v, P);
+  }, Xe = (v) => {
+    const P = de.current[v];
     if (!P) return null;
     const O = P.getBoundingClientRect(), Ie = window.innerHeight, Ue = window.innerWidth, Qe = 120, Je = 120;
     let Ve = O.right - Je - 50;
     Ve < 0 && (Ve = O.left), Ve + Je > Ue && (Ve = Ue - Je - 10);
     const It = Ie - O.bottom, Nt = O.top, ft = It < Qe && Nt >= Qe;
     return { top: ft ? O.top - Qe + 8 : O.bottom + 4, left: Ve, shouldOpenUpward: ft };
-  }, xt = (y, P) => {
-    if (y.stopPropagation(), B === P)
+  }, xt = (v, P) => {
+    if (v.stopPropagation(), B === P)
       Q(null), ne(null);
     else {
       Q(P);
@@ -2873,7 +2873,7 @@ const ht = ({
     }
   };
   return X(() => {
-    const y = (Ie) => {
+    const v = (Ie) => {
       (!Ie.target || !Ie.target.closest(`.${F.actionsCell}`)) && (Q(null), ne(null));
     }, P = () => {
       if (B !== null) {
@@ -2886,22 +2886,22 @@ const ht = ({
         ne(Ie);
       }
     };
-    return document.addEventListener("click", y), window.addEventListener("scroll", P, !0), window.addEventListener("resize", O), () => {
-      document.removeEventListener("click", y), window.removeEventListener("scroll", P, !0), window.removeEventListener("resize", O);
+    return document.addEventListener("click", v), window.addEventListener("scroll", P, !0), window.addEventListener("resize", O), () => {
+      document.removeEventListener("click", v), window.removeEventListener("scroll", P, !0), window.removeEventListener("resize", O);
     };
   }, [B]), X(() => {
-    const y = (P) => {
+    const v = (P) => {
       ge && pe.current && ue.current && !pe.current.contains(P.target) && !ue.current.contains(P.target) && he(!1);
     };
-    return document.addEventListener("click", y), () => {
-      document.removeEventListener("click", y);
+    return document.addEventListener("click", v), () => {
+      document.removeEventListener("click", v);
     };
   }, [ge]), /* @__PURE__ */ l("div", { className: F.tableContainer, children: [
     (b || g) && /* @__PURE__ */ l("div", { className: F.gridHeader, children: [
       /* @__PURE__ */ e("div", { children: b }),
       g && /* @__PURE__ */ l("div", { className: F.columnConfiguration, children: [
-        /* @__PURE__ */ e("div", { className: F.columnConfigurationIcon, ref: pe, onClick: () => he((y) => !y), children: /* @__PURE__ */ e(Zt, {}) }),
-        ge && /* @__PURE__ */ e("ul", { className: F.columnConfigurationDropdown, ref: ue, children: S.map((y, P) => /* @__PURE__ */ l(
+        /* @__PURE__ */ e("div", { className: F.columnConfigurationIcon, ref: pe, onClick: () => he((v) => !v), children: /* @__PURE__ */ e(Zt, {}) }),
+        ge && /* @__PURE__ */ e("ul", { className: F.columnConfigurationDropdown, ref: ue, children: S.map((v, P) => /* @__PURE__ */ l(
           "li",
           {
             className: `${F.columnConfigurationItem} ${ae === P ? F.dragging : ""} ${J === P ? F.dragOver : ""}`,
@@ -2913,11 +2913,11 @@ const ht = ({
             onDragEnd: _e,
             children: [
               /* @__PURE__ */ e("div", { className: F.columnConfigurationItemIcon, children: /* @__PURE__ */ e(Ut, {}) }),
-              /* @__PURE__ */ e("div", { className: F.columnConfigurationItemCheckbox, onClick: (O) => O.stopPropagation(), children: /* @__PURE__ */ e(Fe, { checked: y.visible, change: () => fe(y) }) }),
-              /* @__PURE__ */ e("p", { children: y.label })
+              /* @__PURE__ */ e("div", { className: F.columnConfigurationItemCheckbox, onClick: (O) => O.stopPropagation(), children: /* @__PURE__ */ e(Fe, { checked: v.visible, change: () => fe(v) }) }),
+              /* @__PURE__ */ e("p", { children: v.label })
             ]
           },
-          y.key || y.id || P
+          v.key || v.id || P
         )) })
       ] })
     ] }),
@@ -2933,12 +2933,12 @@ const ht = ({
             " rows selected"
           ] }),
           /* @__PURE__ */ e("div", { className: F.tableHeaderSeparator }),
-          Array.isArray(f) && f.length > 0 ? f.map((y, P) => /* @__PURE__ */ l("div", { className: F.actionButton, onClick: () => y.onClick?.(a), children: [
-            y.text,
-            y.icon && /* @__PURE__ */ e("div", { dangerouslySetInnerHTML: { __html: y.icon } })
-          ] }, y.text || P)) : /* @__PURE__ */ l("div", { className: F.actionButton, onClick: () => p?.(a), children: [
-            v || "Delete",
-            M && /* @__PURE__ */ e("div", { dangerouslySetInnerHTML: { __html: M } })
+          Array.isArray(f) && f.length > 0 ? f.map((v, P) => /* @__PURE__ */ l("div", { className: F.actionButton, onClick: () => v.onClick?.(a), children: [
+            v.text,
+            v.icon
+          ] }, v.text || P)) : /* @__PURE__ */ l("div", { className: F.actionButton, onClick: () => p?.(a), children: [
+            y || "Delete",
+            M && M
           ] })
         ] })
       }
@@ -2950,22 +2950,22 @@ const ht = ({
           {
             type: "checkbox",
             checked: te,
-            ref: (y) => {
-              y && (y.indeterminate = Le);
+            ref: (v) => {
+              v && (v.indeterminate = Le);
             },
-            onChange: (y) => m(y.target.checked),
+            onChange: (v) => m(v.target.checked),
             className: F.checkbox
           }
         ) }),
-        ve.map((y) => /* @__PURE__ */ l(
+        ve.map((v) => /* @__PURE__ */ l(
           "th",
           {
-            onClick: () => n?.(y.key),
-            style: { width: _[y.key], position: "relative" },
+            onClick: () => n?.(v.key),
+            style: { width: _[v.key], position: "relative" },
             children: [
               /* @__PURE__ */ l("div", { className: F.headerContent, children: [
-                y.label,
-                s?.[0]?.selector === y.key && (s[0].desc ? /* @__PURE__ */ l("svg", { width: "14", height: "14", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+                v.label,
+                s?.[0]?.selector === v.key && (s[0].desc ? /* @__PURE__ */ l("svg", { width: "14", height: "14", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
                   /* @__PURE__ */ e(
                     "path",
                     {
@@ -3009,14 +3009,14 @@ const ht = ({
                 "div",
                 {
                   className: Ye(F.resizeHandle, {
-                    [F.resizing]: c && T === y.key
+                    [F.resizing]: c && T === v.key
                   }),
-                  onMouseDown: (P) => C(P, y.key)
+                  onMouseDown: (P) => C(P, v.key)
                 }
               )
             ]
           },
-          y.key
+          v.key
         )),
         h && /* @__PURE__ */ e("th", { className: F.actionsHeader, children: /* @__PURE__ */ e("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ e(
           "path",
@@ -3026,12 +3026,12 @@ const ht = ({
           }
         ) }) })
       ] }) }),
-      /* @__PURE__ */ e("tbody", { children: o.length === 0 ? /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: i ? ve.length + 2 : ve.length + 1, className: F.empty, children: "No data available" }) }) : o.map((y, P) => /* @__PURE__ */ l(
+      /* @__PURE__ */ e("tbody", { children: o.length === 0 ? /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: i ? ve.length + 2 : ve.length + 1, className: F.empty, children: "No data available" }) }) : o.map((v, P) => /* @__PURE__ */ l(
         "tr",
         {
           className: Ye({ [F.clickable]: !!r }),
           onClick: (O) => {
-            O.target.type !== "checkbox" && !O.target.closest(`.${F.actionsCell}`) && r?.(y, P);
+            O.target.type !== "checkbox" && !O.target.closest(`.${F.actionsCell}`) && r?.(v, P);
           },
           children: [
             i && /* @__PURE__ */ e("td", { className: F.checkboxCell, children: /* @__PURE__ */ e(
@@ -3044,7 +3044,7 @@ const ht = ({
                 className: F.checkbox
               }
             ) }),
-            ve.map((O) => /* @__PURE__ */ e("td", { style: { width: _[O.key] }, children: O.render ? O.render(y) : y[O.key] }, O.key)),
+            ve.map((O) => /* @__PURE__ */ e("td", { style: { width: _[O.key] }, children: O.render ? O.render(v) : v[O.key] }, O.key)),
             h && /* @__PURE__ */ e("td", { className: F.actionsCell, children: /* @__PURE__ */ e(
               "div",
               {
@@ -3097,8 +3097,8 @@ const ht = ({
             "div",
             {
               className: F.actionItem,
-              onClick: (y) => {
-                y.stopPropagation(), Ee(o[B], B), Q(null), ne(null);
+              onClick: (v) => {
+                v.stopPropagation(), Ee(o[B], B), Q(null), ne(null);
               },
               children: [
                 /* @__PURE__ */ e("svg", { width: "23", height: "23", viewBox: "0 0 23 23", fill: "none", xmlns: "http://www.w3.org/2000/svg", style: { transform: "scale(0.7)" }, children: /* @__PURE__ */ e(
@@ -3120,8 +3120,8 @@ const ht = ({
             {
               className: F.actionItem,
               style: { color: "#E3292F" },
-              onClick: (y) => {
-                y.stopPropagation(), Oe(o[B], B), Q(null), ne(null);
+              onClick: (v) => {
+                v.stopPropagation(), Oe(o[B], B), Q(null), ne(null);
               },
               children: [
                 /* @__PURE__ */ l("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
@@ -3162,23 +3162,16 @@ const ht = ({
               ]
             }
           ),
-          z.map((y, P) => /* @__PURE__ */ l(
+          z.map((v, P) => /* @__PURE__ */ l(
             "div",
             {
               className: F.actionItem,
               onClick: (O) => {
-                O.stopPropagation(), y.onClick?.(o[B], B), Q(null), ne(null);
+                O.stopPropagation(), v.onClick?.(o[B], B), Q(null), ne(null);
               },
               children: [
-                y.icon && /* @__PURE__ */ e(
-                  "div",
-                  {
-                    dangerouslySetInnerHTML: {
-                      __html: y.icon
-                    }
-                  }
-                ),
-                y.text
+                v.icon && /* @__PURE__ */ e("div", { children: v.icon }),
+                v.text
               ]
             },
             P

package/package.json

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