@progress/kendo-react-grid/columnMenu/adaptiveContent/GridAdaptiveColumnChooser.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 v=require("react"),b=require("react-dom"),E=require("../../utils/GridContext.js"),i=require("@progress/kendo-svg-icons"),n=require("../../messages/index.js"),m=require("@progress/kendo-react-buttons"),x=require("@progress/kendo-react-intl"),r=require("@progress/kendo-react-inputs"),s=require("@progress/kendo-react-layout"),M=require("@progress/kendo-react-common"),y=require("../adaptiveContext/GridColumnMenuAdaptiveContext.js"),A=require("./GridActionSheetFooter.js");function R(t){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const o in t)if(o!=="default"){const c=Object.getOwnPropertyDescriptor(t,o);Object.defineProperty(a,o,c.get?c:{enumerable:!0,get:()=>t[o]})}}return a.default=t,Object.freeze(a)}const e=R(v),I=t=>{const a=x.useLocalization(),o=e.useContext(E.GridContext),{actionSheetRef:c,secondViewRef:d}=e.useContext(y.GridColumnMenuAdaptiveContext),g=o.dir==="rtl"?i.chevronRightIcon:i.chevronLeftIcon,h=a.toLanguageString(n.adaptiveColumnMenuChooserTitle,n.messages[n.adaptiveColumnMenuChooserTitle]),C=a.toLanguageString(n.adaptiveColumnMenuChooserSubTitle,n.messages[n.adaptiveColumnMenuChooserSubTitle]);e.useEffect(()=>{o.mobileMode&&c.current.element.style.setProperty("--kendo-actionsheet-view-current",2)},[]);const k=()=>{o.mobileMode&&c.current.element.style.setProperty("--kendo-actionsheet-view-current",1),t.onBackView&&t.onBackView()},f=()=>e.createElement(r.InputPrefix,null,e.createElement(M.IconWrap,{name:"search",icon:i.searchIcon}));return e.createElement(e.Fragment,null,b.createPortal(e.createElement(e.Fragment,null,e.createElement(s.ActionSheetHeader,null,e.createElement("div",{className:"k-actionsheet-titlebar-group"},e.createElement("div",{className:"k-actionsheet-actions"},e.createElement(m.Button,{type:"button",onClick:k,svgIcon:g,fillMode:"flat"})),e.createElement("div",{className:"k-actionsheet-title"},e.createElement("div",{className:"k-text-center"},h),e.createElement("div",{className:"k-actionsheet-subtitle k-text-center"},C)),e.createElement("div",{className:"k-actionsheet-actions"},e.createElement(m.Button,{type:"button",svgIcon:i.xIcon,onClick:t.handleClose,fillMode:"flat"})))),e.createElement(s.ActionSheetContent,null,e.createElement("div",{className:"k-filter-menu"},e.createElement("div",{className:"k-filter-menu-container"},e.createElement(r.TextBox,{size:o.mobileMode?"large":"medium",className:"k-searchbox",value:t.filter,onChange:t.onFilter,prefix:f}),e.createElement("ul",{className:"k-reset k-multicheck-wrap"},!t.filter&&e.createElement("li",{className:"k-item k-check-all-wrap"},e.createElement(r.Checkbox,{size:o.mobileMode?"large":"medium",checked:t.allSelected,onChange:t.onSelectAll,label:a.toLanguageString(n.filterSelectAll,n.messages[n.filterSelectAll])})),t.filtered.map((l,N)=>e.createElement("li",{key:l.id,className:"k-item"},e.createElement(r.Checkbox,{size:o.mobileMode?"large":"medium",disabled:t.selectedColumns[l.id||""]&&t.checkedCount===1,checked:t.selectedColumns[l.id||""],onChange:S=>{var u;return t.onCheckChange(!!((u=S.target.element)!=null&&u.checked),l.id)},label:l.title||l.field})))),e.createElement("div",{className:"k-filter-selected-items"},t.checkedCount," ",a.toLanguageString(n.columnMenuColumnChooserSelectedItems,n.messages[n.columnMenuColumnChooserSelectedItems]))))),e.createElement(s.ActionSheetFooter,null,e.createElement(A.GridActionSheetFooterContent,{onApply:t.onApply,onReset:t.onReset,resetMessage:a.toLanguageString(n.filterResetButton,n.messages[n.filterResetButton]),submitMessage:a.toLanguageString(n.filterApplyButton,n.messages[n.filterApplyButton])}))),d.current.current))};exports.GridAdaptiveColumnChooser=I;