@progress/kendo-react-grid 9.4.0-develop.19 → 9.4.0-develop.20

package/GridState.js

@@ -6,4 +6,4 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react"),B=u.createContext([{},()=>{},{}]),v=()=>u.useContext(B),p=t=>{var f,C,k,G,P,D,b,m,y,F,T,j,q,H,M,O,R,w,z,A;const{children:I,onEditChange:h,onFilterChange:l,onSortChange:i,onSearchChange:o,onPageChange:c,onGroupChange:r,onDataStateChange:g,onSelectionChange:s,onDetailExpandChange:x,onGroupExpandChange:E,onHeaderSelectionChange:S}=t,[n,d]=u.useState({edit:(f=t.defaultEdit)!=null?f:t.edit,filter:(C=t.defaultFilter)!=null?C:t.filter,select:(k=t.defaultSelect)!=null?k:t.select,search:(G=t.defaultSearch)!=null?G:t.search,sort:(P=t.defaultSort)!=null?P:t.sort,take:(D=t.defaultTake)!=null?D:t.take,skip:(b=t.defaultSkip)!=null?b:t.skip,group:(m=t.defaultGroup)!=null?m:t.group,detailExpand:(y=t.defaultDetailExpand)!=null?y:t.detailExpand,groupExpand:(F=t.defaultGroupExpand)!=null?F:t.groupExpand}),J={edit:(T=t.edit)!=null?T:n.edit,filter:(j=t.filter)!=null?j:n.filter,search:(q=t.search)!=null?q:n.search,sort:(H=t.sort)!=null?H:n.sort,take:(M=t.take)!=null?M:n.take,skip:(O=t.skip)!=null?O:n.skip,group:(R=t.group)!=null?R:n.group,select:(w=t.select)!=null?w:n.select,detailExpand:(z=t.detailExpand)!=null?z:n.detailExpand,groupExpand:(A=t.groupExpand)!=null?A:n.groupExpand},K=e=>{},L=e=>{d(a=>({...a,edit:e.edit})),h==null||h(e)},N=e=>{d(a=>({...a,filter:e.filter})),l==null||l(e)},Q=e=>{d(a=>({...a,search:e.search})),o==null||o(e)},U=e=>{d(a=>({...a,sort:e.sort})),i==null||i(e)},V=e=>{d(a=>({...a,...e.page})),c==null||c(e)},W=e=>{d(a=>({...a,group:e.group})),r==null||r(e)},X=e=>{d(a=>({...a,...e.dataState})),g==null||g(e)},Y=e=>{d(a=>({...a,select:e.select})),s==null||s(e)},Z=e=>{d(a=>({...a,select:e.select})),S==null||S(e)},_=e=>{d(a=>({...a,detailExpand:e.detailExpand})),x==null||x(e)},$=e=>{d(a=>({...a,groupExpand:e.groupExpand})),E==null||E(e)};return u.createElement(B.Provider,{value:[J,K,{onEditChange:L,onFilterChange:l&&N,onSearchChange:Q,onSortChange:i&&U,onPageChange:c&&V,onGroupChange:r&&W,onDataStateChange:X,onSelectionChange:Y,onHeaderSelectionChange:Z,onDetailExpandChange:_,onGroupExpandChange:$}]},I)};exports.GridClientStateProvider=p;exports.useGridState=v;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),K=o.createContext([{},()=>{},{}]),at=()=>o.useContext(K),nt=e=>{var C,k,m,G,P,D,b,y,F,T,j,q,H,M,O,R,w,z,A,B,I,J;const{children:L,onEditChange:h,onFilterChange:d,onSortChange:c,onSearchChange:r,onPageChange:i,onGroupChange:u,onDataStateChange:s,onSelectionChange:S,onDetailExpandChange:g,onGroupExpandChange:x,onHeaderSelectionChange:E,onColumnsStateChange:f}=e,[l,n]=o.useState({edit:(C=e.defaultEdit)!=null?C:e.edit,filter:(k=e.defaultFilter)!=null?k:e.filter,select:(m=e.defaultSelect)!=null?m:e.select,search:(G=e.defaultSearch)!=null?G:e.search,sort:(P=e.defaultSort)!=null?P:e.sort,take:(D=e.defaultTake)!=null?D:e.take,skip:(b=e.defaultSkip)!=null?b:e.skip,group:(y=e.defaultGroup)!=null?y:e.group,detailExpand:(F=e.defaultDetailExpand)!=null?F:e.detailExpand,groupExpand:(T=e.defaultGroupExpand)!=null?T:e.groupExpand,columnsState:(j=e.defaultColumnsState)!=null?j:e.columnsState}),N={edit:(q=e.edit)!=null?q:l.edit,filter:(H=e.filter)!=null?H:l.filter,search:(M=e.search)!=null?M:l.search,sort:(O=e.sort)!=null?O:l.sort,take:(R=e.take)!=null?R:l.take,skip:(w=e.skip)!=null?w:l.skip,group:(z=e.group)!=null?z:l.group,select:(A=e.select)!=null?A:l.select,detailExpand:(B=e.detailExpand)!=null?B:l.detailExpand,groupExpand:(I=e.groupExpand)!=null?I:l.groupExpand,columnsState:(J=e.columnsState)!=null?J:l.columnsState},Q=t=>{},U=t=>{n(a=>({...a,edit:t.edit})),h==null||h(t)},V=t=>{n(a=>({...a,filter:t.filter})),d==null||d(t)},W=t=>{n(a=>({...a,search:t.search})),r==null||r(t)},X=t=>{n(a=>({...a,sort:t.sort})),c==null||c(t)},Y=t=>{n(a=>({...a,...t.page})),i==null||i(t)},Z=t=>{n(a=>({...a,group:t.group})),u==null||u(t)},_=t=>{n(a=>({...a,...t.dataState})),s==null||s(t)},$=t=>{n(a=>({...a,select:t.select})),S==null||S(t)},v=t=>{n(a=>({...a,select:t.select})),E==null||E(t)},p=t=>{n(a=>({...a,detailExpand:t.detailExpand})),g==null||g(t)},tt=t=>{n(a=>({...a,groupExpand:t.groupExpand})),x==null||x(t)},et=t=>{n(a=>({...a,columnsState:t.columnsState})),f==null||f(t)};return o.createElement(K.Provider,{value:[N,Q,{onEditChange:U,onFilterChange:d&&V,onSearchChange:W,onSortChange:c&&X,onPageChange:i&&Y,onGroupChange:u&&Z,onDataStateChange:_,onSelectionChange:$,onHeaderSelectionChange:v,onDetailExpandChange:p,onGroupExpandChange:tt,onColumnsStateChange:et}]},L)};exports.GridClientStateProvider=nt;exports.useGridState=at;

package/GridState.mjs

@@ -6,94 +6,100 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-import u from "react";
-const I = u.createContext([{}, () => {
-}, {}]), p = () => u.useContext(I), ee = (t) => {
-  var S, C, k, G, D, P, m, F, _, H, R, T, b, j, q, w, y, z, A, B;
+import h from "react";
+const L = h.createContext([{}, () => {
+}, {}]), nt = () => h.useContext(L), lt = (e) => {
+  var C, k, m, G, D, P, F, _, H, R, T, b, j, q, w, y, z, A, B, I, J, K;
   const {
-    children: J,
-    onEditChange: r,
-    onFilterChange: l,
+    children: M,
+    onEditChange: o,
+    onFilterChange: d,
     onSortChange: c,
-    onSearchChange: o,
+    onSearchChange: r,
     onPageChange: i,
-    onGroupChange: h,
-    onDataStateChange: g,
-    onSelectionChange: x,
-    onDetailExpandChange: E,
-    onGroupExpandChange: s,
-    onHeaderSelectionChange: f
-  } = t, [n, d] = u.useState({
-    edit: (S = t.defaultEdit) != null ? S : t.edit,
-    filter: (C = t.defaultFilter) != null ? C : t.filter,
-    select: (k = t.defaultSelect) != null ? k : t.select,
-    search: (G = t.defaultSearch) != null ? G : t.search,
-    sort: (D = t.defaultSort) != null ? D : t.sort,
-    take: (P = t.defaultTake) != null ? P : t.take,
-    skip: (m = t.defaultSkip) != null ? m : t.skip,
-    group: (F = t.defaultGroup) != null ? F : t.group,
-    detailExpand: (_ = t.defaultDetailExpand) != null ? _ : t.detailExpand,
-    groupExpand: (H = t.defaultGroupExpand) != null ? H : t.groupExpand
-  }), K = {
-    edit: (R = t.edit) != null ? R : n.edit,
-    filter: (T = t.filter) != null ? T : n.filter,
-    search: (b = t.search) != null ? b : n.search,
-    sort: (j = t.sort) != null ? j : n.sort,
-    take: (q = t.take) != null ? q : n.take,
-    skip: (w = t.skip) != null ? w : n.skip,
-    group: (y = t.group) != null ? y : n.group,
-    select: (z = t.select) != null ? z : n.select,
-    detailExpand: (A = t.detailExpand) != null ? A : n.detailExpand,
-    groupExpand: (B = t.groupExpand) != null ? B : n.groupExpand
-  }, L = (e) => {
-  }, M = (e) => {
-    d((a) => ({ ...a, edit: e.edit })), r == null || r(e);
-  }, N = (e) => {
-    d((a) => ({ ...a, filter: e.filter })), l == null || l(e);
-  }, O = (e) => {
-    d((a) => ({ ...a, search: e.search })), o == null || o(e);
-  }, Q = (e) => {
-    d((a) => ({ ...a, sort: e.sort })), c == null || c(e);
-  }, U = (e) => {
-    d((a) => ({ ...a, ...e.page })), i == null || i(e);
-  }, V = (e) => {
-    d((a) => ({ ...a, group: e.group })), h == null || h(e);
-  }, W = (e) => {
-    d((a) => ({ ...a, ...e.dataState })), g == null || g(e);
-  }, X = (e) => {
-    d((a) => ({ ...a, select: e.select })), x == null || x(e);
-  }, Y = (e) => {
-    d((a) => ({ ...a, select: e.select })), f == null || f(e);
-  }, Z = (e) => {
-    d((a) => ({ ...a, detailExpand: e.detailExpand })), E == null || E(e);
-  }, $ = (e) => {
-    d((a) => ({ ...a, groupExpand: e.groupExpand })), s == null || s(e);
+    onGroupChange: u,
+    onDataStateChange: s,
+    onSelectionChange: g,
+    onDetailExpandChange: S,
+    onGroupExpandChange: x,
+    onHeaderSelectionChange: E,
+    onColumnsStateChange: f
+  } = e, [l, n] = h.useState({
+    edit: (C = e.defaultEdit) != null ? C : e.edit,
+    filter: (k = e.defaultFilter) != null ? k : e.filter,
+    select: (m = e.defaultSelect) != null ? m : e.select,
+    search: (G = e.defaultSearch) != null ? G : e.search,
+    sort: (D = e.defaultSort) != null ? D : e.sort,
+    take: (P = e.defaultTake) != null ? P : e.take,
+    skip: (F = e.defaultSkip) != null ? F : e.skip,
+    group: (_ = e.defaultGroup) != null ? _ : e.group,
+    detailExpand: (H = e.defaultDetailExpand) != null ? H : e.detailExpand,
+    groupExpand: (R = e.defaultGroupExpand) != null ? R : e.groupExpand,
+    columnsState: (T = e.defaultColumnsState) != null ? T : e.columnsState
+  }), N = {
+    edit: (b = e.edit) != null ? b : l.edit,
+    filter: (j = e.filter) != null ? j : l.filter,
+    search: (q = e.search) != null ? q : l.search,
+    sort: (w = e.sort) != null ? w : l.sort,
+    take: (y = e.take) != null ? y : l.take,
+    skip: (z = e.skip) != null ? z : l.skip,
+    group: (A = e.group) != null ? A : l.group,
+    select: (B = e.select) != null ? B : l.select,
+    detailExpand: (I = e.detailExpand) != null ? I : l.detailExpand,
+    groupExpand: (J = e.groupExpand) != null ? J : l.groupExpand,
+    columnsState: (K = e.columnsState) != null ? K : l.columnsState
+  }, O = (t) => {
+  }, Q = (t) => {
+    n((a) => ({ ...a, edit: t.edit })), o == null || o(t);
+  }, U = (t) => {
+    n((a) => ({ ...a, filter: t.filter })), d == null || d(t);
+  }, V = (t) => {
+    n((a) => ({ ...a, search: t.search })), r == null || r(t);
+  }, W = (t) => {
+    n((a) => ({ ...a, sort: t.sort })), c == null || c(t);
+  }, X = (t) => {
+    n((a) => ({ ...a, ...t.page })), i == null || i(t);
+  }, Y = (t) => {
+    n((a) => ({ ...a, group: t.group })), u == null || u(t);
+  }, Z = (t) => {
+    n((a) => ({ ...a, ...t.dataState })), s == null || s(t);
+  }, $ = (t) => {
+    n((a) => ({ ...a, select: t.select })), g == null || g(t);
+  }, v = (t) => {
+    n((a) => ({ ...a, select: t.select })), E == null || E(t);
+  }, p = (t) => {
+    n((a) => ({ ...a, detailExpand: t.detailExpand })), S == null || S(t);
+  }, tt = (t) => {
+    n((a) => ({ ...a, groupExpand: t.groupExpand })), x == null || x(t);
+  }, et = (t) => {
+    n((a) => ({ ...a, columnsState: t.columnsState })), f == null || f(t);
   };
-  return /* @__PURE__ */ u.createElement(
-    I.Provider,
+  return /* @__PURE__ */ h.createElement(
+    L.Provider,
     {
       value: [
-        K,
-        L,
+        N,
+        O,
         {
-          onEditChange: M,
-          onFilterChange: l && N,
-          onSearchChange: O,
-          onSortChange: c && Q,
-          onPageChange: i && U,
-          onGroupChange: h && V,
-          onDataStateChange: W,
-          onSelectionChange: X,
-          onHeaderSelectionChange: Y,
-          onDetailExpandChange: Z,
-          onGroupExpandChange: $
+          onEditChange: Q,
+          onFilterChange: d && U,
+          onSearchChange: V,
+          onSortChange: c && W,
+          onPageChange: i && X,
+          onGroupChange: u && Y,
+          onDataStateChange: Z,
+          onSelectionChange: $,
+          onHeaderSelectionChange: v,
+          onDetailExpandChange: p,
+          onGroupExpandChange: tt,
+          onColumnsStateChange: et
         }
       ]
     },
-    J
+    M
   );
 };
 export {
-  ee as GridClientStateProvider,
-  p as useGridState
+  lt as GridClientStateProvider,
+  nt as useGridState
 };

package/columnMenu/GridColumnMenuColumnsChooser.js

@@ -0,0 +1,9 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2025 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 O=require("react"),g=require("@progress/kendo-react-inputs"),j=require("@progress/kendo-react-common"),q=require("@progress/kendo-svg-icons"),b=require("@progress/kendo-react-buttons"),M=require("@progress/kendo-react-intl"),r=require("../messages/index.js");function w(s){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const c in s)if(c!=="default"){const u=Object.getOwnPropertyDescriptor(s,c);Object.defineProperty(n,c,u.get?u:{enumerable:!0,get:()=>s[c]})}}return n.default=s,Object.freeze(n)}const t=w(O),S=s=>{const{columnsState:n,onCloseMenu:c,onColumnsStateChange:u}=s,f=M.useLocalization(),[m,E]=t.useState(""),h=n.reduce((e,l)=>({...e,[l.id||""]:!l.hidden}),{}),[o,C]=t.useState(h),y=t.useMemo(()=>(n==null?void 0:n.filter(e=>{var l;return(l=e.title||e.field)==null?void 0:l.toLowerCase().includes(m.toLowerCase())}))||[],[n,m]),d=t.useMemo(()=>Object.values(o).filter(e=>e).length,[o]),k=t.useMemo(()=>d===(n==null?void 0:n.length),[n,d]),N=t.useCallback(e=>{const a=(i=>(i==null?void 0:i.map(p=>({...p,hidden:!o[p.id||""]})))||[])(n);u&&u(a),c==null||c.call(void 0)},[o,n,c]),v=()=>{C(h)},B=t.useCallback(()=>{const e={...o};Object.keys(e).forEach((l,a)=>e[l]=k&&a===0?!0:!k),C(e)},[o,k]),R=t.useCallback((e,l)=>{const a={...o};a[l||""]=e,C(a)},[o]),x=e=>{E(String(e.target.value))};return t.createElement("form",{className:"k-filter-menu"},t.createElement("div",{className:"k-filter-menu-container"},t.createElement(g.TextBox,{className:"k-searchbox",value:m,onChange:x,prefix:()=>t.createElement(g.InputPrefix,null,t.createElement(j.IconWrap,{name:"search",icon:q.searchIcon}))}),t.createElement("ul",{className:"k-reset k-multicheck-wrap"},!m&&t.createElement("li",{className:"k-item k-check-all-wrap"},t.createElement(g.Checkbox,{checked:k,onChange:B,label:f.toLanguageString(r.filterSelectAll,r.messages[r.filterSelectAll])})),y.map((e,l)=>t.createElement("li",{key:e.id,className:"k-item"},t.createElement(g.Checkbox,{disabled:o[e.id||""]&&d===1,checked:o[e.id||""],onChange:a=>{var i;return R(!!((i=a.target.element)!=null&&i.checked),e.id)},label:e.title||e.field})))),t.createElement("div",{className:"k-filter-selected-items"},d," selected items"),t.createElement("div",{className:"k-actions k-actions-start k-actions-horizontal"},t.createElement(b.Button,{type:"button",themeColor:"primary",onClick:N},f.toLanguageString(r.filterApplyButton,r.messages[r.filterApplyButton])),t.createElement(b.Button,{type:"button",onClick:v},f.toLanguageString(r.filterResetButton,r.messages[r.filterResetButton])))))};S.displayName="GridColumnMenuColumnsChooser";exports.GridColumnMenuColumnsChooser=S;

package/columnMenu/GridColumnMenuColumnsChooser.mjs

@@ -0,0 +1,82 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2025 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+import * as t from "react";
+import { TextBox as M, InputPrefix as I, Checkbox as p } from "@progress/kendo-react-inputs";
+import { IconWrap as R } from "@progress/kendo-react-common";
+import { searchIcon as j } from "@progress/kendo-svg-icons";
+import { Button as g } from "@progress/kendo-react-buttons";
+import { useLocalization as z } from "@progress/kendo-react-intl";
+import { filterSelectAll as E, messages as k, filterApplyButton as S, filterResetButton as b } from "../messages/index.mjs";
+const F = (N) => {
+  const { columnsState: l, onCloseMenu: c, onColumnsStateChange: h } = N, u = z(), [i, y] = t.useState(""), C = l.reduce((e, n) => ({ ...e, [n.id || ""]: !n.hidden }), {}), [o, d] = t.useState(C), x = t.useMemo(
+    () => (l == null ? void 0 : l.filter((e) => {
+      var n;
+      return (n = e.title || e.field) == null ? void 0 : n.toLowerCase().includes(i.toLowerCase());
+    })) || [],
+    [l, i]
+  ), s = t.useMemo(
+    () => Object.values(o).filter((e) => e).length,
+    [o]
+  ), m = t.useMemo(() => s === (l == null ? void 0 : l.length), [l, s]), v = t.useCallback(
+    (e) => {
+      const a = ((r) => (r == null ? void 0 : r.map((f) => ({
+        ...f,
+        hidden: !o[f.id || ""]
+      }))) || [])(l);
+      h && h(a), c == null || c.call(void 0);
+    },
+    [o, l, c]
+  ), L = () => {
+    d(C);
+  }, w = t.useCallback(() => {
+    const e = { ...o };
+    Object.keys(e).forEach(
+      (n, a) => e[n] = m && a === 0 ? !0 : !m
+    ), d(e);
+  }, [o, m]), B = t.useCallback(
+    (e, n) => {
+      const a = { ...o };
+      a[n || ""] = e, d(a);
+    },
+    [o]
+  ), A = (e) => {
+    y(String(e.target.value));
+  };
+  return /* @__PURE__ */ t.createElement("form", { className: "k-filter-menu" }, /* @__PURE__ */ t.createElement("div", { className: "k-filter-menu-container" }, /* @__PURE__ */ t.createElement(
+    M,
+    {
+      className: "k-searchbox",
+      value: i,
+      onChange: A,
+      prefix: () => /* @__PURE__ */ t.createElement(I, null, /* @__PURE__ */ t.createElement(R, { name: "search", icon: j }))
+    }
+  ), /* @__PURE__ */ t.createElement("ul", { className: "k-reset k-multicheck-wrap" }, !i && /* @__PURE__ */ t.createElement("li", { className: "k-item k-check-all-wrap" }, /* @__PURE__ */ t.createElement(
+    p,
+    {
+      checked: m,
+      onChange: w,
+      label: u.toLanguageString(E, k[E])
+    }
+  )), x.map((e, n) => /* @__PURE__ */ t.createElement("li", { key: e.id, className: "k-item" }, /* @__PURE__ */ t.createElement(
+    p,
+    {
+      disabled: o[e.id || ""] && s === 1,
+      checked: o[e.id || ""],
+      onChange: (a) => {
+        var r;
+        return B(!!((r = a.target.element) != null && r.checked), e.id);
+      },
+      label: e.title || e.field
+    }
+  )))), /* @__PURE__ */ t.createElement("div", { className: "k-filter-selected-items" }, s, " selected items"), /* @__PURE__ */ t.createElement("div", { className: "k-actions k-actions-start k-actions-horizontal" }, /* @__PURE__ */ t.createElement(g, { type: "button", themeColor: "primary", onClick: v }, u.toLanguageString(S, k[S])), /* @__PURE__ */ t.createElement(g, { type: "button", onClick: L }, u.toLanguageString(b, k[b])))));
+};
+F.displayName = "GridColumnMenuColumnsChooser";
+export {
+  F as GridColumnMenuColumnsChooser
+};