npm - @drodil/backstage-plugin-qeta-react - Versions diffs - 3.8.0 → 3.9.1 - Mend

@drodil/backstage-plugin-qeta-react 3.8.0 → 3.9.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 (34) hide show

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

@@ -1,16 +1,18 @@
-import React, { useEffect } from 'react';
-import { Box, Grid, FormGroup, FormLabel, FormControlLabel, Checkbox, FormControl, RadioGroup, Divider, Tooltip, TextField, Radio } from '@material-ui/core';
-import { Autocomplete } from '@material-ui/lab';
+import React from 'react';
+import { Box, Grid, FormGroup, FormLabel, FormControlLabel, Checkbox, FormControl, RadioGroup, Divider, Tooltip, IconButton, Radio } from '@material-ui/core';
 import { stringifyEntityRef } from '@backstage/catalog-model';
-import { useApi } from '@backstage/core-plugin-api';
-import { catalogApiRef } from '@backstage/plugin-catalog-react';
-import { getEntityTitle } from '../../utils/utils.esm.js';
 import { DateRangeFilter } from './DateRangeFilter.esm.js';
-import { useQetaApi } from '../../hooks/useQetaApi.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';
 const radioSelect = (value, label) => {
   return /* @__PURE__ */ React.createElement(
@@ -28,96 +30,83 @@ const filterKeys = [
   "noAnswers",
   "noCorrectAnswer",
   "noVotes",
-  "entity",
   "tags",
   "dateRange"
 ];
+function isPostFilters(filters) {
+  return filters.noAnswers !== void 0;
+}
+function isAnswerFilters(filters) {
+  return filters.noVotes !== void 0 && filters.noAnswers === void 0;
+}
+function isCollectionFilters(filters) {
+  return filters.noAnswers === void 0;
+}
 const FilterPanel = (props) => {
   const {
     onChange,
     filters,
     showEntityFilter = true,
     showTagFilter = true,
-    answerFilters = false,
-    type,
-    showRankOrder = false
+    type
   } = props;
   const styles = useStyles();
-  const { value: refs } = useQetaApi((api) => api.getEntities(), []);
-  const { value: tags } = useQetaApi((api) => api.getTags(), []);
-  const catalogApi = useApi(catalogApiRef);
   const { t } = useTranslation();
-  const [availableEntities, setAvailableEntities] = React.useState(null);
-  const [selectedEntity, setSelectedEntity] = React.useState(void 0);
-  const [availableTags, setAvailableTags] = React.useState(
-    null
+  const [entities, setEntities] = React.useState(
+    void 0
   );
-  const [tagDescriptions, setTagDescriptions] = React.useState({});
-  useEffect(() => {
-    if (tags && tags.tags && tags.total > 0 || filters.tags) {
-      const ts = (tags?.tags ?? []).map((tag) => tag.tag);
-      if (filters.tags) {
-        ts.push(...filters.tags);
-      }
-      setAvailableTags([...new Set(ts)]);
-      setTagDescriptions(
-        tags?.tags.reduce((acc, tag) => {
-          if (!tag.description) {
-            return acc;
-          }
-          acc[tag.tag] = tag.description;
-          return acc;
-        }, {}) ?? {}
-      );
-    }
-  }, [tags, filters.tags]);
-  useEffect(() => {
-    const entityRefs = [];
-    if (filters.entity && !Array.isArray(filters.entity)) {
-      entityRefs.push(filters.entity);
+  const [starredEntities, setStarredEntities] = React.useState(false);
+  const [ownedEntities, setOwnedEntities] = React.useState(false);
+  const starredEntitiesApi = useStarredEntities();
+  const catalogApi = useApi(catalogApiRef);
+  const identityApi = useApi(identityApiRef);
+  const handleChange = (event) => {
+    let value = event.target.value;
+    if (event.target.type === "checkbox") {
+      value = event.target.checked ? "true" : "false";
     }
-    if (refs && refs.entities && refs.total > 0) {
-      refs.entities.forEach((ref) => {
-        if (ref.entityRef !== filters.entity) {
-          entityRefs.push(ref.entityRef);
-        }
+    onChange({ key: event.target.name, value });
+  };
+  const handleStarredEntities = (checked) => {
+    setStarredEntities(checked);
+    setEntities([]);
+    if (checked) {
+      onChange({
+        key: "entities",
+        value: [...starredEntitiesApi.starredEntities]
       });
+    } else {
+      onChange({ key: "entities", value: [] });
     }
-    if (entityRefs.length > 0) {
-      catalogApi.getEntitiesByRefs({
-        entityRefs,
-        fields: [
-          "kind",
-          "metadata.name",
-          "metadata.namespace",
-          "metadata.title"
-        ]
-      }).then((resp) => {
-        const filtered = resp.items.filter((i) => i !== void 0);
-        setAvailableEntities(filtered);
+  };
+  const handleOwnedEntities = (checked) => {
+    setOwnedEntities(checked);
+    setEntities([]);
+    if (checked) {
+      identityApi.getBackstageIdentity().then((identity) => {
+        catalogApi.getEntities({
+          filter: {
+            "spec.owner": identity.ownershipEntityRefs
+          },
+          fields: ["kind", "metadata.name", "metadata.namespace"]
+        }).then((data) => {
+          const entityRefs = data.items.map((e) => stringifyEntityRef(e));
+          onChange([
+            { key: "entities", value: entityRefs },
+            { key: "entitiesRelation", value: "or" }
+          ]);
+        });
       });
-    }
-  }, [filters.entity, catalogApi, refs]);
-  useEffect(() => {
-    if (filters.entity && availableEntities) {
-      const value = availableEntities.find(
-        (e) => stringifyEntityRef(e) === filters.entity
-      );
-      setSelectedEntity(value);
-      if (!value) {
-        onChange("entity", "");
-      }
     } else {
-      setSelectedEntity(void 0);
+      onChange([
+        { key: "entities", value: [] },
+        { key: "entitiesRelation", value: "and" }
+      ]);
     }
-  }, [availableEntities, filters.entity, onChange]);
-  const handleChange = (event) => {
-    let value = event.target.value;
-    if (event.target.type === "checkbox") {
-      value = event.target.checked ? "true" : "false";
-    }
-    onChange(event.target.name, value);
   };
+  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,
     {
@@ -126,7 +115,7 @@ const FilterPanel = (props) => {
       alignItems: "stretch",
       justifyContent: "space-evenly"
     },
-    /* @__PURE__ */ React.createElement(Grid, { item: true }, /* @__PURE__ */ React.createElement(FormGroup, null, /* @__PURE__ */ React.createElement(FormLabel, { id: "qeta-filter-quick" }, t("filterPanel.quickFilters.label")), !answerFilters && type !== "article" && /* @__PURE__ */ React.createElement(
+    (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,
       {
         control: /* @__PURE__ */ React.createElement(
@@ -140,7 +129,7 @@ const FilterPanel = (props) => {
         ),
         label: t("filterPanel.noAnswers.label")
       }
-    ), type !== "article" && /* @__PURE__ */ React.createElement(
+    ), (postFilters || answerFilters) && type !== "article" && /* @__PURE__ */ React.createElement(
       FormControlLabel,
       {
         control: /* @__PURE__ */ React.createElement(
@@ -154,7 +143,7 @@ const FilterPanel = (props) => {
         ),
         label: t("filterPanel.noCorrectAnswers.label")
       }
-    ), /* @__PURE__ */ React.createElement(
+    ), (postFilters || answerFilters) && /* @__PURE__ */ React.createElement(
       FormControlLabel,
       {
         control: /* @__PURE__ */ React.createElement(
@@ -168,6 +157,34 @@ const FilterPanel = (props) => {
         ),
         label: t("filterPanel.noVotes.label")
       }
+    ), starredEntitiesApi.starredEntities.size > 0 && /* @__PURE__ */ React.createElement(
+      FormControlLabel,
+      {
+        control: /* @__PURE__ */ React.createElement(
+          Checkbox,
+          {
+            size: "small",
+            name: "starredEntities",
+            onChange: (e) => handleStarredEntities(e.target.checked),
+            checked: starredEntities
+          }
+        ),
+        label: t("filterPanel.starredEntities.label")
+      }
+    ), /* @__PURE__ */ React.createElement(
+      FormControlLabel,
+      {
+        control: /* @__PURE__ */ React.createElement(
+          Checkbox,
+          {
+            size: "small",
+            name: "ownedEntities",
+            onChange: (e) => handleOwnedEntities(e.target.checked),
+            checked: ownedEntities
+          }
+        ),
+        label: t("filterPanel.ownedEntities.label")
+      }
     ))),
     /* @__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,
@@ -182,14 +199,14 @@ const FilterPanel = (props) => {
           gap: "0 1rem"
         }
       },
-      showRankOrder && radioSelect("rank", t("filterPanel.orderBy.rank")),
+      postFilters && filters.collectionId !== void 0 && radioSelect("rank", t("filterPanel.orderBy.rank")),
       radioSelect("created", t("filterPanel.orderBy.created")),
-      radioSelect("title", t("filterPanel.orderBy.title")),
-      !answerFilters && radioSelect("views", t("filterPanel.orderBy.views")),
-      radioSelect("score", t("filterPanel.orderBy.score")),
-      !answerFilters && radioSelect("trend", t("filterPanel.orderBy.trend")),
-      !answerFilters && radioSelect("answersCount", t("filterPanel.orderBy.answers")),
-      radioSelect("updated", t("filterPanel.orderBy.updated"))
+      (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,
@@ -202,81 +219,76 @@ const FilterPanel = (props) => {
       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 })), showEntityFilter && availableEntities && availableEntities.length > 0 && /* @__PURE__ */ React.createElement(Grid, { item: true }, /* @__PURE__ */ React.createElement(
-    Autocomplete,
+  ), /* @__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,
     {
-      multiple: false,
-      disablePortal: true,
-      className: "qetaEntityFilter",
-      value: selectedEntity ?? null,
-      id: "entities-select",
-      options: availableEntities,
-      renderOption: (option) => {
-        return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Tooltip, { title: stringifyEntityRef(option) }, /* @__PURE__ */ React.createElement("span", null, getEntityTitle(option))));
-      },
-      getOptionLabel: getEntityTitle,
-      getOptionSelected: (o, v) => {
-        if (!o || !v) {
-          return false;
-        }
-        return stringifyEntityRef(o) === stringifyEntityRef(v);
-      },
-      onChange: (_e, newValue) => {
+      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: "entity",
-            value: newValue ? stringifyEntityRef(newValue) : ""
-          }
+          target: { name: "entities", value: entityRefs }
         });
+        setEntities(newEntities);
       },
-      renderInput: (params) => /* @__PURE__ */ React.createElement(
-        TextField,
-        {
-          ...params,
-          style: { minWidth: "200px" },
-          variant: "outlined",
-          margin: "normal",
-          label: t("filterPanel.filters.entity.label"),
-          placeholder: t("filterPanel.filters.entity.placeholder")
-        }
-      )
+      value: entities,
+      useOnlyUsedEntities: true,
+      hideHelpText: true
     }
-  )), showTagFilter && availableTags && availableTags.length > 0 && /* @__PURE__ */ React.createElement(Grid, { item: true }, /* @__PURE__ */ React.createElement(
-    Autocomplete,
+  )), filters.entities && filters.entities?.length > 1 && /* @__PURE__ */ React.createElement(Grid, { item: true }, /* @__PURE__ */ React.createElement(
+    Tooltip,
     {
-      multiple: true,
-      style: { minWidth: "200px" },
-      disablePortal: true,
-      className: "qetaTagFilter",
-      value: filters.tags,
-      id: "tags-select",
-      options: availableTags,
-      renderOption: (option) => {
-        if (tagDescriptions[option]) {
-          return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Tooltip, { title: tagDescriptions[option] }, /* @__PURE__ */ React.createElement("span", null, option)));
+      title: filters.entitiesRelation === "or" ? t("filterPanel.toggleEntityRelation.and") : t("filterPanel.toggleEntityRelation.or")
+    },
+    /* @__PURE__ */ React.createElement(
+      IconButton,
+      {
+        onClick: () => {
+          if (filters.entitiesRelation === "or") {
+            onChange({ key: "entitiesRelation", value: "and" });
+          } else {
+            onChange({ key: "entitiesRelation", value: "or" });
+          }
         }
-        return option;
       },
-      onChange: (_e, newValue) => {
-        handleChange({
-          target: {
-            name: "tags",
-            value: newValue
+      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,
+      {
+        onClick: () => {
+          if (filters.tagsRelation === "or") {
+            onChange({ key: "tagsRelation", value: "and" });
+          } else {
+            onChange({ key: "tagsRelation", value: "or" });
           }
-        });
-      },
-      renderInput: (params) => /* @__PURE__ */ React.createElement(
-        TextField,
-        {
-          ...params,
-          variant: "outlined",
-          margin: "normal",
-          label: t("filterPanel.filters.tag.label"),
-          placeholder: t("filterPanel.filters.tag.placeholder")
         }
-      )
-    }
-  ))));
+      },
+      filters.tagsRelation === "or" ? /* @__PURE__ */ React.createElement(AdjustIcon, null) : /* @__PURE__ */ React.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, { useEffect } from 'react';\nimport {\n Box,\n Checkbox,\n Divider,\n FormControl,\n FormControlLabel,\n FormGroup,\n FormLabel,\n Grid,\n Radio,\n RadioGroup,\n TextField,\n Tooltip,\n} from '@material-ui/core';\nimport { Autocomplete } from '@material-ui/lab';\nimport { Entity, stringifyEntityRef } from '@backstage/catalog-model';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { catalogApiRef } from '@backstage/plugin-catalog-react';\nimport { getEntityTitle } from '../../utils/utils';\nimport { DateRangeFilter } from './DateRangeFilter';\nimport { PostType } from '@drodil/backstage-plugin-qeta-common';\nimport { useQetaApi, useStyles, useTranslation } from '../../hooks';\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 'entity',\n 'tags',\n 'dateRange',\n] as const;\nexport type FilterKey = (typeof filterKeys)[number];\n\nexport type Filters = {\n order: string;\n orderBy: string;\n noAnswers?: string;\n noCorrectAnswer: string;\n noVotes: string;\n searchQuery: string;\n entity?: string;\n tags?: string[];\n dateRange?: string;\n collectionId?: number;\n type?: PostType;\n};\n\nexport interface FilterPanelProps {\n onChange: (key: FilterKey, value: string \| string[]) => void;\n filters: Filters;\n showEntityFilter?: boolean;\n showTagFilter?: boolean;\n answerFilters?: boolean;\n type?: PostType;\n showRankOrder?: boolean;\n}\n\nexport const FilterPanel = (props: FilterPanelProps) => {\n const {\n onChange,\n filters,\n showEntityFilter = true,\n showTagFilter = true,\n answerFilters = false,\n type,\n showRankOrder = false,\n } = props;\n const styles = useStyles();\n const { value: refs } = useQetaApi(api => api.getEntities(), []);\n const { value: tags } = useQetaApi(api => api.getTags(), []);\n const catalogApi = useApi(catalogApiRef);\n const { t } = useTranslation();\n const [availableEntities, setAvailableEntities] = React.useState<\n Entity[] \| null\n >(null);\n const [selectedEntity, setSelectedEntity] = React.useState<\n Entity \| undefined\n >(undefined);\n const [availableTags, setAvailableTags] = React.useState<string[] \| null>(\n null,\n );\n const [tagDescriptions, setTagDescriptions] = React.useState<\n Record<string, string>\n >({});\n\n useEffect(() => {\n if ((tags && tags.tags && tags.total > 0) \|\| filters.tags) {\n const ts = (tags?.tags ?? []).map(tag => tag.tag);\n if (filters.tags) {\n ts.push(...filters.tags);\n }\n setAvailableTags([...new Set(ts)]);\n setTagDescriptions(\n tags?.tags.reduce((acc, tag) => {\n if (!tag.description) {\n return acc;\n }\n acc[tag.tag] = tag.description;\n return acc;\n }, {} as Record<string, string>) ?? {},\n );\n }\n }, [tags, filters.tags]);\n\n useEffect(() => {\n const entityRefs: string[] = [];\n if (filters.entity && !Array.isArray(filters.entity)) {\n entityRefs.push(filters.entity);\n }\n if (refs && refs.entities && refs.total > 0) {\n refs.entities.forEach(ref => {\n // ignore currently selected entity if exist in refs\n if (ref.entityRef !== filters.entity) {\n entityRefs.push(ref.entityRef);\n }\n });\n }\n if (entityRefs.length > 0) {\n catalogApi\n .getEntitiesByRefs({\n entityRefs,\n fields: [\n 'kind',\n 'metadata.name',\n 'metadata.namespace',\n 'metadata.title',\n ],\n })\n .then(resp => {\n const filtered = resp.items.filter(i => i !== undefined) as Entity[];\n setAvailableEntities(filtered);\n });\n }\n }, [filters.entity, catalogApi, refs]);\n\n useEffect(() => {\n if (filters.entity && availableEntities) {\n const value = availableEntities.find(\n e => stringifyEntityRef(e) === filters.entity,\n );\n setSelectedEntity(value);\n if (!value) {\n onChange('entity', '');\n }\n } else {\n setSelectedEntity(undefined);\n }\n }, [availableEntities, filters.entity, onChange]);\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(event.target.name as FilterKey, value);\n };\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 <Grid item>\n <FormGroup>\n <FormLabel id=\"qeta-filter-quick\">\n {t('filterPanel.quickFilters.label')}\n </FormLabel>\n {!answerFilters && 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 {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 <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 </FormGroup>\n </Grid>\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 {showRankOrder &&\n radioSelect('rank', t('filterPanel.orderBy.rank'))}\n {radioSelect('created', t('filterPanel.orderBy.created'))}\n {radioSelect('title', t('filterPanel.orderBy.title'))}\n {!answerFilters &&\n radioSelect('views', t('filterPanel.orderBy.views'))}\n {radioSelect('score', t('filterPanel.orderBy.score'))}\n {!answerFilters &&\n radioSelect('trend', t('filterPanel.orderBy.trend'))}\n {!answerFilters &&\n radioSelect('answersCount', t('filterPanel.orderBy.answers'))}\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 value={filters.dateRange} onChange={onChange} />\n </Grid>\n\n {showEntityFilter &&\n availableEntities &&\n availableEntities.length > 0 && (\n <Grid item>\n <Autocomplete\n multiple={false}\n disablePortal\n className=\"qetaEntityFilter\"\n value={selectedEntity ?? null}\n id=\"entities-select\"\n options={availableEntities}\n renderOption={option => {\n return (\n <>\n <Tooltip title={stringifyEntityRef(option)}>\n <span>{getEntityTitle(option)}</span>\n </Tooltip>\n </>\n );\n }}\n getOptionLabel={getEntityTitle}\n getOptionSelected={(o, v) => {\n if (!o \|\| !v) {\n return false;\n }\n return stringifyEntityRef(o) === stringifyEntityRef(v);\n }}\n onChange={(_e, newValue) => {\n handleChange({\n target: {\n name: 'entity',\n value: newValue ? stringifyEntityRef(newValue) : '',\n },\n });\n }}\n renderInput={params => (\n <TextField\n {...params}\n style={{ minWidth: '200px' }}\n variant=\"outlined\"\n margin=\"normal\"\n label={t('filterPanel.filters.entity.label')}\n placeholder={t('filterPanel.filters.entity.placeholder')}\n />\n )}\n />\n </Grid>\n )}\n {showTagFilter && availableTags && availableTags.length > 0 && (\n <Grid item>\n <Autocomplete\n multiple\n style={{ minWidth: '200px' }}\n disablePortal\n className=\"qetaTagFilter\"\n value={filters.tags}\n id=\"tags-select\"\n options={availableTags}\n renderOption={option => {\n if (tagDescriptions[option]) {\n return (\n <>\n <Tooltip title={tagDescriptions[option]}>\n <span>{option}</span>\n </Tooltip>\n </>\n );\n }\n return option;\n }}\n onChange={(_e, newValue) => {\n handleChange({\n target: {\n name: 'tags',\n value: newValue,\n },\n });\n }}\n renderInput={params => (\n <TextField\n {...params}\n variant=\"outlined\"\n margin=\"normal\"\n label={t('filterPanel.filters.tag.label')}\n placeholder={t('filterPanel.filters.tag.placeholder')}\n />\n )}\n />\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 {\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 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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"}

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

@@ -1,16 +1,20 @@
 import { Card, CardHeader, Grid, Divider } from '@material-ui/core';
 import React from 'react';
-import '@material-ui/lab';
 import '@backstage/catalog-model';
-import '@backstage/core-plugin-api';
-import '@backstage/plugin-catalog-react';
 import 'file-type';
 import { useQetaApi } from '../../hooks/useQetaApi.esm.js';
+import '@backstage/core-plugin-api';
 import '../../api.esm.js';
 import '@backstage/core-plugin-api/alpha';
 import '../../translation.esm.js';
 import '../../hooks/useStyles.esm.js';
 import 'react-use/lib/useAsync';
+import '@material-ui/lab';
+import '@backstage/plugin-catalog-react';
+import 'lodash';
+import '@drodil/backstage-plugin-qeta-common';
+import '@material-ui/icons/FiberManualRecord';
+import '@material-ui/icons/Adjust';
 import '@backstage/core-components';
 import { PostListItem } from '../PostsContainer/PostListItem.esm.js';
 import '@material-ui/icons/HelpOutline';
@@ -19,13 +23,11 @@ import '@material-ui/icons/Create';
 import 'react-router-dom';
 import '@material-ui/icons/FilterList';
 import '@backstage/plugin-permission-react';
-import '@drodil/backstage-plugin-qeta-common';
 import '@material-ui/icons/Visibility';
 import '@material-ui/icons/VisibilityOff';
 import '@material-ui/icons/PlaylistAdd';
 import '@material-ui/icons/AddCircle';
 import '@material-ui/icons/RemoveCircle';
-import 'lodash';
 import 'react-use/lib/useDebounce';
 const PostsCard = (props) => {

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

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