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