@drodil/backstage-plugin-qeta-react 3.9.2 → 3.9.3
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.
|
@@ -57,7 +57,7 @@ const TagInput = (props) => {
|
|
|
57
57
|
}
|
|
58
58
|
});
|
|
59
59
|
}, [qetaApi, allowCreation, allowedTags]);
|
|
60
|
-
if (!availableTags || availableTags.length === 0) {
|
|
60
|
+
if (!allowCreate && (!availableTags || availableTags.length === 0)) {
|
|
61
61
|
return null;
|
|
62
62
|
}
|
|
63
63
|
return /* @__PURE__ */ React.createElement(
|
|
@@ -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 = true,\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 () => config.getOptionalBoolean('qeta.tags.allowCreation') ?? allowCreate,\n [config, allowCreate],\n );\n const allowedTags = useMemo(\n () => config.getOptionalStringArray('qeta.tags.allowedTags') ?? null,\n [config],\n );\n const maximumTags = useMemo(\n () => config.getOptionalNumber('qeta.tags.max') ?? 5,\n [config],\n );\n const [availableTags, setAvailableTags] = React.useState<string[] | null>([]);\n const [tagDescriptions, setTagDescriptions] = React.useState<\n Record<string, string>\n >({});\n useEffect(() => {\n qetaApi\n .getTags()\n .catch(_ => setAvailableTags(null))\n .then(data => {\n if (data) {\n const uniqueTags = [\n ...new Set([\n ...(allowedTags ?? []),\n ...data.tags.map(tag => tag.tag),\n ]),\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 });\n }, [qetaApi, allowCreation, allowedTags]);\n\n if (!availableTags || 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 title={tagDescriptions[option]}>\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":[],"mappings":";;;;;;;;;;;AASa,MAAA,QAAA,GAAW,CAAC,KAOnB,KAAA;AACJ,EAAM,MAAA;AAAA,IACJ,KAAA;AAAA,IACA,QAAA;AAAA,IACA,KAAA;AAAA,IACA,WAAc,GAAA,IAAA;AAAA,IACd,YAAe,GAAA,KAAA;AAAA,IACf,KAAA;AAAA,GACE,GAAA,KAAA,CAAA;AACJ,EAAM,MAAA,OAAA,GAAU,OAAO,UAAU,CAAA,CAAA;AACjC,EAAM,MAAA,MAAA,GAAS,OAAO,YAAY,CAAA,CAAA;AAClC,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAC7B,EAAA,MAAM,aAAgB,GAAA,OAAA;AAAA,IACpB,MAAM,MAAA,CAAO,kBAAmB,CAAA,yBAAyB,CAAK,IAAA,WAAA;AAAA,IAC9D,CAAC,QAAQ,WAAW,CAAA;AAAA,GACtB,CAAA;AACA,EAAA,MAAM,WAAc,GAAA,OAAA;AAAA,IAClB,MAAM,MAAA,CAAO,sBAAuB,CAAA,uBAAuB,CAAK,IAAA,IAAA;AAAA,IAChE,CAAC,MAAM,CAAA;AAAA,GACT,CAAA;AACA,EAAA,MAAM,WAAc,GAAA,OAAA;AAAA,IAClB,MAAM,MAAA,CAAO,iBAAkB,CAAA,eAAe,CAAK,IAAA,CAAA;AAAA,IACnD,CAAC,MAAM,CAAA;AAAA,GACT,CAAA;AACA,EAAA,MAAM,CAAC,aAAe,EAAA,gBAAgB,IAAI,KAAM,CAAA,QAAA,CAA0B,EAAE,CAAA,CAAA;AAC5E,EAAA,MAAM,CAAC,eAAiB,EAAA,kBAAkB,IAAI,KAAM,CAAA,QAAA,CAElD,EAAE,CAAA,CAAA;AACJ,EAAA,SAAA,CAAU,MAAM;AACd,IACG,OAAA,CAAA,OAAA,GACA,KAAM,CAAA,CAAA,CAAA,KAAK,iBAAiB,IAAI,CAAC,CACjC,CAAA,IAAA,CAAK,CAAQ,IAAA,KAAA;AACZ,MAAA,IAAI,IAAM,EAAA;AACR,QAAA,MAAM,UAAa,GAAA;AAAA,UACjB,uBAAO,GAAI,CAAA;AAAA,YACT,GAAI,eAAe,EAAC;AAAA,YACpB,GAAG,IAAK,CAAA,IAAA,CAAK,GAAI,CAAA,CAAA,GAAA,KAAO,IAAI,GAAG,CAAA;AAAA,WAChC,CAAA;AAAA,SACH,CAAA;AACA,QAAA,gBAAA,CAAiB,UAAU,CAAA,CAAA;AAC3B,QAAA,kBAAA;AAAA,UACE,IAAK,CAAA,IAAA,CAAK,MAAO,CAAA,CAAC,KAAK,GAAQ,KAAA;AAC7B,YAAI,IAAA,CAAC,IAAI,WAAa,EAAA;AACpB,cAAO,OAAA,GAAA,CAAA;AAAA,aACT;AACA,YAAI,GAAA,CAAA,GAAA,CAAI,GAAG,CAAA,GAAI,GAAI,CAAA,WAAA,CAAA;AACnB,YAAO,OAAA,GAAA,CAAA;AAAA,WACT,EAAG,EAA4B,CAAA;AAAA,SACjC,CAAA;AAAA,OACF;AAAA,KACD,CAAA,CAAA;AAAA,GACF,EAAA,CAAC,OAAS,EAAA,aAAA,EAAe,WAAW,CAAC,CAAA,CAAA;AAExC,EAAA,IAAI,CAAC,
|
|
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 = true,\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 () => config.getOptionalBoolean('qeta.tags.allowCreation') ?? allowCreate,\n [config, allowCreate],\n );\n const allowedTags = useMemo(\n () => config.getOptionalStringArray('qeta.tags.allowedTags') ?? null,\n [config],\n );\n const maximumTags = useMemo(\n () => config.getOptionalNumber('qeta.tags.max') ?? 5,\n [config],\n );\n const [availableTags, setAvailableTags] = React.useState<string[] | null>([]);\n const [tagDescriptions, setTagDescriptions] = React.useState<\n Record<string, string>\n >({});\n useEffect(() => {\n qetaApi\n .getTags()\n .catch(_ => setAvailableTags(null))\n .then(data => {\n if (data) {\n const uniqueTags = [\n ...new Set([\n ...(allowedTags ?? []),\n ...data.tags.map(tag => tag.tag),\n ]),\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 });\n }, [qetaApi, allowCreation, allowedTags]);\n\n if (!allowCreate && (!availableTags || 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 title={tagDescriptions[option]}>\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":[],"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.9.
|
|
10
|
+
"version": "3.9.3",
|
|
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.0",
|
|
57
57
|
"@backstage/plugin-permission-react": "^0.4.27",
|
|
58
58
|
"@backstage/plugin-signals-react": "^0.0.6",
|
|
59
|
-
"@drodil/backstage-plugin-qeta-common": "^3.9.
|
|
59
|
+
"@drodil/backstage-plugin-qeta-common": "^3.9.3",
|
|
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",
|