@sinco/react 1.0.11-rc.15 → 1.0.11-rc.17

package/package.json

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

package/src/index.d.ts

@@ -1,4 +1,4 @@
 export * from './lib/Theme';
 export * from './lib/Components';
 export * from './lib/Hooks';
-export * from '..';
+export * from './lib/Utils';

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

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

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

@@ -1,15 +1,15 @@
 import { ReactNode } from 'react';
-export type EmptyStateStates = 'create' | 'error' | 'noResult' | 'search';
-export declare enum EmptyStateImageUrls {
-    error = "error",
-    search = "search",
-    noResult = "noResult",
-    create = "create"
-}
 export interface EmptyStateProperties {
-    state?: EmptyStateStates;
+    state?: States;
     title?: string;
     content?: string;
     actions?: ReactNode;
 }
-export declare const EmptyStateComponent: ({ state, title, content, actions, }: EmptyStateProperties) => JSX.Element;
+export type States = 'create' | 'error' | 'noresult' | 'search';
+export declare enum UrlImage {
+    error = "error",
+    search = "search",
+    noresult = "noresult",
+    create = "create"
+}
+export declare const EmptyState: ({ state, title, content, actions, }: EmptyStateProperties) => JSX.Element;

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

@@ -0,0 +1,8 @@
+import React from 'react';
+interface FooterActionsProperties {
+    labelChangeCounter: React.ReactNode;
+    renderLeftContent?: React.ReactNode;
+    renderRightContent?: React.ReactNode;
+}
+export declare const FooterActionComponent: ({ renderLeftContent, renderRightContent, labelChangeCounter, }: FooterActionsProperties) => JSX.Element;
+export {};

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

@@ -1,2 +1,3 @@
 export * from './EmptyState';
 export * from './Drawer';
+export * from './FooterAction';

package/src/lib/Theme/breakpoints.d.ts

@@ -1,2 +1,3 @@
 import { Breakpoints } from '@mui/material';
-export declare const breakpoints: Breakpoints;
+declare const breakpoints: Breakpoints;
+export default breakpoints;

package/src/lib/Theme/components.d.ts

@@ -1,12 +1,3 @@
 import { Components } from '@mui/material';
-declare module '@mui/material/Chip' {
-    interface ChipPropsSizeOverrides {
-        xsmall: true;
-    }
-}
-declare module "@mui/material/Checkbox" {
-    interface CheckboxPropsSizeOverrides {
-        xsmall: true;
-    }
-}
-export declare const components: Components;
+declare const components: Components;
+export default components;

package/src/lib/Theme/index.d.ts

@@ -1 +1,15 @@
+/// <reference types="react" />
+declare module "@mui/material/styles" {
+    interface TypographyVariants {
+        body3: React.CSSProperties;
+    }
+    interface TypographyVariantsOptions {
+        body3?: React.CSSProperties;
+    }
+}
+declare module "@mui/material/Typography" {
+    interface TypographyPropsVariantOverrides {
+        body3: true;
+    }
+}
 export declare const SincoTheme: import("@mui/material/styles").Theme;

package/src/lib/Theme/mixins.d.ts

@@ -1,2 +1,3 @@
 import { Mixins } from '@mui/material';
-export declare const mixins: Mixins;
+declare const mixins: Mixins;
+export default mixins;

package/src/lib/Theme/palette.d.ts

@@ -1,2 +1,3 @@
 import { PaletteOptions } from '@mui/material';
-export declare const palette: PaletteOptions;
+declare const palette: PaletteOptions;
+export default palette;

package/src/lib/Theme/shadows.d.ts

@@ -1,2 +1,3 @@
 import { Shadows } from '@mui/material/styles/shadows';
-export declare const shadows: Shadows;
+declare const shadows: Shadows;
+export default shadows;

package/src/lib/Theme/typography.d.ts

@@ -1,11 +1,3 @@
-/// <reference types="react" />
 import { TypographyOptions } from '@mui/material/styles/createTypography';
-declare module '@mui/material/styles' {
-    interface TypographyVariants {
-        body3: React.CSSProperties;
-    }
-    interface TypographyVariantsOptions {
-        body3?: React.CSSProperties;
-    }
-}
-export declare const typography: TypographyOptions;
+declare const typography: TypographyOptions;
+export default typography;

package/src/lib/Utils/dynamicColor.d.ts

@@ -1,6 +1,7 @@
 import { PaletteColor, TypeBackground } from "@mui/material";
-export declare const DynamicColor: (src: string) => Promise<{
+declare const dynamicColor: (src: string) => Promise<{
     primaryColor: PaletteColor;
     secondaryColor: PaletteColor;
     backgroundColor: TypeBackground;
 }>;
+export default dynamicColor;

package/src/lib/Utils/index.d.ts

@@ -0,0 +1 @@
+export * from './dynamicColor';

package/README.md

@@ -1,57 +0,0 @@
-# @sinco/react
-
-Paquete de sinco react
-
-## Cómo empezar
-
-npm i @sinco/react
-
-## Pre-requisitos
-
-Asegúrate de tener instalado React en la versión 18. También, es necesario instalar Material-UI React. Puedes encontrar las instrucciones de instalación en el siguiente enlace:
-https://mui.com/material-ui/getting-started/installation/
-
-## Fuentes web de Google
-
-Puedes utilizar fuentes de Google Web Fonts en tu proyecto. Para hacerlo, agrega el siguiente fragmento de código dentro de la etiqueta `<head>` de tu proyecto:
-
-` <link
-      rel="stylesheet"
-      href="https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;600;700&family=Roboto:wght@300;400;500;700&display=swap"
-    />`
-<br/>
-Otra opción es instalar las fuentes Roboto y Nunito desde npm utilizando los paquetes O ya sea instalando las fuentes [@fontsource/roboto](https://www.npmjs.com/package/@fontsource/roboto) y [@fontsource/nunito](https://www.npmjs.com/package/@fontsource/nunito) en su archivo index.tsx, los fontsource son que se necesitan son :
-
-## Roboto
-
-import '@fontsource/roboto/400.css';
-<br/>
-import '@fontsource/roboto/500.css';
-
-## Nunito
-
-import '@fontsource/nunito/300.css';
-<br/>
-import '@fontsource/nunito/400.css';
-<br/>
-import '@fontsource/nunito/500.css';
-<br/>
-import '@fontsource/nunito/600.css';
-
-## Icons
-
-Para usar el `Iconcomponent` de fuente, primero debe agregar la fuente [Material Icons](https://mui.com/material-ui/getting-started/installation/#icons).
-
-## Como utilizar
-
-Para utilizar el tema personalizado de sinco react, debes envolver tu aplicación con el componente `ThemeProvider` de Material-UI y proporcionar la variable `SincoTheme` como valor del prop `theme` en el [ThemeProvider](https://mui.com/material-ui/customization/theming/#theme-provider)
-
-## Más información
-
-Puedes encontrar más información sobre cómo utilizar React y Material-UI en la documentación oficial: -[React](https://reactnative.dev/) -[Material-UI](https://mui.com/material-ui/getting-started/)
-
-## Requerimientos
-
-Data grid pro: [Data grid pro](https://mui.com/x/react-data-grid/) Instalar npm [@mui/x-data-grid.](https://www.npmjs.com/package/@mui/x-data-grid-pro)
-
-Dynamic Color: Instalar [@material/material-color-utilities](https://github.com/material-foundation/material-color-utilities/blob/main/typescript/README.md)

package/index.d.ts

@@ -1 +0,0 @@
-export * from './src/lib/Utils/dynamicColor';