npm - @backstage/dev-utils - Versions diffs - 1.1.9-next.1 → 1.1.9-next.2 - Mend

@backstage/dev-utils 1.1.9-next.1 → 1.1.9-next.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (13) hide show

package/CHANGELOG.md CHANGED Viewed

@@ -1,5 +1,23 @@
 # @backstage/dev-utils
+## 1.1.9-next.2
+### Patch Changes
+- a47fd39: Removes instances of default React imports, a necessary update for the upcoming React 19 migration.
+  <https://legacy.reactjs.org/blog/2020/09/22/introducing-the-new-jsx-transform.html>
+- Updated dependencies
+  - @backstage/integration-react@1.2.6-next.1
+  - @backstage/core-components@0.17.1-next.1
+  - @backstage/core-plugin-api@1.10.6-next.0
+  - @backstage/app-defaults@1.6.1-next.1
+  - @backstage/core-app-api@1.16.1-next.0
+  - @backstage/plugin-catalog-react@1.17.0-next.2
+  - @backstage/theme@0.6.5-next.0
+  - @backstage/catalog-model@1.7.3
 ## 1.1.9-next.1
 ### Patch Changes

package/dist/components/EntityGridItem/EntityGridItem.esm.js CHANGED Viewed

@@ -1,7 +1,7 @@
+import { jsx } from 'react/jsx-runtime';
 import { EntityProvider } from '@backstage/plugin-catalog-react';
 import Grid from '@material-ui/core/Grid';
 import { makeStyles } from '@material-ui/core/styles';
-import React from 'react';
 const useStyles = makeStyles((theme) => ({
   root: ({ entity }) => ({
@@ -18,7 +18,7 @@ const useStyles = makeStyles((theme) => ({
 const EntityGridItem = (props) => {
   const { entity, classes, ...rest } = props;
   const itemClasses = useStyles({ entity });
-  return /* @__PURE__ */ React.createElement(EntityProvider, { entity }, /* @__PURE__ */ React.createElement(Grid, { classes: { root: itemClasses.root, ...classes }, ...rest, item: true }));
+  return /* @__PURE__ */ jsx(EntityProvider, { entity, children: /* @__PURE__ */ jsx(Grid, { classes: { root: itemClasses.root, ...classes }, ...rest, item: true }) });
 };
 export { EntityGridItem };

package/dist/components/EntityGridItem/EntityGridItem.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"EntityGridItem.esm.js","sources":["../../../src/components/EntityGridItem/EntityGridItem.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 { Entity } from '@backstage/catalog-model';\nimport { EntityProvider } from '@backstage/plugin-catalog-react';\nimport Grid, { GridProps } from '@material-ui/core/Grid';\nimport { Theme, makeStyles } from '@material-ui/core/styles';\~~nimport React from 'react';\~~n\nconst useStyles = makeStyles<Theme, { entity: Entity }>(theme => ({\n root: ({ entity }) => ({\n position: 'relative',\n\n '&::before': {\n content: `\"${entity.metadata.name}\"`,\n top: -theme.typography.fontSize + 4,\n display: 'block',\n position: 'absolute',\n color: theme.palette.textSubtle,\n },\n }),\n}));\n\n/* @public */\nexport const EntityGridItem = (\n props: Omit<GridProps, 'item' \| 'container'> & { entity: Entity },\n): JSX.Element => {\n const { entity, classes, ...rest } = props;\n const itemClasses = useStyles({ entity });\n\n return (\n <EntityProvider entity={entity}>\n <Grid classes={{ root: itemClasses.root, ...classes }} {...rest} item />\n </EntityProvider>\n );\n};\n"],"names":[],"mappings":";;;;;~~AAsBA~~,MAAM,SAAA,GAAY,WAAsC,CAAU,KAAA,MAAA;AAAA,EAChE,IAAM,EAAA,CAAC,EAAE,MAAA,EAAc,MAAA;AAAA,IACrB,QAAU,EAAA,UAAA;AAAA,IAEV,WAAa,EAAA;AAAA,MACX,OAAS,EAAA,CAAA,CAAA,EAAI,MAAO,CAAA,QAAA,CAAS,IAAI,CAAA,CAAA,CAAA;AAAA,MACjC,GAAK,EAAA,CAAC,KAAM,CAAA,UAAA,CAAW,QAAW,GAAA,CAAA;AAAA,MAClC,OAAS,EAAA,OAAA;AAAA,MACT,QAAU,EAAA,UAAA;AAAA,MACV,KAAA,EAAO,MAAM,OAAQ,CAAA;AAAA;AACvB,GACF;AACF,CAAE,CAAA,CAAA;AAGW,MAAA,cAAA,GAAiB,CAC5B,KACgB,KAAA;AAChB,EAAA,MAAM,EAAE,MAAA,EAAQ,OAAS,EAAA,GAAG,MAAS,GAAA,KAAA;AACrC,EAAA,MAAM,WAAc,GAAA,SAAA,CAAU,EAAE,MAAA,EAAQ,CAAA;AAExC,EAAA,~~2CACG~~,cAAe,EAAA,EAAA,MAAA,~~EAAA~~,~~kBACb~~,~~KAAA~~,~~CAAA~~,~~aAAA,~~CAAA,IAAA,EAAA,EAAK,SAAS,EAAE,IAAA,EAAM,WAAY,CAAA,IAAA,EAAM,GAAG,OAAQ,EAAA,EAAI,GAAG,IAAM,EAAA,IAAA,EAAI,MAAC,CACxE,CAAA;AAEJ;;;;"}
1	+ {"version":3,"file":"EntityGridItem.esm.js","sources":["../../../src/components/EntityGridItem/EntityGridItem.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 { Entity } from '@backstage/catalog-model';\nimport { EntityProvider } from '@backstage/plugin-catalog-react';\nimport Grid, { GridProps } from '@material-ui/core/Grid';\nimport { Theme, makeStyles } from '@material-ui/core/styles';\n\nconst useStyles = makeStyles<Theme, { entity: Entity }>(theme => ({\n root: ({ entity }) => ({\n position: 'relative',\n\n '&::before': {\n content: `\"${entity.metadata.name}\"`,\n top: -theme.typography.fontSize + 4,\n display: 'block',\n position: 'absolute',\n color: theme.palette.textSubtle,\n },\n }),\n}));\n\n/* @public */\nexport const EntityGridItem = (\n props: Omit<GridProps, 'item' \| 'container'> & { entity: Entity },\n): JSX.Element => {\n const { entity, classes, ...rest } = props;\n const itemClasses = useStyles({ entity });\n\n return (\n <EntityProvider entity={entity}>\n <Grid classes={{ root: itemClasses.root, ...classes }} {...rest} item />\n </EntityProvider>\n );\n};\n"],"names":[],"mappings":";;;;;AAqBA,MAAM,SAAA,GAAY,WAAsC,CAAU,KAAA,MAAA;AAAA,EAChE,IAAM,EAAA,CAAC,EAAE,MAAA,EAAc,MAAA;AAAA,IACrB,QAAU,EAAA,UAAA;AAAA,IAEV,WAAa,EAAA;AAAA,MACX,OAAS,EAAA,CAAA,CAAA,EAAI,MAAO,CAAA,QAAA,CAAS,IAAI,CAAA,CAAA,CAAA;AAAA,MACjC,GAAK,EAAA,CAAC,KAAM,CAAA,UAAA,CAAW,QAAW,GAAA,CAAA;AAAA,MAClC,OAAS,EAAA,OAAA;AAAA,MACT,QAAU,EAAA,UAAA;AAAA,MACV,KAAA,EAAO,MAAM,OAAQ,CAAA;AAAA;AACvB,GACF;AACF,CAAE,CAAA,CAAA;AAGW,MAAA,cAAA,GAAiB,CAC5B,KACgB,KAAA;AAChB,EAAA,MAAM,EAAE,MAAA,EAAQ,OAAS,EAAA,GAAG,MAAS,GAAA,KAAA;AACrC,EAAA,MAAM,WAAc,GAAA,SAAA,CAAU,EAAE,MAAA,EAAQ,CAAA;AAExC,EAAA,2BACG,cAAe,EAAA,EAAA,MAAA,EACd,QAAC,kBAAA,GAAA,CAAA,IAAA,EAAA,EAAK,SAAS,EAAE,IAAA,EAAM,WAAY,CAAA,IAAA,EAAM,GAAG,OAAQ,EAAA,EAAI,GAAG,IAAM,EAAA,IAAA,EAAI,MAAC,CACxE,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/SidebarLanguageSwitcher/SidebarLanguageSwitcher.esm.js CHANGED Viewed

@@ -1,4 +1,5 @@
-import React, { useState } from 'react';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { useState } from 'react';
 import { appLanguageApiRef } from '@backstage/core-plugin-api/alpha';
 import TranslateIcon from '@material-ui/icons/Translate';
 import ListItemText from '@material-ui/core/ListItemText';
@@ -41,45 +42,50 @@ const SidebarLanguageSwitcher = () => {
       return language;
     }
   };
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
-    SidebarItem,
-    {
-      icon: TranslateIcon,
-      text: "Language",
-      id: "language-button",
-      "aria-haspopup": "listbox",
-      "aria-controls": "language-menu",
-      "aria-label": "switch language",
-      "aria-expanded": open ? "true" : void 0,
-      onClick: handleOpen
-    }
-  ), /* @__PURE__ */ React.createElement(
-    Menu,
-    {
-      id: "language-menu",
-      anchorEl,
-      open,
-      onClose: handleClose,
-      MenuListProps: {
-        "aria-labelledby": "language-button",
-        role: "listbox"
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      SidebarItem,
+      {
+        icon: TranslateIcon,
+        text: "Language",
+        id: "language-button",
+        "aria-haspopup": "listbox",
+        "aria-controls": "language-menu",
+        "aria-label": "switch language",
+        "aria-expanded": open ? "true" : void 0,
+        onClick: handleOpen
       }
-    },
-    /* @__PURE__ */ React.createElement(MenuItem, { disabled: true }, "Choose language"),
-    languages.map((lang) => {
-      const active = currentLanguage === lang;
-      return /* @__PURE__ */ React.createElement(
-        MenuItem,
-        {
-          key: lang,
-          selected: active,
-          "aria-selected": active,
-          onClick: () => handleSetLanguage(lang)
+    ),
+    /* @__PURE__ */ jsxs(
+      Menu,
+      {
+        id: "language-menu",
+        anchorEl,
+        open,
+        onClose: handleClose,
+        MenuListProps: {
+          "aria-labelledby": "language-button",
+          role: "listbox"
         },
-        /* @__PURE__ */ React.createElement(ListItemText, null, getLanguageDisplayName(lang))
-      );
-    })
-  ));
+        children: [
+          /* @__PURE__ */ jsx(MenuItem, { disabled: true, children: "Choose language" }),
+          languages.map((lang) => {
+            const active = currentLanguage === lang;
+            return /* @__PURE__ */ jsx(
+              MenuItem,
+              {
+                selected: active,
+                "aria-selected": active,
+                onClick: () => handleSetLanguage(lang),
+                children: /* @__PURE__ */ jsx(ListItemText, { children: getLanguageDisplayName(lang) })
+              },
+              lang
+            );
+          })
+        ]
+      }
+    )
+  ] });
 };
 export { SidebarLanguageSwitcher };

package/dist/components/SidebarLanguageSwitcher/SidebarLanguageSwitcher.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SidebarLanguageSwitcher.esm.js","sources":["../../../src/components/SidebarLanguageSwitcher/SidebarLanguageSwitcher.tsx"],"sourcesContent":["/\n Copyright 2020 The Backstage Authors\n \n Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n \n http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n /\n\nimport ~~React~~, { useState } from 'react';\nimport { appLanguageApiRef } from '@backstage/core-plugin-api/alpha';\nimport TranslateIcon from '@material-ui/icons/Translate';\nimport ListItemText from '@material-ui/core/ListItemText';\nimport { useApi } from '@backstage/core-plugin-api';\nimport useObservable from 'react-use/esm/useObservable';\nimport { SidebarItem } from '@backstage/core-components';\nimport Menu from '@material-ui/core/Menu';\nimport MenuItem from '@material-ui/core/MenuItem';\n\n/* @public */\nexport const SidebarLanguageSwitcher = () => {\n const languageApi = useApi(appLanguageApiRef);\n\n const [languageObservable] = useState(() => languageApi.language$());\n const { language: currentLanguage } = useObservable(\n languageObservable,\n languageApi.getLanguage(),\n );\n const [anchorEl, setAnchorEl] = useState<Element \| undefined>();\n\n const { languages } = languageApi.getAvailableLanguages();\n\n if (languages.length <= 1) {\n return null;\n }\n\n const open = Boolean(anchorEl);\n\n const handleClose = () => {\n setAnchorEl(undefined);\n };\n\n const handleOpen = (event: ~~React.~~MouseEvent) => {\n setAnchorEl(event.currentTarget);\n };\n\n const handleSetLanguage = (newLanguage: string \| undefined) => {\n languageApi.setLanguage(newLanguage);\n setAnchorEl(undefined);\n };\n\n const getLanguageDisplayName = (language: string) => {\n try {\n const names = new Intl.DisplayNames([language], {\n type: 'language',\n });\n return names.of(language) \|\| language;\n } catch (err) {\n return language;\n }\n };\n\n return (\n <>\n <SidebarItem\n icon={TranslateIcon}\n text=\"Language\"\n id=\"language-button\"\n aria-haspopup=\"listbox\"\n aria-controls=\"language-menu\"\n aria-label=\"switch language\"\n aria-expanded={open ? 'true' : undefined}\n onClick={handleOpen}\n />\n <Menu\n id=\"language-menu\"\n anchorEl={anchorEl}\n open={open}\n onClose={handleClose}\n MenuListProps={{\n 'aria-labelledby': 'language-button',\n role: 'listbox',\n }}\n >\n <MenuItem disabled>Choose language</MenuItem>\n {languages.map(lang => {\n const active = currentLanguage === lang;\n return (\n <MenuItem\n key={lang}\n selected={active}\n aria-selected={active}\n onClick={() => handleSetLanguage(lang)}\n >\n <ListItemText>{getLanguageDisplayName(lang)}</ListItemText>\n </MenuItem>\n );\n })}\n </Menu>\n </>\n );\n};\n"],"names":[],"mappings":"~~;;;;;;;;;;~~AA2BO,MAAM,0BAA0B,MAAM;AAC3C,EAAM,MAAA,WAAA,GAAc,OAAO,iBAAiB,CAAA;AAE5C,EAAA,MAAM,CAAC,kBAAkB,CAAA,GAAI,SAAS,MAAM,WAAA,CAAY,WAAW,CAAA;AACnE,EAAM,MAAA,EAAE,QAAU,EAAA,eAAA,EAAoB,GAAA,aAAA;AAAA,IACpC,kBAAA;AAAA,IACA,YAAY,WAAY;AAAA,GAC1B;AACA,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAI,QAA8B,EAAA;AAE9D,EAAA,MAAM,EAAE,SAAA,EAAc,GAAA,WAAA,CAAY,qBAAsB,EAAA;AAExD,EAAI,IAAA,SAAA,CAAU,UAAU,CAAG,EAAA;AACzB,IAAO,OAAA,IAAA;AAAA;AAGT,EAAM,MAAA,IAAA,GAAO,QAAQ,QAAQ,CAAA;AAE7B,EAAA,MAAM,cAAc,MAAM;AACxB,IAAA,WAAA,CAAY,KAAS,CAAA,CAAA;AAAA,GACvB;AAEA,EAAM,MAAA,UAAA,GAAa,CAAC,~~KAA4B~~,KAAA;~~AAC9C~~,IAAA,WAAA,CAAY,MAAM,aAAa,CAAA;AAAA,GACjC;AAEA,EAAM,MAAA,iBAAA,GAAoB,CAAC,WAAoC,KAAA;AAC7D,IAAA,WAAA,CAAY,YAAY,WAAW,CAAA;AACnC,IAAA,WAAA,CAAY,KAAS,CAAA,CAAA;AAAA,GACvB;AAEA,EAAM,MAAA,sBAAA,GAAyB,CAAC,QAAqB,KAAA;AACnD,IAAI,IAAA;AACF,MAAA,MAAM,QAAQ,IAAI,IAAA,CAAK,YAAa,CAAA,CAAC,QAAQ,CAAG,EAAA;AAAA,QAC9C,IAAM,EAAA;AAAA,OACP,CAAA;AACD,MAAO,OAAA,KAAA,CAAM,EAAG,CAAA,QAAQ,CAAK,IAAA,QAAA;AAAA,aACtB,GAAK,EAAA;AACZ,MAAO,OAAA,QAAA;AAAA;AACT,GACF;AAEA,EAAA,uBAEI,~~KAAA~~,CAAA,~~aAAA~~,~~CAAA~~,~~KAAA~~,~~CAAA,~~QAAA,EAAA,~~IAAA~~,~~kBAAA,KAAA,CAAA,aAAA~~;AAAA,~~IAAC~~,WAAA;AAAA,~~IAAA~~;AAAA,~~MACC~~,IAAM,EAAA,aAAA;AAAA,~~MACN~~,IAAK,EAAA,UAAA;AAAA,~~MACL~~,EAAG,EAAA,iBAAA;AAAA,~~MACH~~,eAAc,EAAA,SAAA;AAAA,~~MACd~~,eAAc,EAAA,eAAA;AAAA,~~MACd~~,YAAW,EAAA,iBAAA;AAAA,~~MACX~~,eAAA,EAAe,OAAO,MAAS,GAAA,KAAA,CAAA;AAAA,~~MAC~~/B,OAAS,EAAA;AAAA;AAAA,~~GAEX~~,~~kBAAA~~,~~KAAA,CAAA,aAAA~~;AAAA,~~IAAC~~,IAAA;AAAA,~~IAAA~~;AAAA,~~MACC~~,EAAG,EAAA,eAAA;AAAA,~~MACH~~,QAAA;AAAA,~~MACA~~,IAAA;AAAA,~~MACA~~,OAAS,EAAA,WAAA;AAAA,~~MACT~~,aAAe,EAAA;AAAA,~~QACb~~,iBAAmB,EAAA,iBAAA;AAAA,~~QACnB~~,IAAM,EAAA;AAAA~~;AACR~~,~~KAAA~~;AAAA,~~oBAEC~~,~~KAAA~~,~~CAAA~~,~~aAAA~~,CAAA,QAAA,EAAA,EAAS,QAAQ,EAAA,IAAA,EAAA,~~EAAC~~,~~iBAAe~~,CAAA;AAAA,~~IACjC~~,SAAA,CAAU,IAAI,CAAQ,IAAA,KAAA;AACrB,~~MAAA~~,MAAM,SAAS,eAAoB,KAAA,IAAA;AACnC,~~MACE~~,uBAAA,~~KAAA,CAAA,aAAA~~;AAAA,~~QAAC~~,QAAA;AAAA,~~QAAA~~;AAAA,~~UACC~~,~~GAAK,EAAA,IAAA;AAAA,UACL,~~QAAU,EAAA,MAAA;AAAA,~~UACV~~,eAAe,EAAA,MAAA;AAAA,~~UACf~~,OAAA,EAAS,MAAM,iBAAA,CAAkB,IAAI~~;AAAA~~,~~SAAA~~;AAAA,~~wBAEpC~~,~~KAAA~~,~~CAAA~~,~~aAAA~~,CAAA,YAAA,EAAA,~~IAAA,~~EAAc,~~sBAAuB~~,CAAA,IAAI,CAAE;AAAA,~~OAC9C~~;AAAA,~~KAEH~~;AAAA,~~GAEL~~,CAAA;AAEJ;;;;"}
1	+ {"version":3,"file":"SidebarLanguageSwitcher.esm.js","sources":["../../../src/components/SidebarLanguageSwitcher/SidebarLanguageSwitcher.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, useState } from 'react';\nimport { appLanguageApiRef } from '@backstage/core-plugin-api/alpha';\nimport TranslateIcon from '@material-ui/icons/Translate';\nimport ListItemText from '@material-ui/core/ListItemText';\nimport { useApi } from '@backstage/core-plugin-api';\nimport useObservable from 'react-use/esm/useObservable';\nimport { SidebarItem } from '@backstage/core-components';\nimport Menu from '@material-ui/core/Menu';\nimport MenuItem from '@material-ui/core/MenuItem';\n\n/* @public */\nexport const SidebarLanguageSwitcher = () => {\n const languageApi = useApi(appLanguageApiRef);\n\n const [languageObservable] = useState(() => languageApi.language$());\n const { language: currentLanguage } = useObservable(\n languageObservable,\n languageApi.getLanguage(),\n );\n const [anchorEl, setAnchorEl] = useState<Element \| undefined>();\n\n const { languages } = languageApi.getAvailableLanguages();\n\n if (languages.length <= 1) {\n return null;\n }\n\n const open = Boolean(anchorEl);\n\n const handleClose = () => {\n setAnchorEl(undefined);\n };\n\n const handleOpen = (event: MouseEvent) => {\n setAnchorEl(event.currentTarget);\n };\n\n const handleSetLanguage = (newLanguage: string \| undefined) => {\n languageApi.setLanguage(newLanguage);\n setAnchorEl(undefined);\n };\n\n const getLanguageDisplayName = (language: string) => {\n try {\n const names = new Intl.DisplayNames([language], {\n type: 'language',\n });\n return names.of(language) \|\| language;\n } catch (err) {\n return language;\n }\n };\n\n return (\n <>\n <SidebarItem\n icon={TranslateIcon}\n text=\"Language\"\n id=\"language-button\"\n aria-haspopup=\"listbox\"\n aria-controls=\"language-menu\"\n aria-label=\"switch language\"\n aria-expanded={open ? 'true' : undefined}\n onClick={handleOpen}\n />\n <Menu\n id=\"language-menu\"\n anchorEl={anchorEl}\n open={open}\n onClose={handleClose}\n MenuListProps={{\n 'aria-labelledby': 'language-button',\n role: 'listbox',\n }}\n >\n <MenuItem disabled>Choose language</MenuItem>\n {languages.map(lang => {\n const active = currentLanguage === lang;\n return (\n <MenuItem\n key={lang}\n selected={active}\n aria-selected={active}\n onClick={() => handleSetLanguage(lang)}\n >\n <ListItemText>{getLanguageDisplayName(lang)}</ListItemText>\n </MenuItem>\n );\n })}\n </Menu>\n </>\n );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/SidebarSignOutButton/SidebarSignOutButton.esm.js CHANGED Viewed

@@ -1,11 +1,11 @@
-import React from 'react';
+import { jsx } from 'react/jsx-runtime';
 import { SidebarItem } from '@backstage/core-components';
 import LockIcon from '@material-ui/icons/Lock';
 import { useApi, identityApiRef } from '@backstage/core-plugin-api';
 const SidebarSignOutButton = (props) => {
   const identityApi = useApi(identityApiRef);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     SidebarItem,
     {
       onClick: () => identityApi.signOut(),

package/dist/components/SidebarSignOutButton/SidebarSignOutButton.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SidebarSignOutButton.esm.js","sources":["../../../src/components/SidebarSignOutButton/SidebarSignOutButton.tsx"],"sourcesContent":["/\n Copyright 2024 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~~ { SidebarItem } from '@backstage/core-components';\nimport LockIcon from '@material-ui/icons/Lock';\nimport {\n IconComponent,\n identityApiRef,\n useApi,\n} from '@backstage/core-plugin-api';\n\n/\n Button for sidebar that signs out user\n \n @public\n */\nexport const SidebarSignOutButton = (props: {\n icon?: IconComponent;\n text?: string;\n}) => {\n const identityApi = useApi(identityApiRef);\n\n return (\n <SidebarItem\n onClick={() => identityApi.signOut()}\n icon={props.icon ?? LockIcon}\n text={props.text ?? 'Sign Out'}\n />\n );\n};\n"],"names":[],"mappings":";;;;;~~AA8Ba~~,MAAA,oBAAA,GAAuB,CAAC,KAG/B,KAAA;AACJ,EAAM,MAAA,WAAA,GAAc,OAAO,cAAc,CAAA;AAEzC,EACE,uBAAA,~~KAAA,CAAA,aAAA~~;AAAA,IAAC,WAAA;AAAA,IAAA;AAAA,MACC,OAAA,EAAS,MAAM,WAAA,CAAY,OAAQ,EAAA;AAAA,MACnC,IAAA,EAAM,MAAM,IAAQ,IAAA,QAAA;AAAA,MACpB,IAAA,EAAM,MAAM,IAAQ,IAAA;AAAA;AAAA,GACtB;AAEJ;;;;"}
1	+ {"version":3,"file":"SidebarSignOutButton.esm.js","sources":["../../../src/components/SidebarSignOutButton/SidebarSignOutButton.tsx"],"sourcesContent":["/\n Copyright 2024 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 { SidebarItem } from '@backstage/core-components';\nimport LockIcon from '@material-ui/icons/Lock';\nimport {\n IconComponent,\n identityApiRef,\n useApi,\n} from '@backstage/core-plugin-api';\n\n/\n Button for sidebar that signs out user\n \n @public\n */\nexport const SidebarSignOutButton = (props: {\n icon?: IconComponent;\n text?: string;\n}) => {\n const identityApi = useApi(identityApiRef);\n\n return (\n <SidebarItem\n onClick={() => identityApi.signOut()}\n icon={props.icon ?? LockIcon}\n text={props.text ?? 'Sign Out'}\n />\n );\n};\n"],"names":[],"mappings":";;;;;AA6Ba,MAAA,oBAAA,GAAuB,CAAC,KAG/B,KAAA;AACJ,EAAM,MAAA,WAAA,GAAc,OAAO,cAAc,CAAA;AAEzC,EACE,uBAAA,GAAA;AAAA,IAAC,WAAA;AAAA,IAAA;AAAA,MACC,OAAA,EAAS,MAAM,WAAA,CAAY,OAAQ,EAAA;AAAA,MACnC,IAAA,EAAM,MAAM,IAAQ,IAAA,QAAA;AAAA,MACpB,IAAA,EAAM,MAAM,IAAQ,IAAA;AAAA;AAAA,GACtB;AAEJ;;;;"}

package/dist/devApp/SidebarThemeSwitcher.esm.js CHANGED Viewed

@@ -1,3 +1,4 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { SidebarItem } from '@backstage/core-components';
 import { useApi, appThemeApiRef } from '@backstage/core-plugin-api';
 import ListItemIcon from '@material-ui/core/ListItemIcon';
@@ -5,12 +6,12 @@ import ListItemText from '@material-ui/core/ListItemText';
 import Menu from '@material-ui/core/Menu';
 import MenuItem from '@material-ui/core/MenuItem';
 import AutoIcon from '@material-ui/icons/BrightnessAuto';
-import React, { useState, useCallback, cloneElement } from 'react';
+import { useState, useCallback, cloneElement } from 'react';
 import useObservable from 'react-use/esm/useObservable';
 const ThemeIcon = ({ active, icon }) => icon ? cloneElement(icon, {
   color: active ? "primary" : void 0
-}) : /* @__PURE__ */ React.createElement(AutoIcon, { color: active ? "primary" : void 0 });
+}) : /* @__PURE__ */ jsx(AutoIcon, { color: active ? "primary" : void 0 });
 const SidebarThemeSwitcher = () => {
   const appThemeApi = useApi(appThemeApiRef);
   const themeId = useObservable(
@@ -36,58 +37,67 @@ const SidebarThemeSwitcher = () => {
     setAnchorEl(void 0);
   };
   const ActiveIcon = useCallback(
-    () => /* @__PURE__ */ React.createElement(ThemeIcon, { icon: activeTheme?.icon }),
+    () => /* @__PURE__ */ jsx(ThemeIcon, { icon: activeTheme?.icon }),
     [activeTheme]
   );
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
-    SidebarItem,
-    {
-      icon: ActiveIcon,
-      text: "Switch Theme",
-      id: "theme-button",
-      "aria-haspopup": "listbox",
-      "aria-controls": "theme-menu",
-      "aria-label": "switch theme",
-      "aria-expanded": open ? "true" : void 0,
-      onClick: handleOpen
-    }
-  ), /* @__PURE__ */ React.createElement(
-    Menu,
-    {
-      id: "theme-menu",
-      anchorEl,
-      open,
-      onClose: handleClose,
-      MenuListProps: {
-        "aria-labelledby": "theme-button",
-        role: "listbox"
-      }
-    },
-    /* @__PURE__ */ React.createElement(MenuItem, { disabled: true }, "Choose a theme"),
-    /* @__PURE__ */ React.createElement(
-      MenuItem,
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      SidebarItem,
       {
-        selected: themeId === void 0,
-        onClick: () => handleSelectTheme(void 0)
-      },
-      /* @__PURE__ */ React.createElement(ListItemIcon, null, /* @__PURE__ */ React.createElement(ThemeIcon, { icon: void 0, active: themeId === void 0 })),
-      /* @__PURE__ */ React.createElement(ListItemText, null, "Auto")
+        icon: ActiveIcon,
+        text: "Switch Theme",
+        id: "theme-button",
+        "aria-haspopup": "listbox",
+        "aria-controls": "theme-menu",
+        "aria-label": "switch theme",
+        "aria-expanded": open ? "true" : void 0,
+        onClick: handleOpen
+      }
     ),
-    themeIds.map((theme) => {
-      const active = theme.id === themeId;
-      return /* @__PURE__ */ React.createElement(
-        MenuItem,
-        {
-          key: theme.id,
-          selected: active,
-          "aria-selected": active,
-          onClick: () => handleSelectTheme(theme.id)
+    /* @__PURE__ */ jsxs(
+      Menu,
+      {
+        id: "theme-menu",
+        anchorEl,
+        open,
+        onClose: handleClose,
+        MenuListProps: {
+          "aria-labelledby": "theme-button",
+          role: "listbox"
         },
-        /* @__PURE__ */ React.createElement(ListItemIcon, null, /* @__PURE__ */ React.createElement(ThemeIcon, { icon: theme.icon, active })),
-        /* @__PURE__ */ React.createElement(ListItemText, null, theme.title)
-      );
-    })
-  ));
+        children: [
+          /* @__PURE__ */ jsx(MenuItem, { disabled: true, children: "Choose a theme" }),
+          /* @__PURE__ */ jsxs(
+            MenuItem,
+            {
+              selected: themeId === void 0,
+              onClick: () => handleSelectTheme(void 0),
+              children: [
+                /* @__PURE__ */ jsx(ListItemIcon, { children: /* @__PURE__ */ jsx(ThemeIcon, { icon: void 0, active: themeId === void 0 }) }),
+                /* @__PURE__ */ jsx(ListItemText, { children: "Auto" })
+              ]
+            }
+          ),
+          themeIds.map((theme) => {
+            const active = theme.id === themeId;
+            return /* @__PURE__ */ jsxs(
+              MenuItem,
+              {
+                selected: active,
+                "aria-selected": active,
+                onClick: () => handleSelectTheme(theme.id),
+                children: [
+                  /* @__PURE__ */ jsx(ListItemIcon, { children: /* @__PURE__ */ jsx(ThemeIcon, { icon: theme.icon, active }) }),
+                  /* @__PURE__ */ jsx(ListItemText, { children: theme.title })
+                ]
+              },
+              theme.id
+            );
+          })
+        ]
+      }
+    )
+  ] });
 };
 export { SidebarThemeSwitcher };

package/dist/devApp/SidebarThemeSwitcher.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SidebarThemeSwitcher.esm.js","sources":["../../src/devApp/SidebarThemeSwitcher.tsx"],"sourcesContent":["/\n Copyright 2021 The Backstage Authors\n \n Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n \n http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { SidebarItem } from '@backstage/core-components';\nimport { appThemeApiRef, useApi } from '@backstage/core-plugin-api';\nimport ListItemIcon from '@material-ui/core/ListItemIcon';\nimport ListItemText from '@material-ui/core/ListItemText';\nimport Menu from '@material-ui/core/Menu';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport AutoIcon from '@material-ui/icons/BrightnessAuto';\nimport ~~React~~, { cloneElement, useCallback, useState } from 'react';\nimport useObservable from 'react-use/esm/useObservable';\n\ntype ThemeIconProps = {\n active?: boolean;\n icon: JSX.Element \| undefined;\n};\n\nconst ThemeIcon = ({ active, icon }: ThemeIconProps) =>\n icon ? (\n cloneElement(icon, {\n color: active ? 'primary' : undefined,\n })\n ) : (\n <AutoIcon color={active ? 'primary' : undefined} />\n );\n\nexport const SidebarThemeSwitcher = () => {\n const appThemeApi = useApi(appThemeApiRef);\n const themeId = useObservable(\n appThemeApi.activeThemeId$(),\n appThemeApi.getActiveThemeId(),\n );\n const themeIds = appThemeApi.getInstalledThemes();\n const activeTheme = themeIds.find(t => t.id === themeId);\n\n const [anchorEl, setAnchorEl] = useState<Element \| undefined>();\n const open = Boolean(anchorEl);\n\n const handleOpen = (event: ~~React.~~MouseEvent) => {\n setAnchorEl(event.currentTarget);\n };\n\n const handleSelectTheme = (newThemeId: string \| undefined) => {\n if (themeIds.some(t => t.id === newThemeId)) {\n appThemeApi.setActiveThemeId(newThemeId);\n } else {\n appThemeApi.setActiveThemeId(undefined);\n }\n\n setAnchorEl(undefined);\n };\n\n const handleClose = () => {\n setAnchorEl(undefined);\n };\n\n const ActiveIcon = useCallback(\n () => <ThemeIcon icon={activeTheme?.icon} />,\n [activeTheme],\n );\n\n return (\n <>\n <SidebarItem\n icon={ActiveIcon}\n text=\"Switch Theme\"\n id=\"theme-button\"\n aria-haspopup=\"listbox\"\n aria-controls=\"theme-menu\"\n aria-label=\"switch theme\"\n aria-expanded={open ? 'true' : undefined}\n onClick={handleOpen}\n />\n\n <Menu\n id=\"theme-menu\"\n anchorEl={anchorEl}\n open={open}\n onClose={handleClose}\n MenuListProps={{\n 'aria-labelledby': 'theme-button',\n role: 'listbox',\n }}\n >\n <MenuItem disabled>Choose a theme</MenuItem>\n <MenuItem\n selected={themeId === undefined}\n onClick={() => handleSelectTheme(undefined)}\n >\n <ListItemIcon>\n <ThemeIcon icon={undefined} active={themeId === undefined} />\n </ListItemIcon>\n <ListItemText>Auto</ListItemText>\n </MenuItem>\n\n {themeIds.map(theme => {\n const active = theme.id === themeId;\n return (\n <MenuItem\n key={theme.id}\n selected={active}\n aria-selected={active}\n onClick={() => handleSelectTheme(theme.id)}\n >\n <ListItemIcon>\n <ThemeIcon icon={theme.icon} active={active} />\n </ListItemIcon>\n <ListItemText>{theme.title}</ListItemText>\n </MenuItem>\n );\n })}\n </Menu>\n </>\n );\n};\n"],"names":[],"mappings":"~~;;;;;;;;;;~~AA8BA,MAAM,SAAA,GAAY,CAAC,EAAE,MAAA,EAAQ,MAC3B,KAAA,IAAA,GACE,aAAa,IAAM,EAAA;AAAA,EACjB,KAAA,EAAO,SAAS,SAAY,GAAA,KAAA;AAC9B,CAAC,oBAEA,~~KAAA~~,CAAA,~~aAAA,CAAA,~~QAAA,EAAA,EAAS,KAAO,EAAA,MAAA,GAAS,YAAY,KAAW,CAAA,EAAA,CAAA;AAG9C,MAAM,uBAAuB,MAAM;AACxC,EAAM,MAAA,WAAA,GAAc,OAAO,cAAc,CAAA;AACzC,EAAA,MAAM,OAAU,GAAA,aAAA;AAAA,IACd,YAAY,cAAe,EAAA;AAAA,IAC3B,YAAY,gBAAiB;AAAA,GAC/B;AACA,EAAM,MAAA,QAAA,GAAW,YAAY,kBAAmB,EAAA;AAChD,EAAA,MAAM,cAAc,QAAS,CAAA,IAAA,CAAK,CAAK,CAAA,KAAA,CAAA,CAAE,OAAO,OAAO,CAAA;AAEvD,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAI,QAA8B,EAAA;AAC9D,EAAM,MAAA,IAAA,GAAO,QAAQ,QAAQ,CAAA;AAE7B,EAAM,MAAA,UAAA,GAAa,CAAC,~~KAA4B~~,KAAA;~~AAC9C~~,IAAA,WAAA,CAAY,MAAM,aAAa,CAAA;AAAA,GACjC;AAEA,EAAM,MAAA,iBAAA,GAAoB,CAAC,UAAmC,KAAA;AAC5D,IAAA,IAAI,SAAS,IAAK,CAAA,CAAA,CAAA,KAAK,CAAE,CAAA,EAAA,KAAO,UAAU,CAAG,EAAA;AAC3C,MAAA,WAAA,CAAY,iBAAiB,UAAU,CAAA;AAAA,KAClC,MAAA;AACL,MAAA,WAAA,CAAY,iBAAiB,KAAS,CAAA,CAAA;AAAA;AAGxC,IAAA,WAAA,CAAY,KAAS,CAAA,CAAA;AAAA,GACvB;AAEA,EAAA,MAAM,cAAc,MAAM;AACxB,IAAA,WAAA,CAAY,KAAS,CAAA,CAAA;AAAA,GACvB;AAEA,EAAA,MAAM,UAAa,GAAA,WAAA;AAAA,IACjB,sBAAM,~~KAAA~~,~~CAAA,aAAA,~~CAAC,SAAU,EAAA,EAAA,IAAA,EAAM,aAAa,IAAM,EAAA,CAAA;AAAA,IAC1C,CAAC,WAAW;AAAA,GACd;AAEA,EAAA,uBAEI,~~KAAA~~,CAAA,~~aAAA~~,~~CAAA~~,~~KAAA~~,~~CAAA,~~QAAA,EAAA,~~IAAA~~,~~kBAAA,KAAA,CAAA,aAAA~~;AAAA,~~IAAC~~,WAAA;AAAA,~~IAAA~~;AAAA,~~MACC~~,IAAM,EAAA,UAAA;AAAA,~~MACN~~,IAAK,EAAA,cAAA;AAAA,~~MACL~~,EAAG,EAAA,cAAA;AAAA,~~MACH~~,eAAc,EAAA,SAAA;AAAA,~~MACd~~,eAAc,EAAA,YAAA;AAAA,~~MACd~~,YAAW,EAAA,cAAA;AAAA,~~MACX~~,eAAA,EAAe,OAAO,MAAS,GAAA,KAAA,CAAA;AAAA,~~MAC~~/B,OAAS,EAAA;AAAA;AAAA,~~GAGX~~,~~kBAAA~~,~~KAAA,CAAA,aAAA~~;AAAA,~~IAAC~~,IAAA;AAAA,~~IAAA~~;AAAA,~~MACC~~,EAAG,EAAA,YAAA;AAAA,~~MACH~~,QAAA;AAAA,~~MACA~~,IAAA;AAAA,~~MACA~~,OAAS,EAAA,WAAA;AAAA,~~MACT~~,aAAe,EAAA;AAAA,~~QACb~~,iBAAmB,EAAA,cAAA;AAAA,~~QACnB~~,IAAM,EAAA;AAAA~~;AACR~~,~~KAAA~~;AAAA,~~oBAEC~~,~~KAAA~~,~~CAAA~~,~~aAAA~~,CAAA,QAAA,EAAA,EAAS,QAAQ,EAAA,IAAA,EAAA,~~EAAC~~,~~gBAAc~~,CAAA;AAAA,~~oBACjC~~,~~KAAA,CAAA,aAAA~~;AAAA,~~MAAC~~,QAAA;AAAA,~~MAAA~~;AAAA,~~QACC~~,UAAU,OAAY,KAAA,KAAA,CAAA;AAAA,~~QACtB~~,OAAA,EAAS,MAAM,iBAAA,CAAkB,KAAS,CAAA;AAAA,~~OAAA~~;AAAA,~~sBAE1C~~,~~KAAA~~,CAAA,~~aAAA~~,~~CAAC~~,~~oCACE~~,~~KAAA~~,~~CAAA~~,~~aAAA~~,~~CAAA,SAAA,~~EAAA,~~EAAU~~,~~MAAM~~,~~KAAW~~,~~CAAA~~,EAAA,~~MAAA~~,~~EAAQ~~,~~OAAY~~,~~KAAA~~,~~KAAA~~,CAAA~~,EAAW,CAC7D,CAAA~~;AAAA,~~sBACA~~,~~KAAA~~,~~CAAA~~,~~aAAA~~,~~CAAC~~,~~oBAAa~~,~~MAAI~~;AAAA,~~KACpB~~;AAAA,~~IAEC~~,QAAA,CAAS,IAAI,CAAS,KAAA,KAAA;AACrB,~~MAAM~~,MAAA,MAAA,GAAS,MAAM,EAAO,KAAA,OAAA;AAC5B,~~MACE~~,uBAAA,~~KAAA,CAAA,aAAA~~;AAAA,~~QAAC~~,QAAA;AAAA,~~QAAA~~;AAAA,~~UACC~~,~~KAAK,KAAM,CAAA,EAAA;AAAA,UACX,~~QAAU,EAAA,MAAA;AAAA,~~UACV~~,eAAe,EAAA,MAAA;AAAA,~~UACf~~,OAAS,EAAA,MAAM,iBAAkB,CAAA,KAAA,CAAM,EAAE;AAAA,~~SAAA~~;AAAA,~~wBAEzC~~,~~KAAA~~,~~CAAA,aAAA,~~CAAC,~~oCACE~~,~~KAAA~~,~~CAAA~~,~~aAAA~~,CAAA,SAAA,EAAA,EAAU,MAAM,KAAM,CAAA,IAAA,EAAM,QAAgB,CAC/C,CAAA;AAAA,~~wBACA~~,~~KAAA~~,~~CAAA,aAAA,~~CAAC,YAAc,EAAA,~~IAAA~~,EAAA,KAAA,CAAM,KAAM;AAAA,~~OAC7B~~;AAAA,~~KAEH~~;AAAA,~~GAEL~~,CAAA;AAEJ;;;;"}
1	+ {"version":3,"file":"SidebarThemeSwitcher.esm.js","sources":["../../src/devApp/SidebarThemeSwitcher.tsx"],"sourcesContent":["/\n Copyright 2021 The Backstage Authors\n \n Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n \n http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { SidebarItem } from '@backstage/core-components';\nimport { appThemeApiRef, useApi } from '@backstage/core-plugin-api';\nimport ListItemIcon from '@material-ui/core/ListItemIcon';\nimport ListItemText from '@material-ui/core/ListItemText';\nimport Menu from '@material-ui/core/Menu';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport AutoIcon from '@material-ui/icons/BrightnessAuto';\nimport { MouseEvent, cloneElement, useCallback, useState } from 'react';\nimport useObservable from 'react-use/esm/useObservable';\n\ntype ThemeIconProps = {\n active?: boolean;\n icon: JSX.Element \| undefined;\n};\n\nconst ThemeIcon = ({ active, icon }: ThemeIconProps) =>\n icon ? (\n cloneElement(icon, {\n color: active ? 'primary' : undefined,\n })\n ) : (\n <AutoIcon color={active ? 'primary' : undefined} />\n );\n\nexport const SidebarThemeSwitcher = () => {\n const appThemeApi = useApi(appThemeApiRef);\n const themeId = useObservable(\n appThemeApi.activeThemeId$(),\n appThemeApi.getActiveThemeId(),\n );\n const themeIds = appThemeApi.getInstalledThemes();\n const activeTheme = themeIds.find(t => t.id === themeId);\n\n const [anchorEl, setAnchorEl] = useState<Element \| undefined>();\n const open = Boolean(anchorEl);\n\n const handleOpen = (event: MouseEvent) => {\n setAnchorEl(event.currentTarget);\n };\n\n const handleSelectTheme = (newThemeId: string \| undefined) => {\n if (themeIds.some(t => t.id === newThemeId)) {\n appThemeApi.setActiveThemeId(newThemeId);\n } else {\n appThemeApi.setActiveThemeId(undefined);\n }\n\n setAnchorEl(undefined);\n };\n\n const handleClose = () => {\n setAnchorEl(undefined);\n };\n\n const ActiveIcon = useCallback(\n () => <ThemeIcon icon={activeTheme?.icon} />,\n [activeTheme],\n );\n\n return (\n <>\n <SidebarItem\n icon={ActiveIcon}\n text=\"Switch Theme\"\n id=\"theme-button\"\n aria-haspopup=\"listbox\"\n aria-controls=\"theme-menu\"\n aria-label=\"switch theme\"\n aria-expanded={open ? 'true' : undefined}\n onClick={handleOpen}\n />\n\n <Menu\n id=\"theme-menu\"\n anchorEl={anchorEl}\n open={open}\n onClose={handleClose}\n MenuListProps={{\n 'aria-labelledby': 'theme-button',\n role: 'listbox',\n }}\n >\n <MenuItem disabled>Choose a theme</MenuItem>\n <MenuItem\n selected={themeId === undefined}\n onClick={() => handleSelectTheme(undefined)}\n >\n <ListItemIcon>\n <ThemeIcon icon={undefined} active={themeId === undefined} />\n </ListItemIcon>\n <ListItemText>Auto</ListItemText>\n </MenuItem>\n\n {themeIds.map(theme => {\n const active = theme.id === themeId;\n return (\n <MenuItem\n key={theme.id}\n selected={active}\n aria-selected={active}\n onClick={() => handleSelectTheme(theme.id)}\n >\n <ListItemIcon>\n <ThemeIcon icon={theme.icon} active={active} />\n </ListItemIcon>\n <ListItemText>{theme.title}</ListItemText>\n </MenuItem>\n );\n })}\n </Menu>\n </>\n );\n};\n"],"names":[],"mappings":";;;;;;;;;;;AA8BA,MAAM,SAAA,GAAY,CAAC,EAAE,MAAA,EAAQ,MAC3B,KAAA,IAAA,GACE,aAAa,IAAM,EAAA;AAAA,EACjB,KAAA,EAAO,SAAS,SAAY,GAAA,KAAA;AAC9B,CAAC,oBAEA,GAAA,CAAA,QAAA,EAAA,EAAS,KAAO,EAAA,MAAA,GAAS,YAAY,KAAW,CAAA,EAAA,CAAA;AAG9C,MAAM,uBAAuB,MAAM;AACxC,EAAM,MAAA,WAAA,GAAc,OAAO,cAAc,CAAA;AACzC,EAAA,MAAM,OAAU,GAAA,aAAA;AAAA,IACd,YAAY,cAAe,EAAA;AAAA,IAC3B,YAAY,gBAAiB;AAAA,GAC/B;AACA,EAAM,MAAA,QAAA,GAAW,YAAY,kBAAmB,EAAA;AAChD,EAAA,MAAM,cAAc,QAAS,CAAA,IAAA,CAAK,CAAK,CAAA,KAAA,CAAA,CAAE,OAAO,OAAO,CAAA;AAEvD,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAI,QAA8B,EAAA;AAC9D,EAAM,MAAA,IAAA,GAAO,QAAQ,QAAQ,CAAA;AAE7B,EAAM,MAAA,UAAA,GAAa,CAAC,KAAsB,KAAA;AACxC,IAAA,WAAA,CAAY,MAAM,aAAa,CAAA;AAAA,GACjC;AAEA,EAAM,MAAA,iBAAA,GAAoB,CAAC,UAAmC,KAAA;AAC5D,IAAA,IAAI,SAAS,IAAK,CAAA,CAAA,CAAA,KAAK,CAAE,CAAA,EAAA,KAAO,UAAU,CAAG,EAAA;AAC3C,MAAA,WAAA,CAAY,iBAAiB,UAAU,CAAA;AAAA,KAClC,MAAA;AACL,MAAA,WAAA,CAAY,iBAAiB,KAAS,CAAA,CAAA;AAAA;AAGxC,IAAA,WAAA,CAAY,KAAS,CAAA,CAAA;AAAA,GACvB;AAEA,EAAA,MAAM,cAAc,MAAM;AACxB,IAAA,WAAA,CAAY,KAAS,CAAA,CAAA;AAAA,GACvB;AAEA,EAAA,MAAM,UAAa,GAAA,WAAA;AAAA,IACjB,sBAAM,GAAA,CAAC,SAAU,EAAA,EAAA,IAAA,EAAM,aAAa,IAAM,EAAA,CAAA;AAAA,IAC1C,CAAC,WAAW;AAAA,GACd;AAEA,EAAA,uBAEI,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,WAAA;AAAA,MAAA;AAAA,QACC,IAAM,EAAA,UAAA;AAAA,QACN,IAAK,EAAA,cAAA;AAAA,QACL,EAAG,EAAA,cAAA;AAAA,QACH,eAAc,EAAA,SAAA;AAAA,QACd,eAAc,EAAA,YAAA;AAAA,QACd,YAAW,EAAA,cAAA;AAAA,QACX,eAAA,EAAe,OAAO,MAAS,GAAA,KAAA,CAAA;AAAA,QAC/B,OAAS,EAAA;AAAA;AAAA,KACX;AAAA,oBAEA,IAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,EAAG,EAAA,YAAA;AAAA,QACH,QAAA;AAAA,QACA,IAAA;AAAA,QACA,OAAS,EAAA,WAAA;AAAA,QACT,aAAe,EAAA;AAAA,UACb,iBAAmB,EAAA,cAAA;AAAA,UACnB,IAAM,EAAA;AAAA,SACR;AAAA,QAEA,QAAA,EAAA;AAAA,0BAAC,GAAA,CAAA,QAAA,EAAA,EAAS,QAAQ,EAAA,IAAA,EAAC,QAAc,EAAA,gBAAA,EAAA,CAAA;AAAA,0BACjC,IAAA;AAAA,YAAC,QAAA;AAAA,YAAA;AAAA,cACC,UAAU,OAAY,KAAA,KAAA,CAAA;AAAA,cACtB,OAAA,EAAS,MAAM,iBAAA,CAAkB,KAAS,CAAA,CAAA;AAAA,cAE1C,QAAA,EAAA;AAAA,gCAAC,GAAA,CAAA,YAAA,EAAA,EACC,8BAAC,SAAU,EAAA,EAAA,IAAA,EAAM,QAAW,MAAQ,EAAA,OAAA,KAAY,QAAW,CAC7D,EAAA,CAAA;AAAA,gCACA,GAAA,CAAC,gBAAa,QAAI,EAAA,MAAA,EAAA;AAAA;AAAA;AAAA,WACpB;AAAA,UAEC,QAAA,CAAS,IAAI,CAAS,KAAA,KAAA;AACrB,YAAM,MAAA,MAAA,GAAS,MAAM,EAAO,KAAA,OAAA;AAC5B,YACE,uBAAA,IAAA;AAAA,cAAC,QAAA;AAAA,cAAA;AAAA,gBAEC,QAAU,EAAA,MAAA;AAAA,gBACV,eAAe,EAAA,MAAA;AAAA,gBACf,OAAS,EAAA,MAAM,iBAAkB,CAAA,KAAA,CAAM,EAAE,CAAA;AAAA,gBAEzC,QAAA,EAAA;AAAA,kCAAA,GAAA,CAAC,gBACC,QAAC,kBAAA,GAAA,CAAA,SAAA,EAAA,EAAU,MAAM,KAAM,CAAA,IAAA,EAAM,QAAgB,CAC/C,EAAA,CAAA;AAAA,kCACA,GAAA,CAAC,YAAc,EAAA,EAAA,QAAA,EAAA,KAAA,CAAM,KAAM,EAAA;AAAA;AAAA,eAAA;AAAA,cARtB,KAAM,CAAA;AAAA,aASb;AAAA,WAEH;AAAA;AAAA;AAAA;AACH,GACF,EAAA,CAAA;AAEJ;;;;"}

package/dist/devApp/render.esm.js CHANGED Viewed

@@ -1,3 +1,4 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { createApp } from '@backstage/app-defaults';
 import { AppRouter, FlatRoutes } from '@backstage/core-app-api';
 import { SidebarItem, SignInPage, AlertDisplay, OAuthRequestDialog, SidebarPage, Sidebar, SidebarSpacer, SidebarSpace, SidebarDivider } from '@backstage/core-components';
@@ -5,7 +6,6 @@ import { attachComponentData, createRouteRef, createApiFactory, configApiRef } f
 import { scmIntegrationsApiRef, ScmIntegrationsApi } from '@backstage/integration-react';
 import Box from '@material-ui/core/Box';
 import BookmarkIcon from '@material-ui/icons/Bookmark';
-import React from 'react';
 import { createRoutesFromChildren, Route } from 'react-router-dom';
 import { SidebarThemeSwitcher } from './SidebarThemeSwitcher.esm.js';
 import 'react-dom';
@@ -20,7 +20,7 @@ if (process.env.HAS_REACT_DOM_CLIENT) {
   ReactDOMPromise = import('react-dom');
 }
 function isReactRouterBeta() {
-  const [obj] = createRoutesFromChildren(/* @__PURE__ */ React.createElement(Route, { index: true, element: /* @__PURE__ */ React.createElement("div", null) }));
+  const [obj] = createRoutesFromChildren(/* @__PURE__ */ jsx(Route, { index: true, element: /* @__PURE__ */ jsx("div", {}) }));
   return !obj.index;
 }
 const MaybeGatheringRoute = ({ element }) => element;
@@ -84,26 +84,26 @@ class DevAppBuilder {
     }
     if (opts.title) {
       this.sidebarItems.push(
-        /* @__PURE__ */ React.createElement(
+        /* @__PURE__ */ jsx(
           SidebarItem,
           {
-            key: path,
             to: path,
             text: opts.title,
             icon: opts.icon ?? BookmarkIcon
-          }
+          },
+          path
         )
       );
     }
     this.routes.push(
-      /* @__PURE__ */ React.createElement(
+      /* @__PURE__ */ jsx(
         MaybeGatheringRoute,
         {
-          key: path,
           path,
           element: opts.element,
           children: opts.children
-        }
+        },
+        path
       )
     );
     return this;
@@ -148,7 +148,7 @@ class DevAppBuilder {
    */
   build() {
     const fakeRouteRef = createRouteRef({ id: "fake" });
-    const FakePage = () => /* @__PURE__ */ React.createElement(Box, { p: 3 }, "Page belonging to another plugin.");
+    const FakePage = () => /* @__PURE__ */ jsx(Box, { p: 3, children: "Page belonging to another plugin." });
     attachComponentData(FakePage, "core.mountPoint", fakeRouteRef);
     const apis = [...this.apis];
     if (!apis.some((api) => api.api.id === scmIntegrationsApiRef.id)) {
@@ -166,7 +166,7 @@ class DevAppBuilder {
       themes: this.themes,
       components: {
         SignInPage: (props) => {
-          return /* @__PURE__ */ React.createElement(
+          return /* @__PURE__ */ jsx(
             SignInPage,
             {
               ...props,
@@ -192,7 +192,26 @@ class DevAppBuilder {
         resources: this.translationResources
       }
     });
-    const DevApp = /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(AlertDisplay, null), /* @__PURE__ */ React.createElement(OAuthRequestDialog, null), this.rootChildren, /* @__PURE__ */ React.createElement(AppRouter, null, /* @__PURE__ */ React.createElement(SidebarPage, null, /* @__PURE__ */ React.createElement(Sidebar, null, /* @__PURE__ */ React.createElement(SidebarSpacer, null), this.sidebarItems, /* @__PURE__ */ React.createElement(SidebarSpace, null), /* @__PURE__ */ React.createElement(SidebarDivider, null), /* @__PURE__ */ React.createElement(SidebarThemeSwitcher, null), /* @__PURE__ */ React.createElement(SidebarLanguageSwitcher, null), /* @__PURE__ */ React.createElement(SidebarSignOutButton, null)), /* @__PURE__ */ React.createElement(FlatRoutes, null, this.routes, /* @__PURE__ */ React.createElement(Route, { path: "/_external_route", element: /* @__PURE__ */ React.createElement(FakePage, null) })))));
+    const DevApp = /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(AlertDisplay, {}),
+      /* @__PURE__ */ jsx(OAuthRequestDialog, {}),
+      this.rootChildren,
+      /* @__PURE__ */ jsx(AppRouter, { children: /* @__PURE__ */ jsxs(SidebarPage, { children: [
+        /* @__PURE__ */ jsxs(Sidebar, { children: [
+          /* @__PURE__ */ jsx(SidebarSpacer, {}),
+          this.sidebarItems,
+          /* @__PURE__ */ jsx(SidebarSpace, {}),
+          /* @__PURE__ */ jsx(SidebarDivider, {}),
+          /* @__PURE__ */ jsx(SidebarThemeSwitcher, {}),
+          /* @__PURE__ */ jsx(SidebarLanguageSwitcher, {}),
+          /* @__PURE__ */ jsx(SidebarSignOutButton, {})
+        ] }),
+        /* @__PURE__ */ jsxs(FlatRoutes, { children: [
+          this.routes,
+          /* @__PURE__ */ jsx(Route, { path: "/_external_route", element: /* @__PURE__ */ jsx(FakePage, {}) })
+        ] })
+      ] }) })
+    ] });
     return app.createRoot(DevApp);
   }
   /**
@@ -206,10 +225,10 @@ class DevAppBuilder {
     ReactDOMPromise.then((ReactDOM) => {
       if ("createRoot" in ReactDOM) {
         ReactDOM.createRoot(document.getElementById("root")).render(
-          /* @__PURE__ */ React.createElement(DevApp, null)
+          /* @__PURE__ */ jsx(DevApp, {})
         );
       } else {
-        ReactDOM.render(/* @__PURE__ */ React.createElement(DevApp, null), document.getElementById("root"));
+        ReactDOM.render(/* @__PURE__ */ jsx(DevApp, {}), document.getElementById("root"));
       }
     });
   }

package/dist/devApp/render.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"render.esm.js","sources":["../../src/devApp/render.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 { createApp } from '@backstage/app-defaults';\nimport { AppRouter, FlatRoutes } from '@backstage/core-app-api';\nimport {\n AlertDisplay,\n OAuthRequestDialog,\n Sidebar,\n SidebarDivider,\n SidebarItem,\n SidebarPage,\n SidebarSpace,\n SidebarSpacer,\n SignInPage,\n SignInProviderConfig,\n} from '@backstage/core-components';\nimport {\n AnyApiFactory,\n ApiFactory,\n AppTheme,\n attachComponentData,\n BackstagePlugin,\n configApiRef,\n createApiFactory,\n createRouteRef,\n IconComponent,\n RouteRef,\n} from '@backstage/core-plugin-api';\nimport { TranslationResource } from '@backstage/core-plugin-api/alpha';\nimport {\n ScmIntegrationsApi,\n scmIntegrationsApiRef,\n} from '@backstage/integration-react';\nimport Box from '@material-ui/core/Box';\nimport BookmarkIcon from '@material-ui/icons/Bookmark';\nimport React, { ComponentType, PropsWithChildren, ReactNode } from 'react';\nimport { createRoutesFromChildren, Route } from 'react-router-dom';\nimport { SidebarThemeSwitcher } from './SidebarThemeSwitcher';\nimport 'react-dom';\nimport { SidebarLanguageSwitcher, SidebarSignOutButton } from '../components';\n\nlet ReactDOMPromise: Promise<\n typeof import('react-dom') \| typeof import('react-dom/client')\n>;\nif (process.env.HAS_REACT_DOM_CLIENT) {\n ReactDOMPromise = import('react-dom/client');\n} else {\n ReactDOMPromise = import('react-dom');\n}\n\nexport function isReactRouterBeta(): boolean {\n const [obj] = createRoutesFromChildren(<Route index element={<div />} />);\n return !obj.index;\n}\n\nconst MaybeGatheringRoute: (props: {\n path: string;\n element: JSX.Element;\n children?: ReactNode;\n}) => JSX.Element = ({ element }) => element;\n\nif (isReactRouterBeta()) {\n attachComponentData(MaybeGatheringRoute, 'core.gatherMountPoints', true);\n}\n\n/* @public /\nexport type DevAppPageOptions = {\n path?: string;\n element: JSX.Element;\n children?: JSX.Element;\n title?: string;\n icon?: IconComponent;\n};\n\n/\n DevApp builder that is similar to the App builder API, but creates an App\n * with the purpose of developing one or more plugins inside it.\n \n @public\n /\nexport class DevAppBuilder {\n private readonly plugins = new Array<BackstagePlugin>();\n private readonly apis = new Array<AnyApiFactory>();\n private readonly rootChildren = new Array<ReactNode>();\n private readonly routes = new Array<JSX.Element>();\n private readonly sidebarItems = new Array<JSX.Element>();\n private readonly signInProviders = new Array<SignInProviderConfig>();\n private readonly translationResources = new Array<TranslationResource>();\n\n private defaultPage?: string;\n private themes?: Array<AppTheme>;\n private languages?: string[];\n private defaultLanguage?: string;\n\n /\n Register one or more plugins to render in the dev app\n /\n registerPlugin(...plugins: BackstagePlugin[]): DevAppBuilder {\n this.plugins.push(...plugins);\n return this;\n }\n\n /\n Register an API factory to add to the app\n /\n registerApi<\n Api,\n Impl extends Api,\n Deps extends { [name in string]: unknown },\n >(factory: ApiFactory<Api, Impl, Deps>): DevAppBuilder {\n this.apis.push(factory);\n return this;\n }\n\n /\n Adds a React node to place just inside the App Provider.\n \n Useful for adding more global components like the AlertDisplay.\n /\n addRootChild(node: ReactNode): DevAppBuilder {\n this.rootChildren.push(node);\n return this;\n }\n\n /\n Adds a new sidebar item to the dev app.\n \n Useful for adding only sidebar items without a corresponding page.\n /\n addSidebarItem(sidebarItem: JSX.Element): DevAppBuilder {\n this.sidebarItems.push(sidebarItem);\n return this;\n }\n\n /\n Adds a page component along with accompanying sidebar item.\n \n If no path is provided one will be generated.\n * If no title is provided, no sidebar item will be created.\n /\n addPage(opts: DevAppPageOptions): DevAppBuilder {\n const path = opts.path ?? `/page-${this.routes.length + 1}`;\n\n if (!this.defaultPage \|\| path === '/') {\n this.defaultPage = path;\n }\n\n if (opts.title) {\n this.sidebarItems.push(\n <SidebarItem\n key={path}\n to={path}\n text={opts.title}\n icon={opts.icon ?? BookmarkIcon}\n />,\n );\n }\n\n this.routes.push(\n <MaybeGatheringRoute\n key={path}\n path={path}\n element={opts.element}\n children={opts.children}\n />,\n );\n return this;\n }\n\n /\n Adds an array of themes to override the default theme.\n /\n addThemes(themes: AppTheme[]) {\n this.themes = themes;\n return this;\n }\n\n /\n Adds new sign in provider for the dev app\n /\n addSignInProvider(provider: SignInProviderConfig) {\n this.signInProviders.push(provider);\n return this;\n }\n\n /\n Set available languages to be shown in the dev app\n /\n setAvailableLanguages(languages: string[]) {\n this.languages = languages;\n return this;\n }\n\n /\n Add translation resource to the dev app\n /\n addTranslationResource(resource: TranslationResource) {\n this.translationResources.push(resource);\n return this;\n }\n\n /\n Set default language for the dev app\n /\n setDefaultLanguage(language: string) {\n this.defaultLanguage = language;\n return this;\n }\n\n /\n Build a DevApp component using the resources registered so far\n /\n build(): ComponentType<PropsWithChildren<{}>> {\n const fakeRouteRef = createRouteRef({ id: 'fake' });\n const FakePage = () => <Box p={3}>Page belonging to another plugin.</Box>;\n attachComponentData(FakePage, 'core.mountPoint', fakeRouteRef);\n\n const apis = [...this.apis];\n if (!apis.some(api => api.api.id === scmIntegrationsApiRef.id)) {\n apis.push(\n createApiFactory({\n api: scmIntegrationsApiRef,\n deps: { configApi: configApiRef },\n factory: ({ configApi }) => ScmIntegrationsApi.fromConfig(configApi),\n }),\n );\n }\n\n const app = createApp({\n apis,\n plugins: this.plugins,\n themes: this.themes,\n components: {\n SignInPage: props => {\n return (\n <SignInPage\n {...props}\n providers={['guest', ...this.signInProviders]}\n title=\"Select a sign-in method\"\n align=\"center\"\n />\n );\n },\n },\n bindRoutes: ({ bind }) => {\n for (const plugin of this.plugins ?? []) {\n const targets: Record<string, RouteRef<any>> = {};\n for (const routeKey of Object.keys(plugin.externalRoutes)) {\n targets[routeKey] = fakeRouteRef;\n }\n bind(plugin.externalRoutes, targets);\n }\n },\n __experimentalTranslations: {\n defaultLanguage: this.defaultLanguage,\n availableLanguages: this.languages,\n resources: this.translationResources,\n },\n });\n\n const DevApp = (\n <>\n <AlertDisplay />\n <OAuthRequestDialog />\n {this.rootChildren}\n <AppRouter>\n <SidebarPage>\n <Sidebar>\n <SidebarSpacer />\n {this.sidebarItems}\n <SidebarSpace />\n <SidebarDivider />\n <SidebarThemeSwitcher />\n <SidebarLanguageSwitcher />\n <SidebarSignOutButton />\n </Sidebar>\n <FlatRoutes>\n {this.routes}\n <Route path=\"/_external_route\" element={<FakePage />} />\n </FlatRoutes>\n </SidebarPage>\n </AppRouter>\n </>\n );\n\n return app.createRoot(DevApp);\n }\n\n /\n Build and render directory to #root element, with react hot loading.\n /\n render(): void {\n const DevApp = this.build();\n\n if (\n window.location.pathname === '/' &&\n this.defaultPage &&\n this.defaultPage !== '/'\n ) {\n window.location.pathname = this.defaultPage;\n }\n\n ReactDOMPromise.then(ReactDOM => {\n if ('createRoot' in ReactDOM) {\n ReactDOM.createRoot(document.getElementById('root')!).render(\n <DevApp />,\n );\n } else {\n ReactDOM.render(<DevApp />, document.getElementById('root'));\n }\n });\n }\n}\n\n// TODO(rugvip): Figure out patterns for how to allow in-house apps to build upon\n// this to provide their own plugin dev wrappers.\n\n/\n Creates a dev app for rendering one or more plugins and exposing the touch points of the plugin.\n \n @public\n */\nexport function createDevApp() {\n return new DevAppBuilder();\n}\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"render.esm.js","sources":["../../src/devApp/render.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 { createApp } from '@backstage/app-defaults';\nimport { AppRouter, FlatRoutes } from '@backstage/core-app-api';\nimport {\n AlertDisplay,\n OAuthRequestDialog,\n Sidebar,\n SidebarDivider,\n SidebarItem,\n SidebarPage,\n SidebarSpace,\n SidebarSpacer,\n SignInPage,\n SignInProviderConfig,\n} from '@backstage/core-components';\nimport {\n AnyApiFactory,\n ApiFactory,\n AppTheme,\n attachComponentData,\n BackstagePlugin,\n configApiRef,\n createApiFactory,\n createRouteRef,\n IconComponent,\n RouteRef,\n} from '@backstage/core-plugin-api';\nimport { TranslationResource } from '@backstage/core-plugin-api/alpha';\nimport {\n ScmIntegrationsApi,\n scmIntegrationsApiRef,\n} from '@backstage/integration-react';\nimport Box from '@material-ui/core/Box';\nimport BookmarkIcon from '@material-ui/icons/Bookmark';\nimport { ComponentType, PropsWithChildren, ReactNode } from 'react';\nimport { createRoutesFromChildren, Route } from 'react-router-dom';\nimport { SidebarThemeSwitcher } from './SidebarThemeSwitcher';\nimport 'react-dom';\nimport { SidebarLanguageSwitcher, SidebarSignOutButton } from '../components';\n\nlet ReactDOMPromise: Promise<\n typeof import('react-dom') \| typeof import('react-dom/client')\n>;\nif (process.env.HAS_REACT_DOM_CLIENT) {\n ReactDOMPromise = import('react-dom/client');\n} else {\n ReactDOMPromise = import('react-dom');\n}\n\nexport function isReactRouterBeta(): boolean {\n const [obj] = createRoutesFromChildren(<Route index element={<div />} />);\n return !obj.index;\n}\n\nconst MaybeGatheringRoute: (props: {\n path: string;\n element: JSX.Element;\n children?: ReactNode;\n}) => JSX.Element = ({ element }) => element;\n\nif (isReactRouterBeta()) {\n attachComponentData(MaybeGatheringRoute, 'core.gatherMountPoints', true);\n}\n\n/* @public /\nexport type DevAppPageOptions = {\n path?: string;\n element: JSX.Element;\n children?: JSX.Element;\n title?: string;\n icon?: IconComponent;\n};\n\n/\n DevApp builder that is similar to the App builder API, but creates an App\n * with the purpose of developing one or more plugins inside it.\n \n @public\n /\nexport class DevAppBuilder {\n private readonly plugins = new Array<BackstagePlugin>();\n private readonly apis = new Array<AnyApiFactory>();\n private readonly rootChildren = new Array<ReactNode>();\n private readonly routes = new Array<JSX.Element>();\n private readonly sidebarItems = new Array<JSX.Element>();\n private readonly signInProviders = new Array<SignInProviderConfig>();\n private readonly translationResources = new Array<TranslationResource>();\n\n private defaultPage?: string;\n private themes?: Array<AppTheme>;\n private languages?: string[];\n private defaultLanguage?: string;\n\n /\n Register one or more plugins to render in the dev app\n /\n registerPlugin(...plugins: BackstagePlugin[]): DevAppBuilder {\n this.plugins.push(...plugins);\n return this;\n }\n\n /\n Register an API factory to add to the app\n /\n registerApi<\n Api,\n Impl extends Api,\n Deps extends { [name in string]: unknown },\n >(factory: ApiFactory<Api, Impl, Deps>): DevAppBuilder {\n this.apis.push(factory);\n return this;\n }\n\n /\n Adds a React node to place just inside the App Provider.\n \n Useful for adding more global components like the AlertDisplay.\n /\n addRootChild(node: ReactNode): DevAppBuilder {\n this.rootChildren.push(node);\n return this;\n }\n\n /\n Adds a new sidebar item to the dev app.\n \n Useful for adding only sidebar items without a corresponding page.\n /\n addSidebarItem(sidebarItem: JSX.Element): DevAppBuilder {\n this.sidebarItems.push(sidebarItem);\n return this;\n }\n\n /\n Adds a page component along with accompanying sidebar item.\n \n If no path is provided one will be generated.\n * If no title is provided, no sidebar item will be created.\n /\n addPage(opts: DevAppPageOptions): DevAppBuilder {\n const path = opts.path ?? `/page-${this.routes.length + 1}`;\n\n if (!this.defaultPage \|\| path === '/') {\n this.defaultPage = path;\n }\n\n if (opts.title) {\n this.sidebarItems.push(\n <SidebarItem\n key={path}\n to={path}\n text={opts.title}\n icon={opts.icon ?? BookmarkIcon}\n />,\n );\n }\n\n this.routes.push(\n <MaybeGatheringRoute\n key={path}\n path={path}\n element={opts.element}\n children={opts.children}\n />,\n );\n return this;\n }\n\n /\n Adds an array of themes to override the default theme.\n /\n addThemes(themes: AppTheme[]) {\n this.themes = themes;\n return this;\n }\n\n /\n Adds new sign in provider for the dev app\n /\n addSignInProvider(provider: SignInProviderConfig) {\n this.signInProviders.push(provider);\n return this;\n }\n\n /\n Set available languages to be shown in the dev app\n /\n setAvailableLanguages(languages: string[]) {\n this.languages = languages;\n return this;\n }\n\n /\n Add translation resource to the dev app\n /\n addTranslationResource(resource: TranslationResource) {\n this.translationResources.push(resource);\n return this;\n }\n\n /\n Set default language for the dev app\n /\n setDefaultLanguage(language: string) {\n this.defaultLanguage = language;\n return this;\n }\n\n /\n Build a DevApp component using the resources registered so far\n /\n build(): ComponentType<PropsWithChildren<{}>> {\n const fakeRouteRef = createRouteRef({ id: 'fake' });\n const FakePage = () => <Box p={3}>Page belonging to another plugin.</Box>;\n attachComponentData(FakePage, 'core.mountPoint', fakeRouteRef);\n\n const apis = [...this.apis];\n if (!apis.some(api => api.api.id === scmIntegrationsApiRef.id)) {\n apis.push(\n createApiFactory({\n api: scmIntegrationsApiRef,\n deps: { configApi: configApiRef },\n factory: ({ configApi }) => ScmIntegrationsApi.fromConfig(configApi),\n }),\n );\n }\n\n const app = createApp({\n apis,\n plugins: this.plugins,\n themes: this.themes,\n components: {\n SignInPage: props => {\n return (\n <SignInPage\n {...props}\n providers={['guest', ...this.signInProviders]}\n title=\"Select a sign-in method\"\n align=\"center\"\n />\n );\n },\n },\n bindRoutes: ({ bind }) => {\n for (const plugin of this.plugins ?? []) {\n const targets: Record<string, RouteRef<any>> = {};\n for (const routeKey of Object.keys(plugin.externalRoutes)) {\n targets[routeKey] = fakeRouteRef;\n }\n bind(plugin.externalRoutes, targets);\n }\n },\n __experimentalTranslations: {\n defaultLanguage: this.defaultLanguage,\n availableLanguages: this.languages,\n resources: this.translationResources,\n },\n });\n\n const DevApp = (\n <>\n <AlertDisplay />\n <OAuthRequestDialog />\n {this.rootChildren}\n <AppRouter>\n <SidebarPage>\n <Sidebar>\n <SidebarSpacer />\n {this.sidebarItems}\n <SidebarSpace />\n <SidebarDivider />\n <SidebarThemeSwitcher />\n <SidebarLanguageSwitcher />\n <SidebarSignOutButton />\n </Sidebar>\n <FlatRoutes>\n {this.routes}\n <Route path=\"/_external_route\" element={<FakePage />} />\n </FlatRoutes>\n </SidebarPage>\n </AppRouter>\n </>\n );\n\n return app.createRoot(DevApp);\n }\n\n /\n Build and render directory to #root element, with react hot loading.\n /\n render(): void {\n const DevApp = this.build();\n\n if (\n window.location.pathname === '/' &&\n this.defaultPage &&\n this.defaultPage !== '/'\n ) {\n window.location.pathname = this.defaultPage;\n }\n\n ReactDOMPromise.then(ReactDOM => {\n if ('createRoot' in ReactDOM) {\n ReactDOM.createRoot(document.getElementById('root')!).render(\n <DevApp />,\n );\n } else {\n ReactDOM.render(<DevApp />, document.getElementById('root'));\n }\n });\n }\n}\n\n// TODO(rugvip): Figure out patterns for how to allow in-house apps to build upon\n// this to provide their own plugin dev wrappers.\n\n/\n Creates a dev app for rendering one or more plugins and exposing the touch points of the plugin.\n \n @public\n */\nexport function createDevApp() {\n return new DevAppBuilder();\n}\n"],"names":[],"mappings":"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"}

package/dist/index.d.ts CHANGED Viewed

@@ -1,9 +1,10 @@
 import { Entity } from '@backstage/catalog-model';
 import { GridProps } from '@material-ui/core/Grid';
-import React, { ReactNode, ComponentType, PropsWithChildren } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import { IconComponent, BackstagePlugin, ApiFactory, AppTheme } from '@backstage/core-plugin-api';
 import { SignInProviderConfig } from '@backstage/core-components';
 import { TranslationResource } from '@backstage/core-plugin-api/alpha';
+import { ReactNode, ComponentType, PropsWithChildren } from 'react';
 /** @public */
 declare const EntityGridItem: (props: Omit<GridProps, "item" | "container"> & {
@@ -18,10 +19,10 @@ declare const EntityGridItem: (props: Omit<GridProps, "item" | "container"> & {
 declare const SidebarSignOutButton: (props: {
     icon?: IconComponent;
     text?: string;
-}) => React.JSX.Element;
+}) => react_jsx_runtime.JSX.Element;
 /** @public */
-declare const SidebarLanguageSwitcher: () => React.JSX.Element | null;
+declare const SidebarLanguageSwitcher: () => react_jsx_runtime.JSX.Element | null;
 /** @public */
 type DevAppPageOptions = {

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@backstage/dev-utils",
-  "version": "1.1.9-next.1",
+  "version": "1.1.9-next.2",
   "description": "Utilities for developing Backstage plugins.",
   "backstage": {
     "role": "web-library"
@@ -36,21 +36,21 @@
     "test": "backstage-cli package test"
   },
   "dependencies": {
-    "@backstage/app-defaults": "1.6.1-next.0",
+    "@backstage/app-defaults": "1.6.1-next.1",
     "@backstage/catalog-model": "1.7.3",
-    "@backstage/core-app-api": "1.16.0",
-    "@backstage/core-components": "0.17.1-next.0",
-    "@backstage/core-plugin-api": "1.10.5",
-    "@backstage/integration-react": "1.2.6-next.0",
-    "@backstage/plugin-catalog-react": "1.16.1-next.1",
-    "@backstage/theme": "0.6.4",
+    "@backstage/core-app-api": "1.16.1-next.0",
+    "@backstage/core-components": "0.17.1-next.1",
+    "@backstage/core-plugin-api": "1.10.6-next.0",
+    "@backstage/integration-react": "1.2.6-next.1",
+    "@backstage/plugin-catalog-react": "1.17.0-next.2",
+    "@backstage/theme": "0.6.5-next.0",
     "@material-ui/core": "^4.12.2",
     "@material-ui/icons": "^4.9.1",
     "react-use": "^17.2.4"
   },
   "devDependencies": {
-    "@backstage/cli": "0.32.0-next.1",
-    "@backstage/test-utils": "1.7.6",
+    "@backstage/cli": "0.32.0-next.2",
+    "@backstage/test-utils": "1.7.7-next.0",
     "@testing-library/dom": "^10.0.0",
     "@testing-library/jest-dom": "^6.0.0",
     "@testing-library/react": "^16.0.0",
@@ -72,5 +72,12 @@
       "optional": true
     }
   },
+  "typesVersions": {
+    "*": {
+      "package.json": [
+        "package.json"
+      ]
+    }
+  },
   "module": "./dist/index.esm.js"
 }