@progress/kendo-react-grid 11.0.0-develop.5 → 11.0.0-develop.7

package/cells/rowreordercell/useRowReorderCellClientTdProps.mjs

@@ -0,0 +1,26 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2025 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+import * as i from "react";
+import { GridContext as s } from "../../GridClientWrapper.mjs";
+import { useTableKeyboardNavigation as m } from "@progress/kendo-react-data-tools";
+import { useLocalization as l } from "@progress/kendo-react-intl";
+import { gridRowReorderAriaLabel as o, messages as u } from "../../messages/index.mjs";
+import { useContextMenuHandler as d } from "../hooks.mjs";
+const x = (e) => {
+  const t = l(), a = i.useContext(s), n = m(e.id), r = d(e.dataItem, e.field);
+  return {
+    "aria-label": t.toLanguageString(o, u[o]),
+    ...n,
+    onMouseDown: () => e.rowReorderable ? a.activeDragRowDataItemRef.current = e.dataItem : null,
+    onContextMenu: r
+  };
+};
+export {
+  x as useRowReorderCellClientTdProps
+};

package/cells/rowreordercell/utils.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2025 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../../constants/index.js"),t=require("@progress/kendo-react-common"),o=e=>{let d=null;const l=e.unstyled,r=l&&l.uGrid?l.uGrid:t.uGrid,a=t.classNames(r.td({selected:e.isSelected,sorted:e.isSorted,alt:e.isAlt}),e.className,["k-drag-cell",`${e.rowReorderable?"":"k-disabled"}`]);return d={colSpan:e.colSpan,style:e.style,className:a,role:"gridcell","aria-colindex":e.ariaColumnIndex,"aria-selected":e.isSelected,"aria-disabled":!e.rowReorderable,[s.GRID_COL_INDEX_ATTRIBUTE]:e.columnIndex},{tdProps:d}};exports.getRowReorderCellTdProps=o;

package/cells/rowreordercell/utils.mjs

@@ -0,0 +1,30 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2025 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { GRID_COL_INDEX_ATTRIBUTE as r } from "../../constants/index.mjs";
+import { uGrid as s, classNames as i } from "@progress/kendo-react-common";
+const n = (e) => {
+  let d = null;
+  const l = e.unstyled, a = l && l.uGrid ? l.uGrid : s, t = i(
+    a.td({ selected: e.isSelected, sorted: e.isSorted, alt: e.isAlt }),
+    e.className,
+    ["k-drag-cell", `${e.rowReorderable ? "" : "k-disabled"}`]
+  );
+  return d = {
+    colSpan: e.colSpan,
+    style: e.style,
+    className: t,
+    role: "gridcell",
+    "aria-colindex": e.ariaColumnIndex,
+    "aria-selected": e.isSelected,
+    "aria-disabled": !e.rowReorderable,
+    [r]: e.columnIndex
+  }, { tdProps: d };
+};
+export {
+  n as getRowReorderCellTdProps
+};

package/cells/selectioncell/GridSelectionCell.js

@@ -0,0 +1,9 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2025 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react"),a=require("./GridSelectionCellInput.js"),u=require("./utils.js"),p=require("../hooks.js"),C=require("./useSelectionCellClientTdProps.js");function g(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const r in t)if(r!=="default"){const l=Object.getOwnPropertyDescriptor(t,r);Object.defineProperty(e,r,l.get?l:{enumerable:!0,get:()=>t[r]})}}return e.default=t,Object.freeze(e)}const n=g(d),f=t=>{const{cellProps:e}=t,{tdProps:r}=u.getSelectionCellTdProps(e),l=C.useSelectionCellClientTdProps(e),o=p.useLegacyCellProps(e),c=n.createElement(a.GridSelectionCellInput,{key:1,...e}),s=u.getCustomCell(e);if(s)return n.createElement(s,{...e,...o,tdProps:{...r,...l}},c);const i=e.rowType!=="groupHeader"?n.createElement("td",{...r,...l},c):null;return e.render?e.render.call(void 0,i,{...e,...o}):i};exports.GridSelectionCell=f;

package/cells/selectioncell/GridSelectionCell.mjs

@@ -0,0 +1,26 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2025 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+import * as t from "react";
+import { GridSelectionCellInput as i } from "./GridSelectionCellInput.mjs";
+import { getSelectionCellTdProps as m, getCustomCell as d } from "./utils.mjs";
+import { useLegacyCellProps as C } from "../hooks.mjs";
+import { useSelectionCellClientTdProps as a } from "./useSelectionCellClientTdProps.mjs";
+const y = (p) => {
+  const { cellProps: e } = p, { tdProps: o } = m(e), r = a(e), l = C(e), n = /* @__PURE__ */ t.createElement(i, { key: 1, ...e }), c = d(e);
+  if (c)
+    return /* @__PURE__ */ t.createElement(c, { ...e, ...l, tdProps: { ...o, ...r } }, n);
+  const s = e.rowType !== "groupHeader" ? /* @__PURE__ */ t.createElement("td", { ...o, ...r }, n) : null;
+  return e.render ? e.render.call(void 0, s, {
+    ...e,
+    ...l
+  }) : s;
+};
+export {
+  y as GridSelectionCell
+};

package/cells/selectioncell/GridSelectionCellServer.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2025 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const C=require("react"),p=require("./GridSelectionCellInput.js"),i=require("./GridSelectionCellServerContainer.js"),s=require("../../utils/index.js"),u=require("./utils.js");function S(r){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const t in r)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(r,t);Object.defineProperty(e,t,n.get?n:{enumerable:!0,get:()=>r[t]})}}return e.default=r,Object.freeze(e)}const l=S(C),f=r=>{const{cellProps:e}=r,{tdProps:t}=u.getSelectionCellTdProps(e),n=l.createElement(p.GridSelectionCellInput,{key:1,...e}),o=s.getClientCellProps(e),c=u.getCustomCell(e);if(c){const d=s.isClientReference(c);return l.createElement(i.GridSelectionCellServerContainer,{cellProps:o,tdProps:t,isCustom:!0,isClient:d},l.createElement(c,{...o,tdProps:t},n))}const a=e.rowType!=="groupHeader"?l.createElement("td",{...t},n):null;return l.createElement(i.GridSelectionCellServerContainer,{cellProps:o,tdProps:t},a)};exports.GridSelectionCellServer=f;

package/cells/selectioncell/GridSelectionCellServer.mjs

@@ -0,0 +1,33 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2025 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import * as t from "react";
+import { GridSelectionCellInput as p } from "./GridSelectionCellInput.mjs";
+import { GridSelectionCellServerContainer as c } from "./GridSelectionCellServerContainer.mjs";
+import { getClientCellProps as C, isClientReference as a } from "../../utils/index.mjs";
+import { getSelectionCellTdProps as u, getCustomCell as d } from "./utils.mjs";
+const E = (i) => {
+  const { cellProps: e } = i, { tdProps: r } = u(e), n = /* @__PURE__ */ t.createElement(p, { key: 1, ...e }), l = C(e), o = d(e);
+  if (o) {
+    const m = a(o);
+    return /* @__PURE__ */ t.createElement(
+      c,
+      {
+        cellProps: l,
+        tdProps: r,
+        isCustom: !0,
+        isClient: m
+      },
+      /* @__PURE__ */ t.createElement(o, { ...l, tdProps: r }, n)
+    );
+  }
+  const s = e.rowType !== "groupHeader" ? /* @__PURE__ */ t.createElement("td", { ...r }, n) : null;
+  return /* @__PURE__ */ t.createElement(c, { cellProps: l, tdProps: r }, s);
+};
+export {
+  E as GridSelectionCellServer
+};

package/cells/selectioncell/GridSelectionCellServerContainer.js

@@ -0,0 +1,9 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2025 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),i=require("../../GridClientWrapper.js"),o=require("./useSelectionCellClientTdProps.js"),s=require("../hooks.js"),l=require("../../utils/index.js");function u(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 a=u(c),d=e=>{const n=a.useContext(i.GridContext),t=o.useSelectionCellClientTdProps(e.cellProps),r=s.useLegacyCellProps(e.cellProps);return e.isCustom&&(n.isClient||e.isClient)?l.cloneReactElement(e.children,{tdProps:{...e.tdProps,...t},...r}):e.children&&l.cloneReactElement(e.children,{...t})};exports.GridSelectionCellServerContainer=d;

package/cells/selectioncell/GridSelectionCellServerContainer.mjs

@@ -0,0 +1,26 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2025 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+import * as i from "react";
+import { GridContext as n } from "../../GridClientWrapper.mjs";
+import { useSelectionCellClientTdProps as c } from "./useSelectionCellClientTdProps.mjs";
+import { useLegacyCellProps as s } from "../hooks.mjs";
+import { cloneReactElement as r } from "../../utils/index.mjs";
+const f = (e) => {
+  const l = i.useContext(n), t = c(e.cellProps), o = s(e.cellProps);
+  return e.isCustom && (l.isClient || e.isClient) ? r(e.children, {
+    // pass down to tdProps for client templates
+    tdProps: { ...e.tdProps, ...t },
+    ...o
+  }) : e.children && r(e.children, {
+    ...t
+  });
+};
+export {
+  f as GridSelectionCellServerContainer
+};

package/cells/selectioncell/useSelectionCellClientTdProps.js

@@ -0,0 +1,9 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2025 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("@progress/kendo-react-data-tools"),t=require("../hooks.js"),s=e=>{const n=l.useTableKeyboardNavigation(e.id),o=t.useContextMenuHandler(e.dataItem,e.field),i=t.usePositionStyle(e);return{...n,onContextMenu:o,style:i}};exports.useSelectionCellClientTdProps=s;

package/cells/selectioncell/useSelectionCellClientTdProps.mjs

@@ -0,0 +1,21 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2025 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+import { useTableKeyboardNavigation as i } from "@progress/kendo-react-data-tools";
+import { useContextMenuHandler as a, usePositionStyle as l } from "../hooks.mjs";
+const u = (t) => {
+  const e = i(t.id), n = a(t.dataItem, t.field), o = l(t);
+  return {
+    ...e,
+    onContextMenu: n,
+    style: o
+  };
+};
+export {
+  u as useSelectionCellClientTdProps
+};

package/cells/selectioncell/utils.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2025 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("@progress/kendo-react-common"),s=e=>{const l=o.classNames("k-table-td",e.className);return{tdProps:{colSpan:e.colSpan,style:e.style,className:l,"aria-colindex":e.ariaColumnIndex,role:"gridcell"}}},a=e=>{var l,t;return(t=(l=e.cells)==null?void 0:l.select)==null?void 0:t[e.rowType||"data"]};exports.getCustomCell=a;exports.getSelectionCellTdProps=s;

package/cells/selectioncell/utils.mjs

@@ -0,0 +1,25 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2025 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { classNames as a } from "@progress/kendo-react-common";
+const c = (e) => {
+  const l = a("k-table-td", e.className);
+  return { tdProps: {
+    colSpan: e.colSpan,
+    style: e.style,
+    className: l,
+    "aria-colindex": e.ariaColumnIndex,
+    role: "gridcell"
+  } };
+}, o = (e) => {
+  var l, t;
+  return (t = (l = e.cells) == null ? void 0 : l.select) == null ? void 0 : t[e.rowType || "data"];
+};
+export {
+  o as getCustomCell,
+  c as getSelectionCellTdProps
+};

package/columnMenu/GridColumnMenuCheckboxFilter.js

@@ -6,4 +6,4 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const Z=require("react"),ee=require("./GridColumnMenuItem.js"),te=require("./GridColumnMenuItemGroup.js"),ne=require("./GridColumnMenuItemContent.js"),M=require("@progress/kendo-react-inputs"),le=require("@progress/kendo-react-intl"),r=require("../messages/index.js"),V=require("@progress/kendo-data-query"),j=require("@progress/kendo-react-common"),B=require("@progress/kendo-react-buttons"),T=require("../utils/index.js"),I=require("@progress/kendo-svg-icons"),re=require("../GridClientWrapper.js"),ae=require("./adaptiveContext/GridColumnMenuAdaptiveContext.js"),ie=require("./adaptiveContent/GridAdaptiveCheckboxFilter.js");function ce(e){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const i in e)if(i!=="default"){const m=Object.getOwnPropertyDescriptor(e,i);Object.defineProperty(s,i,m.get?m:{enumerable:!0,get:()=>e[i]})}}return s.default=e,Object.freeze(s)}const l=ce(Z),oe=(e,s)=>e.length!==s.length?!1:e.every((i,m)=>i===s[m]),se={uniqueData:!0},ue=e=>{const{uniqueData:s=se.uniqueData}=e,i=l.useContext(re.GridContext),{actionSheetRef:m}=l.useContext(ae.GridColumnMenuAdaptiveContext),z=()=>{const t=e.column.field;return q().filters.findIndex(o=>o.filters&&o.filters.length>0&&o.filters[0].field===t)},h=(t,n)=>{const c=e.column.field||"",o=t.map(u=>T.getNestedValue(c,u));return n?o.filter((u,d)=>o.indexOf(u)===d):o},q=()=>e.filter?j.clone(e.filter):{filters:[],logic:"and"},a=l.useRef(z()),[y,_]=l.useState(e.expanded||!1),[G,x]=l.useState(!1),[N,O]=l.useState(""),[C,k]=l.useState(h(e.data,s)||[]),[W,$]=l.useState(h(e.data,!1)||[]),[f,Q]=l.useState(q());l.useEffect(()=>{const t=e.column.field||"",n=e.data.map(c=>T.getNestedValue(t,c));oe(n,W)||(k(n),$(n))},[e.column,e.data]);const D=()=>e.expanded!==void 0,p=()=>{const t=D(),n=!(t?e.expanded:y);i.mobileMode&&m.current.element.style.setProperty("--kendo-actionsheet-view-current",2),e.onExpandChange&&e.onExpandChange(n),x(!G),!t&&!i.mobileMode&&_(n)},w=t=>{const n=e.searchBoxFilterOperator?e.searchBoxFilterOperator:"startswith",c={logic:"and",filters:[{field:e.column.field,operator:n,value:t.target.value,ignoreCase:!0}]};O(t.target.value),k(h(V.filterBy(e.data||[],c),s))},H=()=>{const t=e.searchBoxFilterOperator?e.searchBoxFilterOperator:"startswith",n={logic:"and",filters:[{field:e.column.field,operator:t,value:"",ignoreCase:!0}]};O(""),k(h(V.filterBy(e.data||[],n),s))},A=t=>{if(t.preventDefault(),!e.onFilterChange)return;const n=f||null;n!==null&&n.filters.length>0?(a.current>=0&&n.filters.splice(a.current,1),e.onFilterChange(n,t)):e.onFilterChange(null,t),e.onCloseMenu&&e.onCloseMenu()},P=t=>{if(t.preventDefault(),!e.onFilterChange)return;const n=f||null;e.onFilterChange(n,t),e.onCloseMenu&&e.onCloseMenu()},E=(t,n)=>{const c=e.column.field||"",o={...f},u=[...f.filters];let d=[];if(a.current!==-1&&o.filters[a.current].filters&&n!=="all"&&(d=o.filters[a.current].filters),t.value&&n==="all")C.forEach(F=>{d.push({field:c,operator:"eq",value:F})});else if(t.value)d.push({field:c,operator:"eq",value:n});else if(f){const F=d.findIndex(Y=>Y.value===n);d.splice(F,1)}o.logic="and",a.current!==-1?u[a.current]={logic:"or",filters:d}:u.push({logic:"or",filters:d}),(!t.value&&n==="all"||d.length===0)&&u.splice(a.current,1),o.filters=u,Q(o)},L=()=>{let t=!1;if(f){const n=[...f.filters];return a.current===-1?!1:(t=C.every(c=>a.current!==-1&&n[a.current].filters?n[a.current].filters.findIndex(u=>u.value===c)>=0:!1),t)}return t},g=le.useLocalization(),{column:b}=e;if(!b||!b.field)return l.createElement("div",null);const R=D()?e.expanded:y,v=[];if(f){const t=[...f.filters];a.current=t.findIndex(n=>n.filters&&n.filters.length>0?n.filters[0].field===b.field:!1),a.current!==-1&&t[a.current].filters.length>0&&t[a.current].filters.forEach(n=>{n.field===e.column.field&&v.push(n.value)})}const J=()=>{x(!1),i.mobileMode&&m.current.element.style.setProperty("--kendo-actionsheet-view-current",1)},K=()=>{x(!1),e.onCloseMenu&&e.onCloseMenu()},U=g.toLanguageString(r.filterClearButton,r.messages[r.filterClearButton]),X=e.searchBox?l.createElement(e.searchBox,{value:N,onChange:w}):l.createElement("div",{className:`k-searchbox k-textbox k-input k-input-md k-input-solid ${i.mobileMode?"k-input-lg":"k-input-md"}`},l.createElement(j.IconWrap,{className:"k-input-icon",name:"search",icon:I.searchIcon}),l.createElement(M.Input,{className:"k-input-inner",type:"text",placeholder:g.toLanguageString(r.searchPlaceholder,r.messages[r.searchPlaceholder]),value:N,onChange:t=>w(t.nativeEvent)}),l.createElement(B.Button,{type:"button",rounded:null,className:"k-input-button",onClick:H,icon:"x","aria-label":U,svgIcon:I.xIcon})),S=v.filter((t,n)=>v.indexOf(t)===n);return l.createElement(te.GridColumnMenuItemGroup,null,!(e.alwaysExpand&&!i.mobileMode)&&l.createElement("div",{className:"k-expander"},l.createElement(ee.GridColumnMenuItem,{title:g.toLanguageString(r.filterTitle,r.messages[r.filterTitle]),iconClass:"k-i-filter",svgIcon:I.filterIcon,expandable:!0,expanded:!!R,onClick:p})),i.mobileMode&&G?l.createElement(l.Fragment,null,l.createElement(ie.GridAdaptiveCheckboxFilter,{onBackView:J,handleClose:K,searchBox:e.searchBox,handleCheckBoxChange:E,isAllSelected:L,currentData:C,uniqueFilterValues:S,submit:P,clear:A})):l.createElement(ne.GridColumnMenuItemContent,{show:(e.alwaysExpand||!!R)&&!i.mobileMode},l.createElement("form",{className:"k-filter-menu",onSubmit:P,onReset:A},l.createElement("div",{className:"k-filter-menu-container"},X,l.createElement("ul",{className:"k-reset k-multicheck-wrap"},l.createElement("li",{className:"k-item k-check-all-wrap"},l.createElement(M.Checkbox,{label:g.toLanguageString(r.filterCheckAll,r.messages[r.filterCheckAll]),onChange:t=>E(t,"all"),checked:L()})),C.map((t,n)=>l.createElement("li",{className:"k-item",key:n},l.createElement(M.Checkbox,{label:String(t),onChange:c=>E(c,t),checked:S.includes(t)})))),l.createElement("div",{className:"k-filter-selected-items"},S.length+" "+g.toLanguageString(r.filterSelectedItems,r.messages[r.filterSelectedItems])),l.createElement("div",{className:"k-actions k-hstack k-justify-content-stretch"},l.createElement(B.Button,{themeColor:"primary",type:"submit"},g.toLanguageString(r.filterSubmitButton,r.messages[r.filterSubmitButton])),l.createElement(B.Button,{className:"k-button",type:"reset"},g.toLanguageString(r.filterClearButton,r.messages[r.filterClearButton])))))))};exports.GridColumnMenuCheckboxFilter=ue;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const Z=require("react"),p=require("./GridColumnMenuItem.js"),ee=require("./GridColumnMenuItemGroup.js"),te=require("./GridColumnMenuItemContent.js"),B=require("@progress/kendo-react-inputs"),ne=require("@progress/kendo-react-intl"),a=require("../messages/index.js"),V=require("@progress/kendo-data-query"),j=require("@progress/kendo-react-common"),I=require("@progress/kendo-react-buttons"),T=require("../utils/index.js"),q=require("@progress/kendo-svg-icons"),le=require("../GridClientWrapper.js"),re=require("./adaptiveContent/GridAdaptiveCheckboxFilter.js");function ae(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const h=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(o,r,h.get?h:{enumerable:!0,get:()=>e[r]})}}return o.default=e,Object.freeze(o)}const l=ae(Z),ie=(e,o)=>e.length!==o.length?!1:e.every((r,h)=>r===o[h]),ce={uniqueData:!0},se=e=>{const{uniqueData:o=ce.uniqueData}=e,r=l.useContext(le.GridContext),h=()=>{const t=e.column.field;return M().filters.findIndex(c=>c.filters&&c.filters.length>0&&c.filters[0].field===t)},g=(t,n)=>{const s=e.column.field||"",c=t.map(u=>T.getNestedValue(s,u));return n?c.filter((u,d)=>c.indexOf(u)===d):c},M=()=>e.filter?j.clone(e.filter):{filters:[],logic:"and"},i=l.useRef(h()),[y,z]=l.useState(e.expanded||!1),[N,k]=l.useState(!1),[G,O]=l.useState(""),[C,x]=l.useState(g(e.data,o)||[]),[_,W]=l.useState(g(e.data,!1)||[]),[f,$]=l.useState(M());l.useEffect(()=>{const t=e.column.field||"",n=e.data.map(s=>T.getNestedValue(t,s));ie(n,_)||(x(n),W(n))},[e.column,e.data]);const D=()=>e.expanded!==void 0,Q=()=>{const t=D(),n=!(t?e.expanded:y);e.onExpandChange&&e.onExpandChange(n),k(!N),!t&&!(r!=null&&r.mobileMode)&&z(n)},w=t=>{const n=e.searchBoxFilterOperator?e.searchBoxFilterOperator:"startswith",s={logic:"and",filters:[{field:e.column.field,operator:n,value:t.target.value,ignoreCase:!0}]};O(t.target.value),x(g(V.filterBy(e.data||[],s),o))},H=()=>{const t=e.searchBoxFilterOperator?e.searchBoxFilterOperator:"startswith",n={logic:"and",filters:[{field:e.column.field,operator:t,value:"",ignoreCase:!0}]};O(""),x(g(V.filterBy(e.data||[],n),o))},L=t=>{if(t.preventDefault(),!e.onFilterChange)return;const n=f||null;n!==null&&n.filters.length>0?(i.current>=0&&n.filters.splice(i.current,1),e.onFilterChange(n,t)):e.onFilterChange(null,t),e.onCloseMenu&&e.onCloseMenu()},A=t=>{if(t.preventDefault(),!e.onFilterChange)return;const n=f||null;e.onFilterChange(n,t),e.onCloseMenu&&e.onCloseMenu()},E=(t,n)=>{const s=e.column.field||"",c={...f},u=[...f.filters];let d=[];if(i.current!==-1&&c.filters[i.current].filters&&n!=="all"&&(d=c.filters[i.current].filters),t.value&&n==="all")C.forEach(S=>{d.push({field:s,operator:"eq",value:S})});else if(t.value)d.push({field:s,operator:"eq",value:n});else if(f){const S=d.findIndex(Y=>Y.value===n);d.splice(S,1)}c.logic="and",i.current!==-1?u[i.current]={logic:"or",filters:d}:u.push({logic:"or",filters:d}),(!t.value&&n==="all"||d.length===0)&&u.splice(i.current,1),c.filters=u,$(c)},P=()=>{let t=!1;if(f){const n=[...f.filters];return i.current===-1?!1:(t=C.every(s=>i.current!==-1&&n[i.current].filters?n[i.current].filters.findIndex(u=>u.value===s)>=0:!1),t)}return t},m=ne.useLocalization(),{column:b}=e;if(!b||!b.field)return l.createElement("div",null);const R=D()?e.expanded:y,v=[];if(f){const t=[...f.filters];i.current=t.findIndex(n=>n.filters&&n.filters.length>0?n.filters[0].field===b.field:!1),i.current!==-1&&t[i.current].filters.length>0&&t[i.current].filters.forEach(n=>{n.field===e.column.field&&v.push(n.value)})}const J=()=>{k(!1)},K=()=>{k(!1),e.onCloseMenu&&e.onCloseMenu()},U=m.toLanguageString(a.filterClearButton,a.messages[a.filterClearButton]),X=e.searchBox?l.createElement(e.searchBox,{value:G,onChange:w}):l.createElement("div",{className:`k-searchbox k-textbox k-input k-input-md k-input-solid ${r!=null&&r.mobileMode?"k-input-lg":"k-input-md"}`},l.createElement(j.IconWrap,{className:"k-input-icon",name:"search",icon:q.searchIcon}),l.createElement(B.Input,{className:"k-input-inner",type:"text",placeholder:m.toLanguageString(a.searchPlaceholder,a.messages[a.searchPlaceholder]),value:G,onChange:t=>w(t.nativeEvent)}),l.createElement(I.Button,{type:"button",rounded:null,className:"k-input-button",onClick:H,icon:"x","aria-label":U,svgIcon:q.xIcon})),F=v.filter((t,n)=>v.indexOf(t)===n);return l.createElement(ee.GridColumnMenuItemGroup,null,!(e.alwaysExpand&&!(r!=null&&r.mobileMode))&&l.createElement("div",{className:"k-expander"},l.createElement(p.GridColumnMenuItem,{title:m.toLanguageString(a.filterTitle,a.messages[a.filterTitle]),iconClass:"k-i-filter",svgIcon:q.filterIcon,expandable:!0,expanded:!!R,onClick:Q})),r!=null&&r.mobileMode&&N?l.createElement(re.GridAdaptiveCheckboxFilter,{onBackView:J,handleClose:K,searchBox:e.searchBox,handleCheckBoxChange:E,isAllSelected:P,currentData:C,uniqueFilterValues:F,submit:A,clear:L}):l.createElement(te.GridColumnMenuItemContent,{show:(e.alwaysExpand||!!R)&&!(r!=null&&r.mobileMode)},l.createElement("form",{className:"k-filter-menu",onSubmit:A,onReset:L},l.createElement("div",{className:"k-filter-menu-container"},X,l.createElement("ul",{className:"k-reset k-multicheck-wrap"},l.createElement("li",{className:"k-item k-check-all-wrap"},l.createElement(B.Checkbox,{label:m.toLanguageString(a.filterCheckAll,a.messages[a.filterCheckAll]),onChange:t=>E(t,"all"),checked:P()})),C.map((t,n)=>l.createElement("li",{className:"k-item",key:n},l.createElement(B.Checkbox,{label:String(t),onChange:s=>E(s,t),checked:F.includes(t)})))),l.createElement("div",{className:"k-filter-selected-items"},F.length+" "+m.toLanguageString(a.filterSelectedItems,a.messages[a.filterSelectedItems])),l.createElement("div",{className:"k-actions k-hstack k-justify-content-stretch"},l.createElement(I.Button,{themeColor:"primary",type:"submit"},m.toLanguageString(a.filterSubmitButton,a.messages[a.filterSubmitButton])),l.createElement(I.Button,{className:"k-button",type:"reset"},m.toLanguageString(a.filterClearButton,a.messages[a.filterClearButton])))))))};exports.GridColumnMenuCheckboxFilter=se;

package/columnMenu/GridColumnMenuCheckboxFilter.mjs

@@ -7,172 +7,171 @@
  */
 "use client";
 import * as l from "react";
-import { GridColumnMenuItem as le } from "./GridColumnMenuItem.mjs";
-import { GridColumnMenuItemGroup as re } from "./GridColumnMenuItemGroup.mjs";
-import { GridColumnMenuItemContent as ae } from "./GridColumnMenuItemContent.mjs";
-import { Input as ie, Checkbox as P } from "@progress/kendo-react-inputs";
-import { useLocalization as oe } from "@progress/kendo-react-intl";
-import { filterClearButton as C, messages as d, searchPlaceholder as R, filterTitle as p, filterCheckAll as z, filterSelectedItems as j, filterSubmitButton as T } from "../messages/index.mjs";
-import { filterBy as W } from "@progress/kendo-data-query";
-import { IconWrap as ce, clone as se } from "@progress/kendo-react-common";
-import { Button as B } from "@progress/kendo-react-buttons";
-import { getNestedValue as $ } from "../utils/index.mjs";
-import { searchIcon as ue, xIcon as fe, filterIcon as de } from "@progress/kendo-svg-icons";
-import { GridContext as me } from "../GridClientWrapper.mjs";
-import { GridColumnMenuAdaptiveContext as he } from "./adaptiveContext/GridColumnMenuAdaptiveContext.mjs";
-import { GridAdaptiveCheckboxFilter as ge } from "./adaptiveContent/GridAdaptiveCheckboxFilter.mjs";
-const xe = (e, m) => e.length !== m.length ? !1 : e.every((s, h) => s === m[h]), Ce = {
+import { GridColumnMenuItem as ne } from "./GridColumnMenuItem.mjs";
+import { GridColumnMenuItemGroup as le } from "./GridColumnMenuItemGroup.mjs";
+import { GridColumnMenuItemContent as re } from "./GridColumnMenuItemContent.mjs";
+import { Input as ae, Checkbox as P } from "@progress/kendo-react-inputs";
+import { useLocalization as ie } from "@progress/kendo-react-intl";
+import { filterClearButton as x, messages as d, searchPlaceholder as R, filterTitle as z, filterCheckAll as j, filterSelectedItems as T, filterSubmitButton as W } from "../messages/index.mjs";
+import { filterBy as $ } from "@progress/kendo-data-query";
+import { IconWrap as ce, clone as oe } from "@progress/kendo-react-common";
+import { Button as I } from "@progress/kendo-react-buttons";
+import { getNestedValue as H } from "../utils/index.mjs";
+import { searchIcon as se, xIcon as ue, filterIcon as fe } from "@progress/kendo-svg-icons";
+import { GridContext as de } from "../GridClientWrapper.mjs";
+import { GridAdaptiveCheckboxFilter as me } from "./adaptiveContent/GridAdaptiveCheckboxFilter.mjs";
+const he = (e, m) => e.length !== m.length ? !1 : e.every((r, k) => r === m[k]), ge = {
   uniqueData: !0
-}, Ge = (e) => {
-  const { uniqueData: m = Ce.uniqueData } = e, s = l.useContext(me), { actionSheetRef: h } = l.useContext(he), H = () => {
+}, De = (e) => {
+  const { uniqueData: m = ge.uniqueData } = e, r = l.useContext(de), k = () => {
     const t = e.column.field;
-    return I().filters.findIndex(
+    return M().filters.findIndex(
       (i) => i.filters && i.filters.length > 0 && i.filters[0].field === t
     );
-  }, g = (t, n) => {
-    const a = e.column.field || "", i = t.map((o) => $(a, o));
-    return n ? i.filter((o, c) => i.indexOf(o) === c) : i;
-  }, I = () => e.filter ? se(e.filter) : { filters: [], logic: "and" }, r = l.useRef(H()), [y, J] = l.useState(e.expanded || !1), [N, k] = l.useState(!1), [w, D] = l.useState(""), [x, E] = l.useState(g(e.data, m) || []), [K, Q] = l.useState(g(e.data, !1) || []), [u, U] = l.useState(I());
+  }, h = (t, n) => {
+    const c = e.column.field || "", i = t.map((o) => H(c, o));
+    return n ? i.filter((o, s) => i.indexOf(o) === s) : i;
+  }, M = () => e.filter ? oe(e.filter) : { filters: [], logic: "and" }, a = l.useRef(k()), [N, J] = l.useState(e.expanded || !1), [y, C] = l.useState(!1), [D, w] = l.useState(""), [g, E] = l.useState(h(e.data, m) || []), [K, Q] = l.useState(h(e.data, !1) || []), [u, U] = l.useState(M());
   l.useEffect(() => {
-    const t = e.column.field || "", n = e.data.map((a) => $(t, a));
-    xe(n, K) || (E(n), Q(n));
+    const t = e.column.field || "", n = e.data.map((c) => H(t, c));
+    he(n, K) || (E(n), Q(n));
   }, [e.column, e.data]);
   const L = () => e.expanded !== void 0, X = () => {
-    const t = L(), n = !(t ? e.expanded : y);
-    s.mobileMode && h.current.element.style.setProperty("--kendo-actionsheet-view-current", 2), e.onExpandChange && e.onExpandChange(n), k(!N), !t && !s.mobileMode && J(n);
-  }, G = (t) => {
-    const n = e.searchBoxFilterOperator ? e.searchBoxFilterOperator : "startswith", a = {
+    const t = L(), n = !(t ? e.expanded : N);
+    e.onExpandChange && e.onExpandChange(n), C(!y), !t && !(r != null && r.mobileMode) && J(n);
+  }, O = (t) => {
+    const n = e.searchBoxFilterOperator ? e.searchBoxFilterOperator : "startswith", c = {
       logic: "and",
       filters: [{ field: e.column.field, operator: n, value: t.target.value, ignoreCase: !0 }]
     };
-    D(t.target.value), E(g(W(e.data || [], a), m));
+    w(t.target.value), E(h($(e.data || [], c), m));
   }, Y = () => {
     const t = e.searchBoxFilterOperator ? e.searchBoxFilterOperator : "startswith", n = {
       logic: "and",
       filters: [{ field: e.column.field, operator: t, value: "", ignoreCase: !0 }]
     };
-    D(""), E(g(W(e.data || [], n), m));
-  }, O = (t) => {
+    w(""), E(h($(e.data || [], n), m));
+  }, q = (t) => {
     if (t.preventDefault(), !e.onFilterChange)
       return;
     const n = u || null;
-    n !== null && n.filters.length > 0 ? (r.current >= 0 && n.filters.splice(r.current, 1), e.onFilterChange(n, t)) : e.onFilterChange(null, t), e.onCloseMenu && e.onCloseMenu();
-  }, q = (t) => {
+    n !== null && n.filters.length > 0 ? (a.current >= 0 && n.filters.splice(a.current, 1), e.onFilterChange(n, t)) : e.onFilterChange(null, t), e.onCloseMenu && e.onCloseMenu();
+  }, G = (t) => {
     if (t.preventDefault(), !e.onFilterChange)
       return;
     const n = u || null;
     e.onFilterChange(n, t), e.onCloseMenu && e.onCloseMenu();
   }, v = (t, n) => {
-    const a = e.column.field || "", i = { ...u }, o = [...u.filters];
-    let c = [];
-    if (r.current !== -1 && i.filters[r.current].filters && n !== "all" && (c = i.filters[r.current].filters), t.value && n === "all")
-      x.forEach((M) => {
-        c.push({ field: a, operator: "eq", value: M });
+    const c = e.column.field || "", i = { ...u }, o = [...u.filters];
+    let s = [];
+    if (a.current !== -1 && i.filters[a.current].filters && n !== "all" && (s = i.filters[a.current].filters), t.value && n === "all")
+      g.forEach((B) => {
+        s.push({ field: c, operator: "eq", value: B });
       });
     else if (t.value)
-      c.push({ field: a, operator: "eq", value: n });
+      s.push({ field: c, operator: "eq", value: n });
     else if (u) {
-      const M = c.findIndex((ne) => ne.value === n);
-      c.splice(M, 1);
+      const B = s.findIndex((te) => te.value === n);
+      s.splice(B, 1);
     }
-    i.logic = "and", r.current !== -1 ? o[r.current] = {
+    i.logic = "and", a.current !== -1 ? o[a.current] = {
       logic: "or",
-      filters: c
+      filters: s
     } : o.push({
       logic: "or",
-      filters: c
-    }), (!t.value && n === "all" || c.length === 0) && o.splice(r.current, 1), i.filters = o, U(i);
-  }, A = () => {
+      filters: s
+    }), (!t.value && n === "all" || s.length === 0) && o.splice(a.current, 1), i.filters = o, U(i);
+  }, V = () => {
     let t = !1;
     if (u) {
       const n = [...u.filters];
-      return r.current === -1 ? !1 : (t = x.every((a) => r.current !== -1 && n[r.current].filters ? n[r.current].filters.findIndex(
-        (o) => o.value === a
+      return a.current === -1 ? !1 : (t = g.every((c) => a.current !== -1 && n[a.current].filters ? n[a.current].filters.findIndex(
+        (o) => o.value === c
       ) >= 0 : !1), t);
     }
     return t;
-  }, f = oe(), { column: F } = e;
+  }, f = ie(), { column: F } = e;
   if (!F || !F.field)
     return /* @__PURE__ */ l.createElement("div", null);
-  const V = L() ? e.expanded : y, S = [];
+  const A = L() ? e.expanded : N, b = [];
   if (u) {
     const t = [...u.filters];
-    r.current = t.findIndex((n) => n.filters && n.filters.length > 0 ? n.filters[0].field === F.field : !1), r.current !== -1 && t[r.current].filters.length > 0 && t[r.current].filters.forEach((n) => {
-      n.field === e.column.field && S.push(n.value);
+    a.current = t.findIndex((n) => n.filters && n.filters.length > 0 ? n.filters[0].field === F.field : !1), a.current !== -1 && t[a.current].filters.length > 0 && t[a.current].filters.forEach((n) => {
+      n.field === e.column.field && b.push(n.value);
     });
   }
   const Z = () => {
-    k(!1), s.mobileMode && h.current.element.style.setProperty("--kendo-actionsheet-view-current", 1);
+    C(!1);
   }, _ = () => {
-    k(!1), e.onCloseMenu && e.onCloseMenu();
-  }, ee = f.toLanguageString(C, d[C]), te = e.searchBox ? /* @__PURE__ */ l.createElement(e.searchBox, { value: w, onChange: G }) : /* @__PURE__ */ l.createElement(
+    C(!1), e.onCloseMenu && e.onCloseMenu();
+  }, p = f.toLanguageString(x, d[x]), ee = e.searchBox ? /* @__PURE__ */ l.createElement(e.searchBox, { value: D, onChange: O }) : /* @__PURE__ */ l.createElement(
     "div",
     {
-      className: `k-searchbox k-textbox k-input k-input-md k-input-solid ${s.mobileMode ? "k-input-lg" : "k-input-md"}`
+      className: `k-searchbox k-textbox k-input k-input-md k-input-solid ${r != null && r.mobileMode ? "k-input-lg" : "k-input-md"}`
     },
-    /* @__PURE__ */ l.createElement(ce, { className: "k-input-icon", name: "search", icon: ue }),
+    /* @__PURE__ */ l.createElement(ce, { className: "k-input-icon", name: "search", icon: se }),
     /* @__PURE__ */ l.createElement(
-      ie,
+      ae,
       {
         className: "k-input-inner",
         type: "text",
         placeholder: f.toLanguageString(R, d[R]),
-        value: w,
-        onChange: (t) => G(t.nativeEvent)
+        value: D,
+        onChange: (t) => O(t.nativeEvent)
       }
     ),
     /* @__PURE__ */ l.createElement(
-      B,
+      I,
       {
         type: "button",
         rounded: null,
         className: "k-input-button",
         onClick: Y,
         icon: "x",
-        "aria-label": ee,
-        svgIcon: fe
+        "aria-label": p,
+        svgIcon: ue
       }
     )
-  ), b = S.filter((t, n) => S.indexOf(t) === n);
-  return /* @__PURE__ */ l.createElement(re, null, !(e.alwaysExpand && !s.mobileMode) && /* @__PURE__ */ l.createElement("div", { className: "k-expander" }, /* @__PURE__ */ l.createElement(
-    le,
+  ), S = b.filter((t, n) => b.indexOf(t) === n);
+  return /* @__PURE__ */ l.createElement(le, null, !(e.alwaysExpand && !(r != null && r.mobileMode)) && /* @__PURE__ */ l.createElement("div", { className: "k-expander" }, /* @__PURE__ */ l.createElement(
+    ne,
     {
-      title: f.toLanguageString(p, d[p]),
+      title: f.toLanguageString(z, d[z]),
       iconClass: "k-i-filter",
-      svgIcon: de,
+      svgIcon: fe,
       expandable: !0,
-      expanded: !!V,
+      expanded: !!A,
       onClick: X
     }
-  )), s.mobileMode && N ? /* @__PURE__ */ l.createElement(l.Fragment, null, /* @__PURE__ */ l.createElement(
-    ge,
+  )), r != null && r.mobileMode && y ? /* @__PURE__ */ l.createElement(
+    me,
     {
       onBackView: Z,
       handleClose: _,
       searchBox: e.searchBox,
       handleCheckBoxChange: v,
-      isAllSelected: A,
-      currentData: x,
-      uniqueFilterValues: b,
-      submit: q,
-      clear: O
+      isAllSelected: V,
+      currentData: g,
+      uniqueFilterValues: S,
+      submit: G,
+      clear: q
     }
-  )) : /* @__PURE__ */ l.createElement(ae, { show: (e.alwaysExpand || !!V) && !s.mobileMode }, /* @__PURE__ */ l.createElement("form", { className: "k-filter-menu", onSubmit: q, onReset: O }, /* @__PURE__ */ l.createElement("div", { className: "k-filter-menu-container" }, te, /* @__PURE__ */ l.createElement("ul", { className: "k-reset k-multicheck-wrap" }, /* @__PURE__ */ l.createElement("li", { className: "k-item k-check-all-wrap" }, /* @__PURE__ */ l.createElement(
+  ) : /* @__PURE__ */ l.createElement(re, { show: (e.alwaysExpand || !!A) && !(r != null && r.mobileMode) }, /* @__PURE__ */ l.createElement("form", { className: "k-filter-menu", onSubmit: G, onReset: q }, /* @__PURE__ */ l.createElement("div", { className: "k-filter-menu-container" }, ee, /* @__PURE__ */ l.createElement("ul", { className: "k-reset k-multicheck-wrap" }, /* @__PURE__ */ l.createElement("li", { className: "k-item k-check-all-wrap" }, /* @__PURE__ */ l.createElement(
     P,
     {
-      label: f.toLanguageString(z, d[z]),
+      label: f.toLanguageString(j, d[j]),
       onChange: (t) => v(t, "all"),
-      checked: A()
+      checked: V()
     }
-  )), x.map((t, n) => /* @__PURE__ */ l.createElement("li", { className: "k-item", key: n }, /* @__PURE__ */ l.createElement(
+  )), g.map((t, n) => /* @__PURE__ */ l.createElement("li", { className: "k-item", key: n }, /* @__PURE__ */ l.createElement(
     P,
     {
       label: String(t),
-      onChange: (a) => v(a, t),
-      checked: b.includes(t)
+      onChange: (c) => v(c, t),
+      checked: S.includes(t)
     }
-  )))), /* @__PURE__ */ l.createElement("div", { className: "k-filter-selected-items" }, b.length + " " + f.toLanguageString(j, d[j])), /* @__PURE__ */ l.createElement("div", { className: "k-actions k-hstack k-justify-content-stretch" }, /* @__PURE__ */ l.createElement(B, { themeColor: "primary", type: "submit" }, f.toLanguageString(T, d[T])), /* @__PURE__ */ l.createElement(B, { className: "k-button", type: "reset" }, f.toLanguageString(C, d[C])))))));
+  )))), /* @__PURE__ */ l.createElement("div", { className: "k-filter-selected-items" }, S.length + " " + f.toLanguageString(T, d[T])), /* @__PURE__ */ l.createElement("div", { className: "k-actions k-hstack k-justify-content-stretch" }, /* @__PURE__ */ l.createElement(I, { themeColor: "primary", type: "submit" }, f.toLanguageString(W, d[W])), /* @__PURE__ */ l.createElement(I, { className: "k-button", type: "reset" }, f.toLanguageString(x, d[x])))))));
 };
 export {
-  Ge as GridColumnMenuCheckboxFilter
+  De as GridColumnMenuCheckboxFilter
 };

package/columnMenu/GridColumnMenuColumnsChooser.js

@@ -6,4 +6,4 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const z=require("react"),f=require("@progress/kendo-react-inputs"),F=require("@progress/kendo-react-common"),B=require("@progress/kendo-svg-icons"),R=require("@progress/kendo-react-buttons"),_=require("@progress/kendo-react-intl"),l=require("../messages/index.js"),V=require("./GridColumnMenuItem.js"),W=require("./GridColumnMenuItemGroup.js"),H=require("./GridColumnMenuItemContent.js"),J=require("../GridClientWrapper.js"),K=require("./adaptiveContext/GridColumnMenuAdaptiveContext.js"),Q=require("./adaptiveContent/GridAdaptiveColumnChooser.js");function U(n){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const c in n)if(c!=="default"){const d=Object.getOwnPropertyDescriptor(n,c);Object.defineProperty(o,c,d.get?d:{enumerable:!0,get:()=>n[c]})}}return o.default=n,Object.freeze(o)}const e=U(z),L=n=>{const{columnsState:o,onCloseMenu:c,onColumnsStateChange:d}=n,m=_.useLocalization(),i=e.useContext(J.GridContext),{actionSheetRef:x}=e.useContext(K.GridColumnMenuAdaptiveContext),[C,O]=e.useState(""),[k,j]=e.useState(n.expanded||!1),[E,p]=e.useState(!1),b=o.reduce((t,a)=>({...t,[a.id||""]:!a.hidden}),{}),[r,S]=e.useState(b),M=e.useMemo(()=>(o==null?void 0:o.filter(t=>{var a;return(a=t.title||t.field)==null?void 0:a.toLowerCase().includes(C.toLowerCase())}))||[],[o,C]),g=e.useMemo(()=>Object.values(r).filter(t=>t).length,[r]),h=e.useMemo(()=>g===(o==null?void 0:o.length),[o,g]),v=e.useCallback(t=>{t.preventDefault();const s=(u=>(u==null?void 0:u.map(N=>({...N,hidden:!r[N.id||""]})))||[])(o);d&&d(s),c==null||c.call(void 0)},[r,o,c]),y=t=>{t.preventDefault(),S(b)},G=e.useCallback(()=>{const t={...r};Object.keys(t).forEach((a,s)=>t[a]=h&&s===0?!0:!h),S(t)},[r,h]),I=e.useCallback((t,a)=>{const s={...r};s[a||""]=t,S(s)},[r]),q=t=>{O(String(t.target.value))},P=e.useCallback(()=>{const t=w(),a=!(t?n.expanded:k);i.mobileMode&&x.current.element.style.setProperty("--kendo-actionsheet-view-current",2),n.onExpandChange&&n.onExpandChange(a),p(!E),!t&&!i.mobileMode&&j(a)},[k]),T=()=>{p(!1),i.mobileMode&&x.current.element.style.setProperty("--kendo-actionsheet-view-current",1)},D=()=>{p(!1),n.onCloseMenu&&n.onCloseMenu()},w=()=>n.expanded!==void 0,A=w()?n.expanded:k;return e.createElement(W.GridColumnMenuItemGroup,null,e.createElement("div",{className:"k-expander"},!(n.alwaysExpand&&!i.mobileMode)&&e.createElement(V.GridColumnMenuItem,{title:m.toLanguageString(l.adaptiveColumnMenuChooserTitle,l.messages[l.adaptiveColumnMenuChooserTitle]),iconClass:"k-i-filter",svgIcon:B.columnsIcon,expandable:!0,expanded:!!A,onClick:P})),i.mobileMode&&E?e.createElement(e.Fragment,null,e.createElement(Q.GridAdaptiveColumnChooser,{onBackView:T,handleClose:D,onApply:v,onReset:y,filter:C,onFilter:q,allSelected:h,onSelectAll:G,filtered:M,selectedColumns:r,checkedCount:g,onCheckChange:I})):e.createElement(H.GridColumnMenuItemContent,{show:(n.alwaysExpand||!!A)&&!i.mobileMode},e.createElement("form",{onSubmit:v,onReset:y,className:"k-filter-menu"},e.createElement("div",{className:"k-filter-menu-container"},e.createElement(f.TextBox,{className:"k-searchbox",value:C,onChange:q,prefix:()=>e.createElement(f.InputPrefix,null,e.createElement(F.IconWrap,{name:"search",icon:B.searchIcon}))}),e.createElement("ul",{className:"k-reset k-multicheck-wrap"},!C&&e.createElement("li",{className:"k-item k-check-all-wrap"},e.createElement(f.Checkbox,{checked:h,onChange:G,label:m.toLanguageString(l.filterSelectAll,l.messages[l.filterSelectAll])})),M.map((t,a)=>e.createElement("li",{key:t.id,className:"k-item"},e.createElement(f.Checkbox,{disabled:r[t.id||""]&&g===1,checked:r[t.id||""],onChange:s=>{var u;return I(!!((u=s.target.element)!=null&&u.checked),t.id)},label:t.title||t.field})))),e.createElement("div",{className:"k-filter-selected-items"},g," ",m.toLanguageString(l.columnMenuColumnChooserSelectedItems,l.messages[l.columnMenuColumnChooserSelectedItems])),e.createElement("div",{className:"k-actions k-actions-start k-actions-horizontal"},e.createElement(R.Button,{type:"submit",themeColor:"primary"},m.toLanguageString(l.filterApplyButton,l.messages[l.filterApplyButton])),e.createElement(R.Button,{type:"reset"},m.toLanguageString(l.filterResetButton,l.messages[l.filterResetButton])))))))};L.displayName="GridColumnMenuColumnsChooser";exports.GridColumnMenuColumnsChooser=L;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const P=require("react"),h=require("@progress/kendo-react-inputs"),z=require("@progress/kendo-react-common"),A=require("@progress/kendo-svg-icons"),B=require("@progress/kendo-react-buttons"),F=require("@progress/kendo-react-intl"),l=require("../messages/index.js"),_=require("./GridColumnMenuItem.js"),V=require("./GridColumnMenuItemGroup.js"),W=require("./GridColumnMenuItemContent.js"),H=require("../GridClientWrapper.js"),J=require("./adaptiveContent/GridAdaptiveColumnChooser.js");function K(n){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const c in n)if(c!=="default"){const u=Object.getOwnPropertyDescriptor(n,c);Object.defineProperty(o,c,u.get?u:{enumerable:!0,get:()=>n[c]})}}return o.default=n,Object.freeze(o)}const e=K(P),R=n=>{const{columnsState:o,onCloseMenu:c,onColumnsStateChange:u}=n,d=F.useLocalization(),f=e.useContext(H.GridContext),[m,L]=e.useState(""),[k,O]=e.useState(n.expanded||!1),[x,p]=e.useState(!1),S=o.reduce((t,a)=>({...t,[a.id||""]:!a.hidden}),{}),[r,E]=e.useState(S),b=e.useMemo(()=>(o==null?void 0:o.filter(t=>{var a;return(a=t.title||t.field)==null?void 0:a.toLowerCase().includes(m.toLowerCase())}))||[],[o,m]),C=e.useMemo(()=>Object.values(r).filter(t=>t).length,[r]),g=e.useMemo(()=>C===(o==null?void 0:o.length),[o,C]),M=e.useCallback(t=>{t.preventDefault();const s=(i=>(i==null?void 0:i.map(w=>({...w,hidden:!r[w.id||""]})))||[])(o);u&&u(s),c==null||c.call(void 0)},[r,o,c]),v=t=>{t.preventDefault(),E(S)},y=e.useCallback(()=>{const t={...r};Object.keys(t).forEach((a,s)=>t[a]=g&&s===0?!0:!g),E(t)},[r,g]),I=e.useCallback((t,a)=>{const s={...r};s[a||""]=t,E(s)},[r]),G=t=>{L(String(t.target.value))},j=e.useCallback(()=>{const t=q(),a=!(t?n.expanded:k);n.onExpandChange&&n.onExpandChange(a),p(!x),!t&&!f.mobileMode&&O(a)},[k]),T=()=>{p(!1)},D=()=>{p(!1),n.onCloseMenu&&n.onCloseMenu()},q=()=>n.expanded!==void 0,N=q()?n.expanded:k;return e.createElement(V.GridColumnMenuItemGroup,null,e.createElement("div",{className:"k-expander"},!(n.alwaysExpand&&!f.mobileMode)&&e.createElement(_.GridColumnMenuItem,{title:d.toLanguageString(l.adaptiveColumnMenuChooserTitle,l.messages[l.adaptiveColumnMenuChooserTitle]),iconClass:"k-i-filter",svgIcon:A.columnsIcon,expandable:!0,expanded:!!N,onClick:j})),f.mobileMode&&x?e.createElement(e.Fragment,null,e.createElement(J.GridAdaptiveColumnChooser,{onBackView:T,handleClose:D,onApply:M,onReset:v,filter:m,onFilter:G,allSelected:g,onSelectAll:y,filtered:b,selectedColumns:r,checkedCount:C,onCheckChange:I})):e.createElement(W.GridColumnMenuItemContent,{show:(n.alwaysExpand||!!N)&&!f.mobileMode},e.createElement("form",{onSubmit:M,onReset:v,className:"k-filter-menu"},e.createElement("div",{className:"k-filter-menu-container"},e.createElement(h.TextBox,{className:"k-searchbox",value:m,onChange:G,prefix:()=>e.createElement(h.InputPrefix,null,e.createElement(z.IconWrap,{name:"search",icon:A.searchIcon}))}),e.createElement("ul",{className:"k-reset k-multicheck-wrap"},!m&&e.createElement("li",{className:"k-item k-check-all-wrap"},e.createElement(h.Checkbox,{checked:g,onChange:y,label:d.toLanguageString(l.filterSelectAll,l.messages[l.filterSelectAll])})),b.map((t,a)=>e.createElement("li",{key:t.id,className:"k-item"},e.createElement(h.Checkbox,{disabled:r[t.id||""]&&C===1,checked:r[t.id||""],onChange:s=>{var i;return I(!!((i=s.target.element)!=null&&i.checked),t.id)},label:t.title||t.field})))),e.createElement("div",{className:"k-filter-selected-items"},C," ",d.toLanguageString(l.columnMenuColumnChooserSelectedItems,l.messages[l.columnMenuColumnChooserSelectedItems])),e.createElement("div",{className:"k-actions k-actions-start k-actions-horizontal"},e.createElement(B.Button,{type:"submit",themeColor:"primary"},d.toLanguageString(l.filterApplyButton,l.messages[l.filterApplyButton])),e.createElement(B.Button,{type:"reset"},d.toLanguageString(l.filterResetButton,l.messages[l.filterResetButton])))))))};R.displayName="GridColumnMenuColumnsChooser";exports.GridColumnMenuColumnsChooser=R;