@drodil/backstage-plugin-qeta-react 3.59.1 → 3.59.5

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

@@ -1 +1 @@
-{"version":3,"file":"Links.esm.js","sources":["../../../src/components/Links/Links.tsx"],"sourcesContent":["import { useRouteRef } from '@backstage/core-plugin-api';\nimport { Link, LinkProps } from '@backstage/core-components';\nimport { userRouteRef } from '../../routes';\nimport { Answer, Comment, Post } from '@drodil/backstage-plugin-qeta-common';\nimport { useUserInfo } from '../../hooks';\nimport { UserTooltip } from '../Tooltips';\n\nexport const UserLink = (props: {\n  entityRef: string;\n  anonymous?: boolean;\n  linkProps?: LinkProps;\n  noLink?: boolean;\n}) => {\n  const { entityRef, linkProps, anonymous, noLink } = props;\n  const userRoute = useRouteRef(userRouteRef);\n  const { name, isCurrentUser } = useUserInfo(\n    entityRef,\n    anonymous ?? entityRef === 'anonymous',\n  );\n  if (anonymous && !isCurrentUser) {\n    return <span>{name}</span>;\n  }\n\n  if (noLink) {\n    return (\n      <UserTooltip\n        entityRef={entityRef}\n        anonymous={anonymous}\n        enterDelay={400}\n        interactive\n      >\n        <span>{name}</span>\n      </UserTooltip>\n    );\n  }\n\n  return (\n    <UserTooltip\n      entityRef={entityRef}\n      anonymous={anonymous}\n      enterDelay={400}\n      interactive\n    >\n      <Link to={`${userRoute()}/${entityRef}`} {...linkProps}>\n        {name}\n      </Link>\n    </UserTooltip>\n  );\n};\n\nexport const AuthorLink = (props: {\n  entity: Post | Answer | Comment;\n  linkProps?: LinkProps;\n}) => {\n  const { entity, linkProps } = props;\n  return (\n    <UserLink\n      entityRef={entity.author}\n      linkProps={linkProps}\n      anonymous={'anonymous' in entity ? entity.anonymous : undefined}\n    />\n  );\n};\n\nexport const UpdatedByLink = (props: {\n  entity: Post | Answer | Comment;\n  linkProps?: LinkProps;\n}) => {\n  const { entity, linkProps } = props;\n  if (!entity.updatedBy) {\n    return null;\n  }\n  return (\n    <UserLink\n      entityRef={entity.updatedBy}\n      linkProps={linkProps}\n      anonymous={'anonymous' in entity ? entity.anonymous : undefined}\n    />\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOa,MAAA,QAAA,GAAW,CAAC,KAKnB,KAAA;AACJ,EAAA,MAAM,EAAE,SAAA,EAAW,SAAW,EAAA,SAAA,EAAW,QAAW,GAAA,KAAA;AACpD,EAAM,MAAA,SAAA,GAAY,YAAY,YAAY,CAAA;AAC1C,EAAM,MAAA,EAAE,IAAM,EAAA,aAAA,EAAkB,GAAA,WAAA;AAAA,IAC9B,SAAA;AAAA,IACA,aAAa,SAAc,KAAA;AAAA,GAC7B;AACA,EAAI,IAAA,SAAA,IAAa,CAAC,aAAe,EAAA;AAC/B,IAAO,uBAAA,GAAA,CAAC,UAAM,QAAK,EAAA,IAAA,EAAA,CAAA;AAAA;AAGrB,EAAA,IAAI,MAAQ,EAAA;AACV,IACE,uBAAA,GAAA;AAAA,MAAC,WAAA;AAAA,MAAA;AAAA,QACC,SAAA;AAAA,QACA,SAAA;AAAA,QACA,UAAY,EAAA,GAAA;AAAA,QACZ,WAAW,EAAA,IAAA;AAAA,QAEX,QAAA,kBAAA,GAAA,CAAC,UAAM,QAAK,EAAA,IAAA,EAAA;AAAA;AAAA,KACd;AAAA;AAIJ,EACE,uBAAA,GAAA;AAAA,IAAC,WAAA;AAAA,IAAA;AAAA,MACC,SAAA;AAAA,MACA,SAAA;AAAA,MACA,UAAY,EAAA,GAAA;AAAA,MACZ,WAAW,EAAA,IAAA;AAAA,MAEX,QAAA,kBAAA,GAAA,CAAC,IAAK,EAAA,EAAA,EAAA,EAAI,CAAG,EAAA,SAAA,EAAW,CAAA,CAAA,EAAI,SAAS,CAAA,CAAA,EAAK,GAAG,SAAA,EAC1C,QACH,EAAA,IAAA,EAAA;AAAA;AAAA,GACF;AAEJ;AAEa,MAAA,UAAA,GAAa,CAAC,KAGrB,KAAA;AACJ,EAAM,MAAA,EAAE,MAAQ,EAAA,SAAA,EAAc,GAAA,KAAA;AAC9B,EACE,uBAAA,GAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,WAAW,MAAO,CAAA,MAAA;AAAA,MAClB,SAAA;AAAA,MACA,SAAW,EAAA,WAAA,IAAe,MAAS,GAAA,MAAA,CAAO,SAAY,GAAA,KAAA;AAAA;AAAA,GACxD;AAEJ;AAEa,MAAA,aAAA,GAAgB,CAAC,KAGxB,KAAA;AACJ,EAAM,MAAA,EAAE,MAAQ,EAAA,SAAA,EAAc,GAAA,KAAA;AAC9B,EAAI,IAAA,CAAC,OAAO,SAAW,EAAA;AACrB,IAAO,OAAA,IAAA;AAAA;AAET,EACE,uBAAA,GAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,WAAW,MAAO,CAAA,SAAA;AAAA,MAClB,SAAA;AAAA,MACA,SAAW,EAAA,WAAA,IAAe,MAAS,GAAA,MAAA,CAAO,SAAY,GAAA,KAAA;AAAA;AAAA,GACxD;AAEJ;;;;"}
+{"version":3,"file":"Links.esm.js","sources":["../../../src/components/Links/Links.tsx"],"sourcesContent":["import { useRouteRef } from '@backstage/core-plugin-api';\nimport { Link, LinkProps } from '@backstage/core-components';\nimport { userRouteRef } from '../../routes';\nimport { Answer, Comment, Post } from '@drodil/backstage-plugin-qeta-common';\nimport { useUserInfo } from '../../hooks';\nimport { UserTooltip } from '../Tooltips';\n\nexport const UserLink = (props: {\n  entityRef: string;\n  anonymous?: boolean;\n  linkProps?: LinkProps;\n  noLink?: boolean;\n}) => {\n  const { entityRef, linkProps, anonymous, noLink } = props;\n  const userRoute = useRouteRef(userRouteRef);\n  const { name, isCurrentUser } = useUserInfo(\n    entityRef,\n    anonymous ?? entityRef === 'anonymous',\n  );\n  if (anonymous && !isCurrentUser) {\n    return <span>{name}</span>;\n  }\n\n  if (noLink) {\n    return (\n      <UserTooltip\n        entityRef={entityRef}\n        anonymous={anonymous}\n        enterDelay={400}\n        interactive\n      >\n        <span>{name}</span>\n      </UserTooltip>\n    );\n  }\n\n  return (\n    <UserTooltip\n      entityRef={entityRef}\n      anonymous={anonymous}\n      enterDelay={400}\n      interactive\n    >\n      <Link to={`${userRoute()}/${entityRef}`} {...linkProps}>\n        {name}\n      </Link>\n    </UserTooltip>\n  );\n};\n\nexport const AuthorLink = (props: {\n  entity: Post | Answer | Comment;\n  linkProps?: LinkProps;\n}) => {\n  const { entity, linkProps } = props;\n  return (\n    <UserLink\n      entityRef={entity.author}\n      linkProps={linkProps}\n      anonymous={'anonymous' in entity ? entity.anonymous : undefined}\n    />\n  );\n};\n\nexport const UpdatedByLink = (props: {\n  entity: Post | Answer | Comment;\n  linkProps?: LinkProps;\n}) => {\n  const { entity, linkProps } = props;\n  if (!entity.updatedBy) {\n    return null;\n  }\n  return (\n    <UserLink\n      entityRef={entity.updatedBy}\n      linkProps={linkProps}\n      anonymous={'anonymous' in entity ? entity.anonymous : undefined}\n    />\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOO,MAAM,QAAA,GAAW,CAAC,KAAA,KAKnB;AACJ,EAAA,MAAM,EAAE,SAAA,EAAW,SAAA,EAAW,SAAA,EAAW,QAAO,GAAI,KAAA;AACpD,EAAA,MAAM,SAAA,GAAY,YAAY,YAAY,CAAA;AAC1C,EAAA,MAAM,EAAE,IAAA,EAAM,aAAA,EAAc,GAAI,WAAA;AAAA,IAC9B,SAAA;AAAA,IACA,aAAa,SAAA,KAAc;AAAA,GAC7B;AACA,EAAA,IAAI,SAAA,IAAa,CAAC,aAAA,EAAe;AAC/B,IAAA,uBAAO,GAAA,CAAC,UAAM,QAAA,EAAA,IAAA,EAAK,CAAA;AAAA,EACrB;AAEA,EAAA,IAAI,MAAA,EAAQ;AACV,IAAA,uBACE,GAAA;AAAA,MAAC,WAAA;AAAA,MAAA;AAAA,QACC,SAAA;AAAA,QACA,SAAA;AAAA,QACA,UAAA,EAAY,GAAA;AAAA,QACZ,WAAA,EAAW,IAAA;AAAA,QAEX,QAAA,kBAAA,GAAA,CAAC,UAAM,QAAA,EAAA,IAAA,EAAK;AAAA;AAAA,KACd;AAAA,EAEJ;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,WAAA;AAAA,IAAA;AAAA,MACC,SAAA;AAAA,MACA,SAAA;AAAA,MACA,UAAA,EAAY,GAAA;AAAA,MACZ,WAAA,EAAW,IAAA;AAAA,MAEX,QAAA,kBAAA,GAAA,CAAC,IAAA,EAAA,EAAK,EAAA,EAAI,CAAA,EAAG,SAAA,EAAW,CAAA,CAAA,EAAI,SAAS,CAAA,CAAA,EAAK,GAAG,SAAA,EAC1C,QAAA,EAAA,IAAA,EACH;AAAA;AAAA,GACF;AAEJ;AAEO,MAAM,UAAA,GAAa,CAAC,KAAA,KAGrB;AACJ,EAAA,MAAM,EAAE,MAAA,EAAQ,SAAA,EAAU,GAAI,KAAA;AAC9B,EAAA,uBACE,GAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,WAAW,MAAA,CAAO,MAAA;AAAA,MAClB,SAAA;AAAA,MACA,SAAA,EAAW,WAAA,IAAe,MAAA,GAAS,MAAA,CAAO,SAAA,GAAY;AAAA;AAAA,GACxD;AAEJ;AAEO,MAAM,aAAA,GAAgB,CAAC,KAAA,KAGxB;AACJ,EAAA,MAAM,EAAE,MAAA,EAAQ,SAAA,EAAU,GAAI,KAAA;AAC9B,EAAA,IAAI,CAAC,OAAO,SAAA,EAAW;AACrB,IAAA,OAAO,IAAA;AAAA,EACT;AACA,EAAA,uBACE,GAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,WAAW,MAAA,CAAO,SAAA;AAAA,MAClB,SAAA;AAAA,MACA,SAAA,EAAW,WAAA,IAAe,MAAA,GAAS,MAAA,CAAO,SAAA,GAAY;AAAA;AAAA,GACxD;AAEJ;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"LoadingGrid.esm.js","sources":["../../../src/components/LoadingGrid/LoadingGrid.tsx"],"sourcesContent":["import { Grid } from '@material-ui/core';\nimport { Progress } from '@backstage/core-components';\n\nexport const LoadingGrid = () => {\n  return (\n    <Grid\n      container\n      justifyContent=\"center\"\n      alignItems=\"center\"\n      style={{ height: '10vh' }}\n    >\n      <Grid item xs={12}>\n        <Progress />\n      </Grid>\n    </Grid>\n  );\n};\n"],"names":[],"mappings":";;;;AAGO,MAAM,cAAc,MAAM;AAC/B,EACE,uBAAA,GAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,SAAS,EAAA,IAAA;AAAA,MACT,cAAe,EAAA,QAAA;AAAA,MACf,UAAW,EAAA,QAAA;AAAA,MACX,KAAA,EAAO,EAAE,MAAA,EAAQ,MAAO,EAAA;AAAA,MAExB,QAAA,kBAAA,GAAA,CAAC,QAAK,IAAI,EAAA,IAAA,EAAC,IAAI,EACb,EAAA,QAAA,kBAAA,GAAA,CAAC,YAAS,CACZ,EAAA;AAAA;AAAA,GACF;AAEJ;;;;"}
+{"version":3,"file":"LoadingGrid.esm.js","sources":["../../../src/components/LoadingGrid/LoadingGrid.tsx"],"sourcesContent":["import { Grid } from '@material-ui/core';\nimport { Progress } from '@backstage/core-components';\n\nexport const LoadingGrid = () => {\n  return (\n    <Grid\n      container\n      justifyContent=\"center\"\n      alignItems=\"center\"\n      style={{ height: '10vh' }}\n    >\n      <Grid item xs={12}>\n        <Progress />\n      </Grid>\n    </Grid>\n  );\n};\n"],"names":[],"mappings":";;;;AAGO,MAAM,cAAc,MAAM;AAC/B,EAAA,uBACE,GAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAS,IAAA;AAAA,MACT,cAAA,EAAe,QAAA;AAAA,MACf,UAAA,EAAW,QAAA;AAAA,MACX,KAAA,EAAO,EAAE,MAAA,EAAQ,MAAA,EAAO;AAAA,MAExB,QAAA,kBAAA,GAAA,CAAC,QAAK,IAAA,EAAI,IAAA,EAAC,IAAI,EAAA,EACb,QAAA,kBAAA,GAAA,CAAC,YAAS,CAAA,EACZ;AAAA;AAAA,GACF;AAEJ;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"MarkdownEditor.esm.js","sources":["../../../src/components/MarkdownEditor/MarkdownEditor.tsx"],"sourcesContent":["/* eslint-disable no-console */\nimport { useState } from 'react';\nimport ReactMde from 'react-mde';\nimport 'react-mde/lib/styles/css/react-mde.css';\nimport 'react-mde/lib/styles/css/react-mde-editor.css';\nimport 'react-mde/lib/styles/css/react-mde-toolbar.css';\nimport { configApiRef, errorApiRef, useApi } from '@backstage/core-plugin-api';\nimport { qetaApiRef } from '../../api';\nimport { MarkdownRenderer } from '../MarkdownRenderer';\nimport { imageUpload } from '../../utils';\nimport { makeStyles } from '@material-ui/core';\nimport { catalogApiRef } from '@backstage/plugin-catalog-react';\nimport {\n  Entity,\n  GroupEntity,\n  stringifyEntityRef,\n  UserEntity,\n} from '@backstage/catalog-model';\nimport { findTagMentions } from '@drodil/backstage-plugin-qeta-common';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\n\nexport type QetaMarkdownEditorClassKey =\n  | 'markdownEditor'\n  | 'markdownEditorError'\n  | 'markdownPreview'\n  | 'suggestionsDropdown';\n\nexport const useStyles = makeStyles(\n  theme => {\n    return {\n      markdownEditor: {\n        backgroundColor: 'initial',\n        color: theme.palette.text.primary,\n        border: `1px solid ${theme.palette.action.disabled}`,\n        borderRadius: theme.shape.borderRadius,\n        '&:hover': {\n          borderColor: theme.palette.action.active,\n        },\n        '&:focus-within': {\n          borderColor: theme.palette.primary.main,\n        },\n        '& .mde-header': {\n          backgroundColor: 'initial',\n          color: theme.palette.text.primary,\n          borderBottom: `1px solid ${theme.palette.action.selected}`,\n          '& .mde-tabs button, .mde-header-item > button': {\n            color: `${theme.palette.text.primary} !important`,\n          },\n        },\n        '& .mde-preview-content': {\n          padding: '10px',\n        },\n        '& .mde-text, .mde-preview': {\n          fontSize: theme.typography.body1.fontSize,\n          fontFamily: theme.typography.body1.fontFamily,\n          lineHeight: theme.typography.body1.lineHeight,\n        },\n        '& .mde-text': {\n          backgroundColor: 'initial',\n          color: theme.palette.text.primary,\n          outline: 'none',\n        },\n        '& .image-tip': {\n          color: theme.palette.text.primary,\n          backgroundColor: 'initial',\n        },\n      },\n      markdownEditorError: {\n        border: `1px solid ${theme.palette.error.main} !important`,\n      },\n      markdownPreview: {\n        '& *': {\n          wordBreak: 'break-word',\n        },\n        '&.inline': {\n          display: 'inline-block',\n        },\n        '& > :first-child': {\n          marginTop: '0px !important',\n        },\n        '& > :last-child': {\n          marginBottom: '0px !important',\n        },\n      },\n      suggestionsDropdown: {\n        position: 'absolute',\n        minWidth: '180px',\n        margin: '20px 0 0',\n        listStyle: 'none',\n        padding: '0',\n        cursor: 'pointer',\n        background: theme.palette.background.paper,\n        border: `1px solid ${theme.palette.divider}`,\n        borderRadius: theme.shape.borderRadius,\n        '& li': {\n          width: '100%',\n          padding: '0.5rem',\n          '&:hover': {\n            backgroundColor: theme.palette.action.hover,\n          },\n        },\n      },\n      hide: {\n        display: 'none',\n      },\n    };\n  },\n  { name: 'QetaMarkdownEditor' },\n);\n\nexport type MarkdownEditorProps = {\n  value: string;\n  onChange: (value: string) => void;\n  onTagsChange?: (tags: string[]) => void;\n  height: number;\n  name?: string;\n  error?: boolean;\n  placeholder?: string;\n  onImageUpload?: (imageId: number) => void;\n  disableToolbar?: boolean;\n  disableAttachments?: boolean;\n  disablePreview?: boolean;\n  postId?: number;\n  disabled?: boolean;\n  answerId?: number;\n  collectionId?: number;\n  autoFocus?: boolean;\n  required?: boolean;\n};\n\nconst NO_SUGGESTIONS = [{ preview: 'No suggestions', value: '' }];\n\nexport const MarkdownEditor = (props: MarkdownEditorProps) => {\n  const {\n    value,\n    onChange,\n    height,\n    disabled,\n    error,\n    placeholder,\n    disableAttachments,\n    onTagsChange,\n    name,\n    disableToolbar,\n    disablePreview,\n    postId,\n    answerId,\n    collectionId,\n    autoFocus,\n    required = true,\n  } = props;\n  const [selectedTab, setSelectedTab] = useState<'write' | 'preview'>('write');\n  const styles = useStyles();\n  const errorApi = useApi(errorApiRef);\n  const qetaApi = useApi(qetaApiRef);\n  const catalogApi = useApi(catalogApiRef);\n  const config = useApi(configApiRef);\n  const { t } = useTranslationRef(qetaTranslationRef);\n\n  const supportedMentionKinds = config.getOptionalStringArray(\n    'qeta.mentions.supportedKinds',\n  ) || ['user'];\n  const enabledMentionKinds = supportedMentionKinds.filter(kind =>\n    ['user', 'group'].includes(kind.toLowerCase()),\n  );\n  const maxTags = config.getOptionalNumber('qeta.tags.max') ?? 5;\n\n  const suggestionChars: string[] = [];\n  if (enabledMentionKinds.length > 0) {\n    suggestionChars.push('@');\n  }\n  if (maxTags > 0) {\n    suggestionChars.push('#');\n  }\n\n  const loadEntitySuggestions = async (text: string) => {\n    if (!text) {\n      return NO_SUGGESTIONS;\n    }\n    const entities = await catalogApi.queryEntities({\n      filter: { kind: enabledMentionKinds },\n      limit: 5,\n      fields: [\n        'metadata.name',\n        'metadata.namespace',\n        'kind',\n        'metadata.title',\n        'spec.profile.displayName',\n      ],\n      fullTextFilter: {\n        term: text,\n        fields: [\n          'metadata.name',\n          'metadata.title',\n          'spec.profile.displayName',\n          'spec.profile.email',\n        ],\n      },\n    });\n\n    if (entities.items.length === 0) {\n      return NO_SUGGESTIONS;\n    }\n\n    return entities.items.map(entity => {\n      const mentionEntity = entity as Entity & (UserEntity | GroupEntity);\n      return {\n        preview:\n          mentionEntity.spec?.profile?.displayName ??\n          mentionEntity.metadata.title ??\n          mentionEntity.metadata.name,\n        value: `@${stringifyEntityRef(entity)}`,\n      };\n    });\n  };\n\n  const loadTagSuggestions = async (text: string) => {\n    if (!text) {\n      return NO_SUGGESTIONS;\n    }\n    const tags = await qetaApi.getTags({ searchQuery: text });\n    if (tags.tags.length === 0) {\n      return NO_SUGGESTIONS;\n    }\n    return tags.tags.map(tag => {\n      return {\n        preview: tag.tag,\n        value: `#${tag.tag}`,\n      };\n    });\n  };\n\n  const loadSuggestions = async (text: string, triggeredBy: string) => {\n    if (!text || !triggeredBy) {\n      return NO_SUGGESTIONS;\n    }\n    if (triggeredBy === '@') {\n      return loadEntitySuggestions(text);\n    }\n    if (triggeredBy === '#') {\n      return loadTagSuggestions(text);\n    }\n    return NO_SUGGESTIONS;\n  };\n\n  const isUploadDisabled =\n    config?.getOptionalBoolean('qeta.storage.disabled') ||\n    disableAttachments ||\n    false;\n\n  const toolbarCommands = [\n    ['header', 'bold', 'italic', 'strikethrough'],\n    ['link', 'quote', 'code', 'image'],\n    ['unordered-list', 'ordered-list'],\n  ];\n\n  return (\n    <ReactMde\n      classes={{\n        reactMde: `qetaMarkdownEditorEdit ${styles.markdownEditor}`,\n        textArea: error\n          ? `qetaMarkdownEditorError ${styles.markdownEditorError}`\n          : undefined,\n        preview: 'qetaMarkdownEditorPreview',\n        toolbar: `${\n          disableToolbar ? styles.hide : ''\n        } qetaMarkdownEditorToolbar`,\n        suggestionsDropdown: styles.suggestionsDropdown,\n      }}\n      disablePreview={disablePreview}\n      value={value}\n      onChange={onChange}\n      selectedTab={selectedTab}\n      onTabChange={setSelectedTab}\n      minEditorHeight={height}\n      l18n={{\n        write: t('markdownEditor.write'),\n        preview: t('markdownEditor.preview'),\n        uploadingImage: t('markdownEditor.uploadingImage'),\n        pasteDropSelect: t('markdownEditor.pasteDropSelect'),\n      }}\n      minPreviewHeight={height - 10}\n      childProps={{\n        textArea: {\n          required,\n          placeholder,\n          disabled,\n          autoFocus,\n          name,\n          onBlur: () => {\n            if (onTagsChange) {\n              onTagsChange(findTagMentions(value).map(tag => tag.slice(1)));\n            }\n          },\n        },\n      }}\n      suggestionTriggerCharacters={suggestionChars}\n      loadSuggestions={loadSuggestions}\n      suggestionsAutoplace\n      generateMarkdownPreview={content =>\n        Promise.resolve(\n          <MarkdownRenderer\n            content={content}\n            className={`qetaMarkdownEditorPreview ${styles.markdownPreview}`}\n            useBlankLinks\n          />,\n        )\n      }\n      paste={\n        isUploadDisabled\n          ? undefined\n          : {\n              saveImage: imageUpload({\n                qetaApi,\n                errorApi,\n                onImageUpload: props.onImageUpload,\n                postId,\n                answerId,\n                collectionId,\n              }),\n            }\n      }\n      toolbarCommands={toolbarCommands}\n    />\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"MarkdownEditor.esm.js","sources":["../../../src/components/MarkdownEditor/MarkdownEditor.tsx"],"sourcesContent":["/* eslint-disable no-console */\nimport { useState } from 'react';\nimport ReactMde from 'react-mde';\nimport 'react-mde/lib/styles/css/react-mde.css';\nimport 'react-mde/lib/styles/css/react-mde-editor.css';\nimport 'react-mde/lib/styles/css/react-mde-toolbar.css';\nimport { configApiRef, errorApiRef, useApi } from '@backstage/core-plugin-api';\nimport { qetaApiRef } from '../../api';\nimport { MarkdownRenderer } from '../MarkdownRenderer';\nimport { imageUpload } from '../../utils';\nimport { makeStyles } from '@material-ui/core';\nimport { catalogApiRef } from '@backstage/plugin-catalog-react';\nimport {\n  Entity,\n  GroupEntity,\n  stringifyEntityRef,\n  UserEntity,\n} from '@backstage/catalog-model';\nimport { findTagMentions } from '@drodil/backstage-plugin-qeta-common';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\n\nexport type QetaMarkdownEditorClassKey =\n  | 'markdownEditor'\n  | 'markdownEditorError'\n  | 'markdownPreview'\n  | 'suggestionsDropdown';\n\nexport const useStyles = makeStyles(\n  theme => {\n    return {\n      markdownEditor: {\n        backgroundColor: 'initial',\n        color: theme.palette.text.primary,\n        border: `1px solid ${theme.palette.action.disabled}`,\n        borderRadius: theme.shape.borderRadius,\n        '&:hover': {\n          borderColor: theme.palette.action.active,\n        },\n        '&:focus-within': {\n          borderColor: theme.palette.primary.main,\n        },\n        '& .mde-header': {\n          backgroundColor: 'initial',\n          color: theme.palette.text.primary,\n          borderBottom: `1px solid ${theme.palette.action.selected}`,\n          '& .mde-tabs button, .mde-header-item > button': {\n            color: `${theme.palette.text.primary} !important`,\n          },\n        },\n        '& .mde-preview-content': {\n          padding: '10px',\n        },\n        '& .mde-text, .mde-preview': {\n          fontSize: theme.typography.body1.fontSize,\n          fontFamily: theme.typography.body1.fontFamily,\n          lineHeight: theme.typography.body1.lineHeight,\n        },\n        '& .mde-text': {\n          backgroundColor: 'initial',\n          color: theme.palette.text.primary,\n          outline: 'none',\n        },\n        '& .image-tip': {\n          color: theme.palette.text.primary,\n          backgroundColor: 'initial',\n        },\n      },\n      markdownEditorError: {\n        border: `1px solid ${theme.palette.error.main} !important`,\n      },\n      markdownPreview: {\n        '& *': {\n          wordBreak: 'break-word',\n        },\n        '&.inline': {\n          display: 'inline-block',\n        },\n        '& > :first-child': {\n          marginTop: '0px !important',\n        },\n        '& > :last-child': {\n          marginBottom: '0px !important',\n        },\n      },\n      suggestionsDropdown: {\n        position: 'absolute',\n        minWidth: '180px',\n        margin: '20px 0 0',\n        listStyle: 'none',\n        padding: '0',\n        cursor: 'pointer',\n        background: theme.palette.background.paper,\n        border: `1px solid ${theme.palette.divider}`,\n        borderRadius: theme.shape.borderRadius,\n        '& li': {\n          width: '100%',\n          padding: '0.5rem',\n          '&:hover': {\n            backgroundColor: theme.palette.action.hover,\n          },\n        },\n      },\n      hide: {\n        display: 'none',\n      },\n    };\n  },\n  { name: 'QetaMarkdownEditor' },\n);\n\nexport type MarkdownEditorProps = {\n  value: string;\n  onChange: (value: string) => void;\n  onTagsChange?: (tags: string[]) => void;\n  height: number;\n  name?: string;\n  error?: boolean;\n  placeholder?: string;\n  onImageUpload?: (imageId: number) => void;\n  disableToolbar?: boolean;\n  disableAttachments?: boolean;\n  disablePreview?: boolean;\n  postId?: number;\n  disabled?: boolean;\n  answerId?: number;\n  collectionId?: number;\n  autoFocus?: boolean;\n  required?: boolean;\n};\n\nconst NO_SUGGESTIONS = [{ preview: 'No suggestions', value: '' }];\n\nexport const MarkdownEditor = (props: MarkdownEditorProps) => {\n  const {\n    value,\n    onChange,\n    height,\n    disabled,\n    error,\n    placeholder,\n    disableAttachments,\n    onTagsChange,\n    name,\n    disableToolbar,\n    disablePreview,\n    postId,\n    answerId,\n    collectionId,\n    autoFocus,\n    required = true,\n  } = props;\n  const [selectedTab, setSelectedTab] = useState<'write' | 'preview'>('write');\n  const styles = useStyles();\n  const errorApi = useApi(errorApiRef);\n  const qetaApi = useApi(qetaApiRef);\n  const catalogApi = useApi(catalogApiRef);\n  const config = useApi(configApiRef);\n  const { t } = useTranslationRef(qetaTranslationRef);\n\n  const supportedMentionKinds = config.getOptionalStringArray(\n    'qeta.mentions.supportedKinds',\n  ) || ['user'];\n  const enabledMentionKinds = supportedMentionKinds.filter(kind =>\n    ['user', 'group'].includes(kind.toLowerCase()),\n  );\n  const maxTags = config.getOptionalNumber('qeta.tags.max') ?? 5;\n\n  const suggestionChars: string[] = [];\n  if (enabledMentionKinds.length > 0) {\n    suggestionChars.push('@');\n  }\n  if (maxTags > 0) {\n    suggestionChars.push('#');\n  }\n\n  const loadEntitySuggestions = async (text: string) => {\n    if (!text) {\n      return NO_SUGGESTIONS;\n    }\n    const entities = await catalogApi.queryEntities({\n      filter: { kind: enabledMentionKinds },\n      limit: 5,\n      fields: [\n        'metadata.name',\n        'metadata.namespace',\n        'kind',\n        'metadata.title',\n        'spec.profile.displayName',\n      ],\n      fullTextFilter: {\n        term: text,\n        fields: [\n          'metadata.name',\n          'metadata.title',\n          'spec.profile.displayName',\n          'spec.profile.email',\n        ],\n      },\n    });\n\n    if (entities.items.length === 0) {\n      return NO_SUGGESTIONS;\n    }\n\n    return entities.items.map(entity => {\n      const mentionEntity = entity as Entity & (UserEntity | GroupEntity);\n      return {\n        preview:\n          mentionEntity.spec?.profile?.displayName ??\n          mentionEntity.metadata.title ??\n          mentionEntity.metadata.name,\n        value: `@${stringifyEntityRef(entity)}`,\n      };\n    });\n  };\n\n  const loadTagSuggestions = async (text: string) => {\n    if (!text) {\n      return NO_SUGGESTIONS;\n    }\n    const tags = await qetaApi.getTags({ searchQuery: text });\n    if (tags.tags.length === 0) {\n      return NO_SUGGESTIONS;\n    }\n    return tags.tags.map(tag => {\n      return {\n        preview: tag.tag,\n        value: `#${tag.tag}`,\n      };\n    });\n  };\n\n  const loadSuggestions = async (text: string, triggeredBy: string) => {\n    if (!text || !triggeredBy) {\n      return NO_SUGGESTIONS;\n    }\n    if (triggeredBy === '@') {\n      return loadEntitySuggestions(text);\n    }\n    if (triggeredBy === '#') {\n      return loadTagSuggestions(text);\n    }\n    return NO_SUGGESTIONS;\n  };\n\n  const isUploadDisabled =\n    config?.getOptionalBoolean('qeta.storage.disabled') ||\n    disableAttachments ||\n    false;\n\n  const toolbarCommands = [\n    ['header', 'bold', 'italic', 'strikethrough'],\n    ['link', 'quote', 'code', 'image'],\n    ['unordered-list', 'ordered-list'],\n  ];\n\n  return (\n    <ReactMde\n      classes={{\n        reactMde: `qetaMarkdownEditorEdit ${styles.markdownEditor}`,\n        textArea: error\n          ? `qetaMarkdownEditorError ${styles.markdownEditorError}`\n          : undefined,\n        preview: 'qetaMarkdownEditorPreview',\n        toolbar: `${\n          disableToolbar ? styles.hide : ''\n        } qetaMarkdownEditorToolbar`,\n        suggestionsDropdown: styles.suggestionsDropdown,\n      }}\n      disablePreview={disablePreview}\n      value={value}\n      onChange={onChange}\n      selectedTab={selectedTab}\n      onTabChange={setSelectedTab}\n      minEditorHeight={height}\n      l18n={{\n        write: t('markdownEditor.write'),\n        preview: t('markdownEditor.preview'),\n        uploadingImage: t('markdownEditor.uploadingImage'),\n        pasteDropSelect: t('markdownEditor.pasteDropSelect'),\n      }}\n      minPreviewHeight={height - 10}\n      childProps={{\n        textArea: {\n          required,\n          placeholder,\n          disabled,\n          autoFocus,\n          name,\n          onBlur: () => {\n            if (onTagsChange) {\n              onTagsChange(findTagMentions(value).map(tag => tag.slice(1)));\n            }\n          },\n        },\n      }}\n      suggestionTriggerCharacters={suggestionChars}\n      loadSuggestions={loadSuggestions}\n      suggestionsAutoplace\n      generateMarkdownPreview={content =>\n        Promise.resolve(\n          <MarkdownRenderer\n            content={content}\n            className={`qetaMarkdownEditorPreview ${styles.markdownPreview}`}\n            useBlankLinks\n          />,\n        )\n      }\n      paste={\n        isUploadDisabled\n          ? undefined\n          : {\n              saveImage: imageUpload({\n                qetaApi,\n                errorApi,\n                onImageUpload: props.onImageUpload,\n                postId,\n                answerId,\n                collectionId,\n              }),\n            }\n      }\n      toolbarCommands={toolbarCommands}\n    />\n  );\n};\n"],"names":[],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"MarkdownRenderer.esm.js","sources":["../../../src/components/MarkdownRenderer/MarkdownRenderer.tsx"],"sourcesContent":["import {\n  Children,\n  createElement,\n  lazy,\n  PropsWithChildren,\n  useEffect,\n} from 'react';\nimport SyntaxHighlighter from 'react-syntax-highlighter';\nimport { MarkdownHooks } from 'react-markdown';\nimport {\n  a11yDark,\n  a11yLight,\n} from 'react-syntax-highlighter/dist/esm/styles/hljs';\nimport { IconButton, makeStyles, Tooltip, Typography } from '@material-ui/core';\nimport {\n  findEntityMentions,\n  findTagMentions,\n} from '@drodil/backstage-plugin-qeta-common';\nimport gfm from 'remark-gfm';\nimport rehypeSlug from 'rehype-slug';\nimport rehypeToc, { HeadingNode, TextNode } from '@jsdevtools/rehype-toc';\nimport { EntityRefLink } from '@backstage/plugin-catalog-react';\nimport { useIsDarkTheme } from '../../hooks/useIsDarkTheme';\nimport { BackstageOverrides } from '@backstage/core-components';\nimport LinkIcon from '@material-ui/icons/Link';\nimport FileCopyIcon from '@material-ui/icons/FileCopy';\nimport { alertApiRef, useApi } from '@backstage/core-plugin-api';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation';\nimport { Variant } from '@material-ui/core/styles/createTypography';\nimport GithubSlugger from 'github-slugger';\nimport { HtmlElementNode } from '@jsdevtools/rehype-toc/lib/types';\nimport { find } from 'unist-util-find';\nimport { useQetaContext } from '../QetaContext';\n\nconst TagChip = lazy(() =>\n  import('../TagsAndEntities/TagChip').then(m => ({ default: m.TagChip })),\n);\n\nconst slugger = new GithubSlugger();\n\nexport type QetaMarkdownContentClassKey =\n  | 'markdown'\n  | 'header'\n  | 'tocHeader'\n  | 'toc'\n  | 'tocList'\n  | 'tocListItem'\n  | 'tocLink';\n\nconst useStyles = makeStyles(\n  theme => {\n    const overrides = theme.overrides as BackstageOverrides;\n    return {\n      markdown: {\n        lineHeight: 1.75,\n        '& p': {\n          ...theme.typography?.body1,\n          margin: '0 0 1em 0',\n          wordBreak: 'break-word',\n        },\n        '& h1': {\n          ...theme.typography?.h1,\n          marginBottom: 2,\n          marginTop: '1.5em',\n        },\n        '& h2': {\n          ...theme.typography?.h2,\n          marginBottom: 2,\n          marginTop: '1.2em',\n        },\n        '& h3': {\n          ...theme.typography?.h3,\n          marginBottom: 2,\n          marginTop: '1em',\n        },\n        '& h4': {\n          ...theme.typography?.h4,\n          marginBottom: 2,\n          marginTop: '0.8em',\n        },\n        '& h5': {\n          ...theme.typography?.h5,\n          marginBottom: 2,\n          marginTop: '0.7em',\n        },\n        '& h6': {\n          ...theme.typography?.h6,\n          marginBottom: 2,\n          marginTop: '0.6em',\n        },\n        '& table': {\n          borderCollapse: 'collapse',\n          border: `1px solid ${theme.palette.border}`,\n        },\n        '& th, & td': {\n          border: `1px solid ${theme.palette.border}`,\n          padding: theme.spacing(1),\n        },\n        '& td': {\n          wordBreak: 'break-word',\n          overflow: 'hidden',\n          verticalAlign: 'middle',\n          lineHeight: '1',\n          margin: 0,\n          padding: theme.spacing(3, 2, 3, 2.5),\n          borderBottom: 0,\n        },\n        '& th': {\n          backgroundColor: theme.palette.background.paper,\n        },\n        '& tr': {\n          backgroundColor: theme.palette.background.paper,\n        },\n        '& tr:nth-child(odd)': {\n          backgroundColor: theme.palette.background.default,\n        },\n        '& a': {\n          color: theme.palette.link,\n        },\n        '& img': {\n          maxWidth: '100%',\n        },\n        '& code': {\n          fontFamily: 'Courier New,Courier,monospace',\n          fontStyle: 'normal',\n          overflowX: 'auto',\n        },\n        '& em': {\n          fontStyle: 'italic !important',\n        },\n        '& ol': {\n          listStyle: 'decimal',\n          marginLeft: '2em',\n          marginBottom: '1em',\n          marginTop: '1em',\n        },\n        '& ul': {\n          listStyle: 'disc',\n          marginLeft: '2em',\n          marginBottom: '1em',\n          marginTop: '1em',\n        },\n        '& blockquote': {\n          backgroundColor: theme.palette.background.paper,\n          border: `1px solid ${theme.palette.divider}`,\n          padding: '1em 1.5em',\n          margin: '1.5em 0',\n          color: theme.palette.text.secondary,\n          borderLeft: `4px solid ${theme.palette.divider}`,\n        },\n        '& li': {\n          marginTop: '0.5em',\n        },\n        '& *:first-child': {\n          marginTop: 0,\n        },\n        '& *:last-child': {\n          marginBottom: 0,\n        },\n        '& path': {\n          stroke: `${theme.palette.text.primary} !important`,\n        },\n        ...(overrides?.BackstageMarkdownContent ?? {}),\n      },\n      codeBlockContainer: {\n        position: 'relative',\n        '& .copyCodeButton': {\n          opacity: 0,\n          pointerEvents: 'none',\n          transition: 'opacity 0.2s',\n        },\n        '&:hover .copyCodeButton': {\n          opacity: 1,\n          pointerEvents: 'auto',\n        },\n      },\n      header: {\n        '& .anchor-link': {\n          display: 'none',\n          marginLeft: '0.5em',\n        },\n        '&:hover .anchor-link': {\n          display: 'inline-block',\n        },\n      },\n      tocHeader: {\n        marginTop: '0.5em',\n        marginBottom: 0,\n      },\n      toc: {\n        marginTop: '0.5em',\n        marginLeft: '0.2em',\n        paddingBottom: '1em',\n        borderBottom: `1px solid ${theme.palette.divider}`,\n      },\n      tocList: {\n        marginLeft: '0 !important',\n        marginTop: '0.5em !important',\n        paddingInlineStart: '1em',\n        counterReset: 'item',\n      },\n      tocListItem: {\n        display: 'block',\n        '&:before': {\n          content: 'counters(item, \".\") \" \"',\n          counterIncrement: 'item',\n        },\n      },\n      tocLink: {\n        color: theme.palette.link,\n      },\n    };\n  },\n  { name: 'QetaMarkdownContent' },\n);\n\nconst flatten = (text: string, child: any): string => {\n  if (!child) return text;\n\n  return typeof child === 'string'\n    ? text + child\n    : Children.toArray(child.props.children).reduce(flatten, text);\n};\n\nexport const MarkdownRenderer = (props: {\n  content: string;\n  className?: string;\n  showToc?: boolean;\n  useBlankLinks?: boolean;\n}) => {\n  const { content, className: mainClassName, showToc, useBlankLinks } = props;\n  const darkTheme = useIsDarkTheme();\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const classes = useStyles();\n  const alertApi = useApi(alertApiRef);\n  slugger.reset();\n\n  const copyToClipboard = (slug: string) => {\n    const url = new URL(window.location.href);\n    url.hash = `#${slug}`;\n    window.navigator.clipboard.writeText(url.toString());\n    alertApi.post({\n      message: t('link.copied'),\n      severity: 'info',\n      display: 'transient',\n    });\n  };\n\n  const copyCodeToClipboard = (code: string) => {\n    window.navigator.clipboard.writeText(code);\n    alertApi.post({\n      message: t('code.copied'),\n      severity: 'info',\n      display: 'transient',\n    });\n  };\n\n  const headingRenderer = (\n    hProps: PropsWithChildren<{ node: { tagName: string } }>,\n  ) => {\n    const { node, children } = hProps;\n    const childrenArray = Children.toArray(children);\n    const text = childrenArray.reduce(flatten, '');\n    const slug = slugger.slug(text);\n    const link = (\n      <Tooltip title={t('link.aria')}>\n        <IconButton\n          aria-label={t('link.aria')}\n          onClick={() => copyToClipboard(slug)}\n          size=\"small\"\n          className=\"anchor-link\"\n        >\n          <LinkIcon />\n        </IconButton>\n      </Tooltip>\n    );\n    return (\n      <>\n        {createElement(\n          Typography,\n          {\n            variant: node.tagName as Variant,\n            id: slug,\n            className: classes.header,\n          },\n          [children, link],\n        )}\n      </>\n    );\n  };\n\n  useEffect(() => {\n    if (!window.location.hash) {\n      return;\n    }\n\n    const id = window.location.hash.slice(1);\n    const element = document.getElementById(id);\n    if (element) {\n      element.scrollIntoView({ behavior: 'auto', block: 'start' });\n    }\n  }, []);\n\n  const extensions = useQetaContext();\n\n  const rehypePlugins: import('unified').PluggableList = [[rehypeSlug]];\n  if (showToc) {\n    rehypePlugins.push([\n      rehypeToc,\n      {\n        cssClasses: {\n          toc: classes.toc,\n          list: classes.tocList,\n          listItem: classes.tocListItem,\n          link: classes.tocLink,\n        },\n        customizeTOC: (toc: HtmlElementNode) => {\n          const listItems = find(toc, { tagName: 'li' });\n          if (!toc.children || !listItems) {\n            return false;\n          }\n          const tocHeader: TextNode = {\n            type: 'text',\n            value: t('markdown.toc'),\n          };\n          const heading: HeadingNode = {\n            type: 'element',\n            tagName: 'h3',\n            properties: {},\n            children: [tocHeader],\n          };\n\n          toc.children.unshift(heading);\n          return toc;\n        },\n      },\n    ]);\n  }\n\n  return (\n    <div className={`${classes.markdown} ${mainClassName ?? ''}`.trim()}>\n      <MarkdownHooks\n        remarkPlugins={[gfm, ...(extensions.remarkPlugins ?? [])]}\n        rehypePlugins={[...rehypePlugins, ...(extensions.rehypePlugins ?? [])]}\n        components={{\n          h1: (p: any) => headingRenderer(p),\n          h2: (p: any) => headingRenderer(p),\n          h3: (p: any) => headingRenderer(p),\n          h4: (p: any) => headingRenderer(p),\n          h5: (p: any) => headingRenderer(p),\n          h6: (p: any) => headingRenderer(p),\n          p: (p: any) => {\n            const { children } = p;\n            const arr = Children.toArray(children);\n            const formatted = arr.map((child: any) => {\n              if (typeof child !== 'string') {\n                return child;\n              }\n              const userMentions = findEntityMentions(child);\n              const tagMentions = findTagMentions(child);\n              if (userMentions.length === 0 && tagMentions.length === 0) {\n                return child;\n              }\n\n              return child.split(' ').map((word: string) => {\n                const userMention = userMentions.find(m => word === m);\n                if (userMention) {\n                  return (\n                    <>\n                      <EntityRefLink\n                        entityRef={userMention.slice(1)}\n                        hideIcon\n                        target={useBlankLinks ? '_blank' : undefined}\n                      />{' '}\n                    </>\n                  );\n                }\n\n                const tagMention = tagMentions.find(m => word === m);\n                if (tagMention) {\n                  return (\n                    <TagChip\n                      tag={tagMention.slice(1)}\n                      style={{ marginBottom: 0 }}\n                      useHref={useBlankLinks}\n                      key={tagMention}\n                    />\n                  );\n                }\n\n                return <>{word} </>;\n              });\n            });\n\n            return <p>{formatted}</p>;\n          },\n          code(p: any) {\n            const { children, className, node, ...rest } = p;\n            const match = /language-(\\w+)/.exec(className || '');\n            const codeString = String(children).replace(/\\n$/, '');\n            return match ? (\n              <div className={classes.codeBlockContainer}>\n                <SyntaxHighlighter\n                  {...rest}\n                  PreTag=\"div\"\n                  language={match[1]}\n                  style={darkTheme ? a11yDark : a11yLight}\n                  showLineNumbers\n                >\n                  {codeString}\n                </SyntaxHighlighter>\n                <Tooltip title={t('code.aria')}>\n                  <IconButton\n                    aria-label={t('code.aria')}\n                    size=\"small\"\n                    className=\"copyCodeButton\"\n                    style={{\n                      position: 'absolute',\n                      top: 8,\n                      right: 8,\n                      zIndex: 2,\n                    }}\n                    onClick={() => copyCodeToClipboard(codeString)}\n                  >\n                    <FileCopyIcon fontSize=\"small\" />\n                  </IconButton>\n                </Tooltip>\n              </div>\n            ) : (\n              <code {...rest} className={className}>\n                {children}\n              </code>\n            );\n          },\n        }}\n      >\n        {content}\n      </MarkdownHooks>\n    </div>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"MarkdownRenderer.esm.js","sources":["../../../src/components/MarkdownRenderer/MarkdownRenderer.tsx"],"sourcesContent":["import {\n  Children,\n  createElement,\n  lazy,\n  PropsWithChildren,\n  useEffect,\n} from 'react';\nimport SyntaxHighlighter from 'react-syntax-highlighter';\nimport { MarkdownHooks } from 'react-markdown';\nimport {\n  a11yDark,\n  a11yLight,\n} from 'react-syntax-highlighter/dist/esm/styles/hljs';\nimport { IconButton, makeStyles, Tooltip, Typography } from '@material-ui/core';\nimport {\n  findEntityMentions,\n  findTagMentions,\n} from '@drodil/backstage-plugin-qeta-common';\nimport gfm from 'remark-gfm';\nimport rehypeSlug from 'rehype-slug';\nimport rehypeToc, { HeadingNode, TextNode } from '@jsdevtools/rehype-toc';\nimport { EntityRefLink } from '@backstage/plugin-catalog-react';\nimport { useIsDarkTheme } from '../../hooks/useIsDarkTheme';\nimport { BackstageOverrides } from '@backstage/core-components';\nimport LinkIcon from '@material-ui/icons/Link';\nimport FileCopyIcon from '@material-ui/icons/FileCopy';\nimport { alertApiRef, useApi } from '@backstage/core-plugin-api';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation';\nimport { Variant } from '@material-ui/core/styles/createTypography';\nimport GithubSlugger from 'github-slugger';\nimport { HtmlElementNode } from '@jsdevtools/rehype-toc/lib/types';\nimport { find } from 'unist-util-find';\nimport { useQetaContext } from '../QetaContext';\n\nconst TagChip = lazy(() =>\n  import('../TagsAndEntities/TagChip').then(m => ({ default: m.TagChip })),\n);\n\nconst slugger = new GithubSlugger();\n\nexport type QetaMarkdownContentClassKey =\n  | 'markdown'\n  | 'header'\n  | 'tocHeader'\n  | 'toc'\n  | 'tocList'\n  | 'tocListItem'\n  | 'tocLink';\n\nconst useStyles = makeStyles(\n  theme => {\n    const overrides = theme.overrides as BackstageOverrides;\n    return {\n      markdown: {\n        lineHeight: 1.75,\n        '& p': {\n          ...theme.typography?.body1,\n          margin: '0 0 1em 0',\n          wordBreak: 'break-word',\n        },\n        '& h1': {\n          ...theme.typography?.h1,\n          marginBottom: 2,\n          marginTop: '1.5em',\n        },\n        '& h2': {\n          ...theme.typography?.h2,\n          marginBottom: 2,\n          marginTop: '1.2em',\n        },\n        '& h3': {\n          ...theme.typography?.h3,\n          marginBottom: 2,\n          marginTop: '1em',\n        },\n        '& h4': {\n          ...theme.typography?.h4,\n          marginBottom: 2,\n          marginTop: '0.8em',\n        },\n        '& h5': {\n          ...theme.typography?.h5,\n          marginBottom: 2,\n          marginTop: '0.7em',\n        },\n        '& h6': {\n          ...theme.typography?.h6,\n          marginBottom: 2,\n          marginTop: '0.6em',\n        },\n        '& table': {\n          borderCollapse: 'collapse',\n          border: `1px solid ${theme.palette.border}`,\n        },\n        '& th, & td': {\n          border: `1px solid ${theme.palette.border}`,\n          padding: theme.spacing(1),\n        },\n        '& td': {\n          wordBreak: 'break-word',\n          overflow: 'hidden',\n          verticalAlign: 'middle',\n          lineHeight: '1',\n          margin: 0,\n          padding: theme.spacing(3, 2, 3, 2.5),\n          borderBottom: 0,\n        },\n        '& th': {\n          backgroundColor: theme.palette.background.paper,\n        },\n        '& tr': {\n          backgroundColor: theme.palette.background.paper,\n        },\n        '& tr:nth-child(odd)': {\n          backgroundColor: theme.palette.background.default,\n        },\n        '& a': {\n          color: theme.palette.link,\n        },\n        '& img': {\n          maxWidth: '100%',\n        },\n        '& code': {\n          fontFamily: 'Courier New,Courier,monospace',\n          fontStyle: 'normal',\n          overflowX: 'auto',\n        },\n        '& em': {\n          fontStyle: 'italic !important',\n        },\n        '& ol': {\n          listStyle: 'decimal',\n          marginLeft: '2em',\n          marginBottom: '1em',\n          marginTop: '1em',\n        },\n        '& ul': {\n          listStyle: 'disc',\n          marginLeft: '2em',\n          marginBottom: '1em',\n          marginTop: '1em',\n        },\n        '& blockquote': {\n          backgroundColor: theme.palette.background.paper,\n          border: `1px solid ${theme.palette.divider}`,\n          padding: '1em 1.5em',\n          margin: '1.5em 0',\n          color: theme.palette.text.secondary,\n          borderLeft: `4px solid ${theme.palette.divider}`,\n        },\n        '& li': {\n          marginTop: '0.5em',\n        },\n        '& *:first-child': {\n          marginTop: 0,\n        },\n        '& *:last-child': {\n          marginBottom: 0,\n        },\n        '& path': {\n          stroke: `${theme.palette.text.primary} !important`,\n        },\n        ...(overrides?.BackstageMarkdownContent ?? {}),\n      },\n      codeBlockContainer: {\n        position: 'relative',\n        '& .copyCodeButton': {\n          opacity: 0,\n          pointerEvents: 'none',\n          transition: 'opacity 0.2s',\n        },\n        '&:hover .copyCodeButton': {\n          opacity: 1,\n          pointerEvents: 'auto',\n        },\n      },\n      header: {\n        '& .anchor-link': {\n          display: 'none',\n          marginLeft: '0.5em',\n        },\n        '&:hover .anchor-link': {\n          display: 'inline-block',\n        },\n      },\n      tocHeader: {\n        marginTop: '0.5em',\n        marginBottom: 0,\n      },\n      toc: {\n        marginTop: '0.5em',\n        marginLeft: '0.2em',\n        paddingBottom: '1em',\n        borderBottom: `1px solid ${theme.palette.divider}`,\n      },\n      tocList: {\n        marginLeft: '0 !important',\n        marginTop: '0.5em !important',\n        paddingInlineStart: '1em',\n        counterReset: 'item',\n      },\n      tocListItem: {\n        display: 'block',\n        '&:before': {\n          content: 'counters(item, \".\") \" \"',\n          counterIncrement: 'item',\n        },\n      },\n      tocLink: {\n        color: theme.palette.link,\n      },\n    };\n  },\n  { name: 'QetaMarkdownContent' },\n);\n\nconst flatten = (text: string, child: any): string => {\n  if (!child) return text;\n\n  return typeof child === 'string'\n    ? text + child\n    : Children.toArray(child.props.children).reduce(flatten, text);\n};\n\nexport const MarkdownRenderer = (props: {\n  content: string;\n  className?: string;\n  showToc?: boolean;\n  useBlankLinks?: boolean;\n}) => {\n  const { content, className: mainClassName, showToc, useBlankLinks } = props;\n  const darkTheme = useIsDarkTheme();\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const classes = useStyles();\n  const alertApi = useApi(alertApiRef);\n  slugger.reset();\n\n  const copyToClipboard = (slug: string) => {\n    const url = new URL(window.location.href);\n    url.hash = `#${slug}`;\n    window.navigator.clipboard.writeText(url.toString());\n    alertApi.post({\n      message: t('link.copied'),\n      severity: 'info',\n      display: 'transient',\n    });\n  };\n\n  const copyCodeToClipboard = (code: string) => {\n    window.navigator.clipboard.writeText(code);\n    alertApi.post({\n      message: t('code.copied'),\n      severity: 'info',\n      display: 'transient',\n    });\n  };\n\n  const headingRenderer = (\n    hProps: PropsWithChildren<{ node: { tagName: string } }>,\n  ) => {\n    const { node, children } = hProps;\n    const childrenArray = Children.toArray(children);\n    const text = childrenArray.reduce(flatten, '');\n    const slug = slugger.slug(text);\n    const link = (\n      <Tooltip title={t('link.aria')}>\n        <IconButton\n          aria-label={t('link.aria')}\n          onClick={() => copyToClipboard(slug)}\n          size=\"small\"\n          className=\"anchor-link\"\n        >\n          <LinkIcon />\n        </IconButton>\n      </Tooltip>\n    );\n    return (\n      <>\n        {createElement(\n          Typography,\n          {\n            variant: node.tagName as Variant,\n            id: slug,\n            className: classes.header,\n          },\n          [children, link],\n        )}\n      </>\n    );\n  };\n\n  useEffect(() => {\n    if (!window.location.hash) {\n      return;\n    }\n\n    const id = window.location.hash.slice(1);\n    const element = document.getElementById(id);\n    if (element) {\n      element.scrollIntoView({ behavior: 'auto', block: 'start' });\n    }\n  }, []);\n\n  const extensions = useQetaContext();\n\n  const rehypePlugins: import('unified').PluggableList = [[rehypeSlug]];\n  if (showToc) {\n    rehypePlugins.push([\n      rehypeToc,\n      {\n        cssClasses: {\n          toc: classes.toc,\n          list: classes.tocList,\n          listItem: classes.tocListItem,\n          link: classes.tocLink,\n        },\n        customizeTOC: (toc: HtmlElementNode) => {\n          const listItems = find(toc, { tagName: 'li' });\n          if (!toc.children || !listItems) {\n            return false;\n          }\n          const tocHeader: TextNode = {\n            type: 'text',\n            value: t('markdown.toc'),\n          };\n          const heading: HeadingNode = {\n            type: 'element',\n            tagName: 'h3',\n            properties: {},\n            children: [tocHeader],\n          };\n\n          toc.children.unshift(heading);\n          return toc;\n        },\n      },\n    ]);\n  }\n\n  return (\n    <div className={`${classes.markdown} ${mainClassName ?? ''}`.trim()}>\n      <MarkdownHooks\n        remarkPlugins={[gfm, ...(extensions.remarkPlugins ?? [])]}\n        rehypePlugins={[...rehypePlugins, ...(extensions.rehypePlugins ?? [])]}\n        components={{\n          h1: (p: any) => headingRenderer(p),\n          h2: (p: any) => headingRenderer(p),\n          h3: (p: any) => headingRenderer(p),\n          h4: (p: any) => headingRenderer(p),\n          h5: (p: any) => headingRenderer(p),\n          h6: (p: any) => headingRenderer(p),\n          p: (p: any) => {\n            const { children } = p;\n            const arr = Children.toArray(children);\n            const formatted = arr.map((child: any) => {\n              if (typeof child !== 'string') {\n                return child;\n              }\n              const userMentions = findEntityMentions(child);\n              const tagMentions = findTagMentions(child);\n              if (userMentions.length === 0 && tagMentions.length === 0) {\n                return child;\n              }\n\n              return child.split(' ').map((word: string) => {\n                const userMention = userMentions.find(m => word === m);\n                if (userMention) {\n                  return (\n                    <>\n                      <EntityRefLink\n                        entityRef={userMention.slice(1)}\n                        hideIcon\n                        target={useBlankLinks ? '_blank' : undefined}\n                      />{' '}\n                    </>\n                  );\n                }\n\n                const tagMention = tagMentions.find(m => word === m);\n                if (tagMention) {\n                  return (\n                    <TagChip\n                      tag={tagMention.slice(1)}\n                      style={{ marginBottom: 0 }}\n                      useHref={useBlankLinks}\n                      key={tagMention}\n                    />\n                  );\n                }\n\n                return <>{word} </>;\n              });\n            });\n\n            return <p>{formatted}</p>;\n          },\n          code(p: any) {\n            const { children, className, node, ...rest } = p;\n            const match = /language-(\\w+)/.exec(className || '');\n            const codeString = String(children).replace(/\\n$/, '');\n            return match ? (\n              <div className={classes.codeBlockContainer}>\n                <SyntaxHighlighter\n                  {...rest}\n                  PreTag=\"div\"\n                  language={match[1]}\n                  style={darkTheme ? a11yDark : a11yLight}\n                  showLineNumbers\n                >\n                  {codeString}\n                </SyntaxHighlighter>\n                <Tooltip title={t('code.aria')}>\n                  <IconButton\n                    aria-label={t('code.aria')}\n                    size=\"small\"\n                    className=\"copyCodeButton\"\n                    style={{\n                      position: 'absolute',\n                      top: 8,\n                      right: 8,\n                      zIndex: 2,\n                    }}\n                    onClick={() => copyCodeToClipboard(codeString)}\n                  >\n                    <FileCopyIcon fontSize=\"small\" />\n                  </IconButton>\n                </Tooltip>\n              </div>\n            ) : (\n              <code {...rest} className={className}>\n                {children}\n              </code>\n            );\n          },\n        }}\n      >\n        {content}\n      </MarkdownHooks>\n    </div>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/Modals/DeleteModal.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"DeleteModal.esm.js","sources":["../../../src/components/Modals/DeleteModal.tsx"],"sourcesContent":["import {\n  AnswerResponse,\n  CollectionResponse,\n  PostResponse,\n  selectByPostType,\n  TagResponse,\n  isPost,\n  isCollection,\n  isTag,\n} from '@drodil/backstage-plugin-qeta-common';\nimport {\n  Backdrop,\n  Button,\n  Modal,\n  TextField,\n  Typography,\n} from '@material-ui/core';\nimport { Alert } from '@material-ui/lab';\nimport Delete from '@material-ui/icons/Delete';\nimport { useState } from 'react';\nimport { alertApiRef, useApi, useRouteRef } from '@backstage/core-plugin-api';\nimport { useNavigate } from 'react-router-dom';\nimport { qetaApiRef } from '../../api';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { ModalContent } from '../Utility/ModalContent';\nimport {\n  articlesRouteRef,\n  collectionsRouteRef,\n  linksRouteRef,\n  questionsRouteRef,\n  tagsRouteRef,\n} from '../../routes.ts';\n\nexport const DeleteModal = (props: {\n  entity: PostResponse | AnswerResponse | CollectionResponse | TagResponse;\n  open: boolean;\n  onClose: () => void;\n  question?: PostResponse;\n  onDelete?: (\n    entity: PostResponse | AnswerResponse | CollectionResponse | TagResponse,\n  ) => void;\n}) => {\n  const qetaApi = useApi(qetaApiRef);\n  const alertApi = useApi(alertApiRef);\n  const navigate = useNavigate();\n  const collectionsRoute = useRouteRef(collectionsRouteRef);\n  const tagsRoute = useRouteRef(tagsRouteRef);\n  const questionsRoute = useRouteRef(questionsRouteRef);\n  const articlesRoute = useRouteRef(articlesRouteRef);\n  const linksRoute = useRouteRef(linksRouteRef);\n  const { entity, open, question, onClose, onDelete } = props;\n  const [error, setError] = useState(false);\n  const [reason, setReason] = useState<undefined | string>(undefined);\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const isPostEntity = isPost(entity);\n  const isCollectionEntity = isCollection(entity);\n  const isTagEntity = isTag(entity);\n\n  const getTitle = () => {\n    if (isCollectionEntity) {\n      return t('deleteModal.title.collection');\n    }\n    if (isTagEntity) {\n      return t('deleteModal.title.tag');\n    }\n    if (isPostEntity) {\n      return t('deleteModal.title.question');\n    }\n    return t('deleteModal.title.answer');\n  };\n\n  // eslint-disable-next-line no-nested-ternary\n  const title = getTitle();\n\n  const handleDelete = () => {\n    if (isCollectionEntity) {\n      qetaApi\n        .deleteCollection(entity.id, reason)\n        .catch(_ => setError(true))\n        .then(ret => {\n          if (ret) {\n            onClose();\n            onDelete?.(entity);\n            alertApi.post({\n              message: t('deleteModal.collectionDeleted'),\n              severity: 'success',\n              display: 'transient',\n            });\n            navigate(collectionsRoute());\n          } else {\n            setError(true);\n          }\n        });\n    } else if (isTagEntity) {\n      qetaApi\n        .deleteTag(entity.id, reason)\n        .catch(_ => setError(true))\n        .then(ret => {\n          if (ret) {\n            onClose();\n            onDelete?.(entity);\n            alertApi.post({\n              message: t('deleteModal.tagDeleted'),\n              severity: 'success',\n              display: 'transient',\n            });\n            navigate(tagsRoute());\n          } else {\n            setError(true);\n          }\n        });\n    } else if (isPostEntity) {\n      qetaApi\n        .deletePost(entity.id, reason)\n        .catch(_ => setError(true))\n        .then(ret => {\n          if (ret) {\n            onClose();\n            onDelete?.(entity);\n            alertApi.post({\n              message: selectByPostType(\n                (entity as PostResponse).type,\n                t('deleteModal.questionDeleted'),\n                t('deleteModal.articleDeleted'),\n                t('deleteModal.linkDeleted'),\n              ),\n              severity: 'success',\n              display: 'transient',\n            });\n            navigate(\n              selectByPostType(\n                (entity as PostResponse).type,\n                questionsRoute(),\n                articlesRoute(),\n                linksRoute(),\n              ),\n            );\n          } else {\n            setError(true);\n          }\n        });\n    } else if (question) {\n      qetaApi\n        .deleteAnswer(question.id, entity.id, reason)\n        .catch(_ => setError(true))\n        .then(ret => {\n          if (ret) {\n            onClose();\n            onDelete?.(entity);\n            alertApi.post({\n              message: t('deleteModal.answerDeleted'),\n              severity: 'success',\n              display: 'transient',\n            });\n          } else {\n            setError(true);\n          }\n        });\n    }\n  };\n\n  return (\n    <Modal\n      open={open}\n      onClose={onClose}\n      className=\"qetaDeleteModal\"\n      aria-labelledby=\"modal-modal-title\"\n      aria-describedby=\"modal-modal-description\"\n      closeAfterTransition\n      BackdropComponent={Backdrop}\n      BackdropProps={{\n        timeout: 500,\n      }}\n      data-testid=\"delete-modal\"\n    >\n      <ModalContent>\n        {error && (\n          <Alert severity=\"error\">{t('deleteModal.errorDeleting')}</Alert>\n        )}\n        <Typography\n          id=\"modal-modal-title\"\n          className=\"qetaDeleteModalTitle\"\n          variant=\"h6\"\n          component=\"h2\"\n        >\n          {title}\n        </Typography>\n        <TextField\n          variant=\"outlined\"\n          multiline\n          style={{ marginTop: 16 }}\n          minRows={4}\n          label={t('deleteModal.reason')}\n          id=\"reason\"\n          fullWidth\n          value={reason}\n          InputLabelProps={{ shrink: true }}\n          onChange={e => {\n            setReason(e.target.value);\n          }}\n        />\n        <Button\n          onClick={handleDelete}\n          className=\"qetaDeleteModalDeleteBtn\"\n          startIcon={<Delete />}\n          color=\"secondary\"\n        >\n          {t('deleteModal.deleteButton')}\n        </Button>\n        <Button onClick={onClose} className=\"qetaDeleteModalCancelBtn\">\n          {t('deleteModal.cancelButton')}\n        </Button>\n      </ModalContent>\n    </Modal>\n  );\n};\n"],"names":["Delete"],"mappings":"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"}
+{"version":3,"file":"DeleteModal.esm.js","sources":["../../../src/components/Modals/DeleteModal.tsx"],"sourcesContent":["import {\n  AnswerResponse,\n  CollectionResponse,\n  PostResponse,\n  selectByPostType,\n  TagResponse,\n  isPost,\n  isCollection,\n  isTag,\n} from '@drodil/backstage-plugin-qeta-common';\nimport {\n  Backdrop,\n  Button,\n  Modal,\n  TextField,\n  Typography,\n} from '@material-ui/core';\nimport { Alert } from '@material-ui/lab';\nimport Delete from '@material-ui/icons/Delete';\nimport { useState } from 'react';\nimport { alertApiRef, useApi, useRouteRef } from '@backstage/core-plugin-api';\nimport { useNavigate } from 'react-router-dom';\nimport { qetaApiRef } from '../../api';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { ModalContent } from '../Utility/ModalContent';\nimport {\n  articlesRouteRef,\n  collectionsRouteRef,\n  linksRouteRef,\n  questionsRouteRef,\n  tagsRouteRef,\n} from '../../routes.ts';\n\nexport const DeleteModal = (props: {\n  entity: PostResponse | AnswerResponse | CollectionResponse | TagResponse;\n  open: boolean;\n  onClose: () => void;\n  question?: PostResponse;\n  onDelete?: (\n    entity: PostResponse | AnswerResponse | CollectionResponse | TagResponse,\n  ) => void;\n}) => {\n  const qetaApi = useApi(qetaApiRef);\n  const alertApi = useApi(alertApiRef);\n  const navigate = useNavigate();\n  const collectionsRoute = useRouteRef(collectionsRouteRef);\n  const tagsRoute = useRouteRef(tagsRouteRef);\n  const questionsRoute = useRouteRef(questionsRouteRef);\n  const articlesRoute = useRouteRef(articlesRouteRef);\n  const linksRoute = useRouteRef(linksRouteRef);\n  const { entity, open, question, onClose, onDelete } = props;\n  const [error, setError] = useState(false);\n  const [reason, setReason] = useState<undefined | string>(undefined);\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const isPostEntity = isPost(entity);\n  const isCollectionEntity = isCollection(entity);\n  const isTagEntity = isTag(entity);\n\n  const getTitle = () => {\n    if (isCollectionEntity) {\n      return t('deleteModal.title.collection');\n    }\n    if (isTagEntity) {\n      return t('deleteModal.title.tag');\n    }\n    if (isPostEntity) {\n      return t('deleteModal.title.question');\n    }\n    return t('deleteModal.title.answer');\n  };\n\n  // eslint-disable-next-line no-nested-ternary\n  const title = getTitle();\n\n  const handleDelete = () => {\n    if (isCollectionEntity) {\n      qetaApi\n        .deleteCollection(entity.id, reason)\n        .catch(_ => setError(true))\n        .then(ret => {\n          if (ret) {\n            onClose();\n            onDelete?.(entity);\n            alertApi.post({\n              message: t('deleteModal.collectionDeleted'),\n              severity: 'success',\n              display: 'transient',\n            });\n            navigate(collectionsRoute());\n          } else {\n            setError(true);\n          }\n        });\n    } else if (isTagEntity) {\n      qetaApi\n        .deleteTag(entity.id, reason)\n        .catch(_ => setError(true))\n        .then(ret => {\n          if (ret) {\n            onClose();\n            onDelete?.(entity);\n            alertApi.post({\n              message: t('deleteModal.tagDeleted'),\n              severity: 'success',\n              display: 'transient',\n            });\n            navigate(tagsRoute());\n          } else {\n            setError(true);\n          }\n        });\n    } else if (isPostEntity) {\n      qetaApi\n        .deletePost(entity.id, reason)\n        .catch(_ => setError(true))\n        .then(ret => {\n          if (ret) {\n            onClose();\n            onDelete?.(entity);\n            alertApi.post({\n              message: selectByPostType(\n                (entity as PostResponse).type,\n                t('deleteModal.questionDeleted'),\n                t('deleteModal.articleDeleted'),\n                t('deleteModal.linkDeleted'),\n              ),\n              severity: 'success',\n              display: 'transient',\n            });\n            navigate(\n              selectByPostType(\n                (entity as PostResponse).type,\n                questionsRoute(),\n                articlesRoute(),\n                linksRoute(),\n              ),\n            );\n          } else {\n            setError(true);\n          }\n        });\n    } else if (question) {\n      qetaApi\n        .deleteAnswer(question.id, entity.id, reason)\n        .catch(_ => setError(true))\n        .then(ret => {\n          if (ret) {\n            onClose();\n            onDelete?.(entity);\n            alertApi.post({\n              message: t('deleteModal.answerDeleted'),\n              severity: 'success',\n              display: 'transient',\n            });\n          } else {\n            setError(true);\n          }\n        });\n    }\n  };\n\n  return (\n    <Modal\n      open={open}\n      onClose={onClose}\n      className=\"qetaDeleteModal\"\n      aria-labelledby=\"modal-modal-title\"\n      aria-describedby=\"modal-modal-description\"\n      closeAfterTransition\n      BackdropComponent={Backdrop}\n      BackdropProps={{\n        timeout: 500,\n      }}\n      data-testid=\"delete-modal\"\n    >\n      <ModalContent>\n        {error && (\n          <Alert severity=\"error\">{t('deleteModal.errorDeleting')}</Alert>\n        )}\n        <Typography\n          id=\"modal-modal-title\"\n          className=\"qetaDeleteModalTitle\"\n          variant=\"h6\"\n          component=\"h2\"\n        >\n          {title}\n        </Typography>\n        <TextField\n          variant=\"outlined\"\n          multiline\n          style={{ marginTop: 16 }}\n          minRows={4}\n          label={t('deleteModal.reason')}\n          id=\"reason\"\n          fullWidth\n          value={reason}\n          InputLabelProps={{ shrink: true }}\n          onChange={e => {\n            setReason(e.target.value);\n          }}\n        />\n        <Button\n          onClick={handleDelete}\n          className=\"qetaDeleteModalDeleteBtn\"\n          startIcon={<Delete />}\n          color=\"secondary\"\n        >\n          {t('deleteModal.deleteButton')}\n        </Button>\n        <Button onClick={onClose} className=\"qetaDeleteModalCancelBtn\">\n          {t('deleteModal.cancelButton')}\n        </Button>\n      </ModalContent>\n    </Modal>\n  );\n};\n"],"names":["Delete"],"mappings":"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"}

package/dist/components/Modals/ObsoleteModal.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ObsoleteModal.esm.js","sources":["../../../src/components/Modals/ObsoleteModal.tsx"],"sourcesContent":["import { PostResponse } from '@drodil/backstage-plugin-qeta-common';\nimport {\n  Backdrop,\n  Button,\n  Modal,\n  TextField,\n  Typography,\n} from '@material-ui/core';\nimport { Alert } from '@material-ui/lab';\nimport BlockIcon from '@material-ui/icons/Block';\nimport { useState } from 'react';\nimport { alertApiRef, useApi } from '@backstage/core-plugin-api';\nimport { qetaApiRef } from '../../api';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { ModalContent } from '../Utility/ModalContent';\n\nexport const ObsoleteModal = (props: {\n  post: PostResponse;\n  open: boolean;\n  onClose: () => void;\n  onConfirm?: () => void;\n}) => {\n  const qetaApi = useApi(qetaApiRef);\n  const alertApi = useApi(alertApiRef);\n  const { post, open, onClose, onConfirm } = props;\n  const [error, setError] = useState(false);\n  const [comment, setComment] = useState<undefined | string>(undefined);\n  const { t } = useTranslationRef(qetaTranslationRef);\n\n  const handleMarkObsolete = () => {\n    qetaApi\n      .reviewPost(post.id, 'obsolete', comment)\n      .catch(_ => setError(true))\n      .then(ret => {\n        if (ret) {\n          onClose();\n          onConfirm?.();\n          alertApi.post({\n            message: t('obsoleteModal.success', {}),\n            severity: 'success',\n            display: 'transient',\n          });\n        } else {\n          setError(true);\n        }\n      });\n  };\n\n  return (\n    <Modal\n      open={open}\n      onClose={onClose}\n      className=\"qetaObsoleteModal\"\n      aria-labelledby=\"modal-modal-title\"\n      aria-describedby=\"modal-modal-description\"\n      closeAfterTransition\n      BackdropComponent={Backdrop}\n      BackdropProps={{\n        timeout: 500,\n      }}\n    >\n      <ModalContent>\n        {error && (\n          <Alert severity=\"error\">{t('obsoleteModal.errorMarking', {})}</Alert>\n        )}\n        <Typography\n          id=\"modal-modal-title\"\n          className=\"qetaObsoleteModalTitle\"\n          variant=\"h6\"\n          component=\"h2\"\n        >\n          {t('obsoleteModal.title', {})}\n        </Typography>\n        <Typography variant=\"body2\" style={{ marginTop: 8 }}>\n          {t('obsoleteModal.description', {})}\n        </Typography>\n        <TextField\n          variant=\"outlined\"\n          multiline\n          style={{ marginTop: 16 }}\n          minRows={4}\n          label={t('obsoleteModal.comment', {})}\n          id=\"comment\"\n          fullWidth\n          value={comment}\n          InputLabelProps={{ shrink: true }}\n          onChange={e => {\n            setComment(e.target.value);\n          }}\n        />\n        <Button\n          onClick={handleMarkObsolete}\n          className=\"qetaObsoleteModalConfirmBtn\"\n          startIcon={<BlockIcon />}\n          color=\"secondary\"\n        >\n          {t('obsoleteModal.confirmButton', {})}\n        </Button>\n        <Button onClick={onClose} className=\"qetaObsoleteModalCancelBtn\">\n          {t('obsoleteModal.cancelButton', {})}\n        </Button>\n      </ModalContent>\n    </Modal>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ObsoleteModal.esm.js","sources":["../../../src/components/Modals/ObsoleteModal.tsx"],"sourcesContent":["import { PostResponse } from '@drodil/backstage-plugin-qeta-common';\nimport {\n  Backdrop,\n  Button,\n  Modal,\n  TextField,\n  Typography,\n} from '@material-ui/core';\nimport { Alert } from '@material-ui/lab';\nimport BlockIcon from '@material-ui/icons/Block';\nimport { useState } from 'react';\nimport { alertApiRef, useApi } from '@backstage/core-plugin-api';\nimport { qetaApiRef } from '../../api';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { ModalContent } from '../Utility/ModalContent';\n\nexport const ObsoleteModal = (props: {\n  post: PostResponse;\n  open: boolean;\n  onClose: () => void;\n  onConfirm?: () => void;\n}) => {\n  const qetaApi = useApi(qetaApiRef);\n  const alertApi = useApi(alertApiRef);\n  const { post, open, onClose, onConfirm } = props;\n  const [error, setError] = useState(false);\n  const [comment, setComment] = useState<undefined | string>(undefined);\n  const { t } = useTranslationRef(qetaTranslationRef);\n\n  const handleMarkObsolete = () => {\n    qetaApi\n      .reviewPost(post.id, 'obsolete', comment)\n      .catch(_ => setError(true))\n      .then(ret => {\n        if (ret) {\n          onClose();\n          onConfirm?.();\n          alertApi.post({\n            message: t('obsoleteModal.success', {}),\n            severity: 'success',\n            display: 'transient',\n          });\n        } else {\n          setError(true);\n        }\n      });\n  };\n\n  return (\n    <Modal\n      open={open}\n      onClose={onClose}\n      className=\"qetaObsoleteModal\"\n      aria-labelledby=\"modal-modal-title\"\n      aria-describedby=\"modal-modal-description\"\n      closeAfterTransition\n      BackdropComponent={Backdrop}\n      BackdropProps={{\n        timeout: 500,\n      }}\n    >\n      <ModalContent>\n        {error && (\n          <Alert severity=\"error\">{t('obsoleteModal.errorMarking', {})}</Alert>\n        )}\n        <Typography\n          id=\"modal-modal-title\"\n          className=\"qetaObsoleteModalTitle\"\n          variant=\"h6\"\n          component=\"h2\"\n        >\n          {t('obsoleteModal.title', {})}\n        </Typography>\n        <Typography variant=\"body2\" style={{ marginTop: 8 }}>\n          {t('obsoleteModal.description', {})}\n        </Typography>\n        <TextField\n          variant=\"outlined\"\n          multiline\n          style={{ marginTop: 16 }}\n          minRows={4}\n          label={t('obsoleteModal.comment', {})}\n          id=\"comment\"\n          fullWidth\n          value={comment}\n          InputLabelProps={{ shrink: true }}\n          onChange={e => {\n            setComment(e.target.value);\n          }}\n        />\n        <Button\n          onClick={handleMarkObsolete}\n          className=\"qetaObsoleteModalConfirmBtn\"\n          startIcon={<BlockIcon />}\n          color=\"secondary\"\n        >\n          {t('obsoleteModal.confirmButton', {})}\n        </Button>\n        <Button onClick={onClose} className=\"qetaObsoleteModalCancelBtn\">\n          {t('obsoleteModal.cancelButton', {})}\n        </Button>\n      </ModalContent>\n    </Modal>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/Modals/ValidReviewModal.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ValidReviewModal.esm.js","sources":["../../../src/components/Modals/ValidReviewModal.tsx"],"sourcesContent":["import { PostResponse } from '@drodil/backstage-plugin-qeta-common';\nimport {\n  Backdrop,\n  Button,\n  Modal,\n  TextField,\n  Typography,\n} from '@material-ui/core';\nimport { Alert } from '@material-ui/lab';\nimport CheckIcon from '@material-ui/icons/Check';\nimport { useState } from 'react';\nimport { alertApiRef, useApi } from '@backstage/core-plugin-api';\nimport { qetaApiRef } from '../../api';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { ModalContent } from '../Utility/ModalContent';\n\nexport const ValidReviewModal = (props: {\n  post: PostResponse;\n  open: boolean;\n  onClose: () => void;\n  onConfirm?: () => void;\n}) => {\n  const qetaApi = useApi(qetaApiRef);\n  const alertApi = useApi(alertApiRef);\n  const { post, open, onClose, onConfirm } = props;\n  const [error, setError] = useState(false);\n  const [comment, setComment] = useState<undefined | string>(undefined);\n  const { t } = useTranslationRef(qetaTranslationRef);\n\n  const handleMarkValid = () => {\n    qetaApi\n      .reviewPost(post.id, 'valid', comment)\n      .catch(_ => setError(true))\n      .then(ret => {\n        if (ret) {\n          onClose();\n          onConfirm?.();\n          alertApi.post({\n            message: t('validReviewModal.success', {}),\n            severity: 'success',\n            display: 'transient',\n          });\n        } else {\n          setError(true);\n        }\n      });\n  };\n\n  return (\n    <Modal\n      open={open}\n      onClose={onClose}\n      className=\"qetaValidReviewModal\"\n      aria-labelledby=\"modal-modal-title\"\n      aria-describedby=\"modal-modal-description\"\n      closeAfterTransition\n      BackdropComponent={Backdrop}\n      BackdropProps={{\n        timeout: 500,\n      }}\n    >\n      <ModalContent>\n        {error && (\n          <Alert severity=\"error\">\n            {t('validReviewModal.errorMarking', {})}\n          </Alert>\n        )}\n        <Typography\n          id=\"modal-modal-title\"\n          className=\"qetaValidReviewModalTitle\"\n          variant=\"h6\"\n          component=\"h2\"\n        >\n          {t('validReviewModal.title', {})}\n        </Typography>\n        <Typography variant=\"body2\" style={{ marginTop: 8 }}>\n          {t('validReviewModal.description', {})}\n        </Typography>\n        <TextField\n          variant=\"outlined\"\n          multiline\n          style={{ marginTop: 16 }}\n          minRows={4}\n          label={t('validReviewModal.comment', {})}\n          id=\"comment\"\n          fullWidth\n          value={comment}\n          InputLabelProps={{ shrink: true }}\n          onChange={e => {\n            setComment(e.target.value);\n          }}\n        />\n        <Button\n          onClick={handleMarkValid}\n          className=\"qetaValidReviewModalConfirmBtn\"\n          startIcon={<CheckIcon />}\n          color=\"primary\"\n        >\n          {t('validReviewModal.confirmButton', {})}\n        </Button>\n        <Button onClick={onClose} className=\"qetaValidReviewModalCancelBtn\">\n          {t('validReviewModal.cancelButton', {})}\n        </Button>\n      </ModalContent>\n    </Modal>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ValidReviewModal.esm.js","sources":["../../../src/components/Modals/ValidReviewModal.tsx"],"sourcesContent":["import { PostResponse } from '@drodil/backstage-plugin-qeta-common';\nimport {\n  Backdrop,\n  Button,\n  Modal,\n  TextField,\n  Typography,\n} from '@material-ui/core';\nimport { Alert } from '@material-ui/lab';\nimport CheckIcon from '@material-ui/icons/Check';\nimport { useState } from 'react';\nimport { alertApiRef, useApi } from '@backstage/core-plugin-api';\nimport { qetaApiRef } from '../../api';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { ModalContent } from '../Utility/ModalContent';\n\nexport const ValidReviewModal = (props: {\n  post: PostResponse;\n  open: boolean;\n  onClose: () => void;\n  onConfirm?: () => void;\n}) => {\n  const qetaApi = useApi(qetaApiRef);\n  const alertApi = useApi(alertApiRef);\n  const { post, open, onClose, onConfirm } = props;\n  const [error, setError] = useState(false);\n  const [comment, setComment] = useState<undefined | string>(undefined);\n  const { t } = useTranslationRef(qetaTranslationRef);\n\n  const handleMarkValid = () => {\n    qetaApi\n      .reviewPost(post.id, 'valid', comment)\n      .catch(_ => setError(true))\n      .then(ret => {\n        if (ret) {\n          onClose();\n          onConfirm?.();\n          alertApi.post({\n            message: t('validReviewModal.success', {}),\n            severity: 'success',\n            display: 'transient',\n          });\n        } else {\n          setError(true);\n        }\n      });\n  };\n\n  return (\n    <Modal\n      open={open}\n      onClose={onClose}\n      className=\"qetaValidReviewModal\"\n      aria-labelledby=\"modal-modal-title\"\n      aria-describedby=\"modal-modal-description\"\n      closeAfterTransition\n      BackdropComponent={Backdrop}\n      BackdropProps={{\n        timeout: 500,\n      }}\n    >\n      <ModalContent>\n        {error && (\n          <Alert severity=\"error\">\n            {t('validReviewModal.errorMarking', {})}\n          </Alert>\n        )}\n        <Typography\n          id=\"modal-modal-title\"\n          className=\"qetaValidReviewModalTitle\"\n          variant=\"h6\"\n          component=\"h2\"\n        >\n          {t('validReviewModal.title', {})}\n        </Typography>\n        <Typography variant=\"body2\" style={{ marginTop: 8 }}>\n          {t('validReviewModal.description', {})}\n        </Typography>\n        <TextField\n          variant=\"outlined\"\n          multiline\n          style={{ marginTop: 16 }}\n          minRows={4}\n          label={t('validReviewModal.comment', {})}\n          id=\"comment\"\n          fullWidth\n          value={comment}\n          InputLabelProps={{ shrink: true }}\n          onChange={e => {\n            setComment(e.target.value);\n          }}\n        />\n        <Button\n          onClick={handleMarkValid}\n          className=\"qetaValidReviewModalConfirmBtn\"\n          startIcon={<CheckIcon />}\n          color=\"primary\"\n        >\n          {t('validReviewModal.confirmButton', {})}\n        </Button>\n        <Button onClick={onClose} className=\"qetaValidReviewModalCancelBtn\">\n          {t('validReviewModal.cancelButton', {})}\n        </Button>\n      </ModalContent>\n    </Modal>\n  );\n};\n"],"names":[],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"PostAnonymouslyCheckbox.esm.js","sources":["../../../src/components/PostAnonymouslyCheckbox/PostAnonymouslyCheckbox.tsx"],"sourcesContent":["import { Control, Controller } from 'react-hook-form';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { Box, Checkbox, FormControlLabel, Tooltip } from '@material-ui/core';\n\nexport const PostAnonymouslyCheckbox = (props: {\n  control: Control<any>;\n  disabled?: boolean;\n  label: string;\n}) => {\n  const { control, disabled, label } = props;\n  const { t } = useTranslationRef(qetaTranslationRef);\n  return (\n    <Box style={{ marginLeft: '0.2em' }}>\n      <Controller\n        control={control}\n        render={({ field: { onChange, value } }) => {\n          return (\n            <FormControlLabel\n              control={\n                <Tooltip title={t('anonymousCheckbox.tooltip')}>\n                  <Checkbox\n                    onChange={onChange}\n                    value={value}\n                    checked={value === true}\n                    size=\"small\"\n                    disabled={disabled}\n                    name=\"anonymous\"\n                    data-testid=\"post-anonymously-checkbox\"\n                  />\n                </Tooltip>\n              }\n              label={label}\n            />\n          );\n        }}\n        name=\"anonymous\"\n      />\n    </Box>\n  );\n};\n"],"names":[],"mappings":";;;;;;AAKa,MAAA,uBAAA,GAA0B,CAAC,KAIlC,KAAA;AACJ,EAAA,MAAM,EAAE,OAAA,EAAS,QAAU,EAAA,KAAA,EAAU,GAAA,KAAA;AACrC,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,kBAAkB,CAAA;AAClD,EAAA,2BACG,GAAI,EAAA,EAAA,KAAA,EAAO,EAAE,UAAA,EAAY,SACxB,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,OAAA;AAAA,MACA,MAAA,EAAQ,CAAC,EAAE,KAAA,EAAO,EAAE,QAAU,EAAA,KAAA,IAAc,KAAA;AAC1C,QACE,uBAAA,GAAA;AAAA,UAAC,gBAAA;AAAA,UAAA;AAAA,YACC,yBACG,GAAA,CAAA,OAAA,EAAA,EAAQ,KAAO,EAAA,CAAA,CAAE,2BAA2B,CAC3C,EAAA,QAAA,kBAAA,GAAA;AAAA,cAAC,QAAA;AAAA,cAAA;AAAA,gBACC,QAAA;AAAA,gBACA,KAAA;AAAA,gBACA,SAAS,KAAU,KAAA,IAAA;AAAA,gBACnB,IAAK,EAAA,OAAA;AAAA,gBACL,QAAA;AAAA,gBACA,IAAK,EAAA,WAAA;AAAA,gBACL,aAAY,EAAA;AAAA;AAAA,aAEhB,EAAA,CAAA;AAAA,YAEF;AAAA;AAAA,SACF;AAAA,OAEJ;AAAA,MACA,IAAK,EAAA;AAAA;AAAA,GAET,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"PostAnonymouslyCheckbox.esm.js","sources":["../../../src/components/PostAnonymouslyCheckbox/PostAnonymouslyCheckbox.tsx"],"sourcesContent":["import { Control, Controller } from 'react-hook-form';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { Box, Checkbox, FormControlLabel, Tooltip } from '@material-ui/core';\n\nexport const PostAnonymouslyCheckbox = (props: {\n  control: Control<any>;\n  disabled?: boolean;\n  label: string;\n}) => {\n  const { control, disabled, label } = props;\n  const { t } = useTranslationRef(qetaTranslationRef);\n  return (\n    <Box style={{ marginLeft: '0.2em' }}>\n      <Controller\n        control={control}\n        render={({ field: { onChange, value } }) => {\n          return (\n            <FormControlLabel\n              control={\n                <Tooltip title={t('anonymousCheckbox.tooltip')}>\n                  <Checkbox\n                    onChange={onChange}\n                    value={value}\n                    checked={value === true}\n                    size=\"small\"\n                    disabled={disabled}\n                    name=\"anonymous\"\n                    data-testid=\"post-anonymously-checkbox\"\n                  />\n                </Tooltip>\n              }\n              label={label}\n            />\n          );\n        }}\n        name=\"anonymous\"\n      />\n    </Box>\n  );\n};\n"],"names":[],"mappings":";;;;;;AAKO,MAAM,uBAAA,GAA0B,CAAC,KAAA,KAIlC;AACJ,EAAA,MAAM,EAAE,OAAA,EAAS,QAAA,EAAU,KAAA,EAAM,GAAI,KAAA;AACrC,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,iBAAA,CAAkB,kBAAkB,CAAA;AAClD,EAAA,2BACG,GAAA,EAAA,EAAI,KAAA,EAAO,EAAE,UAAA,EAAY,SAAQ,EAChC,QAAA,kBAAA,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,OAAA;AAAA,MACA,MAAA,EAAQ,CAAC,EAAE,KAAA,EAAO,EAAE,QAAA,EAAU,KAAA,IAAQ,KAAM;AAC1C,QAAA,uBACE,GAAA;AAAA,UAAC,gBAAA;AAAA,UAAA;AAAA,YACC,yBACE,GAAA,CAAC,OAAA,EAAA,EAAQ,KAAA,EAAO,CAAA,CAAE,2BAA2B,CAAA,EAC3C,QAAA,kBAAA,GAAA;AAAA,cAAC,QAAA;AAAA,cAAA;AAAA,gBACC,QAAA;AAAA,gBACA,KAAA;AAAA,gBACA,SAAS,KAAA,KAAU,IAAA;AAAA,gBACnB,IAAA,EAAK,OAAA;AAAA,gBACL,QAAA;AAAA,gBACA,IAAA,EAAK,WAAA;AAAA,gBACL,aAAA,EAAY;AAAA;AAAA,aACd,EACF,CAAA;AAAA,YAEF;AAAA;AAAA,SACF;AAAA,MAEJ,CAAA;AAAA,MACA,IAAA,EAAK;AAAA;AAAA,GACP,EACF,CAAA;AAEJ;;;;"}

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

@@ -1,6 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
 import { VariableSizeList } from 'react-window';
-import { createContext, forwardRef, useContext, Children, cloneElement, useRef, useEffect, isValidElement } from 'react';
+import { createContext, forwardRef, useContext, Children, useRef, useEffect, cloneElement, isValidElement } from 'react';
 import { useTheme, useMediaQuery, ListSubheader } from '@material-ui/core';
 
 const LISTBOX_PADDING = 8;

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

@@ -1 +1 @@
-{"version":3,"file":"AutocompleteListComponent.esm.js","sources":["../../../src/components/PostForm/AutocompleteListComponent.tsx"],"sourcesContent":["import { ListChildComponentProps, VariableSizeList } from 'react-window';\nimport {\n  HTMLAttributes,\n  ReactNode,\n  cloneElement,\n  createContext,\n  forwardRef,\n  useContext,\n  useRef,\n  useEffect,\n  Children,\n  isValidElement,\n} from 'react';\nimport { ListSubheader, useMediaQuery, useTheme } from '@material-ui/core';\nimport { AutocompleteRenderGroupParams } from '@material-ui/lab';\n\nconst LISTBOX_PADDING = 8; // px\n\nfunction renderRow(props: ListChildComponentProps) {\n  const { data, index, style } = props;\n  return cloneElement(data[index], {\n    style: {\n      ...style,\n      top: (style.top as number) + LISTBOX_PADDING,\n    },\n  });\n}\n\nconst OuterElementContext = createContext({});\n\nconst OuterElementType = forwardRef<HTMLDivElement>((props, ref) => {\n  const outerProps = useContext(OuterElementContext);\n  return <div ref={ref} {...props} {...outerProps} />;\n});\n\nfunction useResetCache(data: any) {\n  const ref = useRef<VariableSizeList>(null);\n  useEffect(() => {\n    if (ref.current !== null) {\n      ref.current.resetAfterIndex(0, true);\n    }\n  }, [data]);\n  return ref;\n}\n\nexport const renderGroup = (params: AutocompleteRenderGroupParams) => [\n  <ListSubheader key={params.key} component=\"div\">\n    {params.group}\n  </ListSubheader>,\n  params.children,\n];\n\nexport const AutocompleteListboxComponent = forwardRef<HTMLDivElement>(\n  function ListboxComponent(props: HTMLAttributes<HTMLDivElement>, ref) {\n    const { children, ...other } = props;\n    const itemData = Children.toArray(children);\n    const theme = useTheme();\n    const smUp = useMediaQuery(theme.breakpoints.up('sm'), { noSsr: true });\n    const itemCount = itemData.length;\n    const itemSize = smUp ? 36 : 48;\n\n    const getChildSize = (child: ReactNode) => {\n      if (isValidElement(child) && child.type === ListSubheader) {\n        return 48;\n      }\n\n      return itemSize;\n    };\n\n    const getHeight = () => {\n      if (itemCount > 8) {\n        return 8 * itemSize;\n      }\n      return itemData.map(getChildSize).reduce((a, b) => a + b, 0);\n    };\n\n    const gridRef = useResetCache(itemCount);\n\n    return (\n      <div ref={ref}>\n        <OuterElementContext.Provider value={other}>\n          <VariableSizeList\n            itemData={itemData}\n            height={getHeight() + 2 * LISTBOX_PADDING}\n            width=\"100%\"\n            style={{\n              textWrap: 'nowrap',\n              whiteSpace: 'nowrap',\n              overflowX: 'hidden',\n            }}\n            ref={gridRef}\n            outerElementType={OuterElementType}\n            innerElementType=\"ul\"\n            itemSize={index => getChildSize(itemData[index])}\n            overscanCount={5}\n            itemCount={itemCount}\n          >\n            {renderRow}\n          </VariableSizeList>\n        </OuterElementContext.Provider>\n      </div>\n    );\n  },\n);\n"],"names":[],"mappings":";;;;;AAgBA,MAAM,eAAkB,GAAA,CAAA;AAExB,SAAS,UAAU,KAAgC,EAAA;AACjD,EAAA,MAAM,EAAE,IAAA,EAAM,KAAO,EAAA,KAAA,EAAU,GAAA,KAAA;AAC/B,EAAO,OAAA,YAAA,CAAa,IAAK,CAAA,KAAK,CAAG,EAAA;AAAA,IAC/B,KAAO,EAAA;AAAA,MACL,GAAG,KAAA;AAAA,MACH,GAAA,EAAM,MAAM,GAAiB,GAAA;AAAA;AAC/B,GACD,CAAA;AACH;AAEA,MAAM,mBAAA,GAAsB,aAAc,CAAA,EAAE,CAAA;AAE5C,MAAM,gBAAmB,GAAA,UAAA,CAA2B,CAAC,KAAA,EAAO,GAAQ,KAAA;AAClE,EAAM,MAAA,UAAA,GAAa,WAAW,mBAAmB,CAAA;AACjD,EAAA,2BAAQ,KAAI,EAAA,EAAA,GAAA,EAAW,GAAG,KAAA,EAAQ,GAAG,UAAY,EAAA,CAAA;AACnD,CAAC,CAAA;AAED,SAAS,cAAc,IAAW,EAAA;AAChC,EAAM,MAAA,GAAA,GAAM,OAAyB,IAAI,CAAA;AACzC,EAAA,SAAA,CAAU,MAAM;AACd,IAAI,IAAA,GAAA,CAAI,YAAY,IAAM,EAAA;AACxB,MAAI,GAAA,CAAA,OAAA,CAAQ,eAAgB,CAAA,CAAA,EAAG,IAAI,CAAA;AAAA;AACrC,GACF,EAAG,CAAC,IAAI,CAAC,CAAA;AACT,EAAO,OAAA,GAAA;AACT;AAEa,MAAA,WAAA,GAAc,CAAC,MAA0C,KAAA;AAAA,sBACnE,aAA+B,EAAA,EAAA,SAAA,EAAU,OACvC,QAAO,EAAA,MAAA,CAAA,KAAA,EAAA,EADU,OAAO,GAE3B,CAAA;AAAA,EACA,MAAO,CAAA;AACT;AAEO,MAAM,4BAA+B,GAAA,UAAA;AAAA,EAC1C,SAAS,gBAAiB,CAAA,KAAA,EAAuC,GAAK,EAAA;AACpE,IAAA,MAAM,EAAE,QAAA,EAAU,GAAG,KAAA,EAAU,GAAA,KAAA;AAC/B,IAAM,MAAA,QAAA,GAAW,QAAS,CAAA,OAAA,CAAQ,QAAQ,CAAA;AAC1C,IAAA,MAAM,QAAQ,QAAS,EAAA;AACvB,IAAM,MAAA,IAAA,GAAO,aAAc,CAAA,KAAA,CAAM,WAAY,CAAA,EAAA,CAAG,IAAI,CAAG,EAAA,EAAE,KAAO,EAAA,IAAA,EAAM,CAAA;AACtE,IAAA,MAAM,YAAY,QAAS,CAAA,MAAA;AAC3B,IAAM,MAAA,QAAA,GAAW,OAAO,EAAK,GAAA,EAAA;AAE7B,IAAM,MAAA,YAAA,GAAe,CAAC,KAAqB,KAAA;AACzC,MAAA,IAAI,cAAe,CAAA,KAAK,CAAK,IAAA,KAAA,CAAM,SAAS,aAAe,EAAA;AACzD,QAAO,OAAA,EAAA;AAAA;AAGT,MAAO,OAAA,QAAA;AAAA,KACT;AAEA,IAAA,MAAM,YAAY,MAAM;AACtB,MAAA,IAAI,YAAY,CAAG,EAAA;AACjB,QAAA,OAAO,CAAI,GAAA,QAAA;AAAA;AAEb,MAAO,OAAA,QAAA,CAAS,GAAI,CAAA,YAAY,CAAE,CAAA,MAAA,CAAO,CAAC,CAAG,EAAA,CAAA,KAAM,CAAI,GAAA,CAAA,EAAG,CAAC,CAAA;AAAA,KAC7D;AAEA,IAAM,MAAA,OAAA,GAAU,cAAc,SAAS,CAAA;AAEvC,IACE,uBAAA,GAAA,CAAC,SAAI,GACH,EAAA,QAAA,kBAAA,GAAA,CAAC,oBAAoB,QAApB,EAAA,EAA6B,OAAO,KACnC,EAAA,QAAA,kBAAA,GAAA;AAAA,MAAC,gBAAA;AAAA,MAAA;AAAA,QACC,QAAA;AAAA,QACA,MAAA,EAAQ,SAAU,EAAA,GAAI,CAAI,GAAA,eAAA;AAAA,QAC1B,KAAM,EAAA,MAAA;AAAA,QACN,KAAO,EAAA;AAAA,UACL,QAAU,EAAA,QAAA;AAAA,UACV,UAAY,EAAA,QAAA;AAAA,UACZ,SAAW,EAAA;AAAA,SACb;AAAA,QACA,GAAK,EAAA,OAAA;AAAA,QACL,gBAAkB,EAAA,gBAAA;AAAA,QAClB,gBAAiB,EAAA,IAAA;AAAA,QACjB,QAAU,EAAA,CAAA,KAAA,KAAS,YAAa,CAAA,QAAA,CAAS,KAAK,CAAC,CAAA;AAAA,QAC/C,aAAe,EAAA,CAAA;AAAA,QACf,SAAA;AAAA,QAEC,QAAA,EAAA;AAAA;AAAA,OAEL,CACF,EAAA,CAAA;AAAA;AAGN;;;;"}
+{"version":3,"file":"AutocompleteListComponent.esm.js","sources":["../../../src/components/PostForm/AutocompleteListComponent.tsx"],"sourcesContent":["import { ListChildComponentProps, VariableSizeList } from 'react-window';\nimport {\n  HTMLAttributes,\n  ReactNode,\n  cloneElement,\n  createContext,\n  forwardRef,\n  useContext,\n  useRef,\n  useEffect,\n  Children,\n  isValidElement,\n} from 'react';\nimport { ListSubheader, useMediaQuery, useTheme } from '@material-ui/core';\nimport { AutocompleteRenderGroupParams } from '@material-ui/lab';\n\nconst LISTBOX_PADDING = 8; // px\n\nfunction renderRow(props: ListChildComponentProps) {\n  const { data, index, style } = props;\n  return cloneElement(data[index], {\n    style: {\n      ...style,\n      top: (style.top as number) + LISTBOX_PADDING,\n    },\n  });\n}\n\nconst OuterElementContext = createContext({});\n\nconst OuterElementType = forwardRef<HTMLDivElement>((props, ref) => {\n  const outerProps = useContext(OuterElementContext);\n  return <div ref={ref} {...props} {...outerProps} />;\n});\n\nfunction useResetCache(data: any) {\n  const ref = useRef<VariableSizeList>(null);\n  useEffect(() => {\n    if (ref.current !== null) {\n      ref.current.resetAfterIndex(0, true);\n    }\n  }, [data]);\n  return ref;\n}\n\nexport const renderGroup = (params: AutocompleteRenderGroupParams) => [\n  <ListSubheader key={params.key} component=\"div\">\n    {params.group}\n  </ListSubheader>,\n  params.children,\n];\n\nexport const AutocompleteListboxComponent = forwardRef<HTMLDivElement>(\n  function ListboxComponent(props: HTMLAttributes<HTMLDivElement>, ref) {\n    const { children, ...other } = props;\n    const itemData = Children.toArray(children);\n    const theme = useTheme();\n    const smUp = useMediaQuery(theme.breakpoints.up('sm'), { noSsr: true });\n    const itemCount = itemData.length;\n    const itemSize = smUp ? 36 : 48;\n\n    const getChildSize = (child: ReactNode) => {\n      if (isValidElement(child) && child.type === ListSubheader) {\n        return 48;\n      }\n\n      return itemSize;\n    };\n\n    const getHeight = () => {\n      if (itemCount > 8) {\n        return 8 * itemSize;\n      }\n      return itemData.map(getChildSize).reduce((a, b) => a + b, 0);\n    };\n\n    const gridRef = useResetCache(itemCount);\n\n    return (\n      <div ref={ref}>\n        <OuterElementContext.Provider value={other}>\n          <VariableSizeList\n            itemData={itemData}\n            height={getHeight() + 2 * LISTBOX_PADDING}\n            width=\"100%\"\n            style={{\n              textWrap: 'nowrap',\n              whiteSpace: 'nowrap',\n              overflowX: 'hidden',\n            }}\n            ref={gridRef}\n            outerElementType={OuterElementType}\n            innerElementType=\"ul\"\n            itemSize={index => getChildSize(itemData[index])}\n            overscanCount={5}\n            itemCount={itemCount}\n          >\n            {renderRow}\n          </VariableSizeList>\n        </OuterElementContext.Provider>\n      </div>\n    );\n  },\n);\n"],"names":[],"mappings":"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"}

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

@@ -2,7 +2,7 @@ import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { Autocomplete } from '@material-ui/lab';
 import { getEntityTitle, getEntityDescription } from '../../utils/utils.esm.js';
 import { stringifyEntityRef } from '@backstage/catalog-model';
-import { Box, Tooltip, Typography, TextField, CircularProgress, Chip } from '@material-ui/core';
+import { Box, TextField, CircularProgress, Tooltip, Typography, Chip } from '@material-ui/core';
 import { forwardRef, useState, useMemo, useCallback } from 'react';
 import { useApi, configApiRef } from '@backstage/core-plugin-api';
 import { catalogApiRef } from '@backstage/plugin-catalog-react';
@@ -10,7 +10,7 @@ import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
 import { qetaTranslationRef } from '../../translation.esm.js';
 import { qetaApiRef } from '../../api.esm.js';
 import { compact } from 'lodash';
-import { renderGroup, AutocompleteListboxComponent } from './AutocompleteListComponent.esm.js';
+import { AutocompleteListboxComponent, renderGroup } from './AutocompleteListComponent.esm.js';
 import { getSupportedEntityKinds } from '@drodil/backstage-plugin-qeta-common';
 import { useDebounce } from 'react-use';
 
@@ -99,10 +99,7 @@ const EntitiesInput = forwardRef(
           const entities = await catalogApi.getEntities({
             filter: { kind: entityKinds },
             fields: CATALOG_FIELDS,
-            order: [
-              { field: "kind", order: "asc" },
-              { field: "metadata.title", order: "asc" }
-            ]
+            order: { field: "kind", order: "asc" }
           });
           setLoading(false);
           setAvailableEntities(entities ? entities.items : null);

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

@@ -1 +1 @@
-{"version":3,"file":"EntitiesInput.esm.js","sources":["../../../src/components/PostForm/EntitiesInput.tsx"],"sourcesContent":["import { Autocomplete } from '@material-ui/lab';\nimport { getEntityDescription, getEntityTitle } from '../../utils/utils';\nimport { Entity, stringifyEntityRef } from '@backstage/catalog-model';\nimport {\n  Box,\n  Chip,\n  CircularProgress,\n  TextField,\n  Tooltip,\n  Typography,\n} from '@material-ui/core';\nimport {\n  ComponentType,\n  CSSProperties,\n  forwardRef,\n  HTMLAttributes,\n  useCallback,\n  useMemo,\n  useState,\n} from 'react';\nimport { configApiRef, useApi } from '@backstage/core-plugin-api';\nimport { catalogApiRef } from '@backstage/plugin-catalog-react';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { qetaApiRef } from '../../api';\nimport { compact } from 'lodash';\nimport {\n  AutocompleteListboxComponent,\n  renderGroup,\n} from './AutocompleteListComponent';\nimport { AutocompleteProps } from '@material-ui/lab/Autocomplete/Autocomplete';\nimport { FieldError } from 'react-hook-form';\nimport { getSupportedEntityKinds } from '@drodil/backstage-plugin-qeta-common';\nimport { useDebounce } from 'react-use';\n\ntype CommonEntitiesInputProps = {\n  singleValue?: string;\n  required?: boolean;\n  useOnlyUsedEntities?: boolean;\n  hideHelpText?: boolean;\n  style?: CSSProperties;\n  disabled?: boolean;\n  kind?: string[];\n  maximum?: number | null;\n  error?: FieldError;\n  label?: string;\n  name?: string;\n  placeholder?: string;\n  autocompleteProps?: AutocompleteProps<any, any, any, any>;\n  onChange: (value: any) => void;\n  title?: string;\n  content?: string;\n  tags?: string[];\n};\ntype SingleEntitiesInputValue = CommonEntitiesInputProps & {\n  multiple: false;\n  value?: Entity | null;\n  onChange: (value: Entity) => void;\n};\n\ntype MultipleEntitiesInputValue = CommonEntitiesInputProps & {\n  multiple?: true;\n  value?: Entity[];\n  onChange: (value: Entity[]) => void;\n};\n\nexport type EntitiesInputProps =\n  | SingleEntitiesInputValue\n  | MultipleEntitiesInputValue;\n\nconst CATALOG_FIELDS = [\n  'kind',\n  'metadata.name',\n  'metadata.namespace',\n  'metadata.title',\n  'metadata.description',\n  'spec.type',\n  'spec.profile.displayName',\n  'spec.profile.email',\n];\n\nexport const EntitiesInput = forwardRef<any, EntitiesInputProps>(\n  (props, _ref) => {\n    const {\n      value,\n      singleValue,\n      onChange,\n      multiple = true,\n      required = false,\n      useOnlyUsedEntities = false,\n      hideHelpText = false,\n      style,\n      disabled,\n      kind,\n      error,\n      maximum,\n      label,\n      name = 'entities',\n      placeholder,\n      autocompleteProps,\n      title,\n      content,\n      tags,\n    } = props;\n\n    const configApi = useApi(configApiRef);\n    const catalogApi = useApi(catalogApiRef);\n    const qetaApi = useApi(qetaApiRef);\n    const [availableEntities, setAvailableEntities] = useState<Entity[] | null>(\n      [],\n    );\n    const [loading, setLoading] = useState(false);\n    const [open, setOpen] = useState(false);\n    const { t } = useTranslationRef(qetaTranslationRef);\n    const [suggestedEntities, setSuggestedEntities] = useState<Entity[]>([]);\n    const [, setLoadingSuggestions] = useState(false);\n\n    const entityKinds: string[] = useMemo(() => {\n      if (kind) {\n        return kind;\n      }\n      return getSupportedEntityKinds(configApi);\n    }, [configApi, kind]);\n    const max = useMemo(() => {\n      if (maximum) {\n        return maximum;\n      }\n      return configApi.getOptionalNumber('qeta.entities.max') ?? 3;\n    }, [configApi, maximum]);\n\n    const handleOpen = useCallback(() => {\n      setOpen(true);\n      (async () => {\n        setLoading(true);\n        if (singleValue) {\n          const entity = await catalogApi.getEntityByRef(singleValue);\n          setLoading(false);\n          setAvailableEntities(entity ? [entity] : null);\n          return;\n        }\n\n        if (useOnlyUsedEntities) {\n          const qetaEntities = await qetaApi.getEntities();\n          const refs = qetaEntities.entities.map(r => r.entityRef);\n          const catalogData = await catalogApi.getEntitiesByRefs({\n            entityRefs: refs,\n            fields: CATALOG_FIELDS,\n          });\n          setLoading(false);\n          setAvailableEntities(\n            catalogData\n              ? compact(catalogData.items).sort((a, b) =>\n                  getEntityTitle(a).localeCompare(getEntityTitle(b)),\n                )\n              : null,\n          );\n          return;\n        }\n\n        if (entityKinds && entityKinds.length > 0) {\n          const entities = await catalogApi.getEntities({\n            filter: { kind: entityKinds },\n            fields: CATALOG_FIELDS,\n            order: [\n              { field: 'kind', order: 'asc' },\n              { field: 'metadata.title', order: 'asc' },\n            ],\n          });\n          setLoading(false);\n          setAvailableEntities(entities ? entities.items : null);\n          return;\n        }\n        setLoading(false);\n        setAvailableEntities(null);\n      })();\n    }, [singleValue, useOnlyUsedEntities, entityKinds, catalogApi, qetaApi]);\n\n    const usedValue = useMemo(() => {\n      if (!value) {\n        return multiple ? [] : null;\n      }\n      return value;\n    }, [value, multiple]);\n\n    useDebounce(\n      () => {\n        if (title && content) {\n          setLoadingSuggestions(true);\n          qetaApi\n            .getEntitySuggestions({\n              title,\n              content,\n              tags,\n              entities: [value ?? []].flat().map(stringifyEntityRef),\n              limit: 5,\n            })\n            .then(response => {\n              setSuggestedEntities(response.entities);\n            })\n            .catch(() => {\n              // Ignore errors\n            })\n            .finally(() => {\n              setLoadingSuggestions(false);\n            });\n        }\n      },\n      2000,\n      [title, content, qetaApi],\n    );\n\n    const handleSuggestedEntityClick = (entity: Entity) => {\n      const values = [value ?? []].flat();\n      if (values && values.length < max && !values.includes(entity)) {\n        onChange([...values, entity]);\n      }\n    };\n\n    if (!availableEntities) {\n      return null;\n    }\n\n    return (\n      <Box>\n        <Autocomplete\n          multiple={multiple}\n          autoHighlight\n          autoComplete\n          className=\"qetaEntitiesInput\"\n          value={usedValue}\n          disabled={disabled}\n          loading={loading}\n          loadingText={t('common.loading')}\n          groupBy={entityKinds.length > 1 ? option => option.kind : undefined}\n          renderGroup={renderGroup}\n          handleHomeEndKeys\n          open={open}\n          onOpen={handleOpen}\n          onClose={() => setOpen(false)}\n          options={availableEntities}\n          getOptionLabel={getEntityTitle}\n          ListboxComponent={\n            AutocompleteListboxComponent as ComponentType<\n              HTMLAttributes<HTMLElement>\n            >\n          }\n          disableListWrap\n          style={style}\n          getOptionSelected={(o, v) =>\n            stringifyEntityRef(o) === stringifyEntityRef(v)\n          }\n          onChange={(_e, newValue) => {\n            if (multiple) {\n              if (!newValue) {\n                onChange([]);\n                return;\n              }\n              const val = Array.isArray(newValue) ? newValue : [newValue];\n              if (max === null || val.length <= max) {\n                onChange(val.filter(v => typeof v !== 'string'));\n              }\n            } else {\n              if (!newValue) {\n                return;\n              }\n              onChange(newValue as Entity);\n            }\n          }}\n          renderOption={(option: Entity) => {\n            const stringified = stringifyEntityRef(option);\n            return (\n              <span key={stringified}>\n                <Tooltip\n                  arrow\n                  placement=\"right\"\n                  title={\n                    <>\n                      <Typography>{getEntityTitle(option)}</Typography>\n                      <Typography variant=\"caption\">\n                        {getEntityDescription(option)}\n                      </Typography>\n                    </>\n                  }\n                >\n                  <span>{getEntityTitle(option, { withType: false })}</span>\n                </Tooltip>\n              </span>\n            );\n          }}\n          renderInput={params => {\n            let helperText = '';\n            if (!hideHelpText) {\n              if (error && error.message) {\n                helperText = error.message;\n              } else {\n                helperText = t('entitiesInput.helperText', {\n                  max: max.toString(),\n                });\n              }\n            }\n\n            return (\n              <TextField\n                {...params}\n                variant=\"outlined\"\n                margin=\"normal\"\n                required={required}\n                label={label || t('entitiesInput.label')}\n                placeholder={placeholder || t('entitiesInput.placeholder')}\n                helperText={helperText}\n                name={name}\n                FormHelperTextProps={{\n                  style: { marginLeft: '0.2em' },\n                }}\n                InputProps={{\n                  ...params.InputProps,\n                  endAdornment: (\n                    <>\n                      {loading ? (\n                        <CircularProgress color=\"inherit\" size={20} />\n                      ) : null}\n                      {params.InputProps.endAdornment}\n                    </>\n                  ),\n                }}\n                error={error !== undefined}\n              />\n            );\n          }}\n          {...autocompleteProps}\n        />\n        {suggestedEntities?.length > 0 && (\n          <Box style={{ marginLeft: '4px' }}>\n            <Typography variant=\"caption\" color=\"textSecondary\">\n              {t('entitiesInput.suggestedEntities')}\n            </Typography>\n            <Box mt={0.5}>\n              {suggestedEntities.map(entity => (\n                <Chip\n                  key={stringifyEntityRef(entity)}\n                  label={getEntityTitle(entity)}\n                  size=\"small\"\n                  onClick={() => handleSuggestedEntityClick(entity)}\n                  style={{ margin: '0 4px 4px 0' }}\n                  disabled={\n                    [value ?? []]\n                      .flat()\n                      .map(stringifyEntityRef)\n                      .includes(stringifyEntityRef(entity)) ||\n                    [value ?? []].flat().length >= max\n                  }\n                />\n              ))}\n            </Box>\n          </Box>\n        )}{' '}\n      </Box>\n    );\n  },\n);\n\nEntitiesInput.displayName = 'EntitiesInput';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"EntitiesInput.esm.js","sources":["../../../src/components/PostForm/EntitiesInput.tsx"],"sourcesContent":["import { Autocomplete } from '@material-ui/lab';\nimport { getEntityDescription, getEntityTitle } from '../../utils/utils';\nimport { Entity, stringifyEntityRef } from '@backstage/catalog-model';\nimport {\n  Box,\n  Chip,\n  CircularProgress,\n  TextField,\n  Tooltip,\n  Typography,\n} from '@material-ui/core';\nimport {\n  ComponentType,\n  CSSProperties,\n  forwardRef,\n  HTMLAttributes,\n  useCallback,\n  useMemo,\n  useState,\n} from 'react';\nimport { configApiRef, useApi } from '@backstage/core-plugin-api';\nimport { catalogApiRef } from '@backstage/plugin-catalog-react';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { qetaApiRef } from '../../api';\nimport { compact } from 'lodash';\nimport {\n  AutocompleteListboxComponent,\n  renderGroup,\n} from './AutocompleteListComponent';\nimport { AutocompleteProps } from '@material-ui/lab/Autocomplete/Autocomplete';\nimport { FieldError } from 'react-hook-form';\nimport { getSupportedEntityKinds } from '@drodil/backstage-plugin-qeta-common';\nimport { useDebounce } from 'react-use';\n\ntype CommonEntitiesInputProps = {\n  singleValue?: string;\n  required?: boolean;\n  useOnlyUsedEntities?: boolean;\n  hideHelpText?: boolean;\n  style?: CSSProperties;\n  disabled?: boolean;\n  kind?: string[];\n  maximum?: number | null;\n  error?: FieldError;\n  label?: string;\n  name?: string;\n  placeholder?: string;\n  autocompleteProps?: AutocompleteProps<any, any, any, any>;\n  onChange: (value: any) => void;\n  title?: string;\n  content?: string;\n  tags?: string[];\n};\ntype SingleEntitiesInputValue = CommonEntitiesInputProps & {\n  multiple: false;\n  value?: Entity | null;\n  onChange: (value: Entity) => void;\n};\n\ntype MultipleEntitiesInputValue = CommonEntitiesInputProps & {\n  multiple?: true;\n  value?: Entity[];\n  onChange: (value: Entity[]) => void;\n};\n\nexport type EntitiesInputProps =\n  | SingleEntitiesInputValue\n  | MultipleEntitiesInputValue;\n\nconst CATALOG_FIELDS = [\n  'kind',\n  'metadata.name',\n  'metadata.namespace',\n  'metadata.title',\n  'metadata.description',\n  'spec.type',\n  'spec.profile.displayName',\n  'spec.profile.email',\n];\n\nexport const EntitiesInput = forwardRef<any, EntitiesInputProps>(\n  (props, _ref) => {\n    const {\n      value,\n      singleValue,\n      onChange,\n      multiple = true,\n      required = false,\n      useOnlyUsedEntities = false,\n      hideHelpText = false,\n      style,\n      disabled,\n      kind,\n      error,\n      maximum,\n      label,\n      name = 'entities',\n      placeholder,\n      autocompleteProps,\n      title,\n      content,\n      tags,\n    } = props;\n\n    const configApi = useApi(configApiRef);\n    const catalogApi = useApi(catalogApiRef);\n    const qetaApi = useApi(qetaApiRef);\n    const [availableEntities, setAvailableEntities] = useState<Entity[] | null>(\n      [],\n    );\n    const [loading, setLoading] = useState(false);\n    const [open, setOpen] = useState(false);\n    const { t } = useTranslationRef(qetaTranslationRef);\n    const [suggestedEntities, setSuggestedEntities] = useState<Entity[]>([]);\n    const [, setLoadingSuggestions] = useState(false);\n\n    const entityKinds: string[] = useMemo(() => {\n      if (kind) {\n        return kind;\n      }\n      return getSupportedEntityKinds(configApi);\n    }, [configApi, kind]);\n    const max = useMemo(() => {\n      if (maximum) {\n        return maximum;\n      }\n      return configApi.getOptionalNumber('qeta.entities.max') ?? 3;\n    }, [configApi, maximum]);\n\n    const handleOpen = useCallback(() => {\n      setOpen(true);\n      (async () => {\n        setLoading(true);\n        if (singleValue) {\n          const entity = await catalogApi.getEntityByRef(singleValue);\n          setLoading(false);\n          setAvailableEntities(entity ? [entity] : null);\n          return;\n        }\n\n        if (useOnlyUsedEntities) {\n          const qetaEntities = await qetaApi.getEntities();\n          const refs = qetaEntities.entities.map(r => r.entityRef);\n          const catalogData = await catalogApi.getEntitiesByRefs({\n            entityRefs: refs,\n            fields: CATALOG_FIELDS,\n          });\n          setLoading(false);\n          setAvailableEntities(\n            catalogData\n              ? compact(catalogData.items).sort((a, b) =>\n                  getEntityTitle(a).localeCompare(getEntityTitle(b)),\n                )\n              : null,\n          );\n          return;\n        }\n\n        if (entityKinds && entityKinds.length > 0) {\n          const entities = await catalogApi.getEntities({\n            filter: { kind: entityKinds },\n            fields: CATALOG_FIELDS,\n            order: { field: 'kind', order: 'asc' },\n          });\n          setLoading(false);\n          setAvailableEntities(entities ? entities.items : null);\n          return;\n        }\n        setLoading(false);\n        setAvailableEntities(null);\n      })();\n    }, [singleValue, useOnlyUsedEntities, entityKinds, catalogApi, qetaApi]);\n\n    const usedValue = useMemo(() => {\n      if (!value) {\n        return multiple ? [] : null;\n      }\n      return value;\n    }, [value, multiple]);\n\n    useDebounce(\n      () => {\n        if (title && content) {\n          setLoadingSuggestions(true);\n          qetaApi\n            .getEntitySuggestions({\n              title,\n              content,\n              tags,\n              entities: [value ?? []].flat().map(stringifyEntityRef),\n              limit: 5,\n            })\n            .then(response => {\n              setSuggestedEntities(response.entities);\n            })\n            .catch(() => {\n              // Ignore errors\n            })\n            .finally(() => {\n              setLoadingSuggestions(false);\n            });\n        }\n      },\n      2000,\n      [title, content, qetaApi],\n    );\n\n    const handleSuggestedEntityClick = (entity: Entity) => {\n      const values = [value ?? []].flat();\n      if (values && values.length < max && !values.includes(entity)) {\n        onChange([...values, entity]);\n      }\n    };\n\n    if (!availableEntities) {\n      return null;\n    }\n\n    return (\n      <Box>\n        <Autocomplete\n          multiple={multiple}\n          autoHighlight\n          autoComplete\n          className=\"qetaEntitiesInput\"\n          value={usedValue}\n          disabled={disabled}\n          loading={loading}\n          loadingText={t('common.loading')}\n          groupBy={entityKinds.length > 1 ? option => option.kind : undefined}\n          renderGroup={renderGroup}\n          handleHomeEndKeys\n          open={open}\n          onOpen={handleOpen}\n          onClose={() => setOpen(false)}\n          options={availableEntities}\n          getOptionLabel={getEntityTitle}\n          ListboxComponent={\n            AutocompleteListboxComponent as ComponentType<\n              HTMLAttributes<HTMLElement>\n            >\n          }\n          disableListWrap\n          style={style}\n          getOptionSelected={(o, v) =>\n            stringifyEntityRef(o) === stringifyEntityRef(v)\n          }\n          onChange={(_e, newValue) => {\n            if (multiple) {\n              if (!newValue) {\n                onChange([]);\n                return;\n              }\n              const val = Array.isArray(newValue) ? newValue : [newValue];\n              if (max === null || val.length <= max) {\n                onChange(val.filter(v => typeof v !== 'string'));\n              }\n            } else {\n              if (!newValue) {\n                return;\n              }\n              onChange(newValue as Entity);\n            }\n          }}\n          renderOption={(option: Entity) => {\n            const stringified = stringifyEntityRef(option);\n            return (\n              <span key={stringified}>\n                <Tooltip\n                  arrow\n                  placement=\"right\"\n                  title={\n                    <>\n                      <Typography>{getEntityTitle(option)}</Typography>\n                      <Typography variant=\"caption\">\n                        {getEntityDescription(option)}\n                      </Typography>\n                    </>\n                  }\n                >\n                  <span>{getEntityTitle(option, { withType: false })}</span>\n                </Tooltip>\n              </span>\n            );\n          }}\n          renderInput={params => {\n            let helperText = '';\n            if (!hideHelpText) {\n              if (error && error.message) {\n                helperText = error.message;\n              } else {\n                helperText = t('entitiesInput.helperText', {\n                  max: max.toString(),\n                });\n              }\n            }\n\n            return (\n              <TextField\n                {...params}\n                variant=\"outlined\"\n                margin=\"normal\"\n                required={required}\n                label={label || t('entitiesInput.label')}\n                placeholder={placeholder || t('entitiesInput.placeholder')}\n                helperText={helperText}\n                name={name}\n                FormHelperTextProps={{\n                  style: { marginLeft: '0.2em' },\n                }}\n                InputProps={{\n                  ...params.InputProps,\n                  endAdornment: (\n                    <>\n                      {loading ? (\n                        <CircularProgress color=\"inherit\" size={20} />\n                      ) : null}\n                      {params.InputProps.endAdornment}\n                    </>\n                  ),\n                }}\n                error={error !== undefined}\n              />\n            );\n          }}\n          {...autocompleteProps}\n        />\n        {suggestedEntities?.length > 0 && (\n          <Box style={{ marginLeft: '4px' }}>\n            <Typography variant=\"caption\" color=\"textSecondary\">\n              {t('entitiesInput.suggestedEntities')}\n            </Typography>\n            <Box mt={0.5}>\n              {suggestedEntities.map(entity => (\n                <Chip\n                  key={stringifyEntityRef(entity)}\n                  label={getEntityTitle(entity)}\n                  size=\"small\"\n                  onClick={() => handleSuggestedEntityClick(entity)}\n                  style={{ margin: '0 4px 4px 0' }}\n                  disabled={\n                    [value ?? []]\n                      .flat()\n                      .map(stringifyEntityRef)\n                      .includes(stringifyEntityRef(entity)) ||\n                    [value ?? []].flat().length >= max\n                  }\n                />\n              ))}\n            </Box>\n          </Box>\n        )}{' '}\n      </Box>\n    );\n  },\n);\n\nEntitiesInput.displayName = 'EntitiesInput';\n"],"names":[],"mappings":"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"}