@vertigis/react-ui 21.9.0 → 21.10.0
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/Panel/Panel.js +4 -1
- package/package.json +1 -1
package/Panel/Panel.js
CHANGED
|
@@ -34,6 +34,9 @@ const Root = styled(Box)(({ theme: { palette, spacing, typography: { pxToRem },
|
|
|
34
34
|
borderTop: "none",
|
|
35
35
|
},
|
|
36
36
|
[`& .${panelClasses.content}`]: {
|
|
37
|
+
backgroundColor: palette.background.paper,
|
|
38
|
+
display: "flex",
|
|
39
|
+
flexDirection: "column",
|
|
37
40
|
flex: 1,
|
|
38
41
|
overflowY: "auto",
|
|
39
42
|
[`> .${panelClasses.root}`]: {
|
|
@@ -139,7 +142,7 @@ const Panel = ({ children, className, classes: classesProp, collapsedByDefault,
|
|
|
139
142
|
(typeof title === "string" ? (_jsx(Typography, { variant: "h6", component: headingLevel, className: collapsed ? classes.headerTitleTextCollapsed : classes.headerTitleText, children: title })) : (_jsx(Box, { "aria-level": Number(headingLevel[1] ?? 3), role: "heading", className: collapsed ? classes.headerTitleTextCollapsed : classes.headerTitleText, children: title }))), [classes, collapsed, headingLevel, title]);
|
|
140
143
|
const subtitleElement = useMemo(() => titleHelperText &&
|
|
141
144
|
(typeof titleHelperText === "string" ? (_jsx(Typography, { role: "doc-subtitle", component: "div", className: classes.headerTitleHelperText, children: titleHelperText })) : (_jsx(Box, { role: "doc-subtitle", className: classes.headerTitleHelperText, children: titleHelperText }))), [classes, titleHelperText]);
|
|
142
|
-
return (_jsxs(Root, { className: clsx("GcxPanelGroup", classes.root, className), ...boxProps, children: [title && (_jsxs("div", { className: clsx(classes.header, {
|
|
145
|
+
return (_jsxs(Root, { className: clsx("GcxPanelGroup", classes.root, className), ...boxProps, children: [(!!title || !!titleHelperText) && (_jsxs("div", { className: clsx(classes.header, {
|
|
143
146
|
[classes.headerCollapsible]: collapsible,
|
|
144
147
|
}), "data-test": "PanelGroup-header", onClick: handleCollapseHeaderClick,
|
|
145
148
|
// The click functionality of this element is a convenience,
|