@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 © 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"),t=require("../../messages/index.js"),S=require("../../utils/GridContext.js"),i=require("@progress/kendo-react-layout"),s=require("@progress/kendo-react-buttons"),o=require("@progress/kendo-svg-icons"),v=require("@progress/kendo-react-intl"),u=require("@progress/kendo-react-inputs"),b=require("../adaptiveContext/GridColumnMenuAdaptiveContext.js"),E=require("./GridActionSheetFooter.js"),x=n=>{const c=e.useContext(S.GridContext),l=v.useLocalization(),{actionSheetRef:r,secondViewRef:m}=e.useContext(b.GridColumnMenuAdaptiveContext),d=c.dir==="rtl"?o.chevronRightIcon:o.chevronLeftIcon,h=l.toLanguageString(t.adaptiveColumnMenuCheckboxFilterTitle,t.messages[t.adaptiveColumnMenuCheckboxFilterTitle]);e.useEffect(()=>{c!=null&&c.mobileMode&&r.current.element.style.setProperty("--kendo-actionsheet-view-current",2)},[]);const k=()=>{n.onBackView&&n.onBackView(),c!=null&&c.mobileMode&&r.current.element.style.setProperty("--kendo-actionsheet-view-current",1)};return e.createElement(e.Fragment,null,f.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:o.xIcon,onClick:n.handleClose,fillMode:"flat"})))),e.createElement(i.ActionSheetContent,null,e.createElement("div",{className:"k-filter-menu"},e.createElement("div",{className:"k-filter-menu-container"},n.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:l.toLanguageString(t.filterCheckAll,t.messages[t.filterCheckAll]),onChange:a=>n.handleCheckBoxChange(a,"all"),checked:n.isAllSelected()})),n.currentData.map((a,g)=>e.createElement("li",{className:"k-item",key:`colmenu-checkbox-item-${g}`},e.createElement(u.Checkbox,{size:c.mobileMode?"large":"medium",label:String(a),onChange:C=>n.handleCheckBoxChange(C,a),checked:n.uniqueFilterValues.includes(a)})))),e.createElement("div",{className:"k-filter-selected-items"},n.uniqueFilterValues.length+" "+l.toLanguageString(t.filterSelectedItems,t.messages[t.filterSelectedItems]))))),e.createElement(i.ActionSheetFooter,null,e.createElement(E.GridActionSheetFooterContent,{onApply:n.submit,onReset:n.clear,submitMessage:l.toLanguageString(t.filterSubmitButton,t.messages[t.filterSubmitButton]),resetMessage:l.toLanguageString(t.filterClearButton,t.messages[t.filterClearButton])}))),m.current.current))};exports.GridAdaptiveCheckboxFilter=x;