{"version":3,"file":"textbox-aef6ce66.js","sources":["../../../../firstmile.widgets/src/components/form/Textbox.tsx"],"sourcesContent":["import { BasedModel, getModifiers } from '@src/helpers/getModifiers';\nimport { FC, FormEventHandler, useState } from 'react';\nimport IconWithTooltip, { IconWithTooltipModel } from '../icon-with-tooltip/IconWithTooltip';\n\nexport interface TextboxModel extends BasedModel {\n  type: 'textbox';\n  hasError?: boolean;\n  placeholder?: string;\n  name?: string;\n  label?: string;\n  message?: string;\n  handleInput?: FormEventHandler<HTMLInputElement>;\n  value: string;\n  defaultValue: string;\n  extraClassname?: string;\n\n  passwordInputSetting?: {\n    showLabel: string;\n    hideLabel: string;\n  };\n  isDisabled?: boolean;\n  autocompleted?: string;\n  tooltip?: IconWithTooltipModel;\n}\n\nexport const Textbox: FC<TextboxModel> = (props) => {\n  const styleModifiers = getModifiers(props, 'fm-o-textbox');\n  const [show, setShow] = useState(!props.passwordInputSetting ? true : false);\n  const handleToggleClick = () => setShow(!show);\n  return (\n    <div\n      className={`${styleModifiers} ${props.tooltip ? 'fm-o-textbox--tooltip' : ''} ${props.hasError ? 'fm-o-textbox--error' : ''} ${props.isDisabled ? 'fm-o-textbox--disabled' : ''} ${\n        props.extraClassname ?? ''\n      }`}\n    >\n      <div className=\"fm-o-textbox__main\">\n        <input\n          name={props.name}\n          className=\"fm-o-textbox__input tfm\"\n          placeholder={props.placeholder}\n          onInput={props.handleInput}\n          value={props.value}\n          disabled={props.isDisabled}\n          autoComplete={props.autocompleted}\n          type={props.passwordInputSetting && !show ? 'password' : undefined}\n        ></input>\n\n        {props.label && <label className=\"fm-o-textbox__label\">{props.label}</label>}\n\n        {props.passwordInputSetting && (\n          <label className=\"fm-o-textbox__toggle\" onClick={handleToggleClick}>\n            {show ? props.passwordInputSetting.hideLabel : props.passwordInputSetting.showLabel}\n          </label>\n        )}\n\n        {props.tooltip && !props.hasError && (\n          <div className=\"fm-o-textbox__tooltip\">\n            <IconWithTooltip {...props.tooltip} />\n          </div>\n        )}\n      </div>\n\n      <span className=\"fm-o-textbox__message\">{props.message ?? ''}</span>\n    </div>\n  );\n};\n"],"names":["Textbox","props","styleModifiers","getModifiers","show","setShow","useState","passwordInputSetting","handleToggleClick","tooltip","hasError","isDisabled","extraClassname","_jsxs","_jsx","name","placeholder","handleInput","value","autocompleted","undefined","label","hideLabel","showLabel","IconWithTooltip","message"],"mappings":"oJAyBO,MAAMA,EAAuCC,GAAA,SAC5CC,MAAAA,EAAiBC,EAAaF,EAAO,cAAR,EAC7B,CAACG,EAAMC,CAAP,EAAkBC,mBAAUL,CAAAA,EAAMM,oBAAR,EAC1BC,EAAoB,IAAMH,EAAQ,CAACD,CAAF,EACvC,SACE,MAAA,CACE,UAAY,GAAEF,KAAkBD,EAAMQ,QAAU,wBAA0B,MAAMR,EAAMS,SAAW,sBAAwB,MAAMT,EAAMU,WAAa,yBAA2B,OAC3KV,EAAAA,EAAMW,iBAANX,KAAAA,EAAwB,KAF5B,SAKE,CAAAY,EAAA,MAAA,CAAK,UAAU,qBAAf,SACE,CAAAC,EAAA,QAAA,CACE,KAAMb,EAAMc,KACZ,UAAU,0BACV,YAAad,EAAMe,YACnB,QAASf,EAAMgB,YACf,MAAOhB,EAAMiB,MACb,SAAUjB,EAAMU,WAChB,aAAcV,EAAMkB,cACpB,KAAMlB,EAAMM,sBAAwB,CAACH,EAAO,WAAagB,MAR3D,CAAA,EAWCnB,EAAMoB,SAAS,QAAA,CAAO,UAAU,sBAAjB,SAAwCpB,EAAMoB,KAA9C,CAAA,EAEfpB,EAAMM,wBACL,QAAA,CAAO,UAAU,uBAAuB,QAASC,EAAjD,SACGJ,EAAOH,EAAMM,qBAAqBe,UAAYrB,EAAMM,qBAAqBgB,SAAAA,CAhBhF,EAoBGtB,EAAMQ,SAAW,CAACR,EAAMS,YACvB,MAAA,CAAK,UAAU,wBAAf,WACGc,EAAoBvB,CAAAA,GAAAA,EAAMQ,OAAAA,CAA3B,CAAA,CAtBN,CAAA,CAAA,CAAA,EA2BAK,EAAA,OAAA,CAAM,UAAU,wBAAhB,UAAyCb,EAAAA,EAAMwB,UAANxB,KAAAA,EAAiB,EAAA,CAhC5D,CAAA,CAAA,CADF,CAoCD"}