@drodil/backstage-plugin-qeta 2.2.1 → 2.3.1

package/dist/components/AskForm/AskForm.esm.js

@@ -0,0 +1,218 @@
+import { useRouteRef, useAnalytics, useApi, configApiRef } from '@backstage/core-plugin-api';
+import { TextField, Button } from '@material-ui/core';
+import { Alert } from '@material-ui/lab';
+import React, { useEffect } from 'react';
+import { useForm, Controller } from 'react-hook-form';
+import { useNavigate, useSearchParams } from 'react-router-dom';
+import { useStyles } from '../../utils/hooks.esm.js';
+import { MarkdownEditor } from '../MarkdownEditor/MarkdownEditor.esm.js';
+import { catalogApiRef } from '@backstage/plugin-catalog-react';
+import { stringifyEntityRef } from '@backstage/catalog-model';
+import { compact } from 'lodash';
+import { TagInput } from './TagInput.esm.js';
+import { EntitiesInput } from './EntitiesInput.esm.js';
+import { questionRouteRef } from '@drodil/backstage-plugin-qeta-react';
+import { AskAnonymouslyCheckbox } from '../AskAnonymouslyCheckbox/AskAnonymouslyCheckbox.esm.js';
+import { qetaApiRef } from '../../api/QetaClient.esm.js';
+
+const formToRequest = (form, images) => {
+  var _a;
+  return {
+    ...form,
+    entities: (_a = form.entities) == null ? void 0 : _a.map(stringifyEntityRef),
+    images
+  };
+};
+const getDefaultValues = (props) => {
+  var _a;
+  return {
+    title: "",
+    content: "",
+    tags: (_a = props.tags) != null ? _a : [],
+    entities: []
+  };
+};
+const getValues = async (api, catalogApi, id) => {
+  var _a;
+  if (!id) {
+    return getDefaultValues({});
+  }
+  const question = await api.getQuestion(id);
+  const entities = question.entities && question.entities.length > 0 ? await catalogApi.getEntitiesByRefs({
+    entityRefs: question.entities,
+    fields: [
+      "kind",
+      "metadata.name",
+      "metadata.namespace",
+      "metadata.title"
+    ]
+  }) : [];
+  return {
+    title: question.title,
+    content: question.content,
+    tags: (_a = question.tags) != null ? _a : [],
+    entities: "items" in entities ? compact(entities.items) : []
+  };
+};
+const AskForm = (props) => {
+  const { id, entity, onPost, entityPage } = props;
+  const questionRoute = useRouteRef(questionRouteRef);
+  const navigate = useNavigate();
+  const analytics = useAnalytics();
+  const [entityRef, setEntityRef] = React.useState(entity);
+  const [posting, setPosting] = React.useState(false);
+  const [values, setValues] = React.useState(getDefaultValues(props));
+  const [error, setError] = React.useState(false);
+  const [images, setImages] = React.useState([]);
+  const [searchParams, _setSearchParams] = useSearchParams();
+  const qetaApi = useApi(qetaApiRef);
+  const catalogApi = useApi(catalogApiRef);
+  const configApi = useApi(configApiRef);
+  const allowAnonymouns = configApi.getOptionalBoolean("qeta.allowAnonymous");
+  const styles = useStyles();
+  const {
+    register,
+    handleSubmit,
+    control,
+    reset,
+    formState: { errors }
+  } = useForm({
+    values,
+    defaultValues: getDefaultValues(props)
+  });
+  const postQuestion = (data) => {
+    setPosting(true);
+    const queryParams = new URLSearchParams();
+    if (entity) {
+      queryParams.set("entity", entity);
+    }
+    if (entityPage) {
+      queryParams.set("entityPage", "true");
+    }
+    if (id) {
+      qetaApi.updateQuestion(id, formToRequest(data, images)).then((q) => {
+        if (!q || !q.id) {
+          setError(true);
+          return;
+        }
+        reset();
+        analytics.captureEvent("edit", "question");
+        if (onPost) {
+          onPost(q);
+        } else if (entity) {
+          navigate(
+            `${questionRoute({
+              id: q.id.toString(10)
+            })}?${queryParams.toString()}`
+          );
+        } else {
+          navigate(questionRoute({ id: q.id.toString(10) }));
+        }
+      }).catch((_e) => {
+        setError(true);
+        setPosting(false);
+      });
+      return;
+    }
+    qetaApi.postQuestion(formToRequest(data, images)).then((q) => {
+      if (!q || !q.id) {
+        setError(true);
+        return;
+      }
+      analytics.captureEvent("post", "question");
+      reset();
+      if (entity) {
+        navigate(
+          `${questionRoute({
+            id: q.id.toString(10)
+          })}?${queryParams.toString()}`
+        );
+      } else {
+        navigate(questionRoute({ id: q.id.toString(10) }));
+      }
+    }).catch((_e) => {
+      setError(true);
+      setPosting(false);
+    });
+  };
+  useEffect(() => {
+    if (!entityRef) {
+      const e = searchParams.get("entity");
+      if (e) {
+        setEntityRef(e);
+      }
+    }
+  }, [entityRef, searchParams]);
+  useEffect(() => {
+    if (id) {
+      getValues(qetaApi, catalogApi, id).then((data) => {
+        setValues(data);
+      });
+    }
+  }, [qetaApi, catalogApi, id]);
+  useEffect(() => {
+    if (entityRef) {
+      catalogApi.getEntityByRef(entityRef).then((data) => {
+        if (data) {
+          setValues((v) => {
+            return { ...v, entities: [data] };
+          });
+        }
+      });
+    }
+  }, [catalogApi, entityRef]);
+  useEffect(() => {
+    reset(values);
+  }, [values, reset]);
+  return /* @__PURE__ */ React.createElement("form", { onSubmit: handleSubmit(postQuestion), className: "qetaAskForm" }, error && /* @__PURE__ */ React.createElement(Alert, { severity: "error" }, "Could not post question"), /* @__PURE__ */ React.createElement(
+    TextField,
+    {
+      label: "Title",
+      className: "qetaAskFormTitle",
+      required: true,
+      fullWidth: true,
+      error: "title" in errors,
+      margin: "normal",
+      variant: "outlined",
+      helperText: "Write good title for your question that people can understand",
+      // @ts-ignore
+      ...register("title", { required: true, maxLength: 255 })
+    }
+  ), /* @__PURE__ */ React.createElement(
+    Controller,
+    {
+      control,
+      rules: {
+        required: true
+      },
+      render: ({ field: { onChange, value } }) => /* @__PURE__ */ React.createElement(
+        MarkdownEditor,
+        {
+          value,
+          onChange,
+          height: 400,
+          error: "content" in errors,
+          placeholder: "Your question",
+          config: configApi,
+          onImageUpload: (imageId) => {
+            setImages((prevImages) => [...prevImages, imageId]);
+          }
+        }
+      ),
+      name: "content"
+    }
+  ), /* @__PURE__ */ React.createElement(TagInput, { control }), /* @__PURE__ */ React.createElement(EntitiesInput, { control, entityRef }), allowAnonymouns && !id && /* @__PURE__ */ React.createElement(AskAnonymouslyCheckbox, { control, label: "Ask anonymously" }), /* @__PURE__ */ React.createElement(
+    Button,
+    {
+      color: "primary",
+      type: "submit",
+      variant: "contained",
+      disabled: posting,
+      className: `qetaAskFormSubmitBtn ${styles.postButton}`
+    },
+    id ? "Save" : "Post"
+  ));
+};
+
+export { AskForm };
+//# sourceMappingURL=AskForm.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AskForm.esm.js","sources":["../../../src/components/AskForm/AskForm.tsx"],"sourcesContent":["import {\n  configApiRef,\n  useAnalytics,\n  useApi,\n  useRouteRef,\n} from '@backstage/core-plugin-api';\nimport { Button, TextField } from '@material-ui/core';\nimport { Alert } from '@material-ui/lab';\nimport React, { useEffect } from 'react';\nimport { Controller, useForm } from 'react-hook-form';\nimport { useNavigate, useSearchParams } from 'react-router-dom';\nimport {\n  QuestionRequest,\n  QuestionResponse,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { useStyles } from '../../utils/hooks';\nimport { MarkdownEditor } from '../MarkdownEditor/MarkdownEditor';\nimport { catalogApiRef } from '@backstage/plugin-catalog-react';\nimport { stringifyEntityRef } from '@backstage/catalog-model';\nimport { CatalogApi } from '@backstage/catalog-client';\nimport { compact } from 'lodash';\nimport { TagInput } from './TagInput';\nimport { QuestionForm } from './types';\nimport { EntitiesInput } from './EntitiesInput';\nimport { questionRouteRef } from '@drodil/backstage-plugin-qeta-react';\nimport { AskAnonymouslyCheckbox } from '../AskAnonymouslyCheckbox/AskAnonymouslyCheckbox';\nimport { QetaApi, qetaApiRef } from '../../api';\n\nconst formToRequest = (\n  form: QuestionForm,\n  images: number[],\n): QuestionRequest => {\n  return {\n    ...form,\n    entities: form.entities?.map(stringifyEntityRef),\n    images,\n  };\n};\n\nexport type AskFormProps = {\n  id?: string;\n  entity?: string;\n  tags?: string[];\n  onPost?: (question: QuestionResponse) => void;\n  entityPage?: boolean;\n};\n\nconst getDefaultValues = (props: AskFormProps): QuestionForm => {\n  return {\n    title: '',\n    content: '',\n    tags: props.tags ?? [],\n    entities: [],\n  };\n};\n\nconst getValues = async (\n  api: QetaApi,\n  catalogApi: CatalogApi,\n  id?: string,\n): Promise<QuestionForm> => {\n  if (!id) {\n    return getDefaultValues({});\n  }\n\n  const question = await api.getQuestion(id);\n  const entities =\n    question.entities && question.entities.length > 0\n      ? await catalogApi.getEntitiesByRefs({\n          entityRefs: question.entities,\n          fields: [\n            'kind',\n            'metadata.name',\n            'metadata.namespace',\n            'metadata.title',\n          ],\n        })\n      : [];\n  return {\n    title: question.title,\n    content: question.content,\n    tags: question.tags ?? [],\n    entities: 'items' in entities ? compact(entities.items) : [],\n  };\n};\n\nexport const AskForm = (props: AskFormProps) => {\n  const { id, entity, onPost, entityPage } = props;\n  const questionRoute = useRouteRef(questionRouteRef);\n  const navigate = useNavigate();\n  const analytics = useAnalytics();\n  const [entityRef, setEntityRef] = React.useState(entity);\n  const [posting, setPosting] = React.useState(false);\n  const [values, setValues] = React.useState(getDefaultValues(props));\n  const [error, setError] = React.useState(false);\n\n  const [images, setImages] = React.useState<number[]>([]);\n  const [searchParams, _setSearchParams] = useSearchParams();\n\n  const qetaApi = useApi(qetaApiRef);\n  const catalogApi = useApi(catalogApiRef);\n  const configApi = useApi(configApiRef);\n  const allowAnonymouns = configApi.getOptionalBoolean('qeta.allowAnonymous');\n  const styles = useStyles();\n  const {\n    register,\n    handleSubmit,\n    control,\n    reset,\n    formState: { errors },\n  } = useForm<QuestionForm>({\n    values,\n    defaultValues: getDefaultValues(props),\n  });\n\n  const postQuestion = (data: QuestionForm) => {\n    setPosting(true);\n\n    const queryParams = new URLSearchParams();\n    if (entity) {\n      queryParams.set('entity', entity);\n    }\n    if (entityPage) {\n      queryParams.set('entityPage', 'true');\n    }\n\n    if (id) {\n      qetaApi\n        .updateQuestion(id, formToRequest(data, images))\n        .then(q => {\n          if (!q || !q.id) {\n            setError(true);\n            return;\n          }\n          reset();\n          analytics.captureEvent('edit', 'question');\n          if (onPost) {\n            onPost(q);\n          } else if (entity) {\n            navigate(\n              `${questionRoute({\n                id: q.id.toString(10),\n              })}?${queryParams.toString()}`,\n            );\n          } else {\n            navigate(questionRoute({ id: q.id.toString(10) }));\n          }\n        })\n        .catch(_e => {\n          setError(true);\n          setPosting(false);\n        });\n      return;\n    }\n    qetaApi\n      .postQuestion(formToRequest(data, images))\n      .then(q => {\n        if (!q || !q.id) {\n          setError(true);\n          return;\n        }\n        analytics.captureEvent('post', 'question');\n        reset();\n        if (entity) {\n          navigate(\n            `${questionRoute({\n              id: q.id.toString(10),\n            })}?${queryParams.toString()}`,\n          );\n        } else {\n          navigate(questionRoute({ id: q.id.toString(10) }));\n        }\n      })\n      .catch(_e => {\n        setError(true);\n        setPosting(false);\n      });\n  };\n\n  useEffect(() => {\n    if (!entityRef) {\n      const e = searchParams.get('entity');\n      if (e) {\n        setEntityRef(e);\n      }\n    }\n  }, [entityRef, searchParams]);\n\n  useEffect(() => {\n    if (id) {\n      getValues(qetaApi, catalogApi, id).then(data => {\n        setValues(data);\n      });\n    }\n  }, [qetaApi, catalogApi, id]);\n\n  useEffect(() => {\n    if (entityRef) {\n      catalogApi.getEntityByRef(entityRef).then(data => {\n        if (data) {\n          setValues(v => {\n            return { ...v, entities: [data] };\n          });\n        }\n      });\n    }\n  }, [catalogApi, entityRef]);\n\n  useEffect(() => {\n    reset(values);\n  }, [values, reset]);\n\n  return (\n    <form onSubmit={handleSubmit(postQuestion)} className=\"qetaAskForm\">\n      {error && <Alert severity=\"error\">Could not post question</Alert>}\n      <TextField\n        label=\"Title\"\n        className=\"qetaAskFormTitle\"\n        required\n        fullWidth\n        error={'title' in errors}\n        margin=\"normal\"\n        variant=\"outlined\"\n        helperText=\"Write good title for your question that people can understand\"\n        {\n          // @ts-ignore\n          ...register('title', { required: true, maxLength: 255 })\n        }\n      />\n      <Controller\n        control={control}\n        rules={{\n          required: true,\n        }}\n        render={({ field: { onChange, value } }) => (\n          <MarkdownEditor\n            value={value}\n            onChange={onChange}\n            height={400}\n            error={'content' in errors}\n            placeholder=\"Your question\"\n            config={configApi}\n            onImageUpload={(imageId: number) => {\n              setImages(prevImages => [...prevImages, imageId]);\n            }}\n          />\n        )}\n        name=\"content\"\n      />\n      <TagInput control={control} />\n      <EntitiesInput control={control} entityRef={entityRef} />\n      {allowAnonymouns && !id && (\n        <AskAnonymouslyCheckbox control={control} label=\"Ask anonymously\" />\n      )}\n      <Button\n        color=\"primary\"\n        type=\"submit\"\n        variant=\"contained\"\n        disabled={posting}\n        className={`qetaAskFormSubmitBtn ${styles.postButton}`}\n      >\n        {id ? 'Save' : 'Post'}\n      </Button>\n    </form>\n  );\n};\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,98 @@
+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';
+
+const EntitiesInput = (props) => {
+  const { control, entityRef } = props;
+  const configApi = useApi(configApiRef);
+  const catalogApi = useApi(catalogApiRef);
+  const [availableEntities, setAvailableEntities] = React.useState([]);
+  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(
+    () => {
+      var _a;
+      return (_a = configApi.getOptionalNumber("qeta.entities.max")) != null ? _a : 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({
+        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: "Entities",
+              placeholder: "Type or select entities",
+              helperText: `Add up to ${max} entities this question relates to`
+            }
+          )
+        }
+      ),
+      name: "entities"
+    }
+  );
+};
+
+export { EntitiesInput };
+//# sourceMappingURL=EntitiesInput.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EntitiesInput.esm.js","sources":["../../../src/components/AskForm/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';\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\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          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=\"Entities\"\n              placeholder=\"Type or select entities\"\n              helperText={`Add up to ${max} entities this question relates to`}\n            />\n          )}\n        />\n      )}\n      name=\"entities\"\n    />\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/AskForm/TagInput.esm.js

@@ -0,0 +1,86 @@
+import { Controller } from 'react-hook-form';
+import { Autocomplete } from '@material-ui/lab';
+import { TextField } from '@material-ui/core';
+import React, { useMemo, useEffect } from 'react';
+import { qetaApiRef } from '../../api/QetaClient.esm.js';
+import { useApi, configApiRef } from '@backstage/core-plugin-api';
+import { filterTags } from '@drodil/backstage-plugin-qeta-common';
+
+const TagInput = (props) => {
+  const { control } = props;
+  const qetaApi = useApi(qetaApiRef);
+  const config = useApi(configApiRef);
+  const allowCreation = useMemo(
+    () => {
+      var _a;
+      return (_a = config.getOptionalBoolean("qeta.tags.allowCreation")) != null ? _a : true;
+    },
+    [config]
+  );
+  const allowedTags = useMemo(
+    () => {
+      var _a;
+      return (_a = config.getOptionalStringArray("qeta.tags.allowedTags")) != null ? _a : null;
+    },
+    [config]
+  );
+  const maximumTags = useMemo(
+    () => {
+      var _a;
+      return (_a = config.getOptionalNumber("qeta.tags.max")) != null ? _a : 5;
+    },
+    [config]
+  );
+  const [availableTags, setAvailableTags] = React.useState([]);
+  useEffect(() => {
+    if (allowCreation) {
+      qetaApi.getTags().catch((_) => setAvailableTags(null)).then(
+        (data) => data ? setAvailableTags(data.map((tag) => tag.tag)) : setAvailableTags(null)
+      );
+    } else {
+      setAvailableTags(allowedTags);
+    }
+  }, [qetaApi, allowCreation, allowedTags]);
+  if (!allowCreation && (allowedTags === null || allowedTags.length === 0)) {
+    return null;
+  }
+  return /* @__PURE__ */ React.createElement(
+    Controller,
+    {
+      control,
+      render: ({ field: { onChange, value }, fieldState: { error } }) => /* @__PURE__ */ React.createElement(
+        Autocomplete,
+        {
+          multiple: true,
+          id: "tags-select",
+          className: "qetaAskFormTags",
+          value,
+          options: availableTags != null ? availableTags : [],
+          freeSolo: allowCreation,
+          onChange: (_e, newValue) => {
+            const tags = filterTags(newValue);
+            if (tags && tags.length <= maximumTags && tags.length === newValue.length) {
+              onChange(newValue);
+            }
+          },
+          renderInput: (params) => /* @__PURE__ */ React.createElement(
+            TextField,
+            {
+              ...params,
+              variant: "outlined",
+              margin: "normal",
+              label: "Tags",
+              placeholder: "Type or select tags",
+              helperText: `Add up to ${maximumTags} tags to categorize your question`,
+              error: error !== void 0
+            }
+          )
+        }
+      ),
+      name: "tags"
+    }
+  );
+};
+
+export { TagInput };
+//# sourceMappingURL=TagInput.esm.js.map

package/dist/components/AskForm/TagInput.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TagInput.esm.js","sources":["../../../src/components/AskForm/TagInput.tsx"],"sourcesContent":["import { Control, Controller } from 'react-hook-form';\nimport { Autocomplete } from '@material-ui/lab';\nimport { TextField } from '@material-ui/core';\nimport React, { useEffect, useMemo } from 'react';\nimport { qetaApiRef } from '../../api';\nimport { QuestionForm } from './types';\nimport { configApiRef, useApi } from '@backstage/core-plugin-api';\nimport { filterTags } from '@drodil/backstage-plugin-qeta-common';\n\nexport const TagInput = (props: { control: Control<QuestionForm> }) => {\n  const { control } = props;\n  const qetaApi = useApi(qetaApiRef);\n  const config = useApi(configApiRef);\n  const allowCreation = useMemo(\n    () => config.getOptionalBoolean('qeta.tags.allowCreation') ?? true,\n    [config],\n  );\n  const allowedTags = useMemo(\n    () => config.getOptionalStringArray('qeta.tags.allowedTags') ?? null,\n    [config],\n  );\n  const maximumTags = useMemo(\n    () => config.getOptionalNumber('qeta.tags.max') ?? 5,\n    [config],\n  );\n  const [availableTags, setAvailableTags] = React.useState<string[] | null>([]);\n  useEffect(() => {\n    if (allowCreation) {\n      qetaApi\n        .getTags()\n        .catch(_ => setAvailableTags(null))\n        .then(data =>\n          data\n            ? setAvailableTags(data.map(tag => tag.tag))\n            : setAvailableTags(null),\n        );\n    } else {\n      setAvailableTags(allowedTags);\n    }\n  }, [qetaApi, allowCreation, allowedTags]);\n\n  if (!allowCreation && (allowedTags === null || allowedTags.length === 0)) {\n    return null;\n  }\n\n  return (\n    <Controller\n      control={control}\n      render={({ field: { onChange, value }, fieldState: { error } }) => (\n        <Autocomplete\n          multiple\n          id=\"tags-select\"\n          className=\"qetaAskFormTags\"\n          value={value}\n          options={availableTags ?? []}\n          freeSolo={allowCreation}\n          onChange={(_e, newValue) => {\n            const tags = filterTags(newValue);\n            if (\n              tags &&\n              tags.length <= maximumTags &&\n              tags.length === newValue.length\n            ) {\n              onChange(newValue);\n            }\n          }}\n          renderInput={params => (\n            <TextField\n              {...params}\n              variant=\"outlined\"\n              margin=\"normal\"\n              label=\"Tags\"\n              placeholder=\"Type or select tags\"\n              helperText={`Add up to ${maximumTags} tags to categorize your question`}\n              error={error !== undefined}\n            />\n          )}\n        />\n      )}\n      name=\"tags\"\n    />\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/AskPage/AskPage.esm.js

@@ -0,0 +1,38 @@
+import { Content, ContentHeader, InfoCard } from '@backstage/core-components';
+import { Grid } from '@material-ui/core';
+import React from 'react';
+import { AskForm } from '../AskForm/AskForm.esm.js';
+import { useParams, useSearchParams } from 'react-router-dom';
+import { BackToQuestionsButton } from '../Buttons/BackToQuestionsButton.esm.js';
+import { useEntityPresentation } from '@backstage/plugin-catalog-react';
+import { filterTags } from '@drodil/backstage-plugin-qeta-common';
+
+const AskPage = () => {
+  var _a;
+  const { id } = useParams();
+  const [searchParams] = useSearchParams();
+  const entity = (_a = searchParams.get("entity")) != null ? _a : void 0;
+  const entityPage = searchParams.get("entityPage") === "true";
+  const tags = filterTags(searchParams.get("tags"));
+  let title;
+  if (id) {
+    title = "Edit question";
+  } else if (entity) {
+    const representation = useEntityPresentation(entity);
+    title = `Ask a question about ${representation.primaryTitle}`;
+  } else {
+    title = "Ask question";
+  }
+  return /* @__PURE__ */ React.createElement(Content, { className: "qetaAskPage" }, /* @__PURE__ */ React.createElement(ContentHeader, { title }, /* @__PURE__ */ React.createElement(BackToQuestionsButton, { entityPage })), /* @__PURE__ */ React.createElement(Grid, { container: true, spacing: 3, direction: "column" }, /* @__PURE__ */ React.createElement(Grid, { item: true }, /* @__PURE__ */ React.createElement(InfoCard, null, /* @__PURE__ */ React.createElement(
+    AskForm,
+    {
+      id,
+      entity,
+      entityPage,
+      tags
+    }
+  )))));
+};
+
+export { AskPage };
+//# sourceMappingURL=AskPage.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AskPage.esm.js","sources":["../../../src/components/AskPage/AskPage.tsx"],"sourcesContent":["import { Content, ContentHeader, InfoCard } from '@backstage/core-components';\nimport { Grid } from '@material-ui/core';\nimport React from 'react';\n\nimport { AskForm } from '../AskForm/AskForm';\nimport { useParams, useSearchParams } from 'react-router-dom';\nimport { BackToQuestionsButton } from '../Buttons/BackToQuestionsButton';\nimport { useEntityPresentation } from '@backstage/plugin-catalog-react';\nimport { filterTags } from '@drodil/backstage-plugin-qeta-common';\n\nexport const AskPage = () => {\n  const { id } = useParams();\n  const [searchParams] = useSearchParams();\n  const entity = searchParams.get('entity') ?? undefined;\n  const entityPage = searchParams.get('entityPage') === 'true';\n  const tags = filterTags(searchParams.get('tags'));\n  let title;\n  if (id) {\n    title = 'Edit question';\n  } else if (entity) {\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    const representation = useEntityPresentation(entity);\n    title = `Ask a question about ${representation.primaryTitle}`;\n  } else {\n    title = 'Ask question';\n  }\n\n  return (\n    <Content className=\"qetaAskPage\">\n      <ContentHeader title={title}>\n        <BackToQuestionsButton entityPage={entityPage} />\n      </ContentHeader>\n      <Grid container spacing={3} direction=\"column\">\n        <Grid item>\n          <InfoCard>\n            <AskForm\n              id={id}\n              entity={entity}\n              entityPage={entityPage}\n              tags={tags}\n            />\n          </InfoCard>\n        </Grid>\n      </Grid>\n    </Content>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;AAUO,MAAM,UAAU,MAAM;AAV7B,EAAA,IAAA,EAAA,CAAA;AAWE,EAAM,MAAA,EAAE,EAAG,EAAA,GAAI,SAAU,EAAA,CAAA;AACzB,EAAM,MAAA,CAAC,YAAY,CAAA,GAAI,eAAgB,EAAA,CAAA;AACvC,EAAA,MAAM,MAAS,GAAA,CAAA,EAAA,GAAA,YAAA,CAAa,GAAI,CAAA,QAAQ,MAAzB,IAA8B,GAAA,EAAA,GAAA,KAAA,CAAA,CAAA;AAC7C,EAAA,MAAM,UAAa,GAAA,YAAA,CAAa,GAAI,CAAA,YAAY,CAAM,KAAA,MAAA,CAAA;AACtD,EAAA,MAAM,IAAO,GAAA,UAAA,CAAW,YAAa,CAAA,GAAA,CAAI,MAAM,CAAC,CAAA,CAAA;AAChD,EAAI,IAAA,KAAA,CAAA;AACJ,EAAA,IAAI,EAAI,EAAA;AACN,IAAQ,KAAA,GAAA,eAAA,CAAA;AAAA,aACC,MAAQ,EAAA;AAEjB,IAAM,MAAA,cAAA,GAAiB,sBAAsB,MAAM,CAAA,CAAA;AACnD,IAAQ,KAAA,GAAA,CAAA,qBAAA,EAAwB,eAAe,YAAY,CAAA,CAAA,CAAA;AAAA,GACtD,MAAA;AACL,IAAQ,KAAA,GAAA,cAAA,CAAA;AAAA,GACV;AAEA,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,OAAQ,EAAA,EAAA,SAAA,EAAU,aACjB,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,iBAAc,KACb,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,qBAAsB,EAAA,EAAA,UAAA,EAAwB,CACjD,CAAA,sCACC,IAAK,EAAA,EAAA,SAAA,EAAS,IAAC,EAAA,OAAA,EAAS,CAAG,EAAA,SAAA,EAAU,QACpC,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,IAAA,EAAI,IACR,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,QACC,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,EAAA;AAAA,MACA,MAAA;AAAA,MACA,UAAA;AAAA,MACA,IAAA;AAAA,KAAA;AAAA,GAEJ,CACF,CACF,CACF,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/Buttons/AskQuestionButton.esm.js

@@ -0,0 +1,43 @@
+import HelpOutline from '@material-ui/icons/HelpOutline';
+import React from 'react';
+import { RequirePermission } from '@backstage/plugin-permission-react';
+import { qetaCreateQuestionPermission } from '@drodil/backstage-plugin-qeta-common';
+import { LinkButton } from '@backstage/core-components';
+import { useRouteRef } from '@backstage/core-plugin-api';
+import { askRouteRef } from '@drodil/backstage-plugin-qeta-react';
+
+const AskQuestionButton = (props) => {
+  const { entity, entityPage, tags } = props;
+  const askRoute = useRouteRef(askRouteRef);
+  const params = new URLSearchParams();
+  if (entity) {
+    params.set("entity", entity);
+  }
+  if (entityPage) {
+    params.set("entityPage", "true");
+  }
+  if (tags && tags.length > 0) {
+    params.set("tags", tags.join(","));
+  }
+  return /* @__PURE__ */ React.createElement(
+    RequirePermission,
+    {
+      permission: qetaCreateQuestionPermission,
+      errorPage: /* @__PURE__ */ React.createElement(React.Fragment, null)
+    },
+    /* @__PURE__ */ React.createElement(
+      LinkButton,
+      {
+        variant: "contained",
+        to: entity || tags ? `${askRoute()}?${params.toString()}` : askRoute(),
+        color: "primary",
+        className: "qetaAskQuestionBtn",
+        startIcon: /* @__PURE__ */ React.createElement(HelpOutline, null)
+      },
+      "Ask question"
+    )
+  );
+};
+
+export { AskQuestionButton };
+//# sourceMappingURL=AskQuestionButton.esm.js.map

package/dist/components/Buttons/AskQuestionButton.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AskQuestionButton.esm.js","sources":["../../../src/components/Buttons/AskQuestionButton.tsx"],"sourcesContent":["import HelpOutline from '@material-ui/icons/HelpOutline';\nimport React from 'react';\nimport { RequirePermission } from '@backstage/plugin-permission-react';\nimport { qetaCreateQuestionPermission } from '@drodil/backstage-plugin-qeta-common';\nimport { LinkButton } from '@backstage/core-components';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { askRouteRef } from '@drodil/backstage-plugin-qeta-react';\n\nexport const AskQuestionButton = (props: {\n  entity?: string;\n  tags?: string[];\n  entityPage?: boolean;\n}) => {\n  const { entity, entityPage, tags } = props;\n  const askRoute = useRouteRef(askRouteRef);\n\n  const params = new URLSearchParams();\n  if (entity) {\n    params.set('entity', entity);\n  }\n  if (entityPage) {\n    params.set('entityPage', 'true');\n  }\n  if (tags && tags.length > 0) {\n    params.set('tags', tags.join(','));\n  }\n\n  return (\n    <RequirePermission\n      permission={qetaCreateQuestionPermission}\n      errorPage={<></>}\n    >\n      <LinkButton\n        variant=\"contained\"\n        to={entity || tags ? `${askRoute()}?${params.toString()}` : askRoute()}\n        color=\"primary\"\n        className=\"qetaAskQuestionBtn\"\n        startIcon={<HelpOutline />}\n      >\n        Ask question\n      </LinkButton>\n    </RequirePermission>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;AAQa,MAAA,iBAAA,GAAoB,CAAC,KAI5B,KAAA;AACJ,EAAA,MAAM,EAAE,MAAA,EAAQ,UAAY,EAAA,IAAA,EAAS,GAAA,KAAA,CAAA;AACrC,EAAM,MAAA,QAAA,GAAW,YAAY,WAAW,CAAA,CAAA;AAExC,EAAM,MAAA,MAAA,GAAS,IAAI,eAAgB,EAAA,CAAA;AACnC,EAAA,IAAI,MAAQ,EAAA;AACV,IAAO,MAAA,CAAA,GAAA,CAAI,UAAU,MAAM,CAAA,CAAA;AAAA,GAC7B;AACA,EAAA,IAAI,UAAY,EAAA;AACd,IAAO,MAAA,CAAA,GAAA,CAAI,cAAc,MAAM,CAAA,CAAA;AAAA,GACjC;AACA,EAAI,IAAA,IAAA,IAAQ,IAAK,CAAA,MAAA,GAAS,CAAG,EAAA;AAC3B,IAAA,MAAA,CAAO,GAAI,CAAA,MAAA,EAAQ,IAAK,CAAA,IAAA,CAAK,GAAG,CAAC,CAAA,CAAA;AAAA,GACnC;AAEA,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,iBAAA;AAAA,IAAA;AAAA,MACC,UAAY,EAAA,4BAAA;AAAA,MACZ,2BAAa,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,CAAA;AAAA,KAAA;AAAA,oBAEb,KAAA,CAAA,aAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,OAAQ,EAAA,WAAA;AAAA,QACR,EAAA,EAAI,MAAU,IAAA,IAAA,GAAO,CAAG,EAAA,QAAA,EAAU,CAAA,CAAA,EAAI,MAAO,CAAA,QAAA,EAAU,CAAA,CAAA,GAAK,QAAS,EAAA;AAAA,QACrE,KAAM,EAAA,SAAA;AAAA,QACN,SAAU,EAAA,oBAAA;AAAA,QACV,SAAA,sCAAY,WAAY,EAAA,IAAA,CAAA;AAAA,OAAA;AAAA,MACzB,cAAA;AAAA,KAED;AAAA,GACF,CAAA;AAEJ;;;;"}

package/dist/components/Buttons/BackToQuestionsButton.esm.js

@@ -0,0 +1,38 @@
+import { LinkButton } from '@backstage/core-components';
+import HomeOutlined from '@material-ui/icons/HomeOutlined';
+import React from 'react';
+import { useStyles } from '../../utils/hooks.esm.js';
+import { useRouteRef } from '@backstage/core-plugin-api';
+import { entityRouteRef } from '@backstage/plugin-catalog-react';
+import { parseEntityRef } from '@backstage/catalog-model';
+import { useSearchParams } from 'react-router-dom';
+import { qetaRouteRef } from '@drodil/backstage-plugin-qeta-react';
+
+const BackToQuestionsButton = (props) => {
+  const styles = useStyles();
+  const entityRoute = useRouteRef(entityRouteRef);
+  const rootRoute = useRouteRef(qetaRouteRef);
+  let to = rootRoute();
+  const [searchParams] = useSearchParams();
+  const entity = searchParams.get("entity");
+  if (entity) {
+    const entityRef = parseEntityRef(entity);
+    if (props.entityPage) {
+      to = `${entityRoute(entityRef)}/qeta`;
+    } else {
+      to = `${rootRoute()}?entity=${entity}`;
+    }
+  }
+  return /* @__PURE__ */ React.createElement(
+    LinkButton,
+    {
+      className: `${styles.marginRight} qetaBackToQuestionsBtn`,
+      to,
+      startIcon: /* @__PURE__ */ React.createElement(HomeOutlined, null)
+    },
+    "Back to questions"
+  );
+};
+
+export { BackToQuestionsButton };
+//# sourceMappingURL=BackToQuestionsButton.esm.js.map

package/dist/components/Buttons/BackToQuestionsButton.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BackToQuestionsButton.esm.js","sources":["../../../src/components/Buttons/BackToQuestionsButton.tsx"],"sourcesContent":["import { LinkButton } from '@backstage/core-components';\nimport HomeOutlined from '@material-ui/icons/HomeOutlined';\nimport React from 'react';\nimport { useStyles } from '../../utils/hooks';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { entityRouteRef } from '@backstage/plugin-catalog-react';\nimport { parseEntityRef } from '@backstage/catalog-model';\nimport { useSearchParams } from 'react-router-dom';\nimport { qetaRouteRef } from '@drodil/backstage-plugin-qeta-react';\n\nexport const BackToQuestionsButton = (props: { entityPage?: boolean }) => {\n  const styles = useStyles();\n  const entityRoute = useRouteRef(entityRouteRef);\n  const rootRoute = useRouteRef(qetaRouteRef);\n\n  let to = rootRoute();\n  const [searchParams] = useSearchParams();\n  const entity = searchParams.get('entity');\n  if (entity) {\n    const entityRef = parseEntityRef(entity);\n    if (props.entityPage) {\n      to = `${entityRoute(entityRef)}/qeta`;\n    } else {\n      to = `${rootRoute()}?entity=${entity}`;\n    }\n  }\n\n  return (\n    <LinkButton\n      className={`${styles.marginRight} qetaBackToQuestionsBtn`}\n      to={to}\n      startIcon={<HomeOutlined />}\n    >\n      Back to questions\n    </LinkButton>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;AAUa,MAAA,qBAAA,GAAwB,CAAC,KAAoC,KAAA;AACxE,EAAA,MAAM,SAAS,SAAU,EAAA,CAAA;AACzB,EAAM,MAAA,WAAA,GAAc,YAAY,cAAc,CAAA,CAAA;AAC9C,EAAM,MAAA,SAAA,GAAY,YAAY,YAAY,CAAA,CAAA;AAE1C,EAAA,IAAI,KAAK,SAAU,EAAA,CAAA;AACnB,EAAM,MAAA,CAAC,YAAY,CAAA,GAAI,eAAgB,EAAA,CAAA;AACvC,EAAM,MAAA,MAAA,GAAS,YAAa,CAAA,GAAA,CAAI,QAAQ,CAAA,CAAA;AACxC,EAAA,IAAI,MAAQ,EAAA;AACV,IAAM,MAAA,SAAA,GAAY,eAAe,MAAM,CAAA,CAAA;AACvC,IAAA,IAAI,MAAM,UAAY,EAAA;AACpB,MAAK,EAAA,GAAA,CAAA,EAAG,WAAY,CAAA,SAAS,CAAC,CAAA,KAAA,CAAA,CAAA;AAAA,KACzB,MAAA;AACL,MAAA,EAAA,GAAK,CAAG,EAAA,SAAA,EAAW,CAAA,QAAA,EAAW,MAAM,CAAA,CAAA,CAAA;AAAA,KACtC;AAAA,GACF;AAEA,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,CAAG,EAAA,MAAA,CAAO,WAAW,CAAA,uBAAA,CAAA;AAAA,MAChC,EAAA;AAAA,MACA,SAAA,sCAAY,YAAa,EAAA,IAAA,CAAA;AAAA,KAAA;AAAA,IAC1B,mBAAA;AAAA,GAED,CAAA;AAEJ;;;;"}

package/dist/components/CommentSection/CommentList.esm.js

@@ -0,0 +1,47 @@
+import { Box, Typography, Divider } from '@material-ui/core';
+import React from 'react';
+import { MarkdownContent, Link } from '@backstage/core-components';
+import { useStyles } from '../../utils/hooks.esm.js';
+import { useApi } from '@backstage/core-plugin-api';
+import { RelativeTimeWithTooltip } from '../RelativeTimeWithTooltip/RelativeTimeWithTooltip.esm.js';
+import { AuthorLink } from '../Links/Links.esm.js';
+import { qetaApiRef } from '../../api/QetaClient.esm.js';
+
+const CommentList = (props) => {
+  var _a;
+  const { question, answer, onCommentDelete } = props;
+  const entity = answer != null ? answer : question;
+  const styles = useStyles();
+  const qetaApi = useApi(qetaApiRef);
+  const deleteComment = (id) => {
+    if (answer) {
+      qetaApi.deleteAnswerComment(question.id, answer.id, id).then((a) => {
+        onCommentDelete(question, a);
+        return;
+      });
+    }
+    qetaApi.deleteQuestionComment(question.id, id).then((q) => onCommentDelete(q));
+  };
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, (_a = entity.comments) == null ? void 0 : _a.map((c) => {
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Box, { key: c.id, className: "qetaCommentBox" }, /* @__PURE__ */ React.createElement(
+      MarkdownContent,
+      {
+        dialect: "gfm",
+        content: c.content,
+        className: `${styles.markdownContent} inline`
+      }
+    ), " \u2013 ", /* @__PURE__ */ React.createElement(AuthorLink, { entity: c }), " ", /* @__PURE__ */ React.createElement(Typography, { variant: "caption", className: "qetaCommentTime" }, /* @__PURE__ */ React.createElement(RelativeTimeWithTooltip, { value: c.created })), (c.own || c.canDelete) && /* @__PURE__ */ React.createElement(React.Fragment, null, " / ", /* @__PURE__ */ React.createElement(
+      Link,
+      {
+        underline: "none",
+        to: "#",
+        className: "qetaCommentDeleteBtn",
+        onClick: () => deleteComment(c.id)
+      },
+      "delete"
+    ))), /* @__PURE__ */ React.createElement(Divider, null));
+  }));
+};
+
+export { CommentList };
+//# sourceMappingURL=CommentList.esm.js.map