@progress/kendo-react-grid 7.2.4-develop.3 → 7.3.0-develop.1

package/columnMenu/GridColumnMenuGroup.mjs

@@ -0,0 +1,50 @@
+/**
+ * @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 * as t from "react";
+import { provideLocalizationService as u, registerForIntl as l, registerForLocalization as c } from "@progress/kendo-react-intl";
+import { GridColumnMenuItemGroup as m } from "./GridColumnMenuItemGroup.mjs";
+import { GridColumnMenuItem as a } from "./GridColumnMenuItem.mjs";
+import { messages as f, groupColumn as g, ungroupColumn as d } from "../messages/index.mjs";
+import { groupIcon as C, ungroupIcon as h } from "@progress/kendo-svg-icons";
+class s extends t.Component {
+  constructor() {
+    super(...arguments), this.onGroupClick = (n) => {
+      if (n.preventDefault(), this.props.onGroupChange) {
+        const { column: o } = this.props;
+        if (!o.field)
+          return;
+        const e = (this.props.group || []).slice(), r = e.findIndex((i) => i.field === o.field);
+        r > -1 ? e.splice(r, 1) : e.push({
+          field: o.field
+        }), this.props.onGroupChange(e, n);
+      }
+      this.props.onCloseMenu && this.props.onCloseMenu();
+    };
+  }
+  /**
+   * @hidden
+   */
+  render() {
+    const { group: n, column: o } = this.props, e = u(this), r = !!(n && o.field && n.find((p) => p.field === o.field)), i = r ? d : g;
+    return /* @__PURE__ */ t.createElement(m, null, /* @__PURE__ */ t.createElement(
+      a,
+      {
+        title: e.toLanguageString(i, f[i]),
+        iconClass: r ? "k-i-ungroup" : "k-i-group",
+        svgIcon: r ? h : C,
+        onClick: this.onGroupClick
+      }
+    ));
+  }
+}
+l(s);
+c(s);
+export {
+  s as GridColumnMenuGroup
+};

package/columnMenu/GridColumnMenuItem.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 l=require("react"),r=require("@progress/kendo-react-common");function a(t){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const o=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(n,e,o.get?o:{enumerable:!0,get:()=>t[e]})}}return n.default=t,Object.freeze(n)}const c=a(l);class i extends c.Component{render(){const{title:n,iconClass:e,svgIcon:o,selected:s}=this.props;return c.createElement("div",{onClick:this.props.onClick,className:`k-columnmenu-item ${s?"k-selected":""}`},(e||o)&&c.createElement(r.IconWrap,{name:e&&r.toIconName(e),icon:o}),n)}}exports.GridColumnMenuItem=i;

package/columnMenu/GridColumnMenuItem.mjs

@@ -0,0 +1,22 @@
+/**
+ * @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 * as t from "react";
+import { IconWrap as s, toIconName as m } from "@progress/kendo-react-common";
+class l extends t.Component {
+  /**
+   * @hidden
+   */
+  render() {
+    const { title: o, iconClass: e, svgIcon: n, selected: c } = this.props;
+    return /* @__PURE__ */ t.createElement("div", { onClick: this.props.onClick, className: `k-columnmenu-item ${c ? "k-selected" : ""}` }, (e || n) && /* @__PURE__ */ t.createElement(s, { name: e && m(e), icon: n }), o);
+  }
+}
+export {
+  l as GridColumnMenuItem
+};

package/columnMenu/GridColumnMenuItemContent.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 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;

package/columnMenu/GridColumnMenuItemContent.mjs

@@ -0,0 +1,30 @@
+/**
+ * @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 * 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 {
+  /**
+   * @hidden
+   */
+  render() {
+    return /* @__PURE__ */ e.createElement(
+      "div",
+      {
+        id: this.props.id,
+        className: s("k-columnmenu-item-content", this.props.className),
+        style: this.props.style
+      },
+      /* @__PURE__ */ e.createElement(t, { style: { position: "relative", display: "block" } }, this.props.show ? this.props.children : null)
+    );
+  }
+}
+export {
+  l as GridColumnMenuItemContent
+};

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

package/columnMenu/GridColumnMenuItemGroup.mjs

@@ -0,0 +1,30 @@
+/**
+ * @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 { classNames as r } from "@progress/kendo-react-common";
+import * as e from "react";
+class p extends e.Component {
+  /**
+   * @hidden
+   */
+  render() {
+    const { children: s } = this.props;
+    return /* @__PURE__ */ e.createElement(
+      "div",
+      {
+        id: this.props.id,
+        className: r("k-columnmenu-item-wrapper", this.props.className),
+        style: this.props.style
+      },
+      s
+    );
+  }
+}
+export {
+  p as GridColumnMenuItemGroup
+};

package/columnMenu/GridColumnMenuSort.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 v=require("react"),g=require("./GridColumnMenuItem.js"),q=require("./GridColumnMenuItemGroup.js"),A=require("../interfaces/GridSortSettings.js"),a=require("@progress/kendo-react-intl"),o=require("../messages/index.js"),m=require("@progress/kendo-svg-icons");function G(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const s in t)if(s!=="default"){const n=Object.getOwnPropertyDescriptor(t,s);Object.defineProperty(e,s,n.get?n:{enumerable:!0,get:()=>t[s]})}}return e.default=t,Object.freeze(e)}const i=G(v),I="asc",D="desc",O={true:{asc:{asc:"",desc:"desc"},desc:{asc:"asc",desc:""},"":{asc:"asc",desc:"desc"}},false:{asc:{asc:"asc",desc:"desc"},desc:{asc:"asc",desc:"desc"},"":{asc:"asc",desc:"desc"}}},S=(t,e)=>e?e.findIndex(s=>s.field===t):-1,h=(t,e)=>!!(e&&t>-1&&e[t].dir===I),C=(t,e)=>!!(e&&t>-1&&e[t].dir===D),d=class d extends i.Component{constructor(){super(...arguments),this.onAscClick=e=>{this.onSort(e,I),this.props.onCloseMenu&&this.props.onCloseMenu()},this.onDescClick=e=>{this.onSort(e,D),this.props.onCloseMenu&&this.props.onCloseMenu()},this.onSort=(e,s)=>{if(e.preventDefault(),!this.props.onSortChange)return;const{column:n,sortable:r,sort:k}=this.props,{allowUnsort:M,mode:b}=A.normalize(r||!1,!1),u=(k||[]).filter(l=>l.field===n.field)[0],p=O[M][u&&u.dir||""][s],f=b==="single"?[]:(this.props.sort||[]).filter(l=>l.field!==n.field);p!==""&&n.field&&f.push({field:n.field,dir:p}),this.props.onSortChange(f,e)}}render(){const{sort:e,column:s}=this.props,n=S(s.field,e),r=a.provideLocalizationService(this);return i.createElement(q.GridColumnMenuItemGroup,null,i.createElement(g.GridColumnMenuItem,{title:r.toLanguageString(o.sortAscending,o.messages[o.sortAscending]),iconClass:"k-i-sort-asc-sm",svgIcon:m.sortAscSmallIcon,selected:h(n,e),onClick:this.onAscClick}),i.createElement(g.GridColumnMenuItem,{title:r.toLanguageString(o.sortDescending,o.messages[o.sortDescending]),iconClass:"k-i-sort-desc-sm",svgIcon:m.sortDescSmallIcon,selected:C(n,e),onClick:this.onDescClick}))}};d.active=(e,s)=>{const n=S(e,s);return C(n,s)||h(n,s)};let c=d;a.registerForIntl(c);a.registerForLocalization(c);exports.GridColumnMenuSort=c;

package/columnMenu/GridColumnMenuSort.mjs

@@ -0,0 +1,75 @@
+/**
+ * @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 * as r from "react";
+import { GridColumnMenuItem as m } from "./GridColumnMenuItem.mjs";
+import { GridColumnMenuItemGroup as M } from "./GridColumnMenuItemGroup.mjs";
+import { normalize as x } from "../interfaces/GridSortSettings.mjs";
+import { provideLocalizationService as z, registerForIntl as E, registerForLocalization as L } from "@progress/kendo-react-intl";
+import { sortAscending as f, messages as u, sortDescending as h } from "../messages/index.mjs";
+import { sortAscSmallIcon as R, sortDescSmallIcon as w } from "@progress/kendo-svg-icons";
+const D = "asc", I = "desc", F = {
+  true: {
+    asc: { asc: "", desc: "desc" },
+    desc: { asc: "asc", desc: "" },
+    "": { asc: "asc", desc: "desc" }
+  },
+  false: {
+    asc: { asc: "asc", desc: "desc" },
+    desc: { asc: "asc", desc: "desc" },
+    "": { asc: "asc", desc: "desc" }
+  }
+}, g = (o, s) => s ? s.findIndex((t) => t.field === o) : -1, C = (o, s) => !!(s && o > -1 && s[o].dir === D), S = (o, s) => !!(s && o > -1 && s[o].dir === I), l = class l extends r.Component {
+  constructor() {
+    super(...arguments), this.onAscClick = (s) => {
+      this.onSort(s, D), this.props.onCloseMenu && this.props.onCloseMenu();
+    }, this.onDescClick = (s) => {
+      this.onSort(s, I), this.props.onCloseMenu && this.props.onCloseMenu();
+    }, this.onSort = (s, t) => {
+      if (s.preventDefault(), !this.props.onSortChange)
+        return;
+      const { column: e, sortable: c, sort: k } = this.props, { allowUnsort: v, mode: A } = x(c || !1, !1), a = (k || []).filter((i) => i.field === e.field)[0], d = F[v][a && a.dir || ""][t], p = A === "single" ? [] : (this.props.sort || []).filter((i) => i.field !== e.field);
+      d !== "" && e.field && p.push({ field: e.field, dir: d }), this.props.onSortChange(p, s);
+    };
+  }
+  /**
+   * @hidden
+   */
+  render() {
+    const { sort: s, column: t } = this.props, e = g(t.field, s), c = z(this);
+    return /* @__PURE__ */ r.createElement(M, null, /* @__PURE__ */ r.createElement(
+      m,
+      {
+        title: c.toLanguageString(f, u[f]),
+        iconClass: "k-i-sort-asc-sm",
+        svgIcon: R,
+        selected: C(e, s),
+        onClick: this.onAscClick
+      }
+    ), /* @__PURE__ */ r.createElement(
+      m,
+      {
+        title: c.toLanguageString(h, u[h]),
+        iconClass: "k-i-sort-desc-sm",
+        svgIcon: w,
+        selected: S(e, s),
+        onClick: this.onDescClick
+      }
+    ));
+  }
+};
+l.active = (s, t) => {
+  const e = g(s, t);
+  return S(e, t) || C(e, t);
+};
+let n = l;
+E(n);
+L(n);
+export {
+  n as GridColumnMenuSort
+};

package/columnMenu/GridColumnMenuWrapper.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 h=require("react"),m=require("@progress/kendo-react-popup"),u=require("@progress/kendo-react-common"),p=require("@progress/kendo-svg-icons"),c=require("../messages/index.js"),d=require("@progress/kendo-react-intl");function f(s){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const t in s)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(s,t);Object.defineProperty(e,t,o.get?o:{enumerable:!0,get:()=>s[t]})}}return e.default=s,Object.freeze(e)}const n=f(h);class g extends n.Component{constructor(){super(...arguments),this.state={show:!1},this._anchor=null,this._content=null,this.blurTimeout=void 0,this.willBlur=!1,this.blur=()=>{if(this.willBlur){this.willBlur=!1;return}clearTimeout(this.blurTimeout),this.blurTimeout=window.setTimeout(()=>{this.closeMenu()})},this.focus=()=>{clearTimeout(this.blurTimeout)},this.anchorClick=e=>{e.preventDefault(),this.state.show&&this.props.onCloseMenu&&this.props.onCloseMenu(),this.setState({show:!this.state.show},()=>this.state.show&&this._content&&this._content.focus())},this.closeMenu=()=>{this.props.onCloseMenu&&this.props.onCloseMenu(),this.setState({show:!1})},this.onAnchorMouseDown=e=>{this.willBlur=this.state.show&&e.currentTarget===this._anchor},this.onAnchorKeyDown=e=>{var t;if(e.keyCode===u.Keys.tab){const o=e.target,r=o&&((t=o.closest(".k-grid"))==null?void 0:t.getElementsByClassName("k-grid-content")[0]);r&&r.scrollWidth>r.clientWidth&&o.scrollIntoView({inline:"center"})}}}render(){const{columnMenu:e,...t}=this.props,{column:o}=this.props,r=d.provideLocalizationService(this),i=o.title||o.field,a=i?`${i} `:"";return n.createElement(n.Fragment,null,n.createElement("a",{className:"k-grid-header-menu k-grid-column-menu",ref:l=>this._anchor=l,onClick:this.anchorClick,onMouseDown:this.onAnchorMouseDown,onKeyDown:this.onAnchorKeyDown,href:"#","aria-label":`${a}${r.toLanguageString(c.columnMenu,c.messages[c.columnMenu])}`},n.createElement(u.IconWrap,{name:"filter",icon:p.filterIcon})),n.createElement(m.Popup,{anchor:this._anchor,show:this.state.show,popupClass:"k-column-menu k-column-menu-popup k-grid-columnmenu-popup"},n.createElement("div",{ref:l=>this._content=l,tabIndex:0,onBlur:this.blur,onFocus:this.focus,style:{outline:"none"}},e&&n.createElement(e,{...t,onCloseMenu:this.closeMenu}))))}}exports.GridColumnMenuWrapper=g;

package/columnMenu/GridColumnMenuWrapper.mjs

@@ -0,0 +1,91 @@
+/**
+ * @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 * as t from "react";
+import { Popup as h } from "@progress/kendo-react-popup";
+import { Keys as u, IconWrap as a } from "@progress/kendo-react-common";
+import { filterIcon as m } from "@progress/kendo-svg-icons";
+import { columnMenu as l, messages as p } from "../messages/index.mjs";
+import { provideLocalizationService as f } from "@progress/kendo-react-intl";
+class k extends t.Component {
+  constructor() {
+    super(...arguments), this.state = {
+      show: !1
+    }, this._anchor = null, this._content = null, this.blurTimeout = void 0, this.willBlur = !1, this.blur = () => {
+      if (this.willBlur) {
+        this.willBlur = !1;
+        return;
+      }
+      clearTimeout(this.blurTimeout), this.blurTimeout = window.setTimeout(() => {
+        this.closeMenu();
+      });
+    }, this.focus = () => {
+      clearTimeout(this.blurTimeout);
+    }, this.anchorClick = (e) => {
+      e.preventDefault(), this.state.show && this.props.onCloseMenu && this.props.onCloseMenu(), this.setState(
+        {
+          show: !this.state.show
+        },
+        () => this.state.show && this._content && this._content.focus()
+      );
+    }, this.closeMenu = () => {
+      this.props.onCloseMenu && this.props.onCloseMenu(), this.setState({ show: !1 });
+    }, this.onAnchorMouseDown = (e) => {
+      this.willBlur = this.state.show && e.currentTarget === this._anchor;
+    }, this.onAnchorKeyDown = (e) => {
+      var n;
+      if (e.keyCode === u.tab) {
+        const o = e.target, s = o && ((n = o.closest(".k-grid")) == null ? void 0 : n.getElementsByClassName("k-grid-content")[0]);
+        s && s.scrollWidth > s.clientWidth && o.scrollIntoView({ inline: "center" });
+      }
+    };
+  }
+  render() {
+    const { columnMenu: e, ...n } = this.props, { column: o } = this.props, s = f(this), i = o.title || o.field, c = i ? `${i} ` : "";
+    return /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement(
+      "a",
+      {
+        className: "k-grid-header-menu k-grid-column-menu",
+        ref: (r) => this._anchor = r,
+        onClick: this.anchorClick,
+        onMouseDown: this.onAnchorMouseDown,
+        onKeyDown: this.onAnchorKeyDown,
+        href: "#",
+        "aria-label": `${c}${s.toLanguageString(l, p[l])}`
+      },
+      /* @__PURE__ */ t.createElement(a, { name: "filter", icon: m })
+    ), /* @__PURE__ */ t.createElement(
+      h,
+      {
+        anchor: this._anchor,
+        show: this.state.show,
+        popupClass: "k-column-menu k-column-menu-popup k-grid-columnmenu-popup"
+      },
+      /* @__PURE__ */ t.createElement(
+        "div",
+        {
+          ref: (r) => this._content = r,
+          tabIndex: 0,
+          onBlur: this.blur,
+          onFocus: this.focus,
+          style: { outline: "none" }
+        },
+        e && /* @__PURE__ */ t.createElement(
+          e,
+          {
+            ...n,
+            onCloseMenu: this.closeMenu
+          }
+        )
+      )
+    ));
+  }
+}
+export {
+  k as GridColumnMenuWrapper
+};

package/constants/index.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 E=require("@progress/kendo-react-data-tools"),T=E.TABLE_ROW_INDEX_ATTRIBUTE,_=E.TABLE_COL_INDEX_ATTRIBUTE,I=E.TABLE_PREVENT_SELECTION_ELEMENT;exports.GRID_COL_INDEX_ATTRIBUTE=_;exports.GRID_PREVENT_SELECTION_ELEMENT=I;exports.GRID_ROW_INDEX_ATTRIBUTE=T;

package/constants/index.mjs

@@ -0,0 +1,15 @@
+/**
+ * @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 { TABLE_ROW_INDEX_ATTRIBUTE as E, TABLE_COL_INDEX_ATTRIBUTE as T, TABLE_PREVENT_SELECTION_ELEMENT as _ } from "@progress/kendo-react-data-tools";
+const R = E, N = T, L = _;
+export {
+  N as GRID_COL_INDEX_ATTRIBUTE,
+  L as GRID_PREVENT_SELECTION_ELEMENT,
+  R as GRID_ROW_INDEX_ATTRIBUTE
+};