@backstage/core-components 0.15.1-next.0 → 0.15.1-next.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +14 -0
- package/alpha/package.json +1 -1
- package/dist/components/FavoriteToggle/FavoriteToggle.esm.js +7 -4
- package/dist/components/FavoriteToggle/FavoriteToggle.esm.js.map +1 -1
- package/dist/layout/Sidebar/SidebarSubmenu.esm.js +5 -2
- package/dist/layout/Sidebar/SidebarSubmenu.esm.js.map +1 -1
- package/package.json +21 -12
- package/testUtils/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,19 @@
|
|
|
1
1
|
# @backstage/core-components
|
|
2
2
|
|
|
3
|
+
## 0.15.1-next.1
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- 3f76d0e: Correct size of FavoriteToggle and inherit non-starred color from parent
|
|
8
|
+
- e969dc7: Move `@types/react` to a peer dependency.
|
|
9
|
+
- 83e2887: Fixed a bug in the `SidebarSubmenu` core component that caused the nested menu to overlap with the sidebar when the user hovers over the pinned sidebar.
|
|
10
|
+
- Updated dependencies
|
|
11
|
+
- @backstage/core-plugin-api@1.10.0-next.1
|
|
12
|
+
- @backstage/version-bridge@1.0.10-next.0
|
|
13
|
+
- @backstage/theme@0.5.8-next.0
|
|
14
|
+
- @backstage/config@1.2.0
|
|
15
|
+
- @backstage/errors@1.2.4
|
|
16
|
+
|
|
3
17
|
## 0.15.1-next.0
|
|
4
18
|
|
|
5
19
|
### Patch Changes
|
package/alpha/package.json
CHANGED
|
@@ -6,14 +6,16 @@ import { makeStyles } from '@material-ui/core/styles';
|
|
|
6
6
|
import { StarIcon, UnstarredIcon } from '../../icons/icons.esm.js';
|
|
7
7
|
|
|
8
8
|
const useStyles = makeStyles(
|
|
9
|
-
(
|
|
9
|
+
() => ({
|
|
10
10
|
icon: {
|
|
11
11
|
color: "#f3ba37",
|
|
12
|
-
cursor: "pointer"
|
|
12
|
+
cursor: "pointer",
|
|
13
|
+
display: "inline-flex"
|
|
13
14
|
},
|
|
14
15
|
iconBorder: {
|
|
15
|
-
color:
|
|
16
|
-
cursor: "pointer"
|
|
16
|
+
color: "inherit",
|
|
17
|
+
cursor: "pointer",
|
|
18
|
+
display: "inline-flex"
|
|
17
19
|
}
|
|
18
20
|
}),
|
|
19
21
|
{ name: "BackstageFavoriteToggleIcon" }
|
|
@@ -44,6 +46,7 @@ function FavoriteToggle(props) {
|
|
|
44
46
|
"aria-label": title,
|
|
45
47
|
id,
|
|
46
48
|
onClick: () => onChange(!value),
|
|
49
|
+
color: "inherit",
|
|
47
50
|
...iconButtonProps
|
|
48
51
|
},
|
|
49
52
|
/* @__PURE__ */ React__default.createElement(FavoriteToggleIcon, { isFavorite: value })
|
|
@@ -1 +1 @@
|
|
|
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
|
|
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 () => ({\n icon: {\n color: '#f3ba37',\n cursor: 'pointer',\n display: 'inline-flex',\n },\n iconBorder: {\n color: 'inherit',\n cursor: 'pointer',\n display: 'inline-flex',\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 color=\"inherit\"\n {...iconButtonProps}\n >\n <FavoriteToggleIcon isFavorite={value} />\n </IconButton>\n </Tooltip>\n );\n}\n"],"names":["React"],"mappings":";;;;;;;AAsBA,MAAM,SAAY,GAAA,UAAA;AAAA,EAChB,OAAO;AAAA,IACL,IAAM,EAAA;AAAA,MACJ,KAAO,EAAA,SAAA;AAAA,MACP,MAAQ,EAAA,SAAA;AAAA,MACR,OAAS,EAAA,aAAA;AAAA,KACX;AAAA,IACA,UAAY,EAAA;AAAA,MACV,KAAO,EAAA,SAAA;AAAA,MACP,MAAQ,EAAA,SAAA;AAAA,MACR,OAAS,EAAA,aAAA;AAAA,KACX;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,MAC9B,KAAM,EAAA,SAAA;AAAA,MACL,GAAG,eAAA;AAAA,KAAA;AAAA,oBAEJA,cAAA,CAAA,aAAA,CAAC,kBAAmB,EAAA,EAAA,UAAA,EAAY,KAAO,EAAA,CAAA;AAAA,GAE3C,CAAA,CAAA;AAEJ;;;;"}
|
|
@@ -19,11 +19,12 @@ const useStyles = makeStyles(
|
|
|
19
19
|
flexFlow: "column nowrap",
|
|
20
20
|
alignItems: "flex-start",
|
|
21
21
|
position: "fixed",
|
|
22
|
+
opacity: 0,
|
|
22
23
|
[theme.breakpoints.up("sm")]: {
|
|
23
24
|
marginLeft: props.left,
|
|
24
|
-
transition: theme.transitions.create("margin-left", {
|
|
25
|
+
transition: theme.transitions.create(["margin-left", "opacity"], {
|
|
25
26
|
easing: theme.transitions.easing.sharp,
|
|
26
|
-
duration:
|
|
27
|
+
duration: props.submenuConfig.defaultOpenDelayMs
|
|
27
28
|
})
|
|
28
29
|
},
|
|
29
30
|
top: 0,
|
|
@@ -44,6 +45,8 @@ const useStyles = makeStyles(
|
|
|
44
45
|
}
|
|
45
46
|
}),
|
|
46
47
|
drawerOpen: (props) => ({
|
|
48
|
+
marginLeft: props.left,
|
|
49
|
+
opacity: 1,
|
|
47
50
|
width: props.submenuConfig.drawerWidthOpen,
|
|
48
51
|
[theme.breakpoints.down("xs")]: {
|
|
49
52
|
width: "100%",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SidebarSubmenu.esm.js","sources":["../../../src/layout/Sidebar/SidebarSubmenu.tsx"],"sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport Box from '@material-ui/core/Box';\nimport { makeStyles, Theme } from '@material-ui/core/styles';\nimport Typography from '@material-ui/core/Typography';\nimport classnames from 'classnames';\nimport React, { ReactNode, useContext, useEffect, useState } from 'react';\n\nimport {\n SidebarConfigContext,\n SidebarItemWithSubmenuContext,\n SubmenuConfig,\n} from './config';\nimport { useSidebarOpenState } from './SidebarOpenStateContext';\n\n/** @public */\nexport type SidebarSubmenuClassKey = 'root' | 'drawer' | 'drawerOpen' | 'title';\n\nconst useStyles = makeStyles<\n Theme,\n { submenuConfig: SubmenuConfig; left: number }\n>(\n theme => ({\n root: {\n zIndex: 1000,\n position: 'relative',\n overflow: 'visible',\n width: theme.spacing(7) + 1,\n },\n drawer: props => ({\n display: 'flex',\n flexFlow: 'column nowrap',\n alignItems: 'flex-start',\n position: 'fixed',\n [theme.breakpoints.up('sm')]: {\n marginLeft: props.left,\n transition: theme.transitions.create('margin-left', {\n easing: theme.transitions.easing.sharp,\n duration:
|
|
1
|
+
{"version":3,"file":"SidebarSubmenu.esm.js","sources":["../../../src/layout/Sidebar/SidebarSubmenu.tsx"],"sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport Box from '@material-ui/core/Box';\nimport { makeStyles, Theme } from '@material-ui/core/styles';\nimport Typography from '@material-ui/core/Typography';\nimport classnames from 'classnames';\nimport React, { ReactNode, useContext, useEffect, useState } from 'react';\n\nimport {\n SidebarConfigContext,\n SidebarItemWithSubmenuContext,\n SubmenuConfig,\n} from './config';\nimport { useSidebarOpenState } from './SidebarOpenStateContext';\n\n/** @public */\nexport type SidebarSubmenuClassKey = 'root' | 'drawer' | 'drawerOpen' | 'title';\n\nconst useStyles = makeStyles<\n Theme,\n { submenuConfig: SubmenuConfig; left: number }\n>(\n theme => ({\n root: {\n zIndex: 1000,\n position: 'relative',\n overflow: 'visible',\n width: theme.spacing(7) + 1,\n },\n drawer: props => ({\n display: 'flex',\n flexFlow: 'column nowrap',\n alignItems: 'flex-start',\n position: 'fixed',\n opacity: 0,\n [theme.breakpoints.up('sm')]: {\n marginLeft: props.left,\n transition: theme.transitions.create(['margin-left', 'opacity'], {\n easing: theme.transitions.easing.sharp,\n duration: props.submenuConfig.defaultOpenDelayMs,\n }),\n },\n top: 0,\n bottom: 0,\n padding: 0,\n background: theme.palette.navigation.submenu?.background ?? '#404040',\n overflowX: 'hidden',\n msOverflowStyle: 'none',\n scrollbarWidth: 'none',\n cursor: 'default',\n width: props.submenuConfig.drawerWidthClosed,\n transitionDelay: `${props.submenuConfig.defaultOpenDelayMs}ms`,\n '& > *': {\n flexShrink: 0,\n },\n '&::-webkit-scrollbar': {\n display: 'none',\n },\n }),\n drawerOpen: props => ({\n marginLeft: props.left,\n opacity: 1,\n width: props.submenuConfig.drawerWidthOpen,\n [theme.breakpoints.down('xs')]: {\n width: '100%',\n position: 'relative',\n paddingLeft: theme.spacing(3),\n left: 0,\n top: 0,\n },\n }),\n title: {\n fontSize: theme.typography.h5.fontSize,\n fontWeight: theme.typography.fontWeightMedium,\n color: theme.palette.navigation.color,\n padding: theme.spacing(2.5),\n [theme.breakpoints.down('xs')]: {\n display: 'none',\n },\n },\n }),\n { name: 'BackstageSidebarSubmenu' },\n);\n\n/**\n * Holds a title for text Header of a sidebar submenu and children\n * components to be rendered inside SidebarSubmenu\n *\n * @public\n */\nexport type SidebarSubmenuProps = {\n title?: string;\n children: ReactNode;\n};\n\n/**\n * Used inside SidebarItem to display an expandable Submenu\n *\n * @public\n */\nexport const SidebarSubmenu = (props: SidebarSubmenuProps) => {\n const { isOpen } = useSidebarOpenState();\n const { sidebarConfig, submenuConfig } = useContext(SidebarConfigContext);\n const left = isOpen\n ? sidebarConfig.drawerWidthOpen\n : sidebarConfig.drawerWidthClosed;\n const classes = useStyles({ left, submenuConfig });\n\n const { isHoveredOn } = useContext(SidebarItemWithSubmenuContext);\n const [isSubmenuOpen, setIsSubmenuOpen] = useState(false);\n\n useEffect(() => {\n setIsSubmenuOpen(isHoveredOn);\n }, [isHoveredOn]);\n\n return (\n <Box\n className={classnames(classes.drawer, {\n [classes.drawerOpen]: isSubmenuOpen,\n })}\n >\n <Typography variant=\"h5\" component=\"span\" className={classes.title}>\n {props.title}\n </Typography>\n {props.children}\n </Box>\n );\n};\n"],"names":["React","classnames"],"mappings":";;;;;;;;AAgCA,MAAM,SAAY,GAAA,UAAA;AAAA,EAIhB,CAAU,KAAA,MAAA;AAAA,IACR,IAAM,EAAA;AAAA,MACJ,MAAQ,EAAA,GAAA;AAAA,MACR,QAAU,EAAA,UAAA;AAAA,MACV,QAAU,EAAA,SAAA;AAAA,MACV,KAAO,EAAA,KAAA,CAAM,OAAQ,CAAA,CAAC,CAAI,GAAA,CAAA;AAAA,KAC5B;AAAA,IACA,QAAQ,CAAU,KAAA,MAAA;AAAA,MAChB,OAAS,EAAA,MAAA;AAAA,MACT,QAAU,EAAA,eAAA;AAAA,MACV,UAAY,EAAA,YAAA;AAAA,MACZ,QAAU,EAAA,OAAA;AAAA,MACV,OAAS,EAAA,CAAA;AAAA,MACT,CAAC,KAAM,CAAA,WAAA,CAAY,EAAG,CAAA,IAAI,CAAC,GAAG;AAAA,QAC5B,YAAY,KAAM,CAAA,IAAA;AAAA,QAClB,YAAY,KAAM,CAAA,WAAA,CAAY,OAAO,CAAC,aAAA,EAAe,SAAS,CAAG,EAAA;AAAA,UAC/D,MAAA,EAAQ,KAAM,CAAA,WAAA,CAAY,MAAO,CAAA,KAAA;AAAA,UACjC,QAAA,EAAU,MAAM,aAAc,CAAA,kBAAA;AAAA,SAC/B,CAAA;AAAA,OACH;AAAA,MACA,GAAK,EAAA,CAAA;AAAA,MACL,MAAQ,EAAA,CAAA;AAAA,MACR,OAAS,EAAA,CAAA;AAAA,MACT,UAAY,EAAA,KAAA,CAAM,OAAQ,CAAA,UAAA,CAAW,SAAS,UAAc,IAAA,SAAA;AAAA,MAC5D,SAAW,EAAA,QAAA;AAAA,MACX,eAAiB,EAAA,MAAA;AAAA,MACjB,cAAgB,EAAA,MAAA;AAAA,MAChB,MAAQ,EAAA,SAAA;AAAA,MACR,KAAA,EAAO,MAAM,aAAc,CAAA,iBAAA;AAAA,MAC3B,eAAiB,EAAA,CAAA,EAAG,KAAM,CAAA,aAAA,CAAc,kBAAkB,CAAA,EAAA,CAAA;AAAA,MAC1D,OAAS,EAAA;AAAA,QACP,UAAY,EAAA,CAAA;AAAA,OACd;AAAA,MACA,sBAAwB,EAAA;AAAA,QACtB,OAAS,EAAA,MAAA;AAAA,OACX;AAAA,KACF,CAAA;AAAA,IACA,YAAY,CAAU,KAAA,MAAA;AAAA,MACpB,YAAY,KAAM,CAAA,IAAA;AAAA,MAClB,OAAS,EAAA,CAAA;AAAA,MACT,KAAA,EAAO,MAAM,aAAc,CAAA,eAAA;AAAA,MAC3B,CAAC,KAAM,CAAA,WAAA,CAAY,IAAK,CAAA,IAAI,CAAC,GAAG;AAAA,QAC9B,KAAO,EAAA,MAAA;AAAA,QACP,QAAU,EAAA,UAAA;AAAA,QACV,WAAA,EAAa,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,QAC5B,IAAM,EAAA,CAAA;AAAA,QACN,GAAK,EAAA,CAAA;AAAA,OACP;AAAA,KACF,CAAA;AAAA,IACA,KAAO,EAAA;AAAA,MACL,QAAA,EAAU,KAAM,CAAA,UAAA,CAAW,EAAG,CAAA,QAAA;AAAA,MAC9B,UAAA,EAAY,MAAM,UAAW,CAAA,gBAAA;AAAA,MAC7B,KAAA,EAAO,KAAM,CAAA,OAAA,CAAQ,UAAW,CAAA,KAAA;AAAA,MAChC,OAAA,EAAS,KAAM,CAAA,OAAA,CAAQ,GAAG,CAAA;AAAA,MAC1B,CAAC,KAAM,CAAA,WAAA,CAAY,IAAK,CAAA,IAAI,CAAC,GAAG;AAAA,QAC9B,OAAS,EAAA,MAAA;AAAA,OACX;AAAA,KACF;AAAA,GACF,CAAA;AAAA,EACA,EAAE,MAAM,yBAA0B,EAAA;AACpC,CAAA,CAAA;AAkBa,MAAA,cAAA,GAAiB,CAAC,KAA+B,KAAA;AAC5D,EAAM,MAAA,EAAE,MAAO,EAAA,GAAI,mBAAoB,EAAA,CAAA;AACvC,EAAA,MAAM,EAAE,aAAA,EAAe,aAAc,EAAA,GAAI,WAAW,oBAAoB,CAAA,CAAA;AACxE,EAAA,MAAM,IAAO,GAAA,MAAA,GACT,aAAc,CAAA,eAAA,GACd,aAAc,CAAA,iBAAA,CAAA;AAClB,EAAA,MAAM,OAAU,GAAA,SAAA,CAAU,EAAE,IAAA,EAAM,eAAe,CAAA,CAAA;AAEjD,EAAA,MAAM,EAAE,WAAA,EAAgB,GAAA,UAAA,CAAW,6BAA6B,CAAA,CAAA;AAChE,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAI,SAAS,KAAK,CAAA,CAAA;AAExD,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,gBAAA,CAAiB,WAAW,CAAA,CAAA;AAAA,GAC9B,EAAG,CAAC,WAAW,CAAC,CAAA,CAAA;AAEhB,EACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAWC,UAAW,CAAA,OAAA,CAAQ,MAAQ,EAAA;AAAA,QACpC,CAAC,OAAQ,CAAA,UAAU,GAAG,aAAA;AAAA,OACvB,CAAA;AAAA,KAAA;AAAA,oBAEDD,cAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,IAAK,EAAA,SAAA,EAAU,QAAO,SAAW,EAAA,OAAA,CAAQ,KAC1D,EAAA,EAAA,KAAA,CAAM,KACT,CAAA;AAAA,IACC,KAAM,CAAA,QAAA;AAAA,GACT,CAAA;AAEJ;;;;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@backstage/core-components",
|
|
3
|
-
"version": "0.15.1-next.
|
|
3
|
+
"version": "0.15.1-next.1",
|
|
4
4
|
"description": "Core components used by Backstage plugins and apps",
|
|
5
5
|
"backstage": {
|
|
6
6
|
"role": "web-library"
|
|
@@ -55,18 +55,17 @@
|
|
|
55
55
|
"test": "backstage-cli package test"
|
|
56
56
|
},
|
|
57
57
|
"dependencies": {
|
|
58
|
-
"@backstage/config": "
|
|
59
|
-
"@backstage/core-plugin-api": "
|
|
60
|
-
"@backstage/errors": "
|
|
61
|
-
"@backstage/theme": "
|
|
62
|
-
"@backstage/version-bridge": "
|
|
58
|
+
"@backstage/config": "1.2.0",
|
|
59
|
+
"@backstage/core-plugin-api": "1.10.0-next.1",
|
|
60
|
+
"@backstage/errors": "1.2.4",
|
|
61
|
+
"@backstage/theme": "0.5.8-next.0",
|
|
62
|
+
"@backstage/version-bridge": "1.0.10-next.0",
|
|
63
63
|
"@date-io/core": "^1.3.13",
|
|
64
64
|
"@material-table/core": "^3.1.0",
|
|
65
65
|
"@material-ui/core": "^4.12.2",
|
|
66
66
|
"@material-ui/icons": "^4.9.1",
|
|
67
67
|
"@material-ui/lab": "4.0.0-alpha.61",
|
|
68
68
|
"@react-hookz/web": "^24.0.0",
|
|
69
|
-
"@types/react": "^16.13.1 || ^17.0.0 || ^18.0.0",
|
|
70
69
|
"@types/react-sparklines": "^1.7.0",
|
|
71
70
|
"ansi-regex": "^6.0.1",
|
|
72
71
|
"classnames": "^2.2.6",
|
|
@@ -94,10 +93,10 @@
|
|
|
94
93
|
"zod": "^3.22.4"
|
|
95
94
|
},
|
|
96
95
|
"devDependencies": {
|
|
97
|
-
"@backstage/app-defaults": "
|
|
98
|
-
"@backstage/cli": "
|
|
99
|
-
"@backstage/core-app-api": "
|
|
100
|
-
"@backstage/test-utils": "
|
|
96
|
+
"@backstage/app-defaults": "1.5.12-next.1",
|
|
97
|
+
"@backstage/cli": "0.28.0-next.1",
|
|
98
|
+
"@backstage/core-app-api": "1.15.1-next.1",
|
|
99
|
+
"@backstage/test-utils": "1.6.1-next.1",
|
|
101
100
|
"@testing-library/dom": "^10.0.0",
|
|
102
101
|
"@testing-library/jest-dom": "^6.0.0",
|
|
103
102
|
"@testing-library/react": "^16.0.0",
|
|
@@ -109,6 +108,7 @@
|
|
|
109
108
|
"@types/d3-zoom": "^3.0.1",
|
|
110
109
|
"@types/dagre": "^0.7.44",
|
|
111
110
|
"@types/google-protobuf": "^3.7.2",
|
|
111
|
+
"@types/react": "^18.0.0",
|
|
112
112
|
"@types/react-helmet": "^6.1.0",
|
|
113
113
|
"@types/react-syntax-highlighter": "^15.0.0",
|
|
114
114
|
"@types/react-virtualized-auto-sizer": "^1.0.1",
|
|
@@ -116,13 +116,22 @@
|
|
|
116
116
|
"@types/zen-observable": "^0.8.0",
|
|
117
117
|
"cross-fetch": "^4.0.0",
|
|
118
118
|
"history": "^5.0.0",
|
|
119
|
-
"msw": "^1.0.0"
|
|
119
|
+
"msw": "^1.0.0",
|
|
120
|
+
"react": "^18.0.2",
|
|
121
|
+
"react-dom": "^18.0.2",
|
|
122
|
+
"react-router-dom": "^6.3.0"
|
|
120
123
|
},
|
|
121
124
|
"peerDependencies": {
|
|
125
|
+
"@types/react": "^16.13.1 || ^17.0.0 || ^18.0.0",
|
|
122
126
|
"react": "^16.13.1 || ^17.0.0 || ^18.0.0",
|
|
123
127
|
"react-dom": "^16.13.1 || ^17.0.0 || ^18.0.0",
|
|
124
128
|
"react-router-dom": "6.0.0-beta.0 || ^6.3.0"
|
|
125
129
|
},
|
|
130
|
+
"peerDependenciesMeta": {
|
|
131
|
+
"@types/react": {
|
|
132
|
+
"optional": true
|
|
133
|
+
}
|
|
134
|
+
},
|
|
126
135
|
"configSchema": "config.d.ts",
|
|
127
136
|
"module": "./dist/index.esm.js"
|
|
128
137
|
}
|