@progress/kendo-react-grid
Version:
React Data Grid (Table) provides 100+ ready-to-use data grid features. KendoReact Grid package
10 lines (9 loc) • 2.78 kB
JavaScript
/**
* @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"),r=require("@progress/kendo-svg-icons"),n=require("../../messages/index.js"),c=require("@progress/kendo-react-buttons"),v=require("@progress/kendo-react-intl"),o=require("@progress/kendo-react-layout"),g=require("../../columnMenu/GridColumnMenuItem.js"),h=require("../../columnMenu/GridColumnMenuItemGroup.js"),k=require("../../utils/GridContext.js"),S=require("../adaptiveContext/GridToolbarAdaptiveContext.js"),E=require("@progress/kendo-react-common"),b=t=>{const s=e.useContext(k.GridContext),{actionSheetRef:u}=e.useContext(S.GridToolbarAdaptiveContext),a=E.useAdaptiveModeContext(),i=v.useLocalization(),d={animation:!0,navigatable:!1,navigatableElements:[],expand:t.computedShow,animationStyles:a&&s.adaptiveColumnMenuRef<=a.small?{top:0,width:"100%",height:"100%"}:void 0,className:"k-adaptive-actionsheet",position:a&&s.adaptiveColumnMenuRef<=a.small?"fullscreen":void 0},m=i.toLanguageString(n.adaptiveToolbarSortTitle,n.messages[n.adaptiveToolbarSortTitle]);return e.createElement(o.ActionSheet,{...d,ref:u,style:{"--kendo-actionsheet-view-current":1},onClose:t.onClose},e.createElement(o.ActionSheetView,null,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"},m)),e.createElement("div",{className:"k-actionsheet-actions"},e.createElement(c.Button,{type:"button",svgIcon:r.checkIcon,themeColor:"primary",onClick:t.onClose,fillMode:"flat"})))),e.createElement(o.ActionSheetContent,null,e.createElement("div",{className:"k-column-menu k-column-menu-lg"},e.createElement(h.GridColumnMenuItemGroup,null,t.filtered.map(l=>e.createElement(g.GridColumnMenuItem,{key:l.id,title:t.renderTitle(l),onClick:C=>t.handleSorting(C,l)}))))),e.createElement(o.ActionSheetFooter,null,e.createElement("div",{className:"k-actions k-actions-stretched"},e.createElement(c.Button,{svgIcon:r.xIcon,onClick:t.onClear,size:"large",disabled:t.isDisabledButton},i.toLanguageString(n.sortClearButton,n.messages[n.sortClearButton])),e.createElement(c.Button,{svgIcon:r.checkIcon,themeColor:"primary",size:"large",onClick:t.onClose},i.toLanguageString(n.sortApplyButton,n.messages[n.sortApplyButton]))))))};exports.GridAdaptiveToolbarSort=b;