@backstage/plugin-user-settings 0.4.3-next.0 → 0.4.4-next.0

package/CHANGELOG.md

@@ -1,5 +1,42 @@
 # @backstage/plugin-user-settings
 
+## 0.4.4-next.0
+
+### Patch Changes
+
+- ed075219aa: Added alternative text to profile picture
+- Updated dependencies
+  - @backstage/core-components@0.9.4-next.0
+  - @backstage/core-plugin-api@1.0.2-next.0
+
+## 0.4.3
+
+### Patch Changes
+
+- 24254fd433: build(deps): bump `@testing-library/user-event` from 13.5.0 to 14.0.0
+- cf647f6a72: Wired up the OneLogin provider to be visible in the Settings UI when configured correctly.
+
+  Previously it wasn't visible at all.
+
+- af508a895e: Dynamically layout User Settings theme toggle container
+- 230ad0826f: Bump to using `@types/node` v16
+- 016c574b51: Added the ability to render extra setting tabs
+- Updated dependencies
+  - @backstage/core-components@0.9.3
+  - @backstage/core-plugin-api@1.0.1
+
+## 0.4.3-next.1
+
+### Patch Changes
+
+- 24254fd433: build(deps): bump `@testing-library/user-event` from 13.5.0 to 14.0.0
+- af508a895e: Dynamically layout User Settings theme toggle container
+- 230ad0826f: Bump to using `@types/node` v16
+- 016c574b51: Added the ability to render extra setting tabs
+- Updated dependencies
+  - @backstage/core-components@0.9.3-next.2
+  - @backstage/core-plugin-api@1.0.1-next.0
+
 ## 0.4.3-next.0
 
 ### Patch Changes

package/README.md

@@ -63,3 +63,31 @@ const AppRoutes = () => (
 ```
 
 > **Note that the list of providers expects to be rendered within a MUI [`<List>`](https://material-ui.com/components/lists/)**
+
+**Tabs**
+
+By default, the plugin renders 3 tabs of settings; GENERAL, AUTHENTICATION PROVIDERS, and FEATURE FLAGS.
+
+If you want to add more options for your users,
+just pass the extra tabs using `UserSettingsTab` components as children of the `UserSettingsPage` route.
+The path is in this case a child of the settings path,
+in the example below it would be `/settings/advanced` so that you can easily link to it.
+
+```tsx
+import {
+  UserSettingsPage,
+  UserSettingsTab,
+} from '@backstage/plugin-user-settings';
+
+<Route path="/settings" element={<UserSettingsPage />}>
+  <UserSettingsTab path="/advanced" title="Advanced">
+    <AdvancedSettings />
+  </UserSettingsTab>
+</Route>;
+```
+
+To standardize the UI of all setting tabs,
+make sure you use a similar component structure as the other tabs.
+You can take a look at
+[the example extra tab](https://github.com/backstage/backstage/blob/master/packages/app/src/components/advancedSettings/AdvancedSettings.tsx)
+we have created in Backstage's demo app.

package/dist/index.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 import * as _backstage_core_plugin_api from '@backstage/core-plugin-api';
 import { IconComponent, ApiRef, SessionApi, ProfileInfo } from '@backstage/core-plugin-api';
+import { PropsWithChildren } from 'react';
 
 declare const userSettingsPlugin: _backstage_core_plugin_api.BackstagePlugin<{
     settingsPage: _backstage_core_plugin_api.RouteRef<undefined>;
@@ -62,4 +63,23 @@ declare const useUserProfile: () => {
     loading: boolean;
 };
 
-export { DefaultProviderSettings, ProviderSettingsItem, SettingsPage as Router, Settings, UserSettingsAppearanceCard, UserSettingsAuthProviders, UserSettingsFeatureFlags, UserSettingsGeneral, UserSettingsMenu, UserSettingsPage, UserSettingsPinToggle, UserSettingsProfileCard, UserSettingsSignInAvatar, UserSettingsThemeToggle, userSettingsPlugin as plugin, useUserProfile, userSettingsPlugin };
+/** @public */
+declare const USER_SETTINGS_TAB_KEY = "user-settings.tab";
+/** @public */
+declare type UserSettingsTabProps = PropsWithChildren<{
+    /**
+     * The path to the tab in the settings route
+     * @example `/settings/advanced`
+     */
+    path: string;
+    /** The title of the tab. It will also reflect in the document title when the tab is active */
+    title: string;
+}>;
+/**
+ * Renders a tab inside the settings page
+ * @param props - Component props
+ * @public
+ */
+declare const UserSettingsTab: (props: UserSettingsTabProps) => JSX.Element;
+
+export { DefaultProviderSettings, ProviderSettingsItem, SettingsPage as Router, Settings, USER_SETTINGS_TAB_KEY, UserSettingsAppearanceCard, UserSettingsAuthProviders, UserSettingsFeatureFlags, UserSettingsGeneral, UserSettingsMenu, UserSettingsPage, UserSettingsPinToggle, UserSettingsProfileCard, UserSettingsSignInAvatar, UserSettingsTab, UserSettingsTabProps, UserSettingsThemeToggle, userSettingsPlugin as plugin, useUserProfile, userSettingsPlugin };

package/dist/index.esm.js

@@ -1,7 +1,8 @@
-import { createRouteRef, createPlugin, createRoutableExtension, useRouteRef, useApi, SessionState, googleAuthApiRef, microsoftAuthApiRef, githubAuthApiRef, gitlabAuthApiRef, oktaAuthApiRef, bitbucketAuthApiRef, oneloginAuthApiRef, atlassianAuthApiRef, configApiRef, featureFlagsApiRef, FeatureFlagState, identityApiRef, alertApiRef, appThemeApiRef } from '@backstage/core-plugin-api';
+import { createRouteRef, createPlugin, createRoutableExtension, useRouteRef, useApi, SessionState, googleAuthApiRef, microsoftAuthApiRef, githubAuthApiRef, gitlabAuthApiRef, oktaAuthApiRef, bitbucketAuthApiRef, oneloginAuthApiRef, atlassianAuthApiRef, configApiRef, featureFlagsApiRef, FeatureFlagState, identityApiRef, alertApiRef, appThemeApiRef, attachComponentData, useElementFilter } from '@backstage/core-plugin-api';
 import React, { useState, useEffect, useCallback, useContext, cloneElement } from 'react';
 import SettingsIcon from '@material-ui/icons/Settings';
 import { SidebarItem, EmptyState, CodeSnippet, InfoCard, sidebarConfig, SidebarPinStateContext, Page, Header, TabbedLayout } from '@backstage/core-components';
+import { useOutlet } from 'react-router';
 import { Typography, Button, ListItem, ListItemIcon, ListItemText, Tooltip, ListItemSecondaryAction, List, Switch, Grid, TextField, IconButton, makeStyles, Avatar, Menu, MenuItem } from '@material-ui/core';
 import Star from '@material-ui/icons/Star';
 import ClearIcon from '@material-ui/icons/Clear';
@@ -324,7 +325,8 @@ const UserSettingsSignInAvatar = ({ size }) => {
   const { profile } = useUserProfile();
   return /* @__PURE__ */ React.createElement(Avatar, {
     src: profile.picture,
-    className: classes.avatar
+    className: classes.avatar,
+    alt: "Profile picture"
   });
 };
 
@@ -415,24 +417,34 @@ const ThemeIcon = ({ id, activeId, icon }) => icon ? cloneElement(icon, {
   color: activeId === id ? "primary" : void 0
 });
 const useStyles = makeStyles((theme) => ({
+  container: {
+    display: "flex",
+    flexWrap: "wrap",
+    width: "100%",
+    justifyContent: "space-between",
+    alignItems: "center",
+    paddingBottom: 8,
+    paddingRight: 16
+  },
   list: {
+    width: "initial",
     [theme.breakpoints.down("xs")]: {
+      width: "100%",
       padding: `0 0 12px`
     }
   },
   listItemText: {
-    [theme.breakpoints.down("xs")]: {
-      paddingRight: 0,
-      paddingLeft: 0
-    }
+    paddingRight: 0,
+    paddingLeft: 0
   },
   listItemSecondaryAction: {
+    position: "relative",
+    transform: "unset",
+    top: "auto",
+    right: "auto",
+    paddingLeft: 16,
     [theme.breakpoints.down("xs")]: {
-      width: "100%",
-      top: "auto",
-      right: "auto",
-      position: "relative",
-      transform: "unset"
+      paddingLeft: 0
     }
   }
 }));
@@ -462,7 +474,8 @@ const UserSettingsThemeToggle = () => {
     }
   };
   return /* @__PURE__ */ React.createElement(ListItem, {
-    className: classes.list
+    className: classes.list,
+    classes: { container: classes.container }
   }, /* @__PURE__ */ React.createElement(ListItemText, {
     className: classes.listItemText,
     primary: "Theme",
@@ -524,8 +537,18 @@ const UserSettingsGeneral = () => {
   }, /* @__PURE__ */ React.createElement(UserSettingsAppearanceCard, null)));
 };
 
+const USER_SETTINGS_TAB_KEY = "user-settings.tab";
+const UserSettingsTab = (props) => {
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, props.children);
+};
+attachComponentData(UserSettingsTab, USER_SETTINGS_TAB_KEY, "UserSettingsTab");
+
 const SettingsPage = ({ providerSettings }) => {
   const { isMobile } = useContext(SidebarPinStateContext);
+  const outlet = useOutlet();
+  const tabs = useElementFilter(outlet, (elements) => elements.selectByComponentData({
+    key: USER_SETTINGS_TAB_KEY
+  }).getElements());
   return /* @__PURE__ */ React.createElement(Page, {
     themeId: "home"
   }, !isMobile && /* @__PURE__ */ React.createElement(Header, {
@@ -541,7 +564,10 @@ const SettingsPage = ({ providerSettings }) => {
   })), /* @__PURE__ */ React.createElement(TabbedLayout.Route, {
     path: "feature-flags",
     title: "Feature Flags"
-  }, /* @__PURE__ */ React.createElement(UserSettingsFeatureFlags, null))));
+  }, /* @__PURE__ */ React.createElement(UserSettingsFeatureFlags, null)), tabs.map((child, i) => /* @__PURE__ */ React.createElement(TabbedLayout.Route, {
+    key: i,
+    ...child.props
+  }, child))));
 };
 
 var SettingsPage$1 = /*#__PURE__*/Object.freeze({
@@ -549,5 +575,5 @@ var SettingsPage$1 = /*#__PURE__*/Object.freeze({
   SettingsPage: SettingsPage
 });
 
-export { DefaultProviderSettings, ProviderSettingsItem, SettingsPage as Router, Settings, UserSettingsAppearanceCard, UserSettingsAuthProviders, UserSettingsFeatureFlags, UserSettingsGeneral, UserSettingsMenu, UserSettingsPage, UserSettingsPinToggle, UserSettingsProfileCard, UserSettingsSignInAvatar, UserSettingsThemeToggle, userSettingsPlugin as plugin, useUserProfile, userSettingsPlugin };
+export { DefaultProviderSettings, ProviderSettingsItem, SettingsPage as Router, Settings, USER_SETTINGS_TAB_KEY, UserSettingsAppearanceCard, UserSettingsAuthProviders, UserSettingsFeatureFlags, UserSettingsGeneral, UserSettingsMenu, UserSettingsPage, UserSettingsPinToggle, UserSettingsProfileCard, UserSettingsSignInAvatar, UserSettingsTab, UserSettingsThemeToggle, userSettingsPlugin as plugin, useUserProfile, userSettingsPlugin };
 //# sourceMappingURL=index.esm.js.map

package/dist/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../src/plugin.ts","../src/components/Settings.tsx","../src/components/AuthProviders/EmptyProviders.tsx","../src/components/AuthProviders/ProviderSettingsItem.tsx","../src/components/AuthProviders/DefaultProviderSettings.tsx","../src/components/AuthProviders/UserSettingsAuthProviders.tsx","../src/components/FeatureFlags/EmptyFlags.tsx","../src/components/FeatureFlags/FeatureFlagsItem.tsx","../src/components/FeatureFlags/UserSettingsFeatureFlags.tsx","../src/components/useUserProfileInfo.ts","../src/components/General/UserSettingsSignInAvatar.tsx","../src/components/General/UserSettingsMenu.tsx","../src/components/General/UserSettingsProfileCard.tsx","../src/components/General/UserSettingsPinToggle.tsx","../src/components/General/UserSettingsThemeToggle.tsx","../src/components/General/UserSettingsAppearanceCard.tsx","../src/components/General/UserSettingsGeneral.tsx","../src/components/SettingsPage.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  createPlugin,\n  createRoutableExtension,\n  createRouteRef,\n} from '@backstage/core-plugin-api';\n\nexport const settingsRouteRef = createRouteRef({\n  id: 'user-settings',\n});\n\nexport const userSettingsPlugin = createPlugin({\n  id: 'user-settings',\n  routes: {\n    settingsPage: settingsRouteRef,\n  },\n});\n\nexport const UserSettingsPage = userSettingsPlugin.provide(\n  createRoutableExtension({\n    name: 'UserSettingsPage',\n    component: () =>\n      import('./components/SettingsPage').then(m => m.SettingsPage),\n    mountPoint: settingsRouteRef,\n  }),\n);\n","/*\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 from 'react';\nimport SettingsIcon from '@material-ui/icons/Settings';\nimport { settingsRouteRef } from '../plugin';\nimport { SidebarItem } from '@backstage/core-components';\nimport { useRouteRef, IconComponent } from '@backstage/core-plugin-api';\n\ntype SettingsProps = {\n  icon?: IconComponent;\n};\n\nexport const Settings = (props: SettingsProps) => {\n  const routePath = useRouteRef(settingsRouteRef);\n  const Icon = props.icon ? props.icon : SettingsIcon;\n  return <SidebarItem text=\"Settings\" to={routePath()} icon={Icon} />;\n};\n","/*\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 from 'react';\nimport { Button, Typography } from '@material-ui/core';\nimport { CodeSnippet, EmptyState } from '@backstage/core-components';\n\nconst EXAMPLE = `auth:\n  providers:\n    google:\n      development:\n        clientId: \\${AUTH_GOOGLE_CLIENT_ID}\n        clientSecret: \\${AUTH_GOOGLE_CLIENT_SECRET}\n`;\n\nexport const EmptyProviders = () => (\n  <EmptyState\n    missing=\"content\"\n    title=\"No Authentication Providers\"\n    description=\"You can add Authentication Providers to Backstage which allows you to use these providers to authenticate yourself.\"\n    action={\n      <>\n        <Typography variant=\"body1\">\n          Open <code>app-config.yaml</code> and make the changes as highlighted\n          below:\n        </Typography>\n        <CodeSnippet\n          text={EXAMPLE}\n          language=\"yaml\"\n          showLineNumbers\n          highlightedNumbers={[3, 4, 5, 6, 7, 8]}\n          customStyle={{ background: 'inherit', fontSize: '115%' }}\n        />\n        <Button\n          variant=\"contained\"\n          color=\"primary\"\n          href=\"https://backstage.io/docs/auth/add-auth-provider\"\n        >\n          Read More\n        </Button>\n      </>\n    }\n  />\n);\n","/*\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 */\nimport React, { useEffect, useState } from 'react';\nimport {\n  Button,\n  ListItem,\n  ListItemIcon,\n  ListItemSecondaryAction,\n  ListItemText,\n  Tooltip,\n} from '@material-ui/core';\nimport {\n  ApiRef,\n  SessionApi,\n  useApi,\n  IconComponent,\n  SessionState,\n} from '@backstage/core-plugin-api';\n\ntype Props = {\n  title: string;\n  description: string;\n  icon: IconComponent;\n  apiRef: ApiRef<SessionApi>;\n};\n\nexport const ProviderSettingsItem = ({\n  title,\n  description,\n  icon: Icon,\n  apiRef,\n}: Props) => {\n  const api = useApi(apiRef);\n  const [signedIn, setSignedIn] = useState(false);\n\n  useEffect(() => {\n    let didCancel = false;\n\n    const subscription = api\n      .sessionState$()\n      .subscribe((sessionState: SessionState) => {\n        if (!didCancel) {\n          setSignedIn(sessionState === SessionState.SignedIn);\n        }\n      });\n\n    return () => {\n      didCancel = true;\n      subscription.unsubscribe();\n    };\n  }, [api]);\n\n  return (\n    <ListItem>\n      <ListItemIcon>\n        <Icon />\n      </ListItemIcon>\n      <ListItemText\n        primary={title}\n        secondary={\n          <Tooltip placement=\"top\" arrow title={description}>\n            <span>{description}</span>\n          </Tooltip>\n        }\n        secondaryTypographyProps={{ noWrap: true, style: { width: '80%' } }}\n      />\n      <ListItemSecondaryAction>\n        <Tooltip\n          placement=\"top\"\n          arrow\n          title={signedIn ? `Sign out from ${title}` : `Sign in to ${title}`}\n        >\n          <Button\n            variant=\"outlined\"\n            color=\"primary\"\n            onClick={() => (signedIn ? api.signOut() : api.signIn())}\n          >\n            {signedIn ? `Sign out` : `Sign in`}\n          </Button>\n        </Tooltip>\n      </ListItemSecondaryAction>\n    </ListItem>\n  );\n};\n","/*\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 */\nimport Star from '@material-ui/icons/Star';\nimport React from 'react';\nimport { ProviderSettingsItem } from './ProviderSettingsItem';\nimport {\n  githubAuthApiRef,\n  gitlabAuthApiRef,\n  googleAuthApiRef,\n  oktaAuthApiRef,\n  microsoftAuthApiRef,\n  bitbucketAuthApiRef,\n  atlassianAuthApiRef,\n  oneloginAuthApiRef,\n} from '@backstage/core-plugin-api';\n\ntype Props = {\n  configuredProviders: string[];\n};\n\nexport const DefaultProviderSettings = ({ configuredProviders }: Props) => (\n  <>\n    {configuredProviders.includes('google') && (\n      <ProviderSettingsItem\n        title=\"Google\"\n        description=\"Provides authentication towards Google APIs and identities\"\n        apiRef={googleAuthApiRef}\n        icon={Star}\n      />\n    )}\n    {configuredProviders.includes('microsoft') && (\n      <ProviderSettingsItem\n        title=\"Microsoft\"\n        description=\"Provides authentication towards Microsoft APIs and identities\"\n        apiRef={microsoftAuthApiRef}\n        icon={Star}\n      />\n    )}\n    {configuredProviders.includes('github') && (\n      <ProviderSettingsItem\n        title=\"GitHub\"\n        description=\"Provides authentication towards GitHub APIs\"\n        apiRef={githubAuthApiRef}\n        icon={Star}\n      />\n    )}\n    {configuredProviders.includes('gitlab') && (\n      <ProviderSettingsItem\n        title=\"GitLab\"\n        description=\"Provides authentication towards GitLab APIs\"\n        apiRef={gitlabAuthApiRef}\n        icon={Star}\n      />\n    )}\n    {configuredProviders.includes('okta') && (\n      <ProviderSettingsItem\n        title=\"Okta\"\n        description=\"Provides authentication towards Okta APIs\"\n        apiRef={oktaAuthApiRef}\n        icon={Star}\n      />\n    )}\n    {configuredProviders.includes('bitbucket') && (\n      <ProviderSettingsItem\n        title=\"Bitbucket\"\n        description=\"Provides authentication towards Bitbucket APIs\"\n        apiRef={bitbucketAuthApiRef}\n        icon={Star}\n      />\n    )}\n    {configuredProviders.includes('onelogin') && (\n      <ProviderSettingsItem\n        title=\"OneLogin\"\n        description=\"Provides authentication towards OneLogin APIs\"\n        apiRef={oneloginAuthApiRef}\n        icon={Star}\n      />\n    )}\n    {configuredProviders.includes('atlassian') && (\n      <ProviderSettingsItem\n        title=\"Atlassian\"\n        description=\"Provides authentication towards Atlassian APIs\"\n        apiRef={atlassianAuthApiRef}\n        icon={Star}\n      />\n    )}\n  </>\n);\n","/*\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 from 'react';\nimport { List } from '@material-ui/core';\nimport { EmptyProviders } from './EmptyProviders';\nimport { DefaultProviderSettings } from './DefaultProviderSettings';\n\nimport { configApiRef, useApi } from '@backstage/core-plugin-api';\nimport { InfoCard } from '@backstage/core-components';\n\ntype Props = {\n  providerSettings?: JSX.Element;\n};\n\nexport const UserSettingsAuthProviders = ({ providerSettings }: Props) => {\n  const configApi = useApi(configApiRef);\n  const providersConfig = configApi.getOptionalConfig('auth.providers');\n  const configuredProviders = providersConfig?.keys() || [];\n  const providers = providerSettings ?? (\n    <DefaultProviderSettings configuredProviders={configuredProviders} />\n  );\n\n  if (!providerSettings && !configuredProviders?.length) {\n    return <EmptyProviders />;\n  }\n\n  return (\n    <InfoCard title=\"Available Providers\">\n      <List dense>{providers}</List>\n    </InfoCard>\n  );\n};\n","/*\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 from 'react';\nimport { Button, Typography } from '@material-ui/core';\nimport { CodeSnippet, EmptyState } from '@backstage/core-components';\n\nconst EXAMPLE = `import { createPlugin } from '@backstage/core-plugin-api';\n\nexport default createPlugin({\n  id: 'plugin-name',\n  featureFlags: [{ name: 'enable-example-feature' }],\n});\n`;\n\nexport const EmptyFlags = () => (\n  <EmptyState\n    missing=\"content\"\n    title=\"No Feature Flags\"\n    description=\"Feature Flags make it possible for plugins to register features in Backstage for users to opt into. You can use this to split out logic in your code for manual A/B testing, etc.\"\n    action={\n      <>\n        <Typography variant=\"body1\">\n          An example for how to add a feature flag is highlighted below:\n        </Typography>\n        <CodeSnippet\n          text={EXAMPLE}\n          language=\"typescript\"\n          showLineNumbers\n          highlightedNumbers={[6]}\n          customStyle={{ background: 'inherit', fontSize: '115%' }}\n        />\n        <Button\n          variant=\"contained\"\n          color=\"primary\"\n          href=\"https://backstage.io/docs/api/utility-apis\"\n        >\n          Read More\n        </Button>\n      </>\n    }\n  />\n);\n","/*\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 from 'react';\nimport {\n  ListItem,\n  ListItemText,\n  ListItemIcon,\n  Switch,\n  Tooltip,\n} from '@material-ui/core';\nimport { FeatureFlag } from '@backstage/core-plugin-api';\n\ntype Props = {\n  flag: FeatureFlag;\n  enabled: boolean;\n  toggleHandler: Function;\n};\n\nexport const FlagItem = ({ flag, enabled, toggleHandler }: Props) => (\n  <ListItem divider button onClick={() => toggleHandler(flag.name)}>\n    <ListItemIcon>\n      <Tooltip placement=\"top\" arrow title={enabled ? 'Disable' : 'Enable'}>\n        <Switch color=\"primary\" checked={enabled} name={flag.name} />\n      </Tooltip>\n    </ListItemIcon>\n    <ListItemText\n      primary={flag.name}\n      secondary={`Registered in ${flag.pluginId} plugin`}\n    />\n  </ListItem>\n);\n","/*\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, { useCallback, useState } from 'react';\nimport {\n  List,\n  TextField,\n  IconButton,\n  Grid,\n  Typography,\n} from '@material-ui/core';\nimport { EmptyFlags } from './EmptyFlags';\nimport { FlagItem } from './FeatureFlagsItem';\n\nimport {\n  featureFlagsApiRef,\n  FeatureFlagState,\n  useApi,\n} from '@backstage/core-plugin-api';\nimport { InfoCard } from '@backstage/core-components';\nimport ClearIcon from '@material-ui/icons/Clear';\n\nexport const UserSettingsFeatureFlags = () => {\n  const featureFlagsApi = useApi(featureFlagsApiRef);\n  const featureFlags = featureFlagsApi.getRegisteredFlags();\n\n  const initialFlagState = Object.fromEntries(\n    featureFlags.map(({ name }) => [name, featureFlagsApi.isActive(name)]),\n  );\n\n  const [state, setState] = useState<Record<string, boolean>>(initialFlagState);\n  const [filterInput, setFilterInput] = useState<string>('');\n  const inputRef = React.useRef<HTMLElement>();\n\n  const toggleFlag = useCallback(\n    (flagName: string) => {\n      const newState = featureFlagsApi.isActive(flagName)\n        ? FeatureFlagState.None\n        : FeatureFlagState.Active;\n\n      featureFlagsApi.save({\n        states: { [flagName]: newState },\n        merge: true,\n      });\n\n      setState(prevState => ({\n        ...prevState,\n        [flagName]: newState === FeatureFlagState.Active,\n      }));\n    },\n    [featureFlagsApi],\n  );\n\n  if (!featureFlags.length) {\n    return <EmptyFlags />;\n  }\n\n  const clearFilterInput = () => {\n    setFilterInput('');\n    inputRef?.current?.focus();\n  };\n\n  let filteredFeatureFlags = Array.from(featureFlags);\n\n  const filterInputParts = filterInput\n    .split(/\\s/)\n    .map(part => part.trim().toLocaleLowerCase('en-US'));\n\n  filterInputParts.forEach(\n    part =>\n      (filteredFeatureFlags = filteredFeatureFlags.filter(featureFlag =>\n        featureFlag.name.toLocaleLowerCase('en-US').includes(part),\n      )),\n  );\n\n  const Header = () => (\n    <Grid container style={{ justifyContent: 'space-between' }}>\n      <Grid item xs={6} md={8}>\n        <Typography variant=\"h5\">Feature Flags</Typography>\n      </Grid>\n      {featureFlags.length >= 10 && (\n        <Grid item xs={6} md={4}>\n          <TextField\n            label=\"Filter\"\n            style={{ display: 'flex', justifyContent: 'flex-end' }}\n            inputRef={ref => ref && ref.focus()}\n            InputProps={{\n              ...(filterInput.length && {\n                endAdornment: (\n                  <IconButton\n                    aria-label=\"Clear filter\"\n                    onClick={clearFilterInput}\n                    edge=\"end\"\n                  >\n                    <ClearIcon />\n                  </IconButton>\n                ),\n              }),\n            }}\n            onChange={e => setFilterInput(e.target.value)}\n            value={filterInput}\n          />\n        </Grid>\n      )}\n    </Grid>\n  );\n\n  return (\n    <InfoCard title={<Header />}>\n      <List dense>\n        {filteredFeatureFlags.map(featureFlag => {\n          const enabled = Boolean(state[featureFlag.name]);\n\n          return (\n            <FlagItem\n              key={featureFlag.name}\n              flag={featureFlag}\n              enabled={enabled}\n              toggleHandler={toggleFlag}\n            />\n          );\n        })}\n      </List>\n    </InfoCard>\n  );\n};\n","/*\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  alertApiRef,\n  identityApiRef,\n  ProfileInfo,\n  useApi,\n} from '@backstage/core-plugin-api';\nimport { useEffect } from 'react';\nimport useAsync from 'react-use/lib/useAsync';\n\nexport const useUserProfile = () => {\n  const identityApi = useApi(identityApiRef);\n  const alertApi = useApi(alertApiRef);\n\n  const { value, loading, error } = useAsync(async () => {\n    return {\n      profile: await identityApi.getProfileInfo(),\n      identity: await identityApi.getBackstageIdentity(),\n    };\n  }, []);\n\n  useEffect(() => {\n    if (error) {\n      alertApi.post({\n        message: `Failed to load user identity: ${error}`,\n        severity: 'error',\n      });\n    }\n  }, [error, alertApi]);\n\n  if (loading || error) {\n    return {\n      profile: {} as ProfileInfo,\n      displayName: '',\n      loading,\n    };\n  }\n\n  return {\n    profile: value!.profile,\n    displayName: value!.profile.displayName ?? value!.identity.userEntityRef,\n    loading,\n  };\n};\n","/*\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 from 'react';\nimport { BackstageTheme } from '@backstage/theme';\nimport { makeStyles, Avatar } from '@material-ui/core';\nimport { useUserProfile } from '../useUserProfileInfo';\nimport { sidebarConfig } from '@backstage/core-components';\n\nconst useStyles = makeStyles<BackstageTheme, { size: number }>(theme => ({\n  avatar: {\n    width: ({ size }) => size,\n    height: ({ size }) => size,\n    fontSize: ({ size }) => size * 0.7,\n    border: `1px solid ${theme.palette.textSubtle}`,\n  },\n}));\n\ntype Props = { size?: number };\n\nexport const UserSettingsSignInAvatar = ({ size }: Props) => {\n  const { iconSize } = sidebarConfig;\n  const classes = useStyles(size ? { size } : { size: iconSize });\n  const { profile } = useUserProfile();\n\n  return <Avatar src={profile.picture} className={classes.avatar} />;\n};\n","/*\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 from 'react';\nimport { IconButton, ListItemIcon, Menu, MenuItem } from '@material-ui/core';\nimport SignOutIcon from '@material-ui/icons/MeetingRoom';\nimport MoreVertIcon from '@material-ui/icons/MoreVert';\nimport { identityApiRef, useApi } from '@backstage/core-plugin-api';\n\nexport const UserSettingsMenu = () => {\n  const identityApi = useApi(identityApiRef);\n  const [open, setOpen] = React.useState(false);\n  const [anchorEl, setAnchorEl] = React.useState<undefined | HTMLElement>(\n    undefined,\n  );\n\n  const handleOpen = (event: React.MouseEvent<HTMLButtonElement>) => {\n    setAnchorEl(event.currentTarget);\n    setOpen(true);\n  };\n\n  const handleClose = () => {\n    setAnchorEl(undefined);\n    setOpen(false);\n  };\n\n  return (\n    <>\n      <IconButton\n        data-testid=\"user-settings-menu\"\n        aria-label=\"more\"\n        onClick={handleOpen}\n      >\n        <MoreVertIcon />\n      </IconButton>\n      <Menu anchorEl={anchorEl} open={open} onClose={handleClose}>\n        <MenuItem data-testid=\"sign-out\" onClick={() => identityApi.signOut()}>\n          <ListItemIcon>\n            <SignOutIcon />\n          </ListItemIcon>\n          Sign Out\n        </MenuItem>\n      </Menu>\n    </>\n  );\n};\n","/*\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 */\nimport { Grid, Typography } from '@material-ui/core';\nimport React from 'react';\nimport { UserSettingsSignInAvatar } from './UserSettingsSignInAvatar';\nimport { UserSettingsMenu } from './UserSettingsMenu';\nimport { useUserProfile } from '../useUserProfileInfo';\nimport { InfoCard } from '@backstage/core-components';\n\nexport const UserSettingsProfileCard = () => {\n  const { profile, displayName } = useUserProfile();\n\n  return (\n    <InfoCard title=\"Profile\" variant=\"gridItem\">\n      <Grid container spacing={6}>\n        <Grid item>\n          <UserSettingsSignInAvatar size={96} />\n        </Grid>\n        <Grid item xs={12} sm container>\n          <Grid item xs container direction=\"column\" spacing={2}>\n            <Grid item xs>\n              <Typography variant=\"subtitle1\" gutterBottom>\n                {displayName}\n              </Typography>\n              <Typography variant=\"body2\" color=\"textSecondary\">\n                {profile.email}\n              </Typography>\n            </Grid>\n          </Grid>\n          <Grid item>\n            <UserSettingsMenu />\n          </Grid>\n        </Grid>\n      </Grid>\n    </InfoCard>\n  );\n};\n","/*\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, { useContext } from 'react';\nimport {\n  ListItem,\n  ListItemSecondaryAction,\n  ListItemText,\n  Switch,\n  Tooltip,\n} from '@material-ui/core';\nimport { SidebarPinStateContext } from '@backstage/core-components';\n\nexport const UserSettingsPinToggle = () => {\n  const { isPinned, toggleSidebarPinState } = useContext(\n    SidebarPinStateContext,\n  );\n\n  return (\n    <ListItem>\n      <ListItemText\n        primary=\"Pin Sidebar\"\n        secondary=\"Prevent the sidebar from collapsing\"\n      />\n      <ListItemSecondaryAction>\n        <Tooltip\n          placement=\"top\"\n          arrow\n          title={`${isPinned ? 'Unpin' : 'Pin'} Sidebar`}\n        >\n          <Switch\n            color=\"primary\"\n            checked={isPinned}\n            onChange={() => toggleSidebarPinState()}\n            name=\"pin\"\n            inputProps={{ 'aria-label': 'Pin Sidebar Switch' }}\n          />\n        </Tooltip>\n      </ListItemSecondaryAction>\n    </ListItem>\n  );\n};\n","/*\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, { cloneElement } from 'react';\nimport useObservable from 'react-use/lib/useObservable';\nimport AutoIcon from '@material-ui/icons/BrightnessAuto';\nimport ToggleButton from '@material-ui/lab/ToggleButton';\nimport ToggleButtonGroup from '@material-ui/lab/ToggleButtonGroup';\nimport {\n  ListItem,\n  ListItemText,\n  ListItemSecondaryAction,\n  Tooltip,\n  makeStyles,\n} from '@material-ui/core';\nimport { appThemeApiRef, useApi } from '@backstage/core-plugin-api';\n\ntype ThemeIconProps = {\n  id: string;\n  activeId: string | undefined;\n  icon: JSX.Element | undefined;\n};\n\nconst ThemeIcon = ({ id, activeId, icon }: ThemeIconProps) =>\n  icon ? (\n    cloneElement(icon, {\n      color: activeId === id ? 'primary' : undefined,\n    })\n  ) : (\n    <AutoIcon color={activeId === id ? 'primary' : undefined} />\n  );\n\ntype TooltipToggleButtonProps = {\n  children: JSX.Element;\n  title: string;\n  value: string;\n};\n\nconst useStyles = makeStyles(theme => ({\n  list: {\n    [theme.breakpoints.down('xs')]: {\n      padding: `0 0 12px`,\n    },\n  },\n  listItemText: {\n    [theme.breakpoints.down('xs')]: {\n      paddingRight: 0,\n      paddingLeft: 0,\n    },\n  },\n  listItemSecondaryAction: {\n    [theme.breakpoints.down('xs')]: {\n      width: '100%',\n      top: 'auto',\n      right: 'auto',\n      position: 'relative',\n      transform: 'unset',\n    },\n  },\n}));\n\n// ToggleButtonGroup uses React.children.map instead of context\n// so wrapping with Tooltip breaks ToggleButton functionality.\nconst TooltipToggleButton = ({\n  children,\n  title,\n  value,\n  ...props\n}: TooltipToggleButtonProps) => (\n  <Tooltip placement=\"top\" arrow title={title}>\n    <ToggleButton value={value} {...props}>\n      {children}\n    </ToggleButton>\n  </Tooltip>\n);\n\nexport const UserSettingsThemeToggle = () => {\n  const classes = useStyles();\n  const appThemeApi = useApi(appThemeApiRef);\n  const themeId = useObservable(\n    appThemeApi.activeThemeId$(),\n    appThemeApi.getActiveThemeId(),\n  );\n\n  const themeIds = appThemeApi.getInstalledThemes();\n\n  const handleSetTheme = (\n    _event: React.MouseEvent<HTMLElement>,\n    newThemeId: string | undefined,\n  ) => {\n    if (themeIds.some(t => t.id === newThemeId)) {\n      appThemeApi.setActiveThemeId(newThemeId);\n    } else {\n      appThemeApi.setActiveThemeId(undefined);\n    }\n  };\n\n  return (\n    <ListItem className={classes.list}>\n      <ListItemText\n        className={classes.listItemText}\n        primary=\"Theme\"\n        secondary=\"Change the theme mode\"\n      />\n      <ListItemSecondaryAction className={classes.listItemSecondaryAction}>\n        <ToggleButtonGroup\n          exclusive\n          size=\"small\"\n          value={themeId ?? 'auto'}\n          onChange={handleSetTheme}\n        >\n          {themeIds.map(theme => {\n            const themeIcon = themeIds.find(t => t.id === theme.id)?.icon;\n            return (\n              <TooltipToggleButton\n                key={theme.id}\n                title={`Select ${theme.title}`}\n                value={theme.id}\n              >\n                <>\n                  {theme.title}&nbsp;\n                  <ThemeIcon\n                    id={theme.id}\n                    icon={themeIcon}\n                    activeId={themeId}\n                  />\n                </>\n              </TooltipToggleButton>\n            );\n          })}\n          <Tooltip placement=\"top\" arrow title=\"Select auto theme\">\n            <ToggleButton value=\"auto\" selected={themeId === undefined}>\n              Auto&nbsp;\n              <AutoIcon color={themeId === undefined ? 'primary' : undefined} />\n            </ToggleButton>\n          </Tooltip>\n        </ToggleButtonGroup>\n      </ListItemSecondaryAction>\n    </ListItem>\n  );\n};\n","/*\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 */\nimport { InfoCard, SidebarPinStateContext } from '@backstage/core-components';\nimport { List } from '@material-ui/core';\nimport React, { useContext } from 'react';\nimport { UserSettingsPinToggle } from './UserSettingsPinToggle';\nimport { UserSettingsThemeToggle } from './UserSettingsThemeToggle';\n\nexport const UserSettingsAppearanceCard = () => {\n  const { isMobile } = useContext(SidebarPinStateContext);\n\n  return (\n    <InfoCard title=\"Appearance\" variant=\"gridItem\">\n      <List dense>\n        <UserSettingsThemeToggle />\n        {!isMobile && <UserSettingsPinToggle />}\n      </List>\n    </InfoCard>\n  );\n};\n","/*\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 */\nimport { Grid } from '@material-ui/core';\nimport React from 'react';\nimport { UserSettingsProfileCard } from './UserSettingsProfileCard';\nimport { UserSettingsAppearanceCard } from './UserSettingsAppearanceCard';\n\nexport const UserSettingsGeneral = () => {\n  return (\n    <Grid container direction=\"row\" spacing={3}>\n      <Grid item xs={12} md={6}>\n        <UserSettingsProfileCard />\n      </Grid>\n      <Grid item xs={12} md={6}>\n        <UserSettingsAppearanceCard />\n      </Grid>\n    </Grid>\n  );\n};\n","/*\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  Header,\n  Page,\n  SidebarPinStateContext,\n  TabbedLayout,\n} from '@backstage/core-components';\nimport React, { useContext } from 'react';\nimport { UserSettingsAuthProviders } from './AuthProviders';\nimport { UserSettingsFeatureFlags } from './FeatureFlags';\nimport { UserSettingsGeneral } from './General';\n\ntype Props = {\n  providerSettings?: JSX.Element;\n};\n\nexport const SettingsPage = ({ providerSettings }: Props) => {\n  const { isMobile } = useContext(SidebarPinStateContext);\n\n  return (\n    <Page themeId=\"home\">\n      {!isMobile && <Header title=\"Settings\" />}\n      <TabbedLayout>\n        <TabbedLayout.Route path=\"general\" title=\"General\">\n          <UserSettingsGeneral />\n        </TabbedLayout.Route>\n        <TabbedLayout.Route\n          path=\"auth-providers\"\n          title=\"Authentication Providers\"\n        >\n          <UserSettingsAuthProviders providerSettings={providerSettings} />\n        </TabbedLayout.Route>\n        <TabbedLayout.Route path=\"feature-flags\" title=\"Feature Flags\">\n          <UserSettingsFeatureFlags />\n        </TabbedLayout.Route>\n      </TabbedLayout>\n    </Page>\n  );\n};\n"],"names":["EXAMPLE","useStyles"],"mappings":"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"}
+{"version":3,"file":"index.esm.js","sources":["../src/plugin.ts","../src/components/Settings.tsx","../src/components/AuthProviders/EmptyProviders.tsx","../src/components/AuthProviders/ProviderSettingsItem.tsx","../src/components/AuthProviders/DefaultProviderSettings.tsx","../src/components/AuthProviders/UserSettingsAuthProviders.tsx","../src/components/FeatureFlags/EmptyFlags.tsx","../src/components/FeatureFlags/FeatureFlagsItem.tsx","../src/components/FeatureFlags/UserSettingsFeatureFlags.tsx","../src/components/useUserProfileInfo.ts","../src/components/General/UserSettingsSignInAvatar.tsx","../src/components/General/UserSettingsMenu.tsx","../src/components/General/UserSettingsProfileCard.tsx","../src/components/General/UserSettingsPinToggle.tsx","../src/components/General/UserSettingsThemeToggle.tsx","../src/components/General/UserSettingsAppearanceCard.tsx","../src/components/General/UserSettingsGeneral.tsx","../src/components/UserSettingsTab/UserSettingsTab.tsx","../src/components/SettingsPage.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  createPlugin,\n  createRoutableExtension,\n  createRouteRef,\n} from '@backstage/core-plugin-api';\n\nexport const settingsRouteRef = createRouteRef({\n  id: 'user-settings',\n});\n\nexport const userSettingsPlugin = createPlugin({\n  id: 'user-settings',\n  routes: {\n    settingsPage: settingsRouteRef,\n  },\n});\n\nexport const UserSettingsPage = userSettingsPlugin.provide(\n  createRoutableExtension({\n    name: 'UserSettingsPage',\n    component: () =>\n      import('./components/SettingsPage').then(m => m.SettingsPage),\n    mountPoint: settingsRouteRef,\n  }),\n);\n","/*\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 from 'react';\nimport SettingsIcon from '@material-ui/icons/Settings';\nimport { settingsRouteRef } from '../plugin';\nimport { SidebarItem } from '@backstage/core-components';\nimport { useRouteRef, IconComponent } from '@backstage/core-plugin-api';\n\ntype SettingsProps = {\n  icon?: IconComponent;\n};\n\nexport const Settings = (props: SettingsProps) => {\n  const routePath = useRouteRef(settingsRouteRef);\n  const Icon = props.icon ? props.icon : SettingsIcon;\n  return <SidebarItem text=\"Settings\" to={routePath()} icon={Icon} />;\n};\n","/*\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 from 'react';\nimport { Button, Typography } from '@material-ui/core';\nimport { CodeSnippet, EmptyState } from '@backstage/core-components';\n\nconst EXAMPLE = `auth:\n  providers:\n    google:\n      development:\n        clientId: \\${AUTH_GOOGLE_CLIENT_ID}\n        clientSecret: \\${AUTH_GOOGLE_CLIENT_SECRET}\n`;\n\nexport const EmptyProviders = () => (\n  <EmptyState\n    missing=\"content\"\n    title=\"No Authentication Providers\"\n    description=\"You can add Authentication Providers to Backstage which allows you to use these providers to authenticate yourself.\"\n    action={\n      <>\n        <Typography variant=\"body1\">\n          Open <code>app-config.yaml</code> and make the changes as highlighted\n          below:\n        </Typography>\n        <CodeSnippet\n          text={EXAMPLE}\n          language=\"yaml\"\n          showLineNumbers\n          highlightedNumbers={[3, 4, 5, 6, 7, 8]}\n          customStyle={{ background: 'inherit', fontSize: '115%' }}\n        />\n        <Button\n          variant=\"contained\"\n          color=\"primary\"\n          href=\"https://backstage.io/docs/auth/add-auth-provider\"\n        >\n          Read More\n        </Button>\n      </>\n    }\n  />\n);\n","/*\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 */\nimport React, { useEffect, useState } from 'react';\nimport {\n  Button,\n  ListItem,\n  ListItemIcon,\n  ListItemSecondaryAction,\n  ListItemText,\n  Tooltip,\n} from '@material-ui/core';\nimport {\n  ApiRef,\n  SessionApi,\n  useApi,\n  IconComponent,\n  SessionState,\n} from '@backstage/core-plugin-api';\n\ntype Props = {\n  title: string;\n  description: string;\n  icon: IconComponent;\n  apiRef: ApiRef<SessionApi>;\n};\n\nexport const ProviderSettingsItem = ({\n  title,\n  description,\n  icon: Icon,\n  apiRef,\n}: Props) => {\n  const api = useApi(apiRef);\n  const [signedIn, setSignedIn] = useState(false);\n\n  useEffect(() => {\n    let didCancel = false;\n\n    const subscription = api\n      .sessionState$()\n      .subscribe((sessionState: SessionState) => {\n        if (!didCancel) {\n          setSignedIn(sessionState === SessionState.SignedIn);\n        }\n      });\n\n    return () => {\n      didCancel = true;\n      subscription.unsubscribe();\n    };\n  }, [api]);\n\n  return (\n    <ListItem>\n      <ListItemIcon>\n        <Icon />\n      </ListItemIcon>\n      <ListItemText\n        primary={title}\n        secondary={\n          <Tooltip placement=\"top\" arrow title={description}>\n            <span>{description}</span>\n          </Tooltip>\n        }\n        secondaryTypographyProps={{ noWrap: true, style: { width: '80%' } }}\n      />\n      <ListItemSecondaryAction>\n        <Tooltip\n          placement=\"top\"\n          arrow\n          title={signedIn ? `Sign out from ${title}` : `Sign in to ${title}`}\n        >\n          <Button\n            variant=\"outlined\"\n            color=\"primary\"\n            onClick={() => (signedIn ? api.signOut() : api.signIn())}\n          >\n            {signedIn ? `Sign out` : `Sign in`}\n          </Button>\n        </Tooltip>\n      </ListItemSecondaryAction>\n    </ListItem>\n  );\n};\n","/*\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 */\nimport Star from '@material-ui/icons/Star';\nimport React from 'react';\nimport { ProviderSettingsItem } from './ProviderSettingsItem';\nimport {\n  githubAuthApiRef,\n  gitlabAuthApiRef,\n  googleAuthApiRef,\n  oktaAuthApiRef,\n  microsoftAuthApiRef,\n  bitbucketAuthApiRef,\n  atlassianAuthApiRef,\n  oneloginAuthApiRef,\n} from '@backstage/core-plugin-api';\n\ntype Props = {\n  configuredProviders: string[];\n};\n\nexport const DefaultProviderSettings = ({ configuredProviders }: Props) => (\n  <>\n    {configuredProviders.includes('google') && (\n      <ProviderSettingsItem\n        title=\"Google\"\n        description=\"Provides authentication towards Google APIs and identities\"\n        apiRef={googleAuthApiRef}\n        icon={Star}\n      />\n    )}\n    {configuredProviders.includes('microsoft') && (\n      <ProviderSettingsItem\n        title=\"Microsoft\"\n        description=\"Provides authentication towards Microsoft APIs and identities\"\n        apiRef={microsoftAuthApiRef}\n        icon={Star}\n      />\n    )}\n    {configuredProviders.includes('github') && (\n      <ProviderSettingsItem\n        title=\"GitHub\"\n        description=\"Provides authentication towards GitHub APIs\"\n        apiRef={githubAuthApiRef}\n        icon={Star}\n      />\n    )}\n    {configuredProviders.includes('gitlab') && (\n      <ProviderSettingsItem\n        title=\"GitLab\"\n        description=\"Provides authentication towards GitLab APIs\"\n        apiRef={gitlabAuthApiRef}\n        icon={Star}\n      />\n    )}\n    {configuredProviders.includes('okta') && (\n      <ProviderSettingsItem\n        title=\"Okta\"\n        description=\"Provides authentication towards Okta APIs\"\n        apiRef={oktaAuthApiRef}\n        icon={Star}\n      />\n    )}\n    {configuredProviders.includes('bitbucket') && (\n      <ProviderSettingsItem\n        title=\"Bitbucket\"\n        description=\"Provides authentication towards Bitbucket APIs\"\n        apiRef={bitbucketAuthApiRef}\n        icon={Star}\n      />\n    )}\n    {configuredProviders.includes('onelogin') && (\n      <ProviderSettingsItem\n        title=\"OneLogin\"\n        description=\"Provides authentication towards OneLogin APIs\"\n        apiRef={oneloginAuthApiRef}\n        icon={Star}\n      />\n    )}\n    {configuredProviders.includes('atlassian') && (\n      <ProviderSettingsItem\n        title=\"Atlassian\"\n        description=\"Provides authentication towards Atlassian APIs\"\n        apiRef={atlassianAuthApiRef}\n        icon={Star}\n      />\n    )}\n  </>\n);\n","/*\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 from 'react';\nimport { List } from '@material-ui/core';\nimport { EmptyProviders } from './EmptyProviders';\nimport { DefaultProviderSettings } from './DefaultProviderSettings';\n\nimport { configApiRef, useApi } from '@backstage/core-plugin-api';\nimport { InfoCard } from '@backstage/core-components';\n\ntype Props = {\n  providerSettings?: JSX.Element;\n};\n\nexport const UserSettingsAuthProviders = ({ providerSettings }: Props) => {\n  const configApi = useApi(configApiRef);\n  const providersConfig = configApi.getOptionalConfig('auth.providers');\n  const configuredProviders = providersConfig?.keys() || [];\n  const providers = providerSettings ?? (\n    <DefaultProviderSettings configuredProviders={configuredProviders} />\n  );\n\n  if (!providerSettings && !configuredProviders?.length) {\n    return <EmptyProviders />;\n  }\n\n  return (\n    <InfoCard title=\"Available Providers\">\n      <List dense>{providers}</List>\n    </InfoCard>\n  );\n};\n","/*\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 from 'react';\nimport { Button, Typography } from '@material-ui/core';\nimport { CodeSnippet, EmptyState } from '@backstage/core-components';\n\nconst EXAMPLE = `import { createPlugin } from '@backstage/core-plugin-api';\n\nexport default createPlugin({\n  id: 'plugin-name',\n  featureFlags: [{ name: 'enable-example-feature' }],\n});\n`;\n\nexport const EmptyFlags = () => (\n  <EmptyState\n    missing=\"content\"\n    title=\"No Feature Flags\"\n    description=\"Feature Flags make it possible for plugins to register features in Backstage for users to opt into. You can use this to split out logic in your code for manual A/B testing, etc.\"\n    action={\n      <>\n        <Typography variant=\"body1\">\n          An example for how to add a feature flag is highlighted below:\n        </Typography>\n        <CodeSnippet\n          text={EXAMPLE}\n          language=\"typescript\"\n          showLineNumbers\n          highlightedNumbers={[6]}\n          customStyle={{ background: 'inherit', fontSize: '115%' }}\n        />\n        <Button\n          variant=\"contained\"\n          color=\"primary\"\n          href=\"https://backstage.io/docs/api/utility-apis\"\n        >\n          Read More\n        </Button>\n      </>\n    }\n  />\n);\n","/*\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 from 'react';\nimport {\n  ListItem,\n  ListItemText,\n  ListItemIcon,\n  Switch,\n  Tooltip,\n} from '@material-ui/core';\nimport { FeatureFlag } from '@backstage/core-plugin-api';\n\ntype Props = {\n  flag: FeatureFlag;\n  enabled: boolean;\n  toggleHandler: Function;\n};\n\nexport const FlagItem = ({ flag, enabled, toggleHandler }: Props) => (\n  <ListItem divider button onClick={() => toggleHandler(flag.name)}>\n    <ListItemIcon>\n      <Tooltip placement=\"top\" arrow title={enabled ? 'Disable' : 'Enable'}>\n        <Switch color=\"primary\" checked={enabled} name={flag.name} />\n      </Tooltip>\n    </ListItemIcon>\n    <ListItemText\n      primary={flag.name}\n      secondary={`Registered in ${flag.pluginId} plugin`}\n    />\n  </ListItem>\n);\n","/*\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, { useCallback, useState } from 'react';\nimport {\n  List,\n  TextField,\n  IconButton,\n  Grid,\n  Typography,\n} from '@material-ui/core';\nimport { EmptyFlags } from './EmptyFlags';\nimport { FlagItem } from './FeatureFlagsItem';\n\nimport {\n  featureFlagsApiRef,\n  FeatureFlagState,\n  useApi,\n} from '@backstage/core-plugin-api';\nimport { InfoCard } from '@backstage/core-components';\nimport ClearIcon from '@material-ui/icons/Clear';\n\nexport const UserSettingsFeatureFlags = () => {\n  const featureFlagsApi = useApi(featureFlagsApiRef);\n  const featureFlags = featureFlagsApi.getRegisteredFlags();\n\n  const initialFlagState = Object.fromEntries(\n    featureFlags.map(({ name }) => [name, featureFlagsApi.isActive(name)]),\n  );\n\n  const [state, setState] = useState<Record<string, boolean>>(initialFlagState);\n  const [filterInput, setFilterInput] = useState<string>('');\n  const inputRef = React.useRef<HTMLElement>();\n\n  const toggleFlag = useCallback(\n    (flagName: string) => {\n      const newState = featureFlagsApi.isActive(flagName)\n        ? FeatureFlagState.None\n        : FeatureFlagState.Active;\n\n      featureFlagsApi.save({\n        states: { [flagName]: newState },\n        merge: true,\n      });\n\n      setState(prevState => ({\n        ...prevState,\n        [flagName]: newState === FeatureFlagState.Active,\n      }));\n    },\n    [featureFlagsApi],\n  );\n\n  if (!featureFlags.length) {\n    return <EmptyFlags />;\n  }\n\n  const clearFilterInput = () => {\n    setFilterInput('');\n    inputRef?.current?.focus();\n  };\n\n  let filteredFeatureFlags = Array.from(featureFlags);\n\n  const filterInputParts = filterInput\n    .split(/\\s/)\n    .map(part => part.trim().toLocaleLowerCase('en-US'));\n\n  filterInputParts.forEach(\n    part =>\n      (filteredFeatureFlags = filteredFeatureFlags.filter(featureFlag =>\n        featureFlag.name.toLocaleLowerCase('en-US').includes(part),\n      )),\n  );\n\n  const Header = () => (\n    <Grid container style={{ justifyContent: 'space-between' }}>\n      <Grid item xs={6} md={8}>\n        <Typography variant=\"h5\">Feature Flags</Typography>\n      </Grid>\n      {featureFlags.length >= 10 && (\n        <Grid item xs={6} md={4}>\n          <TextField\n            label=\"Filter\"\n            style={{ display: 'flex', justifyContent: 'flex-end' }}\n            inputRef={ref => ref && ref.focus()}\n            InputProps={{\n              ...(filterInput.length && {\n                endAdornment: (\n                  <IconButton\n                    aria-label=\"Clear filter\"\n                    onClick={clearFilterInput}\n                    edge=\"end\"\n                  >\n                    <ClearIcon />\n                  </IconButton>\n                ),\n              }),\n            }}\n            onChange={e => setFilterInput(e.target.value)}\n            value={filterInput}\n          />\n        </Grid>\n      )}\n    </Grid>\n  );\n\n  return (\n    <InfoCard title={<Header />}>\n      <List dense>\n        {filteredFeatureFlags.map(featureFlag => {\n          const enabled = Boolean(state[featureFlag.name]);\n\n          return (\n            <FlagItem\n              key={featureFlag.name}\n              flag={featureFlag}\n              enabled={enabled}\n              toggleHandler={toggleFlag}\n            />\n          );\n        })}\n      </List>\n    </InfoCard>\n  );\n};\n","/*\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  alertApiRef,\n  identityApiRef,\n  ProfileInfo,\n  useApi,\n} from '@backstage/core-plugin-api';\nimport { useEffect } from 'react';\nimport useAsync from 'react-use/lib/useAsync';\n\nexport const useUserProfile = () => {\n  const identityApi = useApi(identityApiRef);\n  const alertApi = useApi(alertApiRef);\n\n  const { value, loading, error } = useAsync(async () => {\n    return {\n      profile: await identityApi.getProfileInfo(),\n      identity: await identityApi.getBackstageIdentity(),\n    };\n  }, []);\n\n  useEffect(() => {\n    if (error) {\n      alertApi.post({\n        message: `Failed to load user identity: ${error}`,\n        severity: 'error',\n      });\n    }\n  }, [error, alertApi]);\n\n  if (loading || error) {\n    return {\n      profile: {} as ProfileInfo,\n      displayName: '',\n      loading,\n    };\n  }\n\n  return {\n    profile: value!.profile,\n    displayName: value!.profile.displayName ?? value!.identity.userEntityRef,\n    loading,\n  };\n};\n","/*\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 from 'react';\nimport { BackstageTheme } from '@backstage/theme';\nimport { makeStyles, Avatar } from '@material-ui/core';\nimport { useUserProfile } from '../useUserProfileInfo';\nimport { sidebarConfig } from '@backstage/core-components';\n\nconst useStyles = makeStyles<BackstageTheme, { size: number }>(theme => ({\n  avatar: {\n    width: ({ size }) => size,\n    height: ({ size }) => size,\n    fontSize: ({ size }) => size * 0.7,\n    border: `1px solid ${theme.palette.textSubtle}`,\n  },\n}));\n\ntype Props = { size?: number };\n\nexport const UserSettingsSignInAvatar = ({ size }: Props) => {\n  const { iconSize } = sidebarConfig;\n  const classes = useStyles(size ? { size } : { size: iconSize });\n  const { profile } = useUserProfile();\n\n  return (\n    <Avatar\n      src={profile.picture}\n      className={classes.avatar}\n      alt=\"Profile picture\"\n    />\n  );\n};\n","/*\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 from 'react';\nimport { IconButton, ListItemIcon, Menu, MenuItem } from '@material-ui/core';\nimport SignOutIcon from '@material-ui/icons/MeetingRoom';\nimport MoreVertIcon from '@material-ui/icons/MoreVert';\nimport { identityApiRef, useApi } from '@backstage/core-plugin-api';\n\nexport const UserSettingsMenu = () => {\n  const identityApi = useApi(identityApiRef);\n  const [open, setOpen] = React.useState(false);\n  const [anchorEl, setAnchorEl] = React.useState<undefined | HTMLElement>(\n    undefined,\n  );\n\n  const handleOpen = (event: React.MouseEvent<HTMLButtonElement>) => {\n    setAnchorEl(event.currentTarget);\n    setOpen(true);\n  };\n\n  const handleClose = () => {\n    setAnchorEl(undefined);\n    setOpen(false);\n  };\n\n  return (\n    <>\n      <IconButton\n        data-testid=\"user-settings-menu\"\n        aria-label=\"more\"\n        onClick={handleOpen}\n      >\n        <MoreVertIcon />\n      </IconButton>\n      <Menu anchorEl={anchorEl} open={open} onClose={handleClose}>\n        <MenuItem data-testid=\"sign-out\" onClick={() => identityApi.signOut()}>\n          <ListItemIcon>\n            <SignOutIcon />\n          </ListItemIcon>\n          Sign Out\n        </MenuItem>\n      </Menu>\n    </>\n  );\n};\n","/*\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 */\nimport { Grid, Typography } from '@material-ui/core';\nimport React from 'react';\nimport { UserSettingsSignInAvatar } from './UserSettingsSignInAvatar';\nimport { UserSettingsMenu } from './UserSettingsMenu';\nimport { useUserProfile } from '../useUserProfileInfo';\nimport { InfoCard } from '@backstage/core-components';\n\nexport const UserSettingsProfileCard = () => {\n  const { profile, displayName } = useUserProfile();\n\n  return (\n    <InfoCard title=\"Profile\" variant=\"gridItem\">\n      <Grid container spacing={6}>\n        <Grid item>\n          <UserSettingsSignInAvatar size={96} />\n        </Grid>\n        <Grid item xs={12} sm container>\n          <Grid item xs container direction=\"column\" spacing={2}>\n            <Grid item xs>\n              <Typography variant=\"subtitle1\" gutterBottom>\n                {displayName}\n              </Typography>\n              <Typography variant=\"body2\" color=\"textSecondary\">\n                {profile.email}\n              </Typography>\n            </Grid>\n          </Grid>\n          <Grid item>\n            <UserSettingsMenu />\n          </Grid>\n        </Grid>\n      </Grid>\n    </InfoCard>\n  );\n};\n","/*\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, { useContext } from 'react';\nimport {\n  ListItem,\n  ListItemSecondaryAction,\n  ListItemText,\n  Switch,\n  Tooltip,\n} from '@material-ui/core';\nimport { SidebarPinStateContext } from '@backstage/core-components';\n\nexport const UserSettingsPinToggle = () => {\n  const { isPinned, toggleSidebarPinState } = useContext(\n    SidebarPinStateContext,\n  );\n\n  return (\n    <ListItem>\n      <ListItemText\n        primary=\"Pin Sidebar\"\n        secondary=\"Prevent the sidebar from collapsing\"\n      />\n      <ListItemSecondaryAction>\n        <Tooltip\n          placement=\"top\"\n          arrow\n          title={`${isPinned ? 'Unpin' : 'Pin'} Sidebar`}\n        >\n          <Switch\n            color=\"primary\"\n            checked={isPinned}\n            onChange={() => toggleSidebarPinState()}\n            name=\"pin\"\n            inputProps={{ 'aria-label': 'Pin Sidebar Switch' }}\n          />\n        </Tooltip>\n      </ListItemSecondaryAction>\n    </ListItem>\n  );\n};\n","/*\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, { cloneElement } from 'react';\nimport useObservable from 'react-use/lib/useObservable';\nimport AutoIcon from '@material-ui/icons/BrightnessAuto';\nimport ToggleButton from '@material-ui/lab/ToggleButton';\nimport ToggleButtonGroup from '@material-ui/lab/ToggleButtonGroup';\nimport {\n  ListItem,\n  ListItemText,\n  ListItemSecondaryAction,\n  Tooltip,\n  makeStyles,\n} from '@material-ui/core';\nimport { appThemeApiRef, useApi } from '@backstage/core-plugin-api';\n\ntype ThemeIconProps = {\n  id: string;\n  activeId: string | undefined;\n  icon: JSX.Element | undefined;\n};\n\nconst ThemeIcon = ({ id, activeId, icon }: ThemeIconProps) =>\n  icon ? (\n    cloneElement(icon, {\n      color: activeId === id ? 'primary' : undefined,\n    })\n  ) : (\n    <AutoIcon color={activeId === id ? 'primary' : undefined} />\n  );\n\ntype TooltipToggleButtonProps = {\n  children: JSX.Element;\n  title: string;\n  value: string;\n};\n\nconst useStyles = makeStyles(theme => ({\n  container: {\n    display: 'flex',\n    flexWrap: 'wrap',\n    width: '100%',\n    justifyContent: 'space-between',\n    alignItems: 'center',\n    paddingBottom: 8,\n    paddingRight: 16,\n  },\n  list: {\n    width: 'initial',\n    [theme.breakpoints.down('xs')]: {\n      width: '100%',\n      padding: `0 0 12px`,\n    },\n  },\n  listItemText: {\n    paddingRight: 0,\n    paddingLeft: 0,\n  },\n  listItemSecondaryAction: {\n    position: 'relative',\n    transform: 'unset',\n    top: 'auto',\n    right: 'auto',\n    paddingLeft: 16,\n    [theme.breakpoints.down('xs')]: {\n      paddingLeft: 0,\n    },\n  },\n}));\n\n// ToggleButtonGroup uses React.children.map instead of context\n// so wrapping with Tooltip breaks ToggleButton functionality.\nconst TooltipToggleButton = ({\n  children,\n  title,\n  value,\n  ...props\n}: TooltipToggleButtonProps) => (\n  <Tooltip placement=\"top\" arrow title={title}>\n    <ToggleButton value={value} {...props}>\n      {children}\n    </ToggleButton>\n  </Tooltip>\n);\n\nexport const UserSettingsThemeToggle = () => {\n  const classes = useStyles();\n  const appThemeApi = useApi(appThemeApiRef);\n  const themeId = useObservable(\n    appThemeApi.activeThemeId$(),\n    appThemeApi.getActiveThemeId(),\n  );\n\n  const themeIds = appThemeApi.getInstalledThemes();\n\n  const handleSetTheme = (\n    _event: React.MouseEvent<HTMLElement>,\n    newThemeId: string | undefined,\n  ) => {\n    if (themeIds.some(t => t.id === newThemeId)) {\n      appThemeApi.setActiveThemeId(newThemeId);\n    } else {\n      appThemeApi.setActiveThemeId(undefined);\n    }\n  };\n\n  return (\n    <ListItem\n      className={classes.list}\n      classes={{ container: classes.container }}\n    >\n      <ListItemText\n        className={classes.listItemText}\n        primary=\"Theme\"\n        secondary=\"Change the theme mode\"\n      />\n      <ListItemSecondaryAction className={classes.listItemSecondaryAction}>\n        <ToggleButtonGroup\n          exclusive\n          size=\"small\"\n          value={themeId ?? 'auto'}\n          onChange={handleSetTheme}\n        >\n          {themeIds.map(theme => {\n            const themeIcon = themeIds.find(t => t.id === theme.id)?.icon;\n            return (\n              <TooltipToggleButton\n                key={theme.id}\n                title={`Select ${theme.title}`}\n                value={theme.id}\n              >\n                <>\n                  {theme.title}&nbsp;\n                  <ThemeIcon\n                    id={theme.id}\n                    icon={themeIcon}\n                    activeId={themeId}\n                  />\n                </>\n              </TooltipToggleButton>\n            );\n          })}\n          <Tooltip placement=\"top\" arrow title=\"Select auto theme\">\n            <ToggleButton value=\"auto\" selected={themeId === undefined}>\n              Auto&nbsp;\n              <AutoIcon color={themeId === undefined ? 'primary' : undefined} />\n            </ToggleButton>\n          </Tooltip>\n        </ToggleButtonGroup>\n      </ListItemSecondaryAction>\n    </ListItem>\n  );\n};\n","/*\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 */\nimport { InfoCard, SidebarPinStateContext } from '@backstage/core-components';\nimport { List } from '@material-ui/core';\nimport React, { useContext } from 'react';\nimport { UserSettingsPinToggle } from './UserSettingsPinToggle';\nimport { UserSettingsThemeToggle } from './UserSettingsThemeToggle';\n\nexport const UserSettingsAppearanceCard = () => {\n  const { isMobile } = useContext(SidebarPinStateContext);\n\n  return (\n    <InfoCard title=\"Appearance\" variant=\"gridItem\">\n      <List dense>\n        <UserSettingsThemeToggle />\n        {!isMobile && <UserSettingsPinToggle />}\n      </List>\n    </InfoCard>\n  );\n};\n","/*\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 */\nimport { Grid } from '@material-ui/core';\nimport React from 'react';\nimport { UserSettingsProfileCard } from './UserSettingsProfileCard';\nimport { UserSettingsAppearanceCard } from './UserSettingsAppearanceCard';\n\nexport const UserSettingsGeneral = () => {\n  return (\n    <Grid container direction=\"row\" spacing={3}>\n      <Grid item xs={12} md={6}>\n        <UserSettingsProfileCard />\n      </Grid>\n      <Grid item xs={12} md={6}>\n        <UserSettingsAppearanceCard />\n      </Grid>\n    </Grid>\n  );\n};\n","/*\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 */\nimport React, { PropsWithChildren } from 'react';\nimport { attachComponentData } from '@backstage/core-plugin-api';\n\n/** @public */\nexport const USER_SETTINGS_TAB_KEY = 'user-settings.tab';\n\n/** @public */\nexport type UserSettingsTabProps = PropsWithChildren<{\n  /**\n   * The path to the tab in the settings route\n   * @example `/settings/advanced`\n   */\n  path: string;\n  /** The title of the tab. It will also reflect in the document title when the tab is active */\n  title: string;\n}>;\n\n/**\n * Renders a tab inside the settings page\n * @param props - Component props\n * @public\n */\nexport const UserSettingsTab = (props: UserSettingsTabProps) => {\n  return <>{props.children}</>;\n};\n\nattachComponentData(UserSettingsTab, USER_SETTINGS_TAB_KEY, 'UserSettingsTab');\n","/*\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  Header,\n  Page,\n  SidebarPinStateContext,\n  TabbedLayout,\n} from '@backstage/core-components';\nimport React, { useContext } from 'react';\nimport { useOutlet } from 'react-router';\nimport { useElementFilter } from '@backstage/core-plugin-api';\nimport { UserSettingsAuthProviders } from './AuthProviders';\nimport { UserSettingsFeatureFlags } from './FeatureFlags';\nimport { UserSettingsGeneral } from './General';\nimport { USER_SETTINGS_TAB_KEY, UserSettingsTabProps } from './UserSettingsTab';\n\ntype Props = {\n  providerSettings?: JSX.Element;\n};\n\nexport const SettingsPage = ({ providerSettings }: Props) => {\n  const { isMobile } = useContext(SidebarPinStateContext);\n  const outlet = useOutlet();\n\n  const tabs = useElementFilter(outlet, elements =>\n    elements\n      .selectByComponentData({\n        key: USER_SETTINGS_TAB_KEY,\n      })\n      .getElements<UserSettingsTabProps>(),\n  );\n\n  return (\n    <Page themeId=\"home\">\n      {!isMobile && <Header title=\"Settings\" />}\n      <TabbedLayout>\n        <TabbedLayout.Route path=\"general\" title=\"General\">\n          <UserSettingsGeneral />\n        </TabbedLayout.Route>\n        <TabbedLayout.Route\n          path=\"auth-providers\"\n          title=\"Authentication Providers\"\n        >\n          <UserSettingsAuthProviders providerSettings={providerSettings} />\n        </TabbedLayout.Route>\n        <TabbedLayout.Route path=\"feature-flags\" title=\"Feature Flags\">\n          <UserSettingsFeatureFlags />\n        </TabbedLayout.Route>\n\n        {tabs.map((child, i) => (\n          <TabbedLayout.Route key={i} {...child.props}>\n            {child}\n          </TabbedLayout.Route>\n        ))}\n      </TabbedLayout>\n    </Page>\n  );\n};\n"],"names":["EXAMPLE","useStyles"],"mappings":"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"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@backstage/plugin-user-settings",
   "description": "A Backstage plugin that provides a settings page",
-  "version": "0.4.3-next.0",
+  "version": "0.4.4-next.0",
   "main": "dist/index.esm.js",
   "types": "dist/index.d.ts",
   "license": "Apache-2.0",
@@ -34,12 +34,13 @@
     "clean": "backstage-cli package clean"
   },
   "dependencies": {
-    "@backstage/core-components": "^0.9.3-next.0",
-    "@backstage/core-plugin-api": "^1.0.0",
+    "@backstage/core-components": "^0.9.4-next.0",
+    "@backstage/core-plugin-api": "^1.0.2-next.0",
     "@backstage/theme": "^0.2.15",
     "@material-ui/core": "^4.12.2",
     "@material-ui/icons": "^4.9.1",
     "@material-ui/lab": "4.0.0-alpha.57",
+    "@types/react": "^16.13.1 || ^17.0.0",
     "react-router": "6.0.0-beta.0",
     "react-use": "^17.2.4"
   },
@@ -47,15 +48,15 @@
     "react": "^16.13.1 || ^17.0.0"
   },
   "devDependencies": {
-    "@backstage/cli": "^0.16.1-next.0",
-    "@backstage/core-app-api": "^1.0.1-next.0",
-    "@backstage/dev-utils": "^1.0.1-next.0",
-    "@backstage/test-utils": "^1.0.1-next.0",
+    "@backstage/cli": "^0.17.1-next.1",
+    "@backstage/core-app-api": "^1.0.2-next.0",
+    "@backstage/dev-utils": "^1.0.2-next.1",
+    "@backstage/test-utils": "^1.1.0-next.1",
     "@testing-library/jest-dom": "^5.10.1",
     "@testing-library/react": "^12.1.3",
-    "@testing-library/user-event": "^13.1.8",
+    "@testing-library/user-event": "^14.0.0",
     "@types/jest": "^26.0.7",
-    "@types/node": "^14.14.32",
+    "@types/node": "^16.11.26",
     "cross-fetch": "^3.1.5",
     "msw": "^0.35.0"
   },
@@ -81,5 +82,5 @@
       }
     }
   },
-  "gitHead": "6bc4253672337538ce7ea5aadb3e9f60daeb3f80"
+  "gitHead": "0b3df66a238c66a5498dab85b1ed85a8607289f1"
 }