@progress/kendo-react-grid/GridSearchBox.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 strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("@progress/kendo-react-inputs"),h=require("react"),m=require("./utils/GridContext.js"),x=require("@progress/kendo-svg-icons"),i=require("@progress/kendo-react-common"),f=require("./GridState.js"),S=require("@progress/kendo-react-data-tools"),b=require("@progress/kendo-react-intl"),c=require("./messages/index.js");function C(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,o.get?o:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const r=C(h),q=e=>{const n=b.useLocalization(),t=r.useContext(m.GridContext),[o]=f.useGridState(),l=a=>{t.searchChange(a),e.onChange&&e.onChange.call(void 0,a)},u=S.getStringFromSearch(o.search),d=i.classNames("k-grid-search","k-searchbox",e.className),g=n.toLanguageString(c.searchboxPlaceholder,c.messages[c.searchboxPlaceholder]);return r.createElement(s.TextBox,{placeholder:g,value:u,prefix:()=>r.createElement(s.InputPrefix,{orientation:"horizontal"},r.createElement(i.SvgIcon,{icon:x.searchIcon})),...e,className:d,onChange:l})};exports.GridSearchBox=q;