@sinco/react 1.2.2-rc.0 → 1.2.2-rc.10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sinco/react",
-  "version": "1.2.2-rc.0",
+  "version": "1.2.2-rc.10",
   "description": "package for the configuration of mui react sinco",
   "private": false,
   "license": "MIT",
@@ -9,14 +9,17 @@
     "url": "https://github.com/SincosoftSAS/DesignSystem.git"
   },
   "peerDependencies": {
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
     "@emotion/react": "^11.11.0",
-    "@mui/icons-material": "^5.14.3",
-    "@mui/x-data-grid": "^6.6.0"
+    "@mui/icons-material": "^6.0.2",
+    "@mui/x-data-grid": "^6.6.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
   },
   "sideEffects": false,
+  "dependencies": {
+    "react-dropzone": "^14.2.3"
+  },
   "module": "./index.esm.js",
   "type": "module",
   "main": "./index.esm.js"
-}
+}

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

@@ -4,7 +4,7 @@ export type DrawerPosition = "left" | "right";
 export interface DrawerComponentProperties {
     title: string;
     children: ReactNode;
-    actions: ReactNode;
+    actions?: ReactNode;
     showActions?: boolean;
     anchor?: DrawerPosition;
     anchorActions: "flex-end" | "flex-start";
@@ -12,8 +12,11 @@ export interface DrawerComponentProperties {
     open: boolean;
     onClose: () => void;
     sx?: SxProps;
+    sxActions?: SxProps;
     backgroundColor?: string;
     color?: string;
+    headerColor?: string;
+    closeIcon?: string;
 }
-export declare const DrawerComponent: ({ title, backgroundColor, color, children, actions, showActions, anchor, anchorActions, width, open, onClose, sx, }: DrawerComponentProperties) => React.JSX.Element;
+export declare const DrawerComponent: ({ title, backgroundColor, color, headerColor, children, actions, showActions, sxActions, closeIcon, anchor, anchorActions, width, open, onClose, sx, }: DrawerComponentProperties) => React.JSX.Element;
 export { DrawerComponent as Drawer };

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

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

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

@@ -0,0 +1,13 @@
+import React from "react";
+export interface MultiSelectProps {
+    topPanel?: React.ReactNode;
+    acciones?: React.ReactNode;
+    anchorEl: HTMLElement | null;
+    dense?: boolean;
+    open: boolean;
+    items: any[];
+    onClose?: () => void;
+    filterFunction: (items: any[], filtroTexto: string) => any[];
+    getItemLabel: (item: any) => string;
+}
+export declare const MultiSelect: ({ topPanel, acciones, open, onClose, items, filterFunction, getItemLabel, anchorEl, dense }: MultiSelectProps) => React.JSX.Element;

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

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

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

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

package/src/lib/Components/adjuntar/AdjuntarArchivos.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { SxProps } from "@mui/material";
+export interface AdjuntarProps {
+    controlArchivo: (archivos: File[]) => any;
+    compact?: boolean;
+    sx?: SxProps;
+}
+export declare const AdjuntarArchivo: ({ compact, sx, controlArchivo }: AdjuntarProps) => React.JSX.Element;

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

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

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

@@ -6,3 +6,5 @@ export * from "./PageHeader";
 export * from "./ProgressSinco";
 export * from "./CardRadio";
 export * from "./Icons";
+export * from './adjuntar/';
+export * from './MultiSelect/';

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

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

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

@@ -1,2 +1,2 @@
-import { Components } from "@mui/material";
-export declare const components: Components;
+import { Components, Theme } from "@mui/material";
+export declare const components: Components<Theme>;

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

@@ -1,2 +1,2 @@
 export declare const SincoTheme: import("@mui/material/styles").Theme;
-export declare const AdproSincoTheme: import("@mui/material/styles").Theme;
+export declare let AdproSincoTheme: import("@mui/material/styles").Theme;

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

@@ -1,6 +1,6 @@
-/// <reference types="react" />
 import "@mui/material/Typography";
 import "@mui/material/Radio";
+import '@mui/material/Chip';
 import "@mui/material/Checkbox";
 import "@mui/material/styles";
 declare module '@mui/material/styles' {
@@ -26,6 +26,40 @@ declare module "@mui/material/Checkbox" {
         large: true;
     }
 }
+declare module '@mui/material/styles' {
+    interface Palette {
+        default: Palette['primary'];
+        chipPrimary: Palette['primary'];
+        chipSecondary: Palette['secondary'];
+        chipInfo: Palette['info'];
+        chipWarning: Palette['warning'];
+        chipError: Palette['error'];
+        chipSuccess: Palette['success'];
+    }
+    interface PaletteOptions {
+        default?: Palette['primary'];
+        chipPrimary?: Palette['primary'];
+        chipSecondary?: Palette['secondary'];
+        chipInfo?: Palette['info'];
+        chipWarning?: Palette['warning'];
+        chipError?: PaletteOptions['error'];
+        chipSuccess?: PaletteOptions['success'];
+    }
+}
+declare module '@mui/material/Chip' {
+    interface ChipPropsVariantOverrides {
+        standard: true;
+    }
+    interface ChipPropsColorOverrides {
+        default: true;
+        chipPrimary: true;
+        chipSecondary: true;
+        chipInfo: true;
+        chipWarning: true;
+        chipError: true;
+        chipSuccess: true;
+    }
+}
 declare module "@mui/material/styles" {
     interface PaletteColor {
         50?: string;

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

@@ -1,3 +1,5 @@
 import { PaletteOptions } from "@mui/material";
-export declare const palette: PaletteOptions;
-export declare const paletteAdpro: PaletteOptions;
+export declare const BasicPalette: Partial<PaletteOptions>;
+export declare const paletteERP: PaletteOptions;
+export declare const paletteADPRO: PaletteOptions;
+export declare const paletteADC: PaletteOptions;

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

@@ -1,3 +1,3 @@
 import { ThemeOptions } from "@mui/material/styles";
-export declare const themeOptions: ThemeOptions;
-export declare const themeAdproOptions: ThemeOptions;
+export declare const ERPTheme: ThemeOptions;
+export declare const ADPROTheme: ThemeOptions;

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

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

package/src/module.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "@mui/material/Typography";
 import "@mui/material/Radio";
 import "@mui/material/Checkbox";