@drodil/backstage-plugin-qeta-react 3.41.5 → 3.41.6

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

@@ -13,6 +13,16 @@ import { compact } from 'lodash';
 import { renderGroup, AutocompleteListboxComponent } from './AutocompleteListComponent.esm.js';
 import { getSupportedEntityKinds } from '@drodil/backstage-plugin-qeta-common';
 
+const CATALOG_FIELDS = [
+  "kind",
+  "metadata.name",
+  "metadata.namespace",
+  "metadata.title",
+  "metadata.description",
+  "spec.type",
+  "spec.profile.displayName",
+  "spec.profile.email"
+];
 const EntitiesInput = (props) => {
   const {
     value,
@@ -60,16 +70,15 @@ const EntitiesInput = (props) => {
       if (singleValue) {
         const entity = await catalogApi.getEntityByRef(singleValue);
         setLoading(false);
-        if (entity) {
-          setAvailableEntities([entity]);
-        }
+        setAvailableEntities(entity ? [entity] : null);
         return;
       }
       if (useOnlyUsedEntities) {
         const qetaEntities = await qetaApi.getEntities();
         const refs = qetaEntities.entities.map((r) => r.entityRef);
         const catalogData = await catalogApi.getEntitiesByRefs({
-          entityRefs: refs
+          entityRefs: refs,
+          fields: CATALOG_FIELDS
         });
         setLoading(false);
         setAvailableEntities(
@@ -80,25 +89,16 @@ const EntitiesInput = (props) => {
         return;
       }
       if (entityKinds && entityKinds.length > 0) {
-        const entities = await catalogApi.getEntities({
+        const entities = await catalogApi.queryEntities({
           filter: { kind: entityKinds },
-          fields: [
-            "kind",
-            "metadata.name",
-            "metadata.namespace",
-            "metadata.title",
-            "metadata.description",
-            "spec.type",
-            "spec.profile.displayName",
-            "spec.profile.email"
+          fields: CATALOG_FIELDS,
+          orderFields: [
+            { field: "kind", order: "asc" },
+            { field: "metadata.title", order: "asc" }
           ]
         });
         setLoading(false);
-        setAvailableEntities(
-          entities ? entities.items.sort(
-            (a, b) => getEntityTitle(a).localeCompare(getEntityTitle(b))
-          ) : null
-        );
+        setAvailableEntities(entities ? entities.items : null);
         return;
       }
       setLoading(false);

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  CircularProgress,\n  TextField,\n  Tooltip,\n  Typography,\n} from '@material-ui/core';\nimport {\n  ComponentType,\n  CSSProperties,\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';\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};\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\nexport const EntitiesInput = (props: EntitiesInputProps) => {\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  } = 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\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        if (entity) {\n          setAvailableEntities([entity]);\n        }\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        });\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: [\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        });\n        setLoading(false);\n        setAvailableEntities(\n          entities\n            ? entities.items.sort((a, b) =>\n                getEntityTitle(a).localeCompare(getEntityTitle(b)),\n              )\n            : null,\n        );\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  if (!availableEntities) {\n    return null;\n  }\n\n  return (\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', { max: max.toString() });\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  );\n};\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  CircularProgress,\n  TextField,\n  Tooltip,\n  Typography,\n} from '@material-ui/core';\nimport {\n  ComponentType,\n  CSSProperties,\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';\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};\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 = (props: EntitiesInputProps) => {\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  } = 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\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.queryEntities({\n          filter: { kind: entityKinds },\n          fields: CATALOG_FIELDS,\n          orderFields: [\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  if (!availableEntities) {\n    return null;\n  }\n\n  return (\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', { max: max.toString() });\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  );\n};\n"],"names":[],"mappings":"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"}

package/package.json

@@ -7,7 +7,7 @@
     "frontend",
     "backstage.io"
   ],
-  "version": "3.41.5",
+  "version": "3.41.6",
   "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.2",
     "@backstage/plugin-permission-react": "^0.4.37",
     "@backstage/plugin-signals-react": "^0.0.16",
-    "@drodil/backstage-plugin-qeta-common": "^3.41.5",
+    "@drodil/backstage-plugin-qeta-common": "^3.41.6",
     "@jsdevtools/rehype-toc": "^3.0.2",
     "@material-ui/core": "^4.12.2",
     "@material-ui/icons": "^4.11.3",