@drodil/backstage-plugin-qeta-react 3.10.0 → 3.10.1

package/dist/components/FilterPanel/FilterPanel.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilterPanel.esm.js","sources":["../../../src/components/FilterPanel/FilterPanel.tsx"],"sourcesContent":["import React from 'react';\nimport IconButton from '@mui/material/IconButton';\nimport Tooltip from '@mui/material/Tooltip';\nimport Divider from '@mui/material/Divider';\nimport Box from '@mui/material/Box';\nimport Grid from '@mui/material/Grid';\nimport FormControl from '@mui/material/FormControl';\nimport FormControlLabel from '@mui/material/FormControlLabel';\nimport Radio from '@mui/material/Radio';\nimport RadioGroup from '@mui/material/RadioGroup';\nimport FormGroup from '@mui/material/FormGroup';\nimport FormLabel from '@mui/material/FormLabel';\nimport Checkbox from '@mui/material/Checkbox';\nimport { Entity, stringifyEntityRef } from '@backstage/catalog-model';\nimport { DateRangeFilter } from './DateRangeFilter';\nimport { PostType } from '@drodil/backstage-plugin-qeta-common';\nimport { useStyles, useTranslation } from '../../hooks';\nimport { EntitiesInput } from '../PostForm/EntitiesInput';\nimport { TagInput } from '../PostForm/TagInput';\nimport {\n  catalogApiRef,\n  useStarredEntities,\n} from '@backstage/plugin-catalog-react';\nimport { identityApiRef, useApi } from '@backstage/core-plugin-api';\nimport FiberManualRecordIcon from '@mui/icons-material/FiberManualRecord';\nimport AdjustIcon from '@mui/icons-material/Adjust';\n\nconst radioSelect = (value: string, label: string) => {\n  return (\n    <FormControlLabel\n      value={value}\n      control={<Radio size=\"small\" />}\n      label={label}\n    />\n  );\n};\n\nexport const filterKeys = [\n  'orderBy',\n  'order',\n  'noAnswers',\n  'noCorrectAnswer',\n  'noVotes',\n  'tags',\n  'dateRange',\n] as const;\nexport type FilterKey = (typeof filterKeys)[number];\n\nexport type Filters = {\n  order?: 'asc' | 'desc';\n  orderBy?: string;\n  searchQuery?: string;\n  entities?: string[];\n  entitiesRelation?: 'and' | 'or';\n  entity?: string;\n  tags?: string[];\n  tagsRelation?: 'and' | 'or';\n  dateRange?: string;\n};\n\nexport type PostFilters = Filters & {\n  orderBy?:\n    | 'rank'\n    | 'created'\n    | 'title'\n    | 'views'\n    | 'score'\n    | 'trend'\n    | 'answersCount'\n    | 'updated';\n  noAnswers?: 'true' | 'false';\n  noCorrectAnswer?: 'true' | 'false';\n  noVotes?: 'true' | 'false';\n  collectionId?: number;\n  type?: PostType;\n};\n\nexport type AnswerFilters = Filters & {\n  orderBy?: 'created' | 'score' | 'updated';\n  noVotes?: 'true' | 'false';\n  noCorrectAnswer?: 'true' | 'false';\n};\n\nexport type CollectionFilters = Filters & {\n  orderBy?: 'created' | 'title';\n};\n\nfunction isPostFilters(filters: Filters): filters is PostFilters {\n  return (filters as PostFilters).noAnswers !== undefined;\n}\n\nfunction isAnswerFilters(filters: Filters): filters is AnswerFilters {\n  return (\n    (filters as AnswerFilters).noVotes !== undefined &&\n    (filters as PostFilters).noAnswers === undefined\n  );\n}\n\nfunction isCollectionFilters(filters: Filters): filters is CollectionFilters {\n  return (filters as PostFilters).noAnswers === undefined;\n}\n\nexport type Change<T extends Filters> = {\n  key: keyof T;\n  value: string | string[];\n};\n\nexport interface FilterPanelProps<T extends Filters> {\n  onChange: (changes: Change<T> | Change<T>[]) => void;\n  filters: T;\n  showEntityFilter?: boolean;\n  showTagFilter?: boolean;\n  answerFilters?: boolean;\n  type?: PostType;\n}\n\nexport const FilterPanel = <T extends Filters>(props: FilterPanelProps<T>) => {\n  const {\n    onChange,\n    filters,\n    showEntityFilter = true,\n    showTagFilter = true,\n    type,\n  } = props;\n  const styles = useStyles();\n  const { t } = useTranslation();\n  const [entities, setEntities] = React.useState<Entity[] | undefined>(\n    undefined,\n  );\n  const [starredEntities, setStarredEntities] = React.useState(false);\n  const [ownedEntities, setOwnedEntities] = React.useState(false);\n  const starredEntitiesApi = useStarredEntities();\n  const catalogApi = useApi(catalogApiRef);\n  const identityApi = useApi(identityApiRef);\n\n  const handleChange = (event: {\n    target: {\n      value: string | string[];\n      type?: string;\n      name: string;\n      checked?: boolean;\n    };\n  }) => {\n    let value = event.target.value;\n    if (event.target.type === 'checkbox') {\n      value = event.target.checked ? 'true' : 'false';\n    }\n    onChange({ key: event.target.name as keyof T, value });\n  };\n\n  const handleStarredEntities = (checked: boolean) => {\n    setStarredEntities(checked);\n    setEntities([]);\n    if (checked) {\n      onChange({\n        key: 'entities',\n        value: [...starredEntitiesApi.starredEntities],\n      });\n    } else {\n      onChange({ key: 'entities', value: [] });\n    }\n  };\n\n  const handleOwnedEntities = (checked: boolean) => {\n    setOwnedEntities(checked);\n    setEntities([]);\n    if (checked) {\n      identityApi.getBackstageIdentity().then(identity => {\n        catalogApi\n          .getEntities({\n            filter: {\n              'spec.owner': identity.ownershipEntityRefs,\n            },\n            fields: ['kind', 'metadata.name', 'metadata.namespace'],\n          })\n          .then(data => {\n            const entityRefs = data.items.map(e => stringifyEntityRef(e));\n            onChange([\n              { key: 'entities', value: entityRefs },\n              { key: 'entitiesRelation', value: 'or' },\n            ]);\n          });\n      });\n    } else {\n      onChange([\n        { key: 'entities', value: [] },\n        { key: 'entitiesRelation', value: 'and' },\n      ]);\n    }\n  };\n\n  const postFilters = isPostFilters(filters);\n  const answerFilters = isAnswerFilters(filters);\n  const collectionFilters = isCollectionFilters(filters);\n\n  return (\n    <Box className={`qetaFilterPanel ${styles.filterPanel}`} marginTop={2}>\n      <Grid\n        container\n        spacing={4}\n        alignItems=\"stretch\"\n        justifyContent=\"space-evenly\"\n      >\n        {(postFilters || answerFilters) && (\n          <Grid item>\n            <FormGroup>\n              <FormLabel id=\"qeta-filter-quick\">\n                {t('filterPanel.quickFilters.label')}\n              </FormLabel>\n              {postFilters && type !== 'article' && (\n                <FormControlLabel\n                  control={\n                    <Checkbox\n                      size=\"small\"\n                      name=\"noAnswers\"\n                      onChange={handleChange}\n                      checked={filters.noAnswers === 'true'}\n                    />\n                  }\n                  label={t('filterPanel.noAnswers.label')}\n                />\n              )}\n              {(postFilters || answerFilters) && type !== 'article' && (\n                <FormControlLabel\n                  control={\n                    <Checkbox\n                      size=\"small\"\n                      name=\"noCorrectAnswer\"\n                      checked={filters.noCorrectAnswer === 'true'}\n                      onChange={handleChange}\n                    />\n                  }\n                  label={t('filterPanel.noCorrectAnswers.label')}\n                />\n              )}\n              {(postFilters || answerFilters) && (\n                <FormControlLabel\n                  control={\n                    <Checkbox\n                      size=\"small\"\n                      name=\"noVotes\"\n                      checked={filters.noVotes === 'true'}\n                      onChange={handleChange}\n                    />\n                  }\n                  label={t('filterPanel.noVotes.label')}\n                />\n              )}\n              {starredEntitiesApi.starredEntities.size > 0 && (\n                <FormControlLabel\n                  control={\n                    <Checkbox\n                      size=\"small\"\n                      name=\"starredEntities\"\n                      onChange={e => handleStarredEntities(e.target.checked)}\n                      checked={starredEntities}\n                    />\n                  }\n                  label={t('filterPanel.starredEntities.label')}\n                />\n              )}\n              <FormControlLabel\n                control={\n                  <Checkbox\n                    size=\"small\"\n                    name=\"ownedEntities\"\n                    onChange={e => handleOwnedEntities(e.target.checked)}\n                    checked={ownedEntities}\n                  />\n                }\n                label={t('filterPanel.ownedEntities.label')}\n              />\n            </FormGroup>\n          </Grid>\n        )}\n        <Grid item>\n          <FormControl>\n            <FormLabel id=\"qeta-filter-order-by\">\n              {t('filterPanel.orderBy.label')}\n            </FormLabel>\n            <RadioGroup\n              aria-labelledby=\"qeta-filter-order-by\"\n              name=\"orderBy\"\n              value={filters.orderBy}\n              onChange={handleChange}\n              style={{\n                display: 'grid',\n                gridTemplateColumns: '1fr 1fr',\n                gap: '0 1rem',\n              }}\n            >\n              {postFilters &&\n                filters.collectionId !== undefined &&\n                radioSelect('rank', t('filterPanel.orderBy.rank'))}\n              {radioSelect('created', t('filterPanel.orderBy.created'))}\n              {(postFilters || collectionFilters) &&\n                radioSelect('title', t('filterPanel.orderBy.title'))}\n              {postFilters &&\n                radioSelect('views', t('filterPanel.orderBy.views'))}\n              {(postFilters || answerFilters) &&\n                radioSelect('score', t('filterPanel.orderBy.score'))}\n              {postFilters &&\n                radioSelect('trend', t('filterPanel.orderBy.trend'))}\n              {postFilters &&\n                type !== 'article' &&\n                radioSelect('answersCount', t('filterPanel.orderBy.answers'))}\n              {(postFilters || answerFilters) &&\n                radioSelect('updated', t('filterPanel.orderBy.updated'))}\n            </RadioGroup>\n          </FormControl>\n        </Grid>\n        <Grid item>\n          <FormControl>\n            <FormLabel id=\"qeta-filter-order\">\n              {t('filterPanel.order.label')}\n            </FormLabel>\n            <RadioGroup\n              aria-labelledby=\"qeta-filter-order\"\n              name=\"order\"\n              value={filters.order}\n              onChange={handleChange}\n            >\n              {radioSelect('desc', t('filterPanel.order.desc'))}\n              {radioSelect('asc', t('filterPanel.order.asc'))}\n            </RadioGroup>\n          </FormControl>\n        </Grid>\n      </Grid>\n      <Box marginY=\"24px\">\n        <Divider />\n      </Box>\n      <Grid container alignItems=\"stretch\" justifyContent=\"space-evenly\">\n        <Grid item>\n          <DateRangeFilter\n            value={filters.dateRange}\n            onChange={val => onChange({ key: 'dateRange', value: val })}\n          />\n        </Grid>\n        {showEntityFilter && (\n          <Grid item>\n            <Grid container alignItems=\"center\">\n              <Grid item>\n                <EntitiesInput\n                  disabled={starredEntities || ownedEntities}\n                  style={{ minWidth: '200px' }}\n                  onChange={(newEntities?: Entity[]) => {\n                    const entityRefs = (newEntities ?? []).map(e =>\n                      stringifyEntityRef(e),\n                    );\n                    handleChange({\n                      target: { name: 'entities', value: entityRefs },\n                    });\n                    setEntities(newEntities);\n                  }}\n                  value={entities}\n                  useOnlyUsedEntities\n                  hideHelpText\n                />\n              </Grid>\n              {filters.entities && filters.entities?.length > 1 && (\n                <Grid item>\n                  <Tooltip\n                    title={\n                      filters.entitiesRelation === 'or'\n                        ? t('filterPanel.toggleEntityRelation.and')\n                        : t('filterPanel.toggleEntityRelation.or')\n                    }\n                  >\n                    <IconButton\n                      disabled={starredEntities || ownedEntities}\n                      onClick={() => {\n                        if (filters.entitiesRelation === 'or') {\n                          onChange({ key: 'entitiesRelation', value: 'and' });\n                        } else {\n                          onChange({ key: 'entitiesRelation', value: 'or' });\n                        }\n                      }}\n                      size=\"large\"\n                    >\n                      {filters.entitiesRelation === 'or' ? (\n                        <AdjustIcon />\n                      ) : (\n                        <FiberManualRecordIcon />\n                      )}\n                    </IconButton>\n                  </Tooltip>\n                </Grid>\n              )}\n            </Grid>\n          </Grid>\n        )}\n        {showTagFilter && (\n          <Grid item>\n            <Grid container alignItems=\"center\">\n              <Grid item>\n                <TagInput\n                  style={{ minWidth: '200px' }}\n                  onChange={(newTags: string[]) =>\n                    onChange({ key: 'tags', value: newTags })\n                  }\n                  value={filters.tags}\n                  hideHelpText\n                  allowCreate={false}\n                />\n              </Grid>\n              {filters.tags && filters.tags?.length > 1 && (\n                <Grid item>\n                  <Tooltip\n                    title={\n                      filters.tagsRelation === 'or'\n                        ? t('filterPanel.toggleTagRelation.and')\n                        : t('filterPanel.toggleTagRelation.or')\n                    }\n                  >\n                    <IconButton\n                      onClick={() => {\n                        if (filters.tagsRelation === 'or') {\n                          onChange({ key: 'tagsRelation', value: 'and' });\n                        } else {\n                          onChange({ key: 'tagsRelation', value: 'or' });\n                        }\n                      }}\n                      size=\"large\"\n                    >\n                      {filters.tagsRelation === 'or' ? (\n                        <AdjustIcon />\n                      ) : (\n                        <FiberManualRecordIcon />\n                      )}\n                    </IconButton>\n                  </Tooltip>\n                </Grid>\n              )}\n            </Grid>\n          </Grid>\n        )}\n      </Grid>\n    </Box>\n  );\n};\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"FilterPanel.esm.js","sources":["../../../src/components/FilterPanel/FilterPanel.tsx"],"sourcesContent":["import React from 'react';\nimport IconButton from '@mui/material/IconButton';\nimport Tooltip from '@mui/material/Tooltip';\nimport Divider from '@mui/material/Divider';\nimport Box from '@mui/material/Box';\nimport Grid from '@mui/material/Grid';\nimport FormControl from '@mui/material/FormControl';\nimport FormControlLabel from '@mui/material/FormControlLabel';\nimport Radio from '@mui/material/Radio';\nimport RadioGroup from '@mui/material/RadioGroup';\nimport FormGroup from '@mui/material/FormGroup';\nimport FormLabel from '@mui/material/FormLabel';\nimport Checkbox from '@mui/material/Checkbox';\nimport { Entity, stringifyEntityRef } from '@backstage/catalog-model';\nimport { DateRangeFilter } from './DateRangeFilter';\nimport { PostType } from '@drodil/backstage-plugin-qeta-common';\nimport { useTranslation } from '../../hooks';\nimport { EntitiesInput } from '../PostForm/EntitiesInput';\nimport { TagInput } from '../PostForm/TagInput';\nimport {\n  catalogApiRef,\n  useStarredEntities,\n} from '@backstage/plugin-catalog-react';\nimport { identityApiRef, useApi } from '@backstage/core-plugin-api';\nimport FiberManualRecordIcon from '@mui/icons-material/FiberManualRecord';\nimport AdjustIcon from '@mui/icons-material/Adjust';\n\nconst radioSelect = (value: string, label: string) => {\n  return (\n    <FormControlLabel\n      value={value}\n      control={<Radio size=\"small\" />}\n      label={label}\n    />\n  );\n};\n\nexport const filterKeys = [\n  'orderBy',\n  'order',\n  'noAnswers',\n  'noCorrectAnswer',\n  'noVotes',\n  'tags',\n  'dateRange',\n] as const;\nexport type FilterKey = (typeof filterKeys)[number];\n\nexport type Filters = {\n  order?: 'asc' | 'desc';\n  orderBy?: string;\n  searchQuery?: string;\n  entities?: string[];\n  entitiesRelation?: 'and' | 'or';\n  entity?: string;\n  tags?: string[];\n  tagsRelation?: 'and' | 'or';\n  dateRange?: string;\n};\n\nexport type PostFilters = Filters & {\n  orderBy?:\n    | 'rank'\n    | 'created'\n    | 'title'\n    | 'views'\n    | 'score'\n    | 'trend'\n    | 'answersCount'\n    | 'updated';\n  noAnswers?: 'true' | 'false';\n  noCorrectAnswer?: 'true' | 'false';\n  noVotes?: 'true' | 'false';\n  collectionId?: number;\n  type?: PostType;\n};\n\nexport type AnswerFilters = Filters & {\n  orderBy?: 'created' | 'score' | 'updated';\n  noVotes?: 'true' | 'false';\n  noCorrectAnswer?: 'true' | 'false';\n};\n\nexport type CollectionFilters = Filters & {\n  orderBy?: 'created' | 'title';\n};\n\nfunction isPostFilters(filters: Filters): filters is PostFilters {\n  return (filters as PostFilters).noAnswers !== undefined;\n}\n\nfunction isAnswerFilters(filters: Filters): filters is AnswerFilters {\n  return (\n    (filters as AnswerFilters).noVotes !== undefined &&\n    (filters as PostFilters).noAnswers === undefined\n  );\n}\n\nfunction isCollectionFilters(filters: Filters): filters is CollectionFilters {\n  return (filters as PostFilters).noAnswers === undefined;\n}\n\nexport type Change<T extends Filters> = {\n  key: keyof T;\n  value: string | string[];\n};\n\nexport interface FilterPanelProps<T extends Filters> {\n  onChange: (changes: Change<T> | Change<T>[]) => void;\n  filters: T;\n  showEntityFilter?: boolean;\n  showTagFilter?: boolean;\n  answerFilters?: boolean;\n  type?: PostType;\n}\n\nexport const FilterPanel = <T extends Filters>(props: FilterPanelProps<T>) => {\n  const {\n    onChange,\n    filters,\n    showEntityFilter = true,\n    showTagFilter = true,\n    type,\n  } = props;\n  const { t } = useTranslation();\n  const [entities, setEntities] = React.useState<Entity[] | undefined>(\n    undefined,\n  );\n  const [starredEntities, setStarredEntities] = React.useState(false);\n  const [ownedEntities, setOwnedEntities] = React.useState(false);\n  const starredEntitiesApi = useStarredEntities();\n  const catalogApi = useApi(catalogApiRef);\n  const identityApi = useApi(identityApiRef);\n\n  const handleChange = (event: {\n    target: {\n      value: string | string[];\n      type?: string;\n      name: string;\n      checked?: boolean;\n    };\n  }) => {\n    let value = event.target.value;\n    if (event.target.type === 'checkbox') {\n      value = event.target.checked ? 'true' : 'false';\n    }\n    onChange({ key: event.target.name as keyof T, value });\n  };\n\n  const handleStarredEntities = (checked: boolean) => {\n    setStarredEntities(checked);\n    setEntities([]);\n    if (checked) {\n      onChange({\n        key: 'entities',\n        value: [...starredEntitiesApi.starredEntities],\n      });\n    } else {\n      onChange({ key: 'entities', value: [] });\n    }\n  };\n\n  const handleOwnedEntities = (checked: boolean) => {\n    setOwnedEntities(checked);\n    setEntities([]);\n    if (checked) {\n      identityApi.getBackstageIdentity().then(identity => {\n        catalogApi\n          .getEntities({\n            filter: {\n              'spec.owner': identity.ownershipEntityRefs,\n            },\n            fields: ['kind', 'metadata.name', 'metadata.namespace'],\n          })\n          .then(data => {\n            const entityRefs = data.items.map(e => stringifyEntityRef(e));\n            onChange([\n              { key: 'entities', value: entityRefs },\n              { key: 'entitiesRelation', value: 'or' },\n            ]);\n          });\n      });\n    } else {\n      onChange([\n        { key: 'entities', value: [] },\n        { key: 'entitiesRelation', value: 'and' },\n      ]);\n    }\n  };\n\n  const postFilters = isPostFilters(filters);\n  const answerFilters = isAnswerFilters(filters);\n  const collectionFilters = isCollectionFilters(filters);\n\n  return (\n    <Box\n      marginTop={2}\n      sx={theme => ({\n        border: `1px solid ${theme.palette.action.selected}`,\n        borderRadius: 1,\n        padding: 3,\n      })}\n    >\n      <Grid\n        container\n        spacing={4}\n        alignItems=\"stretch\"\n        justifyContent=\"space-evenly\"\n      >\n        {(postFilters || answerFilters) && (\n          <Grid item>\n            <FormGroup>\n              <FormLabel id=\"qeta-filter-quick\">\n                {t('filterPanel.quickFilters.label')}\n              </FormLabel>\n              {postFilters && type !== 'article' && (\n                <FormControlLabel\n                  control={\n                    <Checkbox\n                      size=\"small\"\n                      name=\"noAnswers\"\n                      onChange={handleChange}\n                      checked={filters.noAnswers === 'true'}\n                    />\n                  }\n                  label={t('filterPanel.noAnswers.label')}\n                />\n              )}\n              {(postFilters || answerFilters) && type !== 'article' && (\n                <FormControlLabel\n                  control={\n                    <Checkbox\n                      size=\"small\"\n                      name=\"noCorrectAnswer\"\n                      checked={filters.noCorrectAnswer === 'true'}\n                      onChange={handleChange}\n                    />\n                  }\n                  label={t('filterPanel.noCorrectAnswers.label')}\n                />\n              )}\n              {(postFilters || answerFilters) && (\n                <FormControlLabel\n                  control={\n                    <Checkbox\n                      size=\"small\"\n                      name=\"noVotes\"\n                      checked={filters.noVotes === 'true'}\n                      onChange={handleChange}\n                    />\n                  }\n                  label={t('filterPanel.noVotes.label')}\n                />\n              )}\n              {starredEntitiesApi.starredEntities.size > 0 && (\n                <FormControlLabel\n                  control={\n                    <Checkbox\n                      size=\"small\"\n                      name=\"starredEntities\"\n                      onChange={e => handleStarredEntities(e.target.checked)}\n                      checked={starredEntities}\n                    />\n                  }\n                  label={t('filterPanel.starredEntities.label')}\n                />\n              )}\n              <FormControlLabel\n                control={\n                  <Checkbox\n                    size=\"small\"\n                    name=\"ownedEntities\"\n                    onChange={e => handleOwnedEntities(e.target.checked)}\n                    checked={ownedEntities}\n                  />\n                }\n                label={t('filterPanel.ownedEntities.label')}\n              />\n            </FormGroup>\n          </Grid>\n        )}\n        <Grid item>\n          <FormControl>\n            <FormLabel id=\"qeta-filter-order-by\">\n              {t('filterPanel.orderBy.label')}\n            </FormLabel>\n            <RadioGroup\n              aria-labelledby=\"qeta-filter-order-by\"\n              name=\"orderBy\"\n              value={filters.orderBy}\n              onChange={handleChange}\n              style={{\n                display: 'grid',\n                gridTemplateColumns: '1fr 1fr',\n                gap: '0 1rem',\n              }}\n            >\n              {postFilters &&\n                filters.collectionId !== undefined &&\n                radioSelect('rank', t('filterPanel.orderBy.rank'))}\n              {radioSelect('created', t('filterPanel.orderBy.created'))}\n              {(postFilters || collectionFilters) &&\n                radioSelect('title', t('filterPanel.orderBy.title'))}\n              {postFilters &&\n                radioSelect('views', t('filterPanel.orderBy.views'))}\n              {(postFilters || answerFilters) &&\n                radioSelect('score', t('filterPanel.orderBy.score'))}\n              {postFilters &&\n                radioSelect('trend', t('filterPanel.orderBy.trend'))}\n              {postFilters &&\n                type !== 'article' &&\n                radioSelect('answersCount', t('filterPanel.orderBy.answers'))}\n              {(postFilters || answerFilters) &&\n                radioSelect('updated', t('filterPanel.orderBy.updated'))}\n            </RadioGroup>\n          </FormControl>\n        </Grid>\n        <Grid item>\n          <FormControl>\n            <FormLabel id=\"qeta-filter-order\">\n              {t('filterPanel.order.label')}\n            </FormLabel>\n            <RadioGroup\n              aria-labelledby=\"qeta-filter-order\"\n              name=\"order\"\n              value={filters.order}\n              onChange={handleChange}\n            >\n              {radioSelect('desc', t('filterPanel.order.desc'))}\n              {radioSelect('asc', t('filterPanel.order.asc'))}\n            </RadioGroup>\n          </FormControl>\n        </Grid>\n      </Grid>\n      <Box marginY=\"24px\">\n        <Divider />\n      </Box>\n      <Grid container alignItems=\"stretch\" justifyContent=\"space-evenly\">\n        <Grid item>\n          <DateRangeFilter\n            value={filters.dateRange}\n            onChange={val => onChange({ key: 'dateRange', value: val })}\n          />\n        </Grid>\n        {showEntityFilter && (\n          <Grid item>\n            <Grid container alignItems=\"center\">\n              <Grid item>\n                <EntitiesInput\n                  disabled={starredEntities || ownedEntities}\n                  style={{ minWidth: '200px' }}\n                  onChange={(newEntities?: Entity[]) => {\n                    const entityRefs = (newEntities ?? []).map(e =>\n                      stringifyEntityRef(e),\n                    );\n                    handleChange({\n                      target: { name: 'entities', value: entityRefs },\n                    });\n                    setEntities(newEntities);\n                  }}\n                  value={entities}\n                  useOnlyUsedEntities\n                  hideHelpText\n                />\n              </Grid>\n              {filters.entities && filters.entities?.length > 1 && (\n                <Grid item>\n                  <Tooltip\n                    title={\n                      filters.entitiesRelation === 'or'\n                        ? t('filterPanel.toggleEntityRelation.and')\n                        : t('filterPanel.toggleEntityRelation.or')\n                    }\n                  >\n                    <IconButton\n                      disabled={starredEntities || ownedEntities}\n                      onClick={() => {\n                        if (filters.entitiesRelation === 'or') {\n                          onChange({ key: 'entitiesRelation', value: 'and' });\n                        } else {\n                          onChange({ key: 'entitiesRelation', value: 'or' });\n                        }\n                      }}\n                      size=\"large\"\n                    >\n                      {filters.entitiesRelation === 'or' ? (\n                        <AdjustIcon />\n                      ) : (\n                        <FiberManualRecordIcon />\n                      )}\n                    </IconButton>\n                  </Tooltip>\n                </Grid>\n              )}\n            </Grid>\n          </Grid>\n        )}\n        {showTagFilter && (\n          <Grid item>\n            <Grid container alignItems=\"center\">\n              <Grid item>\n                <TagInput\n                  style={{ minWidth: '200px' }}\n                  onChange={(newTags: string[]) =>\n                    onChange({ key: 'tags', value: newTags })\n                  }\n                  value={filters.tags}\n                  hideHelpText\n                  allowCreate={false}\n                />\n              </Grid>\n              {filters.tags && filters.tags?.length > 1 && (\n                <Grid item>\n                  <Tooltip\n                    title={\n                      filters.tagsRelation === 'or'\n                        ? t('filterPanel.toggleTagRelation.and')\n                        : t('filterPanel.toggleTagRelation.or')\n                    }\n                  >\n                    <IconButton\n                      onClick={() => {\n                        if (filters.tagsRelation === 'or') {\n                          onChange({ key: 'tagsRelation', value: 'and' });\n                        } else {\n                          onChange({ key: 'tagsRelation', value: 'or' });\n                        }\n                      }}\n                      size=\"large\"\n                    >\n                      {filters.tagsRelation === 'or' ? (\n                        <AdjustIcon />\n                      ) : (\n                        <FiberManualRecordIcon />\n                      )}\n                    </IconButton>\n                  </Tooltip>\n                </Grid>\n              )}\n            </Grid>\n          </Grid>\n        )}\n      </Grid>\n    </Box>\n  );\n};\n"],"names":["React"],"mappings":"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"}

package/dist/components/FollowedLists/FollowedCollectionsList.esm.js

@@ -8,45 +8,35 @@ import '@backstage/core-plugin-api';
 import '../../api.esm.js';
 import 'react-use';
 import { useTranslation } from '../../hooks/useTranslation.esm.js';
-import { useStyles } from '../../hooks/useStyles.esm.js';
 import 'react-use/lib/useAsync';
 import { useCollectionsFollow } from '../../hooks/useCollectionsFollow.esm.js';
 import { CollectionChip } from '../TagsAndEntities/CollectionChip.esm.js';
 
 const FollowedCollectionsList = () => {
-  const classes = useStyles();
   const collections = useCollectionsFollow();
   const { t } = useTranslation();
   if (collections.collections.length === 0 || collections.loading) {
     return null;
   }
-  return /* @__PURE__ */ React__default.createElement(
-    Box,
+  return /* @__PURE__ */ React__default.createElement(Box, { display: { md: "none", lg: "block" } }, /* @__PURE__ */ React__default.createElement(
+    List,
     {
-      className: `qetaQuestionHighlightList ${classes.postHighlightListContainer}`,
-      display: { md: "none", lg: "block" }
+      component: "nav",
+      "aria-labelledby": "nested-list-subheader",
+      subheader: /* @__PURE__ */ React__default.createElement(
+        ListSubheader,
+        {
+          disableSticky: true,
+          component: "p",
+          id: "nested-list-subheader",
+          color: "primary"
+        },
+        t("rightMenu.followedCollections")
+      )
     },
-    /* @__PURE__ */ React__default.createElement(
-      List,
-      {
-        component: "nav",
-        "aria-labelledby": "nested-list-subheader",
-        className: `qetaQuestionHighlightListList ${classes.postHighlightList}`,
-        subheader: /* @__PURE__ */ React__default.createElement(
-          ListSubheader,
-          {
-            disableSticky: true,
-            component: "p",
-            id: "nested-list-subheader",
-            color: "primary"
-          },
-          t("rightMenu.followedCollections")
-        )
-      },
-      /* @__PURE__ */ React__default.createElement(Divider, null),
-      /* @__PURE__ */ React__default.createElement(ListItem, { style: { display: "block" } }, collections.collections.map((collection) => /* @__PURE__ */ React__default.createElement(CollectionChip, { key: collection.id, collection })))
-    )
-  );
+    /* @__PURE__ */ React__default.createElement(Divider, null),
+    /* @__PURE__ */ React__default.createElement(ListItem, { style: { display: "block" } }, collections.collections.map((collection) => /* @__PURE__ */ React__default.createElement(CollectionChip, { key: collection.id, collection })))
+  ));
 };
 
 export { FollowedCollectionsList };

package/dist/components/FollowedLists/FollowedCollectionsList.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"FollowedCollectionsList.esm.js","sources":["../../../src/components/FollowedLists/FollowedCollectionsList.tsx"],"sourcesContent":["import Divider from '@mui/material/Divider';\nimport Box from '@mui/material/Box';\nimport ListItem from '@mui/material/ListItem';\nimport List from '@mui/material/List';\nimport ListSubheader from '@mui/material/ListSubheader';\nimport React from 'react';\nimport { useStyles, useTranslation } from '../../hooks';\nimport { useCollectionsFollow } from '../../hooks/useCollectionsFollow';\nimport { CollectionChip } from '../TagsAndEntities/CollectionChip';\n\nexport const FollowedCollectionsList = () => {\n  const classes = useStyles();\n  const collections = useCollectionsFollow();\n  const { t } = useTranslation();\n\n  if (collections.collections.length === 0 || collections.loading) {\n    return null;\n  }\n\n  return (\n    <Box\n      className={`qetaQuestionHighlightList ${classes.postHighlightListContainer}`}\n      display={{ md: 'none', lg: 'block' }}\n    >\n      <List\n        component=\"nav\"\n        aria-labelledby=\"nested-list-subheader\"\n        className={`qetaQuestionHighlightListList ${classes.postHighlightList}`}\n        subheader={\n          <ListSubheader\n            disableSticky\n            component=\"p\"\n            id=\"nested-list-subheader\"\n            color=\"primary\"\n          >\n            {t('rightMenu.followedCollections')}\n          </ListSubheader>\n        }\n      >\n        <Divider />\n        <ListItem style={{ display: 'block' }}>\n          {collections.collections.map(collection => (\n            <CollectionChip key={collection.id} collection={collection} />\n          ))}\n        </ListItem>\n      </List>\n    </Box>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;AAUO,MAAM,0BAA0B,MAAM;AAC3C,EAAA,MAAM,UAAU,SAAU,EAAA,CAAA;AAC1B,EAAA,MAAM,cAAc,oBAAqB,EAAA,CAAA;AACzC,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAE7B,EAAA,IAAI,WAAY,CAAA,WAAA,CAAY,MAAW,KAAA,CAAA,IAAK,YAAY,OAAS,EAAA;AAC/D,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AAEA,EACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,CAA6B,0BAAA,EAAA,OAAA,CAAQ,0BAA0B,CAAA,CAAA;AAAA,MAC1E,OAAS,EAAA,EAAE,EAAI,EAAA,MAAA,EAAQ,IAAI,OAAQ,EAAA;AAAA,KAAA;AAAA,oBAEnCA,cAAA,CAAA,aAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,SAAU,EAAA,KAAA;AAAA,QACV,iBAAgB,EAAA,uBAAA;AAAA,QAChB,SAAA,EAAW,CAAiC,8BAAA,EAAA,OAAA,CAAQ,iBAAiB,CAAA,CAAA;AAAA,QACrE,SACE,kBAAAA,cAAA,CAAA,aAAA;AAAA,UAAC,aAAA;AAAA,UAAA;AAAA,YACC,aAAa,EAAA,IAAA;AAAA,YACb,SAAU,EAAA,GAAA;AAAA,YACV,EAAG,EAAA,uBAAA;AAAA,YACH,KAAM,EAAA,SAAA;AAAA,WAAA;AAAA,UAEL,EAAE,+BAA+B,CAAA;AAAA,SACpC;AAAA,OAAA;AAAA,mDAGD,OAAQ,EAAA,IAAA,CAAA;AAAA,mDACR,QAAS,EAAA,EAAA,KAAA,EAAO,EAAE,OAAS,EAAA,OAAA,MACzB,WAAY,CAAA,WAAA,CAAY,GAAI,CAAA,CAAA,UAAA,kDAC1B,cAAe,EAAA,EAAA,GAAA,EAAK,WAAW,EAAI,EAAA,UAAA,EAAwB,CAC7D,CACH,CAAA;AAAA,KACF;AAAA,GACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"FollowedCollectionsList.esm.js","sources":["../../../src/components/FollowedLists/FollowedCollectionsList.tsx"],"sourcesContent":["import Divider from '@mui/material/Divider';\nimport Box from '@mui/material/Box';\nimport ListItem from '@mui/material/ListItem';\nimport List from '@mui/material/List';\nimport ListSubheader from '@mui/material/ListSubheader';\nimport React from 'react';\nimport { useTranslation } from '../../hooks';\nimport { useCollectionsFollow } from '../../hooks/useCollectionsFollow';\nimport { CollectionChip } from '../TagsAndEntities/CollectionChip';\n\nexport const FollowedCollectionsList = () => {\n  const collections = useCollectionsFollow();\n  const { t } = useTranslation();\n\n  if (collections.collections.length === 0 || collections.loading) {\n    return null;\n  }\n\n  return (\n    <Box display={{ md: 'none', lg: 'block' }}>\n      <List\n        component=\"nav\"\n        aria-labelledby=\"nested-list-subheader\"\n        subheader={\n          <ListSubheader\n            disableSticky\n            component=\"p\"\n            id=\"nested-list-subheader\"\n            color=\"primary\"\n          >\n            {t('rightMenu.followedCollections')}\n          </ListSubheader>\n        }\n      >\n        <Divider />\n        <ListItem style={{ display: 'block' }}>\n          {collections.collections.map(collection => (\n            <CollectionChip key={collection.id} collection={collection} />\n          ))}\n        </ListItem>\n      </List>\n    </Box>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;AAUO,MAAM,0BAA0B,MAAM;AAC3C,EAAA,MAAM,cAAc,oBAAqB,EAAA,CAAA;AACzC,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAE7B,EAAA,IAAI,WAAY,CAAA,WAAA,CAAY,MAAW,KAAA,CAAA,IAAK,YAAY,OAAS,EAAA;AAC/D,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AAEA,EACE,uBAAAA,cAAA,CAAA,aAAA,CAAC,OAAI,OAAS,EAAA,EAAE,IAAI,MAAQ,EAAA,EAAA,EAAI,SAC9B,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,SAAU,EAAA,KAAA;AAAA,MACV,iBAAgB,EAAA,uBAAA;AAAA,MAChB,SACE,kBAAAA,cAAA,CAAA,aAAA;AAAA,QAAC,aAAA;AAAA,QAAA;AAAA,UACC,aAAa,EAAA,IAAA;AAAA,UACb,SAAU,EAAA,GAAA;AAAA,UACV,EAAG,EAAA,uBAAA;AAAA,UACH,KAAM,EAAA,SAAA;AAAA,SAAA;AAAA,QAEL,EAAE,+BAA+B,CAAA;AAAA,OACpC;AAAA,KAAA;AAAA,iDAGD,OAAQ,EAAA,IAAA,CAAA;AAAA,iDACR,QAAS,EAAA,EAAA,KAAA,EAAO,EAAE,OAAS,EAAA,OAAA,MACzB,WAAY,CAAA,WAAA,CAAY,GAAI,CAAA,CAAA,UAAA,kDAC1B,cAAe,EAAA,EAAA,GAAA,EAAK,WAAW,EAAI,EAAA,UAAA,EAAwB,CAC7D,CACH,CAAA;AAAA,GAEJ,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/FollowedLists/FollowedEntitiesList.esm.js

@@ -10,43 +10,33 @@ import '../../api.esm.js';
 import 'react-use';
 import { useTranslation } from '../../hooks/useTranslation.esm.js';
 import { useEntityFollow } from '../../hooks/useEntityFollow.esm.js';
-import { useStyles } from '../../hooks/useStyles.esm.js';
 import 'react-use/lib/useAsync';
 
 const FollowedEntitiesList = () => {
-  const classes = useStyles();
   const entities = useEntityFollow();
   const { t } = useTranslation();
   if (entities.entities.length === 0 || entities.loading) {
     return null;
   }
-  return /* @__PURE__ */ React__default.createElement(
-    Box,
+  return /* @__PURE__ */ React__default.createElement(Box, { display: { md: "none", lg: "block" } }, /* @__PURE__ */ React__default.createElement(
+    List,
     {
-      className: `qetaPostHighlightList ${classes.postHighlightListContainer}`,
-      display: { md: "none", lg: "block" }
+      component: "nav",
+      "aria-labelledby": "nested-list-subheader",
+      subheader: /* @__PURE__ */ React__default.createElement(
+        ListSubheader,
+        {
+          disableSticky: true,
+          component: "p",
+          id: "nested-list-subheader",
+          color: "primary"
+        },
+        t("rightMenu.followedEntities")
+      )
     },
-    /* @__PURE__ */ React__default.createElement(
-      List,
-      {
-        component: "nav",
-        "aria-labelledby": "nested-list-subheader",
-        className: `qetaPostHighlightListList ${classes.postHighlightList}`,
-        subheader: /* @__PURE__ */ React__default.createElement(
-          ListSubheader,
-          {
-            disableSticky: true,
-            component: "p",
-            id: "nested-list-subheader",
-            color: "primary"
-          },
-          t("rightMenu.followedEntities")
-        )
-      },
-      /* @__PURE__ */ React__default.createElement(Divider, null),
-      /* @__PURE__ */ React__default.createElement(ListItem, { style: { display: "block" } }, entities.entities.map((entity) => /* @__PURE__ */ React__default.createElement(EntityChip, { key: entity, entity })))
-    )
-  );
+    /* @__PURE__ */ React__default.createElement(Divider, null),
+    /* @__PURE__ */ React__default.createElement(ListItem, { style: { display: "block" } }, entities.entities.map((entity) => /* @__PURE__ */ React__default.createElement(EntityChip, { key: entity, entity })))
+  ));
 };
 
 export { FollowedEntitiesList };

package/dist/components/FollowedLists/FollowedEntitiesList.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"FollowedEntitiesList.esm.js","sources":["../../../src/components/FollowedLists/FollowedEntitiesList.tsx"],"sourcesContent":["import Divider from '@mui/material/Divider';\nimport Box from '@mui/material/Box';\nimport ListItem from '@mui/material/ListItem';\nimport List from '@mui/material/List';\nimport ListSubheader from '@mui/material/ListSubheader';\nimport React from 'react';\nimport { EntityChip } from '../TagsAndEntities/EntityChip';\nimport { useEntityFollow, useStyles, useTranslation } from '../../hooks';\n\nexport const FollowedEntitiesList = () => {\n  const classes = useStyles();\n  const entities = useEntityFollow();\n  const { t } = useTranslation();\n\n  if (entities.entities.length === 0 || entities.loading) {\n    return null;\n  }\n\n  return (\n    <Box\n      className={`qetaPostHighlightList ${classes.postHighlightListContainer}`}\n      display={{ md: 'none', lg: 'block' }}\n    >\n      <List\n        component=\"nav\"\n        aria-labelledby=\"nested-list-subheader\"\n        className={`qetaPostHighlightListList ${classes.postHighlightList}`}\n        subheader={\n          <ListSubheader\n            disableSticky\n            component=\"p\"\n            id=\"nested-list-subheader\"\n            color=\"primary\"\n          >\n            {t('rightMenu.followedEntities')}\n          </ListSubheader>\n        }\n      >\n        <Divider />\n        <ListItem style={{ display: 'block' }}>\n          {entities.entities.map(entity => (\n            <EntityChip key={entity} entity={entity} />\n          ))}\n        </ListItem>\n      </List>\n    </Box>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;AASO,MAAM,uBAAuB,MAAM;AACxC,EAAA,MAAM,UAAU,SAAU,EAAA,CAAA;AAC1B,EAAA,MAAM,WAAW,eAAgB,EAAA,CAAA;AACjC,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAE7B,EAAA,IAAI,QAAS,CAAA,QAAA,CAAS,MAAW,KAAA,CAAA,IAAK,SAAS,OAAS,EAAA;AACtD,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AAEA,EACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,CAAyB,sBAAA,EAAA,OAAA,CAAQ,0BAA0B,CAAA,CAAA;AAAA,MACtE,OAAS,EAAA,EAAE,EAAI,EAAA,MAAA,EAAQ,IAAI,OAAQ,EAAA;AAAA,KAAA;AAAA,oBAEnCA,cAAA,CAAA,aAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,SAAU,EAAA,KAAA;AAAA,QACV,iBAAgB,EAAA,uBAAA;AAAA,QAChB,SAAA,EAAW,CAA6B,0BAAA,EAAA,OAAA,CAAQ,iBAAiB,CAAA,CAAA;AAAA,QACjE,SACE,kBAAAA,cAAA,CAAA,aAAA;AAAA,UAAC,aAAA;AAAA,UAAA;AAAA,YACC,aAAa,EAAA,IAAA;AAAA,YACb,SAAU,EAAA,GAAA;AAAA,YACV,EAAG,EAAA,uBAAA;AAAA,YACH,KAAM,EAAA,SAAA;AAAA,WAAA;AAAA,UAEL,EAAE,4BAA4B,CAAA;AAAA,SACjC;AAAA,OAAA;AAAA,mDAGD,OAAQ,EAAA,IAAA,CAAA;AAAA,mDACR,QAAS,EAAA,EAAA,KAAA,EAAO,EAAE,OAAA,EAAS,SACzB,EAAA,EAAA,QAAA,CAAS,QAAS,CAAA,GAAA,CAAI,4BACpBA,cAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,KAAK,MAAQ,EAAA,MAAA,EAAgB,CAC1C,CACH,CAAA;AAAA,KACF;AAAA,GACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"FollowedEntitiesList.esm.js","sources":["../../../src/components/FollowedLists/FollowedEntitiesList.tsx"],"sourcesContent":["import Divider from '@mui/material/Divider';\nimport Box from '@mui/material/Box';\nimport ListItem from '@mui/material/ListItem';\nimport List from '@mui/material/List';\nimport ListSubheader from '@mui/material/ListSubheader';\nimport React from 'react';\nimport { EntityChip } from '../TagsAndEntities/EntityChip';\nimport { useEntityFollow, useTranslation } from '../../hooks';\n\nexport const FollowedEntitiesList = () => {\n  const entities = useEntityFollow();\n  const { t } = useTranslation();\n\n  if (entities.entities.length === 0 || entities.loading) {\n    return null;\n  }\n\n  return (\n    <Box display={{ md: 'none', lg: 'block' }}>\n      <List\n        component=\"nav\"\n        aria-labelledby=\"nested-list-subheader\"\n        subheader={\n          <ListSubheader\n            disableSticky\n            component=\"p\"\n            id=\"nested-list-subheader\"\n            color=\"primary\"\n          >\n            {t('rightMenu.followedEntities')}\n          </ListSubheader>\n        }\n      >\n        <Divider />\n        <ListItem style={{ display: 'block' }}>\n          {entities.entities.map(entity => (\n            <EntityChip key={entity} entity={entity} />\n          ))}\n        </ListItem>\n      </List>\n    </Box>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;AASO,MAAM,uBAAuB,MAAM;AACxC,EAAA,MAAM,WAAW,eAAgB,EAAA,CAAA;AACjC,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAE7B,EAAA,IAAI,QAAS,CAAA,QAAA,CAAS,MAAW,KAAA,CAAA,IAAK,SAAS,OAAS,EAAA;AACtD,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AAEA,EACE,uBAAAA,cAAA,CAAA,aAAA,CAAC,OAAI,OAAS,EAAA,EAAE,IAAI,MAAQ,EAAA,EAAA,EAAI,SAC9B,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,SAAU,EAAA,KAAA;AAAA,MACV,iBAAgB,EAAA,uBAAA;AAAA,MAChB,SACE,kBAAAA,cAAA,CAAA,aAAA;AAAA,QAAC,aAAA;AAAA,QAAA;AAAA,UACC,aAAa,EAAA,IAAA;AAAA,UACb,SAAU,EAAA,GAAA;AAAA,UACV,EAAG,EAAA,uBAAA;AAAA,UACH,KAAM,EAAA,SAAA;AAAA,SAAA;AAAA,QAEL,EAAE,4BAA4B,CAAA;AAAA,OACjC;AAAA,KAAA;AAAA,iDAGD,OAAQ,EAAA,IAAA,CAAA;AAAA,iDACR,QAAS,EAAA,EAAA,KAAA,EAAO,EAAE,OAAA,EAAS,SACzB,EAAA,EAAA,QAAA,CAAS,QAAS,CAAA,GAAA,CAAI,4BACpBA,cAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,KAAK,MAAQ,EAAA,MAAA,EAAgB,CAC1C,CACH,CAAA;AAAA,GAEJ,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/FollowedLists/FollowedTagsList.esm.js

@@ -10,43 +10,33 @@ import '../../api.esm.js';
 import 'react-use';
 import { useTagsFollow } from '../../hooks/useTagsFollow.esm.js';
 import { useTranslation } from '../../hooks/useTranslation.esm.js';
-import { useStyles } from '../../hooks/useStyles.esm.js';
 import 'react-use/lib/useAsync';
 
 const FollowedTagsList = () => {
-  const classes = useStyles();
   const tags = useTagsFollow();
   const { t } = useTranslation();
   if (tags.tags.length === 0 || tags.loading) {
     return null;
   }
-  return /* @__PURE__ */ React__default.createElement(
-    Box,
+  return /* @__PURE__ */ React__default.createElement(Box, { display: { md: "none", lg: "block" } }, /* @__PURE__ */ React__default.createElement(
+    List,
     {
-      className: `qetaQuestionHighlightList ${classes.postHighlightListContainer}`,
-      display: { md: "none", lg: "block" }
+      component: "nav",
+      "aria-labelledby": "nested-list-subheader",
+      subheader: /* @__PURE__ */ React__default.createElement(
+        ListSubheader,
+        {
+          disableSticky: true,
+          component: "p",
+          id: "nested-list-subheader",
+          color: "primary"
+        },
+        t("rightMenu.followedTags")
+      )
     },
-    /* @__PURE__ */ React__default.createElement(
-      List,
-      {
-        component: "nav",
-        "aria-labelledby": "nested-list-subheader",
-        className: `qetaQuestionHighlightListList ${classes.postHighlightList}`,
-        subheader: /* @__PURE__ */ React__default.createElement(
-          ListSubheader,
-          {
-            disableSticky: true,
-            component: "p",
-            id: "nested-list-subheader",
-            color: "primary"
-          },
-          t("rightMenu.followedTags")
-        )
-      },
-      /* @__PURE__ */ React__default.createElement(Divider, null),
-      /* @__PURE__ */ React__default.createElement(ListItem, { style: { display: "block" } }, tags.tags.map((tag) => /* @__PURE__ */ React__default.createElement(TagChip, { key: tag, tag })))
-    )
-  );
+    /* @__PURE__ */ React__default.createElement(Divider, null),
+    /* @__PURE__ */ React__default.createElement(ListItem, { style: { display: "block" } }, tags.tags.map((tag) => /* @__PURE__ */ React__default.createElement(TagChip, { key: tag, tag })))
+  ));
 };
 
 export { FollowedTagsList };

package/dist/components/FollowedLists/FollowedTagsList.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"FollowedTagsList.esm.js","sources":["../../../src/components/FollowedLists/FollowedTagsList.tsx"],"sourcesContent":["import Divider from '@mui/material/Divider';\nimport Box from '@mui/material/Box';\nimport ListItem from '@mui/material/ListItem';\nimport List from '@mui/material/List';\nimport ListSubheader from '@mui/material/ListSubheader';\nimport React from 'react';\nimport { TagChip } from '../TagsAndEntities/TagChip';\nimport { useStyles, useTagsFollow, useTranslation } from '../../hooks';\n\nexport const FollowedTagsList = () => {\n  const classes = useStyles();\n  const tags = useTagsFollow();\n  const { t } = useTranslation();\n\n  if (tags.tags.length === 0 || tags.loading) {\n    return null;\n  }\n\n  return (\n    <Box\n      className={`qetaQuestionHighlightList ${classes.postHighlightListContainer}`}\n      display={{ md: 'none', lg: 'block' }}\n    >\n      <List\n        component=\"nav\"\n        aria-labelledby=\"nested-list-subheader\"\n        className={`qetaQuestionHighlightListList ${classes.postHighlightList}`}\n        subheader={\n          <ListSubheader\n            disableSticky\n            component=\"p\"\n            id=\"nested-list-subheader\"\n            color=\"primary\"\n          >\n            {t('rightMenu.followedTags')}\n          </ListSubheader>\n        }\n      >\n        <Divider />\n        <ListItem style={{ display: 'block' }}>\n          {tags.tags.map(tag => (\n            <TagChip key={tag} tag={tag} />\n          ))}\n        </ListItem>\n      </List>\n    </Box>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;AASO,MAAM,mBAAmB,MAAM;AACpC,EAAA,MAAM,UAAU,SAAU,EAAA,CAAA;AAC1B,EAAA,MAAM,OAAO,aAAc,EAAA,CAAA;AAC3B,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAE7B,EAAA,IAAI,IAAK,CAAA,IAAA,CAAK,MAAW,KAAA,CAAA,IAAK,KAAK,OAAS,EAAA;AAC1C,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AAEA,EACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,CAA6B,0BAAA,EAAA,OAAA,CAAQ,0BAA0B,CAAA,CAAA;AAAA,MAC1E,OAAS,EAAA,EAAE,EAAI,EAAA,MAAA,EAAQ,IAAI,OAAQ,EAAA;AAAA,KAAA;AAAA,oBAEnCA,cAAA,CAAA,aAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,SAAU,EAAA,KAAA;AAAA,QACV,iBAAgB,EAAA,uBAAA;AAAA,QAChB,SAAA,EAAW,CAAiC,8BAAA,EAAA,OAAA,CAAQ,iBAAiB,CAAA,CAAA;AAAA,QACrE,SACE,kBAAAA,cAAA,CAAA,aAAA;AAAA,UAAC,aAAA;AAAA,UAAA;AAAA,YACC,aAAa,EAAA,IAAA;AAAA,YACb,SAAU,EAAA,GAAA;AAAA,YACV,EAAG,EAAA,uBAAA;AAAA,YACH,KAAM,EAAA,SAAA;AAAA,WAAA;AAAA,UAEL,EAAE,wBAAwB,CAAA;AAAA,SAC7B;AAAA,OAAA;AAAA,mDAGD,OAAQ,EAAA,IAAA,CAAA;AAAA,mDACR,QAAS,EAAA,EAAA,KAAA,EAAO,EAAE,OAAA,EAAS,SACzB,EAAA,EAAA,IAAA,CAAK,IAAK,CAAA,GAAA,CAAI,yBACZA,cAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EAAQ,KAAK,GAAK,EAAA,GAAA,EAAU,CAC9B,CACH,CAAA;AAAA,KACF;AAAA,GACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"FollowedTagsList.esm.js","sources":["../../../src/components/FollowedLists/FollowedTagsList.tsx"],"sourcesContent":["import Divider from '@mui/material/Divider';\nimport Box from '@mui/material/Box';\nimport ListItem from '@mui/material/ListItem';\nimport List from '@mui/material/List';\nimport ListSubheader from '@mui/material/ListSubheader';\nimport React from 'react';\nimport { TagChip } from '../TagsAndEntities/TagChip';\nimport { useTagsFollow, useTranslation } from '../../hooks';\n\nexport const FollowedTagsList = () => {\n  const tags = useTagsFollow();\n  const { t } = useTranslation();\n\n  if (tags.tags.length === 0 || tags.loading) {\n    return null;\n  }\n\n  return (\n    <Box display={{ md: 'none', lg: 'block' }}>\n      <List\n        component=\"nav\"\n        aria-labelledby=\"nested-list-subheader\"\n        subheader={\n          <ListSubheader\n            disableSticky\n            component=\"p\"\n            id=\"nested-list-subheader\"\n            color=\"primary\"\n          >\n            {t('rightMenu.followedTags')}\n          </ListSubheader>\n        }\n      >\n        <Divider />\n        <ListItem style={{ display: 'block' }}>\n          {tags.tags.map(tag => (\n            <TagChip key={tag} tag={tag} />\n          ))}\n        </ListItem>\n      </List>\n    </Box>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;AASO,MAAM,mBAAmB,MAAM;AACpC,EAAA,MAAM,OAAO,aAAc,EAAA,CAAA;AAC3B,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAE7B,EAAA,IAAI,IAAK,CAAA,IAAA,CAAK,MAAW,KAAA,CAAA,IAAK,KAAK,OAAS,EAAA;AAC1C,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AAEA,EACE,uBAAAA,cAAA,CAAA,aAAA,CAAC,OAAI,OAAS,EAAA,EAAE,IAAI,MAAQ,EAAA,EAAA,EAAI,SAC9B,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,SAAU,EAAA,KAAA;AAAA,MACV,iBAAgB,EAAA,uBAAA;AAAA,MAChB,SACE,kBAAAA,cAAA,CAAA,aAAA;AAAA,QAAC,aAAA;AAAA,QAAA;AAAA,UACC,aAAa,EAAA,IAAA;AAAA,UACb,SAAU,EAAA,GAAA;AAAA,UACV,EAAG,EAAA,uBAAA;AAAA,UACH,KAAM,EAAA,SAAA;AAAA,SAAA;AAAA,QAEL,EAAE,wBAAwB,CAAA;AAAA,OAC7B;AAAA,KAAA;AAAA,iDAGD,OAAQ,EAAA,IAAA,CAAA;AAAA,iDACR,QAAS,EAAA,EAAA,KAAA,EAAO,EAAE,OAAA,EAAS,SACzB,EAAA,EAAA,IAAA,CAAK,IAAK,CAAA,GAAA,CAAI,yBACZA,cAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EAAQ,KAAK,GAAK,EAAA,GAAA,EAAU,CAC9B,CACH,CAAA;AAAA,GAEJ,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/HeaderImageInput/HeaderImageInput.esm.js

@@ -8,7 +8,6 @@ import { useApi, configApiRef, errorApiRef } from '@backstage/core-plugin-api';
 import { qetaApiRef } from '../../api.esm.js';
 import 'react-use';
 import { useTranslation } from '../../hooks/useTranslation.esm.js';
-import '../../hooks/useStyles.esm.js';
 import 'react-use/lib/useAsync';
 import { useFormStyles } from '../../hooks/useFormStyles.esm.js';
 

package/dist/components/HeaderImageInput/HeaderImageInput.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderImageInput.esm.js","sources":["../../../src/components/HeaderImageInput/HeaderImageInput.tsx"],"sourcesContent":["import Typography from '@mui/material/Typography';\nimport Grid from '@mui/material/Grid';\nimport Button from '@mui/material/Button';\nimport TextField from '@mui/material/TextField';\nimport { imageUpload } from '../../utils/utils';\nimport React from 'react';\nimport { configApiRef, errorApiRef, useApi } from '@backstage/core-plugin-api';\nimport { qetaApiRef } from '../../api';\nimport { useTranslation } from '../../hooks';\nimport { useFormStyles } from '../../hooks/useFormStyles';\n\nexport const HeaderImageInput = (props: {\n  url?: string;\n  onChange: (url?: string) => void;\n  onImageUpload: (imageId: number) => void;\n  postId?: number;\n  collectionId?: number;\n}) => {\n  const { url, onChange, onImageUpload, postId, collectionId } = props;\n  const configApi = useApi(configApiRef);\n  const qetaApi = useApi(qetaApiRef);\n  const errorApi = useApi(errorApiRef);\n  const { t } = useTranslation();\n  const styles = useFormStyles();\n\n  const isUploadDisabled =\n    configApi.getOptionalBoolean('qeta.storage.disabled') || false;\n\n  return (\n    <Grid container alignItems=\"center\">\n      <Grid item xs={isUploadDisabled ? 12 : 10}>\n        <TextField\n          value={url ?? ''}\n          fullWidth\n          label={t('fileInput.label')}\n          placeholder=\"https://\"\n          margin=\"normal\"\n          variant=\"outlined\"\n          onChange={e => onChange(e.target.value)}\n          helperText={t('fileInput.helperText')}\n        />\n      </Grid>\n      {!isUploadDisabled && (\n        <Grid item xs={2}>\n          <input\n            accept=\"image/*\"\n            style={{ display: 'none' }}\n            id=\"headerImage\"\n            type=\"file\"\n            onChange={async event => {\n              if (!event.target.files || event.target.files.length === 0) {\n                return;\n              }\n              const buffer = await event.target.files[0].arrayBuffer();\n\n              const uri = await imageUpload({\n                qetaApi,\n                errorApi,\n                onImageUpload,\n                postId,\n                collectionId,\n              })(buffer).next();\n              if (typeof uri.value === 'string') {\n                onChange(uri.value);\n              }\n            }}\n          />\n          <label htmlFor=\"headerImage\">\n            <Button variant=\"contained\" color=\"primary\" component=\"span\">\n              {t('fileInput.uploadHeaderImage')}\n            </Button>\n          </label>\n        </Grid>\n      )}\n      {url && (\n        <Grid item xs={12}>\n          <Typography variant=\"subtitle1\">{t('fileInput.preview')}</Typography>\n          <img className={styles.headerImage} src={url} alt=\"header\" />\n        </Grid>\n      )}\n    </Grid>\n  );\n};\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"HeaderImageInput.esm.js","sources":["../../../src/components/HeaderImageInput/HeaderImageInput.tsx"],"sourcesContent":["import Typography from '@mui/material/Typography';\nimport Grid from '@mui/material/Grid';\nimport Button from '@mui/material/Button';\nimport TextField from '@mui/material/TextField';\nimport { imageUpload } from '../../utils/utils';\nimport React from 'react';\nimport { configApiRef, errorApiRef, useApi } from '@backstage/core-plugin-api';\nimport { qetaApiRef } from '../../api';\nimport { useTranslation } from '../../hooks';\nimport { useFormStyles } from '../../hooks/useFormStyles';\n\nexport const HeaderImageInput = (props: {\n  url?: string;\n  onChange: (url?: string) => void;\n  onImageUpload: (imageId: number) => void;\n  postId?: number;\n  collectionId?: number;\n}) => {\n  const { url, onChange, onImageUpload, postId, collectionId } = props;\n  const configApi = useApi(configApiRef);\n  const qetaApi = useApi(qetaApiRef);\n  const errorApi = useApi(errorApiRef);\n  const { t } = useTranslation();\n  const styles = useFormStyles();\n\n  const isUploadDisabled =\n    configApi.getOptionalBoolean('qeta.storage.disabled') || false;\n\n  return (\n    <Grid container alignItems=\"center\">\n      <Grid item xs={isUploadDisabled ? 12 : 10}>\n        <TextField\n          value={url ?? ''}\n          fullWidth\n          label={t('fileInput.label')}\n          placeholder=\"https://\"\n          margin=\"normal\"\n          variant=\"outlined\"\n          onChange={e => onChange(e.target.value)}\n          helperText={t('fileInput.helperText')}\n        />\n      </Grid>\n      {!isUploadDisabled && (\n        <Grid item xs={2}>\n          <input\n            accept=\"image/*\"\n            style={{ display: 'none' }}\n            id=\"headerImage\"\n            type=\"file\"\n            onChange={async event => {\n              if (!event.target.files || event.target.files.length === 0) {\n                return;\n              }\n              const buffer = await event.target.files[0].arrayBuffer();\n\n              const uri = await imageUpload({\n                qetaApi,\n                errorApi,\n                onImageUpload,\n                postId,\n                collectionId,\n              })(buffer).next();\n              if (typeof uri.value === 'string') {\n                onChange(uri.value);\n              }\n            }}\n          />\n          <label htmlFor=\"headerImage\">\n            <Button variant=\"contained\" color=\"primary\" component=\"span\">\n              {t('fileInput.uploadHeaderImage')}\n            </Button>\n          </label>\n        </Grid>\n      )}\n      {url && (\n        <Grid item xs={12}>\n          <Typography variant=\"subtitle1\">{t('fileInput.preview')}</Typography>\n          <img className={styles.headerImage} src={url} alt=\"header\" />\n        </Grid>\n      )}\n    </Grid>\n  );\n};\n"],"names":["React"],"mappings":"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"}

package/dist/components/HomePageCards/ImpactCard.esm.js

@@ -8,7 +8,6 @@ import { useQetaApi } from '../../hooks/useQetaApi.esm.js';
 import '@backstage/core-plugin-api';
 import '../../api.esm.js';
 import { useTranslation } from '../../hooks/useTranslation.esm.js';
-import '../../hooks/useStyles.esm.js';
 import 'react-use/lib/useAsync';
 
 const ImpactCard = () => {

package/dist/components/HomePageCards/ImpactCard.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ImpactCard.esm.js","sources":["../../../src/components/HomePageCards/ImpactCard.tsx"],"sourcesContent":["import React from 'react';\nimport Card from '@mui/material/Card';\nimport CardContent from '@mui/material/CardContent';\nimport Typography from '@mui/material/Typography';\nimport Box from '@mui/material/Box';\nimport numeral from 'numeral';\nimport { useQetaApi, useTranslation } from '../../hooks';\n\nexport const ImpactCard = () => {\n  const { t } = useTranslation();\n  const {\n    value: response,\n    loading,\n    error,\n  } = useQetaApi(api => api.getUserImpact(), []);\n\n  if (loading || error || !response) {\n    return null;\n  }\n\n  return (\n    <Box display={{ md: 'none', lg: 'block' }}>\n      <Card>\n        <CardContent>\n          <Typography variant=\"h5\">{t('impactCard.title')}</Typography>\n          <Typography variant=\"h5\">\n            {response.impact >= 1000\n              ? numeral(response.impact).format('0.0 a')\n              : response.impact}\n            <Typography variant=\"caption\" style={{ marginLeft: '1rem' }}>\n              {t('impactCard.views')}\n            </Typography>\n          </Typography>\n          <Typography variant=\"body2\">\n            {t('impactCard.contributions', {\n              lastWeek: response.lastWeekImpact.toString(10),\n            })}\n          </Typography>\n        </CardContent>\n      </Card>\n    </Box>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;;;;AAQO,MAAM,aAAa,MAAM;AAC9B,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAC7B,EAAM,MAAA;AAAA,IACJ,KAAO,EAAA,QAAA;AAAA,IACP,OAAA;AAAA,IACA,KAAA;AAAA,MACE,UAAW,CAAA,CAAA,GAAA,KAAO,IAAI,aAAc,EAAA,EAAG,EAAE,CAAA,CAAA;AAE7C,EAAI,IAAA,OAAA,IAAW,KAAS,IAAA,CAAC,QAAU,EAAA;AACjC,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AAEA,EACE,uBAAAA,cAAA,CAAA,aAAA,CAAC,GAAI,EAAA,EAAA,OAAA,EAAS,EAAE,EAAA,EAAI,MAAQ,EAAA,EAAA,EAAI,OAAQ,EAAA,EAAA,kBACrCA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,IAAA,kBACEA,cAAA,CAAA,aAAA,CAAA,WAAA,EAAA,IAAA,+CACE,UAAW,EAAA,EAAA,OAAA,EAAQ,IAAM,EAAA,EAAA,CAAA,CAAE,kBAAkB,CAAE,CAChD,kBAAAA,cAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,IACjB,EAAA,EAAA,QAAA,CAAS,MAAU,IAAA,GAAA,GAChB,QAAQ,QAAS,CAAA,MAAM,CAAE,CAAA,MAAA,CAAO,OAAO,CAAA,GACvC,QAAS,CAAA,MAAA,kBACZA,cAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,OAAQ,EAAA,SAAA,EAAU,KAAO,EAAA,EAAE,YAAY,MAAO,EAAA,EAAA,EACvD,CAAE,CAAA,kBAAkB,CACvB,CACF,CACA,kBAAAA,cAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,OACjB,EAAA,EAAA,CAAA,CAAE,0BAA4B,EAAA;AAAA,IAC7B,QAAU,EAAA,QAAA,CAAS,cAAe,CAAA,QAAA,CAAS,EAAE,CAAA;AAAA,GAC9C,CACH,CACF,CACF,CACF,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"ImpactCard.esm.js","sources":["../../../src/components/HomePageCards/ImpactCard.tsx"],"sourcesContent":["import React from 'react';\nimport Card from '@mui/material/Card';\nimport CardContent from '@mui/material/CardContent';\nimport Typography from '@mui/material/Typography';\nimport Box from '@mui/material/Box';\nimport numeral from 'numeral';\nimport { useQetaApi, useTranslation } from '../../hooks';\n\nexport const ImpactCard = () => {\n  const { t } = useTranslation();\n  const {\n    value: response,\n    loading,\n    error,\n  } = useQetaApi(api => api.getUserImpact(), []);\n\n  if (loading || error || !response) {\n    return null;\n  }\n\n  return (\n    <Box display={{ md: 'none', lg: 'block' }}>\n      <Card>\n        <CardContent>\n          <Typography variant=\"h5\">{t('impactCard.title')}</Typography>\n          <Typography variant=\"h5\">\n            {response.impact >= 1000\n              ? numeral(response.impact).format('0.0 a')\n              : response.impact}\n            <Typography variant=\"caption\" style={{ marginLeft: '1rem' }}>\n              {t('impactCard.views')}\n            </Typography>\n          </Typography>\n          <Typography variant=\"body2\">\n            {t('impactCard.contributions', {\n              lastWeek: response.lastWeekImpact.toString(10),\n            })}\n          </Typography>\n        </CardContent>\n      </Card>\n    </Box>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;;;AAQO,MAAM,aAAa,MAAM;AAC9B,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAC7B,EAAM,MAAA;AAAA,IACJ,KAAO,EAAA,QAAA;AAAA,IACP,OAAA;AAAA,IACA,KAAA;AAAA,MACE,UAAW,CAAA,CAAA,GAAA,KAAO,IAAI,aAAc,EAAA,EAAG,EAAE,CAAA,CAAA;AAE7C,EAAI,IAAA,OAAA,IAAW,KAAS,IAAA,CAAC,QAAU,EAAA;AACjC,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AAEA,EACE,uBAAAA,cAAA,CAAA,aAAA,CAAC,GAAI,EAAA,EAAA,OAAA,EAAS,EAAE,EAAA,EAAI,MAAQ,EAAA,EAAA,EAAI,OAAQ,EAAA,EAAA,kBACrCA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,IAAA,kBACEA,cAAA,CAAA,aAAA,CAAA,WAAA,EAAA,IAAA,+CACE,UAAW,EAAA,EAAA,OAAA,EAAQ,IAAM,EAAA,EAAA,CAAA,CAAE,kBAAkB,CAAE,CAChD,kBAAAA,cAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,IACjB,EAAA,EAAA,QAAA,CAAS,MAAU,IAAA,GAAA,GAChB,QAAQ,QAAS,CAAA,MAAM,CAAE,CAAA,MAAA,CAAO,OAAO,CAAA,GACvC,QAAS,CAAA,MAAA,kBACZA,cAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,OAAQ,EAAA,SAAA,EAAU,KAAO,EAAA,EAAE,YAAY,MAAO,EAAA,EAAA,EACvD,CAAE,CAAA,kBAAkB,CACvB,CACF,CACA,kBAAAA,cAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,OACjB,EAAA,EAAA,CAAA,CAAE,0BAA4B,EAAA;AAAA,IAC7B,QAAU,EAAA,QAAA,CAAS,cAAe,CAAA,QAAA,CAAS,EAAE,CAAA;AAAA,GAC9C,CACH,CACF,CACF,CACF,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/HomePageCards/PostsCard.esm.js

@@ -25,7 +25,6 @@ import '@backstage/core-plugin-api';
 import '../../api.esm.js';
 import '@backstage/core-plugin-api/alpha';
 import '../../translation.esm.js';
-import '../../hooks/useStyles.esm.js';
 import 'react-use/lib/useAsync';
 import '@mui/material/Autocomplete';
 import '@backstage/plugin-catalog-react';

package/dist/components/HomePageCards/PostsCard.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"PostsCard.esm.js","sources":["../../../src/components/HomePageCards/PostsCard.tsx"],"sourcesContent":["import Card from '@mui/material/Card';\nimport CardHeader from '@mui/material/CardHeader';\nimport Divider from '@mui/material/Divider';\nimport Grid from '@mui/material/Grid';\nimport React from 'react';\nimport { PostsQuery, PostType } from '@drodil/backstage-plugin-qeta-common';\nimport { PostListItem } from '../PostsContainer';\nimport { useQetaApi } from '../../hooks';\n\nexport const PostsCard = (props: {\n  type: string;\n  title: string;\n  options?: PostsQuery;\n  icon?: React.ReactNode;\n  postType?: PostType;\n}) => {\n  const { value: response } = useQetaApi(\n    api => api.getPosts({ limit: 3, type: props.postType, ...props.options }),\n    [],\n  );\n\n  const posts = response?.posts ?? [];\n  if (posts.length === 0) {\n    return null;\n  }\n\n  return (\n    <Card>\n      <CardHeader style={{ paddingBottom: '8px' }} title={props.title} />\n      <Grid container spacing={2}>\n        {posts.map(question => {\n          return (\n            <Grid item xs={12} key={question.id}>\n              <PostListItem post={question} type={props.postType} />\n              <Divider />\n            </Grid>\n          );\n        })}\n      </Grid>\n    </Card>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASa,MAAA,SAAA,GAAY,CAAC,KAMpB,KAAA;AACJ,EAAM,MAAA,EAAE,KAAO,EAAA,QAAA,EAAa,GAAA,UAAA;AAAA,IAC1B,CAAO,GAAA,KAAA,GAAA,CAAI,QAAS,CAAA,EAAE,KAAO,EAAA,CAAA,EAAG,IAAM,EAAA,KAAA,CAAM,QAAU,EAAA,GAAG,KAAM,CAAA,OAAA,EAAS,CAAA;AAAA,IACxE,EAAC;AAAA,GACH,CAAA;AAEA,EAAM,MAAA,KAAA,GAAQ,QAAU,EAAA,KAAA,IAAS,EAAC,CAAA;AAClC,EAAI,IAAA,KAAA,CAAM,WAAW,CAAG,EAAA;AACtB,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AAEA,EACE,uBAAAA,cAAA,CAAA,aAAA,CAAC,4BACEA,cAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,OAAO,EAAE,aAAA,EAAe,OAAS,EAAA,KAAA,EAAO,MAAM,KAAO,EAAA,CAAA,+CAChE,IAAK,EAAA,EAAA,SAAA,EAAS,MAAC,OAAS,EAAA,CAAA,EAAA,EACtB,KAAM,CAAA,GAAA,CAAI,CAAY,QAAA,KAAA;AACrB,IAAA,oDACG,IAAK,EAAA,EAAA,IAAA,EAAI,MAAC,EAAI,EAAA,EAAA,EAAI,KAAK,QAAS,CAAA,EAAA,EAAA,+CAC9B,YAAa,EAAA,EAAA,IAAA,EAAM,UAAU,IAAM,EAAA,KAAA,CAAM,UAAU,CACpD,kBAAAA,cAAA,CAAA,aAAA,CAAC,aAAQ,CACX,CAAA,CAAA;AAAA,GAEH,CACH,CACF,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"PostsCard.esm.js","sources":["../../../src/components/HomePageCards/PostsCard.tsx"],"sourcesContent":["import Card from '@mui/material/Card';\nimport CardHeader from '@mui/material/CardHeader';\nimport Divider from '@mui/material/Divider';\nimport Grid from '@mui/material/Grid';\nimport React from 'react';\nimport { PostsQuery, PostType } from '@drodil/backstage-plugin-qeta-common';\nimport { PostListItem } from '../PostsContainer';\nimport { useQetaApi } from '../../hooks';\n\nexport const PostsCard = (props: {\n  type: string;\n  title: string;\n  options?: PostsQuery;\n  icon?: React.ReactNode;\n  postType?: PostType;\n}) => {\n  const { value: response } = useQetaApi(\n    api => api.getPosts({ limit: 3, type: props.postType, ...props.options }),\n    [],\n  );\n\n  const posts = response?.posts ?? [];\n  if (posts.length === 0) {\n    return null;\n  }\n\n  return (\n    <Card>\n      <CardHeader style={{ paddingBottom: '8px' }} title={props.title} />\n      <Grid container spacing={2}>\n        {posts.map(question => {\n          return (\n            <Grid item xs={12} key={question.id}>\n              <PostListItem post={question} type={props.postType} />\n              <Divider />\n            </Grid>\n          );\n        })}\n      </Grid>\n    </Card>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASa,MAAA,SAAA,GAAY,CAAC,KAMpB,KAAA;AACJ,EAAM,MAAA,EAAE,KAAO,EAAA,QAAA,EAAa,GAAA,UAAA;AAAA,IAC1B,CAAO,GAAA,KAAA,GAAA,CAAI,QAAS,CAAA,EAAE,KAAO,EAAA,CAAA,EAAG,IAAM,EAAA,KAAA,CAAM,QAAU,EAAA,GAAG,KAAM,CAAA,OAAA,EAAS,CAAA;AAAA,IACxE,EAAC;AAAA,GACH,CAAA;AAEA,EAAM,MAAA,KAAA,GAAQ,QAAU,EAAA,KAAA,IAAS,EAAC,CAAA;AAClC,EAAI,IAAA,KAAA,CAAM,WAAW,CAAG,EAAA;AACtB,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AAEA,EACE,uBAAAA,cAAA,CAAA,aAAA,CAAC,4BACEA,cAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,OAAO,EAAE,aAAA,EAAe,OAAS,EAAA,KAAA,EAAO,MAAM,KAAO,EAAA,CAAA,+CAChE,IAAK,EAAA,EAAA,SAAA,EAAS,MAAC,OAAS,EAAA,CAAA,EAAA,EACtB,KAAM,CAAA,GAAA,CAAI,CAAY,QAAA,KAAA;AACrB,IAAA,oDACG,IAAK,EAAA,EAAA,IAAA,EAAI,MAAC,EAAI,EAAA,EAAA,EAAI,KAAK,QAAS,CAAA,EAAA,EAAA,+CAC9B,YAAa,EAAA,EAAA,IAAA,EAAM,UAAU,IAAM,EAAA,KAAA,CAAM,UAAU,CACpD,kBAAAA,cAAA,CAAA,aAAA,CAAC,aAAQ,CACX,CAAA,CAAA;AAAA,GAEH,CACH,CACF,CAAA,CAAA;AAEJ;;;;"}