{"version":3,"file":"index24.cjs","sources":["../src/components/input/search-field/index.tsx"],"sourcesContent":["import { FunctionComponent, ReactNode, useState } from \"react\";\nimport TextFieldAtom from \"../../../atoms/textfield\";\nimport {\n  LabelPairedCircleXmarkSmFillIcon,\n  LabelPairedSearchSmBoldIcon,\n} from \"@deriv/quill-icons\";\nimport { hasInputValue } from \"../../../helpers\";\n\nexport type SearchFieldType = {\n  id?: string;\n  name?: string;\n  className?: string;\n  label?: string;\n  placeholder?: string;\n  showCharacterCounter?: boolean;\n  message?: string;\n\n  /** Variant props */\n  indicator?: \"neutral\" | \"fail\" | \"success\";\n  state?: \"default\" | \"disabled\";\n  type?: \"outline\" | \"fill\";\n  size?: \"lg\" | \"md\" | \"sm\";\n  textAlignment?: \"left\" | \"center\";\n\n  /** Custom props */\n  iconLeft?: ReactNode;\n  iconRight?: ReactNode;\n  iconStatus?: ReactNode;\n  isRequired?: boolean;\n  optionalText?: string;\n  maxLength?: number;\n  value?: string | number;\n  onChange?: (value: string | number) => void;\n  inputType?: \"text\" | \"password\" | \"number\" | \"email\" | \"tel\" | \"url\";\n  messages?: {\n    text: string;\n    type: \"neutral\" | \"fail\" | \"success\";\n    icon?: ReactNode;\n  }[];\n};\n\nexport const SearchField: FunctionComponent<SearchFieldType> = (props) => {\n  const [value, setValue] = useState(props.value);\n  return (\n    <TextFieldAtom\n     labelLeft={props.label}\n      placeholder={\"Search\"}\n      {...props}\n      iconLeft={<LabelPairedSearchSmBoldIcon />}\n      iconRight={\n        hasInputValue(value) && (\n          <LabelPairedCircleXmarkSmFillIcon\n            className=\"quill-ui-next-pointer\"\n            onClick={() => {\n              setValue(\"\")\n              props.onChange?.(\"\")\n            }}\n          />\n        )\n      }\n      onChange={(e: string | number) => {\n        setValue(e);\n        props.onChange?.(e);\n      }}\n      variant=\"labelless\"\n      value={value}\n      showStatusIcon={false}\n    />\n  );\n};\n\nexport default SearchField;\n"],"names":["useState","jsx","TextFieldAtom","LabelPairedSearchSmBoldIcon","hasInputValue","LabelPairedCircleXmarkSmFillIcon"],"mappings":";;;;;;;AAyCa,MAAA,cAAkD,CAAC,UAAU;AACxE,QAAM,CAAC,OAAO,QAAQ,IAAIA,MAAAA,SAAS,MAAM,KAAK;AAE5C,SAAAC,2BAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACA,WAAW,MAAM;AAAA,MAChB,aAAa;AAAA,MACZ,GAAG;AAAA,MACJ,yCAAWC,WAA4B,6BAAA,EAAA;AAAA,MACvC,WACEC,SAAAA,cAAc,KAAK,KACjBH,2BAAA;AAAA,QAACI,WAAA;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,SAAS,MAAM;;AACb,qBAAS,EAAE;AACX,wBAAM,aAAN,+BAAiB;AAAA,UAAE;AAAA,QACrB;AAAA,MACF;AAAA,MAGJ,UAAU,CAAC,MAAuB;;AAChC,iBAAS,CAAC;AACV,oBAAM,aAAN,+BAAiB;AAAA,MACnB;AAAA,MACA,SAAQ;AAAA,MACR;AAAA,MACA,gBAAgB;AAAA,IAAA;AAAA,EAClB;AAEJ;;;"}