@backstage/plugin-scaffolder-react 3.0.0-next.1 → 3.0.0-next.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/CHANGELOG.md +17 -0
- package/dist/next/components/Form/BuiTheme/templates/ArrayFieldItemTemplate.esm.js +25 -25
- package/dist/next/components/Form/BuiTheme/templates/ArrayFieldItemTemplate.esm.js.map +1 -1
- package/dist/next/components/Form/BuiTheme/widgets/SelectWidget.esm.js +50 -30
- package/dist/next/components/Form/BuiTheme/widgets/SelectWidget.esm.js.map +1 -1
- package/package.json +18 -18
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,22 @@
|
|
|
1
1
|
# @backstage/plugin-scaffolder-react
|
|
2
2
|
|
|
3
|
+
## 3.0.0-next.2
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- e8c4fb9: Improved screen reader support in the BUI scaffolder form theme: array item controls include the item name in their labels.
|
|
8
|
+
- 818fbd6: The BUI form theme now renders a multi-select dropdown for array fields with unique `enum` items, and focus/blur events now report the selected values correctly.
|
|
9
|
+
- Updated dependencies
|
|
10
|
+
- @backstage/core-components@0.18.16-next.1
|
|
11
|
+
- @backstage/ui@0.20.0-next.0
|
|
12
|
+
- @backstage/frontend-plugin-api@0.19.0-next.2
|
|
13
|
+
- @backstage/catalog-client@1.16.4-next.1
|
|
14
|
+
- @backstage/catalog-model@1.10.3-next.0
|
|
15
|
+
- @backstage/core-plugin-api@1.12.12-next.2
|
|
16
|
+
- @backstage/plugin-catalog-react@4.0.0-next.2
|
|
17
|
+
- @backstage/plugin-scaffolder-common@2.4.0-next.1
|
|
18
|
+
- @backstage/plugin-permission-react@0.5.7-next.1
|
|
19
|
+
|
|
3
20
|
## 3.0.0-next.1
|
|
4
21
|
|
|
5
22
|
### Minor Changes
|
|
@@ -21,33 +21,33 @@ function ArrayFieldItemTemplate({
|
|
|
21
21
|
uiSchema
|
|
22
22
|
}) {
|
|
23
23
|
const [isOpen, setIsOpen] = useState(true);
|
|
24
|
-
const itemTitle = uiSchema?.["ui:title"]
|
|
24
|
+
const itemTitle = uiSchema?.["ui:title"] || (schema.title ? `${schema.title} ${index + 1}` : `Item ${index + 1}`);
|
|
25
25
|
return /* @__PURE__ */ jsx(Box, { mb: "4", children: /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsx(Disclosure, { isExpanded: isOpen, onExpandedChange: setIsOpen, children: ({ isExpanded }) => /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
26
26
|
/* @__PURE__ */ jsx(
|
|
27
27
|
CardHeader,
|
|
28
28
|
{
|
|
29
29
|
style: { backgroundColor: "var(--bui-bg-neutral-2)" },
|
|
30
30
|
children: /* @__PURE__ */ jsx(Box, { py: "3", px: "4", children: /* @__PURE__ */ jsxs(Flex, { align: "center", justify: "between", children: [
|
|
31
|
-
/* @__PURE__ */
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
31
|
+
/* @__PURE__ */ jsx(Flex, { align: "center", gap: "2", children: /* @__PURE__ */ jsxs(
|
|
32
|
+
Button,
|
|
33
|
+
{
|
|
34
|
+
slot: "trigger",
|
|
35
|
+
style: {
|
|
36
|
+
padding: "2px",
|
|
37
|
+
background: "none",
|
|
38
|
+
border: "none",
|
|
39
|
+
cursor: "pointer",
|
|
40
|
+
display: "flex",
|
|
41
|
+
alignItems: "center",
|
|
42
|
+
gap: "8px",
|
|
43
|
+
color: "var(--bui-fg-secondary)"
|
|
44
|
+
},
|
|
45
|
+
children: [
|
|
46
|
+
isExpanded ? /* @__PURE__ */ jsx(RiArrowDownSLine, { size: 18 }) : /* @__PURE__ */ jsx(RiArrowRightSLine, { size: 18 }),
|
|
47
|
+
/* @__PURE__ */ jsx(Text, { variant: "body-medium", weight: "bold", children: itemTitle })
|
|
48
|
+
]
|
|
49
|
+
}
|
|
50
|
+
) }),
|
|
51
51
|
hasToolbar && /* @__PURE__ */ jsxs(Flex, { align: "center", gap: "1", children: [
|
|
52
52
|
(hasMoveUp || hasMoveDown) && /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
53
53
|
/* @__PURE__ */ jsx(
|
|
@@ -57,7 +57,7 @@ function ArrayFieldItemTemplate({
|
|
|
57
57
|
size: "small",
|
|
58
58
|
isDisabled: disabled || readonly || !hasMoveUp,
|
|
59
59
|
onClick: onReorderClick(index, index - 1),
|
|
60
|
-
"aria-label":
|
|
60
|
+
"aria-label": `Move up ${itemTitle}`,
|
|
61
61
|
icon: /* @__PURE__ */ jsx(RiArrowUpSLine, { size: 18 })
|
|
62
62
|
}
|
|
63
63
|
),
|
|
@@ -68,7 +68,7 @@ function ArrayFieldItemTemplate({
|
|
|
68
68
|
size: "small",
|
|
69
69
|
isDisabled: disabled || readonly || !hasMoveDown,
|
|
70
70
|
onClick: onReorderClick(index, index + 1),
|
|
71
|
-
"aria-label":
|
|
71
|
+
"aria-label": `Move down ${itemTitle}`,
|
|
72
72
|
icon: /* @__PURE__ */ jsx(RiArrowDownSLine, { size: 18 })
|
|
73
73
|
}
|
|
74
74
|
)
|
|
@@ -80,7 +80,7 @@ function ArrayFieldItemTemplate({
|
|
|
80
80
|
size: "small",
|
|
81
81
|
isDisabled: disabled || readonly,
|
|
82
82
|
onClick: onCopyIndexClick(index),
|
|
83
|
-
"aria-label":
|
|
83
|
+
"aria-label": `Duplicate ${itemTitle}`,
|
|
84
84
|
icon: /* @__PURE__ */ jsx(RiAddLine, { size: 18 })
|
|
85
85
|
}
|
|
86
86
|
),
|
|
@@ -91,7 +91,7 @@ function ArrayFieldItemTemplate({
|
|
|
91
91
|
size: "small",
|
|
92
92
|
isDisabled: disabled || readonly,
|
|
93
93
|
onClick: onDropIndexClick(index),
|
|
94
|
-
"aria-label":
|
|
94
|
+
"aria-label": `Remove ${itemTitle}`,
|
|
95
95
|
icon: /* @__PURE__ */ jsx(RiDeleteBinLine, { size: 18 })
|
|
96
96
|
}
|
|
97
97
|
)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ArrayFieldItemTemplate.esm.js","sources":["../../../../../../src/next/components/Form/BuiTheme/templates/ArrayFieldItemTemplate.tsx"],"sourcesContent":["/*\n * Copyright 2026 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport {\n ArrayFieldTemplateItemType,\n FormContextType,\n RJSFSchema,\n StrictRJSFSchema,\n} from '@rjsf/utils';\nimport { useState } from 'react';\nimport {\n Card,\n CardHeader,\n CardBody,\n Flex,\n Text,\n ButtonIcon,\n Box,\n Button,\n} from '@backstage/ui';\nimport { Disclosure, DisclosurePanel } from 'react-aria-components';\nimport {\n RiArrowDownSLine,\n RiArrowUpSLine,\n RiDeleteBinLine,\n RiAddLine,\n RiArrowRightSLine,\n} from '@remixicon/react';\n\nexport default function ArrayFieldItemTemplate<\n T = any,\n S extends StrictRJSFSchema = RJSFSchema,\n F extends FormContextType = any,\n>({\n children,\n disabled,\n hasToolbar,\n hasCopy,\n hasMoveDown,\n hasMoveUp,\n hasRemove,\n index,\n onCopyIndexClick,\n onDropIndexClick,\n onReorderClick,\n readonly,\n schema,\n uiSchema,\n}: ArrayFieldTemplateItemType<T, S, F>) {\n const [isOpen, setIsOpen] = useState(true);\n\n const itemTitle =\n uiSchema?.['ui:title']
|
|
1
|
+
{"version":3,"file":"ArrayFieldItemTemplate.esm.js","sources":["../../../../../../src/next/components/Form/BuiTheme/templates/ArrayFieldItemTemplate.tsx"],"sourcesContent":["/*\n * Copyright 2026 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport {\n ArrayFieldTemplateItemType,\n FormContextType,\n RJSFSchema,\n StrictRJSFSchema,\n} from '@rjsf/utils';\nimport { useState } from 'react';\nimport {\n Card,\n CardHeader,\n CardBody,\n Flex,\n Text,\n ButtonIcon,\n Box,\n Button,\n} from '@backstage/ui';\nimport { Disclosure, DisclosurePanel } from 'react-aria-components';\nimport {\n RiArrowDownSLine,\n RiArrowUpSLine,\n RiDeleteBinLine,\n RiAddLine,\n RiArrowRightSLine,\n} from '@remixicon/react';\n\nexport default function ArrayFieldItemTemplate<\n T = any,\n S extends StrictRJSFSchema = RJSFSchema,\n F extends FormContextType = any,\n>({\n children,\n disabled,\n hasToolbar,\n hasCopy,\n hasMoveDown,\n hasMoveUp,\n hasRemove,\n index,\n onCopyIndexClick,\n onDropIndexClick,\n onReorderClick,\n readonly,\n schema,\n uiSchema,\n}: ArrayFieldTemplateItemType<T, S, F>) {\n const [isOpen, setIsOpen] = useState(true);\n\n const itemTitle =\n uiSchema?.['ui:title'] ||\n (schema.title ? `${schema.title} ${index + 1}` : `Item ${index + 1}`);\n\n return (\n <Box mb=\"4\">\n <Card>\n <Disclosure isExpanded={isOpen} onExpandedChange={setIsOpen}>\n {({ isExpanded }) => (\n <>\n <CardHeader\n style={{ backgroundColor: 'var(--bui-bg-neutral-2)' }}\n >\n <Box py=\"3\" px=\"4\">\n <Flex align=\"center\" justify=\"between\">\n <Flex align=\"center\" gap=\"2\">\n <Button\n slot=\"trigger\"\n style={{\n padding: '2px',\n background: 'none',\n border: 'none',\n cursor: 'pointer',\n display: 'flex',\n alignItems: 'center',\n gap: '8px',\n color: 'var(--bui-fg-secondary)',\n }}\n >\n {isExpanded ? (\n <RiArrowDownSLine size={18} />\n ) : (\n <RiArrowRightSLine size={18} />\n )}\n <Text variant=\"body-medium\" weight=\"bold\">\n {itemTitle}\n </Text>\n </Button>\n </Flex>\n {hasToolbar && (\n <Flex align=\"center\" gap=\"1\">\n {(hasMoveUp || hasMoveDown) && (\n <>\n <ButtonIcon\n variant=\"tertiary\"\n size=\"small\"\n isDisabled={disabled || readonly || !hasMoveUp}\n onClick={onReorderClick(index, index - 1)}\n aria-label={`Move up ${itemTitle}`}\n icon={<RiArrowUpSLine size={18} />}\n />\n <ButtonIcon\n variant=\"tertiary\"\n size=\"small\"\n isDisabled={disabled || readonly || !hasMoveDown}\n onClick={onReorderClick(index, index + 1)}\n aria-label={`Move down ${itemTitle}`}\n icon={<RiArrowDownSLine size={18} />}\n />\n </>\n )}\n {hasCopy && (\n <ButtonIcon\n variant=\"tertiary\"\n size=\"small\"\n isDisabled={disabled || readonly}\n onClick={onCopyIndexClick(index)}\n aria-label={`Duplicate ${itemTitle}`}\n icon={<RiAddLine size={18} />}\n />\n )}\n {hasRemove && (\n <ButtonIcon\n variant=\"tertiary\"\n size=\"small\"\n isDisabled={disabled || readonly}\n onClick={onDropIndexClick(index)}\n aria-label={`Remove ${itemTitle}`}\n icon={<RiDeleteBinLine size={18} />}\n />\n )}\n </Flex>\n )}\n </Flex>\n </Box>\n </CardHeader>\n <DisclosurePanel>\n <CardBody>\n <Box p=\"4\">{children}</Box>\n </CardBody>\n </DisclosurePanel>\n </>\n )}\n </Disclosure>\n </Card>\n </Box>\n );\n}\n"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx } from 'react/jsx-runtime';
|
|
2
|
-
import {
|
|
2
|
+
import { ariaDescribedByIds, enumOptionsIndexForValue, enumOptionsValueForIndex } from '@rjsf/utils';
|
|
3
3
|
import { Select } from '@backstage/ui';
|
|
4
4
|
import overrides from './selectOverrides.module.css.esm.js';
|
|
5
5
|
|
|
@@ -19,21 +19,22 @@ function SelectWidget({
|
|
|
19
19
|
rawErrors = []
|
|
20
20
|
}) {
|
|
21
21
|
const { enumOptions, emptyValue } = options;
|
|
22
|
-
const
|
|
23
|
-
const actualIndex = newValue === "" ? "" : newValue;
|
|
22
|
+
const handleSingleChange = (newValue) => {
|
|
24
23
|
onFieldChange(
|
|
25
|
-
enumOptionsValueForIndex(
|
|
24
|
+
enumOptionsValueForIndex(newValue ?? "", enumOptions, emptyValue)
|
|
26
25
|
);
|
|
27
26
|
};
|
|
28
|
-
const
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
const
|
|
27
|
+
const handleMultiChange = (selected) => {
|
|
28
|
+
onFieldChange(
|
|
29
|
+
enumOptionsValueForIndex(selected, enumOptions, emptyValue)
|
|
30
|
+
);
|
|
31
|
+
};
|
|
32
|
+
const handleBlur = () => {
|
|
33
|
+
onFieldBlur(id, value);
|
|
34
|
+
};
|
|
35
|
+
const handleFocus = () => {
|
|
36
|
+
onFieldFocus(id, value);
|
|
37
|
+
};
|
|
37
38
|
const hasError = rawErrors.length > 0;
|
|
38
39
|
const selectOptions = enumOptions?.map(({ label: optionLabel }, index) => ({
|
|
39
40
|
value: String(index),
|
|
@@ -45,26 +46,45 @@ function SelectWidget({
|
|
|
45
46
|
label: options.placeholder || "Select an option"
|
|
46
47
|
});
|
|
47
48
|
}
|
|
49
|
+
const commonProps = {
|
|
50
|
+
className: overrides.select,
|
|
51
|
+
id,
|
|
52
|
+
name: id,
|
|
53
|
+
label: label || schema.title,
|
|
54
|
+
secondaryLabel: required ? "Required" : void 0,
|
|
55
|
+
options: selectOptions,
|
|
56
|
+
isRequired: required,
|
|
57
|
+
isDisabled: disabled || readonly,
|
|
58
|
+
isInvalid: hasError,
|
|
59
|
+
onBlur: handleBlur,
|
|
60
|
+
onFocus: handleFocus,
|
|
61
|
+
"aria-describedby": ariaDescribedByIds(id)
|
|
62
|
+
};
|
|
63
|
+
if (multiple) {
|
|
64
|
+
const selectedIndices = enumOptionsIndexForValue(
|
|
65
|
+
value,
|
|
66
|
+
enumOptions,
|
|
67
|
+
true
|
|
68
|
+
);
|
|
69
|
+
const normalizedIndices = Array.isArray(selectedIndices) ? selectedIndices.map(String) : [];
|
|
70
|
+
return /* @__PURE__ */ jsx(
|
|
71
|
+
Select,
|
|
72
|
+
{
|
|
73
|
+
...commonProps,
|
|
74
|
+
selectionMode: "multiple",
|
|
75
|
+
value: normalizedIndices,
|
|
76
|
+
onChange: handleMultiChange
|
|
77
|
+
}
|
|
78
|
+
);
|
|
79
|
+
}
|
|
80
|
+
const selectedIndex = enumOptionsIndexForValue(value, enumOptions);
|
|
48
81
|
return /* @__PURE__ */ jsx(
|
|
49
82
|
Select,
|
|
50
83
|
{
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
secondaryLabel: required ? "Required" : void 0,
|
|
56
|
-
options: selectOptions,
|
|
57
|
-
selectedKey: selectedIndex !== void 0 ? String(selectedIndex) : "",
|
|
58
|
-
onSelectionChange: (key) => {
|
|
59
|
-
const selected = key ? String(key) : "";
|
|
60
|
-
handleChange(selected);
|
|
61
|
-
},
|
|
62
|
-
isRequired: required,
|
|
63
|
-
isDisabled: disabled || readonly,
|
|
64
|
-
isInvalid: hasError,
|
|
65
|
-
onBlur: handleBlur,
|
|
66
|
-
onFocus: handleFocus,
|
|
67
|
-
"aria-describedby": ariaDescribedByIds(id)
|
|
84
|
+
...commonProps,
|
|
85
|
+
selectionMode: "single",
|
|
86
|
+
value: selectedIndex !== void 0 ? String(selectedIndex) : "",
|
|
87
|
+
onChange: handleSingleChange
|
|
68
88
|
}
|
|
69
89
|
);
|
|
70
90
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectWidget.esm.js","sources":["../../../../../../src/next/components/Form/BuiTheme/widgets/SelectWidget.tsx"],"sourcesContent":["/*\n * Copyright 2026 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport {\n ariaDescribedByIds,\n enumOptionsIndexForValue,\n enumOptionsValueForIndex,\n FormContextType,\n RJSFSchema,\n StrictRJSFSchema,\n WidgetProps,\n} from '@rjsf/utils';\nimport { Select } from '@backstage/ui';\nimport overrides from './selectOverrides.module.css';\n\nexport default function SelectWidget<\n T = any,\n S extends StrictRJSFSchema = RJSFSchema,\n F extends FormContextType = any,\n>({\n id,\n options,\n required,\n disabled,\n readonly,\n value,\n multiple,\n label,\n schema,\n onChange: onFieldChange,\n onBlur: onFieldBlur,\n onFocus: onFieldFocus,\n rawErrors = [],\n}: WidgetProps<T, S, F>) {\n const { enumOptions, emptyValue } = options;\n\n const
|
|
1
|
+
{"version":3,"file":"SelectWidget.esm.js","sources":["../../../../../../src/next/components/Form/BuiTheme/widgets/SelectWidget.tsx"],"sourcesContent":["/*\n * Copyright 2026 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport {\n ariaDescribedByIds,\n enumOptionsIndexForValue,\n enumOptionsValueForIndex,\n FormContextType,\n RJSFSchema,\n StrictRJSFSchema,\n WidgetProps,\n} from '@rjsf/utils';\nimport { Select } from '@backstage/ui';\nimport type { Key } from 'react-aria-components';\nimport overrides from './selectOverrides.module.css';\n\nexport default function SelectWidget<\n T = any,\n S extends StrictRJSFSchema = RJSFSchema,\n F extends FormContextType = any,\n>({\n id,\n options,\n required,\n disabled,\n readonly,\n value,\n multiple,\n label,\n schema,\n onChange: onFieldChange,\n onBlur: onFieldBlur,\n onFocus: onFieldFocus,\n rawErrors = [],\n}: WidgetProps<T, S, F>) {\n const { enumOptions, emptyValue } = options;\n\n const handleSingleChange = (newValue: Key | null) => {\n onFieldChange(\n enumOptionsValueForIndex<S>(newValue ?? '', enumOptions, emptyValue),\n );\n };\n\n const handleMultiChange = (selected: Key[]) => {\n onFieldChange(\n enumOptionsValueForIndex<S>(selected, enumOptions, emptyValue),\n );\n };\n\n const handleBlur = () => {\n onFieldBlur(id, value);\n };\n\n const handleFocus = () => {\n onFieldFocus(id, value);\n };\n\n const hasError = rawErrors.length > 0;\n\n const selectOptions =\n enumOptions?.map(({ label: optionLabel }, index) => ({\n value: String(index),\n label: optionLabel,\n })) || [];\n\n if (!multiple && schema.default === undefined) {\n selectOptions.unshift({\n value: '',\n label: (options.placeholder as string) || 'Select an option',\n });\n }\n\n const commonProps = {\n className: overrides.select,\n id,\n name: id,\n label: label || schema.title,\n secondaryLabel: required ? 'Required' : undefined,\n options: selectOptions,\n isRequired: required,\n isDisabled: disabled || readonly,\n isInvalid: hasError,\n onBlur: handleBlur,\n onFocus: handleFocus,\n 'aria-describedby': ariaDescribedByIds<T>(id),\n };\n\n if (multiple) {\n const selectedIndices = enumOptionsIndexForValue<S>(\n value,\n enumOptions,\n true,\n );\n const normalizedIndices = Array.isArray(selectedIndices)\n ? selectedIndices.map(String)\n : [];\n\n return (\n <Select\n {...commonProps}\n selectionMode=\"multiple\"\n value={normalizedIndices}\n onChange={handleMultiChange}\n />\n );\n }\n\n const selectedIndex = enumOptionsIndexForValue<S>(value, enumOptions);\n\n return (\n <Select\n {...commonProps}\n selectionMode=\"single\"\n value={selectedIndex !== undefined ? String(selectedIndex) : ''}\n onChange={handleSingleChange}\n />\n );\n}\n"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@backstage/plugin-scaffolder-react",
|
|
3
|
-
"version": "3.0.0-next.
|
|
3
|
+
"version": "3.0.0-next.2",
|
|
4
4
|
"description": "A frontend library that helps other Backstage plugins interact with the Scaffolder",
|
|
5
5
|
"backstage": {
|
|
6
6
|
"role": "web-library",
|
|
@@ -74,17 +74,17 @@
|
|
|
74
74
|
"test": "backstage-cli package test"
|
|
75
75
|
},
|
|
76
76
|
"dependencies": {
|
|
77
|
-
"@backstage/catalog-client": "1.16.4-next.
|
|
78
|
-
"@backstage/catalog-model": "1.10.
|
|
79
|
-
"@backstage/core-components": "0.18.16-next.
|
|
80
|
-
"@backstage/core-plugin-api": "1.12.12-next.
|
|
81
|
-
"@backstage/frontend-plugin-api": "0.19.0-next.
|
|
82
|
-
"@backstage/plugin-catalog-react": "4.0.0-next.
|
|
83
|
-
"@backstage/plugin-permission-react": "0.5.7-next.
|
|
84
|
-
"@backstage/plugin-scaffolder-common": "2.4.0-next.
|
|
77
|
+
"@backstage/catalog-client": "1.16.4-next.1",
|
|
78
|
+
"@backstage/catalog-model": "1.10.3-next.0",
|
|
79
|
+
"@backstage/core-components": "0.18.16-next.1",
|
|
80
|
+
"@backstage/core-plugin-api": "1.12.12-next.2",
|
|
81
|
+
"@backstage/frontend-plugin-api": "0.19.0-next.2",
|
|
82
|
+
"@backstage/plugin-catalog-react": "4.0.0-next.2",
|
|
83
|
+
"@backstage/plugin-permission-react": "0.5.7-next.1",
|
|
84
|
+
"@backstage/plugin-scaffolder-common": "2.4.0-next.1",
|
|
85
85
|
"@backstage/theme": "0.7.3",
|
|
86
86
|
"@backstage/types": "1.2.2",
|
|
87
|
-
"@backstage/ui": "0.
|
|
87
|
+
"@backstage/ui": "0.20.0-next.0",
|
|
88
88
|
"@backstage/version-bridge": "1.0.12",
|
|
89
89
|
"@material-ui/core": "^4.12.2",
|
|
90
90
|
"@material-ui/icons": "^4.9.1",
|
|
@@ -114,13 +114,13 @@
|
|
|
114
114
|
"zod-to-json-schema": "^3.25.1"
|
|
115
115
|
},
|
|
116
116
|
"devDependencies": {
|
|
117
|
-
"@backstage/cli": "0.36.8-next.
|
|
118
|
-
"@backstage/core-app-api": "1.20.7-next.
|
|
119
|
-
"@backstage/frontend-test-utils": "0.7.0-next.
|
|
120
|
-
"@backstage/plugin-catalog": "2.0.11-next.
|
|
121
|
-
"@backstage/plugin-catalog-common": "1.2.
|
|
122
|
-
"@backstage/plugin-permission-common": "0.9.
|
|
123
|
-
"@backstage/test-utils": "1.7.24-next.
|
|
117
|
+
"@backstage/cli": "0.36.8-next.2",
|
|
118
|
+
"@backstage/core-app-api": "1.20.7-next.2",
|
|
119
|
+
"@backstage/frontend-test-utils": "0.7.0-next.2",
|
|
120
|
+
"@backstage/plugin-catalog": "2.0.11-next.2",
|
|
121
|
+
"@backstage/plugin-catalog-common": "1.2.2-next.0",
|
|
122
|
+
"@backstage/plugin-permission-common": "0.9.13-next.0",
|
|
123
|
+
"@backstage/test-utils": "1.7.24-next.1",
|
|
124
124
|
"@testing-library/dom": "^10.0.0",
|
|
125
125
|
"@testing-library/jest-dom": "^6.0.0",
|
|
126
126
|
"@testing-library/react": "^16.0.0",
|
|
@@ -133,7 +133,7 @@
|
|
|
133
133
|
"swr": "^2.0.0"
|
|
134
134
|
},
|
|
135
135
|
"peerDependencies": {
|
|
136
|
-
"@backstage/frontend-test-utils": "0.7.0-next.
|
|
136
|
+
"@backstage/frontend-test-utils": "0.7.0-next.2",
|
|
137
137
|
"@types/react": "^17.0.0 || ^18.0.0",
|
|
138
138
|
"react": "^17.0.0 || ^18.0.0",
|
|
139
139
|
"react-dom": "^17.0.0 || ^18.0.0",
|