@sinco/react 1.0.7-rc.10 → 1.0.7-rc.11

package/index.js

@@ -5022,7 +5022,7 @@ const internal_processStyles = (tag, processor) => {
   }
 };
 
-const _excluded$e = ["values", "unit", "step"];
+const _excluded$f = ["values", "unit", "step"];
 const sortBreakpointsValues = values => {
   const breakpointsAsArray = Object.keys(values).map(key => ({
     key,
@@ -5057,7 +5057,7 @@ function createBreakpoints(breakpoints) {
       unit = 'px',
       step = 5
     } = breakpoints,
-    other = _objectWithoutPropertiesLoose(breakpoints, _excluded$e);
+    other = _objectWithoutPropertiesLoose(breakpoints, _excluded$f);
   const sortedValues = sortBreakpointsValues(values);
   const keys = Object.keys(sortedValues);
   function up(key) {
@@ -6141,7 +6141,7 @@ const styleFunctionSx = unstable_createStyleFunctionSx();
 styleFunctionSx.filterProps = ['sx'];
 var styleFunctionSx$1 = styleFunctionSx;
 
-const _excluded$d = ["breakpoints", "palette", "spacing", "shape"];
+const _excluded$e = ["breakpoints", "palette", "spacing", "shape"];
 function createTheme$1(options = {}, ...args) {
   const {
       breakpoints: breakpointsInput = {},
@@ -6149,7 +6149,7 @@ function createTheme$1(options = {}, ...args) {
       spacing: spacingInput,
       shape: shapeInput = {}
     } = options,
-    other = _objectWithoutPropertiesLoose(options, _excluded$d);
+    other = _objectWithoutPropertiesLoose(options, _excluded$e);
   const breakpoints = createBreakpoints(breakpointsInput);
   const spacing = createSpacing(spacingInput);
   let muiTheme = deepmerge({
@@ -6187,7 +6187,7 @@ function useTheme$1(defaultTheme = systemDefaultTheme$1) {
   return useTheme$2(defaultTheme);
 }
 
-const _excluded$c = ["sx"];
+const _excluded$d = ["sx"];
 const splitProps = props => {
   var _props$theme$unstable, _props$theme;
   const result = {
@@ -6208,7 +6208,7 @@ function extendSxProp(props) {
   const {
       sx: inSx
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded$c);
+    other = _objectWithoutPropertiesLoose(props, _excluded$d);
   const {
     systemProps,
     otherProps
@@ -6234,6 +6234,35 @@ function extendSxProp(props) {
 
 function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);else for(t in e)e[t]&&(n&&(n+=" "),n+=t);return n}function clsx(){for(var e,t,f=0,n="";f<arguments.length;)(e=arguments[f++])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}
 
+const _excluded$c = ["className", "component"];
+function createBox(options = {}) {
+  const {
+    themeId,
+    defaultTheme,
+    defaultClassName = 'MuiBox-root',
+    generateClassName
+  } = options;
+  const BoxRoot = styled$3('div', {
+    shouldForwardProp: prop => prop !== 'theme' && prop !== 'sx' && prop !== 'as'
+  })(styleFunctionSx$1);
+  const Box = /*#__PURE__*/React.forwardRef(function Box(inProps, ref) {
+    const theme = useTheme$1(defaultTheme);
+    const _extendSxProp = extendSxProp(inProps),
+      {
+        className,
+        component = 'div'
+      } = _extendSxProp,
+      other = _objectWithoutPropertiesLoose(_extendSxProp, _excluded$c);
+    return /*#__PURE__*/jsx(BoxRoot, _extends({
+      as: component,
+      ref: ref,
+      className: clsx(className, generateClassName ? generateClassName(defaultClassName) : defaultClassName),
+      theme: themeId ? theme[themeId] || theme : theme
+    }, other));
+  });
+  return Box;
+}
+
 const _excluded$b = ["variant"];
 function isEmpty$1(string) {
   return string.length === 0;
@@ -6736,7 +6765,7 @@ function lighten(color, coefficient) {
 }
 
 const _excluded$9 = ["component", "direction", "spacing", "divider", "children", "className", "useFlexGap"];
-const defaultTheme$2 = createTheme$1();
+const defaultTheme$3 = createTheme$1();
 // widening Theme to any so that the consumer can own the theme structure.
 const defaultCreateStyledComponent = systemStyled('div', {
   name: 'MuiStack',
@@ -6747,7 +6776,7 @@ function useThemePropsDefault(props) {
   return useThemeProps$1({
     props,
     name: 'MuiStack',
-    defaultTheme: defaultTheme$2
+    defaultTheme: defaultTheme$3
   });
 }
 
@@ -7593,11 +7622,11 @@ Please use another name.` : formatMuiErrorMessage(18));
   return muiTheme;
 }
 
-const defaultTheme = createTheme();
-var defaultTheme$1 = defaultTheme;
+const defaultTheme$1 = createTheme();
+var defaultTheme$2 = defaultTheme$1;
 
 function useTheme() {
-  const theme = useTheme$1(defaultTheme$1);
+  const theme = useTheme$1(defaultTheme$2);
   if (process.env.NODE_ENV !== 'production') {
     // eslint-disable-next-line react-hooks/rules-of-hooks
     React.useDebugValue(theme);
@@ -7612,7 +7641,7 @@ function useThemeProps({
   return useThemeProps$1({
     props,
     name,
-    defaultTheme: defaultTheme$1,
+    defaultTheme: defaultTheme$2,
     themeId: THEME_ID
   });
 }
@@ -7620,7 +7649,7 @@ function useThemeProps({
 const rootShouldForwardProp = prop => shouldForwardProp(prop) && prop !== 'classes';
 const styled = createStyled({
   themeId: THEME_ID,
-  defaultTheme: defaultTheme$1,
+  defaultTheme: defaultTheme$2,
   rootShouldForwardProp
 });
 var styled$1 = styled;
@@ -9349,6 +9378,34 @@ process.env.NODE_ENV !== "production" ? Typography.propTypes /* remove-proptypes
 } : void 0;
 var Typography$1 = Typography;
 
+const defaultTheme = createTheme();
+const Box = createBox({
+  themeId: THEME_ID,
+  defaultTheme,
+  defaultClassName: 'MuiBox-root',
+  generateClassName: ClassNameGenerator$1.generate
+});
+process.env.NODE_ENV !== "production" ? Box.propTypes /* remove-proptypes */ = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // |     To update them edit the d.ts file and run "yarn proptypes"     |
+  // ----------------------------------------------------------------------
+  /**
+   * @ignore
+   */
+  children: PropTypes.node,
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: PropTypes.elementType,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
+} : void 0;
+var Box$1 = Box;
+
 function getCardUtilityClass(slot) {
   return generateUtilityClass('MuiCard', slot);
 }
@@ -9575,6 +9632,9 @@ const EmptyState = ({
   content,
   actions
 }) => {
+  const retornarImagen = () => {
+    return UrlImage[_state];
+  };
   return jsx(Card$1, {
     elevation: 1,
     children: jsxs(CardContent$1, {
@@ -9585,9 +9645,13 @@ const EmptyState = ({
         flexDirection: 'column',
         gap: 4
       },
-      children: [jsx("svg", {
-        children: jsx("use", {
-          xlinkHref: "retornarImagen"
+      children: [jsx(Box$1, {
+        width: 206,
+        height: 187,
+        children: jsx("svg", {
+          children: jsx("use", {
+            xlinkHref: retornarImagen()
+          })
         })
       }), jsxs(Stack$1, {
         direction: "column",

package/package.json

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