@progress/kendo-react-grid/toolbar-tools/adaptiveContent/GridAdaptiveToolbarCheckboxFilter.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 A=require("react"),n=require("../../messages/index.js"),N=require("../../utils/GridContext.js"),o=require("@progress/kendo-react-layout"),h=require("@progress/kendo-react-buttons"),r=require("@progress/kendo-svg-icons"),y=require("@progress/kendo-react-intl"),C=require("@progress/kendo-react-inputs"),I=require("../../columnMenu/adaptiveContent/GridActionSheetFooter.js"),M=require("../adaptiveContext/GridToolbarAdaptiveContext.js"),w=require("@progress/kendo-react-common"),B=require("../../columnMenu/GridColumnMenuItemGroup.js"),q=require("../../columnMenu/GridColumnMenuItem.js");function G(t){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const i in t)if(i!=="default"){const s=Object.getOwnPropertyDescriptor(t,i);Object.defineProperty(a,i,s.get?s:{enumerable:!0,get:()=>t[i]})}}return a.default=t,Object.freeze(a)}const e=G(A),R=t=>{const a=e.useContext(N.GridContext),{actionSheetRef:i,firstViewRef:s,secondViewRef:v}=e.useContext(M.GridToolbarAdaptiveContext),m=w.useAdaptiveModeContext(),c=y.useLocalization(),[g,E]=e.useState(""),S={animation:!0,navigatable:!1,navigatableElements:[],expand:t.computedShow,animationStyles:m&&a.adaptiveColumnMenuRef<=m.small?{top:0,width:"100%",height:"100%"}:void 0,className:"k-adaptive-actionsheet",position:m&&a.adaptiveColumnMenuRef<=m.small?"fullscreen":void 0},b=a.dir==="rtl"?r.chevronRightIcon:r.chevronLeftIcon,f=c.toLanguageString(n.adaptiveColumnMenuCheckboxFilterTitle,n.messages[n.adaptiveColumnMenuCheckboxFilterTitle]),x=()=>{t.onBackView&&t.onBackView(),a!=null&&a.mobileMode&&i.current.element.style.setProperty("--kendo-actionsheet-view-current",1)};return e.createElement(o.ActionSheet,{...S,ref:i,style:{"--kendo-actionsheet-view-current":1},onClose:t.onClose},e.createElement(o.ActionSheetView,{className:"k-actionsheet-view-animated",ref:s,style:{transitionDuration:"500ms",transitionProperty:"transform"}},e.createElement(o.ActionSheetHeader,null,e.createElement("div",{className:"k-actionsheet-titlebar-group"},e.createElement("div",{className:"k-actionsheet-title"},e.createElement("div",{className:"k-text-center"},f)),e.createElement("div",{className:"k-actionsheet-actions"},e.createElement(h.Button,{svgIcon:r.xIcon,onClick:t.onClose,fillMode:"flat"})))),e.createElement(o.ActionSheetContent,null,e.createElement("div",{className:"k-column-menu k-column-menu-lg"},t.filtered.map(l=>{var u,d;return e.createElement(B.GridColumnMenuItemGroup,{key:l.id},e.createElement("div",{className:"k-expander"},e.createElement(q.GridColumnMenuItem,{title:t.renderTitle(l),expandable:!0,expanded:!!((d=(u=t.expandState)==null?void 0:u.find(k=>k.column.field===l.field))!=null&&d.expanded),onClick:k=>(i.current.element.style.setProperty("--kendo-actionsheet-view-current",2),E(l.field),t.onFilterExpand(k,l))})))}))),e.createElement(o.ActionSheetFooter,null,e.createElement("div",{className:"k-actions k-actions-stretched k-actions-horizontal k-column-menu-footer"},e.createElement(h.Button,{svgIcon:r.filterClearIcon,onClick:t.handleClearAllFilters,size:"large"},c.toLanguageString(n.filterClearAllButton,n.messages[n.filterClearAllButton]))))),e.createElement(o.ActionSheetView,{className:"k-actionsheet-view-animated",ref:v,style:{transitionDuration:"500ms",transitionProperty:"transform"}},e.createElement(o.ActionSheetHeader,null,e.createElement("div",{className:"k-actionsheet-titlebar-group"},e.createElement("div",{className:"k-actionsheet-actions"},e.createElement(h.Button,{type:"button",onClick:x,svgIcon:b,fillMode:"flat"})),e.createElement("div",{className:"k-actionsheet-title"},e.createElement("div",{className:"k-text-center"},f+(g?` ${g}`:""))),e.createElement("div",{className:"k-actionsheet-actions"},e.createElement(h.Button,{type:"button",svgIcon:r.xIcon,onClick:t.onClose,fillMode:"flat"})))),e.createElement(o.ActionSheetContent,null,e.createElement("div",{className:"k-filter-menu"},e.createElement("div",{className:"k-filter-menu-container"},t.searchBox,e.createElement("ul",{className:"k-multicheck-wrap"},e.createElement("li",{className:"k-item k-check-all-wrap"},e.createElement(C.Checkbox,{size:a.mobileMode?"large":"medium",label:c.toLanguageString(n.filterCheckAll,n.messages[n.filterCheckAll]),onChange:l=>t.handleCheckBoxChange(l,"all"),checked:t.isAllSelected()})),t.currentData.map((l,u)=>e.createElement("li",{className:"k-item",key:`colmenu-checkbox-item-${u}`},e.createElement(C.Checkbox,{size:a.mobileMode?"large":"medium",label:String(l),onChange:d=>t.handleCheckBoxChange(d,l),checked:t.uniqueFilterValues.includes(l)})))),e.createElement("div",{className:"k-filter-selected-items"},t.uniqueFilterValues.length+" "+c.toLanguageString(n.filterSelectedItems,n.messages[n.filterSelectedItems]))))),e.createElement(o.ActionSheetFooter,null,e.createElement(I.GridActionSheetFooterContent,{onApply:t.submit,onReset:t.clear,submitMessage:c.toLanguageString(n.filterSubmitButton,n.messages[n.filterSubmitButton]),resetMessage:c.toLanguageString(n.filterClearButton,n.messages[n.filterClearButton])}))))};exports.GridAdaptiveToolbarCheckboxFilter=R;