npm - @drodil/backstage-plugin-qeta-react - Versions diffs - 3.30.2 → 3.31.1 - Mend

@drodil/backstage-plugin-qeta-react 3.30.2 → 3.31.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 (42) hide show

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

@@ -34,7 +34,8 @@ const filterKeys = [
   "tags",
   "tagsRelation",
   "entities",
-  "entitiesRelation"
+  "entitiesRelation",
+  "status"
 ];
 function isPostFilters(filters) {
   return filters.noAnswers !== void 0;
@@ -82,6 +83,9 @@ const FilterPanel = (props) => {
     initializedRef.current = true;
     const changes = [];
     searchParams.forEach((value, key) => {
+      if (!value) {
+        return;
+      }
       if (filterKeys.includes(key)) {
         if (key === "tags" || key === "entities") {
           changes.push({ key, value: value.split(",") });
@@ -197,6 +201,26 @@ const FilterPanel = (props) => {
                 label: t("filterPanel.noAnswers.label")
               }
             ),
+            postFilters && /* @__PURE__ */ jsx(
+              FormControlLabel,
+              {
+                control: /* @__PURE__ */ jsx(
+                  Checkbox,
+                  {
+                    size: "small",
+                    name: "status",
+                    onChange: (e) => {
+                      const newStatus = e.target.checked ? "draft" : void 0;
+                      handleChange({
+                        target: { name: "status", value: newStatus }
+                      });
+                    },
+                    checked: filters.status === "draft"
+                  }
+                ),
+                label: t("filterPanel.drafts.label")
+              }
+            ),
             (postFilters || answerFilters) && type !== "article" && /* @__PURE__ */ jsx(
               FormControlLabel,
               {

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

	@@ -1 +1 @@
1	- {"version":3,"file":"FilterPanel.esm.js","sources":["../../../src/components/FilterPanel/FilterPanel.tsx"],"sourcesContent":["import { useCallback, useEffect, useState, useRef } from 'react';\nimport { Entity, stringifyEntityRef } from '@backstage/catalog-model';\nimport { DateRangeFilter } from './DateRangeFilter';\nimport { PostType } from '@drodil/backstage-plugin-qeta-common';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { EntitiesInput } from '../PostForm/EntitiesInput';\nimport { TagInput } from '../PostForm/TagInput';\nimport {\n catalogApiRef,\n useStarredEntities,\n} from '@backstage/plugin-catalog-react';\nimport { identityApiRef, useApi } from '@backstage/core-plugin-api';\nimport { useSearchParams } from 'react-router-dom';\nimport {\n Box,\n Checkbox,\n Divider,\n FormControl,\n FormControlLabel,\n FormGroup,\n FormLabel,\n Grid,\n IconButton,\n makeStyles,\n Radio,\n RadioGroup,\n Tooltip,\n} from '@material-ui/core';\nimport AdjustIcon from '@material-ui/icons/Adjust';\nimport FiberManualRecordIcon from '@material-ui/icons/FiberManualRecord';\nimport { compact } from 'lodash';\n\nconst radioSelect = (value: string, label: string) => {\n return (\n <FormControlLabel\n value={value}\n control={<Radio size=\"small\" />}\n label={label}\n />\n );\n};\n\nexport const filterKeys = [\n 'orderBy',\n 'order',\n 'noAnswers',\n 'noCorrectAnswer',\n 'noVotes',\n 'dateRange',\n 'tags',\n 'tagsRelation',\n 'entities',\n 'entitiesRelation',\n] 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 entities?: string[];\n tags?: string[];\n tagsRelation?: 'and' \| 'or';\n entitiesRelation?: 'and' \| 'or';\n};\n\nexport type AnswerFilters = Filters & {\n orderBy?: 'created' \| 'score' \| 'updated';\n noVotes?: 'true' \| 'false';\n noCorrectAnswer?: 'true' \| 'false';\n};\n\nexport type CollectionFilters = Filters & {\n orderBy?: 'created' \| 'title';\n};\n\nfunction isPostFilters(filters: Filters): filters is PostFilters {\n return (filters as PostFilters).noAnswers !== undefined;\n}\n\nfunction isAnswerFilters(filters: Filters): filters is AnswerFilters {\n return (\n (filters as AnswerFilters).noVotes !== undefined &&\n (filters as PostFilters).noAnswers === undefined\n );\n}\n\nfunction isCollectionFilters(filters: Filters): filters is CollectionFilters {\n return (filters as PostFilters).noAnswers === undefined;\n}\n\nexport type Change<T extends Filters> = {\n key: keyof T;\n value: string \| string[];\n};\n\nexport interface CommonFilterPanelProps {\n showEntityFilter?: boolean;\n showTagFilter?: boolean;\n answerFilters?: boolean;\n type?: PostType;\n}\n\nexport interface FilterPanelProps<T extends Filters>\n extends CommonFilterPanelProps {\n onChange: (changes: Change<T> \| Change<T>[]) => void;\n filters: T;\n}\n\nconst useStyles = makeStyles(\n theme => ({\n root: {\n padding: '1em',\n paddingTop: '2em',\n marginTop: '1em',\n border: `1px solid ${theme.palette.divider}`,\n },\n }),\n { name: 'QetaFilterPanel' },\n);\n\nexport const FilterPanel = <T extends Filters>(props: FilterPanelProps<T>) => {\n const {\n onChange,\n filters,\n showEntityFilter = true,\n showTagFilter = true,\n type,\n } = props;\n const { t } = useTranslationRef(qetaTranslationRef);\n const [entities, setEntities] = useState<Entity[] \| undefined>(undefined);\n const [starredEntities, setStarredEntities] = useState(false);\n const [ownedEntities, setOwnedEntities] = useState(false);\n const [ownedEntityRefs, setOwnedEntityRefs] = useState<string[]>([]);\n const starredEntitiesApi = useStarredEntities();\n const catalogApi = useApi(catalogApiRef);\n const identityApi = useApi(identityApiRef);\n const styles = useStyles();\n const [searchParams, setSearchParams] = useSearchParams();\n const initializedRef = useRef(false);\n\n // Initialize filters from URL parameters only once\n useEffect(() => {\n if (initializedRef.current) {\n return;\n }\n initializedRef.current = true;\n\n const changes: Change<T>[] = [];\n searchParams.forEach((value, key) => {\n if (filterKeys.includes(key as FilterKey)) {\n if (key === 'tags' \|\| key === 'entities') {\n changes.push({ key: key as keyof T, value: value.split(',') });\n } else {\n changes.push({ key: key as keyof T, value });\n }\n }\n });\n if (changes.length > 0) {\n onChange(changes);\n }\n }, [searchParams, onChange]);\n\n // Handle owned entities\n useEffect(() => {\n identityApi.getBackstageIdentity().then(identity => {\n catalogApi\n .getEntities({\n filter: {\n 'spec.owner': identity.ownershipEntityRefs,\n },\n fields: ['kind', 'metadata.name', 'metadata.namespace'],\n })\n .then(data => {\n const entityRefs = data.items.map(e => stringifyEntityRef(e));\n setOwnedEntityRefs(entityRefs);\n });\n });\n }, [catalogApi, identityApi]);\n\n const handleChange = (event: {\n target: {\n value: string \| string[];\n type?: string;\n name: string;\n checked?: boolean;\n };\n }) => {\n let value = event.target.value;\n if (event.target.type === 'checkbox') {\n value = event.target.checked ? 'true' : 'false';\n }\n\n // Update URL parameters\n setSearchParams(prev => {\n const newParams = new URLSearchParams(prev);\n if (\n !value \|\|\n value === 'false' \|\|\n (Array.isArray(value) && value.length === 0)\n ) {\n newParams.delete(event.target.name);\n } else if (Array.isArray(value)) {\n newParams.set(event.target.name, value.join(','));\n } else {\n newParams.set(event.target.name, value);\n }\n return newParams;\n });\n\n onChange({ key: event.target.name as keyof T, value });\n };\n\n const handleStarredEntities = useCallback(\n (checked: boolean) => {\n setStarredEntities(checked);\n setEntities([]);\n if (checked) {\n onChange({\n key: 'entities',\n value: [...starredEntitiesApi.starredEntities],\n });\n } else {\n onChange({ key: 'entities', value: [] });\n }\n },\n [onChange, starredEntitiesApi.starredEntities],\n );\n\n const handleOwnedEntities = useCallback(\n (checked: boolean) => {\n setOwnedEntities(checked);\n setEntities([]);\n if (checked) {\n onChange([\n { key: 'entities', value: ownedEntityRefs },\n { key: 'entitiesRelation', value: 'or' },\n ]);\n } else {\n onChange([\n { key: 'entities', value: [] },\n { key: 'entitiesRelation', value: 'and' },\n ]);\n }\n },\n [onChange, ownedEntityRefs],\n );\n\n useEffect(() => {\n if (filters.entities) {\n catalogApi\n .getEntitiesByRefs({\n entityRefs: filters.entities,\n fields: ['kind', 'metadata.name', 'metadata.namespace'],\n })\n .then(data => {\n setEntities(compact(data.items));\n });\n }\n }, [catalogApi, filters.entities]);\n\n const postFilters = isPostFilters(filters);\n const answerFilters = isAnswerFilters(filters);\n const collectionFilters = isCollectionFilters(filters);\n\n return (\n <Box className={styles.root}>\n <Grid\n container\n spacing={4}\n alignItems=\"stretch\"\n justifyContent=\"space-evenly\"\n >\n {(postFilters \|\| answerFilters) && (\n <Grid item>\n <FormGroup>\n <FormLabel id=\"qeta-filter-quick\">\n {t('filterPanel.quickFilters.label')}\n </FormLabel>\n {postFilters && type !== '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 1em',\n }}\n >\n {postFilters &&\n filters.collectionId !== undefined &&\n radioSelect('rank', t('filterPanel.orderBy.rank'))}\n {radioSelect('created', t('filterPanel.orderBy.created'))}\n {(postFilters \|\| collectionFilters) &&\n radioSelect('title', t('filterPanel.orderBy.title'))}\n {postFilters &&\n radioSelect('views', t('filterPanel.orderBy.views'))}\n {(postFilters \|\| answerFilters) &&\n radioSelect('score', t('filterPanel.orderBy.score'))}\n {postFilters &&\n radioSelect('trend', t('filterPanel.orderBy.trend'))}\n {postFilters &&\n type !== 'article' &&\n radioSelect('answersCount', t('filterPanel.orderBy.answers'))}\n {(postFilters \|\| answerFilters) &&\n radioSelect('updated', t('filterPanel.orderBy.updated'))}\n </RadioGroup>\n </FormControl>\n </Grid>\n <Grid item>\n <FormControl>\n <FormLabel id=\"qeta-filter-order\">\n {t('filterPanel.order.label')}\n </FormLabel>\n <RadioGroup\n aria-labelledby=\"qeta-filter-order\"\n name=\"order\"\n value={filters.order}\n onChange={handleChange}\n >\n {radioSelect('desc', t('filterPanel.order.desc'))}\n {radioSelect('asc', t('filterPanel.order.asc'))}\n </RadioGroup>\n </FormControl>\n </Grid>\n </Grid>\n <Box marginY=\"24px\">\n <Divider />\n </Box>\n <Grid container alignItems=\"stretch\" justifyContent=\"space-evenly\">\n <Grid item>\n <DateRangeFilter\n value={filters.dateRange}\n onChange={val => onChange({ key: 'dateRange', value: val })}\n />\n </Grid>\n {showEntityFilter && (\n <Grid item>\n <Grid container alignItems=\"center\">\n <Grid item>\n <EntitiesInput\n disabled={starredEntities \|\| ownedEntities}\n style={{ width: '230px' }}\n onChange={(newEntities?: Entity[]) => {\n const entityRefs = (newEntities ?? []).map(e =>\n stringifyEntityRef(e),\n );\n handleChange({\n target: { name: 'entities', value: entityRefs },\n });\n setEntities(newEntities);\n }}\n value={entities}\n useOnlyUsedEntities\n hideHelpText\n />\n </Grid>\n {filters.entities && filters.entities?.length > 1 && (\n <Grid item>\n <Tooltip\n title={\n filters.entitiesRelation === 'or'\n ? t('filterPanel.toggleEntityRelation.and')\n : t('filterPanel.toggleEntityRelation.or')\n }\n >\n <IconButton\n disabled={starredEntities \|\| ownedEntities}\n onClick={() => {\n if (filters.entitiesRelation === 'or') {\n onChange({ key: 'entitiesRelation', value: 'and' });\n } else {\n onChange({ key: 'entitiesRelation', value: 'or' });\n }\n }}\n >\n {filters.entitiesRelation === 'or' ? (\n <AdjustIcon />\n ) : (\n <FiberManualRecordIcon />\n )}\n </IconButton>\n </Tooltip>\n </Grid>\n )}\n </Grid>\n </Grid>\n )}\n {showTagFilter && (\n <Grid item>\n <Grid container alignItems=\"center\">\n <Grid item>\n <TagInput\n style={{ width: '230px' }}\n onChange={(newTags: string[]) =>\n onChange({ key: 'tags', value: newTags })\n }\n value={filters.tags}\n hideHelpText\n allowCreate={false}\n />\n </Grid>\n {filters.tags && filters.tags?.length > 1 && (\n <Grid item>\n <Tooltip\n title={\n filters.tagsRelation === 'or'\n ? t('filterPanel.toggleTagRelation.and')\n : t('filterPanel.toggleTagRelation.or')\n }\n >\n <IconButton\n onClick={() => {\n if (filters.tagsRelation === 'or') {\n onChange({ key: 'tagsRelation', value: 'and' });\n } else {\n onChange({ key: 'tagsRelation', value: 'or' });\n }\n }}\n >\n {filters.tagsRelation === 'or' ? (\n <AdjustIcon />\n ) : (\n <FiberManualRecordIcon />\n )}\n </IconButton>\n </Tooltip>\n </Grid>\n )}\n </Grid>\n </Grid>\n )}\n </Grid>\n </Box>\n );\n};\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"FilterPanel.esm.js","sources":["../../../src/components/FilterPanel/FilterPanel.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\nimport { Entity, stringifyEntityRef } from '@backstage/catalog-model';\nimport { DateRangeFilter } from './DateRangeFilter';\nimport { PostStatus, PostType } from '@drodil/backstage-plugin-qeta-common';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { EntitiesInput } from '../PostForm/EntitiesInput';\nimport { TagInput } from '../PostForm/TagInput';\nimport {\n catalogApiRef,\n useStarredEntities,\n} from '@backstage/plugin-catalog-react';\nimport { identityApiRef, useApi } from '@backstage/core-plugin-api';\nimport { useSearchParams } from 'react-router-dom';\nimport {\n Box,\n Checkbox,\n Divider,\n FormControl,\n FormControlLabel,\n FormGroup,\n FormLabel,\n Grid,\n IconButton,\n makeStyles,\n Radio,\n RadioGroup,\n Tooltip,\n} from '@material-ui/core';\nimport AdjustIcon from '@material-ui/icons/Adjust';\nimport FiberManualRecordIcon from '@material-ui/icons/FiberManualRecord';\nimport { compact } from 'lodash';\n\nconst radioSelect = (value: string, label: string) => {\n return (\n <FormControlLabel\n value={value}\n control={<Radio size=\"small\" />}\n label={label}\n />\n );\n};\n\nexport const filterKeys = [\n 'orderBy',\n 'order',\n 'noAnswers',\n 'noCorrectAnswer',\n 'noVotes',\n 'dateRange',\n 'tags',\n 'tagsRelation',\n 'entities',\n 'entitiesRelation',\n 'status',\n] as const;\nexport type FilterKey = (typeof filterKeys)[number];\n\nexport type Filters = {\n order?: 'asc' \| 'desc';\n orderBy?: string;\n searchQuery?: string;\n entities?: string[];\n entitiesRelation?: 'and' \| 'or';\n entity?: string;\n tags?: string[];\n tagsRelation?: 'and' \| 'or';\n dateRange?: string;\n status?: PostStatus;\n};\n\nexport type PostFilters = Filters & {\n orderBy?:\n \| 'rank'\n \| 'created'\n \| 'title'\n \| 'views'\n \| 'score'\n \| 'trend'\n \| 'answersCount'\n \| 'updated';\n noAnswers?: 'true' \| 'false';\n noCorrectAnswer?: 'true' \| 'false';\n noVotes?: 'true' \| 'false';\n collectionId?: number;\n type?: PostType;\n entities?: string[];\n tags?: string[];\n tagsRelation?: 'and' \| 'or';\n entitiesRelation?: 'and' \| 'or';\n status?: PostStatus;\n};\n\nexport type AnswerFilters = Filters & {\n orderBy?: 'created' \| 'score' \| 'updated';\n noVotes?: 'true' \| 'false';\n noCorrectAnswer?: 'true' \| 'false';\n};\n\nexport type CollectionFilters = Filters & {\n orderBy?: 'created' \| 'title';\n};\n\nfunction isPostFilters(filters: Filters): filters is PostFilters {\n return (filters as PostFilters).noAnswers !== undefined;\n}\n\nfunction isAnswerFilters(filters: Filters): filters is AnswerFilters {\n return (\n (filters as AnswerFilters).noVotes !== undefined &&\n (filters as PostFilters).noAnswers === undefined\n );\n}\n\nfunction isCollectionFilters(filters: Filters): filters is CollectionFilters {\n return (filters as PostFilters).noAnswers === undefined;\n}\n\nexport type Change<T extends Filters> = {\n key: keyof T;\n value?: string \| string[];\n};\n\nexport interface CommonFilterPanelProps {\n showEntityFilter?: boolean;\n showTagFilter?: boolean;\n answerFilters?: boolean;\n type?: PostType;\n}\n\nexport interface FilterPanelProps<T extends Filters>\n extends CommonFilterPanelProps {\n onChange: (changes: Change<T> \| Change<T>[]) => void;\n filters: T;\n}\n\nconst useStyles = makeStyles(\n theme => ({\n root: {\n padding: '1em',\n paddingTop: '2em',\n marginTop: '1em',\n border: `1px solid ${theme.palette.divider}`,\n },\n }),\n { name: 'QetaFilterPanel' },\n);\n\nexport const FilterPanel = <T extends Filters>(props: FilterPanelProps<T>) => {\n const {\n onChange,\n filters,\n showEntityFilter = true,\n showTagFilter = true,\n type,\n } = props;\n const { t } = useTranslationRef(qetaTranslationRef);\n const [entities, setEntities] = useState<Entity[] \| undefined>(undefined);\n const [starredEntities, setStarredEntities] = useState(false);\n const [ownedEntities, setOwnedEntities] = useState(false);\n const [ownedEntityRefs, setOwnedEntityRefs] = useState<string[]>([]);\n const starredEntitiesApi = useStarredEntities();\n const catalogApi = useApi(catalogApiRef);\n const identityApi = useApi(identityApiRef);\n const styles = useStyles();\n const [searchParams, setSearchParams] = useSearchParams();\n const initializedRef = useRef(false);\n\n // Initialize filters from URL parameters only once\n useEffect(() => {\n if (initializedRef.current) {\n return;\n }\n initializedRef.current = true;\n\n const changes: Change<T>[] = [];\n searchParams.forEach((value, key) => {\n if (!value) {\n return;\n }\n if (filterKeys.includes(key as FilterKey)) {\n if (key === 'tags' \|\| key === 'entities') {\n changes.push({ key: key as keyof T, value: value.split(',') });\n } else {\n changes.push({ key: key as keyof T, value });\n }\n }\n });\n if (changes.length > 0) {\n onChange(changes);\n }\n }, [searchParams, onChange]);\n\n // Handle owned entities\n useEffect(() => {\n identityApi.getBackstageIdentity().then(identity => {\n catalogApi\n .getEntities({\n filter: {\n 'spec.owner': identity.ownershipEntityRefs,\n },\n fields: ['kind', 'metadata.name', 'metadata.namespace'],\n })\n .then(data => {\n const entityRefs = data.items.map(e => stringifyEntityRef(e));\n setOwnedEntityRefs(entityRefs);\n });\n });\n }, [catalogApi, identityApi]);\n\n const handleChange = (event: {\n target: {\n value?: string \| string[];\n type?: string;\n name: string;\n checked?: boolean;\n };\n }) => {\n let value = event.target.value;\n if (event.target.type === 'checkbox') {\n value = event.target.checked ? 'true' : 'false';\n }\n\n // Update URL parameters\n setSearchParams(prev => {\n const newParams = new URLSearchParams(prev);\n if (\n !value \|\|\n value === 'false' \|\|\n (Array.isArray(value) && value.length === 0)\n ) {\n newParams.delete(event.target.name);\n } else if (Array.isArray(value)) {\n newParams.set(event.target.name, value.join(','));\n } else {\n newParams.set(event.target.name, value);\n }\n return newParams;\n });\n\n onChange({ key: event.target.name as keyof T, value });\n };\n\n const handleStarredEntities = useCallback(\n (checked: boolean) => {\n setStarredEntities(checked);\n setEntities([]);\n if (checked) {\n onChange({\n key: 'entities',\n value: [...starredEntitiesApi.starredEntities],\n });\n } else {\n onChange({ key: 'entities', value: [] });\n }\n },\n [onChange, starredEntitiesApi.starredEntities],\n );\n\n const handleOwnedEntities = useCallback(\n (checked: boolean) => {\n setOwnedEntities(checked);\n setEntities([]);\n if (checked) {\n onChange([\n { key: 'entities', value: ownedEntityRefs },\n { key: 'entitiesRelation', value: 'or' },\n ]);\n } else {\n onChange([\n { key: 'entities', value: [] },\n { key: 'entitiesRelation', value: 'and' },\n ]);\n }\n },\n [onChange, ownedEntityRefs],\n );\n\n useEffect(() => {\n if (filters.entities) {\n catalogApi\n .getEntitiesByRefs({\n entityRefs: filters.entities,\n fields: ['kind', 'metadata.name', 'metadata.namespace'],\n })\n .then(data => {\n setEntities(compact(data.items));\n });\n }\n }, [catalogApi, filters.entities]);\n\n const postFilters = isPostFilters(filters);\n const answerFilters = isAnswerFilters(filters);\n const collectionFilters = isCollectionFilters(filters);\n\n return (\n <Box className={styles.root}>\n <Grid\n container\n spacing={4}\n alignItems=\"stretch\"\n justifyContent=\"space-evenly\"\n >\n {(postFilters \|\| answerFilters) && (\n <Grid item>\n <FormGroup>\n <FormLabel id=\"qeta-filter-quick\">\n {t('filterPanel.quickFilters.label')}\n </FormLabel>\n {postFilters && type !== '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 && (\n <FormControlLabel\n control={\n <Checkbox\n size=\"small\"\n name=\"status\"\n onChange={e => {\n const newStatus = e.target.checked\n ? 'draft'\n : undefined;\n handleChange({\n target: { name: 'status', value: newStatus },\n });\n }}\n checked={filters.status === 'draft'}\n />\n }\n label={t('filterPanel.drafts.label')}\n />\n )}\n {(postFilters \|\| answerFilters) && type !== '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 1em',\n }}\n >\n {postFilters &&\n filters.collectionId !== undefined &&\n radioSelect('rank', t('filterPanel.orderBy.rank'))}\n {radioSelect('created', t('filterPanel.orderBy.created'))}\n {(postFilters \|\| collectionFilters) &&\n radioSelect('title', t('filterPanel.orderBy.title'))}\n {postFilters &&\n radioSelect('views', t('filterPanel.orderBy.views'))}\n {(postFilters \|\| answerFilters) &&\n radioSelect('score', t('filterPanel.orderBy.score'))}\n {postFilters &&\n radioSelect('trend', t('filterPanel.orderBy.trend'))}\n {postFilters &&\n type !== 'article' &&\n radioSelect('answersCount', t('filterPanel.orderBy.answers'))}\n {(postFilters \|\| answerFilters) &&\n radioSelect('updated', t('filterPanel.orderBy.updated'))}\n </RadioGroup>\n </FormControl>\n </Grid>\n <Grid item>\n <FormControl>\n <FormLabel id=\"qeta-filter-order\">\n {t('filterPanel.order.label')}\n </FormLabel>\n <RadioGroup\n aria-labelledby=\"qeta-filter-order\"\n name=\"order\"\n value={filters.order}\n onChange={handleChange}\n >\n {radioSelect('desc', t('filterPanel.order.desc'))}\n {radioSelect('asc', t('filterPanel.order.asc'))}\n </RadioGroup>\n </FormControl>\n </Grid>\n </Grid>\n <Box marginY=\"24px\">\n <Divider />\n </Box>\n <Grid container alignItems=\"stretch\" justifyContent=\"space-evenly\">\n <Grid item>\n <DateRangeFilter\n value={filters.dateRange}\n onChange={val => onChange({ key: 'dateRange', value: val })}\n />\n </Grid>\n {showEntityFilter && (\n <Grid item>\n <Grid container alignItems=\"center\">\n <Grid item>\n <EntitiesInput\n disabled={starredEntities \|\| ownedEntities}\n style={{ width: '230px' }}\n onChange={(newEntities?: Entity[]) => {\n const entityRefs = (newEntities ?? []).map(e =>\n stringifyEntityRef(e),\n );\n handleChange({\n target: { name: 'entities', value: entityRefs },\n });\n setEntities(newEntities);\n }}\n value={entities}\n useOnlyUsedEntities\n hideHelpText\n />\n </Grid>\n {filters.entities && filters.entities?.length > 1 && (\n <Grid item>\n <Tooltip\n title={\n filters.entitiesRelation === 'or'\n ? t('filterPanel.toggleEntityRelation.and')\n : t('filterPanel.toggleEntityRelation.or')\n }\n >\n <IconButton\n disabled={starredEntities \|\| ownedEntities}\n onClick={() => {\n if (filters.entitiesRelation === 'or') {\n onChange({ key: 'entitiesRelation', value: 'and' });\n } else {\n onChange({ key: 'entitiesRelation', value: 'or' });\n }\n }}\n >\n {filters.entitiesRelation === 'or' ? (\n <AdjustIcon />\n ) : (\n <FiberManualRecordIcon />\n )}\n </IconButton>\n </Tooltip>\n </Grid>\n )}\n </Grid>\n </Grid>\n )}\n {showTagFilter && (\n <Grid item>\n <Grid container alignItems=\"center\">\n <Grid item>\n <TagInput\n style={{ width: '230px' }}\n onChange={(newTags: string[]) =>\n onChange({ key: 'tags', value: newTags })\n }\n value={filters.tags}\n hideHelpText\n allowCreate={false}\n />\n </Grid>\n {filters.tags && filters.tags?.length > 1 && (\n <Grid item>\n <Tooltip\n title={\n filters.tagsRelation === 'or'\n ? t('filterPanel.toggleTagRelation.and')\n : t('filterPanel.toggleTagRelation.or')\n }\n >\n <IconButton\n onClick={() => {\n if (filters.tagsRelation === 'or') {\n onChange({ key: 'tagsRelation', value: 'and' });\n } else {\n onChange({ key: 'tagsRelation', value: 'or' });\n }\n }}\n >\n {filters.tagsRelation === 'or' ? (\n <AdjustIcon />\n ) : (\n <FiberManualRecordIcon />\n )}\n </IconButton>\n </Tooltip>\n </Grid>\n )}\n </Grid>\n </Grid>\n )}\n </Grid>\n </Box>\n );\n};\n"],"names":[],"mappings":"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"}

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

@@ -1,8 +1,8 @@
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { useRouteRef, useAnalytics, useApi, configApiRef } from '@backstage/core-plugin-api';
-import { Box, TextField, Typography, Tooltip, IconButton, Collapse, Button } from '@material-ui/core';
+import { useRouteRef, useAnalytics, useApi, configApiRef, alertApiRef } from '@backstage/core-plugin-api';
+import { Box, TextField, Typography, Tooltip, IconButton, Collapse, Button, FormControlLabel, Switch } from '@material-ui/core';
 import { Alert } from '@material-ui/lab';
-import { useState, useEffect, useCallback } from 'react';
+import { useState, useCallback, useEffect } from 'react';
 import { useForm, Controller } from 'react-hook-form';
 import { useNavigate, useSearchParams } from 'react-router-dom';
 import { MarkdownEditor } from '../MarkdownEditor/MarkdownEditor.esm.js';
@@ -22,6 +22,7 @@ import InfoIcon from '@material-ui/icons/Info';
 import ExpandMoreIcon from '@material-ui/icons/ExpandMore';
 import ExpandLessIcon from '@material-ui/icons/ExpandLess';
 import HelpIcon from '@material-ui/icons/Help';
+import { useDebounce } from 'react-use';
 const formToRequest = (form, images) => {
   return {
@@ -71,7 +72,8 @@ const getValues = async (api, catalogApi, type, id) => {
     entities: "items" in entities ? compact(entities.items) : [],
     type,
     headerImage: post.headerImage,
-    images: post.images ?? []
+    images: post.images ?? [],
+    status: post.status
   };
 };
 const PostForm = (props) => {
@@ -85,12 +87,19 @@ const PostForm = (props) => {
   const [values, setValues] = useState(getDefaultValues(props));
   const [error, setError] = useState(false);
   const [edited, setEdited] = useState(false);
+  const [draftId, setDraftId] = useState(id);
+  const [autoSaveEnabled, setAutoSaveEnabled] = useState(() => {
+    const saved = localStorage.getItem("qeta-auto-save-enabled");
+    return saved ? JSON.parse(saved) : false;
+  });
   const [images, setImages] = useState([]);
+  const [status, setStatus] = useState("draft");
   const [searchParams, _setSearchParams] = useSearchParams();
   const { t } = useTranslationRef(qetaTranslationRef);
   const qetaApi = useApi(qetaApiRef);
   const catalogApi = useApi(catalogApiRef);
   const configApi = useApi(configApiRef);
+  const alertApi = useApi(alertApiRef);
   const allowAnonymouns = configApi.getOptionalBoolean("qeta.allowAnonymous");
   const minEntities = configApi.getOptionalNumber("qeta.entities.min") ?? 0;
   const minTags = configApi.getOptionalNumber("qeta.tags.min") ?? 0;
@@ -100,35 +109,83 @@ const PostForm = (props) => {
     reset,
     getValues: getFormValues,
     setValue,
-    formState: { errors, isSubmitting }
+    formState: { errors, isSubmitting, isValid }
   } = useForm({
     values,
     defaultValues: getDefaultValues(props)
   });
-  const [showTips, setShowTips] = useState(false);
-  const [titleCharCount, setTitleCharCount] = useState(values.title.length);
-  const postQuestion = (data) => {
-    setPosting(true);
-    const route = type === "question" ? questionRoute : articleRoute;
-    const queryParams = new URLSearchParams();
-    if (entity) {
-      queryParams.set("entity", entity);
-    }
-    if (entityPage) {
-      queryParams.set("entityPage", "true");
-    }
-    if (id) {
-      qetaApi.updatePost(id, formToRequest(data, images)).then((q) => {
+  const postQuestion = useCallback(
+    (data, autoSave = false) => {
+      setPosting(true);
+      const route = type === "question" ? questionRoute : articleRoute;
+      const queryParams = new URLSearchParams();
+      if (entity) {
+        queryParams.set("entity", entity);
+      }
+      if (entityPage) {
+        queryParams.set("entityPage", "true");
+      }
+      const postId = data.status === "draft" ? draftId : id;
+      if (postId) {
+        qetaApi.updatePost(postId, formToRequest(data, images)).then((q) => {
+          if (!q || !q.id) {
+            setError(true);
+            return;
+          }
+          setEdited(false);
+          analytics.captureEvent("edit", type);
+          if (data.status === "draft" || autoSave) {
+            setDraftId(q.id.toString(10));
+            setPosting(false);
+            if (autoSave) {
+              alertApi.post({
+                message: t("postForm.autoSaveSuccess"),
+                severity: "success",
+                display: "transient"
+              });
+            }
+            return;
+          }
+          reset();
+          if (onPost) {
+            onPost(q);
+          } else if (entity) {
+            navigate(
+              `${route({
+                id: q.id.toString(10)
+              })}?${queryParams.toString()}`
+            );
+          } else {
+            navigate(route({ id: q.id.toString(10) }));
+          }
+        }).catch((_e) => {
+          setError(true);
+          setPosting(false);
+        });
+        return;
+      }
+      qetaApi.createPost(formToRequest(data, images)).then((q) => {
         if (!q || !q.id) {
           setError(true);
           return;
         }
         setEdited(false);
+        if (data.status === "draft" || autoSave) {
+          analytics.captureEvent("draft", type);
+          setDraftId(q.id.toString(10));
+          setPosting(false);
+          if (autoSave) {
+            alertApi.post({
+              message: t("postForm.autoSaveSuccess"),
+              severity: "success",
+              display: "transient"
+            });
+          }
+          return;
+        }
+        analytics.captureEvent("post", type);
         reset();
-        analytics.captureEvent("edit", type);
-        if (onPost) {
-          onPost(q);
-        } else if (entity) {
+        if (entity) {
           navigate(
             `${route({
               id: q.id.toString(10)
@@ -141,30 +198,27 @@ const PostForm = (props) => {
         setError(true);
         setPosting(false);
       });
-      return;
-    }
-    qetaApi.createPost(formToRequest(data, images)).then((q) => {
-      if (!q || !q.id) {
-        setError(true);
-        return;
-      }
-      setEdited(false);
-      analytics.captureEvent("post", type);
-      reset();
-      if (entity) {
-        navigate(
-          `${route({
-            id: q.id.toString(10)
-          })}?${queryParams.toString()}`
-        );
-      } else {
-        navigate(route({ id: q.id.toString(10) }));
-      }
-    }).catch((_e) => {
-      setError(true);
-      setPosting(false);
-    });
-  };
+    },
+    [
+      type,
+      questionRoute,
+      articleRoute,
+      entity,
+      entityPage,
+      draftId,
+      id,
+      qetaApi,
+      analytics,
+      reset,
+      onPost,
+      navigate,
+      images,
+      alertApi,
+      t
+    ]
+  );
+  const [showTips, setShowTips] = useState(false);
+  const [titleCharCount, setTitleCharCount] = useState(values.title.length);
   useEffect(() => {
     if (!entityRef) {
       const e = searchParams.get("entity");
@@ -178,6 +232,7 @@ const PostForm = (props) => {
       getValues(qetaApi, catalogApi, type, id).then((data) => {
         setValues(data);
         setImages(data.images);
+        setStatus(data.status ?? "draft");
       });
     }
   }, [qetaApi, catalogApi, type, id]);
@@ -211,6 +266,7 @@ const PostForm = (props) => {
   const onImageUpload = useCallback(
     (imageId) => {
       setImages((prevImages) => [...prevImages, imageId]);
+      setEdited(true);
     },
     [setImages]
   );
@@ -218,10 +274,60 @@ const PostForm = (props) => {
     setTitleCharCount(e.target.value.length);
     setValue("title", e.target.value, { shouldValidate: true });
   };
+  const autoSavePost = useCallback(() => {
+    if (autoSaveEnabled && edited && isValid && !posting) {
+      const formData = getFormValues();
+      if (formData.title && formData.content) {
+        postQuestion({ ...formData, status }, true);
+      }
+    }
+  }, [
+    autoSaveEnabled,
+    edited,
+    getFormValues,
+    status,
+    posting,
+    postQuestion,
+    isValid
+  ]);
+  useDebounce(autoSavePost, 3100, [edited, autoSaveEnabled, isValid]);
+  const getSubmitButtonText = () => {
+    if (posting) {
+      return /* @__PURE__ */ jsxs("span", { children: [
+        t("postForm.submitting"),
+        " ",
+        /* @__PURE__ */ jsx("span", { className: "spinner-border spinner-border-sm" })
+      ] });
+    }
+    if (status === "draft") {
+      return t("postForm.submit.publish");
+    }
+    return t("postForm.submit.existingPost");
+  };
+  const getDraftButtonText = () => {
+    if (posting) {
+      return /* @__PURE__ */ jsxs("span", { children: [
+        t("postForm.savingDraft"),
+        " ",
+        /* @__PURE__ */ jsx("span", { className: "spinner-border spinner-border-sm" })
+      ] });
+    }
+    if (draftId) {
+      return t("postForm.updateDraft");
+    }
+    return t("postForm.saveDraft");
+  };
+  const handleAutoSaveChange = (e) => {
+    const newValue = e.target.checked;
+    setAutoSaveEnabled(newValue);
+    localStorage.setItem("qeta-auto-save-enabled", JSON.stringify(newValue));
+  };
   return /* @__PURE__ */ jsxs(
     "form",
     {
-      onSubmit: handleSubmit(postQuestion),
+      onSubmit: handleSubmit(
+        (data) => postQuestion({ ...data, status: "active" })
+      ),
       onChange: () => {
         setEdited(true);
         onFormChange?.(control._formValues);
@@ -407,21 +513,57 @@ const PostForm = (props) => {
           ),
           /* @__PURE__ */ jsx(Tooltip, { title: t("anonymousCheckbox.tooltip"), children: /* @__PURE__ */ jsx(InfoIcon, { fontSize: "small", style: { marginLeft: 4 } }) })
         ] }),
-        /* @__PURE__ */ jsx(Box, { mt: 3, children: /* @__PURE__ */ jsx(
-          Button,
+        /* @__PURE__ */ jsxs(
+          Box,
           {
-            color: "primary",
-            type: "submit",
-            variant: "contained",
-            disabled: posting || isSubmitting,
-            size: "large",
-            children: posting ? /* @__PURE__ */ jsxs("span", { children: [
-              t("postForm.submitting"),
-              " ",
-              /* @__PURE__ */ jsx("span", { className: "spinner-border spinner-border-sm" })
-            ] }) : id ? t("postForm.submit.existingPost") : t("postForm.submit.newPost")
+            mt: 3,
+            display: "flex",
+            style: { gap: "16px" },
+            justifyContent: "space-between",
+            children: [
+              /* @__PURE__ */ jsxs(Box, { display: "flex", style: { gap: "16px" }, children: [
+                /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    color: "primary",
+                    type: "submit",
+                    variant: "contained",
+                    disabled: posting || isSubmitting,
+                    size: "large",
+                    children: getSubmitButtonText()
+                  }
+                ),
+                status === "draft" && /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    color: "secondary",
+                    variant: "outlined",
+                    disabled: posting || isSubmitting,
+                    size: "large",
+                    onClick: handleSubmit(
+                      (data) => postQuestion({ ...data, status: "draft" })
+                    ),
+                    children: getDraftButtonText()
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsx(
+                FormControlLabel,
+                {
+                  control: /* @__PURE__ */ jsx(Tooltip, { title: t("postForm.autoSaveDraftTooltip"), children: /* @__PURE__ */ jsx(
+                    Switch,
+                    {
+                      checked: autoSaveEnabled,
+                      onChange: handleAutoSaveChange,
+                      color: "primary"
+                    }
+                  ) }),
+                  label: t("postForm.autoSaveDraft")
+                }
+              )
+            ]
           }
-        ) })
+        )
       ]
     }
   );