Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
openBackgroundColorDefault
)}
openWidth={number(openWidthLabel, openWidthDefaultValue)}
openDirection={select(label, options, defaultValue)}
open={open}
onToggleClick={this.onClick}
breakpoint={number(breakpointLabel, breakpointDefaultValue)}
onBreakpointChange={this.handleBreakpoint}
header={'Side Panel Header'}
>
{open ? (
<button>Add New</button>
) : (
)}
{/* TODO replace this with our list component */}
<span>
</span>
{open && Home}
<span></span>({closeIconSize}) => ({
right: closeIconSize === IconButton.Size.Small ? closeIconSpacingSmall : closeIconSpacing,
top: closeIconSize === IconButton.Size.Small ? closeIconSpacingSmall : closeIconSpacing,
})
);openWidth={openWidth}
backgroundColor={backgroundColor}
open={open}
{...elemProps}
>
{header && open ? <header>{header}</header> : null}
{this.props.children}
{onToggleClick && (
)}
);
}const CloseIconContainer = styled('div')>(
{
position: 'absolute',
},
({closeIconSize}) => ({
right: closeIconSize === IconButton.Size.Small ? closeIconSpacingSmall : closeIconSpacing,
top: closeIconSize === IconButton.Size.Small ? closeIconSpacingSmall : closeIconSpacing,
})
);
export default class Popup extends React.Component {
static Padding = PopupPadding;
static defaultProps = {
padding: Popup.Padding.l,
closeIconSize: IconButton.Size.Medium,
closeLabel: 'Close',
transformOrigin: {
horizontal: 'center',
vertical: 'top',
},
};
private id = uuid();
private closeButtonRef = React.createRef();
public render() {
const {
handleClose,
padding,
width,
heading,