@sinco/react 1.0.15-rc.15 → 1.0.15-rc.17
Sign up to get free protection for your applications and to get access to all the features.
- package/index.js +11 -13
- package/package.json +1 -1
- package/src/lib/Components/Drawer.d.ts +3 -2
package/index.js
CHANGED
@@ -10545,11 +10545,7 @@ const components = {
|
|
10545
10545
|
MuiDrawer: {
|
10546
10546
|
styleOverrides: {
|
10547
10547
|
root: {
|
10548
|
-
boxShadow: "0px 3px 1px -2px rgba(24, 39, 75, 0.20), 0px 2px 2px 0px rgba(24, 39, 75, 0.14), 0px 1px 5px 0px rgba(24, 39, 75, 0.12)"
|
10549
|
-
'-webkit-backdrop-filter': '#f0f0f099 !important',
|
10550
|
-
'.MuiBackdrop-root': {
|
10551
|
-
backgroundColor: '#F0f0f099 !important'
|
10552
|
-
}
|
10548
|
+
boxShadow: "0px 3px 1px -2px rgba(24, 39, 75, 0.20), 0px 2px 2px 0px rgba(24, 39, 75, 0.14), 0px 1px 5px 0px rgba(24, 39, 75, 0.12)"
|
10553
10549
|
}
|
10554
10550
|
}
|
10555
10551
|
},
|
@@ -16623,27 +16619,29 @@ const DrawerComponent = ({
|
|
16623
16619
|
const handleDrawerActions = () => {
|
16624
16620
|
setActionsState(true);
|
16625
16621
|
};
|
16626
|
-
const borderStyles = anchor ===
|
16627
|
-
borderTopRightRadius:
|
16622
|
+
const borderStyles = anchor === 'left' ? {
|
16623
|
+
borderTopRightRadius: '4px'
|
16628
16624
|
} : {
|
16629
|
-
borderTopLeftRadius:
|
16625
|
+
borderTopLeftRadius: '4px'
|
16630
16626
|
};
|
16631
16627
|
return /*#__PURE__*/React__default.createElement(Drawer$1, {
|
16632
16628
|
anchor: anchor,
|
16633
16629
|
open: open,
|
16634
16630
|
onClose: onClose,
|
16635
|
-
sx:
|
16631
|
+
sx: {
|
16632
|
+
'& .MuiDrawer-paper': Object.assign({
|
16633
|
+
width: width
|
16634
|
+
}, borderStyles)
|
16635
|
+
}
|
16636
16636
|
}, /*#__PURE__*/React__default.createElement(Stack$1, {
|
16637
|
-
height: "100%"
|
16638
|
-
width: width
|
16637
|
+
height: "100%"
|
16639
16638
|
}, /*#__PURE__*/React__default.createElement(Stack$1, {
|
16640
16639
|
justifyContent: "space-between",
|
16641
16640
|
alignItems: "center",
|
16642
16641
|
direction: "row",
|
16643
16642
|
py: 1.5,
|
16644
16643
|
px: 1,
|
16645
|
-
bgcolor: SincoTheme.palette.secondary.main
|
16646
|
-
sx: borderStyles
|
16644
|
+
bgcolor: SincoTheme.palette.secondary.main
|
16647
16645
|
}, /*#__PURE__*/React__default.createElement(Typography$1, {
|
16648
16646
|
sx: Object.assign({}, SincoTheme.typography.h6, sx),
|
16649
16647
|
variant: "h6"
|
package/package.json
CHANGED
@@ -1,4 +1,5 @@
|
|
1
|
-
import
|
1
|
+
import { ReactNode } from 'react';
|
2
|
+
import { SxProps } from '@mui/material';
|
2
3
|
export type handleDrawerPosition = 'left' | 'right';
|
3
4
|
export interface DrawerComponentProperties {
|
4
5
|
title: string;
|
@@ -9,6 +10,6 @@ export interface DrawerComponentProperties {
|
|
9
10
|
width: string;
|
10
11
|
open: boolean;
|
11
12
|
onClose: () => void;
|
12
|
-
sx?:
|
13
|
+
sx?: SxProps;
|
13
14
|
}
|
14
15
|
export declare const DrawerComponent: ({ title, children, renderActions, showActions, anchor, width, open, onClose, sx, }: DrawerComponentProperties) => JSX.Element;
|