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

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":";;;;;;;;;;;;;;;;AAsEA,MAAM,cAAiB,GAAA;AAAA,EACrB,MAAA;AAAA,EACA,eAAA;AAAA,EACA,oBAAA;AAAA,EACA,gBAAA;AAAA,EACA,sBAAA;AAAA,EACA,WAAA;AAAA,EACA,0BAAA;AAAA,EACA;AACF,CAAA;AAEO,MAAM,aAAgB,GAAA,UAAA;AAAA,EAC3B,CAAC,OAAO,IAAS,KAAA;AACf,IAAM,MAAA;AAAA,MACJ,KAAA;AAAA,MACA,WAAA;AAAA,MACA,QAAA;AAAA,MACA,QAAW,GAAA,IAAA;AAAA,MACX,QAAW,GAAA,KAAA;AAAA,MACX,mBAAsB,GAAA,KAAA;AAAA,MACtB,YAAe,GAAA,KAAA;AAAA,MACf,KAAA;AAAA,MACA,QAAA;AAAA,MACA,IAAA;AAAA,MACA,KAAA;AAAA,MACA,OAAA;AAAA,MACA,KAAA;AAAA,MACA,IAAO,GAAA,UAAA;AAAA,MACP,WAAA;AAAA,MACA,iBAAA;AAAA,MACA,KAAA;AAAA,MACA,OAAA;AAAA,MACA;AAAA,KACE,GAAA,KAAA;AAEJ,IAAM,MAAA,SAAA,GAAY,OAAO,YAAY,CAAA;AACrC,IAAM,MAAA,UAAA,GAAa,OAAO,aAAa,CAAA;AACvC,IAAM,MAAA,OAAA,GAAU,OAAO,UAAU,CAAA;AACjC,IAAM,MAAA,CAAC,iBAAmB,EAAA,oBAAoB,CAAI,GAAA,QAAA;AAAA,MAChD;AAAC,KACH;AACA,IAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAS,KAAK,CAAA;AAC5C,IAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,SAAS,KAAK,CAAA;AACtC,IAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,kBAAkB,CAAA;AAClD,IAAA,MAAM,CAAC,iBAAmB,EAAA,oBAAoB,CAAI,GAAA,QAAA,CAAmB,EAAE,CAAA;AACvE,IAAA,MAAM,GAAG,qBAAqB,CAAA,GAAI,SAAS,KAAK,CAAA;AAEhD,IAAM,MAAA,WAAA,GAAwB,QAAQ,MAAM;AAC1C,MAAA,IAAI,IAAM,EAAA;AACR,QAAO,OAAA,IAAA;AAAA;AAET,MAAA,OAAO,wBAAwB,SAAS,CAAA;AAAA,KACvC,EAAA,CAAC,SAAW,EAAA,IAAI,CAAC,CAAA;AACpB,IAAM,MAAA,GAAA,GAAM,QAAQ,MAAM;AACxB,MAAA,IAAI,OAAS,EAAA;AACX,QAAO,OAAA,OAAA;AAAA;AAET,MAAO,OAAA,SAAA,CAAU,iBAAkB,CAAA,mBAAmB,CAAK,IAAA,CAAA;AAAA,KAC1D,EAAA,CAAC,SAAW,EAAA,OAAO,CAAC,CAAA;AAEvB,IAAM,MAAA,UAAA,GAAa,YAAY,MAAM;AACnC,MAAA,OAAA,CAAQ,IAAI,CAAA;AACZ,MAAA,CAAC,YAAY;AACX,QAAA,UAAA,CAAW,IAAI,CAAA;AACf,QAAA,IAAI,WAAa,EAAA;AACf,UAAA,MAAM,MAAS,GAAA,MAAM,UAAW,CAAA,cAAA,CAAe,WAAW,CAAA;AAC1D,UAAA,UAAA,CAAW,KAAK,CAAA;AAChB,UAAA,oBAAA,CAAqB,MAAS,GAAA,CAAC,MAAM,CAAA,GAAI,IAAI,CAAA;AAC7C,UAAA;AAAA;AAGF,QAAA,IAAI,mBAAqB,EAAA;AACvB,UAAM,MAAA,YAAA,GAAe,MAAM,OAAA,CAAQ,WAAY,EAAA;AAC/C,UAAA,MAAM,OAAO,YAAa,CAAA,QAAA,CAAS,GAAI,CAAA,CAAA,CAAA,KAAK,EAAE,SAAS,CAAA;AACvD,UAAM,MAAA,WAAA,GAAc,MAAM,UAAA,CAAW,iBAAkB,CAAA;AAAA,YACrD,UAAY,EAAA,IAAA;AAAA,YACZ,MAAQ,EAAA;AAAA,WACT,CAAA;AACD,UAAA,UAAA,CAAW,KAAK,CAAA;AAChB,UAAA,oBAAA;AAAA,YACE,WACI,GAAA,OAAA,CAAQ,WAAY,CAAA,KAAK,CAAE,CAAA,IAAA;AAAA,cAAK,CAAC,GAAG,CAClC,KAAA,cAAA,CAAe,CAAC,CAAE,CAAA,aAAA,CAAc,cAAe,CAAA,CAAC,CAAC;AAAA,aAEnD,GAAA;AAAA,WACN;AACA,UAAA;AAAA;AAGF,QAAI,IAAA,WAAA,IAAe,WAAY,CAAA,MAAA,GAAS,CAAG,EAAA;AACzC,UAAM,MAAA,QAAA,GAAW,MAAM,UAAA,CAAW,WAAY,CAAA;AAAA,YAC5C,MAAA,EAAQ,EAAE,IAAA,EAAM,WAAY,EAAA;AAAA,YAC5B,MAAQ,EAAA,cAAA;AAAA,YACR,KAAO,EAAA;AAAA,cACL,EAAE,KAAA,EAAO,MAAQ,EAAA,KAAA,EAAO,KAAM,EAAA;AAAA,cAC9B,EAAE,KAAA,EAAO,gBAAkB,EAAA,KAAA,EAAO,KAAM;AAAA;AAC1C,WACD,CAAA;AACD,UAAA,UAAA,CAAW,KAAK,CAAA;AAChB,UAAqB,oBAAA,CAAA,QAAA,GAAW,QAAS,CAAA,KAAA,GAAQ,IAAI,CAAA;AACrD,UAAA;AAAA;AAEF,QAAA,UAAA,CAAW,KAAK,CAAA;AAChB,QAAA,oBAAA,CAAqB,IAAI,CAAA;AAAA,OACxB,GAAA;AAAA,OACF,CAAC,WAAA,EAAa,qBAAqB,WAAa,EAAA,UAAA,EAAY,OAAO,CAAC,CAAA;AAEvE,IAAM,MAAA,SAAA,GAAY,QAAQ,MAAM;AAC9B,MAAA,IAAI,CAAC,KAAO,EAAA;AACV,QAAO,OAAA,QAAA,GAAW,EAAK,GAAA,IAAA;AAAA;AAEzB,MAAO,OAAA,KAAA;AAAA,KACN,EAAA,CAAC,KAAO,EAAA,QAAQ,CAAC,CAAA;AAEpB,IAAA,WAAA;AAAA,MACE,MAAM;AACJ,QAAA,IAAI,SAAS,OAAS,EAAA;AACpB,UAAA,qBAAA,CAAsB,IAAI,CAAA;AAC1B,UAAA,OAAA,CACG,oBAAqB,CAAA;AAAA,YACpB,KAAA;AAAA,YACA,OAAA;AAAA,YACA,IAAA;AAAA,YACA,QAAA,EAAU,CAAC,KAAS,IAAA,EAAE,CAAE,CAAA,IAAA,EAAO,CAAA,GAAA,CAAI,kBAAkB;AAAA,WACtD,CACA,CAAA,IAAA,CAAK,CAAY,QAAA,KAAA;AAChB,YAAA,oBAAA,CAAqB,SAAS,QAAQ,CAAA;AAAA,WACvC,CACA,CAAA,KAAA,CAAM,MAAM;AAAA,WAEZ,CACA,CAAA,OAAA,CAAQ,MAAM;AACb,YAAA,qBAAA,CAAsB,KAAK,CAAA;AAAA,WAC5B,CAAA;AAAA;AACL,OACF;AAAA,MACA,GAAA;AAAA,MACA,CAAC,KAAO,EAAA,OAAA,EAAS,OAAO;AAAA,KAC1B;AAEA,IAAM,MAAA,0BAAA,GAA6B,CAAC,MAAmB,KAAA;AACrD,MAAA,MAAM,SAAS,CAAC,KAAA,IAAS,EAAE,EAAE,IAAK,EAAA;AAClC,MAAI,IAAA,MAAA,IAAU,OAAO,MAAS,GAAA,GAAA,IAAO,CAAC,MAAO,CAAA,QAAA,CAAS,MAAM,CAAG,EAAA;AAC7D,QAAA,QAAA,CAAS,CAAC,GAAG,MAAQ,EAAA,MAAM,CAAC,CAAA;AAAA;AAC9B,KACF;AAEA,IAAA,IAAI,CAAC,iBAAmB,EAAA;AACtB,MAAO,OAAA,IAAA;AAAA;AAGT,IAAA,4BACG,GACC,EAAA,EAAA,QAAA,EAAA;AAAA,sBAAA,GAAA;AAAA,QAAC,YAAA;AAAA,QAAA;AAAA,UACC,QAAA;AAAA,UACA,aAAa,EAAA,IAAA;AAAA,UACb,YAAY,EAAA,IAAA;AAAA,UACZ,SAAU,EAAA,mBAAA;AAAA,UACV,KAAO,EAAA,SAAA;AAAA,UACP,QAAA;AAAA,UACA,OAAA;AAAA,UACA,WAAA,EAAa,EAAE,gBAAgB,CAAA;AAAA,UAC/B,SAAS,WAAY,CAAA,MAAA,GAAS,CAAI,GAAA,CAAA,MAAA,KAAU,OAAO,IAAO,GAAA,KAAA,CAAA;AAAA,UAC1D,WAAA;AAAA,UACA,iBAAiB,EAAA,IAAA;AAAA,UACjB,IAAA;AAAA,UACA,MAAQ,EAAA,UAAA;AAAA,UACR,OAAA,EAAS,MAAM,OAAA,CAAQ,KAAK,CAAA;AAAA,UAC5B,OAAS,EAAA,iBAAA;AAAA,UACT,cAAgB,EAAA,cAAA;AAAA,UAChB,gBACE,EAAA,4BAAA;AAAA,UAIF,eAAe,EAAA,IAAA;AAAA,UACf,KAAA;AAAA,UACA,iBAAA,EAAmB,CAAC,CAAG,EAAA,CAAA,KACrB,mBAAmB,CAAC,CAAA,KAAM,mBAAmB,CAAC,CAAA;AAAA,UAEhD,QAAA,EAAU,CAAC,EAAA,EAAI,QAAa,KAAA;AAC1B,YAAA,IAAI,QAAU,EAAA;AACZ,cAAA,IAAI,CAAC,QAAU,EAAA;AACb,gBAAA,QAAA,CAAS,EAAE,CAAA;AACX,gBAAA;AAAA;AAEF,cAAA,MAAM,MAAM,KAAM,CAAA,OAAA,CAAQ,QAAQ,CAAI,GAAA,QAAA,GAAW,CAAC,QAAQ,CAAA;AAC1D,cAAA,IAAI,GAAQ,KAAA,IAAA,IAAQ,GAAI,CAAA,MAAA,IAAU,GAAK,EAAA;AACrC,gBAAA,QAAA,CAAS,IAAI,MAAO,CAAA,CAAA,CAAA,KAAK,OAAO,CAAA,KAAM,QAAQ,CAAC,CAAA;AAAA;AACjD,aACK,MAAA;AACL,cAAA,IAAI,CAAC,QAAU,EAAA;AACb,gBAAA;AAAA;AAEF,cAAA,QAAA,CAAS,QAAkB,CAAA;AAAA;AAC7B,WACF;AAAA,UACA,YAAA,EAAc,CAAC,MAAmB,KAAA;AAChC,YAAM,MAAA,WAAA,GAAc,mBAAmB,MAAM,CAAA;AAC7C,YAAA,2BACG,MACC,EAAA,EAAA,QAAA,kBAAA,GAAA;AAAA,cAAC,OAAA;AAAA,cAAA;AAAA,gBACC,KAAK,EAAA,IAAA;AAAA,gBACL,SAAU,EAAA,OAAA;AAAA,gBACV,uBAEI,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,kCAAC,GAAA,CAAA,UAAA,EAAA,EAAY,QAAe,EAAA,cAAA,CAAA,MAAM,CAAE,EAAA,CAAA;AAAA,sCACnC,UAAW,EAAA,EAAA,OAAA,EAAQ,SACjB,EAAA,QAAA,EAAA,oBAAA,CAAqB,MAAM,CAC9B,EAAA;AAAA,iBACF,EAAA,CAAA;AAAA,gBAGF,QAAA,kBAAA,GAAA,CAAC,UAAM,QAAe,EAAA,cAAA,CAAA,MAAA,EAAQ,EAAE,QAAU,EAAA,KAAA,EAAO,CAAE,EAAA;AAAA;AAAA,iBAb5C,WAeX,CAAA;AAAA,WAEJ;AAAA,UACA,aAAa,CAAU,MAAA,KAAA;AACrB,YAAA,IAAI,UAAa,GAAA,EAAA;AACjB,YAAA,IAAI,CAAC,YAAc,EAAA;AACjB,cAAI,IAAA,KAAA,IAAS,MAAM,OAAS,EAAA;AAC1B,gBAAA,UAAA,GAAa,KAAM,CAAA,OAAA;AAAA,eACd,MAAA;AACL,gBAAA,UAAA,GAAa,EAAE,0BAA4B,EAAA;AAAA,kBACzC,GAAA,EAAK,IAAI,QAAS;AAAA,iBACnB,CAAA;AAAA;AACH;AAGF,YACE,uBAAA,GAAA;AAAA,cAAC,SAAA;AAAA,cAAA;AAAA,gBACE,GAAG,MAAA;AAAA,gBACJ,OAAQ,EAAA,UAAA;AAAA,gBACR,MAAO,EAAA,QAAA;AAAA,gBACP,QAAA;AAAA,gBACA,KAAA,EAAO,KAAS,IAAA,CAAA,CAAE,qBAAqB,CAAA;AAAA,gBACvC,WAAA,EAAa,WAAe,IAAA,CAAA,CAAE,2BAA2B,CAAA;AAAA,gBACzD,UAAA;AAAA,gBACA,IAAA;AAAA,gBACA,mBAAqB,EAAA;AAAA,kBACnB,KAAA,EAAO,EAAE,UAAA,EAAY,OAAQ;AAAA,iBAC/B;AAAA,gBACA,UAAY,EAAA;AAAA,kBACV,GAAG,MAAO,CAAA,UAAA;AAAA,kBACV,8BAEK,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,OAAA,uBACE,gBAAiB,EAAA,EAAA,KAAA,EAAM,SAAU,EAAA,IAAA,EAAM,IAAI,CAC1C,GAAA,IAAA;AAAA,oBACH,OAAO,UAAW,CAAA;AAAA,mBACrB,EAAA;AAAA,iBAEJ;AAAA,gBACA,OAAO,KAAU,KAAA,KAAA;AAAA;AAAA,aACnB;AAAA,WAEJ;AAAA,UACC,GAAG;AAAA;AAAA,OACN;AAAA,MACC,iBAAA,EAAmB,SAAS,CAC3B,oBAAA,IAAA,CAAC,OAAI,KAAO,EAAA,EAAE,UAAY,EAAA,KAAA,EACxB,EAAA,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,cAAW,OAAQ,EAAA,SAAA,EAAU,OAAM,eACjC,EAAA,QAAA,EAAA,CAAA,CAAE,iCAAiC,CACtC,EAAA,CAAA;AAAA,4BACC,GAAI,EAAA,EAAA,EAAA,EAAI,GACN,EAAA,QAAA,EAAA,iBAAA,CAAkB,IAAI,CACrB,MAAA,qBAAA,GAAA;AAAA,UAAC,IAAA;AAAA,UAAA;AAAA,YAEC,KAAA,EAAO,eAAe,MAAM,CAAA;AAAA,YAC5B,IAAK,EAAA,OAAA;AAAA,YACL,OAAA,EAAS,MAAM,0BAAA,CAA2B,MAAM,CAAA;AAAA,YAChD,KAAA,EAAO,EAAE,MAAA,EAAQ,aAAc,EAAA;AAAA,YAC/B,QAAA,EACE,CAAC,KAAS,IAAA,EAAE,CACT,CAAA,IAAA,EACA,CAAA,GAAA,CAAI,kBAAkB,CAAA,CACtB,SAAS,kBAAmB,CAAA,MAAM,CAAC,CAAA,IACtC,CAAC,KAAA,IAAS,EAAE,CAAA,CAAE,IAAK,EAAA,CAAE,MAAU,IAAA;AAAA,WAAA;AAAA,UAV5B,mBAAmB,MAAM;AAAA,SAajC,CACH,EAAA;AAAA,OACF,EAAA,CAAA;AAAA,MACC;AAAA,KACL,EAAA,CAAA;AAAA;AAGN;AAEA,aAAA,CAAc,WAAc,GAAA,eAAA;;;;"}
+{"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":";;;;;;;;;;;;;;AAgCO,MAAM,QAAW,GAAA,UAAA,CAetB,CAAC,KAAA,EAAO,IAAS,KAAA;AACjB,EAAM,MAAA;AAAA,IACJ,KAAA;AAAA,IACA,QAAA;AAAA,IACA,KAAA;AAAA,IACA,WAAA;AAAA,IACA,YAAe,GAAA,KAAA;AAAA,IACf,KAAA;AAAA,IACA,IAAO,GAAA,MAAA;AAAA,IACP,KAAA;AAAA,IACA,OAAA;AAAA,IACA,QAAA;AAAA,IACA;AAAA,GACE,GAAA,KAAA;AACJ,EAAM,MAAA,OAAA,GAAU,OAAO,UAAU,CAAA;AACjC,EAAM,MAAA,MAAA,GAAS,OAAO,YAAY,CAAA;AAClC,EAAM,MAAA,WAAA,GAAc,OAAO,gBAAgB,CAAA;AAC3C,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,kBAAkB,CAAA;AAClD,EAAM,MAAA,CAAC,aAAe,EAAA,gBAAgB,CAAI,GAAA,QAAA;AAAA,IACxC;AAAA,GACF;AACA,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAS,IAAI,CAAA;AAC3C,EAAA,MAAM,CAAC,aAAe,EAAA,gBAAgB,CAAI,GAAA,QAAA,CAAmB,EAAE,CAAA;AAC/D,EAAA,MAAM,GAAG,qBAAqB,CAAA,GAAI,SAAS,KAAK,CAAA;AAEhD,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,gBAAgB,KAAW,CAAA,EAAA;AAC7B,MAAA;AAAA;AAGF,IAAA,IAAI,MAAO,CAAA,kBAAA,CAAmB,kBAAkB,CAAA,KAAM,IAAM,EAAA;AAC1D,MAAA,WAAA,CACG,SAAU,CAAA;AAAA,QACT,UAAY,EAAA;AAAA,OACb,EACA,KAAM,CAAA,CAAA,CAAA,KAAK,iBAAiB,KAAK,CAAC,CAClC,CAAA,IAAA,CAAK,CAAO,GAAA,KAAA;AACX,QAAA,IAAI,GAAO,IAAA,GAAA,CAAI,MAAW,KAAA,eAAA,CAAgB,KAAO,EAAA;AAC/C,UAAA,gBAAA,CAAiB,IAAI,CAAA;AAAA,SAChB,MAAA;AACL,UAAA,gBAAA,CAAiB,KAAK,CAAA;AAAA;AACxB,OACD,CAAA;AAAA,KACE,MAAA;AACL,MAAA,gBAAA;AAAA,QACE,MAAA,CAAO,kBAAmB,CAAA,yBAAyB,CAAK,IAAA;AAAA,OAC1D;AAAA;AACF,GACC,EAAA,CAAC,MAAQ,EAAA,WAAA,EAAa,WAAW,CAAC,CAAA;AAErC,EAAA,WAAA;AAAA,IACE,MAAM;AACJ,MAAA,IAAI,SAAS,OAAS,EAAA;AACpB,QAAA,qBAAA,CAAsB,IAAI,CAAA;AAC1B,QACG,OAAA,CAAA,iBAAA,CAAkB,EAAE,KAAA,EAAO,OAAS,EAAA,QAAA,EAAU,OAAO,CAAE,EAAC,CACxD,CAAA,IAAA,CAAK,CAAY,QAAA,KAAA;AAChB,UAAA,gBAAA,CAAiB,SAAS,IAAI,CAAA;AAAA,SAC/B,CACA,CAAA,KAAA,CAAM,MAAM;AAAA,SAEZ,CACA,CAAA,OAAA,CAAQ,MAAM;AACb,UAAA,qBAAA,CAAsB,KAAK,CAAA;AAAA,SAC5B,CAAA;AAAA;AACL,KACF;AAAA,IACA,GAAA;AAAA,IACA,CAAC,KAAA,EAAO,OAAS,EAAA,QAAA,EAAU,OAAO;AAAA,GACpC;AAEA,EAAA,MAAM,WAAc,GAAA,OAAA;AAAA,IAClB,MAAM,MAAA,CAAO,sBAAuB,CAAA,uBAAuB,KAAK,EAAC;AAAA,IACjE,CAAC,MAAM;AAAA,GACT;AACA,EAAA,MAAM,WAAc,GAAA,OAAA;AAAA,IAClB,MAAM,MAAA,CAAO,iBAAkB,CAAA,eAAe,CAAK,IAAA,CAAA;AAAA,IACnD,CAAC,MAAM;AAAA,GACT;AAEA,EAAA,MAAM,CAAC,aAAe,EAAA,gBAAgB,CAAI,GAAA,QAAA,CAAmB,EAAE,CAAA;AAC/D,EAAA,MAAM,CAAC,eAAiB,EAAA,kBAAkB,CAAI,GAAA,QAAA,CAE5C,EAAE,CAAA;AACJ,EAAA,SAAA,CAAU,MAAM;AACd,IACG,OAAA,CAAA,OAAA,EACA,CAAA,KAAA,CAAM,CAAK,CAAA,KAAA,gBAAA,CAAiB,EAAE,CAAC,CAC/B,CAAA,IAAA,CAAK,CAAQ,IAAA,KAAA;AACZ,MAAA,UAAA,CAAW,KAAK,CAAA;AAChB,MAAA,IAAI,CAAC,IAAM,EAAA;AACT,QAAA;AAAA;AAGF,MAAA,MAAM,UAAa,GAAA;AAAA,QACjB,mBAAG,IAAI,GAAI,CAAA,CAAC,GAAG,WAAa,EAAA,GAAG,IAAK,CAAA,IAAA,CAAK,GAAI,CAAA,CAAA,GAAA,KAAO,GAAI,CAAA,GAAG,CAAC,CAAC;AAAA,OAC/D,CAAE,KAAK,CAAC,CAAA,EAAG,MAAM,CAAE,CAAA,aAAA,CAAc,CAAC,CAAC,CAAA;AACnC,MAAA,gBAAA,CAAiB,UAAU,CAAA;AAC3B,MAAA,kBAAA;AAAA,QACE,IAAK,CAAA,IAAA,CAAK,MAAO,CAAA,CAAC,KAAK,GAAQ,KAAA;AAC7B,UAAI,IAAA,CAAC,IAAI,WAAa,EAAA;AACpB,YAAO,OAAA,GAAA;AAAA;AAET,UAAI,GAAA,CAAA,GAAA,CAAI,GAAG,CAAA,GAAI,GAAI,CAAA,WAAA;AACnB,UAAO,OAAA,GAAA;AAAA,SACT,EAAG,EAA4B;AAAA,OACjC;AAAA,KACD,CAAA;AAAA,GACF,EAAA,CAAC,OAAS,EAAA,aAAA,EAAe,WAAW,CAAC,CAAA;AAExC,EAAA,IAAI,CAAC,aAAA,IAAiB,aAAc,CAAA,MAAA,KAAW,CAAG,EAAA;AAChD,IAAO,OAAA,IAAA;AAAA;AAGT,EAAA,MAAM,gBAAgB,MAAM;AAC1B,IAAA,IAAI,YAAc,EAAA;AAChB,MAAO,OAAA,EAAA;AAAA;AAGT,IAAM,MAAA,QAAA,GAAW,EAAE,sBAAwB,EAAA;AAAA,MACzC,GAAA,EAAK,WAAY,CAAA,QAAA,CAAS,EAAE;AAAA,KAC7B,CAAA;AAED,IAAA,IAAI,CAAC,aAAe,EAAA;AAClB,MAAO,OAAA,QAAA;AAAA;AAET,IAAA,OAAO,CAAG,EAAA,QAAQ,CAAK,EAAA,EAAA,CAAA,CAAE,8BAA8B,CAAC,CAAA,CAAA;AAAA,GAC1D;AAEA,EAAM,MAAA,uBAAA,GAA0B,CAAC,GAAgB,KAAA;AAC/C,IAAI,IAAA,KAAA,IAAS,MAAM,MAAS,GAAA,WAAA,IAAe,CAAC,KAAM,CAAA,QAAA,CAAS,GAAG,CAAG,EAAA;AAC/D,MAAA,QAAA,CAAS,CAAC,GAAG,KAAO,EAAA,GAAG,CAAC,CAAA;AAAA;AAC1B,GACF;AAEA,EAAA,4BACG,GACC,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,YAAA;AAAA,MAAA;AAAA,QACC,QAAQ,EAAA,IAAA;AAAA,QACR,EAAG,EAAA,aAAA;AAAA,QACH,SAAU,EAAA,cAAA;AAAA,QACV,KAAA,EAAO,SAAS,EAAC;AAAA,QACjB,OAAA;AAAA,QACA,aAAa,EAAA,IAAA;AAAA,QACb,YAAY,EAAA,IAAA;AAAA,QACZ,WAAA,EAAa,EAAE,gBAAgB,CAAA;AAAA,QAC/B,OAAA,EAAS,iBAAiB,EAAC;AAAA,QAC3B,QAAU,EAAA,aAAA;AAAA,QACV,iBAAiB,EAAA,IAAA;AAAA,QACjB,gBACE,EAAA,4BAAA;AAAA,QAIF,eAAe,EAAA,IAAA;AAAA,QACf,KAAA;AAAA,QACA,cAAc,CAAU,MAAA,KAAA;AACtB,UAAI,IAAA,eAAA,CAAgB,MAAM,CAAG,EAAA;AAC3B,YAAA,2BACG,MACC,EAAA,EAAA,QAAA,kBAAA,GAAA;AAAA,cAAC,OAAA;AAAA,cAAA;AAAA,gBACC,KAAK,EAAA,IAAA;AAAA,gBACL,SAAU,EAAA,OAAA;AAAA,gBACV,KAAO,kBAAA,GAAA,CAAC,UAAY,EAAA,EAAA,QAAA,EAAA,eAAA,CAAgB,MAAM,CAAE,EAAA,CAAA;AAAA,gBAE5C,QAAA,kBAAA,GAAA,CAAC,UAAM,QAAO,EAAA,MAAA,EAAA;AAAA;AAAA,iBANP,MAQX,CAAA;AAAA;AAGJ,UAAO,OAAA,MAAA;AAAA,SACT;AAAA,QACA,QAAA,EAAU,CAAC,EAAA,EAAI,QAAa,KAAA;AAC1B,UAAM,MAAA,IAAA,GAAO,WAAW,QAAQ,CAAA;AAChC,UAAA,IACE,QACA,IAAK,CAAA,MAAA,IAAU,eACf,IAAK,CAAA,MAAA,KAAW,SAAS,MACzB,EAAA;AACA,YAAA,QAAA,CAAS,IAAI,CAAA;AAAA;AACf,SACF;AAAA,QACA,aAAa,CACX,MAAA,qBAAA,GAAA;AAAA,UAAC,SAAA;AAAA,UAAA;AAAA,YACE,GAAG,MAAA;AAAA,YACJ,OAAQ,EAAA,UAAA;AAAA,YACR,MAAO,EAAA,QAAA;AAAA,YACP,KAAA,EAAO,KAAS,IAAA,CAAA,CAAE,iBAAiB,CAAA;AAAA,YACnC,WAAA,EAAa,EAAE,uBAAuB,CAAA;AAAA,YACtC,UAAY,EAAA,KAAA,KAAU,KAAY,CAAA,GAAA,KAAA,CAAM,UAAU,aAAc,EAAA;AAAA,YAChE,mBAAqB,EAAA;AAAA,cACnB,KAAA,EAAO,EAAE,UAAA,EAAY,OAAQ;AAAA,aAC/B;AAAA,YACA,IAAA;AAAA,YACA,UAAY,EAAA;AAAA,cACV,GAAG,MAAO,CAAA,UAAA;AAAA,cACV,8BAEK,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,gBAAA,OAAA,uBACE,gBAAiB,EAAA,EAAA,KAAA,EAAM,SAAU,EAAA,IAAA,EAAM,IAAI,CAC1C,GAAA,IAAA;AAAA,gBACH,OAAO,UAAW,CAAA;AAAA,eACrB,EAAA;AAAA,aAEJ;AAAA,YACA,OAAO,KAAU,KAAA,KAAA;AAAA;AAAA;AACnB;AAAA,KAEJ;AAAA,IACC,aAAA,EAAe,SAAS,CACvB,oBAAA,IAAA,CAAC,OAAI,KAAO,EAAA,EAAE,UAAY,EAAA,KAAA,EACxB,EAAA,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,cAAW,OAAQ,EAAA,SAAA,EAAU,OAAM,eACjC,EAAA,QAAA,EAAA,CAAA,CAAE,yBAAyB,CAC9B,EAAA,CAAA;AAAA,0BACC,GAAI,EAAA,EAAA,EAAA,EAAI,GACN,EAAA,QAAA,EAAA,aAAA,CAAc,IAAI,CACjB,GAAA,qBAAA,GAAA;AAAA,QAAC,IAAA;AAAA,QAAA;AAAA,UAEC,KAAO,EAAA,GAAA;AAAA,UACP,IAAK,EAAA,OAAA;AAAA,UACL,OAAA,EAAS,MAAM,uBAAA,CAAwB,GAAG,CAAA;AAAA,UAC1C,KAAA,EAAO,EAAE,MAAA,EAAQ,aAAc,EAAA;AAAA,UAC/B,UACE,KAAO,EAAA,QAAA,CAAS,GAAG,CAAM,IAAA,CAAA,KAAA,EAAO,UAAU,CAAM,KAAA;AAAA,SAAA;AAAA,QAN7C;AAAA,OASR,CACH,EAAA;AAAA,KACF,EAAA,CAAA;AAAA,IACC;AAAA,GACL,EAAA,CAAA;AAEJ,CAAC;AAED,QAAA,CAAS,WAAc,GAAA,UAAA;;;;"}

package/dist/components/PostHighlightList/PostHighlightList.esm.js

@@ -16,7 +16,7 @@ import { makeStyles, ListItem, Box, ListItemText, Tooltip, Grid, Typography, Ava
 import { Link } from 'react-router-dom';
 import 'react-use/lib/useDebounce';
 import '../FilterPanel/FilterPanel.esm.js';
-import 'lodash';
+import '../QetaContext/QetaContext.esm.js';
 import { useTooltipStyles } from '../../hooks/useTooltipStyles.esm.js';
 import { RightListContainer, RightList } from '../Utility/RightList.esm.js';
 import { Skeleton } from '@material-ui/lab';

package/dist/components/PostsContainer/PostListItem.esm.js

@@ -36,7 +36,7 @@ import 'react-use/lib/useAsync';
 import { Link } from 'react-router-dom';
 import 'react-use/lib/useDebounce';
 import '../FilterPanel/FilterPanel.esm.js';
-import 'lodash';
+import '../QetaContext/QetaContext.esm.js';
 import '@material-ui/icons/Create';
 import { OpenLinkButton } from '../Buttons/OpenLinkButton.esm.js';
 import '@material-ui/icons/PlaylistAdd';

package/dist/components/PostsContainer/PostsContainer.esm.js

@@ -29,11 +29,12 @@ import 'react-use/lib/useAsync';
 import 'react-router-dom';
 import 'react-use/lib/useDebounce';
 import '../FilterPanel/FilterPanel.esm.js';
-import { capitalize } from 'lodash';
+import '../QetaContext/QetaContext.esm.js';
 import '@material-ui/icons/Visibility';
 import '@material-ui/icons/VisibilityOff';
 import '../Buttons/ButtonContainer.esm.js';
 import '../Buttons/RankingButtons.esm.js';
+import { capitalize } from 'lodash';
 import { QetaEntityContainer } from '../QetaEntityContainer/QetaEntityContainer.esm.js';
 import { PostsGridItem } from './PostsGridItem.esm.js';
 import { PostListItem } from './PostListItem.esm.js';

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

@@ -1 +1 @@
-{"version":3,"file":"PostsContainer.esm.js","sources":["../../../src/components/PostsContainer/PostsContainer.tsx"],"sourcesContent":["import {\n  CommonFilterPanelProps,\n  PostFilters,\n} from '../FilterPanel/FilterPanel';\nimport { AskQuestionButton } from '../Buttons/AskQuestionButton';\nimport { EntityRefLink } from '@backstage/plugin-catalog-react';\nimport { TagFollowButton } from '../Buttons/TagFollowButton';\nimport { EntityFollowButton } from '../Buttons/EntityFollowButton';\nimport { CreateLinkButton, WriteArticleButton } from '../Buttons';\nimport { ViewType } from '../ViewToggle/ViewToggle';\nimport { capitalize } from 'lodash';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation';\nimport { Box, Grid, Typography } from '@material-ui/core';\nimport { QetaEntityContainer } from '../QetaEntityContainer/QetaEntityContainer';\nimport { PostsGridItem } from './PostsGridItem';\nimport { PostListItem } from './PostListItem';\nimport { PostResponse, PostType } from '@drodil/backstage-plugin-qeta-common';\nimport { getFiltersWithDateRange } from '../../utils';\nimport { NoPostsCard } from './NoPostsCard';\n\nexport type PostsContainerProps = {\n  type?: PostType;\n  tags?: string[];\n  author?: string;\n  showFilters?: boolean;\n  showTitle?: boolean;\n  title?: string;\n  favorite?: boolean;\n  showAskButton?: boolean;\n  showWriteButton?: boolean;\n  showLinkButton?: boolean;\n  showNoQuestionsBtn?: boolean;\n  collectionId?: number;\n  initialPageSize?: number;\n  entity?: string;\n  filterPanelProps?: CommonFilterPanelProps;\n  showTypeLabel?: boolean;\n  allowRanking?: boolean;\n  defaultView?: ViewType;\n  view?: ViewType;\n  onViewChange?: (view: ViewType) => void;\n  status?: string;\n  prefix?: string;\n  orderBy?:\n    | 'rank'\n    | 'created'\n    | 'title'\n    | 'views'\n    | 'score'\n    | 'trend'\n    | 'answersCount'\n    | 'updated';\n};\n\nexport const PostsContainer = (props: PostsContainerProps) => {\n  const {\n    type,\n    tags,\n    author,\n    entity,\n    showFilters,\n    showTitle,\n    title,\n    favorite,\n    showAskButton,\n    showWriteButton,\n    showLinkButton,\n    showNoQuestionsBtn,\n    showTypeLabel,\n    allowRanking,\n    defaultView,\n    collectionId,\n    initialPageSize,\n    orderBy,\n    prefix,\n  } = props;\n\n  const { t } = useTranslationRef(qetaTranslationRef);\n\n  const itemType = capitalize(t(`common.${type ?? 'post'}` as any, {}));\n  let shownTitle: React.ReactNode = title;\n  let link = undefined;\n  let btn = undefined;\n\n  if (author) {\n    shownTitle = t(`postsContainer.title.by`, { itemType });\n    link = <EntityRefLink entityRef={author} hideIcon defaultKind=\"user\" />;\n  } else if (entity) {\n    shownTitle = t(`postsContainer.title.about`, { itemType });\n    link = <EntityRefLink entityRef={entity} />;\n    btn = <EntityFollowButton entityRef={entity} />;\n  } else if (tags) {\n    shownTitle = `#${tags.join(', #')}`;\n    if (tags.length === 1) {\n      btn = <TagFollowButton tag={tags[0]} />;\n    }\n  } else if (favorite) {\n    shownTitle = t('postsContainer.title.favorite', {\n      itemType: itemType.toLowerCase(),\n    });\n  }\n\n  const headerElement = (showTitle ||\n    showAskButton ||\n    showWriteButton ||\n    showLinkButton) && (\n    <Box mb={3}>\n      <Grid container alignItems=\"center\" justifyContent=\"space-between\">\n        <Grid item>\n          {showTitle && (\n            <Typography\n              variant=\"h5\"\n              className=\"qetaPostsContainerTitle\"\n              style={{ fontWeight: 500, paddingBottom: 2 }}\n            >\n              {shownTitle} {link} {btn}\n            </Typography>\n          )}\n        </Grid>\n        <Grid item>\n          {showAskButton && (\n            <AskQuestionButton\n              entity={entity}\n              entityPage={entity !== undefined}\n              tags={tags}\n            />\n          )}\n          {showWriteButton && (\n            <WriteArticleButton\n              entity={entity}\n              entityPage={entity !== undefined}\n              tags={tags}\n            />\n          )}\n          {showLinkButton && (\n            <CreateLinkButton\n              entity={entity}\n              entityPage={entity !== undefined}\n              tags={tags}\n            />\n          )}\n        </Grid>\n      </Grid>\n    </Box>\n  );\n\n  return (\n    <Box className=\"qetaPostsContainer\">\n      {headerElement}\n      <QetaEntityContainer<PostResponse, PostFilters>\n        prefix={prefix ?? `posts${type ? `-${type}` : ''}`}\n        defaultPageSize={initialPageSize}\n        initialFilters={{\n          order: 'desc',\n          searchQuery: '',\n          orderBy: orderBy ?? 'created',\n          type: type,\n          tags: tags,\n          entity: entity,\n          author: author,\n          noAnswers: 'false',\n          noVotes: 'false',\n          noCorrectAnswer: 'false',\n          status: props.status as any,\n          collectionId: collectionId,\n        }}\n        filterPanelProps={\n          showFilters ?? true\n            ? {\n                mode: 'posts',\n                type: type as PostType,\n                showEntityFilter: entity === undefined,\n                ...props.filterPanelProps,\n              }\n            : undefined\n        }\n        fetchDeps={[type, tags, author, entity, favorite, collectionId]}\n        fetch={(api, limit, offset, filters) => {\n          const { entity: _entity, ...otherFilters } = filters;\n          return api\n            .getPosts({\n              limit,\n              offset,\n              ...(getFiltersWithDateRange(otherFilters) as any),\n              type: type,\n              tags: tags ?? filters.tags,\n              entities: entity ? [entity] : filters.entities,\n              author: author ?? filters.author,\n              favorite: favorite,\n              collectionId: collectionId,\n            })\n            .then(res => ({ items: res.posts, total: res.total }));\n        }}\n        renderGridItem={(post, { retry }) => (\n          <PostsGridItem\n            post={post}\n            entity={entity}\n            type={type as PostType}\n            allowRanking={allowRanking}\n            onRankUpdate={retry}\n            collectionId={collectionId}\n          />\n        )}\n        renderListItem={(post, { retry }) => (\n          <PostListItem\n            post={post}\n            entity={entity}\n            type={type as PostType}\n            showTypeLabel={showTypeLabel}\n            allowRanking={allowRanking}\n            onRankUpdate={retry}\n            collectionId={collectionId}\n          />\n        )}\n        title={total => (\n          <Typography\n            variant=\"h6\"\n            component=\"h2\"\n            className=\"qetaPostsContainerQuestionCount\"\n            style={{ fontWeight: 500, paddingBottom: 2 }}\n          >\n            {t('common.posts', { count: total, itemType })}\n          </Typography>\n        )}\n        searchPlaceholder={t('postsContainer.search.label', {\n          itemType: itemType.toLowerCase(),\n        })}\n        emptyMessage={t('common.posts', { count: 0, itemType })}\n        getKey={post => post.id}\n        defaultView={defaultView} // Pass the view prop as defaultView\n        emptyState={\n          <NoPostsCard\n            showNoPostsBtn={showNoQuestionsBtn}\n            entity={entity}\n            entityPage={entity !== undefined}\n            tags={tags}\n            type={type}\n          />\n        }\n      />\n    </Box>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"PostsContainer.esm.js","sources":["../../../src/components/PostsContainer/PostsContainer.tsx"],"sourcesContent":["import {\n  CommonFilterPanelProps,\n  PostFilters,\n} from '../FilterPanel/FilterPanel';\nimport { AskQuestionButton } from '../Buttons/AskQuestionButton';\nimport { EntityRefLink } from '@backstage/plugin-catalog-react';\nimport { TagFollowButton } from '../Buttons/TagFollowButton';\nimport { EntityFollowButton } from '../Buttons/EntityFollowButton';\nimport { CreateLinkButton, WriteArticleButton } from '../Buttons';\nimport { ViewType } from '../ViewToggle/ViewToggle';\nimport { capitalize } from 'lodash';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation';\nimport { Box, Grid, Typography } from '@material-ui/core';\nimport { QetaEntityContainer } from '../QetaEntityContainer/QetaEntityContainer';\nimport { PostsGridItem } from './PostsGridItem';\nimport { PostListItem } from './PostListItem';\nimport { PostResponse, PostType } from '@drodil/backstage-plugin-qeta-common';\nimport { getFiltersWithDateRange } from '../../utils';\nimport { NoPostsCard } from './NoPostsCard';\n\nexport type PostsContainerProps = {\n  type?: PostType;\n  tags?: string[];\n  author?: string;\n  showFilters?: boolean;\n  showTitle?: boolean;\n  title?: string;\n  favorite?: boolean;\n  showAskButton?: boolean;\n  showWriteButton?: boolean;\n  showLinkButton?: boolean;\n  showNoQuestionsBtn?: boolean;\n  collectionId?: number;\n  initialPageSize?: number;\n  entity?: string;\n  filterPanelProps?: CommonFilterPanelProps;\n  showTypeLabel?: boolean;\n  allowRanking?: boolean;\n  defaultView?: ViewType;\n  view?: ViewType;\n  onViewChange?: (view: ViewType) => void;\n  status?: string;\n  prefix?: string;\n  orderBy?:\n    | 'rank'\n    | 'created'\n    | 'title'\n    | 'views'\n    | 'score'\n    | 'trend'\n    | 'answersCount'\n    | 'updated';\n};\n\nexport const PostsContainer = (props: PostsContainerProps) => {\n  const {\n    type,\n    tags,\n    author,\n    entity,\n    showFilters,\n    showTitle,\n    title,\n    favorite,\n    showAskButton,\n    showWriteButton,\n    showLinkButton,\n    showNoQuestionsBtn,\n    showTypeLabel,\n    allowRanking,\n    defaultView,\n    collectionId,\n    initialPageSize,\n    orderBy,\n    prefix,\n  } = props;\n\n  const { t } = useTranslationRef(qetaTranslationRef);\n\n  const itemType = capitalize(t(`common.${type ?? 'post'}` as any, {}));\n  let shownTitle: React.ReactNode = title;\n  let link = undefined;\n  let btn = undefined;\n\n  if (author) {\n    shownTitle = t(`postsContainer.title.by`, { itemType });\n    link = <EntityRefLink entityRef={author} hideIcon defaultKind=\"user\" />;\n  } else if (entity) {\n    shownTitle = t(`postsContainer.title.about`, { itemType });\n    link = <EntityRefLink entityRef={entity} />;\n    btn = <EntityFollowButton entityRef={entity} />;\n  } else if (tags) {\n    shownTitle = `#${tags.join(', #')}`;\n    if (tags.length === 1) {\n      btn = <TagFollowButton tag={tags[0]} />;\n    }\n  } else if (favorite) {\n    shownTitle = t('postsContainer.title.favorite', {\n      itemType: itemType.toLowerCase(),\n    });\n  }\n\n  const headerElement = (showTitle ||\n    showAskButton ||\n    showWriteButton ||\n    showLinkButton) && (\n    <Box mb={3}>\n      <Grid container alignItems=\"center\" justifyContent=\"space-between\">\n        <Grid item>\n          {showTitle && (\n            <Typography\n              variant=\"h5\"\n              className=\"qetaPostsContainerTitle\"\n              style={{ fontWeight: 500, paddingBottom: 2 }}\n            >\n              {shownTitle} {link} {btn}\n            </Typography>\n          )}\n        </Grid>\n        <Grid item>\n          {showAskButton && (\n            <AskQuestionButton\n              entity={entity}\n              entityPage={entity !== undefined}\n              tags={tags}\n            />\n          )}\n          {showWriteButton && (\n            <WriteArticleButton\n              entity={entity}\n              entityPage={entity !== undefined}\n              tags={tags}\n            />\n          )}\n          {showLinkButton && (\n            <CreateLinkButton\n              entity={entity}\n              entityPage={entity !== undefined}\n              tags={tags}\n            />\n          )}\n        </Grid>\n      </Grid>\n    </Box>\n  );\n\n  return (\n    <Box className=\"qetaPostsContainer\">\n      {headerElement}\n      <QetaEntityContainer<PostResponse, PostFilters>\n        prefix={prefix ?? `posts${type ? `-${type}` : ''}`}\n        defaultPageSize={initialPageSize}\n        initialFilters={{\n          order: 'desc',\n          searchQuery: '',\n          orderBy: orderBy ?? 'created',\n          type: type,\n          tags: tags,\n          entity: entity,\n          author: author,\n          noAnswers: 'false',\n          noVotes: 'false',\n          noCorrectAnswer: 'false',\n          status: props.status as any,\n          collectionId: collectionId,\n        }}\n        filterPanelProps={\n          showFilters ?? true\n            ? {\n                mode: 'posts',\n                type: type as PostType,\n                showEntityFilter: entity === undefined,\n                ...props.filterPanelProps,\n              }\n            : undefined\n        }\n        fetchDeps={[type, tags, author, entity, favorite, collectionId]}\n        fetch={(api, limit, offset, filters) => {\n          const { entity: _entity, ...otherFilters } = filters;\n          return api\n            .getPosts({\n              limit,\n              offset,\n              ...(getFiltersWithDateRange(otherFilters) as any),\n              type: type,\n              tags: tags ?? filters.tags,\n              entities: entity ? [entity] : filters.entities,\n              author: author ?? filters.author,\n              favorite: favorite,\n              collectionId: collectionId,\n            })\n            .then(res => ({ items: res.posts, total: res.total }));\n        }}\n        renderGridItem={(post, { retry }) => (\n          <PostsGridItem\n            post={post}\n            entity={entity}\n            type={type as PostType}\n            allowRanking={allowRanking}\n            onRankUpdate={retry}\n            collectionId={collectionId}\n          />\n        )}\n        renderListItem={(post, { retry }) => (\n          <PostListItem\n            post={post}\n            entity={entity}\n            type={type as PostType}\n            showTypeLabel={showTypeLabel}\n            allowRanking={allowRanking}\n            onRankUpdate={retry}\n            collectionId={collectionId}\n          />\n        )}\n        title={total => (\n          <Typography\n            variant=\"h6\"\n            component=\"h2\"\n            className=\"qetaPostsContainerQuestionCount\"\n            style={{ fontWeight: 500, paddingBottom: 2 }}\n          >\n            {t('common.posts', { count: total, itemType })}\n          </Typography>\n        )}\n        searchPlaceholder={t('postsContainer.search.label', {\n          itemType: itemType.toLowerCase(),\n        })}\n        emptyMessage={t('common.posts', { count: 0, itemType })}\n        getKey={post => post.id}\n        defaultView={defaultView} // Pass the view prop as defaultView\n        emptyState={\n          <NoPostsCard\n            showNoPostsBtn={showNoQuestionsBtn}\n            entity={entity}\n            entityPage={entity !== undefined}\n            tags={tags}\n            type={type}\n          />\n        }\n      />\n    </Box>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/PostsContainer/PostsGridItem.esm.js

@@ -35,7 +35,7 @@ import '@backstage/plugin-catalog-react';
 import 'react-use/lib/useAsync';
 import 'react-use/lib/useDebounce';
 import '../FilterPanel/FilterPanel.esm.js';
-import 'lodash';
+import '../QetaContext/QetaContext.esm.js';
 import '@material-ui/icons/Create';
 import '@material-ui/icons/PlaylistAdd';
 import '@material-ui/icons/AddCircle';

package/dist/components/PostsTable/PostsTable.esm.js

@@ -20,7 +20,7 @@ import { Grid, Typography, ButtonGroup, Button, TableContainer, Table, TableHead
 import 'react-router-dom';
 import 'react-use/lib/useDebounce';
 import '../FilterPanel/FilterPanel.esm.js';
-import 'lodash';
+import '../QetaContext/QetaContext.esm.js';
 import RefreshIcon from '@material-ui/icons/Refresh';
 import { LoadingGrid } from '../LoadingGrid/LoadingGrid.esm.js';
 

package/dist/components/QetaContext/QetaContext.esm.js

@@ -1,13 +1,154 @@
 import { jsx } from 'react/jsx-runtime';
-import { createContext, useState, useContext } from 'react';
+import { createContext, useState, useRef, useEffect, useCallback, useMemo, useContext } from 'react';
+import { useApi, storageApiRef } from '@backstage/core-plugin-api';
+import { merge } from 'lodash';
 
+const DEFAULT_SETTINGS = {
+  autoSaveEnabled: false,
+  anonymousPosting: false,
+  filterPanelExpanded: {},
+  viewType: {},
+  aiAnswerExpanded: false,
+  usePagination: false
+};
+const BUCKET_KEY = "qeta";
+const STORAGE_KEY = "qeta-user-settings";
 const QetaContext = createContext({
   remarkPlugins: [],
-  rehypePlugins: []
+  rehypePlugins: [],
+  settings: DEFAULT_SETTINGS,
+  updateSettings: async () => {
+  },
+  getSetting: (key) => DEFAULT_SETTINGS[key],
+  setSetting: async () => {
+  },
+  resetSettings: async () => {
+  },
+  isSettingsLoaded: false
 });
 const QetaProvider = (props) => {
+  const storageApi = useApi(storageApiRef);
+  const [settings, setSettings] = useState(DEFAULT_SETTINGS);
+  const [isSettingsLoaded, setIsSettingsLoaded] = useState(false);
+  const settingsRef = useRef(DEFAULT_SETTINGS);
+  const isUpdatingRef = useRef(false);
   const [draftQuestion, setDraftQuestion] = useState(void 0);
-  return /* @__PURE__ */ jsx(QetaContext.Provider, { value: { ...props, draftQuestion, setDraftQuestion }, children: props.children });
+  useEffect(() => {
+    settingsRef.current = settings;
+  }, [settings]);
+  useEffect(() => {
+    const bucket = storageApi.forBucket(BUCKET_KEY);
+    isUpdatingRef.current = false;
+    const snapshot = bucket.snapshot(STORAGE_KEY);
+    const stored = snapshot.value;
+    if (stored) {
+      const merged = merge({}, DEFAULT_SETTINGS, stored);
+      setSettings(merged);
+      settingsRef.current = merged;
+    } else {
+      setSettings(DEFAULT_SETTINGS);
+      settingsRef.current = DEFAULT_SETTINGS;
+    }
+    setIsSettingsLoaded(true);
+    const subscription = bucket.observe$(STORAGE_KEY).subscribe({
+      next: (newSnapshot) => {
+        if (isUpdatingRef.current) {
+          return;
+        }
+        const value = newSnapshot.value;
+        if (value) {
+          const merged = merge({}, DEFAULT_SETTINGS, value);
+          setSettings(merged);
+          settingsRef.current = merged;
+        }
+      }
+    });
+    return () => {
+      subscription.unsubscribe();
+    };
+  }, [storageApi]);
+  const updateSettings = useCallback(
+    async (updates) => {
+      const bucket = storageApi.forBucket(BUCKET_KEY);
+      const snapshot = bucket.snapshot(STORAGE_KEY);
+      const storedSettings = snapshot.value;
+      const currentSettings = storedSettings ? merge({}, DEFAULT_SETTINGS, storedSettings) : settingsRef.current;
+      const newSettings = { ...currentSettings };
+      Object.keys(updates).forEach((key) => {
+        const k = key;
+        const value = updates[k];
+        if (Object.hasOwn(updates, k)) {
+          if (k === "viewType" || k === "filterPanelExpanded") {
+            const currentValue = currentSettings[k] || {};
+            const updateValue = value || {};
+            const merged = { ...currentValue };
+            Object.keys(updateValue).forEach((subKey) => {
+              if (updateValue[subKey] === void 0) {
+                delete merged[subKey];
+              } else {
+                merged[subKey] = updateValue[subKey];
+              }
+            });
+            newSettings[k] = merged;
+          } else if (value !== void 0 && value && typeof value === "object" && !Array.isArray(value)) {
+            newSettings[k] = merge({}, currentSettings[k], value);
+          } else if (value !== void 0) {
+            newSettings[k] = value;
+          }
+        }
+      });
+      settingsRef.current = newSettings;
+      setSettings(newSettings);
+      isUpdatingRef.current = true;
+      try {
+        await bucket.set(STORAGE_KEY, newSettings);
+      } finally {
+        await Promise.resolve();
+        isUpdatingRef.current = false;
+      }
+    },
+    [storageApi]
+  );
+  const getSetting = useCallback(
+    (key) => {
+      return settingsRef.current[key] ?? DEFAULT_SETTINGS[key];
+    },
+    []
+  );
+  const setSetting = useCallback(
+    async (key, value) => {
+      await updateSettings({ [key]: value });
+    },
+    [updateSettings]
+  );
+  const resetSettings = useCallback(async () => {
+    await updateSettings(DEFAULT_SETTINGS);
+  }, [updateSettings]);
+  const contextValue = useMemo(
+    () => ({
+      ...props,
+      draftQuestion,
+      setDraftQuestion,
+      settings,
+      updateSettings,
+      getSetting,
+      setSetting,
+      resetSettings,
+      isSettingsLoaded
+    }),
+    [
+      props,
+      draftQuestion,
+      setDraftQuestion,
+      settings,
+      updateSettings,
+      getSetting,
+      setSetting,
+      resetSettings,
+      isSettingsLoaded
+    ]
+  );
+  return /* @__PURE__ */ jsx(QetaContext.Provider, { value: contextValue, children: props.children });
 };
 function useQetaContext() {
   const context = useContext(QetaContext);
@@ -16,7 +157,16 @@ function useQetaContext() {
       remarkPlugins: [],
       rehypePlugins: [],
       draftQuestion: void 0,
-      setDraftQuestion: void 0
+      setDraftQuestion: void 0,
+      settings: DEFAULT_SETTINGS,
+      updateSettings: async () => {
+      },
+      getSetting: (key) => DEFAULT_SETTINGS[key],
+      setSetting: async () => {
+      },
+      resetSettings: async () => {
+      },
+      isSettingsLoaded: false
     };
   }
   return context;

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

@@ -1 +1 @@
-{"version":3,"file":"QetaContext.esm.js","sources":["../../../src/components/QetaContext/QetaContext.tsx"],"sourcesContent":["import {\n  createContext,\n  Dispatch,\n  PropsWithChildren,\n  SetStateAction,\n  useContext,\n  useState,\n} from 'react';\nimport type { PluggableList } from 'unified';\n\nexport type QetaContextProps = {\n  remarkPlugins?: PluggableList;\n  rehypePlugins?: PluggableList;\n  draftQuestion?: {\n    title: string;\n    content: string;\n    tags?: string[];\n    entities?: string[];\n  };\n  setDraftQuestion?: Dispatch<\n    SetStateAction<\n      | {\n          title: string;\n          content: string;\n          tags?: string[];\n          entities?: string[];\n        }\n      | undefined\n    >\n  >;\n};\n\nexport const QetaContext = createContext<QetaContextProps>({\n  remarkPlugins: [],\n  rehypePlugins: [],\n});\n\nexport const QetaProvider = (props: PropsWithChildren<QetaContextProps>) => {\n  const [draftQuestion, setDraftQuestion] = useState<\n    | {\n        title: string;\n        content: string;\n        tags?: string[];\n        entities?: string[];\n      }\n    | undefined\n  >(undefined);\n\n  return (\n    <QetaContext.Provider value={{ ...props, draftQuestion, setDraftQuestion }}>\n      {props.children}\n    </QetaContext.Provider>\n  );\n};\n\nexport function useQetaContext(): QetaContextProps {\n  const context = useContext(QetaContext);\n\n  if (!context) {\n    return {\n      remarkPlugins: [],\n      rehypePlugins: [],\n      draftQuestion: undefined,\n      setDraftQuestion: undefined,\n    };\n  }\n\n  return context;\n}\n"],"names":[],"mappings":";;;AAgCO,MAAM,cAAc,aAAgC,CAAA;AAAA,EACzD,eAAe,EAAC;AAAA,EAChB,eAAe;AACjB,CAAC;AAEY,MAAA,YAAA,GAAe,CAAC,KAA+C,KAAA;AAC1E,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAI,SAQxC,KAAS,CAAA,CAAA;AAEX,EAAA,uBACG,GAAA,CAAA,WAAA,CAAY,QAAZ,EAAA,EAAqB,KAAO,EAAA,EAAE,GAAG,KAAA,EAAO,aAAe,EAAA,gBAAA,EACrD,EAAA,QAAA,EAAA,KAAA,CAAM,QACT,EAAA,CAAA;AAEJ;AAEO,SAAS,cAAmC,GAAA;AACjD,EAAM,MAAA,OAAA,GAAU,WAAW,WAAW,CAAA;AAEtC,EAAA,IAAI,CAAC,OAAS,EAAA;AACZ,IAAO,OAAA;AAAA,MACL,eAAe,EAAC;AAAA,MAChB,eAAe,EAAC;AAAA,MAChB,aAAe,EAAA,KAAA,CAAA;AAAA,MACf,gBAAkB,EAAA,KAAA;AAAA,KACpB;AAAA;AAGF,EAAO,OAAA,OAAA;AACT;;;;"}
+{"version":3,"file":"QetaContext.esm.js","sources":["../../../src/components/QetaContext/QetaContext.tsx"],"sourcesContent":["import {\n  createContext,\n  Dispatch,\n  PropsWithChildren,\n  SetStateAction,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport type { PluggableList } from 'unified';\nimport { storageApiRef, useApi } from '@backstage/core-plugin-api';\nimport { merge } from 'lodash';\nimport { ViewType } from '../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 type QetaContextProps = {\n  remarkPlugins?: PluggableList;\n  rehypePlugins?: PluggableList;\n  draftQuestion?: {\n    title: string;\n    content: string;\n    tags?: string[];\n    entities?: string[];\n  };\n  setDraftQuestion?: Dispatch<\n    SetStateAction<\n      | {\n          title: string;\n          content: string;\n          tags?: string[];\n          entities?: string[];\n        }\n      | undefined\n    >\n  >;\n  settings?: UserSettings;\n  updateSettings?: (updates: Partial<UserSettings>) => Promise<void>;\n  getSetting?: <K extends keyof UserSettings>(key: K) => UserSettings[K];\n  setSetting?: <K extends keyof UserSettings>(\n    key: K,\n    value: UserSettings[K],\n  ) => Promise<void>;\n  resetSettings?: () => Promise<void>;\n  isSettingsLoaded?: boolean;\n};\n\nexport const QetaContext = createContext<QetaContextProps>({\n  remarkPlugins: [],\n  rehypePlugins: [],\n  settings: DEFAULT_SETTINGS,\n  updateSettings: async () => {},\n  getSetting: <K extends keyof UserSettings>(key: K): UserSettings[K] =>\n    DEFAULT_SETTINGS[key],\n  setSetting: async () => {},\n  resetSettings: async () => {},\n  isSettingsLoaded: false,\n});\n\nexport const QetaProvider = (props: PropsWithChildren<QetaContextProps>) => {\n  const storageApi = useApi(storageApiRef);\n  const [settings, setSettings] = useState<UserSettings>(DEFAULT_SETTINGS);\n  const [isSettingsLoaded, setIsSettingsLoaded] = useState(false);\n  const settingsRef = useRef<UserSettings>(DEFAULT_SETTINGS);\n  const isUpdatingRef = useRef(false);\n\n  const [draftQuestion, setDraftQuestion] = useState<\n    | {\n        title: string;\n        content: string;\n        tags?: string[];\n        entities?: string[];\n      }\n    | undefined\n  >(undefined);\n\n  useEffect(() => {\n    settingsRef.current = settings;\n  }, [settings]);\n\n  useEffect(() => {\n    const bucket = storageApi.forBucket(BUCKET_KEY);\n\n    isUpdatingRef.current = false;\n\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    setIsSettingsLoaded(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\n      const snapshot = bucket.snapshot(STORAGE_KEY);\n      const storedSettings = snapshot.value as UserSettings | undefined;\n      const currentSettings = storedSettings\n        ? merge({}, DEFAULT_SETTINGS, storedSettings)\n        : 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 (Object.hasOwn(updates, k)) {\n          if (k === 'viewType' || k === 'filterPanelExpanded') {\n            const currentValue = currentSettings[k] || {};\n            const updateValue = (value || {}) as Record<string, any>;\n            const merged = { ...currentValue };\n\n            Object.keys(updateValue).forEach(subKey => {\n              if (updateValue[subKey] === undefined) {\n                delete merged[subKey];\n              } else {\n                merged[subKey] = updateValue[subKey];\n              }\n            });\n\n            newSettings[k] = merged as any;\n          } else if (\n            value !== undefined &&\n            value &&\n            typeof value === 'object' &&\n            !Array.isArray(value)\n          ) {\n            newSettings[k] = merge({}, currentSettings[k], value);\n          } else if (value !== undefined) {\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        await Promise.resolve();\n        isUpdatingRef.current = false;\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    await updateSettings(DEFAULT_SETTINGS);\n  }, [updateSettings]);\n\n  const contextValue = useMemo(\n    () => ({\n      ...props,\n      draftQuestion,\n      setDraftQuestion,\n      settings,\n      updateSettings,\n      getSetting,\n      setSetting,\n      resetSettings,\n      isSettingsLoaded,\n    }),\n    [\n      props,\n      draftQuestion,\n      setDraftQuestion,\n      settings,\n      updateSettings,\n      getSetting,\n      setSetting,\n      resetSettings,\n      isSettingsLoaded,\n    ],\n  );\n\n  return (\n    <QetaContext.Provider value={contextValue}>\n      {props.children}\n    </QetaContext.Provider>\n  );\n};\n\nexport function useQetaContext(): QetaContextProps {\n  const context = useContext(QetaContext);\n\n  if (!context) {\n    return {\n      remarkPlugins: [],\n      rehypePlugins: [],\n      draftQuestion: undefined,\n      setDraftQuestion: undefined,\n      settings: DEFAULT_SETTINGS,\n      updateSettings: async () => {},\n      getSetting: <K extends keyof UserSettings>(key: K): UserSettings[K] =>\n        DEFAULT_SETTINGS[key],\n      setSetting: async () => {},\n      resetSettings: async () => {},\n      isSettingsLoaded: false,\n    };\n  }\n\n  return context;\n}\n"],"names":[],"mappings":"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"}

package/dist/components/QuestionCard/QuestionCard.esm.js

@@ -35,7 +35,7 @@ import '@drodil/backstage-plugin-qeta-common';
 import '@backstage/plugin-permission-common';
 import 'react-use/lib/useDebounce';
 import '../FilterPanel/FilterPanel.esm.js';
-import 'lodash';
+import '../QetaContext/QetaContext.esm.js';
 import { AuthorBoxes } from '../AuthorBox/AuthorBoxes.esm.js';
 
 const useStyles = makeStyles(

package/dist/components/SuggestionsCard/SuggestionsCard.esm.js

@@ -18,7 +18,7 @@ import { makeStyles, Card, CardHeader, IconButton, Divider, List, ListItem, List
 import { Link } from 'react-router-dom';
 import 'react-use/lib/useDebounce';
 import '../FilterPanel/FilterPanel.esm.js';
-import 'lodash';
+import '../QetaContext/QetaContext.esm.js';
 import { Skeleton } from '@material-ui/lab';
 import AssistantIcon from '@material-ui/icons/Assistant';
 import HelpOutlinedIcon from '@material-ui/icons/HelpOutlined';

package/dist/components/TagsAndEntities/EntityChip.esm.js

@@ -20,7 +20,7 @@ import { Tooltip, Chip, Grid, Box, Typography, Button } from '@material-ui/core'
 import { Link } from 'react-router-dom';
 import 'react-use/lib/useDebounce';
 import '../FilterPanel/FilterPanel.esm.js';
-import 'lodash';
+import '../QetaContext/QetaContext.esm.js';
 import VisibilityOff from '@material-ui/icons/VisibilityOff';
 import Visibility from '@material-ui/icons/Visibility';
 import { useTooltipStyles } from '../../hooks/useTooltipStyles.esm.js';

package/dist/components/TagsAndEntities/TagChip.esm.js

@@ -21,7 +21,7 @@ import { Tooltip, Chip, Grid, Box, Typography, Button } from '@material-ui/core'
 import { Link } from 'react-router-dom';
 import 'react-use/lib/useDebounce';
 import '../FilterPanel/FilterPanel.esm.js';
-import 'lodash';
+import '../QetaContext/QetaContext.esm.js';
 import VisibilityOff from '@material-ui/icons/VisibilityOff';
 import Visibility from '@material-ui/icons/Visibility';
 import LoyaltyOutlined from '@material-ui/icons/LoyaltyOutlined';

package/dist/components/TagsAndEntities/UserChip.esm.js

@@ -18,7 +18,7 @@ import { Grid, Box, Avatar, Typography, Button } from '@material-ui/core';
 import 'react-router-dom';
 import 'react-use/lib/useDebounce';
 import '../FilterPanel/FilterPanel.esm.js';
-import 'lodash';
+import '../QetaContext/QetaContext.esm.js';
 import '@backstage/plugin-catalog-react';
 import VisibilityOff from '@material-ui/icons/VisibilityOff';
 import Visibility from '@material-ui/icons/Visibility';

package/dist/components/TagsContainer/TagListItem.esm.js

@@ -35,7 +35,7 @@ import '@backstage/plugin-permission-react';
 import '@backstage/plugin-permission-common';
 import 'react-use/lib/useDebounce';
 import '../FilterPanel/FilterPanel.esm.js';
-import 'lodash';
+import '../QetaContext/QetaContext.esm.js';
 
 const useStyles = makeStyles((theme) => ({
   icon: {

package/dist/components/TemplateList/TemplateForm.esm.js

@@ -19,8 +19,9 @@ import { TextField, Button } from '@material-ui/core';
 import 'react-router-dom';
 import 'react-use/lib/useDebounce';
 import '../FilterPanel/FilterPanel.esm.js';
-import { compact } from 'lodash';
+import '../QetaContext/QetaContext.esm.js';
 import { useForm, Controller } from 'react-hook-form';
+import { compact } from 'lodash';
 import { MarkdownEditor } from '../MarkdownEditor/MarkdownEditor.esm.js';
 import { TagInput } from '../PostForm/TagInput.esm.js';
 import { EntitiesInput } from '../PostForm/EntitiesInput.esm.js';