dgz-ui-shared
Version:
Custom ui library using React.js, Shadcn/ui, TailwindCSS, Typescript, dgz-ui library
2 lines (1 loc) • 1.25 kB
JavaScript
;Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("../../FilterWrapper-DvNjUQih.cjs"),t=require("../../jsx-runtime-h4oGeKUK.cjs"),c=require("react"),p=require("../../input-mask-DBLFIvhN-C_0RAR2l.cjs"),l=require("../../button-CdZDBhmr-3yMPCRDo.cjs"),d=require("../../index-CGv7FLNy.cjs"),x=require("../../lodash-C5w_OPmE.cjs"),h=require("../../Keyboard-kyPAAQWP.cjs"),m=require("../../utils-B6fNqzRf-BNysSCt9.cjs"),q=require("../../useTranslation-CZf20ucv.cjs"),y=({placeholder:r,onSearchChange:s,className:i})=>{const{t:a}=q.useTranslation(),[o,u]=c.useState("");return t.jsxRuntimeExports.jsxs("div",{className:m.mo("relative my-2 w-full",i),children:[t.jsxRuntimeExports.jsx(p.yp,{placeholder:r||a("Type text and press CTRL + Enter"),onInput:e=>u(x.lodashExports.get(e,"target.value","")),onKeyUp:e=>{e.key===h.Keyboard.ENTER&&(e.ctrlKey&&s(o||void 0),e.stopPropagation(),e.preventDefault())}}),t.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:t.jsxRuntimeExports.jsx(d.pv,{})})]})};exports.FilterWrapper=n.FilterWrapper;exports.Search=n.Search;exports.SearchWithCtrl=y;