dgz-ui-shared
Version:
Custom ui library using React.js, Shadcn/ui, TailwindCSS, Typescript, dgz-ui library
2 lines (1 loc) • 1.18 kB
JavaScript
;Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("../../FilterWrapper-CVM-n8tz.cjs"),r=require("../../jsx-runtime-DUiatUiq.cjs"),u=require("react"),c=require("../../radio-group-CqPTye2U-CXc2TUFE.cjs"),l=require("../../button-Bp2lHjov-D9UnCnYX.cjs"),p=require("../../index-Vhq7CMrm.cjs"),d=require("../../lodash-C5w_OPmE.cjs"),x=require("../../Keyboard-kyPAAQWP.cjs"),h=require("../../useTranslation-CZf20ucv.cjs"),y=({placeholder:t,onSearchChange:s})=>{const{t:i}=h.useTranslation(),[o,a]=u.useState("");return r.jsxRuntimeExports.jsxs("div",{className:"relative my-2 w-full",children:[r.jsxRuntimeExports.jsx(c.yl,{placeholder:t||i("Type text and press CTRL + Enter"),onInput:e=>a(d.lodashExports.get(e,"target.value","")),onKeyUp:e=>{e.key===x.Keyboard.ENTER&&(e.ctrlKey&&s(o||void 0),e.stopPropagation(),e.preventDefault())}}),r.jsxRuntimeExports.jsx(l.u,{type:"button",variant:"ghost",className:"text-foreground absolute top-0 right-0 cursor-pointer rounded-md !bg-transparent",onClick:()=>s(o),children:r.jsxRuntimeExports.jsx(p.pv,{})})]})};exports.FilterWrapper=n.FilterWrapper;exports.Search=n.Search;exports.SearchWithCtrl=y;