@progress/kendo-react-grid/columnMenu/adaptiveContent/GridAdaptiveFilterMenu.js

React Data Grid (Table) provides 100+ ready-to-use data grid features. KendoReact Grid package

/**
 * @license
 *-------------------------------------------------------------------------------------------
 * Copyright © 2026 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the package root for more information
 *-------------------------------------------------------------------------------------------
 */
"use client";
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react"),g=require("react-dom"),a=require("@progress/kendo-react-layout"),l=require("@progress/kendo-react-buttons"),h=require("@progress/kendo-react-intl"),v=require("../adaptiveContext/GridColumnMenuAdaptiveContext.js"),c=require("@progress/kendo-svg-icons"),b=require("../GridColumnMenuFilterUI.js"),o=require("../../messages/index.js"),k=require("../../utils/GridContext.js"),C=require("./GridActionSheetFooter.js");function E(t){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const i=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(r,n,i.get?i:{enumerable:!0,get:()=>t[n]})}}return r.default=t,Object.freeze(r)}const e=E(f),S=t=>{const r=h.useLocalization(),n=e.useContext(k.GridContext),{actionSheetRef:i,secondViewRef:s}=e.useContext(v.GridColumnMenuAdaptiveContext),u=n.dir==="rtl"?c.chevronRightIcon:c.chevronLeftIcon;e.useEffect(()=>{n.mobileMode&&i.current.element.style.setProperty("--kendo-actionsheet-view-current",2)},[]);const m=()=>{n.mobileMode&&i.current.element.style.setProperty("--kendo-actionsheet-view-current",1),t.onBackView&&t.onBackView()};return e.createElement(e.Fragment,null,g.createPortal(e.createElement(e.Fragment,null,t.FilterUI?e.createElement(t.FilterUI,{...t.filterUIProps}):e.createElement(e.Fragment,null,e.createElement(a.ActionSheetHeader,null,e.createElement("div",{className:"k-actionsheet-titlebar-group"},e.createElement("div",{className:"k-actionsheet-actions"},e.createElement(l.Button,{type:"button",onClick:m,svgIcon:u,fillMode:"flat"})),e.createElement("div",{className:"k-actionsheet-title"},e.createElement("div",{className:"k-text-center"},t.adaptiveTitle)),e.createElement("div",{className:"k-actionsheet-actions"},e.createElement(l.Button,{type:"button",svgIcon:c.xIcon,onClick:t.handleClose,fillMode:"flat"})))),e.createElement(a.ActionSheetContent,null,e.createElement("div",{className:"k-filter-menu"},e.createElement("div",{className:"k-filter-menu-container"},e.createElement(b.GridColumnMenuFilterUI,{...t.filterUIProps})))),e.createElement(a.ActionSheetFooter,null,e.createElement(C.GridActionSheetFooterContent,{onApply:t.submit,onReset:t.clear,resetIcon:c.filterClearIcon,submitIcon:c.filterIcon,submitMessage:r.toLanguageString(o.filterSubmitButton,o.messages[o.filterSubmitButton]),resetMessage:r.toLanguageString(o.filterClearButton,o.messages[o.filterClearButton]),submitDisabled:!t.isFilterValid})))),s.current.current))};exports.GridAdaptiveFilterMenu=S;