@backstage/plugin-user-settings 0.9.3-next.0 → 0.9.3

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @backstage/plugin-user-settings
 
+## 0.9.3
+
+### Patch Changes
+
+- 876c99e: Prioritize i18n translation over `theme.title` for built-in light/dark theme names in `UserSettingsThemeToggle`, so that translation overrides are no longer silently ignored.
+- 44d77e9: Removed separate nav item extensions. Sidebar entries are now provided via `title` and `icon` on each plugin's page extension.
+- Updated dependencies
+  - @backstage/catalog-model@1.9.0
+  - @backstage/core-components@0.18.10
+  - @backstage/ui@0.15.0
+  - @backstage/errors@1.3.1
+  - @backstage/frontend-plugin-api@0.17.0
+  - @backstage/core-plugin-api@1.12.6
+  - @backstage/plugin-catalog-react@3.0.0
+  - @backstage/core-app-api@1.20.1
+  - @backstage/plugin-signals-react@0.0.22
+
 ## 0.9.3-next.0
 
 ### Patch Changes

package/dist/alpha.d.ts

@@ -58,55 +58,12 @@ declare const userSettingsTranslationRef: _backstage_frontend_plugin_api.Transla
     readonly "profileCard.title": "Profile";
     readonly "appearanceCard.title": "Appearance";
 }>;
-/** @alpha */
-declare const settingsNavItem: _backstage_frontend_plugin_api.OverridableExtensionDefinition<{
-    kind: "nav-item";
-    name: undefined;
-    config: {
-        title: string | undefined;
-    };
-    configInput: {
-        title?: string | undefined;
-    };
-    output: _backstage_frontend_plugin_api.ExtensionDataRef<{
-        title: string;
-        icon: _backstage_frontend_plugin_api.IconComponent;
-        routeRef: _backstage_frontend_plugin_api.RouteRef<undefined>;
-    }, "core.nav-item.target", {}>;
-    inputs: {};
-    params: {
-        title: string;
-        icon: _backstage_frontend_plugin_api.IconComponent;
-        routeRef: _backstage_frontend_plugin_api.RouteRef<undefined>;
-    };
-}>;
 /**
  * @alpha
  */
 declare const _default: _backstage_frontend_plugin_api.OverridableFrontendPlugin<{
     root: _backstage_core_plugin_api.RouteRef<undefined>;
 }, {}, {
-    "nav-item:user-settings": _backstage_frontend_plugin_api.OverridableExtensionDefinition<{
-        kind: "nav-item";
-        name: undefined;
-        config: {
-            title: string | undefined;
-        };
-        configInput: {
-            title?: string | undefined;
-        };
-        output: _backstage_frontend_plugin_api.ExtensionDataRef<{
-            title: string;
-            icon: _backstage_frontend_plugin_api.IconComponent;
-            routeRef: _backstage_frontend_plugin_api.RouteRef<undefined>;
-        }, "core.nav-item.target", {}>;
-        inputs: {};
-        params: {
-            title: string;
-            icon: _backstage_frontend_plugin_api.IconComponent;
-            routeRef: _backstage_frontend_plugin_api.RouteRef<undefined>;
-        };
-    }>;
     "page:user-settings": _backstage_frontend_plugin_api.OverridableExtensionDefinition<{
         kind: "page";
         name: undefined;
@@ -230,4 +187,4 @@ declare const _default: _backstage_frontend_plugin_api.OverridableFrontendPlugin
     }>;
 }>;
 
-export { _default as default, settingsNavItem, userSettingsTranslationRef };
+export { _default as default, userSettingsTranslationRef };

package/dist/alpha.esm.js

@@ -1,5 +1,5 @@
 import { jsx } from 'react/jsx-runtime';
-import { PageBlueprint, SubPageBlueprint, coreExtensionData, createExtensionInput, NavItemBlueprint, createFrontendPlugin } from '@backstage/frontend-plugin-api';
+import { PageBlueprint, SubPageBlueprint, coreExtensionData, createExtensionInput, createFrontendPlugin } from '@backstage/frontend-plugin-api';
 import { Content } from '@backstage/core-components';
 import SettingsIcon from '@material-ui/icons/Settings';
 import { settingsRouteRef } from './plugin.esm.js';
@@ -10,7 +10,8 @@ const userSettingsPage = PageBlueprint.make({
   params: {
     path: "/settings",
     routeRef: settingsRouteRef,
-    title: "Settings"
+    title: "Settings",
+    icon: /* @__PURE__ */ jsx(SettingsIcon, { fontSize: "inherit" })
   }
 });
 const generalSettingsPage = SubPageBlueprint.make({
@@ -52,13 +53,6 @@ const featureFlagsSettingsPage = SubPageBlueprint.make({
     loader: () => import('./components/FeatureFlags/index.esm.js').then((m) => /* @__PURE__ */ jsx(Content, { children: /* @__PURE__ */ jsx(m.UserSettingsFeatureFlags, {}) }))
   }
 });
-const settingsNavItem = NavItemBlueprint.make({
-  params: {
-    routeRef: settingsRouteRef,
-    title: "Settings",
-    icon: SettingsIcon
-  }
-});
 var alpha = createFrontendPlugin({
   pluginId: "user-settings",
   title: "Settings",
@@ -68,13 +62,12 @@ var alpha = createFrontendPlugin({
     userSettingsPage,
     generalSettingsPage,
     authProvidersSettingsPage,
-    featureFlagsSettingsPage,
-    settingsNavItem
+    featureFlagsSettingsPage
   ],
   routes: {
     root: settingsRouteRef
   }
 });
 
-export { alpha as default, settingsNavItem, userSettingsTranslationRef };
+export { alpha as default, userSettingsTranslationRef };
 //# sourceMappingURL=alpha.esm.js.map

package/dist/alpha.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"alpha.esm.js","sources":["../src/alpha.tsx"],"sourcesContent":["/*\n * Copyright 2023 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport {\n  coreExtensionData,\n  createExtensionInput,\n  createFrontendPlugin,\n  PageBlueprint,\n  NavItemBlueprint,\n  SubPageBlueprint,\n} from '@backstage/frontend-plugin-api';\nimport { Content } from '@backstage/core-components';\nimport SettingsIcon from '@material-ui/icons/Settings';\nimport { settingsRouteRef } from './plugin';\n\nimport { userSettingsTranslationRef as _userSettingsTranslationRef } from './translation';\n\n/**\n * @alpha\n * @deprecated Import from `@backstage/plugin-user-settings` instead.\n */\nexport const userSettingsTranslationRef = _userSettingsTranslationRef;\n\nconst userSettingsPage = PageBlueprint.make({\n  params: {\n    path: '/settings',\n    routeRef: settingsRouteRef,\n    title: 'Settings',\n  },\n});\n\nconst generalSettingsPage = SubPageBlueprint.make({\n  name: 'general',\n  params: {\n    path: 'general',\n    title: 'General',\n    loader: () =>\n      import('./components/General').then(m => (\n        <Content>\n          <m.UserSettingsGeneral />\n        </Content>\n      )),\n  },\n});\n\nconst authProvidersSettingsPage = SubPageBlueprint.makeWithOverrides({\n  name: 'auth-providers',\n  inputs: {\n    providerSettings: createExtensionInput([coreExtensionData.reactElement], {\n      singleton: true,\n      optional: true,\n    }),\n  },\n  factory(originalFactory, { inputs }) {\n    return originalFactory({\n      path: 'auth-providers',\n      title: 'Authentication Providers',\n      loader: () =>\n        import('./components/AuthProviders').then(m => (\n          <Content>\n            <m.UserSettingsAuthProviders\n              providerSettings={inputs.providerSettings?.get(\n                coreExtensionData.reactElement,\n              )}\n            />\n          </Content>\n        )),\n    });\n  },\n});\n\nconst featureFlagsSettingsPage = SubPageBlueprint.make({\n  name: 'feature-flags',\n  params: {\n    path: 'feature-flags',\n    title: 'Feature Flags',\n    loader: () =>\n      import('./components/FeatureFlags').then(m => (\n        <Content>\n          <m.UserSettingsFeatureFlags />\n        </Content>\n      )),\n  },\n});\n\n/** @alpha */\nexport const settingsNavItem = NavItemBlueprint.make({\n  params: {\n    routeRef: settingsRouteRef,\n    title: 'Settings',\n    icon: SettingsIcon,\n  },\n});\n\n/**\n * @alpha\n */\nexport default createFrontendPlugin({\n  pluginId: 'user-settings',\n  title: 'Settings',\n  icon: <SettingsIcon fontSize=\"inherit\" />,\n  info: { packageJson: () => import('../package.json') },\n  extensions: [\n    userSettingsPage,\n    generalSettingsPage,\n    authProvidersSettingsPage,\n    featureFlagsSettingsPage,\n    settingsNavItem,\n  ],\n  routes: {\n    root: settingsRouteRef,\n  },\n});\n"],"names":["_userSettingsTranslationRef"],"mappings":";;;;;;;AAiCO,MAAM,0BAAA,GAA6BA;AAE1C,MAAM,gBAAA,GAAmB,cAAc,IAAA,CAAK;AAAA,EAC1C,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM,WAAA;AAAA,IACN,QAAA,EAAU,gBAAA;AAAA,IACV,KAAA,EAAO;AAAA;AAEX,CAAC,CAAA;AAED,MAAM,mBAAA,GAAsB,iBAAiB,IAAA,CAAK;AAAA,EAChD,IAAA,EAAM,SAAA;AAAA,EACN,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM,SAAA;AAAA,IACN,KAAA,EAAO,SAAA;AAAA,IACP,MAAA,EAAQ,MACN,OAAO,mCAAsB,EAAE,IAAA,CAAK,CAAA,CAAA,qBAClC,GAAA,CAAC,OAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,CAAA,CAAE,mBAAA,EAAF,EAAsB,GACzB,CACD;AAAA;AAEP,CAAC,CAAA;AAED,MAAM,yBAAA,GAA4B,iBAAiB,iBAAA,CAAkB;AAAA,EACnE,IAAA,EAAM,gBAAA;AAAA,EACN,MAAA,EAAQ;AAAA,IACN,gBAAA,EAAkB,oBAAA,CAAqB,CAAC,iBAAA,CAAkB,YAAY,CAAA,EAAG;AAAA,MACvE,SAAA,EAAW,IAAA;AAAA,MACX,QAAA,EAAU;AAAA,KACX;AAAA,GACH;AAAA,EACA,OAAA,CAAQ,eAAA,EAAiB,EAAE,MAAA,EAAO,EAAG;AACnC,IAAA,OAAO,eAAA,CAAgB;AAAA,MACrB,IAAA,EAAM,gBAAA;AAAA,MACN,KAAA,EAAO,0BAAA;AAAA,MACP,MAAA,EAAQ,MACN,OAAO,yCAA4B,EAAE,IAAA,CAAK,CAAA,CAAA,yBACvC,OAAA,EAAA,EACC,QAAA,kBAAA,GAAA;AAAA,QAAC,CAAA,CAAE,yBAAA;AAAA,QAAF;AAAA,UACC,gBAAA,EAAkB,OAAO,gBAAA,EAAkB,GAAA;AAAA,YACzC,iBAAA,CAAkB;AAAA;AACpB;AAAA,SAEJ,CACD;AAAA,KACJ,CAAA;AAAA,EACH;AACF,CAAC,CAAA;AAED,MAAM,wBAAA,GAA2B,iBAAiB,IAAA,CAAK;AAAA,EACrD,IAAA,EAAM,eAAA;AAAA,EACN,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM,eAAA;AAAA,IACN,KAAA,EAAO,eAAA;AAAA,IACP,MAAA,EAAQ,MACN,OAAO,wCAA2B,EAAE,IAAA,CAAK,CAAA,CAAA,qBACvC,GAAA,CAAC,OAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,CAAA,CAAE,wBAAA,EAAF,EAA2B,GAC9B,CACD;AAAA;AAEP,CAAC,CAAA;AAGM,MAAM,eAAA,GAAkB,iBAAiB,IAAA,CAAK;AAAA,EACnD,MAAA,EAAQ;AAAA,IACN,QAAA,EAAU,gBAAA;AAAA,IACV,KAAA,EAAO,UAAA;AAAA,IACP,IAAA,EAAM;AAAA;AAEV,CAAC;AAKD,YAAe,oBAAA,CAAqB;AAAA,EAClC,QAAA,EAAU,eAAA;AAAA,EACV,KAAA,EAAO,UAAA;AAAA,EACP,IAAA,kBAAM,GAAA,CAAC,YAAA,EAAA,EAAa,QAAA,EAAS,SAAA,EAAU,CAAA;AAAA,EACvC,MAAM,EAAE,WAAA,EAAa,MAAM,OAAO,uBAAiB,CAAA,EAAE;AAAA,EACrD,UAAA,EAAY;AAAA,IACV,gBAAA;AAAA,IACA,mBAAA;AAAA,IACA,yBAAA;AAAA,IACA,wBAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM;AAAA;AAEV,CAAC,CAAA;;;;"}
+{"version":3,"file":"alpha.esm.js","sources":["../src/alpha.tsx"],"sourcesContent":["/*\n * Copyright 2023 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport {\n  coreExtensionData,\n  createExtensionInput,\n  createFrontendPlugin,\n  PageBlueprint,\n  SubPageBlueprint,\n} from '@backstage/frontend-plugin-api';\nimport { Content } from '@backstage/core-components';\nimport SettingsIcon from '@material-ui/icons/Settings';\nimport { settingsRouteRef } from './plugin';\n\nimport { userSettingsTranslationRef as _userSettingsTranslationRef } from './translation';\n\n/**\n * @alpha\n * @deprecated Import from `@backstage/plugin-user-settings` instead.\n */\nexport const userSettingsTranslationRef = _userSettingsTranslationRef;\n\nconst userSettingsPage = PageBlueprint.make({\n  params: {\n    path: '/settings',\n    routeRef: settingsRouteRef,\n    title: 'Settings',\n    icon: <SettingsIcon fontSize=\"inherit\" />,\n  },\n});\n\nconst generalSettingsPage = SubPageBlueprint.make({\n  name: 'general',\n  params: {\n    path: 'general',\n    title: 'General',\n    loader: () =>\n      import('./components/General').then(m => (\n        <Content>\n          <m.UserSettingsGeneral />\n        </Content>\n      )),\n  },\n});\n\nconst authProvidersSettingsPage = SubPageBlueprint.makeWithOverrides({\n  name: 'auth-providers',\n  inputs: {\n    providerSettings: createExtensionInput([coreExtensionData.reactElement], {\n      singleton: true,\n      optional: true,\n    }),\n  },\n  factory(originalFactory, { inputs }) {\n    return originalFactory({\n      path: 'auth-providers',\n      title: 'Authentication Providers',\n      loader: () =>\n        import('./components/AuthProviders').then(m => (\n          <Content>\n            <m.UserSettingsAuthProviders\n              providerSettings={inputs.providerSettings?.get(\n                coreExtensionData.reactElement,\n              )}\n            />\n          </Content>\n        )),\n    });\n  },\n});\n\nconst featureFlagsSettingsPage = SubPageBlueprint.make({\n  name: 'feature-flags',\n  params: {\n    path: 'feature-flags',\n    title: 'Feature Flags',\n    loader: () =>\n      import('./components/FeatureFlags').then(m => (\n        <Content>\n          <m.UserSettingsFeatureFlags />\n        </Content>\n      )),\n  },\n});\n\n/**\n * @alpha\n */\nexport default createFrontendPlugin({\n  pluginId: 'user-settings',\n  title: 'Settings',\n  icon: <SettingsIcon fontSize=\"inherit\" />,\n  info: { packageJson: () => import('../package.json') },\n  extensions: [\n    userSettingsPage,\n    generalSettingsPage,\n    authProvidersSettingsPage,\n    featureFlagsSettingsPage,\n  ],\n  routes: {\n    root: settingsRouteRef,\n  },\n});\n"],"names":["_userSettingsTranslationRef"],"mappings":";;;;;;;AAgCO,MAAM,0BAAA,GAA6BA;AAE1C,MAAM,gBAAA,GAAmB,cAAc,IAAA,CAAK;AAAA,EAC1C,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM,WAAA;AAAA,IACN,QAAA,EAAU,gBAAA;AAAA,IACV,KAAA,EAAO,UAAA;AAAA,IACP,IAAA,kBAAM,GAAA,CAAC,YAAA,EAAA,EAAa,QAAA,EAAS,SAAA,EAAU;AAAA;AAE3C,CAAC,CAAA;AAED,MAAM,mBAAA,GAAsB,iBAAiB,IAAA,CAAK;AAAA,EAChD,IAAA,EAAM,SAAA;AAAA,EACN,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM,SAAA;AAAA,IACN,KAAA,EAAO,SAAA;AAAA,IACP,MAAA,EAAQ,MACN,OAAO,mCAAsB,EAAE,IAAA,CAAK,CAAA,CAAA,qBAClC,GAAA,CAAC,OAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,CAAA,CAAE,mBAAA,EAAF,EAAsB,GACzB,CACD;AAAA;AAEP,CAAC,CAAA;AAED,MAAM,yBAAA,GAA4B,iBAAiB,iBAAA,CAAkB;AAAA,EACnE,IAAA,EAAM,gBAAA;AAAA,EACN,MAAA,EAAQ;AAAA,IACN,gBAAA,EAAkB,oBAAA,CAAqB,CAAC,iBAAA,CAAkB,YAAY,CAAA,EAAG;AAAA,MACvE,SAAA,EAAW,IAAA;AAAA,MACX,QAAA,EAAU;AAAA,KACX;AAAA,GACH;AAAA,EACA,OAAA,CAAQ,eAAA,EAAiB,EAAE,MAAA,EAAO,EAAG;AACnC,IAAA,OAAO,eAAA,CAAgB;AAAA,MACrB,IAAA,EAAM,gBAAA;AAAA,MACN,KAAA,EAAO,0BAAA;AAAA,MACP,MAAA,EAAQ,MACN,OAAO,yCAA4B,EAAE,IAAA,CAAK,CAAA,CAAA,yBACvC,OAAA,EAAA,EACC,QAAA,kBAAA,GAAA;AAAA,QAAC,CAAA,CAAE,yBAAA;AAAA,QAAF;AAAA,UACC,gBAAA,EAAkB,OAAO,gBAAA,EAAkB,GAAA;AAAA,YACzC,iBAAA,CAAkB;AAAA;AACpB;AAAA,SAEJ,CACD;AAAA,KACJ,CAAA;AAAA,EACH;AACF,CAAC,CAAA;AAED,MAAM,wBAAA,GAA2B,iBAAiB,IAAA,CAAK;AAAA,EACrD,IAAA,EAAM,eAAA;AAAA,EACN,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM,eAAA;AAAA,IACN,KAAA,EAAO,eAAA;AAAA,IACP,MAAA,EAAQ,MACN,OAAO,wCAA2B,EAAE,IAAA,CAAK,CAAA,CAAA,qBACvC,GAAA,CAAC,OAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,CAAA,CAAE,wBAAA,EAAF,EAA2B,GAC9B,CACD;AAAA;AAEP,CAAC,CAAA;AAKD,YAAe,oBAAA,CAAqB;AAAA,EAClC,QAAA,EAAU,eAAA;AAAA,EACV,KAAA,EAAO,UAAA;AAAA,EACP,IAAA,kBAAM,GAAA,CAAC,YAAA,EAAA,EAAa,QAAA,EAAS,SAAA,EAAU,CAAA;AAAA,EACvC,MAAM,EAAE,WAAA,EAAa,MAAM,OAAO,uBAAiB,CAAA,EAAE;AAAA,EACrD,UAAA,EAAY;AAAA,IACV,gBAAA;AAAA,IACA,mBAAA;AAAA,IACA,yBAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM;AAAA;AAEV,CAAC,CAAA;;;;"}

package/dist/components/General/UserSettingsThemeToggle.esm.js

@@ -95,7 +95,7 @@ const UserSettingsThemeToggle = () => {
               themeIds.map((theme) => {
                 const themeId = theme.id;
                 const themeIcon = theme.icon;
-                const themeTitle = theme.title || (themeId === "light" || themeId === "dark" ? t(`themeToggle.names.${themeId}`) : themeId);
+                const themeTitle = themeId === "light" || themeId === "dark" ? t(`themeToggle.names.${themeId}`) : theme.title || themeId;
                 return /* @__PURE__ */ jsx(
                   TooltipToggleButton,
                   {

package/dist/components/General/UserSettingsThemeToggle.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"UserSettingsThemeToggle.esm.js","sources":["../../../src/components/General/UserSettingsThemeToggle.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 { MouseEvent, cloneElement } from 'react';\nimport useObservable from 'react-use/esm/useObservable';\nimport AutoIcon from '@material-ui/icons/BrightnessAuto';\nimport ToggleButton from '@material-ui/lab/ToggleButton';\nimport ToggleButtonGroup from '@material-ui/lab/ToggleButtonGroup';\nimport ListItem from '@material-ui/core/ListItem';\nimport ListItemText from '@material-ui/core/ListItemText';\nimport ListItemSecondaryAction from '@material-ui/core/ListItemSecondaryAction';\nimport Tooltip from '@material-ui/core/Tooltip';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { appThemeApiRef, useApi } from '@backstage/core-plugin-api';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { userSettingsTranslationRef } from '../../translation';\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\n/** @public */\nexport const UserSettingsThemeToggle = () => {\n  const classes = useStyles();\n  const appThemeApi = useApi(appThemeApiRef);\n  const activeThemeId = useObservable(\n    appThemeApi.activeThemeId$(),\n    appThemeApi.getActiveThemeId(),\n  );\n\n  const themeIds = appThemeApi.getInstalledThemes();\n\n  const { t } = useTranslationRef(userSettingsTranslationRef);\n\n  const handleSetTheme = (\n    _event: MouseEvent<HTMLElement>,\n    newThemeId: string | undefined,\n  ) => {\n    if (themeIds.some(it => it.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={t('themeToggle.title')}\n        secondary={t('themeToggle.description')}\n      />\n      <ListItemSecondaryAction className={classes.listItemSecondaryAction}>\n        <ToggleButtonGroup\n          exclusive\n          size=\"small\"\n          value={activeThemeId ?? 'auto'}\n          onChange={handleSetTheme}\n        >\n          {themeIds.map(theme => {\n            const themeId = theme.id;\n            const themeIcon = theme.icon;\n            const themeTitle =\n              theme.title ||\n              (themeId === 'light' || themeId === 'dark'\n                ? t(`themeToggle.names.${themeId}`)\n                : themeId);\n            return (\n              <TooltipToggleButton\n                key={themeId}\n                title={t('themeToggle.select', { theme: themeTitle })}\n                value={themeId}\n              >\n                <>\n                  {themeTitle}&nbsp;\n                  <ThemeIcon\n                    id={themeId}\n                    icon={themeIcon}\n                    activeId={activeThemeId}\n                  />\n                </>\n              </TooltipToggleButton>\n            );\n          })}\n          <Tooltip placement=\"top\" arrow title={t('themeToggle.selectAuto')}>\n            <ToggleButton value=\"auto\" selected={activeThemeId === undefined}>\n              {t('themeToggle.names.auto')}&nbsp;\n              <AutoIcon\n                color={activeThemeId === undefined ? 'primary' : undefined}\n              />\n            </ToggleButton>\n          </Tooltip>\n        </ToggleButtonGroup>\n      </ListItemSecondaryAction>\n    </ListItem>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"UserSettingsThemeToggle.esm.js","sources":["../../../src/components/General/UserSettingsThemeToggle.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 { MouseEvent, cloneElement } from 'react';\nimport useObservable from 'react-use/esm/useObservable';\nimport AutoIcon from '@material-ui/icons/BrightnessAuto';\nimport ToggleButton from '@material-ui/lab/ToggleButton';\nimport ToggleButtonGroup from '@material-ui/lab/ToggleButtonGroup';\nimport ListItem from '@material-ui/core/ListItem';\nimport ListItemText from '@material-ui/core/ListItemText';\nimport ListItemSecondaryAction from '@material-ui/core/ListItemSecondaryAction';\nimport Tooltip from '@material-ui/core/Tooltip';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { appThemeApiRef, useApi } from '@backstage/core-plugin-api';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { userSettingsTranslationRef } from '../../translation';\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\n/** @public */\nexport const UserSettingsThemeToggle = () => {\n  const classes = useStyles();\n  const appThemeApi = useApi(appThemeApiRef);\n  const activeThemeId = useObservable(\n    appThemeApi.activeThemeId$(),\n    appThemeApi.getActiveThemeId(),\n  );\n\n  const themeIds = appThemeApi.getInstalledThemes();\n\n  const { t } = useTranslationRef(userSettingsTranslationRef);\n\n  const handleSetTheme = (\n    _event: MouseEvent<HTMLElement>,\n    newThemeId: string | undefined,\n  ) => {\n    if (themeIds.some(it => it.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={t('themeToggle.title')}\n        secondary={t('themeToggle.description')}\n      />\n      <ListItemSecondaryAction className={classes.listItemSecondaryAction}>\n        <ToggleButtonGroup\n          exclusive\n          size=\"small\"\n          value={activeThemeId ?? 'auto'}\n          onChange={handleSetTheme}\n        >\n          {themeIds.map(theme => {\n            const themeId = theme.id;\n            const themeIcon = theme.icon;\n            const themeTitle =\n              themeId === 'light' || themeId === 'dark'\n                ? t(`themeToggle.names.${themeId}`)\n                : theme.title || themeId;\n\n            return (\n              <TooltipToggleButton\n                key={themeId}\n                title={t('themeToggle.select', { theme: themeTitle })}\n                value={themeId}\n              >\n                <>\n                  {themeTitle}&nbsp;\n                  <ThemeIcon\n                    id={themeId}\n                    icon={themeIcon}\n                    activeId={activeThemeId}\n                  />\n                </>\n              </TooltipToggleButton>\n            );\n          })}\n          <Tooltip placement=\"top\" arrow title={t('themeToggle.selectAuto')}>\n            <ToggleButton value=\"auto\" selected={activeThemeId === undefined}>\n              {t('themeToggle.names.auto')}&nbsp;\n              <AutoIcon\n                color={activeThemeId === undefined ? 'primary' : undefined}\n              />\n            </ToggleButton>\n          </Tooltip>\n        </ToggleButtonGroup>\n      </ListItemSecondaryAction>\n    </ListItem>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/package.json.esm.js

@@ -1,5 +1,5 @@
 var name = "@backstage/plugin-user-settings";
-var version = "0.9.3-next.0";
+var version = "0.9.3";
 var description = "A Backstage plugin that provides a settings page";
 var backstage = {
 	role: "frontend-plugin",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@backstage/plugin-user-settings",
-  "version": "0.9.3-next.0",
+  "version": "0.9.3",
   "description": "A Backstage plugin that provides a settings page",
   "backstage": {
     "role": "frontend-plugin",
@@ -67,18 +67,18 @@
     "test": "backstage-cli package test"
   },
   "dependencies": {
-    "@backstage/catalog-model": "1.8.1-next.0",
-    "@backstage/core-app-api": "1.20.1-next.0",
-    "@backstage/core-components": "0.18.10-next.0",
-    "@backstage/core-plugin-api": "1.12.6-next.0",
-    "@backstage/errors": "1.3.1-next.0",
-    "@backstage/frontend-plugin-api": "0.17.0-next.0",
-    "@backstage/plugin-catalog-react": "2.1.5-next.0",
-    "@backstage/plugin-signals-react": "0.0.22-next.0",
-    "@backstage/plugin-user-settings-common": "0.1.0",
-    "@backstage/theme": "0.7.3",
-    "@backstage/types": "1.2.2",
-    "@backstage/ui": "0.15.0-next.0",
+    "@backstage/catalog-model": "^1.9.0",
+    "@backstage/core-app-api": "^1.20.1",
+    "@backstage/core-components": "^0.18.10",
+    "@backstage/core-plugin-api": "^1.12.6",
+    "@backstage/errors": "^1.3.1",
+    "@backstage/frontend-plugin-api": "^0.17.0",
+    "@backstage/plugin-catalog-react": "^3.0.0",
+    "@backstage/plugin-signals-react": "^0.0.22",
+    "@backstage/plugin-user-settings-common": "^0.1.0",
+    "@backstage/theme": "^0.7.3",
+    "@backstage/types": "^1.2.2",
+    "@backstage/ui": "^0.15.0",
     "@material-ui/core": "^4.12.2",
     "@material-ui/icons": "^4.9.1",
     "@material-ui/lab": "4.0.0-alpha.61",
@@ -87,10 +87,10 @@
     "zen-observable": "^0.10.0"
   },
   "devDependencies": {
-    "@backstage/cli": "0.36.2-next.0",
-    "@backstage/dev-utils": "1.1.23-next.0",
-    "@backstage/plugin-catalog": "2.0.5-next.0",
-    "@backstage/test-utils": "1.7.18-next.0",
+    "@backstage/cli": "^0.36.2",
+    "@backstage/dev-utils": "^1.1.23",
+    "@backstage/plugin-catalog": "^2.0.5",
+    "@backstage/test-utils": "^1.7.18",
     "@testing-library/dom": "^10.0.0",
     "@testing-library/jest-dom": "^6.0.0",
     "@testing-library/react": "^16.0.0",