radar-ui 1.1.16 → 1.1.17

package/dist/index.js

@@ -21,11 +21,11 @@ var Xe;
 function Nt() {
   if (Xe) return Te;
   Xe = 1;
-  var t = Re, n = Symbol.for("react.element"), u = Symbol.for("react.fragment"), o = Object.prototype.hasOwnProperty, k = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, v = { key: !0, ref: !0, __self: !0, __source: !0 };
+  var t = Re, n = Symbol.for("react.element"), u = Symbol.for("react.fragment"), o = Object.prototype.hasOwnProperty, k = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, y = { key: !0, ref: !0, __self: !0, __source: !0 };
   function w(E, g, N) {
     var S, I = {}, B = null, Y = null;
     N !== void 0 && (B = "" + N), g.key !== void 0 && (B = "" + g.key), g.ref !== void 0 && (Y = g.ref);
-    for (S in g) o.call(g, S) && !v.hasOwnProperty(S) && (I[S] = g[S]);
+    for (S in g) o.call(g, S) && !y.hasOwnProperty(S) && (I[S] = g[S]);
     if (E && E.defaultProps) for (S in g = E.defaultProps, g) I[S] === void 0 && (I[S] = g[S]);
     return { $$typeof: n, type: E, key: B, ref: Y, props: I, _owner: k.current };
   }
@@ -44,7 +44,7 @@ var Pe = {};
 var qe;
 function It() {
   return qe || (qe = 1, process.env.NODE_ENV !== "production" && function() {
-    var t = Re, n = Symbol.for("react.element"), u = Symbol.for("react.portal"), o = Symbol.for("react.fragment"), k = Symbol.for("react.strict_mode"), v = Symbol.for("react.profiler"), w = Symbol.for("react.provider"), E = Symbol.for("react.context"), g = Symbol.for("react.forward_ref"), N = Symbol.for("react.suspense"), S = Symbol.for("react.suspense_list"), I = Symbol.for("react.memo"), B = Symbol.for("react.lazy"), Y = Symbol.for("react.offscreen"), H = Symbol.iterator, K = "@@iterator";
+    var t = Re, n = Symbol.for("react.element"), u = Symbol.for("react.portal"), o = Symbol.for("react.fragment"), k = Symbol.for("react.strict_mode"), y = Symbol.for("react.profiler"), w = Symbol.for("react.provider"), E = Symbol.for("react.context"), g = Symbol.for("react.forward_ref"), N = Symbol.for("react.suspense"), S = Symbol.for("react.suspense_list"), I = Symbol.for("react.memo"), B = Symbol.for("react.lazy"), Y = Symbol.for("react.offscreen"), H = Symbol.iterator, K = "@@iterator";
     function C(e) {
       if (e === null || typeof e != "object")
         return null;
@@ -69,10 +69,10 @@ function It() {
         Q.unshift("Warning: " + a), Function.prototype.apply.call(console[e], console, Q);
       }
     }
-    var h = !1, x = !1, m = !1, y = !1, D = !1, p;
+    var h = !1, b = !1, m = !1, x = !1, D = !1, p;
     p = Symbol.for("react.module.reference");
     function L(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === o || e === v || D || e === k || e === N || e === S || y || e === Y || h || x || m || typeof e == "object" && e !== null && (e.$$typeof === B || e.$$typeof === I || e.$$typeof === w || e.$$typeof === E || e.$$typeof === g || // This needs to include all possible module reference object
+      return !!(typeof e == "string" || typeof e == "function" || e === o || e === y || D || e === k || e === N || e === S || x || e === Y || h || b || m || typeof e == "object" && e !== null && (e.$$typeof === B || e.$$typeof === I || e.$$typeof === w || e.$$typeof === E || e.$$typeof === g || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
@@ -100,7 +100,7 @@ function It() {
           return "Fragment";
         case u:
           return "Portal";
-        case v:
+        case y:
           return "Profiler";
         case k:
           return "StrictMode";
@@ -285,7 +285,7 @@ function It() {
       var we = e ? e.displayName || e.name : "", je = we ? W(we) : "";
       return typeof e == "function" && fe.set(e, je), je;
     }
-    function b(e, a, d) {
+    function v(e, a, d) {
       return s(e, !1);
     }
     function O(e) {
@@ -308,7 +308,7 @@ function It() {
       if (typeof e == "object")
         switch (e.$$typeof) {
           case g:
-            return b(e.render);
+            return v(e.render);
           case I:
             return c(e.type, a, d);
           case B: {
@@ -634,24 +634,24 @@ React keys must be passed directly to JSX without using spread:
 process.env.NODE_ENV === "production" ? Me.exports = Nt() : Me.exports = It();
 var i = Me.exports;
 const $t = ({ column: t, currWidth: n, currMinWidth: u, onResize: o, scrollContainerRef: k }) => {
-  const [v, w] = be(!1), [E, g] = be(null), [N, S] = be(0), [I, B] = be(0), Y = Le(null), H = Le(0), K = Le(!1), C = Le(null), f = ee((h) => {
-    if (!v || !E || !t) return;
-    const x = h.clientX - N;
-    let m = Math.min((t == null ? void 0 : t.maxWidth) || 9999999, I + x);
-    const y = k == null ? void 0 : k.current, D = -10, p = 10, L = h.clientX, A = y == null ? void 0 : y.getBoundingClientRect(), P = A == null ? void 0 : A.right;
-    y && P && P - L < D && !K.current && (K.current = !0, H.current = m, Y.current = setInterval(() => {
+  const [y, w] = be(!1), [E, g] = be(null), [N, S] = be(0), [I, B] = be(0), Y = Le(null), H = Le(0), K = Le(!1), C = Le(null), f = ee((h) => {
+    if (!y || !E || !t) return;
+    const b = h.clientX - N;
+    let m = Math.min((t == null ? void 0 : t.maxWidth) || 9999999, I + b);
+    const x = k == null ? void 0 : k.current, D = -10, p = 10, L = h.clientX, A = x == null ? void 0 : x.getBoundingClientRect(), P = A == null ? void 0 : A.right;
+    x && P && P - L < D && !K.current && (K.current = !0, H.current = m, Y.current = setInterval(() => {
       if (t != null && t.maxWidth && H.current >= (t == null ? void 0 : t.maxWidth)) return;
-      const te = y.scrollWidth - y.clientWidth + p;
-      y.scrollLeft < te ? (y.scrollLeft += p, H.current += p, console.log("Calling onResize with width:", H.current), o == null || o(E, H.current)) : (console.log("Max scroll reached, but continuing to resize"), H.current += p, o == null || o(E, H.current));
+      const te = x.scrollWidth - x.clientWidth + p;
+      x.scrollLeft < te ? (x.scrollLeft += p, H.current += p, console.log("Calling onResize with width:", H.current), o == null || o(E, H.current)) : (console.log("Max scroll reached, but continuing to resize"), H.current += p, o == null || o(E, H.current));
     }, 16)), K.current || o == null || o(E, m);
-  }, [v, N, I, E, o, k]), r = ee((h) => {
-    v && (E && h.clientX - N, Y.current && (console.log("Stopping auto scroll on mouse up"), clearInterval(Y.current), Y.current = null), K.current = !1, w(!1), S(0), B(0), g(null), document.removeEventListener("mousemove", f), document.removeEventListener("mouseup", r));
-  }, [v, E, N, I, f]), l = ee((h, x, m) => {
-    h.preventDefault(), w(!0), S(h.clientX), B(m), g(x);
+  }, [y, N, I, E, o, k]), r = ee((h) => {
+    y && (E && h.clientX - N, Y.current && (console.log("Stopping auto scroll on mouse up"), clearInterval(Y.current), Y.current = null), K.current = !1, w(!1), S(0), B(0), g(null), document.removeEventListener("mousemove", f), document.removeEventListener("mouseup", r));
+  }, [y, E, N, I, f]), l = ee((h, b, m) => {
+    h.preventDefault(), w(!0), S(h.clientX), B(m), g(b);
   }, []);
   return Ie(() => {
-    v && (document.addEventListener("mousemove", f), document.addEventListener("mouseup", r));
-  }, [v, f, r]), Ie(() => () => {
+    y && (document.addEventListener("mousemove", f), document.addEventListener("mouseup", r));
+  }, [y, f, r]), Ie(() => () => {
     document.removeEventListener("mousemove", f), document.removeEventListener("mouseup", r);
   }, [f, r]), /* @__PURE__ */ i.jsx(
     "button",
@@ -664,10 +664,10 @@ const $t = ({ column: t, currWidth: n, currMinWidth: u, onResize: o, scrollConta
     }
   );
 }, Ft = ({ text: t, children: n }) => {
-  const [u, o] = be(!1), [k, v] = be("left"), w = Le(null), E = () => {
+  const [u, o] = be(!1), [k, y] = be("left"), w = Le(null), E = () => {
     if (w.current) {
       const g = w.current.getBoundingClientRect(), N = window.innerWidth, S = 250, I = 20, B = N - g.left, Y = g.right;
-      B < S + I && Y > S + I ? v("right") : v("left");
+      B < S + I && Y > S + I ? y("right") : y("left");
     }
     o(!0);
   };
@@ -705,7 +705,7 @@ function At({
   fullConfig: n,
   onColumnReorder: u
 }) {
-  const [o, k] = be(null), v = jt(
+  const [o, k] = be(null), y = jt(
     Ke(kt, {
       activationConstraint: {
         distance: 5
@@ -719,7 +719,7 @@ function At({
     const f = St(C);
     if (f.length > 0) {
       const h = f.filter(
-        (x) => x.id.toString().startsWith("drop-zone-")
+        (b) => b.id.toString().startsWith("drop-zone-")
       );
       if (h.length > 0)
         return console.log("🎯 Pointer collision found:", h[0].id), h;
@@ -729,12 +729,12 @@ function At({
     );
     return l.length > 0 ? (console.log("📦 Rect collision found:", l[0].id), [l[0]]) : [];
   }, []), E = ee((C) => C.some((f) => f.children && f.children.length > 0), []), g = ee((C, f) => {
-    const r = (l, h, x = 0, m = null) => {
-      for (const y of l) {
-        if (y.key === h)
-          return { column: y, parent: m, level: x };
-        if (y.children && y.children.length > 0) {
-          const D = r(y.children, h, x + 1, y);
+    const r = (l, h, b = 0, m = null) => {
+      for (const x of l) {
+        if (x.key === h)
+          return { column: x, parent: m, level: b };
+        if (x.children && x.children.length > 0) {
+          const D = r(x.children, h, b + 1, x);
           if (D) return D;
         }
       }
@@ -746,7 +746,7 @@ function At({
     const r = g(f, C);
     return r && (r.column.fixed || ((l = r.parent) == null ? void 0 : l.fixed)) || !1;
   }, [g]), S = ee((C, f) => {
-    var h, x, m, y;
+    var h, b, m, x;
     if (C.columnKey === f.columnKey)
       return !1;
     const r = N(C.columnKey, n), l = N(f.columnKey, n);
@@ -768,7 +768,7 @@ function At({
           draggedLevel: D.level,
           targetLevel: p.level,
           draggedParent: (h = D.parent) == null ? void 0 : h.key,
-          targetParent: (x = p.parent) == null ? void 0 : x.key
+          targetParent: (b = p.parent) == null ? void 0 : b.key
         }), P && M;
       }
       if (L && A) {
@@ -779,7 +779,7 @@ function At({
           draggedLevel: D.level,
           targetLevel: p.level,
           draggedParent: (m = D.parent) == null ? void 0 : m.key,
-          targetParent: (y = p.parent) == null ? void 0 : y.key
+          targetParent: (x = p.parent) == null ? void 0 : x.key
         }), P && M;
       }
       return console.log("❌ Mixed group/leaf drop rejected", {
@@ -802,7 +802,7 @@ function At({
     const l = g(n, C), h = g(n, f);
     if (!l || !h)
       return console.log("❌ Column info not found in complex config"), r;
-    const x = JSON.parse(JSON.stringify(n)), m = (Z, re) => {
+    const b = JSON.parse(JSON.stringify(n)), m = (Z, re) => {
       if (re === null)
         return { container: Z, parentObj: null };
       const q = (X) => {
@@ -820,7 +820,7 @@ function At({
         container: (se == null ? void 0 : se.children) || Z,
         parentObj: se
       };
-    }, y = ((U = l.parent) == null ? void 0 : U.key) || null, D = ((ue = h.parent) == null ? void 0 : ue.key) || null, { container: p } = m(x, y), { container: L } = m(x, D);
+    }, x = ((U = l.parent) == null ? void 0 : U.key) || null, D = ((ue = h.parent) == null ? void 0 : ue.key) || null, { container: p } = m(b, x), { container: L } = m(b, D);
     if (p !== L)
       return console.log("❌ Different containers for drag and target"), r;
     const A = p.findIndex((Z) => Z.key === C), P = p.findIndex((Z) => Z.key === f);
@@ -837,8 +837,8 @@ function At({
       draggedIndex: A,
       targetIndex: P,
       insertIndex: te,
-      parentKey: y
-    }), x;
+      parentKey: x
+    }), b;
   }, [n, E, g]), B = ee((C) => {
     const f = C.active.data.current;
     k(f), document.body.style.cursor = "grabbing", console.log("🚀 Drag started:", f);
@@ -853,10 +853,10 @@ function At({
       document.body.style.cursor = "grabbing";
       return;
     }
-    const x = S(l, h);
-    document.body.style.cursor = x ? "copy" : "not-allowed", console.log("🎯 Drag over:", {
+    const b = S(l, h);
+    document.body.style.cursor = b ? "copy" : "not-allowed", console.log("🎯 Drag over:", {
       target: h.columnKey,
-      isValid: x,
+      isValid: b,
       draggedType: l.isLeaf ? "leaf" : "group",
       targetType: h.isLeaf ? "leaf" : "group"
     });
@@ -872,18 +872,18 @@ function At({
       return;
     }
     if (console.log("✅ Valid drop:", { dragData: l, dropData: h }), u) {
-      const x = I(
+      const b = I(
         l.columnKey,
         h.columnKey,
         n
       );
-      x._dragInfo = {
+      b._dragInfo = {
         draggedKey: l.columnKey,
         targetKey: h.columnKey,
         draggedIndex: l.index,
         targetIndex: -1
         // будет вычислен в TableHeader если нужно
-      }, u(x), console.log("🔄 Column reorder executed");
+      }, u(b), console.log("🔄 Column reorder executed");
     }
   }, [S, u, I, n]), K = {
     activeColumn: o,
@@ -892,7 +892,7 @@ function At({
   return /* @__PURE__ */ i.jsx(at.Provider, { value: K, children: /* @__PURE__ */ i.jsxs(
     Ot,
     {
-      sensors: v,
+      sensors: y,
       collisionDetection: w,
       onDragStart: B,
       onDragOver: Y,
@@ -916,7 +916,7 @@ function Mt({
   config: u,
   fullConfig: o,
   sorting: k,
-  onSort: v,
+  onSort: y,
   onResize: w,
   sortIcon: E,
   resizeable: g,
@@ -941,22 +941,22 @@ function Mt({
         if (s.key === fe)
           return pe;
         if (s.children && s.children.length > 0) {
-          const b = W(s.children, fe, s);
-          if (b !== null) return b;
+          const v = W(s.children, fe, s);
+          if (v !== null) return v;
         }
       }
       return null;
     };
     return W(o, _);
-  }, [o])(t.key), y = t.fixed || (m == null ? void 0 : m.fixed) || !1, p = ee((_) => {
+  }, [o])(t.key), x = t.fixed || (m == null ? void 0 : m.fixed) || !1, p = ee((_) => {
     if (!o) return 0;
     const W = (ie, fe, pe = 0) => {
       for (const s of ie) {
         if (s.key === fe)
           return pe;
         if (s.children && s.children.length > 0) {
-          const b = W(s.children, fe, pe + 1);
-          if (b !== -1) return b;
+          const v = W(s.children, fe, pe + 1);
+          if (v !== -1) return v;
         }
       }
       return -1;
@@ -972,7 +972,7 @@ function Mt({
     data: {
       type: "table-column",
       columnKey: t.key,
-      isFixed: y,
+      isFixed: x,
       parentKey: m == null ? void 0 : m.key,
       level: p,
       index: n,
@@ -988,8 +988,8 @@ function Mt({
     data: {
       type: "column-drop-zone",
       columnKey: t.key,
-      isFixed: y,
-      accepts: [y ? "fixed" : "non-fixed"],
+      isFixed: x,
+      accepts: [x ? "fixed" : "non-fixed"],
       isLeaf: l
       // ✅ Добавляем информацию о типе колонки
     },
@@ -1001,12 +1001,12 @@ function Mt({
     const _ = {
       type: "column-drop-zone",
       columnKey: t.key,
-      isFixed: y,
-      accepts: [y ? "fixed" : "non-fixed"],
+      isFixed: x,
+      accepts: [x ? "fixed" : "non-fixed"],
       isLeaf: l
     };
     return r(f, _);
-  }, [f, U, t.key, y, r, l]), re = Ne(() => M ? "grabbing" : U && f ? Z ? "copy" : "not-allowed" : "default", [M, U, f, Z]), q = t.fixed && !t.width ? 200 : t.width, se = t.fixed && !t.minWidth ? 200 : t.minWidth;
+  }, [f, U, t.key, x, r, l]), re = Ne(() => M ? "grabbing" : U && f ? Z ? "copy" : "not-allowed" : "default", [M, U, f, Z]), q = t.fixed && !t.width ? 200 : t.width, se = t.fixed && !t.minWidth ? 200 : t.minWidth;
   let X = t.fixedLeft ? t.fixedLeft : 0;
   if (n !== 0)
     for (let _ = 0; _ < n; _++) {
@@ -1022,8 +1022,8 @@ function Mt({
           if (s.children) {
             if (s.children.some((O) => O.key === pe))
               return s;
-            const b = W(s.children, pe);
-            if (b) return b;
+            const v = W(s.children, pe);
+            if (v) return v;
           }
         return null;
       }, ie = W(o, _.key);
@@ -1098,7 +1098,7 @@ function Mt({
                     columnKey: t.key,
                     direction: "ASC"
                   };
-                  _ === "ASC" && (W.direction = "DESC"), _ === "DESC" && (W.columnKey = void 0, W.direction = void 0), v(W.columnKey, W.direction);
+                  _ === "ASC" && (W.direction = "DESC"), _ === "DESC" && (W.columnKey = void 0, W.direction = void 0), y(W.columnKey, W.direction);
                 },
                 style: {
                   cursor: t.sortable ? "pointer" : "default",
@@ -1112,7 +1112,7 @@ function Mt({
                 "button",
                 {
                   className: "radar-table__sort-button",
-                  onClick: (_) => v(t.key, "ASC"),
+                  onClick: (_) => y(t.key, "ASC"),
                   title: `Сортировать по ${t.title}`,
                   children: /* @__PURE__ */ i.jsx("svg", { width: "12", height: "7", viewBox: "0 0 12 7", fill: "none", xmlns: "http://www.w3.org/2000/svg", style: { width: 12, height: 7 }, children: /* @__PURE__ */ i.jsx("path", { fill: ne, d: "M4.99264 0.21967C5.28553 -0.0732233 5.76041 -0.0732233 6.0533 0.21967L10.8263 4.99264C11.1192 5.28553 11.1192 5.76041 10.8263 6.0533C10.5334 6.34619 10.0585 6.34619 9.76561 6.0533L6.27297 2.56066L5.5 1.78769L4.77297 2.56066L1.28033 6.0533C0.987437 6.34619 0.512563 6.34619 0.21967 6.0533C-0.0732234 5.76041 -0.0732234 5.28553 0.21967 4.99264L4.99264 0.21967Z" }) })
                 }
@@ -1121,7 +1121,7 @@ function Mt({
                 "button",
                 {
                   className: "radar-table__sort-button",
-                  onClick: (_) => v(t.key, "DESC"),
+                  onClick: (_) => y(t.key, "DESC"),
                   title: `Сортировать по ${t.title}`,
                   children: /* @__PURE__ */ i.jsx("svg", { width: "12", height: "7", viewBox: "0 0 12 7", fill: "none", xmlns: "http://www.w3.org/2000/svg", style: { width: 12, height: 7 }, children: /* @__PURE__ */ i.jsx("path", { fill: ae, d: "M4.99264 6.78033C5.28553 7.07322 5.76041 7.07322 6.0533 6.78033L10.8263 2.00736C11.1192 1.71447 11.1192 1.23959 10.8263 0.946699C10.5334 0.653806 10.0585 0.653806 9.76561 0.946699L6.27297 4.43934L5.5 5.21231L4.77297 4.43934L1.28033 0.946699C0.987437 0.653806 0.512563 0.653806 0.21967 0.946699C-0.0732234 1.23959 -0.0732234 1.71447 0.21967 2.00736L4.99264 6.78033Z" }) })
                 }
@@ -1152,7 +1152,7 @@ function Qe({
   onResize: o,
   onColumnReorder: k,
   // ✅ Сохранен (понадобится для передачи в TableDndProvider)
-  sortIcon: v,
+  sortIcon: y,
   resizeable: w,
   draggableColumns: E,
   preset: g,
@@ -1171,13 +1171,13 @@ function Qe({
   const [l, h] = be({
     sort_field: void 0,
     sort_order: void 0
-  }), x = ee((m, y) => {
+  }), b = ee((m, x) => {
     const { sort_field: D, sort_order: p } = l;
     let L = {
       sort_field: m,
-      sort_order: y
+      sort_order: x
     };
-    D === m && p === y && (L = {
+    D === m && p === x && (L = {
       sort_field: void 0,
       sort_order: void 0
     }), console.log("newSortingState", L), h(L), u == null || u(L.sort_field, L.sort_order);
@@ -1187,17 +1187,17 @@ function Qe({
     {
       className: `radar-table__header-row ${g ? g + "__header-row" : ""} ${I || ""}`,
       style: B,
-      children: t.map((m, y) => /* @__PURE__ */ i.jsx(
+      children: t.map((m, x) => /* @__PURE__ */ i.jsx(
         Mt,
         {
           column: m,
-          index: y,
+          index: x,
           config: t,
           fullConfig: n,
           sorting: l,
-          onSort: x,
+          onSort: b,
           onResize: o,
-          sortIcon: v,
+          sortIcon: y,
           resizeable: w,
           draggableColumns: E,
           preset: g,
@@ -1219,7 +1219,7 @@ function Vt(t) {
     preset: u,
     headerClassName: o,
     headerStyle: k,
-    stickyHeader: v,
+    stickyHeader: y,
     headerRowClassName: w,
     headerRowStyle: E,
     headerCellClassName: g,
@@ -1231,16 +1231,16 @@ function Vt(t) {
   } = t, H = n.some((r) => r.children && r.children.length > 0), K = Ne(() => {
     if (!H)
       return null;
-    const r = {}, l = (h, x = 0) => {
-      r[x] || (r[x] = []), h.forEach((m) => {
-        m.hidden || (r[x].push(m), m.children && m.children.length > 0 && l(m.children, x + 1));
+    const r = {}, l = (h, b = 0) => {
+      r[b] || (r[b] = []), h.forEach((m) => {
+        m.hidden || (r[b].push(m), m.children && m.children.length > 0 && l(m.children, b + 1));
       });
     };
     return l(n), r;
   }, [n, H]), C = ee((r, l) => {
     if (!B) return;
-    const h = (y, D) => {
-      for (const p of y) {
+    const h = (x, D) => {
+      for (const p of x) {
         if (p.key === D) return p;
         if (p.children) {
           const L = h(p.children, D);
@@ -1248,20 +1248,20 @@ function Vt(t) {
         }
       }
       return null;
-    }, x = (y) => {
-      if (!y.children || y.children.length === 0)
-        return [y];
+    }, b = (x) => {
+      if (!x.children || x.children.length === 0)
+        return [x];
       const D = [];
-      return y.children.forEach((p) => {
-        p.hidden || D.push(...x(p));
+      return x.children.forEach((p) => {
+        p.hidden || D.push(...b(p));
       }), D;
     }, m = h(n, r);
     if (m)
       if (m.children && m.children.length > 0) {
-        const y = x(m);
-        if (y.length > 0) {
-          const D = y.reduce((L, A) => L + (A.width || A.minWidth || 200), 0), p = l / D;
-          y.forEach((L) => {
+        const x = b(m);
+        if (x.length > 0) {
+          const D = x.reduce((L, A) => L + (A.width || A.minWidth || 200), 0), p = l / D;
+          x.forEach((L) => {
             const A = Math.max(50, Math.round((L.width || L.minWidth || 200) * p));
             B(L.key, A);
           });
@@ -1298,10 +1298,10 @@ function Vt(t) {
       return JSON.stringify($) === JSON.stringify(ne);
     }))
       return;
-    const x = r._dragInfo;
-    if (!(x != null && x.draggedKey) || !(x != null && x.targetKey))
+    const b = r._dragInfo;
+    if (!(b != null && b.draggedKey) || !(b != null && b.targetKey))
       return;
-    const { draggedKey: m, targetKey: y } = x, D = l(n, m), p = l(n, y);
+    const { draggedKey: m, targetKey: x } = b, D = l(n, m), p = l(n, x);
     if (!D || !p) return;
     const { column: L, parent: A, path: P, level: M } = D, { column: te, parent: U, path: ue, level: Z } = p, re = (J, $) => J.fixed || ($ == null ? void 0 : $.fixed) || !1, q = re(L, A), se = re(te, U);
     if (M !== Z || A !== U || A && U && A.key !== U.key || q !== se)
@@ -1330,8 +1330,8 @@ function Vt(t) {
     {
       className: `radar-table__header ${u ? u + "__header" : ""} ${o}`,
       style: {
-        position: v ? "sticky" : "static",
-        top: v && typeof v == "number" ? v : 0,
+        position: y ? "sticky" : "static",
+        top: y && typeof y == "number" ? y : 0,
         ...k
       },
       children: Object.keys(K).map((r) => {
@@ -1352,14 +1352,14 @@ function Vt(t) {
             headerRowClassName: w,
             headerRowStyle: {
               ...E,
-              position: v ? "sticky" : "static",
-              top: v && typeof v == "number" ? v + (h - 1) * 50 : 0
+              position: y ? "sticky" : "static",
+              top: y && typeof y == "number" ? y + (h - 1) * 50 : 0
             },
             headerCellClassName: g,
             headerCellStyle: N,
             headerCellWrapperClassName: S,
             headerCellWrapperStyle: I,
-            stickyHeader: v,
+            stickyHeader: y,
             sortIcon: t.sortIcon,
             scrollContainerRef: t.scrollContainerRef
           },
@@ -1372,8 +1372,8 @@ function Vt(t) {
     {
       className: `radar-table__header ${u ? u + "__header" : ""} ${o}`,
       style: {
-        position: v ? "sticky" : "static",
-        top: v && typeof v == "number" ? v : 0,
+        position: y ? "sticky" : "static",
+        top: y && typeof y == "number" ? y : 0,
         ...k
       },
       children: /* @__PURE__ */ i.jsx(Qe, { ...t, fullConfig: n, onResize: C, onColumnReorder: f, scrollContainerRef: t.scrollContainerRef })
@@ -1398,7 +1398,7 @@ function Bt({
   config: u,
   rowKey: o,
   loading: k = !1,
-  onRowReorder: v,
+  onRowReorder: y,
   preset: w,
   customCellRender: E,
   treeMode: g,
@@ -1414,9 +1414,9 @@ function Bt({
   bodyCellClassName: r,
   bodyCellStyle: l,
   bodyCellWrapperClassName: h,
-  bodyCellWrapperStyle: x,
+  bodyCellWrapperStyle: b,
   noDataRender: m,
-  scrollContainerRef: y,
+  scrollContainerRef: x,
   recalculateRowHeight: D
 }) {
   var pe;
@@ -1424,8 +1424,8 @@ function Bt({
     N || te(new Set(s)), I == null || I(s);
   }, [N, I]), Z = ee((s) => o ? o(s) : JSON.stringify(s), [o]), re = Re.useMemo(() => {
     if (!g) return [];
-    const s = [], b = n;
-    return b.forEach((O, c) => {
+    const s = [], v = n;
+    return v.forEach((O, c) => {
       const T = Z(O), V = O == null ? void 0 : O.children;
       s.push({
         record: O,
@@ -1433,7 +1433,7 @@ function Bt({
         type: "parent",
         depth: 0,
         indexWithinGroup: c,
-        groupSize: b.length
+        groupSize: v.length
       }), V && V.length > 0 && U.has(T) && V.forEach((R, he) => {
         s.push({
           record: R,
@@ -1448,11 +1448,11 @@ function Bt({
     }), s;
   }, [g, n, Z, U]), q = Re.useMemo(() => {
     const s = /* @__PURE__ */ new Map();
-    return re.forEach((b) => s.set(b.key, b)), s;
+    return re.forEach((v) => s.set(v.key, v)), s;
   }, [re]);
   Ie(() => {
     Jt && D && (() => {
-      const b = document.querySelectorAll(".radar-table__body-row");
+      const v = document.querySelectorAll(".radar-table__body-row");
       document.querySelectorAll(".radar-table__header-row").forEach((c) => {
         const T = c.querySelectorAll(".radar-table__header-cell-wrapper");
         let V = 0;
@@ -1461,7 +1461,7 @@ function Bt({
         }), T.forEach((R) => {
           R.style.height = V + "px";
         });
-      }), b.forEach((c) => {
+      }), v.forEach((c) => {
         const T = c.querySelectorAll(".radar-table__body-cell-wrapper");
         let V = 0;
         T.forEach((R) => {
@@ -1473,33 +1473,33 @@ function Bt({
     })();
   }, [n, u]);
   const X = ((s) => {
-    const b = [], O = (c) => {
+    const v = [], O = (c) => {
       c.forEach((T) => {
-        T.children && T.children.length > 0 ? O(T.children) : b.push(T);
+        T.children && T.children.length > 0 ? O(T.children) : v.push(T);
       });
     };
-    return O(s), b;
+    return O(s), v;
   })(u), J = (s) => {
     if (s.groupColor)
       return s.groupColor;
-    const b = (c, T) => {
+    const v = (c, T) => {
       for (const V of c)
         if (V.children) {
           if (V.children.some((he) => he.key === T))
             return V;
-          const R = b(V.children, T);
+          const R = v(V.children, T);
           if (R) return R;
         }
       return null;
-    }, O = b(u, s.key);
+    }, O = v(u, s.key);
     return O == null ? void 0 : O.groupColor;
-  }, $ = ee((s, b) => {
-    if (!b) {
+  }, $ = ee((s, v) => {
+    if (!v) {
       s.preventDefault();
       return;
     }
-    L(b), s.dataTransfer.effectAllowed = "move", s.dataTransfer.setData("text/plain", b), document.body.style.cursor = "grabbing";
-    const O = n.find((c) => (o ? o(c) : JSON.stringify(c)) === b);
+    L(v), s.dataTransfer.effectAllowed = "move", s.dataTransfer.setData("text/plain", v), document.body.style.cursor = "grabbing";
+    const O = n.find((c) => (o ? o(c) : JSON.stringify(c)) === v);
     if (O) {
       const c = document.createElement("div");
       c.style.cssText = `
@@ -1530,38 +1530,38 @@ function Bt({
     }
   }, []), ne = ee((s) => {
     s.preventDefault(), s.dataTransfer.dropEffect = "move";
-  }, []), ae = ee((s, b) => {
+  }, []), ae = ee((s, v) => {
     if (s.preventDefault(), !p) return;
     if (!g) {
-      p !== b && P(b);
+      p !== v && P(v);
       return;
     }
-    const O = q.get(p), c = q.get(b);
+    const O = q.get(p), c = q.get(v);
     if (!O || !c) return;
     const T = O.type === "parent" && c.type === "parent" || O.type === "child" && c.type === "child" && O.parentKey === c.parentKey;
-    P(T && p !== b ? b : null);
+    P(T && p !== v ? v : null);
   }, [p, g, q]), le = ee((s) => {
     s.preventDefault(), P(null);
   }, []), _ = ee(() => {
     L(null), P(null), document.body.style.cursor = "";
-  }, []), W = ee((s, b) => {
-    if (s.preventDefault(), !p || p === b)
+  }, []), W = ee((s, v) => {
+    if (s.preventDefault(), !p || p === v)
       return;
     if (!g) {
-      const T = n.findIndex((ce) => (o ? o(ce) : JSON.stringify(ce)) === p), V = n.findIndex((ce) => (o ? o(ce) : JSON.stringify(ce)) === b);
+      const T = n.findIndex((ce) => (o ? o(ce) : JSON.stringify(ce)) === p), V = n.findIndex((ce) => (o ? o(ce) : JSON.stringify(ce)) === v);
       if (T === -1 || V === -1)
         return;
       const R = [...n], [he] = R.splice(T, 1);
-      R.splice(V, 0, he), v == null || v(R), L(null), P(null), document.body.style.cursor = "";
+      R.splice(V, 0, he), y == null || y(R), L(null), P(null), document.body.style.cursor = "";
       return;
     }
-    const O = q.get(p), c = q.get(b);
+    const O = q.get(p), c = q.get(v);
     if (!(!O || !c)) {
       if (O.type === "parent" && c.type === "parent") {
         const T = n.findIndex((ce) => (o ? o(ce) : JSON.stringify(ce)) === O.key), V = n.findIndex((ce) => (o ? o(ce) : JSON.stringify(ce)) === c.key);
         if (T === -1 || V === -1) return;
         const R = [...n], [he] = R.splice(T, 1);
-        R.splice(V, 0, he), v == null || v(R), L(null), P(null), document.body.style.cursor = "";
+        R.splice(V, 0, he), y == null || y(R), L(null), P(null), document.body.style.cursor = "";
         return;
       }
       if (O.type === "child" && c.type === "child" && O.parentKey === c.parentKey) {
@@ -1576,14 +1576,14 @@ function Bt({
           const Ee = [...R], [me] = Ee.splice(he, 1);
           return Ee.splice(ce, 0, me), { ...ge, children: Ee };
         });
-        v == null || v(Ce), L(null), P(null), document.body.style.cursor = "";
+        y == null || y(Ce), L(null), P(null), document.body.style.cursor = "";
         return;
       }
     }
-  }, [p, n, o, v, g, q]);
+  }, [p, n, o, y, g, q]);
   if (n.length === 0) {
     let s;
-    return y && (s = ((pe = y.current) == null ? void 0 : pe.clientWidth) + "px"), /* @__PURE__ */ i.jsx("tbody", { className: `radar-table__body ${w ? w + "__body" : ""} ${H}`, style: K, children: /* @__PURE__ */ i.jsx(
+    return x && (s = ((pe = x.current) == null ? void 0 : pe.clientWidth) + "px"), /* @__PURE__ */ i.jsx("tbody", { className: `radar-table__body ${w ? w + "__body" : ""} ${H}`, style: K, children: /* @__PURE__ */ i.jsx(
       "tr",
       {
         className: `radar-table__body-row ${w ? w + "__body-row" : ""} ${C}`,
@@ -1613,11 +1613,11 @@ function Bt({
     indexWithinGroup: 0,
     groupSize: n.length
   })), fe = ee((s) => {
-    const b = new Set(U);
-    b.has(s) ? b.delete(s) : b.add(s), ue(Array.from(b));
+    const v = new Set(U);
+    v.has(s) ? v.delete(s) : v.add(s), ue(Array.from(v));
   }, [U, ue]);
   return /* @__PURE__ */ i.jsx("tbody", { className: `radar-table__body ${w ? w + "__body" : ""} ${H}`, style: K, children: ie.map((s) => {
-    const b = s.record, O = s.key;
+    const v = s.record, O = s.key;
     return /* @__PURE__ */ i.jsx(
       "tr",
       {
@@ -1657,10 +1657,10 @@ function Bt({
                   style: {
                     backgroundColor: Ce || "white",
                     paddingLeft: Se,
-                    ...x
+                    ...b
                   },
                   children: [
-                    ge && Ee && g && /* @__PURE__ */ i.jsx(
+                    ge && Ee && g && (v == null ? void 0 : v.children) && v.children.length > 0 && /* @__PURE__ */ i.jsx(
                       "button",
                       {
                         type: "button",
@@ -1669,12 +1669,12 @@ function Bt({
                         onClick: () => fe(s.key),
                         style: { marginRight: 8, cursor: "pointer", background: "transparent", border: "none", transform: me ? "rotate(180deg)" : "rotate(0deg)", transition: "transform 150ms ease" },
                         title: me ? "Свернуть" : "Развернуть",
-                        children: Y ? Y(me, b) : /* @__PURE__ */ i.jsx("svg", { width: "12", height: "8", viewBox: "0 0 12 8", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ i.jsx("path", { d: "M4.99264 6.91705C5.28553 7.20994 5.76041 7.20994 6.0533 6.91705L10.8263 2.14408C11.1192 1.85118 11.1192 1.37631 10.8263 1.08342C10.5334 0.790524 10.0585 0.790524 9.76561 1.08342L6.27297 4.57606L5.5 5.34903L4.77297 4.57606L1.28033 1.08342C0.987437 0.790524 0.512563 0.790524 0.21967 1.08342C-0.0732234 1.37631 -0.0732234 1.85118 0.21967 2.14408L4.99264 6.91705Z", fill: "#8C8C8C" }) })
+                        children: Y ? Y(me, v) : /* @__PURE__ */ i.jsx("svg", { width: "12", height: "8", viewBox: "0 0 12 8", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ i.jsx("path", { d: "M4.99264 6.91705C5.28553 7.20994 5.76041 7.20994 6.0533 6.91705L10.8263 2.14408C11.1192 1.85118 11.1192 1.37631 10.8263 1.08342C10.5334 0.790524 10.0585 0.790524 9.76561 1.08342L6.27297 4.57606L5.5 5.34903L4.77297 4.57606L1.28033 1.08342C0.987437 0.790524 0.512563 0.790524 0.21967 1.08342C-0.0732234 1.37631 -0.0732234 1.85118 0.21967 2.14408L4.99264 6.91705Z", fill: "#8C8C8C" }) })
                       }
                     ),
-                    ce ? E == null ? void 0 : E.renderer(b[c.dataIndex], b, T, c.dataIndex) : /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
-                      c.units && zt(((Oe = b[c.key]) == null ? void 0 : Oe.toString()) || "", c.units),
-                      !c.units && b[c.key]
+                    ce ? E == null ? void 0 : E.renderer(v[c.dataIndex], v, T, c.dataIndex) : /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
+                      c.units && zt(((Oe = v[c.key]) == null ? void 0 : Oe.toString()) || "", c.units),
+                      !c.units && v[c.key]
                     ] })
                   ]
                 }
@@ -1689,7 +1689,7 @@ function Bt({
   }) });
 }
 const et = ({ config: t }) => {
-  const [{ current: n, pageSize: u, total: o, onChange: k, showQuickJumper: v, buttonsCount: w = 4, hideOnSinglePage: E = !1 }, g] = be(t);
+  const [{ current: n, pageSize: u, total: o, onChange: k, showQuickJumper: y, buttonsCount: w = 4, hideOnSinglePage: E = !1 }, g] = be(t);
   Ie(() => {
     g(t);
   }, [t]);
@@ -1706,8 +1706,8 @@ const et = ({ config: t }) => {
     r.target.value = h;
   }, K = (r) => {
     r.preventDefault();
-    const h = r.clipboardData.getData("text").replace(/[^0-9]/g, ""), x = r.target, m = x.selectionStart || 0, y = x.selectionEnd || 0, D = x.value.substring(0, m) + h + x.value.substring(y);
-    x.value = D, x.setSelectionRange(m + h.length, m + h.length);
+    const h = r.clipboardData.getData("text").replace(/[^0-9]/g, ""), b = r.target, m = b.selectionStart || 0, x = b.selectionEnd || 0, D = b.value.substring(0, m) + h + b.value.substring(x);
+    b.value = D, b.setSelectionRange(m + h.length, m + h.length);
   }, C = (r) => {
     const l = r.currentTarget.id;
     l === "pagination_left_button" && n > 1 && (g({ ...t, current: n - 1 }), k == null || k(n - 1, u)), l === "pagination_right_button" && n < o && (g({ ...t, current: n + 1 }), k == null || k(n + 1, u));
@@ -1733,7 +1733,7 @@ const et = ({ config: t }) => {
         ]
       }
     ),
-    v && /* @__PURE__ */ i.jsxs("div", { className: "radar-table__pagination-quick-jumper", children: [
+    y && /* @__PURE__ */ i.jsxs("div", { className: "radar-table__pagination-quick-jumper", children: [
       "Перейти на ",
       /* @__PURE__ */ i.jsx(
         "input",
@@ -1756,7 +1756,7 @@ function Kt({
   config: u,
   rowKey: o,
   loading: k = !1,
-  pagination: v,
+  pagination: y,
   stickyHeader: w = !1,
   resizeable: E = !1,
   draggableRows: g = !1,
@@ -1773,9 +1773,9 @@ function Kt({
   recalculateRowHeight: l = !1,
   // tree props
   treeMode: h,
-  expandedRowKeys: x,
+  expandedRowKeys: b,
   defaultExpandedRowKeys: m,
-  onExpandedRowsChange: y,
+  onExpandedRowsChange: x,
   indentSize: D,
   className: p = "",
   style: L,
@@ -1801,7 +1801,7 @@ function Kt({
   headerGroupCellStyle: fe,
   headerGroupCellWrapperClassName: pe,
   headerGroupCellWrapperStyle: s,
-  paginationContainerClassName: b = "",
+  paginationContainerClassName: v = "",
   paginationContainerStyle: O
 }) {
   return N ? /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
@@ -1818,7 +1818,7 @@ function Kt({
             config: u,
             rowKey: o,
             loading: k,
-            pagination: v,
+            pagination: y,
             stickyHeader: w,
             resizeable: E,
             draggableRows: g,
@@ -1832,9 +1832,9 @@ function Kt({
             sortIcon: f,
             expandIcon: r,
             treeMode: h,
-            expandedRowKeys: x,
+            expandedRowKeys: b,
             defaultExpandedRowKeys: m,
-            onExpandedRowsChange: y,
+            onExpandedRowsChange: x,
             indentSize: D,
             className: p,
             style: L,
@@ -1860,7 +1860,7 @@ function Kt({
             headerGroupCellStyle: fe,
             headerGroupCellWrapperClassName: pe,
             headerGroupCellWrapperStyle: s,
-            paginationContainerClassName: b,
+            paginationContainerClassName: v,
             paginationContainerStyle: O,
             noDataRender: C,
             recalculateRowHeight: l
@@ -1868,7 +1868,7 @@ function Kt({
         )
       }
     ),
-    /* @__PURE__ */ i.jsx("div", { className: `radar-table-pagination-container ${b}`, style: O, children: v && /* @__PURE__ */ i.jsx(et, { config: v }) })
+    /* @__PURE__ */ i.jsx("div", { className: `radar-table-pagination-container ${v}`, style: O, children: y && /* @__PURE__ */ i.jsx(et, { config: y }) })
   ] }) : /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
     /* @__PURE__ */ i.jsx(
       tt,
@@ -1878,7 +1878,7 @@ function Kt({
         config: u,
         rowKey: o,
         loading: k,
-        pagination: v,
+        pagination: y,
         stickyHeader: w,
         resizeable: E,
         draggableRows: g,
@@ -1892,9 +1892,9 @@ function Kt({
         sortIcon: f,
         expandIcon: r,
         treeMode: h,
-        expandedRowKeys: x,
+        expandedRowKeys: b,
         defaultExpandedRowKeys: m,
-        onExpandedRowsChange: y,
+        onExpandedRowsChange: x,
         indentSize: D,
         className: p,
         style: L,
@@ -1920,13 +1920,13 @@ function Kt({
         headerGroupCellStyle: fe,
         headerGroupCellWrapperClassName: pe,
         headerGroupCellWrapperStyle: s,
-        paginationContainerClassName: b,
+        paginationContainerClassName: v,
         paginationContainerStyle: O,
         noDataRender: C,
         recalculateRowHeight: l
       }
     ),
-    /* @__PURE__ */ i.jsx("div", { className: `radar-table-pagination-container ${b}`, style: O, children: v && /* @__PURE__ */ i.jsx(et, { config: v }) })
+    /* @__PURE__ */ i.jsx("div", { className: `radar-table-pagination-container ${v}`, style: O, children: y && /* @__PURE__ */ i.jsx(et, { config: y }) })
   ] });
 }
 function tt(t) {
@@ -1935,7 +1935,7 @@ function tt(t) {
     preset: u,
     config: o,
     rowKey: k,
-    loading: v,
+    loading: y,
     stickyHeader: w,
     resizeable: E,
     draggableRows: g,
@@ -1951,9 +1951,9 @@ function tt(t) {
     treeMode: r,
     expandedRowKeys: l,
     defaultExpandedRowKeys: h,
-    onExpandedRowsChange: x,
+    onExpandedRowsChange: b,
     indentSize: m,
-    className: y,
+    className: x,
     style: D,
     headerClassName: p,
     headerStyle: L,
@@ -1980,7 +1980,7 @@ function tt(t) {
     noDataRender: pe,
     recalculateRowHeight: s
   } = t;
-  return /* @__PURE__ */ i.jsxs("table", { className: `radar-table ${u || ""} ${y}`, style: D, children: [
+  return /* @__PURE__ */ i.jsxs("table", { className: `radar-table ${u || ""} ${x}`, style: D, children: [
     /* @__PURE__ */ i.jsx(
       Vt,
       {
@@ -2018,14 +2018,14 @@ function tt(t) {
         dataSource: n,
         config: o,
         rowKey: k,
-        loading: v,
+        loading: y,
         preset: u,
         customCellRender: K,
         expandIcon: f,
         treeMode: r,
         expandedRowKeys: l,
         defaultExpandedRowKeys: h,
-        onExpandedRowsChange: x,
+        onExpandedRowsChange: b,
         indentSize: m,
         bodyClassName: Z,
         bodyStyle: re,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "radar-ui",
-  "version": "1.1.16",
+  "version": "1.1.17",
   "description": "A powerful React table component with drag & drop, resizing, sorting, grouped columns, and pagination",
   "type": "module",
   "main": "./dist/index.js",