@backstage/core-components 0.14.10 → 0.14.11-next.1

package/CHANGELOG.md

@@ -1,5 +1,35 @@
 # @backstage/core-components
 
+## 0.14.11-next.1
+
+### Patch Changes
+
+- c891b69: Add `FavoriteToggle` in `core-components` to standardise favorite marking
+- 0944334: Removed default title set to Unknown page on `ContentHeaderTitle` component to support usage of component without title prop.
+- f325258: Use getOptionalString for optional app.support.items[].links[].title
+- af4c146: Support menu items should not be buttons in favour of links
+- b537bd7: Allow custom star icons to be provided via the `star` and `unstarred` icon overrides. See how to override existing icons in the [Backstage documentation](https://backstage.io/docs/getting-started/app-custom-theme/#custom-icons).
+- dbbd93e: Internal update to match recent React types
+- 836127c: Updated dependency `@testing-library/react` to `^16.0.0`.
+- Updated dependencies
+  - @backstage/core-plugin-api@1.9.4-next.0
+  - @backstage/theme@0.5.7-next.0
+  - @backstage/version-bridge@1.0.9-next.0
+  - @backstage/config@1.2.0
+  - @backstage/errors@1.2.4
+
+## 0.14.11-next.0
+
+### Patch Changes
+
+- 06b8206: Added `titleComponent` prop to `SignInPage` component to allow further customization of the title using `ReactNode`
+- Updated dependencies
+  - @backstage/config@1.2.0
+  - @backstage/core-plugin-api@1.9.3
+  - @backstage/errors@1.2.4
+  - @backstage/theme@0.5.6
+  - @backstage/version-bridge@1.0.8
+
 ## 0.14.10
 
 ### Patch Changes

package/alpha/package.json

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

package/dist/components/FavoriteToggle/FavoriteToggle.esm.js

@@ -0,0 +1,54 @@
+import React__default from 'react';
+import IconButton from '@material-ui/core/IconButton';
+import Tooltip from '@material-ui/core/Tooltip';
+import Typography from '@material-ui/core/Typography';
+import { makeStyles } from '@material-ui/core/styles';
+import { StarIcon, UnstarredIcon } from '../../icons/icons.esm.js';
+
+const useStyles = makeStyles(
+  (theme) => ({
+    icon: {
+      color: "#f3ba37",
+      cursor: "pointer"
+    },
+    iconBorder: {
+      color: theme.palette.text.primary,
+      cursor: "pointer"
+    }
+  }),
+  { name: "BackstageFavoriteToggleIcon" }
+);
+function FavoriteToggleIcon(props) {
+  const { isFavorite } = props;
+  const classes = useStyles();
+  return /* @__PURE__ */ React__default.createElement(
+    Typography,
+    {
+      component: "span",
+      className: isFavorite ? classes.icon : classes.iconBorder
+    },
+    isFavorite ? /* @__PURE__ */ React__default.createElement(StarIcon, null) : /* @__PURE__ */ React__default.createElement(UnstarredIcon, null)
+  );
+}
+function FavoriteToggle(props) {
+  const {
+    id,
+    title,
+    isFavorite: value,
+    onToggle: onChange,
+    ...iconButtonProps
+  } = props;
+  return /* @__PURE__ */ React__default.createElement(Tooltip, { id, title }, /* @__PURE__ */ React__default.createElement(
+    IconButton,
+    {
+      "aria-label": title,
+      id,
+      onClick: () => onChange(!value),
+      ...iconButtonProps
+    },
+    /* @__PURE__ */ React__default.createElement(FavoriteToggleIcon, { isFavorite: value })
+  ));
+}
+
+export { FavoriteToggle, FavoriteToggleIcon };
+//# sourceMappingURL=FavoriteToggle.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FavoriteToggle.esm.js","sources":["../../../src/components/FavoriteToggle/FavoriteToggle.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 */\nimport React, { ComponentProps } from 'react';\nimport IconButton from '@material-ui/core/IconButton';\nimport Tooltip from '@material-ui/core/Tooltip';\nimport Typography from '@material-ui/core/Typography';\nimport { Theme, makeStyles } from '@material-ui/core/styles';\nimport { StarIcon, UnstarredIcon } from '../../icons';\n\nconst useStyles = makeStyles<Theme>(\n  theme => ({\n    icon: {\n      color: '#f3ba37',\n      cursor: 'pointer',\n    },\n    iconBorder: {\n      color: theme.palette.text.primary,\n      cursor: 'pointer',\n    },\n  }),\n  { name: 'BackstageFavoriteToggleIcon' },\n);\n\n/**\n * @public\n */\nexport type FavoriteToggleIconClassKey = 'icon' | 'iconBorder';\n\n/**\n * Icon used in FavoriteToggle component.\n *\n * Can be used independently, useful when used as {@link @material-table/core#MaterialTableProps.actions} in {@link @material-table/core#MaterialTable}\n *\n * @public\n */\nexport function FavoriteToggleIcon(props: { isFavorite: boolean }) {\n  const { isFavorite } = props;\n  const classes = useStyles();\n\n  return (\n    <Typography\n      component=\"span\"\n      className={isFavorite ? classes.icon : classes.iconBorder}\n    >\n      {isFavorite ? <StarIcon /> : <UnstarredIcon />}\n    </Typography>\n  );\n}\n\n/**\n * Toggle encapsulating logic for marking something as favorite,\n * primarily used in various instances of entity lists and cards but can be used elsewhere.\n *\n * This component can only be used in as a controlled toggle and does not keep internal state.\n *\n * @public\n */\nexport function FavoriteToggle(\n  props: ComponentProps<typeof IconButton> & {\n    id: string;\n    title: string;\n    isFavorite: boolean;\n    onToggle: (value: boolean) => void;\n  },\n) {\n  const {\n    id,\n    title,\n    isFavorite: value,\n    onToggle: onChange,\n    ...iconButtonProps\n  } = props;\n  return (\n    <Tooltip id={id} title={title}>\n      <IconButton\n        aria-label={title}\n        id={id}\n        onClick={() => onChange(!value)}\n        {...iconButtonProps}\n      >\n        <FavoriteToggleIcon isFavorite={value} />\n      </IconButton>\n    </Tooltip>\n  );\n}\n"],"names":["React"],"mappings":";;;;;;;AAsBA,MAAM,SAAY,GAAA,UAAA;AAAA,EAChB,CAAU,KAAA,MAAA;AAAA,IACR,IAAM,EAAA;AAAA,MACJ,KAAO,EAAA,SAAA;AAAA,MACP,MAAQ,EAAA,SAAA;AAAA,KACV;AAAA,IACA,UAAY,EAAA;AAAA,MACV,KAAA,EAAO,KAAM,CAAA,OAAA,CAAQ,IAAK,CAAA,OAAA;AAAA,MAC1B,MAAQ,EAAA,SAAA;AAAA,KACV;AAAA,GACF,CAAA;AAAA,EACA,EAAE,MAAM,6BAA8B,EAAA;AACxC,CAAA,CAAA;AAcO,SAAS,mBAAmB,KAAgC,EAAA;AACjE,EAAM,MAAA,EAAE,YAAe,GAAA,KAAA,CAAA;AACvB,EAAA,MAAM,UAAU,SAAU,EAAA,CAAA;AAE1B,EACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,SAAU,EAAA,MAAA;AAAA,MACV,SAAW,EAAA,UAAA,GAAa,OAAQ,CAAA,IAAA,GAAO,OAAQ,CAAA,UAAA;AAAA,KAAA;AAAA,IAE9C,UAAa,mBAAAA,cAAA,CAAA,aAAA,CAAC,QAAS,EAAA,IAAA,CAAA,gDAAM,aAAc,EAAA,IAAA,CAAA;AAAA,GAC9C,CAAA;AAEJ,CAAA;AAUO,SAAS,eACd,KAMA,EAAA;AACA,EAAM,MAAA;AAAA,IACJ,EAAA;AAAA,IACA,KAAA;AAAA,IACA,UAAY,EAAA,KAAA;AAAA,IACZ,QAAU,EAAA,QAAA;AAAA,IACV,GAAG,eAAA;AAAA,GACD,GAAA,KAAA,CAAA;AACJ,EACE,uBAAAA,cAAA,CAAA,aAAA,CAAC,OAAQ,EAAA,EAAA,EAAA,EAAQ,KACf,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,YAAY,EAAA,KAAA;AAAA,MACZ,EAAA;AAAA,MACA,OAAS,EAAA,MAAM,QAAS,CAAA,CAAC,KAAK,CAAA;AAAA,MAC7B,GAAG,eAAA;AAAA,KAAA;AAAA,oBAEJA,cAAA,CAAA,aAAA,CAAC,kBAAmB,EAAA,EAAA,UAAA,EAAY,KAAO,EAAA,CAAA;AAAA,GAE3C,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/SupportButton/SupportButton.esm.js

@@ -41,7 +41,7 @@ const SupportIcon = ({ icon }) => {
 };
 const SupportLink = ({ link }) => /* @__PURE__ */ React__default.createElement(Link, { to: link.url }, link.title ?? link.url);
 const SupportListItem = ({ item }) => {
-  return /* @__PURE__ */ React__default.createElement(MenuItem, null, /* @__PURE__ */ React__default.createElement(ListItemIcon, null, /* @__PURE__ */ React__default.createElement(SupportIcon, { icon: item.icon })), /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ React__default.createElement(MenuItem, { button: false }, /* @__PURE__ */ React__default.createElement(ListItemIcon, null, /* @__PURE__ */ React__default.createElement(SupportIcon, { icon: item.icon })), /* @__PURE__ */ React__default.createElement(
     ListItemText,
     {
       primary: item.title,
@@ -127,6 +127,7 @@ function SupportButton(props) {
       React__default.Children.map(children, (child, i) => /* @__PURE__ */ React__default.createElement(
         MenuItem,
         {
+          button: false,
           alignItems: "flex-start",
           key: `child-${i}`,
           className: classes.menuItem

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

@@ -1 +1 @@
-{"version":3,"file":"SupportButton.esm.js","sources":["../../../src/components/SupportButton/SupportButton.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 { useApp } from '@backstage/core-plugin-api';\nimport Box from '@material-ui/core/Box';\nimport Button from '@material-ui/core/Button';\nimport DialogActions from '@material-ui/core/DialogActions';\nimport IconButton from '@material-ui/core/IconButton';\nimport ListItemIcon from '@material-ui/core/ListItemIcon';\nimport ListItemText from '@material-ui/core/ListItemText';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport MenuList from '@material-ui/core/MenuList';\nimport Popover from '@material-ui/core/Popover';\nimport { Theme, makeStyles } from '@material-ui/core/styles';\nimport Typography from '@material-ui/core/Typography';\nimport useMediaQuery from '@material-ui/core/useMediaQuery';\nimport React, { MouseEventHandler, useState } from 'react';\nimport { SupportItem, SupportItemLink, useSupportConfig } from '../../hooks';\nimport { HelpIcon } from '../../icons';\nimport { Link } from '../Link';\nimport { coreComponentsTranslationRef } from '../../translation';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\n\ntype SupportButtonProps = {\n  title?: string;\n  items?: SupportItem[];\n  children?: React.ReactNode;\n};\n\nexport type SupportButtonClassKey = 'popoverList';\n\nconst useStyles = makeStyles(\n  {\n    popoverList: {\n      minWidth: 260,\n      maxWidth: 400,\n    },\n    menuItem: {\n      whiteSpace: 'normal',\n    },\n  },\n  { name: 'BackstageSupportButton' },\n);\n\nconst SupportIcon = ({ icon }: { icon: string | undefined }) => {\n  const app = useApp();\n  const Icon = icon ? app.getSystemIcon(icon) ?? HelpIcon : HelpIcon;\n  return <Icon />;\n};\n\nconst SupportLink = ({ link }: { link: SupportItemLink }) => (\n  <Link to={link.url}>{link.title ?? link.url}</Link>\n);\n\nconst SupportListItem = ({ item }: { item: SupportItem }) => {\n  return (\n    <MenuItem>\n      <ListItemIcon>\n        <SupportIcon icon={item.icon} />\n      </ListItemIcon>\n      <ListItemText\n        primary={item.title}\n        secondary={item.links?.reduce<React.ReactNode[]>(\n          (prev, link, idx) => [\n            ...prev,\n            idx > 0 && <br key={idx} />,\n            <SupportLink link={link} key={link.url} />,\n          ],\n          [],\n        )}\n      />\n    </MenuItem>\n  );\n};\n\nexport function SupportButton(props: SupportButtonProps) {\n  const { t } = useTranslationRef(coreComponentsTranslationRef);\n  const { title, items, children } = props;\n  const { items: configItems } = useSupportConfig();\n\n  const [popoverOpen, setPopoverOpen] = useState(false);\n  const [anchorEl, setAnchorEl] = useState<Element | null>(null);\n  const classes = useStyles();\n  const isSmallScreen = useMediaQuery<Theme>(theme =>\n    theme.breakpoints.down('sm'),\n  );\n\n  const onClickHandler: MouseEventHandler = event => {\n    setAnchorEl(event.currentTarget);\n    setPopoverOpen(true);\n  };\n\n  const popoverCloseHandler = () => {\n    setPopoverOpen(false);\n  };\n\n  return (\n    <>\n      <Box display=\"flex\" ml={1}>\n        {isSmallScreen ? (\n          <IconButton\n            color=\"primary\"\n            size=\"small\"\n            onClick={onClickHandler}\n            data-testid=\"support-button\"\n            aria-label=\"Support\"\n          >\n            <HelpIcon />\n          </IconButton>\n        ) : (\n          <Button\n            data-testid=\"support-button\"\n            aria-label=\"Support\"\n            color=\"primary\"\n            onClick={onClickHandler}\n            startIcon={<HelpIcon />}\n          >\n            {t('supportButton.title')}\n          </Button>\n        )}\n      </Box>\n      <Popover\n        data-testid=\"support-button-popover\"\n        open={popoverOpen}\n        anchorEl={anchorEl}\n        anchorOrigin={{\n          vertical: 'bottom',\n          horizontal: 'right',\n        }}\n        transformOrigin={{\n          vertical: 'top',\n          horizontal: 'right',\n        }}\n        onClose={popoverCloseHandler}\n      >\n        <MenuList\n          className={classes.popoverList}\n          autoFocusItem={Boolean(anchorEl)}\n        >\n          {title && (\n            <MenuItem\n              button={false}\n              alignItems=\"flex-start\"\n              className={classes.menuItem}\n            >\n              <Typography variant=\"subtitle1\">{title}</Typography>\n            </MenuItem>\n          )}\n          {React.Children.map(children, (child, i) => (\n            <MenuItem\n              alignItems=\"flex-start\"\n              key={`child-${i}`}\n              className={classes.menuItem}\n            >\n              {child}\n            </MenuItem>\n          ))}\n          {(items ?? configItems).map((item, i) => (\n            <SupportListItem item={item} key={`item-${i}`} />\n          ))}\n        </MenuList>\n        <DialogActions>\n          <Button\n            color=\"primary\"\n            onClick={popoverCloseHandler}\n            aria-label=\"Close\"\n          >\n            {t('supportButton.close')}\n          </Button>\n        </DialogActions>\n      </Popover>\n    </>\n  );\n}\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"SupportButton.esm.js","sources":["../../../src/components/SupportButton/SupportButton.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 { useApp } from '@backstage/core-plugin-api';\nimport Box from '@material-ui/core/Box';\nimport Button from '@material-ui/core/Button';\nimport DialogActions from '@material-ui/core/DialogActions';\nimport IconButton from '@material-ui/core/IconButton';\nimport ListItemIcon from '@material-ui/core/ListItemIcon';\nimport ListItemText from '@material-ui/core/ListItemText';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport MenuList from '@material-ui/core/MenuList';\nimport Popover from '@material-ui/core/Popover';\nimport { Theme, makeStyles } from '@material-ui/core/styles';\nimport Typography from '@material-ui/core/Typography';\nimport useMediaQuery from '@material-ui/core/useMediaQuery';\nimport React, { MouseEventHandler, useState } from 'react';\nimport { SupportItem, SupportItemLink, useSupportConfig } from '../../hooks';\nimport { HelpIcon } from '../../icons';\nimport { Link } from '../Link';\nimport { coreComponentsTranslationRef } from '../../translation';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\n\ntype SupportButtonProps = {\n  title?: string;\n  items?: SupportItem[];\n  children?: React.ReactNode;\n};\n\nexport type SupportButtonClassKey = 'popoverList';\n\nconst useStyles = makeStyles(\n  {\n    popoverList: {\n      minWidth: 260,\n      maxWidth: 400,\n    },\n    menuItem: {\n      whiteSpace: 'normal',\n    },\n  },\n  { name: 'BackstageSupportButton' },\n);\n\nconst SupportIcon = ({ icon }: { icon: string | undefined }) => {\n  const app = useApp();\n  const Icon = icon ? app.getSystemIcon(icon) ?? HelpIcon : HelpIcon;\n  return <Icon />;\n};\n\nconst SupportLink = ({ link }: { link: SupportItemLink }) => (\n  <Link to={link.url}>{link.title ?? link.url}</Link>\n);\n\nconst SupportListItem = ({ item }: { item: SupportItem }) => {\n  return (\n    <MenuItem button={false}>\n      <ListItemIcon>\n        <SupportIcon icon={item.icon} />\n      </ListItemIcon>\n      <ListItemText\n        primary={item.title}\n        secondary={item.links?.reduce<React.ReactNode[]>(\n          (prev, link, idx) => [\n            ...prev,\n            idx > 0 && <br key={idx} />,\n            <SupportLink link={link} key={link.url} />,\n          ],\n          [],\n        )}\n      />\n    </MenuItem>\n  );\n};\n\nexport function SupportButton(props: SupportButtonProps) {\n  const { t } = useTranslationRef(coreComponentsTranslationRef);\n  const { title, items, children } = props;\n  const { items: configItems } = useSupportConfig();\n\n  const [popoverOpen, setPopoverOpen] = useState(false);\n  const [anchorEl, setAnchorEl] = useState<Element | null>(null);\n  const classes = useStyles();\n  const isSmallScreen = useMediaQuery<Theme>(theme =>\n    theme.breakpoints.down('sm'),\n  );\n\n  const onClickHandler: MouseEventHandler = event => {\n    setAnchorEl(event.currentTarget);\n    setPopoverOpen(true);\n  };\n\n  const popoverCloseHandler = () => {\n    setPopoverOpen(false);\n  };\n\n  return (\n    <>\n      <Box display=\"flex\" ml={1}>\n        {isSmallScreen ? (\n          <IconButton\n            color=\"primary\"\n            size=\"small\"\n            onClick={onClickHandler}\n            data-testid=\"support-button\"\n            aria-label=\"Support\"\n          >\n            <HelpIcon />\n          </IconButton>\n        ) : (\n          <Button\n            data-testid=\"support-button\"\n            aria-label=\"Support\"\n            color=\"primary\"\n            onClick={onClickHandler}\n            startIcon={<HelpIcon />}\n          >\n            {t('supportButton.title')}\n          </Button>\n        )}\n      </Box>\n      <Popover\n        data-testid=\"support-button-popover\"\n        open={popoverOpen}\n        anchorEl={anchorEl}\n        anchorOrigin={{\n          vertical: 'bottom',\n          horizontal: 'right',\n        }}\n        transformOrigin={{\n          vertical: 'top',\n          horizontal: 'right',\n        }}\n        onClose={popoverCloseHandler}\n      >\n        <MenuList\n          className={classes.popoverList}\n          autoFocusItem={Boolean(anchorEl)}\n        >\n          {title && (\n            <MenuItem\n              button={false}\n              alignItems=\"flex-start\"\n              className={classes.menuItem}\n            >\n              <Typography variant=\"subtitle1\">{title}</Typography>\n            </MenuItem>\n          )}\n          {React.Children.map(children, (child, i) => (\n            <MenuItem\n              button={false}\n              alignItems=\"flex-start\"\n              key={`child-${i}`}\n              className={classes.menuItem}\n            >\n              {child}\n            </MenuItem>\n          ))}\n          {(items ?? configItems).map((item, i) => (\n            <SupportListItem item={item} key={`item-${i}`} />\n          ))}\n        </MenuList>\n        <DialogActions>\n          <Button\n            color=\"primary\"\n            onClick={popoverCloseHandler}\n            aria-label=\"Close\"\n          >\n            {t('supportButton.close')}\n          </Button>\n        </DialogActions>\n      </Popover>\n    </>\n  );\n}\n"],"names":["React"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"Table.esm.js","sources":["../../../src/components/Table/Table.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 MTable, {\n  Column,\n  Icons,\n  MaterialTableProps,\n  MTableBody,\n  MTableHeader,\n  MTableToolbar,\n  Options,\n} from '@material-table/core';\nimport Box from '@material-ui/core/Box';\nimport IconButton from '@material-ui/core/IconButton';\nimport {\n  makeStyles,\n  Theme,\n  useTheme,\n  withStyles,\n} from '@material-ui/core/styles';\nimport Typography from '@material-ui/core/Typography';\nimport AddBox from '@material-ui/icons/AddBox';\nimport ArrowUpward from '@material-ui/icons/ArrowUpward';\nimport Check from '@material-ui/icons/Check';\nimport ChevronLeft from '@material-ui/icons/ChevronLeft';\nimport ChevronRight from '@material-ui/icons/ChevronRight';\nimport Clear from '@material-ui/icons/Clear';\nimport DeleteOutline from '@material-ui/icons/DeleteOutline';\nimport Edit from '@material-ui/icons/Edit';\nimport FilterList from '@material-ui/icons/FilterList';\nimport FirstPage from '@material-ui/icons/FirstPage';\nimport LastPage from '@material-ui/icons/LastPage';\nimport Remove from '@material-ui/icons/Remove';\nimport SaveAlt from '@material-ui/icons/SaveAlt';\nimport ViewColumn from '@material-ui/icons/ViewColumn';\nimport { isEqual, transform } from 'lodash';\nimport React, {\n  forwardRef,\n  MutableRefObject,\n  ReactNode,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react';\n\nimport { SelectProps } from '../Select/Select';\nimport { Filter, Filters, SelectedFilters, Without } from './Filters';\nimport { TableLoadingBody } from './TableLoadingBody';\n\n// Material-table is not using the standard icons available in in material-ui. https://github.com/mbrn/material-table/issues/51\nconst tableIcons: Icons = {\n  Add: forwardRef((props, ref) => <AddBox {...props} ref={ref} />),\n  Check: forwardRef((props, ref) => <Check {...props} ref={ref} />),\n  Clear: forwardRef((props, ref) => <Clear {...props} ref={ref} />),\n  Delete: forwardRef((props, ref) => <DeleteOutline {...props} ref={ref} />),\n  DetailPanel: forwardRef((props, ref) => (\n    <ChevronRight {...props} ref={ref} />\n  )),\n  Edit: forwardRef((props, ref) => <Edit {...props} ref={ref} />),\n  Export: forwardRef((props, ref) => <SaveAlt {...props} ref={ref} />),\n  Filter: forwardRef((props, ref) => <FilterList {...props} ref={ref} />),\n  FirstPage: forwardRef((props, ref) => <FirstPage {...props} ref={ref} />),\n  LastPage: forwardRef((props, ref) => <LastPage {...props} ref={ref} />),\n  NextPage: forwardRef((props, ref) => <ChevronRight {...props} ref={ref} />),\n  PreviousPage: forwardRef((props, ref) => (\n    <ChevronLeft {...props} ref={ref} />\n  )),\n  ResetSearch: forwardRef((props, ref) => <Clear {...props} ref={ref} />),\n  Search: forwardRef((props, ref) => <FilterList {...props} ref={ref} />),\n  SortArrow: forwardRef((props, ref) => <ArrowUpward {...props} ref={ref} />),\n  ThirdStateCheck: forwardRef((props, ref) => <Remove {...props} ref={ref} />),\n  ViewColumn: forwardRef((props, ref) => <ViewColumn {...props} ref={ref} />),\n};\n\n// TODO: Material table might already have such a function internally that we can use?\nfunction extractValueByField(data: any, field: string): any | undefined {\n  const path = field.split('.');\n  let value = data[path[0]];\n\n  for (let i = 1; i < path.length; ++i) {\n    if (value === undefined) {\n      return value;\n    }\n\n    const f = path[i];\n    value = value[f];\n  }\n\n  return value;\n}\n\nexport type TableHeaderClassKey = 'header';\n\nconst StyledMTableHeader = withStyles(\n  theme => ({\n    header: {\n      padding: theme.spacing(1, 2, 1, 2.5),\n      borderTop: `1px solid ${theme.palette.grey.A100}`,\n      borderBottom: `1px solid ${theme.palette.grey.A100}`,\n      // withStyles hasn't a generic overload for theme\n      fontWeight: theme.typography.fontWeightBold,\n      position: 'static',\n      wordBreak: 'normal',\n      textTransform: 'uppercase',\n    },\n  }),\n  { name: 'BackstageTableHeader' },\n)(MTableHeader);\n\nexport type TableToolbarClassKey = 'root' | 'title' | 'searchField';\n\nconst StyledMTableToolbar = withStyles(\n  theme => ({\n    root: {\n      padding: theme.spacing(3, 0, 2.5, 2.5),\n    },\n    title: {\n      '& > h6': {\n        fontWeight: theme.typography.fontWeightBold,\n      },\n    },\n    searchField: {\n      paddingRight: theme.spacing(2),\n    },\n  }),\n  { name: 'BackstageTableToolbar' },\n)(MTableToolbar);\n\n/** @public */\nexport type FiltersContainerClassKey = 'root' | 'title';\n\nconst useFilterStyles = makeStyles(\n  theme => ({\n    root: {\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'space-between',\n    },\n    title: {\n      fontWeight: theme.typography.fontWeightBold,\n      fontSize: 18,\n      whiteSpace: 'nowrap',\n    },\n  }),\n  { name: 'BackstageTableFiltersContainer' },\n);\n\nexport type TableClassKey = 'root';\n\nconst useTableStyles = makeStyles(\n  () => ({\n    root: {\n      display: 'flex',\n      alignItems: 'start',\n    },\n  }),\n  { name: 'BackstageTable' },\n);\n\nfunction convertColumns<T extends object>(\n  columns: TableColumn<T>[],\n  theme: Theme,\n): TableColumn<T>[] {\n  return columns.map(column => {\n    const headerStyle: React.CSSProperties = column.headerStyle ?? {};\n\n    let cellStyle = column.cellStyle || {};\n\n    if (column.highlight) {\n      headerStyle.color = theme.palette.textContrast;\n\n      if (typeof cellStyle === 'object') {\n        (cellStyle as React.CSSProperties).fontWeight =\n          theme.typography.fontWeightBold;\n      } else {\n        const cellStyleFn = cellStyle as (\n          data: any,\n          rowData: T,\n          column?: Column<T>,\n        ) => React.CSSProperties;\n        cellStyle = (data, rowData, rowColumn) => {\n          const style = cellStyleFn(data, rowData, rowColumn);\n          return { ...style, fontWeight: theme.typography.fontWeightBold };\n        };\n      }\n    }\n\n    return {\n      ...column,\n      headerStyle,\n      cellStyle,\n    };\n  });\n}\n\nfunction removeDefaultValues(state: any, defaultState: any): any {\n  return transform(state, (result, value, key) => {\n    if (!isEqual(value, defaultState[key])) {\n      result[key] = value;\n    }\n  });\n}\n\nconst defaultInitialState = {\n  search: '',\n  filtersOpen: false,\n  filters: {},\n};\n\nexport interface TableColumn<T extends object = {}> extends Column<T> {\n  highlight?: boolean;\n  width?: string;\n}\n\nexport type TableFilter = {\n  column: string;\n  type: 'select' | 'multiple-select';\n};\n\nexport type TableState = {\n  search?: string;\n  filtersOpen?: boolean;\n  filters?: SelectedFilters;\n};\n\nexport interface TableProps<T extends object = {}>\n  extends MaterialTableProps<T> {\n  columns: TableColumn<T>[];\n  subtitle?: string;\n  filters?: TableFilter[];\n  initialState?: TableState;\n  emptyContent?: ReactNode;\n  isLoading?: boolean;\n  onStateChange?: (state: TableState) => any;\n}\n\nexport interface TableOptions<T extends object = {}> extends Options<T> {}\n\nexport function TableToolbar(toolbarProps: {\n  toolbarRef: MutableRefObject<any>;\n  setSearch: (value: string) => void;\n  onSearchChanged: (value: string) => void;\n  toggleFilters: () => void;\n  hasFilters: boolean;\n  selectedFiltersLength: number;\n}) {\n  const {\n    toolbarRef,\n    setSearch,\n    hasFilters,\n    selectedFiltersLength,\n    toggleFilters,\n  } = toolbarProps;\n  const filtersClasses = useFilterStyles();\n  const onSearchChanged = useCallback(\n    (searchText: string) => {\n      toolbarProps.onSearchChanged(searchText);\n      setSearch(searchText);\n    },\n    [toolbarProps, setSearch],\n  );\n\n  if (hasFilters) {\n    return (\n      <Box className={filtersClasses.root}>\n        <Box className={filtersClasses.root}>\n          <IconButton onClick={toggleFilters} aria-label=\"filter list\">\n            <FilterList />\n          </IconButton>\n          <Typography className={filtersClasses.title}>\n            Filters ({selectedFiltersLength})\n          </Typography>\n        </Box>\n        <StyledMTableToolbar\n          {...toolbarProps}\n          ref={toolbarRef}\n          onSearchChanged={onSearchChanged}\n        />\n      </Box>\n    );\n  }\n\n  return (\n    <StyledMTableToolbar\n      {...toolbarProps}\n      ref={toolbarRef}\n      onSearchChanged={onSearchChanged}\n    />\n  );\n}\n\n/**\n * @public\n */\nexport function Table<T extends object = {}>(props: TableProps<T>) {\n  const {\n    data,\n    columns,\n    emptyContent,\n    options,\n    title,\n    subtitle,\n    localization,\n    filters,\n    initialState,\n    onStateChange,\n    components,\n    isLoading: loading,\n    ...restProps\n  } = props;\n  const tableClasses = useTableStyles();\n\n  const theme = useTheme();\n\n  const calculatedInitialState = { ...defaultInitialState, ...initialState };\n\n  const [filtersOpen, setFiltersOpen] = useState(\n    calculatedInitialState.filtersOpen,\n  );\n  const toggleFilters = useCallback(\n    () => setFiltersOpen(v => !v),\n    [setFiltersOpen],\n  );\n\n  const [selectedFilters, setSelectedFilters] = useState(\n    calculatedInitialState.filters,\n  );\n\n  const [search, setSearch] = useState(calculatedInitialState.search);\n\n  useEffect(() => {\n    if (onStateChange) {\n      const state = removeDefaultValues(\n        {\n          search,\n          filtersOpen,\n          filters: selectedFilters,\n        },\n        defaultInitialState,\n      );\n\n      onStateChange(state);\n    }\n  }, [search, filtersOpen, selectedFilters, onStateChange]);\n\n  const getFieldByTitle = useCallback(\n    (titleValue: string | keyof T) =>\n      columns.find(el => el.title === titleValue)?.field,\n    [columns],\n  );\n\n  const tableData = useMemo(() => {\n    if (typeof data === 'function' || !selectedFilters) {\n      return data;\n    }\n\n    const selectedFiltersArray = Object.values(selectedFilters);\n    if (data && selectedFiltersArray.flat().length) {\n      const newData = (data as any[]).filter(\n        el =>\n          !!Object.entries(selectedFilters)\n            .filter(([, value]) => !!(value as { length?: number }).length)\n            .every(([key, filterValue]) => {\n              const fieldValue = extractValueByField(\n                el,\n                getFieldByTitle(key) as string,\n              );\n\n              if (Array.isArray(fieldValue) && Array.isArray(filterValue)) {\n                return fieldValue.some(v => filterValue.includes(v));\n              } else if (Array.isArray(fieldValue)) {\n                return fieldValue.includes(filterValue);\n              } else if (Array.isArray(filterValue)) {\n                return filterValue.includes(fieldValue);\n              }\n\n              return fieldValue === filterValue;\n            }),\n      );\n      return newData;\n    }\n    return data;\n  }, [data, selectedFilters, getFieldByTitle]);\n\n  const selectedFiltersLength = Object.values(selectedFilters).flat().length;\n\n  const hasFilters = !!filters?.length;\n  const Toolbar = useCallback(\n    (toolbarProps: any /* no type for this in material-table */) => {\n      return (\n        <TableToolbar\n          setSearch={setSearch}\n          hasFilters={hasFilters}\n          selectedFiltersLength={selectedFiltersLength}\n          toggleFilters={toggleFilters}\n          {...toolbarProps}\n        />\n      );\n    },\n    [toggleFilters, hasFilters, selectedFiltersLength, setSearch],\n  );\n\n  const hasNoRows = typeof data !== 'function' && data.length === 0;\n  const columnCount = columns.length;\n  const Body = useMemo(\n    () => makeBody({ hasNoRows, emptyContent, columnCount, loading }),\n    [hasNoRows, emptyContent, columnCount, loading],\n  );\n\n  return (\n    <Box className={tableClasses.root}>\n      {filtersOpen && data && typeof data !== 'function' && filters?.length && (\n        <Filters\n          filters={constructFilters(filters, data as any[], columns)}\n          selectedFilters={selectedFilters}\n          onChangeFilters={setSelectedFilters}\n        />\n      )}\n      <MTable<T>\n        components={{\n          Header: StyledMTableHeader,\n          Body,\n          Toolbar,\n          ...components,\n        }}\n        options={options}\n        columns={convertColumns(columns, theme)}\n        icons={tableIcons}\n        title={\n          <>\n            <Typography variant=\"h5\" component=\"h2\">\n              {title}\n            </Typography>\n            {subtitle && (\n              <Typography color=\"textSecondary\" variant=\"body1\">\n                {subtitle}\n              </Typography>\n            )}\n          </>\n        }\n        data={tableData}\n        style={{ width: '100%' }}\n        localization={{\n          toolbar: { searchPlaceholder: 'Filter', searchTooltip: 'Filter' },\n          ...localization,\n        }}\n        {...restProps}\n      />\n    </Box>\n  );\n}\n\nTable.icons = Object.freeze(tableIcons);\n\nfunction makeBody({\n  columnCount,\n  emptyContent,\n  hasNoRows,\n  loading,\n}: {\n  hasNoRows: boolean;\n  emptyContent: ReactNode;\n  columnCount: number;\n  loading?: boolean;\n}) {\n  return (bodyProps: any /* no type for this in material-table */) => {\n    if (loading) {\n      return <TableLoadingBody colSpan={columnCount} />;\n    }\n\n    if (emptyContent && hasNoRows) {\n      return (\n        <tbody>\n          <tr>\n            <td colSpan={columnCount}>{emptyContent}</td>\n          </tr>\n        </tbody>\n      );\n    }\n\n    return <MTableBody {...bodyProps} />;\n  };\n}\n\nfunction constructFilters<T extends object>(\n  filterConfig: TableFilter[],\n  dataValue: any[] | undefined,\n  columns: TableColumn<T>[],\n): Filter[] {\n  const extractDistinctValues = (field: string | keyof T): Set<any> => {\n    const distinctValues = new Set<any>();\n    const addValue = (value: any) => {\n      if (value !== undefined && value !== null) {\n        distinctValues.add(value);\n      }\n    };\n\n    if (dataValue) {\n      dataValue.forEach(el => {\n        const value = extractValueByField(\n          el,\n          columns.find(c => c.title === field)?.field as string,\n        );\n\n        if (Array.isArray(value)) {\n          (value as []).forEach(addValue);\n        } else {\n          addValue(value);\n        }\n      });\n    }\n\n    return distinctValues;\n  };\n\n  const constructSelect = (\n    filter: TableFilter,\n  ): Without<SelectProps, 'onChange'> => {\n    return {\n      placeholder: 'All results',\n      label: filter.column,\n      multiple: filter.type === 'multiple-select',\n      items: [...extractDistinctValues(filter.column)].sort().map(value => ({\n        label: value,\n        value,\n      })),\n    };\n  };\n\n  return filterConfig.map(filter => ({\n    type: filter.type,\n    element: constructSelect(filter),\n  }));\n}\n"],"names":["ChevronLeft","React"],"mappings":"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"}
+{"version":3,"file":"Table.esm.js","sources":["../../../src/components/Table/Table.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 MTable, {\n  Column,\n  Icons,\n  MaterialTableProps,\n  MTableBody,\n  MTableHeader,\n  MTableToolbar,\n  Options,\n} from '@material-table/core';\nimport Box from '@material-ui/core/Box';\nimport IconButton from '@material-ui/core/IconButton';\nimport {\n  makeStyles,\n  Theme,\n  useTheme,\n  withStyles,\n} from '@material-ui/core/styles';\nimport Typography from '@material-ui/core/Typography';\nimport AddBox from '@material-ui/icons/AddBox';\nimport ArrowUpward from '@material-ui/icons/ArrowUpward';\nimport Check from '@material-ui/icons/Check';\nimport ChevronLeft from '@material-ui/icons/ChevronLeft';\nimport ChevronRight from '@material-ui/icons/ChevronRight';\nimport Clear from '@material-ui/icons/Clear';\nimport DeleteOutline from '@material-ui/icons/DeleteOutline';\nimport Edit from '@material-ui/icons/Edit';\nimport FilterList from '@material-ui/icons/FilterList';\nimport FirstPage from '@material-ui/icons/FirstPage';\nimport LastPage from '@material-ui/icons/LastPage';\nimport Remove from '@material-ui/icons/Remove';\nimport SaveAlt from '@material-ui/icons/SaveAlt';\nimport ViewColumn from '@material-ui/icons/ViewColumn';\nimport { isEqual, transform } from 'lodash';\nimport React, {\n  forwardRef,\n  MutableRefObject,\n  ReactNode,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react';\n\nimport { SelectProps } from '../Select/Select';\nimport { Filter, Filters, SelectedFilters, Without } from './Filters';\nimport { TableLoadingBody } from './TableLoadingBody';\n\n// Material-table is not using the standard icons available in in material-ui. https://github.com/mbrn/material-table/issues/51\nconst tableIcons: Icons = {\n  Add: forwardRef<SVGSVGElement>((props, ref) => (\n    <AddBox {...props} ref={ref} />\n  )),\n  Check: forwardRef<SVGSVGElement>((props, ref) => (\n    <Check {...props} ref={ref} />\n  )),\n  Clear: forwardRef<SVGSVGElement>((props, ref) => (\n    <Clear {...props} ref={ref} />\n  )),\n  Delete: forwardRef<SVGSVGElement>((props, ref) => (\n    <DeleteOutline {...props} ref={ref} />\n  )),\n  DetailPanel: forwardRef<SVGSVGElement>((props, ref) => (\n    <ChevronRight {...props} ref={ref} />\n  )),\n  Edit: forwardRef<SVGSVGElement>((props, ref) => (\n    <Edit {...props} ref={ref} />\n  )),\n  Export: forwardRef<SVGSVGElement>((props, ref) => (\n    <SaveAlt {...props} ref={ref} />\n  )),\n  Filter: forwardRef<SVGSVGElement>((props, ref) => (\n    <FilterList {...props} ref={ref} />\n  )),\n  FirstPage: forwardRef<SVGSVGElement>((props, ref) => (\n    <FirstPage {...props} ref={ref} />\n  )),\n  LastPage: forwardRef<SVGSVGElement>((props, ref) => (\n    <LastPage {...props} ref={ref} />\n  )),\n  NextPage: forwardRef<SVGSVGElement>((props, ref) => (\n    <ChevronRight {...props} ref={ref} />\n  )),\n  PreviousPage: forwardRef<SVGSVGElement>((props, ref) => (\n    <ChevronLeft {...props} ref={ref} />\n  )),\n  ResetSearch: forwardRef<SVGSVGElement>((props, ref) => (\n    <Clear {...props} ref={ref} />\n  )),\n  Search: forwardRef<SVGSVGElement>((props, ref) => (\n    <FilterList {...props} ref={ref} />\n  )),\n  SortArrow: forwardRef<SVGSVGElement>((props, ref) => (\n    <ArrowUpward {...props} ref={ref} />\n  )),\n  ThirdStateCheck: forwardRef<SVGSVGElement>((props, ref) => (\n    <Remove {...props} ref={ref} />\n  )),\n  ViewColumn: forwardRef<SVGSVGElement>((props, ref) => (\n    <ViewColumn {...props} ref={ref} />\n  )),\n};\n\n// TODO: Material table might already have such a function internally that we can use?\nfunction extractValueByField(data: any, field: string): any | undefined {\n  const path = field.split('.');\n  let value = data[path[0]];\n\n  for (let i = 1; i < path.length; ++i) {\n    if (value === undefined) {\n      return value;\n    }\n\n    const f = path[i];\n    value = value[f];\n  }\n\n  return value;\n}\n\nexport type TableHeaderClassKey = 'header';\n\nconst StyledMTableHeader = withStyles(\n  theme => ({\n    header: {\n      padding: theme.spacing(1, 2, 1, 2.5),\n      borderTop: `1px solid ${theme.palette.grey.A100}`,\n      borderBottom: `1px solid ${theme.palette.grey.A100}`,\n      // withStyles hasn't a generic overload for theme\n      fontWeight: theme.typography.fontWeightBold,\n      position: 'static',\n      wordBreak: 'normal',\n      textTransform: 'uppercase',\n    },\n  }),\n  { name: 'BackstageTableHeader' },\n)(MTableHeader);\n\nexport type TableToolbarClassKey = 'root' | 'title' | 'searchField';\n\nconst StyledMTableToolbar = withStyles(\n  theme => ({\n    root: {\n      padding: theme.spacing(3, 0, 2.5, 2.5),\n    },\n    title: {\n      '& > h6': {\n        fontWeight: theme.typography.fontWeightBold,\n      },\n    },\n    searchField: {\n      paddingRight: theme.spacing(2),\n    },\n  }),\n  { name: 'BackstageTableToolbar' },\n)(MTableToolbar);\n\n/** @public */\nexport type FiltersContainerClassKey = 'root' | 'title';\n\nconst useFilterStyles = makeStyles(\n  theme => ({\n    root: {\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'space-between',\n    },\n    title: {\n      fontWeight: theme.typography.fontWeightBold,\n      fontSize: 18,\n      whiteSpace: 'nowrap',\n    },\n  }),\n  { name: 'BackstageTableFiltersContainer' },\n);\n\nexport type TableClassKey = 'root';\n\nconst useTableStyles = makeStyles(\n  () => ({\n    root: {\n      display: 'flex',\n      alignItems: 'start',\n    },\n  }),\n  { name: 'BackstageTable' },\n);\n\nfunction convertColumns<T extends object>(\n  columns: TableColumn<T>[],\n  theme: Theme,\n): TableColumn<T>[] {\n  return columns.map(column => {\n    const headerStyle: React.CSSProperties = column.headerStyle ?? {};\n\n    let cellStyle = column.cellStyle || {};\n\n    if (column.highlight) {\n      headerStyle.color = theme.palette.textContrast;\n\n      if (typeof cellStyle === 'object') {\n        (cellStyle as React.CSSProperties).fontWeight =\n          theme.typography.fontWeightBold;\n      } else {\n        const cellStyleFn = cellStyle as (\n          data: any,\n          rowData: T,\n          column?: Column<T>,\n        ) => React.CSSProperties;\n        cellStyle = (data, rowData, rowColumn) => {\n          const style = cellStyleFn(data, rowData, rowColumn);\n          return { ...style, fontWeight: theme.typography.fontWeightBold };\n        };\n      }\n    }\n\n    return {\n      ...column,\n      headerStyle,\n      cellStyle,\n    };\n  });\n}\n\nfunction removeDefaultValues(state: any, defaultState: any): any {\n  return transform(state, (result, value, key) => {\n    if (!isEqual(value, defaultState[key])) {\n      result[key] = value;\n    }\n  });\n}\n\nconst defaultInitialState = {\n  search: '',\n  filtersOpen: false,\n  filters: {},\n};\n\nexport interface TableColumn<T extends object = {}> extends Column<T> {\n  highlight?: boolean;\n  width?: string;\n}\n\nexport type TableFilter = {\n  column: string;\n  type: 'select' | 'multiple-select';\n};\n\nexport type TableState = {\n  search?: string;\n  filtersOpen?: boolean;\n  filters?: SelectedFilters;\n};\n\nexport interface TableProps<T extends object = {}>\n  extends MaterialTableProps<T> {\n  columns: TableColumn<T>[];\n  subtitle?: string;\n  filters?: TableFilter[];\n  initialState?: TableState;\n  emptyContent?: ReactNode;\n  isLoading?: boolean;\n  onStateChange?: (state: TableState) => any;\n}\n\nexport interface TableOptions<T extends object = {}> extends Options<T> {}\n\nexport function TableToolbar(toolbarProps: {\n  toolbarRef: MutableRefObject<any>;\n  setSearch: (value: string) => void;\n  onSearchChanged: (value: string) => void;\n  toggleFilters: () => void;\n  hasFilters: boolean;\n  selectedFiltersLength: number;\n}) {\n  const {\n    toolbarRef,\n    setSearch,\n    hasFilters,\n    selectedFiltersLength,\n    toggleFilters,\n  } = toolbarProps;\n  const filtersClasses = useFilterStyles();\n  const onSearchChanged = useCallback(\n    (searchText: string) => {\n      toolbarProps.onSearchChanged(searchText);\n      setSearch(searchText);\n    },\n    [toolbarProps, setSearch],\n  );\n\n  if (hasFilters) {\n    return (\n      <Box className={filtersClasses.root}>\n        <Box className={filtersClasses.root}>\n          <IconButton onClick={toggleFilters} aria-label=\"filter list\">\n            <FilterList />\n          </IconButton>\n          <Typography className={filtersClasses.title}>\n            Filters ({selectedFiltersLength})\n          </Typography>\n        </Box>\n        <StyledMTableToolbar\n          {...toolbarProps}\n          ref={toolbarRef}\n          onSearchChanged={onSearchChanged}\n        />\n      </Box>\n    );\n  }\n\n  return (\n    <StyledMTableToolbar\n      {...toolbarProps}\n      ref={toolbarRef}\n      onSearchChanged={onSearchChanged}\n    />\n  );\n}\n\n/**\n * @public\n */\nexport function Table<T extends object = {}>(props: TableProps<T>) {\n  const {\n    data,\n    columns,\n    emptyContent,\n    options,\n    title,\n    subtitle,\n    localization,\n    filters,\n    initialState,\n    onStateChange,\n    components,\n    isLoading: loading,\n    ...restProps\n  } = props;\n  const tableClasses = useTableStyles();\n\n  const theme = useTheme();\n\n  const calculatedInitialState = { ...defaultInitialState, ...initialState };\n\n  const [filtersOpen, setFiltersOpen] = useState(\n    calculatedInitialState.filtersOpen,\n  );\n  const toggleFilters = useCallback(\n    () => setFiltersOpen(v => !v),\n    [setFiltersOpen],\n  );\n\n  const [selectedFilters, setSelectedFilters] = useState(\n    calculatedInitialState.filters,\n  );\n\n  const [search, setSearch] = useState(calculatedInitialState.search);\n\n  useEffect(() => {\n    if (onStateChange) {\n      const state = removeDefaultValues(\n        {\n          search,\n          filtersOpen,\n          filters: selectedFilters,\n        },\n        defaultInitialState,\n      );\n\n      onStateChange(state);\n    }\n  }, [search, filtersOpen, selectedFilters, onStateChange]);\n\n  const getFieldByTitle = useCallback(\n    (titleValue: string | keyof T) =>\n      columns.find(el => el.title === titleValue)?.field,\n    [columns],\n  );\n\n  const tableData = useMemo(() => {\n    if (typeof data === 'function' || !selectedFilters) {\n      return data;\n    }\n\n    const selectedFiltersArray = Object.values(selectedFilters);\n    if (data && selectedFiltersArray.flat().length) {\n      const newData = (data as any[]).filter(\n        el =>\n          !!Object.entries(selectedFilters)\n            .filter(([, value]) => !!(value as { length?: number }).length)\n            .every(([key, filterValue]) => {\n              const fieldValue = extractValueByField(\n                el,\n                getFieldByTitle(key) as string,\n              );\n\n              if (Array.isArray(fieldValue) && Array.isArray(filterValue)) {\n                return fieldValue.some(v => filterValue.includes(v));\n              } else if (Array.isArray(fieldValue)) {\n                return fieldValue.includes(filterValue);\n              } else if (Array.isArray(filterValue)) {\n                return filterValue.includes(fieldValue);\n              }\n\n              return fieldValue === filterValue;\n            }),\n      );\n      return newData;\n    }\n    return data;\n  }, [data, selectedFilters, getFieldByTitle]);\n\n  const selectedFiltersLength = Object.values(selectedFilters).flat().length;\n\n  const hasFilters = !!filters?.length;\n  const Toolbar = useCallback(\n    (toolbarProps: any /* no type for this in material-table */) => {\n      return (\n        <TableToolbar\n          setSearch={setSearch}\n          hasFilters={hasFilters}\n          selectedFiltersLength={selectedFiltersLength}\n          toggleFilters={toggleFilters}\n          {...toolbarProps}\n        />\n      );\n    },\n    [toggleFilters, hasFilters, selectedFiltersLength, setSearch],\n  );\n\n  const hasNoRows = typeof data !== 'function' && data.length === 0;\n  const columnCount = columns.length;\n  const Body = useMemo(\n    () => makeBody({ hasNoRows, emptyContent, columnCount, loading }),\n    [hasNoRows, emptyContent, columnCount, loading],\n  );\n\n  return (\n    <Box className={tableClasses.root}>\n      {filtersOpen && data && typeof data !== 'function' && filters?.length && (\n        <Filters\n          filters={constructFilters(filters, data as any[], columns)}\n          selectedFilters={selectedFilters}\n          onChangeFilters={setSelectedFilters}\n        />\n      )}\n      <MTable<T>\n        components={{\n          Header: StyledMTableHeader,\n          Body,\n          Toolbar,\n          ...components,\n        }}\n        options={options}\n        columns={convertColumns(columns, theme)}\n        icons={tableIcons}\n        title={\n          <>\n            <Typography variant=\"h5\" component=\"h2\">\n              {title}\n            </Typography>\n            {subtitle && (\n              <Typography color=\"textSecondary\" variant=\"body1\">\n                {subtitle}\n              </Typography>\n            )}\n          </>\n        }\n        data={tableData}\n        style={{ width: '100%' }}\n        localization={{\n          toolbar: { searchPlaceholder: 'Filter', searchTooltip: 'Filter' },\n          ...localization,\n        }}\n        {...restProps}\n      />\n    </Box>\n  );\n}\n\nTable.icons = Object.freeze(tableIcons);\n\nfunction makeBody({\n  columnCount,\n  emptyContent,\n  hasNoRows,\n  loading,\n}: {\n  hasNoRows: boolean;\n  emptyContent: ReactNode;\n  columnCount: number;\n  loading?: boolean;\n}) {\n  return (bodyProps: any /* no type for this in material-table */) => {\n    if (loading) {\n      return <TableLoadingBody colSpan={columnCount} />;\n    }\n\n    if (emptyContent && hasNoRows) {\n      return (\n        <tbody>\n          <tr>\n            <td colSpan={columnCount}>{emptyContent}</td>\n          </tr>\n        </tbody>\n      );\n    }\n\n    return <MTableBody {...bodyProps} />;\n  };\n}\n\nfunction constructFilters<T extends object>(\n  filterConfig: TableFilter[],\n  dataValue: any[] | undefined,\n  columns: TableColumn<T>[],\n): Filter[] {\n  const extractDistinctValues = (field: string | keyof T): Set<any> => {\n    const distinctValues = new Set<any>();\n    const addValue = (value: any) => {\n      if (value !== undefined && value !== null) {\n        distinctValues.add(value);\n      }\n    };\n\n    if (dataValue) {\n      dataValue.forEach(el => {\n        const value = extractValueByField(\n          el,\n          columns.find(c => c.title === field)?.field as string,\n        );\n\n        if (Array.isArray(value)) {\n          (value as []).forEach(addValue);\n        } else {\n          addValue(value);\n        }\n      });\n    }\n\n    return distinctValues;\n  };\n\n  const constructSelect = (\n    filter: TableFilter,\n  ): Without<SelectProps, 'onChange'> => {\n    return {\n      placeholder: 'All results',\n      label: filter.column,\n      multiple: filter.type === 'multiple-select',\n      items: [...extractDistinctValues(filter.column)].sort().map(value => ({\n        label: value,\n        value,\n      })),\n    };\n  };\n\n  return filterConfig.map(filter => ({\n    type: filter.type,\n    element: constructSelect(filter),\n  }));\n}\n"],"names":["ChevronLeft","React"],"mappings":"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"}

package/dist/hooks/useSupportConfig.esm.js

@@ -37,7 +37,7 @@ function useSupportConfig() {
       links: (itemConf.getOptionalConfigArray("links") ?? []).flatMap(
         (linkConf) => ({
           url: linkConf.getString("url"),
-          title: linkConf.getString("title")
+          title: linkConf.getOptionalString("title") ?? ""
         })
       )
     }))

package/dist/hooks/useSupportConfig.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSupportConfig.esm.js","sources":["../../src/hooks/useSupportConfig.ts"],"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 { useApiHolder, configApiRef } from '@backstage/core-plugin-api';\nimport { coreComponentsTranslationRef } from '../translation';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\n\nexport type SupportItemLink = {\n  url: string;\n  title: string;\n};\n\nexport type SupportItem = {\n  title: string;\n  icon?: string;\n  links: SupportItemLink[];\n};\n\nexport type SupportConfig = {\n  url: string;\n  items: SupportItem[];\n};\n\nconst useDefaultSupportConfig = () => {\n  const { t } = useTranslationRef(coreComponentsTranslationRef);\n  return {\n    url: 'https://github.com/backstage/backstage/issues',\n    items: [\n      {\n        title: t('supportConfig.default.title'),\n        icon: 'warning',\n        links: [\n          {\n            // TODO: Update to dedicated support page on backstage.io/docs\n            title: t('supportConfig.default.linkTitle'),\n            url: 'https://github.com/backstage/backstage/blob/master/app-config.yaml',\n          },\n        ],\n      },\n    ],\n  };\n};\n\nexport function useSupportConfig(): SupportConfig {\n  const apiHolder = useApiHolder();\n  const config = apiHolder.get(configApiRef);\n  const supportConfig = config?.getOptionalConfig('app.support');\n  const defaultSupportConfig = useDefaultSupportConfig();\n\n  if (!supportConfig) {\n    return defaultSupportConfig;\n  }\n\n  return {\n    url: supportConfig.getString('url'),\n    items: supportConfig.getConfigArray('items').flatMap(itemConf => ({\n      title: itemConf.getString('title'),\n      icon: itemConf.getOptionalString('icon'),\n      links: (itemConf.getOptionalConfigArray('links') ?? []).flatMap(\n        linkConf => ({\n          url: linkConf.getString('url'),\n          title: linkConf.getString('title'),\n        }),\n      ),\n    })),\n  };\n}\n"],"names":[],"mappings":";;;;AAoCA,MAAM,0BAA0B,MAAM;AACpC,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,4BAA4B,CAAA,CAAA;AAC5D,EAAO,OAAA;AAAA,IACL,GAAK,EAAA,+CAAA;AAAA,IACL,KAAO,EAAA;AAAA,MACL;AAAA,QACE,KAAA,EAAO,EAAE,6BAA6B,CAAA;AAAA,QACtC,IAAM,EAAA,SAAA;AAAA,QACN,KAAO,EAAA;AAAA,UACL;AAAA;AAAA,YAEE,KAAA,EAAO,EAAE,iCAAiC,CAAA;AAAA,YAC1C,GAAK,EAAA,oEAAA;AAAA,WACP;AAAA,SACF;AAAA,OACF;AAAA,KACF;AAAA,GACF,CAAA;AACF,CAAA,CAAA;AAEO,SAAS,gBAAkC,GAAA;AAChD,EAAA,MAAM,YAAY,YAAa,EAAA,CAAA;AAC/B,EAAM,MAAA,MAAA,GAAS,SAAU,CAAA,GAAA,CAAI,YAAY,CAAA,CAAA;AACzC,EAAM,MAAA,aAAA,GAAgB,MAAQ,EAAA,iBAAA,CAAkB,aAAa,CAAA,CAAA;AAC7D,EAAA,MAAM,uBAAuB,uBAAwB,EAAA,CAAA;AAErD,EAAA,IAAI,CAAC,aAAe,EAAA;AAClB,IAAO,OAAA,oBAAA,CAAA;AAAA,GACT;AAEA,EAAO,OAAA;AAAA,IACL,GAAA,EAAK,aAAc,CAAA,SAAA,CAAU,KAAK,CAAA;AAAA,IAClC,OAAO,aAAc,CAAA,cAAA,CAAe,OAAO,CAAA,CAAE,QAAQ,CAAa,QAAA,MAAA;AAAA,MAChE,KAAA,EAAO,QAAS,CAAA,SAAA,CAAU,OAAO,CAAA;AAAA,MACjC,IAAA,EAAM,QAAS,CAAA,iBAAA,CAAkB,MAAM,CAAA;AAAA,MACvC,QAAQ,QAAS,CAAA,sBAAA,CAAuB,OAAO,CAAA,IAAK,EAAI,EAAA,OAAA;AAAA,QACtD,CAAa,QAAA,MAAA;AAAA,UACX,GAAA,EAAK,QAAS,CAAA,SAAA,CAAU,KAAK,CAAA;AAAA,UAC7B,KAAA,EAAO,QAAS,CAAA,SAAA,CAAU,OAAO,CAAA;AAAA,SACnC,CAAA;AAAA,OACF;AAAA,KACA,CAAA,CAAA;AAAA,GACJ,CAAA;AACF;;;;"}
+{"version":3,"file":"useSupportConfig.esm.js","sources":["../../src/hooks/useSupportConfig.ts"],"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 { useApiHolder, configApiRef } from '@backstage/core-plugin-api';\nimport { coreComponentsTranslationRef } from '../translation';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\n\nexport type SupportItemLink = {\n  url: string;\n  title: string;\n};\n\nexport type SupportItem = {\n  title: string;\n  icon?: string;\n  links: SupportItemLink[];\n};\n\nexport type SupportConfig = {\n  url: string;\n  items: SupportItem[];\n};\n\nconst useDefaultSupportConfig = () => {\n  const { t } = useTranslationRef(coreComponentsTranslationRef);\n  return {\n    url: 'https://github.com/backstage/backstage/issues',\n    items: [\n      {\n        title: t('supportConfig.default.title'),\n        icon: 'warning',\n        links: [\n          {\n            // TODO: Update to dedicated support page on backstage.io/docs\n            title: t('supportConfig.default.linkTitle'),\n            url: 'https://github.com/backstage/backstage/blob/master/app-config.yaml',\n          },\n        ],\n      },\n    ],\n  };\n};\n\nexport function useSupportConfig(): SupportConfig {\n  const apiHolder = useApiHolder();\n  const config = apiHolder.get(configApiRef);\n  const supportConfig = config?.getOptionalConfig('app.support');\n  const defaultSupportConfig = useDefaultSupportConfig();\n\n  if (!supportConfig) {\n    return defaultSupportConfig;\n  }\n\n  return {\n    url: supportConfig.getString('url'),\n    items: supportConfig.getConfigArray('items').flatMap(itemConf => ({\n      title: itemConf.getString('title'),\n      icon: itemConf.getOptionalString('icon'),\n      links: (itemConf.getOptionalConfigArray('links') ?? []).flatMap(\n        linkConf => ({\n          url: linkConf.getString('url'),\n          title: linkConf.getOptionalString('title') ?? '',\n        }),\n      ),\n    })),\n  };\n}\n"],"names":[],"mappings":";;;;AAoCA,MAAM,0BAA0B,MAAM;AACpC,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,4BAA4B,CAAA,CAAA;AAC5D,EAAO,OAAA;AAAA,IACL,GAAK,EAAA,+CAAA;AAAA,IACL,KAAO,EAAA;AAAA,MACL;AAAA,QACE,KAAA,EAAO,EAAE,6BAA6B,CAAA;AAAA,QACtC,IAAM,EAAA,SAAA;AAAA,QACN,KAAO,EAAA;AAAA,UACL;AAAA;AAAA,YAEE,KAAA,EAAO,EAAE,iCAAiC,CAAA;AAAA,YAC1C,GAAK,EAAA,oEAAA;AAAA,WACP;AAAA,SACF;AAAA,OACF;AAAA,KACF;AAAA,GACF,CAAA;AACF,CAAA,CAAA;AAEO,SAAS,gBAAkC,GAAA;AAChD,EAAA,MAAM,YAAY,YAAa,EAAA,CAAA;AAC/B,EAAM,MAAA,MAAA,GAAS,SAAU,CAAA,GAAA,CAAI,YAAY,CAAA,CAAA;AACzC,EAAM,MAAA,aAAA,GAAgB,MAAQ,EAAA,iBAAA,CAAkB,aAAa,CAAA,CAAA;AAC7D,EAAA,MAAM,uBAAuB,uBAAwB,EAAA,CAAA;AAErD,EAAA,IAAI,CAAC,aAAe,EAAA;AAClB,IAAO,OAAA,oBAAA,CAAA;AAAA,GACT;AAEA,EAAO,OAAA;AAAA,IACL,GAAA,EAAK,aAAc,CAAA,SAAA,CAAU,KAAK,CAAA;AAAA,IAClC,OAAO,aAAc,CAAA,cAAA,CAAe,OAAO,CAAA,CAAE,QAAQ,CAAa,QAAA,MAAA;AAAA,MAChE,KAAA,EAAO,QAAS,CAAA,SAAA,CAAU,OAAO,CAAA;AAAA,MACjC,IAAA,EAAM,QAAS,CAAA,iBAAA,CAAkB,MAAM,CAAA;AAAA,MACvC,QAAQ,QAAS,CAAA,sBAAA,CAAuB,OAAO,CAAA,IAAK,EAAI,EAAA,OAAA;AAAA,QACtD,CAAa,QAAA,MAAA;AAAA,UACX,GAAA,EAAK,QAAS,CAAA,SAAA,CAAU,KAAK,CAAA;AAAA,UAC7B,KAAO,EAAA,QAAA,CAAS,iBAAkB,CAAA,OAAO,CAAK,IAAA,EAAA;AAAA,SAChD,CAAA;AAAA,OACF;AAAA,KACA,CAAA,CAAA;AAAA,GACJ,CAAA;AACF;;;;"}

package/dist/icons/icons.esm.js

@@ -41,6 +41,12 @@ function UserIcon(props) {
 function WarningIcon(props) {
   return /* @__PURE__ */ React__default.createElement(AppIcon, { id: "warning", ...props });
 }
+function StarIcon(props) {
+  return /* @__PURE__ */ React__default.createElement(AppIcon, { id: "star", ...props });
+}
+function UnstarredIcon(props) {
+  return /* @__PURE__ */ React__default.createElement(AppIcon, { id: "unstarred", ...props });
+}
 
-export { AppIcon, BrokenImageIcon, CatalogIcon, ChatIcon, DashboardIcon, DocsIcon, EmailIcon, GitHubIcon, GroupIcon, HelpIcon, UserIcon, WarningIcon };
+export { AppIcon, BrokenImageIcon, CatalogIcon, ChatIcon, DashboardIcon, DocsIcon, EmailIcon, GitHubIcon, GroupIcon, HelpIcon, StarIcon, UnstarredIcon, UserIcon, WarningIcon };
 //# sourceMappingURL=icons.esm.js.map

package/dist/icons/icons.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"icons.esm.js","sources":["../../src/icons/icons.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 { IconComponent, useApp } from '@backstage/core-plugin-api';\nimport MuiBrokenImageIcon from '@material-ui/icons/BrokenImage';\nimport React, { ComponentProps } from 'react';\n\n/**\n * @public\n * Props for the {@link @backstage/core-plugin-api#IconComponent} component.\n */\nexport type IconComponentProps = ComponentProps<IconComponent>;\n\n/**\n * @public\n * Props for the {@link AppIcon} component.\n */\nexport type AppIconProps = IconComponentProps & {\n  // The key of the system icon to render.\n  id: string;\n  // An optional fallback icon component to render when the system icon is not found.\n  // Default to () => null.\n  Fallback?: IconComponent;\n};\n\n/**\n * @public\n * A component that renders a system icon by its id.\n */\nexport function AppIcon(props: AppIconProps) {\n  const { id: key, Fallback = MuiBrokenImageIcon, ...rest } = props;\n  const app = useApp();\n  const Icon = app.getSystemIcon(key) ?? Fallback;\n  return <Icon {...rest} />;\n}\n\n// Should match the list of overridable system icon keys in @backstage/core-app-api\n/**\n * Broken Image Icon\n * @public\n */\nexport function BrokenImageIcon(props: IconComponentProps) {\n  return <AppIcon id=\"brokenImage\" {...props} />;\n}\n/** @public */\nexport function CatalogIcon(props: IconComponentProps) {\n  return <AppIcon id=\"catalog\" {...props} />;\n}\n/** @public */\nexport function ChatIcon(props: IconComponentProps) {\n  return <AppIcon id=\"chat\" {...props} />;\n}\n/** @public */\nexport function DashboardIcon(props: IconComponentProps) {\n  return <AppIcon id=\"dashboard\" {...props} />;\n}\n/** @public */\nexport function DocsIcon(props: IconComponentProps) {\n  return <AppIcon id=\"docs\" {...props} />;\n}\n/** @public */\nexport function EmailIcon(props: IconComponentProps) {\n  return <AppIcon id=\"email\" {...props} />;\n}\n/** @public */\nexport function GitHubIcon(props: IconComponentProps) {\n  return <AppIcon id=\"github\" {...props} />;\n}\n/** @public */\nexport function GroupIcon(props: IconComponentProps) {\n  return <AppIcon id=\"group\" {...props} />;\n}\n/** @public */\nexport function HelpIcon(props: IconComponentProps) {\n  return <AppIcon id=\"help\" {...props} />;\n}\n/** @public */\nexport function UserIcon(props: IconComponentProps) {\n  return <AppIcon id=\"user\" {...props} />;\n}\n/** @public */\nexport function WarningIcon(props: IconComponentProps) {\n  return <AppIcon id=\"warning\" {...props} />;\n}\n"],"names":["React"],"mappings":";;;;AA0CO,SAAS,QAAQ,KAAqB,EAAA;AAC3C,EAAA,MAAM,EAAE,EAAI,EAAA,GAAA,EAAK,WAAW,kBAAoB,EAAA,GAAG,MAAS,GAAA,KAAA,CAAA;AAC5D,EAAA,MAAM,MAAM,MAAO,EAAA,CAAA;AACnB,EAAA,MAAM,IAAO,GAAA,GAAA,CAAI,aAAc,CAAA,GAAG,CAAK,IAAA,QAAA,CAAA;AACvC,EAAO,uBAAAA,cAAA,CAAA,aAAA,CAAC,IAAM,EAAA,EAAA,GAAG,IAAM,EAAA,CAAA,CAAA;AACzB,CAAA;AAOO,SAAS,gBAAgB,KAA2B,EAAA;AACzD,EAAA,uBAAQA,cAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EAAQ,EAAG,EAAA,aAAA,EAAe,GAAG,KAAO,EAAA,CAAA,CAAA;AAC9C,CAAA;AAEO,SAAS,YAAY,KAA2B,EAAA;AACrD,EAAA,uBAAQA,cAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EAAQ,EAAG,EAAA,SAAA,EAAW,GAAG,KAAO,EAAA,CAAA,CAAA;AAC1C,CAAA;AAEO,SAAS,SAAS,KAA2B,EAAA;AAClD,EAAA,uBAAQA,cAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EAAQ,EAAG,EAAA,MAAA,EAAQ,GAAG,KAAO,EAAA,CAAA,CAAA;AACvC,CAAA;AAEO,SAAS,cAAc,KAA2B,EAAA;AACvD,EAAA,uBAAQA,cAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EAAQ,EAAG,EAAA,WAAA,EAAa,GAAG,KAAO,EAAA,CAAA,CAAA;AAC5C,CAAA;AAEO,SAAS,SAAS,KAA2B,EAAA;AAClD,EAAA,uBAAQA,cAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EAAQ,EAAG,EAAA,MAAA,EAAQ,GAAG,KAAO,EAAA,CAAA,CAAA;AACvC,CAAA;AAEO,SAAS,UAAU,KAA2B,EAAA;AACnD,EAAA,uBAAQA,cAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EAAQ,EAAG,EAAA,OAAA,EAAS,GAAG,KAAO,EAAA,CAAA,CAAA;AACxC,CAAA;AAEO,SAAS,WAAW,KAA2B,EAAA;AACpD,EAAA,uBAAQA,cAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EAAQ,EAAG,EAAA,QAAA,EAAU,GAAG,KAAO,EAAA,CAAA,CAAA;AACzC,CAAA;AAEO,SAAS,UAAU,KAA2B,EAAA;AACnD,EAAA,uBAAQA,cAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EAAQ,EAAG,EAAA,OAAA,EAAS,GAAG,KAAO,EAAA,CAAA,CAAA;AACxC,CAAA;AAEO,SAAS,SAAS,KAA2B,EAAA;AAClD,EAAA,uBAAQA,cAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EAAQ,EAAG,EAAA,MAAA,EAAQ,GAAG,KAAO,EAAA,CAAA,CAAA;AACvC,CAAA;AAEO,SAAS,SAAS,KAA2B,EAAA;AAClD,EAAA,uBAAQA,cAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EAAQ,EAAG,EAAA,MAAA,EAAQ,GAAG,KAAO,EAAA,CAAA,CAAA;AACvC,CAAA;AAEO,SAAS,YAAY,KAA2B,EAAA;AACrD,EAAA,uBAAQA,cAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EAAQ,EAAG,EAAA,SAAA,EAAW,GAAG,KAAO,EAAA,CAAA,CAAA;AAC1C;;;;"}
+{"version":3,"file":"icons.esm.js","sources":["../../src/icons/icons.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 { IconComponent, useApp } from '@backstage/core-plugin-api';\nimport MuiBrokenImageIcon from '@material-ui/icons/BrokenImage';\nimport React, { ComponentProps } from 'react';\n\n/**\n * @public\n * Props for the {@link @backstage/core-plugin-api#IconComponent} component.\n */\nexport type IconComponentProps = ComponentProps<IconComponent>;\n\n/**\n * @public\n * Props for the {@link AppIcon} component.\n */\nexport type AppIconProps = IconComponentProps & {\n  // The key of the system icon to render.\n  id: string;\n  // An optional fallback icon component to render when the system icon is not found.\n  // Default to () => null.\n  Fallback?: IconComponent;\n};\n\n/**\n * @public\n * A component that renders a system icon by its id.\n */\nexport function AppIcon(props: AppIconProps) {\n  const { id: key, Fallback = MuiBrokenImageIcon, ...rest } = props;\n  const app = useApp();\n  const Icon = app.getSystemIcon(key) ?? Fallback;\n  return <Icon {...rest} />;\n}\n\n// Should match the list of overridable system icon keys in @backstage/core-app-api\n/**\n * Broken Image Icon\n * @public\n */\nexport function BrokenImageIcon(props: IconComponentProps) {\n  return <AppIcon id=\"brokenImage\" {...props} />;\n}\n/** @public */\nexport function CatalogIcon(props: IconComponentProps) {\n  return <AppIcon id=\"catalog\" {...props} />;\n}\n/** @public */\nexport function ChatIcon(props: IconComponentProps) {\n  return <AppIcon id=\"chat\" {...props} />;\n}\n/** @public */\nexport function DashboardIcon(props: IconComponentProps) {\n  return <AppIcon id=\"dashboard\" {...props} />;\n}\n/** @public */\nexport function DocsIcon(props: IconComponentProps) {\n  return <AppIcon id=\"docs\" {...props} />;\n}\n/** @public */\nexport function EmailIcon(props: IconComponentProps) {\n  return <AppIcon id=\"email\" {...props} />;\n}\n/** @public */\nexport function GitHubIcon(props: IconComponentProps) {\n  return <AppIcon id=\"github\" {...props} />;\n}\n/** @public */\nexport function GroupIcon(props: IconComponentProps) {\n  return <AppIcon id=\"group\" {...props} />;\n}\n/** @public */\nexport function HelpIcon(props: IconComponentProps) {\n  return <AppIcon id=\"help\" {...props} />;\n}\n/** @public */\nexport function UserIcon(props: IconComponentProps) {\n  return <AppIcon id=\"user\" {...props} />;\n}\n/** @public */\nexport function WarningIcon(props: IconComponentProps) {\n  return <AppIcon id=\"warning\" {...props} />;\n}\n/** @public */\nexport function StarIcon(props: IconComponentProps) {\n  return <AppIcon id=\"star\" {...props} />;\n}\n/** @public */\nexport function UnstarredIcon(props: IconComponentProps) {\n  return <AppIcon id=\"unstarred\" {...props} />;\n}\n"],"names":["React"],"mappings":"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"}

package/dist/index.d.ts

@@ -1,9 +1,10 @@
 /// <reference types="react" />
 import * as React from 'react';
-import React__default, { CSSProperties, ElementType, ReactNode, PropsWithChildren, ComponentClass, ErrorInfo, ComponentProps, ReactElement } from 'react';
+import React__default, { CSSProperties, ElementType, ReactNode, PropsWithChildren, ComponentProps, ComponentClass, ErrorInfo, ReactElement } from 'react';
 import { ButtonProps as ButtonProps$1 } from '@material-ui/core/Button';
 import { LinkProps as LinkProps$1 } from '@material-ui/core/Link';
 import { LinkProps as LinkProps$2, NavLinkProps } from 'react-router-dom';
+import IconButton from '@material-ui/core/IconButton';
 import CSS from 'csstype';
 import { Options } from 'react-markdown';
 import { TooltipProps } from '@material-ui/core/Tooltip';
@@ -688,6 +689,35 @@ type ErrorPanelProps = {
  */
 declare function ErrorPanel(props: PropsWithChildren<ErrorPanelProps>): React__default.JSX.Element;
 
+/**
+ * @public
+ */
+type FavoriteToggleIconClassKey = 'icon' | 'iconBorder';
+/**
+ * Icon used in FavoriteToggle component.
+ *
+ * Can be used independently, useful when used as {@link @material-table/core#MaterialTableProps.actions} in {@link @material-table/core#MaterialTable}
+ *
+ * @public
+ */
+declare function FavoriteToggleIcon(props: {
+    isFavorite: boolean;
+}): React__default.JSX.Element;
+/**
+ * Toggle encapsulating logic for marking something as favorite,
+ * primarily used in various instances of entity lists and cards but can be used elsewhere.
+ *
+ * This component can only be used in as a controlled toggle and does not keep internal state.
+ *
+ * @public
+ */
+declare function FavoriteToggle(props: ComponentProps<typeof IconButton> & {
+    id: string;
+    title: string;
+    isFavorite: boolean;
+    onToggle: (value: boolean) => void;
+}): React__default.JSX.Element;
+
 type ResponseErrorPanelClassKey = 'text' | 'divider';
 /**
  * Renders a warning panel as the effect of a failed server request.
@@ -1281,6 +1311,10 @@ declare function HelpIcon(props: IconComponentProps): React__default.JSX.Element
 declare function UserIcon(props: IconComponentProps): React__default.JSX.Element;
 /** @public */
 declare function WarningIcon(props: IconComponentProps): React__default.JSX.Element;
+/** @public */
+declare function StarIcon(props: IconComponentProps): React__default.JSX.Element;
+/** @public */
+declare function UnstarredIcon(props: IconComponentProps): React__default.JSX.Element;
 
 /** @public */
 type BackstageContentClassKey = 'root' | 'stretch' | 'noPadding';
@@ -1950,6 +1984,7 @@ type IdentityProviders = ('guest' | 'custom' | SignInProviderConfig)[];
 type MultiSignInPageProps = SignInPageProps & {
     providers: IdentityProviders;
     title?: string;
+    titleComponent?: ReactNode;
     align?: 'center' | 'left';
 };
 type SingleSignInPageProps = SignInPageProps & {
@@ -2151,6 +2186,7 @@ type BackstageComponentsNameToClassKey = {
     BackstageTabbedCard: TabbedCardClassKey;
     BackstageTabbedCardBoldHeader: BoldHeaderClassKey;
     BackstageCardTab: CardTabClassKey;
+    BackstageFavoriteToggleIcon: FavoriteToggleIconClassKey;
 };
 /** @public */
 type BackstageOverrides = Overrides & {
@@ -2161,4 +2197,4 @@ declare module '@backstage/theme' {
     }
 }
 
-export { AlertDisplay, type AlertDisplayProps, AppIcon, type AppIconProps, AutoLogout, type AutoLogoutProps, Avatar, type AvatarClassKey, type AvatarProps, type BackstageContentClassKey, type BackstageOverrides, type BoldHeaderClassKey, BottomLink, type BottomLinkClassKey, type BottomLinkProps, Breadcrumbs, type BreadcrumbsClickableTextClassKey, type BreadcrumbsCurrentPageClassKey, type BreadcrumbsStyledBoxClassKey, BrokenImageIcon, Button, type ButtonProps, type CardActionsTopRightClassKey, CardTab, type CardTabClassKey, CatalogIcon, ChatIcon, type ClosedDropdownClassKey, CodeSnippet, type CodeSnippetProps, Content, ContentHeader, type ContentHeaderClassKey, CopyTextButton, type CopyTextButtonProps, CreateButton, type CreateButtonProps, type CustomProviderClassKey, DashboardIcon, DependencyGraph, type DependencyGraphDefaultLabelClassKey, type DependencyGraphDefaultNodeClassKey, type DependencyGraphEdgeClassKey, type DependencyGraphNodeClassKey, type DependencyGraphProps, DependencyGraphTypes, DismissableBanner, type DismissableBannerClassKey, type DismissbleBannerClassKey, DocsIcon, EmailIcon, EmptyState, type EmptyStateClassKey, type EmptyStateImageClassKey, ErrorBoundary, type ErrorBoundaryProps, ErrorPage, type ErrorPageClassKey, ErrorPanel, type ErrorPanelClassKey, type ErrorPanelProps, type FeatureCalloutCircleClassKey, FeatureCalloutCircular, type FiltersContainerClassKey, Gauge, GaugeCard, type GaugeCardClassKey, type GaugeClassKey, type GaugeProps, type GaugePropsGetColor, type GaugePropsGetColorOptions, GitHubIcon, GroupIcon, Header, HeaderActionMenu, type HeaderActionMenuItem, type HeaderActionMenuProps, type HeaderClassKey, HeaderIconLinkRow, type HeaderIconLinkRowClassKey, HeaderLabel, type HeaderLabelClassKey, HeaderTabs, type HeaderTabsClassKey, HelpIcon, HorizontalScrollGrid, type HorizontalScrollGridClassKey, type IconComponentProps, IconLinkVertical, type IconLinkVerticalClassKey, type IconLinkVerticalProps, type IdentityProviders, InfoCard, type InfoCardClassKey, type InfoCardVariants, ItemCard, ItemCardGrid, type ItemCardGridClassKey, type ItemCardGridProps, ItemCardHeader, type ItemCardHeaderClassKey, type ItemCardHeaderProps, Lifecycle, type LifecycleClassKey, LinearGauge, Link, LinkButton, type LinkButtonProps, type LinkProps, LogViewer, type LogViewerClassKey, type LogViewerProps, type LoginRequestListItemClassKey, MarkdownContent, type MarkdownContentClassKey, type MetadataTableCellClassKey, type MetadataTableListClassKey, type MetadataTableListItemClassKey, type MetadataTableTitleCellClassKey, type MicDropClassKey, MissingAnnotationEmptyState, type MissingAnnotationEmptyStateClassKey, MobileSidebar, type MobileSidebarProps, OAuthRequestDialog, type OAuthRequestDialogClassKey, type OpenedDropdownClassKey, OverflowTooltip, type OverflowTooltipClassKey, Page, type PageClassKey, PageWithHeader, Progress, ProxiedSignInPage, type ProxiedSignInPageProps, ResponseErrorPanel, type ResponseErrorPanelClassKey, RoutedTabs, SIDEBAR_INTRO_LOCAL_STORAGE, SelectComponent as Select, type SelectClassKey, type SelectInputBaseClassKey, type SelectItem, type SelectedItems, Sidebar, type SidebarClassKey, LegacySidebarContext as SidebarContext, type SidebarContextType, SidebarDivider, type SidebarDividerClassKey, SidebarExpandButton, SidebarGroup, type SidebarGroupProps, SidebarItem, type SidebarItemClassKey, type SidebarOpenState, SidebarOpenStateProvider, type SidebarOptions, SidebarPage, type SidebarPageClassKey, type SidebarPageProps, type SidebarPinState, LegacySidebarPinStateContext as SidebarPinStateContext, type SidebarPinStateContextType, SidebarPinStateProvider, type SidebarProps, SidebarScrollWrapper, SidebarSearchField, SidebarSpace, type SidebarSpaceClassKey, SidebarSpacer, type SidebarSpacerClassKey, SidebarSubmenu, SidebarSubmenuItem, type SidebarSubmenuItemDropdownItem, type SidebarSubmenuItemProps, type SidebarSubmenuProps, SignInPage, type SignInPageClassKey, type SignInProviderConfig, SimpleStepper, type SimpleStepperFooterClassKey, SimpleStepperStep, type SimpleStepperStepClassKey, StatusAborted, type StatusClassKey, StatusError, StatusOK, StatusPending, StatusRunning, StatusWarning, StructuredMetadataTable, type StructuredMetadataTableListClassKey, type StructuredMetadataTableNestedListClassKey, type StructuredMetadataTableProps, type SubmenuOptions, SubvalueCell, type SubvalueCellClassKey, SupportButton, type SupportButtonClassKey, type SupportConfig, type SupportItem, type SupportItemLink, type Tab, TabbedCard, type TabbedCardClassKey, TabbedLayout, Table, type TableClassKey, type TableColumn, type TableFilter, type TableFiltersClassKey, type TableHeaderClassKey, type TableOptions, type TableProps, type TableState, type TableToolbarClassKey, TrendLine, UserIcon, UserIdentity, WarningIcon, WarningPanel, type WarningPanelClassKey, sidebarConfig, useContent, useQueryParamState, useSidebarOpenState, useSidebarPinState, useSupportConfig };
+export { AlertDisplay, type AlertDisplayProps, AppIcon, type AppIconProps, AutoLogout, type AutoLogoutProps, Avatar, type AvatarClassKey, type AvatarProps, type BackstageContentClassKey, type BackstageOverrides, type BoldHeaderClassKey, BottomLink, type BottomLinkClassKey, type BottomLinkProps, Breadcrumbs, type BreadcrumbsClickableTextClassKey, type BreadcrumbsCurrentPageClassKey, type BreadcrumbsStyledBoxClassKey, BrokenImageIcon, Button, type ButtonProps, type CardActionsTopRightClassKey, CardTab, type CardTabClassKey, CatalogIcon, ChatIcon, type ClosedDropdownClassKey, CodeSnippet, type CodeSnippetProps, Content, ContentHeader, type ContentHeaderClassKey, CopyTextButton, type CopyTextButtonProps, CreateButton, type CreateButtonProps, type CustomProviderClassKey, DashboardIcon, DependencyGraph, type DependencyGraphDefaultLabelClassKey, type DependencyGraphDefaultNodeClassKey, type DependencyGraphEdgeClassKey, type DependencyGraphNodeClassKey, type DependencyGraphProps, DependencyGraphTypes, DismissableBanner, type DismissableBannerClassKey, type DismissbleBannerClassKey, DocsIcon, EmailIcon, EmptyState, type EmptyStateClassKey, type EmptyStateImageClassKey, ErrorBoundary, type ErrorBoundaryProps, ErrorPage, type ErrorPageClassKey, ErrorPanel, type ErrorPanelClassKey, type ErrorPanelProps, FavoriteToggle, FavoriteToggleIcon, type FavoriteToggleIconClassKey, type FeatureCalloutCircleClassKey, FeatureCalloutCircular, type FiltersContainerClassKey, Gauge, GaugeCard, type GaugeCardClassKey, type GaugeClassKey, type GaugeProps, type GaugePropsGetColor, type GaugePropsGetColorOptions, GitHubIcon, GroupIcon, Header, HeaderActionMenu, type HeaderActionMenuItem, type HeaderActionMenuProps, type HeaderClassKey, HeaderIconLinkRow, type HeaderIconLinkRowClassKey, HeaderLabel, type HeaderLabelClassKey, HeaderTabs, type HeaderTabsClassKey, HelpIcon, HorizontalScrollGrid, type HorizontalScrollGridClassKey, type IconComponentProps, IconLinkVertical, type IconLinkVerticalClassKey, type IconLinkVerticalProps, type IdentityProviders, InfoCard, type InfoCardClassKey, type InfoCardVariants, ItemCard, ItemCardGrid, type ItemCardGridClassKey, type ItemCardGridProps, ItemCardHeader, type ItemCardHeaderClassKey, type ItemCardHeaderProps, Lifecycle, type LifecycleClassKey, LinearGauge, Link, LinkButton, type LinkButtonProps, type LinkProps, LogViewer, type LogViewerClassKey, type LogViewerProps, type LoginRequestListItemClassKey, MarkdownContent, type MarkdownContentClassKey, type MetadataTableCellClassKey, type MetadataTableListClassKey, type MetadataTableListItemClassKey, type MetadataTableTitleCellClassKey, type MicDropClassKey, MissingAnnotationEmptyState, type MissingAnnotationEmptyStateClassKey, MobileSidebar, type MobileSidebarProps, OAuthRequestDialog, type OAuthRequestDialogClassKey, type OpenedDropdownClassKey, OverflowTooltip, type OverflowTooltipClassKey, Page, type PageClassKey, PageWithHeader, Progress, ProxiedSignInPage, type ProxiedSignInPageProps, ResponseErrorPanel, type ResponseErrorPanelClassKey, RoutedTabs, SIDEBAR_INTRO_LOCAL_STORAGE, SelectComponent as Select, type SelectClassKey, type SelectInputBaseClassKey, type SelectItem, type SelectedItems, Sidebar, type SidebarClassKey, LegacySidebarContext as SidebarContext, type SidebarContextType, SidebarDivider, type SidebarDividerClassKey, SidebarExpandButton, SidebarGroup, type SidebarGroupProps, SidebarItem, type SidebarItemClassKey, type SidebarOpenState, SidebarOpenStateProvider, type SidebarOptions, SidebarPage, type SidebarPageClassKey, type SidebarPageProps, type SidebarPinState, LegacySidebarPinStateContext as SidebarPinStateContext, type SidebarPinStateContextType, SidebarPinStateProvider, type SidebarProps, SidebarScrollWrapper, SidebarSearchField, SidebarSpace, type SidebarSpaceClassKey, SidebarSpacer, type SidebarSpacerClassKey, SidebarSubmenu, SidebarSubmenuItem, type SidebarSubmenuItemDropdownItem, type SidebarSubmenuItemProps, type SidebarSubmenuProps, SignInPage, type SignInPageClassKey, type SignInProviderConfig, SimpleStepper, type SimpleStepperFooterClassKey, SimpleStepperStep, type SimpleStepperStepClassKey, StarIcon, StatusAborted, type StatusClassKey, StatusError, StatusOK, StatusPending, StatusRunning, StatusWarning, StructuredMetadataTable, type StructuredMetadataTableListClassKey, type StructuredMetadataTableNestedListClassKey, type StructuredMetadataTableProps, type SubmenuOptions, SubvalueCell, type SubvalueCellClassKey, SupportButton, type SupportButtonClassKey, type SupportConfig, type SupportItem, type SupportItemLink, type Tab, TabbedCard, type TabbedCardClassKey, TabbedLayout, Table, type TableClassKey, type TableColumn, type TableFilter, type TableFiltersClassKey, type TableHeaderClassKey, type TableOptions, type TableProps, type TableState, type TableToolbarClassKey, TrendLine, UnstarredIcon, UserIcon, UserIdentity, WarningIcon, WarningPanel, type WarningPanelClassKey, sidebarConfig, useContent, useQueryParamState, useSidebarOpenState, useSidebarPinState, useSupportConfig };

package/dist/index.esm.js

@@ -11,6 +11,7 @@ export { DismissableBanner } from './components/DismissableBanner/DismissableBan
 export { EmptyState } from './components/EmptyState/EmptyState.esm.js';
 export { MissingAnnotationEmptyState } from './components/EmptyState/MissingAnnotationEmptyState.esm.js';
 export { ErrorPanel } from './components/ErrorPanel/ErrorPanel.esm.js';
+export { FavoriteToggle, FavoriteToggleIcon } from './components/FavoriteToggle/FavoriteToggle.esm.js';
 export { ResponseErrorPanel } from './components/ResponseErrorPanel/ResponseErrorPanel.esm.js';
 export { FeatureCalloutCircular } from './components/FeatureDiscovery/FeatureCalloutCircular.esm.js';
 export { HeaderIconLinkRow } from './components/HeaderIconLinkRow/HeaderIconLinkRow.esm.js';
@@ -40,7 +41,7 @@ export { TrendLine } from './components/TrendLine/TrendLine.esm.js';
 export { WarningPanel } from './components/WarningPanel/WarningPanel.esm.js';
 export { useQueryParamState } from './hooks/useQueryParamState.esm.js';
 export { useSupportConfig } from './hooks/useSupportConfig.esm.js';
-export { AppIcon, BrokenImageIcon, CatalogIcon, ChatIcon, DashboardIcon, DocsIcon, EmailIcon, GitHubIcon, GroupIcon, HelpIcon, UserIcon, WarningIcon } from './icons/icons.esm.js';
+export { AppIcon, BrokenImageIcon, CatalogIcon, ChatIcon, DashboardIcon, DocsIcon, EmailIcon, GitHubIcon, GroupIcon, HelpIcon, StarIcon, UnstarredIcon, UserIcon, WarningIcon } from './icons/icons.esm.js';
 export { BottomLink } from './layout/BottomLink/BottomLink.esm.js';
 export { Content } from './layout/Content/Content.esm.js';
 export { ContentHeader } from './layout/ContentHeader/ContentHeader.esm.js';

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/ContentHeader/ContentHeader.esm.js

@@ -39,10 +39,7 @@ const useStyles = (props) => makeStyles(
   }),
   { name: "BackstageContentHeader" }
 );
-const ContentHeaderTitle = ({
-  title = "Unknown page",
-  className
-}) => /* @__PURE__ */ React__default.createElement(
+const ContentHeaderTitle = ({ title, className }) => /* @__PURE__ */ React__default.createElement(
   Typography,
   {
     variant: "h4",

package/dist/layout/ContentHeader/ContentHeader.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContentHeader.esm.js","sources":["../../../src/layout/ContentHeader/ContentHeader.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 */\nimport Box from '@material-ui/core/Box';\nimport { makeStyles } from '@material-ui/core/styles';\nimport Typography from '@material-ui/core/Typography';\nimport React, { PropsWithChildren, ReactNode } from 'react';\nimport { Helmet } from 'react-helmet';\n\n/**\n * TODO: favoriteable capability\n */\n\n/** @public */\nexport type ContentHeaderClassKey =\n  | 'container'\n  | 'leftItemsBox'\n  | 'rightItemsBox'\n  | 'description'\n  | 'title';\n\nconst useStyles = (props: ContentHeaderProps) =>\n  makeStyles(\n    theme => ({\n      container: {\n        width: '100%',\n        display: 'flex',\n        flexDirection: 'row',\n        flexWrap: 'wrap',\n        justifyContent: 'flex-end',\n        alignItems: 'center',\n        marginBottom: theme.spacing(2),\n        textAlign: props.textAlign,\n      },\n      leftItemsBox: {\n        flex: '1 1 auto',\n        minWidth: 0,\n        overflow: 'visible',\n      },\n      rightItemsBox: {\n        flex: '0 1 auto',\n        display: 'flex',\n        flexDirection: 'row',\n        flexWrap: 'wrap',\n        alignItems: 'center',\n        marginLeft: theme.spacing(1),\n        minWidth: 0,\n        overflow: 'visible',\n      },\n      description: {},\n      title: {\n        display: 'inline-flex',\n        marginBottom: 0,\n      },\n    }),\n    { name: 'BackstageContentHeader' },\n  );\n\ntype ContentHeaderTitleProps = {\n  title?: string;\n  className?: string;\n};\n\nconst ContentHeaderTitle = ({\n  title = 'Unknown page',\n  className,\n}: ContentHeaderTitleProps) => (\n  <Typography\n    variant=\"h4\"\n    component=\"h2\"\n    className={className}\n    data-testid=\"header-title\"\n  >\n    {title}\n  </Typography>\n);\n\ntype ContentHeaderProps = {\n  title?: ContentHeaderTitleProps['title'];\n  titleComponent?: ReactNode;\n  description?: string;\n  textAlign?: 'left' | 'right' | 'center';\n};\n\n/**\n *  A header at the top inside a {@link Content}.\n *\n * @public\n *\n */\n\nexport function ContentHeader(props: PropsWithChildren<ContentHeaderProps>) {\n  const {\n    description,\n    title,\n    titleComponent: TitleComponent = undefined,\n    children,\n    textAlign = 'left',\n  } = props;\n  const classes = useStyles({ textAlign })();\n\n  const renderedTitle = TitleComponent ? (\n    TitleComponent\n  ) : (\n    <ContentHeaderTitle title={title} className={classes.title} />\n  );\n\n  return (\n    <>\n      <Helmet title={title} />\n      <Box className={classes.container}>\n        <Box className={classes.leftItemsBox}>\n          {renderedTitle}\n          {description && (\n            <Typography className={classes.description} variant=\"body2\">\n              {description}\n            </Typography>\n          )}\n        </Box>\n        <Box className={classes.rightItemsBox}>{children}</Box>\n      </Box>\n    </>\n  );\n}\n"],"names":["React"],"mappings":";;;;;;AAiCA,MAAM,SAAA,GAAY,CAAC,KACjB,KAAA,UAAA;AAAA,EACE,CAAU,KAAA,MAAA;AAAA,IACR,SAAW,EAAA;AAAA,MACT,KAAO,EAAA,MAAA;AAAA,MACP,OAAS,EAAA,MAAA;AAAA,MACT,aAAe,EAAA,KAAA;AAAA,MACf,QAAU,EAAA,MAAA;AAAA,MACV,cAAgB,EAAA,UAAA;AAAA,MAChB,UAAY,EAAA,QAAA;AAAA,MACZ,YAAA,EAAc,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,MAC7B,WAAW,KAAM,CAAA,SAAA;AAAA,KACnB;AAAA,IACA,YAAc,EAAA;AAAA,MACZ,IAAM,EAAA,UAAA;AAAA,MACN,QAAU,EAAA,CAAA;AAAA,MACV,QAAU,EAAA,SAAA;AAAA,KACZ;AAAA,IACA,aAAe,EAAA;AAAA,MACb,IAAM,EAAA,UAAA;AAAA,MACN,OAAS,EAAA,MAAA;AAAA,MACT,aAAe,EAAA,KAAA;AAAA,MACf,QAAU,EAAA,MAAA;AAAA,MACV,UAAY,EAAA,QAAA;AAAA,MACZ,UAAA,EAAY,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,MAC3B,QAAU,EAAA,CAAA;AAAA,MACV,QAAU,EAAA,SAAA;AAAA,KACZ;AAAA,IACA,aAAa,EAAC;AAAA,IACd,KAAO,EAAA;AAAA,MACL,OAAS,EAAA,aAAA;AAAA,MACT,YAAc,EAAA,CAAA;AAAA,KAChB;AAAA,GACF,CAAA;AAAA,EACA,EAAE,MAAM,wBAAyB,EAAA;AACnC,CAAA,CAAA;AAOF,MAAM,qBAAqB,CAAC;AAAA,EAC1B,KAAQ,GAAA,cAAA;AAAA,EACR,SAAA;AACF,CACE,qBAAAA,cAAA,CAAA,aAAA;AAAA,EAAC,UAAA;AAAA,EAAA;AAAA,IACC,OAAQ,EAAA,IAAA;AAAA,IACR,SAAU,EAAA,IAAA;AAAA,IACV,SAAA;AAAA,IACA,aAAY,EAAA,cAAA;AAAA,GAAA;AAAA,EAEX,KAAA;AACH,CAAA,CAAA;AAiBK,SAAS,cAAc,KAA8C,EAAA;AAC1E,EAAM,MAAA;AAAA,IACJ,WAAA;AAAA,IACA,KAAA;AAAA,IACA,gBAAgB,cAAiB,GAAA,KAAA,CAAA;AAAA,IACjC,QAAA;AAAA,IACA,SAAY,GAAA,MAAA;AAAA,GACV,GAAA,KAAA,CAAA;AACJ,EAAA,MAAM,OAAU,GAAA,SAAA,CAAU,EAAE,SAAA,EAAW,CAAE,EAAA,CAAA;AAEzC,EAAM,MAAA,aAAA,GAAgB,iBACpB,cAEA,mBAAAA,cAAA,CAAA,aAAA,CAAC,sBAAmB,KAAc,EAAA,SAAA,EAAW,QAAQ,KAAO,EAAA,CAAA,CAAA;AAG9D,EAAA,uBAEIA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,MAAO,EAAA,EAAA,KAAA,EAAc,mBACrBA,cAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAI,SAAW,EAAA,OAAA,CAAQ,6BACrBA,cAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAI,SAAW,EAAA,OAAA,CAAQ,gBACrB,aACA,EAAA,WAAA,oBACEA,cAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,SAAW,EAAA,OAAA,CAAQ,WAAa,EAAA,OAAA,EAAQ,WACjD,WACH,CAEJ,CACA,kBAAAA,cAAA,CAAA,aAAA,CAAC,OAAI,SAAW,EAAA,OAAA,CAAQ,aAAgB,EAAA,EAAA,QAAS,CACnD,CACF,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"ContentHeader.esm.js","sources":["../../../src/layout/ContentHeader/ContentHeader.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 */\nimport Box from '@material-ui/core/Box';\nimport { makeStyles } from '@material-ui/core/styles';\nimport Typography from '@material-ui/core/Typography';\nimport React, { PropsWithChildren, ReactNode } from 'react';\nimport { Helmet } from 'react-helmet';\n\n/**\n * TODO: favoriteable capability\n */\n\n/** @public */\nexport type ContentHeaderClassKey =\n  | 'container'\n  | 'leftItemsBox'\n  | 'rightItemsBox'\n  | 'description'\n  | 'title';\n\nconst useStyles = (props: ContentHeaderProps) =>\n  makeStyles(\n    theme => ({\n      container: {\n        width: '100%',\n        display: 'flex',\n        flexDirection: 'row',\n        flexWrap: 'wrap',\n        justifyContent: 'flex-end',\n        alignItems: 'center',\n        marginBottom: theme.spacing(2),\n        textAlign: props.textAlign,\n      },\n      leftItemsBox: {\n        flex: '1 1 auto',\n        minWidth: 0,\n        overflow: 'visible',\n      },\n      rightItemsBox: {\n        flex: '0 1 auto',\n        display: 'flex',\n        flexDirection: 'row',\n        flexWrap: 'wrap',\n        alignItems: 'center',\n        marginLeft: theme.spacing(1),\n        minWidth: 0,\n        overflow: 'visible',\n      },\n      description: {},\n      title: {\n        display: 'inline-flex',\n        marginBottom: 0,\n      },\n    }),\n    { name: 'BackstageContentHeader' },\n  );\n\ntype ContentHeaderTitleProps = {\n  title?: string;\n  className?: string;\n};\n\nconst ContentHeaderTitle = ({ title, className }: ContentHeaderTitleProps) => (\n  <Typography\n    variant=\"h4\"\n    component=\"h2\"\n    className={className}\n    data-testid=\"header-title\"\n  >\n    {title}\n  </Typography>\n);\n\ntype ContentHeaderProps = {\n  title?: ContentHeaderTitleProps['title'];\n  titleComponent?: ReactNode;\n  description?: string;\n  textAlign?: 'left' | 'right' | 'center';\n};\n\n/**\n *  A header at the top inside a {@link Content}.\n *\n * @public\n *\n */\n\nexport function ContentHeader(props: PropsWithChildren<ContentHeaderProps>) {\n  const {\n    description,\n    title,\n    titleComponent: TitleComponent = undefined,\n    children,\n    textAlign = 'left',\n  } = props;\n  const classes = useStyles({ textAlign })();\n\n  const renderedTitle = TitleComponent ? (\n    TitleComponent\n  ) : (\n    <ContentHeaderTitle title={title} className={classes.title} />\n  );\n\n  return (\n    <>\n      <Helmet title={title} />\n      <Box className={classes.container}>\n        <Box className={classes.leftItemsBox}>\n          {renderedTitle}\n          {description && (\n            <Typography className={classes.description} variant=\"body2\">\n              {description}\n            </Typography>\n          )}\n        </Box>\n        <Box className={classes.rightItemsBox}>{children}</Box>\n      </Box>\n    </>\n  );\n}\n"],"names":["React"],"mappings":";;;;;;AAiCA,MAAM,SAAA,GAAY,CAAC,KACjB,KAAA,UAAA;AAAA,EACE,CAAU,KAAA,MAAA;AAAA,IACR,SAAW,EAAA;AAAA,MACT,KAAO,EAAA,MAAA;AAAA,MACP,OAAS,EAAA,MAAA;AAAA,MACT,aAAe,EAAA,KAAA;AAAA,MACf,QAAU,EAAA,MAAA;AAAA,MACV,cAAgB,EAAA,UAAA;AAAA,MAChB,UAAY,EAAA,QAAA;AAAA,MACZ,YAAA,EAAc,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,MAC7B,WAAW,KAAM,CAAA,SAAA;AAAA,KACnB;AAAA,IACA,YAAc,EAAA;AAAA,MACZ,IAAM,EAAA,UAAA;AAAA,MACN,QAAU,EAAA,CAAA;AAAA,MACV,QAAU,EAAA,SAAA;AAAA,KACZ;AAAA,IACA,aAAe,EAAA;AAAA,MACb,IAAM,EAAA,UAAA;AAAA,MACN,OAAS,EAAA,MAAA;AAAA,MACT,aAAe,EAAA,KAAA;AAAA,MACf,QAAU,EAAA,MAAA;AAAA,MACV,UAAY,EAAA,QAAA;AAAA,MACZ,UAAA,EAAY,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,MAC3B,QAAU,EAAA,CAAA;AAAA,MACV,QAAU,EAAA,SAAA;AAAA,KACZ;AAAA,IACA,aAAa,EAAC;AAAA,IACd,KAAO,EAAA;AAAA,MACL,OAAS,EAAA,aAAA;AAAA,MACT,YAAc,EAAA,CAAA;AAAA,KAChB;AAAA,GACF,CAAA;AAAA,EACA,EAAE,MAAM,wBAAyB,EAAA;AACnC,CAAA,CAAA;AAOF,MAAM,kBAAqB,GAAA,CAAC,EAAE,KAAA,EAAO,WACnC,qBAAAA,cAAA,CAAA,aAAA;AAAA,EAAC,UAAA;AAAA,EAAA;AAAA,IACC,OAAQ,EAAA,IAAA;AAAA,IACR,SAAU,EAAA,IAAA;AAAA,IACV,SAAA;AAAA,IACA,aAAY,EAAA,cAAA;AAAA,GAAA;AAAA,EAEX,KAAA;AACH,CAAA,CAAA;AAiBK,SAAS,cAAc,KAA8C,EAAA;AAC1E,EAAM,MAAA;AAAA,IACJ,WAAA;AAAA,IACA,KAAA;AAAA,IACA,gBAAgB,cAAiB,GAAA,KAAA,CAAA;AAAA,IACjC,QAAA;AAAA,IACA,SAAY,GAAA,MAAA;AAAA,GACV,GAAA,KAAA,CAAA;AACJ,EAAA,MAAM,OAAU,GAAA,SAAA,CAAU,EAAE,SAAA,EAAW,CAAE,EAAA,CAAA;AAEzC,EAAM,MAAA,aAAA,GAAgB,iBACpB,cAEA,mBAAAA,cAAA,CAAA,aAAA,CAAC,sBAAmB,KAAc,EAAA,SAAA,EAAW,QAAQ,KAAO,EAAA,CAAA,CAAA;AAG9D,EAAA,uBAEIA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,MAAO,EAAA,EAAA,KAAA,EAAc,mBACrBA,cAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAI,SAAW,EAAA,OAAA,CAAQ,6BACrBA,cAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAI,SAAW,EAAA,OAAA,CAAQ,gBACrB,aACA,EAAA,WAAA,oBACEA,cAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,SAAW,EAAA,OAAA,CAAQ,WAAa,EAAA,OAAA,EAAQ,WACjD,WACH,CAEJ,CACA,kBAAAA,cAAA,CAAA,aAAA,CAAC,OAAI,SAAW,EAAA,OAAA,CAAQ,aAAgB,EAAA,EAAA,QAAS,CACnD,CACF,CAAA,CAAA;AAEJ;;;;"}

package/dist/layout/ErrorPage/StackDetails.esm.js

@@ -36,6 +36,7 @@ import '../../components/DismissableBanner/DismissableBanner.esm.js';
 import '../../components/EmptyState/EmptyState.esm.js';
 import '../../components/EmptyState/MissingAnnotationEmptyState.esm.js';
 import '../../components/ErrorPanel/ErrorPanel.esm.js';
+import '../../components/FavoriteToggle/FavoriteToggle.esm.js';
 import '../../components/ResponseErrorPanel/ResponseErrorPanel.esm.js';
 import '../../components/FeatureDiscovery/FeatureCalloutCircular.esm.js';
 import '../../components/HeaderIconLinkRow/HeaderIconLinkRow.esm.js';

package/dist/layout/ErrorPage/StackDetails.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"StackDetails.esm.js","sources":["../../../src/layout/ErrorPage/StackDetails.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 */\nimport Typography from '@material-ui/core/Typography';\nimport React from 'react';\nimport { useState } from 'react';\nimport { Link } from '../../components/Link';\nimport { CodeSnippet } from '../../components';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { coreComponentsTranslationRef } from '../../translation';\n\ninterface IStackDetailsProps {\n  stack: string;\n}\n\nconst useStyles = makeStyles(\n  theme => ({\n    title: {\n      paddingBottom: theme.spacing(5),\n      [theme.breakpoints.down('xs')]: {\n        paddingBottom: theme.spacing(4),\n        fontSize: theme.typography.h3.fontSize,\n      },\n    },\n  }),\n  { name: 'BackstageErrorPageStackDetails' },\n);\n\n/**\n * Error page details with stack trace\n *\n * @public\n *\n */\nexport function StackDetails(props: IStackDetailsProps) {\n  const { stack } = props;\n  const classes = useStyles();\n  const { t } = useTranslationRef(coreComponentsTranslationRef);\n\n  const [detailsOpen, setDetailsOpen] = useState<boolean>(false);\n\n  if (!detailsOpen) {\n    return (\n      <Typography variant=\"h6\" className={classes.title}>\n        <Link to=\"#\" onClick={() => setDetailsOpen(true)}>\n          {t('errorPage.showMoreDetails')}\n        </Link>\n      </Typography>\n    );\n  }\n\n  return (\n    <>\n      <Typography variant=\"h6\" className={classes.title}>\n        <Link to=\"#\" onClick={() => setDetailsOpen(false)}>\n          {t('errorPage.showLessDetails')}\n        </Link>\n      </Typography>\n      <CodeSnippet\n        text={stack}\n        language=\"text\"\n        showCopyCodeButton\n        showLineNumbers\n      />\n    </>\n  );\n}\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BA,MAAM,SAAY,GAAA,UAAA;AAAA,EAChB,CAAU,KAAA,MAAA;AAAA,IACR,KAAO,EAAA;AAAA,MACL,aAAA,EAAe,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,MAC9B,CAAC,KAAM,CAAA,WAAA,CAAY,IAAK,CAAA,IAAI,CAAC,GAAG;AAAA,QAC9B,aAAA,EAAe,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,QAC9B,QAAA,EAAU,KAAM,CAAA,UAAA,CAAW,EAAG,CAAA,QAAA;AAAA,OAChC;AAAA,KACF;AAAA,GACF,CAAA;AAAA,EACA,EAAE,MAAM,gCAAiC,EAAA;AAC3C,CAAA,CAAA;AAQO,SAAS,aAAa,KAA2B,EAAA;AACtD,EAAM,MAAA,EAAE,OAAU,GAAA,KAAA,CAAA;AAClB,EAAA,MAAM,UAAU,SAAU,EAAA,CAAA;AAC1B,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,4BAA4B,CAAA,CAAA;AAE5D,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAI,SAAkB,KAAK,CAAA,CAAA;AAE7D,EAAA,IAAI,CAAC,WAAa,EAAA;AAChB,IAAA,oDACG,UAAW,EAAA,EAAA,OAAA,EAAQ,MAAK,SAAW,EAAA,OAAA,CAAQ,yBACzCA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,IAAG,GAAI,EAAA,OAAA,EAAS,MAAM,cAAe,CAAA,IAAI,KAC5C,CAAE,CAAA,2BAA2B,CAChC,CACF,CAAA,CAAA;AAAA,GAEJ;AAEA,EACE,uBAAAA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA,+CACG,UAAW,EAAA,EAAA,OAAA,EAAQ,MAAK,SAAW,EAAA,OAAA,CAAQ,yBACzCA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,IAAG,GAAI,EAAA,OAAA,EAAS,MAAM,cAAe,CAAA,KAAK,KAC7C,CAAE,CAAA,2BAA2B,CAChC,CACF,CACA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,WAAA;AAAA,IAAA;AAAA,MACC,IAAM,EAAA,KAAA;AAAA,MACN,QAAS,EAAA,MAAA;AAAA,MACT,kBAAkB,EAAA,IAAA;AAAA,MAClB,eAAe,EAAA,IAAA;AAAA,KAAA;AAAA,GAEnB,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"StackDetails.esm.js","sources":["../../../src/layout/ErrorPage/StackDetails.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 */\nimport Typography from '@material-ui/core/Typography';\nimport React from 'react';\nimport { useState } from 'react';\nimport { Link } from '../../components/Link';\nimport { CodeSnippet } from '../../components';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { coreComponentsTranslationRef } from '../../translation';\n\ninterface IStackDetailsProps {\n  stack: string;\n}\n\nconst useStyles = makeStyles(\n  theme => ({\n    title: {\n      paddingBottom: theme.spacing(5),\n      [theme.breakpoints.down('xs')]: {\n        paddingBottom: theme.spacing(4),\n        fontSize: theme.typography.h3.fontSize,\n      },\n    },\n  }),\n  { name: 'BackstageErrorPageStackDetails' },\n);\n\n/**\n * Error page details with stack trace\n *\n * @public\n *\n */\nexport function StackDetails(props: IStackDetailsProps) {\n  const { stack } = props;\n  const classes = useStyles();\n  const { t } = useTranslationRef(coreComponentsTranslationRef);\n\n  const [detailsOpen, setDetailsOpen] = useState<boolean>(false);\n\n  if (!detailsOpen) {\n    return (\n      <Typography variant=\"h6\" className={classes.title}>\n        <Link to=\"#\" onClick={() => setDetailsOpen(true)}>\n          {t('errorPage.showMoreDetails')}\n        </Link>\n      </Typography>\n    );\n  }\n\n  return (\n    <>\n      <Typography variant=\"h6\" className={classes.title}>\n        <Link to=\"#\" onClick={() => setDetailsOpen(false)}>\n          {t('errorPage.showLessDetails')}\n        </Link>\n      </Typography>\n      <CodeSnippet\n        text={stack}\n        language=\"text\"\n        showCopyCodeButton\n        showLineNumbers\n      />\n    </>\n  );\n}\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BA,MAAM,SAAY,GAAA,UAAA;AAAA,EAChB,CAAU,KAAA,MAAA;AAAA,IACR,KAAO,EAAA;AAAA,MACL,aAAA,EAAe,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,MAC9B,CAAC,KAAM,CAAA,WAAA,CAAY,IAAK,CAAA,IAAI,CAAC,GAAG;AAAA,QAC9B,aAAA,EAAe,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,QAC9B,QAAA,EAAU,KAAM,CAAA,UAAA,CAAW,EAAG,CAAA,QAAA;AAAA,OAChC;AAAA,KACF;AAAA,GACF,CAAA;AAAA,EACA,EAAE,MAAM,gCAAiC,EAAA;AAC3C,CAAA,CAAA;AAQO,SAAS,aAAa,KAA2B,EAAA;AACtD,EAAM,MAAA,EAAE,OAAU,GAAA,KAAA,CAAA;AAClB,EAAA,MAAM,UAAU,SAAU,EAAA,CAAA;AAC1B,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,4BAA4B,CAAA,CAAA;AAE5D,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAI,SAAkB,KAAK,CAAA,CAAA;AAE7D,EAAA,IAAI,CAAC,WAAa,EAAA;AAChB,IAAA,oDACG,UAAW,EAAA,EAAA,OAAA,EAAQ,MAAK,SAAW,EAAA,OAAA,CAAQ,yBACzCA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,IAAG,GAAI,EAAA,OAAA,EAAS,MAAM,cAAe,CAAA,IAAI,KAC5C,CAAE,CAAA,2BAA2B,CAChC,CACF,CAAA,CAAA;AAAA,GAEJ;AAEA,EACE,uBAAAA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA,+CACG,UAAW,EAAA,EAAA,OAAA,EAAQ,MAAK,SAAW,EAAA,OAAA,CAAQ,yBACzCA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,IAAG,GAAI,EAAA,OAAA,EAAS,MAAM,cAAe,CAAA,KAAK,KAC7C,CAAE,CAAA,2BAA2B,CAChC,CACF,CACA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,WAAA;AAAA,IAAA;AAAA,MACC,IAAM,EAAA,KAAA;AAAA,MACN,QAAS,EAAA,MAAA;AAAA,MACT,kBAAkB,EAAA,IAAA;AAAA,MAClB,eAAe,EAAA,IAAA;AAAA,KAAA;AAAA,GAEnB,CAAA,CAAA;AAEJ;;;;"}

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

@@ -20,6 +20,7 @@ const MultiSignInPage = ({
   onSignInSuccess,
   providers = [],
   title,
+  titleComponent,
   align = "left"
 }) => {
   const configApi = useApi(configApiRef);
@@ -32,7 +33,14 @@ const MultiSignInPage = ({
   if (loading) {
     return /* @__PURE__ */ React__default.createElement(Progress, null);
   }
-  return /* @__PURE__ */ React__default.createElement(Page, { themeId: "home" }, /* @__PURE__ */ React__default.createElement(Header, { title: configApi.getString("app.title") }), /* @__PURE__ */ React__default.createElement(Content, null, title && /* @__PURE__ */ React__default.createElement(ContentHeader, { title, textAlign: align }), /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ React__default.createElement(Page, { themeId: "home" }, /* @__PURE__ */ React__default.createElement(Header, { title: configApi.getString("app.title") }), /* @__PURE__ */ React__default.createElement(Content, null, (title || titleComponent) && /* @__PURE__ */ React__default.createElement(
+    ContentHeader,
+    {
+      title,
+      titleComponent,
+      textAlign: align
+    }
+  ), /* @__PURE__ */ React__default.createElement(
     Grid,
     {
       container: true,

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

@@ -1 +1 @@
-{"version":3,"file":"SignInPage.esm.js","sources":["../../../src/layout/SignInPage/SignInPage.tsx"],"sourcesContent":["/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport {\n  BackstageIdentityResponse,\n  configApiRef,\n  SignInPageProps,\n  useApi,\n} from '@backstage/core-plugin-api';\nimport { UserIdentity } from './UserIdentity';\nimport Button from '@material-ui/core/Button';\nimport Grid from '@material-ui/core/Grid';\nimport Typography from '@material-ui/core/Typography';\nimport React, { useState } from 'react';\nimport { useMountEffect } from '@react-hookz/web';\nimport { Progress } from '../../components/Progress';\nimport { Content } from '../Content/Content';\nimport { ContentHeader } from '../ContentHeader/ContentHeader';\nimport { Header } from '../Header';\nimport { InfoCard } from '../InfoCard';\nimport { Page } from '../Page';\nimport { getSignInProviders, useSignInProviders } from './providers';\nimport { GridItem, useStyles } from './styles';\nimport { IdentityProviders, SignInProviderConfig } from './types';\nimport { coreComponentsTranslationRef } from '../../translation';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\n\ntype MultiSignInPageProps = SignInPageProps & {\n  providers: IdentityProviders;\n  title?: string;\n  align?: 'center' | 'left';\n};\n\ntype SingleSignInPageProps = SignInPageProps & {\n  provider: SignInProviderConfig;\n  auto?: boolean;\n};\n\nexport type Props = MultiSignInPageProps | SingleSignInPageProps;\n\nexport const MultiSignInPage = ({\n  onSignInSuccess,\n  providers = [],\n  title,\n  align = 'left',\n}: MultiSignInPageProps) => {\n  const configApi = useApi(configApiRef);\n  const classes = useStyles();\n\n  const signInProviders = getSignInProviders(providers);\n  const [loading, providerElements] = useSignInProviders(\n    signInProviders,\n    onSignInSuccess,\n  );\n\n  if (loading) {\n    return <Progress />;\n  }\n\n  return (\n    <Page themeId=\"home\">\n      <Header title={configApi.getString('app.title')} />\n      <Content>\n        {title && <ContentHeader title={title} textAlign={align} />}\n        <Grid\n          container\n          justifyContent={align === 'center' ? align : 'flex-start'}\n          spacing={2}\n          component=\"ul\"\n          classes={classes}\n        >\n          {providerElements}\n        </Grid>\n      </Content>\n    </Page>\n  );\n};\n\nexport const SingleSignInPage = ({\n  provider,\n  auto,\n  onSignInSuccess,\n}: SingleSignInPageProps) => {\n  const classes = useStyles();\n  const authApi = useApi(provider.apiRef);\n  const configApi = useApi(configApiRef);\n  const { t } = useTranslationRef(coreComponentsTranslationRef);\n\n  const [error, setError] = useState<Error>();\n\n  // The SignIn component takes some time to decide whether the user is logged-in or not.\n  // showLoginPage is used to prevent a glitch-like experience where the sign-in page is\n  // displayed for a split second when the user is already logged-in.\n  const [showLoginPage, setShowLoginPage] = useState<boolean>(false);\n\n  type LoginOpts = { checkExisting?: boolean; showPopup?: boolean };\n  const login = async ({ checkExisting, showPopup }: LoginOpts) => {\n    try {\n      let identityResponse: BackstageIdentityResponse | undefined;\n      if (checkExisting) {\n        // Do an initial check if any logged-in session exists\n        identityResponse = await authApi.getBackstageIdentity({\n          optional: true,\n        });\n      }\n\n      // If no session exists, show the sign-in page\n      if (!identityResponse && (showPopup || auto)) {\n        // Unless auto is set to true, this step should not happen.\n        // When user intentionally clicks the Sign In button, autoShowPopup is set to true\n        setShowLoginPage(true);\n        identityResponse = await authApi.getBackstageIdentity({\n          instantPopup: true,\n        });\n        if (!identityResponse) {\n          throw new Error(\n            `The ${provider.title} provider is not configured to support sign-in`,\n          );\n        }\n      }\n\n      if (!identityResponse) {\n        setShowLoginPage(true);\n        return;\n      }\n\n      const profile = await authApi.getProfile();\n      onSignInSuccess(\n        UserIdentity.create({\n          identity: identityResponse.identity,\n          authApi,\n          profile,\n        }),\n      );\n    } catch (err: any) {\n      // User closed the sign-in modal\n      setError(err);\n      setShowLoginPage(true);\n    }\n  };\n\n  useMountEffect(() => login({ checkExisting: true }));\n\n  return showLoginPage ? (\n    <Page themeId=\"home\">\n      <Header title={configApi.getString('app.title')} />\n      <Content>\n        <Grid\n          container\n          justifyContent=\"center\"\n          spacing={2}\n          component=\"ul\"\n          classes={classes}\n        >\n          <GridItem>\n            <InfoCard\n              variant=\"fullHeight\"\n              title={provider.title}\n              actions={\n                <Button\n                  color=\"primary\"\n                  variant=\"outlined\"\n                  onClick={() => {\n                    login({ showPopup: true });\n                  }}\n                >\n                  {t('signIn.title')}\n                </Button>\n              }\n            >\n              <Typography variant=\"body1\">{provider.message}</Typography>\n              {error && error.name !== 'PopupRejectedError' && (\n                <Typography variant=\"body1\" color=\"error\">\n                  {error.message}\n                </Typography>\n              )}\n            </InfoCard>\n          </GridItem>\n        </Grid>\n      </Content>\n    </Page>\n  ) : (\n    <Progress />\n  );\n};\n\nexport function SignInPage(props: Props) {\n  if ('provider' in props) {\n    return <SingleSignInPage {...props} />;\n  }\n\n  return <MultiSignInPage {...props} />;\n}\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"SignInPage.esm.js","sources":["../../../src/layout/SignInPage/SignInPage.tsx"],"sourcesContent":["/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport {\n  BackstageIdentityResponse,\n  configApiRef,\n  SignInPageProps,\n  useApi,\n} from '@backstage/core-plugin-api';\nimport { UserIdentity } from './UserIdentity';\nimport Button from '@material-ui/core/Button';\nimport Grid from '@material-ui/core/Grid';\nimport Typography from '@material-ui/core/Typography';\nimport React, { ReactNode, useState } from 'react';\nimport { useMountEffect } from '@react-hookz/web';\nimport { Progress } from '../../components/Progress';\nimport { Content } from '../Content/Content';\nimport { ContentHeader } from '../ContentHeader/ContentHeader';\nimport { Header } from '../Header';\nimport { InfoCard } from '../InfoCard';\nimport { Page } from '../Page';\nimport { getSignInProviders, useSignInProviders } from './providers';\nimport { GridItem, useStyles } from './styles';\nimport { IdentityProviders, SignInProviderConfig } from './types';\nimport { coreComponentsTranslationRef } from '../../translation';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\n\ntype MultiSignInPageProps = SignInPageProps & {\n  providers: IdentityProviders;\n  title?: string;\n  titleComponent?: ReactNode;\n  align?: 'center' | 'left';\n};\n\ntype SingleSignInPageProps = SignInPageProps & {\n  provider: SignInProviderConfig;\n  auto?: boolean;\n};\n\nexport type Props = MultiSignInPageProps | SingleSignInPageProps;\n\nexport const MultiSignInPage = ({\n  onSignInSuccess,\n  providers = [],\n  title,\n  titleComponent,\n  align = 'left',\n}: MultiSignInPageProps) => {\n  const configApi = useApi(configApiRef);\n  const classes = useStyles();\n\n  const signInProviders = getSignInProviders(providers);\n  const [loading, providerElements] = useSignInProviders(\n    signInProviders,\n    onSignInSuccess,\n  );\n\n  if (loading) {\n    return <Progress />;\n  }\n\n  return (\n    <Page themeId=\"home\">\n      <Header title={configApi.getString('app.title')} />\n      <Content>\n        {(title || titleComponent) && (\n          <ContentHeader\n            title={title}\n            titleComponent={titleComponent}\n            textAlign={align}\n          />\n        )}\n        <Grid\n          container\n          justifyContent={align === 'center' ? align : 'flex-start'}\n          spacing={2}\n          component=\"ul\"\n          classes={classes}\n        >\n          {providerElements}\n        </Grid>\n      </Content>\n    </Page>\n  );\n};\n\nexport const SingleSignInPage = ({\n  provider,\n  auto,\n  onSignInSuccess,\n}: SingleSignInPageProps) => {\n  const classes = useStyles();\n  const authApi = useApi(provider.apiRef);\n  const configApi = useApi(configApiRef);\n  const { t } = useTranslationRef(coreComponentsTranslationRef);\n\n  const [error, setError] = useState<Error>();\n\n  // The SignIn component takes some time to decide whether the user is logged-in or not.\n  // showLoginPage is used to prevent a glitch-like experience where the sign-in page is\n  // displayed for a split second when the user is already logged-in.\n  const [showLoginPage, setShowLoginPage] = useState<boolean>(false);\n\n  type LoginOpts = { checkExisting?: boolean; showPopup?: boolean };\n  const login = async ({ checkExisting, showPopup }: LoginOpts) => {\n    try {\n      let identityResponse: BackstageIdentityResponse | undefined;\n      if (checkExisting) {\n        // Do an initial check if any logged-in session exists\n        identityResponse = await authApi.getBackstageIdentity({\n          optional: true,\n        });\n      }\n\n      // If no session exists, show the sign-in page\n      if (!identityResponse && (showPopup || auto)) {\n        // Unless auto is set to true, this step should not happen.\n        // When user intentionally clicks the Sign In button, autoShowPopup is set to true\n        setShowLoginPage(true);\n        identityResponse = await authApi.getBackstageIdentity({\n          instantPopup: true,\n        });\n        if (!identityResponse) {\n          throw new Error(\n            `The ${provider.title} provider is not configured to support sign-in`,\n          );\n        }\n      }\n\n      if (!identityResponse) {\n        setShowLoginPage(true);\n        return;\n      }\n\n      const profile = await authApi.getProfile();\n      onSignInSuccess(\n        UserIdentity.create({\n          identity: identityResponse.identity,\n          authApi,\n          profile,\n        }),\n      );\n    } catch (err: any) {\n      // User closed the sign-in modal\n      setError(err);\n      setShowLoginPage(true);\n    }\n  };\n\n  useMountEffect(() => login({ checkExisting: true }));\n\n  return showLoginPage ? (\n    <Page themeId=\"home\">\n      <Header title={configApi.getString('app.title')} />\n      <Content>\n        <Grid\n          container\n          justifyContent=\"center\"\n          spacing={2}\n          component=\"ul\"\n          classes={classes}\n        >\n          <GridItem>\n            <InfoCard\n              variant=\"fullHeight\"\n              title={provider.title}\n              actions={\n                <Button\n                  color=\"primary\"\n                  variant=\"outlined\"\n                  onClick={() => {\n                    login({ showPopup: true });\n                  }}\n                >\n                  {t('signIn.title')}\n                </Button>\n              }\n            >\n              <Typography variant=\"body1\">{provider.message}</Typography>\n              {error && error.name !== 'PopupRejectedError' && (\n                <Typography variant=\"body1\" color=\"error\">\n                  {error.message}\n                </Typography>\n              )}\n            </InfoCard>\n          </GridItem>\n        </Grid>\n      </Content>\n    </Page>\n  ) : (\n    <Progress />\n  );\n};\n\nexport function SignInPage(props: Props) {\n  if ('provider' in props) {\n    return <SingleSignInPage {...props} />;\n  }\n\n  return <MultiSignInPage {...props} />;\n}\n"],"names":["React"],"mappings":"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"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@backstage/core-components",
   "description": "Core components used by Backstage plugins and apps",
-  "version": "0.14.10",
+  "version": "0.14.11-next.1",
   "publishConfig": {
     "access": "public"
   },
@@ -56,10 +56,10 @@
   },
   "dependencies": {
     "@backstage/config": "^1.2.0",
-    "@backstage/core-plugin-api": "^1.9.3",
+    "@backstage/core-plugin-api": "^1.9.4-next.0",
     "@backstage/errors": "^1.2.4",
-    "@backstage/theme": "^0.5.6",
-    "@backstage/version-bridge": "^1.0.8",
+    "@backstage/theme": "^0.5.7-next.0",
+    "@backstage/version-bridge": "^1.0.9-next.0",
     "@date-io/core": "^1.3.13",
     "@material-table/core": "^3.1.0",
     "@material-ui/core": "^4.12.2",
@@ -94,13 +94,13 @@
     "zod": "^3.22.4"
   },
   "devDependencies": {
-    "@backstage/app-defaults": "^1.5.10",
-    "@backstage/cli": "^0.27.0",
-    "@backstage/core-app-api": "^1.14.2",
-    "@backstage/test-utils": "^1.5.10",
+    "@backstage/app-defaults": "^1.5.11-next.1",
+    "@backstage/cli": "^0.27.1-next.2",
+    "@backstage/core-app-api": "^1.14.3-next.0",
+    "@backstage/test-utils": "^1.6.0-next.1",
     "@testing-library/dom": "^10.0.0",
     "@testing-library/jest-dom": "^6.0.0",
-    "@testing-library/react": "^15.0.0",
+    "@testing-library/react": "^16.0.0",
     "@testing-library/user-event": "^14.0.0",
     "@types/ansi-regex": "^5.0.0",
     "@types/classnames": "^2.2.9",

package/testUtils/package.json

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