{"version":3,"file":"dropdown.0xkTcJDAEE.js","sources":["../../../../src/molecules/forms/Dropdown.tsx"],"sourcesContent":["import { getModifiers } from '@helpers/functions';\nimport RequireJs from '@helpers/RequireJs';\nimport { DropdownModel } from '@_types/molecules';\nimport React from 'react';\nimport IconWithBg from '@atoms/icons/IconWithBg';\n\nconst Dropdown = (model: DropdownModel) => {\n  const { dropdownId, name, options, disableFirstChange, arrow } = model;\n  const styleModifiers = getModifiers(model, 'arjo-m-dropdown');\n  return (\n    <div className={styleModifiers} data-dropdown-id={dropdownId} data-name={name} data-disable-first-change={disableFirstChange}>\n      <div className=\"arjo-m-dropdown__label\">\n        <div className=\"arjo-m-dropdown__label-text\">{options[0].label}</div>\n\n        {arrow && <IconWithBg iconPath=\"/assets/images/icons.svg#arjo-ico-down-arrow\" styleModifier={['bg-pearl-s']} />}\n      </div>\n      <div className=\"arjo-m-dropdown__options\">\n        {options &&\n          options.map((item, index: number) => (\n            <React.Fragment key={`${dropdownId}-${name}-${index}`}>\n              <input\n                name={name}\n                className=\"arjo-m-dropdown__options-input\"\n                type=\"radio\"\n                value={item.value || undefined}\n                defaultChecked={!!item.checked}\n                id={`${dropdownId}-${name}-${index}`}\n                data-label={item.label}\n                data-tracking-label={item.trackingLabel}\n              />\n              <label\n                className=\"arjo-m-dropdown__options-label\"\n                htmlFor={`${dropdownId}-${name}-${index}`}\n                hidden={item.hidden}\n                title={item.label || ''}\n              >\n                {item.label}\n                {item.counter && (\n                  <span className=\"sum\">\n                    {' '}\n                    ({item.counter.count ?? 0}/{item.counter.total ?? 0})\n                  </span>\n                )}\n              </label>\n            </React.Fragment>\n          ))}\n      </div>\n      <RequireJs path=\"dropdown\" defer={false}></RequireJs>\n    </div>\n  );\n};\n\nexport { Dropdown };\nexport default Dropdown;\n"],"names":["Dropdown","model","dropdownId","name","options","disableFirstChange","arrow","styleModifiers","getModifiers","jsxs","jsx","IconWithBg","item","index","React","RequireJs"],"mappings":"qMAMM,MAAAA,EAAYC,GAAyB,CACzC,KAAM,CAAE,WAAAC,EAAY,KAAAC,EAAM,QAAAC,EAAS,mBAAAC,EAAoB,MAAAC,CAAU,EAAAL,EAC3DM,EAAiBC,EAAaP,EAAO,iBAAiB,EAE1D,OAAAQ,OAAC,OAAI,UAAWF,EAAgB,mBAAkBL,EAAY,YAAWC,EAAM,4BAA2BE,EACxG,SAAA,CAACI,EAAAA,KAAA,MAAA,CAAI,UAAU,yBACb,SAAA,CAAAC,MAAC,OAAI,UAAU,8BAA+B,SAAQN,EAAA,CAAC,EAAE,MAAM,EAE9DE,SAAUK,EAAW,CAAA,SAAS,+CAA+C,cAAe,CAAC,YAAY,EAAG,CAAA,EAC/G,EACCD,EAAA,IAAA,MAAA,CAAI,UAAU,2BACZ,SACCN,GAAAA,EAAQ,IAAI,CAACQ,EAAMC,IAChBJ,EAAAA,KAAAK,EAAM,SAAN,CACC,SAAA,CAAAJ,EAAA,IAAC,QAAA,CACC,KAAAP,EACA,UAAU,iCACV,KAAK,QACL,MAAOS,EAAK,OAAS,OACrB,eAAgB,CAAC,CAACA,EAAK,QACvB,GAAI,GAAGV,CAAU,IAAIC,CAAI,IAAIU,CAAK,GAClC,aAAYD,EAAK,MACjB,sBAAqBA,EAAK,aAAA,CAC5B,EACAH,EAAA,KAAC,QAAA,CACC,UAAU,iCACV,QAAS,GAAGP,CAAU,IAAIC,CAAI,IAAIU,CAAK,GACvC,OAAQD,EAAK,OACb,MAAOA,EAAK,OAAS,GAEpB,SAAA,CAAKA,EAAA,MACLA,EAAK,SACHH,OAAA,OAAA,CAAK,UAAU,MACb,SAAA,CAAA,IAAI,IACHG,EAAK,QAAQ,OAAS,EAAE,IAAEA,EAAK,QAAQ,OAAS,EAAE,GAAA,EACtD,CAAA,CAAA,CAEJ,CAAA,GAxBmB,GAAGV,CAAU,IAAIC,CAAI,IAAIU,CAAK,EAyBnD,CACD,EACL,EACCH,EAAA,IAAAK,EAAA,CAAU,KAAK,WAAW,MAAO,GAAO,CAC3C,CAAA,CAAA,CAEJ"}