npm - @drodil/backstage-plugin-qeta-react - Versions diffs - 3.48.1 → 3.49.0 - Mend

@drodil/backstage-plugin-qeta-react 3.48.1 → 3.49.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (139) hide show

package/dist/components/FilterPanel/FilterPanel.esm.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { useState, useRef, useEffect, useCallback } from 'react';
 import { stringifyEntityRef } from '@backstage/catalog-model';
 import { DateRangeFilter } from './DateRangeFilter.esm.js';
@@ -12,6 +12,10 @@ import { useSearchParams } from 'react-router-dom';
 import { makeStyles, Box, Grid, FormGroup, FormLabel, FormControlLabel, Checkbox, FormControl, RadioGroup, Divider, Tooltip, IconButton, Radio } from '@material-ui/core';
 import AdjustIcon from '@material-ui/icons/Adjust';
 import FiberManualRecordIcon from '@material-ui/icons/FiberManualRecord';
+import FilterList from '@material-ui/icons/FilterList';
+import SortIcon from '@material-ui/icons/Sort';
+import SwapVertIcon from '@material-ui/icons/SwapVert';
+import TuneIcon from '@material-ui/icons/Tune';
 import { compact } from 'lodash';
 const radioSelect = (value, label) => {
@@ -49,10 +53,25 @@ function isCollectionFilters(filters) {
 const useStyles = makeStyles(
   (theme) => ({
     root: {
-      padding: "1em",
-      paddingTop: "2em",
-      marginTop: "1em",
-      border: `1px solid ${theme.palette.divider}`
+      padding: "1.5em",
+      marginTop: "0",
+      marginBottom: "2em",
+      border: `1px solid ${theme.palette.divider}`,
+      borderRadius: theme.shape.borderRadius,
+      backgroundColor: theme.palette.background.paper
+    },
+    label: {
+      display: "flex",
+      alignItems: "center",
+      textTransform: "uppercase",
+      fontSize: "0.75rem",
+      fontWeight: "bold",
+      marginBottom: "0.75em",
+      color: theme.palette.text.secondary,
+      "& > svg": {
+        marginRight: "0.25em",
+        fontSize: "1.1rem"
+      }
     }
   }),
   { name: "QetaFilterPanel" }
@@ -63,7 +82,8 @@ const FilterPanel = (props) => {
     filters,
     showEntityFilter = true,
     showTagFilter = true,
-    type
+    type,
+    mode = "posts"
   } = props;
   const { t } = useTranslationRef(qetaTranslationRef);
   const [entities, setEntities] = useState(void 0);
@@ -175,17 +195,21 @@ const FilterPanel = (props) => {
   const postFilters = isPostFilters(filters);
   const answerFilters = isAnswerFilters(filters);
   const collectionFilters = isCollectionFilters(filters);
+  const showBottomSection = mode !== "tags" && mode !== "entities" && mode !== "users";
   return /* @__PURE__ */ jsxs(Box, { className: styles.root, children: [
     /* @__PURE__ */ jsxs(
       Grid,
       {
         container: true,
-        spacing: 4,
-        alignItems: "stretch",
-        justifyContent: "space-evenly",
+        spacing: 3,
+        alignItems: "flex-start",
+        justifyContent: "space-between",
         children: [
-          (postFilters || answerFilters) && /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsxs(FormGroup, { children: [
-            /* @__PURE__ */ jsx(FormLabel, { id: "qeta-filter-quick", children: t("filterPanel.quickFilters.label") }),
+          (postFilters || answerFilters) && /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, md: 4, children: /* @__PURE__ */ jsxs(FormGroup, { children: [
+            /* @__PURE__ */ jsxs(FormLabel, { id: "qeta-filter-quick", className: styles.label, children: [
+              /* @__PURE__ */ jsx(FilterList, {}),
+              t("filterPanel.quickFilters.label")
+            ] }),
             postFilters && type === "question" && /* @__PURE__ */ jsx(
               FormControlLabel,
               {
@@ -282,8 +306,11 @@ const FilterPanel = (props) => {
               }
             )
           ] }) }),
-          /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsxs(FormControl, { children: [
-            /* @__PURE__ */ jsx(FormLabel, { id: "qeta-filter-order-by", children: t("filterPanel.orderBy.label") }),
+          /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, md: 5, children: /* @__PURE__ */ jsxs(FormControl, { component: "fieldset", style: { width: "100%" }, children: [
+            /* @__PURE__ */ jsxs(FormLabel, { id: "qeta-filter-order-by", className: styles.label, children: [
+              /* @__PURE__ */ jsx(SortIcon, {}),
+              t("filterPanel.orderBy.label")
+            ] }),
             /* @__PURE__ */ jsxs(
               RadioGroup,
               {
@@ -298,8 +325,8 @@ const FilterPanel = (props) => {
                 },
                 children: [
                   postFilters && filters.collectionId !== void 0 && radioSelect("rank", t("filterPanel.orderBy.rank")),
-                  radioSelect("created", t("filterPanel.orderBy.created")),
-                  (postFilters || collectionFilters) && radioSelect("title", t("filterPanel.orderBy.title")),
+                  mode !== "users" && mode !== "tags" && mode !== "entities" && radioSelect("created", t("filterPanel.orderBy.created")),
+                  (postFilters || collectionFilters) && mode !== "tags" && mode !== "entities" && mode !== "users" && radioSelect("title", t("filterPanel.orderBy.title")),
                   postFilters && type !== "link" && radioSelect("views", t("filterPanel.orderBy.views")),
                   (postFilters || answerFilters) && radioSelect(
                     "score",
@@ -307,13 +334,40 @@ const FilterPanel = (props) => {
                   ),
                   postFilters && radioSelect("trend", t("filterPanel.orderBy.trend")),
                   postFilters && type === "question" && radioSelect("answersCount", t("filterPanel.orderBy.answers")),
-                  (postFilters || answerFilters) && radioSelect("updated", t("filterPanel.orderBy.updated"))
+                  (postFilters || answerFilters) && radioSelect("updated", t("filterPanel.orderBy.updated")),
+                  mode === "tags" && radioSelect("tag", t("filterPanel.orderBy.tag")),
+                  mode === "entities" && radioSelect("entityRef", t("filterPanel.orderBy.entityRef")),
+                  mode === "users" && radioSelect("userRef", t("filterPanel.orderBy.user")),
+                  (mode === "tags" || mode === "entities" || mode === "collections") && radioSelect("postsCount", t("filterPanel.orderBy.posts")),
+                  (mode === "tags" || mode === "entities" || mode === "collections") && radioSelect(
+                    "questionsCount",
+                    t("filterPanel.orderBy.questions")
+                  ),
+                  (mode === "tags" || mode === "entities" || mode === "collections") && radioSelect("articlesCount", t("filterPanel.orderBy.articles")),
+                  (mode === "tags" || mode === "entities" || mode === "collections") && radioSelect("linksCount", t("filterPanel.orderBy.links")),
+                  (mode === "tags" || mode === "entities" || mode === "users" || mode === "collections") && radioSelect(
+                    "followerCount",
+                    t("filterPanel.orderBy.followers")
+                  ),
+                  mode === "users" && radioSelect("totalPosts", t("filterPanel.orderBy.posts")),
+                  mode === "users" && radioSelect(
+                    "totalQuestions",
+                    t("filterPanel.orderBy.questions")
+                  ),
+                  mode === "users" && radioSelect("totalAnswers", t("filterPanel.orderBy.answers")),
+                  mode === "users" && radioSelect("totalArticles", t("filterPanel.orderBy.articles")),
+                  mode === "users" && radioSelect("totalLinks", t("filterPanel.orderBy.links")),
+                  mode === "users" && radioSelect("totalViews", t("filterPanel.orderBy.views")),
+                  mode === "users" && radioSelect("totalVotes", t("filterPanel.orderBy.votes"))
                 ]
               }
             )
           ] }) }),
-          /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsxs(FormControl, { children: [
-            /* @__PURE__ */ jsx(FormLabel, { id: "qeta-filter-order", children: t("filterPanel.order.label") }),
+          /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, md: 3, children: /* @__PURE__ */ jsxs(FormControl, { component: "fieldset", children: [
+            /* @__PURE__ */ jsxs(FormLabel, { id: "qeta-filter-order", className: styles.label, children: [
+              /* @__PURE__ */ jsx(SwapVertIcon, {}),
+              t("filterPanel.order.label")
+            ] }),
             /* @__PURE__ */ jsxs(
               RadioGroup,
               {
@@ -331,87 +385,108 @@ const FilterPanel = (props) => {
         ]
       }
     ),
-    /* @__PURE__ */ jsx(Box, { marginY: "24px", children: /* @__PURE__ */ jsx(Divider, {}) }),
-    /* @__PURE__ */ jsxs(Grid, { container: true, alignItems: "stretch", justifyContent: "space-evenly", children: [
-      /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(
-        DateRangeFilter,
-        {
-          value: filters.dateRange,
-          onChange: (val) => onChange({ key: "dateRange", value: val })
-        }
-      ) }),
-      showEntityFilter && /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsxs(Grid, { container: true, alignItems: "center", children: [
-        /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(
-          EntitiesInput,
-          {
-            disabled: starredEntities || ownedEntities,
-            style: { width: "230px" },
-            onChange: (newEntities) => {
-              const entityRefs = (newEntities ?? []).map(
-                (e) => stringifyEntityRef(e)
-              );
-              handleChange({
-                target: { name: "entities", value: entityRefs }
-              });
-              setEntities(newEntities);
-            },
-            value: entities,
-            useOnlyUsedEntities: true,
-            hideHelpText: true
-          }
-        ) }),
-        entities && entities?.length > 1 && /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(
-          Tooltip,
-          {
-            title: filters.entitiesRelation === "or" ? t("filterPanel.toggleEntityRelation.and") : t("filterPanel.toggleEntityRelation.or"),
-            children: /* @__PURE__ */ jsx(
-              IconButton,
-              {
-                disabled: starredEntities || ownedEntities,
-                onClick: () => {
-                  if (filters.entitiesRelation === "or") {
-                    onChange({ key: "entitiesRelation", value: "and" });
-                  } else {
-                    onChange({ key: "entitiesRelation", value: "or" });
-                  }
-                },
-                children: filters.entitiesRelation === "or" ? /* @__PURE__ */ jsx(AdjustIcon, {}) : /* @__PURE__ */ jsx(FiberManualRecordIcon, {})
-              }
-            )
-          }
-        ) })
+    showBottomSection && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(Box, { marginY: "24px", children: /* @__PURE__ */ jsx(Divider, {}) }),
+      /* @__PURE__ */ jsx(Box, { marginBottom: "1em", children: /* @__PURE__ */ jsxs(FormLabel, { className: styles.label, children: [
+        /* @__PURE__ */ jsx(TuneIcon, {}),
+        t("filterPanel.filters.label")
       ] }) }),
-      showTagFilter && /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsxs(Grid, { container: true, alignItems: "center", children: [
-        /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(
-          TagInput,
-          {
-            style: { width: "230px" },
-            onChange: (newTags) => onChange({ key: "tags", value: newTags }),
-            value: filters.tags,
-            hideHelpText: true,
-            allowCreate: false
-          }
-        ) }),
-        filters.tags && filters.tags?.length > 1 && /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(
-          Tooltip,
-          {
-            title: filters.tagsRelation === "or" ? t("filterPanel.toggleTagRelation.and") : t("filterPanel.toggleTagRelation.or"),
-            children: /* @__PURE__ */ jsx(
-              IconButton,
+      /* @__PURE__ */ jsxs(
+        Grid,
+        {
+          container: true,
+          spacing: 2,
+          alignItems: "flex-start",
+          justifyContent: "flex-start",
+          children: [
+            /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, md: 4, children: /* @__PURE__ */ jsx(
+              DateRangeFilter,
               {
-                onClick: () => {
-                  if (filters.tagsRelation === "or") {
-                    onChange({ key: "tagsRelation", value: "and" });
-                  } else {
-                    onChange({ key: "tagsRelation", value: "or" });
-                  }
-                },
-                children: filters.tagsRelation === "or" ? /* @__PURE__ */ jsx(AdjustIcon, {}) : /* @__PURE__ */ jsx(FiberManualRecordIcon, {})
+                value: filters.dateRange,
+                onChange: (val) => onChange({ key: "dateRange", value: val })
               }
-            )
-          }
-        ) })
-      ] }) })
+            ) }),
+            showEntityFilter && /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, md: 4, children: /* @__PURE__ */ jsxs(Grid, { container: true, alignItems: "center", children: [
+              /* @__PURE__ */ jsx(Grid, { item: true, xs: true, children: /* @__PURE__ */ jsx(
+                EntitiesInput,
+                {
+                  disabled: starredEntities || ownedEntities,
+                  style: { width: "100%" },
+                  onChange: (newEntities) => {
+                    const entityRefs = (newEntities ?? []).map(
+                      (e) => stringifyEntityRef(e)
+                    );
+                    handleChange({
+                      target: { name: "entities", value: entityRefs }
+                    });
+                    setEntities(newEntities);
+                  },
+                  value: entities,
+                  useOnlyUsedEntities: true,
+                  hideHelpText: true
+                }
+              ) }),
+              entities && entities?.length > 1 && /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(
+                Tooltip,
+                {
+                  title: filters.entitiesRelation === "or" ? t("filterPanel.toggleEntityRelation.and") : t("filterPanel.toggleEntityRelation.or"),
+                  children: /* @__PURE__ */ jsx(
+                    IconButton,
+                    {
+                      disabled: starredEntities || ownedEntities,
+                      onClick: () => {
+                        if (filters.entitiesRelation === "or") {
+                          onChange({
+                            key: "entitiesRelation",
+                            value: "and"
+                          });
+                        } else {
+                          onChange({
+                            key: "entitiesRelation",
+                            value: "or"
+                          });
+                        }
+                      },
+                      children: filters.entitiesRelation === "or" ? /* @__PURE__ */ jsx(AdjustIcon, {}) : /* @__PURE__ */ jsx(FiberManualRecordIcon, {})
+                    }
+                  )
+                }
+              ) })
+            ] }) }),
+            showTagFilter && /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, md: 4, children: /* @__PURE__ */ jsxs(Grid, { container: true, alignItems: "center", children: [
+              /* @__PURE__ */ jsx(Grid, { item: true, xs: true, children: /* @__PURE__ */ jsx(
+                TagInput,
+                {
+                  style: { width: "100%" },
+                  onChange: (newTags) => onChange({ key: "tags", value: newTags }),
+                  value: filters.tags,
+                  hideHelpText: true,
+                  allowCreate: false
+                }
+              ) }),
+              filters.tags && filters.tags?.length > 1 && /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(
+                Tooltip,
+                {
+                  title: filters.tagsRelation === "or" ? t("filterPanel.toggleTagRelation.and") : t("filterPanel.toggleTagRelation.or"),
+                  children: /* @__PURE__ */ jsx(
+                    IconButton,
+                    {
+                      onClick: () => {
+                        if (filters.tagsRelation === "or") {
+                          onChange({ key: "tagsRelation", value: "and" });
+                        } else {
+                          onChange({ key: "tagsRelation", value: "or" });
+                        }
+                      },
+                      children: filters.tagsRelation === "or" ? /* @__PURE__ */ jsx(AdjustIcon, {}) : /* @__PURE__ */ jsx(FiberManualRecordIcon, {})
+                    }
+                  )
+                }
+              ) })
+            ] }) })
+          ]
+        }
+      )
     ] })
   ] });
 };

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

	@@ -1 +1 @@
1	- {"version":3,"file":"FilterPanel.esm.js","sources":["../../../src/components/FilterPanel/FilterPanel.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\nimport { Entity, stringifyEntityRef } from '@backstage/catalog-model';\nimport { DateRangeFilter } from './DateRangeFilter';\nimport { PostStatus, PostType } from '@drodil/backstage-plugin-qeta-common';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\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 { useSearchParams } from 'react-router-dom';\nimport {\n Box,\n Checkbox,\n Divider,\n FormControl,\n FormControlLabel,\n FormGroup,\n FormLabel,\n Grid,\n IconButton,\n makeStyles,\n Radio,\n RadioGroup,\n Tooltip,\n} from '@material-ui/core';\nimport AdjustIcon from '@material-ui/icons/Adjust';\nimport FiberManualRecordIcon from '@material-ui/icons/FiberManualRecord';\nimport { compact } from 'lodash';\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 'dateRange',\n 'tags',\n 'tagsRelation',\n 'entities',\n 'entitiesRelation',\n 'status',\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 status?: PostStatus;\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 entities?: string[];\n tags?: string[];\n tagsRelation?: 'and' \| 'or';\n entitiesRelation?: 'and' \| 'or';\n status?: PostStatus;\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 CommonFilterPanelProps {\n showEntityFilter?: boolean;\n showTagFilter?: boolean;\n answerFilters?: boolean;\n type?: PostType;\n}\n\nexport interface FilterPanelProps<T extends Filters>\n extends CommonFilterPanelProps {\n onChange: (changes: Change<T> \| Change<T>[]) => void;\n filters: T;\n}\n\nconst useStyles = makeStyles(\n theme => ({\n root: {\n padding: '1em',\n paddingTop: '2em',\n marginTop: '1em',\n border: `1px solid ${theme.palette.divider}`,\n },\n }),\n { name: 'QetaFilterPanel' },\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 } = useTranslationRef(qetaTranslationRef);\n const [entities, setEntities] = useState<Entity[] \| undefined>(undefined);\n const [starredEntities, setStarredEntities] = useState(false);\n const [ownedEntities, setOwnedEntities] = useState(false);\n const [ownedEntityRefs, setOwnedEntityRefs] = useState<string[]>([]);\n const starredEntitiesApi = useStarredEntities();\n const catalogApi = useApi(catalogApiRef);\n const identityApi = useApi(identityApiRef);\n const styles = useStyles();\n const [searchParams, setSearchParams] = useSearchParams();\n const initializedRef = useRef(false);\n\n // Initialize filters from URL parameters only once\n useEffect(() => {\n if (initializedRef.current) {\n return;\n }\n initializedRef.current = true;\n\n const changes: Change<T>[] = [];\n searchParams.forEach((value, key) => {\n if (!value) {\n return;\n }\n if (filterKeys.includes(key as FilterKey)) {\n if (key === 'tags' \|\| key === 'entities') {\n changes.push({ key: key as keyof T, value: value.split(',') });\n } else {\n changes.push({ key: key as keyof T, value });\n }\n }\n });\n if (changes.length > 0) {\n onChange(changes);\n }\n }, [searchParams, onChange]);\n\n // Handle owned entities\n useEffect(() => {\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 setOwnedEntityRefs(entityRefs);\n });\n });\n }, [catalogApi, identityApi]);\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\n // Update URL parameters\n setSearchParams(prev => {\n const newParams = new URLSearchParams(prev);\n if (\n !value \|\|\n value === 'false' \|\|\n (Array.isArray(value) && value.length === 0)\n ) {\n newParams.delete(event.target.name);\n } else if (Array.isArray(value)) {\n newParams.set(event.target.name, value.join(','));\n } else {\n newParams.set(event.target.name, value);\n }\n return newParams;\n });\n\n onChange({ key: event.target.name as keyof T, value });\n };\n\n const handleStarredEntities = useCallback(\n (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 [onChange, starredEntitiesApi.starredEntities],\n );\n\n const handleOwnedEntities = useCallback(\n (checked: boolean) => {\n setOwnedEntities(checked);\n setEntities([]);\n if (checked) {\n onChange([\n { key: 'entities', value: ownedEntityRefs },\n { key: 'entitiesRelation', value: 'or' },\n ]);\n } else {\n onChange([\n { key: 'entities', value: [] },\n { key: 'entitiesRelation', value: 'and' },\n ]);\n }\n },\n [onChange, ownedEntityRefs],\n );\n\n useEffect(() => {\n if (filters.entities) {\n catalogApi\n .getEntitiesByRefs({\n entityRefs: filters.entities,\n fields: ['kind', 'metadata.name', 'metadata.namespace'],\n })\n .then(data => {\n setEntities(compact(data.items));\n });\n }\n }, [catalogApi, filters.entities]);\n\n const postFilters = isPostFilters(filters);\n const answerFilters = isAnswerFilters(filters);\n const collectionFilters = isCollectionFilters(filters);\n\n return (\n <Box className={styles.root}>\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 === 'question' && (\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 && (\n <FormControlLabel\n control={\n <Checkbox\n size=\"small\"\n name=\"status\"\n onChange={e => {\n const newStatus = e.target.checked\n ? 'draft'\n : undefined;\n handleChange({\n target: { name: 'status', value: newStatus },\n });\n }}\n checked={filters.status === 'draft'}\n />\n }\n label={t('filterPanel.drafts.label')}\n />\n )}\n {(postFilters \|\| answerFilters) && type === 'question' && (\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) && type !== 'link' && (\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 1em',\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 type !== 'link' &&\n radioSelect('views', t('filterPanel.orderBy.views'))}\n {(postFilters \|\| answerFilters) &&\n radioSelect(\n 'score',\n type !== 'link'\n ? t('filterPanel.orderBy.score')\n : t('filterPanel.orderBy.clicks'),\n )}\n {postFilters &&\n radioSelect('trend', t('filterPanel.orderBy.trend'))}\n {postFilters &&\n type === 'question' &&\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={{ width: '230px' }}\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 {entities && 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 >\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={{ width: '230px' }}\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 >\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":[],"mappings":"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"}
1	+ {"version":3,"file":"FilterPanel.esm.js","sources":["../../../src/components/FilterPanel/FilterPanel.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\nimport { Entity, stringifyEntityRef } from '@backstage/catalog-model';\nimport { DateRangeFilter } from './DateRangeFilter';\nimport { PostStatus, PostType } from '@drodil/backstage-plugin-qeta-common';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\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 { useSearchParams } from 'react-router-dom';\nimport {\n Box,\n Checkbox,\n Divider,\n FormControl,\n FormControlLabel,\n FormGroup,\n FormLabel,\n Grid,\n IconButton,\n makeStyles,\n Radio,\n RadioGroup,\n Tooltip,\n} from '@material-ui/core';\nimport AdjustIcon from '@material-ui/icons/Adjust';\nimport FiberManualRecordIcon from '@material-ui/icons/FiberManualRecord';\nimport FilterListIcon from '@material-ui/icons/FilterList';\nimport SortIcon from '@material-ui/icons/Sort';\nimport SwapVertIcon from '@material-ui/icons/SwapVert';\nimport TuneIcon from '@material-ui/icons/Tune';\nimport { compact } from 'lodash';\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 'dateRange',\n 'tags',\n 'tagsRelation',\n 'entities',\n 'entitiesRelation',\n 'status',\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 status?: PostStatus;\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 entities?: string[];\n tags?: string[];\n tagsRelation?: 'and' \| 'or';\n entitiesRelation?: 'and' \| 'or';\n status?: PostStatus;\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?:\n \| 'created'\n \| 'title'\n \| 'postsCount'\n \| 'questionsCount'\n \| 'articlesCount'\n \| 'linksCount'\n \| 'followerCount';\n};\n\nexport type TagFilters = Filters & {\n orderBy?:\n \| 'postsCount'\n \| 'questionsCount'\n \| 'articlesCount'\n \| 'linksCount'\n \| 'followerCount'\n \| 'tag';\n};\n\nexport type EntityFilters = Filters & {\n orderBy?:\n \| 'postsCount'\n \| 'questionsCount'\n \| 'articlesCount'\n \| 'linksCount'\n \| 'followerCount'\n \| 'entityRef';\n};\n\nexport type UserFilters = Filters & {\n orderBy?:\n \| 'totalPosts'\n \| 'totalQuestions'\n \| 'totalAnswers'\n \| 'totalArticles'\n \| 'totalLinks'\n \| 'totalViews'\n \| 'totalVotes'\n \| 'followerCount'\n \| 'userRef';\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 CommonFilterPanelProps {\n showEntityFilter?: boolean;\n showTagFilter?: boolean;\n answerFilters?: boolean;\n type?: PostType;\n mode?: 'posts' \| 'collections' \| 'tags' \| 'entities' \| 'users';\n}\n\nexport interface FilterPanelProps<T extends Filters>\n extends CommonFilterPanelProps {\n onChange: (changes: Change<T> \| Change<T>[]) => void;\n filters: T;\n}\n\nconst useStyles = makeStyles(\n theme => ({\n root: {\n padding: '1.5em',\n marginTop: '0',\n marginBottom: '2em',\n border: `1px solid ${theme.palette.divider}`,\n borderRadius: theme.shape.borderRadius,\n backgroundColor: theme.palette.background.paper,\n },\n label: {\n display: 'flex',\n alignItems: 'center',\n textTransform: 'uppercase',\n fontSize: '0.75rem',\n fontWeight: 'bold',\n marginBottom: '0.75em',\n color: theme.palette.text.secondary,\n '& > svg': {\n marginRight: '0.25em',\n fontSize: '1.1rem',\n },\n },\n }),\n { name: 'QetaFilterPanel' },\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 mode = 'posts',\n } = props;\n const { t } = useTranslationRef(qetaTranslationRef);\n const [entities, setEntities] = useState<Entity[] \| undefined>(undefined);\n const [starredEntities, setStarredEntities] = useState(false);\n const [ownedEntities, setOwnedEntities] = useState(false);\n const [ownedEntityRefs, setOwnedEntityRefs] = useState<string[]>([]);\n const starredEntitiesApi = useStarredEntities();\n const catalogApi = useApi(catalogApiRef);\n const identityApi = useApi(identityApiRef);\n const styles = useStyles();\n const [searchParams, setSearchParams] = useSearchParams();\n const initializedRef = useRef(false);\n\n // Initialize filters from URL parameters only once\n useEffect(() => {\n if (initializedRef.current) {\n return;\n }\n initializedRef.current = true;\n\n const changes: Change<T>[] = [];\n searchParams.forEach((value, key) => {\n if (!value) {\n return;\n }\n if (filterKeys.includes(key as FilterKey)) {\n if (key === 'tags' \|\| key === 'entities') {\n changes.push({ key: key as keyof T, value: value.split(',') });\n } else {\n changes.push({ key: key as keyof T, value });\n }\n }\n });\n if (changes.length > 0) {\n onChange(changes);\n }\n }, [searchParams, onChange]);\n\n // Handle owned entities\n useEffect(() => {\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 setOwnedEntityRefs(entityRefs);\n });\n });\n }, [catalogApi, identityApi]);\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\n // Update URL parameters\n setSearchParams(prev => {\n const newParams = new URLSearchParams(prev);\n if (\n !value \|\|\n value === 'false' \|\|\n (Array.isArray(value) && value.length === 0)\n ) {\n newParams.delete(event.target.name);\n } else if (Array.isArray(value)) {\n newParams.set(event.target.name, value.join(','));\n } else {\n newParams.set(event.target.name, value);\n }\n return newParams;\n });\n\n onChange({ key: event.target.name as keyof T, value });\n };\n\n const handleStarredEntities = useCallback(\n (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 [onChange, starredEntitiesApi.starredEntities],\n );\n\n const handleOwnedEntities = useCallback(\n (checked: boolean) => {\n setOwnedEntities(checked);\n setEntities([]);\n if (checked) {\n onChange([\n { key: 'entities', value: ownedEntityRefs },\n { key: 'entitiesRelation', value: 'or' },\n ]);\n } else {\n onChange([\n { key: 'entities', value: [] },\n { key: 'entitiesRelation', value: 'and' },\n ]);\n }\n },\n [onChange, ownedEntityRefs],\n );\n\n useEffect(() => {\n if (filters.entities) {\n catalogApi\n .getEntitiesByRefs({\n entityRefs: filters.entities,\n fields: ['kind', 'metadata.name', 'metadata.namespace'],\n })\n .then(data => {\n setEntities(compact(data.items));\n });\n }\n }, [catalogApi, filters.entities]);\n\n const postFilters = isPostFilters(filters);\n const answerFilters = isAnswerFilters(filters);\n const collectionFilters = isCollectionFilters(filters);\n\n const showBottomSection =\n mode !== 'tags' && mode !== 'entities' && mode !== 'users';\n\n return (\n <Box className={styles.root}>\n <Grid\n container\n spacing={3}\n alignItems=\"flex-start\"\n justifyContent=\"space-between\"\n >\n {(postFilters \|\| answerFilters) && (\n <Grid item xs={12} md={4}>\n <FormGroup>\n <FormLabel id=\"qeta-filter-quick\" className={styles.label}>\n <FilterListIcon />\n {t('filterPanel.quickFilters.label')}\n </FormLabel>\n {postFilters && type === 'question' && (\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 && (\n <FormControlLabel\n control={\n <Checkbox\n size=\"small\"\n name=\"status\"\n onChange={e => {\n const newStatus = e.target.checked\n ? 'draft'\n : undefined;\n handleChange({\n target: { name: 'status', value: newStatus },\n });\n }}\n checked={filters.status === 'draft'}\n />\n }\n label={t('filterPanel.drafts.label')}\n />\n )}\n {(postFilters \|\| answerFilters) && type === 'question' && (\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) && type !== 'link' && (\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 xs={12} md={5}>\n <FormControl component=\"fieldset\" style={{ width: '100%' }}>\n <FormLabel id=\"qeta-filter-order-by\" className={styles.label}>\n <SortIcon />\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 1em',\n }}\n >\n {postFilters &&\n filters.collectionId !== undefined &&\n radioSelect('rank', t('filterPanel.orderBy.rank'))}\n {mode !== 'users' &&\n mode !== 'tags' &&\n mode !== 'entities' &&\n radioSelect('created', t('filterPanel.orderBy.created'))}\n {(postFilters \|\| collectionFilters) &&\n mode !== 'tags' &&\n mode !== 'entities' &&\n mode !== 'users' &&\n radioSelect('title', t('filterPanel.orderBy.title'))}\n {postFilters &&\n type !== 'link' &&\n radioSelect('views', t('filterPanel.orderBy.views'))}\n {(postFilters \|\| answerFilters) &&\n radioSelect(\n 'score',\n type !== 'link'\n ? t('filterPanel.orderBy.score')\n : t('filterPanel.orderBy.clicks'),\n )}\n {postFilters &&\n radioSelect('trend', t('filterPanel.orderBy.trend'))}\n {postFilters &&\n type === 'question' &&\n radioSelect('answersCount', t('filterPanel.orderBy.answers'))}\n {(postFilters \|\| answerFilters) &&\n radioSelect('updated', t('filterPanel.orderBy.updated'))}\n\n {mode === 'tags' &&\n radioSelect('tag', t('filterPanel.orderBy.tag'))}\n {mode === 'entities' &&\n radioSelect('entityRef', t('filterPanel.orderBy.entityRef'))}\n {mode === 'users' &&\n radioSelect('userRef', t('filterPanel.orderBy.user'))}\n\n {(mode === 'tags' \|\|\n mode === 'entities' \|\|\n mode === 'collections') &&\n radioSelect('postsCount', t('filterPanel.orderBy.posts'))}\n {(mode === 'tags' \|\|\n mode === 'entities' \|\|\n mode === 'collections') &&\n radioSelect(\n 'questionsCount',\n t('filterPanel.orderBy.questions'),\n )}\n {(mode === 'tags' \|\|\n mode === 'entities' \|\|\n mode === 'collections') &&\n radioSelect('articlesCount', t('filterPanel.orderBy.articles'))}\n {(mode === 'tags' \|\|\n mode === 'entities' \|\|\n mode === 'collections') &&\n radioSelect('linksCount', t('filterPanel.orderBy.links'))}\n {(mode === 'tags' \|\|\n mode === 'entities' \|\|\n mode === 'users' \|\|\n mode === 'collections') &&\n radioSelect(\n 'followerCount',\n t('filterPanel.orderBy.followers'),\n )}\n\n {mode === 'users' &&\n radioSelect('totalPosts', t('filterPanel.orderBy.posts'))}\n {mode === 'users' &&\n radioSelect(\n 'totalQuestions',\n t('filterPanel.orderBy.questions'),\n )}\n {mode === 'users' &&\n radioSelect('totalAnswers', t('filterPanel.orderBy.answers'))}\n {mode === 'users' &&\n radioSelect('totalArticles', t('filterPanel.orderBy.articles'))}\n {mode === 'users' &&\n radioSelect('totalLinks', t('filterPanel.orderBy.links'))}\n {mode === 'users' &&\n radioSelect('totalViews', t('filterPanel.orderBy.views'))}\n {mode === 'users' &&\n radioSelect('totalVotes', t('filterPanel.orderBy.votes'))}\n </RadioGroup>\n </FormControl>\n </Grid>\n <Grid item xs={12} md={3}>\n <FormControl component=\"fieldset\">\n <FormLabel id=\"qeta-filter-order\" className={styles.label}>\n <SwapVertIcon />\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 {showBottomSection && (\n <>\n <Box marginY=\"24px\">\n <Divider />\n </Box>\n <Box marginBottom=\"1em\">\n <FormLabel className={styles.label}>\n <TuneIcon />\n {t('filterPanel.filters.label')}\n </FormLabel>\n </Box>\n <Grid\n container\n spacing={2}\n alignItems=\"flex-start\"\n justifyContent=\"flex-start\"\n >\n <Grid item xs={12} md={4}>\n <DateRangeFilter\n value={filters.dateRange}\n onChange={val => onChange({ key: 'dateRange', value: val })}\n />\n </Grid>\n {showEntityFilter && (\n <Grid item xs={12} md={4}>\n <Grid container alignItems=\"center\">\n <Grid item xs>\n <EntitiesInput\n disabled={starredEntities \|\| ownedEntities}\n style={{ width: '100%' }}\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 {entities && 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({\n key: 'entitiesRelation',\n value: 'and',\n });\n } else {\n onChange({\n key: 'entitiesRelation',\n value: 'or',\n });\n }\n }}\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 xs={12} md={4}>\n <Grid container alignItems=\"center\">\n <Grid item xs>\n <TagInput\n style={{ width: '100%' }}\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 >\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 </>\n )}\n </Box>\n );\n};\n"],"names":["FilterListIcon"],"mappings":"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"}

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

@@ -1,18 +1,75 @@
-import { jsx } from 'react/jsx-runtime';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
 import { qetaTranslationRef } from '../../translation.esm.js';
 import { useCollectionsFollow } from '../../hooks/useCollectionsFollow.esm.js';
-import { CollectionChip } from '../TagsAndEntities/CollectionChip.esm.js';
 import { RightListContainer, RightList } from '../Utility/RightList.esm.js';
-import { ListItem } from '@material-ui/core';
+import { makeStyles, ListItem, Box, Tooltip, ListItemText } from '@material-ui/core';
+import PlaylistPlayOutlined from '@material-ui/icons/PlaylistPlayOutlined';
+import { useNavigate } from 'react-router-dom';
+import { collectionRouteRef } from '../../routes.esm.js';
+import { useRouteRef } from '@backstage/core-plugin-api';
+const useStyles = makeStyles((theme) => ({
+  listItem: {
+    display: "flex",
+    alignItems: "center",
+    padding: "0 4px",
+    minHeight: 28,
+    cursor: "pointer",
+    transition: "background 0.2s",
+    "&:hover": {
+      background: theme.palette.action.hover
+    }
+  },
+  listItemText: {
+    color: theme.palette.text.primary,
+    whiteSpace: "nowrap",
+    overflow: "hidden",
+    textOverflow: "ellipsis",
+    flex: 1
+  },
+  iconBox: {
+    minWidth: 28,
+    maxWidth: 28,
+    height: 24,
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    borderRadius: 4,
+    marginRight: theme.spacing(1),
+    marginLeft: theme.spacing(0.5),
+    color: theme.palette.text.secondary
+  }
+}));
 const FollowedCollectionsList = () => {
   const collections = useCollectionsFollow();
   const { t } = useTranslationRef(qetaTranslationRef);
+  const classes = useStyles();
+  const navigate = useNavigate();
+  const collectionRoute = useRouteRef(collectionRouteRef);
   if (collections.collections.length === 0 || collections.loading) {
     return null;
   }
-  return /* @__PURE__ */ jsx(RightListContainer, { children: /* @__PURE__ */ jsx(RightList, { title: t("rightMenu.followedCollections"), children: /* @__PURE__ */ jsx(ListItem, { style: { display: "block" }, dense: true, disableGutters: true, children: collections.collections.map((collection) => /* @__PURE__ */ jsx(CollectionChip, { collection }, collection.id)) }) }) });
+  return /* @__PURE__ */ jsx(RightListContainer, { children: /* @__PURE__ */ jsx(RightList, { title: t("rightMenu.followedCollections"), children: collections.collections.map((collection) => /* @__PURE__ */ jsxs(
+    ListItem,
+    {
+      dense: true,
+      button: true,
+      className: classes.listItem,
+      onClick: () => navigate(collectionRoute({ id: collection.id.toString(10) })),
+      children: [
+        /* @__PURE__ */ jsx(Box, { className: classes.iconBox, children: /* @__PURE__ */ jsx(PlaylistPlayOutlined, { fontSize: "small" }) }),
+        /* @__PURE__ */ jsx(Tooltip, { title: collection.title, arrow: true, children: /* @__PURE__ */ jsx(
+          ListItemText,
+          {
+            primary: collection.title,
+            classes: { primary: classes.listItemText }
+          }
+        ) })
+      ]
+    },
+    collection.id
+  )) }) });
 };
 export { FollowedCollectionsList };

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

	@@ -1 +1 @@
1	- {"version":3,"file":"FollowedCollectionsList.esm.js","sources":["../../../src/components/FollowedLists/FollowedCollectionsList.tsx"],"sourcesContent":["import { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation~~.ts~~';\nimport { useCollectionsFollow } from '../../hooks/useCollectionsFollow';\nimport { ~~CollectionChip~~ } from '../~~TagsAndEntities~~/~~CollectionChip~~';\nimport { ~~RightList,~~ ~~RightListContainer~~ } from '~~../Utility~~/~~RightList~~';\nimport { ~~ListItem~~ } from '@~~material-ui~~/core';\n\nexport const FollowedCollectionsList = () => {\n const collections = useCollectionsFollow();\n const { t } = useTranslationRef(qetaTranslationRef);\n\n if (collections.collections.length === 0 \|\| collections.loading) {\n return null;\n }\n\n return (\n <RightListContainer>\n <RightList title={t('rightMenu.followedCollections')}>\n <ListItem ~~style~~={{ ~~display~~: ~~'block'~~ }} ~~dense disableGutters~~>\n {~~collections~~.~~collections.map(collection~~ => (\n <~~CollectionChip~~ ~~key~~={collection.id} ~~collection~~={collection} />\n ))}\n ~~</ListItem>\n~~ </RightList>\n </RightListContainer>\n );\n};\n"],"names":[],"mappings":"~~;;;;;;;;AAOO~~,MAAM,0BAA0B,MAAM;AAC3C,EAAA,MAAM,cAAc,oBAAqB,EAAA;AACzC,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,kBAAkB,CAAA;~~AAElD~~,EAAA,IAAI,WAAY,CAAA,WAAA,CAAY,MAAW,KAAA,CAAA,IAAK,YAAY,OAAS,EAAA;AAC/D,IAAO,OAAA,IAAA;AAAA;AAGT,~~EAAA~~,~~uBACG~~,GAAA,~~CAAA~~,~~kBAAA~~,EAAA,~~EACC~~,~~QAAC~~,kBAAA,GAAA,~~CAAA~~,~~SAAA~~,EAAA,~~EAAU~~,~~KAAO~~,~~EAAA~~,CAAA~~,CAAE~~,+BAA+B,~~CAAA~~,~~EACjD~~,~~QAAC~~,~~kBAAA~~,~~GAAA~~,CAAA,QAAA,EAAA,~~EAAS~~,~~KAAO~~,EAAA,~~EAAE~~,~~SAAS~~,OAAQ,EAAA,~~EAAG~~,~~KAAK~~,EAAA,~~IAAA~~,EAAC,~~cAAc~~,EAAA,~~IAAA~~,~~EACxD~~,~~QAAY~~,EAAA,~~WAAA~~,CAAA,~~WAAA~~,~~CAAY~~,~~IAAI~~,~~CAC3B~~,~~UAAA~~,~~qBAAA~~,~~GAAA~~,~~CAAC~~,~~cAAmC~~,EAAA,EAAA,~~UAAA~~,EAAA,~~EAAf~~,UAAW,CAAA,~~EAA4B~~,~~CAC7D~~,CAAA,~~EACH~~,~~GACF~~,CACF,EAAA,CAAA;AAEJ;;;;"}
1	+ {"version":3,"file":"FollowedCollectionsList.esm.js","sources":["../../../src/components/FollowedLists/FollowedCollectionsList.tsx"],"sourcesContent":["import { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation';\nimport { useCollectionsFollow } from '../../hooks/useCollectionsFollow';\nimport { RightList, RightListContainer } from '../Utility/RightList';\nimport {\n Box,\n ListItem,\n ListItemText,\n makeStyles,\n Tooltip,\n} from '@material-ui/core';\nimport PlaylistPlayOutlined from '@material-ui/icons/PlaylistPlayOutlined';\nimport { useNavigate } from 'react-router-dom';\nimport { collectionRouteRef } from '../../routes';\nimport { useRouteRef } from '@backstage/core-plugin-api';\n\nconst useStyles = makeStyles(theme => ({\n listItem: {\n display: 'flex',\n alignItems: 'center',\n padding: '0 4px',\n minHeight: 28,\n cursor: 'pointer',\n transition: 'background 0.2s',\n '&:hover': {\n background: theme.palette.action.hover,\n },\n },\n listItemText: {\n color: theme.palette.text.primary,\n whiteSpace: 'nowrap',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n flex: 1,\n },\n iconBox: {\n minWidth: 28,\n maxWidth: 28,\n height: 24,\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n borderRadius: 4,\n marginRight: theme.spacing(1),\n marginLeft: theme.spacing(0.5),\n color: theme.palette.text.secondary,\n },\n}));\n\nexport const FollowedCollectionsList = () => {\n const collections = useCollectionsFollow();\n const { t } = useTranslationRef(qetaTranslationRef);\n const classes = useStyles();\n const navigate = useNavigate();\n const collectionRoute = useRouteRef(collectionRouteRef);\n\n if (collections.collections.length === 0 \|\| collections.loading) {\n return null;\n }\n\n return (\n <RightListContainer>\n <RightList title={t('rightMenu.followedCollections')}>\n {collections.collections.map(collection => (\n <ListItem\n key={collection.id}\n dense\n button\n className={classes.listItem}\n onClick={() =>\n navigate(collectionRoute({ id: collection.id.toString(10) }))\n }\n >\n <Box className={classes.iconBox}>\n <PlaylistPlayOutlined fontSize=\"small\" />\n </Box>\n <Tooltip title={collection.title} arrow>\n <ListItemText\n primary={collection.title}\n classes={{ primary: classes.listItemText }}\n />\n </Tooltip>\n </ListItem>\n ))}\n </RightList>\n </RightListContainer>\n );\n};\n"],"names":[],"mappings":";;;;;;;;;;;AAgBA,MAAM,SAAA,GAAY,WAAW,CAAU,KAAA,MAAA;AAAA,EACrC,QAAU,EAAA;AAAA,IACR,OAAS,EAAA,MAAA;AAAA,IACT,UAAY,EAAA,QAAA;AAAA,IACZ,OAAS,EAAA,OAAA;AAAA,IACT,SAAW,EAAA,EAAA;AAAA,IACX,MAAQ,EAAA,SAAA;AAAA,IACR,UAAY,EAAA,iBAAA;AAAA,IACZ,SAAW,EAAA;AAAA,MACT,UAAA,EAAY,KAAM,CAAA,OAAA,CAAQ,MAAO,CAAA;AAAA;AACnC,GACF;AAAA,EACA,YAAc,EAAA;AAAA,IACZ,KAAA,EAAO,KAAM,CAAA,OAAA,CAAQ,IAAK,CAAA,OAAA;AAAA,IAC1B,UAAY,EAAA,QAAA;AAAA,IACZ,QAAU,EAAA,QAAA;AAAA,IACV,YAAc,EAAA,UAAA;AAAA,IACd,IAAM,EAAA;AAAA,GACR;AAAA,EACA,OAAS,EAAA;AAAA,IACP,QAAU,EAAA,EAAA;AAAA,IACV,QAAU,EAAA,EAAA;AAAA,IACV,MAAQ,EAAA,EAAA;AAAA,IACR,OAAS,EAAA,MAAA;AAAA,IACT,UAAY,EAAA,QAAA;AAAA,IACZ,cAAgB,EAAA,QAAA;AAAA,IAChB,YAAc,EAAA,CAAA;AAAA,IACd,WAAA,EAAa,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,IAC5B,UAAA,EAAY,KAAM,CAAA,OAAA,CAAQ,GAAG,CAAA;AAAA,IAC7B,KAAA,EAAO,KAAM,CAAA,OAAA,CAAQ,IAAK,CAAA;AAAA;AAE9B,CAAE,CAAA,CAAA;AAEK,MAAM,0BAA0B,MAAM;AAC3C,EAAA,MAAM,cAAc,oBAAqB,EAAA;AACzC,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,kBAAkB,CAAA;AAClD,EAAA,MAAM,UAAU,SAAU,EAAA;AAC1B,EAAA,MAAM,WAAW,WAAY,EAAA;AAC7B,EAAM,MAAA,eAAA,GAAkB,YAAY,kBAAkB,CAAA;AAEtD,EAAA,IAAI,WAAY,CAAA,WAAA,CAAY,MAAW,KAAA,CAAA,IAAK,YAAY,OAAS,EAAA;AAC/D,IAAO,OAAA,IAAA;AAAA;AAGT,EACE,uBAAA,GAAA,CAAC,kBACC,EAAA,EAAA,QAAA,kBAAA,GAAA,CAAC,SAAU,EAAA,EAAA,KAAA,EAAO,CAAE,CAAA,+BAA+B,CAChD,EAAA,QAAA,EAAA,WAAA,CAAY,WAAY,CAAA,GAAA,CAAI,CAC3B,UAAA,qBAAA,IAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MAEC,KAAK,EAAA,IAAA;AAAA,MACL,MAAM,EAAA,IAAA;AAAA,MACN,WAAW,OAAQ,CAAA,QAAA;AAAA,MACnB,OAAS,EAAA,MACP,QAAS,CAAA,eAAA,CAAgB,EAAE,EAAA,EAAI,UAAW,CAAA,EAAA,CAAG,QAAS,CAAA,EAAE,CAAE,EAAC,CAAC,CAAA;AAAA,MAG9D,QAAA,EAAA;AAAA,wBAAC,GAAA,CAAA,GAAA,EAAA,EAAI,WAAW,OAAQ,CAAA,OAAA,EACtB,8BAAC,oBAAqB,EAAA,EAAA,QAAA,EAAS,SAAQ,CACzC,EAAA,CAAA;AAAA,4BACC,OAAQ,EAAA,EAAA,KAAA,EAAO,UAAW,CAAA,KAAA,EAAO,OAAK,IACrC,EAAA,QAAA,kBAAA,GAAA;AAAA,UAAC,YAAA;AAAA,UAAA;AAAA,YACC,SAAS,UAAW,CAAA,KAAA;AAAA,YACpB,OAAS,EAAA,EAAE,OAAS,EAAA,OAAA,CAAQ,YAAa;AAAA;AAAA,SAE7C,EAAA;AAAA;AAAA,KAAA;AAAA,IAhBK,UAAW,CAAA;AAAA,GAkBnB,GACH,CACF,EAAA,CAAA;AAEJ;;;;"}