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