npm - @drodil/backstage-plugin-qeta-react - Versions diffs - 3.9.3 → 3.10.1 - Mend

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

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 (206) hide show

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

@@ -1,25 +1,35 @@
-import React from 'react';
-import { Box, Grid, FormGroup, FormLabel, FormControlLabel, Checkbox, FormControl, RadioGroup, Divider, Tooltip, IconButton, Radio } from '@material-ui/core';
+import React__default from 'react';
+import IconButton from '@mui/material/IconButton';
+import Tooltip from '@mui/material/Tooltip';
+import Divider from '@mui/material/Divider';
+import Box from '@mui/material/Box';
+import Grid from '@mui/material/Grid';
+import FormControl from '@mui/material/FormControl';
+import FormControlLabel from '@mui/material/FormControlLabel';
+import Radio from '@mui/material/Radio';
+import RadioGroup from '@mui/material/RadioGroup';
+import FormGroup from '@mui/material/FormGroup';
+import FormLabel from '@mui/material/FormLabel';
+import Checkbox from '@mui/material/Checkbox';
 import { stringifyEntityRef } from '@backstage/catalog-model';
 import { DateRangeFilter } from './DateRangeFilter.esm.js';
 import { useApi, identityApiRef } from '@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 { EntitiesInput } from '../PostForm/EntitiesInput.esm.js';
 import { TagInput } from '../PostForm/TagInput.esm.js';
 import { useStarredEntities, catalogApiRef } from '@backstage/plugin-catalog-react';
-import FiberManualRecordIcon from '@material-ui/icons/FiberManualRecord';
-import AdjustIcon from '@material-ui/icons/Adjust';
+import FiberManualRecordIcon from '@mui/icons-material/FiberManualRecord';
+import AdjustIcon from '@mui/icons-material/Adjust';
 const radioSelect = (value, label) => {
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React__default.createElement(
     FormControlLabel,
     {
       value,
-      control: /* @__PURE__ */ React.createElement(Radio, { size: "small" }),
+      control: /* @__PURE__ */ React__default.createElement(Radio, { size: "small" }),
       label
     }
   );
@@ -50,13 +60,12 @@ const FilterPanel = (props) => {
     showTagFilter = true,
     type
   } = props;
-  const styles = useStyles();
   const { t } = useTranslation();
-  const [entities, setEntities] = React.useState(
+  const [entities, setEntities] = React__default.useState(
     void 0
   );
-  const [starredEntities, setStarredEntities] = React.useState(false);
-  const [ownedEntities, setOwnedEntities] = React.useState(false);
+  const [starredEntities, setStarredEntities] = React__default.useState(false);
+  const [ownedEntities, setOwnedEntities] = React__default.useState(false);
   const starredEntitiesApi = useStarredEntities();
   const catalogApi = useApi(catalogApiRef);
   const identityApi = useApi(identityApiRef);
@@ -107,189 +116,204 @@ const FilterPanel = (props) => {
   const postFilters = isPostFilters(filters);
   const answerFilters = isAnswerFilters(filters);
   const collectionFilters = isCollectionFilters(filters);
-  return /* @__PURE__ */ React.createElement(Box, { className: `qetaFilterPanel ${styles.filterPanel}` }, /* @__PURE__ */ React.createElement(
-    Grid,
+  return /* @__PURE__ */ React__default.createElement(
+    Box,
     {
-      container: true,
-      spacing: 4,
-      alignItems: "stretch",
-      justifyContent: "space-evenly"
+      marginTop: 2,
+      sx: (theme) => ({
+        border: `1px solid ${theme.palette.action.selected}`,
+        borderRadius: 1,
+        padding: 3
+      })
     },
-    (postFilters || answerFilters) && /* @__PURE__ */ React.createElement(Grid, { item: true }, /* @__PURE__ */ React.createElement(FormGroup, null, /* @__PURE__ */ React.createElement(FormLabel, { id: "qeta-filter-quick" }, t("filterPanel.quickFilters.label")), postFilters && type !== "article" && /* @__PURE__ */ React.createElement(
-      FormControlLabel,
+    /* @__PURE__ */ React__default.createElement(
+      Grid,
       {
-        control: /* @__PURE__ */ React.createElement(
-          Checkbox,
-          {
-            size: "small",
-            name: "noAnswers",
-            onChange: handleChange,
-            checked: filters.noAnswers === "true"
-          }
-        ),
-        label: t("filterPanel.noAnswers.label")
-      }
-    ), (postFilters || answerFilters) && type !== "article" && /* @__PURE__ */ React.createElement(
-      FormControlLabel,
-      {
-        control: /* @__PURE__ */ React.createElement(
-          Checkbox,
-          {
-            size: "small",
-            name: "noCorrectAnswer",
-            checked: filters.noCorrectAnswer === "true",
-            onChange: handleChange
-          }
-        ),
-        label: t("filterPanel.noCorrectAnswers.label")
-      }
-    ), (postFilters || answerFilters) && /* @__PURE__ */ React.createElement(
-      FormControlLabel,
-      {
-        control: /* @__PURE__ */ React.createElement(
-          Checkbox,
-          {
-            size: "small",
-            name: "noVotes",
-            checked: filters.noVotes === "true",
-            onChange: handleChange
+        container: true,
+        spacing: 4,
+        alignItems: "stretch",
+        justifyContent: "space-evenly"
+      },
+      (postFilters || answerFilters) && /* @__PURE__ */ React__default.createElement(Grid, { item: true }, /* @__PURE__ */ React__default.createElement(FormGroup, null, /* @__PURE__ */ React__default.createElement(FormLabel, { id: "qeta-filter-quick" }, t("filterPanel.quickFilters.label")), postFilters && type !== "article" && /* @__PURE__ */ React__default.createElement(
+        FormControlLabel,
+        {
+          control: /* @__PURE__ */ React__default.createElement(
+            Checkbox,
+            {
+              size: "small",
+              name: "noAnswers",
+              onChange: handleChange,
+              checked: filters.noAnswers === "true"
+            }
+          ),
+          label: t("filterPanel.noAnswers.label")
+        }
+      ), (postFilters || answerFilters) && type !== "article" && /* @__PURE__ */ React__default.createElement(
+        FormControlLabel,
+        {
+          control: /* @__PURE__ */ React__default.createElement(
+            Checkbox,
+            {
+              size: "small",
+              name: "noCorrectAnswer",
+              checked: filters.noCorrectAnswer === "true",
+              onChange: handleChange
+            }
+          ),
+          label: t("filterPanel.noCorrectAnswers.label")
+        }
+      ), (postFilters || answerFilters) && /* @__PURE__ */ React__default.createElement(
+        FormControlLabel,
+        {
+          control: /* @__PURE__ */ React__default.createElement(
+            Checkbox,
+            {
+              size: "small",
+              name: "noVotes",
+              checked: filters.noVotes === "true",
+              onChange: handleChange
+            }
+          ),
+          label: t("filterPanel.noVotes.label")
+        }
+      ), starredEntitiesApi.starredEntities.size > 0 && /* @__PURE__ */ React__default.createElement(
+        FormControlLabel,
+        {
+          control: /* @__PURE__ */ React__default.createElement(
+            Checkbox,
+            {
+              size: "small",
+              name: "starredEntities",
+              onChange: (e) => handleStarredEntities(e.target.checked),
+              checked: starredEntities
+            }
+          ),
+          label: t("filterPanel.starredEntities.label")
+        }
+      ), /* @__PURE__ */ React__default.createElement(
+        FormControlLabel,
+        {
+          control: /* @__PURE__ */ React__default.createElement(
+            Checkbox,
+            {
+              size: "small",
+              name: "ownedEntities",
+              onChange: (e) => handleOwnedEntities(e.target.checked),
+              checked: ownedEntities
+            }
+          ),
+          label: t("filterPanel.ownedEntities.label")
+        }
+      ))),
+      /* @__PURE__ */ React__default.createElement(Grid, { item: true }, /* @__PURE__ */ React__default.createElement(FormControl, null, /* @__PURE__ */ React__default.createElement(FormLabel, { id: "qeta-filter-order-by" }, t("filterPanel.orderBy.label")), /* @__PURE__ */ React__default.createElement(
+        RadioGroup,
+        {
+          "aria-labelledby": "qeta-filter-order-by",
+          name: "orderBy",
+          value: filters.orderBy,
+          onChange: handleChange,
+          style: {
+            display: "grid",
+            gridTemplateColumns: "1fr 1fr",
+            gap: "0 1rem"
           }
-        ),
-        label: t("filterPanel.noVotes.label")
-      }
-    ), starredEntitiesApi.starredEntities.size > 0 && /* @__PURE__ */ React.createElement(
-      FormControlLabel,
+        },
+        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")),
+        postFilters && radioSelect("views", t("filterPanel.orderBy.views")),
+        (postFilters || answerFilters) && radioSelect("score", t("filterPanel.orderBy.score")),
+        postFilters && radioSelect("trend", t("filterPanel.orderBy.trend")),
+        postFilters && type !== "article" && radioSelect("answersCount", t("filterPanel.orderBy.answers")),
+        (postFilters || answerFilters) && radioSelect("updated", t("filterPanel.orderBy.updated"))
+      ))),
+      /* @__PURE__ */ React__default.createElement(Grid, { item: true }, /* @__PURE__ */ React__default.createElement(FormControl, null, /* @__PURE__ */ React__default.createElement(FormLabel, { id: "qeta-filter-order" }, t("filterPanel.order.label")), /* @__PURE__ */ React__default.createElement(
+        RadioGroup,
+        {
+          "aria-labelledby": "qeta-filter-order",
+          name: "order",
+          value: filters.order,
+          onChange: handleChange
+        },
+        radioSelect("desc", t("filterPanel.order.desc")),
+        radioSelect("asc", t("filterPanel.order.asc"))
+      )))
+    ),
+    /* @__PURE__ */ React__default.createElement(Box, { marginY: "24px" }, /* @__PURE__ */ React__default.createElement(Divider, null)),
+    /* @__PURE__ */ React__default.createElement(Grid, { container: true, alignItems: "stretch", justifyContent: "space-evenly" }, /* @__PURE__ */ React__default.createElement(Grid, { item: true }, /* @__PURE__ */ React__default.createElement(
+      DateRangeFilter,
       {
-        control: /* @__PURE__ */ React.createElement(
-          Checkbox,
-          {
-            size: "small",
-            name: "starredEntities",
-            onChange: (e) => handleStarredEntities(e.target.checked),
-            checked: starredEntities
-          }
-        ),
-        label: t("filterPanel.starredEntities.label")
+        value: filters.dateRange,
+        onChange: (val) => onChange({ key: "dateRange", value: val })
       }
-    ), /* @__PURE__ */ React.createElement(
-      FormControlLabel,
+    )), showEntityFilter && /* @__PURE__ */ React__default.createElement(Grid, { item: true }, /* @__PURE__ */ React__default.createElement(Grid, { container: true, alignItems: "center" }, /* @__PURE__ */ React__default.createElement(Grid, { item: true }, /* @__PURE__ */ React__default.createElement(
+      EntitiesInput,
       {
-        control: /* @__PURE__ */ React.createElement(
-          Checkbox,
-          {
-            size: "small",
-            name: "ownedEntities",
-            onChange: (e) => handleOwnedEntities(e.target.checked),
-            checked: ownedEntities
-          }
-        ),
-        label: t("filterPanel.ownedEntities.label")
+        disabled: starredEntities || ownedEntities,
+        style: { minWidth: "200px" },
+        onChange: (newEntities) => {
+          const entityRefs = (newEntities ?? []).map(
+            (e) => stringifyEntityRef(e)
+          );
+          handleChange({
+            target: { name: "entities", value: entityRefs }
+          });
+          setEntities(newEntities);
+        },
+        value: entities,
+        useOnlyUsedEntities: true,
+        hideHelpText: true
       }
-    ))),
-    /* @__PURE__ */ React.createElement(Grid, { item: true }, /* @__PURE__ */ React.createElement(FormControl, null, /* @__PURE__ */ React.createElement(FormLabel, { id: "qeta-filter-order-by" }, t("filterPanel.orderBy.label")), /* @__PURE__ */ React.createElement(
-      RadioGroup,
+    )), filters.entities && filters.entities?.length > 1 && /* @__PURE__ */ React__default.createElement(Grid, { item: true }, /* @__PURE__ */ React__default.createElement(
+      Tooltip,
       {
-        "aria-labelledby": "qeta-filter-order-by",
-        name: "orderBy",
-        value: filters.orderBy,
-        onChange: handleChange,
-        style: {
-          display: "grid",
-          gridTemplateColumns: "1fr 1fr",
-          gap: "0 1rem"
-        }
-      },
-      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")),
-      postFilters && radioSelect("views", t("filterPanel.orderBy.views")),
-      (postFilters || answerFilters) && radioSelect("score", t("filterPanel.orderBy.score")),
-      postFilters && radioSelect("trend", t("filterPanel.orderBy.trend")),
-      postFilters && type !== "article" && radioSelect("answersCount", t("filterPanel.orderBy.answers")),
-      (postFilters || answerFilters) && radioSelect("updated", t("filterPanel.orderBy.updated"))
-    ))),
-    /* @__PURE__ */ React.createElement(Grid, { item: true }, /* @__PURE__ */ React.createElement(FormControl, null, /* @__PURE__ */ React.createElement(FormLabel, { id: "qeta-filter-order" }, t("filterPanel.order.label")), /* @__PURE__ */ React.createElement(
-      RadioGroup,
-      {
-        "aria-labelledby": "qeta-filter-order",
-        name: "order",
-        value: filters.order,
-        onChange: handleChange
+        title: filters.entitiesRelation === "or" ? t("filterPanel.toggleEntityRelation.and") : t("filterPanel.toggleEntityRelation.or")
       },
-      radioSelect("desc", t("filterPanel.order.desc")),
-      radioSelect("asc", t("filterPanel.order.asc"))
-    )))
-  ), /* @__PURE__ */ React.createElement(Box, { marginY: "24px" }, /* @__PURE__ */ React.createElement(Divider, null)), /* @__PURE__ */ React.createElement(Grid, { container: true, alignItems: "stretch", justifyContent: "space-evenly" }, /* @__PURE__ */ React.createElement(Grid, { item: true }, /* @__PURE__ */ React.createElement(
-    DateRangeFilter,
-    {
-      value: filters.dateRange,
-      onChange: (e) => onChange({ key: "dateRange", value: e })
-    }
-  )), showEntityFilter && /* @__PURE__ */ React.createElement(Grid, { item: true }, /* @__PURE__ */ React.createElement(Grid, { container: true, alignItems: "center" }, /* @__PURE__ */ React.createElement(Grid, { item: true }, /* @__PURE__ */ React.createElement(
-    EntitiesInput,
-    {
-      disabled: starredEntities || ownedEntities,
-      style: { minWidth: "200px" },
-      onChange: (newEntities) => {
-        const entityRefs = (newEntities ?? []).map(
-          (e) => stringifyEntityRef(e)
-        );
-        handleChange({
-          target: { name: "entities", value: entityRefs }
-        });
-        setEntities(newEntities);
-      },
-      value: entities,
-      useOnlyUsedEntities: true,
-      hideHelpText: true
-    }
-  )), filters.entities && filters.entities?.length > 1 && /* @__PURE__ */ React.createElement(Grid, { item: true }, /* @__PURE__ */ React.createElement(
-    Tooltip,
-    {
-      title: filters.entitiesRelation === "or" ? t("filterPanel.toggleEntityRelation.and") : t("filterPanel.toggleEntityRelation.or")
-    },
-    /* @__PURE__ */ React.createElement(
-      IconButton,
+      /* @__PURE__ */ React__default.createElement(
+        IconButton,
+        {
+          disabled: starredEntities || ownedEntities,
+          onClick: () => {
+            if (filters.entitiesRelation === "or") {
+              onChange({ key: "entitiesRelation", value: "and" });
+            } else {
+              onChange({ key: "entitiesRelation", value: "or" });
+            }
+          },
+          size: "large"
+        },
+        filters.entitiesRelation === "or" ? /* @__PURE__ */ React__default.createElement(AdjustIcon, null) : /* @__PURE__ */ React__default.createElement(FiberManualRecordIcon, null)
+      )
+    )))), showTagFilter && /* @__PURE__ */ React__default.createElement(Grid, { item: true }, /* @__PURE__ */ React__default.createElement(Grid, { container: true, alignItems: "center" }, /* @__PURE__ */ React__default.createElement(Grid, { item: true }, /* @__PURE__ */ React__default.createElement(
+      TagInput,
       {
-        disabled: starredEntities || ownedEntities,
-        onClick: () => {
-          if (filters.entitiesRelation === "or") {
-            onChange({ key: "entitiesRelation", value: "and" });
-          } else {
-            onChange({ key: "entitiesRelation", value: "or" });
-          }
-        }
-      },
-      filters.entitiesRelation === "or" ? /* @__PURE__ */ React.createElement(AdjustIcon, null) : /* @__PURE__ */ React.createElement(FiberManualRecordIcon, null)
-    )
-  )))), showTagFilter && /* @__PURE__ */ React.createElement(Grid, { item: true }, /* @__PURE__ */ React.createElement(Grid, { container: true, alignItems: "center" }, /* @__PURE__ */ React.createElement(Grid, { item: true }, /* @__PURE__ */ React.createElement(
-    TagInput,
-    {
-      style: { minWidth: "200px" },
-      onChange: (newTags) => onChange({ key: "tags", value: newTags }),
-      value: filters.tags,
-      hideHelpText: true,
-      allowCreate: false
-    }
-  )), filters.tags && filters.tags?.length > 1 && /* @__PURE__ */ React.createElement(Grid, { item: true }, /* @__PURE__ */ React.createElement(
-    Tooltip,
-    {
-      title: filters.tagsRelation === "or" ? t("filterPanel.toggleTagRelation.and") : t("filterPanel.toggleTagRelation.or")
-    },
-    /* @__PURE__ */ React.createElement(
-      IconButton,
+        style: { minWidth: "200px" },
+        onChange: (newTags) => onChange({ key: "tags", value: newTags }),
+        value: filters.tags,
+        hideHelpText: true,
+        allowCreate: false
+      }
+    )), filters.tags && filters.tags?.length > 1 && /* @__PURE__ */ React__default.createElement(Grid, { item: true }, /* @__PURE__ */ React__default.createElement(
+      Tooltip,
       {
-        onClick: () => {
-          if (filters.tagsRelation === "or") {
-            onChange({ key: "tagsRelation", value: "and" });
-          } else {
-            onChange({ key: "tagsRelation", value: "or" });
-          }
-        }
+        title: filters.tagsRelation === "or" ? t("filterPanel.toggleTagRelation.and") : t("filterPanel.toggleTagRelation.or")
       },
-      filters.tagsRelation === "or" ? /* @__PURE__ */ React.createElement(AdjustIcon, null) : /* @__PURE__ */ React.createElement(FiberManualRecordIcon, null)
-    )
-  ))))));
+      /* @__PURE__ */ React__default.createElement(
+        IconButton,
+        {
+          onClick: () => {
+            if (filters.tagsRelation === "or") {
+              onChange({ key: "tagsRelation", value: "and" });
+            } else {
+              onChange({ key: "tagsRelation", value: "or" });
+            }
+          },
+          size: "large"
+        },
+        filters.tagsRelation === "or" ? /* @__PURE__ */ React__default.createElement(AdjustIcon, null) : /* @__PURE__ */ React__default.createElement(FiberManualRecordIcon, null)
+      )
+    )))))
+  );
 };
 export { FilterPanel, filterKeys };

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 React from 'react';\nimport {\n Box,\n Checkbox,\n Divider,\n FormControl,\n FormControlLabel,\n FormGroup,\n FormLabel,\n Grid,\n IconButton,\n Radio,\n RadioGroup,\n Tooltip,\n} from '@material-ui/core';\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 '@material-ui/icons/FiberManualRecord';\nimport AdjustIcon from '@material-ui/icons/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}`}>\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={e => onChange({ key: 'dateRange', value: e })}\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 >\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 >\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 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 CHANGED Viewed

@@ -1,48 +1,42 @@
-import { Box, List, ListSubheader, Divider, ListItem } from '@material-ui/core';
-import React from 'react';
+import Divider from '@mui/material/Divider';
+import Box from '@mui/material/Box';
+import ListItem from '@mui/material/ListItem';
+import List from '@mui/material/List';
+import ListSubheader from '@mui/material/ListSubheader';
+import React__default from 'react';
 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.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.createElement(
-      List,
-      {
-        component: "nav",
-        "aria-labelledby": "nested-list-subheader",
-        className: `qetaQuestionHighlightListList ${classes.postHighlightList}`,
-        subheader: /* @__PURE__ */ React.createElement(
-          ListSubheader,
-          {
-            disableSticky: true,
-            component: "p",
-            id: "nested-list-subheader",
-            color: "primary"
-          },
-          t("rightMenu.followedCollections")
-        )
-      },
-      /* @__PURE__ */ React.createElement(Divider, null),
-      /* @__PURE__ */ React.createElement(ListItem, { style: { display: "block" } }, collections.collections.map((collection) => /* @__PURE__ */ React.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 };