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

package/pager/PagerNumericButtons.mjs

@@ -6,74 +6,57 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-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 = (o) => {
-  const i = $(), { messagesMap: c, size: r, totalPages: p, type: b, navigatable: k } = o, D = d(F, c), E = d(R, c), N = d(T, c), f = g(i, N), M = (e, l) => {
-    e.preventDefault(), o.pageChange(l, e);
-  }, x = (e) => {
-    e.preventDefault(), o.pageChange(e.target.value, e);
-  }, h = (e, l) => /* @__PURE__ */ t.createElement(
-    y,
+import * as l from "react";
+import { classNames as D } from "@progress/kendo-react-common";
+import { Button as M } from "@progress/kendo-react-buttons";
+import { pagerPage as y, pagerMoreButtonLabel as z } from "../messages/index.mjs";
+import { useLocalization as E } from "@progress/kendo-react-intl";
+import { getL10NMessage as C, translateMessage as p } from "./utils.mjs";
+const I = "...", F = (t) => {
+  const c = E(), { messagesMap: i, size: u, totalPages: P, navigatable: m, pagerNumericButtonsRef: h } = t, v = C(y, i), N = C(z, i), g = p(c, N), d = (e, n) => {
+    e.preventDefault(), t.pageChange(n, e);
+  }, b = (e, n) => /* @__PURE__ */ l.createElement(
+    M,
     {
       fillMode: "flat",
       themeColor: "primary",
-      size: r,
+      size: u,
       rounded: null,
       role: "button",
-      "aria-label": l,
-      onClick: (I) => M(I, e),
-      tabIndex: k ? -1 : void 0
+      "aria-label": n,
+      onClick: (x) => d(x, e),
+      tabIndex: m ? -1 : void 0
     },
-    P
-  ), v = (e) => /* @__PURE__ */ t.createElement("option", { value: e }, P);
-  let n = 1;
-  const a = o.currentPage, m = o.buttonCount;
-  if (a > m) {
-    const e = a % m;
-    n = e === 0 ? a - m + 1 : a - e + 1;
+    I
+  );
+  let a = 1;
+  const o = t.currentPage, r = t.buttonCount;
+  if (o > r) {
+    const e = o % r;
+    a = e === 0 ? o - r + 1 : o - e + 1;
   }
-  const s = Math.min(n + o.buttonCount - 1, o.totalPages), L = n > 1 && h(n - 1, f), w = s < p && h(s + 1, f), z = n > 1 && v(n - 1), B = s < p && v(s + 1), u = [];
-  for (let e = n; e <= s; e++)
-    u.push(e);
-  const O = u.map((e) => /* @__PURE__ */ t.createElement(
-    y,
+  const s = Math.min(a + t.buttonCount - 1, t.totalPages), L = a > 1 && b(a - 1, g), k = s < P && b(s + 1, g), f = [];
+  for (let e = a; e <= s; e++)
+    f.push(e);
+  const B = f.map((e) => /* @__PURE__ */ l.createElement(
+    M,
     {
-      className: C({ "k-selected": a === e }),
+      className: D({ "k-selected": o === e }),
       key: e,
       fillMode: "flat",
       themeColor: "primary",
-      size: r,
+      size: u,
       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
+      "aria-label": p(c, v) + " " + e,
+      "aria-current": o === e ? !0 : void 0,
+      onClick: (n) => d(n, e),
+      tabIndex: m ? -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));
+  ));
+  return /* @__PURE__ */ l.createElement("div", { className: "k-pager-numbers", ref: h }, L, B, k);
 };
 export {
-  K as PagerNumericButtons
+  F as PagerNumericButtons
 };

package/pager/PagerPageSizes.js

@@ -6,4 +6,4 @@
  *-------------------------------------------------------------------------------------------
  */
 "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 a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return a.default=e,Object.freeze(a)}const o=S(m),v=e=>{const{value:a,pageSizes:t,pageSize:n,messagesMap:c,size:u,navigatable:p}=e,i=t.slice(),g=z.useLocalization();a===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:a!==void 0?a: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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("react"),R=require("@progress/kendo-react-intl"),p=require("../messages/index.js"),k=require("@progress/kendo-react-dropdowns"),i=require("./utils.js");function L(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 c=L(h),O=e=>{const{value:t,pageSizes:a,pageSize:n,messagesMap:o,size:d,navigatable:f,visibleElementsRef:l,pagerSizesRef:S,pagerSizesTitleRef:z,adaptive:b,adaptiveTitle:m}=e,r=a.slice(),u=R.useLocalization();t===void 0&&r.filter(s=>s===n).length===0&&r.unshift(n);const v=i.getL10NMessage(p.pagerItemPerPage,o),P=i.getL10NMessage(p.pagerPageSizeAriaLabel,o),M=s=>{e.pageChange&&e.pageChange({skip:0,take:parseInt(s.target.value,10)},s)},g=i.translateMessage(u,v);return l.current.length>=1&&c.createElement("span",{className:"k-pager-sizes",ref:S},c.createElement(k.DropDownList,{value:t!==void 0?t:n,data:r,onChange:M,ariaLabel:i.translateMessage(u,P),size:d,tabIndex:f?-1:void 0,adaptive:b,adaptiveTitle:m||String(g).charAt(0).toUpperCase()+String(g).slice(1)}),l.current.length>=2&&c.createElement("span",{ref:z},g))};exports.PagerPageSizes=O;

package/pager/PagerPageSizes.mjs

@@ -7,28 +7,42 @@
  */
 "use client";
 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: m, pageSize: s, messagesMap: g, size: p, navigatable: c } = a, i = m.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) => {
+import { useLocalization as b } from "@progress/kendo-react-intl";
+import { pagerItemPerPage as C, pagerPageSizeAriaLabel as L } from "../messages/index.mjs";
+import { DropDownList as E } from "@progress/kendo-react-dropdowns";
+import { getL10NMessage as p, translateMessage as c } from "./utils.mjs";
+const x = (a) => {
+  const {
+    value: t,
+    pageSizes: m,
+    pageSize: i,
+    messagesMap: g,
+    size: f,
+    navigatable: z,
+    visibleElementsRef: o,
+    pagerSizesRef: v,
+    pagerSizesTitleRef: S,
+    adaptive: h,
+    adaptiveTitle: d
+  } = a, s = m.slice(), l = b();
+  t === void 0 && s.filter((e) => e === i).length === 0 && s.unshift(i);
+  const u = p(C, g), P = p(L, g), M = (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,
+  }, r = c(l, u);
+  return o.current.length >= 1 && /* @__PURE__ */ n.createElement("span", { className: "k-pager-sizes", ref: v }, /* @__PURE__ */ n.createElement(
+    E,
     {
-      value: t !== void 0 ? t : s,
-      data: i,
-      onChange: u,
-      ariaLabel: l(o, f),
-      size: p,
-      tabIndex: c ? -1 : void 0
+      value: t !== void 0 ? t : i,
+      data: s,
+      onChange: M,
+      ariaLabel: c(l, P),
+      size: f,
+      tabIndex: z ? -1 : void 0,
+      adaptive: h,
+      adaptiveTitle: d || String(r).charAt(0).toUpperCase() + String(r).slice(1)
     }
-  ), /* @__PURE__ */ n.createElement("span", null, l(o, z)));
+  ), o.current.length >= 2 && /* @__PURE__ */ n.createElement("span", { ref: S }, r));
 };
 export {
-  C as PagerPageSizes
+  x as PagerPageSizes
 };