@drodil/backstage-plugin-qeta-react 3.55.2 → 3.55.3

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

@@ -126,7 +126,8 @@ const EntitiesInput = forwardRef(
             title,
             content,
             tags,
-            entities: [value ?? []].flat().map(stringifyEntityRef)
+            entities: [value ?? []].flat().map(stringifyEntityRef),
+            limit: 5
           }).then((response) => {
             setSuggestedEntities(response.entities);
           }).catch(() => {

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            })\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: [\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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"}

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

@@ -60,7 +60,7 @@ const TagInput = forwardRef((props, _ref) => {
     () => {
       if (title && content) {
         setLoadingSuggestions(true);
-        qetaApi.getTagSuggestions({ title, content, entities }).then((response) => {
+        qetaApi.getTagSuggestions({ title, content, entities, limit: 5 }).then((response) => {
           setSuggestedTags(response.tags);
         }).catch(() => {
         }).finally(() => {

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

@@ -1 +1 @@
-{"version":3,"file":"TagInput.esm.js","sources":["../../../src/components/PostForm/TagInput.tsx"],"sourcesContent":["import { Autocomplete } from '@material-ui/lab';\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  useEffect,\n  useMemo,\n  useState,\n} from 'react';\nimport { qetaApiRef } from '../../api';\nimport { configApiRef, useApi } from '@backstage/core-plugin-api';\nimport {\n  filterTags,\n  qetaCreateTagPermission,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { FieldError } from 'react-hook-form';\nimport { AutocompleteListboxComponent } from './AutocompleteListComponent';\nimport { permissionApiRef } from '@backstage/plugin-permission-react';\nimport { AuthorizeResult } from '@backstage/plugin-permission-common';\nimport { useDebounce } from 'react-use';\n\nexport const TagInput = forwardRef<\n  any,\n  {\n    value?: string[];\n    onChange: (value: string[]) => void;\n    error?: FieldError;\n    allowCreate?: boolean;\n    hideHelpText?: boolean;\n    style?: CSSProperties;\n    title?: string;\n    name?: string;\n    content?: string;\n    entities?: string[];\n    label?: string;\n  }\n>((props, _ref) => {\n  const {\n    value,\n    onChange,\n    error,\n    allowCreate,\n    hideHelpText = false,\n    style,\n    name = 'tags',\n    title,\n    content,\n    entities,\n    label,\n  } = props;\n  const qetaApi = useApi(qetaApiRef);\n  const config = useApi(configApiRef);\n  const permissions = useApi(permissionApiRef);\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const [allowCreation, setAllowCreation] = useState<boolean | undefined>(\n    allowCreate,\n  );\n  const [loading, setLoading] = useState(true);\n  const [suggestedTags, setSuggestedTags] = useState<string[]>([]);\n  const [, setLoadingSuggestions] = useState(false);\n\n  useEffect(() => {\n    if (allowCreate !== undefined) {\n      return;\n    }\n\n    if (config.getOptionalBoolean('qeta.permissions') === true) {\n      permissions\n        .authorize({\n          permission: qetaCreateTagPermission,\n        })\n        .catch(_ => setAllowCreation(false))\n        .then(res => {\n          if (res && res.result === AuthorizeResult.ALLOW) {\n            setAllowCreation(true);\n          } else {\n            setAllowCreation(false);\n          }\n        });\n    } else {\n      setAllowCreation(\n        config.getOptionalBoolean('qeta.tags.allowCreation') ?? true,\n      );\n    }\n  }, [config, permissions, allowCreate]);\n\n  useDebounce(\n    () => {\n      if (title && content) {\n        setLoadingSuggestions(true);\n        qetaApi\n          .getTagSuggestions({ title, content, entities })\n          .then(response => {\n            setSuggestedTags(response.tags);\n          })\n          .catch(() => {\n            // Ignore errors\n          })\n          .finally(() => {\n            setLoadingSuggestions(false);\n          });\n      }\n    },\n    2000,\n    [title, content, entities, qetaApi],\n  );\n\n  const allowedTags = useMemo(\n    () => config.getOptionalStringArray('qeta.tags.allowedTags') ?? [],\n    [config],\n  );\n  const maximumTags = useMemo(\n    () => config.getOptionalNumber('qeta.tags.max') ?? 5,\n    [config],\n  );\n\n  const [availableTags, setAvailableTags] = useState<string[]>([]);\n  const [tagDescriptions, setTagDescriptions] = useState<\n    Record<string, string>\n  >({});\n  useEffect(() => {\n    qetaApi\n      .getTags()\n      .catch(_ => setAvailableTags([]))\n      .then(data => {\n        setLoading(false);\n        if (!data) {\n          return;\n        }\n\n        const uniqueTags = [\n          ...new Set([...allowedTags, ...data.tags.map(tag => tag.tag)]),\n        ].sort((a, b) => a.localeCompare(b));\n        setAvailableTags(uniqueTags);\n        setTagDescriptions(\n          data.tags.reduce((acc, tag) => {\n            if (!tag.description) {\n              return acc;\n            }\n            acc[tag.tag] = tag.description;\n            return acc;\n          }, {} as Record<string, string>),\n        );\n      });\n  }, [qetaApi, allowCreation, allowedTags]);\n\n  if (!allowCreation && availableTags.length === 0) {\n    return null;\n  }\n\n  const getHelperText = () => {\n    if (hideHelpText) {\n      return '';\n    }\n\n    const baseText = t('tagsInput.helperText', {\n      max: maximumTags.toString(10),\n    });\n\n    if (!allowCreation) {\n      return baseText;\n    }\n    return `${baseText}. ${t('tagsInput.allowAddHelperText')}`;\n  };\n\n  const handleSuggestedTagClick = (tag: string) => {\n    if (value && value.length < maximumTags && !value.includes(tag)) {\n      onChange([...value, tag]);\n    }\n  };\n\n  return (\n    <Box>\n      <Autocomplete\n        multiple\n        id=\"tags-select\"\n        className=\"qetaTagInput\"\n        value={value || []}\n        loading={loading}\n        autoHighlight\n        autoComplete\n        loadingText={t('common.loading')}\n        options={availableTags ?? []}\n        freeSolo={allowCreation}\n        handleHomeEndKeys\n        ListboxComponent={\n          AutocompleteListboxComponent as ComponentType<\n            HTMLAttributes<HTMLElement>\n          >\n        }\n        disableListWrap\n        style={style}\n        renderOption={option => {\n          if (tagDescriptions[option]) {\n            return (\n              <span key={option}>\n                <Tooltip\n                  arrow\n                  placement=\"right\"\n                  title={<Typography>{tagDescriptions[option]}</Typography>}\n                >\n                  <span>{option}</span>\n                </Tooltip>\n              </span>\n            );\n          }\n          return option;\n        }}\n        onChange={(_e, newValue) => {\n          const tags = filterTags(newValue);\n          if (\n            tags &&\n            tags.length <= maximumTags &&\n            tags.length === newValue.length\n          ) {\n            onChange(tags);\n          }\n        }}\n        renderInput={params => (\n          <TextField\n            {...params}\n            variant=\"outlined\"\n            margin=\"normal\"\n            label={label ?? t('tagsInput.label')}\n            placeholder={t('tagsInput.placeholder')}\n            helperText={error !== undefined ? error.message : getHelperText()}\n            FormHelperTextProps={{\n              style: { marginLeft: '0.2em' },\n            }}\n            name={name}\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      {suggestedTags?.length > 0 && (\n        <Box style={{ marginLeft: '4px' }}>\n          <Typography variant=\"caption\" color=\"textSecondary\">\n            {t('tagsInput.suggestedTags')}\n          </Typography>\n          <Box mt={0.5}>\n            {suggestedTags.map(tag => (\n              <Chip\n                key={tag}\n                label={tag}\n                size=\"small\"\n                onClick={() => handleSuggestedTagClick(tag)}\n                style={{ margin: '0 4px 4px 0' }}\n                disabled={\n                  value?.includes(tag) || (value?.length ?? 0) >= maximumTags\n                }\n              />\n            ))}\n          </Box>\n        </Box>\n      )}{' '}\n    </Box>\n  );\n});\n\nTagInput.displayName = 'TagInput';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"TagInput.esm.js","sources":["../../../src/components/PostForm/TagInput.tsx"],"sourcesContent":["import { Autocomplete } from '@material-ui/lab';\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  useEffect,\n  useMemo,\n  useState,\n} from 'react';\nimport { qetaApiRef } from '../../api';\nimport { configApiRef, useApi } from '@backstage/core-plugin-api';\nimport {\n  filterTags,\n  qetaCreateTagPermission,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { FieldError } from 'react-hook-form';\nimport { AutocompleteListboxComponent } from './AutocompleteListComponent';\nimport { permissionApiRef } from '@backstage/plugin-permission-react';\nimport { AuthorizeResult } from '@backstage/plugin-permission-common';\nimport { useDebounce } from 'react-use';\n\nexport const TagInput = forwardRef<\n  any,\n  {\n    value?: string[];\n    onChange: (value: string[]) => void;\n    error?: FieldError;\n    allowCreate?: boolean;\n    hideHelpText?: boolean;\n    style?: CSSProperties;\n    title?: string;\n    name?: string;\n    content?: string;\n    entities?: string[];\n    label?: string;\n  }\n>((props, _ref) => {\n  const {\n    value,\n    onChange,\n    error,\n    allowCreate,\n    hideHelpText = false,\n    style,\n    name = 'tags',\n    title,\n    content,\n    entities,\n    label,\n  } = props;\n  const qetaApi = useApi(qetaApiRef);\n  const config = useApi(configApiRef);\n  const permissions = useApi(permissionApiRef);\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const [allowCreation, setAllowCreation] = useState<boolean | undefined>(\n    allowCreate,\n  );\n  const [loading, setLoading] = useState(true);\n  const [suggestedTags, setSuggestedTags] = useState<string[]>([]);\n  const [, setLoadingSuggestions] = useState(false);\n\n  useEffect(() => {\n    if (allowCreate !== undefined) {\n      return;\n    }\n\n    if (config.getOptionalBoolean('qeta.permissions') === true) {\n      permissions\n        .authorize({\n          permission: qetaCreateTagPermission,\n        })\n        .catch(_ => setAllowCreation(false))\n        .then(res => {\n          if (res && res.result === AuthorizeResult.ALLOW) {\n            setAllowCreation(true);\n          } else {\n            setAllowCreation(false);\n          }\n        });\n    } else {\n      setAllowCreation(\n        config.getOptionalBoolean('qeta.tags.allowCreation') ?? true,\n      );\n    }\n  }, [config, permissions, allowCreate]);\n\n  useDebounce(\n    () => {\n      if (title && content) {\n        setLoadingSuggestions(true);\n        qetaApi\n          .getTagSuggestions({ title, content, entities, limit: 5 })\n          .then(response => {\n            setSuggestedTags(response.tags);\n          })\n          .catch(() => {\n            // Ignore errors\n          })\n          .finally(() => {\n            setLoadingSuggestions(false);\n          });\n      }\n    },\n    2000,\n    [title, content, entities, qetaApi],\n  );\n\n  const allowedTags = useMemo(\n    () => config.getOptionalStringArray('qeta.tags.allowedTags') ?? [],\n    [config],\n  );\n  const maximumTags = useMemo(\n    () => config.getOptionalNumber('qeta.tags.max') ?? 5,\n    [config],\n  );\n\n  const [availableTags, setAvailableTags] = useState<string[]>([]);\n  const [tagDescriptions, setTagDescriptions] = useState<\n    Record<string, string>\n  >({});\n  useEffect(() => {\n    qetaApi\n      .getTags()\n      .catch(_ => setAvailableTags([]))\n      .then(data => {\n        setLoading(false);\n        if (!data) {\n          return;\n        }\n\n        const uniqueTags = [\n          ...new Set([...allowedTags, ...data.tags.map(tag => tag.tag)]),\n        ].sort((a, b) => a.localeCompare(b));\n        setAvailableTags(uniqueTags);\n        setTagDescriptions(\n          data.tags.reduce((acc, tag) => {\n            if (!tag.description) {\n              return acc;\n            }\n            acc[tag.tag] = tag.description;\n            return acc;\n          }, {} as Record<string, string>),\n        );\n      });\n  }, [qetaApi, allowCreation, allowedTags]);\n\n  if (!allowCreation && availableTags.length === 0) {\n    return null;\n  }\n\n  const getHelperText = () => {\n    if (hideHelpText) {\n      return '';\n    }\n\n    const baseText = t('tagsInput.helperText', {\n      max: maximumTags.toString(10),\n    });\n\n    if (!allowCreation) {\n      return baseText;\n    }\n    return `${baseText}. ${t('tagsInput.allowAddHelperText')}`;\n  };\n\n  const handleSuggestedTagClick = (tag: string) => {\n    if (value && value.length < maximumTags && !value.includes(tag)) {\n      onChange([...value, tag]);\n    }\n  };\n\n  return (\n    <Box>\n      <Autocomplete\n        multiple\n        id=\"tags-select\"\n        className=\"qetaTagInput\"\n        value={value || []}\n        loading={loading}\n        autoHighlight\n        autoComplete\n        loadingText={t('common.loading')}\n        options={availableTags ?? []}\n        freeSolo={allowCreation}\n        handleHomeEndKeys\n        ListboxComponent={\n          AutocompleteListboxComponent as ComponentType<\n            HTMLAttributes<HTMLElement>\n          >\n        }\n        disableListWrap\n        style={style}\n        renderOption={option => {\n          if (tagDescriptions[option]) {\n            return (\n              <span key={option}>\n                <Tooltip\n                  arrow\n                  placement=\"right\"\n                  title={<Typography>{tagDescriptions[option]}</Typography>}\n                >\n                  <span>{option}</span>\n                </Tooltip>\n              </span>\n            );\n          }\n          return option;\n        }}\n        onChange={(_e, newValue) => {\n          const tags = filterTags(newValue);\n          if (\n            tags &&\n            tags.length <= maximumTags &&\n            tags.length === newValue.length\n          ) {\n            onChange(tags);\n          }\n        }}\n        renderInput={params => (\n          <TextField\n            {...params}\n            variant=\"outlined\"\n            margin=\"normal\"\n            label={label ?? t('tagsInput.label')}\n            placeholder={t('tagsInput.placeholder')}\n            helperText={error !== undefined ? error.message : getHelperText()}\n            FormHelperTextProps={{\n              style: { marginLeft: '0.2em' },\n            }}\n            name={name}\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      {suggestedTags?.length > 0 && (\n        <Box style={{ marginLeft: '4px' }}>\n          <Typography variant=\"caption\" color=\"textSecondary\">\n            {t('tagsInput.suggestedTags')}\n          </Typography>\n          <Box mt={0.5}>\n            {suggestedTags.map(tag => (\n              <Chip\n                key={tag}\n                label={tag}\n                size=\"small\"\n                onClick={() => handleSuggestedTagClick(tag)}\n                style={{ margin: '0 4px 4px 0' }}\n                disabled={\n                  value?.includes(tag) || (value?.length ?? 0) >= maximumTags\n                }\n              />\n            ))}\n          </Box>\n        </Box>\n      )}{' '}\n    </Box>\n  );\n});\n\nTagInput.displayName = 'TagInput';\n"],"names":[],"mappings":"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"}

package/dist/hooks/useUserSettings.esm.js

@@ -29,6 +29,9 @@ const useUserSettings = () => {
       const merged = merge({}, DEFAULT_SETTINGS, stored);
       setSettings(merged);
       settingsRef.current = merged;
+    } else {
+      setSettings(DEFAULT_SETTINGS);
+      settingsRef.current = DEFAULT_SETTINGS;
     }
     setIsLoaded(true);
     const subscription = bucket.observe$(STORAGE_KEY).subscribe({
@@ -41,9 +44,6 @@ const useUserSettings = () => {
           const merged = merge({}, DEFAULT_SETTINGS, value);
           setSettings(merged);
           settingsRef.current = merged;
-        } else {
-          setSettings(DEFAULT_SETTINGS);
-          settingsRef.current = DEFAULT_SETTINGS;
         }
       }
     });

package/dist/hooks/useUserSettings.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"useUserSettings.esm.js","sources":["../../src/hooks/useUserSettings.ts"],"sourcesContent":["import { storageApiRef, useApi } from '@backstage/core-plugin-api';\nimport { useCallback, useEffect, useRef, useState } from 'react';\nimport { merge } from 'lodash';\nimport { ViewType } from '../components/ViewToggle/ViewToggle';\n\nexport type UserSettings = {\n  autoSaveEnabled: boolean;\n  anonymousPosting: boolean;\n  filterPanelExpanded: Record<string, boolean>;\n  viewType: Record<string, ViewType>;\n  aiAnswerExpanded: boolean;\n  usePagination: boolean;\n};\n\nconst DEFAULT_SETTINGS: UserSettings = {\n  autoSaveEnabled: false,\n  anonymousPosting: false,\n  filterPanelExpanded: {},\n  viewType: {},\n  aiAnswerExpanded: false,\n  usePagination: false,\n};\n\nconst BUCKET_KEY = 'qeta';\nconst STORAGE_KEY = 'qeta-user-settings';\n\nexport const useUserSettings = () => {\n  const storageApi = useApi(storageApiRef);\n  const [settings, setSettings] = useState<UserSettings>(DEFAULT_SETTINGS);\n  const [isLoaded, setIsLoaded] = useState(false);\n  const settingsRef = useRef<UserSettings>(DEFAULT_SETTINGS);\n  const isUpdatingRef = useRef(false);\n\n  useEffect(() => {\n    settingsRef.current = settings;\n  }, [settings]);\n\n  useEffect(() => {\n    const bucket = storageApi.forBucket(BUCKET_KEY);\n    const snapshot = bucket.snapshot(STORAGE_KEY);\n    const stored = snapshot.value as UserSettings | undefined;\n\n    if (stored) {\n      const merged = merge({}, DEFAULT_SETTINGS, stored);\n      setSettings(merged);\n      settingsRef.current = merged;\n    }\n\n    setIsLoaded(true);\n\n    const subscription = bucket.observe$<UserSettings>(STORAGE_KEY).subscribe({\n      next: newSnapshot => {\n        if (isUpdatingRef.current) {\n          return;\n        }\n\n        const value = newSnapshot.value;\n        if (value) {\n          const merged = merge({}, DEFAULT_SETTINGS, value);\n          setSettings(merged);\n          settingsRef.current = merged;\n        } else {\n          setSettings(DEFAULT_SETTINGS);\n          settingsRef.current = DEFAULT_SETTINGS;\n        }\n      },\n    });\n\n    return () => {\n      subscription.unsubscribe();\n    };\n  }, [storageApi]);\n\n  const updateSettings = useCallback(\n    async (updates: Partial<UserSettings>) => {\n      const bucket = storageApi.forBucket(BUCKET_KEY);\n      const currentSettings = settingsRef.current;\n\n      const newSettings = { ...currentSettings };\n      Object.keys(updates).forEach(key => {\n        const k = key as keyof UserSettings;\n        const value = updates[k];\n        if (value !== undefined) {\n          if (k === 'viewType' || k === 'filterPanelExpanded') {\n            newSettings[k] = value as any;\n          } else if (\n            value &&\n            typeof value === 'object' &&\n            !Array.isArray(value)\n          ) {\n            newSettings[k] = merge({}, currentSettings[k], value);\n          } else {\n            newSettings[k] = value as any;\n          }\n        }\n      });\n\n      settingsRef.current = newSettings;\n      setSettings(newSettings);\n\n      isUpdatingRef.current = true;\n      try {\n        await bucket.set(STORAGE_KEY, newSettings);\n      } finally {\n        setTimeout(() => {\n          isUpdatingRef.current = false;\n        }, 100);\n      }\n    },\n    [storageApi],\n  );\n\n  const getSetting = useCallback(\n    <K extends keyof UserSettings>(key: K): UserSettings[K] => {\n      return settingsRef.current[key] ?? DEFAULT_SETTINGS[key];\n    },\n    [],\n  );\n\n  const setSetting = useCallback(\n    async <K extends keyof UserSettings>(\n      key: K,\n      value: UserSettings[K],\n    ): Promise<void> => {\n      await updateSettings({ [key]: value } as Partial<UserSettings>);\n    },\n    [updateSettings],\n  );\n\n  const resetSettings = useCallback(async () => {\n    const bucket = storageApi.forBucket('qeta');\n    await bucket.set(STORAGE_KEY, DEFAULT_SETTINGS);\n  }, [storageApi]);\n\n  return {\n    settings: settingsRef.current,\n    updateSettings,\n    getSetting,\n    setSetting,\n    resetSettings,\n    isLoaded,\n  };\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"useUserSettings.esm.js","sources":["../../src/hooks/useUserSettings.ts"],"sourcesContent":["import { storageApiRef, useApi } from '@backstage/core-plugin-api';\nimport { useCallback, useEffect, useRef, useState } from 'react';\nimport { merge } from 'lodash';\nimport { ViewType } from '../components/ViewToggle/ViewToggle';\n\nexport type UserSettings = {\n  autoSaveEnabled: boolean;\n  anonymousPosting: boolean;\n  filterPanelExpanded: Record<string, boolean>;\n  viewType: Record<string, ViewType>;\n  aiAnswerExpanded: boolean;\n  usePagination: boolean;\n};\n\nconst DEFAULT_SETTINGS: UserSettings = {\n  autoSaveEnabled: false,\n  anonymousPosting: false,\n  filterPanelExpanded: {},\n  viewType: {},\n  aiAnswerExpanded: false,\n  usePagination: false,\n};\n\nconst BUCKET_KEY = 'qeta';\nconst STORAGE_KEY = 'qeta-user-settings';\n\nexport const useUserSettings = () => {\n  const storageApi = useApi(storageApiRef);\n  const [settings, setSettings] = useState<UserSettings>(DEFAULT_SETTINGS);\n  const [isLoaded, setIsLoaded] = useState(false);\n  const settingsRef = useRef<UserSettings>(DEFAULT_SETTINGS);\n  const isUpdatingRef = useRef(false);\n\n  useEffect(() => {\n    settingsRef.current = settings;\n  }, [settings]);\n\n  useEffect(() => {\n    const bucket = storageApi.forBucket(BUCKET_KEY);\n    const snapshot = bucket.snapshot(STORAGE_KEY);\n    const stored = snapshot.value as UserSettings | undefined;\n\n    if (stored) {\n      const merged = merge({}, DEFAULT_SETTINGS, stored);\n      setSettings(merged);\n      settingsRef.current = merged;\n    } else {\n      setSettings(DEFAULT_SETTINGS);\n      settingsRef.current = DEFAULT_SETTINGS;\n    }\n\n    setIsLoaded(true);\n\n    const subscription = bucket.observe$<UserSettings>(STORAGE_KEY).subscribe({\n      next: newSnapshot => {\n        if (isUpdatingRef.current) {\n          return;\n        }\n\n        const value = newSnapshot.value;\n        if (value) {\n          const merged = merge({}, DEFAULT_SETTINGS, value);\n          setSettings(merged);\n          settingsRef.current = merged;\n        }\n      },\n    });\n\n    return () => {\n      subscription.unsubscribe();\n    };\n  }, [storageApi]);\n\n  const updateSettings = useCallback(\n    async (updates: Partial<UserSettings>) => {\n      const bucket = storageApi.forBucket(BUCKET_KEY);\n      const currentSettings = settingsRef.current;\n\n      const newSettings = { ...currentSettings };\n      Object.keys(updates).forEach(key => {\n        const k = key as keyof UserSettings;\n        const value = updates[k];\n        if (value !== undefined) {\n          if (k === 'viewType' || k === 'filterPanelExpanded') {\n            newSettings[k] = value as any;\n          } else if (\n            value &&\n            typeof value === 'object' &&\n            !Array.isArray(value)\n          ) {\n            newSettings[k] = merge({}, currentSettings[k], value);\n          } else {\n            newSettings[k] = value as any;\n          }\n        }\n      });\n\n      settingsRef.current = newSettings;\n      setSettings(newSettings);\n\n      isUpdatingRef.current = true;\n      try {\n        await bucket.set(STORAGE_KEY, newSettings);\n      } finally {\n        setTimeout(() => {\n          isUpdatingRef.current = false;\n        }, 100);\n      }\n    },\n    [storageApi],\n  );\n\n  const getSetting = useCallback(\n    <K extends keyof UserSettings>(key: K): UserSettings[K] => {\n      return settingsRef.current[key] ?? DEFAULT_SETTINGS[key];\n    },\n    [],\n  );\n\n  const setSetting = useCallback(\n    async <K extends keyof UserSettings>(\n      key: K,\n      value: UserSettings[K],\n    ): Promise<void> => {\n      await updateSettings({ [key]: value } as Partial<UserSettings>);\n    },\n    [updateSettings],\n  );\n\n  const resetSettings = useCallback(async () => {\n    const bucket = storageApi.forBucket('qeta');\n    await bucket.set(STORAGE_KEY, DEFAULT_SETTINGS);\n  }, [storageApi]);\n\n  return {\n    settings: settingsRef.current,\n    updateSettings,\n    getSetting,\n    setSetting,\n    resetSettings,\n    isLoaded,\n  };\n};\n"],"names":[],"mappings":"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"}

package/package.json

@@ -7,7 +7,7 @@
     "frontend",
     "backstage.io"
   ],
-  "version": "3.55.2",
+  "version": "3.55.3",
   "main": "dist/index.esm.js",
   "types": "dist/index.d.ts",
   "prepublishOnly": "yarn tsc && yarn build",
@@ -57,7 +57,7 @@
     "@backstage/plugin-permission-common": "^0.9.3",
     "@backstage/plugin-permission-react": "^0.4.39",
     "@backstage/plugin-signals-react": "^0.0.18",
-    "@drodil/backstage-plugin-qeta-common": "^3.55.2",
+    "@drodil/backstage-plugin-qeta-common": "^3.55.3",
     "@jsdevtools/rehype-toc": "^3.0.2",
     "@material-ui/core": "^4.12.2",
     "@material-ui/icons": "^4.11.3",