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

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @backstage/core-components
 
+## 0.18.8
+
+### Patch Changes
+
+- e26e3de: The login request dialog now handles auth provider icons passed as `IconElement` in addition to `IconComponent`.
+- 8e09233: Fixed the shared `Progress` component to provide an accessible name for its loading indicator by default.
+- 8b1a847: Fixed Table component layout when both `filters` and `title` props are used together. The filter controls now use a dedicated CSS class (`filterControls`) instead of incorrectly reusing the root container class.
+- 3f36ce1: Clarified the `IconElement` sizing contract for the new frontend system and aligned legacy system icon rendering with the new icon API.
+- 0be2541: Promoted the plugin's translation ref to the stable package entry point. It was previously only available through the alpha entry point.
+- a49a40d: Updated dependency `zod` to `^3.25.76 || ^4.0.0` & migrated to `/v3` or `/v4` imports.
+- 470f72d: The `LogViewer` component from `@backstage/core-components` now supports downloading logs if a callback is passed to `onDownloadLogs`
+- Updated dependencies
+  - @backstage/core-plugin-api@1.12.4
+
 ## 0.18.8-next.1
 
 ### Patch Changes

package/dist/alpha.d.ts

@@ -1,6 +1,9 @@
 import * as _backstage_frontend_plugin_api from '@backstage/frontend-plugin-api';
 
-/** @alpha */
+/**
+ * @alpha
+ * @deprecated Import from `@backstage/core-components` instead.
+ */
 declare const coreComponentsTranslationRef: _backstage_frontend_plugin_api.TranslationRef<"core-components", {
     readonly "table.filter.title": "Filters";
     readonly "table.filter.placeholder": "All results";

package/dist/alpha.esm.js

@@ -1,2 +1,6 @@
-export { coreComponentsTranslationRef } from './translation.esm.js';
+import { coreComponentsTranslationRef as coreComponentsTranslationRef$1 } from './translation.esm.js';
+
+const coreComponentsTranslationRef = coreComponentsTranslationRef$1;
+
+export { coreComponentsTranslationRef };
 //# sourceMappingURL=alpha.esm.js.map

package/dist/alpha.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"alpha.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"alpha.esm.js","sources":["../src/alpha.ts"],"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 { coreComponentsTranslationRef as _coreComponentsTranslationRef } from './translation';\n\n/**\n * @alpha\n * @deprecated Import from `@backstage/core-components` instead.\n */\nexport const coreComponentsTranslationRef = _coreComponentsTranslationRef;\n"],"names":["_coreComponentsTranslationRef"],"mappings":";;AAqBO,MAAM,4BAAA,GAA+BA;;;;"}

package/dist/components/OAuthRequestDialog/LoginRequestListItem.esm.js

@@ -5,7 +5,7 @@ import ListItemAvatar from '@material-ui/core/ListItemAvatar';
 import ListItemText from '@material-ui/core/ListItemText';
 import Typography from '@material-ui/core/Typography';
 import Button from '@material-ui/core/Button';
-import { useState } from 'react';
+import { useState, isValidElement, createElement } from 'react';
 import { isError } from '@backstage/errors';
 import { useApi, configApiRef } from '@backstage/core-plugin-api';
 import { coreComponentsTranslationRef } from '../../translation.esm.js';
@@ -38,13 +38,14 @@ const LoginRequestListItem = ({ request, busy, setBusy }) => {
       setBusy(false);
     }
   };
-  const IconComponent = request.provider.icon;
+  const providerIcon = request.provider.icon;
   const message = request.provider.message ?? t("oauthRequestDialog.message", {
     appTitle: configApi.getString("app.title"),
     provider: request.provider.title
   });
+  const iconElement = providerIcon === null || isValidElement(providerIcon) ? providerIcon : createElement(providerIcon, { fontSize: "large" });
   return /* @__PURE__ */ jsxs(ListItem, { disabled: busy, classes: { root: classes.root }, children: [
-    /* @__PURE__ */ jsx(ListItemAvatar, { children: /* @__PURE__ */ jsx(IconComponent, { fontSize: "large" }) }),
+    /* @__PURE__ */ jsx(ListItemAvatar, { children: iconElement ?? /* @__PURE__ */ jsx(Fragment, {}) }),
     /* @__PURE__ */ jsxs(Box, { display: "flex", alignItems: "center", flex: 1, children: [
       /* @__PURE__ */ jsx(Box, { flex: 1, children: /* @__PURE__ */ jsx(
         ListItemText,

package/dist/components/OAuthRequestDialog/LoginRequestListItem.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"LoginRequestListItem.esm.js","sources":["../../../src/components/OAuthRequestDialog/LoginRequestListItem.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 { makeStyles } from '@material-ui/core/styles';\nimport ListItem from '@material-ui/core/ListItem';\nimport ListItemAvatar from '@material-ui/core/ListItemAvatar';\nimport ListItemText from '@material-ui/core/ListItemText';\nimport Typography from '@material-ui/core/Typography';\nimport Button from '@material-ui/core/Button';\nimport { useState } from 'react';\nimport { isError } from '@backstage/errors';\nimport {\n  configApiRef,\n  PendingOAuthRequest,\n  useApi,\n} from '@backstage/core-plugin-api';\nimport { coreComponentsTranslationRef } from '../../translation';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport Box from '@material-ui/core/Box';\n\nexport type LoginRequestListItemClassKey = 'root';\n\nconst useItemStyles = makeStyles(\n  theme => ({\n    root: {\n      paddingLeft: theme.spacing(2),\n    },\n    button: {\n      marginLeft: theme.spacing(2),\n    },\n  }),\n  { name: 'BackstageLoginRequestListItem' },\n);\n\ntype RowProps = {\n  request: PendingOAuthRequest;\n  busy: boolean;\n  setBusy: (busy: boolean) => void;\n};\n\nconst LoginRequestListItem = ({ request, busy, setBusy }: RowProps) => {\n  const classes = useItemStyles();\n  const [error, setError] = useState<string>();\n  const { t } = useTranslationRef(coreComponentsTranslationRef);\n  const configApi = useApi(configApiRef);\n\n  const handleContinue = async () => {\n    setBusy(true);\n    try {\n      await request.trigger();\n    } catch (e) {\n      setError(isError(e) ? e.message : 'An unspecified error occurred');\n    } finally {\n      setBusy(false);\n    }\n  };\n\n  const IconComponent = request.provider.icon;\n  const message =\n    request.provider.message ??\n    t('oauthRequestDialog.message', {\n      appTitle: configApi.getString('app.title'),\n      provider: request.provider.title,\n    });\n\n  return (\n    <ListItem disabled={busy} classes={{ root: classes.root }}>\n      <ListItemAvatar>\n        <IconComponent fontSize=\"large\" />\n      </ListItemAvatar>\n      <Box display=\"flex\" alignItems=\"center\" flex={1}>\n        <Box flex={1}>\n          <ListItemText\n            primary={request.provider.title}\n            secondary={\n              <>\n                {message && (\n                  <Typography variant=\"subtitle2\" color=\"textSecondary\">\n                    {message}\n                  </Typography>\n                )}\n                {error && <Typography color=\"error\">{error}</Typography>}\n              </>\n            }\n          />\n        </Box>\n        <Button\n          color=\"primary\"\n          variant=\"contained\"\n          onClick={handleContinue}\n          className={classes.button}\n        >\n          {t('oauthRequestDialog.login')}\n        </Button>\n      </Box>\n    </ListItem>\n  );\n};\n\nexport default LoginRequestListItem;\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAmCA,MAAM,aAAA,GAAgB,UAAA;AAAA,EACpB,CAAA,KAAA,MAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,WAAA,EAAa,KAAA,CAAM,OAAA,CAAQ,CAAC;AAAA,KAC9B;AAAA,IACA,MAAA,EAAQ;AAAA,MACN,UAAA,EAAY,KAAA,CAAM,OAAA,CAAQ,CAAC;AAAA;AAC7B,GACF,CAAA;AAAA,EACA,EAAE,MAAM,+BAAA;AACV,CAAA;AAQA,MAAM,uBAAuB,CAAC,EAAE,OAAA,EAAS,IAAA,EAAM,SAAQ,KAAgB;AACrE,EAAA,MAAM,UAAU,aAAA,EAAc;AAC9B,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,QAAA,EAAiB;AAC3C,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,iBAAA,CAAkB,4BAA4B,CAAA;AAC5D,EAAA,MAAM,SAAA,GAAY,OAAO,YAAY,CAAA;AAErC,EAAA,MAAM,iBAAiB,YAAY;AACjC,IAAA,OAAA,CAAQ,IAAI,CAAA;AACZ,IAAA,IAAI;AACF,MAAA,MAAM,QAAQ,OAAA,EAAQ;AAAA,IACxB,SAAS,CAAA,EAAG;AACV,MAAA,QAAA,CAAS,OAAA,CAAQ,CAAC,CAAA,GAAI,CAAA,CAAE,UAAU,+BAA+B,CAAA;AAAA,IACnE,CAAA,SAAE;AACA,MAAA,OAAA,CAAQ,KAAK,CAAA;AAAA,IACf;AAAA,EACF,CAAA;AAEA,EAAA,MAAM,aAAA,GAAgB,QAAQ,QAAA,CAAS,IAAA;AACvC,EAAA,MAAM,OAAA,GACJ,OAAA,CAAQ,QAAA,CAAS,OAAA,IACjB,EAAE,4BAAA,EAA8B;AAAA,IAC9B,QAAA,EAAU,SAAA,CAAU,SAAA,CAAU,WAAW,CAAA;AAAA,IACzC,QAAA,EAAU,QAAQ,QAAA,CAAS;AAAA,GAC5B,CAAA;AAEH,EAAA,uBACE,IAAA,CAAC,YAAS,QAAA,EAAU,IAAA,EAAM,SAAS,EAAE,IAAA,EAAM,OAAA,CAAQ,IAAA,EAAK,EACtD,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,cAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,aAAA,EAAA,EAAc,QAAA,EAAS,SAAQ,CAAA,EAClC,CAAA;AAAA,yBACC,GAAA,EAAA,EAAI,OAAA,EAAQ,QAAO,UAAA,EAAW,QAAA,EAAS,MAAM,CAAA,EAC5C,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,GAAA,EAAA,EAAI,MAAM,CAAA,EACT,QAAA,kBAAA,GAAA;AAAA,QAAC,YAAA;AAAA,QAAA;AAAA,UACC,OAAA,EAAS,QAAQ,QAAA,CAAS,KAAA;AAAA,UAC1B,2BACE,IAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA;AAAA,YAAA,OAAA,wBACE,UAAA,EAAA,EAAW,OAAA,EAAQ,WAAA,EAAY,KAAA,EAAM,iBACnC,QAAA,EAAA,OAAA,EACH,CAAA;AAAA,YAED,KAAA,oBAAS,GAAA,CAAC,UAAA,EAAA,EAAW,KAAA,EAAM,SAAS,QAAA,EAAA,KAAA,EAAM;AAAA,WAAA,EAC7C;AAAA;AAAA,OAEJ,EACF,CAAA;AAAA,sBACA,GAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,KAAA,EAAM,SAAA;AAAA,UACN,OAAA,EAAQ,WAAA;AAAA,UACR,OAAA,EAAS,cAAA;AAAA,UACT,WAAW,OAAA,CAAQ,MAAA;AAAA,UAElB,YAAE,0BAA0B;AAAA;AAAA;AAC/B,KAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"LoginRequestListItem.esm.js","sources":["../../../src/components/OAuthRequestDialog/LoginRequestListItem.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 { makeStyles } from '@material-ui/core/styles';\nimport ListItem from '@material-ui/core/ListItem';\nimport ListItemAvatar from '@material-ui/core/ListItemAvatar';\nimport ListItemText from '@material-ui/core/ListItemText';\nimport Typography from '@material-ui/core/Typography';\nimport Button from '@material-ui/core/Button';\nimport { createElement, isValidElement, useState } from 'react';\nimport { isError } from '@backstage/errors';\nimport {\n  configApiRef,\n  IconComponent,\n  PendingOAuthRequest,\n  useApi,\n} from '@backstage/core-plugin-api';\nimport { coreComponentsTranslationRef } from '../../translation';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport Box from '@material-ui/core/Box';\n\nexport type LoginRequestListItemClassKey = 'root';\n\nconst useItemStyles = makeStyles(\n  theme => ({\n    root: {\n      paddingLeft: theme.spacing(2),\n    },\n    button: {\n      marginLeft: theme.spacing(2),\n    },\n  }),\n  { name: 'BackstageLoginRequestListItem' },\n);\n\ntype RowProps = {\n  request: PendingOAuthRequest;\n  busy: boolean;\n  setBusy: (busy: boolean) => void;\n};\n\nconst LoginRequestListItem = ({ request, busy, setBusy }: RowProps) => {\n  const classes = useItemStyles();\n  const [error, setError] = useState<string>();\n  const { t } = useTranslationRef(coreComponentsTranslationRef);\n  const configApi = useApi(configApiRef);\n\n  const handleContinue = async () => {\n    setBusy(true);\n    try {\n      await request.trigger();\n    } catch (e) {\n      setError(isError(e) ? e.message : 'An unspecified error occurred');\n    } finally {\n      setBusy(false);\n    }\n  };\n\n  const providerIcon = request.provider.icon;\n  const message =\n    request.provider.message ??\n    t('oauthRequestDialog.message', {\n      appTitle: configApi.getString('app.title'),\n      provider: request.provider.title,\n    });\n\n  const iconElement =\n    providerIcon === null || isValidElement(providerIcon)\n      ? providerIcon\n      : createElement(providerIcon as IconComponent, { fontSize: 'large' });\n\n  return (\n    <ListItem disabled={busy} classes={{ root: classes.root }}>\n      <ListItemAvatar>{iconElement ?? <></>}</ListItemAvatar>\n      <Box display=\"flex\" alignItems=\"center\" flex={1}>\n        <Box flex={1}>\n          <ListItemText\n            primary={request.provider.title}\n            secondary={\n              <>\n                {message && (\n                  <Typography variant=\"subtitle2\" color=\"textSecondary\">\n                    {message}\n                  </Typography>\n                )}\n                {error && <Typography color=\"error\">{error}</Typography>}\n              </>\n            }\n          />\n        </Box>\n        <Button\n          color=\"primary\"\n          variant=\"contained\"\n          onClick={handleContinue}\n          className={classes.button}\n        >\n          {t('oauthRequestDialog.login')}\n        </Button>\n      </Box>\n    </ListItem>\n  );\n};\n\nexport default LoginRequestListItem;\n"],"names":[],"mappings":"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"}

package/dist/components/Progress/Progress.esm.js

@@ -5,6 +5,7 @@ import { useTheme } from '@material-ui/core/styles';
 import { useState, useEffect } from 'react';
 
 function Progress(props) {
+  const { "aria-label": ariaLabel, ...progressProps } = props;
   const theme = useTheme();
   const [isVisible, setIsVisible] = useState(false);
   useEffect(() => {
@@ -14,7 +15,14 @@ function Progress(props) {
     );
     return () => clearTimeout(handle);
   }, [theme.transitions.duration.short]);
-  return isVisible ? /* @__PURE__ */ jsx(LinearProgress, { ...props, "data-testid": "progress" }) : /* @__PURE__ */ jsx(Box, { display: "none", "data-testid": "progress" });
+  return isVisible ? /* @__PURE__ */ jsx(
+    LinearProgress,
+    {
+      ...progressProps,
+      "aria-label": ariaLabel ?? "Loading",
+      "data-testid": "progress"
+    }
+  ) : /* @__PURE__ */ jsx(Box, { display: "none", "data-testid": "progress" });
 }
 
 export { Progress };

package/dist/components/Progress/Progress.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"Progress.esm.js","sources":["../../../src/components/Progress/Progress.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 Box from '@material-ui/core/Box';\nimport LinearProgress, {\n  LinearProgressProps,\n} from '@material-ui/core/LinearProgress';\nimport { useTheme } from '@material-ui/core/styles';\nimport { PropsWithChildren, useEffect, useState } from 'react';\n\nexport function Progress(props: PropsWithChildren<LinearProgressProps>) {\n  const theme = useTheme();\n  const [isVisible, setIsVisible] = useState(false);\n\n  useEffect(() => {\n    const handle = setTimeout(\n      () => setIsVisible(true),\n      theme.transitions.duration.short,\n    );\n    return () => clearTimeout(handle);\n  }, [theme.transitions.duration.short]);\n\n  return isVisible ? (\n    <LinearProgress {...props} data-testid=\"progress\" />\n  ) : (\n    <Box display=\"none\" data-testid=\"progress\" />\n  );\n}\n"],"names":[],"mappings":";;;;;;AAuBO,SAAS,SAAS,KAAA,EAA+C;AACtE,EAAA,MAAM,QAAQ,QAAA,EAAS;AACvB,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAI,SAAS,KAAK,CAAA;AAEhD,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,MAAM,MAAA,GAAS,UAAA;AAAA,MACb,MAAM,aAAa,IAAI,CAAA;AAAA,MACvB,KAAA,CAAM,YAAY,QAAA,CAAS;AAAA,KAC7B;AACA,IAAA,OAAO,MAAM,aAAa,MAAM,CAAA;AAAA,EAClC,GAAG,CAAC,KAAA,CAAM,WAAA,CAAY,QAAA,CAAS,KAAK,CAAC,CAAA;AAErC,EAAA,OAAO,SAAA,mBACL,GAAA,CAAC,cAAA,EAAA,EAAgB,GAAG,KAAA,EAAO,aAAA,EAAY,UAAA,EAAW,CAAA,mBAElD,GAAA,CAAC,GAAA,EAAA,EAAI,OAAA,EAAQ,MAAA,EAAO,eAAY,UAAA,EAAW,CAAA;AAE/C;;;;"}
+{"version":3,"file":"Progress.esm.js","sources":["../../../src/components/Progress/Progress.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 Box from '@material-ui/core/Box';\nimport LinearProgress, {\n  LinearProgressProps,\n} from '@material-ui/core/LinearProgress';\nimport { useTheme } from '@material-ui/core/styles';\nimport { PropsWithChildren, useEffect, useState } from 'react';\n\nexport function Progress(props: PropsWithChildren<LinearProgressProps>) {\n  const { 'aria-label': ariaLabel, ...progressProps } = props;\n  const theme = useTheme();\n  const [isVisible, setIsVisible] = useState(false);\n\n  useEffect(() => {\n    const handle = setTimeout(\n      () => setIsVisible(true),\n      theme.transitions.duration.short,\n    );\n    return () => clearTimeout(handle);\n  }, [theme.transitions.duration.short]);\n\n  return isVisible ? (\n    <LinearProgress\n      {...progressProps}\n      aria-label={ariaLabel ?? 'Loading'}\n      data-testid=\"progress\"\n    />\n  ) : (\n    <Box display=\"none\" data-testid=\"progress\" />\n  );\n}\n"],"names":[],"mappings":";;;;;;AAuBO,SAAS,SAAS,KAAA,EAA+C;AACtE,EAAA,MAAM,EAAE,YAAA,EAAc,SAAA,EAAW,GAAG,eAAc,GAAI,KAAA;AACtD,EAAA,MAAM,QAAQ,QAAA,EAAS;AACvB,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAI,SAAS,KAAK,CAAA;AAEhD,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,MAAM,MAAA,GAAS,UAAA;AAAA,MACb,MAAM,aAAa,IAAI,CAAA;AAAA,MACvB,KAAA,CAAM,YAAY,QAAA,CAAS;AAAA,KAC7B;AACA,IAAA,OAAO,MAAM,aAAa,MAAM,CAAA;AAAA,EAClC,GAAG,CAAC,KAAA,CAAM,WAAA,CAAY,QAAA,CAAS,KAAK,CAAC,CAAA;AAErC,EAAA,OAAO,SAAA,mBACL,GAAA;AAAA,IAAC,cAAA;AAAA,IAAA;AAAA,MACE,GAAG,aAAA;AAAA,MACJ,cAAY,SAAA,IAAa,SAAA;AAAA,MACzB,aAAA,EAAY;AAAA;AAAA,sBAGd,GAAA,CAAC,GAAA,EAAA,EAAI,OAAA,EAAQ,MAAA,EAAO,eAAY,UAAA,EAAW,CAAA;AAE/C;;;;"}

package/dist/index.d.ts

@@ -22,6 +22,7 @@ import { BottomNavigationActionProps } from '@material-ui/core/BottomNavigationA
 import { StyledComponentProps, StyleRules } from '@material-ui/core/styles/withStyles';
 import MaterialBreadcrumbs from '@material-ui/core/Breadcrumbs';
 import { Overrides } from '@material-ui/core/styles/overrides';
+import * as _backstage_frontend_plugin_api from '@backstage/frontend-plugin-api';
 
 /**
  * Properties for {@link AlertDisplay}
@@ -2351,5 +2352,65 @@ declare module '@backstage/theme' {
     }
 }
 
-export { AlertDisplay, AppIcon, AutoLogout, Avatar, BottomLink, Breadcrumbs, BrokenImageIcon, Button, CardTab, CatalogIcon, ChatIcon, CodeSnippet, Content, ContentHeader, CopyTextButton, CreateButton, DashboardIcon, DependencyGraph, DependencyGraphTypes, DismissableBanner, DocsIcon, EmailIcon, EmptyState, ErrorBoundary, ErrorPage, ErrorPanel, FavoriteToggle, FavoriteToggleIcon, FeatureCalloutCircular, Gauge, GaugeCard, GitHubIcon, GroupIcon, Header, HeaderActionMenu, HeaderIconLinkRow, HeaderLabel, HeaderTabs, HelpIcon, HorizontalScrollGrid, IconLinkVertical, InfoCard, ItemCard, ItemCardGrid, ItemCardHeader, Lifecycle, LinearGauge, Link, LinkButton, LogViewer, MarkdownContent, MissingAnnotationEmptyState, MobileSidebar, OAuthRequestDialog, OverflowTooltip, Page, PageWithHeader, Progress, ProxiedSignInPage, ResponseErrorPanel, RoutedTabs, SIDEBAR_INTRO_LOCAL_STORAGE, SelectComponent as Select, Sidebar, LegacySidebarContext as SidebarContext, SidebarDivider, SidebarExpandButton, SidebarGroup, SidebarItem, SidebarOpenStateProvider, SidebarPage, LegacySidebarPinStateContext as SidebarPinStateContext, SidebarPinStateProvider, SidebarScrollWrapper, SidebarSearchField, SidebarSpace, SidebarSpacer, SidebarSubmenu, SidebarSubmenuItem, SignInPage, SimpleStepper, SimpleStepperStep, StarIcon, StatusAborted, StatusError, StatusOK, StatusPending, StatusRunning, StatusWarning, StructuredMetadataTable, SubvalueCell, SupportButton, TabbedCard, TabbedLayout, Table, TrendLine, UnstarredIcon, UserIcon, UserIdentity, WarningIcon, WarningPanel, sidebarConfig, useContent, useQueryParamState, useSidebarOpenState, useSidebarPinState, useSupportConfig };
+/** @public */
+declare const coreComponentsTranslationRef: _backstage_frontend_plugin_api.TranslationRef<"core-components", {
+    readonly "table.filter.title": "Filters";
+    readonly "table.filter.placeholder": "All results";
+    readonly "table.filter.clearAll": "Clear all";
+    readonly "table.body.emptyDataSourceMessage": "No records to display";
+    readonly "table.header.actions": "Actions";
+    readonly "table.toolbar.search": "Filter";
+    readonly "table.pagination.labelDisplayedRows": "{from}-{to} of {count}";
+    readonly "table.pagination.firstTooltip": "First Page";
+    readonly "table.pagination.labelRowsSelect": "rows";
+    readonly "table.pagination.lastTooltip": "Last Page";
+    readonly "table.pagination.nextTooltip": "Next Page";
+    readonly "table.pagination.previousTooltip": "Previous Page";
+    readonly "emptyState.missingAnnotation.title": "Missing Annotation";
+    readonly "emptyState.missingAnnotation.actionTitle": "Add the annotation to your component YAML as shown in the highlighted example below:";
+    readonly "emptyState.missingAnnotation.readMore": "Read more";
+    readonly "signIn.title": "Sign In";
+    readonly "signIn.loginFailed": "Login failed";
+    readonly "signIn.customProvider.title": "Custom User";
+    readonly "signIn.customProvider.subtitle": "Enter your own User ID and credentials.\n This selection will not be stored.";
+    readonly "signIn.customProvider.userId": "User ID";
+    readonly "signIn.customProvider.tokenInvalid": "Token is not a valid OpenID Connect JWT Token";
+    readonly "signIn.customProvider.continue": "Continue";
+    readonly "signIn.customProvider.idToken": "ID Token (optional)";
+    readonly "signIn.guestProvider.title": "Guest";
+    readonly "signIn.guestProvider.enter": "Enter";
+    readonly "signIn.guestProvider.subtitle": "Enter as a Guest User.\n You will not have a verified identity, meaning some features might be unavailable.";
+    readonly skipToContent: "Skip to content";
+    readonly "copyTextButton.tooltipText": "Text copied to clipboard";
+    readonly "simpleStepper.finish": "Finish";
+    readonly "simpleStepper.reset": "Reset";
+    readonly "simpleStepper.next": "Next";
+    readonly "simpleStepper.skip": "Skip";
+    readonly "simpleStepper.back": "Back";
+    readonly "errorPage.title": "Looks like someone dropped the mic!";
+    readonly "errorPage.subtitle": "ERROR {{status}}: {{statusMessage}}";
+    readonly "errorPage.goBack": "Go back";
+    readonly "errorPage.showMoreDetails": "Show more details";
+    readonly "errorPage.showLessDetails": "Show less details";
+    readonly "supportConfig.default.title": "Support Not Configured";
+    readonly "supportConfig.default.linkTitle": "Add `app.support` config key";
+    readonly "errorBoundary.title": "Please contact {{slackChannel}} for help.";
+    readonly "oauthRequestDialog.message": "Sign-in to allow {{appTitle}} access to {{provider}} APIs and identities.";
+    readonly "oauthRequestDialog.title": "Login Required";
+    readonly "oauthRequestDialog.authRedirectTitle": "This will trigger a http redirect to OAuth Login.";
+    readonly "oauthRequestDialog.login": "Log in";
+    readonly "oauthRequestDialog.rejectAll": "Reject All";
+    readonly "supportButton.title": "Support";
+    readonly "supportButton.close": "Close";
+    readonly "alertDisplay.message_one": "({{ count }} newer message)";
+    readonly "alertDisplay.message_other": "({{ count }} newer messages)";
+    readonly "autoLogout.stillTherePrompt.title": "Logging out due to inactivity";
+    readonly "autoLogout.stillTherePrompt.buttonText": "Yes! Don't log me out";
+    readonly "dependencyGraph.fullscreenTooltip": "Toggle fullscreen";
+    readonly "proxiedSignInPage.title": "You do not appear to be signed in. Please try reloading the browser page.";
+    readonly "logViewer.searchField.placeholder": "Search";
+    readonly "logViewer.downloadBtn.tooltip": "Download logs";
+}>;
+
+export { AlertDisplay, AppIcon, AutoLogout, Avatar, BottomLink, Breadcrumbs, BrokenImageIcon, Button, CardTab, CatalogIcon, ChatIcon, CodeSnippet, Content, ContentHeader, CopyTextButton, CreateButton, DashboardIcon, DependencyGraph, DependencyGraphTypes, DismissableBanner, DocsIcon, EmailIcon, EmptyState, ErrorBoundary, ErrorPage, ErrorPanel, FavoriteToggle, FavoriteToggleIcon, FeatureCalloutCircular, Gauge, GaugeCard, GitHubIcon, GroupIcon, Header, HeaderActionMenu, HeaderIconLinkRow, HeaderLabel, HeaderTabs, HelpIcon, HorizontalScrollGrid, IconLinkVertical, InfoCard, ItemCard, ItemCardGrid, ItemCardHeader, Lifecycle, LinearGauge, Link, LinkButton, LogViewer, MarkdownContent, MissingAnnotationEmptyState, MobileSidebar, OAuthRequestDialog, OverflowTooltip, Page, PageWithHeader, Progress, ProxiedSignInPage, ResponseErrorPanel, RoutedTabs, SIDEBAR_INTRO_LOCAL_STORAGE, SelectComponent as Select, Sidebar, LegacySidebarContext as SidebarContext, SidebarDivider, SidebarExpandButton, SidebarGroup, SidebarItem, SidebarOpenStateProvider, SidebarPage, LegacySidebarPinStateContext as SidebarPinStateContext, SidebarPinStateProvider, SidebarScrollWrapper, SidebarSearchField, SidebarSpace, SidebarSpacer, SidebarSubmenu, SidebarSubmenuItem, SignInPage, SimpleStepper, SimpleStepperStep, StarIcon, StatusAborted, StatusError, StatusOK, StatusPending, StatusRunning, StatusWarning, StructuredMetadataTable, SubvalueCell, SupportButton, TabbedCard, TabbedLayout, Table, TrendLine, UnstarredIcon, UserIcon, UserIdentity, WarningIcon, WarningPanel, coreComponentsTranslationRef, sidebarConfig, useContent, useQueryParamState, useSidebarOpenState, useSidebarPinState, useSupportConfig };
 export type { AlertDisplayProps, AppIconProps, AutoLogoutProps, AvatarClassKey, AvatarProps, BackstageContentClassKey, BackstageOverrides, BoldHeaderClassKey, BottomLinkClassKey, BottomLinkProps, BreadcrumbsClickableTextClassKey, BreadcrumbsCurrentPageClassKey, BreadcrumbsStyledBoxClassKey, ButtonProps, CardActionsTopRightClassKey, CardTabClassKey, ClosedDropdownClassKey, CodeSnippetProps, ContentHeaderClassKey, CopyTextButtonProps, CreateButtonProps, CustomProviderClassKey, DependencyGraphDefaultLabelClassKey, DependencyGraphDefaultNodeClassKey, DependencyGraphEdgeClassKey, DependencyGraphNodeClassKey, DependencyGraphProps, DismissableBannerClassKey, DismissbleBannerClassKey, EmptyStateClassKey, EmptyStateImageClassKey, ErrorBoundaryProps, ErrorPageClassKey, ErrorPanelClassKey, ErrorPanelProps, FavoriteToggleIconClassKey, FavoriteToggleProps, FeatureCalloutCircleClassKey, FiltersContainerClassKey, GaugeCardClassKey, GaugeClassKey, GaugeProps, GaugePropsGetColor, GaugePropsGetColorOptions, HeaderActionMenuItem, HeaderActionMenuProps, HeaderClassKey, HeaderIconLinkRowClassKey, HeaderLabelClassKey, HeaderTabsClassKey, HorizontalScrollGridClassKey, IconComponentProps, IconLinkVerticalClassKey, IconLinkVerticalProps, IdentityProviders, InfoCardClassKey, InfoCardVariants, ItemCardGridClassKey, ItemCardGridProps, ItemCardHeaderClassKey, ItemCardHeaderProps, LifecycleClassKey, LinkButtonProps, LinkClassKey, LinkProps, LogViewerClassKey, LogViewerProps, LoginRequestListItemClassKey, MarkdownContentClassKey, MetadataTableCellClassKey, MetadataTableListClassKey, MetadataTableListItemClassKey, MetadataTableTitleCellClassKey, MicDropClassKey, MobileSidebarProps, OAuthRequestDialogClassKey, OpenedDropdownClassKey, OverflowTooltipClassKey, PageClassKey, ProxiedSignInPageProps, ResponseErrorPanelClassKey, SelectClassKey, SelectInputBaseClassKey, SelectItem, SelectedItems, SidebarClassKey, SidebarContextType, SidebarDividerClassKey, SidebarGroupProps, SidebarItemClassKey, SidebarOpenState, SidebarOptions, SidebarPageClassKey, SidebarPageProps, SidebarPinState, SidebarPinStateContextType, SidebarProps, SidebarSpaceClassKey, SidebarSpacerClassKey, SidebarSubmenuClassKey, SidebarSubmenuItemClassKey, SidebarSubmenuItemDropdownItem, SidebarSubmenuItemProps, SidebarSubmenuProps, SignInPageClassKey, SignInProviderConfig, SimpleStepperFooterClassKey, SimpleStepperStepClassKey, StackDetailsClassKey, StatusClassKey, StructuredMetadataTableListClassKey, StructuredMetadataTableNestedListClassKey, StructuredMetadataTableProps, SubmenuOptions, SubvalueCellClassKey, SupportButtonClassKey, SupportConfig, SupportItem, SupportItemLink, Tab, TabbedCardClassKey, TableClassKey, TableColumn, TableFilter, TableFiltersClassKey, TableHeaderClassKey, TableOptions, TableProps, TableState, TableToolbarClassKey, WarningPanelClassKey };

package/dist/index.esm.js

@@ -72,4 +72,5 @@ export { SignInPage } from './layout/SignInPage/SignInPage.esm.js';
 export { UserIdentity } from './layout/SignInPage/UserIdentity.esm.js';
 export { CardTab, TabbedCard } from './layout/TabbedCard/TabbedCard.esm.js';
 export { Breadcrumbs } from './layout/Breadcrumbs/Breadcrumbs.esm.js';
+export { coreComponentsTranslationRef } from './translation.esm.js';
 //# sourceMappingURL=index.esm.js.map

package/dist/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,4 +1,4 @@
-import { z } from 'zod';
+import { z } from 'zod/v3';
 
 const proxiedSessionSchema = z.object({
   providerInfo: z.object({}).catchall(z.unknown()).optional(),

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

@@ -1 +1 @@
-{"version":3,"file":"types.esm.js","sources":["../../../src/layout/ProxiedSignInPage/types.ts"],"sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport {\n  BackstageIdentityResponse,\n  ProfileInfo,\n} from '@backstage/core-plugin-api';\nimport { z } from 'zod';\n\nexport const proxiedSessionSchema = z.object({\n  providerInfo: z.object({}).catchall(z.unknown()).optional(),\n  profile: z.object({\n    email: z.string().optional(),\n    displayName: z.string().optional(),\n    picture: z.string().optional(),\n  }),\n  backstageIdentity: z.object({\n    token: z.string(),\n    identity: z.object({\n      type: z.literal('user'),\n      userEntityRef: z.string(),\n      ownershipEntityRefs: z.array(z.string()),\n    }),\n  }),\n});\n\n/**\n * Generic session information for proxied sign-in providers, e.g. common\n * reverse authenticating proxy implementations.\n *\n * @public\n */\nexport type ProxiedSession = {\n  providerInfo?: { [key: string]: unknown };\n  profile: ProfileInfo;\n  backstageIdentity: Omit<BackstageIdentityResponse, 'id'>;\n};\n"],"names":[],"mappings":";;AAsBO,MAAM,oBAAA,GAAuB,EAAE,MAAA,CAAO;AAAA,EAC3C,YAAA,EAAc,CAAA,CAAE,MAAA,CAAO,EAAE,CAAA,CAAE,QAAA,CAAS,CAAA,CAAE,OAAA,EAAS,CAAA,CAAE,QAAA,EAAS;AAAA,EAC1D,OAAA,EAAS,EAAE,MAAA,CAAO;AAAA,IAChB,KAAA,EAAO,CAAA,CAAE,MAAA,EAAO,CAAE,QAAA,EAAS;AAAA,IAC3B,WAAA,EAAa,CAAA,CAAE,MAAA,EAAO,CAAE,QAAA,EAAS;AAAA,IACjC,OAAA,EAAS,CAAA,CAAE,MAAA,EAAO,CAAE,QAAA;AAAS,GAC9B,CAAA;AAAA,EACD,iBAAA,EAAmB,EAAE,MAAA,CAAO;AAAA,IAC1B,KAAA,EAAO,EAAE,MAAA,EAAO;AAAA,IAChB,QAAA,EAAU,EAAE,MAAA,CAAO;AAAA,MACjB,IAAA,EAAM,CAAA,CAAE,OAAA,CAAQ,MAAM,CAAA;AAAA,MACtB,aAAA,EAAe,EAAE,MAAA,EAAO;AAAA,MACxB,mBAAA,EAAqB,CAAA,CAAE,KAAA,CAAM,CAAA,CAAE,QAAQ;AAAA,KACxC;AAAA,GACF;AACH,CAAC;;;;"}
+{"version":3,"file":"types.esm.js","sources":["../../../src/layout/ProxiedSignInPage/types.ts"],"sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport {\n  BackstageIdentityResponse,\n  ProfileInfo,\n} from '@backstage/core-plugin-api';\nimport { z } from 'zod/v3';\n\nexport const proxiedSessionSchema = z.object({\n  providerInfo: z.object({}).catchall(z.unknown()).optional(),\n  profile: z.object({\n    email: z.string().optional(),\n    displayName: z.string().optional(),\n    picture: z.string().optional(),\n  }),\n  backstageIdentity: z.object({\n    token: z.string(),\n    identity: z.object({\n      type: z.literal('user'),\n      userEntityRef: z.string(),\n      ownershipEntityRefs: z.array(z.string()),\n    }),\n  }),\n});\n\n/**\n * Generic session information for proxied sign-in providers, e.g. common\n * reverse authenticating proxy implementations.\n *\n * @public\n */\nexport type ProxiedSession = {\n  providerInfo?: { [key: string]: unknown };\n  profile: ProfileInfo;\n  backstageIdentity: Omit<BackstageIdentityResponse, 'id'>;\n};\n"],"names":[],"mappings":";;AAsBO,MAAM,oBAAA,GAAuB,EAAE,MAAA,CAAO;AAAA,EAC3C,YAAA,EAAc,CAAA,CAAE,MAAA,CAAO,EAAE,CAAA,CAAE,QAAA,CAAS,CAAA,CAAE,OAAA,EAAS,CAAA,CAAE,QAAA,EAAS;AAAA,EAC1D,OAAA,EAAS,EAAE,MAAA,CAAO;AAAA,IAChB,KAAA,EAAO,CAAA,CAAE,MAAA,EAAO,CAAE,QAAA,EAAS;AAAA,IAC3B,WAAA,EAAa,CAAA,CAAE,MAAA,EAAO,CAAE,QAAA,EAAS;AAAA,IACjC,OAAA,EAAS,CAAA,CAAE,MAAA,EAAO,CAAE,QAAA;AAAS,GAC9B,CAAA;AAAA,EACD,iBAAA,EAAmB,EAAE,MAAA,CAAO;AAAA,IAC1B,KAAA,EAAO,EAAE,MAAA,EAAO;AAAA,IAChB,QAAA,EAAU,EAAE,MAAA,CAAO;AAAA,MACjB,IAAA,EAAM,CAAA,CAAE,OAAA,CAAQ,MAAM,CAAA;AAAA,MACtB,aAAA,EAAe,EAAE,MAAA,EAAO;AAAA,MACxB,mBAAA,EAAqB,CAAA,CAAE,KAAA,CAAM,CAAA,CAAE,QAAQ;AAAA,KACxC;AAAA,GACF;AACH,CAAC;;;;"}

package/dist/layout/Sidebar/Items.esm.js

@@ -41,6 +41,17 @@ const makeSidebarStyles = (sidebarConfig) => makeStyles(
       font: "inherit",
       textTransform: "none"
     },
+    itemIcon: {
+      display: "inline-flex",
+      fontSize: theme.typography.fontSize,
+      lineHeight: 0,
+      "& svg": {
+        width: "1.5em",
+        height: "1.5em",
+        fontSize: "inherit",
+        flexShrink: 0
+      }
+    },
     closed: {
       width: sidebarConfig.drawerWidthClosed,
       justifyContent: "center"
@@ -226,7 +237,7 @@ const SidebarItemBase = forwardRef((props, ref) => {
   const { isOpen } = useSidebarOpenState();
   const divStyle = !isOpen && hasSubmenu ? { display: "flex", marginLeft: "20px" } : { lineHeight: "0" };
   const displayItemIcon = /* @__PURE__ */ jsxs(Box, { style: divStyle, children: [
-    /* @__PURE__ */ jsx(Icon, { fontSize: "small" }),
+    /* @__PURE__ */ jsx(Box, { component: "span", className: classes.itemIcon, children: /* @__PURE__ */ jsx(Icon, { fontSize: "inherit" }) }),
     !isOpen && hasSubmenu ? /* @__PURE__ */ jsx(ArrowRightIcon, { fontSize: "small" }) : /* @__PURE__ */ jsx(Fragment, {})
   ] });
   const itemIcon = /* @__PURE__ */ jsx(

package/dist/layout/Sidebar/Items.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"Items.esm.js","sources":["../../../src/layout/Sidebar/Items.tsx"],"sourcesContent":["/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport {\n  IconComponent,\n  useAnalytics,\n  useElementFilter,\n} from '@backstage/core-plugin-api';\nimport Badge from '@material-ui/core/Badge';\nimport Box from '@material-ui/core/Box';\nimport { makeStyles, styled, Theme } from '@material-ui/core/styles';\nimport {\n  CreateCSSProperties,\n  StyledComponentProps,\n} from '@material-ui/core/styles/withStyles';\nimport TextField from '@material-ui/core/TextField';\nimport Typography from '@material-ui/core/Typography';\nimport useMediaQuery from '@material-ui/core/useMediaQuery';\nimport ArrowDropDown from '@material-ui/icons/ArrowDropDown';\nimport ArrowDropUp from '@material-ui/icons/ArrowDropUp';\nimport ArrowRightIcon from '@material-ui/icons/ArrowRight';\nimport SearchIcon from '@material-ui/icons/Search';\nimport classnames from 'classnames';\nimport type { Location } from 'history';\n\nimport {\n  ComponentProps,\n  ComponentType,\n  CSSProperties,\n  forwardRef,\n  KeyboardEventHandler,\n  ReactNode,\n  useCallback,\n  useContext,\n  useMemo,\n  useState,\n  MouseEvent,\n  ChangeEvent,\n  ReactElement,\n  createElement,\n} from 'react';\n\nimport {\n  Link,\n  NavLinkProps,\n  resolvePath,\n  useLocation,\n  useResolvedPath,\n} from 'react-router-dom';\n\nimport {\n  SidebarConfig,\n  SidebarConfigContext,\n  SidebarItemWithSubmenuContext,\n} from './config';\nimport DoubleArrowLeft from './icons/DoubleArrowLeft';\nimport DoubleArrowRight from './icons/DoubleArrowRight';\nimport { useSidebarOpenState } from './SidebarOpenStateContext';\nimport { SidebarSubmenu, SidebarSubmenuProps } from './SidebarSubmenu';\nimport { SidebarSubmenuItemProps } from './SidebarSubmenuItem';\nimport { isLocationMatch } from './utils';\nimport Button from '@material-ui/core/Button';\n\n/** @public */\nexport type SidebarItemClassKey =\n  | 'root'\n  | 'buttonItem'\n  | 'closed'\n  | 'open'\n  | 'highlightable'\n  | 'highlighted'\n  | 'label'\n  | 'iconContainer'\n  | 'searchRoot'\n  | 'searchField'\n  | 'searchFieldHTMLInput'\n  | 'searchContainer'\n  | 'secondaryAction'\n  | 'closedItemIcon'\n  | 'submenuArrow'\n  | 'expandButton'\n  | 'arrows'\n  | 'selected';\n\nconst makeSidebarStyles = (sidebarConfig: SidebarConfig) =>\n  makeStyles(\n    theme => ({\n      root: {\n        color: theme.palette.navigation.color,\n        display: 'flex',\n        flexFlow: 'row nowrap',\n        alignItems: 'center',\n        height: 48,\n        cursor: 'pointer',\n      },\n      buttonItem: {\n        background: 'none',\n        border: 'none',\n        width: '100%',\n        margin: 0,\n        padding: 0,\n        textAlign: 'inherit',\n        font: 'inherit',\n        textTransform: 'none',\n      },\n      closed: {\n        width: sidebarConfig.drawerWidthClosed,\n        justifyContent: 'center',\n      },\n      open: {\n        [theme.breakpoints.up('sm')]: {\n          width: sidebarConfig.drawerWidthOpen,\n        },\n      },\n      highlightable: {\n        '&:hover': {\n          background:\n            theme.palette.navigation.navItem?.hoverBackground ?? '#404040',\n        },\n      },\n      highlighted: {\n        background:\n          theme.palette.navigation.navItem?.hoverBackground ?? '#404040',\n      },\n      label: {\n        // XXX (@koroeskohr): I can't seem to achieve the desired font-weight from the designs\n        fontWeight: 'bold',\n        whiteSpace: 'nowrap',\n        lineHeight: 'auto',\n        flex: '3 1 auto',\n        width: '110px',\n        overflow: 'hidden',\n        'text-overflow': 'ellipsis',\n      },\n      iconContainer: {\n        boxSizing: 'border-box',\n        height: '100%',\n        width: sidebarConfig.iconContainerWidth,\n        marginRight: -theme.spacing(2),\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        lineHeight: '0',\n      },\n      searchRoot: {\n        marginBottom: 12,\n      },\n      searchField: {\n        color: '#b5b5b5',\n        fontWeight: theme.typography.fontWeightBold,\n        fontSize: theme.typography.fontSize,\n      },\n      searchFieldHTMLInput: {\n        padding: theme.spacing(2, 0, 2),\n      },\n      searchContainer: {\n        width: sidebarConfig.drawerWidthOpen - sidebarConfig.iconContainerWidth,\n      },\n      secondaryAction: {\n        width: theme.spacing(6),\n        textAlign: 'center',\n        marginRight: theme.spacing(1),\n      },\n      closedItemIcon: {\n        width: '100%',\n        justifyContent: 'center',\n      },\n      submenuArrow: {\n        display: 'flex',\n      },\n      expandButton: {\n        background: 'none',\n        border: 'none',\n        color: theme.palette.navigation.color,\n        width: '100%',\n        cursor: 'pointer',\n        position: 'relative',\n        height: 48,\n      },\n      arrows: {\n        position: 'absolute',\n        right: 10,\n      },\n      selected: {\n        '&$root': {\n          borderLeft: `solid ${sidebarConfig.selectedIndicatorWidth}px ${theme.palette.navigation.indicator}`,\n          color: theme.palette.navigation.selectedColor,\n        },\n        '&$closed': {\n          width: sidebarConfig.drawerWidthClosed,\n        },\n        '& $closedItemIcon': {\n          paddingRight: sidebarConfig.selectedIndicatorWidth,\n        },\n        '& $iconContainer': {\n          marginLeft: -sidebarConfig.selectedIndicatorWidth,\n        },\n      },\n    }),\n    { name: 'BackstageSidebarItem' },\n  );\n\n// This is a workaround for this issue https://github.com/mui/material-ui/issues/15511\n// The styling of the `selected` elements doesn't work as expected when using a prop callback.\n// Don't use this pattern unless needed\nfunction useMemoStyles(sidebarConfig: SidebarConfig) {\n  const useStyles = useMemo(\n    () => makeSidebarStyles(sidebarConfig),\n    [sidebarConfig],\n  );\n  return useStyles();\n}\n\n/**\n * Evaluates the routes of the SubmenuItems & nested DropdownItems.\n * The reevaluation is only triggered, if the `locationPathname` changes, as `useElementFilter` uses memorization.\n *\n * @param submenu SidebarSubmenu component\n * @param location Location\n * @returns boolean\n */\nconst useLocationMatch = (\n  submenu: ReactElement<SidebarSubmenuProps>,\n  location: Location,\n): boolean =>\n  useElementFilter(\n    submenu.props.children,\n    elements => {\n      let active = false;\n      elements\n        .getElements()\n        .forEach(\n          ({\n            props: { to, dropdownItems },\n          }: {\n            props: Partial<SidebarSubmenuItemProps>;\n          }) => {\n            if (!active) {\n              if (dropdownItems?.length) {\n                dropdownItems.forEach(\n                  ({ to: _to }) =>\n                    (active =\n                      active || isLocationMatch(location, resolvePath(_to))),\n                );\n                return;\n              }\n              if (to) {\n                active = isLocationMatch(location, resolvePath(to));\n              }\n            }\n          },\n        );\n      return active;\n    },\n    [location.pathname],\n  );\n\ntype SidebarItemBaseProps = {\n  icon: IconComponent;\n  text?: string;\n  hasNotifications?: boolean;\n  hasSubmenu?: boolean;\n  disableHighlight?: boolean;\n  className?: string;\n  noTrack?: boolean;\n  onClick?: (ev: MouseEvent) => void;\n};\n\ntype SidebarItemButtonProps = SidebarItemBaseProps & {\n  onClick: (ev: MouseEvent) => void;\n  children?: ReactNode;\n};\n\ntype SidebarItemLinkProps = SidebarItemBaseProps & {\n  to: string;\n  onClick?: (ev: MouseEvent) => void;\n} & NavLinkProps;\n\ntype SidebarItemWithSubmenuProps = SidebarItemBaseProps & {\n  to?: string;\n  onClick?: (ev: MouseEvent) => void;\n  children: ReactNode;\n};\n\n/**\n * SidebarItem with 'to' property will be a clickable link.\n * SidebarItem with 'onClick' property and without 'to' property will be a clickable button.\n * SidebarItem which wraps a SidebarSubmenu will be a clickable button which opens a submenu.\n */\ntype SidebarItemProps =\n  | SidebarItemLinkProps\n  | SidebarItemButtonProps\n  | SidebarItemWithSubmenuProps;\n\nfunction isButtonItem(\n  props: SidebarItemProps,\n): props is SidebarItemButtonProps {\n  return (props as SidebarItemLinkProps).to === undefined;\n}\n\nconst sidebarSubmenuType = createElement(SidebarSubmenu).type;\n\n// TODO(Rugvip): Remove this once NavLink is updated in react-router-dom.\n//               This is needed because react-router doesn't handle the path comparison\n//               properly yet, matching for example /foobar with /foo.\nexport const WorkaroundNavLink = forwardRef<\n  HTMLAnchorElement,\n  NavLinkProps & {\n    children?: ReactNode;\n    activeStyle?: CSSProperties;\n    activeClassName?: string;\n  }\n>(function WorkaroundNavLinkWithRef(\n  {\n    to,\n    end,\n    style,\n    className,\n    activeStyle,\n    caseSensitive,\n    activeClassName = 'active',\n    'aria-current': ariaCurrentProp = 'page',\n    ...rest\n  },\n  ref,\n) {\n  let { pathname: locationPathname } = useLocation();\n  let { pathname: toPathname } = useResolvedPath(to);\n\n  if (!caseSensitive) {\n    locationPathname = locationPathname.toLocaleLowerCase('en-US');\n    toPathname = toPathname.toLocaleLowerCase('en-US');\n  }\n\n  let isActive = locationPathname === toPathname;\n  if (!isActive && !end) {\n    // This is the behavior that is different from the original NavLink\n    isActive = locationPathname.startsWith(`${toPathname}/`);\n  }\n\n  const ariaCurrent = isActive ? ariaCurrentProp : undefined;\n\n  return (\n    <Link\n      {...rest}\n      to={to}\n      ref={ref}\n      aria-current={ariaCurrent}\n      style={{ ...style, ...(isActive ? activeStyle : undefined) }}\n      className={classnames([\n        typeof className !== 'function' ? className : undefined,\n        isActive ? activeClassName : undefined,\n      ])}\n    />\n  );\n});\n\n/**\n * Common component used by SidebarItem & SidebarItemWithSubmenu\n */\nconst SidebarItemBase = forwardRef<\n  any,\n  SidebarItemProps & { children: ReactNode }\n>((props, ref) => {\n  const {\n    icon: Icon,\n    text,\n    hasNotifications = false,\n    hasSubmenu = false,\n    disableHighlight = false,\n    onClick,\n    noTrack,\n    children,\n    className,\n    ...navLinkProps\n  } = props;\n  const { sidebarConfig } = useContext(SidebarConfigContext);\n  const classes = useMemoStyles(sidebarConfig);\n  // XXX (@koroeskohr): unsure this is optimal. But I just really didn't want to have the item component\n  // depend on the current location, and at least have it being optionally forced to selected.\n  // Still waiting on a Q answered to fine tune the implementation\n  const { isOpen } = useSidebarOpenState();\n\n  const divStyle =\n    !isOpen && hasSubmenu\n      ? { display: 'flex', marginLeft: '20px' }\n      : { lineHeight: '0' };\n\n  const displayItemIcon = (\n    <Box style={divStyle}>\n      <Icon fontSize=\"small\" />\n      {!isOpen && hasSubmenu ? <ArrowRightIcon fontSize=\"small\" /> : <></>}\n    </Box>\n  );\n\n  const itemIcon = (\n    <Badge\n      color=\"secondary\"\n      variant=\"dot\"\n      overlap=\"circular\"\n      invisible={!hasNotifications}\n      className={classnames({ [classes.closedItemIcon]: !isOpen })}\n    >\n      {displayItemIcon}\n    </Badge>\n  );\n\n  const openContent = (\n    <>\n      <Box data-testid=\"login-button\" className={classes.iconContainer}>\n        {itemIcon}\n      </Box>\n      {text && (\n        <Typography\n          variant=\"subtitle2\"\n          component=\"span\"\n          className={classes.label}\n        >\n          {text}\n        </Typography>\n      )}\n      <div className={classes.secondaryAction}>{children}</div>\n    </>\n  );\n\n  const content = isOpen ? openContent : itemIcon;\n\n  const childProps = {\n    onClick,\n    className: classnames(\n      className,\n      classes.root,\n      isOpen ? classes.open : classes.closed,\n      isButtonItem(props) && classes.buttonItem,\n      { [classes.highlightable]: !disableHighlight },\n    ),\n  };\n\n  const analyticsApi = useAnalytics();\n  const { pathname: to } = useResolvedPath(\n    !isButtonItem(props) && props.to ? props.to : '',\n  );\n\n  const handleClick = useCallback(\n    (event: MouseEvent<HTMLAnchorElement | HTMLButtonElement>) => {\n      if (!noTrack) {\n        const action = 'click';\n        const subject = text ?? 'Sidebar Item';\n        const options = to ? { attributes: { to } } : undefined;\n        analyticsApi.captureEvent(action, subject, options);\n      }\n      onClick?.(event);\n    },\n    [analyticsApi, text, to, noTrack, onClick],\n  );\n\n  if (isButtonItem(props)) {\n    return (\n      <Button\n        role=\"button\"\n        aria-label={text}\n        {...childProps}\n        ref={ref}\n        onClick={handleClick}\n      >\n        {content}\n      </Button>\n    );\n  }\n\n  return (\n    <WorkaroundNavLink\n      {...childProps}\n      activeClassName={classes.selected}\n      to={props.to ? props.to : ''}\n      ref={ref}\n      aria-label={text ? text : props.to}\n      {...navLinkProps}\n      onClick={handleClick}\n    >\n      {content}\n    </WorkaroundNavLink>\n  );\n});\n\nconst SidebarItemWithSubmenu = ({\n  children,\n  ...props\n}: SidebarItemBaseProps & {\n  children: ReactElement<SidebarSubmenuProps>;\n}) => {\n  const { sidebarConfig } = useContext(SidebarConfigContext);\n  const classes = useMemoStyles(sidebarConfig);\n  const [isHoveredOn, setIsHoveredOn] = useState(false);\n  const location = useLocation();\n  const isActive = useLocationMatch(children, location);\n  const isSmallScreen = useMediaQuery((theme: Theme) =>\n    theme.breakpoints.down('sm'),\n  );\n\n  const handleMouseEnter = () => {\n    setIsHoveredOn(true);\n  };\n  const handleMouseLeave = () => {\n    setIsHoveredOn(false);\n  };\n\n  const arrowIcon = () => {\n    if (isSmallScreen) {\n      return isHoveredOn ? (\n        <ArrowDropUp fontSize=\"small\" className={classes.submenuArrow} />\n      ) : (\n        <ArrowDropDown fontSize=\"small\" className={classes.submenuArrow} />\n      );\n    }\n    return (\n      !isHoveredOn && (\n        <ArrowRightIcon fontSize=\"small\" className={classes.submenuArrow} />\n      )\n    );\n  };\n\n  return (\n    <SidebarItemWithSubmenuContext.Provider\n      value={{\n        isHoveredOn,\n        setIsHoveredOn,\n      }}\n    >\n      <div\n        data-testid=\"item-with-submenu\"\n        onMouseLeave={handleMouseLeave}\n        onTouchStart={isHoveredOn ? handleMouseLeave : handleMouseEnter}\n        onMouseEnter={handleMouseEnter}\n        className={classnames(isHoveredOn && classes.highlighted)}\n      >\n        <SidebarItemBase\n          hasSubmenu\n          className={isActive ? classes.selected : ''}\n          {...props}\n        >\n          {arrowIcon()}\n        </SidebarItemBase>\n        {isHoveredOn && children}\n      </div>\n    </SidebarItemWithSubmenuContext.Provider>\n  );\n};\n\n/**\n * Creates a `SidebarItem`\n *\n * @remarks\n * If children contain a `SidebarSubmenu` component the `SidebarItem` will have a expandable submenu\n */\nexport const SidebarItem = forwardRef<\n  any,\n  SidebarItemProps & { children: ReactNode }\n>((props, ref) => {\n  // Filter children for SidebarSubmenu components\n  const [submenu] = useElementFilter(props.children, elements =>\n    // Directly comparing child.type with SidebarSubmenu will not work with in\n    // combination with react-hot-loader\n    //\n    // https://github.com/gaearon/react-hot-loader/issues/304#issuecomment-456569720\n    elements.getElements().filter(child => child.type === sidebarSubmenuType),\n  );\n\n  if (submenu) {\n    return (\n      <SidebarItemWithSubmenu {...props}>\n        {submenu as ReactElement<SidebarSubmenuProps>}\n      </SidebarItemWithSubmenu>\n    );\n  }\n\n  return <SidebarItemBase {...props} ref={ref} />;\n}) as (props: SidebarItemProps) => JSX.Element;\n\ntype SidebarSearchFieldProps = {\n  onSearch: (input: string) => void;\n  to?: string;\n  icon?: IconComponent;\n};\n\nexport function SidebarSearchField(props: SidebarSearchFieldProps) {\n  const { sidebarConfig } = useContext(SidebarConfigContext);\n  const [input, setInput] = useState('');\n  const classes = useMemoStyles(sidebarConfig);\n  const Icon = props.icon ? props.icon : SearchIcon;\n\n  const search = () => {\n    props.onSearch(input);\n    setInput('');\n  };\n\n  const handleEnter: KeyboardEventHandler = ev => {\n    if (ev.key === 'Enter') {\n      ev.preventDefault();\n      search();\n    }\n  };\n\n  const handleInput = (ev: ChangeEvent<HTMLInputElement>) => {\n    setInput(ev.target.value);\n  };\n\n  const handleInputClick = (ev: MouseEvent<HTMLInputElement>) => {\n    // Clicking into the search fields shouldn't navigate to the search page\n    ev.preventDefault();\n    ev.stopPropagation();\n  };\n\n  const handleItemClick = (ev: MouseEvent) => {\n    // Clicking on the search icon while should execute a query with the current field content\n    search();\n    ev.preventDefault();\n  };\n\n  return (\n    <Box className={classes.searchRoot}>\n      <SidebarItem\n        icon={Icon}\n        to={props.to}\n        onClick={handleItemClick}\n        disableHighlight\n      >\n        <TextField\n          placeholder=\"Search\"\n          value={input}\n          onClick={handleInputClick}\n          onChange={handleInput}\n          onKeyDown={handleEnter}\n          className={classes.searchContainer}\n          InputProps={{\n            disableUnderline: true,\n            className: classes.searchField,\n          }}\n          inputProps={{\n            className: classes.searchFieldHTMLInput,\n          }}\n        />\n      </SidebarItem>\n    </Box>\n  );\n}\n\nexport type SidebarSpaceClassKey = 'root';\n\nexport const SidebarSpace = styled('div')(\n  {\n    flex: 1,\n  },\n  { name: 'BackstageSidebarSpace' },\n) as ComponentType<ComponentProps<'div'> & StyledComponentProps<'root'>>;\n\nexport type SidebarSpacerClassKey = 'root';\n\nexport const SidebarSpacer = styled('div')(\n  {\n    height: 8,\n  },\n  { name: 'BackstageSidebarSpacer' },\n) as ComponentType<ComponentProps<'div'> & StyledComponentProps<'root'>>;\n\nexport type SidebarDividerClassKey = 'root';\n\nexport const SidebarDivider = styled('hr')(\n  ({ theme }) => ({\n    height: 1,\n    width: '100%',\n    background: '#383838',\n    border: 'none',\n    margin: theme.spacing(1.2, 0),\n  }),\n  { name: 'BackstageSidebarDivider' },\n) as ComponentType<ComponentProps<'hr'> & StyledComponentProps<'root'>>;\n\nconst styledScrollbar = (theme: Theme): CreateCSSProperties => ({\n  overflowY: 'auto',\n  '&::-webkit-scrollbar': {\n    backgroundColor: theme.palette.background.default,\n    width: '5px',\n    borderRadius: '5px',\n  },\n  '&::-webkit-scrollbar-thumb': {\n    backgroundColor: theme.palette.text.secondary,\n    borderRadius: '5px',\n  },\n});\n\nexport const SidebarScrollWrapper = styled('div')(({ theme }) => {\n  const scrollbarStyles = styledScrollbar(theme);\n  return {\n    flex: '0 1 auto',\n    overflowX: 'hidden',\n    width: '100%',\n    // Display at least one item in the container\n    // Question: Can this be a config/theme variable - if so, which? :/\n    minHeight: '48px',\n    overflowY: 'hidden',\n    '@media (hover: none)': scrollbarStyles,\n    '&:hover': scrollbarStyles,\n  };\n}) as ComponentType<ComponentProps<'div'> & StyledComponentProps<'root'>>;\n\n/**\n * A button which allows you to expand the sidebar when clicked.\n *\n * @remarks\n * Use optionally to replace sidebar's expand-on-hover feature with expand-on-click.\n *\n * If you are using this you might want to set the `disableExpandOnHover` of the `Sidebar` to `true`.\n *\n * @public\n */\nexport const SidebarExpandButton = () => {\n  const { sidebarConfig } = useContext(SidebarConfigContext);\n  const classes = useMemoStyles(sidebarConfig);\n  const { isOpen, setOpen } = useSidebarOpenState();\n  const isSmallScreen = useMediaQuery<Theme>(\n    theme => theme.breakpoints.down('md'),\n    { noSsr: true },\n  );\n\n  if (isSmallScreen) {\n    return null;\n  }\n\n  const handleClick = () => {\n    setOpen(!isOpen);\n  };\n\n  return (\n    <Button\n      role=\"button\"\n      onClick={handleClick}\n      className={classes.expandButton}\n      aria-label=\"Expand Sidebar\"\n      data-testid=\"sidebar-expand-button\"\n    >\n      <Box className={classes.arrows}>\n        {isOpen ? <DoubleArrowLeft /> : <DoubleArrowRight />}\n      </Box>\n    </Button>\n  );\n};\n"],"names":["classnames","ArrowDropUp","ArrowDropDown","SearchIcon"],"mappings":"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"}
+{"version":3,"file":"Items.esm.js","sources":["../../../src/layout/Sidebar/Items.tsx"],"sourcesContent":["/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport {\n  IconComponent,\n  useAnalytics,\n  useElementFilter,\n} from '@backstage/core-plugin-api';\nimport Badge from '@material-ui/core/Badge';\nimport Box from '@material-ui/core/Box';\nimport { makeStyles, styled, Theme } from '@material-ui/core/styles';\nimport {\n  CreateCSSProperties,\n  StyledComponentProps,\n} from '@material-ui/core/styles/withStyles';\nimport TextField from '@material-ui/core/TextField';\nimport Typography from '@material-ui/core/Typography';\nimport useMediaQuery from '@material-ui/core/useMediaQuery';\nimport ArrowDropDown from '@material-ui/icons/ArrowDropDown';\nimport ArrowDropUp from '@material-ui/icons/ArrowDropUp';\nimport ArrowRightIcon from '@material-ui/icons/ArrowRight';\nimport SearchIcon from '@material-ui/icons/Search';\nimport classnames from 'classnames';\nimport type { Location } from 'history';\n\nimport {\n  ComponentProps,\n  ComponentType,\n  CSSProperties,\n  forwardRef,\n  KeyboardEventHandler,\n  ReactNode,\n  useCallback,\n  useContext,\n  useMemo,\n  useState,\n  MouseEvent,\n  ChangeEvent,\n  ReactElement,\n  createElement,\n} from 'react';\n\nimport {\n  Link,\n  NavLinkProps,\n  resolvePath,\n  useLocation,\n  useResolvedPath,\n} from 'react-router-dom';\n\nimport {\n  SidebarConfig,\n  SidebarConfigContext,\n  SidebarItemWithSubmenuContext,\n} from './config';\nimport DoubleArrowLeft from './icons/DoubleArrowLeft';\nimport DoubleArrowRight from './icons/DoubleArrowRight';\nimport { useSidebarOpenState } from './SidebarOpenStateContext';\nimport { SidebarSubmenu, SidebarSubmenuProps } from './SidebarSubmenu';\nimport { SidebarSubmenuItemProps } from './SidebarSubmenuItem';\nimport { isLocationMatch } from './utils';\nimport Button from '@material-ui/core/Button';\n\n/** @public */\nexport type SidebarItemClassKey =\n  | 'root'\n  | 'buttonItem'\n  | 'closed'\n  | 'open'\n  | 'highlightable'\n  | 'highlighted'\n  | 'label'\n  | 'iconContainer'\n  | 'searchRoot'\n  | 'searchField'\n  | 'searchFieldHTMLInput'\n  | 'searchContainer'\n  | 'secondaryAction'\n  | 'closedItemIcon'\n  | 'submenuArrow'\n  | 'expandButton'\n  | 'arrows'\n  | 'selected';\n\nconst makeSidebarStyles = (sidebarConfig: SidebarConfig) =>\n  makeStyles(\n    theme => ({\n      root: {\n        color: theme.palette.navigation.color,\n        display: 'flex',\n        flexFlow: 'row nowrap',\n        alignItems: 'center',\n        height: 48,\n        cursor: 'pointer',\n      },\n      buttonItem: {\n        background: 'none',\n        border: 'none',\n        width: '100%',\n        margin: 0,\n        padding: 0,\n        textAlign: 'inherit',\n        font: 'inherit',\n        textTransform: 'none',\n      },\n      itemIcon: {\n        display: 'inline-flex',\n        fontSize: theme.typography.fontSize,\n        lineHeight: 0,\n        '& svg': {\n          width: '1.5em',\n          height: '1.5em',\n          fontSize: 'inherit',\n          flexShrink: 0,\n        },\n      },\n      closed: {\n        width: sidebarConfig.drawerWidthClosed,\n        justifyContent: 'center',\n      },\n      open: {\n        [theme.breakpoints.up('sm')]: {\n          width: sidebarConfig.drawerWidthOpen,\n        },\n      },\n      highlightable: {\n        '&:hover': {\n          background:\n            theme.palette.navigation.navItem?.hoverBackground ?? '#404040',\n        },\n      },\n      highlighted: {\n        background:\n          theme.palette.navigation.navItem?.hoverBackground ?? '#404040',\n      },\n      label: {\n        // XXX (@koroeskohr): I can't seem to achieve the desired font-weight from the designs\n        fontWeight: 'bold',\n        whiteSpace: 'nowrap',\n        lineHeight: 'auto',\n        flex: '3 1 auto',\n        width: '110px',\n        overflow: 'hidden',\n        'text-overflow': 'ellipsis',\n      },\n      iconContainer: {\n        boxSizing: 'border-box',\n        height: '100%',\n        width: sidebarConfig.iconContainerWidth,\n        marginRight: -theme.spacing(2),\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        lineHeight: '0',\n      },\n      searchRoot: {\n        marginBottom: 12,\n      },\n      searchField: {\n        color: '#b5b5b5',\n        fontWeight: theme.typography.fontWeightBold,\n        fontSize: theme.typography.fontSize,\n      },\n      searchFieldHTMLInput: {\n        padding: theme.spacing(2, 0, 2),\n      },\n      searchContainer: {\n        width: sidebarConfig.drawerWidthOpen - sidebarConfig.iconContainerWidth,\n      },\n      secondaryAction: {\n        width: theme.spacing(6),\n        textAlign: 'center',\n        marginRight: theme.spacing(1),\n      },\n      closedItemIcon: {\n        width: '100%',\n        justifyContent: 'center',\n      },\n      submenuArrow: {\n        display: 'flex',\n      },\n      expandButton: {\n        background: 'none',\n        border: 'none',\n        color: theme.palette.navigation.color,\n        width: '100%',\n        cursor: 'pointer',\n        position: 'relative',\n        height: 48,\n      },\n      arrows: {\n        position: 'absolute',\n        right: 10,\n      },\n      selected: {\n        '&$root': {\n          borderLeft: `solid ${sidebarConfig.selectedIndicatorWidth}px ${theme.palette.navigation.indicator}`,\n          color: theme.palette.navigation.selectedColor,\n        },\n        '&$closed': {\n          width: sidebarConfig.drawerWidthClosed,\n        },\n        '& $closedItemIcon': {\n          paddingRight: sidebarConfig.selectedIndicatorWidth,\n        },\n        '& $iconContainer': {\n          marginLeft: -sidebarConfig.selectedIndicatorWidth,\n        },\n      },\n    }),\n    { name: 'BackstageSidebarItem' },\n  );\n\n// This is a workaround for this issue https://github.com/mui/material-ui/issues/15511\n// The styling of the `selected` elements doesn't work as expected when using a prop callback.\n// Don't use this pattern unless needed\nfunction useMemoStyles(sidebarConfig: SidebarConfig) {\n  const useStyles = useMemo(\n    () => makeSidebarStyles(sidebarConfig),\n    [sidebarConfig],\n  );\n  return useStyles();\n}\n\n/**\n * Evaluates the routes of the SubmenuItems & nested DropdownItems.\n * The reevaluation is only triggered, if the `locationPathname` changes, as `useElementFilter` uses memorization.\n *\n * @param submenu SidebarSubmenu component\n * @param location Location\n * @returns boolean\n */\nconst useLocationMatch = (\n  submenu: ReactElement<SidebarSubmenuProps>,\n  location: Location,\n): boolean =>\n  useElementFilter(\n    submenu.props.children,\n    elements => {\n      let active = false;\n      elements\n        .getElements()\n        .forEach(\n          ({\n            props: { to, dropdownItems },\n          }: {\n            props: Partial<SidebarSubmenuItemProps>;\n          }) => {\n            if (!active) {\n              if (dropdownItems?.length) {\n                dropdownItems.forEach(\n                  ({ to: _to }) =>\n                    (active =\n                      active || isLocationMatch(location, resolvePath(_to))),\n                );\n                return;\n              }\n              if (to) {\n                active = isLocationMatch(location, resolvePath(to));\n              }\n            }\n          },\n        );\n      return active;\n    },\n    [location.pathname],\n  );\n\ntype SidebarItemBaseProps = {\n  icon: IconComponent;\n  text?: string;\n  hasNotifications?: boolean;\n  hasSubmenu?: boolean;\n  disableHighlight?: boolean;\n  className?: string;\n  noTrack?: boolean;\n  onClick?: (ev: MouseEvent) => void;\n};\n\ntype SidebarItemButtonProps = SidebarItemBaseProps & {\n  onClick: (ev: MouseEvent) => void;\n  children?: ReactNode;\n};\n\ntype SidebarItemLinkProps = SidebarItemBaseProps & {\n  to: string;\n  onClick?: (ev: MouseEvent) => void;\n} & NavLinkProps;\n\ntype SidebarItemWithSubmenuProps = SidebarItemBaseProps & {\n  to?: string;\n  onClick?: (ev: MouseEvent) => void;\n  children: ReactNode;\n};\n\n/**\n * SidebarItem with 'to' property will be a clickable link.\n * SidebarItem with 'onClick' property and without 'to' property will be a clickable button.\n * SidebarItem which wraps a SidebarSubmenu will be a clickable button which opens a submenu.\n */\ntype SidebarItemProps =\n  | SidebarItemLinkProps\n  | SidebarItemButtonProps\n  | SidebarItemWithSubmenuProps;\n\nfunction isButtonItem(\n  props: SidebarItemProps,\n): props is SidebarItemButtonProps {\n  return (props as SidebarItemLinkProps).to === undefined;\n}\n\nconst sidebarSubmenuType = createElement(SidebarSubmenu).type;\n\n// TODO(Rugvip): Remove this once NavLink is updated in react-router-dom.\n//               This is needed because react-router doesn't handle the path comparison\n//               properly yet, matching for example /foobar with /foo.\nexport const WorkaroundNavLink = forwardRef<\n  HTMLAnchorElement,\n  NavLinkProps & {\n    children?: ReactNode;\n    activeStyle?: CSSProperties;\n    activeClassName?: string;\n  }\n>(function WorkaroundNavLinkWithRef(\n  {\n    to,\n    end,\n    style,\n    className,\n    activeStyle,\n    caseSensitive,\n    activeClassName = 'active',\n    'aria-current': ariaCurrentProp = 'page',\n    ...rest\n  },\n  ref,\n) {\n  let { pathname: locationPathname } = useLocation();\n  let { pathname: toPathname } = useResolvedPath(to);\n\n  if (!caseSensitive) {\n    locationPathname = locationPathname.toLocaleLowerCase('en-US');\n    toPathname = toPathname.toLocaleLowerCase('en-US');\n  }\n\n  let isActive = locationPathname === toPathname;\n  if (!isActive && !end) {\n    // This is the behavior that is different from the original NavLink\n    isActive = locationPathname.startsWith(`${toPathname}/`);\n  }\n\n  const ariaCurrent = isActive ? ariaCurrentProp : undefined;\n\n  return (\n    <Link\n      {...rest}\n      to={to}\n      ref={ref}\n      aria-current={ariaCurrent}\n      style={{ ...style, ...(isActive ? activeStyle : undefined) }}\n      className={classnames([\n        typeof className !== 'function' ? className : undefined,\n        isActive ? activeClassName : undefined,\n      ])}\n    />\n  );\n});\n\n/**\n * Common component used by SidebarItem & SidebarItemWithSubmenu\n */\nconst SidebarItemBase = forwardRef<\n  any,\n  SidebarItemProps & { children: ReactNode }\n>((props, ref) => {\n  const {\n    icon: Icon,\n    text,\n    hasNotifications = false,\n    hasSubmenu = false,\n    disableHighlight = false,\n    onClick,\n    noTrack,\n    children,\n    className,\n    ...navLinkProps\n  } = props;\n  const { sidebarConfig } = useContext(SidebarConfigContext);\n  const classes = useMemoStyles(sidebarConfig);\n  // XXX (@koroeskohr): unsure this is optimal. But I just really didn't want to have the item component\n  // depend on the current location, and at least have it being optionally forced to selected.\n  // Still waiting on a Q answered to fine tune the implementation\n  const { isOpen } = useSidebarOpenState();\n\n  const divStyle =\n    !isOpen && hasSubmenu\n      ? { display: 'flex', marginLeft: '20px' }\n      : { lineHeight: '0' };\n\n  const displayItemIcon = (\n    <Box style={divStyle}>\n      <Box component=\"span\" className={classes.itemIcon}>\n        <Icon fontSize=\"inherit\" />\n      </Box>\n      {!isOpen && hasSubmenu ? <ArrowRightIcon fontSize=\"small\" /> : <></>}\n    </Box>\n  );\n\n  const itemIcon = (\n    <Badge\n      color=\"secondary\"\n      variant=\"dot\"\n      overlap=\"circular\"\n      invisible={!hasNotifications}\n      className={classnames({ [classes.closedItemIcon]: !isOpen })}\n    >\n      {displayItemIcon}\n    </Badge>\n  );\n\n  const openContent = (\n    <>\n      <Box data-testid=\"login-button\" className={classes.iconContainer}>\n        {itemIcon}\n      </Box>\n      {text && (\n        <Typography\n          variant=\"subtitle2\"\n          component=\"span\"\n          className={classes.label}\n        >\n          {text}\n        </Typography>\n      )}\n      <div className={classes.secondaryAction}>{children}</div>\n    </>\n  );\n\n  const content = isOpen ? openContent : itemIcon;\n\n  const childProps = {\n    onClick,\n    className: classnames(\n      className,\n      classes.root,\n      isOpen ? classes.open : classes.closed,\n      isButtonItem(props) && classes.buttonItem,\n      { [classes.highlightable]: !disableHighlight },\n    ),\n  };\n\n  const analyticsApi = useAnalytics();\n  const { pathname: to } = useResolvedPath(\n    !isButtonItem(props) && props.to ? props.to : '',\n  );\n\n  const handleClick = useCallback(\n    (event: MouseEvent<HTMLAnchorElement | HTMLButtonElement>) => {\n      if (!noTrack) {\n        const action = 'click';\n        const subject = text ?? 'Sidebar Item';\n        const options = to ? { attributes: { to } } : undefined;\n        analyticsApi.captureEvent(action, subject, options);\n      }\n      onClick?.(event);\n    },\n    [analyticsApi, text, to, noTrack, onClick],\n  );\n\n  if (isButtonItem(props)) {\n    return (\n      <Button\n        role=\"button\"\n        aria-label={text}\n        {...childProps}\n        ref={ref}\n        onClick={handleClick}\n      >\n        {content}\n      </Button>\n    );\n  }\n\n  return (\n    <WorkaroundNavLink\n      {...childProps}\n      activeClassName={classes.selected}\n      to={props.to ? props.to : ''}\n      ref={ref}\n      aria-label={text ? text : props.to}\n      {...navLinkProps}\n      onClick={handleClick}\n    >\n      {content}\n    </WorkaroundNavLink>\n  );\n});\n\nconst SidebarItemWithSubmenu = ({\n  children,\n  ...props\n}: SidebarItemBaseProps & {\n  children: ReactElement<SidebarSubmenuProps>;\n}) => {\n  const { sidebarConfig } = useContext(SidebarConfigContext);\n  const classes = useMemoStyles(sidebarConfig);\n  const [isHoveredOn, setIsHoveredOn] = useState(false);\n  const location = useLocation();\n  const isActive = useLocationMatch(children, location);\n  const isSmallScreen = useMediaQuery((theme: Theme) =>\n    theme.breakpoints.down('sm'),\n  );\n\n  const handleMouseEnter = () => {\n    setIsHoveredOn(true);\n  };\n  const handleMouseLeave = () => {\n    setIsHoveredOn(false);\n  };\n\n  const arrowIcon = () => {\n    if (isSmallScreen) {\n      return isHoveredOn ? (\n        <ArrowDropUp fontSize=\"small\" className={classes.submenuArrow} />\n      ) : (\n        <ArrowDropDown fontSize=\"small\" className={classes.submenuArrow} />\n      );\n    }\n    return (\n      !isHoveredOn && (\n        <ArrowRightIcon fontSize=\"small\" className={classes.submenuArrow} />\n      )\n    );\n  };\n\n  return (\n    <SidebarItemWithSubmenuContext.Provider\n      value={{\n        isHoveredOn,\n        setIsHoveredOn,\n      }}\n    >\n      <div\n        data-testid=\"item-with-submenu\"\n        onMouseLeave={handleMouseLeave}\n        onTouchStart={isHoveredOn ? handleMouseLeave : handleMouseEnter}\n        onMouseEnter={handleMouseEnter}\n        className={classnames(isHoveredOn && classes.highlighted)}\n      >\n        <SidebarItemBase\n          hasSubmenu\n          className={isActive ? classes.selected : ''}\n          {...props}\n        >\n          {arrowIcon()}\n        </SidebarItemBase>\n        {isHoveredOn && children}\n      </div>\n    </SidebarItemWithSubmenuContext.Provider>\n  );\n};\n\n/**\n * Creates a `SidebarItem`\n *\n * @remarks\n * If children contain a `SidebarSubmenu` component the `SidebarItem` will have a expandable submenu\n */\nexport const SidebarItem = forwardRef<\n  any,\n  SidebarItemProps & { children: ReactNode }\n>((props, ref) => {\n  // Filter children for SidebarSubmenu components\n  const [submenu] = useElementFilter(props.children, elements =>\n    // Directly comparing child.type with SidebarSubmenu will not work with in\n    // combination with react-hot-loader\n    //\n    // https://github.com/gaearon/react-hot-loader/issues/304#issuecomment-456569720\n    elements.getElements().filter(child => child.type === sidebarSubmenuType),\n  );\n\n  if (submenu) {\n    return (\n      <SidebarItemWithSubmenu {...props}>\n        {submenu as ReactElement<SidebarSubmenuProps>}\n      </SidebarItemWithSubmenu>\n    );\n  }\n\n  return <SidebarItemBase {...props} ref={ref} />;\n}) as (props: SidebarItemProps) => JSX.Element;\n\ntype SidebarSearchFieldProps = {\n  onSearch: (input: string) => void;\n  to?: string;\n  icon?: IconComponent;\n};\n\nexport function SidebarSearchField(props: SidebarSearchFieldProps) {\n  const { sidebarConfig } = useContext(SidebarConfigContext);\n  const [input, setInput] = useState('');\n  const classes = useMemoStyles(sidebarConfig);\n  const Icon = props.icon ? props.icon : SearchIcon;\n\n  const search = () => {\n    props.onSearch(input);\n    setInput('');\n  };\n\n  const handleEnter: KeyboardEventHandler = ev => {\n    if (ev.key === 'Enter') {\n      ev.preventDefault();\n      search();\n    }\n  };\n\n  const handleInput = (ev: ChangeEvent<HTMLInputElement>) => {\n    setInput(ev.target.value);\n  };\n\n  const handleInputClick = (ev: MouseEvent<HTMLInputElement>) => {\n    // Clicking into the search fields shouldn't navigate to the search page\n    ev.preventDefault();\n    ev.stopPropagation();\n  };\n\n  const handleItemClick = (ev: MouseEvent) => {\n    // Clicking on the search icon while should execute a query with the current field content\n    search();\n    ev.preventDefault();\n  };\n\n  return (\n    <Box className={classes.searchRoot}>\n      <SidebarItem\n        icon={Icon}\n        to={props.to}\n        onClick={handleItemClick}\n        disableHighlight\n      >\n        <TextField\n          placeholder=\"Search\"\n          value={input}\n          onClick={handleInputClick}\n          onChange={handleInput}\n          onKeyDown={handleEnter}\n          className={classes.searchContainer}\n          InputProps={{\n            disableUnderline: true,\n            className: classes.searchField,\n          }}\n          inputProps={{\n            className: classes.searchFieldHTMLInput,\n          }}\n        />\n      </SidebarItem>\n    </Box>\n  );\n}\n\nexport type SidebarSpaceClassKey = 'root';\n\nexport const SidebarSpace = styled('div')(\n  {\n    flex: 1,\n  },\n  { name: 'BackstageSidebarSpace' },\n) as ComponentType<ComponentProps<'div'> & StyledComponentProps<'root'>>;\n\nexport type SidebarSpacerClassKey = 'root';\n\nexport const SidebarSpacer = styled('div')(\n  {\n    height: 8,\n  },\n  { name: 'BackstageSidebarSpacer' },\n) as ComponentType<ComponentProps<'div'> & StyledComponentProps<'root'>>;\n\nexport type SidebarDividerClassKey = 'root';\n\nexport const SidebarDivider = styled('hr')(\n  ({ theme }) => ({\n    height: 1,\n    width: '100%',\n    background: '#383838',\n    border: 'none',\n    margin: theme.spacing(1.2, 0),\n  }),\n  { name: 'BackstageSidebarDivider' },\n) as ComponentType<ComponentProps<'hr'> & StyledComponentProps<'root'>>;\n\nconst styledScrollbar = (theme: Theme): CreateCSSProperties => ({\n  overflowY: 'auto',\n  '&::-webkit-scrollbar': {\n    backgroundColor: theme.palette.background.default,\n    width: '5px',\n    borderRadius: '5px',\n  },\n  '&::-webkit-scrollbar-thumb': {\n    backgroundColor: theme.palette.text.secondary,\n    borderRadius: '5px',\n  },\n});\n\nexport const SidebarScrollWrapper = styled('div')(({ theme }) => {\n  const scrollbarStyles = styledScrollbar(theme);\n  return {\n    flex: '0 1 auto',\n    overflowX: 'hidden',\n    width: '100%',\n    // Display at least one item in the container\n    // Question: Can this be a config/theme variable - if so, which? :/\n    minHeight: '48px',\n    overflowY: 'hidden',\n    '@media (hover: none)': scrollbarStyles,\n    '&:hover': scrollbarStyles,\n  };\n}) as ComponentType<ComponentProps<'div'> & StyledComponentProps<'root'>>;\n\n/**\n * A button which allows you to expand the sidebar when clicked.\n *\n * @remarks\n * Use optionally to replace sidebar's expand-on-hover feature with expand-on-click.\n *\n * If you are using this you might want to set the `disableExpandOnHover` of the `Sidebar` to `true`.\n *\n * @public\n */\nexport const SidebarExpandButton = () => {\n  const { sidebarConfig } = useContext(SidebarConfigContext);\n  const classes = useMemoStyles(sidebarConfig);\n  const { isOpen, setOpen } = useSidebarOpenState();\n  const isSmallScreen = useMediaQuery<Theme>(\n    theme => theme.breakpoints.down('md'),\n    { noSsr: true },\n  );\n\n  if (isSmallScreen) {\n    return null;\n  }\n\n  const handleClick = () => {\n    setOpen(!isOpen);\n  };\n\n  return (\n    <Button\n      role=\"button\"\n      onClick={handleClick}\n      className={classes.expandButton}\n      aria-label=\"Expand Sidebar\"\n      data-testid=\"sidebar-expand-button\"\n    >\n      <Box className={classes.arrows}>\n        {isOpen ? <DoubleArrowLeft /> : <DoubleArrowRight />}\n      </Box>\n    </Button>\n  );\n};\n"],"names":["classnames","ArrowDropUp","ArrowDropDown","SearchIcon"],"mappings":"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"}

package/dist/translation.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"translation.esm.js","sources":["../src/translation.ts"],"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 */\n\nimport { createTranslationRef } from '@backstage/core-plugin-api/alpha';\n\n/** @alpha */\nexport const coreComponentsTranslationRef = createTranslationRef({\n  id: 'core-components',\n  messages: {\n    signIn: {\n      title: 'Sign In',\n      loginFailed: 'Login failed',\n      customProvider: {\n        title: 'Custom User',\n        subtitle:\n          'Enter your own User ID and credentials.\\n This selection will not be stored.',\n        userId: 'User ID',\n        tokenInvalid: 'Token is not a valid OpenID Connect JWT Token',\n        continue: 'Continue',\n        idToken: 'ID Token (optional)',\n      },\n      guestProvider: {\n        title: 'Guest',\n        subtitle:\n          'Enter as a Guest User.\\n You will not have a verified identity, meaning some features might be unavailable.',\n        enter: 'Enter',\n      },\n    },\n    skipToContent: 'Skip to content',\n    copyTextButton: {\n      tooltipText: 'Text copied to clipboard',\n    },\n    simpleStepper: {\n      reset: 'Reset',\n      finish: 'Finish',\n      next: 'Next',\n      skip: 'Skip',\n      back: 'Back',\n    },\n    errorPage: {\n      subtitle: 'ERROR {{status}}: {{statusMessage}}',\n      title: 'Looks like someone dropped the mic!',\n      goBack: 'Go back',\n      showMoreDetails: 'Show more details',\n      showLessDetails: 'Show less details',\n    },\n    emptyState: {\n      missingAnnotation: {\n        title: 'Missing Annotation',\n        actionTitle:\n          'Add the annotation to your component YAML as shown in the highlighted example below:',\n        readMore: 'Read more',\n      },\n    },\n    supportConfig: {\n      default: {\n        title: 'Support Not Configured',\n        linkTitle: 'Add `app.support` config key',\n      },\n    },\n    errorBoundary: {\n      title: 'Please contact {{slackChannel}} for help.',\n    },\n    oauthRequestDialog: {\n      title: 'Login Required',\n      authRedirectTitle: 'This will trigger a http redirect to OAuth Login.',\n      login: 'Log in',\n      rejectAll: 'Reject All',\n      message:\n        'Sign-in to allow {{appTitle}} access to {{provider}} APIs and identities.',\n    },\n    supportButton: {\n      title: 'Support',\n      close: 'Close',\n    },\n    table: {\n      filter: {\n        title: 'Filters',\n        clearAll: 'Clear all',\n        placeholder: 'All results',\n      },\n      body: {\n        emptyDataSourceMessage: 'No records to display',\n      },\n      pagination: {\n        firstTooltip: 'First Page',\n        labelDisplayedRows: '{from}-{to} of {count}',\n        labelRowsSelect: 'rows',\n        lastTooltip: 'Last Page',\n        nextTooltip: 'Next Page',\n        previousTooltip: 'Previous Page',\n      },\n      toolbar: {\n        search: 'Filter',\n      },\n      header: {\n        actions: 'Actions',\n      },\n    },\n    alertDisplay: {\n      message_one: '({{ count }} newer message)',\n      message_other: '({{ count }} newer messages)',\n    },\n    autoLogout: {\n      stillTherePrompt: {\n        title: 'Logging out due to inactivity',\n        buttonText: \"Yes! Don't log me out\",\n      },\n    },\n    dependencyGraph: {\n      fullscreenTooltip: 'Toggle fullscreen',\n    },\n    proxiedSignInPage: {\n      title:\n        'You do not appear to be signed in. Please try reloading the browser page.',\n    },\n    logViewer: {\n      downloadBtn: {\n        tooltip: 'Download logs',\n      },\n      searchField: {\n        placeholder: 'Search',\n      },\n    },\n  },\n});\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"translation.esm.js","sources":["../src/translation.ts"],"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 */\n\nimport { createTranslationRef } from '@backstage/core-plugin-api/alpha';\n\n/** @public */\nexport const coreComponentsTranslationRef = createTranslationRef({\n  id: 'core-components',\n  messages: {\n    signIn: {\n      title: 'Sign In',\n      loginFailed: 'Login failed',\n      customProvider: {\n        title: 'Custom User',\n        subtitle:\n          'Enter your own User ID and credentials.\\n This selection will not be stored.',\n        userId: 'User ID',\n        tokenInvalid: 'Token is not a valid OpenID Connect JWT Token',\n        continue: 'Continue',\n        idToken: 'ID Token (optional)',\n      },\n      guestProvider: {\n        title: 'Guest',\n        subtitle:\n          'Enter as a Guest User.\\n You will not have a verified identity, meaning some features might be unavailable.',\n        enter: 'Enter',\n      },\n    },\n    skipToContent: 'Skip to content',\n    copyTextButton: {\n      tooltipText: 'Text copied to clipboard',\n    },\n    simpleStepper: {\n      reset: 'Reset',\n      finish: 'Finish',\n      next: 'Next',\n      skip: 'Skip',\n      back: 'Back',\n    },\n    errorPage: {\n      subtitle: 'ERROR {{status}}: {{statusMessage}}',\n      title: 'Looks like someone dropped the mic!',\n      goBack: 'Go back',\n      showMoreDetails: 'Show more details',\n      showLessDetails: 'Show less details',\n    },\n    emptyState: {\n      missingAnnotation: {\n        title: 'Missing Annotation',\n        actionTitle:\n          'Add the annotation to your component YAML as shown in the highlighted example below:',\n        readMore: 'Read more',\n      },\n    },\n    supportConfig: {\n      default: {\n        title: 'Support Not Configured',\n        linkTitle: 'Add `app.support` config key',\n      },\n    },\n    errorBoundary: {\n      title: 'Please contact {{slackChannel}} for help.',\n    },\n    oauthRequestDialog: {\n      title: 'Login Required',\n      authRedirectTitle: 'This will trigger a http redirect to OAuth Login.',\n      login: 'Log in',\n      rejectAll: 'Reject All',\n      message:\n        'Sign-in to allow {{appTitle}} access to {{provider}} APIs and identities.',\n    },\n    supportButton: {\n      title: 'Support',\n      close: 'Close',\n    },\n    table: {\n      filter: {\n        title: 'Filters',\n        clearAll: 'Clear all',\n        placeholder: 'All results',\n      },\n      body: {\n        emptyDataSourceMessage: 'No records to display',\n      },\n      pagination: {\n        firstTooltip: 'First Page',\n        labelDisplayedRows: '{from}-{to} of {count}',\n        labelRowsSelect: 'rows',\n        lastTooltip: 'Last Page',\n        nextTooltip: 'Next Page',\n        previousTooltip: 'Previous Page',\n      },\n      toolbar: {\n        search: 'Filter',\n      },\n      header: {\n        actions: 'Actions',\n      },\n    },\n    alertDisplay: {\n      message_one: '({{ count }} newer message)',\n      message_other: '({{ count }} newer messages)',\n    },\n    autoLogout: {\n      stillTherePrompt: {\n        title: 'Logging out due to inactivity',\n        buttonText: \"Yes! Don't log me out\",\n      },\n    },\n    dependencyGraph: {\n      fullscreenTooltip: 'Toggle fullscreen',\n    },\n    proxiedSignInPage: {\n      title:\n        'You do not appear to be signed in. Please try reloading the browser page.',\n    },\n    logViewer: {\n      downloadBtn: {\n        tooltip: 'Download logs',\n      },\n      searchField: {\n        placeholder: 'Search',\n      },\n    },\n  },\n});\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@backstage/core-components",
-  "version": "0.18.8-next.1",
+  "version": "0.18.8",
   "description": "Core components used by Backstage plugins and apps",
   "backstage": {
     "role": "web-library"
@@ -66,11 +66,11 @@
     "test": "backstage-cli package test"
   },
   "dependencies": {
-    "@backstage/config": "1.3.6",
-    "@backstage/core-plugin-api": "1.12.4-next.1",
-    "@backstage/errors": "1.2.7",
-    "@backstage/theme": "0.7.2",
-    "@backstage/version-bridge": "1.0.12",
+    "@backstage/config": "^1.3.6",
+    "@backstage/core-plugin-api": "^1.12.4",
+    "@backstage/errors": "^1.2.7",
+    "@backstage/theme": "^0.7.2",
+    "@backstage/version-bridge": "^1.0.12",
     "@dagrejs/dagre": "^1.1.4",
     "@date-io/core": "^1.3.13",
     "@material-table/core": "^3.1.0",
@@ -107,13 +107,13 @@
     "rehype-sanitize": "^5.0.0",
     "remark-gfm": "^3.0.1",
     "zen-observable": "^0.10.0",
-    "zod": "^3.25.76"
+    "zod": "^3.25.76 || ^4.0.0"
   },
   "devDependencies": {
-    "@backstage/app-defaults": "1.7.6-next.0",
-    "@backstage/cli": "0.36.0-next.2",
-    "@backstage/core-app-api": "1.19.6-next.1",
-    "@backstage/test-utils": "1.7.16-next.0",
+    "@backstage/app-defaults": "^1.7.6",
+    "@backstage/cli": "^0.36.0",
+    "@backstage/core-app-api": "^1.19.6",
+    "@backstage/test-utils": "^1.7.16",
     "@testing-library/dom": "^10.0.0",
     "@testing-library/jest-dom": "^6.0.0",
     "@testing-library/user-event": "^14.0.0",