@sinco/react 1.1.2-rc.4 → 1.1.2-rc.40

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sinco/react",
-  "version": "1.1.2-rc.4",
+  "version": "1.1.2-rc.40",
   "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/index.d.ts

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

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

@@ -10,4 +10,4 @@ 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 EmptyState: ({ state, title, subtitle, actions, containerHeight, iconStyle, icon, }: EmptyStateProperties) => React.JSX.Element;

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

@@ -4,5 +4,5 @@ interface FooterActionsProperties {
     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,6 +11,5 @@ 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 };
+}): React.JSX.Element;
+export declare const PageHeader: ({ title, subtitle, actions, buttonBack, fixed, }: PageheaderProperties) => React.JSX.Element;

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

@@ -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/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,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;
-    }
-}
+import "../../module";
 export declare const typography: TypographyOptions;

package/src/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;
+    }
+}