@drodil/backstage-plugin-qeta-react 2.14.0 → 3.0.0

package/dist/components/CollectionForm/CollectionForm.esm.js

@@ -0,0 +1,251 @@
+import { useRouteRef, useAnalytics, useApi, configApiRef, errorApiRef } from '@backstage/core-plugin-api';
+import { Button, TextField, Grid, FormControl, FormHelperText, Select, MenuItem } from '@material-ui/core';
+import { Alert } from '@material-ui/lab';
+import React, { useEffect, useCallback } from 'react';
+import { useForm, Controller } from 'react-hook-form';
+import { useNavigate } from 'react-router-dom';
+import { useTranslation, useStyles } from '../../utils/hooks.esm.js';
+import { MarkdownEditor } from '../MarkdownEditor/MarkdownEditor.esm.js';
+import { collectionRouteRef } from '../../routes.esm.js';
+import { confirmNavigationIfEdited, imageUpload } from '../../utils/utils.esm.js';
+import { qetaApiRef } from '../../api.esm.js';
+
+const formToRequest = (form, images, headerImage) => {
+  return {
+    ...form,
+    images,
+    headerImage
+  };
+};
+const getDefaultValues = () => {
+  return {
+    title: "",
+    readAccess: "private",
+    editAccess: "private"
+  };
+};
+const getValues = async (api, id) => {
+  if (!id) {
+    return { form: getDefaultValues() };
+  }
+  const collection = await api.getCollection(id);
+  return {
+    form: {
+      title: collection.title,
+      description: collection.description,
+      editAccess: collection.editAccess,
+      readAccess: collection.readAccess,
+      headerImage: collection.headerImage
+    },
+    collection
+  };
+};
+const CollectionForm = (props) => {
+  const { id, onPost } = props;
+  const collectionRoute = useRouteRef(collectionRouteRef);
+  const navigate = useNavigate();
+  const analytics = useAnalytics();
+  const [posting, setPosting] = React.useState(false);
+  const [values, setValues] = React.useState(getDefaultValues());
+  const [error, setError] = React.useState(false);
+  const [edited, setEdited] = React.useState(false);
+  const [headerImage, setHeaderImage] = React.useState();
+  const [canModifyAccess, setCanModifyAccess] = React.useState(true);
+  const [images, setImages] = React.useState([]);
+  const { t } = useTranslation();
+  const qetaApi = useApi(qetaApiRef);
+  const configApi = useApi(configApiRef);
+  const errorApi = useApi(errorApiRef);
+  const styles = useStyles();
+  const isUploadDisabled = configApi.getOptionalBoolean("qeta.storage.disabled") || false;
+  const {
+    register,
+    handleSubmit,
+    control,
+    reset,
+    formState: { errors }
+  } = useForm({
+    values,
+    defaultValues: getDefaultValues()
+  });
+  const postQuestion = (data) => {
+    setPosting(true);
+    if (id) {
+      qetaApi.updateCollection(Number(id), formToRequest(data, images, headerImage)).then((q) => {
+        if (!q || !q.id) {
+          setError(true);
+          return;
+        }
+        setEdited(false);
+        reset();
+        analytics.captureEvent("edit", "collection");
+        if (onPost) {
+          onPost(q);
+        } else {
+          navigate(collectionRoute({ id: q.id.toString(10) }));
+        }
+      }).catch((_e) => {
+        setError(true);
+        setPosting(false);
+      });
+      return;
+    }
+    qetaApi.createCollection(formToRequest(data, images, headerImage)).then((q) => {
+      if (!q || !q.id) {
+        setError(true);
+        return;
+      }
+      setEdited(false);
+      analytics.captureEvent("post", "collection");
+      reset();
+      navigate(collectionRoute({ id: q.id.toString(10) }));
+    }).catch((_e) => {
+      setError(true);
+      setPosting(false);
+    });
+  };
+  useEffect(() => {
+    if (id) {
+      getValues(qetaApi, id).then((data) => {
+        setValues(data.form);
+        setHeaderImage(data.form.headerImage);
+        setCanModifyAccess(data.collection?.canDelete ?? false);
+      });
+    }
+  }, [qetaApi, id]);
+  useEffect(() => {
+    reset(values);
+  }, [values, reset]);
+  useEffect(() => {
+    return confirmNavigationIfEdited(edited);
+  }, [edited]);
+  const onImageUpload = useCallback(
+    (imageId) => {
+      setImages((prevImages) => [...prevImages, imageId]);
+    },
+    [setImages]
+  );
+  return /* @__PURE__ */ React.createElement(
+    "form",
+    {
+      onSubmit: handleSubmit(postQuestion),
+      onChange: () => {
+        setEdited(true);
+      },
+      className: "qetaAskForm"
+    },
+    error && /* @__PURE__ */ React.createElement(Alert, { severity: "error" }, t("collectionForm.errorPosting")),
+    !isUploadDisabled && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+      "input",
+      {
+        accept: "image/*",
+        style: { display: "none" },
+        id: "headerImage",
+        type: "file",
+        onChange: async (event) => {
+          if (!event.target.files || event.target.files.length === 0) {
+            return;
+          }
+          const buffer = await event.target.files[0].arrayBuffer();
+          const uri = await imageUpload({
+            qetaApi,
+            errorApi,
+            onImageUpload
+          })(buffer).next();
+          if (typeof uri.value === "string") {
+            setHeaderImage(uri.value);
+          }
+        }
+      }
+    ), /* @__PURE__ */ React.createElement("label", { htmlFor: "headerImage" }, /* @__PURE__ */ React.createElement(Button, { variant: "contained", color: "primary", component: "span" }, t("collectionForm.uploadHeaderImage")))),
+    headerImage && /* @__PURE__ */ React.createElement("img", { className: styles.headerImage, src: headerImage, alt: "header" }),
+    /* @__PURE__ */ React.createElement(
+      TextField,
+      {
+        label: "Title",
+        className: "qetaCollectionFormTitle",
+        required: true,
+        fullWidth: true,
+        error: "title" in errors,
+        margin: "normal",
+        variant: "outlined",
+        helperText: t("collectionForm.titleInput.helperText"),
+        // @ts-ignore
+        ...register("title", { required: true, maxLength: 255 })
+      }
+    ),
+    /* @__PURE__ */ React.createElement(
+      Controller,
+      {
+        control,
+        rules: {
+          required: false
+        },
+        render: ({ field: { onChange, value } }) => /* @__PURE__ */ React.createElement(
+          MarkdownEditor,
+          {
+            value: value ?? "",
+            onChange,
+            height: 400,
+            error: "content" in errors,
+            placeholder: t("collectionForm.descriptionInput.placeholder"),
+            config: configApi,
+            onImageUpload
+          }
+        ),
+        name: "description"
+      }
+    ),
+    /* @__PURE__ */ React.createElement(Grid, { container: true, style: { marginTop: "1rem", marginBottom: "1rem" } }, /* @__PURE__ */ React.createElement(Grid, { item: true }, /* @__PURE__ */ React.createElement(
+      Controller,
+      {
+        control,
+        rules: { required: true },
+        render: ({ field: { onChange, value } }) => /* @__PURE__ */ React.createElement(FormControl, null, /* @__PURE__ */ React.createElement(FormHelperText, null, "Read access"), /* @__PURE__ */ React.createElement(
+          Select,
+          {
+            variant: "outlined",
+            onChange,
+            value,
+            disabled: !canModifyAccess
+          },
+          /* @__PURE__ */ React.createElement(MenuItem, { value: "private" }, "Only you"),
+          /* @__PURE__ */ React.createElement(MenuItem, { value: "public" }, "Anyone")
+        )),
+        name: "readAccess"
+      }
+    )), /* @__PURE__ */ React.createElement(Grid, { item: true }, /* @__PURE__ */ React.createElement(
+      Controller,
+      {
+        control,
+        rules: { required: true },
+        render: ({ field: { onChange, value } }) => /* @__PURE__ */ React.createElement(FormControl, null, /* @__PURE__ */ React.createElement(FormHelperText, null, "Edit access"), /* @__PURE__ */ React.createElement(
+          Select,
+          {
+            variant: "outlined",
+            onChange,
+            value,
+            disabled: !canModifyAccess
+          },
+          /* @__PURE__ */ React.createElement(MenuItem, { value: "private" }, "Only you"),
+          /* @__PURE__ */ React.createElement(MenuItem, { value: "public" }, "Anyone")
+        )),
+        name: "editAccess"
+      }
+    ))),
+    /* @__PURE__ */ React.createElement(
+      Button,
+      {
+        color: "primary",
+        type: "submit",
+        variant: "contained",
+        disabled: posting,
+        className: `qetaCollectionFormSubmitBtn ${styles.postButton}`
+      },
+      id ? t("collectionForm.submit.existingCollection") : t("collectionForm.submit.newCollection")
+    )
+  );
+};
+
+export { CollectionForm };
+//# sourceMappingURL=CollectionForm.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CollectionForm.esm.js","sources":["../../../src/components/CollectionForm/CollectionForm.tsx"],"sourcesContent":["import {\n  configApiRef,\n  errorApiRef,\n  useAnalytics,\n  useApi,\n  useRouteRef,\n} from '@backstage/core-plugin-api';\nimport {\n  Button,\n  FormControl,\n  FormHelperText,\n  Grid,\n  MenuItem,\n  Select,\n  TextField,\n} from '@material-ui/core';\nimport { Alert } from '@material-ui/lab';\nimport React, { useCallback, useEffect } from 'react';\nimport { Controller, useForm } from 'react-hook-form';\nimport { useNavigate } from 'react-router-dom';\nimport {\n  CollectionRequest,\n  CollectionResponse,\n  QetaApi,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { useStyles, useTranslation } from '../../utils';\nimport { MarkdownEditor } from '../MarkdownEditor/MarkdownEditor';\nimport { collectionRouteRef } from '../../routes';\nimport { confirmNavigationIfEdited, imageUpload } from '../../utils/utils';\nimport { qetaApiRef } from '../../api';\nimport { CollectionFormData } from './types';\n\nconst formToRequest = (\n  form: CollectionFormData,\n  images: number[],\n  headerImage?: string,\n): CollectionRequest => {\n  return {\n    ...form,\n    images,\n    headerImage,\n  };\n};\n\nexport type CollectionFormProps = {\n  id?: string;\n  onPost?: (collection: CollectionResponse) => void;\n};\n\nconst getDefaultValues = (): CollectionFormData => {\n  return {\n    title: '',\n    readAccess: 'private',\n    editAccess: 'private',\n  };\n};\n\nconst getValues = async (\n  api: QetaApi,\n  id?: string,\n): Promise<{ form: CollectionFormData; collection?: CollectionResponse }> => {\n  if (!id) {\n    return { form: getDefaultValues() };\n  }\n\n  const collection = await api.getCollection(id);\n  return {\n    form: {\n      title: collection.title,\n      description: collection.description,\n      editAccess: collection.editAccess,\n      readAccess: collection.readAccess,\n      headerImage: collection.headerImage,\n    },\n    collection,\n  };\n};\n\nexport const CollectionForm = (props: CollectionFormProps) => {\n  const { id, onPost } = props;\n  const collectionRoute = useRouteRef(collectionRouteRef);\n  const navigate = useNavigate();\n  const analytics = useAnalytics();\n  const [posting, setPosting] = React.useState(false);\n  const [values, setValues] = React.useState(getDefaultValues());\n  const [error, setError] = React.useState(false);\n  const [edited, setEdited] = React.useState(false);\n  const [headerImage, setHeaderImage] = React.useState<string | undefined>();\n  const [canModifyAccess, setCanModifyAccess] = React.useState(true);\n\n  const [images, setImages] = React.useState<number[]>([]);\n  const { t } = useTranslation();\n\n  const qetaApi = useApi(qetaApiRef);\n  const configApi = useApi(configApiRef);\n  const errorApi = useApi(errorApiRef);\n  const styles = useStyles();\n  const isUploadDisabled =\n    configApi.getOptionalBoolean('qeta.storage.disabled') || false;\n  const {\n    register,\n    handleSubmit,\n    control,\n    reset,\n    formState: { errors },\n  } = useForm<CollectionFormData>({\n    values,\n    defaultValues: getDefaultValues(),\n  });\n\n  const postQuestion = (data: CollectionFormData) => {\n    setPosting(true);\n\n    if (id) {\n      qetaApi\n        .updateCollection(Number(id), formToRequest(data, images, headerImage))\n        .then(q => {\n          if (!q || !q.id) {\n            setError(true);\n            return;\n          }\n          setEdited(false);\n          reset();\n          analytics.captureEvent('edit', 'collection');\n          if (onPost) {\n            onPost(q);\n          } else {\n            navigate(collectionRoute({ id: q.id.toString(10) }));\n          }\n        })\n        .catch(_e => {\n          setError(true);\n          setPosting(false);\n        });\n      return;\n    }\n    qetaApi\n      .createCollection(formToRequest(data, images, headerImage))\n      .then(q => {\n        if (!q || !q.id) {\n          setError(true);\n          return;\n        }\n        setEdited(false);\n        analytics.captureEvent('post', 'collection');\n        reset();\n        navigate(collectionRoute({ id: q.id.toString(10) }));\n      })\n      .catch(_e => {\n        setError(true);\n        setPosting(false);\n      });\n  };\n\n  useEffect(() => {\n    if (id) {\n      getValues(qetaApi, id).then(data => {\n        setValues(data.form);\n        setHeaderImage(data.form.headerImage);\n        setCanModifyAccess(data.collection?.canDelete ?? false);\n      });\n    }\n  }, [qetaApi, id]);\n\n  useEffect(() => {\n    reset(values);\n  }, [values, reset]);\n\n  useEffect(() => {\n    return confirmNavigationIfEdited(edited);\n  }, [edited]);\n\n  const onImageUpload = useCallback(\n    (imageId: number) => {\n      setImages(prevImages => [...prevImages, imageId]);\n    },\n    [setImages],\n  );\n\n  return (\n    <form\n      onSubmit={handleSubmit(postQuestion)}\n      onChange={() => {\n        setEdited(true);\n      }}\n      className=\"qetaAskForm\"\n    >\n      {error && (\n        <Alert severity=\"error\">{t('collectionForm.errorPosting')}</Alert>\n      )}\n      {!isUploadDisabled && (\n        <>\n          <input\n            accept=\"image/*\"\n            style={{ display: 'none' }}\n            id=\"headerImage\"\n            type=\"file\"\n            onChange={async event => {\n              if (!event.target.files || event.target.files.length === 0) {\n                return;\n              }\n              const buffer = await event.target.files[0].arrayBuffer();\n\n              const uri = await imageUpload({\n                qetaApi,\n                errorApi,\n                onImageUpload,\n              })(buffer).next();\n              if (typeof uri.value === 'string') {\n                setHeaderImage(uri.value);\n              }\n            }}\n          />\n          <label htmlFor=\"headerImage\">\n            <Button variant=\"contained\" color=\"primary\" component=\"span\">\n              {t('collectionForm.uploadHeaderImage')}\n            </Button>\n          </label>\n        </>\n      )}\n      {headerImage && (\n        <img className={styles.headerImage} src={headerImage} alt=\"header\" />\n      )}\n      <TextField\n        label=\"Title\"\n        className=\"qetaCollectionFormTitle\"\n        required\n        fullWidth\n        error={'title' in errors}\n        margin=\"normal\"\n        variant=\"outlined\"\n        helperText={t('collectionForm.titleInput.helperText')}\n        {\n          // @ts-ignore\n          ...register('title', { required: true, maxLength: 255 })\n        }\n      />\n\n      <Controller\n        control={control}\n        rules={{\n          required: false,\n        }}\n        render={({ field: { onChange, value } }) => (\n          <MarkdownEditor\n            value={value ?? ''}\n            onChange={onChange}\n            height={400}\n            error={'content' in errors}\n            placeholder={t('collectionForm.descriptionInput.placeholder')}\n            config={configApi}\n            onImageUpload={onImageUpload}\n          />\n        )}\n        name=\"description\"\n      />\n      <Grid container style={{ marginTop: '1rem', marginBottom: '1rem' }}>\n        <Grid item>\n          <Controller\n            control={control}\n            rules={{ required: true }}\n            render={({ field: { onChange, value } }) => (\n              <FormControl>\n                <FormHelperText>Read access</FormHelperText>\n                <Select\n                  variant=\"outlined\"\n                  onChange={onChange}\n                  value={value}\n                  disabled={!canModifyAccess}\n                >\n                  <MenuItem value=\"private\">Only you</MenuItem>\n                  <MenuItem value=\"public\">Anyone</MenuItem>\n                </Select>\n              </FormControl>\n            )}\n            name=\"readAccess\"\n          />\n        </Grid>\n        <Grid item>\n          <Controller\n            control={control}\n            rules={{ required: true }}\n            render={({ field: { onChange, value } }) => (\n              <FormControl>\n                <FormHelperText>Edit access</FormHelperText>\n                <Select\n                  variant=\"outlined\"\n                  onChange={onChange}\n                  value={value}\n                  disabled={!canModifyAccess}\n                >\n                  <MenuItem value=\"private\">Only you</MenuItem>\n                  <MenuItem value=\"public\">Anyone</MenuItem>\n                </Select>\n              </FormControl>\n            )}\n            name=\"editAccess\"\n          />\n        </Grid>\n      </Grid>\n      <Button\n        color=\"primary\"\n        type=\"submit\"\n        variant=\"contained\"\n        disabled={posting}\n        className={`qetaCollectionFormSubmitBtn ${styles.postButton}`}\n      >\n        {id\n          ? t('collectionForm.submit.existingCollection')\n          : t('collectionForm.submit.newCollection')}\n      </Button>\n    </form>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/CollectionsGrid/CollectionsGrid.esm.js

@@ -0,0 +1,40 @@
+import React, { useEffect } from 'react';
+import { useTranslation, useQetaApi } from '../../utils/hooks.esm.js';
+import { Box, Grid, Typography } from '@material-ui/core';
+import { CollectionsGridContent } from './CollectionsGridContent.esm.js';
+
+const CollectionsGrid = () => {
+  const { t } = useTranslation();
+  const [page, setPage] = React.useState(1);
+  const [pageCount, setPageCount] = React.useState(1);
+  const collectionsPerPage = 20;
+  const {
+    value: response,
+    loading,
+    error
+  } = useQetaApi((api) => {
+    return api.getCollections({
+      limit: collectionsPerPage,
+      offset: (page - 1) * collectionsPerPage
+    });
+  }, []);
+  useEffect(() => {
+    if (response) {
+      setPageCount(Math.ceil(response.total / collectionsPerPage));
+    }
+  }, [response, collectionsPerPage]);
+  return /* @__PURE__ */ React.createElement(Box, { className: "qetaCollectionsGrid" }, /* @__PURE__ */ React.createElement(Grid, { container: true, justifyContent: "space-between" }), /* @__PURE__ */ React.createElement(Grid, { container: true, justifyContent: "space-between" }, /* @__PURE__ */ React.createElement(Grid, { item: true }, /* @__PURE__ */ React.createElement(Typography, { variant: "h6", className: "qetaPostsContainerQuestionCount" }, t("common.collections", { count: response?.total ?? 0 })))), /* @__PURE__ */ React.createElement(
+    CollectionsGridContent,
+    {
+      loading,
+      error,
+      response,
+      page,
+      pageCount,
+      onPageChange: setPage
+    }
+  ));
+};
+
+export { CollectionsGrid };
+//# sourceMappingURL=CollectionsGrid.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CollectionsGrid.esm.js","sources":["../../../src/components/CollectionsGrid/CollectionsGrid.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { useQetaApi, useTranslation } from '../../utils';\nimport { Box, Grid, Typography } from '@material-ui/core';\nimport { CollectionsGridContent } from './CollectionsGridContent';\n\nexport const CollectionsGrid = () => {\n  const { t } = useTranslation();\n  const [page, setPage] = React.useState(1);\n  const [pageCount, setPageCount] = React.useState(1);\n  const collectionsPerPage = 20;\n\n  const {\n    value: response,\n    loading,\n    error,\n  } = useQetaApi(api => {\n    return api.getCollections({\n      limit: collectionsPerPage,\n      offset: (page - 1) * collectionsPerPage,\n    });\n  }, []);\n\n  useEffect(() => {\n    if (response) {\n      setPageCount(Math.ceil(response.total / collectionsPerPage));\n    }\n  }, [response, collectionsPerPage]);\n\n  return (\n    <Box className=\"qetaCollectionsGrid\">\n      <Grid container justifyContent=\"space-between\" />\n      <Grid container justifyContent=\"space-between\">\n        <Grid item>\n          <Typography variant=\"h6\" className=\"qetaPostsContainerQuestionCount\">\n            {t('common.collections', { count: response?.total ?? 0 })}\n          </Typography>\n        </Grid>\n      </Grid>\n      <CollectionsGridContent\n        loading={loading}\n        error={error}\n        response={response}\n        page={page}\n        pageCount={pageCount}\n        onPageChange={setPage}\n      />\n    </Box>\n  );\n};\n"],"names":[],"mappings":";;;;;AAKO,MAAM,kBAAkB,MAAM;AACnC,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAC7B,EAAA,MAAM,CAAC,IAAM,EAAA,OAAO,CAAI,GAAA,KAAA,CAAM,SAAS,CAAC,CAAA,CAAA;AACxC,EAAA,MAAM,CAAC,SAAW,EAAA,YAAY,CAAI,GAAA,KAAA,CAAM,SAAS,CAAC,CAAA,CAAA;AAClD,EAAA,MAAM,kBAAqB,GAAA,EAAA,CAAA;AAE3B,EAAM,MAAA;AAAA,IACJ,KAAO,EAAA,QAAA;AAAA,IACP,OAAA;AAAA,IACA,KAAA;AAAA,GACF,GAAI,WAAW,CAAO,GAAA,KAAA;AACpB,IAAA,OAAO,IAAI,cAAe,CAAA;AAAA,MACxB,KAAO,EAAA,kBAAA;AAAA,MACP,MAAA,EAAA,CAAS,OAAO,CAAK,IAAA,kBAAA;AAAA,KACtB,CAAA,CAAA;AAAA,GACH,EAAG,EAAE,CAAA,CAAA;AAEL,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,QAAU,EAAA;AACZ,MAAA,YAAA,CAAa,IAAK,CAAA,IAAA,CAAK,QAAS,CAAA,KAAA,GAAQ,kBAAkB,CAAC,CAAA,CAAA;AAAA,KAC7D;AAAA,GACC,EAAA,CAAC,QAAU,EAAA,kBAAkB,CAAC,CAAA,CAAA;AAEjC,EAAA,2CACG,GAAI,EAAA,EAAA,SAAA,EAAU,qBACb,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,QAAK,SAAS,EAAA,IAAA,EAAC,cAAe,EAAA,eAAA,EAAgB,mBAC9C,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,WAAS,IAAC,EAAA,cAAA,EAAe,mCAC5B,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EAAA,sCACP,UAAW,EAAA,EAAA,OAAA,EAAQ,IAAK,EAAA,SAAA,EAAU,qCAChC,CAAE,CAAA,oBAAA,EAAsB,EAAE,KAAA,EAAO,UAAU,KAAS,IAAA,CAAA,EAAG,CAC1D,CACF,CACF,CACA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,sBAAA;AAAA,IAAA;AAAA,MACC,OAAA;AAAA,MACA,KAAA;AAAA,MACA,QAAA;AAAA,MACA,IAAA;AAAA,MACA,SAAA;AAAA,MACA,YAAc,EAAA,OAAA;AAAA,KAAA;AAAA,GAElB,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/CollectionsGrid/CollectionsGridContent.esm.js

@@ -0,0 +1,67 @@
+import React, { useState, useRef, useEffect } from 'react';
+import { useTranslation } from '../../utils/hooks.esm.js';
+import { Progress, WarningPanel } from '@backstage/core-components';
+import { Box, Grid } from '@material-ui/core';
+import { Pagination } from '@material-ui/lab';
+import { CollectionsGridItem } from './CollectionsGridItem.esm.js';
+
+const CollectionsGridContent = (props) => {
+  const { loading, error, response, onPageChange, page, pageCount } = props;
+  const [initialLoad, setInitialLoad] = useState(true);
+  const { t } = useTranslation();
+  const gridRef = useRef(null);
+  useEffect(() => {
+    if (!initialLoad) {
+      setInitialLoad(false);
+    }
+  }, [initialLoad, loading]);
+  const handlePageChange = (_event, value) => {
+    if (gridRef.current) {
+      gridRef.current.scrollIntoView();
+    }
+    onPageChange(value);
+  };
+  if (loading && initialLoad) {
+    return /* @__PURE__ */ React.createElement(Progress, null);
+  }
+  if (error || response === void 0) {
+    return /* @__PURE__ */ React.createElement(
+      WarningPanel,
+      {
+        severity: "error",
+        title: t("postsList.errorLoading", { itemType: "collections" })
+      },
+      error?.message
+    );
+  }
+  if (initialLoad && (!response.collections || response.collections.length === 0)) {
+    return null;
+  }
+  return /* @__PURE__ */ React.createElement("div", { ref: gridRef }, /* @__PURE__ */ React.createElement(Box, { sx: { mt: 2 }, className: "qetaCollectionsGrid" }, /* @__PURE__ */ React.createElement(
+    Grid,
+    {
+      container: true,
+      direction: "row",
+      alignItems: "stretch",
+      style: { marginTop: "1rem" }
+    },
+    response.collections.map((p) => {
+      return /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12, md: 4, lg: 3, key: p.id }, /* @__PURE__ */ React.createElement(CollectionsGridItem, { collection: p }));
+    })
+  ), /* @__PURE__ */ React.createElement(Grid, { container: true, justifyContent: "center", style: { marginTop: "2rem" } }, /* @__PURE__ */ React.createElement(
+    Pagination,
+    {
+      page,
+      onChange: handlePageChange,
+      count: pageCount,
+      size: "large",
+      variant: "outlined",
+      className: "qetaPostListPagination",
+      showFirstButton: true,
+      showLastButton: true
+    }
+  ))));
+};
+
+export { CollectionsGridContent };
+//# sourceMappingURL=CollectionsGridContent.esm.js.map

package/dist/components/CollectionsGrid/CollectionsGridContent.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollectionsGridContent.esm.js","sources":["../../../src/components/CollectionsGrid/CollectionsGridContent.tsx"],"sourcesContent":["import { CollectionsResponse } from '@drodil/backstage-plugin-qeta-common';\nimport React, { useEffect, useRef, useState } from 'react';\nimport { useTranslation } from '../../utils';\nimport { Progress, WarningPanel } from '@backstage/core-components';\nimport { Box, Grid } from '@material-ui/core';\nimport { Pagination } from '@material-ui/lab';\nimport { CollectionsGridItem } from './CollectionsGridItem';\n\nexport const CollectionsGridContent = (props: {\n  loading: boolean;\n  error: any;\n  response?: CollectionsResponse;\n  onPageChange: (page: number) => void;\n  page: number;\n  pageCount: number;\n}) => {\n  const { loading, error, response, onPageChange, page, pageCount } = props;\n  const [initialLoad, setInitialLoad] = useState(true);\n  const { t } = useTranslation();\n  const gridRef = useRef<HTMLDivElement | null>(null);\n\n  useEffect(() => {\n    if (!initialLoad) {\n      setInitialLoad(false);\n    }\n  }, [initialLoad, loading]);\n\n  const handlePageChange = (\n    _event: React.ChangeEvent<unknown>,\n    value: number,\n  ) => {\n    if (gridRef.current) {\n      gridRef.current.scrollIntoView();\n    }\n    onPageChange(value);\n  };\n\n  if (loading && initialLoad) {\n    return <Progress />;\n  }\n\n  if (error || response === undefined) {\n    return (\n      <WarningPanel\n        severity=\"error\"\n        title={t('postsList.errorLoading', { itemType: 'collections' })}\n      >\n        {error?.message}\n      </WarningPanel>\n    );\n  }\n\n  if (\n    initialLoad &&\n    (!response.collections || response.collections.length === 0)\n  ) {\n    return null;\n  }\n\n  return (\n    <div ref={gridRef}>\n      <Box sx={{ mt: 2 }} className=\"qetaCollectionsGrid\">\n        <Grid\n          container\n          direction=\"row\"\n          alignItems=\"stretch\"\n          style={{ marginTop: '1rem' }}\n        >\n          {response.collections.map(p => {\n            return (\n              <Grid item xs={12} md={4} lg={3} key={p.id}>\n                <CollectionsGridItem collection={p} />\n              </Grid>\n            );\n          })}\n        </Grid>\n        <Grid container justifyContent=\"center\" style={{ marginTop: '2rem' }}>\n          <Pagination\n            page={page}\n            onChange={handlePageChange}\n            count={pageCount}\n            size=\"large\"\n            variant=\"outlined\"\n            className=\"qetaPostListPagination\"\n            showFirstButton\n            showLastButton\n          />\n        </Grid>\n      </Box>\n    </div>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/CollectionsGrid/CollectionsGridItem.esm.js

@@ -0,0 +1,48 @@
+import { truncate, removeMarkdownFormatting } from '@drodil/backstage-plugin-qeta-common';
+import React from 'react';
+import { useTranslation, useStyles, useEntityAuthor } from '../../utils/hooks.esm.js';
+import { useRouteRef } from '@backstage/core-plugin-api';
+import { collectionRouteRef, userRouteRef } from '../../routes.esm.js';
+import { Card, CardActionArea, CardMedia, CardContent, Typography, Box, Avatar } from '@material-ui/core';
+import DOMPurify from 'dompurify';
+import { useNavigate } from 'react-router-dom';
+import { TagsAndEntities } from '../TagsAndEntities/TagsAndEntities.esm.js';
+import { Link } from '@backstage/core-components';
+import { RelativeTimeWithTooltip } from '../RelativeTimeWithTooltip/RelativeTimeWithTooltip.esm.js';
+
+const CollectionsGridItem = (props) => {
+  const { collection } = props;
+  const { t } = useTranslation();
+  const collectionRoute = useRouteRef(collectionRouteRef);
+  const userRoute = useRouteRef(userRouteRef);
+  const styles = useStyles();
+  const { name, initials, user } = useEntityAuthor(collection);
+  const navigate = useNavigate();
+  const href = collectionRoute({ id: collection.id.toString(10) });
+  return /* @__PURE__ */ React.createElement(Card, { style: { height: "100%", display: "flex", flexDirection: "column" } }, /* @__PURE__ */ React.createElement(CardActionArea, { onClick: () => navigate(href) }, collection.headerImage && /* @__PURE__ */ React.createElement(
+    CardMedia,
+    {
+      component: "img",
+      height: "140",
+      image: collection.headerImage,
+      alt: collection.title
+    }
+  ), /* @__PURE__ */ React.createElement(CardContent, { style: { paddingBottom: "0.5rem" } }, /* @__PURE__ */ React.createElement(Typography, { gutterBottom: true, variant: "h6", component: "div" }, collection.title), collection.description && /* @__PURE__ */ React.createElement(Typography, { variant: "body2", color: "textSecondary", gutterBottom: true }, DOMPurify.sanitize(
+    truncate(removeMarkdownFormatting(collection.description), 200)
+  )))), /* @__PURE__ */ React.createElement(CardContent, { style: { paddingTop: "0.5rem", marginTop: "auto" } }, /* @__PURE__ */ React.createElement(TagsAndEntities, { entity: collection }), /* @__PURE__ */ React.createElement(Box, { style: { paddingLeft: "0.2rem", paddingTop: "0.5rem" } }, /* @__PURE__ */ React.createElement(Typography, { variant: "caption" }, /* @__PURE__ */ React.createElement(
+    Avatar,
+    {
+      src: user?.spec?.profile?.picture,
+      className: styles.questionListItemAvatar,
+      alt: name,
+      variant: "rounded"
+    },
+    initials
+  ), collection.owner === "anonymous" ? t("common.anonymousAuthor") : /* @__PURE__ */ React.createElement(Link, { to: `${userRoute()}/${collection.owner}` }, name), " ", /* @__PURE__ */ React.createElement(Link, { to: href, className: "qetaPostListItemQuestionBtn" }, /* @__PURE__ */ React.createElement(RelativeTimeWithTooltip, { value: collection.created })), " \xB7 ", t("common.posts", {
+    count: collection.posts?.length ?? 0,
+    itemType: "post"
+  })))));
+};
+
+export { CollectionsGridItem };
+//# sourceMappingURL=CollectionsGridItem.esm.js.map

package/dist/components/CollectionsGrid/CollectionsGridItem.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollectionsGridItem.esm.js","sources":["../../../src/components/CollectionsGrid/CollectionsGridItem.tsx"],"sourcesContent":["import {\n  Collection,\n  removeMarkdownFormatting,\n  truncate,\n} from '@drodil/backstage-plugin-qeta-common';\nimport React from 'react';\nimport { useStyles, useTranslation } from '../../utils';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { collectionRouteRef, userRouteRef } from '../../routes';\nimport {\n  Avatar,\n  Box,\n  Card,\n  CardActionArea,\n  CardContent,\n  CardMedia,\n  Typography,\n} from '@material-ui/core';\nimport { useEntityAuthor } from '../../utils/hooks';\nimport DOMPurify from 'dompurify';\nimport { useNavigate } from 'react-router-dom';\nimport { TagsAndEntities } from '../TagsAndEntities/TagsAndEntities';\nimport { Link } from '@backstage/core-components';\nimport { RelativeTimeWithTooltip } from '../RelativeTimeWithTooltip';\n\nexport interface PostsGridItemProps {\n  collection: Collection;\n}\n\nexport const CollectionsGridItem = (props: PostsGridItemProps) => {\n  const { collection } = props;\n  const { t } = useTranslation();\n\n  const collectionRoute = useRouteRef(collectionRouteRef);\n  const userRoute = useRouteRef(userRouteRef);\n  const styles = useStyles();\n  const { name, initials, user } = useEntityAuthor(collection);\n  const navigate = useNavigate();\n  const href = collectionRoute({ id: collection.id.toString(10) });\n\n  return (\n    <Card style={{ height: '100%', display: 'flex', flexDirection: 'column' }}>\n      <CardActionArea onClick={() => navigate(href)}>\n        {collection.headerImage && (\n          <CardMedia\n            component=\"img\"\n            height=\"140\"\n            image={collection.headerImage}\n            alt={collection.title}\n          />\n        )}\n        <CardContent style={{ paddingBottom: '0.5rem' }}>\n          <Typography gutterBottom variant=\"h6\" component=\"div\">\n            {collection.title}\n          </Typography>\n          {collection.description && (\n            <Typography variant=\"body2\" color=\"textSecondary\" gutterBottom>\n              {DOMPurify.sanitize(\n                truncate(removeMarkdownFormatting(collection.description), 200),\n              )}\n            </Typography>\n          )}\n        </CardContent>\n      </CardActionArea>\n      <CardContent style={{ paddingTop: '0.5rem', marginTop: 'auto' }}>\n        <TagsAndEntities entity={collection} />\n        <Box style={{ paddingLeft: '0.2rem', paddingTop: '0.5rem' }}>\n          <Typography variant=\"caption\">\n            <Avatar\n              src={user?.spec?.profile?.picture}\n              className={styles.questionListItemAvatar}\n              alt={name}\n              variant=\"rounded\"\n            >\n              {initials}\n            </Avatar>\n            {collection.owner === 'anonymous' ? (\n              t('common.anonymousAuthor')\n            ) : (\n              <Link to={`${userRoute()}/${collection.owner}`}>{name}</Link>\n            )}{' '}\n            <Link to={href} className=\"qetaPostListItemQuestionBtn\">\n              <RelativeTimeWithTooltip value={collection.created} />\n            </Link>\n            {' · '}\n            {t('common.posts', {\n              count: collection.posts?.length ?? 0,\n              itemType: 'post',\n            })}\n          </Typography>\n        </Box>\n      </CardContent>\n    </Card>\n  );\n};\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,47 @@
+import { Box, Typography, Divider } from '@material-ui/core';
+import React from 'react';
+import { Link } from '@backstage/core-components';
+import { useStyles, useTranslation } 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 { MarkdownRenderer } from '../MarkdownRenderer/MarkdownRenderer.esm.js';
+import { qetaApiRef } from '../../api.esm.js';
+
+const CommentList = (props) => {
+  const { question, answer, onCommentDelete } = props;
+  const entity = answer ?? question;
+  const styles = useStyles();
+  const qetaApi = useApi(qetaApiRef);
+  const { t } = useTranslation();
+  const deleteComment = (id) => {
+    if (answer) {
+      qetaApi.deleteAnswerComment(question.id, answer.id, id).then((a) => {
+        onCommentDelete(question, a);
+        return;
+      });
+    }
+    qetaApi.deletePostComment(question.id, id).then((q) => onCommentDelete(q));
+  };
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, entity.comments?.map((c) => {
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Box, { key: c.id, className: "qetaCommentBox" }, /* @__PURE__ */ React.createElement(
+      MarkdownRenderer,
+      {
+        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)
+      },
+      t("commentList.deleteLink")
+    ))), /* @__PURE__ */ React.createElement(Divider, null));
+  }));
+};
+
+export { CommentList };
+//# sourceMappingURL=CommentList.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CommentList.esm.js","sources":["../../../src/components/CommentSection/CommentList.tsx"],"sourcesContent":["import {\n  AnswerResponse,\n  PostResponse,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { Box, Divider, Typography } from '@material-ui/core';\nimport React from 'react';\nimport { Link } from '@backstage/core-components';\nimport { useStyles, useTranslation } from '../../utils/hooks';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { RelativeTimeWithTooltip } from '../RelativeTimeWithTooltip/RelativeTimeWithTooltip';\nimport { AuthorLink } from '../Links/Links';\nimport { MarkdownRenderer } from '../MarkdownRenderer/MarkdownRenderer';\nimport { qetaApiRef } from '../../api';\n\nexport const CommentList = (props: {\n  onCommentDelete: (question: PostResponse, answer?: AnswerResponse) => void;\n  question: PostResponse;\n  answer?: AnswerResponse;\n}) => {\n  const { question, answer, onCommentDelete } = props;\n  const entity = answer ?? question;\n  const styles = useStyles();\n  const qetaApi = useApi(qetaApiRef);\n  const { t } = useTranslation();\n\n  const deleteComment = (id: number) => {\n    if (answer) {\n      qetaApi.deleteAnswerComment(question.id, answer.id, id).then(a => {\n        onCommentDelete(question, a);\n        return;\n      });\n    }\n    qetaApi.deletePostComment(question.id, id).then(q => onCommentDelete(q));\n  };\n\n  return (\n    <>\n      {entity.comments?.map(c => {\n        return (\n          <>\n            <Box key={c.id} className=\"qetaCommentBox\">\n              <MarkdownRenderer\n                content={c.content}\n                className={`${styles.markdownContent} inline`}\n              />\n              {' – '}\n              <AuthorLink entity={c} />{' '}\n              <Typography variant=\"caption\" className=\"qetaCommentTime\">\n                <RelativeTimeWithTooltip value={c.created} />\n              </Typography>\n              {(c.own || c.canDelete) && (\n                <>\n                  {' / '}\n                  <Link\n                    underline=\"none\"\n                    to=\"#\"\n                    className=\"qetaCommentDeleteBtn\"\n                    onClick={() => deleteComment(c.id)}\n                  >\n                    {t('commentList.deleteLink')}\n                  </Link>\n                </>\n              )}\n            </Box>\n            <Divider />\n          </>\n        );\n      })}\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;AAca,MAAA,WAAA,GAAc,CAAC,KAItB,KAAA;AACJ,EAAA,MAAM,EAAE,QAAA,EAAU,MAAQ,EAAA,eAAA,EAAoB,GAAA,KAAA,CAAA;AAC9C,EAAA,MAAM,SAAS,MAAU,IAAA,QAAA,CAAA;AACzB,EAAA,MAAM,SAAS,SAAU,EAAA,CAAA;AACzB,EAAM,MAAA,OAAA,GAAU,OAAO,UAAU,CAAA,CAAA;AACjC,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAE7B,EAAM,MAAA,aAAA,GAAgB,CAAC,EAAe,KAAA;AACpC,IAAA,IAAI,MAAQ,EAAA;AACV,MAAQ,OAAA,CAAA,mBAAA,CAAoB,SAAS,EAAI,EAAA,MAAA,CAAO,IAAI,EAAE,CAAA,CAAE,KAAK,CAAK,CAAA,KAAA;AAChE,QAAA,eAAA,CAAgB,UAAU,CAAC,CAAA,CAAA;AAC3B,QAAA,OAAA;AAAA,OACD,CAAA,CAAA;AAAA,KACH;AACA,IAAQ,OAAA,CAAA,iBAAA,CAAkB,SAAS,EAAI,EAAA,EAAE,EAAE,IAAK,CAAA,CAAA,CAAA,KAAK,eAAgB,CAAA,CAAC,CAAC,CAAA,CAAA;AAAA,GACzE,CAAA;AAEA,EAAA,uBAEK,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,EAAA,MAAA,CAAO,QAAU,EAAA,GAAA,CAAI,CAAK,CAAA,KAAA;AACzB,IAAA,iFAEK,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAI,KAAK,CAAE,CAAA,EAAA,EAAI,WAAU,gBACxB,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,gBAAA;AAAA,MAAA;AAAA,QACC,SAAS,CAAE,CAAA,OAAA;AAAA,QACX,SAAA,EAAW,CAAG,EAAA,MAAA,CAAO,eAAe,CAAA,OAAA,CAAA;AAAA,OAAA;AAAA,KACtC,EACC,UACD,kBAAA,KAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,MAAA,EAAQ,CAAG,EAAA,CAAA,EAAG,GAC1B,kBAAA,KAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,SAAU,EAAA,SAAA,EAAU,qCACrC,KAAA,CAAA,aAAA,CAAA,uBAAA,EAAA,EAAwB,KAAO,EAAA,CAAA,CAAE,OAAS,EAAA,CAC7C,CACE,EAAA,CAAA,CAAA,CAAE,GAAO,IAAA,CAAA,CAAE,SACX,qBAAA,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,EACG,KACD,kBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,SAAU,EAAA,MAAA;AAAA,QACV,EAAG,EAAA,GAAA;AAAA,QACH,SAAU,EAAA,sBAAA;AAAA,QACV,OAAS,EAAA,MAAM,aAAc,CAAA,CAAA,CAAE,EAAE,CAAA;AAAA,OAAA;AAAA,MAEhC,EAAE,wBAAwB,CAAA;AAAA,KAE/B,CAEJ,CACA,kBAAA,KAAA,CAAA,aAAA,CAAC,aAAQ,CACX,CAAA,CAAA;AAAA,GAEH,CACH,CAAA,CAAA;AAEJ;;;;"}