@drodil/backstage-plugin-qeta-react 3.15.1 → 3.15.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/PostForm/AutocompleteListComponent.esm.js +73 -0
- package/dist/components/PostForm/AutocompleteListComponent.esm.js.map +1 -0
- package/dist/components/PostForm/EntitiesInput.esm.js +16 -3
- package/dist/components/PostForm/EntitiesInput.esm.js.map +1 -1
- package/dist/components/PostForm/TagInput.esm.js +13 -2
- package/dist/components/PostForm/TagInput.esm.js.map +1 -1
- package/package.json +5 -3
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
import { VariableSizeList } from 'react-window';
|
|
2
|
+
import React__default from 'react';
|
|
3
|
+
import { useTheme, useMediaQuery, ListSubheader } from '@material-ui/core';
|
|
4
|
+
|
|
5
|
+
const LISTBOX_PADDING = 8;
|
|
6
|
+
function renderRow(props) {
|
|
7
|
+
const { data, index, style } = props;
|
|
8
|
+
return React__default.cloneElement(data[index], {
|
|
9
|
+
style: {
|
|
10
|
+
...style,
|
|
11
|
+
top: style.top + LISTBOX_PADDING
|
|
12
|
+
}
|
|
13
|
+
});
|
|
14
|
+
}
|
|
15
|
+
const OuterElementContext = React__default.createContext({});
|
|
16
|
+
const OuterElementType = React__default.forwardRef((props, ref) => {
|
|
17
|
+
const outerProps = React__default.useContext(OuterElementContext);
|
|
18
|
+
return /* @__PURE__ */ React__default.createElement("div", { ref, ...props, ...outerProps });
|
|
19
|
+
});
|
|
20
|
+
function useResetCache(data) {
|
|
21
|
+
const ref = React__default.useRef(null);
|
|
22
|
+
React__default.useEffect(() => {
|
|
23
|
+
if (ref.current !== null) {
|
|
24
|
+
ref.current.resetAfterIndex(0, true);
|
|
25
|
+
}
|
|
26
|
+
}, [data]);
|
|
27
|
+
return ref;
|
|
28
|
+
}
|
|
29
|
+
const renderGroup = (params) => [
|
|
30
|
+
/* @__PURE__ */ React__default.createElement(ListSubheader, { key: params.key, component: "div" }, params.group),
|
|
31
|
+
params.children
|
|
32
|
+
];
|
|
33
|
+
const AutocompleteListboxComponent = React__default.forwardRef(
|
|
34
|
+
function ListboxComponent(props, ref) {
|
|
35
|
+
const { children, ...other } = props;
|
|
36
|
+
const itemData = React__default.Children.toArray(children);
|
|
37
|
+
const theme = useTheme();
|
|
38
|
+
const smUp = useMediaQuery(theme.breakpoints.up("sm"), { noSsr: true });
|
|
39
|
+
const itemCount = itemData.length;
|
|
40
|
+
const itemSize = smUp ? 36 : 48;
|
|
41
|
+
const getChildSize = (child) => {
|
|
42
|
+
if (React__default.isValidElement(child) && child.type === ListSubheader) {
|
|
43
|
+
return 48;
|
|
44
|
+
}
|
|
45
|
+
return itemSize;
|
|
46
|
+
};
|
|
47
|
+
const getHeight = () => {
|
|
48
|
+
if (itemCount > 8) {
|
|
49
|
+
return 8 * itemSize;
|
|
50
|
+
}
|
|
51
|
+
return itemData.map(getChildSize).reduce((a, b) => a + b, 0);
|
|
52
|
+
};
|
|
53
|
+
const gridRef = useResetCache(itemCount);
|
|
54
|
+
return /* @__PURE__ */ React__default.createElement("div", { ref }, /* @__PURE__ */ React__default.createElement(OuterElementContext.Provider, { value: other }, /* @__PURE__ */ React__default.createElement(
|
|
55
|
+
VariableSizeList,
|
|
56
|
+
{
|
|
57
|
+
itemData,
|
|
58
|
+
height: getHeight() + 2 * LISTBOX_PADDING,
|
|
59
|
+
width: "100%",
|
|
60
|
+
ref: gridRef,
|
|
61
|
+
outerElementType: OuterElementType,
|
|
62
|
+
innerElementType: "ul",
|
|
63
|
+
itemSize: (index) => getChildSize(itemData[index]),
|
|
64
|
+
overscanCount: 5,
|
|
65
|
+
itemCount
|
|
66
|
+
},
|
|
67
|
+
renderRow
|
|
68
|
+
)));
|
|
69
|
+
}
|
|
70
|
+
);
|
|
71
|
+
|
|
72
|
+
export { AutocompleteListboxComponent, renderGroup };
|
|
73
|
+
//# sourceMappingURL=AutocompleteListComponent.esm.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AutocompleteListComponent.esm.js","sources":["../../../src/components/PostForm/AutocompleteListComponent.tsx"],"sourcesContent":["import { ListChildComponentProps, VariableSizeList } from 'react-window';\nimport React from 'react';\nimport { ListSubheader, useMediaQuery, useTheme } from '@material-ui/core';\nimport { AutocompleteRenderGroupParams } from '@material-ui/lab';\n\nconst LISTBOX_PADDING = 8; // px\n\nfunction renderRow(props: ListChildComponentProps) {\n const { data, index, style } = props;\n return React.cloneElement(data[index], {\n style: {\n ...style,\n top: (style.top as number) + LISTBOX_PADDING,\n },\n });\n}\n\nconst OuterElementContext = React.createContext({});\n\nconst OuterElementType = React.forwardRef<HTMLDivElement>((props, ref) => {\n const outerProps = React.useContext(OuterElementContext);\n return <div ref={ref} {...props} {...outerProps} />;\n});\n\nfunction useResetCache(data: any) {\n const ref = React.useRef<VariableSizeList>(null);\n React.useEffect(() => {\n if (ref.current !== null) {\n ref.current.resetAfterIndex(0, true);\n }\n }, [data]);\n return ref;\n}\n\nexport const renderGroup = (params: AutocompleteRenderGroupParams) => [\n <ListSubheader key={params.key} component=\"div\">\n {params.group}\n </ListSubheader>,\n params.children,\n];\n\nexport const AutocompleteListboxComponent = React.forwardRef<HTMLDivElement>(\n function ListboxComponent(props: React.HTMLAttributes<HTMLDivElement>, ref) {\n const { children, ...other } = props;\n const itemData = React.Children.toArray(children);\n const theme = useTheme();\n const smUp = useMediaQuery(theme.breakpoints.up('sm'), { noSsr: true });\n const itemCount = itemData.length;\n const itemSize = smUp ? 36 : 48;\n\n const getChildSize = (child: React.ReactNode) => {\n if (React.isValidElement(child) && child.type === ListSubheader) {\n return 48;\n }\n\n return itemSize;\n };\n\n const getHeight = () => {\n if (itemCount > 8) {\n return 8 * itemSize;\n }\n return itemData.map(getChildSize).reduce((a, b) => a + b, 0);\n };\n\n const gridRef = useResetCache(itemCount);\n\n return (\n <div ref={ref}>\n <OuterElementContext.Provider value={other}>\n <VariableSizeList\n itemData={itemData}\n height={getHeight() + 2 * LISTBOX_PADDING}\n width=\"100%\"\n ref={gridRef}\n outerElementType={OuterElementType}\n innerElementType=\"ul\"\n itemSize={index => getChildSize(itemData[index])}\n overscanCount={5}\n itemCount={itemCount}\n >\n {renderRow}\n </VariableSizeList>\n </OuterElementContext.Provider>\n </div>\n );\n },\n);\n"],"names":["React"],"mappings":"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"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { Autocomplete } from '@material-ui/lab';
|
|
2
2
|
import { getEntityTitle } from '../../utils/utils.esm.js';
|
|
3
3
|
import { stringifyEntityRef } from '@backstage/catalog-model';
|
|
4
|
-
import { Tooltip, TextField } from '@material-ui/core';
|
|
4
|
+
import { Tooltip, Typography, TextField } from '@material-ui/core';
|
|
5
5
|
import React__default, { useMemo, useEffect } from 'react';
|
|
6
6
|
import { useApi, configApiRef } from '@backstage/core-plugin-api';
|
|
7
7
|
import { catalogApiRef } from '@backstage/plugin-catalog-react';
|
|
@@ -11,6 +11,7 @@ import { useTranslation } from '../../hooks/useTranslation.esm.js';
|
|
|
11
11
|
import 'dataloader';
|
|
12
12
|
import 'react-use/lib/useAsync';
|
|
13
13
|
import { compact } from 'lodash';
|
|
14
|
+
import { renderGroup, AutocompleteListboxComponent } from './AutocompleteListComponent.esm.js';
|
|
14
15
|
|
|
15
16
|
const EntitiesInput = (props) => {
|
|
16
17
|
const {
|
|
@@ -68,7 +69,8 @@ const EntitiesInput = (props) => {
|
|
|
68
69
|
"kind",
|
|
69
70
|
"metadata.name",
|
|
70
71
|
"metadata.namespace",
|
|
71
|
-
"metadata.title"
|
|
72
|
+
"metadata.title",
|
|
73
|
+
"metadata.description"
|
|
72
74
|
]
|
|
73
75
|
}).catch((_) => setAvailableEntities(null)).then(
|
|
74
76
|
(data) => data ? setAvailableEntities(data.items) : setAvailableEntities(null)
|
|
@@ -93,9 +95,12 @@ const EntitiesInput = (props) => {
|
|
|
93
95
|
value,
|
|
94
96
|
disabled,
|
|
95
97
|
groupBy: entityKinds.length > 1 ? (option) => option.kind : void 0,
|
|
98
|
+
renderGroup,
|
|
96
99
|
id: "entities-select",
|
|
97
100
|
options: availableEntities,
|
|
98
101
|
getOptionLabel: getEntityTitle,
|
|
102
|
+
ListboxComponent: AutocompleteListboxComponent,
|
|
103
|
+
disableListWrap: true,
|
|
99
104
|
style,
|
|
100
105
|
getOptionSelected: (o, v) => stringifyEntityRef(o) === stringifyEntityRef(v),
|
|
101
106
|
onChange: (_e, newValue) => {
|
|
@@ -104,7 +109,15 @@ const EntitiesInput = (props) => {
|
|
|
104
109
|
}
|
|
105
110
|
},
|
|
106
111
|
renderOption: (option) => {
|
|
107
|
-
return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(
|
|
112
|
+
return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(
|
|
113
|
+
Tooltip,
|
|
114
|
+
{
|
|
115
|
+
arrow: true,
|
|
116
|
+
placement: "right",
|
|
117
|
+
title: /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(Typography, null, stringifyEntityRef(option)), /* @__PURE__ */ React__default.createElement(Typography, { variant: "caption" }, option.metadata.description))
|
|
118
|
+
},
|
|
119
|
+
/* @__PURE__ */ React__default.createElement("span", null, getEntityTitle(option))
|
|
120
|
+
));
|
|
108
121
|
},
|
|
109
122
|
renderInput: (params) => /* @__PURE__ */ React__default.createElement(
|
|
110
123
|
TextField,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EntitiesInput.esm.js","sources":["../../../src/components/PostForm/EntitiesInput.tsx"],"sourcesContent":["import { Autocomplete } from '@material-ui/lab';\nimport { getEntityTitle } from '../../utils/utils';\nimport { Entity, stringifyEntityRef } from '@backstage/catalog-model';\nimport { TextField, Tooltip } from '@material-ui/core';\nimport React, { useEffect, useMemo } from 'react';\nimport { configApiRef, useApi } from '@backstage/core-plugin-api';\nimport { catalogApiRef } from '@backstage/plugin-catalog-react';\nimport { useTranslation } from '../../hooks';\nimport { qetaApiRef } from '../../api';\nimport { compact } from 'lodash';\n\nexport const EntitiesInput = (props: {\n value?: Entity[];\n singleValue?: string;\n onChange: (value: Entity[]) => void;\n useOnlyUsedEntities?: boolean;\n hideHelpText?: boolean;\n style?: React.CSSProperties;\n disabled?: boolean;\n}) => {\n const {\n value,\n singleValue,\n onChange,\n useOnlyUsedEntities = false,\n hideHelpText = false,\n style,\n disabled,\n } = props;\n const configApi = useApi(configApiRef);\n const catalogApi = useApi(catalogApiRef);\n const qetaApi = useApi(qetaApiRef);\n const [availableEntities, setAvailableEntities] = React.useState<\n Entity[] | null\n >([]);\n const { t } = useTranslation();\n\n const entityKinds: string[] = useMemo(() => {\n let kinds = configApi.getOptionalStringArray('qeta.entityKinds');\n if (!kinds) {\n kinds = configApi.getOptionalStringArray('qeta.entities.kinds');\n }\n return kinds || ['Component', 'System'];\n }, [configApi]);\n const max = useMemo(\n () => configApi.getOptionalNumber('qeta.entities.max') ?? 3,\n [configApi],\n );\n\n useEffect(() => {\n if (singleValue) {\n catalogApi.getEntityByRef(singleValue).then(data => {\n if (data) {\n setAvailableEntities([data]);\n }\n });\n }\n }, [catalogApi, singleValue]);\n\n useEffect(() => {\n if (singleValue) {\n return;\n }\n\n if (useOnlyUsedEntities) {\n qetaApi.getEntities().then(data => {\n const refs = data.entities.map(r => r.entityRef);\n catalogApi.getEntitiesByRefs({ entityRefs: refs }).then(catalogData => {\n setAvailableEntities(compact(catalogData.items));\n });\n });\n return;\n }\n\n if (entityKinds && entityKinds.length > 0) {\n catalogApi\n .getEntities({\n order: { field: 'kind', order: 'asc' },\n filter: { kind: entityKinds },\n fields: [\n 'kind',\n 'metadata.name',\n 'metadata.namespace',\n 'metadata.title',\n ],\n })\n .catch(_ => setAvailableEntities(null))\n .then(data =>\n data ? setAvailableEntities(data.items) : setAvailableEntities(null),\n );\n }\n }, [\n catalogApi,\n singleValue,\n configApi,\n entityKinds,\n useOnlyUsedEntities,\n qetaApi,\n ]);\n\n if (!availableEntities || availableEntities.length === 0) {\n return null;\n }\n\n return (\n <Autocomplete\n multiple\n className=\"qetaEntitiesInput\"\n value={value}\n disabled={disabled}\n groupBy={entityKinds.length > 1 ? option => option.kind : undefined}\n id=\"entities-select\"\n options={availableEntities}\n getOptionLabel={getEntityTitle}\n style={style}\n getOptionSelected={(o, v) =>\n stringifyEntityRef(o) === stringifyEntityRef(v)\n }\n onChange={(_e, newValue) => {\n if (!newValue || newValue.length <= max) {\n onChange(newValue);\n }\n }}\n renderOption={option => {\n return (\n <>\n <Tooltip
|
|
1
|
+
{"version":3,"file":"EntitiesInput.esm.js","sources":["../../../src/components/PostForm/EntitiesInput.tsx"],"sourcesContent":["import { Autocomplete } from '@material-ui/lab';\nimport { getEntityTitle } from '../../utils/utils';\nimport { Entity, stringifyEntityRef } from '@backstage/catalog-model';\nimport { TextField, Tooltip, Typography } from '@material-ui/core';\nimport React, { useEffect, useMemo } from 'react';\nimport { configApiRef, useApi } from '@backstage/core-plugin-api';\nimport { catalogApiRef } from '@backstage/plugin-catalog-react';\nimport { useTranslation } from '../../hooks';\nimport { qetaApiRef } from '../../api';\nimport { compact } from 'lodash';\nimport {\n AutocompleteListboxComponent,\n renderGroup,\n} from './AutocompleteListComponent';\n\nexport const EntitiesInput = (props: {\n value?: Entity[];\n singleValue?: string;\n onChange: (value: Entity[]) => void;\n useOnlyUsedEntities?: boolean;\n hideHelpText?: boolean;\n style?: React.CSSProperties;\n disabled?: boolean;\n}) => {\n const {\n value,\n singleValue,\n onChange,\n useOnlyUsedEntities = false,\n hideHelpText = false,\n style,\n disabled,\n } = props;\n const configApi = useApi(configApiRef);\n const catalogApi = useApi(catalogApiRef);\n const qetaApi = useApi(qetaApiRef);\n const [availableEntities, setAvailableEntities] = React.useState<\n Entity[] | null\n >([]);\n const { t } = useTranslation();\n\n const entityKinds: string[] = useMemo(() => {\n let kinds = configApi.getOptionalStringArray('qeta.entityKinds');\n if (!kinds) {\n kinds = configApi.getOptionalStringArray('qeta.entities.kinds');\n }\n return kinds || ['Component', 'System'];\n }, [configApi]);\n const max = useMemo(\n () => configApi.getOptionalNumber('qeta.entities.max') ?? 3,\n [configApi],\n );\n\n useEffect(() => {\n if (singleValue) {\n catalogApi.getEntityByRef(singleValue).then(data => {\n if (data) {\n setAvailableEntities([data]);\n }\n });\n }\n }, [catalogApi, singleValue]);\n\n useEffect(() => {\n if (singleValue) {\n return;\n }\n\n if (useOnlyUsedEntities) {\n qetaApi.getEntities().then(data => {\n const refs = data.entities.map(r => r.entityRef);\n catalogApi.getEntitiesByRefs({ entityRefs: refs }).then(catalogData => {\n setAvailableEntities(compact(catalogData.items));\n });\n });\n return;\n }\n\n if (entityKinds && entityKinds.length > 0) {\n catalogApi\n .getEntities({\n order: { field: 'kind', order: 'asc' },\n filter: { kind: entityKinds },\n fields: [\n 'kind',\n 'metadata.name',\n 'metadata.namespace',\n 'metadata.title',\n 'metadata.description',\n ],\n })\n .catch(_ => setAvailableEntities(null))\n .then(data =>\n data ? setAvailableEntities(data.items) : setAvailableEntities(null),\n );\n }\n }, [\n catalogApi,\n singleValue,\n configApi,\n entityKinds,\n useOnlyUsedEntities,\n qetaApi,\n ]);\n\n if (!availableEntities || availableEntities.length === 0) {\n return null;\n }\n\n return (\n <Autocomplete\n multiple\n className=\"qetaEntitiesInput\"\n value={value}\n disabled={disabled}\n groupBy={entityKinds.length > 1 ? option => option.kind : undefined}\n renderGroup={renderGroup}\n id=\"entities-select\"\n options={availableEntities}\n getOptionLabel={getEntityTitle}\n ListboxComponent={\n AutocompleteListboxComponent as React.ComponentType<\n React.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 (!newValue || newValue.length <= max) {\n onChange(newValue);\n }\n }}\n renderOption={option => {\n return (\n <>\n <Tooltip\n arrow\n placement=\"right\"\n title={\n <>\n <Typography>{stringifyEntityRef(option)}</Typography>\n <Typography variant=\"caption\">\n {option.metadata.description}\n </Typography>\n </>\n }\n >\n <span>{getEntityTitle(option)}</span>\n </Tooltip>\n </>\n );\n }}\n renderInput={params => (\n <TextField\n {...params}\n variant=\"outlined\"\n margin=\"normal\"\n label={t('entitiesInput.label')}\n placeholder={t('entitiesInput.placeholder')}\n helperText={\n hideHelpText\n ? ''\n : t('entitiesInput.helperText', {\n max: max.toString(10),\n })\n }\n />\n )}\n />\n );\n};\n"],"names":["React"],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Autocomplete } from '@material-ui/lab';
|
|
2
|
-
import { Tooltip, TextField } from '@material-ui/core';
|
|
2
|
+
import { Tooltip, Typography, TextField } from '@material-ui/core';
|
|
3
3
|
import React__default, { useMemo, useEffect } from 'react';
|
|
4
4
|
import { qetaApiRef } from '../../api.esm.js';
|
|
5
5
|
import { useApi, configApiRef } from '@backstage/core-plugin-api';
|
|
@@ -10,6 +10,7 @@ import '@backstage/catalog-model';
|
|
|
10
10
|
import 'dataloader';
|
|
11
11
|
import '@backstage/plugin-catalog-react';
|
|
12
12
|
import 'react-use/lib/useAsync';
|
|
13
|
+
import { AutocompleteListboxComponent } from './AutocompleteListComponent.esm.js';
|
|
13
14
|
|
|
14
15
|
const TagInput = (props) => {
|
|
15
16
|
const {
|
|
@@ -69,10 +70,20 @@ const TagInput = (props) => {
|
|
|
69
70
|
value,
|
|
70
71
|
options: availableTags ?? [],
|
|
71
72
|
freeSolo: allowCreation,
|
|
73
|
+
ListboxComponent: AutocompleteListboxComponent,
|
|
74
|
+
disableListWrap: true,
|
|
72
75
|
style,
|
|
73
76
|
renderOption: (option) => {
|
|
74
77
|
if (tagDescriptions[option]) {
|
|
75
|
-
return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(
|
|
78
|
+
return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(
|
|
79
|
+
Tooltip,
|
|
80
|
+
{
|
|
81
|
+
arrow: true,
|
|
82
|
+
placement: "right",
|
|
83
|
+
title: /* @__PURE__ */ React__default.createElement(Typography, null, tagDescriptions[option])
|
|
84
|
+
},
|
|
85
|
+
/* @__PURE__ */ React__default.createElement("span", null, option)
|
|
86
|
+
));
|
|
76
87
|
}
|
|
77
88
|
return option;
|
|
78
89
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TagInput.esm.js","sources":["../../../src/components/PostForm/TagInput.tsx"],"sourcesContent":["import { Autocomplete } from '@material-ui/lab';\nimport { TextField, Tooltip } from '@material-ui/core';\nimport React, { useEffect, useMemo } from 'react';\nimport { qetaApiRef } from '../../api';\nimport { configApiRef, useApi } from '@backstage/core-plugin-api';\nimport { filterTags } from '@drodil/backstage-plugin-qeta-common';\nimport { useTranslation } from '../../hooks';\nimport { FieldError } from 'react-hook-form';\n\nexport const TagInput = (props: {\n value?: string[];\n onChange: (value: string[]) => void;\n error?: FieldError;\n allowCreate?: boolean;\n hideHelpText?: boolean;\n style?: React.CSSProperties;\n}) => {\n const {\n value,\n onChange,\n error,\n allowCreate,\n hideHelpText = false,\n style,\n } = props;\n const qetaApi = useApi(qetaApiRef);\n const config = useApi(configApiRef);\n const { t } = useTranslation();\n const allowCreation = useMemo(\n () =>\n allowCreate ??\n config.getOptionalBoolean('qeta.tags.allowCreation') ??\n true,\n [config, allowCreate],\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 const [availableTags, setAvailableTags] = React.useState<string[]>([]);\n const [tagDescriptions, setTagDescriptions] = React.useState<\n Record<string, string>\n >({});\n useEffect(() => {\n qetaApi\n .getTags()\n .catch(_ => setAvailableTags([]))\n .then(data => {\n if (!data) {\n return;\n }\n\n const uniqueTags = [\n ...new Set([...allowedTags, ...data.tags.map(tag => tag.tag)]),\n ];\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 return (\n <Autocomplete\n multiple\n id=\"tags-select\"\n className=\"qetaTagInput\"\n value={value}\n options={availableTags ?? []}\n freeSolo={allowCreation}\n style={style}\n renderOption={option => {\n if (tagDescriptions[option]) {\n return (\n <>\n <Tooltip
|
|
1
|
+
{"version":3,"file":"TagInput.esm.js","sources":["../../../src/components/PostForm/TagInput.tsx"],"sourcesContent":["import { Autocomplete } from '@material-ui/lab';\nimport { TextField, Tooltip, Typography } from '@material-ui/core';\nimport React, { useEffect, useMemo } from 'react';\nimport { qetaApiRef } from '../../api';\nimport { configApiRef, useApi } from '@backstage/core-plugin-api';\nimport { filterTags } from '@drodil/backstage-plugin-qeta-common';\nimport { useTranslation } from '../../hooks';\nimport { FieldError } from 'react-hook-form';\nimport { AutocompleteListboxComponent } from './AutocompleteListComponent';\n\nexport const TagInput = (props: {\n value?: string[];\n onChange: (value: string[]) => void;\n error?: FieldError;\n allowCreate?: boolean;\n hideHelpText?: boolean;\n style?: React.CSSProperties;\n}) => {\n const {\n value,\n onChange,\n error,\n allowCreate,\n hideHelpText = false,\n style,\n } = props;\n const qetaApi = useApi(qetaApiRef);\n const config = useApi(configApiRef);\n const { t } = useTranslation();\n const allowCreation = useMemo(\n () =>\n allowCreate ??\n config.getOptionalBoolean('qeta.tags.allowCreation') ??\n true,\n [config, allowCreate],\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 const [availableTags, setAvailableTags] = React.useState<string[]>([]);\n const [tagDescriptions, setTagDescriptions] = React.useState<\n Record<string, string>\n >({});\n useEffect(() => {\n qetaApi\n .getTags()\n .catch(_ => setAvailableTags([]))\n .then(data => {\n if (!data) {\n return;\n }\n\n const uniqueTags = [\n ...new Set([...allowedTags, ...data.tags.map(tag => tag.tag)]),\n ];\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 return (\n <Autocomplete\n multiple\n id=\"tags-select\"\n className=\"qetaTagInput\"\n value={value}\n options={availableTags ?? []}\n freeSolo={allowCreation}\n ListboxComponent={\n AutocompleteListboxComponent as React.ComponentType<\n React.HTMLAttributes<HTMLElement>\n >\n }\n disableListWrap\n style={style}\n renderOption={option => {\n if (tagDescriptions[option]) {\n return (\n <>\n <Tooltip\n arrow\n placement=\"right\"\n title={<Typography>{tagDescriptions[option]}</Typography>}\n >\n <span>{option}</span>\n </Tooltip>\n </>\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(newValue);\n }\n }}\n renderInput={params => (\n <TextField\n {...params}\n variant=\"outlined\"\n margin=\"normal\"\n label={t('tagsInput.label')}\n placeholder={t('tagsInput.placeholder')}\n helperText={\n hideHelpText\n ? ''\n : t('tagsInput.helperText', {\n max: maximumTags.toString(10),\n })\n }\n error={error !== undefined}\n />\n )}\n />\n );\n};\n"],"names":["React"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
"frontend",
|
|
8
8
|
"backstage.io"
|
|
9
9
|
],
|
|
10
|
-
"version": "3.15.
|
|
10
|
+
"version": "3.15.2",
|
|
11
11
|
"main": "dist/index.esm.js",
|
|
12
12
|
"types": "dist/index.d.ts",
|
|
13
13
|
"prepublishOnly": "yarn tsc && yarn build",
|
|
@@ -56,7 +56,7 @@
|
|
|
56
56
|
"@backstage/plugin-catalog-react": "^1.14.2",
|
|
57
57
|
"@backstage/plugin-permission-react": "^0.4.28",
|
|
58
58
|
"@backstage/plugin-signals-react": "^0.0.7",
|
|
59
|
-
"@drodil/backstage-plugin-qeta-common": "^3.15.
|
|
59
|
+
"@drodil/backstage-plugin-qeta-common": "^3.15.2",
|
|
60
60
|
"@material-ui/core": "^4.12.2",
|
|
61
61
|
"@material-ui/icons": "^4.11.3",
|
|
62
62
|
"@material-ui/lab": "4.0.0-alpha.61",
|
|
@@ -72,6 +72,7 @@
|
|
|
72
72
|
"react-relative-time": "^0.0.9",
|
|
73
73
|
"react-syntax-highlighter": "^15.6.1",
|
|
74
74
|
"react-use": "^17.4.0",
|
|
75
|
+
"react-window": "^1.8.10",
|
|
75
76
|
"recharts": "^2.13.0",
|
|
76
77
|
"remark-gfm": "^4.0.0"
|
|
77
78
|
},
|
|
@@ -88,7 +89,8 @@
|
|
|
88
89
|
"@types/dompurify": "^3.0.0",
|
|
89
90
|
"@types/lodash": "^4.14.199",
|
|
90
91
|
"@types/numeral": "^2",
|
|
91
|
-
"@types/react-syntax-highlighter": "^15"
|
|
92
|
+
"@types/react-syntax-highlighter": "^15",
|
|
93
|
+
"@types/react-window": "^1"
|
|
92
94
|
},
|
|
93
95
|
"files": [
|
|
94
96
|
"dist"
|