{"version":3,"file":"Filter-CMZforsT.js","sources":["../../../frontend/src/Utils/filters.ts","../../../frontend/src/Components/Dashboard/Tables/Filter.tsx"],"sourcesContent":["import { useSearchParams } from 'react-router-dom';\n\nexport const FILTER_QUESTION_PREFIX = 'question_';\n\n// Get the question option ids from the keys starting with 'question_' in the filter object\nexport const getQuestionOptionIds = () => {\n  const [searchParams] = useSearchParams();\n  const filter = JSON.parse(searchParams.get('filter') || '{}');\n\n  return Object.keys(filter)\n    .filter((key) => key.startsWith(FILTER_QUESTION_PREFIX))\n    .map((key) => filter[key])\n    .flat();\n};\n\n// Remove the keys starting with 'question_' from the filter object\nexport const removeQuestionFilter = (filter: any) => {\n  const newFilter = { ...filter };\n\n  Object.keys(filter).forEach((key) => {\n    if (key.startsWith(FILTER_QUESTION_PREFIX)) {\n      delete newFilter[key];\n    }\n  });\n\n  return newFilter;\n};\n\nexport const getFiltersValues = (searchQueryKey: string = 'filter') => {\n  const [searchParams] = useSearchParams();\n  const filter = JSON.parse(searchParams.get(searchQueryKey) || '{}');\n  const questionOptionIds = getQuestionOptionIds();\n  const cleanedFilter = removeQuestionFilter(filter);\n\n  return {\n    ...cleanedFilter,\n    question_option_ids: questionOptionIds,\n  };\n};\n\nexport const sortDirection = (sort: string | null) => (sort?.startsWith('-') ? 'desc' : 'asc');\n\nexport const toggleSortParamDirection = (direction: string, sortAttr: string) =>\n  direction === 'desc' ? sortAttr : `-${sortAttr}`;\n\nexport const isSortActive = (sort: string | null, paramName: string | null) => {\n  if (!sort || !paramName) {\n    return false;\n  }\n\n  return sort.includes(paramName);\n};\n","import React from 'react';\nimport { Checkbox, Autocomplete, TextField, Popper } from '@mui/material';\nimport { useSearchParams } from 'react-router-dom';\nimport { useIntl } from 'react-intl';\n\ninterface FilterProps {\n  name: string;\n  label: string;\n  items: any;\n  placeholder?: string | React.ReactNode;\n  blankOption?: boolean;\n  searchQueryKey?: string;\n}\n\nfunction Filter({\n  name,\n  label,\n  placeholder,\n  items,\n  blankOption,\n  searchQueryKey = 'filter',\n}: FilterProps) {\n  const intl = useIntl();\n  const [searchParams, setSearchParams] = useSearchParams();\n  const filter = JSON.parse(searchParams.get(searchQueryKey) || '{}');\n  const value = filter[name] || [];\n\n  items = blankOption\n    ? [...items, { value: 'blank', label: intl.formatMessage({ id: 'DASHBOARD.FILTERS.BLANK' }) }]\n    : items;\n\n  const onFilterUpdate = (key: string, filterValue: any) => {\n    // When updating a filter, we reset the page offset\n    searchParams.delete('page');\n    searchParams.set(searchQueryKey, JSON.stringify({ ...filter, [key]: filterValue }));\n    setSearchParams(searchParams);\n  };\n\n  const CustomPopper = (props: any) => {\n    return <Popper {...props} style={{ width: 'auto', minWidth: props.style.width }} />;\n  };\n\n  return (\n    <Autocomplete\n      multiple\n      disableCloseOnSelect\n      options={items}\n      disablePortal\n      slotProps={{ popper: { component: CustomPopper } }}\n      getOptionLabel={(option: any) => option.label}\n      value={items.filter((item: any) => value.includes(item.value))}\n      onChange={(_event: any, newValue: any) =>\n        onFilterUpdate(\n          name,\n          newValue.map((item: any) => item.value),\n        )\n      }\n      renderOption={(props, option, { selected }) => (\n        <li {...props}>\n          <Checkbox color=\"primary\" checked={selected} />\n          {option.label}\n        </li>\n      )}\n      renderInput={(params) => (\n        <TextField\n          {...params}\n          variant=\"outlined\"\n          label={label}\n          placeholder={placeholder as string}\n        />\n      )}\n      limitTags={1}\n    />\n  );\n}\n\nexport default Filter;\n"],"names":["FILTER_QUESTION_PREFIX","getQuestionOptionIds","_useSearchParams","useSearchParams","_useSearchParams2","_slicedToArray","searchParams","filter","JSON","parse","get","Object","keys","key","startsWith","map","flat","removeQuestionFilter","newFilter","_objectSpread","forEach","getFiltersValues","searchQueryKey","arguments","length","undefined","_useSearchParams3","_useSearchParams4","questionOptionIds","cleanedFilter","question_option_ids","sortDirection","sort","toggleSortParamDirection","direction","sortAttr","concat","isSortActive","paramName","includes","Filter","_ref","name","label","placeholder","items","blankOption","_ref$searchQueryKey","intl","useIntl","setSearchParams","value","_toConsumableArray","formatMessage","id","onFilterUpdate","filterValue","set","stringify","_defineProperty","CustomPopper","props","createElement","Popper","_extends","style","width","minWidth","React","Autocomplete","multiple","disableCloseOnSelect","options","disablePortal","slotProps","popper","component","getOptionLabel","option","item","onChange","_event","newValue","renderOption","_ref2","selected","Checkbox","color","checked","renderInput","params","TextField","variant","limitTags"],"mappings":"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"}