{"version":3,"file":"SelectSort-Dci7Jis3.js","sources":["../../src/scripts/modules/react-modules/Listings/SelectSort.tsx"],"sourcesContent":["import React from 'react';\nimport { SortOptions } from './types';\nimport {\n  Accordion,\n  AccordionContent,\n  AccordionItem,\n  AccordionTrigger\n} from '../../../components/react-components/Accordion';\ninterface OwnProps {\n  options:\n    | {\n        label: string;\n        value: string;\n      }[]\n    | null;\n  sort: string;\n  defaultValue: string;\n  setSort: (sort: SortOptions) => void;\n  isMobile: boolean;\n}\n\nconst SelectSort = ({ options, sort, setSort, isMobile }: OwnProps) => {\n  if (!options) {\n    return null;\n  }\n\n  if (isMobile) {\n    // we return a list of radio buttons withe the same options\n    return (\n      <div className=\"listing__facet accordion accordion--react\">\n        <Accordion type=\"single\" defaultValue={'event-1'} collapsible>\n          <AccordionItem value=\"event-1\">\n            <AccordionTrigger className={`${isMobile ? 'listing__mobile-facet' : ''}`}>\n              Sort By\n            </AccordionTrigger>\n            <AccordionContent>\n              {options.map(({ label, value }) => (\n                <div key={value} className=\"listing__sort__radio radio-container\">\n                  <input\n                    type=\"radio\"\n                    id={value}\n                    name=\"sort\"\n                    value={value}\n                    checked={sort === value}\n                    onChange={e => setSort(e.target.value as SortOptions)}\n                  />\n                  <span className=\"checkmark\"></span>\n                  <label className={`${sort === value ? 'label-selected' : ''}`} htmlFor={value}>\n                    {label}\n                  </label>\n                </div>\n              ))}\n            </AccordionContent>\n          </AccordionItem>\n        </Accordion>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"listing__facet listing__facet--borderless listing__sort\">\n      <label htmlFor=\"sort\" hidden>\n        {`Sort by`}\n      </label>\n      <select\n        id=\"sort\"\n        className=\"listing-input\"\n        onChange={e => setSort(e.target.value as SortOptions)}\n        value={sort}\n      >\n        {options.map(({ label, value }) => (\n          <option key={value} value={value}>\n            {label}\n          </option>\n        ))}\n      </select>\n    </div>\n  );\n};\n\nexport default SelectSort;\n"],"names":["SelectSort","options","sort","setSort","isMobile","React","Accordion","AccordionItem","AccordionTrigger","AccordionContent","label","value","e"],"mappings":"sGAqBA,MAAMA,EAAa,CAAC,CAAE,QAAAC,EAAS,KAAAC,EAAM,QAAAC,EAAS,SAAAC,KACvCH,EAIDG,kBAGC,MAAI,CAAA,UAAU,6CACZC,EAAA,cAAAC,EAAA,CAAU,KAAK,SAAS,aAAc,UAAW,YAAW,IAC1DD,EAAA,cAAAE,EAAA,CAAc,MAAM,SACnB,EAAAF,EAAA,cAACG,GAAiB,UAAW,GAAGJ,EAAW,wBAA0B,EAAE,EAAI,EAAA,SAE3E,EACCC,EAAA,cAAAI,EAAA,KACER,EAAQ,IAAI,CAAC,CAAE,MAAAS,EAAO,MAAAC,KACrBN,EAAA,cAAC,OAAI,IAAKM,EAAO,UAAU,sCACzB,EAAAN,EAAA,cAAC,QAAA,CACC,KAAK,QACL,GAAIM,EACJ,KAAK,OACL,MAAAA,EACA,QAAST,IAASS,EAClB,SAAUC,GAAKT,EAAQS,EAAE,OAAO,KAAoB,CAAA,CACtD,kBACC,OAAK,CAAA,UAAU,YAAY,EAC5BP,EAAA,cAAC,QAAM,CAAA,UAAW,GAAGH,IAASS,EAAQ,iBAAmB,EAAE,GAAI,QAASA,CACrE,EAAAD,CACH,CACF,CACD,CACH,CACF,CACF,CACF,EAKFL,EAAA,cAAC,MAAI,CAAA,UAAU,yDACb,EAAAA,EAAA,cAAC,QAAM,CAAA,QAAQ,OAAO,OAAM,EACzB,EAAA,SACH,EACAA,EAAA,cAAC,SAAA,CACC,GAAG,OACH,UAAU,gBACV,SAAUO,GAAKT,EAAQS,EAAE,OAAO,KAAoB,EACpD,MAAOV,CAAA,EAEND,EAAQ,IAAI,CAAC,CAAE,MAAAS,EAAO,MAAAC,CACrB,IAAAN,EAAA,cAAC,SAAO,CAAA,IAAKM,EAAO,MAAAA,CAAA,EACjBD,CACH,CACD,CAAA,CAEL,EArDO"}