dgz-ui-shared/dist/components/filters/index.cjs.js

Custom ui library using React.js, Shadcn/ui, TailwindCSS, Typescript, dgz-ui library

"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../../chunks/Search-kbkeTeSI.cjs.js"),t=require("react/jsx-runtime"),p=require("../../chunks/index-ClQFzqcq.cjs.js"),d=require("dgz-ui/button"),h=require("dgz-ui/form"),q=require("dgz-ui/utils"),y=require("../../chunks/MyInput-mL2G5h2s.cjs.js"),x=require("react"),b=require("react-i18next"),g=require("../../chunks/Keyboard-kyPAAQWP.cjs.js"),S=({placeholder:s,onSearchChange:r,className:i,inputProps:a,...c})=>{const{t:u}=b.useTranslation(),[n,l]=x.useState("");return t.jsxs("div",{...c,className:q.cn("relative w-full",i),children:[t.jsx(h.Input,{...a,placeholder:s||u("Type text and press CTRL + Enter"),onInput:e=>l(y.get(e,"target.value","")),onKeyUp:e=>{e.key===g.Keyboard.ENTER&&(e.ctrlKey&&r(n||void 0),e.stopPropagation(),e.preventDefault())}}),t.jsx(d.Button,{type:"button",variant:"ghost",className:"text-foreground absolute top-0 right-0 cursor-pointer rounded-md bg-transparent!",onClick:()=>r(n),children:t.jsx(p.pv,{})})]})};exports.FilterWrapper=o.FilterWrapper;exports.Search=o.Search;exports.SearchWithCtrl=S;
//# sourceMappingURL=index.cjs.js.map