@sinco/react 1.0.10-rc.21 → 1.0.10-rc.22
Sign up to get free protection for your applications and to get access to all the features.
- package/index.js +13 -22
- package/package.json +1 -1
- package/src/lib/Components/Drawer.d.ts +2 -2
- package/src/lib/Theme/index.d.ts +0 -5
package/index.js
CHANGED
@@ -10934,7 +10934,7 @@ const SincoTheme = createTheme(Object.assign({}, themeOptions, {
|
|
10934
10934
|
typography: {
|
10935
10935
|
body3: {
|
10936
10936
|
fontFamily: "Roboto",
|
10937
|
-
fontWeight:
|
10937
|
+
fontWeight: 310,
|
10938
10938
|
fontSize: 12,
|
10939
10939
|
letterSpacing: 0.17,
|
10940
10940
|
lineHeight: 1.2,
|
@@ -15934,22 +15934,15 @@ const stylesAcciones = {
|
|
15934
15934
|
py: '12px',
|
15935
15935
|
px: '8px'
|
15936
15936
|
};
|
15937
|
-
const DrawerComponent =
|
15938
|
-
open,
|
15939
|
-
onClose,
|
15940
|
-
titulo,
|
15941
|
-
children,
|
15942
|
-
acciones,
|
15943
|
-
anchor
|
15944
|
-
}) => {
|
15937
|
+
const DrawerComponent = props => {
|
15945
15938
|
const [showActions, setShowActions] = useState(false);
|
15946
15939
|
const mostrarAcciones = () => {
|
15947
15940
|
setShowActions(true);
|
15948
15941
|
};
|
15949
15942
|
return jsx(Drawer$1, {
|
15950
|
-
anchor: anchor,
|
15951
|
-
open: open,
|
15952
|
-
onClose: onClose,
|
15943
|
+
anchor: props.anchor,
|
15944
|
+
open: props.open,
|
15945
|
+
onClose: props.onClose,
|
15953
15946
|
PaperProps: {
|
15954
15947
|
style: {
|
15955
15948
|
borderRadius: '8px 0px 0px 0px'
|
@@ -15962,23 +15955,21 @@ const DrawerComponent = ({
|
|
15962
15955
|
children: [jsx(Typography$1, {
|
15963
15956
|
variant: "h6",
|
15964
15957
|
color: "text.primary",
|
15965
|
-
children: titulo
|
15966
|
-
}), jsx(
|
15967
|
-
|
15968
|
-
|
15969
|
-
|
15970
|
-
|
15971
|
-
fontSize: "small"
|
15972
|
-
})
|
15958
|
+
children: props.titulo
|
15959
|
+
}), jsx(IconButton$1, {
|
15960
|
+
onClick: props.onClose,
|
15961
|
+
size: "small",
|
15962
|
+
children: jsx(default_1, {
|
15963
|
+
fontSize: "small"
|
15973
15964
|
})
|
15974
15965
|
})]
|
15975
15966
|
}), jsx(Box$2, {
|
15976
15967
|
onClick: mostrarAcciones,
|
15977
15968
|
sx: stylesContenido,
|
15978
|
-
children: children
|
15969
|
+
children: props.children
|
15979
15970
|
}), showActions && jsx(Box$2, {
|
15980
15971
|
sx: stylesAcciones,
|
15981
|
-
children: acciones
|
15972
|
+
children: props.acciones
|
15982
15973
|
})]
|
15983
15974
|
})
|
15984
15975
|
});
|
package/package.json
CHANGED
@@ -1,4 +1,4 @@
|
|
1
|
-
import
|
1
|
+
import { ReactNode } from 'react';
|
2
2
|
export type Anchor = 'left' | 'right';
|
3
3
|
export interface DrawerComponentProps {
|
4
4
|
titulo: string;
|
@@ -8,4 +8,4 @@ export interface DrawerComponentProps {
|
|
8
8
|
onClose: () => void;
|
9
9
|
anchor?: Anchor;
|
10
10
|
}
|
11
|
-
export declare const DrawerComponent:
|
11
|
+
export declare const DrawerComponent: (props: DrawerComponentProps) => JSX.Element;
|
package/src/lib/Theme/index.d.ts
CHANGED
@@ -7,9 +7,4 @@ declare module "@mui/material/styles" {
|
|
7
7
|
body3?: React.CSSProperties;
|
8
8
|
}
|
9
9
|
}
|
10
|
-
declare module "@mui/material/Typography" {
|
11
|
-
interface TypographyPropsVariantOverrides {
|
12
|
-
body3: true;
|
13
|
-
}
|
14
|
-
}
|
15
10
|
export declare const SincoTheme: import("@mui/material/styles").Theme;
|