@progress/kendo-react-data-tools 9.0.0-develop.2 → 9.0.0-develop.3

package/navigation/TableKeyboardNavigation.mjs

@@ -38,7 +38,16 @@ const M = (e) => {
     f && f === l.current.activeId && (o.current.activeElementIsFocused = !0);
   }
 }, Z = (e) => {
-  const { scope: l, contextStateRef: o, navigationStateRef: n, focusFirst: i, newEditableRow: f, singleEditRow: c, lastActiveElement: v, navigatable: a } = e;
+  const {
+    scope: l,
+    contextStateRef: o,
+    navigationStateRef: n,
+    focusFirst: i,
+    newEditableRow: f,
+    singleEditRow: c,
+    lastActiveElement: v,
+    navigatable: a
+  } = e;
   if (i && (M(e), L(e), w(e)), (!a || a && a.mode === D.inline) && (f && !c || f && c && !v) ? q(f) : a && a.mode === D.inline && f && c && v && v.focus(), h(e), o.current && n.current && l) {
     if (!t.getActiveNavDataElement(l, o.current.activeId)) {
       const E = l.className.indexOf("k-treelist") === -1 ? T(n.current.navigationMatrix) : n.current.navigationMatrix[0][0], I = t.getActiveNavDataElement(l, E);
@@ -63,12 +72,7 @@ const M = (e) => {
   }
 }, te = async (e, l) => {
   var N, p, R, A;
-  const {
-    contextStateRef: o,
-    navigationStateRef: n,
-    onNavigationAction: i,
-    columns: f
-  } = l;
+  const { contextStateRef: o, navigationStateRef: n, onNavigationAction: i, columns: f } = l;
   if (e.isDefaultPrevented() || !o.current || !n.current)
     return;
   let c;
@@ -105,7 +109,10 @@ const M = (e) => {
     const d = (R = a.closest(".k-table-td")) == null ? void 0 : R.classList.contains("k-grid-edit-cell");
     if (e.keyCode === s.esc) {
       a.focus(), a.blur();
-      const r = v && v.parentElement && v.parentElement.closest(".k-grid-edit-row"), g = t.getClosestCellNavId(a), b = await t.waitForElementToBeVisible(`[data-keyboardnavid='${g}']:not(.k-grid-edit-cell)`, r);
+      const r = v && v.parentElement && v.parentElement.closest(".k-grid-edit-row"), g = t.getClosestCellNavId(a), b = await t.waitForElementToBeVisible(
+        `[data-keyboardnavid='${g}']:not(.k-grid-edit-cell)`,
+        r
+      );
       b && b.focus();
     } else if (e.keyCode === s.enter) {
       let r;
@@ -166,10 +173,9 @@ const M = (e) => {
           prevElement: a
         });
         return;
-      } else {
-        a.querySelector(".k-filtercell") && l.navigatable && S(a), c = t.getFocusableElements(a)[0], t.focusElement({ elementForFocus: c, event: e, contextStateRef: o, prevElement: a });
-        return;
       }
+      a.querySelector(".k-filtercell") && l.navigatable && S(a), c = t.getFocusableElements(a)[0], t.focusElement({ elementForFocus: c, event: e, contextStateRef: o, prevElement: a });
+      return;
     }
     if (e.keyCode === s.home && u)
       if (k)
@@ -182,7 +188,10 @@ const M = (e) => {
           e
         );
       else {
-        const d = W(n.current.navigationMatrix, u[0]);
+        const d = W(
+          n.current.navigationMatrix,
+          u[0]
+        );
         c = t.getActiveNavDataElement(x, d), t.focusElement({ elementForFocus: c, event: e, contextStateRef: o });
       }
     if (e.keyCode === s.end && u)
@@ -190,7 +199,10 @@ const M = (e) => {
         const d = $(n.current.navigationMatrix);
         c = t.getActiveNavDataElement(x, d), t.focusElement({ elementForFocus: c, event: e, contextStateRef: o });
       } else {
-        const d = _(n.current.navigationMatrix, u[0]);
+        const d = _(
+          n.current.navigationMatrix,
+          u[0]
+        );
         c = t.getActiveNavDataElement(x, d), t.focusElement({ elementForFocus: c, event: e, contextStateRef: o });
       }
     if (e.keyCode === s.up || e.keyCode === s.down || e.keyCode === s.left || e.keyCode === s.right) {

package/navigation/TableKeyboardNavigationContext.mjs

@@ -7,7 +7,9 @@
  */
 "use client";
 import * as e from "react";
-const t = e.createContext(void 0);
+const t = e.createContext(
+  void 0
+);
 t.displayName = "KendoReactTableKeyboardNavigationContext";
 export {
   t as TableKeyboardNavigationContext

package/navigation/utils.mjs

@@ -51,11 +51,7 @@ const K = async (e) => {
   const t = e.querySelector(".k-grid-edit-cell"), r = t && t.querySelector("input");
   r ? r.focus() : t && t.firstChild.focus();
 }, U = (e, t) => {
-  const {
-    scope: r,
-    navigationStateRef: n,
-    contextStateRef: o
-  } = e;
+  const { scope: r, navigationStateRef: n, contextStateRef: o } = e;
   if (!n.current || !r)
     return;
   const l = Q(n.current.navigationMatrix), s = p(r, l);
@@ -69,9 +65,7 @@ const K = async (e) => {
   const r = b.map((n) => n + `[${f}='${t.level}']`).join(",");
   return Array.from(e.querySelectorAll(r));
 }, H = (e = { level: 0 }) => {
-  const t = b.map(
-    (r) => r + `[${f}='${e.level}']`
-  ).join(",");
+  const t = b.map((r) => r + `[${f}='${e.level}']`).join(",");
   return (r) => r.matches(t);
 }, x = (e) => {
   const { elementForFocus: t, event: r, contextStateRef: n, prevElement: o } = e;

package/package-metadata.mjs

@@ -10,7 +10,7 @@ const e = {
   name: "@progress/kendo-react-data-tools",
   productName: "KendoReact",
   productCodes: ["KENDOUIREACT", "KENDOUICOMPLETE"],
-  publishDate: 1729236374,
+  publishDate: 1729494685,
   version: "",
   licensingDocsUrl: "https://www.telerik.com/kendo-react-ui/components/my-license/"
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-react-data-tools",
-  "version": "9.0.0-develop.2",
+  "version": "9.0.0-develop.3",
   "description": "Includes React Pager & React Filter component, an intuitive interface to create complex filter descriptions. KendoReact Data Tools package",
   "author": "Progress",
   "license": "SEE LICENSE IN LICENSE.md",
@@ -25,14 +25,14 @@
     "@progress/kendo-data-query": "^1.0.0",
     "@progress/kendo-drawing": "^1.20.4",
     "@progress/kendo-licensing": "^1.3.4",
-    "@progress/kendo-react-animation": "9.0.0-develop.2",
-    "@progress/kendo-react-buttons": "9.0.0-develop.2",
-    "@progress/kendo-react-common": "9.0.0-develop.2",
-    "@progress/kendo-react-dateinputs": "9.0.0-develop.2",
-    "@progress/kendo-react-dropdowns": "9.0.0-develop.2",
-    "@progress/kendo-react-inputs": "9.0.0-develop.2",
-    "@progress/kendo-react-intl": "9.0.0-develop.2",
-    "@progress/kendo-react-popup": "9.0.0-develop.2",
+    "@progress/kendo-react-animation": "9.0.0-develop.3",
+    "@progress/kendo-react-buttons": "9.0.0-develop.3",
+    "@progress/kendo-react-common": "9.0.0-develop.3",
+    "@progress/kendo-react-dateinputs": "9.0.0-develop.3",
+    "@progress/kendo-react-dropdowns": "9.0.0-develop.3",
+    "@progress/kendo-react-inputs": "9.0.0-develop.3",
+    "@progress/kendo-react-intl": "9.0.0-develop.3",
+    "@progress/kendo-react-popup": "9.0.0-develop.3",
     "@progress/kendo-svg-icons": "^3.0.0",
     "react": "^16.8.2 || ^17.0.0 || ^18.0.0",
     "react-dom": "^16.8.2 || ^17.0.0 || ^18.0.0"

package/pager/PagerInput.mjs

@@ -25,12 +25,22 @@ class d extends s.Component {
         onChange: this.handleOnChange,
         min: 1,
         spinners: !1,
-        ariaLabel: a.toLanguageString(l.messageKey, l.defaultMessage),
+        ariaLabel: a.toLanguageString(
+          l.messageKey,
+          l.defaultMessage
+        ),
         tabIndex: this.props.navigatable ? -1 : void 0
       }
-    ), /* @__PURE__ */ s.createElement("span", null, `${a.toLanguageString(o.messageKey, o.defaultMessage)} ${e.format(a.toLanguageString(i.messageKey, i.defaultMessage), [
-      this.props.totalPages
-    ])}`));
+    ), /* @__PURE__ */ s.createElement("span", null, `${a.toLanguageString(
+      o.messageKey,
+      o.defaultMessage
+    )} ${e.format(
+      a.toLanguageString(
+        i.messageKey,
+        i.defaultMessage
+      ),
+      [this.props.totalPages]
+    )}`));
   }
 }
 h(d);

package/pager/PagerNumericButtons.mjs

@@ -21,7 +21,10 @@ class I extends n.Component {
     };
   }
   render() {
-    const e = z(this), { messagesMap: s, size: a, totalPages: g, currentPage: r, type: c, navigatable: v } = this.props, u = s ? s(i) : { messageKey: i, defaultMessage: l[i] }, m = s ? s(p) : { messageKey: p, defaultMessage: l[p] }, h = s ? s(d) : { messageKey: d, defaultMessage: l[d] }, b = e.toLanguageString(h.messageKey, h.defaultMessage), C = this.start > 1 && this.renderDots(this.start - 1, b), y = this.end < g && this.renderDots(this.end + 1, b), D = this.start > 1 && this.renderOptionDots(this.start - 1), P = this.end < g && this.renderOptionDots(this.end + 1), o = [];
+    const e = z(this), { messagesMap: s, size: a, totalPages: g, currentPage: r, type: c, navigatable: v } = this.props, u = s ? s(i) : { messageKey: i, defaultMessage: l[i] }, m = s ? s(p) : { messageKey: p, defaultMessage: l[p] }, h = s ? s(d) : { messageKey: d, defaultMessage: l[d] }, b = e.toLanguageString(
+      h.messageKey,
+      h.defaultMessage
+    ), C = this.start > 1 && this.renderDots(this.start - 1, b), y = this.end < g && this.renderDots(this.end + 1, b), D = this.start > 1 && this.renderOptionDots(this.start - 1), P = this.end < g && this.renderOptionDots(this.end + 1), o = [];
     for (let t = this.start; t <= this.end; t++)
       o.push(t);
     const S = o.map((t) => /* @__PURE__ */ n.createElement(
@@ -34,7 +37,10 @@ class I extends n.Component {
         size: a,
         rounded: null,
         role: "button",
-        "aria-label": e.toLanguageString(m.messageKey, m.defaultMessage) + " " + t,
+        "aria-label": e.toLanguageString(
+          m.messageKey,
+          m.defaultMessage
+        ) + " " + t,
         "aria-current": r === t ? !0 : void 0,
         onClick: (x) => this.handlePageChange(x, t),
         tabIndex: v ? -1 : void 0
@@ -45,30 +51,21 @@ class I extends n.Component {
       "select",
       {
         style: { width: "5em", margin: "0px 1em", display: "inline-flex" },
-        className: f(
-          "k-picker k-dropdown-list k-dropdown k-rounded-md k-picker-solid",
-          {
-            [`k-picker-${E.sizeMap[a] || a}`]: a,
-            "k-hidden": c !== "dropdown"
-          }
+        className: f("k-picker k-dropdown-list k-dropdown k-rounded-md k-picker-solid", {
+          [`k-picker-${E.sizeMap[a] || a}`]: a,
+          "k-hidden": c !== "dropdown"
+        }),
+        "aria-label": e.toLanguageString(
+          u.messageKey,
+          u.defaultMessage
         ),
-        "aria-label": e.toLanguageString(u.messageKey, u.defaultMessage),
         value: r,
         onChange: (t) => this.handleSelectPageChange(t)
       },
       D,
       L,
       P
-    ), /* @__PURE__ */ n.createElement(
-      "div",
-      {
-        className: "k-pager-numbers",
-        style: { display: c === "numbers" ? "" : "none" }
-      },
-      C,
-      S,
-      y
-    ));
+    ), /* @__PURE__ */ n.createElement("div", { className: "k-pager-numbers", style: { display: c === "numbers" ? "" : "none" } }, C, S, y));
   }
   get end() {
     return Math.min(this.start + this.props.buttonCount - 1, this.props.totalPages);

package/pager/PagerPageSizes.mjs

@@ -26,11 +26,17 @@ class z extends s.Component {
         value: e !== void 0 ? e : t,
         data: i,
         onChange: this.pageSizeChange,
-        ariaLabel: p(this).toLanguageString(o.messageKey, o.defaultMessage),
+        ariaLabel: p(this).toLanguageString(
+          o.messageKey,
+          o.defaultMessage
+        ),
         size: c,
         tabIndex: u ? -1 : void 0
       }
-    ), /* @__PURE__ */ s.createElement("span", null, p(this).toLanguageString(n.messageKey, n.defaultMessage)));
+    ), /* @__PURE__ */ s.createElement("span", null, p(this).toLanguageString(
+      n.messageKey,
+      n.defaultMessage
+    )));
   }
 }
 d(z);

package/selection/TableSelection.mjs

@@ -17,26 +17,23 @@ const ce = (u) => {
     drag: M,
     mode: o,
     cell: X
-  } = $(u.selectable), r = t.useRef(null), Y = t.useRef(null), d = t.useRef({ clientX: 0, clientY: 0, scrollX: 0, scrollY: 0, pressedElement: null }), [T, f] = t.useState(null), C = t.useRef(), g = t.useRef(!1), y = t.useRef(!1), j = t.useCallback(
-    (s) => {
-      const { event: e } = s;
-      if (y.current = ee(e.originalEvent.target), y.current || !r.current)
-        return;
-      C.current = te(r.current.element);
-      const n = r.current.element && r.current.element.ownerDocument;
-      if (!n)
-        return;
-      const l = n.elementFromPoint(e.clientX, e.clientY);
-      d.current = {
-        clientY: e.clientY,
-        clientX: e.clientX,
-        scrollX: e.scrollX,
-        scrollY: e.scrollY,
-        pressedElement: l
-      };
-    },
-    []
-  ), z = t.useCallback(
+  } = $(u.selectable), r = t.useRef(null), Y = t.useRef(null), d = t.useRef({ clientX: 0, clientY: 0, scrollX: 0, scrollY: 0, pressedElement: null }), [T, f] = t.useState(null), C = t.useRef(), g = t.useRef(!1), y = t.useRef(!1), j = t.useCallback((s) => {
+    const { event: e } = s;
+    if (y.current = ee(e.originalEvent.target), y.current || !r.current)
+      return;
+    C.current = te(r.current.element);
+    const n = r.current.element && r.current.element.ownerDocument;
+    if (!n)
+      return;
+    const l = n.elementFromPoint(e.clientX, e.clientY);
+    d.current = {
+      clientY: e.clientY,
+      clientX: e.clientX,
+      scrollX: e.scrollX,
+      scrollY: e.scrollY,
+      pressedElement: l
+    };
+  }, []), z = t.useCallback(
     (s) => {
       const { event: e } = s, { clientX: n, clientY: l } = d.current;
       if (!y.current && !(!M || o === "single") && ((Math.abs(l - e.clientY) > 5 || Math.abs(n - e.clientX) > 5) && (g.current = !0), g.current)) {