@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 © 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 e=require("react"),f=require("react-dom"),o=require("@progress/kendo-react-layout"),a=require("@progress/kendo-react-buttons"),g=require("@progress/kendo-react-intl"),h=require("../adaptiveContext/GridColumnMenuAdaptiveContext.js"),r=require("@progress/kendo-svg-icons"),v=require("../GridColumnMenuFilterUI.js"),n=require("../../messages/index.js"),C=require("../../utils/GridContext.js"),E=require("./GridActionSheetFooter.js"),k=t=>{const c=g.useLocalization(),i=e.useContext(C.GridContext),{actionSheetRef:l,secondViewRef:s}=e.useContext(h.GridColumnMenuAdaptiveContext),u=i.dir==="rtl"?r.chevronRightIcon:r.chevronLeftIcon;e.useEffect(()=>{i.mobileMode&&l.current.element.style.setProperty("--kendo-actionsheet-view-current",2)},[]);const m=()=>{i.mobileMode&&l.current.element.style.setProperty("--kendo-actionsheet-view-current",1),t.onBackView&&t.onBackView()};return e.createElement(e.Fragment,null,f.createPortal(e.createElement(e.Fragment,null,t.FilterUI?e.createElement(t.FilterUI,{...t.filterUIProps}):e.createElement(e.Fragment,null,e.createElement(o.ActionSheetHeader,null,e.createElement("div",{className:"k-actionsheet-titlebar-group"},e.createElement("div",{className:"k-actionsheet-actions"},e.createElement(a.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(a.Button,{type:"button",svgIcon:r.xIcon,onClick:t.handleClose,fillMode:"flat"})))),e.createElement(o.ActionSheetContent,null,e.createElement("div",{className:"k-filter-menu"},e.createElement("div",{className:"k-filter-menu-container"},e.createElement(v.GridColumnMenuFilterUI,{...t.filterUIProps})))),e.createElement(o.ActionSheetFooter,null,e.createElement(E.GridActionSheetFooterContent,{onApply:t.submit,onReset:t.clear,resetIcon:r.filterClearIcon,submitIcon:r.filterIcon,submitMessage:c.toLanguageString(n.filterSubmitButton,n.messages[n.filterSubmitButton]),resetMessage:c.toLanguageString(n.filterClearButton,n.messages[n.filterClearButton]),submitDisabled:!t.isFilterValid})))),s.current.current))};exports.GridAdaptiveFilterMenu=k;