{
  "version": 3,
  "sources": ["../javascripts/components/search/pagination.tsx", "../javascripts/components/search/sort-options.tsx"],
  "sourcesContent": ["import React from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport type { Page } from '../../@types/ElasticSearchResponse';\n\ninterface PaginationProps {\n  pages?: Page[] | null;\n  onApplyPage: (query: string) => void;\n}\n\nconst Pagination = ({ pages, onApplyPage }: PaginationProps) => {\n  const { t } = useTranslation(['search']);\n\n  if (!pages?.length) {\n    return null;\n  }\n\n  let prevPage: Page | null = null;\n  let nextPage: Page | null = null;\n\n  for (let i = 0; i < pages.length; i++) {\n    if (i > 0 && pages[i].selected) {\n      prevPage = pages[i - 1];\n    }\n    if (i < pages.length - 1 && pages[i].selected) {\n      nextPage = pages[i + 1];\n    }\n  }\n\n  let prev = (\n    <div className=\"pagination-prev-container\">\n      <button\n        type=\"button\"\n        className=\"pagination-step is-disabled\"\n        aria-label={t('goToPreviousPage', { ns: 'search' })}\n      >\n        <div data-am-icon=\"primary hover\">\n          <i className=\"icon-chevron-left\" />\n        </div>\n      </button>\n    </div>\n  );\n\n  let next = (\n    <div className=\"pagination-next-container\">\n      <button\n        type=\"button\"\n        className=\"pagination-step is-disabled\"\n        aria-label={t('goToNextPage', { ns: 'search' })}\n      >\n        <div data-am-icon=\"primary hover\">\n          <i className=\"icon-chevron-right\" />\n        </div>\n      </button>\n    </div>\n  );\n\n  if (prevPage) {\n    prev = (\n      <div className=\"pagination-prev-container\">\n        <button\n          type=\"button\"\n          className=\"pagination-step\"\n          onClick={() => onApplyPage(prevPage?.query || '')}\n          aria-label={t('goToPreviousPage', { ns: 'search' })}\n        >\n          <div data-am-icon=\"primary hover\">\n            <i className=\"icon-chevron-left\" />\n          </div>\n        </button>\n      </div>\n    );\n  }\n  if (nextPage) {\n    next = (\n      <div className=\"pagination-next-container\">\n        <button\n          type=\"button\"\n          className=\"pagination-step\"\n          onClick={() => onApplyPage(nextPage?.query || '')}\n          aria-label={t('goToNextPage', { ns: 'search' })}\n        >\n          <div data-am-icon=\"primary hover\">\n            <i className=\"icon-chevron-right\" />\n          </div>\n        </button>\n      </div>\n    );\n  }\n\n  return (\n    <div data-am-pagination>\n      {prev}\n      {next}\n      <ul className=\"pagination-list\">\n        {pages.map((page) => (\n          <li\n            className={page.selected ? 'pagination-item is-active' : 'pagination-item'}\n            key={page.query}\n          >\n            <button\n              type=\"button\"\n              className=\"pagination-btn\"\n              onClick={() => onApplyPage(page.query)}\n              title={t('pageIndex', { ns: 'search', index: page.displayName })}\n              aria-label={t('goToPageX', { ns: 'search', index: page.displayName })}\n            >\n              {page.displayName}\n            </button>\n          </li>\n        ))}\n      </ul>\n    </div>\n  );\n};\n\nexport default Pagination;\n", "import React from 'react';\n\ninterface SortOptionModel {\n  query: string;\n  displayName: string;\n  selected?: boolean;\n}\n\ninterface SortOptionProps {\n  option: SortOptionModel;\n}\n\nconst SortOption = ({ option }: SortOptionProps) => (\n  <option value={option.query}>Sortera p\u00E5 {option.displayName}</option>\n);\n\ninterface SortOptionsProps {\n  sortOptions?: SortOptionModel[];\n  onApplySort: (value: string) => void;\n}\n\nconst SortOptions = ({ sortOptions = [], onApplySort }: SortOptionsProps) => {\n  const currentSort = sortOptions.find((so) => so.selected);\n\n  const onChange = (e: React.ChangeEvent<HTMLSelectElement>) => onApplySort(e.currentTarget.value);\n\n  return (\n    <div data-am-select=\"thin inline\">\n      <select className=\"select\" value={currentSort?.query || ''} onChange={onChange}>\n        {sortOptions.map((sortOption) => (\n          <SortOption key={sortOption.query} option={sortOption} />\n        ))}\n      </select>\n    </div>\n  );\n};\n\nexport default SortOptions;\n"],
  "mappings": "gGAAA,IAAAA,EAAkB,SAUlB,IAAMC,EAAa,CAAC,CAAE,MAAAC,EAAO,YAAAC,CAAY,IAAuB,CAC9D,GAAM,CAAE,EAAAC,CAAE,EAAIC,EAAe,CAAC,QAAQ,CAAC,EAEvC,GAAI,CAACH,GAAO,OACV,OAAO,KAGT,IAAII,EAAwB,KACxBC,EAAwB,KAE5B,QAASC,EAAI,EAAGA,EAAIN,EAAM,OAAQM,IAC5BA,EAAI,GAAKN,EAAMM,CAAC,EAAE,WACpBF,EAAWJ,EAAMM,EAAI,CAAC,GAEpBA,EAAIN,EAAM,OAAS,GAAKA,EAAMM,CAAC,EAAE,WACnCD,EAAWL,EAAMM,EAAI,CAAC,GAI1B,IAAIC,EACF,EAAAC,QAAA,cAAC,OAAI,UAAU,6BACb,EAAAA,QAAA,cAAC,UACC,KAAK,SACL,UAAU,8BACV,aAAYN,EAAE,mBAAoB,CAAE,GAAI,QAAS,CAAC,GAElD,EAAAM,QAAA,cAAC,OAAI,eAAa,iBAChB,EAAAA,QAAA,cAAC,KAAE,UAAU,oBAAoB,CACnC,CACF,CACF,EAGEC,EACF,EAAAD,QAAA,cAAC,OAAI,UAAU,6BACb,EAAAA,QAAA,cAAC,UACC,KAAK,SACL,UAAU,8BACV,aAAYN,EAAE,eAAgB,CAAE,GAAI,QAAS,CAAC,GAE9C,EAAAM,QAAA,cAAC,OAAI,eAAa,iBAChB,EAAAA,QAAA,cAAC,KAAE,UAAU,qBAAqB,CACpC,CACF,CACF,EAGF,OAAIJ,IACFG,EACE,EAAAC,QAAA,cAAC,OAAI,UAAU,6BACb,EAAAA,QAAA,cAAC,UACC,KAAK,SACL,UAAU,kBACV,QAAS,IAAMP,EAAYG,GAAU,OAAS,EAAE,EAChD,aAAYF,EAAE,mBAAoB,CAAE,GAAI,QAAS,CAAC,GAElD,EAAAM,QAAA,cAAC,OAAI,eAAa,iBAChB,EAAAA,QAAA,cAAC,KAAE,UAAU,oBAAoB,CACnC,CACF,CACF,GAGAH,IACFI,EACE,EAAAD,QAAA,cAAC,OAAI,UAAU,6BACb,EAAAA,QAAA,cAAC,UACC,KAAK,SACL,UAAU,kBACV,QAAS,IAAMP,EAAYI,GAAU,OAAS,EAAE,EAChD,aAAYH,EAAE,eAAgB,CAAE,GAAI,QAAS,CAAC,GAE9C,EAAAM,QAAA,cAAC,OAAI,eAAa,iBAChB,EAAAA,QAAA,cAAC,KAAE,UAAU,qBAAqB,CACpC,CACF,CACF,GAKF,EAAAA,QAAA,cAAC,OAAI,qBAAkB,IACpBD,EACAE,EACD,EAAAD,QAAA,cAAC,MAAG,UAAU,mBACXR,EAAM,IAAKU,GACV,EAAAF,QAAA,cAAC,MACC,UAAWE,EAAK,SAAW,4BAA8B,kBACzD,IAAKA,EAAK,OAEV,EAAAF,QAAA,cAAC,UACC,KAAK,SACL,UAAU,iBACV,QAAS,IAAMP,EAAYS,EAAK,KAAK,EACrC,MAAOR,EAAE,YAAa,CAAE,GAAI,SAAU,MAAOQ,EAAK,WAAY,CAAC,EAC/D,aAAYR,EAAE,YAAa,CAAE,GAAI,SAAU,MAAOQ,EAAK,WAAY,CAAC,GAEnEA,EAAK,WACR,CACF,CACD,CACH,CACF,CAEJ,EAEOC,EAAQZ,ECpHf,IAAAa,EAAkB",
  "names": ["import_react", "Pagination", "pages", "onApplyPage", "t", "useTranslation", "prevPage", "nextPage", "i", "prev", "React", "next", "page", "pagination_default", "import_react"]
}