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

package/cells/GridEditCell.mjs

@@ -0,0 +1,172 @@
+/**
+ * @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 a from "react";
+import { getNestedValue as f } from "../utils/index.mjs";
+import { NumericTextBox as b } from "@progress/kendo-react-inputs";
+import { DatePicker as r } from "@progress/kendo-react-dateinputs";
+import { classNames as s, useId as N } from "@progress/kendo-react-common";
+import { useTableKeyboardNavigation as S } from "@progress/kendo-react-data-tools";
+import { GRID_COL_INDEX_ATTRIBUTE as x } from "../constants/index.mjs";
+const R = (e) => {
+  const c = f(e.field, e.dataItem);
+  let d = null;
+  const i = s("k-table-td", "k-grid-edit-cell", {
+    "k-selected": e.isSelected
+  }, e.className), C = N(), m = S(e.id);
+  let l = null, n = null;
+  const I = a.useCallback(
+    (t) => {
+      if (e.onChange) {
+        const h = t.target.type === "checkbox" ? t.target.checked : t.target.value;
+        e.onChange({
+          dataItem: e.dataItem,
+          dataIndex: e.dataIndex,
+          field: e.field,
+          syntheticEvent: t,
+          value: h
+        });
+      }
+    },
+    [e.onChange, e.dataItem, e.dataIndex, e.field]
+  ), u = a.useCallback((t) => {
+    e.onContextMenu && e.onContextMenu.call(void 0, t, e.dataItem, e.field);
+  }, [e.onContextMenu, e.dataItem, e.field]), k = a.useCallback(
+    (t) => {
+      e.onChange && e.onChange({
+        dataItem: e.dataItem,
+        dataIndex: e.dataIndex,
+        field: e.field,
+        syntheticEvent: t.syntheticEvent,
+        value: t.value
+      });
+    },
+    [e.onChange, e.dataItem, e.dataIndex, e.field]
+  );
+  switch (e.editor) {
+    case "numeric": {
+      l = {
+        onContextMenu: u,
+        colSpan: e.colSpan,
+        style: e.style,
+        className: i,
+        "aria-colindex": e.ariaColumnIndex,
+        "aria-selected": e.isSelected,
+        [x]: e.columnIndex,
+        role: "gridcell",
+        ...m
+      }, n = /* @__PURE__ */ a.createElement(
+        b,
+        {
+          width: "100%",
+          value: c === void 0 ? null : c,
+          onChange: k
+        }
+      ), d = /* @__PURE__ */ a.createElement(
+        "td",
+        {
+          ...l
+        },
+        n
+      );
+      break;
+    }
+    case "date":
+      l = {
+        onContextMenu: u,
+        colSpan: e.colSpan,
+        style: e.style,
+        className: i,
+        "aria-colindex": e.ariaColumnIndex,
+        "aria-selected": e.isSelected,
+        [x]: e.columnIndex,
+        role: "gridcell",
+        ...m
+      }, n = /* @__PURE__ */ a.createElement(
+        r,
+        {
+          width: "100%",
+          value: c,
+          onChange: k
+        }
+      ), d = /* @__PURE__ */ a.createElement(
+        "td",
+        {
+          ...l
+        },
+        n
+      );
+      break;
+    case "boolean":
+      l = {
+        onContextMenu: u,
+        colSpan: e.colSpan,
+        style: e.style,
+        className: i,
+        "aria-colindex": e.ariaColumnIndex,
+        "aria-selected": e.isSelected,
+        [x]: e.columnIndex,
+        role: "gridcell",
+        ...m
+      }, n = [
+        /* @__PURE__ */ a.createElement("span", { key: 1, className: "k-checkbox-wrap" }, /* @__PURE__ */ a.createElement(
+          "input",
+          {
+            checked: c || !1,
+            id: C,
+            type: "checkbox",
+            className: "k-checkbox k-checkbox-md k-rounded-md",
+            onChange: I
+          }
+        )),
+        /* @__PURE__ */ a.createElement("label", { className: "k-checkbox-label", htmlFor: C, key: 2 })
+      ], d = /* @__PURE__ */ a.createElement(
+        "td",
+        {
+          ...l
+        },
+        n
+      );
+      break;
+    default:
+      l = {
+        onContextMenu: u,
+        colSpan: e.colSpan,
+        style: e.style,
+        className: i,
+        "aria-colindex": e.ariaColumnIndex,
+        "aria-selected": e.isSelected,
+        [x]: e.columnIndex,
+        role: "gridcell",
+        ...m
+      }, n = /* @__PURE__ */ a.createElement(
+        "input",
+        {
+          style: { width: "100%" },
+          className: "k-input",
+          value: c || "",
+          onChange: I
+        }
+      ), d = /* @__PURE__ */ a.createElement(
+        "td",
+        {
+          ...l
+        },
+        n
+      );
+  }
+  const g = e.editor || "text", o = e.cells;
+  if (o && o.edit && o.edit[g]) {
+    const t = o.edit[g];
+    return /* @__PURE__ */ a.createElement(t, { ...e, tdProps: l }, n);
+  }
+  return e.render ? e.render.call(void 0, d, e) : d;
+};
+export {
+  R as GridEditCell
+};

package/cells/GridFilterCell.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 f=require("react"),g=require("@progress/kendo-react-buttons"),l=require("@progress/kendo-react-dropdowns"),c=require("@progress/kendo-react-inputs"),C=require("@progress/kendo-react-dateinputs"),n=require("../messages/index.js"),u=require("@progress/kendo-react-intl"),h=require("@progress/kendo-svg-icons"),p=require("../filterCommon.js"),m=require("@progress/kendo-react-common");function b(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 i=b(f);class d extends i.Component{constructor(e){super(e),this._inputRef=i.createRef(),this.renderOperatorEditor=t=>{if(this.props.filterType==="boolean")return;const o=this.props.operators.find(r=>r.operator===this.props.operator)||null;return i.createElement(l.DropDownList,{size:this.props.size,value:o,onChange:this.operatorChange,className:"k-dropdown-operator",iconClassName:"k-i-filter k-icon",svgIcon:h.filterIcon,data:this.props.operators,textField:"text",title:t.toLanguageString(n.filterChooseOperator,n.messages[n.filterChooseOperator]),popupSettings:{width:""}})},this.inputChange=this.inputChange.bind(this),this.clear=this.clear.bind(this),this.operatorChange=this.operatorChange.bind(this),this.boolDropdownChange=this.boolDropdownChange.bind(this)}render(){const e=u.provideLocalizationService(this),t=i.createElement("div",{className:"k-filtercell"},i.createElement("div",{className:"k-filtercell-wrapper"},this.filterComponent(this.props.filterType,this.props.value,this.props.booleanValues),i.createElement("div",{className:"k-filtercell-operator"},this.renderOperatorEditor(e)," ",i.createElement(g.Button,{size:this.props.size,icon:"filter-clear",svgIcon:h.filterClearIcon,className:m.classNames({"k-clear-button-visible":!!(!(this.props.value===null||this.props.value==="")||this.props.operator)}),title:e.toLanguageString(n.filterClearButton,n.messages[n.filterClearButton]),type:"button",onClick:this.clear,disabled:!(!(this.props.value===null||this.props.value==="")||this.props.operator)}))));return this.props.render?this.props.render.call(void 0,t,this.props):t}inputChange(e,t){p.cellInputChange(e,t,this.props)}operatorChange(e){p.cellOperatorChange(e,this.props.value,this.props.onChange)}boolDropdownChange(e){p.cellBoolDropdownChange(e,this.props.onChange)}clear(e){e.preventDefault(),this.props.onChange({value:"",operator:"",syntheticEvent:e}),this._inputRef.current&&(this._inputRef.current.element.value="",setTimeout(()=>{this._inputRef.current.element.focus()},0))}filterComponent(e,t,o){switch(e){case"numeric":return i.createElement(c.NumericTextBox,{ref:this._inputRef,size:this.props.size,value:t,onChange:r=>{this.inputChange(r.value,r.syntheticEvent)},title:this.props.title,ariaLabel:this.props.ariaLabel});case"date":return i.createElement(C.DatePicker,{ref:this._inputRef,size:this.props.size,value:t,onChange:r=>{this.inputChange(r.value,r.syntheticEvent)},title:this.props.title,ariaLabel:this.props.ariaLabel});case"boolean":{const r=a=>a==null;return i.createElement(l.DropDownList,{ref:this._inputRef,size:this.props.size,onChange:this.boolDropdownChange,value:o.find(a=>a.operator===(r(t)?"":t)),data:o,textField:"text",title:this.props.title,ariaLabel:this.props.ariaLabel})}default:return i.createElement(c.TextBox,{ref:this._inputRef,size:this.props.size,value:t||"",onChange:r=>{this.inputChange(r.target.value,r.syntheticEvent)},title:this.props.title,"aria-label":this.props.ariaLabel})}}}u.registerForLocalization(d);exports.GridFilterCell=d;

package/cells/GridFilterCell.mjs

@@ -0,0 +1,145 @@
+/**
+ * @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 i from "react";
+import { Button as h } from "@progress/kendo-react-buttons";
+import { DropDownList as a } from "@progress/kendo-react-dropdowns";
+import { TextBox as c, NumericTextBox as u } from "@progress/kendo-react-inputs";
+import { DatePicker as m } from "@progress/kendo-react-dateinputs";
+import { filterChooseOperator as n, messages as p, filterClearButton as l } from "../messages/index.mjs";
+import { provideLocalizationService as f, registerForLocalization as d } from "@progress/kendo-react-intl";
+import { filterIcon as g, filterClearIcon as C } from "@progress/kendo-svg-icons";
+import { cellInputChange as v, cellOperatorChange as b, cellBoolDropdownChange as z } from "../filterCommon.mjs";
+import { classNames as E } from "@progress/kendo-react-common";
+class L extends i.Component {
+  constructor(e) {
+    super(e), this._inputRef = i.createRef(), this.renderOperatorEditor = (t) => {
+      if (this.props.filterType === "boolean")
+        return;
+      const o = this.props.operators.find((r) => r.operator === this.props.operator) || null;
+      return /* @__PURE__ */ i.createElement(
+        a,
+        {
+          size: this.props.size,
+          value: o,
+          onChange: this.operatorChange,
+          className: "k-dropdown-operator",
+          iconClassName: "k-i-filter k-icon",
+          svgIcon: g,
+          data: this.props.operators,
+          textField: "text",
+          title: t.toLanguageString(n, p[n]),
+          popupSettings: {
+            width: ""
+          }
+        }
+      );
+    }, this.inputChange = this.inputChange.bind(this), this.clear = this.clear.bind(this), this.operatorChange = this.operatorChange.bind(this), this.boolDropdownChange = this.boolDropdownChange.bind(this);
+  }
+  /**
+   * @hidden
+   */
+  render() {
+    const e = f(this), t = /* @__PURE__ */ i.createElement("div", { className: "k-filtercell" }, /* @__PURE__ */ i.createElement("div", { className: "k-filtercell-wrapper" }, this.filterComponent(this.props.filterType, this.props.value, this.props.booleanValues), /* @__PURE__ */ i.createElement("div", { className: "k-filtercell-operator" }, this.renderOperatorEditor(e), " ", /* @__PURE__ */ i.createElement(
+      h,
+      {
+        size: this.props.size,
+        icon: "filter-clear",
+        svgIcon: C,
+        className: E({
+          "k-clear-button-visible": !!(!(this.props.value === null || this.props.value === "") || this.props.operator)
+        }),
+        title: e.toLanguageString(l, p[l]),
+        type: "button",
+        onClick: this.clear,
+        disabled: !(!(this.props.value === null || this.props.value === "") || this.props.operator)
+      }
+    ))));
+    return this.props.render ? this.props.render.call(void 0, t, this.props) : t;
+  }
+  inputChange(e, t) {
+    v(e, t, this.props);
+  }
+  operatorChange(e) {
+    b(e, this.props.value, this.props.onChange);
+  }
+  boolDropdownChange(e) {
+    z(e, this.props.onChange);
+  }
+  clear(e) {
+    e.preventDefault(), this.props.onChange({ value: "", operator: "", syntheticEvent: e }), this._inputRef.current && (this._inputRef.current.element.value = "", setTimeout(() => {
+      this._inputRef.current.element.focus();
+    }, 0));
+  }
+  filterComponent(e, t, o) {
+    switch (e) {
+      case "numeric":
+        return /* @__PURE__ */ i.createElement(
+          u,
+          {
+            ref: this._inputRef,
+            size: this.props.size,
+            value: t,
+            onChange: (r) => {
+              this.inputChange(r.value, r.syntheticEvent);
+            },
+            title: this.props.title,
+            ariaLabel: this.props.ariaLabel
+          }
+        );
+      case "date":
+        return /* @__PURE__ */ i.createElement(
+          m,
+          {
+            ref: this._inputRef,
+            size: this.props.size,
+            value: t,
+            onChange: (r) => {
+              this.inputChange(r.value, r.syntheticEvent);
+            },
+            title: this.props.title,
+            ariaLabel: this.props.ariaLabel
+          }
+        );
+      case "boolean": {
+        const r = (s) => s == null;
+        return /* @__PURE__ */ i.createElement(
+          a,
+          {
+            ref: this._inputRef,
+            size: this.props.size,
+            onChange: this.boolDropdownChange,
+            value: o.find((s) => s.operator === (r(t) ? "" : t)),
+            data: o,
+            textField: "text",
+            title: this.props.title,
+            ariaLabel: this.props.ariaLabel
+          }
+        );
+      }
+      default:
+        return /* @__PURE__ */ i.createElement(
+          c,
+          {
+            ref: this._inputRef,
+            size: this.props.size,
+            value: t || "",
+            onChange: (r) => {
+              this.inputChange(r.target.value, r.syntheticEvent);
+            },
+            title: this.props.title,
+            "aria-label": this.props.ariaLabel
+          }
+        );
+    }
+  }
+}
+d(L);
+export {
+  L as GridFilterCell
+};

package/cells/GridGroupCell.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 b=require("@progress/kendo-react-common"),j=require("@progress/kendo-react-data-tools"),z=require("@progress/kendo-react-intl"),C=require("@progress/kendo-svg-icons"),A=require("react"),v=require("../messages/index.js");function G(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const c=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,c.get?c:{enumerable:!0,get:()=>e[t]})}}return a.default=e,Object.freeze(a)}const n=G(A),K=e=>{let a=null;const{columnIndex:t,level:c,columnsCount:g,rowType:R,dataItem:o,field:w,onChange:d,expanded:r,render:x,dataIndex:f,ariaColumnIndex:M,isRtl:I}=e,s=w||"",N=j.useTableKeyboardNavigation(e.id),T=z.useLocalization();let i=null,m=null,y=null;const q=n.useCallback(l=>{l.isDefaultPrevented()||l.keyCode===b.Keys.enter&&d&&(l.preventDefault(),d({dataItem:o,dataIndex:f,syntheticEvent:l,field:void 0,value:!r}))},[r,d,o,f]),k=n.useCallback(l=>{e.onContextMenu&&e.onContextMenu.call(void 0,l,e.dataItem,e.field)},[e.onContextMenu,e.dataItem,e.field]),E=(l,O)=>{const D=r?v.groupCollapse:v.groupExpand,P=T.toLanguageString(D,v.messages[D]);return i={className:"k-table-td",style:{...e.style,...O},colSpan:l,key:"g-colspan",role:"gridcell","aria-selected":!1,"aria-expanded":r,"aria-colindex":M,onKeyDown:q,onContextMenu:k,...N},y=n.createElement("p",{className:"k-reset"},n.createElement("a",{onClick:h=>{h.preventDefault(),d&&d({dataItem:o,dataIndex:f,syntheticEvent:h,field:void 0,value:!r})},href:"#",tabIndex:-1,"aria-label":P},n.createElement(b.IconWrap,{name:r?"caret-alt-down":I?"caret-alt-left":"caret-alt-right",icon:r?C.caretAltDownIcon:I?C.caretAltLeftIcon:C.caretAltRightIcon})),o[s]instanceof Date&&o[s].toString?o[s].toString():o[s]),n.createElement("td",{...i,key:i.key},y)};t===void 0||c===void 0||t<c||g===void 0||R!=="groupHeader"||o[s]===void 0?(i={style:e.style,key:"g"+t,className:b.classNames("k-table-td","k-group-cell",{"k-grid-content-sticky":e.locked}),role:"gridcell",onContextMenu:k},a=n.createElement("td",{...i,key:i.key})):t<=c&&!e.locked?a=E(g-t,{}):t<=c&&e.locked&&(m={className:"k-table-td",role:"gridcell",colSpan:g-t,style:{borderLeftWidth:0,borderRightWidth:0},onContextMenu:k},a=n.createElement(n.Fragment,null,E(0,{position:"sticky",zIndex:2}),n.createElement("td",{...m})));const S=e.rowType||"data",u=e.cells;if(u&&u.group&&u.group[S]){const l=u.group[S];return n.createElement(l,{...e,tdProps:i,td2Props:m},y)}return x?x.call(void 0,a,e):a};exports.GridGroupCell=K;

package/cells/GridGroupCell.mjs

@@ -0,0 +1,115 @@
+/**
+ * @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 { Keys as K, classNames as L, IconWrap as T } from "@progress/kendo-react-common";
+import { useTableKeyboardNavigation as z } from "@progress/kendo-react-data-tools";
+import { useLocalization as P } from "@progress/kendo-react-intl";
+import { caretAltDownIcon as W, caretAltLeftIcon as F, caretAltRightIcon as G } from "@progress/kendo-svg-icons";
+import * as t from "react";
+import { messages as H, groupCollapse as j, groupExpand as q } from "../messages/index.mjs";
+const V = (e) => {
+  let c = null;
+  const { columnIndex: a, level: s, columnsCount: m, rowType: h, dataItem: n, field: w, onChange: r, expanded: o, render: C, dataIndex: f, ariaColumnIndex: D, isRtl: v } = e, d = w || "", N = z(e.id), S = P();
+  let i = null, g = null, y = null;
+  const M = t.useCallback(
+    (l) => {
+      l.isDefaultPrevented() || l.keyCode === K.enter && r && (l.preventDefault(), r({
+        dataItem: n,
+        dataIndex: f,
+        syntheticEvent: l,
+        field: void 0,
+        value: !o
+      }));
+    },
+    [o, r, n, f]
+  ), k = t.useCallback((l) => {
+    e.onContextMenu && e.onContextMenu.call(void 0, l, e.dataItem, e.field);
+  }, [e.onContextMenu, e.dataItem, e.field]), x = (l, R) => {
+    const I = o ? j : q, A = S.toLanguageString(I, H[I]);
+    return i = {
+      className: "k-table-td",
+      style: { ...e.style, ...R },
+      colSpan: l,
+      key: "g-colspan",
+      role: "gridcell",
+      "aria-selected": !1,
+      "aria-expanded": o,
+      "aria-colindex": D,
+      onKeyDown: M,
+      onContextMenu: k,
+      ...N
+    }, y = /* @__PURE__ */ t.createElement("p", { className: "k-reset" }, /* @__PURE__ */ t.createElement(
+      "a",
+      {
+        onClick: (E) => {
+          E.preventDefault(), r && r({
+            dataItem: n,
+            dataIndex: f,
+            syntheticEvent: E,
+            field: void 0,
+            value: !o
+          });
+        },
+        href: "#",
+        tabIndex: -1,
+        "aria-label": A
+      },
+      /* @__PURE__ */ t.createElement(
+        T,
+        {
+          name: o ? "caret-alt-down" : v ? "caret-alt-left" : "caret-alt-right",
+          icon: o ? W : v ? F : G
+        }
+      )
+    ), n[d] instanceof Date && n[d].toString ? n[d].toString() : n[d]), /* @__PURE__ */ t.createElement(
+      "td",
+      {
+        ...i,
+        key: i.key
+      },
+      y
+    );
+  };
+  a === void 0 || s === void 0 || a < s || m === void 0 || h !== "groupHeader" || n[d] === void 0 ? (i = {
+    style: e.style,
+    key: "g" + a,
+    className: L(
+      "k-table-td",
+      "k-group-cell",
+      { "k-grid-content-sticky": e.locked }
+    ),
+    role: "gridcell",
+    onContextMenu: k
+  }, c = /* @__PURE__ */ t.createElement(
+    "td",
+    {
+      ...i,
+      key: i.key
+    }
+  )) : a <= s && !e.locked ? c = x(m - a, {}) : a <= s && e.locked && (g = {
+    className: "k-table-td",
+    role: "gridcell",
+    colSpan: m - a,
+    style: { borderLeftWidth: 0, borderRightWidth: 0 },
+    onContextMenu: k
+  }, c = /* @__PURE__ */ t.createElement(t.Fragment, null, x(0, { position: "sticky", zIndex: 2 }), /* @__PURE__ */ t.createElement(
+    "td",
+    {
+      ...g
+    }
+  )));
+  const b = e.rowType || "data", u = e.cells;
+  if (u && u.group && u.group[b]) {
+    const l = u.group[b];
+    return /* @__PURE__ */ t.createElement(l, { ...e, tdProps: i, td2Props: g }, y);
+  }
+  return C ? C.call(void 0, c, e) : c;
+};
+export {
+  V as GridGroupCell
+};

package/cells/GridHierarchyCell.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 I=require("react"),b=require("../utils/index.js"),C=require("@progress/kendo-react-data-tools"),x=require("@progress/kendo-react-intl"),f=require("@progress/kendo-react-common"),d=require("../messages/index.js"),g=require("@progress/kendo-svg-icons");function k(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const c=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,c.get?c:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const i=k(I),v=e=>{let n=null,t=null,c=null;const l=b.getNestedValue(e.field,e.dataItem),o=C.useTableKeyboardNavigation(e.id),m=x.useLocalization(),y=i.useCallback(a=>{a.isDefaultPrevented()||a.keyCode===f.Keys.enter&&e.onChange&&(a.preventDefault(),e.onChange({dataItem:e.dataItem,dataIndex:e.dataIndex,syntheticEvent:a,field:e.field,value:!l}))},[e.dataItem,e.dataIndex,e.field,e.onChange,l]);if(e.rowType==="groupFooter")t={className:"k-table-td k-hierarchy-cell",role:"gridcell",...o},n=i.createElement("td",{...t});else if(e.rowType!=="groupHeader"){const a=l?d.detailCollapse:d.detailExpand,h=m.toLanguageString(a,d.messages[a]);t={className:"k-table-td k-hierarchy-cell",onKeyDown:y,"aria-expanded":!!l,role:"gridcell","aria-colindex":e.ariaColumnIndex,...o},c=i.createElement("a",{onClick:s=>{s.preventDefault(),e.onChange&&e.onChange({dataItem:e.dataItem,dataIndex:e.dataIndex,syntheticEvent:s,field:e.field,value:!l})},"aria-label":h,href:"#",tabIndex:-1},i.createElement(f.IconWrap,{name:l?"minus":"plus",icon:l?g.minusIcon:g.plusIcon})),n=i.createElement("td",{...t},c)}const u=e.rowType||"data",r=e.cells;if(r&&r.hierarchy&&r.hierarchy[u]){const a=r.hierarchy[u];return i.createElement(a,{...e,tdProps:t},c)}return e.render?e.render.call(void 0,n,e):n};exports.GridHierarchyCell=v;

package/cells/GridHierarchyCell.mjs

@@ -0,0 +1,84 @@
+/**
+ * @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 n from "react";
+import { getNestedValue as s } from "../utils/index.mjs";
+import { useTableKeyboardNavigation as h } from "@progress/kendo-react-data-tools";
+import { useLocalization as y } from "@progress/kendo-react-intl";
+import { Keys as I, IconWrap as C } from "@progress/kendo-react-common";
+import { messages as x, detailCollapse as b, detailExpand as E } from "../messages/index.mjs";
+import { minusIcon as k, plusIcon as v } from "@progress/kendo-svg-icons";
+const z = (e) => {
+  let i = null, l = null, r = null;
+  const t = s(e.field, e.dataItem), c = h(e.id), u = y(), f = n.useCallback(
+    (a) => {
+      a.isDefaultPrevented() || a.keyCode === I.enter && e.onChange && (a.preventDefault(), e.onChange({
+        dataItem: e.dataItem,
+        dataIndex: e.dataIndex,
+        syntheticEvent: a,
+        field: e.field,
+        value: !t
+      }));
+    },
+    [e.dataItem, e.dataIndex, e.field, e.onChange, t]
+  );
+  if (e.rowType === "groupFooter")
+    l = {
+      className: "k-table-td k-hierarchy-cell",
+      role: "gridcell",
+      ...c
+    }, i = /* @__PURE__ */ n.createElement(
+      "td",
+      {
+        ...l
+      }
+    );
+  else if (e.rowType !== "groupHeader") {
+    const a = t ? b : E, g = u.toLanguageString(a, x[a]);
+    l = {
+      className: "k-table-td k-hierarchy-cell",
+      onKeyDown: f,
+      "aria-expanded": !!t,
+      role: "gridcell",
+      "aria-colindex": e.ariaColumnIndex,
+      ...c
+    }, r = /* @__PURE__ */ n.createElement(
+      "a",
+      {
+        onClick: (m) => {
+          m.preventDefault(), e.onChange && e.onChange({
+            dataItem: e.dataItem,
+            dataIndex: e.dataIndex,
+            syntheticEvent: m,
+            field: e.field,
+            value: !t
+          });
+        },
+        "aria-label": g,
+        href: "#",
+        tabIndex: -1
+      },
+      /* @__PURE__ */ n.createElement(C, { name: t ? "minus" : "plus", icon: t ? k : v })
+    ), i = /* @__PURE__ */ n.createElement(
+      "td",
+      {
+        ...l
+      },
+      r
+    );
+  }
+  const o = e.rowType || "data", d = e.cells;
+  if (d && d.hierarchy && d.hierarchy[o]) {
+    const a = d.hierarchy[o];
+    return /* @__PURE__ */ n.createElement(a, { ...e, tdProps: l }, r);
+  }
+  return e.render ? e.render.call(void 0, i, e) : i;
+};
+export {
+  z as GridHierarchyCell
+};

package/cells/GridSelectionCell.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 k=require("react"),f=require("../utils/index.js"),i=require("../messages/index.js"),y=require("@progress/kendo-react-intl"),C=require("@progress/kendo-react-data-tools"),h=require("@progress/kendo-react-common");function S(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const a=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,a.get?a:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const c=S(k),x=e=>{const n=y.useLocalization(),t=c.useCallback(o=>{e.selectionChange&&e.selectionChange({syntheticEvent:o})},[e.selectionChange]),a=h.useId(),s=f.getNestedValue(e.field,e.dataItem),b=C.useTableKeyboardNavigation(e.id),r={colSpan:e.colSpan,style:e.style,className:e.className,"aria-colindex":e.ariaColumnIndex,role:"gridcell",...b},d=typeof s=="boolean"&&s,u=c.createElement("span",{key:1,className:"k-checkbox-wrap"},c.createElement("input",{id:a,type:"checkbox",className:"k-checkbox k-checkbox-md k-rounded-md","aria-label":n.toLanguageString(i.selectRow,i.messages[i.selectRow]),"aria-checked":d,checked:d,onChange:t})),g=e.rowType!=="groupHeader"?c.createElement("td",{...r},u):null,m=e.rowType||"data",l=e.cells;if(l&&l.select&&l.select[m]){const o=l.select[m];return c.createElement(o,{...e,tdProps:r},u)}return e.render?e.render.call(void 0,g,e):g};exports.GridSelectionCell=x;

package/cells/GridSelectionCell.mjs

@@ -0,0 +1,54 @@
+/**
+ * @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 { getNestedValue as k } from "../utils/index.mjs";
+import { selectRow as r, messages as f } from "../messages/index.mjs";
+import { useLocalization as C } from "@progress/kendo-react-intl";
+import { useTableKeyboardNavigation as b } from "@progress/kendo-react-data-tools";
+import { useId as y } from "@progress/kendo-react-common";
+const I = (e) => {
+  const m = C(), u = t.useCallback(
+    (n) => {
+      e.selectionChange && e.selectionChange({ syntheticEvent: n });
+    },
+    [e.selectionChange]
+  ), g = y(), c = k(e.field, e.dataItem), h = b(e.id), l = {
+    colSpan: e.colSpan,
+    style: e.style,
+    className: e.className,
+    "aria-colindex": e.ariaColumnIndex,
+    role: "gridcell",
+    ...h
+  }, o = typeof c == "boolean" && c, i = /* @__PURE__ */ t.createElement("span", { key: 1, className: "k-checkbox-wrap" }, /* @__PURE__ */ t.createElement(
+    "input",
+    {
+      id: g,
+      type: "checkbox",
+      className: "k-checkbox k-checkbox-md k-rounded-md",
+      "aria-label": m.toLanguageString(r, f[r]),
+      "aria-checked": o,
+      checked: o,
+      onChange: u
+    }
+  )), s = e.rowType !== "groupHeader" ? /* @__PURE__ */ t.createElement(
+    "td",
+    {
+      ...l
+    },
+    i
+  ) : null, d = e.rowType || "data", a = e.cells;
+  if (a && a.select && a.select[d]) {
+    const n = a.select[d];
+    return /* @__PURE__ */ t.createElement(n, { ...e, tdProps: l }, i);
+  }
+  return e.render ? e.render.call(void 0, s, e) : s;
+};
+export {
+  I as GridSelectionCell
+};

package/columnMenu/GridColumnMenuCheckboxFilter.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 I=require("react"),v=require("./GridColumnMenuItem.js"),E=require("./GridColumnMenuItemGroup.js"),S=require("./GridColumnMenuItemContent.js"),d=require("@progress/kendo-react-inputs"),k=require("@progress/kendo-react-intl"),r=require("../messages/index.js"),x=require("@progress/kendo-data-query"),F=require("@progress/kendo-react-common"),f=require("@progress/kendo-react-buttons"),C=require("../utils/index.js"),m=require("@progress/kendo-svg-icons");function b(h){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(h){for(const e in h)if(e!=="default"){const t=Object.getOwnPropertyDescriptor(h,e);Object.defineProperty(l,e,t.get?t:{enumerable:!0,get:()=>h[e]})}}return l.default=h,Object.freeze(l)}const i=b(I),q=(h,l)=>h.length!==l.length?!1:h.every((e,t)=>e===l[t]),g=class g extends i.Component{constructor(l){super(l),this.defaultFilter=()=>this.props.filter?F.clone(this.props.filter):{filters:[],logic:"and"},this.isControlled=()=>this.props.expanded!==void 0,this.parseData=(e,t)=>{const o=this.props.column.field||"",n=e.map(c=>C.getNestedValue(o,c));return t?n.filter((c,s)=>n.indexOf(c)===s):n},this.getFilterIndex=()=>{const e=this.props.column.field;return this.defaultFilter().filters.findIndex(n=>n.filters&&n.filters.length>0&&n.filters[0].field===e)},this.onFilterExpand=()=>{const e=this.isControlled(),t=!(e?this.props.expanded:this.state.expanded);this.props.onExpandChange&&this.props.onExpandChange(t),e||this.setState({expanded:t})},this.handleSearchChange=e=>{const t=this.props.searchBoxFilterOperator?this.props.searchBoxFilterOperator:"startswith",o={logic:"and",filters:[{field:this.props.column.field,operator:t,value:e.target.value,ignoreCase:!0}]};this.setState({value:e.target.value,data:this.parseData(x.filterBy(this.props.data||[],o),this.props.uniqueData)})},this.handleClear=()=>{const e=this.props.searchBoxFilterOperator?this.props.searchBoxFilterOperator:"startswith",t={logic:"and",filters:[{field:this.props.column.field,operator:e,value:"",ignoreCase:!0}]};this.setState({value:"",data:this.parseData(x.filterBy(this.props.data||[],t),this.props.uniqueData)})},this.clear=e=>{if(e.preventDefault(),!this.props.onFilterChange)return;const t=this.state.currentFilter||null;t!==null&&t.filters.length>0?(this.compositeFilterIndex>=0&&t.filters.splice(this.compositeFilterIndex,1),this.props.onFilterChange(t,e)):this.props.onFilterChange(null,e),this.props.onCloseMenu&&this.props.onCloseMenu()},this.submit=e=>{if(e.preventDefault(),!this.props.onFilterChange)return;const t=this.state.currentFilter||null;this.props.onFilterChange(t,e),this.props.onCloseMenu&&this.props.onCloseMenu()},this.handleCheckBoxChange=(e,t)=>{const o=this.props.column.field||"",n={...this.state.currentFilter},c=[...this.state.currentFilter.filters];let s=[];if(this.compositeFilterIndex!==-1&&n.filters[this.compositeFilterIndex].filters&&t!=="all"&&(s=n.filters[this.compositeFilterIndex].filters),e.value&&t==="all")this.state.data.forEach(a=>{s.push({field:o,operator:"eq",value:a})});else if(e.value)s.push({field:o,operator:"eq",value:t});else if(this.state.currentFilter){const a=s.findIndex(p=>p.value===t);s.splice(a,1)}n.logic="and",this.compositeFilterIndex!==-1?c[this.compositeFilterIndex]={logic:"or",filters:s}:c.push({logic:"or",filters:s}),(!e.value&&t==="all"||s.length===0)&&c.splice(this.compositeFilterIndex,1),n.filters=c,this.setState({currentFilter:n})},this.isAllSelected=()=>{let e=!1;if(this.state.currentFilter){const t=[...this.state.currentFilter.filters];return this.compositeFilterIndex===-1?!1:(e=this.state.data.every(o=>this.compositeFilterIndex!==-1&&t[this.compositeFilterIndex].filters?t[this.compositeFilterIndex].filters.findIndex(c=>c.value===o)>=0:!1),e)}return e},this.compositeFilterIndex=this.getFilterIndex(),this.state={expanded:l.expanded||!1,value:"",data:this.parseData(this.props.data,this.props.uniqueData)||[],dataFromProps:this.parseData(this.props.data,!1)||[],currentFilter:this.defaultFilter()}}componentDidUpdate(){const l=this.props.column.field||"",e=this.props.data.map(t=>C.getNestedValue(l,t));q(e,this.state.dataFromProps)||this.setState({data:e,dataFromProps:e})}render(){const{column:l}=this.props;if(!l||!l.field)return i.createElement("div",null);const e=k.provideLocalizationService(this),t=this.isControlled()?this.props.expanded:this.state.expanded,o=[];if(this.state.currentFilter){const s=[...this.state.currentFilter.filters];this.compositeFilterIndex=s.findIndex(a=>a.filters&&a.filters.length>0?a.filters[0].field===l.field:!1),this.compositeFilterIndex!==-1&&s[this.compositeFilterIndex].filters.length>0&&s[this.compositeFilterIndex].filters.forEach(a=>{a.field===this.props.column.field&&o.push(a.value)})}const n=this.props.searchBox?i.createElement(this.props.searchBox,{value:this.state.value,onChange:this.handleSearchChange}):i.createElement("div",{className:"k-searchbox k-textbox k-input k-input-md k-input-solid"},i.createElement(F.IconWrap,{className:"k-input-icon",name:"search",icon:m.searchIcon}),i.createElement(d.Input,{className:"k-input-inner",type:"text",placeholder:e.toLanguageString(r.searchPlaceholder,r.messages[r.searchPlaceholder]),value:this.state.value,onChange:s=>this.handleSearchChange(s.nativeEvent)}),i.createElement(f.Button,{type:"button",rounded:null,className:"k-input-button",onClick:this.handleClear,icon:"x",svgIcon:m.xIcon})),c=o.filter((s,a)=>o.indexOf(s)===a);return i.createElement(E.GridColumnMenuItemGroup,null,i.createElement(v.GridColumnMenuItem,{title:e.toLanguageString(r.filterTitle,r.messages[r.filterTitle]),iconClass:"k-i-filter",svgIcon:m.filterIcon,onClick:this.onFilterExpand}),i.createElement(S.GridColumnMenuItemContent,{show:!!t},i.createElement("form",{className:"k-filter-menu",onSubmit:this.submit,onReset:this.clear},i.createElement("div",{className:"k-filter-menu-container"},n,i.createElement("ul",{className:"k-reset k-multicheck-wrap"},i.createElement("li",{className:"k-item k-check-all-wrap"},i.createElement(d.Checkbox,{label:e.toLanguageString(r.filterCheckAll,r.messages[r.filterCheckAll]),onChange:s=>this.handleCheckBoxChange(s,"all"),checked:this.isAllSelected()})),this.state.data.map((s,a)=>i.createElement("li",{className:"k-item",key:a},i.createElement(d.Checkbox,{label:String(s),onChange:p=>this.handleCheckBoxChange(p,s),checked:c.includes(s)})))),i.createElement("div",{className:"k-filter-selected-items"},c.length+" "+e.toLanguageString(r.filterSelectedItems,r.messages[r.filterSelectedItems])),i.createElement("div",{className:"k-actions k-hstack k-justify-content-stretch"},i.createElement(f.Button,{themeColor:"primary",type:"submit"},e.toLanguageString(r.filterSubmitButton,r.messages[r.filterSubmitButton])),i.createElement(f.Button,{className:"k-button",type:"reset"},e.toLanguageString(r.filterClearButton,r.messages[r.filterClearButton])))))))}};g.defaultProps={uniqueData:!0};let u=g;k.registerForLocalization(u);exports.GridColumnMenuCheckboxFilter=u;