@korautils/forms/dist/InputPassword-OTTOFMCL.mjs.map


{"version":3,"sources":["../src/modules/core/components/shared/Forms/InputPassword/index.tsx"],"names":["InputPassword","forwardRef","className","label","size","placeholder","helperText","error","props","ref","showPassword","setShowPassword","React","jsx","TextField","InputAdornment","IconButton","show","event","Visibility","VisibilityOff","InputPassword_default"],"mappings":"gMAkBA,IAAMA,CAAiCC,CAAAA,UAAAA,CACrC,CACE,CAAE,SAAAC,CAAAA,CAAAA,CAAW,KAAAC,CAAAA,CAAAA,CAAO,IAAAC,CAAAA,CAAAA,CAAM,WAAAC,CAAAA,CAAAA,CAAa,UAAAC,CAAAA,CAAAA,CAAY,KAAAC,CAAAA,CAAAA,CAAO,GAAGC,CAAM,CACnEC,CAAAA,CAAAA,GACG,CACH,GAAM,CAACC,CAAAA,CAAcC,CAAe,CAAA,CAAIC,CAAM,CAAA,QAAA,CAAS,CAAK,CAAA,CAAA,CAU5D,OACEC,GAAAA,CAACC,SAAA,CAAA,CACE,GAAGN,CAAAA,CACJ,KAAOL,CAAAA,CAAAA,CACP,IAAMO,CAAAA,CAAAA,CAAe,MAAS,CAAA,UAAA,CAC9B,IAAMN,CAAAA,CAAAA,CACN,WAAaC,CAAAA,CAAAA,CACb,KAAOE,CAAAA,CAAAA,CACP,UAAYD,CAAAA,CAAAA,CACZ,UAAY,CAAA,CACV,YACEO,CAAAA,GAAAA,CAACE,cAAA,CAAA,CAAe,QAAS,CAAA,KAAA,CACvB,QAAAF,CAAAA,GAAAA,CAACG,UAAA,CAAA,CACC,YAAW,CAAA,4BAAA,CACX,OAtBoB,CAAA,IAAML,CAAiBM,CAAAA,CAAAA,EAAS,CAACA,CAAI,CAuBzD,CAAA,WAAA,CApBVC,CACG,EAAA,CACHA,CAAM,CAAA,cAAA,GACR,CAAA,CAkBY,IAAK,CAAA,KAAA,CAEJ,QAAAR,CAAAA,CAAAA,CAAeG,GAACM,CAAAA,UAAAA,CAAA,EAAW,CAAA,CAAKN,GAACO,CAAAA,aAAAA,CAAA,EAAc,CAAA,CAClD,CACF,CAAA,CAEJ,CACA,CAAA,QAAA,CAAUX,CACZ,CAAA,CAEJ,CACF,CAAA,CAEAT,CAAc,CAAA,WAAA,CAAc,eAE5B,CAAA,IAAOqB,CAAQrB,CAAAA","file":"InputPassword-OTTOFMCL.mjs","sourcesContent":["import React, { forwardRef } from 'react'\nimport { IconButton, InputAdornment, TextField } from '@mui/material'\nimport { SIZES } from '@/modules/core/components/shared/Types/types'\nimport { Visibility, VisibilityOff } from '@mui/icons-material'\n\ninterface Props {\n  className?: string\n  size?: SIZES\n  label?: string\n  value?: string\n  onChange?: any\n  helperText?: string\n  placeholder?: string\n  error?: boolean\n  fullWidth?: boolean\n  color?: any\n}\n\nconst InputPassword: React.FC<Props> = forwardRef<any, Props>(\n  (\n    { className, label, size, placeholder, helperText, error, ...props },\n    ref\n  ) => {\n    const [showPassword, setShowPassword] = React.useState(false)\n\n    const handleClickShowPassword = () => setShowPassword((show) => !show)\n\n    const handleMouseDownPassword = (\n      event: React.MouseEvent<HTMLButtonElement>\n    ) => {\n      event.preventDefault()\n    }\n\n    return (\n      <TextField\n        {...props}\n        label={label}\n        type={showPassword ? 'text' : 'password'}\n        size={size}\n        placeholder={placeholder}\n        error={error}\n        helperText={helperText}\n        InputProps={{\n          endAdornment: (\n            <InputAdornment position='end'>\n              <IconButton\n                aria-label='toggle password visibility'\n                onClick={handleClickShowPassword}\n                onMouseDown={handleMouseDownPassword}\n                edge='end'\n              >\n                {showPassword ? <Visibility /> : <VisibilityOff />}\n              </IconButton>\n            </InputAdornment>\n          ),\n        }}\n        inputRef={ref}\n      />\n    )\n  }\n)\n\nInputPassword.displayName = 'InputPassword'\n\nexport default InputPassword\n"]}