@sinco/react 1.0.10-rc.22 → 1.0.10-rc.23

package/index.js

@@ -15898,78 +15898,88 @@ var _default = (0, _createSvgIcon.default)( /*#__PURE__*/(0, _jsxRuntime.jsx)("p
 default_1 = Close.default = _default;
 
 const stylesDrawerContainer = {
-  display: 'flex',
-  flexDirection: 'column',
-  alignContent: 'flex-start',
-  justifyContent: 'space-between',
-  width: '530px',
-  height: '100%',
-  overflow: 'hidden'
+  display: "flex",
+  flexDirection: "column",
+  alignContent: "flex-start",
+  justifyContent: "space-between",
+  width: "530px",
+  height: "100%",
+  overflow: "hidden"
 };
 const stylesEncabezado = {
-  display: 'flex',
-  alignContent: 'center',
-  justifyContent: 'space-between',
-  backgroundColor: 'secondary.light',
-  py: '12px',
-  px: '8px'
+  display: "flex",
+  alignContent: "center",
+  justifyContent: "space-between",
+  backgroundColor: "primary.main",
+  py: "12px",
+  px: "8px"
 };
 const stylesContenido = {
-  display: 'flex',
-  overflow: 'auto',
-  alignItems: 'flex-start',
-  flexDirection: 'column',
-  height: '-webkit-fill-available',
-  py: '12px',
-  px: '8px'
+  display: "flex",
+  overflow: "auto",
+  alignItems: "flex-start",
+  flexDirection: "column",
+  height: "-webkit-fill-available",
+  py: "12px",
+  px: "8px"
 };
 const stylesAcciones = {
-  display: 'flex',
-  alignContent: 'center',
-  justifyContent: 'flex-end',
-  borderTop: '1px solid rgba(16, 24, 64, 0.23)',
-  backgroundColor: '#F1F0EE',
-  mt: '4px',
-  gap: '8px',
-  py: '12px',
-  px: '8px'
+  display: "flex",
+  alignContent: "center",
+  justifyContent: "flex-start",
+  borderTop: "1px solid rgba(16, 24, 64, 0.23)",
+  backgroundColor: "#F1F0EE",
+  mt: "4px",
+  py: "12px",
+  px: "8px"
 };
-const DrawerComponent = props => {
+const DrawerComponent = ({
+  open,
+  onClose,
+  anchor,
+  titulo,
+  children,
+  acciones
+}) => {
   const [showActions, setShowActions] = useState(false);
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  const [drawerAbierto, setDrawerAbierto] = useState(false);
   const mostrarAcciones = () => {
     setShowActions(true);
   };
+  const toggleDrawer = () => {
+    setDrawerAbierto(!drawerAbierto);
+    onClose();
+  };
   return jsx(Drawer$1, {
-    anchor: props.anchor,
-    open: props.open,
-    onClose: props.onClose,
-    PaperProps: {
-      style: {
-        borderRadius: '8px 0px 0px 0px'
-      }
-    },
+    anchor: anchor,
+    open: open,
+    onClose: toggleDrawer,
     children: jsxs(Box$2, {
       sx: stylesDrawerContainer,
       children: [jsxs(Box$2, {
         sx: stylesEncabezado,
+        gap: 2,
         children: [jsx(Typography$1, {
           variant: "h6",
-          color: "text.primary",
-          children: props.titulo
-        }), jsx(IconButton$1, {
-          onClick: props.onClose,
-          size: "small",
-          children: jsx(default_1, {
-            fontSize: "small"
+          component: "h6",
+          children: titulo
+        }), jsx(Box$2, {
+          children: jsx(IconButton$1, {
+            onClick: toggleDrawer,
+            size: "small",
+            children: jsx(default_1, {
+              fontSize: "small"
+            })
           })
         })]
       }), jsx(Box$2, {
         onClick: mostrarAcciones,
         sx: stylesContenido,
-        children: props.children
+        children: children
       }), showActions && jsx(Box$2, {
         sx: stylesAcciones,
-        children: props.acciones
+        children: acciones
       })]
     })
   });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sinco/react",
-  "version": "1.0.10-rc.22",
+  "version": "1.0.10-rc.23",
   "description": "package for the configuration of mui react sinco",
   "private": false,
   "license": "MIT",

package/src/lib/Components/Drawer.d.ts

@@ -1,11 +1,12 @@
+import React from "react";
 import { ReactNode } from 'react';
-export type Anchor = 'left' | 'right';
+export type Anchor = "left" | "right";
 export interface DrawerComponentProps {
-    titulo: string;
+    titulo: ReactNode;
     children: ReactNode;
     acciones: ReactNode;
     open: boolean;
     onClose: () => void;
     anchor?: Anchor;
 }
-export declare const DrawerComponent: (props: DrawerComponentProps) => JSX.Element;
+export declare const DrawerComponent: React.FC<DrawerComponentProps>;