{"version":3,"file":"FPTilauksetSuodataTextBox.D17Chuwe.js","sources":["../../src/pages/frontPage/components/FPTilauksetSuodataTextBox.jsx"],"sourcesContent":["import { useState } from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport { IconButton, TextField, Tooltip } from \"@mui/material\";\r\nimport { UndoIcon } from \"src/components/icons/ActionIcons\";\r\n\r\nexport default function FPTilauksetSuodataTextBox(props) {\r\n  const disabled = props.disabled || false;\r\n  const [suodata, setSuodata] = useState(\"\");\r\n\r\n  const handleChange = (e) => {\r\n    setSuodata(e.target.value);\r\n    props.setSuodata(e.target.value);\r\n  };\r\n\r\n  const handleUndoClick = () => {\r\n    setSuodata(\"\");\r\n    props.setSuodata(\"\");\r\n  };\r\n\r\n  const handleKeyDown = (e) => {\r\n    if (e.key === \"Escape\") {\r\n      setSuodata(\"\");\r\n      props.setSuodata(\"\");\r\n    }\r\n  };\r\n\r\n  return (\r\n    <TextField\r\n      sx={{ width: \"100%\" }}\r\n      aria-label=\"Suodata / etsi\"\r\n      aria-describedby=\"outlined-basic_filter\"\r\n      disabled={disabled}\r\n      onKeyDown={handleKeyDown}\r\n      id=\"outlined-basic_filter\"\r\n      label=\"Suodata / etsi\"\r\n      variant=\"outlined\"\r\n      onChange={handleChange}\r\n      value={suodata}\r\n      autoComplete=\"off\"\r\n      type=\"text\"\r\n      inputProps={{\r\n        autoComplete: \"new-password\",\r\n        form: { autocomplete: \"off\" },\r\n        style: { fontSize: \"16px\", height: \"100%\", width: \"150px\" },\r\n      }}\r\n      InputProps={{\r\n        endAdornment: (\r\n          <div style={{ visibility: suodata.length > 0 ? \"inherit\" : \"hidden\" }}>\r\n            <Tooltip disableInteractive title=\"Tyhjennä\" placement=\"right\" arrow>\r\n              <IconButton onClick={handleUndoClick}>\r\n                <UndoIcon />\r\n              </IconButton>\r\n            </Tooltip>\r\n          </div>\r\n        ),\r\n      }}\r\n    />\r\n  );\r\n}\r\n\r\nFPTilauksetSuodataTextBox.propTypes = {\r\n  setSuodata: PropTypes.func.isRequired,\r\n  disabled: PropTypes.bool,\r\n};\r\n"],"names":["FPTilauksetSuodataTextBox","props","disabled","suodata","setSuodata","useState","jsx","TextField","sx","width","onKeyDown","e","key","id","label","variant","onChange","target","value","autoComplete","type","inputProps","form","autocomplete","style","fontSize","height","InputProps","endAdornment","visibility","length","children","Tooltip","disableInteractive","title","placement","arrow","IconButton","onClick","handleUndoClick","UndoIcon","propTypes","PropTypes","func","isRequired","bool"],"mappings":"+VAKA,SAAwBA,EAA0BC,GAC1CC,MAAAA,EAAWD,EAAMC,WAAY,GAC5BC,EAASC,GAAcC,EAAAA,SAAS,IAoBrC,OAAAC,EAACC,GACCC,GAAI,CAAEC,MAAO,QACb,aAAW,iBACX,mBAAiB,wBACjBP,WACAQ,UAbyBC,IACb,WAAVA,EAAEC,MACJR,EAAW,IACXH,EAAMG,WAAW,IAAE,EAWnBS,GAAG,wBACHC,MAAM,iBACNC,QAAQ,WACRC,SA3BwBL,IACfA,EAAAA,EAAEM,OAAOC,OACdd,EAAAA,WAAWO,EAAEM,OAAOC,MAAK,EA0B7BA,MAAOf,EACPgB,aAAa,MACbC,KAAK,OACLC,WAAY,CACVF,aAAc,eACdG,KAAM,CAAEC,aAAc,OACtBC,MAAO,CAAEC,SAAU,OAAQC,OAAQ,OAAQjB,MAAO,UAEpDkB,WAAY,CACVC,aACGtB,EAAA,MAAA,CAAIkB,MAAO,CAAEK,WAAY1B,EAAQ2B,OAAS,EAAI,UAAY,UACzDC,SAACzB,EAAA0B,EAAA,CAAQC,oBAAkB,EAACC,MAAM,WAAWC,UAAU,QAAQC,OAAK,EAClEL,SAACzB,EAAA+B,GAAWC,QAnCAC,KACtBnC,EAAW,IACXH,EAAMG,WAAW,GAAE,EAkCP2B,SAACzB,EAAAkC,EAAW,CAAA,WAQ5B,CAEAxC,EAA0ByC,UAAY,CACpCrC,WAAYsC,EAAUC,KAAKC,WAC3B1C,SAAUwC,EAAUG"}