@backstage/core-components 0.14.10-next.0 → 0.14.11-next.0

package/CHANGELOG.md

@@ -1,5 +1,30 @@
 # @backstage/core-components
 
+## 0.14.11-next.0
+
+### Patch Changes
+
+- 06b8206: Added `titleComponent` prop to `SignInPage` component to allow further customization of the title using `ReactNode`
+- Updated dependencies
+  - @backstage/config@1.2.0
+  - @backstage/core-plugin-api@1.9.3
+  - @backstage/errors@1.2.4
+  - @backstage/theme@0.5.6
+  - @backstage/version-bridge@1.0.8
+
+## 0.14.10
+
+### Patch Changes
+
+- 678971a: Move the `Link` component to the `RoutedTabs` instead of the `HeaderTabs` component
+- 13a9c63: Corrected the documentation for the GCP IAP auth module and updated the configuration to follow proxy configuration conventions by ignoring authEnv
+- Updated dependencies
+  - @backstage/config@1.2.0
+  - @backstage/core-plugin-api@1.9.3
+  - @backstage/errors@1.2.4
+  - @backstage/theme@0.5.6
+  - @backstage/version-bridge@1.0.8
+
 ## 0.14.10-next.0
 
 ### Patch Changes

package/alpha/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@backstage/core-components__alpha",
-  "version": "0.14.10-next.0",
+  "version": "0.14.11-next.0",
   "main": "../dist/alpha.esm.js",
   "module": "../dist/alpha.esm.js",
   "types": "../dist/alpha.d.ts"

package/dist/index.d.ts

@@ -1549,7 +1549,7 @@ declare function PageWithHeader(props: PropsWithChildren<PageWithHeaderProps>):
  */
 type ProxiedSignInPageProps = SignInPageProps & {
     /**
-     * The provider to use, e.g. "gcp-iap" or "awsalb". This must correspond to
+     * The provider to use, e.g. "gcpIap" or "awsalb". This must correspond to
      * a properly configured auth provider ID in the auth backend.
      */
     provider: string;
@@ -1950,6 +1950,7 @@ type IdentityProviders = ('guest' | 'custom' | SignInProviderConfig)[];
 type MultiSignInPageProps = SignInPageProps & {
     providers: IdentityProviders;
     title?: string;
+    titleComponent?: ReactNode;
     align?: 'center' | 'left';
 };
 type SingleSignInPageProps = SignInPageProps & {

package/dist/layout/ProxiedSignInPage/ProxiedSignInPage.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProxiedSignInPage.esm.js","sources":["../../../src/layout/ProxiedSignInPage/ProxiedSignInPage.tsx"],"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 {\n  discoveryApiRef,\n  SignInPageProps,\n  useApi,\n} from '@backstage/core-plugin-api';\nimport React from 'react';\nimport { useAsync, useMountEffect } from '@react-hookz/web';\nimport { ErrorPanel } from '../../components/ErrorPanel';\nimport { Progress } from '../../components/Progress';\nimport { ProxiedSignInIdentity } from './ProxiedSignInIdentity';\nimport { coreComponentsTranslationRef } from '../../translation';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\n\n/**\n * Props for {@link ProxiedSignInPage}.\n *\n * @public\n */\nexport type ProxiedSignInPageProps = SignInPageProps & {\n  /**\n   * The provider to use, e.g. \"gcp-iap\" or \"awsalb\". This must correspond to\n   * a properly configured auth provider ID in the auth backend.\n   */\n  provider: string;\n\n  /**\n   * Optional headers which are passed along with the request to the\n   * underlying provider\n   */\n  headers?: HeadersInit | (() => HeadersInit) | (() => Promise<HeadersInit>);\n};\n\n/**\n * A sign-in page that has no user interface of its own. Instead, it relies on\n * sign-in being performed by a reverse authenticating proxy that Backstage is\n * deployed behind, and leverages its session handling.\n *\n * @remarks\n *\n * This sign-in page is useful when you are using products such as Google\n * Identity-Aware Proxy or AWS Application Load Balancer or similar, to front\n * your Backstage installation. This sign-in page implementation will silently\n * and regularly punch through the proxy to the auth backend to refresh your\n * frontend session information, without requiring user interaction.\n *\n * @public\n */\nexport const ProxiedSignInPage = (props: ProxiedSignInPageProps) => {\n  const discoveryApi = useApi(discoveryApiRef);\n  const { t } = useTranslationRef(coreComponentsTranslationRef);\n\n  const [{ status, error }, { execute }] = useAsync(async () => {\n    const identity = new ProxiedSignInIdentity({\n      provider: props.provider,\n      discoveryApi,\n      headers: props.headers,\n    });\n\n    await identity.start();\n\n    props.onSignInSuccess(identity);\n  });\n\n  useMountEffect(execute);\n\n  if (status === 'loading') {\n    return <Progress />;\n  } else if (error) {\n    return <ErrorPanel title={t('proxiedSignInPage.title')} error={error} />;\n  }\n\n  return null;\n};\n"],"names":[],"mappings":";;;;;;;;;AA+Da,MAAA,iBAAA,GAAoB,CAAC,KAAkC,KAAA;AAClE,EAAM,MAAA,YAAA,GAAe,OAAO,eAAe,CAAA,CAAA;AAC3C,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,4BAA4B,CAAA,CAAA;AAE5D,EAAM,MAAA,CAAC,EAAE,MAAA,EAAQ,KAAM,EAAA,EAAG,EAAE,OAAQ,EAAC,CAAI,GAAA,QAAA,CAAS,YAAY;AAC5D,IAAM,MAAA,QAAA,GAAW,IAAI,qBAAsB,CAAA;AAAA,MACzC,UAAU,KAAM,CAAA,QAAA;AAAA,MAChB,YAAA;AAAA,MACA,SAAS,KAAM,CAAA,OAAA;AAAA,KAChB,CAAA,CAAA;AAED,IAAA,MAAM,SAAS,KAAM,EAAA,CAAA;AAErB,IAAA,KAAA,CAAM,gBAAgB,QAAQ,CAAA,CAAA;AAAA,GAC/B,CAAA,CAAA;AAED,EAAA,cAAA,CAAe,OAAO,CAAA,CAAA;AAEtB,EAAA,IAAI,WAAW,SAAW,EAAA;AACxB,IAAA,oDAAQ,QAAS,EAAA,IAAA,CAAA,CAAA;AAAA,aACR,KAAO,EAAA;AAChB,IAAA,oDAAQ,UAAW,EAAA,EAAA,KAAA,EAAO,CAAE,CAAA,yBAAyB,GAAG,KAAc,EAAA,CAAA,CAAA;AAAA,GACxE;AAEA,EAAO,OAAA,IAAA,CAAA;AACT;;;;"}
+{"version":3,"file":"ProxiedSignInPage.esm.js","sources":["../../../src/layout/ProxiedSignInPage/ProxiedSignInPage.tsx"],"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 {\n  discoveryApiRef,\n  SignInPageProps,\n  useApi,\n} from '@backstage/core-plugin-api';\nimport React from 'react';\nimport { useAsync, useMountEffect } from '@react-hookz/web';\nimport { ErrorPanel } from '../../components/ErrorPanel';\nimport { Progress } from '../../components/Progress';\nimport { ProxiedSignInIdentity } from './ProxiedSignInIdentity';\nimport { coreComponentsTranslationRef } from '../../translation';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\n\n/**\n * Props for {@link ProxiedSignInPage}.\n *\n * @public\n */\nexport type ProxiedSignInPageProps = SignInPageProps & {\n  /**\n   * The provider to use, e.g. \"gcpIap\" or \"awsalb\". This must correspond to\n   * a properly configured auth provider ID in the auth backend.\n   */\n  provider: string;\n\n  /**\n   * Optional headers which are passed along with the request to the\n   * underlying provider\n   */\n  headers?: HeadersInit | (() => HeadersInit) | (() => Promise<HeadersInit>);\n};\n\n/**\n * A sign-in page that has no user interface of its own. Instead, it relies on\n * sign-in being performed by a reverse authenticating proxy that Backstage is\n * deployed behind, and leverages its session handling.\n *\n * @remarks\n *\n * This sign-in page is useful when you are using products such as Google\n * Identity-Aware Proxy or AWS Application Load Balancer or similar, to front\n * your Backstage installation. This sign-in page implementation will silently\n * and regularly punch through the proxy to the auth backend to refresh your\n * frontend session information, without requiring user interaction.\n *\n * @public\n */\nexport const ProxiedSignInPage = (props: ProxiedSignInPageProps) => {\n  const discoveryApi = useApi(discoveryApiRef);\n  const { t } = useTranslationRef(coreComponentsTranslationRef);\n\n  const [{ status, error }, { execute }] = useAsync(async () => {\n    const identity = new ProxiedSignInIdentity({\n      provider: props.provider,\n      discoveryApi,\n      headers: props.headers,\n    });\n\n    await identity.start();\n\n    props.onSignInSuccess(identity);\n  });\n\n  useMountEffect(execute);\n\n  if (status === 'loading') {\n    return <Progress />;\n  } else if (error) {\n    return <ErrorPanel title={t('proxiedSignInPage.title')} error={error} />;\n  }\n\n  return null;\n};\n"],"names":[],"mappings":";;;;;;;;;AA+Da,MAAA,iBAAA,GAAoB,CAAC,KAAkC,KAAA;AAClE,EAAM,MAAA,YAAA,GAAe,OAAO,eAAe,CAAA,CAAA;AAC3C,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,4BAA4B,CAAA,CAAA;AAE5D,EAAM,MAAA,CAAC,EAAE,MAAA,EAAQ,KAAM,EAAA,EAAG,EAAE,OAAQ,EAAC,CAAI,GAAA,QAAA,CAAS,YAAY;AAC5D,IAAM,MAAA,QAAA,GAAW,IAAI,qBAAsB,CAAA;AAAA,MACzC,UAAU,KAAM,CAAA,QAAA;AAAA,MAChB,YAAA;AAAA,MACA,SAAS,KAAM,CAAA,OAAA;AAAA,KAChB,CAAA,CAAA;AAED,IAAA,MAAM,SAAS,KAAM,EAAA,CAAA;AAErB,IAAA,KAAA,CAAM,gBAAgB,QAAQ,CAAA,CAAA;AAAA,GAC/B,CAAA,CAAA;AAED,EAAA,cAAA,CAAe,OAAO,CAAA,CAAA;AAEtB,EAAA,IAAI,WAAW,SAAW,EAAA;AACxB,IAAA,oDAAQ,QAAS,EAAA,IAAA,CAAA,CAAA;AAAA,aACR,KAAO,EAAA;AAChB,IAAA,oDAAQ,UAAW,EAAA,EAAA,KAAA,EAAO,CAAE,CAAA,yBAAyB,GAAG,KAAc,EAAA,CAAA,CAAA;AAAA,GACxE;AAEA,EAAO,OAAA,IAAA,CAAA;AACT;;;;"}

package/dist/layout/SignInPage/SignInPage.esm.js

@@ -20,6 +20,7 @@ const MultiSignInPage = ({
   onSignInSuccess,
   providers = [],
   title,
+  titleComponent,
   align = "left"
 }) => {
   const configApi = useApi(configApiRef);
@@ -32,7 +33,14 @@ const MultiSignInPage = ({
   if (loading) {
     return /* @__PURE__ */ React__default.createElement(Progress, null);
   }
-  return /* @__PURE__ */ React__default.createElement(Page, { themeId: "home" }, /* @__PURE__ */ React__default.createElement(Header, { title: configApi.getString("app.title") }), /* @__PURE__ */ React__default.createElement(Content, null, title && /* @__PURE__ */ React__default.createElement(ContentHeader, { title, textAlign: align }), /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ React__default.createElement(Page, { themeId: "home" }, /* @__PURE__ */ React__default.createElement(Header, { title: configApi.getString("app.title") }), /* @__PURE__ */ React__default.createElement(Content, null, (title || titleComponent) && /* @__PURE__ */ React__default.createElement(
+    ContentHeader,
+    {
+      title,
+      titleComponent,
+      textAlign: align
+    }
+  ), /* @__PURE__ */ React__default.createElement(
     Grid,
     {
       container: true,

package/dist/layout/SignInPage/SignInPage.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"SignInPage.esm.js","sources":["../../../src/layout/SignInPage/SignInPage.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 {\n  BackstageIdentityResponse,\n  configApiRef,\n  SignInPageProps,\n  useApi,\n} from '@backstage/core-plugin-api';\nimport { UserIdentity } from './UserIdentity';\nimport Button from '@material-ui/core/Button';\nimport Grid from '@material-ui/core/Grid';\nimport Typography from '@material-ui/core/Typography';\nimport React, { useState } from 'react';\nimport { useMountEffect } from '@react-hookz/web';\nimport { Progress } from '../../components/Progress';\nimport { Content } from '../Content/Content';\nimport { ContentHeader } from '../ContentHeader/ContentHeader';\nimport { Header } from '../Header';\nimport { InfoCard } from '../InfoCard';\nimport { Page } from '../Page';\nimport { getSignInProviders, useSignInProviders } from './providers';\nimport { GridItem, useStyles } from './styles';\nimport { IdentityProviders, SignInProviderConfig } from './types';\nimport { coreComponentsTranslationRef } from '../../translation';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\n\ntype MultiSignInPageProps = SignInPageProps & {\n  providers: IdentityProviders;\n  title?: string;\n  align?: 'center' | 'left';\n};\n\ntype SingleSignInPageProps = SignInPageProps & {\n  provider: SignInProviderConfig;\n  auto?: boolean;\n};\n\nexport type Props = MultiSignInPageProps | SingleSignInPageProps;\n\nexport const MultiSignInPage = ({\n  onSignInSuccess,\n  providers = [],\n  title,\n  align = 'left',\n}: MultiSignInPageProps) => {\n  const configApi = useApi(configApiRef);\n  const classes = useStyles();\n\n  const signInProviders = getSignInProviders(providers);\n  const [loading, providerElements] = useSignInProviders(\n    signInProviders,\n    onSignInSuccess,\n  );\n\n  if (loading) {\n    return <Progress />;\n  }\n\n  return (\n    <Page themeId=\"home\">\n      <Header title={configApi.getString('app.title')} />\n      <Content>\n        {title && <ContentHeader title={title} textAlign={align} />}\n        <Grid\n          container\n          justifyContent={align === 'center' ? align : 'flex-start'}\n          spacing={2}\n          component=\"ul\"\n          classes={classes}\n        >\n          {providerElements}\n        </Grid>\n      </Content>\n    </Page>\n  );\n};\n\nexport const SingleSignInPage = ({\n  provider,\n  auto,\n  onSignInSuccess,\n}: SingleSignInPageProps) => {\n  const classes = useStyles();\n  const authApi = useApi(provider.apiRef);\n  const configApi = useApi(configApiRef);\n  const { t } = useTranslationRef(coreComponentsTranslationRef);\n\n  const [error, setError] = useState<Error>();\n\n  // The SignIn component takes some time to decide whether the user is logged-in or not.\n  // showLoginPage is used to prevent a glitch-like experience where the sign-in page is\n  // displayed for a split second when the user is already logged-in.\n  const [showLoginPage, setShowLoginPage] = useState<boolean>(false);\n\n  type LoginOpts = { checkExisting?: boolean; showPopup?: boolean };\n  const login = async ({ checkExisting, showPopup }: LoginOpts) => {\n    try {\n      let identityResponse: BackstageIdentityResponse | undefined;\n      if (checkExisting) {\n        // Do an initial check if any logged-in session exists\n        identityResponse = await authApi.getBackstageIdentity({\n          optional: true,\n        });\n      }\n\n      // If no session exists, show the sign-in page\n      if (!identityResponse && (showPopup || auto)) {\n        // Unless auto is set to true, this step should not happen.\n        // When user intentionally clicks the Sign In button, autoShowPopup is set to true\n        setShowLoginPage(true);\n        identityResponse = await authApi.getBackstageIdentity({\n          instantPopup: true,\n        });\n        if (!identityResponse) {\n          throw new Error(\n            `The ${provider.title} provider is not configured to support sign-in`,\n          );\n        }\n      }\n\n      if (!identityResponse) {\n        setShowLoginPage(true);\n        return;\n      }\n\n      const profile = await authApi.getProfile();\n      onSignInSuccess(\n        UserIdentity.create({\n          identity: identityResponse.identity,\n          authApi,\n          profile,\n        }),\n      );\n    } catch (err: any) {\n      // User closed the sign-in modal\n      setError(err);\n      setShowLoginPage(true);\n    }\n  };\n\n  useMountEffect(() => login({ checkExisting: true }));\n\n  return showLoginPage ? (\n    <Page themeId=\"home\">\n      <Header title={configApi.getString('app.title')} />\n      <Content>\n        <Grid\n          container\n          justifyContent=\"center\"\n          spacing={2}\n          component=\"ul\"\n          classes={classes}\n        >\n          <GridItem>\n            <InfoCard\n              variant=\"fullHeight\"\n              title={provider.title}\n              actions={\n                <Button\n                  color=\"primary\"\n                  variant=\"outlined\"\n                  onClick={() => {\n                    login({ showPopup: true });\n                  }}\n                >\n                  {t('signIn.title')}\n                </Button>\n              }\n            >\n              <Typography variant=\"body1\">{provider.message}</Typography>\n              {error && error.name !== 'PopupRejectedError' && (\n                <Typography variant=\"body1\" color=\"error\">\n                  {error.message}\n                </Typography>\n              )}\n            </InfoCard>\n          </GridItem>\n        </Grid>\n      </Content>\n    </Page>\n  ) : (\n    <Progress />\n  );\n};\n\nexport function SignInPage(props: Props) {\n  if ('provider' in props) {\n    return <SingleSignInPage {...props} />;\n  }\n\n  return <MultiSignInPage {...props} />;\n}\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"SignInPage.esm.js","sources":["../../../src/layout/SignInPage/SignInPage.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 {\n  BackstageIdentityResponse,\n  configApiRef,\n  SignInPageProps,\n  useApi,\n} from '@backstage/core-plugin-api';\nimport { UserIdentity } from './UserIdentity';\nimport Button from '@material-ui/core/Button';\nimport Grid from '@material-ui/core/Grid';\nimport Typography from '@material-ui/core/Typography';\nimport React, { ReactNode, useState } from 'react';\nimport { useMountEffect } from '@react-hookz/web';\nimport { Progress } from '../../components/Progress';\nimport { Content } from '../Content/Content';\nimport { ContentHeader } from '../ContentHeader/ContentHeader';\nimport { Header } from '../Header';\nimport { InfoCard } from '../InfoCard';\nimport { Page } from '../Page';\nimport { getSignInProviders, useSignInProviders } from './providers';\nimport { GridItem, useStyles } from './styles';\nimport { IdentityProviders, SignInProviderConfig } from './types';\nimport { coreComponentsTranslationRef } from '../../translation';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\n\ntype MultiSignInPageProps = SignInPageProps & {\n  providers: IdentityProviders;\n  title?: string;\n  titleComponent?: ReactNode;\n  align?: 'center' | 'left';\n};\n\ntype SingleSignInPageProps = SignInPageProps & {\n  provider: SignInProviderConfig;\n  auto?: boolean;\n};\n\nexport type Props = MultiSignInPageProps | SingleSignInPageProps;\n\nexport const MultiSignInPage = ({\n  onSignInSuccess,\n  providers = [],\n  title,\n  titleComponent,\n  align = 'left',\n}: MultiSignInPageProps) => {\n  const configApi = useApi(configApiRef);\n  const classes = useStyles();\n\n  const signInProviders = getSignInProviders(providers);\n  const [loading, providerElements] = useSignInProviders(\n    signInProviders,\n    onSignInSuccess,\n  );\n\n  if (loading) {\n    return <Progress />;\n  }\n\n  return (\n    <Page themeId=\"home\">\n      <Header title={configApi.getString('app.title')} />\n      <Content>\n        {(title || titleComponent) && (\n          <ContentHeader\n            title={title}\n            titleComponent={titleComponent}\n            textAlign={align}\n          />\n        )}\n        <Grid\n          container\n          justifyContent={align === 'center' ? align : 'flex-start'}\n          spacing={2}\n          component=\"ul\"\n          classes={classes}\n        >\n          {providerElements}\n        </Grid>\n      </Content>\n    </Page>\n  );\n};\n\nexport const SingleSignInPage = ({\n  provider,\n  auto,\n  onSignInSuccess,\n}: SingleSignInPageProps) => {\n  const classes = useStyles();\n  const authApi = useApi(provider.apiRef);\n  const configApi = useApi(configApiRef);\n  const { t } = useTranslationRef(coreComponentsTranslationRef);\n\n  const [error, setError] = useState<Error>();\n\n  // The SignIn component takes some time to decide whether the user is logged-in or not.\n  // showLoginPage is used to prevent a glitch-like experience where the sign-in page is\n  // displayed for a split second when the user is already logged-in.\n  const [showLoginPage, setShowLoginPage] = useState<boolean>(false);\n\n  type LoginOpts = { checkExisting?: boolean; showPopup?: boolean };\n  const login = async ({ checkExisting, showPopup }: LoginOpts) => {\n    try {\n      let identityResponse: BackstageIdentityResponse | undefined;\n      if (checkExisting) {\n        // Do an initial check if any logged-in session exists\n        identityResponse = await authApi.getBackstageIdentity({\n          optional: true,\n        });\n      }\n\n      // If no session exists, show the sign-in page\n      if (!identityResponse && (showPopup || auto)) {\n        // Unless auto is set to true, this step should not happen.\n        // When user intentionally clicks the Sign In button, autoShowPopup is set to true\n        setShowLoginPage(true);\n        identityResponse = await authApi.getBackstageIdentity({\n          instantPopup: true,\n        });\n        if (!identityResponse) {\n          throw new Error(\n            `The ${provider.title} provider is not configured to support sign-in`,\n          );\n        }\n      }\n\n      if (!identityResponse) {\n        setShowLoginPage(true);\n        return;\n      }\n\n      const profile = await authApi.getProfile();\n      onSignInSuccess(\n        UserIdentity.create({\n          identity: identityResponse.identity,\n          authApi,\n          profile,\n        }),\n      );\n    } catch (err: any) {\n      // User closed the sign-in modal\n      setError(err);\n      setShowLoginPage(true);\n    }\n  };\n\n  useMountEffect(() => login({ checkExisting: true }));\n\n  return showLoginPage ? (\n    <Page themeId=\"home\">\n      <Header title={configApi.getString('app.title')} />\n      <Content>\n        <Grid\n          container\n          justifyContent=\"center\"\n          spacing={2}\n          component=\"ul\"\n          classes={classes}\n        >\n          <GridItem>\n            <InfoCard\n              variant=\"fullHeight\"\n              title={provider.title}\n              actions={\n                <Button\n                  color=\"primary\"\n                  variant=\"outlined\"\n                  onClick={() => {\n                    login({ showPopup: true });\n                  }}\n                >\n                  {t('signIn.title')}\n                </Button>\n              }\n            >\n              <Typography variant=\"body1\">{provider.message}</Typography>\n              {error && error.name !== 'PopupRejectedError' && (\n                <Typography variant=\"body1\" color=\"error\">\n                  {error.message}\n                </Typography>\n              )}\n            </InfoCard>\n          </GridItem>\n        </Grid>\n      </Content>\n    </Page>\n  ) : (\n    <Progress />\n  );\n};\n\nexport function SignInPage(props: Props) {\n  if ('provider' in props) {\n    return <SingleSignInPage {...props} />;\n  }\n\n  return <MultiSignInPage {...props} />;\n}\n"],"names":["React"],"mappings":"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"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@backstage/core-components",
   "description": "Core components used by Backstage plugins and apps",
-  "version": "0.14.10-next.0",
+  "version": "0.14.11-next.0",
   "publishConfig": {
     "access": "public"
   },
@@ -94,10 +94,10 @@
     "zod": "^3.22.4"
   },
   "devDependencies": {
-    "@backstage/app-defaults": "^1.5.9-next.0",
-    "@backstage/cli": "^0.27.0-next.0",
-    "@backstage/core-app-api": "^1.14.1-next.0",
-    "@backstage/test-utils": "^1.5.9-next.0",
+    "@backstage/app-defaults": "^1.5.11-next.0",
+    "@backstage/cli": "^0.27.1-next.1",
+    "@backstage/core-app-api": "^1.14.2",
+    "@backstage/test-utils": "^1.6.0-next.0",
     "@testing-library/dom": "^10.0.0",
     "@testing-library/jest-dom": "^6.0.0",
     "@testing-library/react": "^15.0.0",

package/testUtils/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@backstage/core-components__testutils",
-  "version": "0.14.10-next.0",
+  "version": "0.14.11-next.0",
   "main": "../dist/testUtils.esm.js",
   "module": "../dist/testUtils.esm.js",
   "types": "../dist/testUtils.d.ts"