@progress/kendo-react-grid/columnMenu/adaptiveContent/GridAdaptiveCheckboxFilter.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 b=require("react"),C=require("react-dom"),n=require("../../messages/index.js"),S=require("../../utils/GridContext.js"),i=require("@progress/kendo-react-layout"),s=require("@progress/kendo-react-buttons"),r=require("@progress/kendo-svg-icons"),v=require("@progress/kendo-react-intl"),u=require("@progress/kendo-react-inputs"),E=require("../adaptiveContext/GridColumnMenuAdaptiveContext.js"),x=require("./GridActionSheetFooter.js");function M(t){const c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const a in t)if(a!=="default"){const o=Object.getOwnPropertyDescriptor(t,a);Object.defineProperty(c,a,o.get?o:{enumerable:!0,get:()=>t[a]})}}return c.default=t,Object.freeze(c)}const e=M(b),y=t=>{const c=e.useContext(S.GridContext),a=v.useLocalization(),{actionSheetRef:o,secondViewRef:m}=e.useContext(E.GridColumnMenuAdaptiveContext),d=c.dir==="rtl"?r.chevronRightIcon:r.chevronLeftIcon,h=a.toLanguageString(n.adaptiveColumnMenuCheckboxFilterTitle,n.messages[n.adaptiveColumnMenuCheckboxFilterTitle]);e.useEffect(()=>{c!=null&&c.mobileMode&&o.current.element.style.setProperty("--kendo-actionsheet-view-current",2)},[]);const k=()=>{t.onBackView&&t.onBackView(),c!=null&&c.mobileMode&&o.current.element.style.setProperty("--kendo-actionsheet-view-current",1)};return e.createElement(e.Fragment,null,C.createPortal(e.createElement(e.Fragment,null,e.createElement(i.ActionSheetHeader,null,e.createElement("div",{className:"k-actionsheet-titlebar-group"},e.createElement("div",{className:"k-actionsheet-actions"},e.createElement(s.Button,{type:"button",onClick:k,svgIcon:d,fillMode:"flat"})),e.createElement("div",{className:"k-actionsheet-title"},e.createElement("div",{className:"k-text-center"},h)),e.createElement("div",{className:"k-actionsheet-actions"},e.createElement(s.Button,{type:"button",svgIcon:r.xIcon,onClick:t.handleClose,fillMode:"flat"})))),e.createElement(i.ActionSheetContent,null,e.createElement("div",{className:"k-filter-menu"},e.createElement("div",{className:"k-filter-menu-container"},t.searchBox,e.createElement("ul",{className:"k-reset k-multicheck-wrap"},e.createElement("li",{className:"k-item k-check-all-wrap"},e.createElement(u.Checkbox,{size:c.mobileMode?"large":"medium",label:a.toLanguageString(n.filterCheckAll,n.messages[n.filterCheckAll]),onChange:l=>t.handleCheckBoxChange(l,"all"),checked:t.isAllSelected()})),t.currentData.map((l,g)=>e.createElement("li",{className:"k-item",key:`colmenu-checkbox-item-${g}`},e.createElement(u.Checkbox,{size:c.mobileMode?"large":"medium",label:String(l),onChange:f=>t.handleCheckBoxChange(f,l),checked:t.uniqueFilterValues.includes(l)})))),e.createElement("div",{className:"k-filter-selected-items"},t.uniqueFilterValues.length+" "+a.toLanguageString(n.filterSelectedItems,n.messages[n.filterSelectedItems]))))),e.createElement(i.ActionSheetFooter,null,e.createElement(x.GridActionSheetFooterContent,{onApply:t.submit,onReset:t.clear,submitMessage:a.toLanguageString(n.filterSubmitButton,n.messages[n.filterSubmitButton]),resetMessage:a.toLanguageString(n.filterClearButton,n.messages[n.filterClearButton])}))),m.current.current))};exports.GridAdaptiveCheckboxFilter=y;