@progress/kendo-react-grid 14.4.1-develop.10 → 14.4.1-develop.12

package/columnMenu/GridColumnMenuFilter.js

@@ -6,4 +6,4 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const le=require("react"),w=require("@progress/kendo-data-query"),re=require("./GridColumnMenuItem.js"),ne=require("./GridColumnMenuItemGroup.js"),ie=require("./GridColumnMenuItemContent.js"),oe=require("@progress/kendo-react-intl"),i=require("../filterCommon.js"),u=require("../messages/index.js"),ae=require("./GridColumnMenuFilterUI.js"),R=require("@progress/kendo-react-buttons"),ue=require("@progress/kendo-svg-icons"),se=require("../utils/GridContext.js"),ce=require("./adaptiveContent/GridAdaptiveFilterMenu.js");function de(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const c in e)if(c!=="default"){const g=Object.getOwnPropertyDescriptor(e,c);Object.defineProperty(o,c,g.get?g:{enumerable:!0,get:()=>e[c]})}}return o.default=e,Object.freeze(o)}const l=de(le),E=e=>e||{filters:[],logic:"and"},h=(e,o)=>E(o).filters.filter(C=>w.isCompositeFilterDescriptor(C)?C.filters&&C.filters.length&&!C.filters.find(M=>w.isCompositeFilterDescriptor(M)||M.field!==e):!1)[0]||null,fe=(e,o)=>!!h(e,o),me=e=>{const o=l.useContext(se.GridContext),c=l.useCallback(()=>{let t;if(e.column&&e.column.field){const n=i.getFilterType(e.column.filter),r=i.getDefaultOperator(e.filterOperators,n);t=h(e.column.field,e.filter),t=t?{...t,filters:t.filters.map(a=>({...a}))}:{logic:"and",filters:[{field:e.column.field,operator:r,value:i.IsUnaryFilter(r)?null:void 0},{field:e.column.field,operator:r,value:i.IsUnaryFilter(r)?null:void 0}]},t.filters.filter(a=>a.field===e.column.field).length===1&&t.filters.splice(1,0,{field:e.column.field,operator:r})}return t},[e.column]),[g,C]=l.useState(e.expanded||!1),[M,b]=l.useState(!1),[d,k]=l.useState(c()),q=()=>e.expanded!==void 0,z=()=>{const t=q(),n=!(t?e.expanded:g);e.onExpandChange&&e.onExpandChange(n),b(!M),!t&&!o.mobileMode&&C(n)},H=t=>{O(0,t)},$=t=>{O(1,t)},O=(t,n)=>{const r=d.filters.map((a,s)=>s===t?{...a,value:n.value,operator:n.operator}:a);k({...d,filters:r})},Q=t=>{let n=t.target.value;t.target.tagName==="SPAN"&&(n=t.target.parentElement.value),k({...d,logic:n})},T=t=>{if(t.preventDefault(),!e.onFilterChange)return;const n=e.column.field,r=E(e.filter),a=h(n,e.filter),s=r.filters.filter(v=>v!==a);s.length?e.onFilterChange({...r,filters:s},t):e.onFilterChange(null,t),e.onCloseMenu&&e.onCloseMenu()},D=()=>({...d,filters:d.filters.filter(t=>t.value!==void 0&&t.value!==null&&t.value!==""||t.value===null&&t.operator)}),B=t=>{if(t.preventDefault(),!e.onFilterChange)return;const n=e.column.field,r=E(e.filter),a=h(n,e.filter),s=D();let v=null;if(a&&s.filters.length>0){const p=r.filters.map(x=>x===a?s:x);v={...r,filters:p}}else if(s.filters.length===0){const p=r.filters.filter(x=>x!==a);p.length&&(v={...r,filters:p})}else v={...r,filters:[...r.filters,s]};e.onFilterChange(v,t),e.onCloseMenu&&e.onCloseMenu()},{column:f,filterUI:J,hideSecondFilter:P,filterOperators:K}=e,m=oe.useLocalization();if(!f||!f.field)return l.createElement("div",null);const G=i.getFilterType(f.filter),W=P!==void 0?P:i.defaultHideSecondFilter[G],F=d.filters,L=i.operatorMap(K[G],m),U=i.operatorMap(i.booleanFilterValues,m),X={field:f.field,value:F[0].value,operator:F[0].operator,operators:L,booleanValues:U,onChange:H,filterType:G},Y={field:f.field,value:F[1].value,operator:F[1].operator,operators:L,booleanValues:U,onChange:$,filterType:G},A=d.logic,N=i.operatorMap(i.filterLogicList,m),S={value:N.find(t=>t.operator===(A===null?"":A)),onChange:Q,data:N},y=J,I={firstFilterProps:X,secondFilterProps:Y,logicData:S.data,logicValue:S.value,onLogicChange:S.onChange,hideSecondFilter:W},V=D().filters.length!==0||i.IsUnaryFilter(F[0].operator)||i.IsUnaryFilter(F[1].operator),_=q()?e.expanded:g,j=e.alwaysExpand&&!o.mobileMode,Z=()=>{b(!1)},ee=()=>{b(!1),e.onCloseMenu&&e.onCloseMenu()},te=`${m.toLanguageString(u.adaptiveColumnMenuFilterTitle,u.messages[u.adaptiveColumnMenuFilterTitle])} ${f.title||f.field}`;return l.createElement(ne.GridColumnMenuItemGroup,null,!j&&l.createElement("div",{className:"k-expander"},l.createElement(re.GridColumnMenuItem,{title:m.toLanguageString(u.filterTitle,u.messages[u.filterTitle]),iconClass:"k-i-filter",svgIcon:ue.filterIcon,expandable:!0,expanded:!!_,onClick:z})),o.mobileMode&&M?l.createElement(ce.GridAdaptiveFilterMenu,{FilterUI:y,filterUIProps:I,onBackView:Z,adaptiveTitle:te,handleClose:ee,submit:B,clear:T,isFilterValid:V}):l.createElement(ie.GridColumnMenuItemContent,{show:(j||!!_)&&!o.mobileMode},l.createElement("form",{className:"k-filter-menu",onSubmit:B,onReset:T},l.createElement("div",{className:"k-filter-menu-container"},y?l.createElement(y,{...I}):l.createElement(ae.GridColumnMenuFilterUI,{...I}),l.createElement("div",{className:"k-actions k-actions-stretched"},l.createElement(R.Button,{themeColor:"primary",disabled:!V},m.toLanguageString(u.filterSubmitButton,u.messages[u.filterSubmitButton])),l.createElement(R.Button,{type:"reset"},m.toLanguageString(u.filterClearButton,u.messages[u.filterClearButton])))))))};exports.GridColumnMenuFilter=me;exports.filterGroupByField=h;exports.isColumnMenuFilterActive=fe;exports.rootFilterOrDefault=E;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const le=require("react"),w=require("@progress/kendo-data-query"),re=require("./GridColumnMenuItem.js"),ne=require("./GridColumnMenuItemGroup.js"),ie=require("./GridColumnMenuItemContent.js"),oe=require("@progress/kendo-react-intl"),i=require("../filterCommon.js"),u=require("../messages/index.js"),ae=require("./GridColumnMenuFilterUI.js"),R=require("@progress/kendo-react-buttons"),ue=require("@progress/kendo-svg-icons"),se=require("../utils/GridContext.js"),ce=require("./adaptiveContent/GridAdaptiveFilterMenu.js");function de(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const c in e)if(c!=="default"){const g=Object.getOwnPropertyDescriptor(e,c);Object.defineProperty(o,c,g.get?g:{enumerable:!0,get:()=>e[c]})}}return o.default=e,Object.freeze(o)}const l=de(le),E=e=>e||{filters:[],logic:"and"},h=(e,o)=>E(o).filters.filter(C=>w.isCompositeFilterDescriptor(C)?C.filters&&C.filters.length&&!C.filters.find(M=>w.isCompositeFilterDescriptor(M)||M.field!==e):!1)[0]||null,fe=(e,o)=>!!h(e,o),me=e=>{const o=l.useContext(se.GridContext),c=l.useCallback(()=>{let t;if(e.column&&e.column.field){const n=i.getFilterType(e.column.filter),r=i.getDefaultOperator(e.filterOperators,n);t=h(e.column.field,e.filter),t=t?{...t,filters:t.filters.map(a=>({...a}))}:{logic:"and",filters:[{field:e.column.field,operator:r,value:i.IsUnaryFilter(r)?null:void 0},{field:e.column.field,operator:r,value:i.IsUnaryFilter(r)?null:void 0}]},t.filters.filter(a=>a.field===e.column.field).length===1&&t.filters.splice(1,0,{field:e.column.field,operator:r})}return t},[e.column]),[g,C]=l.useState(e.expanded||!1),[M,b]=l.useState(!1),[d,q]=l.useState(c()),O=()=>e.expanded!==void 0,z=()=>{const t=O(),n=!(t?e.expanded:g);e.onExpandChange&&e.onExpandChange(n),b(!M),!t&&!o.mobileMode&&C(n)},H=t=>{T(0,t)},$=t=>{T(1,t)},T=(t,n)=>{const r=d.filters.map((a,s)=>s===t?{...a,value:n.value,operator:n.operator}:a);q({...d,filters:r})},Q=t=>{let n=t.target.value;t.target.tagName==="SPAN"&&(n=t.target.parentElement.value),q({...d,logic:n})},D=t=>{if(t.preventDefault(),!e.onFilterChange)return;const n=e.column.field,r=E(e.filter),a=h(n,e.filter),s=r.filters.filter(v=>v!==a);s.length?e.onFilterChange({...r,filters:s},t):e.onFilterChange(null,t),e.onCloseMenu&&e.onCloseMenu()},B=()=>({...d,filters:d.filters.filter(t=>t.value!==void 0&&t.value!==null&&t.value!==""||t.value===null&&t.operator)}),y=t=>{if(t.preventDefault(),!e.onFilterChange)return;const n=e.column.field,r=E(e.filter),a=h(n,e.filter),s=B();let v=null;if(a&&s.filters.length>0){const G=r.filters.map(x=>x===a?s:x);v={...r,filters:G}}else if(s.filters.length===0){const G=r.filters.filter(x=>x!==a);G.length&&(v={...r,filters:G})}else v={...r,filters:[...r.filters,s]};e.onFilterChange(v,t),e.onCloseMenu&&e.onCloseMenu()},{column:f,filterUI:J,hideSecondFilter:P,filterOperators:K}=e,m=oe.useLocalization();if(!f||!f.field)return l.createElement("div",null);const p=i.getFilterType(f.filter),W=P!==void 0?P:i.defaultHideSecondFilter[p],F=d.filters,L=i.operatorMap(K[p],m),U=i.operatorMap(i.booleanFilterValues,m),X={field:f.field,value:F[0].value,operator:F[0].operator,operators:L,booleanValues:U,onChange:H,filterType:p},Y={field:f.field,value:F[1].value,operator:F[1].operator,operators:L,booleanValues:U,onChange:$,filterType:p},A=d.logic,N=i.operatorMap(i.filterLogicList,m),S={value:N.find(t=>t.operator===(A===null?"":A)),onChange:Q,data:N},I=J,k={firstFilterProps:X,secondFilterProps:Y,logicData:S.data,logicValue:S.value,onLogicChange:S.onChange,hideSecondFilter:W},V=B().filters.length!==0||i.IsUnaryFilter(F[0].operator)||i.IsUnaryFilter(F[1].operator),_=O()?e.expanded:g,j=e.alwaysExpand&&!o.mobileMode,Z=()=>{b(!1)},ee=()=>{b(!1),e.onCloseMenu&&e.onCloseMenu()},te=`${m.toLanguageString(u.adaptiveColumnMenuFilterTitle,u.messages[u.adaptiveColumnMenuFilterTitle])} ${f.title||f.field}`;return l.createElement(ne.GridColumnMenuItemGroup,null,!j&&l.createElement("div",{className:"k-expander"},l.createElement(re.GridColumnMenuItem,{title:m.toLanguageString(u.filterTitle,u.messages[u.filterTitle]),iconClass:"k-i-filter",svgIcon:ue.filterIcon,expandable:!0,expanded:!!_,onClick:z})),o.mobileMode&&M?l.createElement(ce.GridAdaptiveFilterMenu,{FilterUI:I,filterUIProps:k,onBackView:Z,adaptiveTitle:te,handleClose:ee,submit:y,clear:D,isFilterValid:V}):l.createElement(ie.GridColumnMenuItemContent,{show:(j||!!_)&&!o.mobileMode},l.createElement("form",{className:"k-filter-menu",onSubmit:y,onReset:D},l.createElement("div",{className:"k-filter-menu-container"},I?l.createElement(I,{...k}):l.createElement(ae.GridColumnMenuFilterUI,{...k}),l.createElement("div",{className:"k-actions k-actions-stretched"},l.createElement(R.Button,{type:"button",themeColor:"primary",disabled:!V,onClick:y},m.toLanguageString(u.filterSubmitButton,u.messages[u.filterSubmitButton])),l.createElement(R.Button,{type:"reset"},m.toLanguageString(u.filterClearButton,u.messages[u.filterClearButton])))))))};exports.GridColumnMenuFilter=me;exports.filterGroupByField=h;exports.isColumnMenuFilterActive=fe;exports.rootFilterOrDefault=E;

package/columnMenu/GridColumnMenuFilter.mjs

@@ -8,23 +8,23 @@
 "use client";
 import * as l from "react";
 import { isCompositeFilterDescriptor as R } from "@progress/kendo-data-query";
-import { GridColumnMenuItem as se } from "./GridColumnMenuItem.mjs";
-import { GridColumnMenuItemGroup as ce } from "./GridColumnMenuItemGroup.mjs";
+import { GridColumnMenuItem as ce } from "./GridColumnMenuItem.mjs";
+import { GridColumnMenuItemGroup as se } from "./GridColumnMenuItemGroup.mjs";
 import { GridColumnMenuItemContent as ue } from "./GridColumnMenuItemContent.mjs";
 import { useLocalization as fe } from "@progress/kendo-react-intl";
-import { getFilterType as $, getDefaultOperator as de, IsUnaryFilter as v, operatorMap as I, defaultHideSecondFilter as me, filterLogicList as ge, booleanFilterValues as Ce } from "../filterCommon.mjs";
+import { getFilterType as $, getDefaultOperator as de, IsUnaryFilter as v, operatorMap as y, defaultHideSecondFilter as me, filterLogicList as ge, booleanFilterValues as Ce } from "../filterCommon.mjs";
 import { adaptiveColumnMenuFilterTitle as j, messages as E, filterTitle as q, filterSubmitButton as J, filterClearButton as K } from "../messages/index.mjs";
 import { GridColumnMenuFilterUI as Fe } from "./GridColumnMenuFilterUI.mjs";
 import { Button as Q } from "@progress/kendo-react-buttons";
 import { filterIcon as he } from "@progress/kendo-svg-icons";
 import { GridContext as ve } from "../utils/GridContext.mjs";
 import { GridAdaptiveFilterMenu as Ee } from "./adaptiveContent/GridAdaptiveFilterMenu.mjs";
-const k = (e) => e || { filters: [], logic: "and" }, x = (e, a) => k(a).filters.filter((f) => R(f) ? f.filters && f.filters.length && !f.filters.find((g) => R(g) || g.field !== e) : !1)[0] || null, Ne = (e, a) => !!x(e, a), Oe = (e) => {
-  const a = l.useContext(ve), y = l.useCallback(() => {
+const I = (e) => e || { filters: [], logic: "and" }, p = (e, a) => I(a).filters.filter((f) => R(f) ? f.filters && f.filters.length && !f.filters.find((g) => R(g) || g.field !== e) : !1)[0] || null, Ne = (e, a) => !!p(e, a), Oe = (e) => {
+  const a = l.useContext(ve), L = l.useCallback(() => {
     let t;
     if (e.column && e.column.field) {
       const i = $(e.column.filter), r = de(e.filterOperators, i);
-      t = x(e.column.field, e.filter), t = t ? {
+      t = p(e.column.field, e.filter), t = t ? {
         ...t,
         filters: t.filters.map((n) => ({ ...n }))
       } : {
@@ -44,38 +44,38 @@ const k = (e) => e || { filters: [], logic: "and" }, x = (e, a) => k(a).filters.
       }, t.filters.filter((n) => n.field === e.column.field).length === 1 && t.filters.splice(1, 0, { field: e.column.field, operator: r });
     }
     return t;
-  }, [e.column]), [p, f] = l.useState(e.expanded || !1), [g, M] = l.useState(!1), [s, L] = l.useState(y()), T = () => e.expanded !== void 0, W = () => {
-    const t = T(), i = !(t ? e.expanded : p);
+  }, [e.column]), [x, f] = l.useState(e.expanded || !1), [g, M] = l.useState(!1), [c, T] = l.useState(L()), D = () => e.expanded !== void 0, W = () => {
+    const t = D(), i = !(t ? e.expanded : x);
     e.onExpandChange && e.onExpandChange(i), M(!g), !t && !a.mobileMode && f(i);
   }, X = (t) => {
-    D(0, t);
+    P(0, t);
   }, Y = (t) => {
-    D(1, t);
-  }, D = (t, i) => {
-    const r = s.filters.map((n, o) => o === t ? {
+    P(1, t);
+  }, P = (t, i) => {
+    const r = c.filters.map((n, o) => o === t ? {
       ...n,
       value: i.value,
       operator: i.operator
     } : n);
-    L({
-      ...s,
+    T({
+      ...c,
       filters: r
     });
   }, Z = (t) => {
     let i = t.target.value;
-    t.target.tagName === "SPAN" && (i = t.target.parentElement.value), L({ ...s, logic: i });
-  }, P = (t) => {
+    t.target.tagName === "SPAN" && (i = t.target.parentElement.value), T({ ...c, logic: i });
+  }, N = (t) => {
     if (t.preventDefault(), !e.onFilterChange)
       return;
-    const i = e.column.field, r = k(e.filter), n = x(i, e.filter), o = r.filters.filter((m) => m !== n);
+    const i = e.column.field, r = I(e.filter), n = p(i, e.filter), o = r.filters.filter((m) => m !== n);
     o.length ? e.onFilterChange({ ...r, filters: o }, t) : e.onFilterChange(null, t), e.onCloseMenu && e.onCloseMenu();
-  }, N = () => ({
-    ...s,
-    filters: s.filters.filter((t) => t.value !== void 0 && t.value !== null && t.value !== "" || t.value === null && t.operator)
-  }), O = (t) => {
+  }, O = () => ({
+    ...c,
+    filters: c.filters.filter((t) => t.value !== void 0 && t.value !== null && t.value !== "" || t.value === null && t.operator)
+  }), G = (t) => {
     if (t.preventDefault(), !e.onFilterChange)
       return;
-    const i = e.column.field, r = k(e.filter), n = x(i, e.filter), o = N();
+    const i = e.column.field, r = I(e.filter), n = p(i, e.filter), o = O();
     let m = null;
     if (n && o.filters.length > 0) {
       const F = r.filters.map((h) => h === n ? o : h);
@@ -95,11 +95,11 @@ const k = (e) => e || { filters: [], logic: "and" }, x = (e, a) => k(a).filters.
         filters: [...r.filters, o]
       };
     e.onFilterChange(m, t), e.onCloseMenu && e.onCloseMenu();
-  }, { column: c, filterUI: ee, hideSecondFilter: V, filterOperators: te } = e, u = fe();
-  if (!c || !c.field)
+  }, { column: s, filterUI: ee, hideSecondFilter: V, filterOperators: te } = e, u = fe();
+  if (!s || !s.field)
     return /* @__PURE__ */ l.createElement("div", null);
-  const C = $(c.filter), le = V !== void 0 ? V : me[C], d = s.filters, A = I(te[C], u), B = I(Ce, u), re = {
-    field: c.field,
+  const C = $(s.filter), le = V !== void 0 ? V : me[C], d = c.filters, A = y(te[C], u), B = y(Ce, u), re = {
+    field: s.field,
     value: d[0].value,
     operator: d[0].operator,
     operators: A,
@@ -107,34 +107,34 @@ const k = (e) => e || { filters: [], logic: "and" }, x = (e, a) => k(a).filters.
     onChange: X,
     filterType: C
   }, ie = {
-    field: c.field,
+    field: s.field,
     value: d[1].value,
     operator: d[1].operator,
     operators: A,
     booleanValues: B,
     onChange: Y,
     filterType: C
-  }, U = s.logic, w = I(ge, u), G = {
+  }, U = c.logic, w = y(ge, u), S = {
     value: w.find((t) => t.operator === (U === null ? "" : U)),
     onChange: Z,
     data: w
-  }, S = ee, b = {
+  }, b = ee, k = {
     firstFilterProps: re,
     secondFilterProps: ie,
-    logicData: G.data,
-    logicValue: G.value,
-    onLogicChange: G.onChange,
+    logicData: S.data,
+    logicValue: S.value,
+    onLogicChange: S.onChange,
     hideSecondFilter: le
-  }, _ = N().filters.length !== 0 || v(d[0].operator) || v(d[1].operator), z = T() ? e.expanded : p, H = e.alwaysExpand && !a.mobileMode, ne = () => {
+  }, _ = O().filters.length !== 0 || v(d[0].operator) || v(d[1].operator), z = D() ? e.expanded : x, H = e.alwaysExpand && !a.mobileMode, ne = () => {
     M(!1);
   }, oe = () => {
     M(!1), e.onCloseMenu && e.onCloseMenu();
   }, ae = `${u.toLanguageString(
     j,
     E[j]
-  )} ${c.title || c.field}`;
-  return /* @__PURE__ */ l.createElement(ce, null, !H && /* @__PURE__ */ l.createElement("div", { className: "k-expander" }, /* @__PURE__ */ l.createElement(
-    se,
+  )} ${s.title || s.field}`;
+  return /* @__PURE__ */ l.createElement(se, null, !H && /* @__PURE__ */ l.createElement("div", { className: "k-expander" }, /* @__PURE__ */ l.createElement(
+    ce,
     {
       title: u.toLanguageString(q, E[q]),
       iconClass: "k-i-filter",
@@ -146,20 +146,20 @@ const k = (e) => e || { filters: [], logic: "and" }, x = (e, a) => k(a).filters.
   )), a.mobileMode && g ? /* @__PURE__ */ l.createElement(
     Ee,
     {
-      FilterUI: S,
-      filterUIProps: b,
+      FilterUI: b,
+      filterUIProps: k,
       onBackView: ne,
       adaptiveTitle: ae,
       handleClose: oe,
-      submit: O,
-      clear: P,
+      submit: G,
+      clear: N,
       isFilterValid: _
     }
-  ) : /* @__PURE__ */ l.createElement(ue, { show: (H || !!z) && !a.mobileMode }, /* @__PURE__ */ l.createElement("form", { className: "k-filter-menu", onSubmit: O, onReset: P }, /* @__PURE__ */ l.createElement("div", { className: "k-filter-menu-container" }, S ? /* @__PURE__ */ l.createElement(S, { ...b }) : /* @__PURE__ */ l.createElement(Fe, { ...b }), /* @__PURE__ */ l.createElement("div", { className: "k-actions k-actions-stretched" }, /* @__PURE__ */ l.createElement(Q, { themeColor: "primary", disabled: !_ }, u.toLanguageString(J, E[J])), /* @__PURE__ */ l.createElement(Q, { type: "reset" }, u.toLanguageString(K, E[K])))))));
+  ) : /* @__PURE__ */ l.createElement(ue, { show: (H || !!z) && !a.mobileMode }, /* @__PURE__ */ l.createElement("form", { className: "k-filter-menu", onSubmit: G, onReset: N }, /* @__PURE__ */ l.createElement("div", { className: "k-filter-menu-container" }, b ? /* @__PURE__ */ l.createElement(b, { ...k }) : /* @__PURE__ */ l.createElement(Fe, { ...k }), /* @__PURE__ */ l.createElement("div", { className: "k-actions k-actions-stretched" }, /* @__PURE__ */ l.createElement(Q, { type: "button", themeColor: "primary", disabled: !_, onClick: G }, u.toLanguageString(J, E[J])), /* @__PURE__ */ l.createElement(Q, { type: "reset" }, u.toLanguageString(K, E[K])))))));
 };
 export {
   Oe as GridColumnMenuFilter,
-  x as filterGroupByField,
+  p as filterGroupByField,
   Ne as isColumnMenuFilterActive,
-  k as rootFilterOrDefault
+  I as rootFilterOrDefault
 };