@backstage/plugin-scaffolder-react 2.1.1 → 3.0.0-next.0

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @backstage/plugin-scaffolder-react
 
+## 3.0.0-next.0
+
+### Minor Changes
+
+- 3fe82f6: Added a `ScaffolderTemplateFilterBlueprint` that lets apps filter the new frontend system's template list using identity, catalog, or other viewer-specific state.
+
+### Patch Changes
+
+- 1c461ca: Fixed BUI array item headings to use the item schema title and honor an explicit item `ui:title` without adding a numeric suffix. Untitled items retain the numbered fallback.
+- Updated dependencies
+  - @backstage/frontend-plugin-api@0.18.3-next.0
+  - @backstage/frontend-test-utils@0.7.0-next.0
+  - @backstage/core-plugin-api@1.12.12-next.0
+  - @backstage/plugin-catalog-react@4.0.0-next.0
+  - @backstage/core-components@0.18.16-next.0
+  - @backstage/plugin-permission-react@0.5.7-next.0
+
 ## 2.1.1
 
 ### Patch Changes

package/dist/alpha.d.ts

@@ -488,6 +488,50 @@ declare const FormFieldBlueprint: _backstage_frontend_plugin_api.ExtensionBluepr
  */
 declare function createFormField<TReturnValue extends z.ZodType, TUiOptions extends z.ZodType>(opts: FormFieldExtensionData<TReturnValue, TUiOptions>): FormField;
 
+/**
+ * A predicate that selects templates for display on the Scaffolder templates
+ * page.
+ *
+ * @alpha
+ */
+type ScaffolderTemplateFilter = (template: TemplateEntityV1beta3) => boolean;
+/**
+ * A React hook that creates a template filter for the current viewer.
+ *
+ * @alpha
+ */
+type ScaffolderTemplateFilterHook = () => ScaffolderTemplateFilter;
+/**
+ * Parameters for {@link ScaffolderTemplateFilterBlueprint}.
+ *
+ * @alpha
+ */
+interface ScaffolderTemplateFilterBlueprintParams {
+    /**
+     * A React hook that returns the filter to apply to templates.
+     *
+     * The hook is called inside the templates page and may use other hooks and
+     * frontend APIs to construct a filter for the current viewer.
+     */
+    useTemplateFilter: ScaffolderTemplateFilterHook;
+}
+/**
+ * Creates a viewer-aware filter for the Scaffolder templates page.
+ *
+ * @alpha
+ */
+declare const ScaffolderTemplateFilterBlueprint: _backstage_frontend_plugin_api.ExtensionBlueprint<{
+    kind: "scaffolder-template-filter";
+    params: ScaffolderTemplateFilterBlueprintParams;
+    output: _backstage_frontend_plugin_api.ExtensionDataRef<ScaffolderTemplateFilterHook, "scaffolder.template-filter-hook", {}>;
+    inputs: {};
+    config: {};
+    configInput: {};
+    dataRefs: {
+        useTemplateFilter: _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<ScaffolderTemplateFilterHook, "scaffolder.template-filter-hook", {}>;
+    };
+}>;
+
 /**
  * @alpha
  * @deprecated Import from `@backstage/plugin-scaffolder-react` instead.
@@ -513,5 +557,5 @@ declare const scaffolderReactTranslationRef: _backstage_frontend_plugin_api.Tran
     readonly "templateOutputs.title": "Text Output";
 }>;
 
-export { DefaultTemplateOutputs, EmbeddableWorkflow, Form, FormDecoratorBlueprint, FormFieldBlueprint, ReviewState, ScaffolderField, ScaffolderPageContextMenu, SecretWidget, Stepper, TaskLogStream, TaskSteps, TemplateCard, TemplateCategoryPicker, TemplateGroup, TemplateGroups, Workflow, createAsyncValidators, createFieldValidation, createFormField, createScaffolderFormDecorator, extractSchemaFromStep, formFieldsApiRef, scaffolderReactTranslationRef, scaffolderTemplateOutputTemplateRefsRef, scaffolderTemplateOutputsBlueprint, scaffolderTemplateOutputsComponentRef, useFilteredSchemaProperties, useFormDataFromQuery, useScaffolderTheme, useTemplateParameterSchema, useTemplateSchema };
-export type { BackstageOverrides, BackstageTemplateStepperClassKey, FormField, FormFieldExtensionData, FormValidation, ParsedTemplateSchema, ReviewStateProps, ScaffolderFieldProps, ScaffolderFormDecorator, ScaffolderFormDecoratorContext, ScaffolderFormFieldsApi, ScaffolderPageContextMenuProps, ScaffolderReactComponentsNameToClassKey, ScaffolderReactTemplateCategoryPickerClassKey, ScaffolderTemplateOutputsBlueprintParams, ScaffolderTemplateOutputsComponent, ScaffolderTheme, StepperProps, TaskStepsProps, TemplateCardComponentProps, TemplateCardProps, TemplateGroupProps, TemplateGroupsProps, WorkflowProps };
+export { DefaultTemplateOutputs, EmbeddableWorkflow, Form, FormDecoratorBlueprint, FormFieldBlueprint, ReviewState, ScaffolderField, ScaffolderPageContextMenu, ScaffolderTemplateFilterBlueprint, SecretWidget, Stepper, TaskLogStream, TaskSteps, TemplateCard, TemplateCategoryPicker, TemplateGroup, TemplateGroups, Workflow, createAsyncValidators, createFieldValidation, createFormField, createScaffolderFormDecorator, extractSchemaFromStep, formFieldsApiRef, scaffolderReactTranslationRef, scaffolderTemplateOutputTemplateRefsRef, scaffolderTemplateOutputsBlueprint, scaffolderTemplateOutputsComponentRef, useFilteredSchemaProperties, useFormDataFromQuery, useScaffolderTheme, useTemplateParameterSchema, useTemplateSchema };
+export type { BackstageOverrides, BackstageTemplateStepperClassKey, FormField, FormFieldExtensionData, FormValidation, ParsedTemplateSchema, ReviewStateProps, ScaffolderFieldProps, ScaffolderFormDecorator, ScaffolderFormDecoratorContext, ScaffolderFormFieldsApi, ScaffolderPageContextMenuProps, ScaffolderReactComponentsNameToClassKey, ScaffolderReactTemplateCategoryPickerClassKey, ScaffolderTemplateFilter, ScaffolderTemplateFilterBlueprintParams, ScaffolderTemplateFilterHook, ScaffolderTemplateOutputsBlueprintParams, ScaffolderTemplateOutputsComponent, ScaffolderTheme, StepperProps, TaskStepsProps, TemplateCardComponentProps, TemplateCardProps, TemplateGroupProps, TemplateGroupsProps, WorkflowProps };

package/dist/alpha.esm.js

@@ -23,6 +23,7 @@ export { useFilteredSchemaProperties } from './next/hooks/useFilteredSchemaPrope
 export { FormDecoratorBlueprint } from './next/blueprints/FormDecoratorBlueprint.esm.js';
 export { scaffolderTemplateOutputTemplateRefsRef, scaffolderTemplateOutputsBlueprint, scaffolderTemplateOutputsComponentRef } from './next/blueprints/scaffolderTaskOutputsBlueprint.esm.js';
 export { FormFieldBlueprint, createFormField } from './next/blueprints/FormFieldBlueprint.esm.js';
+export { ScaffolderTemplateFilterBlueprint } from './next/blueprints/ScaffolderTemplateFilterBlueprint.esm.js';
 export { createScaffolderFormDecorator } from './next/extensions/createScaffolderFormDecorator.esm.js';
 import { scaffolderReactTranslationRef as scaffolderReactTranslationRef$1 } from './translation.esm.js';
 

package/dist/alpha.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"alpha.esm.js","sources":["../src/alpha.ts"],"sourcesContent":["/*\n * Copyright 2022 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 */\n\nexport * from './next';\n\nimport { scaffolderReactTranslationRef as _scaffolderReactTranslationRef } from './translation';\n\n/**\n * @alpha\n * @deprecated Import from `@backstage/plugin-scaffolder-react` instead.\n */\nexport const scaffolderReactTranslationRef = _scaffolderReactTranslationRef;\n"],"names":["_scaffolderReactTranslationRef"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwBO,MAAM,6BAAA,GAAgCA;;"}
+{"version":3,"file":"alpha.esm.js","sources":["../src/alpha.ts"],"sourcesContent":["/*\n * Copyright 2022 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 */\n\nexport * from './next';\n\nimport { scaffolderReactTranslationRef as _scaffolderReactTranslationRef } from './translation';\n\n/**\n * @alpha\n * @deprecated Import from `@backstage/plugin-scaffolder-react` instead.\n */\nexport const scaffolderReactTranslationRef = _scaffolderReactTranslationRef;\n"],"names":["_scaffolderReactTranslationRef"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwBO,MAAM,6BAAA,GAAgCA;;"}

package/dist/next/blueprints/ScaffolderTemplateFilterBlueprint.esm.js

@@ -0,0 +1,22 @@
+import { createExtensionDataRef, createExtensionBlueprint } from '@backstage/frontend-plugin-api';
+
+const scaffolderTemplateFilterHookRef = createExtensionDataRef().with({
+  id: "scaffolder.template-filter-hook"
+});
+const ScaffolderTemplateFilterBlueprint = createExtensionBlueprint({
+  kind: "scaffolder-template-filter",
+  attachTo: {
+    id: "sub-page:scaffolder/templates",
+    input: "templateFilter"
+  },
+  output: [scaffolderTemplateFilterHookRef],
+  dataRefs: {
+    useTemplateFilter: scaffolderTemplateFilterHookRef
+  },
+  *factory(params) {
+    yield scaffolderTemplateFilterHookRef(params.useTemplateFilter);
+  }
+});
+
+export { ScaffolderTemplateFilterBlueprint };
+//# sourceMappingURL=ScaffolderTemplateFilterBlueprint.esm.js.map

package/dist/next/blueprints/ScaffolderTemplateFilterBlueprint.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScaffolderTemplateFilterBlueprint.esm.js","sources":["../../../src/next/blueprints/ScaffolderTemplateFilterBlueprint.ts"],"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 */\n\nimport {\n  createExtensionBlueprint,\n  createExtensionDataRef,\n} from '@backstage/frontend-plugin-api';\nimport { TemplateEntityV1beta3 } from '@backstage/plugin-scaffolder-common';\n\n/**\n * A predicate that selects templates for display on the Scaffolder templates\n * page.\n *\n * @alpha\n */\nexport type ScaffolderTemplateFilter = (\n  template: TemplateEntityV1beta3,\n) => boolean;\n\n/**\n * A React hook that creates a template filter for the current viewer.\n *\n * @alpha\n */\nexport type ScaffolderTemplateFilterHook = () => ScaffolderTemplateFilter;\n\nconst scaffolderTemplateFilterHookRef =\n  createExtensionDataRef<ScaffolderTemplateFilterHook>().with({\n    id: 'scaffolder.template-filter-hook',\n  });\n\n/**\n * Parameters for {@link ScaffolderTemplateFilterBlueprint}.\n *\n * @alpha\n */\nexport interface ScaffolderTemplateFilterBlueprintParams {\n  /**\n   * A React hook that returns the filter to apply to templates.\n   *\n   * The hook is called inside the templates page and may use other hooks and\n   * frontend APIs to construct a filter for the current viewer.\n   */\n  useTemplateFilter: ScaffolderTemplateFilterHook;\n}\n\n/**\n * Creates a viewer-aware filter for the Scaffolder templates page.\n *\n * @alpha\n */\nexport const ScaffolderTemplateFilterBlueprint = createExtensionBlueprint({\n  kind: 'scaffolder-template-filter',\n  attachTo: {\n    id: 'sub-page:scaffolder/templates',\n    input: 'templateFilter',\n  },\n  output: [scaffolderTemplateFilterHookRef],\n  dataRefs: {\n    useTemplateFilter: scaffolderTemplateFilterHookRef,\n  },\n  *factory(params: ScaffolderTemplateFilterBlueprintParams) {\n    yield scaffolderTemplateFilterHookRef(params.useTemplateFilter);\n  },\n});\n"],"names":[],"mappings":";;AAuCA,MAAM,+BAAA,GACJ,sBAAA,EAAqD,CAAE,IAAA,CAAK;AAAA,EAC1D,EAAA,EAAI;AACN,CAAC,CAAA;AAsBI,MAAM,oCAAoC,wBAAA,CAAyB;AAAA,EACxE,IAAA,EAAM,4BAAA;AAAA,EACN,QAAA,EAAU;AAAA,IACR,EAAA,EAAI,+BAAA;AAAA,IACJ,KAAA,EAAO;AAAA,GACT;AAAA,EACA,MAAA,EAAQ,CAAC,+BAA+B,CAAA;AAAA,EACxC,QAAA,EAAU;AAAA,IACR,iBAAA,EAAmB;AAAA,GACrB;AAAA,EACA,CAAC,QAAQ,MAAA,EAAiD;AACxD,IAAA,MAAM,+BAAA,CAAgC,OAAO,iBAAiB,CAAA;AAAA,EAChE;AACF,CAAC;;"}

package/dist/next/components/Form/BuiTheme/templates/ArrayFieldItemTemplate.esm.js

@@ -17,11 +17,11 @@ function ArrayFieldItemTemplate({
   onDropIndexClick,
   onReorderClick,
   readonly,
-  schema
+  schema,
+  uiSchema
 }) {
   const [isOpen, setIsOpen] = useState(true);
-  const itemSchema = schema?.items;
-  const itemTitle = itemSchema?.title ? `${itemSchema.title} ${index + 1}` : `Item ${index + 1}`;
+  const itemTitle = uiSchema?.["ui:title"] ?? (schema.title ? `${schema.title} ${index + 1}` : `Item ${index + 1}`);
   return /* @__PURE__ */ jsx(Box, { mb: "4", children: /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsx(Disclosure, { isExpanded: isOpen, onExpandedChange: setIsOpen, children: ({ isExpanded }) => /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
       CardHeader,

package/dist/next/components/Form/BuiTheme/templates/ArrayFieldItemTemplate.esm.js.map

@@ -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}: ArrayFieldTemplateItemType<T, S, F>) {\n  const [isOpen, setIsOpen] = useState(true);\n\n  const itemSchema = schema?.items as S | undefined;\n  const itemTitle = itemSchema?.title\n    ? `${itemSchema.title} ${index + 1}`\n    : `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                          color: 'var(--bui-fg-secondary)',\n                        }}\n                        aria-label={isExpanded ? 'Collapse' : 'Expand'}\n                      >\n                        {isExpanded ? (\n                          <RiArrowDownSLine size={18} />\n                        ) : (\n                          <RiArrowRightSLine size={18} />\n                        )}\n                      </Button>\n                      <Text variant=\"body-medium\" weight=\"bold\">\n                        {itemTitle}\n                      </Text>\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\"\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\"\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\"\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\"\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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"}
+{"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                          color: 'var(--bui-fg-secondary)',\n                        }}\n                        aria-label={isExpanded ? 'Collapse' : 'Expand'}\n                      >\n                        {isExpanded ? (\n                          <RiArrowDownSLine size={18} />\n                        ) : (\n                          <RiArrowRightSLine size={18} />\n                        )}\n                      </Button>\n                      <Text variant=\"body-medium\" weight=\"bold\">\n                        {itemTitle}\n                      </Text>\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\"\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\"\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\"\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\"\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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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@backstage/plugin-scaffolder-react",
-  "version": "2.1.1",
+  "version": "3.0.0-next.0",
   "description": "A frontend library that helps other Backstage plugins interact with the Scaffolder",
   "backstage": {
     "role": "web-library",
@@ -74,18 +74,18 @@
     "test": "backstage-cli package test"
   },
   "dependencies": {
-    "@backstage/catalog-client": "^1.16.3",
-    "@backstage/catalog-model": "^1.10.2",
-    "@backstage/core-components": "^0.18.15",
-    "@backstage/core-plugin-api": "^1.12.11",
-    "@backstage/frontend-plugin-api": "^0.18.2",
-    "@backstage/plugin-catalog-react": "^3.3.0",
-    "@backstage/plugin-permission-react": "^0.5.6",
-    "@backstage/plugin-scaffolder-common": "^2.3.1",
-    "@backstage/theme": "^0.7.3",
-    "@backstage/types": "^1.2.2",
-    "@backstage/ui": "^0.19.0",
-    "@backstage/version-bridge": "^1.0.12",
+    "@backstage/catalog-client": "1.16.3",
+    "@backstage/catalog-model": "1.10.2",
+    "@backstage/core-components": "0.18.16-next.0",
+    "@backstage/core-plugin-api": "1.12.12-next.0",
+    "@backstage/frontend-plugin-api": "0.18.3-next.0",
+    "@backstage/plugin-catalog-react": "4.0.0-next.0",
+    "@backstage/plugin-permission-react": "0.5.7-next.0",
+    "@backstage/plugin-scaffolder-common": "2.3.1",
+    "@backstage/theme": "0.7.3",
+    "@backstage/types": "1.2.2",
+    "@backstage/ui": "0.19.0",
+    "@backstage/version-bridge": "1.0.12",
     "@material-ui/core": "^4.12.2",
     "@material-ui/icons": "^4.9.1",
     "@material-ui/lab": "4.0.0-alpha.61",
@@ -114,13 +114,13 @@
     "zod-to-json-schema": "^3.25.1"
   },
   "devDependencies": {
-    "@backstage/cli": "^0.36.7",
-    "@backstage/core-app-api": "^1.20.6",
-    "@backstage/frontend-test-utils": "^0.6.5",
-    "@backstage/plugin-catalog": "^2.0.10",
-    "@backstage/plugin-catalog-common": "^1.2.1",
-    "@backstage/plugin-permission-common": "^0.9.12",
-    "@backstage/test-utils": "^1.7.23",
+    "@backstage/cli": "0.36.8-next.0",
+    "@backstage/core-app-api": "1.20.7-next.0",
+    "@backstage/frontend-test-utils": "0.7.0-next.0",
+    "@backstage/plugin-catalog": "2.0.11-next.0",
+    "@backstage/plugin-catalog-common": "1.2.1",
+    "@backstage/plugin-permission-common": "0.9.12",
+    "@backstage/test-utils": "1.7.24-next.0",
     "@testing-library/dom": "^10.0.0",
     "@testing-library/jest-dom": "^6.0.0",
     "@testing-library/react": "^16.0.0",
@@ -133,7 +133,7 @@
     "swr": "^2.0.0"
   },
   "peerDependencies": {
-    "@backstage/frontend-test-utils": "^0.6.5",
+    "@backstage/frontend-test-utils": "0.7.0-next.0",
     "@types/react": "^17.0.0 || ^18.0.0",
     "react": "^17.0.0 || ^18.0.0",
     "react-dom": "^17.0.0 || ^18.0.0",