@sinco/react 1.0.15-rc.63 → 1.0.15-rc.65
Sign up to get free protection for your applications and to get access to all the features.
- package/index.js +24 -248
- package/package.json +4 -2
package/index.js
CHANGED
@@ -1,7 +1,8 @@
|
|
1
1
|
import * as React from 'react';
|
2
2
|
import React__default, { Children, isValidElement, cloneElement, useState, useEffect } from 'react';
|
3
|
-
import {
|
3
|
+
import { CheckCircleRounded, ErrorRounded, WarningRounded, InfoRounded, Close, KeyboardArrowDown, KeyboardArrowUp } from '@mui/icons-material';
|
4
4
|
import { withEmotionCache, ThemeContext, keyframes, css } from '@emotion/react';
|
5
|
+
import { jsx, jsxs } from 'react/jsx-runtime';
|
5
6
|
import * as ReactDOM from 'react-dom';
|
6
7
|
import ReactDOM__default from 'react-dom';
|
7
8
|
|
@@ -3916,7 +3917,7 @@ function _objectWithoutPropertiesLoose$2(source, excluded) {
|
|
3916
3917
|
return target;
|
3917
3918
|
}
|
3918
3919
|
|
3919
|
-
const _excluded$
|
3920
|
+
const _excluded$q = ["values", "unit", "step"];
|
3920
3921
|
const sortBreakpointsValues = values => {
|
3921
3922
|
const breakpointsAsArray = Object.keys(values).map(key => ({
|
3922
3923
|
key,
|
@@ -3951,7 +3952,7 @@ function createBreakpoints(breakpoints) {
|
|
3951
3952
|
unit = 'px',
|
3952
3953
|
step = 5
|
3953
3954
|
} = breakpoints,
|
3954
|
-
other = _objectWithoutPropertiesLoose$2(breakpoints, _excluded$
|
3955
|
+
other = _objectWithoutPropertiesLoose$2(breakpoints, _excluded$q);
|
3955
3956
|
const sortedValues = sortBreakpointsValues(values);
|
3956
3957
|
const keys = Object.keys(sortedValues);
|
3957
3958
|
function up(key) {
|
@@ -5047,7 +5048,7 @@ const styleFunctionSx = unstable_createStyleFunctionSx();
|
|
5047
5048
|
styleFunctionSx.filterProps = ['sx'];
|
5048
5049
|
var styleFunctionSx$1 = styleFunctionSx;
|
5049
5050
|
|
5050
|
-
const _excluded$
|
5051
|
+
const _excluded$p = ["breakpoints", "palette", "spacing", "shape"];
|
5051
5052
|
function createTheme$1(options = {}, ...args) {
|
5052
5053
|
const {
|
5053
5054
|
breakpoints: breakpointsInput = {},
|
@@ -5055,7 +5056,7 @@ function createTheme$1(options = {}, ...args) {
|
|
5055
5056
|
spacing: spacingInput,
|
5056
5057
|
shape: shapeInput = {}
|
5057
5058
|
} = options,
|
5058
|
-
other = _objectWithoutPropertiesLoose$2(options, _excluded$
|
5059
|
+
other = _objectWithoutPropertiesLoose$2(options, _excluded$p);
|
5059
5060
|
const breakpoints = createBreakpoints(breakpointsInput);
|
5060
5061
|
const spacing = createSpacing(spacingInput);
|
5061
5062
|
let muiTheme = deepmerge({
|
@@ -5093,7 +5094,7 @@ function useTheme$1(defaultTheme = systemDefaultTheme$1) {
|
|
5093
5094
|
return useTheme$2(defaultTheme);
|
5094
5095
|
}
|
5095
5096
|
|
5096
|
-
const _excluded$
|
5097
|
+
const _excluded$o = ["sx"];
|
5097
5098
|
const splitProps = props => {
|
5098
5099
|
var _props$theme$unstable, _props$theme;
|
5099
5100
|
const result = {
|
@@ -5114,7 +5115,7 @@ function extendSxProp(props) {
|
|
5114
5115
|
const {
|
5115
5116
|
sx: inSx
|
5116
5117
|
} = props,
|
5117
|
-
other = _objectWithoutPropertiesLoose$2(props, _excluded$
|
5118
|
+
other = _objectWithoutPropertiesLoose$2(props, _excluded$o);
|
5118
5119
|
const {
|
5119
5120
|
systemProps,
|
5120
5121
|
otherProps
|
@@ -5140,7 +5141,7 @@ function extendSxProp(props) {
|
|
5140
5141
|
|
5141
5142
|
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}
|
5142
5143
|
|
5143
|
-
const _excluded$
|
5144
|
+
const _excluded$n = ["className", "component"];
|
5144
5145
|
function createBox(options = {}) {
|
5145
5146
|
const {
|
5146
5147
|
themeId,
|
@@ -5158,7 +5159,7 @@ function createBox(options = {}) {
|
|
5158
5159
|
className,
|
5159
5160
|
component = 'div'
|
5160
5161
|
} = _extendSxProp,
|
5161
|
-
other = _objectWithoutPropertiesLoose$2(_extendSxProp, _excluded$
|
5162
|
+
other = _objectWithoutPropertiesLoose$2(_extendSxProp, _excluded$n);
|
5162
5163
|
return /*#__PURE__*/jsx(BoxRoot, _extends$1({
|
5163
5164
|
as: component,
|
5164
5165
|
ref: ref,
|
@@ -5169,7 +5170,7 @@ function createBox(options = {}) {
|
|
5169
5170
|
return Box;
|
5170
5171
|
}
|
5171
5172
|
|
5172
|
-
const _excluded$
|
5173
|
+
const _excluded$m = ["variant"];
|
5173
5174
|
function isEmpty$1(string) {
|
5174
5175
|
return string.length === 0;
|
5175
5176
|
}
|
@@ -5183,7 +5184,7 @@ function propsToClassKey(props) {
|
|
5183
5184
|
const {
|
5184
5185
|
variant
|
5185
5186
|
} = props,
|
5186
|
-
other = _objectWithoutPropertiesLoose$2(props, _excluded$
|
5187
|
+
other = _objectWithoutPropertiesLoose$2(props, _excluded$m);
|
5187
5188
|
let classKey = variant || '';
|
5188
5189
|
Object.keys(other).sort().forEach(key => {
|
5189
5190
|
if (key === 'color') {
|
@@ -5195,7 +5196,7 @@ function propsToClassKey(props) {
|
|
5195
5196
|
return classKey;
|
5196
5197
|
}
|
5197
5198
|
|
5198
|
-
const _excluded$
|
5199
|
+
const _excluded$l = ["name", "slot", "skipVariantsResolver", "skipSx", "overridesResolver"];
|
5199
5200
|
function isEmpty(obj) {
|
5200
5201
|
return Object.keys(obj).length === 0;
|
5201
5202
|
}
|
@@ -5332,7 +5333,7 @@ function createStyled(input = {}) {
|
|
5332
5333
|
// For more details: https://github.com/mui/material-ui/pull/37908
|
5333
5334
|
overridesResolver = defaultOverridesResolver(lowercaseFirstLetter(componentSlot))
|
5334
5335
|
} = inputOptions,
|
5335
|
-
options = _objectWithoutPropertiesLoose$2(inputOptions, _excluded$
|
5336
|
+
options = _objectWithoutPropertiesLoose$2(inputOptions, _excluded$l);
|
5336
5337
|
|
5337
5338
|
// if skipVariantsResolver option is defined, take the value, otherwise, true for root and false for other slots.
|
5338
5339
|
const skipVariantsResolver = inputSkipVariantsResolver !== undefined ? inputSkipVariantsResolver :
|
@@ -5753,7 +5754,7 @@ function lighten(color, coefficient) {
|
|
5753
5754
|
return recomposeColor(color);
|
5754
5755
|
}
|
5755
5756
|
|
5756
|
-
const _excluded$
|
5757
|
+
const _excluded$k = ["component", "direction", "spacing", "divider", "children", "className", "useFlexGap"];
|
5757
5758
|
const defaultTheme$3 = createTheme$1();
|
5758
5759
|
// widening Theme to any so that the consumer can own the theme structure.
|
5759
5760
|
const defaultCreateStyledComponent = systemStyled('div', {
|
@@ -5886,7 +5887,7 @@ function createStack(options = {}) {
|
|
5886
5887
|
className,
|
5887
5888
|
useFlexGap = false
|
5888
5889
|
} = props,
|
5889
|
-
other = _objectWithoutPropertiesLoose$2(props, _excluded$
|
5890
|
+
other = _objectWithoutPropertiesLoose$2(props, _excluded$k);
|
5890
5891
|
const ownerState = {
|
5891
5892
|
direction,
|
5892
5893
|
spacing,
|
@@ -6060,7 +6061,7 @@ const green = {
|
|
6060
6061
|
};
|
6061
6062
|
var green$1 = green;
|
6062
6063
|
|
6063
|
-
const _excluded$
|
6064
|
+
const _excluded$j = ["mode", "contrastThreshold", "tonalOffset"];
|
6064
6065
|
const light = {
|
6065
6066
|
// The colors used to style the text.
|
6066
6067
|
text: {
|
@@ -6229,7 +6230,7 @@ function createPalette(palette) {
|
|
6229
6230
|
contrastThreshold = 3,
|
6230
6231
|
tonalOffset = 0.2
|
6231
6232
|
} = palette,
|
6232
|
-
other = _objectWithoutPropertiesLoose$3(palette, _excluded$
|
6233
|
+
other = _objectWithoutPropertiesLoose$3(palette, _excluded$j);
|
6233
6234
|
const primary = palette.primary || getDefaultPrimary(mode);
|
6234
6235
|
const secondary = palette.secondary || getDefaultSecondary(mode);
|
6235
6236
|
const error = palette.error || getDefaultError(mode);
|
@@ -6353,7 +6354,7 @@ const theme2 = createTheme({ palette: {
|
|
6353
6354
|
return paletteOutput;
|
6354
6355
|
}
|
6355
6356
|
|
6356
|
-
const _excluded$
|
6357
|
+
const _excluded$i = ["fontFamily", "fontSize", "fontWeightLight", "fontWeightRegular", "fontWeightMedium", "fontWeightBold", "htmlFontSize", "allVariants", "pxToRem"];
|
6357
6358
|
function round(value) {
|
6358
6359
|
return Math.round(value * 1e5) / 1e5;
|
6359
6360
|
}
|
@@ -6384,7 +6385,7 @@ function createTypography(palette, typography) {
|
|
6384
6385
|
allVariants,
|
6385
6386
|
pxToRem: pxToRem2
|
6386
6387
|
} = _ref,
|
6387
|
-
other = _objectWithoutPropertiesLoose$3(_ref, _excluded$
|
6388
|
+
other = _objectWithoutPropertiesLoose$3(_ref, _excluded$i);
|
6388
6389
|
if (process.env.NODE_ENV !== 'production') {
|
6389
6390
|
if (typeof fontSize !== 'number') {
|
6390
6391
|
console.error('MUI: `fontSize` is required to be a number.');
|
@@ -6452,7 +6453,7 @@ function createShadow(...px) {
|
|
6452
6453
|
const shadows = ['none', createShadow(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), createShadow(0, 3, 1, -2, 0, 2, 2, 0, 0, 1, 5, 0), createShadow(0, 3, 3, -2, 0, 3, 4, 0, 0, 1, 8, 0), createShadow(0, 2, 4, -1, 0, 4, 5, 0, 0, 1, 10, 0), createShadow(0, 3, 5, -1, 0, 5, 8, 0, 0, 1, 14, 0), createShadow(0, 3, 5, -1, 0, 6, 10, 0, 0, 1, 18, 0), createShadow(0, 4, 5, -2, 0, 7, 10, 1, 0, 2, 16, 1), createShadow(0, 5, 5, -3, 0, 8, 10, 1, 0, 3, 14, 2), createShadow(0, 5, 6, -3, 0, 9, 12, 1, 0, 3, 16, 2), createShadow(0, 6, 6, -3, 0, 10, 14, 1, 0, 4, 18, 3), createShadow(0, 6, 7, -4, 0, 11, 15, 1, 0, 4, 20, 3), createShadow(0, 7, 8, -4, 0, 12, 17, 2, 0, 5, 22, 4), createShadow(0, 7, 8, -4, 0, 13, 19, 2, 0, 5, 24, 4), createShadow(0, 7, 9, -4, 0, 14, 21, 2, 0, 5, 26, 4), createShadow(0, 8, 9, -5, 0, 15, 22, 2, 0, 6, 28, 5), createShadow(0, 8, 10, -5, 0, 16, 24, 2, 0, 6, 30, 5), createShadow(0, 8, 11, -5, 0, 17, 26, 2, 0, 6, 32, 5), createShadow(0, 9, 11, -5, 0, 18, 28, 2, 0, 7, 34, 6), createShadow(0, 9, 12, -6, 0, 19, 29, 2, 0, 7, 36, 6), createShadow(0, 10, 13, -6, 0, 20, 31, 3, 0, 8, 38, 7), createShadow(0, 10, 13, -6, 0, 21, 33, 3, 0, 8, 40, 7), createShadow(0, 10, 14, -6, 0, 22, 35, 3, 0, 8, 42, 7), createShadow(0, 11, 14, -7, 0, 23, 36, 3, 0, 9, 44, 8), createShadow(0, 11, 15, -7, 0, 24, 38, 3, 0, 9, 46, 8)];
|
6453
6454
|
var shadows$1 = shadows;
|
6454
6455
|
|
6455
|
-
const _excluded$
|
6456
|
+
const _excluded$h = ["duration", "easing", "delay"];
|
6456
6457
|
// Follow https://material.google.com/motion/duration-easing.html#duration-easing-natural-easing-curves
|
6457
6458
|
// to learn the context in which each easing should be used.
|
6458
6459
|
const easing = {
|
@@ -6503,7 +6504,7 @@ function createTransitions(inputTransitions) {
|
|
6503
6504
|
easing: easingOption = mergedEasing.easeInOut,
|
6504
6505
|
delay = 0
|
6505
6506
|
} = options,
|
6506
|
-
other = _objectWithoutPropertiesLoose$3(options, _excluded$
|
6507
|
+
other = _objectWithoutPropertiesLoose$3(options, _excluded$h);
|
6507
6508
|
if (process.env.NODE_ENV !== 'production') {
|
6508
6509
|
const isString = value => typeof value === 'string';
|
6509
6510
|
// IE11 support, replace with Number.isNaN
|
@@ -6553,7 +6554,7 @@ const zIndex = {
|
|
6553
6554
|
};
|
6554
6555
|
var zIndex$1 = zIndex;
|
6555
6556
|
|
6556
|
-
const _excluded$
|
6557
|
+
const _excluded$g = ["breakpoints", "mixins", "spacing", "palette", "transitions", "typography", "shape"];
|
6557
6558
|
function createTheme(options = {}, ...args) {
|
6558
6559
|
const {
|
6559
6560
|
mixins: mixinsInput = {},
|
@@ -6561,7 +6562,7 @@ function createTheme(options = {}, ...args) {
|
|
6561
6562
|
transitions: transitionsInput = {},
|
6562
6563
|
typography: typographyInput = {}
|
6563
6564
|
} = options,
|
6564
|
-
other = _objectWithoutPropertiesLoose$3(options, _excluded$
|
6565
|
+
other = _objectWithoutPropertiesLoose$3(options, _excluded$g);
|
6565
6566
|
if (options.vars) {
|
6566
6567
|
throw new Error(process.env.NODE_ENV !== "production" ? `MUI: \`vars\` is a private field used for CSS variables support.
|
6567
6568
|
Please use another name.` : formatMuiErrorMessage(18));
|
@@ -6663,231 +6664,6 @@ const getOverlayAlpha = elevation => {
|
|
6663
6664
|
};
|
6664
6665
|
var getOverlayAlpha$1 = getOverlayAlpha;
|
6665
6666
|
|
6666
|
-
function getSvgIconUtilityClass(slot) {
|
6667
|
-
return generateUtilityClass('MuiSvgIcon', slot);
|
6668
|
-
}
|
6669
|
-
generateUtilityClasses('MuiSvgIcon', ['root', 'colorPrimary', 'colorSecondary', 'colorAction', 'colorError', 'colorDisabled', 'fontSizeInherit', 'fontSizeSmall', 'fontSizeMedium', 'fontSizeLarge']);
|
6670
|
-
|
6671
|
-
const _excluded$g = ["children", "className", "color", "component", "fontSize", "htmlColor", "inheritViewBox", "titleAccess", "viewBox"];
|
6672
|
-
const useUtilityClasses$c = ownerState => {
|
6673
|
-
const {
|
6674
|
-
color,
|
6675
|
-
fontSize,
|
6676
|
-
classes
|
6677
|
-
} = ownerState;
|
6678
|
-
const slots = {
|
6679
|
-
root: ['root', color !== 'inherit' && `color${capitalize(color)}`, `fontSize${capitalize(fontSize)}`]
|
6680
|
-
};
|
6681
|
-
return composeClasses(slots, getSvgIconUtilityClass, classes);
|
6682
|
-
};
|
6683
|
-
const SvgIconRoot = styled$1('svg', {
|
6684
|
-
name: 'MuiSvgIcon',
|
6685
|
-
slot: 'Root',
|
6686
|
-
overridesResolver: (props, styles) => {
|
6687
|
-
const {
|
6688
|
-
ownerState
|
6689
|
-
} = props;
|
6690
|
-
return [styles.root, ownerState.color !== 'inherit' && styles[`color${capitalize(ownerState.color)}`], styles[`fontSize${capitalize(ownerState.fontSize)}`]];
|
6691
|
-
}
|
6692
|
-
})(({
|
6693
|
-
theme,
|
6694
|
-
ownerState
|
6695
|
-
}) => {
|
6696
|
-
var _theme$transitions, _theme$transitions$cr, _theme$transitions2, _theme$typography, _theme$typography$pxT, _theme$typography2, _theme$typography2$px, _theme$typography3, _theme$typography3$px, _palette$ownerState$c, _palette, _palette2, _palette3;
|
6697
|
-
return {
|
6698
|
-
userSelect: 'none',
|
6699
|
-
width: '1em',
|
6700
|
-
height: '1em',
|
6701
|
-
display: 'inline-block',
|
6702
|
-
// the <svg> will define the property that has `currentColor`
|
6703
|
-
// e.g. heroicons uses fill="none" and stroke="currentColor"
|
6704
|
-
fill: ownerState.hasSvgAsChild ? undefined : 'currentColor',
|
6705
|
-
flexShrink: 0,
|
6706
|
-
transition: (_theme$transitions = theme.transitions) == null || (_theme$transitions$cr = _theme$transitions.create) == null ? void 0 : _theme$transitions$cr.call(_theme$transitions, 'fill', {
|
6707
|
-
duration: (_theme$transitions2 = theme.transitions) == null || (_theme$transitions2 = _theme$transitions2.duration) == null ? void 0 : _theme$transitions2.shorter
|
6708
|
-
}),
|
6709
|
-
fontSize: {
|
6710
|
-
inherit: 'inherit',
|
6711
|
-
small: ((_theme$typography = theme.typography) == null || (_theme$typography$pxT = _theme$typography.pxToRem) == null ? void 0 : _theme$typography$pxT.call(_theme$typography, 20)) || '1.25rem',
|
6712
|
-
medium: ((_theme$typography2 = theme.typography) == null || (_theme$typography2$px = _theme$typography2.pxToRem) == null ? void 0 : _theme$typography2$px.call(_theme$typography2, 24)) || '1.5rem',
|
6713
|
-
large: ((_theme$typography3 = theme.typography) == null || (_theme$typography3$px = _theme$typography3.pxToRem) == null ? void 0 : _theme$typography3$px.call(_theme$typography3, 35)) || '2.1875rem'
|
6714
|
-
}[ownerState.fontSize],
|
6715
|
-
// TODO v5 deprecate, v6 remove for sx
|
6716
|
-
color: (_palette$ownerState$c = (_palette = (theme.vars || theme).palette) == null || (_palette = _palette[ownerState.color]) == null ? void 0 : _palette.main) != null ? _palette$ownerState$c : {
|
6717
|
-
action: (_palette2 = (theme.vars || theme).palette) == null || (_palette2 = _palette2.action) == null ? void 0 : _palette2.active,
|
6718
|
-
disabled: (_palette3 = (theme.vars || theme).palette) == null || (_palette3 = _palette3.action) == null ? void 0 : _palette3.disabled,
|
6719
|
-
inherit: undefined
|
6720
|
-
}[ownerState.color]
|
6721
|
-
};
|
6722
|
-
});
|
6723
|
-
const SvgIcon = /*#__PURE__*/React.forwardRef(function SvgIcon(inProps, ref) {
|
6724
|
-
const props = useThemeProps({
|
6725
|
-
props: inProps,
|
6726
|
-
name: 'MuiSvgIcon'
|
6727
|
-
});
|
6728
|
-
const {
|
6729
|
-
children,
|
6730
|
-
className,
|
6731
|
-
color = 'inherit',
|
6732
|
-
component = 'svg',
|
6733
|
-
fontSize = 'medium',
|
6734
|
-
htmlColor,
|
6735
|
-
inheritViewBox = false,
|
6736
|
-
titleAccess,
|
6737
|
-
viewBox = '0 0 24 24'
|
6738
|
-
} = props,
|
6739
|
-
other = _objectWithoutPropertiesLoose$3(props, _excluded$g);
|
6740
|
-
const hasSvgAsChild = /*#__PURE__*/React.isValidElement(children) && children.type === 'svg';
|
6741
|
-
const ownerState = _extends$3({}, props, {
|
6742
|
-
color,
|
6743
|
-
component,
|
6744
|
-
fontSize,
|
6745
|
-
instanceFontSize: inProps.fontSize,
|
6746
|
-
inheritViewBox,
|
6747
|
-
viewBox,
|
6748
|
-
hasSvgAsChild
|
6749
|
-
});
|
6750
|
-
const more = {};
|
6751
|
-
if (!inheritViewBox) {
|
6752
|
-
more.viewBox = viewBox;
|
6753
|
-
}
|
6754
|
-
const classes = useUtilityClasses$c(ownerState);
|
6755
|
-
return /*#__PURE__*/jsxs(SvgIconRoot, _extends$3({
|
6756
|
-
as: component,
|
6757
|
-
className: clsx(classes.root, className),
|
6758
|
-
focusable: "false",
|
6759
|
-
color: htmlColor,
|
6760
|
-
"aria-hidden": titleAccess ? undefined : true,
|
6761
|
-
role: titleAccess ? 'img' : undefined,
|
6762
|
-
ref: ref
|
6763
|
-
}, more, other, hasSvgAsChild && children.props, {
|
6764
|
-
ownerState: ownerState,
|
6765
|
-
children: [hasSvgAsChild ? children.props.children : children, titleAccess ? /*#__PURE__*/jsx("title", {
|
6766
|
-
children: titleAccess
|
6767
|
-
}) : null]
|
6768
|
-
}));
|
6769
|
-
});
|
6770
|
-
process.env.NODE_ENV !== "production" ? SvgIcon.propTypes /* remove-proptypes */ = {
|
6771
|
-
// ----------------------------- Warning --------------------------------
|
6772
|
-
// | These PropTypes are generated from the TypeScript type definitions |
|
6773
|
-
// | To update them edit the d.ts file and run "yarn proptypes" |
|
6774
|
-
// ----------------------------------------------------------------------
|
6775
|
-
/**
|
6776
|
-
* Node passed into the SVG element.
|
6777
|
-
*/
|
6778
|
-
children: PropTypes.node,
|
6779
|
-
/**
|
6780
|
-
* Override or extend the styles applied to the component.
|
6781
|
-
*/
|
6782
|
-
classes: PropTypes.object,
|
6783
|
-
/**
|
6784
|
-
* @ignore
|
6785
|
-
*/
|
6786
|
-
className: PropTypes.string,
|
6787
|
-
/**
|
6788
|
-
* The color of the component.
|
6789
|
-
* It supports both default and custom theme colors, which can be added as shown in the
|
6790
|
-
* [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
|
6791
|
-
* You can use the `htmlColor` prop to apply a color attribute to the SVG element.
|
6792
|
-
* @default 'inherit'
|
6793
|
-
*/
|
6794
|
-
color: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['inherit', 'action', 'disabled', 'primary', 'secondary', 'error', 'info', 'success', 'warning']), PropTypes.string]),
|
6795
|
-
/**
|
6796
|
-
* The component used for the root node.
|
6797
|
-
* Either a string to use a HTML element or a component.
|
6798
|
-
*/
|
6799
|
-
component: PropTypes.elementType,
|
6800
|
-
/**
|
6801
|
-
* The fontSize applied to the icon. Defaults to 24px, but can be configure to inherit font size.
|
6802
|
-
* @default 'medium'
|
6803
|
-
*/
|
6804
|
-
fontSize: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['inherit', 'large', 'medium', 'small']), PropTypes.string]),
|
6805
|
-
/**
|
6806
|
-
* Applies a color attribute to the SVG element.
|
6807
|
-
*/
|
6808
|
-
htmlColor: PropTypes.string,
|
6809
|
-
/**
|
6810
|
-
* If `true`, the root node will inherit the custom `component`'s viewBox and the `viewBox`
|
6811
|
-
* prop will be ignored.
|
6812
|
-
* Useful when you want to reference a custom `component` and have `SvgIcon` pass that
|
6813
|
-
* `component`'s viewBox to the root node.
|
6814
|
-
* @default false
|
6815
|
-
*/
|
6816
|
-
inheritViewBox: PropTypes.bool,
|
6817
|
-
/**
|
6818
|
-
* The shape-rendering attribute. The behavior of the different options is described on the
|
6819
|
-
* [MDN Web Docs](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/shape-rendering).
|
6820
|
-
* If you are having issues with blurry icons you should investigate this prop.
|
6821
|
-
*/
|
6822
|
-
shapeRendering: PropTypes.string,
|
6823
|
-
/**
|
6824
|
-
* The system prop that allows defining system overrides as well as additional CSS styles.
|
6825
|
-
*/
|
6826
|
-
sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
|
6827
|
-
/**
|
6828
|
-
* Provides a human-readable title for the element that contains it.
|
6829
|
-
* https://www.w3.org/TR/SVG-access/#Equivalent
|
6830
|
-
*/
|
6831
|
-
titleAccess: PropTypes.string,
|
6832
|
-
/**
|
6833
|
-
* Allows you to redefine what the coordinates without units mean inside an SVG element.
|
6834
|
-
* For example, if the SVG element is 500 (width) by 200 (height),
|
6835
|
-
* and you pass viewBox="0 0 50 20",
|
6836
|
-
* this means that the coordinates inside the SVG will go from the top left corner (0,0)
|
6837
|
-
* to bottom right (50,20) and each unit will be worth 10px.
|
6838
|
-
* @default '0 0 24 24'
|
6839
|
-
*/
|
6840
|
-
viewBox: PropTypes.string
|
6841
|
-
} : void 0;
|
6842
|
-
SvgIcon.muiName = 'SvgIcon';
|
6843
|
-
var SvgIcon$1 = SvgIcon;
|
6844
|
-
|
6845
|
-
function createSvgIcon(path, displayName) {
|
6846
|
-
function Component(props, ref) {
|
6847
|
-
return /*#__PURE__*/jsx(SvgIcon$1, _extends$3({
|
6848
|
-
"data-testid": `${displayName}Icon`,
|
6849
|
-
ref: ref
|
6850
|
-
}, props, {
|
6851
|
-
children: path
|
6852
|
-
}));
|
6853
|
-
}
|
6854
|
-
if (process.env.NODE_ENV !== 'production') {
|
6855
|
-
// Need to set `displayName` on the inner component for React.memo.
|
6856
|
-
// React prior to 16.14 ignores `displayName` on the wrapper.
|
6857
|
-
Component.displayName = `${displayName}Icon`;
|
6858
|
-
}
|
6859
|
-
Component.muiName = SvgIcon$1.muiName;
|
6860
|
-
return /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(Component));
|
6861
|
-
}
|
6862
|
-
|
6863
|
-
var CheckCircleRounded = createSvgIcon( /*#__PURE__*/jsx("path", {
|
6864
|
-
d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zM9.29 16.29 5.7 12.7a.9959.9959 0 0 1 0-1.41c.39-.39 1.02-.39 1.41 0L10 14.17l6.88-6.88c.39-.39 1.02-.39 1.41 0 .39.39.39 1.02 0 1.41l-7.59 7.59c-.38.39-1.02.39-1.41 0z"
|
6865
|
-
}), 'CheckCircleRounded');
|
6866
|
-
|
6867
|
-
var Close = createSvgIcon( /*#__PURE__*/jsx("path", {
|
6868
|
-
d: "M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
|
6869
|
-
}), 'Close');
|
6870
|
-
|
6871
|
-
var ErrorRounded = createSvgIcon( /*#__PURE__*/jsx("path", {
|
6872
|
-
d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 11c-.55 0-1-.45-1-1V8c0-.55.45-1 1-1s1 .45 1 1v4c0 .55-.45 1-1 1zm1 4h-2v-2h2v2z"
|
6873
|
-
}), 'ErrorRounded');
|
6874
|
-
|
6875
|
-
var InfoRounded = createSvgIcon( /*#__PURE__*/jsx("path", {
|
6876
|
-
d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 15c-.55 0-1-.45-1-1v-4c0-.55.45-1 1-1s1 .45 1 1v4c0 .55-.45 1-1 1zm1-8h-2V7h2v2z"
|
6877
|
-
}), 'InfoRounded');
|
6878
|
-
|
6879
|
-
var KeyboardArrowDown = createSvgIcon( /*#__PURE__*/jsx("path", {
|
6880
|
-
d: "M7.41 8.59 12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z"
|
6881
|
-
}), 'KeyboardArrowDown');
|
6882
|
-
|
6883
|
-
var KeyboardArrowUp = createSvgIcon( /*#__PURE__*/jsx("path", {
|
6884
|
-
d: "M7.41 15.41 12 10.83l4.59 4.58L18 14l-6-6-6 6z"
|
6885
|
-
}), 'KeyboardArrowUp');
|
6886
|
-
|
6887
|
-
var WarningRounded = createSvgIcon( /*#__PURE__*/jsx("path", {
|
6888
|
-
d: "M4.47 21h15.06c1.54 0 2.5-1.67 1.73-3L13.73 4.99c-.77-1.33-2.69-1.33-3.46 0L2.74 18c-.77 1.33.19 3 1.73 3zM12 14c-.55 0-1-.45-1-1v-2c0-.55.45-1 1-1s1 .45 1 1v2c0 .55-.45 1-1 1zm1 4h-2v-2h2v2z"
|
6889
|
-
}), 'WarningRounded');
|
6890
|
-
|
6891
6667
|
const components = {
|
6892
6668
|
MuiDataGrid: {
|
6893
6669
|
defaultProps: {
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@sinco/react",
|
3
|
-
"version": "1.0.15-rc.
|
3
|
+
"version": "1.0.15-rc.65",
|
4
4
|
"description": "package for the configuration of mui react sinco",
|
5
5
|
"private": false,
|
6
6
|
"license": "MIT",
|
@@ -11,7 +11,9 @@
|
|
11
11
|
"peerDependencies": {
|
12
12
|
"react": "^18.2.0",
|
13
13
|
"react-dom": "^18.2.0",
|
14
|
-
"@emotion/react": "^11.11.0"
|
14
|
+
"@emotion/react": "^11.11.0",
|
15
|
+
"@mui/icons-material": "^5.14.3",
|
16
|
+
"@mui/x-data-grid": "^6.6.0"
|
15
17
|
},
|
16
18
|
"sideEffects": false,
|
17
19
|
"module": "./index.js",
|