{
  "version": 3,
  "sources": ["../../javascript/components/forms/InputField.tsx"],
  "sourcesContent": ["import React from \"react\"\n\ninterface InputFieldProps {\n  className?: string\n  htmlName: string\n  id: string\n  initialValue?: string\n  isRequired?: boolean\n  label: string\n  onChange(e: React.ChangeEvent<HTMLInputElement>): void\n  onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>\n  style?: string\n  type?: string\n  maxLength?: number\n}\n\nconst InputField: React.FC<InputFieldProps> = ({\n  className,\n  htmlName,\n  id,\n  initialValue,\n  isRequired,\n  label,\n  onChange,\n  onKeyDown,\n  style = \"full\",\n  type,\n  maxLength\n}) => {\n  const labelTag = () => {\n    if (label) {\n      return <label htmlFor={id}>{label}</label>\n    }\n  }\n\n  const classNames = [\"field-grouped\", `field-grouped--${style}`, className]\n\n  return (\n    <div className=\"field\">\n      <div className={classNames.join(\" \")} key={id}>\n        {labelTag()}\n        <input\n          defaultValue={initialValue || \"\"}\n          id={id}\n          key={id}\n          name={htmlName}\n          onChange={onChange}\n          onKeyDown={onKeyDown}\n          required={isRequired || false}\n          type={type || \"text\"}\n          maxLength={maxLength}\n        />\n      </div>\n    </div>\n  )\n}\n\nexport default InputField\n"],
  "mappings": "kHAAA,IAAAA,EAAkB,SAgBZC,EAAwC,CAAC,CAC7C,UAAAC,EACA,SAAAC,EACA,GAAAC,EACA,aAAAC,EACA,WAAAC,EACA,MAAAC,EACA,SAAAC,EACA,UAAAC,EACA,MAAAC,EAAQ,OACR,KAAAC,EACA,UAAAC,CACF,IAAM,CACJ,IAAMC,EAAW,IAAM,CACrB,GAAIN,EACF,OAAO,EAAAO,QAAA,cAAC,SAAM,QAASV,GAAKG,CAAM,CAEtC,EAEMQ,EAAa,CAAC,gBAAiB,kBAAkBL,IAASR,CAAS,EAEzE,OACE,EAAAY,QAAA,cAAC,OAAI,UAAU,SACb,EAAAA,QAAA,cAAC,OAAI,UAAWC,EAAW,KAAK,GAAG,EAAG,IAAKX,GACxCS,EAAS,EACV,EAAAC,QAAA,cAAC,SACC,aAAcT,GAAgB,GAC9B,GAAID,EACJ,IAAKA,EACL,KAAMD,EACN,SAAUK,EACV,UAAWC,EACX,SAAUH,GAAc,GACxB,KAAMK,GAAQ,OACd,UAAWC,EACb,CACF,CACF,CAEJ,EAEOI,EAAQf",
  "names": ["import_react", "InputField", "className", "htmlName", "id", "initialValue", "isRequired", "label", "onChange", "onKeyDown", "style", "type", "maxLength", "labelTag", "React", "classNames", "InputField_default"]
}