@progress/kendo-react-grid/toolbar-tools/adaptiveContent/GridAdaptiveToolbarColumnChooser.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"),S=require("../../utils/GridContext.js"),m=require("@progress/kendo-svg-icons"),n=require("../../messages/index.js"),b=require("@progress/kendo-react-buttons"),x=require("@progress/kendo-react-intl"),s=require("@progress/kendo-react-inputs"),r=require("@progress/kendo-react-layout"),d=require("@progress/kendo-react-common"),E=require("../../columnMenu/adaptiveContent/GridActionSheetFooter.js"),A=require("../adaptiveContext/GridToolbarAdaptiveContext.js");function M(t){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const l in t)if(l!=="default"){const o=Object.getOwnPropertyDescriptor(t,l);Object.defineProperty(a,l,o.get?o:{enumerable:!0,get:()=>t[l]})}}return a.default=t,Object.freeze(a)}const e=M(v),p=t=>{const a=e.useContext(S.GridContext),{actionSheetRef:l}=e.useContext(A.GridToolbarAdaptiveContext),o=d.useAdaptiveModeContext(),i=x.useLocalization(),g={animation:!0,navigatable:!1,navigatableElements:[],expand:t.computedShow,animationStyles:o&&a.adaptiveColumnMenuRef<=o.small?{top:0,width:"100%",height:"100%"}:void 0,className:"k-adaptive-actionsheet",position:o&&a.adaptiveColumnMenuRef<=o.small?"fullscreen":void 0},C=i.toLanguageString(n.adaptiveColumnMenuChooserTitle,n.messages[n.adaptiveColumnMenuChooserTitle]),h=i.toLanguageString(n.adaptiveColumnMenuChooserSubTitle,n.messages[n.adaptiveColumnMenuChooserSubTitle]),k=()=>e.createElement(s.InputPrefix,null,e.createElement(d.IconWrap,{name:"search",icon:m.searchIcon}));return e.createElement(r.ActionSheet,{...g,ref:l,style:{"--kendo-actionsheet-view-current":1},onClose:t.onClose},e.createElement(r.ActionSheetView,null,e.createElement(r.ActionSheetHeader,null,e.createElement("div",{className:"k-actionsheet-titlebar-group"},e.createElement("div",{className:"k-actionsheet-title"},e.createElement("div",{className:"k-text-center"},C),e.createElement("div",{className:"k-actionsheet-subtitle k-text-center"},h)),e.createElement("div",{className:"k-actionsheet-actions"},e.createElement(b.Button,{type:"button",svgIcon:m.xIcon,onClick:t.onClose,fillMode:"flat"})))),e.createElement(r.ActionSheetContent,null,e.createElement("div",{className:"k-filter-menu"},e.createElement("div",{className:"k-filter-menu-container"},e.createElement(s.TextBox,{size:a.mobileMode?"large":"medium",className:"k-searchbox",value:t.filter,onChange:t.onFilter,prefix:k}),e.createElement("ul",{className:"k-reset k-multicheck-wrap"},!t.filter&&e.createElement("li",{className:"k-item k-check-all-wrap"},e.createElement(s.Checkbox,{size:a.mobileMode?"large":"medium",checked:t.allSelected,onChange:t.onSelectAll,label:i.toLanguageString(n.filterSelectAll,n.messages[n.filterSelectAll])})),t.filtered.map((c,y)=>e.createElement("li",{key:c.id,className:"k-item"},e.createElement(s.Checkbox,{size:a.mobileMode?"large":"medium",disabled:t.selectedColumns[c.id||""]&&t.checkedCount===1,checked:t.selectedColumns[c.id||""],onChange:f=>{var u;return t.onCheckChange(!!((u=f.target.element)!=null&&u.checked),c.id)},label:c.title||c.field})))),e.createElement("div",{className:"k-filter-selected-items"},t.checkedCount," ",i.toLanguageString(n.columnMenuColumnChooserSelectedItems,n.messages[n.columnMenuColumnChooserSelectedItems]))))),e.createElement(r.ActionSheetFooter,null,e.createElement(E.GridActionSheetFooterContent,{onApply:t.onApply,onReset:t.onReset,resetMessage:i.toLanguageString(n.filterResetButton,n.messages[n.filterResetButton]),submitMessage:i.toLanguageString(n.filterApplyButton,n.messages[n.filterApplyButton])}))))};exports.GridAdaptiveToolbarColumnChooser=p;