@drodil/backstage-plugin-qeta-react 2.15.0 → 3.0.1

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

@@ -0,0 +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} from '@material-ui/core';\nimport { useQetaApi, useStyles, useTranslation } from '../../utils/hooks';\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';\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};\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}\n\nexport const FilterPanel = (props: FilterPanelProps) => {\n  const {\n    onChange,\n    filters,\n    showEntityFilter = true,\n    showTagFilter = true,\n    answerFilters = false,\n    type,\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\n  useEffect(() => {\n    if ((tags && tags.length > 0) || filters.tags) {\n      const ts = (tags ?? []).map(tag => tag.tag);\n      if (filters.tags) {\n        ts.push(...filters.tags);\n      }\n      setAvailableTags([...new Set(ts)]);\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?.length > 0) {\n      refs?.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 container spacing={4}>\n        <Grid item md={3} xs={4}>\n          <FormGroup>\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 md={2} xs={4}>\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            >\n              {radioSelect('created', t('filterPanel.orderBy.created'))}\n              {!answerFilters &&\n                radioSelect('views', t('filterPanel.orderBy.views'))}\n              {radioSelect('score', t('filterPanel.orderBy.score'))}\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 md={2} xs={4}>\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        {((availableEntities && availableEntities.length > 0) ||\n          (availableTags && availableTags.length > 0)) &&\n          (showEntityFilter || showTagFilter) && (\n            <Grid item md={4} xs={8}>\n              <FormLabel id=\"qeta-filter-entity\">\n                {t('filterPanel.filters.label')}\n              </FormLabel>\n              {showEntityFilter &&\n                availableEntities &&\n                availableEntities.length > 0 && (\n                  <Autocomplete\n                    multiple={false}\n                    className=\"qetaEntityFilter\"\n                    value={selectedEntity ?? null}\n                    id=\"entities-select\"\n                    options={availableEntities}\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                        variant=\"outlined\"\n                        margin=\"normal\"\n                        label={t('filterPanel.filters.entity.label')}\n                        placeholder={t(\n                          'filterPanel.filters.entity.placeholder',\n                        )}\n                      />\n                    )}\n                  />\n                )}\n              {showTagFilter && availableTags && availableTags.length > 0 && (\n                <Autocomplete\n                  multiple\n                  className=\"qetaTagFilter\"\n                  value={filters.tags}\n                  id=\"tags-select\"\n                  options={availableTags}\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              )}\n            </Grid>\n          )}\n      </Grid>\n      <Box marginY=\"24px\">\n        <Divider />\n      </Box>\n      <DateRangeFilter value={filters.dateRange} onChange={onChange} />\n    </Box>\n  );\n};\n"],"names":[],"mappings":"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"}

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

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

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

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

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

@@ -0,0 +1,43 @@
+import { Box, List, ListSubheader, Divider, ListItem } from '@material-ui/core';
+import React from 'react';
+import { useStyles, useTagsFollow, useTranslation } from '../../utils/hooks.esm.js';
+import { TagChip } from '../TagsAndEntities/TagChip.esm.js';
+
+const FollowedTagsList = () => {
+  const classes = useStyles();
+  const tags = useTagsFollow();
+  const { t } = useTranslation();
+  if (tags.tags.length === 0 || tags.loading) {
+    return null;
+  }
+  return /* @__PURE__ */ React.createElement(
+    Box,
+    {
+      className: `qetaQuestionHighlightList ${classes.postHighlightListContainer}`,
+      display: { md: "none", lg: "block" }
+    },
+    /* @__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.followedTags")
+        )
+      },
+      /* @__PURE__ */ React.createElement(Divider, null),
+      /* @__PURE__ */ React.createElement(ListItem, { style: { display: "block" } }, tags.tags.map((tag) => /* @__PURE__ */ React.createElement(TagChip, { key: tag, tag })))
+    )
+  );
+};
+
+export { FollowedTagsList };
+//# sourceMappingURL=FollowedTagsList.esm.js.map

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

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

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

@@ -0,0 +1,22 @@
+import { useTranslation, useQetaApi } from '../../utils/hooks.esm.js';
+import React from 'react';
+import { Box, Card, CardContent, Typography } from '@material-ui/core';
+import numeral from 'numeral';
+
+const ImpactCard = () => {
+  const { t } = useTranslation();
+  const {
+    value: response,
+    loading,
+    error
+  } = useQetaApi((api) => api.getUserImpact(), []);
+  if (loading || error || !response) {
+    return null;
+  }
+  return /* @__PURE__ */ React.createElement(Box, { display: { md: "none", lg: "block" } }, /* @__PURE__ */ React.createElement(Card, null, /* @__PURE__ */ React.createElement(CardContent, null, /* @__PURE__ */ React.createElement(Typography, { variant: "h5" }, t("impactCard.title")), /* @__PURE__ */ React.createElement(Typography, { variant: "h5" }, response.impact >= 1e3 ? numeral(response.impact).format("0.0 a") : response.impact, /* @__PURE__ */ React.createElement(Typography, { variant: "caption", style: { marginLeft: "1rem" } }, t("impactCard.views"))), /* @__PURE__ */ React.createElement(Typography, { variant: "body2" }, t("impactCard.contributions", {
+    lastWeek: response.lastWeekImpact.toString(10)
+  })))));
+};
+
+export { ImpactCard };
+//# sourceMappingURL=ImpactCard.esm.js.map

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

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

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

@@ -0,0 +1,42 @@
+import { Card, CardHeader, Grid, Divider } from '@material-ui/core';
+import React from 'react';
+import { useQetaApi } from '../../utils/hooks.esm.js';
+import '@material-ui/lab';
+import '@backstage/catalog-model';
+import '@backstage/core-plugin-api';
+import '@backstage/plugin-catalog-react';
+import 'file-type';
+import '@backstage/core-components';
+import { PostListItem } from '../PostsContainer/PostListItem.esm.js';
+import '@material-ui/icons/HelpOutline';
+import '../../routes.esm.js';
+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 'react-router-dom';
+import '@material-ui/icons/ChevronLeft';
+import '@material-ui/icons/Create';
+import '@material-ui/icons/PlaylistAdd';
+import '@material-ui/icons/AddCircle';
+import '@material-ui/icons/RemoveCircle';
+import '../../api.esm.js';
+import 'lodash';
+
+const PostsCard = (props) => {
+  const { value: response } = useQetaApi(
+    (api) => api.getPosts({ limit: 3, type: props.postType, ...props.options }),
+    []
+  );
+  const posts = response?.posts ?? [];
+  if (posts.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ React.createElement(Card, null, /* @__PURE__ */ React.createElement(CardHeader, { style: { paddingBottom: "8px" }, title: props.title }), /* @__PURE__ */ React.createElement(Grid, { container: true, spacing: 2 }, posts.map((question) => {
+    return /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12, key: question.id }, /* @__PURE__ */ React.createElement(PostListItem, { post: question, type: props.postType }), /* @__PURE__ */ React.createElement(Divider, null));
+  })));
+};
+
+export { PostsCard };
+//# sourceMappingURL=PostsCard.esm.js.map

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

@@ -0,0 +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 { useQetaApi } from '../../utils/hooks';\nimport { PostsQuery, PostType } from '@drodil/backstage-plugin-qeta-common';\nimport { PostListItem } from '../PostsContainer';\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;;;;"}

package/dist/components/Links/Links.esm.js

@@ -0,0 +1,33 @@
+import React from 'react';
+import { useRouteRef } from '@backstage/core-plugin-api';
+import { useEntityPresentation } from '@backstage/plugin-catalog-react';
+import { Link } from '@backstage/core-components';
+import { useTranslation } from '../../utils/hooks.esm.js';
+import { userRouteRef } from '../../routes.esm.js';
+
+const UserLink = (props) => {
+  const { entityRef, linkProps } = props;
+  const userRoute = useRouteRef(userRouteRef);
+  const { t } = useTranslation();
+  const { primaryTitle: userName } = useEntityPresentation(
+    entityRef.startsWith("user:") ? entityRef : `user:${entityRef}`
+  );
+  if (entityRef === "anonymous") {
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, t("userLink.anonymous"));
+  }
+  return /* @__PURE__ */ React.createElement(Link, { to: `${userRoute()}/${entityRef}`, ...linkProps }, userName);
+};
+const AuthorLink = (props) => {
+  const { entity, linkProps } = props;
+  return /* @__PURE__ */ React.createElement(UserLink, { entityRef: entity.author, linkProps });
+};
+const UpdatedByLink = (props) => {
+  const { entity, linkProps } = props;
+  if (!entity.updatedBy) {
+    return null;
+  }
+  return /* @__PURE__ */ React.createElement(UserLink, { entityRef: entity.updatedBy, linkProps });
+};
+
+export { AuthorLink, UpdatedByLink, UserLink };
+//# sourceMappingURL=Links.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Links.esm.js","sources":["../../../src/components/Links/Links.tsx"],"sourcesContent":["import React from 'react';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { useEntityPresentation } from '@backstage/plugin-catalog-react';\nimport { Link, LinkProps } from '@backstage/core-components';\nimport { useTranslation } from '../../utils/hooks';\nimport { userRouteRef } from '../../routes';\nimport { Answer, Comment, Post } from '@drodil/backstage-plugin-qeta-common';\n\nexport const UserLink = (props: {\n  entityRef: string;\n  linkProps?: LinkProps;\n}) => {\n  const { entityRef, linkProps } = props;\n  const userRoute = useRouteRef(userRouteRef);\n  const { t } = useTranslation();\n  const { primaryTitle: userName } = useEntityPresentation(\n    entityRef.startsWith('user:') ? entityRef : `user:${entityRef}`,\n  );\n  if (entityRef === 'anonymous') {\n    return <>{t('userLink.anonymous')}</>;\n  }\n  return (\n    <Link to={`${userRoute()}/${entityRef}`} {...linkProps}>\n      {userName}\n    </Link>\n  );\n};\n\nexport const AuthorLink = (props: {\n  entity: Post | Answer | Comment;\n  linkProps?: LinkProps;\n}) => {\n  const { entity, linkProps } = props;\n  return <UserLink entityRef={entity.author} linkProps={linkProps} />;\n};\n\nexport const UpdatedByLink = (props: {\n  entity: Post | Answer | Comment;\n  linkProps?: LinkProps;\n}) => {\n  const { entity, linkProps } = props;\n  if (!entity.updatedBy) {\n    return null;\n  }\n  return <UserLink entityRef={entity.updatedBy} linkProps={linkProps} />;\n};\n"],"names":[],"mappings":";;;;;;;AAQa,MAAA,QAAA,GAAW,CAAC,KAGnB,KAAA;AACJ,EAAM,MAAA,EAAE,SAAW,EAAA,SAAA,EAAc,GAAA,KAAA,CAAA;AACjC,EAAM,MAAA,SAAA,GAAY,YAAY,YAAY,CAAA,CAAA;AAC1C,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAC7B,EAAM,MAAA,EAAE,YAAc,EAAA,QAAA,EAAa,GAAA,qBAAA;AAAA,IACjC,UAAU,UAAW,CAAA,OAAO,CAAI,GAAA,SAAA,GAAY,QAAQ,SAAS,CAAA,CAAA;AAAA,GAC/D,CAAA;AACA,EAAA,IAAI,cAAc,WAAa,EAAA;AAC7B,IAAO,uBAAA,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,EAAG,CAAE,CAAA,oBAAoB,CAAE,CAAA,CAAA;AAAA,GACpC;AACA,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,EAAA,EAAI,CAAG,EAAA,SAAA,EAAW,CAAA,CAAA,EAAI,SAAS,CAAA,CAAA,EAAK,GAAG,SAAA,EAAA,EAC1C,QACH,CAAA,CAAA;AAEJ,EAAA;AAEa,MAAA,UAAA,GAAa,CAAC,KAGrB,KAAA;AACJ,EAAM,MAAA,EAAE,MAAQ,EAAA,SAAA,EAAc,GAAA,KAAA,CAAA;AAC9B,EAAA,uBAAQ,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAS,SAAW,EAAA,MAAA,CAAO,QAAQ,SAAsB,EAAA,CAAA,CAAA;AACnE,EAAA;AAEa,MAAA,aAAA,GAAgB,CAAC,KAGxB,KAAA;AACJ,EAAM,MAAA,EAAE,MAAQ,EAAA,SAAA,EAAc,GAAA,KAAA,CAAA;AAC9B,EAAI,IAAA,CAAC,OAAO,SAAW,EAAA;AACrB,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AACA,EAAA,uBAAQ,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAS,SAAW,EAAA,MAAA,CAAO,WAAW,SAAsB,EAAA,CAAA,CAAA;AACtE;;;;"}

package/dist/components/MarkdownEditor/MarkdownEditor.esm.js

@@ -0,0 +1,63 @@
+import React from 'react';
+import ReactMde from 'react-mde';
+import 'react-mde/lib/styles/css/react-mde.css';
+import 'react-mde/lib/styles/css/react-mde-editor.css';
+import 'react-mde/lib/styles/css/react-mde-toolbar.css';
+import { useStyles } from '../../utils/hooks.esm.js';
+import { useApi, errorApiRef } from '@backstage/core-plugin-api';
+import { qetaApiRef } from '../../api.esm.js';
+import { MarkdownRenderer } from '../MarkdownRenderer/MarkdownRenderer.esm.js';
+import { imageUpload } from '../../utils/utils.esm.js';
+
+const MarkdownEditor = (props) => {
+  const { config, value, onChange, height, error, placeholder } = props;
+  const [selectedTab, setSelectedTab] = React.useState(
+    "write"
+  );
+  const styles = useStyles();
+  const errorApi = useApi(errorApiRef);
+  const qetaApi = useApi(qetaApiRef);
+  const isUploadDisabled = config?.getOptionalBoolean("qeta.storage.disabled") || false;
+  return /* @__PURE__ */ React.createElement(
+    ReactMde,
+    {
+      classes: {
+        reactMde: `qetaMarkdownEditorEdit ${styles.markdownEditor}`,
+        textArea: error ? `qetaMarkdownEditorError ${styles.markdownEditorError}` : void 0,
+        preview: "qetaMarkdownEditorPreview",
+        toolbar: "qetaMarkdownEditorToolbar"
+      },
+      value,
+      onChange,
+      selectedTab,
+      onTabChange: setSelectedTab,
+      minEditorHeight: height,
+      minPreviewHeight: height - 10,
+      childProps: {
+        textArea: {
+          required: true,
+          placeholder
+        }
+      },
+      generateMarkdownPreview: (content) => Promise.resolve(
+        /* @__PURE__ */ React.createElement(
+          MarkdownRenderer,
+          {
+            content,
+            className: `qetaMarkdownEditorPreview ${styles.markdownContent}`
+          }
+        )
+      ),
+      paste: isUploadDisabled ? void 0 : {
+        saveImage: imageUpload({
+          qetaApi,
+          errorApi,
+          onImageUpload: props.onImageUpload
+        })
+      }
+    }
+  );
+};
+
+export { MarkdownEditor };
+//# sourceMappingURL=MarkdownEditor.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownEditor.esm.js","sources":["../../../src/components/MarkdownEditor/MarkdownEditor.tsx"],"sourcesContent":["/* eslint-disable no-console */\nimport React from 'react';\nimport ReactMde from 'react-mde';\n\nimport { Config } from '@backstage/config';\nimport 'react-mde/lib/styles/css/react-mde.css';\nimport 'react-mde/lib/styles/css/react-mde-editor.css';\nimport 'react-mde/lib/styles/css/react-mde-toolbar.css';\nimport { useStyles } from '../../utils';\nimport { errorApiRef, useApi } from '@backstage/core-plugin-api';\nimport { qetaApiRef } from '../../api';\nimport { MarkdownRenderer } from '../MarkdownRenderer';\nimport { imageUpload } from '../../utils/utils';\n\nexport const MarkdownEditor = (props: {\n  config: Config;\n  value: string;\n  onChange: (value: string) => void;\n  height: number;\n  error?: boolean;\n  placeholder?: string;\n  onImageUpload: (imageId: number) => void;\n}) => {\n  const { config, value, onChange, height, error, placeholder } = props;\n  const [selectedTab, setSelectedTab] = React.useState<'write' | 'preview'>(\n    'write',\n  );\n  const styles = useStyles();\n  const errorApi = useApi(errorApiRef);\n  const qetaApi = useApi(qetaApiRef);\n\n  const isUploadDisabled =\n    config?.getOptionalBoolean('qeta.storage.disabled') || false;\n\n  return (\n    <ReactMde\n      classes={{\n        reactMde: `qetaMarkdownEditorEdit ${styles.markdownEditor}`,\n        textArea: error\n          ? `qetaMarkdownEditorError ${styles.markdownEditorError}`\n          : undefined,\n        preview: 'qetaMarkdownEditorPreview',\n        toolbar: 'qetaMarkdownEditorToolbar',\n      }}\n      value={value}\n      onChange={onChange}\n      selectedTab={selectedTab}\n      onTabChange={setSelectedTab}\n      minEditorHeight={height}\n      minPreviewHeight={height - 10}\n      childProps={{\n        textArea: {\n          required: true,\n          placeholder,\n        },\n      }}\n      generateMarkdownPreview={content =>\n        Promise.resolve(\n          <MarkdownRenderer\n            content={content}\n            className={`qetaMarkdownEditorPreview ${styles.markdownContent}`}\n          />,\n        )\n      }\n      paste={\n        isUploadDisabled\n          ? undefined\n          : {\n              saveImage: imageUpload({\n                qetaApi,\n                errorApi,\n                onImageUpload: props.onImageUpload,\n              }),\n            }\n      }\n    />\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;AAca,MAAA,cAAA,GAAiB,CAAC,KAQzB,KAAA;AACJ,EAAA,MAAM,EAAE,MAAQ,EAAA,KAAA,EAAO,UAAU,MAAQ,EAAA,KAAA,EAAO,aAAgB,GAAA,KAAA,CAAA;AAChE,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAI,KAAM,CAAA,QAAA;AAAA,IAC1C,OAAA;AAAA,GACF,CAAA;AACA,EAAA,MAAM,SAAS,SAAU,EAAA,CAAA;AACzB,EAAM,MAAA,QAAA,GAAW,OAAO,WAAW,CAAA,CAAA;AACnC,EAAM,MAAA,OAAA,GAAU,OAAO,UAAU,CAAA,CAAA;AAEjC,EAAA,MAAM,gBACJ,GAAA,MAAA,EAAQ,kBAAmB,CAAA,uBAAuB,CAAK,IAAA,KAAA,CAAA;AAEzD,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,OAAS,EAAA;AAAA,QACP,QAAA,EAAU,CAA0B,uBAAA,EAAA,MAAA,CAAO,cAAc,CAAA,CAAA;AAAA,QACzD,QAAU,EAAA,KAAA,GACN,CAA2B,wBAAA,EAAA,MAAA,CAAO,mBAAmB,CACrD,CAAA,GAAA,KAAA,CAAA;AAAA,QACJ,OAAS,EAAA,2BAAA;AAAA,QACT,OAAS,EAAA,2BAAA;AAAA,OACX;AAAA,MACA,KAAA;AAAA,MACA,QAAA;AAAA,MACA,WAAA;AAAA,MACA,WAAa,EAAA,cAAA;AAAA,MACb,eAAiB,EAAA,MAAA;AAAA,MACjB,kBAAkB,MAAS,GAAA,EAAA;AAAA,MAC3B,UAAY,EAAA;AAAA,QACV,QAAU,EAAA;AAAA,UACR,QAAU,EAAA,IAAA;AAAA,UACV,WAAA;AAAA,SACF;AAAA,OACF;AAAA,MACA,uBAAA,EAAyB,aACvB,OAAQ,CAAA,OAAA;AAAA,wBACN,KAAA,CAAA,aAAA;AAAA,UAAC,gBAAA;AAAA,UAAA;AAAA,YACC,OAAA;AAAA,YACA,SAAA,EAAW,CAA6B,0BAAA,EAAA,MAAA,CAAO,eAAe,CAAA,CAAA;AAAA,WAAA;AAAA,SAChE;AAAA,OACF;AAAA,MAEF,KAAA,EACE,mBACI,KACA,CAAA,GAAA;AAAA,QACE,WAAW,WAAY,CAAA;AAAA,UACrB,OAAA;AAAA,UACA,QAAA;AAAA,UACA,eAAe,KAAM,CAAA,aAAA;AAAA,SACtB,CAAA;AAAA,OACH;AAAA,KAAA;AAAA,GAER,CAAA;AAEJ;;;;"}

package/dist/components/MarkdownRenderer/MarkdownRenderer.esm.js

@@ -0,0 +1,97 @@
+import React from 'react';
+import SyntaxHighlighter from 'react-syntax-highlighter';
+import ReactMarkdown from 'react-markdown';
+import { a11yDark, a11yLight } from 'react-syntax-highlighter/dist/esm/styles/hljs';
+import { useIsDarkTheme } from '../../utils/hooks.esm.js';
+import { makeStyles } from '@material-ui/core';
+import gfm from 'remark-gfm';
+
+const useStyles = makeStyles(
+  (theme) => ({
+    markdown: {
+      "& table": {
+        borderCollapse: "collapse",
+        border: `1px solid ${theme.palette.border}`
+      },
+      "& th, & td": {
+        border: `1px solid ${theme.palette.border}`,
+        padding: theme.spacing(1)
+      },
+      "& td": {
+        wordBreak: "break-word",
+        overflow: "hidden",
+        verticalAlign: "middle",
+        lineHeight: "1",
+        margin: 0,
+        padding: theme.spacing(3, 2, 3, 2.5),
+        borderBottom: 0
+      },
+      "& th": {
+        backgroundColor: theme.palette.background.paper
+      },
+      "& tr": {
+        backgroundColor: theme.palette.background.paper
+      },
+      "& tr:nth-child(odd)": {
+        backgroundColor: theme.palette.background.default
+      },
+      "& a": {
+        color: theme.palette.link
+      },
+      "& img": {
+        maxWidth: "100%"
+      }
+    }
+  }),
+  { name: "QetaMarkdownContent" }
+);
+const flatten = (text, child) => {
+  if (!child) return text;
+  return typeof child === "string" ? text + child : React.Children.toArray(child.props.children).reduce(flatten, text);
+};
+const headingRenderer = (props) => {
+  const { node, children } = props;
+  const childrenArray = React.Children.toArray(children);
+  const text = childrenArray.reduce(flatten, "");
+  const slug = text.toLocaleLowerCase("en-US").replace(/\W/g, "-");
+  return React.createElement(`${node.tagName}`, { id: slug }, children);
+};
+const MarkdownRenderer = (props) => {
+  const { content, className: mainClassName } = props;
+  const darkTheme = useIsDarkTheme();
+  const classes = useStyles();
+  return /* @__PURE__ */ React.createElement(
+    ReactMarkdown,
+    {
+      remarkPlugins: [gfm],
+      className: `${classes.markdown} ${mainClassName ?? ""}`.trim(),
+      components: {
+        h1: (p) => headingRenderer(p),
+        h2: (p) => headingRenderer(p),
+        h3: (p) => headingRenderer(p),
+        h4: (p) => headingRenderer(p),
+        h5: (p) => headingRenderer(p),
+        h6: (p) => headingRenderer(p),
+        code(p) {
+          const { children, className, node, ...rest } = p;
+          const match = /language-(\w+)/.exec(className || "");
+          return match ? /* @__PURE__ */ React.createElement(
+            SyntaxHighlighter,
+            {
+              ...rest,
+              PreTag: "div",
+              language: match[1],
+              style: darkTheme ? a11yDark : a11yLight,
+              showLineNumbers: true
+            },
+            String(children).replace(/\n$/, "")
+          ) : /* @__PURE__ */ React.createElement("code", { ...rest, className }, children);
+        }
+      }
+    },
+    content
+  );
+};
+
+export { MarkdownRenderer };
+//# sourceMappingURL=MarkdownRenderer.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownRenderer.esm.js","sources":["../../../src/components/MarkdownRenderer/MarkdownRenderer.tsx"],"sourcesContent":["import React, { PropsWithChildren } from 'react';\nimport SyntaxHighlighter from 'react-syntax-highlighter';\nimport ReactMarkdown from 'react-markdown';\nimport {\n  a11yDark,\n  a11yLight,\n} from 'react-syntax-highlighter/dist/esm/styles/hljs';\nimport { useIsDarkTheme } from '../../utils/hooks';\nimport { makeStyles } from '@material-ui/core';\nimport gfm from 'remark-gfm';\n\nconst useStyles = makeStyles(\n  theme => ({\n    markdown: {\n      '& table': {\n        borderCollapse: 'collapse',\n        border: `1px solid ${theme.palette.border}`,\n      },\n      '& th, & td': {\n        border: `1px solid ${theme.palette.border}`,\n        padding: theme.spacing(1),\n      },\n      '& td': {\n        wordBreak: 'break-word',\n        overflow: 'hidden',\n        verticalAlign: 'middle',\n        lineHeight: '1',\n        margin: 0,\n        padding: theme.spacing(3, 2, 3, 2.5),\n        borderBottom: 0,\n      },\n      '& th': {\n        backgroundColor: theme.palette.background.paper,\n      },\n      '& tr': {\n        backgroundColor: theme.palette.background.paper,\n      },\n      '& tr:nth-child(odd)': {\n        backgroundColor: theme.palette.background.default,\n      },\n      '& a': {\n        color: theme.palette.link,\n      },\n      '& img': {\n        maxWidth: '100%',\n      },\n    },\n  }),\n  { name: 'QetaMarkdownContent' },\n);\n\nconst flatten = (text: string, child: any): string => {\n  if (!child) return text;\n\n  return typeof child === 'string'\n    ? text + child\n    : React.Children.toArray(child.props.children).reduce(flatten, text);\n};\n\nconst headingRenderer = (\n  props: PropsWithChildren<{ node: { tagName: string } }>,\n) => {\n  const { node, children } = props;\n  const childrenArray = React.Children.toArray(children);\n  const text = childrenArray.reduce(flatten, '');\n  const slug = text.toLocaleLowerCase('en-US').replace(/\\W/g, '-');\n  return React.createElement(`${node.tagName}`, { id: slug }, children);\n};\n\nexport const MarkdownRenderer = (props: {\n  content: string;\n  className?: string;\n}) => {\n  const { content, className: mainClassName } = props;\n  const darkTheme = useIsDarkTheme();\n  const classes = useStyles();\n  return (\n    <ReactMarkdown\n      remarkPlugins={[gfm]}\n      className={`${classes.markdown} ${mainClassName ?? ''}`.trim()}\n      components={{\n        h1: (p: any) => headingRenderer(p),\n        h2: (p: any) => headingRenderer(p),\n        h3: (p: any) => headingRenderer(p),\n        h4: (p: any) => headingRenderer(p),\n        h5: (p: any) => headingRenderer(p),\n        h6: (p: any) => headingRenderer(p),\n        code(p: any) {\n          const { children, className, node, ...rest } = p;\n          const match = /language-(\\w+)/.exec(className || '');\n          return match ? (\n            <SyntaxHighlighter\n              {...rest}\n              PreTag=\"div\"\n              language={match[1]}\n              style={darkTheme ? a11yDark : a11yLight}\n              showLineNumbers\n            >\n              {String(children).replace(/\\n$/, '')}\n            </SyntaxHighlighter>\n          ) : (\n            <code {...rest} className={className}>\n              {children}\n            </code>\n          );\n        },\n      }}\n    >\n      {content}\n    </ReactMarkdown>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/PostAnonymouslyCheckbox/PostAnonymouslyCheckbox.esm.js

@@ -0,0 +1,34 @@
+import { Controller } from 'react-hook-form';
+import { Box, FormControlLabel, Tooltip, Checkbox } from '@material-ui/core';
+import React from 'react';
+import { useTranslation } from '../../utils/hooks.esm.js';
+
+const PostAnonymouslyCheckbox = (props) => {
+  const { control, label } = props;
+  const { t } = useTranslation();
+  return /* @__PURE__ */ React.createElement(Box, { style: { marginLeft: "0.2rem" } }, /* @__PURE__ */ React.createElement(
+    Controller,
+    {
+      control,
+      render: ({ field: { onChange, value } }) => /* @__PURE__ */ React.createElement(
+        FormControlLabel,
+        {
+          control: /* @__PURE__ */ React.createElement(Tooltip, { title: t("anonymousCheckbox.tooltip") }, /* @__PURE__ */ React.createElement(
+            Checkbox,
+            {
+              onChange,
+              value,
+              size: "small",
+              name: "anonymous"
+            }
+          )),
+          label
+        }
+      ),
+      name: "anonymous"
+    }
+  ));
+};
+
+export { PostAnonymouslyCheckbox };
+//# sourceMappingURL=PostAnonymouslyCheckbox.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PostAnonymouslyCheckbox.esm.js","sources":["../../../src/components/PostAnonymouslyCheckbox/PostAnonymouslyCheckbox.tsx"],"sourcesContent":["import { Control, Controller } from 'react-hook-form';\nimport { Box, Checkbox, FormControlLabel, Tooltip } from '@material-ui/core';\nimport React from 'react';\nimport { useTranslation } from '../../utils';\n\nexport const PostAnonymouslyCheckbox = (props: {\n  control: Control<any>;\n  label: string;\n}) => {\n  const { control, label } = props;\n  const { t } = useTranslation();\n  return (\n    <Box style={{ marginLeft: '0.2rem' }}>\n      <Controller\n        control={control}\n        render={({ field: { onChange, value } }) => (\n          <FormControlLabel\n            control={\n              <Tooltip title={t('anonymousCheckbox.tooltip')}>\n                <Checkbox\n                  onChange={onChange}\n                  value={value}\n                  size=\"small\"\n                  name=\"anonymous\"\n                />\n              </Tooltip>\n            }\n            label={label}\n          />\n        )}\n        name=\"anonymous\"\n      />\n    </Box>\n  );\n};\n"],"names":[],"mappings":";;;;;AAKa,MAAA,uBAAA,GAA0B,CAAC,KAGlC,KAAA;AACJ,EAAM,MAAA,EAAE,OAAS,EAAA,KAAA,EAAU,GAAA,KAAA,CAAA;AAC3B,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAC7B,EAAA,2CACG,GAAI,EAAA,EAAA,KAAA,EAAO,EAAE,UAAA,EAAY,UACxB,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,OAAA;AAAA,MACA,MAAA,EAAQ,CAAC,EAAE,KAAA,EAAO,EAAE,QAAU,EAAA,KAAA,IAC5B,qBAAA,KAAA,CAAA,aAAA;AAAA,QAAC,gBAAA;AAAA,QAAA;AAAA,UACC,yBACG,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EAAQ,KAAO,EAAA,CAAA,CAAE,2BAA2B,CAC3C,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,YAAC,QAAA;AAAA,YAAA;AAAA,cACC,QAAA;AAAA,cACA,KAAA;AAAA,cACA,IAAK,EAAA,OAAA;AAAA,cACL,IAAK,EAAA,WAAA;AAAA,aAAA;AAAA,WAET,CAAA;AAAA,UAEF,KAAA;AAAA,SAAA;AAAA,OACF;AAAA,MAEF,IAAK,EAAA,WAAA;AAAA,KAAA;AAAA,GAET,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/PostForm/EntitiesInput.esm.js

@@ -0,0 +1,100 @@
+import { Controller } from 'react-hook-form';
+import { Autocomplete } from '@material-ui/lab';
+import { getEntityTitle } from '../../utils/utils.esm.js';
+import { stringifyEntityRef } from '@backstage/catalog-model';
+import { TextField } from '@material-ui/core';
+import React, { useMemo, useEffect } from 'react';
+import { useApi, configApiRef } from '@backstage/core-plugin-api';
+import { catalogApiRef } from '@backstage/plugin-catalog-react';
+import { useTranslation } from '../../utils/hooks.esm.js';
+
+const EntitiesInput = (props) => {
+  const { control, entityRef } = props;
+  const configApi = useApi(configApiRef);
+  const catalogApi = useApi(catalogApiRef);
+  const [availableEntities, setAvailableEntities] = React.useState([]);
+  const { t } = useTranslation();
+  const entityKinds = useMemo(() => {
+    let kinds = configApi.getOptionalStringArray("qeta.entityKinds");
+    if (!kinds) {
+      kinds = configApi.getOptionalStringArray("qeta.entities.kinds");
+    }
+    return kinds || ["Component", "System"];
+  }, [configApi]);
+  const max = useMemo(
+    () => configApi.getOptionalNumber("qeta.entities.max") ?? 3,
+    [configApi]
+  );
+  useEffect(() => {
+    if (entityRef) {
+      catalogApi.getEntityByRef(entityRef).then((data) => {
+        if (data) {
+          setAvailableEntities([data]);
+        }
+      });
+    }
+  }, [catalogApi, entityRef]);
+  useEffect(() => {
+    if (entityRef) {
+      return;
+    }
+    if (entityKinds && entityKinds.length > 0) {
+      catalogApi.getEntities({
+        order: { field: "kind", order: "asc" },
+        filter: { kind: entityKinds },
+        fields: [
+          "kind",
+          "metadata.name",
+          "metadata.namespace",
+          "metadata.title"
+        ]
+      }).catch((_) => setAvailableEntities(null)).then(
+        (data) => data ? setAvailableEntities(data.items) : setAvailableEntities(null)
+      );
+    }
+  }, [catalogApi, entityRef, configApi, entityKinds]);
+  if (!availableEntities || availableEntities.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ React.createElement(
+    Controller,
+    {
+      control,
+      render: ({ field: { onChange, value } }) => /* @__PURE__ */ React.createElement(
+        Autocomplete,
+        {
+          multiple: true,
+          className: "qetaAskFormEntities",
+          value,
+          groupBy: entityKinds.length > 1 ? (option) => option.kind : void 0,
+          id: "entities-select",
+          options: availableEntities,
+          getOptionLabel: getEntityTitle,
+          getOptionSelected: (o, v) => stringifyEntityRef(o) === stringifyEntityRef(v),
+          onChange: (_e, newValue) => {
+            if (!value || value.length < max) {
+              onChange(newValue);
+            }
+          },
+          renderInput: (params) => /* @__PURE__ */ React.createElement(
+            TextField,
+            {
+              ...params,
+              variant: "outlined",
+              margin: "normal",
+              label: t("entitiesInput.label"),
+              placeholder: t("entitiesInput.placeholder"),
+              helperText: t("entitiesInput.helperText", {
+                max: max.toString(10)
+              })
+            }
+          )
+        }
+      ),
+      name: "entities"
+    }
+  );
+};
+
+export { EntitiesInput };
+//# sourceMappingURL=EntitiesInput.esm.js.map

package/dist/components/PostForm/EntitiesInput.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EntitiesInput.esm.js","sources":["../../../src/components/PostForm/EntitiesInput.tsx"],"sourcesContent":["import { Control, Controller } from 'react-hook-form';\nimport { QuestionForm } from './types';\nimport { Autocomplete } from '@material-ui/lab';\nimport { getEntityTitle } from '../../utils/utils';\nimport { Entity, stringifyEntityRef } from '@backstage/catalog-model';\nimport { TextField } from '@material-ui/core';\nimport React, { useEffect, useMemo } from 'react';\nimport { configApiRef, useApi } from '@backstage/core-plugin-api';\nimport { catalogApiRef } from '@backstage/plugin-catalog-react';\nimport { useTranslation } from '../../utils';\n\nexport const EntitiesInput = (props: {\n  control: Control<QuestionForm>;\n  entityRef?: string;\n}) => {\n  const { control, entityRef } = props;\n  const configApi = useApi(configApiRef);\n  const catalogApi = useApi(catalogApiRef);\n  const [availableEntities, setAvailableEntities] = React.useState<\n    Entity[] | null\n  >([]);\n  const { t } = useTranslation();\n\n  const entityKinds: string[] = useMemo(() => {\n    let kinds = configApi.getOptionalStringArray('qeta.entityKinds');\n    if (!kinds) {\n      kinds = configApi.getOptionalStringArray('qeta.entities.kinds');\n    }\n    return kinds || ['Component', 'System'];\n  }, [configApi]);\n  const max = useMemo(\n    () => configApi.getOptionalNumber('qeta.entities.max') ?? 3,\n    [configApi],\n  );\n\n  useEffect(() => {\n    if (entityRef) {\n      catalogApi.getEntityByRef(entityRef).then(data => {\n        if (data) {\n          setAvailableEntities([data]);\n        }\n      });\n    }\n  }, [catalogApi, entityRef]);\n\n  useEffect(() => {\n    if (entityRef) {\n      return;\n    }\n\n    if (entityKinds && entityKinds.length > 0) {\n      catalogApi\n        .getEntities({\n          order: { field: 'kind', order: 'asc' },\n          filter: { kind: entityKinds },\n          fields: [\n            'kind',\n            'metadata.name',\n            'metadata.namespace',\n            'metadata.title',\n          ],\n        })\n        .catch(_ => setAvailableEntities(null))\n        .then(data =>\n          data ? setAvailableEntities(data.items) : setAvailableEntities(null),\n        );\n    }\n  }, [catalogApi, entityRef, configApi, entityKinds]);\n\n  if (!availableEntities || availableEntities.length === 0) {\n    return null;\n  }\n\n  return (\n    <Controller\n      control={control}\n      render={({ field: { onChange, value } }) => (\n        <Autocomplete\n          multiple\n          className=\"qetaAskFormEntities\"\n          value={value}\n          groupBy={entityKinds.length > 1 ? option => option.kind : undefined}\n          id=\"entities-select\"\n          options={availableEntities}\n          getOptionLabel={getEntityTitle}\n          getOptionSelected={(o, v) =>\n            stringifyEntityRef(o) === stringifyEntityRef(v)\n          }\n          onChange={(_e, newValue) => {\n            if (!value || value.length < max) {\n              onChange(newValue);\n            }\n          }}\n          renderInput={params => (\n            <TextField\n              {...params}\n              variant=\"outlined\"\n              margin=\"normal\"\n              label={t('entitiesInput.label')}\n              placeholder={t('entitiesInput.placeholder')}\n              helperText={t('entitiesInput.helperText', {\n                max: max.toString(10),\n              })}\n            />\n          )}\n        />\n      )}\n      name=\"entities\"\n    />\n  );\n};\n"],"names":[],"mappings":"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"}