@sinco/react 1.0.15-rc.28 → 1.0.15-rc.29

package/index.js

@@ -2,7 +2,6 @@ import { createTheme } from '@mui/material/styles';
 import React, { useState, useEffect } from 'react';
 import { CheckCircleRounded, ErrorRounded, WarningRounded, InfoRounded, Close, KeyboardArrowDown, KeyboardArrowUp } from '@mui/icons-material';
 import { Stack, Typography, Drawer, IconButton, AppBar, Toolbar, Box as Box$1, Divider, Button, LinearProgress, alpha } from '@mui/material';
-import CloseIcon from '@mui/icons-material/Close';
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
@@ -2658,10 +2657,10 @@ handlePrototype(DOMTokenListPrototype, 'DOMTokenList');
 
 const borderStyles = {
   left: {
-    borderTopRightRadius: '4px'
+    borderTopRightRadius: "4px"
   },
   right: {
-    borderTopLeftRadius: '4px'
+    borderTopLeftRadius: "4px"
   }
 };
 const DrawerComponent = ({
@@ -2669,7 +2668,7 @@ const DrawerComponent = ({
   children,
   actions,
   showActions,
-  anchor: _anchor = 'left',
+  anchor: _anchor = "left",
   width,
   open,
   onClose,
@@ -2685,11 +2684,11 @@ const DrawerComponent = ({
     open: open,
     onClose: onClose,
     sx: {
-      '& .MuiBackdrop-root': {
-        backgroundColor: '#F0f0f099 !important',
-        backdropFilter: 'blur(4px)'
+      "& .MuiBackdrop-root": {
+        backgroundColor: "#F0f0f099 !important",
+        backdropFilter: "blur(4px)"
       },
-      '& .MuiDrawer-paper': Object.assign({
+      "& .MuiDrawer-paper": Object.assign({
         width: width
       }, paperSx)
     }
@@ -2708,7 +2707,7 @@ const DrawerComponent = ({
   }, title), /*#__PURE__*/React.createElement(IconButton, {
     onClick: onClose,
     size: "small"
-  }, /*#__PURE__*/React.createElement(CloseIcon, {
+  }, /*#__PURE__*/React.createElement(Close, {
     fontSize: "small"
   }))), /*#__PURE__*/React.createElement(Stack, {
     py: 1.5,
@@ -2747,57 +2746,6 @@ const FooterActionComponent = ({
   }), /*#__PURE__*/React.createElement(Box$1, null, labelChangeCounter), renderRightContent));
 };
 
-function PageHeaderWrapper({
-  item,
-  color,
-  variant
-}) {
-  return /*#__PURE__*/React.createElement(React.Fragment, null, item);
-}
-const PageHeaderComponent = ({
-  title,
-  subtitle,
-  actions,
-  buttonBack,
-  fixed
-}) => {
-  return /*#__PURE__*/React.createElement(Stack, {
-    position: fixed ? "fixed" : "relative",
-    width: fixed ? "100%" : "inherit",
-    bgcolor: "background.paper",
-    sx: {
-      boxShadow: theme => theme.shadows[1],
-      zIndex: 100
-    }
-  }, /*#__PURE__*/React.createElement(Stack, {
-    px: 3,
-    py: 1,
-    justifyContent: "space-between",
-    flexDirection: "row",
-    alignItems: "center"
-  }, /*#__PURE__*/React.createElement(Stack, {
-    gap: 1.5,
-    flexDirection: "row",
-    alignItems: "center"
-  }, buttonBack, /*#__PURE__*/React.createElement(Stack, null, /*#__PURE__*/React.createElement(Stack, null, /*#__PURE__*/React.createElement(PageHeaderWrapper, {
-    color: "text.primary",
-    item: title,
-    variant: "h6"
-  })), subtitle && /*#__PURE__*/React.createElement(Stack, {
-    alignItems: "center",
-    flexDirection: "row",
-    gap: 2
-  }, /*#__PURE__*/React.createElement(PageHeaderWrapper, {
-    color: "text.secondary",
-    item: subtitle,
-    variant: "caption"
-  })))), actions && /*#__PURE__*/React.createElement(Stack, {
-    gap: 1,
-    alignItems: "center",
-    flexDirection: "row"
-  }, actions)));
-};
-
 const useProgress = timeProgress => {
   const [progress, setProgress] = useState(100);
   useEffect(() => {
@@ -2860,15 +2808,15 @@ const ToastNotificationComponent = toast => {
       // "&.color-error": {
       //   backgroundColor: "#FEEBEE",
       // },
-      // "&.color-info": {
-      //   backgroundColor: "#E1F5FE",
-      // },
-      // "&.color-warning": {
-      //   backgroundColor: "#FFF3E0",
-      // },
-      // "&.color-success": {
-      //   backgroundColor: "#E8F5E9",
-      // },
+      "&.color-info": {
+        backgroundColor: "#E1F5FE"
+      },
+      "&.color-warning": {
+        backgroundColor: "#FFF3E0"
+      },
+      "&.color-success": {
+        backgroundColor: "#E8F5E9"
+      }
     },
     className: `color-${toastColorConfig}`
   }, /*#__PURE__*/React.createElement(Stack, {
@@ -2950,6 +2898,57 @@ const ToastNotificationComponent = toast => {
   })));
 };
 
+function PageHeaderWrapper({
+  item,
+  color,
+  variant
+}) {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, item);
+}
+const PageHeaderComponent = ({
+  title,
+  subtitle,
+  actions,
+  buttonBack,
+  fixed
+}) => {
+  return /*#__PURE__*/React.createElement(Stack, {
+    position: fixed ? "fixed" : "relative",
+    width: fixed ? "100%" : "inherit",
+    bgcolor: "background.paper",
+    sx: {
+      boxShadow: theme => theme.shadows[1],
+      zIndex: 100
+    }
+  }, /*#__PURE__*/React.createElement(Stack, {
+    px: 3,
+    py: 1,
+    justifyContent: "space-between",
+    flexDirection: "row",
+    alignItems: "center"
+  }, /*#__PURE__*/React.createElement(Stack, {
+    gap: 1.5,
+    flexDirection: "row",
+    alignItems: "center"
+  }, buttonBack, /*#__PURE__*/React.createElement(Stack, null, /*#__PURE__*/React.createElement(Stack, null, /*#__PURE__*/React.createElement(PageHeaderWrapper, {
+    color: "text.primary",
+    item: title,
+    variant: "h6"
+  })), subtitle && /*#__PURE__*/React.createElement(Stack, {
+    alignItems: "center",
+    flexDirection: "row",
+    gap: 2
+  }, /*#__PURE__*/React.createElement(PageHeaderWrapper, {
+    color: "text.secondary",
+    item: subtitle,
+    variant: "caption"
+  })))), actions && /*#__PURE__*/React.createElement(Stack, {
+    gap: 1,
+    alignItems: "center",
+    flexDirection: "row"
+  }, actions)));
+};
+
 var classof$3 = classofRaw$2;
 
 var engineIsNode = typeof process != 'undefined' && classof$3(process) == 'process';

package/package.json

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

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

@@ -1,6 +1,6 @@
-import { ReactNode } from 'react';
-import { SxProps } from '@mui/material';
-export type DrawerPosition = 'left' | 'right';
+import { ReactNode } from "react";
+import { SxProps } from "@mui/material";
+export type DrawerPosition = "left" | "right";
 export interface DrawerComponentProperties {
     title: string;
     children: ReactNode;

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

@@ -1,5 +1,4 @@
 import React from "react";
-import "../styles/toast.css";
 export type toastType = "success" | "error" | "warning" | "info";
 export interface ToastBaseProperties {
     type?: toastType;

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

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

package/index.css

@@ -1,3 +0,0 @@
-.color-error {
-    background-color: #feebee;
-}