@progress/kendo-react-grid 11.0.0-develop.6 → 11.0.0-develop.8

package/components/GridDraggableRowsContainer.mjs

@@ -7,100 +7,104 @@
  */
 "use client";
 import e from "react";
-import { GridContext as z } from "../GridClientWrapper.mjs";
-import { useDraggable as G, classNames as v, SvgIcon as H } from "@progress/kendo-react-common";
-import { dropDirection as o, getOffset as _, isDifferentParent as j } from "./utils.mjs";
-import A from "react-dom";
-import { cancelIcon as E, insertMiddleIcon as L } from "@progress/kendo-svg-icons";
-import { cloneReactElement as W } from "../utils/index.mjs";
-const X = {
+import { GridContext as H } from "../GridClientWrapper.mjs";
+import { useDraggable as _, classNames as x, SvgIcon as j } from "@progress/kendo-react-common";
+import { dropDirection as o, getOffset as A } from "./utils.mjs";
+import L from "react-dom";
+import { cancelIcon as w, insertMiddleIcon as W } from "@progress/kendo-svg-icons";
+import { cloneReactElement as X } from "../utils/index.mjs";
+const q = {
   zIndex: "19000",
   position: "absolute",
   display: "none",
   visibility: "hidden"
-}, q = {
+}, J = {
   zIndex: "20000",
   display: "flex",
   position: "fixed",
   visibility: "hidden",
   pointerEvents: "none"
-}, ce = (b) => {
-  const { rowReorderSettings: l, columns: x, unstyled: y } = b, {
-    rowReorder: w,
-    reorderRowDragTargetRef: a,
+}, se = (b) => {
+  const { rowReorderSettings: a, columns: S, unstyled: y } = b, {
+    rowReorder: T,
+    reorderRowDragTargetRef: u,
     reorderRowDropTargetRef: i,
     activeDragRowDataItemRef: d,
-    tableBodyElementRef: S
-  } = e.useContext(z), [T, R] = e.useState(!1), [k, N] = e.useState(E), D = e.useRef(null), f = e.useRef(null), c = e.useRef(null), C = e.useRef(null), p = e.useRef(!1), m = e.useRef(null), h = typeof l == "object" ? l.enabled : l;
+    tableBodyElementRef: k
+  } = e.useContext(H), [N, C] = e.useState(!1), [O, P] = e.useState(w), D = e.useRef(null), f = e.useRef(null), c = e.useRef(null), h = e.useRef(null), p = e.useRef(!1), m = e.useRef(null), R = e.useRef(null), E = typeof a == "object" ? a.enabled : a;
   e.useEffect(() => {
-    S.current = D.current;
-  }, []), G(D, {
-    onPress: (t) => {
-      const r = t.originalEvent.target;
-      r.closest(".k-drag-cell") && (C.current = t.offsetY, p.current = !0, a.current = r.closest(".k-table-row"));
+    k.current = D.current;
+  }, []), _(D, {
+    onPress: (r) => {
+      var s;
+      const t = r.originalEvent.target;
+      t.closest(".k-drag-cell") && (h.current = r.offsetY, p.current = !0, u.current = t.closest(".k-table-row"), R.current = (s = u.current) == null ? void 0 : s.parentElement);
     },
-    onDragStart: (t) => {
-      !p.current || !h || !d.current || (a.current && (a.current.style.userSelect = "none"), R(!0));
+    onDragStart: (r) => {
+      !p.current || !E || !d.current || (u.current && (u.current.style.userSelect = "none"), C(!0));
     },
-    onDrag: (t) => {
+    onDrag: (r) => {
       if (!p.current && !f.current)
         return;
-      const { clientX: r, clientY: n } = t, u = C.current, g = { x: r, y: n - u };
-      f.current && (f.current.style.left = `${g.x}px`, f.current.style.top = `${g.y}px`, f.current.style.visibility = "visible"), O(t);
+      const { clientX: t, clientY: n } = r, s = h.current, g = { x: t, y: n - s };
+      f.current && (f.current.style.left = `${g.x}px`, f.current.style.top = `${g.y}px`, f.current.style.visibility = "visible"), M(r);
     },
-    onDragEnd: (t) => {
+    onDragEnd: (r) => {
       var n;
-      if (!h || !d.current)
+      if (!E || !d.current)
         return;
-      R(!1);
-      const r = Number((n = i.current) == null ? void 0 : n.getAttribute("absolute-row-index"));
-      w(t, r, m.current), p.current = !1;
+      C(!1);
+      const t = Number((n = i.current) == null ? void 0 : n.getAttribute("absolute-row-index"));
+      T(r, t, m.current), p.current = !1, R.current = null;
     }
   });
-  const O = (t) => {
-    m.current = F(t), P();
-  }, P = () => {
-    var u;
+  const M = (r) => {
+    m.current = V(r), Y();
+  }, Y = () => {
+    var s;
     if (m.current === o.forbidden || !i.current) {
-      M();
+      B();
       return;
     }
-    Y();
-    const t = _(i.current);
-    let r = t.top;
-    const n = t.left + (((u = c.current) == null ? void 0 : u.offsetWidth) || 0) / 2;
-    m.current === o.after && (r += i.current.offsetHeight), c.current && (c.current.style.top = `${r}px`, c.current.style.left = `${n}px`, c.current.style.visibility = "visible");
-  }, M = () => {
+    F();
+    const r = A(i.current);
+    let t = r.top;
+    const n = r.left + (((s = c.current) == null ? void 0 : s.offsetWidth) || 0) / 2;
+    m.current === o.after && (t += i.current.offsetHeight), c.current && (c.current.style.top = `${t}px`, c.current.style.left = `${n}px`, c.current.style.visibility = "visible");
+  }, B = () => {
     c.current && (c.current.style.display = "none");
-  }, Y = () => {
+  }, F = () => {
     c.current && (c.current.style.display = "");
-  }, B = () => {
+  }, $ = () => {
     if (d.current) {
-      if (l.dragClue)
-        return typeof l.dragClue == "string" ? l.dragClue : l.dragClue(d.current);
-      {
-        const t = x.find((n) => !n.hidden && n.columnType === "data");
-        return d.current[t.field];
+      if (a.dragClue) {
+        if (typeof a.dragClue == "string")
+          return a.dragClue;
+      } else {
+        const r = S.find((n) => !n.hidden && n.columnType === "data");
+        return d.current[r.field];
       }
+      return a.dragClue(d.current);
     }
-  }, F = (t) => {
-    if (i.current === a.current || !i.current)
+  }, V = (r) => {
+    var v;
+    if (i.current === u.current || !i.current)
       return o.forbidden;
-    if (j(i.current, a.current))
+    if (((v = i.current) == null ? void 0 : v.parentElement) !== R.current)
       return o.forbidden;
-    const r = i.current.getBoundingClientRect(), u = r.height / 2, g = t.clientY, I = r.top;
-    let s = null;
-    g < I + u ? s = o.before : g >= I + r.height - u && (s = o.after), s === o.before && i.current === a.current.nextElementSibling ? s = o.forbidden : s === o.after && i.current === a.current.previousElementSibling && (s = o.forbidden);
-    const V = s === o.forbidden ? E : L;
-    return N(V), s;
-  }, $ = e.useMemo(B, [d.current]);
-  return /* @__PURE__ */ e.createElement(e.Fragment, null, T && A.createPortal(
+    const t = i.current.getBoundingClientRect(), s = t.height / 2, g = r.clientY, I = t.top;
+    let l = null;
+    g < I + s ? l = o.before : g >= I + t.height - s && (l = o.after), l === o.before && i.current === u.current.nextElementSibling ? l = o.forbidden : l === o.after && i.current === u.current.previousElementSibling && (l = o.forbidden);
+    const G = l === o.forbidden ? w : W;
+    return P(G), l;
+  }, z = e.useMemo($, [d.current]);
+  return /* @__PURE__ */ e.createElement(e.Fragment, null, N && L.createPortal(
     /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
       "div",
       {
         ref: c,
-        style: X,
-        className: v(
+        style: q,
+        className: x(
           y.rowReorder({ dropIndicatorMain: !0, dropIndicatorDirection: !0 })
         )
       },
@@ -110,19 +114,19 @@ const X = {
       "div",
       {
         ref: f,
-        style: q,
-        className: v(y.rowReorder({ dragClueMain: !0, dragClueOperation: !0 }))
+        style: J,
+        className: x(y.rowReorder({ dragClueMain: !0, dragClueOperation: !0 }))
       },
-      /* @__PURE__ */ e.createElement(H, { className: "k-drag-status", icon: k }),
-      $
+      /* @__PURE__ */ e.createElement(j, { className: "k-drag-status", icon: O }),
+      z
     )),
     document.body
-  ), W(b.children, {
+  ), X(b.children, {
     ref: D
   }));
 };
 export {
-  ce as GridReorderableRowsContainer,
-  X as dropIndicatorStyles,
-  q as hintClueStyles
+  se as GridReorderableRowsContainer,
+  q as dropIndicatorStyles,
+  J as hintClueStyles
 };

package/components/VirtualScrollHeightContainer.js

@@ -6,4 +6,4 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react"),c=require("../GridClientWrapper.js");function l(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const o=l(i),a=e=>{const t=o.useContext(c.GridContext);return o.createElement("div",{style:e.isVirtualScroll?{height:t.vsRef.current.containerHeight+"px"}:{}})};exports.VirtualScrollHeightContainer=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react"),c=require("../GridClientWrapper.js");function a(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const o=a(i),l=e=>{const t=o.useContext(c.GridContext);return o.createElement("div",{ref:t.virtualScrollHeightContainerRef})};exports.VirtualScrollHeightContainer=l;

package/components/VirtualScrollHeightContainer.mjs

@@ -7,10 +7,10 @@
  */
 "use client";
 import * as t from "react";
-import { GridContext as o } from "../GridClientWrapper.mjs";
-const n = (e) => {
-  const r = t.useContext(o);
-  return /* @__PURE__ */ t.createElement("div", { style: e.isVirtualScroll ? { height: r.vsRef.current.containerHeight + "px" } : {} });
+import { GridContext as e } from "../GridClientWrapper.mjs";
+const n = (o) => {
+  const r = t.useContext(e);
+  return /* @__PURE__ */ t.createElement("div", { ref: r.virtualScrollHeightContainerRef });
 };
 export {
   n as VirtualScrollHeightContainer

package/components/table/GridTableScrollable.js

@@ -6,4 +6,4 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),c=require("../../GridClientWrapper.js"),o=require("@progress/kendo-react-data-tools");function i(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const l in e)if(l!=="default"){const a=Object.getOwnPropertyDescriptor(e,l);Object.defineProperty(t,l,a.get?a:{enumerable:!0,get:()=>e[l]})}}return t.default=e,Object.freeze(t)}const r=i(n),s=e=>{const t=r.useContext(c.GridContext);return r.createElement(o.TableSelection,{selectable:e.selectable,onRelease:t.selectionRelease,childRef:l=>{t.tableElementRef.current=l}},r.createElement("table",{className:e.tableClassName,role:"presentation",style:e.tableStyle,ref:t.tableElementRef},e.children))};exports.GridTableScrollable=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),o=require("../../GridClientWrapper.js"),s=require("@progress/kendo-react-data-tools");function i(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const l in e)if(l!=="default"){const r=Object.getOwnPropertyDescriptor(e,l);Object.defineProperty(t,l,r.get?r:{enumerable:!0,get:()=>e[l]})}}return t.default=e,Object.freeze(t)}const a=i(c),b=e=>{var r;const t=a.useContext(o.GridContext),l={...e.tableStyle};return(r=t.vsRef.current)!=null&&r.tableTransform&&(l.transform=t.vsRef.current.tableTransform),a.createElement(s.TableSelection,{selectable:e.selectable,onRelease:t.selectionRelease,childRef:n=>{t.tableElementRef.current=n}},a.createElement("table",{className:e.tableClassName,role:"presentation",style:l,ref:t.tableElementRef},e.children))};exports.GridTableScrollable=b;

package/components/table/GridTableScrollable.mjs

@@ -7,31 +7,32 @@
  */
 "use client";
 import * as l from "react";
-import { GridContext as r } from "../../GridClientWrapper.mjs";
-import { TableSelection as n } from "@progress/kendo-react-data-tools";
-const m = (e) => {
-  const t = l.useContext(r);
-  return /* @__PURE__ */ l.createElement(
-    n,
+import { GridContext as o } from "../../GridClientWrapper.mjs";
+import { TableSelection as s } from "@progress/kendo-react-data-tools";
+const b = (t) => {
+  var a;
+  const e = l.useContext(o), r = { ...t.tableStyle };
+  return (a = e.vsRef.current) != null && a.tableTransform && (r.transform = e.vsRef.current.tableTransform), /* @__PURE__ */ l.createElement(
+    s,
     {
-      selectable: e.selectable,
-      onRelease: t.selectionRelease,
-      childRef: (a) => {
-        t.tableElementRef.current = a;
+      selectable: t.selectable,
+      onRelease: e.selectionRelease,
+      childRef: (n) => {
+        e.tableElementRef.current = n;
       }
     },
     /* @__PURE__ */ l.createElement(
       "table",
       {
-        className: e.tableClassName,
+        className: t.tableClassName,
         role: "presentation",
-        style: e.tableStyle,
-        ref: t.tableElementRef
+        style: r,
+        ref: e.tableElementRef
       },
-      e.children
+      t.children
     )
   );
 };
 export {
-  m as GridTableScrollable
+  b as GridTableScrollable
 };

package/components/utils.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s={before:"before",after:"after",forbidden:"forbidden"},u=(t,n)=>(t==null?void 0:t.parentElement)!==(n==null?void 0:n.parentElement);function r(t){const{clientTop:n,clientLeft:o}=D(t),{pageYOffset:f,pageXOffset:e}=b(t),{top:i,left:c}=t.getBoundingClientRect();return{top:i+f-n,left:c+e-o}}const D=t=>t==null?void 0:t.ownerDocument.documentElement,b=t=>t==null?void 0:t.ownerDocument.defaultView;exports.dropDirection=s;exports.getOffset=r;exports.isDifferentParent=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i={before:"before",after:"after",forbidden:"forbidden"};function d(t){const{clientTop:o,clientLeft:f}=s(t),{pageYOffset:c,pageXOffset:n}=u(t),{top:r,left:e}=t.getBoundingClientRect();return{top:r+c-o,left:e+n-f}}const s=t=>t==null?void 0:t.ownerDocument.documentElement,u=t=>t==null?void 0:t.ownerDocument.defaultView;exports.dropDirection=i;exports.getOffset=d;

package/components/utils.mjs

@@ -5,21 +5,20 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-const p = {
+const u = {
   before: "before",
   after: "after",
   forbidden: "forbidden"
-}, D = (t, n) => (t == null ? void 0 : t.parentElement) !== (n == null ? void 0 : n.parentElement);
-function b(t) {
-  const { clientTop: n, clientLeft: o } = e(t), { pageYOffset: f, pageXOffset: c } = u(t), { top: i, left: s } = t.getBoundingClientRect();
+};
+function e(o) {
+  const { clientTop: t, clientLeft: f } = d(o), { pageYOffset: c, pageXOffset: n } = s(o), { top: r, left: i } = o.getBoundingClientRect();
   return {
-    top: i + f - n,
-    left: s + c - o
+    top: r + c - t,
+    left: i + n - f
   };
 }
-const e = (t) => t == null ? void 0 : t.ownerDocument.documentElement, u = (t) => t == null ? void 0 : t.ownerDocument.defaultView;
+const d = (o) => o == null ? void 0 : o.ownerDocument.documentElement, s = (o) => o == null ? void 0 : o.ownerDocument.defaultView;
 export {
-  p as dropDirection,
-  b as getOffset,
-  D as isDifferentParent
+  u as dropDirection,
+  e as getOffset
 };