{"version":3,"file":"postcode-box-f241d250.js","sources":["../../../../firstmile.widgets/src/components/form/PostcodeBox.tsx"],"sourcesContent":["import { ChangeEvent, forwardRef, useState } from \"react\";\nimport IconWithTooltip from \"../icon-with-tooltip/IconWithTooltip\";\nimport Svg from \"../svg/Svg\";\n\ninterface Props {\n  disabled?: boolean;\n  mainClass?: string;\n  maxLength?: number;\n  pattern?: string;\n  patternValidationText?: string;\n  placeholder?: string;\n  required?: boolean;\n  requiredValidationText?: string;\n  tooltip?: string;\n  value?: string;\n  isValid?: boolean;\n  errors?: string[];\n  onChange?: (value: string | undefined) => any;\n  onClick?: () => any;\n}\n\nconst TextBox = forwardRef<HTMLInputElement, Props>(\n  ({ disabled, mainClass, maxLength, pattern, placeholder, required, tooltip, value, isValid, errors, onChange, ...props }: Props, ref) => {\n    const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n      const postcode = event.target.value.toUpperCase();\n      if (onChange) {\n        onChange(postcode);\n      }\n    };\n\n    const inputClasses: string[] = [\"fm-m-postcode-box__input\", \"tfm\"];\n    if (tooltip) {\n      inputClasses.push(\"fm-m-postcode-box__input--has-tooltip\");\n    }\n    if ((!!value && !isValid) || (required && !value)) {\n      inputClasses.push(\"fm-m-postcode-box__input--has-error\");\n    }\n\n    return (\n      <div className={\"fm-m-postcode-box tfm\" + (mainClass ? \" \" + mainClass : \"\")}>\n        <div className=\"fm-m-postcode-box__content\">\n          <input\n            className={inputClasses.join(\" \")}\n            type=\"text\"\n            maxLength={maxLength}\n            value={value}\n            onChange={handleChange}\n            onClick={props.onClick}\n            placeholder={placeholder}\n            disabled={disabled}\n            ref={ref}\n          />\n\n          {((!!value && !isValid) || (required && !value)) && (\n            <Svg mainClass=\"fm-m-postcode-box__error-indicator\" iconPath=\"#warning\" viewBoxWidth={7} viewBoxHeight={7} width={26} height={26} />\n          )}\n          {tooltip && <IconWithTooltip mainClass=\"fm-m-postcode-box__tooltip\" text={tooltip} />}\n        </div>\n        {!!value && !!errors?.length && (\n          <div className=\"fm-m-postcode-box__errors\">\n            {errors.map((error, index) => (\n              <div key={index} className=\"fm-m-postcode-box__error\">\n                {error}\n              </div>\n            ))}\n          </div>\n        )}\n        {required && !value && !!errors?.length && (\n          <div className=\"fm-m-postcode-box__errors\">\n            <div className=\"fm-m-postcode-box__error\">{errors[0]}</div>\n          </div>\n        )}\n      </div>\n    );\n  }\n);\n\nexport default TextBox;\n"],"names":["TextBox","forwardRef","disabled","mainClass","maxLength","pattern","placeholder","required","tooltip","value","isValid","errors","onChange","props","ref","handleChange","event","postcode","target","toUpperCase","inputClasses","push","_jsxs","_jsx","join","onClick","Svg","IconWithTooltip","length","map","error","index"],"mappings":"oJAqBMA,MAAAA,EAAUC,qBACd,CAAC,CAAEC,SAAAA,EAAUC,UAAAA,EAAWC,UAAAA,EAAWC,QAAAA,EAASC,YAAAA,EAAaC,SAAAA,EAAUC,QAAAA,EAASC,MAAAA,EAAOC,QAAAA,EAASC,OAAAA,EAAQC,SAAAA,KAAaC,CAAhH,EAAgIC,IAAQ,CACjIC,MAAAA,EAAgBC,GAAyC,CAC7D,MAAMC,EAAWD,EAAME,OAAOT,MAAMU,YAApC,EACIP,GACFA,EAASK,CAAD,CACT,EAGGG,EAAyB,CAAC,2BAA4B,KAA7B,EAC/B,OAAIZ,GACFY,EAAaC,KAAK,uCAAlB,GAEG,CAAC,CAACZ,GAAS,CAACC,GAAaH,GAAY,CAACE,IACzCW,EAAaC,KAAK,qCAAlB,IAIA,MAAA,CAAK,UAAW,yBAA2BlB,EAAY,IAAMA,EAAY,IAAzE,SACE,CAAAmB,EAAA,MAAA,CAAK,UAAU,6BAAf,SACE,CAAAC,EAAA,QAAA,CACE,UAAWH,EAAaI,KAAK,GAAlB,EACX,KAAK,OACL,UAAApB,EACA,MAAAK,EACA,SAAUM,EACV,QAASF,EAAMY,QACf,YAAAnB,EACA,SAAAJ,EACA,IAAAY,CAAA,CATF,GAYG,CAAC,CAACL,GAAS,CAACC,GAAaH,GAAY,CAACE,IACvCc,EAACG,EAAD,CAAK,UAAU,qCAAqC,SAAS,WAAW,aAAc,EAAG,cAAe,EAAG,MAAO,GAAI,OAAQ,EAAA,CAA9H,EAEDlB,GAAWe,EAACI,EAAD,CAAiB,UAAU,6BAA6B,KAAMnB,CAAAA,CAhB5E,CAAA,CAAA,CADF,EAmBG,CAAC,CAACC,GAAS,CAAC,EAACE,GAAAA,MAAAA,EAAQiB,SACpBL,EAAA,MAAA,CAAK,UAAU,4BAAf,SACGZ,EAAOkB,IAAI,CAACC,EAAOC,MAClB,MAAA,CAAiB,UAAU,2BAA3B,SACGD,CADH,EAAUC,CAAV,CADD,CAAA,CArBP,EA4BGxB,GAAY,CAACE,GAAS,CAAC,EAACE,GAAAA,MAAAA,EAAQiB,SAC/BL,EAAA,MAAA,CAAK,UAAU,4BAAf,WACE,MAAA,CAAK,UAAU,2BAAf,SAA2CZ,EAAO,EAAA,CAAlD,CAAA,CA9BN,CAAA,CAAA,CADF,CAoCD,CArDuB"}