@backstage/plugin-catalog 1.31.1 → 1.31.2-next.0

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @backstage/plugin-catalog
 
+## 1.31.2-next.0
+
+### Patch Changes
+
+- f4622e8: Adding a more sensible default order to the default filters
+- 77eebdc: Support multiple headers in new frontend system, and don't render a header until the entity has finished loading
+- Updated dependencies
+  - @backstage/plugin-catalog-react@1.19.2-next.0
+  - @backstage/core-compat-api@0.4.5-next.0
+  - @backstage/integration-react@1.2.9
+  - @backstage/frontend-plugin-api@0.10.4
+  - @backstage/plugin-search-react@1.9.2
+
 ## 1.31.1
 
 ### Patch Changes

package/dist/alpha/components/EntityLayout/EntityLayout.esm.js

@@ -1,4 +1,4 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import Alert from '@material-ui/lab/Alert';
 import { attachComponentData, useRouteRefParams, useElementFilter } from '@backstage/core-plugin-api';
 import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
@@ -18,12 +18,20 @@ const EntityLayout = (props) => {
     UNSTABLE_contextMenuOptions,
     contextMenuItems,
     children,
-    header,
     NotFoundComponent,
     parentEntityRelations
   } = props;
   const { kind } = useRouteRefParams(entityRouteRef);
   const { entity, loading, error } = useAsyncEntity();
+  const header = props.header ?? /* @__PURE__ */ jsx(
+    EntityHeader,
+    {
+      parentEntityRelations,
+      UNSTABLE_contextMenuOptions,
+      UNSTABLE_extraContextMenuItems,
+      contextMenuItems
+    }
+  );
   const routes = useElementFilter(
     children,
     (elements) => elements.selectByComponentData({
@@ -49,15 +57,7 @@ const EntityLayout = (props) => {
   );
   const { t } = useTranslationRef(catalogTranslationRef);
   return /* @__PURE__ */ jsxs(Page, { themeId: entity?.spec?.type?.toString() ?? "home", children: [
-    header ?? /* @__PURE__ */ jsx(
-      EntityHeader,
-      {
-        parentEntityRelations,
-        UNSTABLE_contextMenuOptions,
-        UNSTABLE_extraContextMenuItems,
-        contextMenuItems
-      }
-    ),
+    !loading && header,
     loading && /* @__PURE__ */ jsx(Progress, {}),
     entity && /* @__PURE__ */ jsx(EntityTabs, { routes }),
     error && /* @__PURE__ */ jsx(Content, { children: /* @__PURE__ */ jsx(Alert, { severity: "error", children: error.toString() }) }),

package/dist/alpha/components/EntityLayout/EntityLayout.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"EntityLayout.esm.js","sources":["../../../../src/alpha/components/EntityLayout/EntityLayout.tsx"],"sourcesContent":["/*\n * Copyright 2020 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 { ComponentProps, ReactNode } from 'react';\n\nimport Alert from '@material-ui/lab/Alert';\n\nimport {\n  attachComponentData,\n  useElementFilter,\n  useRouteRefParams,\n} from '@backstage/core-plugin-api';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport {\n  Content,\n  Link,\n  Page,\n  Progress,\n  WarningPanel,\n} from '@backstage/core-components';\nimport { Entity } from '@backstage/catalog-model';\nimport {\n  entityRouteRef,\n  useAsyncEntity,\n} from '@backstage/plugin-catalog-react';\n\nimport { catalogTranslationRef } from '../../translation';\nimport { EntityHeader } from '../EntityHeader';\nimport { EntityTabs } from '../EntityTabs';\n\nexport type EntityLayoutRouteProps = {\n  path: string;\n  title: string;\n  group: string;\n  children: JSX.Element;\n  if?: (entity: Entity) => boolean;\n};\n\nconst dataKey = 'plugin.catalog.entityLayoutRoute';\nconst Route: (props: EntityLayoutRouteProps) => null = () => null;\nattachComponentData(Route, dataKey, true);\nattachComponentData(Route, 'core.gatherMountPoints', true); // This causes all mount points that are discovered within this route to use the path of the route itself\n\n/** @public */\nexport interface EntityLayoutProps {\n  UNSTABLE_contextMenuOptions?: ComponentProps<\n    typeof EntityHeader\n  >['UNSTABLE_contextMenuOptions'];\n  UNSTABLE_extraContextMenuItems?: ComponentProps<\n    typeof EntityHeader\n  >['UNSTABLE_extraContextMenuItems'];\n  contextMenuItems?: ComponentProps<typeof EntityHeader>['contextMenuItems'];\n  children?: ReactNode;\n  header?: JSX.Element;\n  NotFoundComponent?: ReactNode;\n  /**\n   * An array of relation types used to determine the parent entities in the hierarchy.\n   * These relations are prioritized in the order provided, allowing for flexible\n   * navigation through entity relationships.\n   *\n   * For example, use relation types like `[\"partOf\", \"memberOf\", \"ownedBy\"]` to define how the entity is related to\n   * its parents in the Entity Catalog.\n   *\n   * It adds breadcrumbs in the Entity page to enhance user navigation and context awareness.\n   */\n  parentEntityRelations?: string[];\n}\n\n/**\n * EntityLayout is a compound component, which allows you to define a layout for\n * entities using a sub-navigation mechanism.\n *\n * Consists of two parts: EntityLayout and EntityLayout.Route\n *\n * @example\n * ```jsx\n * <EntityLayout>\n *   <EntityLayout.Route path=\"/example\" title=\"Example tab\">\n *     <div>This is rendered under /example/anything-here route</div>\n *   </EntityLayout.Route>\n * </EntityLayout>\n * ```\n *\n * @public\n */\nexport const EntityLayout = (props: EntityLayoutProps) => {\n  const {\n    UNSTABLE_extraContextMenuItems,\n    UNSTABLE_contextMenuOptions,\n    contextMenuItems,\n    children,\n    header,\n    NotFoundComponent,\n    parentEntityRelations,\n  } = props;\n  const { kind } = useRouteRefParams(entityRouteRef);\n  const { entity, loading, error } = useAsyncEntity();\n\n  const routes = useElementFilter(\n    children,\n    elements =>\n      elements\n        .selectByComponentData({\n          key: dataKey,\n          withStrictError:\n            'Child of EntityLayout must be an EntityLayout.Route',\n        })\n        .getElements<EntityLayoutRouteProps>() // all nodes, element data, maintain structure or not?\n        .flatMap(({ props: elementProps }) => {\n          if (!entity) {\n            return [];\n          }\n          if (elementProps.if && !elementProps.if(entity)) {\n            return [];\n          }\n          return [\n            {\n              path: elementProps.path,\n              title: elementProps.title,\n              group: elementProps.group,\n              children: elementProps.children,\n            },\n          ];\n        }),\n    [entity],\n  );\n\n  const { t } = useTranslationRef(catalogTranslationRef);\n\n  return (\n    <Page themeId={entity?.spec?.type?.toString() ?? 'home'}>\n      {header ?? (\n        <EntityHeader\n          parentEntityRelations={parentEntityRelations}\n          UNSTABLE_contextMenuOptions={UNSTABLE_contextMenuOptions}\n          UNSTABLE_extraContextMenuItems={UNSTABLE_extraContextMenuItems}\n          contextMenuItems={contextMenuItems}\n        />\n      )}\n\n      {loading && <Progress />}\n\n      {entity && <EntityTabs routes={routes} />}\n\n      {error && (\n        <Content>\n          <Alert severity=\"error\">{error.toString()}</Alert>\n        </Content>\n      )}\n\n      {!loading && !error && !entity && (\n        <Content>\n          {NotFoundComponent ? (\n            NotFoundComponent\n          ) : (\n            <WarningPanel title={t('entityLabels.warningPanelTitle')}>\n              There is no {kind} with the requested{' '}\n              <Link to=\"https://backstage.io/docs/features/software-catalog/references\">\n                kind, namespace, and name\n              </Link>\n              .\n            </WarningPanel>\n          )}\n        </Content>\n      )}\n    </Page>\n  );\n};\n\nEntityLayout.Route = Route;\n"],"names":[],"mappings":";;;;;;;;;;AAmDA,MAAM,OAAU,GAAA,kCAAA;AAChB,MAAM,QAAiD,MAAM,IAAA;AAC7D,mBAAoB,CAAA,KAAA,EAAO,SAAS,IAAI,CAAA;AACxC,mBAAoB,CAAA,KAAA,EAAO,0BAA0B,IAAI,CAAA;AA4C5C,MAAA,YAAA,GAAe,CAAC,KAA6B,KAAA;AACxD,EAAM,MAAA;AAAA,IACJ,8BAAA;AAAA,IACA,2BAAA;AAAA,IACA,gBAAA;AAAA,IACA,QAAA;AAAA,IACA,MAAA;AAAA,IACA,iBAAA;AAAA,IACA;AAAA,GACE,GAAA,KAAA;AACJ,EAAA,MAAM,EAAE,IAAA,EAAS,GAAA,iBAAA,CAAkB,cAAc,CAAA;AACjD,EAAA,MAAM,EAAE,MAAA,EAAQ,OAAS,EAAA,KAAA,KAAU,cAAe,EAAA;AAElD,EAAA,MAAM,MAAS,GAAA,gBAAA;AAAA,IACb,QAAA;AAAA,IACA,CAAA,QAAA,KACE,SACG,qBAAsB,CAAA;AAAA,MACrB,GAAK,EAAA,OAAA;AAAA,MACL,eACE,EAAA;AAAA,KACH,EACA,WAAoC,EAAA,CACpC,QAAQ,CAAC,EAAE,KAAO,EAAA,YAAA,EAAmB,KAAA;AACpC,MAAA,IAAI,CAAC,MAAQ,EAAA;AACX,QAAA,OAAO,EAAC;AAAA;AAEV,MAAA,IAAI,aAAa,EAAM,IAAA,CAAC,YAAa,CAAA,EAAA,CAAG,MAAM,CAAG,EAAA;AAC/C,QAAA,OAAO,EAAC;AAAA;AAEV,MAAO,OAAA;AAAA,QACL;AAAA,UACE,MAAM,YAAa,CAAA,IAAA;AAAA,UACnB,OAAO,YAAa,CAAA,KAAA;AAAA,UACpB,OAAO,YAAa,CAAA,KAAA;AAAA,UACpB,UAAU,YAAa,CAAA;AAAA;AACzB,OACF;AAAA,KACD,CAAA;AAAA,IACL,CAAC,MAAM;AAAA,GACT;AAEA,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,qBAAqB,CAAA;AAErD,EACE,uBAAA,IAAA,CAAC,QAAK,OAAS,EAAA,MAAA,EAAQ,MAAM,IAAM,EAAA,QAAA,MAAc,MAC9C,EAAA,QAAA,EAAA;AAAA,IACC,MAAA,oBAAA,GAAA;AAAA,MAAC,YAAA;AAAA,MAAA;AAAA,QACC,qBAAA;AAAA,QACA,2BAAA;AAAA,QACA,8BAAA;AAAA,QACA;AAAA;AAAA,KACF;AAAA,IAGD,OAAA,wBAAY,QAAS,EAAA,EAAA,CAAA;AAAA,IAErB,MAAA,oBAAW,GAAA,CAAA,UAAA,EAAA,EAAW,MAAgB,EAAA,CAAA;AAAA,IAEtC,KAAA,oBACE,GAAA,CAAA,OAAA,EAAA,EACC,QAAC,kBAAA,GAAA,CAAA,KAAA,EAAA,EAAM,UAAS,OAAS,EAAA,QAAA,EAAA,KAAA,CAAM,QAAS,EAAA,EAAE,CAC5C,EAAA,CAAA;AAAA,IAGD,CAAC,OAAA,IAAW,CAAC,KAAA,IAAS,CAAC,MACtB,oBAAA,GAAA,CAAC,OACE,EAAA,EAAA,QAAA,EAAA,iBAAA,GACC,oCAEC,IAAA,CAAA,YAAA,EAAA,EAAa,KAAO,EAAA,CAAA,CAAE,gCAAgC,CAAG,EAAA,QAAA,EAAA;AAAA,MAAA,cAAA;AAAA,MAC3C,IAAA;AAAA,MAAK,qBAAA;AAAA,MAAoB,GAAA;AAAA,sBACrC,GAAA,CAAA,IAAA,EAAA,EAAK,EAAG,EAAA,gEAAA,EAAiE,QAE1E,EAAA,2BAAA,EAAA,CAAA;AAAA,MAAO;AAAA,KAAA,EAET,CAEJ,EAAA;AAAA,GAEJ,EAAA,CAAA;AAEJ;AAEA,YAAA,CAAa,KAAQ,GAAA,KAAA;;;;"}
+{"version":3,"file":"EntityLayout.esm.js","sources":["../../../../src/alpha/components/EntityLayout/EntityLayout.tsx"],"sourcesContent":["/*\n * Copyright 2020 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 { ComponentProps, ReactNode } from 'react';\n\nimport Alert from '@material-ui/lab/Alert';\n\nimport {\n  attachComponentData,\n  useElementFilter,\n  useRouteRefParams,\n} from '@backstage/core-plugin-api';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport {\n  Content,\n  Link,\n  Page,\n  Progress,\n  WarningPanel,\n} from '@backstage/core-components';\nimport { Entity } from '@backstage/catalog-model';\nimport {\n  entityRouteRef,\n  useAsyncEntity,\n} from '@backstage/plugin-catalog-react';\n\nimport { catalogTranslationRef } from '../../translation';\nimport { EntityHeader } from '../EntityHeader';\nimport { EntityTabs } from '../EntityTabs';\n\nexport type EntityLayoutRouteProps = {\n  path: string;\n  title: string;\n  group: string;\n  children: JSX.Element;\n  if?: (entity: Entity) => boolean;\n};\n\nconst dataKey = 'plugin.catalog.entityLayoutRoute';\nconst Route: (props: EntityLayoutRouteProps) => null = () => null;\nattachComponentData(Route, dataKey, true);\nattachComponentData(Route, 'core.gatherMountPoints', true); // This causes all mount points that are discovered within this route to use the path of the route itself\n\n/** @public */\nexport interface EntityLayoutProps {\n  UNSTABLE_contextMenuOptions?: ComponentProps<\n    typeof EntityHeader\n  >['UNSTABLE_contextMenuOptions'];\n  UNSTABLE_extraContextMenuItems?: ComponentProps<\n    typeof EntityHeader\n  >['UNSTABLE_extraContextMenuItems'];\n  contextMenuItems?: ComponentProps<typeof EntityHeader>['contextMenuItems'];\n  children?: ReactNode;\n  header?: JSX.Element;\n  NotFoundComponent?: ReactNode;\n  /**\n   * An array of relation types used to determine the parent entities in the hierarchy.\n   * These relations are prioritized in the order provided, allowing for flexible\n   * navigation through entity relationships.\n   *\n   * For example, use relation types like `[\"partOf\", \"memberOf\", \"ownedBy\"]` to define how the entity is related to\n   * its parents in the Entity Catalog.\n   *\n   * It adds breadcrumbs in the Entity page to enhance user navigation and context awareness.\n   */\n  parentEntityRelations?: string[];\n}\n\n/**\n * EntityLayout is a compound component, which allows you to define a layout for\n * entities using a sub-navigation mechanism.\n *\n * Consists of two parts: EntityLayout and EntityLayout.Route\n *\n * @example\n * ```jsx\n * <EntityLayout>\n *   <EntityLayout.Route path=\"/example\" title=\"Example tab\">\n *     <div>This is rendered under /example/anything-here route</div>\n *   </EntityLayout.Route>\n * </EntityLayout>\n * ```\n *\n * @public\n */\nexport const EntityLayout = (props: EntityLayoutProps) => {\n  const {\n    UNSTABLE_extraContextMenuItems,\n    UNSTABLE_contextMenuOptions,\n    contextMenuItems,\n    children,\n    NotFoundComponent,\n    parentEntityRelations,\n  } = props;\n  const { kind } = useRouteRefParams(entityRouteRef);\n  const { entity, loading, error } = useAsyncEntity();\n\n  const header = props.header ?? (\n    <EntityHeader\n      parentEntityRelations={parentEntityRelations}\n      UNSTABLE_contextMenuOptions={UNSTABLE_contextMenuOptions}\n      UNSTABLE_extraContextMenuItems={UNSTABLE_extraContextMenuItems}\n      contextMenuItems={contextMenuItems}\n    />\n  );\n\n  const routes = useElementFilter(\n    children,\n    elements =>\n      elements\n        .selectByComponentData({\n          key: dataKey,\n          withStrictError:\n            'Child of EntityLayout must be an EntityLayout.Route',\n        })\n        .getElements<EntityLayoutRouteProps>() // all nodes, element data, maintain structure or not?\n        .flatMap(({ props: elementProps }) => {\n          if (!entity) {\n            return [];\n          }\n          if (elementProps.if && !elementProps.if(entity)) {\n            return [];\n          }\n          return [\n            {\n              path: elementProps.path,\n              title: elementProps.title,\n              group: elementProps.group,\n              children: elementProps.children,\n            },\n          ];\n        }),\n    [entity],\n  );\n\n  const { t } = useTranslationRef(catalogTranslationRef);\n\n  return (\n    <Page themeId={entity?.spec?.type?.toString() ?? 'home'}>\n      {!loading && header}\n\n      {loading && <Progress />}\n\n      {entity && <EntityTabs routes={routes} />}\n\n      {error && (\n        <Content>\n          <Alert severity=\"error\">{error.toString()}</Alert>\n        </Content>\n      )}\n\n      {!loading && !error && !entity && (\n        <Content>\n          {NotFoundComponent ? (\n            NotFoundComponent\n          ) : (\n            <WarningPanel title={t('entityLabels.warningPanelTitle')}>\n              There is no {kind} with the requested{' '}\n              <Link to=\"https://backstage.io/docs/features/software-catalog/references\">\n                kind, namespace, and name\n              </Link>\n              .\n            </WarningPanel>\n          )}\n        </Content>\n      )}\n    </Page>\n  );\n};\n\nEntityLayout.Route = Route;\n"],"names":[],"mappings":"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"}

package/dist/alpha/filters.esm.js

@@ -95,14 +95,14 @@ const catalogListCatalogFilter = CatalogFilterBlueprint.makeWithOverrides({
   }
 });
 var filters = [
-  catalogTagCatalogFilter,
   catalogKindCatalogFilter,
   catalogTypeCatalogFilter,
+  catalogListCatalogFilter,
   catalogModeCatalogFilter,
-  catalogNamespaceCatalogFilter,
   catalogLifecycleCatalogFilter,
+  catalogTagCatalogFilter,
   catalogProcessingStatusCatalogFilter,
-  catalogListCatalogFilter
+  catalogNamespaceCatalogFilter
 ];
 
 export { filters as default };

package/dist/alpha/filters.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"filters.esm.js","sources":["../../src/alpha/filters.tsx"],"sourcesContent":["/*\n * Copyright 2023 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 { CatalogFilterBlueprint } from '@backstage/plugin-catalog-react/alpha';\n\nconst catalogTagCatalogFilter = CatalogFilterBlueprint.make({\n  name: 'tag',\n  params: {\n    loader: async () => {\n      const { EntityTagPicker } = await import(\n        '@backstage/plugin-catalog-react'\n      );\n      return <EntityTagPicker />;\n    },\n  },\n});\n\nconst catalogKindCatalogFilter = CatalogFilterBlueprint.makeWithOverrides({\n  name: 'kind',\n  config: {\n    schema: {\n      initialFilter: z => z.string().default('component'),\n    },\n  },\n  factory(originalFactory, { config }) {\n    return originalFactory({\n      loader: async () => {\n        const { EntityKindPicker } = await import(\n          '@backstage/plugin-catalog-react'\n        );\n        return <EntityKindPicker initialFilter={config.initialFilter} />;\n      },\n    });\n  },\n});\n\nconst catalogTypeCatalogFilter = CatalogFilterBlueprint.make({\n  name: 'type',\n  params: {\n    loader: async () => {\n      const { EntityTypePicker } = await import(\n        '@backstage/plugin-catalog-react'\n      );\n      return <EntityTypePicker />;\n    },\n  },\n});\n\nconst catalogModeCatalogFilter = CatalogFilterBlueprint.makeWithOverrides({\n  name: 'mode',\n  config: {\n    schema: {\n      mode: z => z.enum(['owners-only', 'all']).optional(),\n    },\n  },\n  factory(originalFactory, { config }) {\n    return originalFactory({\n      loader: async () => {\n        const { EntityOwnerPicker } = await import(\n          '@backstage/plugin-catalog-react'\n        );\n        return <EntityOwnerPicker mode={config.mode} />;\n      },\n    });\n  },\n});\n\nconst catalogNamespaceCatalogFilter = CatalogFilterBlueprint.make({\n  name: 'namespace',\n  params: {\n    loader: async () => {\n      const { EntityNamespacePicker } = await import(\n        '@backstage/plugin-catalog-react'\n      );\n      return <EntityNamespacePicker />;\n    },\n  },\n});\n\nconst catalogLifecycleCatalogFilter = CatalogFilterBlueprint.make({\n  name: 'lifecycle',\n  params: {\n    loader: async () => {\n      const { EntityLifecyclePicker } = await import(\n        '@backstage/plugin-catalog-react'\n      );\n      return <EntityLifecyclePicker />;\n    },\n  },\n});\n\nconst catalogProcessingStatusCatalogFilter = CatalogFilterBlueprint.make({\n  name: 'processing-status',\n  params: {\n    loader: async () => {\n      const { EntityProcessingStatusPicker } = await import(\n        '@backstage/plugin-catalog-react'\n      );\n      return <EntityProcessingStatusPicker />;\n    },\n  },\n});\n\nconst catalogListCatalogFilter = CatalogFilterBlueprint.makeWithOverrides({\n  name: 'list',\n  config: {\n    schema: {\n      initialFilter: z => z.enum(['owned', 'starred', 'all']).default('owned'),\n    },\n  },\n  factory(originalFactory, { config }) {\n    return originalFactory({\n      loader: async () => {\n        const { UserListPicker } = await import(\n          '@backstage/plugin-catalog-react'\n        );\n        return <UserListPicker initialFilter={config.initialFilter} />;\n      },\n    });\n  },\n});\n\nexport default [\n  catalogTagCatalogFilter,\n  catalogKindCatalogFilter,\n  catalogTypeCatalogFilter,\n  catalogModeCatalogFilter,\n  catalogNamespaceCatalogFilter,\n  catalogLifecycleCatalogFilter,\n  catalogProcessingStatusCatalogFilter,\n  catalogListCatalogFilter,\n];\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"filters.esm.js","sources":["../../src/alpha/filters.tsx"],"sourcesContent":["/*\n * Copyright 2023 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 { CatalogFilterBlueprint } from '@backstage/plugin-catalog-react/alpha';\n\nconst catalogTagCatalogFilter = CatalogFilterBlueprint.make({\n  name: 'tag',\n  params: {\n    loader: async () => {\n      const { EntityTagPicker } = await import(\n        '@backstage/plugin-catalog-react'\n      );\n      return <EntityTagPicker />;\n    },\n  },\n});\n\nconst catalogKindCatalogFilter = CatalogFilterBlueprint.makeWithOverrides({\n  name: 'kind',\n  config: {\n    schema: {\n      initialFilter: z => z.string().default('component'),\n    },\n  },\n  factory(originalFactory, { config }) {\n    return originalFactory({\n      loader: async () => {\n        const { EntityKindPicker } = await import(\n          '@backstage/plugin-catalog-react'\n        );\n        return <EntityKindPicker initialFilter={config.initialFilter} />;\n      },\n    });\n  },\n});\n\nconst catalogTypeCatalogFilter = CatalogFilterBlueprint.make({\n  name: 'type',\n  params: {\n    loader: async () => {\n      const { EntityTypePicker } = await import(\n        '@backstage/plugin-catalog-react'\n      );\n      return <EntityTypePicker />;\n    },\n  },\n});\n\nconst catalogModeCatalogFilter = CatalogFilterBlueprint.makeWithOverrides({\n  name: 'mode',\n  config: {\n    schema: {\n      mode: z => z.enum(['owners-only', 'all']).optional(),\n    },\n  },\n  factory(originalFactory, { config }) {\n    return originalFactory({\n      loader: async () => {\n        const { EntityOwnerPicker } = await import(\n          '@backstage/plugin-catalog-react'\n        );\n        return <EntityOwnerPicker mode={config.mode} />;\n      },\n    });\n  },\n});\n\nconst catalogNamespaceCatalogFilter = CatalogFilterBlueprint.make({\n  name: 'namespace',\n  params: {\n    loader: async () => {\n      const { EntityNamespacePicker } = await import(\n        '@backstage/plugin-catalog-react'\n      );\n      return <EntityNamespacePicker />;\n    },\n  },\n});\n\nconst catalogLifecycleCatalogFilter = CatalogFilterBlueprint.make({\n  name: 'lifecycle',\n  params: {\n    loader: async () => {\n      const { EntityLifecyclePicker } = await import(\n        '@backstage/plugin-catalog-react'\n      );\n      return <EntityLifecyclePicker />;\n    },\n  },\n});\n\nconst catalogProcessingStatusCatalogFilter = CatalogFilterBlueprint.make({\n  name: 'processing-status',\n  params: {\n    loader: async () => {\n      const { EntityProcessingStatusPicker } = await import(\n        '@backstage/plugin-catalog-react'\n      );\n      return <EntityProcessingStatusPicker />;\n    },\n  },\n});\n\nconst catalogListCatalogFilter = CatalogFilterBlueprint.makeWithOverrides({\n  name: 'list',\n  config: {\n    schema: {\n      initialFilter: z => z.enum(['owned', 'starred', 'all']).default('owned'),\n    },\n  },\n  factory(originalFactory, { config }) {\n    return originalFactory({\n      loader: async () => {\n        const { UserListPicker } = await import(\n          '@backstage/plugin-catalog-react'\n        );\n        return <UserListPicker initialFilter={config.initialFilter} />;\n      },\n    });\n  },\n});\n\n// this is the default order that the filters will be applied in\nexport default [\n  catalogKindCatalogFilter,\n  catalogTypeCatalogFilter,\n  catalogListCatalogFilter,\n  catalogModeCatalogFilter,\n  catalogLifecycleCatalogFilter,\n  catalogTagCatalogFilter,\n  catalogProcessingStatusCatalogFilter,\n  catalogNamespaceCatalogFilter,\n];\n"],"names":[],"mappings":"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"}

package/dist/alpha/pages.esm.js

@@ -48,10 +48,10 @@ const catalogPage = PageBlueprint.makeWithOverrides({
 const catalogEntityPage = PageBlueprint.makeWithOverrides({
   name: "entity",
   inputs: {
-    header: createExtensionInput(
-      [EntityHeaderBlueprint.dataRefs.element.optional()],
-      { singleton: true, optional: true }
-    ),
+    headers: createExtensionInput([
+      EntityHeaderBlueprint.dataRefs.element.optional(),
+      EntityHeaderBlueprint.dataRefs.filterFunction.optional()
+    ]),
     contents: createExtensionInput([
       coreExtensionData.reactElement,
       coreExtensionData.routePath,
@@ -81,9 +81,14 @@ const catalogEntityPage = PageBlueprint.makeWithOverrides({
           element: item.get(coreExtensionData.reactElement),
           filter: item.get(EntityContextMenuItemBlueprint.dataRefs.filterFunction) ?? (() => true)
         }));
-        const header = inputs.header?.get(
-          EntityHeaderBlueprint.dataRefs.element
-        );
+        const headers = inputs.headers.map((header) => ({
+          element: header.get(EntityHeaderBlueprint.dataRefs.element),
+          filter: header.get(EntityHeaderBlueprint.dataRefs.filterFunction)
+        })).sort((a, b) => {
+          if (a.filter && !b.filter) return -1;
+          if (!a.filter && b.filter) return 1;
+          return 0;
+        });
         let groups = Object.entries(defaultEntityContentGroups).reduce(
           (rest, group) => {
             const [groupId, groupValue] = group;
@@ -118,6 +123,9 @@ const catalogEntityPage = PageBlueprint.makeWithOverrides({
           const entityFromUrl = useEntityFromUrl();
           const { entity } = entityFromUrl;
           const filteredMenuItems = entity ? menuItems.filter((i) => i.filter(entity)).map((i) => i.element) : [];
+          const header = headers.find(
+            (h) => !h.filter || h.filter(entity)
+          )?.element;
           return /* @__PURE__ */ jsx(AsyncEntityProvider, { ...entityFromUrl, children: /* @__PURE__ */ jsx(
             EntityLayout,
             {

package/dist/alpha/pages.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"pages.esm.js","sources":["../../src/alpha/pages.tsx"],"sourcesContent":["/*\n * Copyright 2023 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  compatWrapper,\n  convertLegacyRouteRef,\n} from '@backstage/core-compat-api';\nimport {\n  coreExtensionData,\n  createExtensionInput,\n  PageBlueprint,\n} from '@backstage/frontend-plugin-api';\nimport {\n  AsyncEntityProvider,\n  entityRouteRef,\n} from '@backstage/plugin-catalog-react';\nimport {\n  EntityHeaderBlueprint,\n  EntityContentBlueprint,\n  defaultEntityContentGroups,\n  EntityContextMenuItemBlueprint,\n} from '@backstage/plugin-catalog-react/alpha';\nimport { rootRouteRef } from '../routes';\nimport { useEntityFromUrl } from '../components/CatalogEntityPage/useEntityFromUrl';\nimport { buildFilterFn } from './filter/FilterWrapper';\n\nexport const catalogPage = PageBlueprint.makeWithOverrides({\n  inputs: {\n    filters: createExtensionInput([coreExtensionData.reactElement]),\n  },\n  config: {\n    schema: {\n      pagination: z =>\n        z\n          .union([\n            z.boolean(),\n            z.object({\n              mode: z.enum(['cursor', 'offset']),\n              limit: z.number().optional(),\n              offset: z.number().optional(),\n            }),\n          ])\n          .default(true),\n    },\n  },\n  factory(originalFactory, { inputs, config }) {\n    return originalFactory({\n      defaultPath: '/catalog',\n      routeRef: convertLegacyRouteRef(rootRouteRef),\n      loader: async () => {\n        const { BaseCatalogPage } = await import('../components/CatalogPage');\n        const filters = inputs.filters.map(filter =>\n          filter.get(coreExtensionData.reactElement),\n        );\n        return compatWrapper(\n          <BaseCatalogPage\n            filters={<>{filters}</>}\n            pagination={config.pagination}\n          />,\n        );\n      },\n    });\n  },\n});\n\nexport const catalogEntityPage = PageBlueprint.makeWithOverrides({\n  name: 'entity',\n  inputs: {\n    header: createExtensionInput(\n      [EntityHeaderBlueprint.dataRefs.element.optional()],\n      { singleton: true, optional: true },\n    ),\n    contents: createExtensionInput([\n      coreExtensionData.reactElement,\n      coreExtensionData.routePath,\n      coreExtensionData.routeRef.optional(),\n      EntityContentBlueprint.dataRefs.title,\n      EntityContentBlueprint.dataRefs.filterFunction.optional(),\n      EntityContentBlueprint.dataRefs.filterExpression.optional(),\n      EntityContentBlueprint.dataRefs.group.optional(),\n    ]),\n    contextMenuItems: createExtensionInput([\n      coreExtensionData.reactElement,\n      EntityContextMenuItemBlueprint.dataRefs.filterFunction.optional(),\n    ]),\n  },\n  config: {\n    schema: {\n      groups: z =>\n        z\n          .array(z.record(z.string(), z.object({ title: z.string() })))\n          .optional(),\n    },\n  },\n  factory(originalFactory, { config, inputs }) {\n    return originalFactory({\n      defaultPath: '/catalog/:namespace/:kind/:name',\n      routeRef: convertLegacyRouteRef(entityRouteRef),\n      loader: async () => {\n        const { EntityLayout } = await import('./components/EntityLayout');\n\n        const menuItems = inputs.contextMenuItems.map(item => ({\n          element: item.get(coreExtensionData.reactElement),\n          filter:\n            item.get(EntityContextMenuItemBlueprint.dataRefs.filterFunction) ??\n            (() => true),\n        }));\n\n        type Groups = Record<\n          string,\n          { title: string; items: Array<(typeof inputs.contents)[0]> }\n        >;\n\n        const header = inputs.header?.get(\n          EntityHeaderBlueprint.dataRefs.element,\n        );\n\n        let groups = Object.entries(defaultEntityContentGroups).reduce<Groups>(\n          (rest, group) => {\n            const [groupId, groupValue] = group;\n            return {\n              ...rest,\n              [groupId]: { title: groupValue, items: [] },\n            };\n          },\n          {},\n        );\n\n        // config groups override default groups\n        if (config.groups) {\n          groups = config.groups.reduce<Groups>((rest, group) => {\n            const [groupId, groupValue] = Object.entries(group)[0];\n            return {\n              ...rest,\n              [groupId]: { title: groupValue.title, items: [] },\n            };\n          }, {});\n        }\n\n        for (const output of inputs.contents) {\n          const itemId = output.node.spec.id;\n          const itemTitle = output.get(EntityContentBlueprint.dataRefs.title);\n          const itemGroup = output.get(EntityContentBlueprint.dataRefs.group);\n          const group = itemGroup && groups[itemGroup];\n          if (!group) {\n            groups[itemId] = { title: itemTitle, items: [output] };\n            continue;\n          }\n          group.items.push(output);\n        }\n\n        const Component = () => {\n          const entityFromUrl = useEntityFromUrl();\n          const { entity } = entityFromUrl;\n          const filteredMenuItems = entity\n            ? menuItems.filter(i => i.filter(entity)).map(i => i.element)\n            : [];\n\n          return (\n            <AsyncEntityProvider {...entityFromUrl}>\n              <EntityLayout\n                header={header}\n                contextMenuItems={filteredMenuItems}\n              >\n                {Object.values(groups).flatMap(({ title, items }) =>\n                  items.map(output => (\n                    <EntityLayout.Route\n                      group={title}\n                      key={output.get(coreExtensionData.routePath)}\n                      path={output.get(coreExtensionData.routePath)}\n                      title={output.get(EntityContentBlueprint.dataRefs.title)}\n                      if={buildFilterFn(\n                        output.get(\n                          EntityContentBlueprint.dataRefs.filterFunction,\n                        ),\n                        output.get(\n                          EntityContentBlueprint.dataRefs.filterExpression,\n                        ),\n                      )}\n                    >\n                      {output.get(coreExtensionData.reactElement)}\n                    </EntityLayout.Route>\n                  )),\n                )}\n              </EntityLayout>\n            </AsyncEntityProvider>\n          );\n        };\n\n        return compatWrapper(<Component />);\n      },\n    });\n  },\n});\n\nexport default [catalogPage, catalogEntityPage];\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"pages.esm.js","sources":["../../src/alpha/pages.tsx"],"sourcesContent":["/*\n * Copyright 2023 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  compatWrapper,\n  convertLegacyRouteRef,\n} from '@backstage/core-compat-api';\nimport {\n  coreExtensionData,\n  createExtensionInput,\n  PageBlueprint,\n} from '@backstage/frontend-plugin-api';\nimport {\n  AsyncEntityProvider,\n  entityRouteRef,\n} from '@backstage/plugin-catalog-react';\nimport {\n  EntityHeaderBlueprint,\n  EntityContentBlueprint,\n  defaultEntityContentGroups,\n  EntityContextMenuItemBlueprint,\n} from '@backstage/plugin-catalog-react/alpha';\nimport { rootRouteRef } from '../routes';\nimport { useEntityFromUrl } from '../components/CatalogEntityPage/useEntityFromUrl';\nimport { buildFilterFn } from './filter/FilterWrapper';\n\nexport const catalogPage = PageBlueprint.makeWithOverrides({\n  inputs: {\n    filters: createExtensionInput([coreExtensionData.reactElement]),\n  },\n  config: {\n    schema: {\n      pagination: z =>\n        z\n          .union([\n            z.boolean(),\n            z.object({\n              mode: z.enum(['cursor', 'offset']),\n              limit: z.number().optional(),\n              offset: z.number().optional(),\n            }),\n          ])\n          .default(true),\n    },\n  },\n  factory(originalFactory, { inputs, config }) {\n    return originalFactory({\n      defaultPath: '/catalog',\n      routeRef: convertLegacyRouteRef(rootRouteRef),\n      loader: async () => {\n        const { BaseCatalogPage } = await import('../components/CatalogPage');\n        const filters = inputs.filters.map(filter =>\n          filter.get(coreExtensionData.reactElement),\n        );\n        return compatWrapper(\n          <BaseCatalogPage\n            filters={<>{filters}</>}\n            pagination={config.pagination}\n          />,\n        );\n      },\n    });\n  },\n});\n\nexport const catalogEntityPage = PageBlueprint.makeWithOverrides({\n  name: 'entity',\n  inputs: {\n    headers: createExtensionInput([\n      EntityHeaderBlueprint.dataRefs.element.optional(),\n      EntityHeaderBlueprint.dataRefs.filterFunction.optional(),\n    ]),\n    contents: createExtensionInput([\n      coreExtensionData.reactElement,\n      coreExtensionData.routePath,\n      coreExtensionData.routeRef.optional(),\n      EntityContentBlueprint.dataRefs.title,\n      EntityContentBlueprint.dataRefs.filterFunction.optional(),\n      EntityContentBlueprint.dataRefs.filterExpression.optional(),\n      EntityContentBlueprint.dataRefs.group.optional(),\n    ]),\n    contextMenuItems: createExtensionInput([\n      coreExtensionData.reactElement,\n      EntityContextMenuItemBlueprint.dataRefs.filterFunction.optional(),\n    ]),\n  },\n  config: {\n    schema: {\n      groups: z =>\n        z\n          .array(z.record(z.string(), z.object({ title: z.string() })))\n          .optional(),\n    },\n  },\n  factory(originalFactory, { config, inputs }) {\n    return originalFactory({\n      defaultPath: '/catalog/:namespace/:kind/:name',\n      routeRef: convertLegacyRouteRef(entityRouteRef),\n      loader: async () => {\n        const { EntityLayout } = await import('./components/EntityLayout');\n\n        const menuItems = inputs.contextMenuItems.map(item => ({\n          element: item.get(coreExtensionData.reactElement),\n          filter:\n            item.get(EntityContextMenuItemBlueprint.dataRefs.filterFunction) ??\n            (() => true),\n        }));\n\n        type Groups = Record<\n          string,\n          { title: string; items: Array<(typeof inputs.contents)[0]> }\n        >;\n\n        // Get available headers, sorted by if they have a filter function or not.\n        // TODO(blam): we should really have priority or some specificity here which can be used to sort the headers.\n        // That can be done with embedding the priority in the dataRef alongside the filter function.\n        const headers = inputs.headers\n          .map(header => ({\n            element: header.get(EntityHeaderBlueprint.dataRefs.element),\n            filter: header.get(EntityHeaderBlueprint.dataRefs.filterFunction),\n          }))\n          .sort((a, b) => {\n            if (a.filter && !b.filter) return -1;\n            if (!a.filter && b.filter) return 1;\n            return 0;\n          });\n\n        let groups = Object.entries(defaultEntityContentGroups).reduce<Groups>(\n          (rest, group) => {\n            const [groupId, groupValue] = group;\n            return {\n              ...rest,\n              [groupId]: { title: groupValue, items: [] },\n            };\n          },\n          {},\n        );\n\n        // config groups override default groups\n        if (config.groups) {\n          groups = config.groups.reduce<Groups>((rest, group) => {\n            const [groupId, groupValue] = Object.entries(group)[0];\n            return {\n              ...rest,\n              [groupId]: { title: groupValue.title, items: [] },\n            };\n          }, {});\n        }\n\n        for (const output of inputs.contents) {\n          const itemId = output.node.spec.id;\n          const itemTitle = output.get(EntityContentBlueprint.dataRefs.title);\n          const itemGroup = output.get(EntityContentBlueprint.dataRefs.group);\n          const group = itemGroup && groups[itemGroup];\n          if (!group) {\n            groups[itemId] = { title: itemTitle, items: [output] };\n            continue;\n          }\n          group.items.push(output);\n        }\n\n        const Component = () => {\n          const entityFromUrl = useEntityFromUrl();\n          const { entity } = entityFromUrl;\n          const filteredMenuItems = entity\n            ? menuItems.filter(i => i.filter(entity)).map(i => i.element)\n            : [];\n\n          const header = headers.find(\n            h => !h.filter || h.filter(entity!),\n          )?.element;\n\n          return (\n            <AsyncEntityProvider {...entityFromUrl}>\n              <EntityLayout\n                header={header}\n                contextMenuItems={filteredMenuItems}\n              >\n                {Object.values(groups).flatMap(({ title, items }) =>\n                  items.map(output => (\n                    <EntityLayout.Route\n                      group={title}\n                      key={output.get(coreExtensionData.routePath)}\n                      path={output.get(coreExtensionData.routePath)}\n                      title={output.get(EntityContentBlueprint.dataRefs.title)}\n                      if={buildFilterFn(\n                        output.get(\n                          EntityContentBlueprint.dataRefs.filterFunction,\n                        ),\n                        output.get(\n                          EntityContentBlueprint.dataRefs.filterExpression,\n                        ),\n                      )}\n                    >\n                      {output.get(coreExtensionData.reactElement)}\n                    </EntityLayout.Route>\n                  )),\n                )}\n              </EntityLayout>\n            </AsyncEntityProvider>\n          );\n        };\n\n        return compatWrapper(<Component />);\n      },\n    });\n  },\n});\n\nexport default [catalogPage, catalogEntityPage];\n"],"names":[],"mappings":"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"}

package/dist/alpha.d.ts

@@ -629,11 +629,13 @@ declare const _default: _backstage_frontend_plugin_api.FrontendPlugin<{
             optional: true;
         }>;
         inputs: {
-            header: _backstage_frontend_plugin_api.ExtensionInput<_backstage_frontend_plugin_api.ConfigurableExtensionDataRef<react.JSX.Element, "core.reactElement", {
+            headers: _backstage_frontend_plugin_api.ExtensionInput<_backstage_frontend_plugin_api.ConfigurableExtensionDataRef<(entity: _backstage_catalog_model.Entity) => boolean, "catalog.entity-filter-function", {
                 optional: true;
-            }>, {
-                singleton: true;
+            }> | _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<react.JSX.Element, "core.reactElement", {
                 optional: true;
+            }>, {
+                singleton: false;
+                optional: false;
             }>;
             contents: _backstage_frontend_plugin_api.ExtensionInput<_backstage_frontend_plugin_api.ConfigurableExtensionDataRef<react.JSX.Element, "core.reactElement", {}> | _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<string, "core.routing.path", {}> | _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<_backstage_frontend_plugin_api.RouteRef<_backstage_frontend_plugin_api.AnyRouteRefParams>, "core.routing.ref", {
                 optional: true;

package/dist/package.json.esm.js

@@ -1,5 +1,5 @@
 var name = "@backstage/plugin-catalog";
-var version = "1.31.1";
+var version = "1.31.2-next.0";
 var description = "The Backstage plugin for browsing the Backstage catalog";
 var backstage = {
 	role: "frontend-plugin",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@backstage/plugin-catalog",
-  "version": "1.31.1",
+  "version": "1.31.2-next.0",
   "description": "The Backstage plugin for browsing the Backstage catalog",
   "backstage": {
     "role": "frontend-plugin",
@@ -70,24 +70,24 @@
     "test": "backstage-cli package test"
   },
   "dependencies": {
-    "@backstage/catalog-client": "^1.10.2",
-    "@backstage/catalog-model": "^1.7.5",
-    "@backstage/core-compat-api": "^0.4.4",
-    "@backstage/core-components": "^0.17.4",
-    "@backstage/core-plugin-api": "^1.10.9",
-    "@backstage/errors": "^1.2.7",
-    "@backstage/frontend-plugin-api": "^0.10.4",
-    "@backstage/integration-react": "^1.2.9",
-    "@backstage/plugin-catalog-common": "^1.1.5",
-    "@backstage/plugin-catalog-react": "^1.19.1",
-    "@backstage/plugin-permission-react": "^0.4.36",
-    "@backstage/plugin-scaffolder-common": "^1.6.0",
-    "@backstage/plugin-search-common": "^1.2.19",
-    "@backstage/plugin-search-react": "^1.9.2",
-    "@backstage/plugin-techdocs-common": "^0.1.1",
-    "@backstage/plugin-techdocs-react": "^1.3.1",
-    "@backstage/types": "^1.2.1",
-    "@backstage/version-bridge": "^1.0.11",
+    "@backstage/catalog-client": "1.10.2",
+    "@backstage/catalog-model": "1.7.5",
+    "@backstage/core-compat-api": "0.4.5-next.0",
+    "@backstage/core-components": "0.17.4",
+    "@backstage/core-plugin-api": "1.10.9",
+    "@backstage/errors": "1.2.7",
+    "@backstage/frontend-plugin-api": "0.10.4",
+    "@backstage/integration-react": "1.2.9",
+    "@backstage/plugin-catalog-common": "1.1.5",
+    "@backstage/plugin-catalog-react": "1.19.2-next.0",
+    "@backstage/plugin-permission-react": "0.4.36",
+    "@backstage/plugin-scaffolder-common": "1.6.0",
+    "@backstage/plugin-search-common": "1.2.19",
+    "@backstage/plugin-search-react": "1.9.2",
+    "@backstage/plugin-techdocs-common": "0.1.1",
+    "@backstage/plugin-techdocs-react": "1.3.1",
+    "@backstage/types": "1.2.1",
+    "@backstage/version-bridge": "1.0.11",
     "@material-ui/core": "^4.12.2",
     "@material-ui/icons": "^4.9.1",
     "@material-ui/lab": "4.0.0-alpha.61",
@@ -102,12 +102,12 @@
     "zen-observable": "^0.10.0"
   },
   "devDependencies": {
-    "@backstage/cli": "^0.33.1",
-    "@backstage/core-app-api": "^1.18.0",
-    "@backstage/dev-utils": "^1.1.12",
-    "@backstage/frontend-test-utils": "^0.3.4",
-    "@backstage/plugin-permission-common": "^0.9.1",
-    "@backstage/test-utils": "^1.7.10",
+    "@backstage/cli": "0.33.1",
+    "@backstage/core-app-api": "1.18.0",
+    "@backstage/dev-utils": "1.1.13-next.0",
+    "@backstage/frontend-test-utils": "0.3.5-next.0",
+    "@backstage/plugin-permission-common": "0.9.1",
+    "@backstage/test-utils": "1.7.10",
     "@testing-library/dom": "^10.0.0",
     "@testing-library/jest-dom": "^6.0.0",
     "@testing-library/react": "^16.0.0",