@progress/kendo-react-grid 8.1.0-develop.8 → 8.1.0

package/GridColumn.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 e=require("prop-types"),l=r=>null;l.displayName="KendoReactGridColumn";l.defaultProps={filterable:!0,editable:!0,sortable:!0,resizable:!0,reorderable:!0,groupable:!0};l.propTypes={field:e.string,title:e.string,editable:e.bool,sortable:e.oneOfType([e.bool,e.shape({allowUnsort:e.bool.isRequired})]),cell:e.any,filterCell:e.any,filterTitle:e.string,filterable:e.bool,filter:e.oneOf(["text","numeric","boolean","date"]),editor:e.oneOf(["text","numeric","boolean","date"]),width:e.oneOfType([e.string,e.number]),minResizableWidth:e.number,headerCell:e.any,footerCell:e.any,headerSelectionValue:e.bool,format:e.string,headerClassName:e.string,className:e.string,reorderable:e.bool,resizable:e.bool,orderIndex:e.number,groupable:e.bool,columnMenu:e.any,menuIcon:e.any,locked:e.bool};exports.GridColumn=l;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("prop-types"),l=o=>null;l.displayName="KendoReactGridColumn";const r={filterable:!0,editable:!0,sortable:!0,resizable:!0,reorderable:!0,groupable:!0};l.propTypes={field:e.string,title:e.string,editable:e.bool,sortable:e.oneOfType([e.bool,e.shape({allowUnsort:e.bool.isRequired})]),cell:e.any,filterCell:e.any,filterTitle:e.string,filterable:e.bool,filter:e.oneOf(["text","numeric","boolean","date"]),editor:e.oneOf(["text","numeric","boolean","date"]),width:e.oneOfType([e.string,e.number]),minResizableWidth:e.number,headerCell:e.any,footerCell:e.any,headerSelectionValue:e.bool,format:e.string,headerClassName:e.string,className:e.string,reorderable:e.bool,resizable:e.bool,orderIndex:e.number,groupable:e.bool,columnMenu:e.any,menuIcon:e.any,locked:e.bool,hidden:e.bool,media:e.string};exports.GridColumn=l;exports.gridDefaultProps=r;

package/GridColumn.mjs

@@ -9,7 +9,7 @@
 import e from "prop-types";
 const l = (o) => null;
 l.displayName = "KendoReactGridColumn";
-l.defaultProps = {
+const t = {
   filterable: !0,
   editable: !0,
   sortable: !0,
@@ -47,8 +47,11 @@ l.propTypes = {
   groupable: e.bool,
   columnMenu: e.any,
   menuIcon: e.any,
-  locked: e.bool
+  locked: e.bool,
+  hidden: e.bool,
+  media: e.string
 };
 export {
-  l as GridColumn
+  l as GridColumn,
+  t as gridDefaultProps
 };

package/columnMenu/GridColumnMenuColumnsList.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 y=require("react"),r=require("@progress/kendo-react-inputs"),v=require("@progress/kendo-react-common"),N=require("@progress/kendo-svg-icons"),C=require("@progress/kendo-react-buttons");function M(t){const c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const o in t)if(o!=="default"){const s=Object.getOwnPropertyDescriptor(t,o);Object.defineProperty(c,o,s.get?s:{enumerable:!0,get:()=>t[o]})}}return c.default=t,Object.freeze(c)}const e=M(y),h=t=>{const[c,o]=e.useState(""),s=e.useMemo(()=>new Set(t.columnsState.map(n=>n.id)),[t.columnsState]),f=e.useMemo(()=>t.columns.filter(n=>{var l;return(l=n.title||n.field)==null?void 0:l.toLowerCase().includes(c.toLowerCase())}),[t.columns,c]),[a,i]=e.useState(t.columns.map(n=>s.has(n.id))),b=e.useCallback(()=>{const n=t.columns.filter((l,u)=>a[u]);t.onColumnsChange.call(void 0,n),t.onCloseMenu.call(void 0)},[a,t.columns,t.onColumnsChange,t.onCloseMenu]),g=e.useCallback(()=>{i(t.columns.map(n=>s.has(n.id)))},[s,t.columns]),d=a.filter(n=>n).length,m=d===a.length,S=e.useCallback(()=>{i(t.columns.map((n,l)=>m&&l===0?!0:!m))},[t.columns,m]),E=e.useCallback((n,l)=>{const u=a.slice();u[l]=n,i(u)},[a]);return e.createElement("form",{className:"k-filter-menu"},e.createElement("div",{className:"k-filter-menu-container"},e.createElement(r.TextBox,{className:"k-searchbox",value:c,onChange:n=>o(String(n.target.value)),prefix:()=>e.createElement(r.InputPrefix,null,e.createElement(v.IconWrap,{name:"search",icon:N.searchIcon}))}),e.createElement("ul",{className:"k-reset k-multicheck-wrap"},!c&&e.createElement("li",{className:"k-item k-check-all-wrap"},e.createElement(r.Checkbox,{checked:m,onChange:S,label:"(Select all)"})),f.map((n,l)=>e.createElement("li",{key:n.id,className:"k-item"},e.createElement(r.Checkbox,{disabled:a[l]&&d===1,checked:a[l],onChange:u=>{var k;return E(!!((k=u.target.element)!=null&&k.checked),l)},label:n.title||n.field})))),e.createElement("div",{className:"k-filter-selected-items"},d," selected items"),e.createElement("div",{className:"k-actions k-actions-start k-actions-horizontal"},e.createElement(C.Button,{type:"button",themeColor:"primary",onClick:b},"Apply"),e.createElement(C.Button,{type:"button",onClick:g},"Reset"))))};h.displayName="GridColumnMenuColumnsList";exports.GridColumnMenuColumnsList=h;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const v=require("react"),m=require("@progress/kendo-react-inputs"),M=require("@progress/kendo-react-common"),N=require("@progress/kendo-svg-icons"),C=require("@progress/kendo-react-buttons");function x(n){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const s in n)if(s!=="default"){const i=Object.getOwnPropertyDescriptor(n,s);Object.defineProperty(o,s,i.get?i:{enumerable:!0,get:()=>n[s]})}}return o.default=n,Object.freeze(o)}const t=x(v),f=n=>{const[o,s]=t.useState(""),i=n.columns.reduce((e,l)=>({...e,[l.id||""]:!!n.columnsState.find(a=>a.id===l.id)}),{}),[c,d]=t.useState(i),h=t.useMemo(()=>n.columns.filter(e=>{var l;return(l=e.title||e.field)==null?void 0:l.toLowerCase().includes(o.toLowerCase())}),[n.columns,o]),b=t.useCallback(()=>{const e=n.columns.filter(l=>c[l.id||""]);n.onColumnsChange.call(void 0,e),n.onCloseMenu.call(void 0)},[c,n.columns,n.onColumnsChange,n.onCloseMenu]),g=()=>{d(i)},r=t.useMemo(()=>Object.values(c).filter(e=>e).length,[c]),u=t.useMemo(()=>r===n.columns.length,[n.columns,r]),S=t.useCallback(()=>{const e={...c};Object.keys(e).forEach((l,a)=>e[l]=u&&a===0?!0:!u),d(e)},[c,u]),E=t.useCallback((e,l)=>{const a={...c};a[l||""]=e,d(a)},[c]),y=e=>{s(String(e.target.value))};return t.createElement("form",{className:"k-filter-menu"},t.createElement("div",{className:"k-filter-menu-container"},t.createElement(m.TextBox,{className:"k-searchbox",value:o,onChange:y,prefix:()=>t.createElement(m.InputPrefix,null,t.createElement(M.IconWrap,{name:"search",icon:N.searchIcon}))}),t.createElement("ul",{className:"k-reset k-multicheck-wrap"},!o&&t.createElement("li",{className:"k-item k-check-all-wrap"},t.createElement(m.Checkbox,{checked:u,onChange:S,label:"(Select all)"})),h.map((e,l)=>t.createElement("li",{key:e.id,className:"k-item"},t.createElement(m.Checkbox,{disabled:c[e.id||""]&&r===1,checked:c[e.id||""],onChange:a=>{var k;return E(!!((k=a.target.element)!=null&&k.checked),e.id)},label:e.title||e.field})))),t.createElement("div",{className:"k-filter-selected-items"},r," selected items"),t.createElement("div",{className:"k-actions k-actions-start k-actions-horizontal"},t.createElement(C.Button,{type:"button",themeColor:"primary",onClick:b},"Apply"),t.createElement(C.Button,{type:"button",onClick:g},"Reset"))))};f.displayName="GridColumnMenuColumnsList";exports.GridColumnMenuColumnsList=f;

package/columnMenu/GridColumnMenuColumnsList.mjs

@@ -6,55 +6,58 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-import * as e from "react";
-import { TextBox as S, InputPrefix as N, Checkbox as C } from "@progress/kendo-react-inputs";
-import { IconWrap as x } from "@progress/kendo-react-common";
+import * as t from "react";
+import { TextBox as N, InputPrefix as x, Checkbox as d } from "@progress/kendo-react-inputs";
+import { IconWrap as y } from "@progress/kendo-react-common";
 import { searchIcon as v } from "@progress/kendo-svg-icons";
-import { Button as d } from "@progress/kendo-react-buttons";
-const y = (l) => {
-  const [o, k] = e.useState(""), m = e.useMemo(() => new Set(l.columnsState.map((t) => t.id)), [l.columnsState]), h = e.useMemo(() => l.columns.filter((t) => {
+import { Button as C } from "@progress/kendo-react-buttons";
+const M = (l) => {
+  const [o, k] = t.useState(""), r = l.columns.reduce((e, n) => ({ ...e, [n.id || ""]: !!l.columnsState.find((a) => a.id === n.id) }), {}), [c, i] = t.useState(r), h = t.useMemo(() => l.columns.filter((e) => {
     var n;
-    return (n = t.title || t.field) == null ? void 0 : n.toLowerCase().includes(o.toLowerCase());
-  }), [l.columns, o]), [a, i] = e.useState(l.columns.map((t) => m.has(t.id))), f = e.useCallback(() => {
-    const t = l.columns.filter((n, c) => a[c]);
-    l.onColumnsChange.call(void 0, t), l.onCloseMenu.call(void 0);
-  }, [a, l.columns, l.onColumnsChange, l.onCloseMenu]), E = e.useCallback(() => {
-    i(l.columns.map((t) => m.has(t.id)));
-  }, [m, l.columns]), r = a.filter((t) => t).length, s = r === a.length, b = e.useCallback(() => {
-    i(l.columns.map((t, n) => s && n === 0 ? !0 : !s));
-  }, [l.columns, s]), g = e.useCallback((t, n) => {
-    const c = a.slice();
-    c[n] = t, i(c);
-  }, [a]);
-  return /* @__PURE__ */ e.createElement("form", { className: "k-filter-menu" }, /* @__PURE__ */ e.createElement("div", { className: "k-filter-menu-container" }, /* @__PURE__ */ e.createElement(
-    S,
+    return (n = e.title || e.field) == null ? void 0 : n.toLowerCase().includes(o.toLowerCase());
+  }), [l.columns, o]), f = t.useCallback(() => {
+    const e = l.columns.filter((n) => c[n.id || ""]);
+    l.onColumnsChange.call(void 0, e), l.onCloseMenu.call(void 0);
+  }, [c, l.columns, l.onColumnsChange, l.onCloseMenu]), E = () => {
+    i(r);
+  }, s = t.useMemo(() => Object.values(c).filter((e) => e).length, [c]), m = t.useMemo(() => s === l.columns.length, [l.columns, s]), b = t.useCallback(() => {
+    const e = { ...c };
+    Object.keys(e).forEach((n, a) => e[n] = m && a === 0 ? !0 : !m), i(e);
+  }, [c, m]), g = t.useCallback((e, n) => {
+    const a = { ...c };
+    a[n || ""] = e, i(a);
+  }, [c]), S = (e) => {
+    k(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(
+    N,
     {
       className: "k-searchbox",
       value: o,
-      onChange: (t) => k(String(t.target.value)),
-      prefix: () => /* @__PURE__ */ e.createElement(N, null, /* @__PURE__ */ e.createElement(x, { name: "search", icon: v }))
+      onChange: S,
+      prefix: () => /* @__PURE__ */ t.createElement(x, null, /* @__PURE__ */ t.createElement(y, { name: "search", icon: v }))
     }
-  ), /* @__PURE__ */ e.createElement("ul", { className: "k-reset k-multicheck-wrap" }, !o && /* @__PURE__ */ e.createElement("li", { className: "k-item k-check-all-wrap" }, /* @__PURE__ */ e.createElement(
-    C,
+  ), /* @__PURE__ */ t.createElement("ul", { className: "k-reset k-multicheck-wrap" }, !o && /* @__PURE__ */ t.createElement("li", { className: "k-item k-check-all-wrap" }, /* @__PURE__ */ t.createElement(
+    d,
     {
-      checked: s,
+      checked: m,
       onChange: b,
       label: "(Select all)"
     }
-  )), h.map((t, n) => /* @__PURE__ */ e.createElement("li", { key: t.id, className: "k-item" }, /* @__PURE__ */ e.createElement(
-    C,
+  )), h.map((e, n) => /* @__PURE__ */ t.createElement("li", { key: e.id, className: "k-item" }, /* @__PURE__ */ t.createElement(
+    d,
     {
-      disabled: a[n] && r === 1,
-      checked: a[n],
-      onChange: (c) => {
+      disabled: c[e.id || ""] && s === 1,
+      checked: c[e.id || ""],
+      onChange: (a) => {
         var u;
-        return g(!!((u = c.target.element) != null && u.checked), n);
+        return g(!!((u = a.target.element) != null && u.checked), e.id);
       },
-      label: t.title || t.field
+      label: e.title || e.field
     }
-  )))), /* @__PURE__ */ e.createElement("div", { className: "k-filter-selected-items" }, r, " selected items"), /* @__PURE__ */ e.createElement("div", { className: "k-actions k-actions-start k-actions-horizontal" }, /* @__PURE__ */ e.createElement(d, { type: "button", themeColor: "primary", onClick: f }, "Apply"), /* @__PURE__ */ e.createElement(d, { type: "button", onClick: E }, "Reset"))));
+  )))), /* @__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(C, { type: "button", themeColor: "primary", onClick: f }, "Apply"), /* @__PURE__ */ t.createElement(C, { type: "button", onClick: E }, "Reset"))));
 };
-y.displayName = "GridColumnMenuColumnsList";
+M.displayName = "GridColumnMenuColumnsList";
 export {
-  y as GridColumnMenuColumnsList
+  M as GridColumnMenuColumnsList
 };

package/columnMenu/GridColumnMenuItemContent.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 s=require("react"),c=require("@progress/kendo-react-animation"),i=require("@progress/kendo-react-common");function l(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const o=l(s);class a extends o.Component{render(){return o.createElement("div",{id:this.props.id,className:i.classNames("k-columnmenu-item-content",this.props.className),style:this.props.style},o.createElement(c.Reveal,{style:{position:"relative",display:"block"}},this.props.show?this.props.children:null))}}exports.GridColumnMenuItemContent=a;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),c=require("@progress/kendo-react-animation"),i=require("@progress/kendo-react-common");function l(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const o=l(s);class a extends o.Component{render(){return o.createElement("div",{id:this.props.id,className:i.classNames("k-columnmenu-item-content",this.props.className),style:this.props.style,tabIndex:0},o.createElement(c.Reveal,{style:{position:"relative",display:"block"}},this.props.show?this.props.children:null))}}exports.GridColumnMenuItemContent=a;

package/columnMenu/GridColumnMenuItemContent.mjs

@@ -9,7 +9,7 @@
 import * as e from "react";
 import { Reveal as t } from "@progress/kendo-react-animation";
 import { classNames as s } from "@progress/kendo-react-common";
-class l extends e.Component {
+class i extends e.Component {
   /**
    * @hidden
    */
@@ -19,12 +19,13 @@ class l extends e.Component {
       {
         id: this.props.id,
         className: s("k-columnmenu-item-content", this.props.className),
-        style: this.props.style
+        style: this.props.style,
+        tabIndex: 0
       },
       /* @__PURE__ */ e.createElement(t, { style: { position: "relative", display: "block" } }, this.props.show ? this.props.children : null)
     );
   }
 }
 export {
-  l as GridColumnMenuItemContent
+  i as GridColumnMenuItemContent
 };