@sinco/react 1.0.15-rc.9 → 1.0.16-rc.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sinco/react",
-  "version": "1.0.15-rc.9",
+  "version": "1.0.16-rc.0",
   "description": "package for the configuration of mui react sinco",
   "private": false,
   "license": "MIT",
@@ -8,6 +8,13 @@
     "type": "git",
     "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"
+  },
   "sideEffects": false,
   "module": "./index.js",
   "main": "./index.js",

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,14 +1,17 @@
-import React, { ReactNode } from 'react';
-export type handleDrawerPosition = 'left' | 'right';
+import { ReactNode } from 'react';
+import { SxProps } from '@mui/material';
+export type DrawerPosition = 'left' | 'right';
 export interface DrawerComponentProperties {
     title: string;
     children: ReactNode;
-    renderActions: ReactNode;
+    actions: ReactNode;
     showActions?: boolean;
-    position?: handleDrawerPosition;
+    anchor?: DrawerPosition;
+    anchorActions: 'flex-end' | 'flex-start';
     width: string;
     open: boolean;
     onClose: () => void;
-    sx?: React.CSSProperties;
+    sx?: SxProps;
 }
-export declare const DrawerComponent: ({ title, children, renderActions, showActions, position, width, open, onClose, sx, }: DrawerComponentProperties) => JSX.Element;
+export declare const DrawerComponent: ({ title, children, actions, showActions, anchor, anchorActions, width, open, onClose, sx, }: DrawerComponentProperties) => JSX.Element;
+export { DrawerComponent as Drawer };

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

@@ -1,15 +1,14 @@
-import { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 export type EmptyStateStates = 'create' | 'error' | 'noResult' | 'search';
-export declare enum EmptyStateImageUrls {
-    error = "error",
-    search = "search",
-    noResult = "noResult",
-    create = "create"
-}
+export declare const EmptyStateImageUrls: Record<EmptyStateStates, string>;
 export interface EmptyStateProperties {
+    icon?: ReactNode;
     state?: EmptyStateStates;
-    title?: string;
-    content?: string;
+    title: string;
+    subtitle?: string;
     actions?: ReactNode;
+    iconStyle?: React.CSSProperties;
+    containerHeight?: string;
 }
-export declare const EmptyStateComponent: ({ state, title, content, actions, }: EmptyStateProperties) => JSX.Element;
+export declare const EmptyStateComponent: ({ state, title, subtitle, actions, containerHeight, iconStyle, icon, }: EmptyStateProperties) => 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;
-    renderLeftContent?: React.ReactNode;
-    renderRightContent?: React.ReactNode;
+    leftContent?: React.ReactNode;
+    rightContent?: React.ReactNode;
 }
-export declare const FooterActionComponent: ({ renderLeftContent, renderRightContent, labelChangeCounter, }: FooterActionsProperties) => JSX.Element;
+export declare const FooterAction: ({ leftContent, rightContent, labelChangeCounter, }: FooterActionsProperties) => JSX.Element;
 export {};

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

@@ -0,0 +1,16 @@
+import { Variant } from "@mui/material/styles/createTypography";
+import React from "react";
+export interface PageheaderProperties {
+    title: string | React.ReactNode;
+    subtitle?: string | React.ReactNode;
+    actions?: React.ReactNode;
+    buttonBack?: React.ReactNode;
+    fixed?: boolean;
+}
+export declare function PageHeaderWraps({ item, color, variant, }: {
+    item: string | React.ReactNode;
+    color: string;
+    variant: Variant;
+}): JSX.Element;
+export declare const PageHeaderComponent: ({ title, subtitle, actions, buttonBack, fixed, }: PageheaderProperties) => JSX.Element;
+export { PageHeaderComponent as PageHeader };

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

@@ -0,0 +1,13 @@
+import React from "react";
+export type ToastType = "success" | "error" | "warning" | "info";
+export interface ToastBaseProperties {
+    type?: ToastType;
+    subtitle?: string;
+    title: string;
+    time?: number;
+    dataOpt?: string[];
+    actions?: React.ReactNode;
+    seeMore?: boolean;
+}
+export declare const ToastNotificationComponent: (toast: ToastBaseProperties) => JSX.Element;
+export { ToastNotificationComponent as ToastNotification };

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

@@ -1,3 +1,5 @@
-export * from './EmptyState';
-export * from './Drawer';
-export * from './FooterAction';
+export * from "./EmptyState";
+export * from "./Drawer";
+export * from "./FooterAction";
+export * from "./ToastNotification";
+export * from "./PageHeader";

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

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

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

@@ -1,2 +1,12 @@
-import { Components } from '@mui/material';
+import { Components } from "@mui/material";
+declare module "@mui/material/Radio" {
+    interface RadioPropsSizeOverrides {
+        large: true;
+    }
+}
+declare module "@mui/material/Checkbox" {
+    interface CheckboxPropsSizeOverrides {
+        large: true;
+    }
+}
 export declare const components: Components;

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

@@ -1,3 +1,13 @@
-import { PaletteOptions } from '@mui/material';
+import { PaletteOptions } from "@mui/material";
+declare module "@mui/material/styles" {
+    interface PaletteColor {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        600: string;
+        700: string;
+        800: string;
+    }
+}
 export declare const palette: PaletteOptions;
-export declare const paletteADPRO: PaletteOptions;

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

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

package/index.d.ts

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