@sinco/react 1.0.7-rc.10 → 1.0.7-rc.11
Sign up to get free protection for your applications and to get access to all the features.
- package/index.js +80 -16
- package/package.json +1 -1
package/index.js
CHANGED
@@ -5022,7 +5022,7 @@ const internal_processStyles = (tag, processor) => {
|
|
5022
5022
|
}
|
5023
5023
|
};
|
5024
5024
|
|
5025
|
-
const _excluded$
|
5025
|
+
const _excluded$f = ["values", "unit", "step"];
|
5026
5026
|
const sortBreakpointsValues = values => {
|
5027
5027
|
const breakpointsAsArray = Object.keys(values).map(key => ({
|
5028
5028
|
key,
|
@@ -5057,7 +5057,7 @@ function createBreakpoints(breakpoints) {
|
|
5057
5057
|
unit = 'px',
|
5058
5058
|
step = 5
|
5059
5059
|
} = breakpoints,
|
5060
|
-
other = _objectWithoutPropertiesLoose(breakpoints, _excluded$
|
5060
|
+
other = _objectWithoutPropertiesLoose(breakpoints, _excluded$f);
|
5061
5061
|
const sortedValues = sortBreakpointsValues(values);
|
5062
5062
|
const keys = Object.keys(sortedValues);
|
5063
5063
|
function up(key) {
|
@@ -6141,7 +6141,7 @@ const styleFunctionSx = unstable_createStyleFunctionSx();
|
|
6141
6141
|
styleFunctionSx.filterProps = ['sx'];
|
6142
6142
|
var styleFunctionSx$1 = styleFunctionSx;
|
6143
6143
|
|
6144
|
-
const _excluded$
|
6144
|
+
const _excluded$e = ["breakpoints", "palette", "spacing", "shape"];
|
6145
6145
|
function createTheme$1(options = {}, ...args) {
|
6146
6146
|
const {
|
6147
6147
|
breakpoints: breakpointsInput = {},
|
@@ -6149,7 +6149,7 @@ function createTheme$1(options = {}, ...args) {
|
|
6149
6149
|
spacing: spacingInput,
|
6150
6150
|
shape: shapeInput = {}
|
6151
6151
|
} = options,
|
6152
|
-
other = _objectWithoutPropertiesLoose(options, _excluded$
|
6152
|
+
other = _objectWithoutPropertiesLoose(options, _excluded$e);
|
6153
6153
|
const breakpoints = createBreakpoints(breakpointsInput);
|
6154
6154
|
const spacing = createSpacing(spacingInput);
|
6155
6155
|
let muiTheme = deepmerge({
|
@@ -6187,7 +6187,7 @@ function useTheme$1(defaultTheme = systemDefaultTheme$1) {
|
|
6187
6187
|
return useTheme$2(defaultTheme);
|
6188
6188
|
}
|
6189
6189
|
|
6190
|
-
const _excluded$
|
6190
|
+
const _excluded$d = ["sx"];
|
6191
6191
|
const splitProps = props => {
|
6192
6192
|
var _props$theme$unstable, _props$theme;
|
6193
6193
|
const result = {
|
@@ -6208,7 +6208,7 @@ function extendSxProp(props) {
|
|
6208
6208
|
const {
|
6209
6209
|
sx: inSx
|
6210
6210
|
} = props,
|
6211
|
-
other = _objectWithoutPropertiesLoose(props, _excluded$
|
6211
|
+
other = _objectWithoutPropertiesLoose(props, _excluded$d);
|
6212
6212
|
const {
|
6213
6213
|
systemProps,
|
6214
6214
|
otherProps
|
@@ -6234,6 +6234,35 @@ function extendSxProp(props) {
|
|
6234
6234
|
|
6235
6235
|
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}
|
6236
6236
|
|
6237
|
+
const _excluded$c = ["className", "component"];
|
6238
|
+
function createBox(options = {}) {
|
6239
|
+
const {
|
6240
|
+
themeId,
|
6241
|
+
defaultTheme,
|
6242
|
+
defaultClassName = 'MuiBox-root',
|
6243
|
+
generateClassName
|
6244
|
+
} = options;
|
6245
|
+
const BoxRoot = styled$3('div', {
|
6246
|
+
shouldForwardProp: prop => prop !== 'theme' && prop !== 'sx' && prop !== 'as'
|
6247
|
+
})(styleFunctionSx$1);
|
6248
|
+
const Box = /*#__PURE__*/React.forwardRef(function Box(inProps, ref) {
|
6249
|
+
const theme = useTheme$1(defaultTheme);
|
6250
|
+
const _extendSxProp = extendSxProp(inProps),
|
6251
|
+
{
|
6252
|
+
className,
|
6253
|
+
component = 'div'
|
6254
|
+
} = _extendSxProp,
|
6255
|
+
other = _objectWithoutPropertiesLoose(_extendSxProp, _excluded$c);
|
6256
|
+
return /*#__PURE__*/jsx(BoxRoot, _extends({
|
6257
|
+
as: component,
|
6258
|
+
ref: ref,
|
6259
|
+
className: clsx(className, generateClassName ? generateClassName(defaultClassName) : defaultClassName),
|
6260
|
+
theme: themeId ? theme[themeId] || theme : theme
|
6261
|
+
}, other));
|
6262
|
+
});
|
6263
|
+
return Box;
|
6264
|
+
}
|
6265
|
+
|
6237
6266
|
const _excluded$b = ["variant"];
|
6238
6267
|
function isEmpty$1(string) {
|
6239
6268
|
return string.length === 0;
|
@@ -6736,7 +6765,7 @@ function lighten(color, coefficient) {
|
|
6736
6765
|
}
|
6737
6766
|
|
6738
6767
|
const _excluded$9 = ["component", "direction", "spacing", "divider", "children", "className", "useFlexGap"];
|
6739
|
-
const defaultTheme$
|
6768
|
+
const defaultTheme$3 = createTheme$1();
|
6740
6769
|
// widening Theme to any so that the consumer can own the theme structure.
|
6741
6770
|
const defaultCreateStyledComponent = systemStyled('div', {
|
6742
6771
|
name: 'MuiStack',
|
@@ -6747,7 +6776,7 @@ function useThemePropsDefault(props) {
|
|
6747
6776
|
return useThemeProps$1({
|
6748
6777
|
props,
|
6749
6778
|
name: 'MuiStack',
|
6750
|
-
defaultTheme: defaultTheme$
|
6779
|
+
defaultTheme: defaultTheme$3
|
6751
6780
|
});
|
6752
6781
|
}
|
6753
6782
|
|
@@ -7593,11 +7622,11 @@ Please use another name.` : formatMuiErrorMessage(18));
|
|
7593
7622
|
return muiTheme;
|
7594
7623
|
}
|
7595
7624
|
|
7596
|
-
const defaultTheme = createTheme();
|
7597
|
-
var defaultTheme$
|
7625
|
+
const defaultTheme$1 = createTheme();
|
7626
|
+
var defaultTheme$2 = defaultTheme$1;
|
7598
7627
|
|
7599
7628
|
function useTheme() {
|
7600
|
-
const theme = useTheme$1(defaultTheme$
|
7629
|
+
const theme = useTheme$1(defaultTheme$2);
|
7601
7630
|
if (process.env.NODE_ENV !== 'production') {
|
7602
7631
|
// eslint-disable-next-line react-hooks/rules-of-hooks
|
7603
7632
|
React.useDebugValue(theme);
|
@@ -7612,7 +7641,7 @@ function useThemeProps({
|
|
7612
7641
|
return useThemeProps$1({
|
7613
7642
|
props,
|
7614
7643
|
name,
|
7615
|
-
defaultTheme: defaultTheme$
|
7644
|
+
defaultTheme: defaultTheme$2,
|
7616
7645
|
themeId: THEME_ID
|
7617
7646
|
});
|
7618
7647
|
}
|
@@ -7620,7 +7649,7 @@ function useThemeProps({
|
|
7620
7649
|
const rootShouldForwardProp = prop => shouldForwardProp(prop) && prop !== 'classes';
|
7621
7650
|
const styled = createStyled({
|
7622
7651
|
themeId: THEME_ID,
|
7623
|
-
defaultTheme: defaultTheme$
|
7652
|
+
defaultTheme: defaultTheme$2,
|
7624
7653
|
rootShouldForwardProp
|
7625
7654
|
});
|
7626
7655
|
var styled$1 = styled;
|
@@ -9349,6 +9378,34 @@ process.env.NODE_ENV !== "production" ? Typography.propTypes /* remove-proptypes
|
|
9349
9378
|
} : void 0;
|
9350
9379
|
var Typography$1 = Typography;
|
9351
9380
|
|
9381
|
+
const defaultTheme = createTheme();
|
9382
|
+
const Box = createBox({
|
9383
|
+
themeId: THEME_ID,
|
9384
|
+
defaultTheme,
|
9385
|
+
defaultClassName: 'MuiBox-root',
|
9386
|
+
generateClassName: ClassNameGenerator$1.generate
|
9387
|
+
});
|
9388
|
+
process.env.NODE_ENV !== "production" ? Box.propTypes /* remove-proptypes */ = {
|
9389
|
+
// ----------------------------- Warning --------------------------------
|
9390
|
+
// | These PropTypes are generated from the TypeScript type definitions |
|
9391
|
+
// | To update them edit the d.ts file and run "yarn proptypes" |
|
9392
|
+
// ----------------------------------------------------------------------
|
9393
|
+
/**
|
9394
|
+
* @ignore
|
9395
|
+
*/
|
9396
|
+
children: PropTypes.node,
|
9397
|
+
/**
|
9398
|
+
* The component used for the root node.
|
9399
|
+
* Either a string to use a HTML element or a component.
|
9400
|
+
*/
|
9401
|
+
component: PropTypes.elementType,
|
9402
|
+
/**
|
9403
|
+
* The system prop that allows defining system overrides as well as additional CSS styles.
|
9404
|
+
*/
|
9405
|
+
sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
|
9406
|
+
} : void 0;
|
9407
|
+
var Box$1 = Box;
|
9408
|
+
|
9352
9409
|
function getCardUtilityClass(slot) {
|
9353
9410
|
return generateUtilityClass('MuiCard', slot);
|
9354
9411
|
}
|
@@ -9575,6 +9632,9 @@ const EmptyState = ({
|
|
9575
9632
|
content,
|
9576
9633
|
actions
|
9577
9634
|
}) => {
|
9635
|
+
const retornarImagen = () => {
|
9636
|
+
return UrlImage[_state];
|
9637
|
+
};
|
9578
9638
|
return jsx(Card$1, {
|
9579
9639
|
elevation: 1,
|
9580
9640
|
children: jsxs(CardContent$1, {
|
@@ -9585,9 +9645,13 @@ const EmptyState = ({
|
|
9585
9645
|
flexDirection: 'column',
|
9586
9646
|
gap: 4
|
9587
9647
|
},
|
9588
|
-
children: [jsx(
|
9589
|
-
|
9590
|
-
|
9648
|
+
children: [jsx(Box$1, {
|
9649
|
+
width: 206,
|
9650
|
+
height: 187,
|
9651
|
+
children: jsx("svg", {
|
9652
|
+
children: jsx("use", {
|
9653
|
+
xlinkHref: retornarImagen()
|
9654
|
+
})
|
9591
9655
|
})
|
9592
9656
|
}), jsxs(Stack$1, {
|
9593
9657
|
direction: "column",
|