@backstage/core-components 0.15.1-next.1 → 0.15.1

package/CHANGELOG.md

@@ -1,5 +1,33 @@
 # @backstage/core-components
 
+## 0.15.1
+
+### Patch Changes
+
+- 3f76d0e: Correct size of FavoriteToggle and inherit non-starred color from parent
+- e969dc7: Move `@types/react` to a peer dependency.
+- 1ff1dbd: It is possible to define a custom error element to be shown when sign in fails
+- 83e2887: Fixed a bug in the `SidebarSubmenu` core component that caused the nested menu to overlap with the sidebar when the user hovers over the pinned sidebar.
+- 46b5a20: `Link` component now accepts `externalLinkIcon` prop
+- e4ad29a: Fix authentication error handling using redirect flow via `enableExperimentalRedirectFlow` config. If an error is caught during authentication, the user is redirected back to app origin with `error` query parameter containing the error message.
+- Updated dependencies
+  - @backstage/core-plugin-api@1.10.0
+  - @backstage/version-bridge@1.0.10
+  - @backstage/theme@0.6.0
+  - @backstage/config@1.2.0
+  - @backstage/errors@1.2.4
+
+## 0.15.1-next.2
+
+### Patch Changes
+
+- Updated dependencies
+  - @backstage/theme@0.6.0-next.1
+  - @backstage/config@1.2.0
+  - @backstage/core-plugin-api@1.10.0-next.1
+  - @backstage/errors@1.2.4
+  - @backstage/version-bridge@1.0.10-next.0
+
 ## 0.15.1-next.1
 
 ### Patch Changes

package/alpha/package.json

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

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import * as React from 'react';
-import React__default, { CSSProperties, ElementType, ReactNode, PropsWithChildren, ComponentProps, ComponentClass, ErrorInfo, ReactElement } from 'react';
+import React__default, { CSSProperties, ElementType, ReactNode, PropsWithChildren, ComponentProps, ComponentClass, ErrorInfo, ReactElement, ComponentType } from 'react';
 import { ButtonProps as ButtonProps$1 } from '@material-ui/core/Button';
 import { LinkProps as LinkProps$1 } from '@material-ui/core/Link';
 import { LinkProps as LinkProps$2, NavLinkProps } from 'react-router-dom';
@@ -1593,6 +1593,13 @@ type ProxiedSignInPageProps = SignInPageProps & {
      * underlying provider
      */
     headers?: HeadersInit | (() => HeadersInit) | (() => Promise<HeadersInit>);
+    /**
+     * Error component to be rendered instead of the default error panel in case
+     * sign in fails.
+     */
+    ErrorComponent?: ComponentType<{
+        error?: Error;
+    }>;
 };
 /**
  * A sign-in page that has no user interface of its own. Instead, it relies on
@@ -1986,13 +1993,22 @@ type SignInProviderConfig = {
 /** @public */
 type IdentityProviders = ('guest' | 'custom' | SignInProviderConfig)[];
 
-type MultiSignInPageProps = SignInPageProps & {
+type CommonSignInPageProps = SignInPageProps & {
+    /**
+     * Error component to be rendered instead of the default error panel in case
+     * sign in fails.
+     */
+    ErrorComponent?: ComponentType<{
+        error?: Error;
+    }>;
+};
+type MultiSignInPageProps = CommonSignInPageProps & {
     providers: IdentityProviders;
     title?: string;
     titleComponent?: ReactNode;
     align?: 'center' | 'left';
 };
-type SingleSignInPageProps = SignInPageProps & {
+type SingleSignInPageProps = CommonSignInPageProps & {
     provider: SignInProviderConfig;
     auto?: boolean;
 };

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

@@ -23,7 +23,7 @@ const ProxiedSignInPage = (props) => {
   if (status === "loading") {
     return /* @__PURE__ */ React__default.createElement(Progress, null);
   } else if (error) {
-    return /* @__PURE__ */ React__default.createElement(ErrorPanel, { title: t("proxiedSignInPage.title"), error });
+    return props.ErrorComponent ? /* @__PURE__ */ React__default.createElement(props.ErrorComponent, { error }) : /* @__PURE__ */ React__default.createElement(ErrorPanel, { title: t("proxiedSignInPage.title"), error });
   }
   return null;
 };

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. \"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;;;;"}
+{"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, { ComponentType } 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   * Error component to be rendered instead of the default error panel in case\n   * sign in fails.\n   */\n  ErrorComponent?: ComponentType<{ error?: Error }>;\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 props.ErrorComponent ? (\n      <props.ErrorComponent error={error} />\n    ) : (\n      <ErrorPanel title={t('proxiedSignInPage.title')} error={error} />\n    );\n  }\n\n  return null;\n};\n"],"names":["React"],"mappings":";;;;;;;;;AAqEa,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,OAAO,KAAM,CAAA,cAAA,mBACVA,cAAA,CAAA,aAAA,CAAA,KAAA,CAAM,gBAAN,EAAqB,KAAA,EAAc,CAEpC,mBAAAA,cAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,KAAA,EAAO,CAAE,CAAA,yBAAyB,GAAG,KAAc,EAAA,CAAA,CAAA;AAAA,GAEnE;AAEA,EAAO,OAAA,IAAA,CAAA;AACT;;;;"}

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

@@ -15,6 +15,7 @@ import { getSignInProviders, useSignInProviders } from './providers.esm.js';
 import { useStyles, GridItem } from './styles.esm.js';
 import { coreComponentsTranslationRef } from '../../translation.esm.js';
 import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
+import { useSearchParams } from 'react-router-dom';
 
 const MultiSignInPage = ({
   onSignInSuccess,
@@ -55,7 +56,8 @@ const MultiSignInPage = ({
 const SingleSignInPage = ({
   provider,
   auto,
-  onSignInSuccess
+  onSignInSuccess,
+  ErrorComponent
 }) => {
   const classes = useStyles();
   const authApi = useApi(provider.apiRef);
@@ -63,6 +65,8 @@ const SingleSignInPage = ({
   const { t } = useTranslationRef(coreComponentsTranslationRef);
   const [error, setError] = useState();
   const [showLoginPage, setShowLoginPage] = useState(false);
+  const [searchParams, _setSearchParams] = useSearchParams();
+  const errorParam = searchParams.get("error");
   const login = async ({ checkExisting, showPopup }) => {
     try {
       let identityResponse;
@@ -71,7 +75,7 @@ const SingleSignInPage = ({
           optional: true
         });
       }
-      if (!identityResponse && (showPopup || auto)) {
+      if (!identityResponse && (showPopup || auto) && !errorParam) {
         setShowLoginPage(true);
         identityResponse = await authApi.getBackstageIdentity({
           instantPopup: true
@@ -99,7 +103,12 @@ const SingleSignInPage = ({
       setShowLoginPage(true);
     }
   };
-  useMountEffect(() => login({ checkExisting: true }));
+  useMountEffect(() => {
+    if (errorParam) {
+      setError(new Error(errorParam));
+    }
+    login({ checkExisting: true });
+  });
   return showLoginPage ? /* @__PURE__ */ React__default.createElement(Page, { themeId: "home" }, /* @__PURE__ */ React__default.createElement(Header, { title: configApi.getString("app.title") }), /* @__PURE__ */ React__default.createElement(Content, null, /* @__PURE__ */ React__default.createElement(
     Grid,
     {
@@ -127,7 +136,7 @@ const SingleSignInPage = ({
         )
       },
       /* @__PURE__ */ React__default.createElement(Typography, { variant: "body1" }, provider.message),
-      error && error.name !== "PopupRejectedError" && /* @__PURE__ */ React__default.createElement(Typography, { variant: "body1", color: "error" }, error.message)
+      error && error.name !== "PopupRejectedError" && (ErrorComponent ? /* @__PURE__ */ React__default.createElement(ErrorComponent, { error }) : /* @__PURE__ */ React__default.createElement(Typography, { variant: "body1", color: "error" }, error.message))
     ))
   ))) : /* @__PURE__ */ React__default.createElement(Progress, null);
 };

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, { 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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"}
+{"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, { ComponentType, 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';\nimport { useSearchParams } from 'react-router-dom';\n\ntype CommonSignInPageProps = SignInPageProps & {\n  /**\n   * Error component to be rendered instead of the default error panel in case\n   * sign in fails.\n   */\n  ErrorComponent?: ComponentType<{ error?: Error }>;\n};\n\ntype MultiSignInPageProps = CommonSignInPageProps & {\n  providers: IdentityProviders;\n  title?: string;\n  titleComponent?: ReactNode;\n  align?: 'center' | 'left';\n};\n\ntype SingleSignInPageProps = CommonSignInPageProps & {\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  ErrorComponent,\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  // User was redirected back to sign in page with error from auth redirect flow\n  const [searchParams, _setSearchParams] = useSearchParams();\n  const errorParam = searchParams.get('error');\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) && !errorParam) {\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(() => {\n    if (errorParam) {\n      setError(new Error(errorParam));\n    }\n    login({ checkExisting: true });\n  });\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 &&\n                error.name !== 'PopupRejectedError' &&\n                (ErrorComponent ? (\n                  <ErrorComponent error={error} />\n                ) : (\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/dist/layout/SignInPage/providers.esm.js

@@ -4,6 +4,11 @@ import { commonProvider } from './commonProvider.esm.js';
 import { guestProvider } from './guestProvider.esm.js';
 import { customProvider } from './customProvider.esm.js';
 import { IdentityApiSignOutProxy } from './IdentityApiSignOutProxy.esm.js';
+import { useSearchParams } from 'react-router-dom';
+import { useMountEffect } from '@react-hookz/web';
+import { ForwardedError } from '@backstage/errors';
+import { coreComponentsTranslationRef } from '../../translation.esm.js';
+import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
 
 const PROVIDER_STORAGE_KEY = "@backstage/core:SignInPage:provider";
 const signInProviders = {
@@ -38,6 +43,16 @@ const useSignInProviders = (providers, onSignInSuccess) => {
   const errorApi = useApi(errorApiRef);
   const apiHolder = useApiHolder();
   const [loading, setLoading] = useState(true);
+  const { t } = useTranslationRef(coreComponentsTranslationRef);
+  const [searchParams, _setSearchParams] = useSearchParams();
+  useMountEffect(() => {
+    const errorParam = searchParams.get("error");
+    if (errorParam) {
+      errorApi.post(
+        new ForwardedError(t("signIn.loginFailed"), new Error(errorParam))
+      );
+    }
+  });
   const handleWrappedResult = useCallback(
     (identityApi) => {
       onSignInSuccess(

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

@@ -1 +1 @@
-{"version":3,"file":"providers.esm.js","sources":["../../../src/layout/SignInPage/providers.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 React, { useLayoutEffect, useState, useMemo, useCallback } from 'react';\nimport {\n  SignInPageProps,\n  useApi,\n  useApiHolder,\n  errorApiRef,\n  IdentityApi,\n} from '@backstage/core-plugin-api';\nimport {\n  IdentityProviders,\n  SignInProvider,\n  SignInProviderConfig,\n} from './types';\nimport { commonProvider } from './commonProvider';\nimport { guestProvider } from './guestProvider';\nimport { customProvider } from './customProvider';\nimport { IdentityApiSignOutProxy } from './IdentityApiSignOutProxy';\n\nconst PROVIDER_STORAGE_KEY = '@backstage/core:SignInPage:provider';\n\nexport type SignInProviderType = {\n  [key: string]: {\n    components: SignInProvider;\n    id: string;\n    config?: SignInProviderConfig;\n  };\n};\n\nconst signInProviders: { [key: string]: SignInProvider } = {\n  guest: guestProvider,\n  custom: customProvider,\n  common: commonProvider,\n};\n\nfunction validateIDs(id: string, providers: SignInProviderType): void {\n  if (id in providers)\n    throw new Error(\n      `\"${id}\" ID is duplicated. IDs of identity providers have to be unique.`,\n    );\n}\n\nexport function getSignInProviders(\n  identityProviders: IdentityProviders,\n): SignInProviderType {\n  const providers = identityProviders.reduce(\n    (acc: SignInProviderType, config) => {\n      if (typeof config === 'string') {\n        validateIDs(config, acc);\n        acc[config] = { components: signInProviders[config], id: config };\n\n        return acc;\n      }\n\n      const { id } = config as SignInProviderConfig;\n      validateIDs(id, acc);\n\n      acc[id] = { components: signInProviders.common, id, config };\n\n      return acc;\n    },\n    {},\n  );\n\n  return providers;\n}\n\nexport const useSignInProviders = (\n  providers: SignInProviderType,\n  onSignInSuccess: SignInPageProps['onSignInSuccess'],\n) => {\n  const errorApi = useApi(errorApiRef);\n  const apiHolder = useApiHolder();\n  const [loading, setLoading] = useState(true);\n\n  // This decorates the result with sign out logic from this hook\n  const handleWrappedResult = useCallback(\n    (identityApi: IdentityApi) => {\n      onSignInSuccess(\n        IdentityApiSignOutProxy.from({\n          identityApi,\n          signOut: async () => {\n            localStorage.removeItem(PROVIDER_STORAGE_KEY);\n            await identityApi.signOut?.();\n          },\n        }),\n      );\n    },\n    [onSignInSuccess],\n  );\n\n  // In this effect we check if the user has already selected an existing login\n  // provider, and in that case try to load an existing session for the provider.\n  useLayoutEffect(() => {\n    if (!loading) {\n      return undefined;\n    }\n\n    // We can't use storageApi here, as it might have a dependency on the IdentityApi\n    const selectedProviderId = localStorage.getItem(\n      PROVIDER_STORAGE_KEY,\n    ) as string;\n\n    // No provider selected, let the user pick one\n    if (selectedProviderId === null) {\n      setLoading(false);\n      return undefined;\n    }\n\n    const provider = providers[selectedProviderId];\n    if (!provider) {\n      setLoading(false);\n      return undefined;\n    }\n\n    let didCancel = false;\n\n    provider.components\n      .loader(apiHolder, provider.config?.apiRef!)\n      .then(result => {\n        if (didCancel) {\n          localStorage.removeItem(PROVIDER_STORAGE_KEY);\n          return;\n        }\n        if (result) {\n          handleWrappedResult(result);\n        } else {\n          setLoading(false);\n        }\n      })\n      .catch(error => {\n        localStorage.removeItem(PROVIDER_STORAGE_KEY);\n        if (didCancel) {\n          return;\n        }\n        errorApi.post(error);\n        setLoading(false);\n      });\n\n    return () => {\n      didCancel = true;\n    };\n  }, [\n    loading,\n    errorApi,\n    onSignInSuccess,\n    apiHolder,\n    providers,\n    handleWrappedResult,\n  ]);\n\n  // This renders all available sign-in providers\n  const elements = useMemo(\n    () =>\n      Object.keys(providers).map(key => {\n        const provider = providers[key];\n\n        const { Component } = provider.components;\n\n        const handleSignInSuccess = (result: IdentityApi) => {\n          handleWrappedResult(result);\n        };\n\n        const handleSignInStarted = () => {\n          localStorage.setItem(\n            PROVIDER_STORAGE_KEY,\n            provider?.config?.id || provider.id,\n          );\n        };\n\n        const handleSignInFailure = () => {\n          localStorage.removeItem(PROVIDER_STORAGE_KEY);\n        };\n\n        return (\n          <Component\n            key={provider.id}\n            config={provider.config!}\n            onSignInStarted={handleSignInStarted}\n            onSignInSuccess={handleSignInSuccess}\n            onSignInFailure={handleSignInFailure}\n          />\n        );\n      }),\n    [providers, handleWrappedResult],\n  );\n\n  return [loading, elements];\n};\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"providers.esm.js","sources":["../../../src/layout/SignInPage/providers.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 React, { useLayoutEffect, useState, useMemo, useCallback } from 'react';\nimport {\n  SignInPageProps,\n  useApi,\n  useApiHolder,\n  errorApiRef,\n  IdentityApi,\n} from '@backstage/core-plugin-api';\nimport {\n  IdentityProviders,\n  SignInProvider,\n  SignInProviderConfig,\n} from './types';\nimport { commonProvider } from './commonProvider';\nimport { guestProvider } from './guestProvider';\nimport { customProvider } from './customProvider';\nimport { IdentityApiSignOutProxy } from './IdentityApiSignOutProxy';\nimport { useSearchParams } from 'react-router-dom';\nimport { useMountEffect } from '@react-hookz/web';\nimport { ForwardedError } from '@backstage/errors';\nimport { coreComponentsTranslationRef } from '../../translation';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\n\nconst PROVIDER_STORAGE_KEY = '@backstage/core:SignInPage:provider';\n\nexport type SignInProviderType = {\n  [key: string]: {\n    components: SignInProvider;\n    id: string;\n    config?: SignInProviderConfig;\n  };\n};\n\nconst signInProviders: { [key: string]: SignInProvider } = {\n  guest: guestProvider,\n  custom: customProvider,\n  common: commonProvider,\n};\n\nfunction validateIDs(id: string, providers: SignInProviderType): void {\n  if (id in providers)\n    throw new Error(\n      `\"${id}\" ID is duplicated. IDs of identity providers have to be unique.`,\n    );\n}\n\nexport function getSignInProviders(\n  identityProviders: IdentityProviders,\n): SignInProviderType {\n  const providers = identityProviders.reduce(\n    (acc: SignInProviderType, config) => {\n      if (typeof config === 'string') {\n        validateIDs(config, acc);\n        acc[config] = { components: signInProviders[config], id: config };\n\n        return acc;\n      }\n\n      const { id } = config as SignInProviderConfig;\n      validateIDs(id, acc);\n\n      acc[id] = { components: signInProviders.common, id, config };\n\n      return acc;\n    },\n    {},\n  );\n\n  return providers;\n}\n\nexport const useSignInProviders = (\n  providers: SignInProviderType,\n  onSignInSuccess: SignInPageProps['onSignInSuccess'],\n) => {\n  const errorApi = useApi(errorApiRef);\n  const apiHolder = useApiHolder();\n  const [loading, setLoading] = useState(true);\n\n  const { t } = useTranslationRef(coreComponentsTranslationRef);\n  // User was redirected back to sign in page with error from auth redirect flow\n  const [searchParams, _setSearchParams] = useSearchParams();\n\n  useMountEffect(() => {\n    const errorParam = searchParams.get('error');\n    if (errorParam) {\n      errorApi.post(\n        new ForwardedError(t('signIn.loginFailed'), new Error(errorParam)),\n      );\n    }\n  });\n\n  // This decorates the result with sign out logic from this hook\n  const handleWrappedResult = useCallback(\n    (identityApi: IdentityApi) => {\n      onSignInSuccess(\n        IdentityApiSignOutProxy.from({\n          identityApi,\n          signOut: async () => {\n            localStorage.removeItem(PROVIDER_STORAGE_KEY);\n            await identityApi.signOut?.();\n          },\n        }),\n      );\n    },\n    [onSignInSuccess],\n  );\n\n  // In this effect we check if the user has already selected an existing login\n  // provider, and in that case try to load an existing session for the provider.\n  useLayoutEffect(() => {\n    if (!loading) {\n      return undefined;\n    }\n\n    // We can't use storageApi here, as it might have a dependency on the IdentityApi\n    const selectedProviderId = localStorage.getItem(\n      PROVIDER_STORAGE_KEY,\n    ) as string;\n\n    // No provider selected, let the user pick one\n    if (selectedProviderId === null) {\n      setLoading(false);\n      return undefined;\n    }\n\n    const provider = providers[selectedProviderId];\n    if (!provider) {\n      setLoading(false);\n      return undefined;\n    }\n\n    let didCancel = false;\n\n    provider.components\n      .loader(apiHolder, provider.config?.apiRef!)\n      .then(result => {\n        if (didCancel) {\n          localStorage.removeItem(PROVIDER_STORAGE_KEY);\n          return;\n        }\n        if (result) {\n          handleWrappedResult(result);\n        } else {\n          setLoading(false);\n        }\n      })\n      .catch(error => {\n        localStorage.removeItem(PROVIDER_STORAGE_KEY);\n        if (didCancel) {\n          return;\n        }\n        errorApi.post(error);\n        setLoading(false);\n      });\n\n    return () => {\n      didCancel = true;\n    };\n  }, [\n    loading,\n    errorApi,\n    onSignInSuccess,\n    apiHolder,\n    providers,\n    handleWrappedResult,\n  ]);\n\n  // This renders all available sign-in providers\n  const elements = useMemo(\n    () =>\n      Object.keys(providers).map(key => {\n        const provider = providers[key];\n\n        const { Component } = provider.components;\n\n        const handleSignInSuccess = (result: IdentityApi) => {\n          handleWrappedResult(result);\n        };\n\n        const handleSignInStarted = () => {\n          localStorage.setItem(\n            PROVIDER_STORAGE_KEY,\n            provider?.config?.id || provider.id,\n          );\n        };\n\n        const handleSignInFailure = () => {\n          localStorage.removeItem(PROVIDER_STORAGE_KEY);\n        };\n\n        return (\n          <Component\n            key={provider.id}\n            config={provider.config!}\n            onSignInStarted={handleSignInStarted}\n            onSignInSuccess={handleSignInSuccess}\n            onSignInFailure={handleSignInFailure}\n          />\n        );\n      }),\n    [providers, handleWrappedResult],\n  );\n\n  return [loading, elements];\n};\n"],"names":["React"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@backstage/core-components",
-  "version": "0.15.1-next.1",
+  "version": "0.15.1",
   "description": "Core components used by Backstage plugins and apps",
   "backstage": {
     "role": "web-library"
@@ -55,11 +55,11 @@
     "test": "backstage-cli package test"
   },
   "dependencies": {
-    "@backstage/config": "1.2.0",
-    "@backstage/core-plugin-api": "1.10.0-next.1",
-    "@backstage/errors": "1.2.4",
-    "@backstage/theme": "0.5.8-next.0",
-    "@backstage/version-bridge": "1.0.10-next.0",
+    "@backstage/config": "^1.2.0",
+    "@backstage/core-plugin-api": "^1.10.0",
+    "@backstage/errors": "^1.2.4",
+    "@backstage/theme": "^0.6.0",
+    "@backstage/version-bridge": "^1.0.10",
     "@date-io/core": "^1.3.13",
     "@material-table/core": "^3.1.0",
     "@material-ui/core": "^4.12.2",
@@ -93,10 +93,10 @@
     "zod": "^3.22.4"
   },
   "devDependencies": {
-    "@backstage/app-defaults": "1.5.12-next.1",
-    "@backstage/cli": "0.28.0-next.1",
-    "@backstage/core-app-api": "1.15.1-next.1",
-    "@backstage/test-utils": "1.6.1-next.1",
+    "@backstage/app-defaults": "^1.5.12",
+    "@backstage/cli": "^0.28.0",
+    "@backstage/core-app-api": "^1.15.1",
+    "@backstage/test-utils": "^1.7.0",
     "@testing-library/dom": "^10.0.0",
     "@testing-library/jest-dom": "^6.0.0",
     "@testing-library/react": "^16.0.0",

package/testUtils/package.json

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