@sinco/react 1.1.2-rc.9 → 1.1.2-rc.90

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sinco/react",
-  "version": "1.1.2-rc.9",
+  "version": "1.1.2-rc.90",
   "description": "package for the configuration of mui react sinco",
   "private": false,
   "license": "MIT",
@@ -16,8 +16,7 @@
     "@mui/x-data-grid": "^6.6.0"
   },
   "sideEffects": false,
-  "module": "./index.js",
-  "main": "./index.js",
+  "module": "./index.esm.js",
   "type": "module",
-  "types": "./src\\index.d.ts"
+  "main": "./index.esm.js"
 }

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

@@ -0,0 +1,18 @@
+import React, { FC } from 'react';
+type RadioPosition = 'left' | 'right';
+type RadioStates = 'active' | 'disabled';
+type CardRadioColors = 'primary' | 'secondary';
+export interface CardRadioProps {
+    RadioPosition?: RadioPosition;
+    topRadioPosition?: boolean;
+    states?: RadioStates;
+    media?: React.ReactNode;
+    header?: React.ReactNode | string;
+    content?: React.ReactNode | string;
+    color?: CardRadioColors;
+    onChange: (value: string | number) => void;
+    value: string | number;
+    checked?: boolean;
+}
+export declare const CardRadio: FC<CardRadioProps>;
+export {};

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

@@ -1,4 +1,4 @@
-import { ReactNode } from "react";
+import React, { ReactNode } from "react";
 import { SxProps } from "@mui/material";
 export type DrawerPosition = "left" | "right";
 export interface DrawerComponentProperties {
@@ -15,5 +15,5 @@ export interface DrawerComponentProperties {
     backgroundColor?: string;
     color?: string;
 }
-export declare const DrawerComponent: ({ title, backgroundColor, color, children, actions, showActions, anchor, anchorActions, width, open, onClose, sx, }: DrawerComponentProperties) => JSX.Element;
+export declare const DrawerComponent: ({ title, backgroundColor, color, children, actions, showActions, anchor, anchorActions, width, open, onClose, sx, }: DrawerComponentProperties) => React.JSX.Element;
 export { DrawerComponent as Drawer };

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

@@ -1,6 +1,5 @@
 import React, { ReactNode } from 'react';
 export type EmptyStateStates = 'create' | 'error' | 'noResult' | 'search';
-export declare const EmptyStateImageUrls: Record<EmptyStateStates, string>;
 export interface EmptyStateProperties {
     icon?: ReactNode;
     state?: EmptyStateStates;
@@ -10,4 +9,5 @@ export interface EmptyStateProperties {
     iconStyle?: React.CSSProperties;
     containerHeight?: string;
 }
-export declare const EmptyState: ({ state, title, subtitle, actions, containerHeight, iconStyle, icon, }: EmptyStateProperties) => JSX.Element;
+export declare const EmptyStateComponent: ({ state, title, subtitle, actions, containerHeight, iconStyle, icon, }: EmptyStateProperties) => React.JSX.Element;
+export { EmptyStateComponent as EmptyState };

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

@@ -1,8 +1,8 @@
 import React from 'react';
 interface FooterActionsProperties {
-    labelChangeCounter: React.ReactNode;
+    labelChangeCounter: React.ReactNode | string;
     leftContent?: React.ReactNode;
     rightContent?: React.ReactNode;
 }
-export declare const FooterAction: ({ leftContent, rightContent, labelChangeCounter, }: FooterActionsProperties) => JSX.Element;
+export declare const FooterAction: ({ leftContent, rightContent, labelChangeCounter, }: FooterActionsProperties) => React.JSX.Element;
 export {};

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

@@ -11,5 +11,5 @@ export declare function PageHeaderWraps({ item, color, variant, }: {
     item: string | React.ReactNode;
     color: string;
     variant: Variant;
-}): JSX.Element;
-export declare const PageHeader: ({ title, subtitle, actions, buttonBack, fixed, }: PageheaderProperties) => JSX.Element;
+}): React.JSX.Element;
+export declare const PageHeader: ({ title, subtitle, actions, buttonBack, fixed, }: PageheaderProperties) => React.JSX.Element;

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

@@ -0,0 +1,15 @@
+import { FC } from 'react';
+import '../../react.module.css';
+type Variant = 'buffer' | 'determinate' | 'indeterminate' | 'query' | 'lote';
+interface ProgressProps {
+    time?: number;
+    variant?: Variant;
+    valueBuffer?: number;
+    lote?: number;
+    porcent?: boolean;
+    progressBar?: boolean;
+    textPorcent?: boolean;
+    ilustration?: boolean;
+}
+export declare const ProgressSinco: FC<ProgressProps>;
+export {};

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

@@ -1,5 +1,5 @@
-import React from "react";
-export type ToastType = "success" | "error" | "warning" | "info";
+import React from 'react';
+export type ToastType = 'success' | 'error' | 'warning' | 'info';
 export interface ToastBaseProperties {
     type?: ToastType;
     subtitle?: string;
@@ -9,4 +9,4 @@ export interface ToastBaseProperties {
     actions?: React.ReactNode;
     seeMore?: boolean;
 }
-export declare const ToastNotification: (toast: ToastBaseProperties) => JSX.Element;
+export declare const ToastNotification: (toast: ToastBaseProperties) => React.JSX.Element;

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

@@ -3,3 +3,5 @@ export * from "./Drawer";
 export * from "./FooterAction";
 export * from "./ToastNotification";
 export * from "./PageHeader";
+export * from "./ProgressSinco";
+export * from "./CardRadio";

package/src/lib/Hooks/useProgress.d.ts

@@ -1,3 +1,3 @@
-export declare const useProgress: (timeProgress: number) => {
-    progressToast: number;
+export declare const useProgress: (timeProgress: number, lote?: number) => {
+    progress: number;
 };

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

@@ -1,2 +1,3 @@
 import { Components } from "@mui/material";
+import "../../module";
 export declare const components: Components;

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

@@ -0,0 +1,39 @@
+/// <reference types="react" />
+import "@mui/material/Typography";
+import "@mui/material/Radio";
+import "@mui/material/Checkbox";
+import "@mui/material/styles";
+declare module '@mui/material/styles' {
+    interface TypographyVariants {
+        body3: React.CSSProperties;
+    }
+    interface TypographyVariantsOptions {
+        body3?: React.CSSProperties;
+    }
+}
+declare module '@mui/material/Typography' {
+    interface TypographyPropsVariantOverrides {
+        body3: true;
+    }
+}
+declare module "@mui/material/Radio" {
+    interface RadioPropsSizeOverrides {
+        large: true;
+    }
+}
+declare module "@mui/material/Checkbox" {
+    interface CheckboxPropsSizeOverrides {
+        large: true;
+    }
+}
+declare module "@mui/material/styles" {
+    interface PaletteColor {
+        50?: string;
+        100?: string;
+        200?: string;
+        300?: string;
+        600?: string;
+        700?: string;
+        800?: string;
+    }
+}

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

@@ -1,2 +1,3 @@
 import { TypographyOptions } from '@mui/material/styles/createTypography';
+import "../../module";
 export declare const typography: TypographyOptions;