openstack-uicore-foundation/lib/components/mui/search-input.js

ui reactjs components for openstack marketing site

!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define("openstack-uicore-foundation",[],t):"object"==typeof exports?exports["openstack-uicore-foundation"]=t():e["openstack-uicore-foundation"]=t()}(this,(()=>(()=>{"use strict";var e={3209:(e,t,r)=>{r.d(t,{wU:()=>o});const o=500},8619:e=>{e.exports=require("@mui/material")},1429:e=>{e.exports=require("lodash/debounce")},2015:e=>{e.exports=require("react")}},t={};function r(o){var n=t[o];if(void 0!==n)return n.exports;var a=t[o]={exports:{}};return e[o](a,a.exports,r),a.exports}(()=>{r.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return r.d(t,{a:t}),t}})(),(()=>{r.d=(e,t)=>{for(var o in t)r.o(t,o)&&!r.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})}})(),(()=>{r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t)})(),(()=>{r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}})();var o={};r.r(o),r.d(o,{default:()=>m});var n=r(2015),a=r.n(n),u=r(8619);const c=require("@mui/icons-material/Search");var i=r.n(c);const l=require("@mui/icons-material/Cancel");var d=r.n(l),s=r(1429),p=r.n(s),f=r(3209);const m=({term:e,onSearch:t,placeholder:r="Search...",debounced:o})=>{const[c,l]=(0,n.useState)(e),s=(0,n.useRef)(t);(0,n.useEffect)((()=>{s.current=t}),[t]);const m=(0,n.useRef)(p()((e=>s.current(e)),f.wU));(0,n.useEffect)((()=>{l(e||"")}),[e]),(0,n.useEffect)((()=>()=>{var e;return null===(e=m.current)||void 0===e?void 0:e.cancel()}),[]);return a().createElement(u.TextField,{variant:"outlined",value:c,placeholder:r,slotProps:{input:{startAdornment:a().createElement(u.InputAdornment,{position:"start"},a().createElement(i(),{sx:{color:"#0000008F"}})),endAdornment:a().createElement(u.InputAdornment,{position:"end"},c&&a().createElement(u.IconButton,{onClick:()=>{var e;null===(e=m.current)||void 0===e||e.cancel(),l(""),t("")},disableRipple:!0},a().createElement(d(),{sx:{color:"#0000008F"}})))}},onChange:e=>(e=>{var t;l(e),o&&(null===(t=m.current)||void 0===t||t.call(m,e))})(e.target.value),onKeyDown:e=>{o||"Enter"!==e.key||t(c)},fullWidth:!0,sx:{"& .MuiOutlinedInput-root":{height:"36px",paddingX:1}}})};return o})()));
//# sourceMappingURL=search-input.js.map