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

package/pager/PagerNumericButtons.mjs

@@ -6,101 +6,74 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-import * as n from "react";
-import { classNames as f, kendoThemeMaps as E } from "@progress/kendo-react-common";
-import { Button as M } from "@progress/kendo-react-buttons";
-import { pagerMobileSelect as i, messages as l, pagerPage as p, pagerMoreButtonLabel as d } from "../messages/index.mjs";
-import { provideLocalizationService as z } from "@progress/kendo-react-intl";
-const k = "...";
-class I extends n.Component {
-  constructor() {
-    super(...arguments), this.handlePageChange = (e, s) => {
-      e.preventDefault(), this.props.pageChange(s, e);
-    }, this.handleSelectPageChange = (e) => {
-      e.preventDefault(), this.props.pageChange(e.target.value, e);
-    };
+import * as t from "react";
+import { classNames as C, kendoThemeMaps as A } from "@progress/kendo-react-common";
+import { Button as y } from "@progress/kendo-react-buttons";
+import { pagerMobileSelect as F, pagerPage as R, pagerMoreButtonLabel as T } from "../messages/index.mjs";
+import { useLocalization as $ } from "@progress/kendo-react-intl";
+import { getL10NMessage as d, translateMessage as g } from "./utils.mjs";
+const P = "...", K = (n) => {
+  const i = $(), { messagesMap: c, size: r, totalPages: p, type: b, navigatable: k } = n, D = d(F, c), E = d(R, c), N = d(T, c), f = g(i, N), M = (e, l) => {
+    e.preventDefault(), n.pageChange(l, e);
+  }, x = (e) => {
+    e.preventDefault(), n.pageChange(e.target.value, e);
+  }, h = (e, l) => /* @__PURE__ */ t.createElement(
+    y,
+    {
+      fillMode: "flat",
+      themeColor: "primary",
+      size: r,
+      rounded: null,
+      role: "button",
+      "aria-label": l,
+      onClick: (I) => M(I, e),
+      tabIndex: k ? -1 : void 0
+    },
+    P
+  ), v = (e) => /* @__PURE__ */ t.createElement("option", { value: e }, P);
+  let o = 1;
+  const a = n.currentPage, m = n.buttonCount;
+  if (a > m) {
+    const e = a % m;
+    o = e === 0 ? a - m + 1 : a - e + 1;
   }
-  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 = [];
-    for (let t = this.start; t <= this.end; t++)
-      o.push(t);
-    const S = o.map((t) => /* @__PURE__ */ n.createElement(
-      M,
-      {
-        className: f({ "k-selected": r === t }),
-        key: t,
-        fillMode: "flat",
-        themeColor: "primary",
-        size: a,
-        rounded: null,
-        role: "button",
-        "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
-      },
-      t
-    )), L = o.map((t) => /* @__PURE__ */ n.createElement("option", { key: t }, t));
-    return /* @__PURE__ */ n.createElement(n.Fragment, null, /* @__PURE__ */ n.createElement(
-      "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"
-          }
-        ),
-        "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
-    ));
-  }
-  get end() {
-    return Math.min(this.start + this.props.buttonCount - 1, this.props.totalPages);
-  }
-  get start() {
-    const e = this.props.currentPage, s = this.props.buttonCount;
-    if (e > s) {
-      const a = e % s;
-      return a === 0 ? e - s + 1 : e - a + 1;
-    }
-    return 1;
-  }
-  renderDots(e, s) {
-    return /* @__PURE__ */ n.createElement(
-      M,
-      {
-        fillMode: "flat",
-        themeColor: "primary",
-        size: this.props.size,
-        rounded: null,
-        role: "button",
-        "aria-label": s,
-        onClick: (a) => this.handlePageChange(a, e),
-        tabIndex: this.props.navigatable ? -1 : void 0
-      },
-      k
-    );
-  }
-  renderOptionDots(e) {
-    return /* @__PURE__ */ n.createElement("option", { value: e }, k);
-  }
-}
+  const s = Math.min(o + n.buttonCount - 1, n.totalPages), L = o > 1 && h(o - 1, f), w = s < p && h(s + 1, f), z = o > 1 && v(o - 1), B = s < p && v(s + 1), u = [];
+  for (let e = o; e <= s; e++)
+    u.push(e);
+  const O = u.map((e) => /* @__PURE__ */ t.createElement(
+    y,
+    {
+      className: C({ "k-selected": a === e }),
+      key: e,
+      fillMode: "flat",
+      themeColor: "primary",
+      size: r,
+      rounded: null,
+      role: "button",
+      "aria-label": g(i, E) + " " + e,
+      "aria-current": a === e ? !0 : void 0,
+      onClick: (l) => M(l, e),
+      tabIndex: k ? -1 : void 0
+    },
+    e
+  )), S = u.map((e) => /* @__PURE__ */ t.createElement("option", { key: e }, e));
+  return /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement(
+    "select",
+    {
+      style: { width: "5em", margin: "0px 1em", display: "inline-flex" },
+      className: C("k-picker k-dropdown-list k-dropdown k-rounded-md k-picker-solid", {
+        [`k-picker-${A.sizeMap[r] || r}`]: r,
+        "k-hidden": b !== "dropdown"
+      }),
+      "aria-label": g(i, D),
+      value: a,
+      onChange: (e) => x(e)
+    },
+    z,
+    S,
+    B
+  ), /* @__PURE__ */ t.createElement("div", { className: "k-pager-numbers", style: { display: b === "numbers" ? "" : "none" } }, L, O, w));
+};
 export {
-  I as PagerNumericButtons
+  K as PagerNumericButtons
 };

package/pager/PagerPageSizes.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react"),o=require("@progress/kendo-react-intl"),a=require("../messages/index.js"),P=require("@progress/kendo-react-dropdowns");function S(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const s in t)if(s!=="default"){const r=Object.getOwnPropertyDescriptor(t,s);Object.defineProperty(e,s,r.get?r:{enumerable:!0,get:()=>t[s]})}}return e.default=t,Object.freeze(e)}const n=S(f);class p extends n.Component{constructor(){super(...arguments),this.pageSizeChange=e=>{this.props.pageChange&&this.props.pageChange({skip:0,take:parseInt(e.target.value,10)},e)}}render(){const{value:e,pageSizes:s,pageSize:r,messagesMap:i,size:u,navigatable:d}=this.props,g=s.slice();e===void 0&&g.filter(m=>m===r).length===0&&g.unshift(r);const c=i?i(a.pagerItemPerPage):{messageKey:a.pagerItemPerPage,defaultMessage:a.messages[a.pagerItemPerPage]},l=i?i(a.pagerPageSizeAriaLabel):{messageKey:a.pagerPageSizeAriaLabel,defaultMessage:a.messages[a.pagerPageSizeAriaLabel]};return n.createElement("span",{className:"k-pager-sizes"},n.createElement(P.DropDownList,{value:e!==void 0?e:r,data:g,onChange:this.pageSizeChange,ariaLabel:o.provideLocalizationService(this).toLanguageString(l.messageKey,l.defaultMessage),size:u,tabIndex:d?-1:void 0}),n.createElement("span",null,o.provideLocalizationService(this).toLanguageString(c.messageKey,c.defaultMessage)))}}o.registerForLocalization(p);exports.PagerPageSizes=p;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react"),z=require("@progress/kendo-react-intl"),l=require("../messages/index.js"),P=require("@progress/kendo-react-dropdowns"),r=require("./utils.js");function S(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const n=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,n.get?n:{enumerable:!0,get:()=>e[a]})}}return t.default=e,Object.freeze(t)}const o=S(m),v=e=>{const{value:t,pageSizes:a,pageSize:n,messagesMap:c,size:u,navigatable:p}=e,i=a.slice(),g=z.useLocalization();t===void 0&&i.filter(s=>s===n).length===0&&i.unshift(n);const d=r.getL10NMessage(l.pagerItemPerPage,c),f=r.getL10NMessage(l.pagerPageSizeAriaLabel,c),b=s=>{e.pageChange&&e.pageChange({skip:0,take:parseInt(s.target.value,10)},s)};return o.createElement("span",{className:"k-pager-sizes"},o.createElement(P.DropDownList,{value:t!==void 0?t:n,data:i,onChange:b,ariaLabel:r.translateMessage(g,f),size:u,tabIndex:p?-1:void 0}),o.createElement("span",null,r.translateMessage(g,d)))};exports.PagerPageSizes=v;

package/pager/PagerPageSizes.mjs

@@ -6,34 +6,29 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-import * as s from "react";
-import { provideLocalizationService as p, registerForLocalization as d } from "@progress/kendo-react-intl";
-import { pagerItemPerPage as g, messages as l, pagerPageSizeAriaLabel as r } from "../messages/index.mjs";
-import { DropDownList as f } from "@progress/kendo-react-dropdowns";
-class z extends s.Component {
-  constructor() {
-    super(...arguments), this.pageSizeChange = (e) => {
-      this.props.pageChange && this.props.pageChange({ skip: 0, take: parseInt(e.target.value, 10) }, e);
-    };
-  }
-  render() {
-    const { value: e, pageSizes: m, pageSize: t, messagesMap: a, size: c, navigatable: u } = this.props, i = m.slice();
-    e === void 0 && i.filter((h) => h === t).length === 0 && i.unshift(t);
-    const n = a ? a(g) : { messageKey: g, defaultMessage: l[g] }, o = a ? a(r) : { messageKey: r, defaultMessage: l[r] };
-    return /* @__PURE__ */ s.createElement("span", { className: "k-pager-sizes" }, /* @__PURE__ */ s.createElement(
-      f,
-      {
-        value: e !== void 0 ? e : t,
-        data: i,
-        onChange: this.pageSizeChange,
-        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)));
-  }
-}
-d(z);
+import * as n from "react";
+import { useLocalization as v } from "@progress/kendo-react-intl";
+import { pagerItemPerPage as P, pagerPageSizeAriaLabel as h } from "../messages/index.mjs";
+import { DropDownList as S } from "@progress/kendo-react-dropdowns";
+import { getL10NMessage as r, translateMessage as l } from "./utils.mjs";
+const C = (a) => {
+  const { value: t, pageSizes: c, pageSize: s, messagesMap: g, size: m, navigatable: p } = a, i = c.slice(), o = v();
+  t === void 0 && i.filter((e) => e === s).length === 0 && i.unshift(s);
+  const z = r(P, g), f = r(h, g), u = (e) => {
+    a.pageChange && a.pageChange({ skip: 0, take: parseInt(e.target.value, 10) }, e);
+  };
+  return /* @__PURE__ */ n.createElement("span", { className: "k-pager-sizes" }, /* @__PURE__ */ n.createElement(
+    S,
+    {
+      value: t !== void 0 ? t : s,
+      data: i,
+      onChange: u,
+      ariaLabel: l(o, f),
+      size: m,
+      tabIndex: p ? -1 : void 0
+    }
+  ), /* @__PURE__ */ n.createElement("span", null, l(o, z)));
+};
 export {
-  z as PagerPageSizes
+  C as PagerPageSizes
 };

package/pager/utils.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("@progress/kendo-svg-icons"),i=require("../messages/index.js"),g=(t,s)=>s?s(t):{messageKey:t,defaultMessage:i.messages[t]},d=(t,s)=>t.toLanguageString(s.messageKey,s.defaultMessage),u=(t,s,e)=>{const o=t?"caret-alt-to-right":"caret-alt-to-left",r=t?a.caretAltToRightIcon:a.caretAltToLeftIcon,n="k-pager-nav k-pager-first"+(s===1&&!e?" k-disabled":"");return{rtlClass:o,rtlIcon:r,isDisabledClass:n,isDisabled:s===1?!0:void 0}},b=(t,s,e)=>{const o=t?"caret-alt-right":"caret-alt-left",r=t?a.caretAltRightIcon:a.caretAltLeftIcon,n="k-pager-nav"+(s===1&&!e?" k-disabled":"");return{rtlClass:o,rtlIcon:r,isDisabledClass:n,isDisabled:s===1?!0:void 0}},p=(t,s,e,o)=>{const r=t?"caret-alt-left":"caret-alt-right",n=t?a.caretAltLeftIcon:a.caretAltRightIcon,c="k-pager-nav"+(s>=e&&!o?" k-disabled":""),l=s>=e?!0:void 0;return{rtlClass:r,rtlIcon:n,isDisabledClass:c,isDisabled:l}},f=(t,s,e,o)=>{const r=t?"caret-alt-to-left":"caret-alt-to-right",n=t?a.caretAltToLeftIcon:a.caretAltToRightIcon,c="k-pager-nav k-pager-last"+(s>=e&&!o?" k-disabled":""),l=s>=e?!0:void 0;return{rtlClass:r,rtlIcon:n,isDisabledClass:c,isDisabled:l}};exports.getFirstButtonProps=u;exports.getL10NMessage=g;exports.getLastButtonProps=f;exports.getNextButtonProps=p;exports.getPrevButtonProps=b;exports.translateMessage=d;

package/pager/utils.mjs

@@ -0,0 +1,31 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+import { caretAltToRightIcon as c, caretAltToLeftIcon as i, caretAltRightIcon as d, caretAltLeftIcon as g } from "@progress/kendo-svg-icons";
+import { messages as u } from "../messages/index.mjs";
+const f = (t, s) => s ? s(t) : { messageKey: t, defaultMessage: u[t] }, D = (t, s) => t.toLanguageString(s.messageKey, s.defaultMessage), m = (t, s, e) => {
+  const a = t ? "caret-alt-to-right" : "caret-alt-to-left", o = t ? c : i, r = "k-pager-nav k-pager-first" + (s === 1 && !e ? " k-disabled" : "");
+  return { rtlClass: a, rtlIcon: o, isDisabledClass: r, isDisabled: s === 1 ? !0 : void 0 };
+}, v = (t, s, e) => {
+  const a = t ? "caret-alt-right" : "caret-alt-left", o = t ? d : g, r = "k-pager-nav" + (s === 1 && !e ? " k-disabled" : "");
+  return { rtlClass: a, rtlIcon: o, isDisabledClass: r, isDisabled: s === 1 ? !0 : void 0 };
+}, k = (t, s, e, a) => {
+  const o = t ? "caret-alt-left" : "caret-alt-right", r = t ? g : d, n = "k-pager-nav" + (s >= e && !a ? " k-disabled" : ""), l = s >= e ? !0 : void 0;
+  return { rtlClass: o, rtlIcon: r, isDisabledClass: n, isDisabled: l };
+}, C = (t, s, e, a) => {
+  const o = t ? "caret-alt-to-left" : "caret-alt-to-right", r = t ? i : c, n = "k-pager-nav k-pager-last" + (s >= e && !a ? " k-disabled" : ""), l = s >= e ? !0 : void 0;
+  return { rtlClass: o, rtlIcon: r, isDisabledClass: n, isDisabled: l };
+};
+export {
+  m as getFirstButtonProps,
+  f as getL10NMessage,
+  C as getLastButtonProps,
+  k as getNextButtonProps,
+  v as getPrevButtonProps,
+  D as translateMessage
+};

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)) {