{"version":3,"file":"ParamsMappingFields.mjs","names":["React","Field","FluentTextFieldAutoComplete","useTranslation","makeStyles","Typography","FluentIcon","ChromeBackMirroredIcon","useStyles","theme","root","row","display","alignItems","iconContainer","marginLeft","spacing","marginRight","ParamsMappingFields","props","$","_c","paramMappings","paramOptions","propertyOptions","fieldWidth","propertyLabel","classes","t","t0","t1","item","initialPropertyValue","matchingMappingName","value","find","property","name","label","width","textOverflow","overflow","map"],"sources":["../../../src/dataBrowser/forms/ParamsMappingFields.jsx"],"sourcesContent":["import React from 'react';\nimport { Field } from '../../utilities/form';\nimport { FluentTextFieldAutoComplete } from '../../UI/inputs/textField/FluentTextFieldAutoComplete';\nimport { useTranslation } from 'react-i18next';\nimport { makeStyles, Typography } from '@material-ui/core';\nimport { FluentIcon } from '../../utilities/iconLibrary/FluentIcon';\nimport { ChromeBackMirroredIcon } from '@fluentui/react-icons';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {},\n  row: {\n    display: 'flex',\n    alignItems: 'center'\n  },\n  iconContainer: {\n    marginLeft: theme.spacing(1),\n    marginRight: theme.spacing(1)\n  }\n}));\n\nexport const ParamsMappingFields = (props) => {\n  const {\n    paramMappings,\n    paramOptions,\n    propertyOptions,\n    fieldWidth,\n    propertyLabel\n  } = props;\n  const classes = useStyles();\n  const { t } = useTranslation();\n\n  return paramOptions.map((item) => {\n    let initialPropertyValue = '';\n\n    const matchingMappingName = paramMappings?.[item.value];\n    if (matchingMappingName) {\n      initialPropertyValue = propertyOptions.find(\n        (property) => property.name === matchingMappingName\n      );\n    }\n\n    return (\n      <div className={classes.row}>\n        <Field\n          component={FluentTextFieldAutoComplete}\n          label={t(propertyLabel)}\n          name={`property-${item.label}`}\n          id={`property-${item.label}`}\n          fullWidth\n          variant='outlined'\n          margin='dense'\n          size='small'\n          options={propertyOptions || []}\n          optionKey={'name'}\n          style={{ width: fieldWidth }}\n          initialValue={initialPropertyValue}\n        />\n        <div className={classes.iconContainer}>\n          <FluentIcon component={ChromeBackMirroredIcon} size={20} customSize />\n        </div>\n        <Typography\n          variant='subtitle1'\n          style={{ textOverflow: 'ellipsis', overflow: 'hidden' }}\n        >\n          {item.label}\n        </Typography>\n      </div>\n    );\n  });\n};\n"],"mappings":";;;;;;;;;AAQA,MAAMQ,YAAYJ,YAAYK,WAAW;CACvCC,MAAM,EAAE;CACRC,KAAK;EACHC,SAAS;EACTC,YAAY;EACb;CACDC,eAAe;EACbC,YAAYN,MAAMO,QAAQ,EAAE;EAC5BC,aAAaR,MAAMO,QAAQ,EAAC;EAC9B;CACD,EAAE;AAEH,MAAaE,uBAAsBC,UAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CACjC,MAAA,EAAAC,eAAAC,cAAAC,iBAAAC,YAAAC,kBAMIP;CACJ,MAAAQ,UAAgBnB,WAAW;CAC3B,MAAA,EAAAoB,MAAczB,gBAAgB;CAAC,IAAA0B;AAAA,KAAAT,EAAA,OAAAO,WAAAP,EAAA,OAAAK,cAAAL,EAAA,OAAAE,iBAAAF,EAAA,OAAAG,gBAAAH,EAAA,OAAAM,iBAAAN,EAAA,OAAAI,mBAAAJ,EAAA,OAAAQ,GAAA;EAAA,IAAAE;AAAA,MAAAV,EAAA,OAAAO,WAAAP,EAAA,OAAAK,cAAAL,EAAA,QAAAE,iBAAAF,EAAA,QAAAM,iBAAAN,EAAA,QAAAI,mBAAAJ,EAAA,QAAAQ,GAAA;AAEPE,SAAAC,SAAA;IACtB,IAAAC,uBAA2B;IAE3B,MAAAC,sBAA4BX,gBAAgBS,KAAIG;AAChD,QAAID,oBACFD,wBAAuBR,gBAAeW,MACpCC,aAAcA,SAAQC,SAAUJ,oBACjC;AACF,WAGC,sBAAA,cAAA,OAAA,EAAgB,WAAAN,QAAOhB,KAwBjB,EAvBJ,sBAAA,cAAC,OAAD;KACaT,WAAAA;KACJ,OAAA0B,EAAEF,cAAa;KAChB,MAAA,YAAYK,KAAIO;KAClB,IAAA,YAAYP,KAAIO;KACpB,WAAA;KACQ,SAAA;KACD,QAAA;KACF,MAAA;KACI,SAAAd,mBAAA,EAAoB;KAClB,WAAA;KACJ,OAAA,EAAAe,OAASd,YAAW;KACbO,cAAAA;KAEhB,CAAA,EAAA,sBAAA,cAAA,OAAA,EAAgB,WAAAL,QAAOb,eAGvB,EAFE,sBAAA,cAAC,YAAD;KAAuBP,WAAAA;KAA8B,MAAA;KAAI,YAAA;KAC3D,CAAA,CACA,EAAA,sBAAA,cAAC,YAAD;KACU,SAAA;KACD,OAAA;MAAAiC,cAAgB;MAAUC,UAAY;MAAS;KAI1D,EAFKV,KAAIO,MAET,CAAM;;AAETlB,KAAA,KAAAO;AAAAP,KAAA,KAAAK;AAAAL,KAAA,MAAAE;AAAAF,KAAA,MAAAM;AAAAN,KAAA,MAAAI;AAAAJ,KAAA,MAAAQ;AAAAR,KAAA,MAAAU;QAAAA,MAAAV,EAAA;AArCMS,OAAAN,aAAYmB,IAAKZ,GAqCtB;AAAAV,IAAA,KAAAO;AAAAP,IAAA,KAAAK;AAAAL,IAAA,KAAAE;AAAAF,IAAA,KAAAG;AAAAH,IAAA,KAAAM;AAAAN,IAAA,KAAAI;AAAAJ,IAAA,KAAAQ;AAAAR,IAAA,KAAAS;OAAAA,MAAAT,EAAA;AAAA,QArCKS"}