@backstage/plugin-catalog 2.0.8-next.0 → 2.0.8-next.2

package/CHANGELOG.md

@@ -1,5 +1,32 @@
 # @backstage/plugin-catalog
 
+## 2.0.8-next.2
+
+### Patch Changes
+
+- 80b37b3: Fixed the `AboutField` label in the About card using `variant="inherit"` instead of `variant="h2"` to prevent theme typography overrides from changing the intended 10px label size.
+- Updated dependencies
+  - @backstage/plugin-catalog-react@3.2.1-next.2
+  - @backstage/frontend-plugin-api@0.18.0-next.0
+  - @backstage/core-compat-api@0.5.14-next.1
+  - @backstage/core-plugin-api@1.12.9-next.0
+  - @backstage/plugin-search-react@1.11.7-next.1
+  - @backstage/plugin-techdocs-react@1.3.14-next.1
+  - @backstage/core-components@0.18.13-next.2
+  - @backstage/integration-react@1.2.21-next.1
+  - @backstage/plugin-permission-react@0.5.4-next.0
+
+## 2.0.8-next.1
+
+### Patch Changes
+
+- 1d026b0: Added explicit type annotations to `FilterContainer` and `EntityListContainer` re-exports for forward-compatibility with TypeScript 7.
+- Updated dependencies
+  - @backstage/plugin-catalog-react@3.2.1-next.1
+  - @backstage/core-components@0.18.13-next.1
+  - @backstage/integration-react@1.2.21-next.0
+  - @backstage/plugin-scaffolder-common@2.2.2-next.0
+
 ## 2.0.8-next.0
 
 ### Patch Changes

package/dist/components/AboutCard/AboutField.esm.js

@@ -29,7 +29,7 @@ function AboutField(props) {
   const childElements = useElementFilter(children, (c) => c.getElements());
   const content = childElements.length > 0 ? childElements : /* @__PURE__ */ jsx(Typography, { variant: "body2", className: classes.value, children: value || t("aboutCard.unknown") });
   return /* @__PURE__ */ jsxs("div", { className, children: [
-    /* @__PURE__ */ jsx(Typography, { variant: "h2", className: classes.label, children: label }),
+    /* @__PURE__ */ jsx(Typography, { variant: "inherit", component: "h2", className: classes.label, children: label }),
     content
   ] });
 }

package/dist/components/AboutCard/AboutField.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"AboutField.esm.js","sources":["../../../src/components/AboutCard/AboutField.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 { useElementFilter } from '@backstage/core-plugin-api';\nimport Typography from '@material-ui/core/Typography';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { ReactNode } from 'react';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { catalogTranslationRef } from '../../alpha/translation';\n\nconst useStyles = makeStyles(theme => ({\n  value: {\n    fontWeight: 'bold',\n    overflow: 'hidden',\n    lineHeight: '24px',\n    wordBreak: 'break-word',\n  },\n  label: {\n    color: theme.palette.text.secondary,\n    textTransform: 'uppercase',\n    fontSize: '10px',\n    fontWeight: 'bold',\n    letterSpacing: 0.5,\n    overflow: 'hidden',\n    whiteSpace: 'nowrap',\n  },\n}));\n\n/**\n * Props for {@link AboutField}.\n *\n * @public\n */\nexport interface AboutFieldProps {\n  label: string;\n  value?: string;\n  children?: ReactNode;\n  className?: string;\n}\n\n/** @public */\nexport function AboutField(props: AboutFieldProps) {\n  const { label, value, children, className } = props;\n  const classes = useStyles();\n  const { t } = useTranslationRef(catalogTranslationRef);\n\n  const childElements = useElementFilter(children, c => c.getElements());\n\n  // Content is either children or a string prop `value`\n  const content =\n    childElements.length > 0 ? (\n      childElements\n    ) : (\n      <Typography variant=\"body2\" className={classes.value}>\n        {value || t('aboutCard.unknown')}\n      </Typography>\n    );\n  return (\n    <div className={className}>\n      <Typography variant=\"h2\" className={classes.label}>\n        {label}\n      </Typography>\n      {content}\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;;;;AAuBA,MAAM,SAAA,GAAY,WAAW,CAAA,KAAA,MAAU;AAAA,EACrC,KAAA,EAAO;AAAA,IACL,UAAA,EAAY,MAAA;AAAA,IACZ,QAAA,EAAU,QAAA;AAAA,IACV,UAAA,EAAY,MAAA;AAAA,IACZ,SAAA,EAAW;AAAA,GACb;AAAA,EACA,KAAA,EAAO;AAAA,IACL,KAAA,EAAO,KAAA,CAAM,OAAA,CAAQ,IAAA,CAAK,SAAA;AAAA,IAC1B,aAAA,EAAe,WAAA;AAAA,IACf,QAAA,EAAU,MAAA;AAAA,IACV,UAAA,EAAY,MAAA;AAAA,IACZ,aAAA,EAAe,GAAA;AAAA,IACf,QAAA,EAAU,QAAA;AAAA,IACV,UAAA,EAAY;AAAA;AAEhB,CAAA,CAAE,CAAA;AAeK,SAAS,WAAW,KAAA,EAAwB;AACjD,EAAA,MAAM,EAAE,KAAA,EAAO,KAAA,EAAO,QAAA,EAAU,WAAU,GAAI,KAAA;AAC9C,EAAA,MAAM,UAAU,SAAA,EAAU;AAC1B,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,iBAAA,CAAkB,qBAAqB,CAAA;AAErD,EAAA,MAAM,gBAAgB,gBAAA,CAAiB,QAAA,EAAU,CAAA,CAAA,KAAK,CAAA,CAAE,aAAa,CAAA;AAGrE,EAAA,MAAM,OAAA,GACJ,aAAA,CAAc,MAAA,GAAS,CAAA,GACrB,gCAEA,GAAA,CAAC,UAAA,EAAA,EAAW,OAAA,EAAQ,OAAA,EAAQ,WAAW,OAAA,CAAQ,KAAA,EAC5C,QAAA,EAAA,KAAA,IAAS,CAAA,CAAE,mBAAmB,CAAA,EACjC,CAAA;AAEJ,EAAA,uBACE,IAAA,CAAC,SAAI,SAAA,EACH,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,cAAW,OAAA,EAAQ,IAAA,EAAK,SAAA,EAAW,OAAA,CAAQ,OACzC,QAAA,EAAA,KAAA,EACH,CAAA;AAAA,IACC;AAAA,GAAA,EACH,CAAA;AAEJ;;;;"}
+{"version":3,"file":"AboutField.esm.js","sources":["../../../src/components/AboutCard/AboutField.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 { useElementFilter } from '@backstage/core-plugin-api';\nimport Typography from '@material-ui/core/Typography';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { ReactNode } from 'react';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { catalogTranslationRef } from '../../alpha/translation';\n\nconst useStyles = makeStyles(theme => ({\n  value: {\n    fontWeight: 'bold',\n    overflow: 'hidden',\n    lineHeight: '24px',\n    wordBreak: 'break-word',\n  },\n  label: {\n    color: theme.palette.text.secondary,\n    textTransform: 'uppercase',\n    fontSize: '10px',\n    fontWeight: 'bold',\n    letterSpacing: 0.5,\n    overflow: 'hidden',\n    whiteSpace: 'nowrap',\n  },\n}));\n\n/**\n * Props for {@link AboutField}.\n *\n * @public\n */\nexport interface AboutFieldProps {\n  label: string;\n  value?: string;\n  children?: ReactNode;\n  className?: string;\n}\n\n/** @public */\nexport function AboutField(props: AboutFieldProps) {\n  const { label, value, children, className } = props;\n  const classes = useStyles();\n  const { t } = useTranslationRef(catalogTranslationRef);\n\n  const childElements = useElementFilter(children, c => c.getElements());\n\n  // Content is either children or a string prop `value`\n  const content =\n    childElements.length > 0 ? (\n      childElements\n    ) : (\n      <Typography variant=\"body2\" className={classes.value}>\n        {value || t('aboutCard.unknown')}\n      </Typography>\n    );\n  return (\n    <div className={className}>\n      <Typography variant=\"inherit\" component=\"h2\" className={classes.label}>\n        {label}\n      </Typography>\n      {content}\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;;;;AAuBA,MAAM,SAAA,GAAY,WAAW,CAAA,KAAA,MAAU;AAAA,EACrC,KAAA,EAAO;AAAA,IACL,UAAA,EAAY,MAAA;AAAA,IACZ,QAAA,EAAU,QAAA;AAAA,IACV,UAAA,EAAY,MAAA;AAAA,IACZ,SAAA,EAAW;AAAA,GACb;AAAA,EACA,KAAA,EAAO;AAAA,IACL,KAAA,EAAO,KAAA,CAAM,OAAA,CAAQ,IAAA,CAAK,SAAA;AAAA,IAC1B,aAAA,EAAe,WAAA;AAAA,IACf,QAAA,EAAU,MAAA;AAAA,IACV,UAAA,EAAY,MAAA;AAAA,IACZ,aAAA,EAAe,GAAA;AAAA,IACf,QAAA,EAAU,QAAA;AAAA,IACV,UAAA,EAAY;AAAA;AAEhB,CAAA,CAAE,CAAA;AAeK,SAAS,WAAW,KAAA,EAAwB;AACjD,EAAA,MAAM,EAAE,KAAA,EAAO,KAAA,EAAO,QAAA,EAAU,WAAU,GAAI,KAAA;AAC9C,EAAA,MAAM,UAAU,SAAA,EAAU;AAC1B,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,iBAAA,CAAkB,qBAAqB,CAAA;AAErD,EAAA,MAAM,gBAAgB,gBAAA,CAAiB,QAAA,EAAU,CAAA,CAAA,KAAK,CAAA,CAAE,aAAa,CAAA;AAGrE,EAAA,MAAM,OAAA,GACJ,aAAA,CAAc,MAAA,GAAS,CAAA,GACrB,gCAEA,GAAA,CAAC,UAAA,EAAA,EAAW,OAAA,EAAQ,OAAA,EAAQ,WAAW,OAAA,CAAQ,KAAA,EAC5C,QAAA,EAAA,KAAA,IAAS,CAAA,CAAE,mBAAmB,CAAA,EACjC,CAAA;AAEJ,EAAA,uBACE,IAAA,CAAC,SAAI,SAAA,EACH,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,UAAA,EAAA,EAAW,SAAQ,SAAA,EAAU,SAAA,EAAU,MAAK,SAAA,EAAW,OAAA,CAAQ,OAC7D,QAAA,EAAA,KAAA,EACH,CAAA;AAAA,IACC;AAAA,GAAA,EACH,CAAA;AAEJ;;;;"}

package/dist/components/FilteredEntityLayout/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../src/components/FilteredEntityLayout/index.ts"],"sourcesContent":["/*\n * Copyright 2021 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 { CatalogFilterLayout } from '@backstage/plugin-catalog-react';\n\n/**\n * @public\n * @deprecated Use `CatalogFilterLayout` from `@backstage/plugin-catalog-react` instead.\n */\nexport const FilteredEntityLayout = CatalogFilterLayout as (props: {\n  children: React.ReactNode;\n}) => JSX.Element;\n\n/**\n * @public\n * @deprecated Use `CatalogFilterLayout.Filters` from `@backstage/plugin-catalog-react` instead.\n */\nexport const FilterContainer = CatalogFilterLayout.Filters;\n\n/**\n * @public\n * @deprecated Use `CatalogFilterLayout.Content` from `@backstage/plugin-catalog-react` instead.\n */\nexport const EntityListContainer = CatalogFilterLayout.Content;\n"],"names":[],"mappings":";;AAsBO,MAAM,oBAAA,GAAuB;AAQ7B,MAAM,kBAAkB,mBAAA,CAAoB;AAM5C,MAAM,sBAAsB,mBAAA,CAAoB;;;;"}
+{"version":3,"file":"index.esm.js","sources":["../../../src/components/FilteredEntityLayout/index.ts"],"sourcesContent":["/*\n * Copyright 2021 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 { CatalogFilterLayout } from '@backstage/plugin-catalog-react';\n\n/**\n * @public\n * @deprecated Use `CatalogFilterLayout` from `@backstage/plugin-catalog-react` instead.\n */\nexport const FilteredEntityLayout = CatalogFilterLayout as (props: {\n  children: React.ReactNode;\n}) => JSX.Element;\n\n/**\n * @public\n * @deprecated Use `CatalogFilterLayout.Filters` from `@backstage/plugin-catalog-react` instead.\n */\nexport const FilterContainer: typeof CatalogFilterLayout.Filters =\n  CatalogFilterLayout.Filters;\n\n/**\n * @public\n * @deprecated Use `CatalogFilterLayout.Content` from `@backstage/plugin-catalog-react` instead.\n */\nexport const EntityListContainer: typeof CatalogFilterLayout.Content =\n  CatalogFilterLayout.Content;\n"],"names":[],"mappings":";;AAsBO,MAAM,oBAAA,GAAuB;AAQ7B,MAAM,kBACX,mBAAA,CAAoB;AAMf,MAAM,sBACX,mBAAA,CAAoB;;;;"}

package/dist/index.d.ts

@@ -1,10 +1,9 @@
 import { Entity, ComponentEntity, ResourceEntity, DomainEntity, SystemEntity } from '@backstage/catalog-model';
 import * as _backstage_core_plugin_api from '@backstage/core-plugin-api';
 import { IconComponent, StorageApi, ApiHolder } from '@backstage/core-plugin-api';
-import { EntityPresentationApi, CatalogApi, EntityRefPresentationSnapshot, EntityRefPresentation, StarredEntitiesApi } from '@backstage/plugin-catalog-react';
+import { EntityPresentationApi, CatalogApi, EntityRefPresentationSnapshot, EntityRefPresentation, StarredEntitiesApi, CatalogFilterLayout } from '@backstage/plugin-catalog-react';
 import { HumanDuration, Observable } from '@backstage/types';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as react from 'react';
 import { ReactNode, ElementType } from 'react';
 import { TableColumn, TableProps, InfoCardVariants, TableOptions } from '@backstage/core-components';
 import { e as CatalogTableRow, d as CatalogTableColumnsFunc, D as DefaultCatalogPageProps } from './types/DefaultCatalogPage.d-BuCpeSQx.js';
@@ -440,20 +439,12 @@ declare const FilteredEntityLayout: (props: {
  * @public
  * @deprecated Use `CatalogFilterLayout.Filters` from `@backstage/plugin-catalog-react` instead.
  */
-declare const FilterContainer: (props: {
-    children: react.ReactNode;
-    options?: {
-        drawerBreakpoint?: "xs" | "sm" | "md" | "lg" | "xl" | number;
-        drawerAnchor?: "left" | "right" | "top" | "bottom";
-    };
-}) => react_jsx_runtime.JSX.Element;
+declare const FilterContainer: typeof CatalogFilterLayout.Filters;
 /**
  * @public
  * @deprecated Use `CatalogFilterLayout.Content` from `@backstage/plugin-catalog-react` instead.
  */
-declare const EntityListContainer: (props: {
-    children: react.ReactNode;
-}) => react_jsx_runtime.JSX.Element;
+declare const EntityListContainer: typeof CatalogFilterLayout.Content;
 
 /** @public */
 type Breakpoint = 'xs' | 'sm' | 'md' | 'lg' | 'xl';

package/dist/plugins/catalog/package.json.esm.js

@@ -1,5 +1,5 @@
 var name = "@backstage/plugin-catalog";
-var version = "2.0.8-next.0";
+var version = "2.0.8-next.2";
 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": "2.0.8-next.0",
+  "version": "2.0.8-next.2",
   "description": "The Backstage plugin for browsing the Backstage catalog",
   "backstage": {
     "role": "frontend-plugin",
@@ -72,20 +72,20 @@
   "dependencies": {
     "@backstage/catalog-client": "1.16.1",
     "@backstage/catalog-model": "1.9.0",
-    "@backstage/core-compat-api": "0.5.14-next.0",
-    "@backstage/core-components": "0.18.13-next.0",
-    "@backstage/core-plugin-api": "1.12.8",
+    "@backstage/core-compat-api": "0.5.14-next.1",
+    "@backstage/core-components": "0.18.13-next.2",
+    "@backstage/core-plugin-api": "1.12.9-next.0",
     "@backstage/errors": "1.3.1",
-    "@backstage/frontend-plugin-api": "0.17.3",
-    "@backstage/integration-react": "1.2.20",
+    "@backstage/frontend-plugin-api": "0.18.0-next.0",
+    "@backstage/integration-react": "1.2.21-next.1",
     "@backstage/plugin-catalog-common": "1.1.10",
-    "@backstage/plugin-catalog-react": "3.2.1-next.0",
-    "@backstage/plugin-permission-react": "0.5.3",
-    "@backstage/plugin-scaffolder-common": "2.2.1",
+    "@backstage/plugin-catalog-react": "3.2.1-next.2",
+    "@backstage/plugin-permission-react": "0.5.4-next.0",
+    "@backstage/plugin-scaffolder-common": "2.2.2-next.0",
     "@backstage/plugin-search-common": "1.2.24",
-    "@backstage/plugin-search-react": "1.11.7-next.0",
+    "@backstage/plugin-search-react": "1.11.7-next.1",
     "@backstage/plugin-techdocs-common": "0.1.1",
-    "@backstage/plugin-techdocs-react": "1.3.14-next.0",
+    "@backstage/plugin-techdocs-react": "1.3.14-next.1",
     "@backstage/types": "1.2.2",
     "@backstage/ui": "0.17.1-next.0",
     "@backstage/version-bridge": "1.0.12",
@@ -105,12 +105,12 @@
     "zod": "^4.0.0"
   },
   "devDependencies": {
-    "@backstage/cli": "0.36.4",
-    "@backstage/core-app-api": "1.20.4-next.0",
-    "@backstage/dev-utils": "1.1.26-next.0",
-    "@backstage/frontend-test-utils": "0.6.3-next.0",
+    "@backstage/cli": "0.36.5-next.1",
+    "@backstage/core-app-api": "1.20.4-next.1",
+    "@backstage/dev-utils": "1.1.26-next.2",
+    "@backstage/frontend-test-utils": "0.6.3-next.1",
     "@backstage/plugin-permission-common": "0.9.9",
-    "@backstage/test-utils": "1.7.21-next.0",
+    "@backstage/test-utils": "1.7.21-next.1",
     "@testing-library/dom": "^10.0.0",
     "@testing-library/jest-dom": "^6.0.0",
     "@testing-library/react": "^16.0.0",