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

package/filteringCells/DateFilter.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 { createFilterComponent as o } from "./FilterComponent.mjs";
+import { DatePicker as r } from "@progress/kendo-react-dateinputs";
+import { DropDownList as n } from "@progress/kendo-react-dropdowns";
+const m = {
+  inputComponent: (e) => /* @__PURE__ */ t.createElement(r, { ...e }),
+  operatorComponent: (e) => /* @__PURE__ */ t.createElement(n, { ...e }),
+  emptyFilter: { operator: "eq", value: null }
+};
+class a extends o(m) {
+}
+export {
+  a as DateFilterCell
+};

package/filteringCells/FilterComponent.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"),h=require("@progress/kendo-react-buttons"),m=require("@progress/kendo-react-common"),u=require("@progress/kendo-svg-icons");function d(o){const p=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const s in o)if(s!=="default"){const e=Object.getOwnPropertyDescriptor(o,s);Object.defineProperty(p,s,e.get?e:{enumerable:!0,get:()=>o[s]})}}return p.default=o,Object.freeze(p)}const c=d(f),C=o=>class extends c.Component{constructor(){super(...arguments),this.filterChange=e=>{this.props.onFilterChange&&this.props.onFilterChange(e)},this.inputChange=e=>{const n=e.target.value,{filter:r=[],field:t=""}=this.props,i=this.findCellFilter(),a=i?r.map(l=>l.field===t?{...i,value:n}:l):[...r,{...o.emptyFilter,value:n,field:t}];this.filterChange({filter:a,field:t,syntheticEvent:e.syntheticEvent})},this.operatorChange=e=>{const{operator:n}=e.target.value,{filter:r=[],field:t=""}=this.props,i=this.findCellFilter(),a=i?r.map(l=>l.field===t?{...i,operator:n}:l):[...r,{...o.emptyFilter,field:t,operator:n}];this.filterChange({filter:a,field:t,syntheticEvent:e.syntheticEvent})},this.clearButtonClick=e=>{const{filter:n=[],field:r=""}=this.props;this.filterChange({filter:n.filter(t=>t.field!==r),field:r,syntheticEvent:e})},this.findCellFilter=()=>{const{filter:e=[],field:n}=this.props;return e.find(r=>r.field===n)}}render(){const{clearButtonTitle:e="",operators:n=[]}=this.props,r=this.findCellFilter()||{...o.emptyFilter,operator:""},{operator:t,value:i}=r,a={ariaLabel:"filter",value:n.find(l=>l.operator===t)||null,onChange:this.operatorChange,className:"k-dropdown-operator",iconClassName:"k-i-filter",svgIcon:u.filterIcon,data:n,textField:"text",popupSettings:{width:""},components:this.props.components};return c.createElement("div",{className:"k-filtercell"},c.createElement("span",null,o.inputComponent({value:i,onChange:this.inputChange,components:this.props.components,ariaLabel:this.props.ariaLabel,min:this.props.min,max:this.props.max}),c.createElement("div",{className:"k-filtercell-operator"},o.operatorComponent(a,this.props)," ",c.createElement(h.Button,{className:m.classNames({"k-clear-button-visible":!(i===null||i==="")||t}),title:e,type:"button",onClick:this.clearButtonClick,icon:"filter-clear",svgIcon:u.filterClearIcon,disabled:!(!(i===null||i==="")||t)}))))}};exports.createFilterComponent=C;

package/filteringCells/FilterComponent.mjs

@@ -0,0 +1,81 @@
+/**
+ * @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 { Button as p } from "@progress/kendo-react-buttons";
+import { classNames as c } from "@progress/kendo-react-common";
+import { filterIcon as h, filterClearIcon as f } from "@progress/kendo-svg-icons";
+const v = (l) => class extends a.Component {
+  constructor() {
+    super(...arguments), this.filterChange = (t) => {
+      this.props.onFilterChange && this.props.onFilterChange(t);
+    }, this.inputChange = (t) => {
+      const i = t.target.value, { filter: r = [], field: e = "" } = this.props, n = this.findCellFilter(), s = n ? r.map((o) => o.field === e ? { ...n, value: i } : o) : [...r, { ...l.emptyFilter, value: i, field: e }];
+      this.filterChange({
+        filter: s,
+        field: e,
+        syntheticEvent: t.syntheticEvent
+      });
+    }, this.operatorChange = (t) => {
+      const { operator: i } = t.target.value, { filter: r = [], field: e = "" } = this.props, n = this.findCellFilter(), s = n ? r.map((o) => o.field === e ? { ...n, operator: i } : o) : [...r, { ...l.emptyFilter, field: e, operator: i }];
+      this.filterChange({
+        filter: s,
+        field: e,
+        syntheticEvent: t.syntheticEvent
+      });
+    }, this.clearButtonClick = (t) => {
+      const { filter: i = [], field: r = "" } = this.props;
+      this.filterChange({
+        filter: i.filter((e) => e.field !== r),
+        field: r,
+        syntheticEvent: t
+      });
+    }, this.findCellFilter = () => {
+      const { filter: t = [], field: i } = this.props;
+      return t.find((r) => r.field === i);
+    };
+  }
+  render() {
+    const { clearButtonTitle: t = "", operators: i = [] } = this.props, r = this.findCellFilter() || { ...l.emptyFilter, operator: "" }, { operator: e, value: n } = r, s = {
+      ariaLabel: "filter",
+      value: i.find((o) => o.operator === e) || null,
+      onChange: this.operatorChange,
+      className: "k-dropdown-operator",
+      iconClassName: "k-i-filter",
+      svgIcon: h,
+      data: i,
+      textField: "text",
+      popupSettings: { width: "" },
+      components: this.props.components
+    };
+    return /* @__PURE__ */ a.createElement("div", { className: "k-filtercell" }, /* @__PURE__ */ a.createElement("span", null, l.inputComponent({
+      value: n,
+      onChange: this.inputChange,
+      components: this.props.components,
+      ariaLabel: this.props.ariaLabel,
+      min: this.props.min,
+      max: this.props.max
+    }), /* @__PURE__ */ a.createElement("div", { className: "k-filtercell-operator" }, l.operatorComponent(s, this.props), " ", /* @__PURE__ */ a.createElement(
+      p,
+      {
+        className: c({
+          "k-clear-button-visible": !(n === null || n === "") || e
+        }),
+        title: t,
+        type: "button",
+        onClick: this.clearButtonClick,
+        icon: "filter-clear",
+        svgIcon: f,
+        disabled: !(!(n === null || n === "") || e)
+      }
+    ))));
+  }
+};
+export {
+  v as createFilterComponent
+};

package/filteringCells/NumericFilter.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 c=require("react"),l=require("./FilterComponent.js"),i=require("@progress/kendo-react-dropdowns"),u=require("@progress/kendo-react-inputs");function a(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const o=a(c),s={inputComponent:e=>o.createElement(u.NumericTextBox,{...e}),operatorComponent:e=>o.createElement(i.DropDownList,{...e}),emptyFilter:{operator:"eq",value:null}};class p extends l.createFilterComponent(s){}exports.NumericFilterCell=p;

package/filteringCells/NumericFilter.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 { createFilterComponent as o } from "./FilterComponent.mjs";
+import { DropDownList as r } from "@progress/kendo-react-dropdowns";
+import { NumericTextBox as m } from "@progress/kendo-react-inputs";
+const n = {
+  inputComponent: (e) => /* @__PURE__ */ t.createElement(m, { ...e }),
+  operatorComponent: (e) => /* @__PURE__ */ t.createElement(r, { ...e }),
+  emptyFilter: { operator: "eq", value: null }
+};
+class a extends o(n) {
+}
+export {
+  a as NumericFilterCell
+};

package/filteringCells/TextFilter.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 c=require("react"),l=require("./FilterComponent.js"),a=require("@progress/kendo-react-inputs"),i=require("@progress/kendo-react-dropdowns");function s(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,o.get?o:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const r=s(c),u={inputComponent:e=>r.createElement(a.Input,{...e}),operatorComponent:e=>r.createElement(i.DropDownList,{...e}),emptyFilter:{operator:"contains",value:""}};class p extends l.createFilterComponent(u){}exports.TextFilterCell=p;

package/filteringCells/TextFilter.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 e from "react";
+import { createFilterComponent as o } from "./FilterComponent.mjs";
+import { Input as r } from "@progress/kendo-react-inputs";
+import { DropDownList as n } from "@progress/kendo-react-dropdowns";
+const m = {
+  inputComponent: (t) => /* @__PURE__ */ e.createElement(r, { ...t }),
+  operatorComponent: (t) => /* @__PURE__ */ e.createElement(n, { ...t }),
+  emptyFilter: { operator: "contains", value: "" }
+};
+class l extends o(m) {
+}
+export {
+  l as TextFilterCell
+};

package/header/ColumnProps.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={filterable:!0,editable:!0,sortable:!0,resizable:!0,reorderable:!0,groupable:!0};exports.ColumnDefaultProps=e;

package/header/ColumnProps.mjs

@@ -0,0 +1,19 @@
+/**
+ * @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";
+const e = {
+  filterable: !0,
+  editable: !0,
+  sortable: !0,
+  resizable: !0,
+  reorderable: !0,
+  groupable: !0
+};
+export {
+  e as ColumnDefaultProps
+};

package/header/FilterRow.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("react"),h=require("./HeaderThElement.js"),k=require("../navigation/utils.js"),m=require("@progress/kendo-react-intl"),o=require("../messages/index.js"),C=require("@progress/kendo-react-common");function R(t){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const r in t)if(r!=="default"){const i=Object.getOwnPropertyDescriptor(t,r);Object.defineProperty(a,r,i.get?i:{enumerable:!0,get:()=>t[r]})}}return a.default=t,Object.freeze(a)}const s=R(b),c="k-table-row k-filter-row",p=(t,a,r)=>{let i=`${r?"k-grid-header-sticky":""}`;return t.some(l=>l.field===a)&&(i+=" k-sorted"),i},L=function(t){const{columns:a,filter:r,filterChange:i,sort:l=[],ariaRowIndex:d}=t,f=m.useLocalization();return s.createElement("tr",{className:c,"aria-rowindex":d,role:"row"},a.map((e,u)=>{const g=e.locked!==void 0?{left:e.left,right:e.right,borderRightWidth:e.rightBorder?"1px":""}:{},n=e.filterCell||e.filter;return s.createElement(h.HeaderThElement,{columnId:k.getFilterColumnId(e.id),navigatable:e.navigatable,style:g,key:u,ariaColumnIndex:e.ariaColumnIndex,ariaLabel:n?f.toLanguageString(o.filterAriaLabel,o.messages[o.filterAriaLabel]):void 0,className:C.classNames("k-table-th k-header",p(l,e.field,e.locked))},n&&s.createElement(n,{field:e.field,filter:r,onFilterChange:i}))}))};exports.FILTER_ROW_CLASS=c;exports.FilterRow=L;

package/header/FilterRow.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 s from "react";
+import { HeaderThElement as h } from "./HeaderThElement.mjs";
+import { getFilterColumnId as c } from "../navigation/utils.mjs";
+import { useLocalization as k } from "@progress/kendo-react-intl";
+import { filterAriaLabel as d, messages as C } from "../messages/index.mjs";
+import { classNames as p } from "@progress/kendo-react-common";
+const b = "k-table-row k-filter-row", w = (r, a, i) => {
+  let t = `${i ? "k-grid-header-sticky" : ""}`;
+  return r.some((l) => l.field === a) && (t += " k-sorted"), t;
+}, F = function(r) {
+  const { columns: a, filter: i, filterChange: t, sort: l = [], ariaRowIndex: n } = r, f = k();
+  return /* @__PURE__ */ s.createElement("tr", { className: b, "aria-rowindex": n, role: "row" }, a.map((e, m) => {
+    const g = e.locked !== void 0 ? {
+      left: e.left,
+      right: e.right,
+      borderRightWidth: e.rightBorder ? "1px" : ""
+    } : {}, o = e.filterCell || e.filter;
+    return /* @__PURE__ */ s.createElement(
+      h,
+      {
+        columnId: c(e.id),
+        navigatable: e.navigatable,
+        style: g,
+        key: m,
+        ariaColumnIndex: e.ariaColumnIndex,
+        ariaLabel: o ? f.toLanguageString(d, C[d]) : void 0,
+        className: p(
+          "k-table-th k-header",
+          w(l, e.field, e.locked)
+        )
+      },
+      o && /* @__PURE__ */ s.createElement(
+        o,
+        {
+          field: e.field,
+          filter: i,
+          onFilterChange: t
+        }
+      )
+    );
+  }));
+};
+export {
+  b as FILTER_ROW_CLASS,
+  F as FilterRow
+};

package/header/Header.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 o=require("react"),a=require("./utils/index.js"),i=require("../navigation/constants.js");function c(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const r in t)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(t,r);Object.defineProperty(e,r,n.get?n:{enumerable:!0,get:()=>t[r]})}}return e.default=t,Object.freeze(e)}const s=c(o);class l extends s.Component{constructor(){super(...arguments),this.element=null}componentDidMount(){const{columnResize:e}=this.props;e&&e.resizable&&e.setIsRtl(a.isRtl(this.element))}render(){return s.createElement("thead",{className:"k-table-thead k-grid-header",role:"presentation",ref:e=>this.element=e,...i.tableKeyboardNavigationHeaderAttributes},this.props.headerRow,this.props.filterRow)}}exports.Header=l;

package/header/Header.mjs

@@ -0,0 +1,36 @@
+/**
+ * @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 { isRtl as r } from "./utils/index.mjs";
+import { tableKeyboardNavigationHeaderAttributes as s } from "../navigation/constants.mjs";
+class a extends t.Component {
+  constructor() {
+    super(...arguments), this.element = null;
+  }
+  componentDidMount() {
+    const { columnResize: e } = this.props;
+    e && e.resizable && e.setIsRtl(r(this.element));
+  }
+  render() {
+    return /* @__PURE__ */ t.createElement(
+      "thead",
+      {
+        className: "k-table-thead k-grid-header",
+        role: "presentation",
+        ref: (e) => this.element = e,
+        ...s
+      },
+      this.props.headerRow,
+      this.props.filterRow
+    );
+  }
+}
+export {
+  a as Header
+};

package/header/HeaderCell.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 a=require("react");function r(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 l=r(a);function i(e){const n=e.onClick?{onClick:e.onClick}:{},t=l.createElement("span",{className:"k-link",...n},l.createElement("span",{className:"k-column-title"},e.title||e.field||" "),e.children);return l.createElement(l.Fragment,null,e.render?e.render.call(void 0,t,e):t)}exports.HeaderCell=i;

package/header/HeaderCell.mjs

@@ -0,0 +1,18 @@
+/**
+ * @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 l from "react";
+function c(e) {
+  const t = e.onClick ? {
+    onClick: e.onClick
+  } : {}, n = /* @__PURE__ */ l.createElement("span", { className: "k-link", ...t }, /* @__PURE__ */ l.createElement("span", { className: "k-column-title" }, e.title || e.field || " "), e.children);
+  return /* @__PURE__ */ l.createElement(l.Fragment, null, e.render ? e.render.call(void 0, n, e) : n);
+}
+export {
+  c as HeaderCell
+};

package/header/HeaderRow.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 z=require("react"),E=require("./HeaderCell.js"),M=require("./SortSettings.js"),q=require("../drag/ColumnResizer.js"),v=require("../drag/ColumnDraggable.js"),I=require("./HeaderThElement.js"),h=require("@progress/kendo-react-common"),C=require("@progress/kendo-react-intl"),g=require("@progress/kendo-svg-icons"),u=require("../messages/index.js");function N(a){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const r in a)if(r!=="default"){const c=Object.getOwnPropertyDescriptor(a,r);Object.defineProperty(s,r,c.get?c:{enumerable:!0,get:()=>a[r]})}}return s.default=a,Object.freeze(s)}const t=N(z),P={true:{asc:"desc",desc:"","":"asc"},false:{asc:"desc",desc:"asc","":"asc"}},x={none:"none",asc:"ascending",desc:"descending"};class b extends t.Component{constructor(){super(...arguments),this.cellClick=(s,r)=>{if(s.preventDefault(),!this.props.sortChange)return;const{allowUnsort:c,mode:e}=M.normalize(this.props.sortable||!1,r.sortable||!1),l=(this.props.sort||[]).filter(i=>i.field===r.field)[0],p=P[c][l&&l.dir||""],n=e==="single"?[]:(this.props.sort||[]).filter(i=>i.field!==r.field);p!==""&&r.field&&n.push({field:r.field,dir:p}),this.props.sortChange(s,n,r.field)},this.cellKeyDown=(s,r)=>{s.isDefaultPrevented()||s.keyCode===h.Keys.enter&&this.cellClick(s,r)},this.cells=s=>s.map((r,c)=>{const e=this.props.columns[r],{columnResize:l}=this.props,p=l&&l.resizable&&e.resizable,n=this.props.sortable&&e.sortable,i=this.props.sort?this.props.sort.findIndex(o=>o.field===e.field):-1,k=i>=0&&this.props.sort[i].dir||"none",m={sort:this.props.sort,onSortChange:this.props.sortChange,filter:this.props.columnMenuFilter,onFilterChange:this.props.columnMenuFilterChange,field:e.field},f={field:e.field,onClick:n&&(o=>this.cellClick(o,e))||void 0,selectionChange:this.props.selectionChange,title:e.title,selectionValue:e.headerSelectionValue,render:this.props.cellRender,children:this.sortIcon(i),sort:this.props.sort,sortable:this.props.sortable,sortChange:this.props.sortChange,filterChange:this.props.filterChange,columns:this.props.columns,columnMenuWrapperProps:m},d=e.columnMenu||this.props.columnMenu,S=h.classNames("k-table-th",{"k-first":e.kFirst,"k-filterable":!!d,"k-header":!0,"k-grid-header-sticky":e.locked,"k-sorted":this.props.sort&&this.props.sort.some(o=>o.field===e.field)},e.headerClassName),y=e.locked!==void 0?{left:e.left,right:e.right,borderRightWidth:e.rightBorder?"1px":""}:{},D=C.provideLocalizationService(this).toLanguageString(u.sortAriaLabel,u.messages[u.sortAriaLabel]);let H=e.isAccessible?{ariaSort:n?x[k]:void 0,role:"columnheader",ariaColumnIndex:e.ariaColumnIndex,ariaSelected:!1,ariaDescription:n?D:""}:{role:"presentation"};return t.createElement(I.HeaderThElement,{key:c,colSpan:e.colSpan,rowSpan:e.rowSpan,className:S,style:y,columnId:e.id,navigatable:e.navigatable,onKeyDown:n&&(o=>this.cellKeyDown(o,e))||void 0,...H},e.headerCell&&t.createElement(e.headerCell,{...f}),!e.headerCell&&t.createElement("span",{className:"k-cell-inner"},t.createElement(E.HeaderCell,{...f}),d&&t.createElement(d,{...m})),l&&p&&t.createElement(q.ColumnResizer,{key:"ColumnResizer",resize:(o,w,R)=>l.dragHandler(o,e,w,R)}))})}sortIcon(s){if(!this.props.sort||s<0)return null;const r=this.props.sort[s].dir;return r?[t.createElement(h.IconWrap,{key:1,name:`sort-${r}-small`,icon:r==="asc"?g.sortAscSmallIcon:g.sortDescSmallIcon}),this.props.sort.length>1&&t.createElement("span",{key:2,className:"k-sort-order"},s+1)]:null}render(){return this.props.columnsMap.map((s,r)=>this.props.pressHandler&&t.createElement(v.ColumnDraggable,{key:r,pressHandler:this.props.pressHandler,dragHandler:this.props.dragHandler,releaseHandler:this.props.releaseHandler,ariaRowIndex:r+1},this.cells(s))||t.createElement("tr",{className:"k-table-row","aria-rowindex":r+1,role:"row"},this.cells(s)))}}C.registerForLocalization(b);exports.HeaderRow=b;

package/header/HeaderRow.mjs

@@ -0,0 +1,132 @@
+/**
+ * @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 { HeaderCell as y } from "./HeaderCell.mjs";
+import { normalize as w } from "./SortSettings.mjs";
+import { ColumnResizer as D } from "../drag/ColumnResizer.mjs";
+import { ColumnDraggable as E } from "../drag/ColumnDraggable.mjs";
+import { HeaderThElement as H } from "./HeaderThElement.mjs";
+import { Keys as z, classNames as M, IconWrap as v } from "@progress/kendo-react-common";
+import { provideLocalizationService as I, registerForLocalization as R } from "@progress/kendo-react-intl";
+import { sortAscSmallIcon as x, sortDescSmallIcon as N } from "@progress/kendo-svg-icons";
+import { sortAriaLabel as m, messages as F } from "../messages/index.mjs";
+const L = {
+  true: { asc: "desc", desc: "", "": "asc" },
+  false: { asc: "desc", desc: "asc", "": "asc" }
+}, A = {
+  none: "none",
+  asc: "ascending",
+  desc: "descending"
+};
+class K extends t.Component {
+  constructor() {
+    super(...arguments), this.cellClick = (s, r) => {
+      if (s.preventDefault(), !this.props.sortChange)
+        return;
+      const { allowUnsort: p, mode: e } = w(this.props.sortable || !1, r.sortable || !1), l = (this.props.sort || []).filter((a) => a.field === r.field)[0], n = L[p][l && l.dir || ""], i = e === "single" ? [] : (this.props.sort || []).filter((a) => a.field !== r.field);
+      n !== "" && r.field && i.push({ field: r.field, dir: n }), this.props.sortChange(s, i, r.field);
+    }, this.cellKeyDown = (s, r) => {
+      s.isDefaultPrevented() || s.keyCode === z.enter && this.cellClick(s, r);
+    }, this.cells = (s) => s.map((r, p) => {
+      const e = this.props.columns[r], { columnResize: l } = this.props, n = l && l.resizable && e.resizable, i = this.props.sortable && e.sortable, a = this.props.sort ? this.props.sort.findIndex((o) => o.field === e.field) : -1, f = a >= 0 && this.props.sort[a].dir || "none", d = {
+        sort: this.props.sort,
+        onSortChange: this.props.sortChange,
+        filter: this.props.columnMenuFilter,
+        onFilterChange: this.props.columnMenuFilterChange,
+        field: e.field
+      }, h = {
+        field: e.field,
+        onClick: i && ((o) => this.cellClick(o, e)) || void 0,
+        selectionChange: this.props.selectionChange,
+        title: e.title,
+        selectionValue: e.headerSelectionValue,
+        render: this.props.cellRender,
+        children: this.sortIcon(a),
+        sort: this.props.sort,
+        sortable: this.props.sortable,
+        sortChange: this.props.sortChange,
+        filterChange: this.props.filterChange,
+        columns: this.props.columns,
+        columnMenuWrapperProps: d
+      }, c = e.columnMenu || this.props.columnMenu, u = M(
+        "k-table-th",
+        {
+          "k-first": e.kFirst,
+          "k-filterable": !!c,
+          "k-header": !0,
+          "k-grid-header-sticky": e.locked,
+          "k-sorted": this.props.sort && this.props.sort.some((o) => o.field === e.field)
+        },
+        e.headerClassName
+      ), g = e.locked !== void 0 ? {
+        left: e.left,
+        right: e.right,
+        borderRightWidth: e.rightBorder ? "1px" : ""
+      } : {}, C = I(this).toLanguageString(m, F[m]);
+      let k = e.isAccessible ? {
+        ariaSort: i ? A[f] : void 0,
+        role: "columnheader",
+        ariaColumnIndex: e.ariaColumnIndex,
+        ariaSelected: !1,
+        ariaDescription: i ? C : ""
+      } : {
+        role: "presentation"
+      };
+      return /* @__PURE__ */ t.createElement(
+        H,
+        {
+          key: p,
+          colSpan: e.colSpan,
+          rowSpan: e.rowSpan,
+          className: u,
+          style: g,
+          columnId: e.id,
+          navigatable: e.navigatable,
+          onKeyDown: i && ((o) => this.cellKeyDown(o, e)) || void 0,
+          ...k
+        },
+        e.headerCell && /* @__PURE__ */ t.createElement(e.headerCell, { ...h }),
+        !e.headerCell && /* @__PURE__ */ t.createElement("span", { className: "k-cell-inner" }, /* @__PURE__ */ t.createElement(y, { ...h }), c && /* @__PURE__ */ t.createElement(c, { ...d })),
+        l && n && /* @__PURE__ */ t.createElement(
+          D,
+          {
+            key: "ColumnResizer",
+            resize: (o, b, S) => l.dragHandler(o, e, b, S)
+          }
+        )
+      );
+    });
+  }
+  sortIcon(s) {
+    if (!this.props.sort || s < 0)
+      return null;
+    const r = this.props.sort[s].dir;
+    return r ? [
+      /* @__PURE__ */ t.createElement(v, { key: 1, name: `sort-${r}-small`, icon: r === "asc" ? x : N }),
+      this.props.sort.length > 1 && /* @__PURE__ */ t.createElement("span", { key: 2, className: "k-sort-order" }, s + 1)
+    ] : null;
+  }
+  render() {
+    return this.props.columnsMap.map((s, r) => this.props.pressHandler && /* @__PURE__ */ t.createElement(
+      E,
+      {
+        key: r,
+        pressHandler: this.props.pressHandler,
+        dragHandler: this.props.dragHandler,
+        releaseHandler: this.props.releaseHandler,
+        ariaRowIndex: r + 1
+      },
+      this.cells(s)
+    ) || /* @__PURE__ */ t.createElement("tr", { className: "k-table-row", "aria-rowindex": r + 1, role: "row" }, this.cells(s)));
+  }
+}
+R(K);
+export {
+  K as HeaderRow
+};

package/header/HeaderSelectionCell.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 a=require("react");function r(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const l=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,l.get?l:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const c=r(a);function i(e){const t=[c.createElement("input",{key:0,checked:e.selectionValue,id:e.inputId,type:"checkbox",className:"k-checkbox k-checkbox-md k-rounded-md",onChange:n=>e.selectionChange({field:e.field,syntheticEvent:n})}),c.createElement("label",{key:1,className:"k-checkbox-label",htmlFor:e.inputId})];return c.createElement(c.Fragment,null,e.render?e.render.call(void 0,t,e):t)}exports.HeaderSelectionCell=i;

package/header/HeaderSelectionCell.mjs

@@ -0,0 +1,32 @@
+/**
+ * @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";
+function l(e) {
+  const t = [
+    /* @__PURE__ */ n.createElement(
+      "input",
+      {
+        key: 0,
+        checked: e.selectionValue,
+        id: e.inputId,
+        type: "checkbox",
+        className: "k-checkbox k-checkbox-md k-rounded-md",
+        onChange: (c) => e.selectionChange({
+          field: e.field,
+          syntheticEvent: c
+        })
+      }
+    ),
+    /* @__PURE__ */ n.createElement("label", { key: 1, className: "k-checkbox-label", htmlFor: e.inputId })
+  ];
+  return /* @__PURE__ */ n.createElement(n.Fragment, null, e.render ? e.render.call(void 0, t, e) : t);
+}
+export {
+  l as HeaderSelectionCell
+};

package/header/HeaderThElement.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 g=require("react"),y=require("../navigation/hooks.js");function p(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return a.default=e,Object.freeze(a)}const S=p(g),r=e=>{const{ariaSort:a,colSpan:t,rowSpan:n,className:o,style:l,columnId:c,onKeyDown:i,navigatable:s,ariaColumnIndex:u,ariaLabel:d,role:b,ariaSelected:m}=e,f=y.useTableKeyboardNavigation(c,s);return S.createElement("th",{"aria-sort":a,"aria-label":d,"aria-colindex":u,"aria-selected":m,colSpan:t,rowSpan:n,className:o,style:l,onKeyDown:i,role:b,...f},e.children)};r.displayName="KendoReactHeaderThElement";exports.HeaderThElement=r;

package/header/HeaderThElement.mjs

@@ -0,0 +1,47 @@
+/**
+ * @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 h from "react";
+import { useTableKeyboardNavigation as p } from "../navigation/hooks.mjs";
+const y = (e) => {
+  const {
+    ariaSort: a,
+    colSpan: t,
+    rowSpan: r,
+    className: n,
+    style: o,
+    columnId: i,
+    onKeyDown: l,
+    navigatable: c,
+    ariaColumnIndex: s,
+    ariaLabel: d,
+    role: m,
+    ariaSelected: b
+  } = e, u = p(i, c);
+  return /* @__PURE__ */ h.createElement(
+    "th",
+    {
+      "aria-sort": a,
+      "aria-label": d,
+      "aria-colindex": s,
+      "aria-selected": b,
+      colSpan: t,
+      rowSpan: r,
+      className: n,
+      style: o,
+      onKeyDown: l,
+      role: m,
+      ...u
+    },
+    e.children
+  );
+};
+y.displayName = "KendoReactHeaderThElement";
+export {
+  y as HeaderThElement
+};

package/header/SortSettings.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 t=(...e)=>Object.assign({allowUnsort:!0,mode:"single"},...e);exports.normalize=t;

package/header/SortSettings.mjs

@@ -0,0 +1,12 @@
+/**
+ * @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";
+const n = (...e) => Object.assign({ allowUnsort: !0, mode: "single" }, ...e);
+export {
+  n as normalize
+};