@sinco/react 1.0.14-rc.56 → 1.0.14-rc.57

package/index.js

@@ -15298,32 +15298,36 @@ const EmptyStateImageUrls = {
   noResult: 'noResult',
   search: 'search'
 };
-const EmptyStateComponent = ({
+const DefaultIcon = ({
   state: _state = 'create',
+  imageWidth,
+  imageHeight
+}) => {
+  return /*#__PURE__*/React__default.createElement("svg", {
+    style: {
+      width: imageWidth,
+      height: imageHeight
+    }
+  }, /*#__PURE__*/React__default.createElement("use", {
+    xlinkHref: `${emptyStateIcons}#${EmptyStateImageUrls[_state]}`
+  }));
+};
+const EmptyStateComponent = ({
+  state: _state2 = 'create',
   title,
   content,
   actions,
-  containerStyle: _containerStyle = {
-    height: '100%'
-  },
-  iconStyle: _iconStyle = {
-    width: '205px',
-    height: '185px'
-  }
+  icon: _icon = /*#__PURE__*/React__default.createElement(DefaultIcon, {
+    state: _state2
+  })
 }) => {
-  return /*#__PURE__*/React__default.createElement(ThemeProvider, {
-    theme: SincoTheme
-  }, /*#__PURE__*/React__default.createElement(Stack$1, {
+  return /*#__PURE__*/React__default.createElement(Stack$1, {
     alignItems: "center",
     justifyContent: "center",
     padding: 1,
     spacing: 2,
-    style: _containerStyle
-  }, /*#__PURE__*/React__default.createElement(Box$2, null, /*#__PURE__*/React__default.createElement("svg", {
-    style: _iconStyle
-  }, /*#__PURE__*/React__default.createElement("use", {
-    xlinkHref: `${emptyStateIcons}#${EmptyStateImageUrls[_state]}`
-  }))), /*#__PURE__*/React__default.createElement(Stack$1, {
+    height: "100%"
+  }, /*#__PURE__*/React__default.createElement(Box$2, null, _icon), /*#__PURE__*/React__default.createElement(Stack$1, {
     spacing: 2
   }, title && /*#__PURE__*/React__default.createElement(Typography$1, {
     variant: "h6",
@@ -15337,7 +15341,7 @@ const EmptyStateComponent = ({
     spacing: 2,
     alignItems: "center",
     justifyContent: "center"
-  }, actions))));
+  }, actions)));
 };
 
 var objectDefineProperties = {};

package/package.json

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

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

@@ -5,8 +5,10 @@ export interface EmptyStateProperties {
     state?: EmptyStateStates;
     title?: string;
     content?: string;
+    imageWidth?: string;
+    imageHeight?: string;
     actions?: ReactNode;
-    containerStyle?: React.CSSProperties;
+    icon?: ReactNode;
     iconStyle?: React.CSSProperties;
 }
-export declare const EmptyStateComponent: ({ state, title, content, actions, containerStyle, iconStyle, }: EmptyStateProperties) => JSX.Element;
+export declare const EmptyStateComponent: ({ state, title, content, actions, icon, }: EmptyStateProperties) => JSX.Element;