@sinco/react 1.1.2-rc.24 → 1.1.2-rc.26
Sign up to get free protection for your applications and to get access to all the features.
- package/index.esm.d.ts +1 -0
- package/{index.js → index.esm.js} +42 -49
- package/package.json +3 -4
- package/src/lib/Components/Drawer.d.ts +2 -2
- package/src/lib/Components/EmptyState.d.ts +1 -1
- package/src/lib/Components/FooterAction.d.ts +1 -1
- package/src/lib/Components/PageHeader.d.ts +2 -2
- package/src/lib/Components/ToastNotification.d.ts +1 -1
package/index.esm.d.ts
ADDED
@@ -0,0 +1 @@
|
|
1
|
+
export * from "./src\\index";
|
@@ -511,11 +511,11 @@ var reactIs_production_min$1 = {};
|
|
511
511
|
* LICENSE file in the root directory of this source tree.
|
512
512
|
*/
|
513
513
|
var b$1="function"===typeof Symbol&&Symbol.for,c$1=b$1?Symbol.for("react.element"):60103,d$1=b$1?Symbol.for("react.portal"):60106,e$1=b$1?Symbol.for("react.fragment"):60107,f$1=b$1?Symbol.for("react.strict_mode"):60108,g$1=b$1?Symbol.for("react.profiler"):60114,h$1=b$1?Symbol.for("react.provider"):60109,k$1=b$1?Symbol.for("react.context"):60110,l$1=b$1?Symbol.for("react.async_mode"):60111,m$1=b$1?Symbol.for("react.concurrent_mode"):60111,n$1=b$1?Symbol.for("react.forward_ref"):60112,p$1=b$1?Symbol.for("react.suspense"):60113,q$1=b$1?
|
514
|
-
Symbol.for("react.suspense_list"):60120,r$
|
515
|
-
function z(a){if("object"===typeof a&&null!==a){var u=a.$$typeof;switch(u){case c$1:switch(a=a.type,a){case l$1:case m$1:case e$1:case g$1:case f$1:case p$1:return a;default:switch(a=a&&a.$$typeof,a){case k$1:case n$1:case t$1:case r$
|
514
|
+
Symbol.for("react.suspense_list"):60120,r$1=b$1?Symbol.for("react.memo"):60115,t$1=b$1?Symbol.for("react.lazy"):60116,v$1=b$1?Symbol.for("react.block"):60121,w=b$1?Symbol.for("react.fundamental"):60117,x=b$1?Symbol.for("react.responder"):60118,y=b$1?Symbol.for("react.scope"):60119;
|
515
|
+
function z(a){if("object"===typeof a&&null!==a){var u=a.$$typeof;switch(u){case c$1:switch(a=a.type,a){case l$1:case m$1:case e$1:case g$1:case f$1:case p$1:return a;default:switch(a=a&&a.$$typeof,a){case k$1:case n$1:case t$1:case r$1:case h$1:return a;default:return u}}case d$1:return u}}}function A(a){return z(a)===m$1}reactIs_production_min$1.AsyncMode=l$1;reactIs_production_min$1.ConcurrentMode=m$1;reactIs_production_min$1.ContextConsumer=k$1;reactIs_production_min$1.ContextProvider=h$1;reactIs_production_min$1.Element=c$1;reactIs_production_min$1.ForwardRef=n$1;reactIs_production_min$1.Fragment=e$1;reactIs_production_min$1.Lazy=t$1;reactIs_production_min$1.Memo=r$1;reactIs_production_min$1.Portal=d$1;
|
516
516
|
reactIs_production_min$1.Profiler=g$1;reactIs_production_min$1.StrictMode=f$1;reactIs_production_min$1.Suspense=p$1;reactIs_production_min$1.isAsyncMode=function(a){return A(a)||z(a)===l$1};reactIs_production_min$1.isConcurrentMode=A;reactIs_production_min$1.isContextConsumer=function(a){return z(a)===k$1};reactIs_production_min$1.isContextProvider=function(a){return z(a)===h$1};reactIs_production_min$1.isElement=function(a){return "object"===typeof a&&null!==a&&a.$$typeof===c$1};reactIs_production_min$1.isForwardRef=function(a){return z(a)===n$1};reactIs_production_min$1.isFragment=function(a){return z(a)===e$1};reactIs_production_min$1.isLazy=function(a){return z(a)===t$1};
|
517
|
-
reactIs_production_min$1.isMemo=function(a){return z(a)===r$
|
518
|
-
reactIs_production_min$1.isValidElementType=function(a){return "string"===typeof a||"function"===typeof a||a===e$1||a===m$1||a===g$1||a===f$1||a===p$1||a===q$1||"object"===typeof a&&null!==a&&(a.$$typeof===t$1||a.$$typeof===r$
|
517
|
+
reactIs_production_min$1.isMemo=function(a){return z(a)===r$1};reactIs_production_min$1.isPortal=function(a){return z(a)===d$1};reactIs_production_min$1.isProfiler=function(a){return z(a)===g$1};reactIs_production_min$1.isStrictMode=function(a){return z(a)===f$1};reactIs_production_min$1.isSuspense=function(a){return z(a)===p$1};
|
518
|
+
reactIs_production_min$1.isValidElementType=function(a){return "string"===typeof a||"function"===typeof a||a===e$1||a===m$1||a===g$1||a===f$1||a===p$1||a===q$1||"object"===typeof a&&null!==a&&(a.$$typeof===t$1||a.$$typeof===r$1||a.$$typeof===h$1||a.$$typeof===k$1||a.$$typeof===n$1||a.$$typeof===w||a.$$typeof===x||a.$$typeof===y||a.$$typeof===v$1)};reactIs_production_min$1.typeOf=z;
|
519
519
|
|
520
520
|
var reactIs_development$1 = {};
|
521
521
|
|
@@ -2127,10 +2127,10 @@ function useEventCallback(fn) {
|
|
2127
2127
|
useEnhancedEffect$1(() => {
|
2128
2128
|
ref.current = fn;
|
2129
2129
|
});
|
2130
|
-
return React.
|
2130
|
+
return React.useRef((...args) =>
|
2131
2131
|
// @ts-expect-error hide `this`
|
2132
2132
|
// tslint:disable-next-line:ban-comma-operator
|
2133
|
-
(0, ref.current)(...args)
|
2133
|
+
(0, ref.current)(...args)).current;
|
2134
2134
|
}
|
2135
2135
|
|
2136
2136
|
function useForkRef(...refs) {
|
@@ -3174,7 +3174,7 @@ tags.forEach(function (tagName) {
|
|
3174
3174
|
});
|
3175
3175
|
|
3176
3176
|
/**
|
3177
|
-
* @mui/styled-engine v5.14.
|
3177
|
+
* @mui/styled-engine v5.14.18
|
3178
3178
|
*
|
3179
3179
|
* @license MIT
|
3180
3180
|
* This source code is licensed under the MIT license found in the
|
@@ -3450,11 +3450,6 @@ function getStyleValue(themeMapping, transform, propValueFinal, userValue = prop
|
|
3450
3450
|
} else {
|
3451
3451
|
value = getPath(themeMapping, propValueFinal) || userValue;
|
3452
3452
|
}
|
3453
|
-
if (typeof value === 'object') {
|
3454
|
-
if (process.env.NODE_ENV !== 'production') {
|
3455
|
-
console.warn(`MUI: The value found in theme for prop: "${propValueFinal}" is an [Object] instead of string or number. Check if you forgot to add the correct dotted notation, eg, "background.paper" instead of "background".`);
|
3456
|
-
}
|
3457
|
-
}
|
3458
3453
|
if (transform) {
|
3459
3454
|
value = transform(value, userValue, themeMapping);
|
3460
3455
|
}
|
@@ -4432,7 +4427,7 @@ function extendSxProp(props) {
|
|
4432
4427
|
});
|
4433
4428
|
}
|
4434
4429
|
|
4435
|
-
function r
|
4430
|
+
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}
|
4436
4431
|
|
4437
4432
|
const _excluded$n = ["className", "component"];
|
4438
4433
|
function createBox(options = {}) {
|
@@ -4456,7 +4451,7 @@ function createBox(options = {}) {
|
|
4456
4451
|
return /*#__PURE__*/jsx(BoxRoot, _extends({
|
4457
4452
|
as: component,
|
4458
4453
|
ref: ref,
|
4459
|
-
className: clsx
|
4454
|
+
className: clsx(className, generateClassName ? generateClassName(defaultClassName) : defaultClassName),
|
4460
4455
|
theme: themeId ? theme[themeId] || theme : theme
|
4461
4456
|
}, other));
|
4462
4457
|
});
|
@@ -5191,7 +5186,7 @@ function createStack(options = {}) {
|
|
5191
5186
|
as: component,
|
5192
5187
|
ownerState: ownerState,
|
5193
5188
|
ref: ref,
|
5194
|
-
className: clsx
|
5189
|
+
className: clsx(classes.root, className)
|
5195
5190
|
}, other, {
|
5196
5191
|
children: divider ? joinChildren(children, divider) : children
|
5197
5192
|
}));
|
@@ -6241,8 +6236,6 @@ var paletteAdpro = {
|
|
6241
6236
|
divider: "#0000001f"
|
6242
6237
|
};
|
6243
6238
|
|
6244
|
-
function r$1(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$1(e[t]))&&(n&&(n+=" "),n+=f);else for(t in e)e[t]&&(n&&(n+=" "),n+=t);return n}function clsx$1(){for(var e,t,f=0,n="";f<arguments.length;)(e=arguments[f++])&&(t=r$1(e))&&(n&&(n+=" "),n+=t);return n}
|
6245
|
-
|
6246
6239
|
function getTypographyUtilityClass(slot) {
|
6247
6240
|
return generateUtilityClass('MuiTypography', slot);
|
6248
6241
|
}
|
@@ -6353,7 +6346,7 @@ const Typography = /*#__PURE__*/React.forwardRef(function Typography(inProps, re
|
|
6353
6346
|
as: Component,
|
6354
6347
|
ref: ref,
|
6355
6348
|
ownerState: ownerState,
|
6356
|
-
className: clsx
|
6349
|
+
className: clsx(classes.root, className)
|
6357
6350
|
}, other));
|
6358
6351
|
});
|
6359
6352
|
process.env.NODE_ENV !== "production" ? Typography.propTypes /* remove-proptypes */ = {
|
@@ -7433,14 +7426,14 @@ function Ripple(props) {
|
|
7433
7426
|
timeout
|
7434
7427
|
} = props;
|
7435
7428
|
const [leaving, setLeaving] = React.useState(false);
|
7436
|
-
const rippleClassName = clsx
|
7429
|
+
const rippleClassName = clsx(className, classes.ripple, classes.rippleVisible, pulsate && classes.ripplePulsate);
|
7437
7430
|
const rippleStyles = {
|
7438
7431
|
width: rippleSize,
|
7439
7432
|
height: rippleSize,
|
7440
7433
|
top: -(rippleSize / 2) + rippleY,
|
7441
7434
|
left: -(rippleSize / 2) + rippleX
|
7442
7435
|
};
|
7443
|
-
const childClassName = clsx
|
7436
|
+
const childClassName = clsx(classes.child, leaving && classes.childLeaving, pulsate && classes.childPulsate);
|
7444
7437
|
if (!inProp && !leaving) {
|
7445
7438
|
setLeaving(true);
|
7446
7439
|
}
|
@@ -7668,12 +7661,12 @@ const TouchRipple = /*#__PURE__*/React.forwardRef(function TouchRipple(inProps,
|
|
7668
7661
|
} = params;
|
7669
7662
|
setRipples(oldRipples => [...oldRipples, /*#__PURE__*/jsx(TouchRippleRipple, {
|
7670
7663
|
classes: {
|
7671
|
-
ripple: clsx
|
7672
|
-
rippleVisible: clsx
|
7673
|
-
ripplePulsate: clsx
|
7674
|
-
child: clsx
|
7675
|
-
childLeaving: clsx
|
7676
|
-
childPulsate: clsx
|
7664
|
+
ripple: clsx(classes.ripple, touchRippleClasses$1.ripple),
|
7665
|
+
rippleVisible: clsx(classes.rippleVisible, touchRippleClasses$1.rippleVisible),
|
7666
|
+
ripplePulsate: clsx(classes.ripplePulsate, touchRippleClasses$1.ripplePulsate),
|
7667
|
+
child: clsx(classes.child, touchRippleClasses$1.child),
|
7668
|
+
childLeaving: clsx(classes.childLeaving, touchRippleClasses$1.childLeaving),
|
7669
|
+
childPulsate: clsx(classes.childPulsate, touchRippleClasses$1.childPulsate)
|
7677
7670
|
},
|
7678
7671
|
timeout: DURATION,
|
7679
7672
|
pulsate: pulsate,
|
@@ -7800,7 +7793,7 @@ const TouchRipple = /*#__PURE__*/React.forwardRef(function TouchRipple(inProps,
|
|
7800
7793
|
stop
|
7801
7794
|
}), [pulsate, start, stop]);
|
7802
7795
|
return /*#__PURE__*/jsx(TouchRippleRoot, _extends({
|
7803
|
-
className: clsx
|
7796
|
+
className: clsx(touchRippleClasses$1.root, classes.root, className),
|
7804
7797
|
ref: container
|
7805
7798
|
}, other, {
|
7806
7799
|
children: /*#__PURE__*/jsx(TransitionGroup$1, {
|
@@ -8106,7 +8099,7 @@ const ButtonBase = /*#__PURE__*/React.forwardRef(function ButtonBase(inProps, re
|
|
8106
8099
|
const classes = useUtilityClasses$a(ownerState);
|
8107
8100
|
return /*#__PURE__*/jsxs(ButtonBaseRoot, _extends({
|
8108
8101
|
as: ComponentProp,
|
8109
|
-
className: clsx
|
8102
|
+
className: clsx(classes.root, className),
|
8110
8103
|
ownerState: ownerState,
|
8111
8104
|
onBlur: handleBlur,
|
8112
8105
|
onClick: onClick,
|
@@ -9262,7 +9255,7 @@ const Paper = /*#__PURE__*/React.forwardRef(function Paper(inProps, ref) {
|
|
9262
9255
|
return /*#__PURE__*/jsx(PaperRoot, _extends({
|
9263
9256
|
as: component,
|
9264
9257
|
ownerState: ownerState,
|
9265
|
-
className: clsx
|
9258
|
+
className: clsx(classes.root, className),
|
9266
9259
|
ref: ref
|
9267
9260
|
}, other));
|
9268
9261
|
});
|
@@ -9437,7 +9430,7 @@ const IconButton = /*#__PURE__*/React.forwardRef(function IconButton(inProps, re
|
|
9437
9430
|
});
|
9438
9431
|
const classes = useUtilityClasses$8(ownerState);
|
9439
9432
|
return /*#__PURE__*/jsx(IconButtonRoot, _extends({
|
9440
|
-
className: clsx
|
9433
|
+
className: clsx(classes.root, className),
|
9441
9434
|
centerRipple: true,
|
9442
9435
|
focusRipple: !disableFocusRipple,
|
9443
9436
|
disabled: disabled,
|
@@ -9519,7 +9512,7 @@ var IconButton$1 = IconButton;
|
|
9519
9512
|
function getAppBarUtilityClass(slot) {
|
9520
9513
|
return generateUtilityClass('MuiAppBar', slot);
|
9521
9514
|
}
|
9522
|
-
generateUtilityClasses('MuiAppBar', ['root', 'positionFixed', 'positionAbsolute', 'positionSticky', 'positionStatic', 'positionRelative', 'colorDefault', 'colorPrimary', 'colorSecondary', 'colorInherit', 'colorTransparent']);
|
9515
|
+
generateUtilityClasses('MuiAppBar', ['root', 'positionFixed', 'positionAbsolute', 'positionSticky', 'positionStatic', 'positionRelative', 'colorDefault', 'colorPrimary', 'colorSecondary', 'colorInherit', 'colorTransparent', 'colorError', 'colorInfo', 'colorSuccess', 'colorWarning']);
|
9523
9516
|
|
9524
9517
|
const _excluded$a = ["className", "color", "enableColorOnDark", "position"];
|
9525
9518
|
const useUtilityClasses$7 = ownerState => {
|
@@ -9639,7 +9632,7 @@ const AppBar = /*#__PURE__*/React.forwardRef(function AppBar(inProps, ref) {
|
|
9639
9632
|
component: "header",
|
9640
9633
|
ownerState: ownerState,
|
9641
9634
|
elevation: 4,
|
9642
|
-
className: clsx
|
9635
|
+
className: clsx(classes.root, className, position === 'fixed' && 'mui-fixed'),
|
9643
9636
|
ref: ref
|
9644
9637
|
}, other));
|
9645
9638
|
});
|
@@ -9666,7 +9659,7 @@ process.env.NODE_ENV !== "production" ? AppBar.propTypes /* remove-proptypes */
|
|
9666
9659
|
* [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
|
9667
9660
|
* @default 'primary'
|
9668
9661
|
*/
|
9669
|
-
color: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['default', 'inherit', 'primary', 'secondary', 'transparent']), PropTypes.string]),
|
9662
|
+
color: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['default', 'inherit', 'primary', 'secondary', 'transparent', 'error', 'info', 'success', 'warning']), PropTypes.string]),
|
9670
9663
|
/**
|
9671
9664
|
* If true, the `color` prop is applied in dark mode.
|
9672
9665
|
* @default false
|
@@ -9744,8 +9737,6 @@ function resolveComponentProps(componentProps, ownerState, slotState) {
|
|
9744
9737
|
return componentProps;
|
9745
9738
|
}
|
9746
9739
|
|
9747
|
-
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}
|
9748
|
-
|
9749
9740
|
/**
|
9750
9741
|
* Removes event handlers from the given object.
|
9751
9742
|
* A field is considered an event handler if it is a function with a name beginning with `on`.
|
@@ -9788,7 +9779,7 @@ function mergeSlotProps(parameters) {
|
|
9788
9779
|
if (!getSlotProps) {
|
9789
9780
|
// The simpler case - getSlotProps is not defined, so no internal event handlers are defined,
|
9790
9781
|
// so we can simply merge all the props without having to worry about extracting event handlers.
|
9791
|
-
const joinedClasses = clsx(
|
9782
|
+
const joinedClasses = clsx(additionalProps == null ? void 0 : additionalProps.className, className, externalForwardedProps == null ? void 0 : externalForwardedProps.className, externalSlotProps == null ? void 0 : externalSlotProps.className);
|
9792
9783
|
const mergedStyle = _extends({}, additionalProps == null ? void 0 : additionalProps.style, externalForwardedProps == null ? void 0 : externalForwardedProps.style, externalSlotProps == null ? void 0 : externalSlotProps.style);
|
9793
9784
|
const props = _extends({}, additionalProps, externalForwardedProps, externalSlotProps);
|
9794
9785
|
if (joinedClasses.length > 0) {
|
@@ -10598,7 +10589,9 @@ function useModal(parameters) {
|
|
10598
10589
|
// clicking a checkbox to check it, hitting a button to submit a form,
|
10599
10590
|
// and hitting left arrow to move the cursor in a text input etc.
|
10600
10591
|
// Only special HTML elements have these default behaviors.
|
10601
|
-
if (event.key !== 'Escape' ||
|
10592
|
+
if (event.key !== 'Escape' || event.which === 229 ||
|
10593
|
+
// Wait until IME is settled.
|
10594
|
+
!isTopModal()) {
|
10602
10595
|
return;
|
10603
10596
|
}
|
10604
10597
|
if (!disableEscapeKeyDown) {
|
@@ -10943,7 +10936,7 @@ const Backdrop = /*#__PURE__*/React.forwardRef(function Backdrop(inProps, ref) {
|
|
10943
10936
|
"aria-hidden": true
|
10944
10937
|
}, rootSlotProps, {
|
10945
10938
|
as: (_ref = (_slots$root = slots.root) != null ? _slots$root : components.Root) != null ? _ref : component,
|
10946
|
-
className: clsx
|
10939
|
+
className: clsx(classes.root, className, rootSlotProps == null ? void 0 : rootSlotProps.className),
|
10947
10940
|
ownerState: _extends({}, ownerState, rootSlotProps == null ? void 0 : rootSlotProps.ownerState),
|
10948
10941
|
classes: classes,
|
10949
10942
|
ref: ref,
|
@@ -11354,11 +11347,11 @@ const Button = /*#__PURE__*/React.forwardRef(function Button(inProps, ref) {
|
|
11354
11347
|
const positionClassName = buttonGroupButtonContextPositionClassName || '';
|
11355
11348
|
return /*#__PURE__*/jsxs(ButtonRoot, _extends({
|
11356
11349
|
ownerState: ownerState,
|
11357
|
-
className: clsx
|
11350
|
+
className: clsx(contextProps.className, classes.root, className, positionClassName),
|
11358
11351
|
component: component,
|
11359
11352
|
disabled: disabled,
|
11360
11353
|
focusRipple: !disableFocusRipple,
|
11361
|
-
focusVisibleClassName: clsx
|
11354
|
+
focusVisibleClassName: clsx(classes.focusVisible, focusVisibleClassName),
|
11362
11355
|
ref: ref,
|
11363
11356
|
type: type
|
11364
11357
|
}, other, {
|
@@ -11610,7 +11603,7 @@ const Modal = /*#__PURE__*/React.forwardRef(function Modal(inProps, ref) {
|
|
11610
11603
|
as: component
|
11611
11604
|
},
|
11612
11605
|
ownerState,
|
11613
|
-
className: clsx
|
11606
|
+
className: clsx(className, rootSlotProps == null ? void 0 : rootSlotProps.className, classes == null ? void 0 : classes.root, !ownerState.open && ownerState.exited && (classes == null ? void 0 : classes.hidden))
|
11614
11607
|
});
|
11615
11608
|
const backdropProps = useSlotProps({
|
11616
11609
|
elementType: BackdropSlot,
|
@@ -11628,7 +11621,7 @@ const Modal = /*#__PURE__*/React.forwardRef(function Modal(inProps, ref) {
|
|
11628
11621
|
}
|
11629
11622
|
}));
|
11630
11623
|
},
|
11631
|
-
className: clsx
|
11624
|
+
className: clsx(backdropSlotProps == null ? void 0 : backdropSlotProps.className, BackdropProps == null ? void 0 : BackdropProps.className, classes == null ? void 0 : classes.backdrop),
|
11632
11625
|
ownerState
|
11633
11626
|
});
|
11634
11627
|
if (!keepMounted && !open && (!hasTransition || exited)) {
|
@@ -11991,7 +11984,7 @@ const Divider = /*#__PURE__*/React.forwardRef(function Divider(inProps, ref) {
|
|
11991
11984
|
const classes = useUtilityClasses$3(ownerState);
|
11992
11985
|
return /*#__PURE__*/jsx(DividerRoot, _extends({
|
11993
11986
|
as: component,
|
11994
|
-
className: clsx
|
11987
|
+
className: clsx(classes.root, className),
|
11995
11988
|
role: role,
|
11996
11989
|
ref: ref,
|
11997
11990
|
ownerState: ownerState
|
@@ -12553,13 +12546,13 @@ const Drawer = /*#__PURE__*/React.forwardRef(function Drawer(inProps, ref) {
|
|
12553
12546
|
elevation: variant === 'temporary' ? elevation : 0,
|
12554
12547
|
square: true
|
12555
12548
|
}, PaperProps, {
|
12556
|
-
className: clsx
|
12549
|
+
className: clsx(classes.paper, PaperProps.className),
|
12557
12550
|
ownerState: ownerState,
|
12558
12551
|
children: children
|
12559
12552
|
}));
|
12560
12553
|
if (variant === 'permanent') {
|
12561
12554
|
return /*#__PURE__*/jsx(DrawerDockedRoot, _extends({
|
12562
|
-
className: clsx
|
12555
|
+
className: clsx(classes.root, classes.docked, className),
|
12563
12556
|
ownerState: ownerState,
|
12564
12557
|
ref: ref
|
12565
12558
|
}, other, {
|
@@ -12576,7 +12569,7 @@ const Drawer = /*#__PURE__*/React.forwardRef(function Drawer(inProps, ref) {
|
|
12576
12569
|
}));
|
12577
12570
|
if (variant === 'persistent') {
|
12578
12571
|
return /*#__PURE__*/jsx(DrawerDockedRoot, _extends({
|
12579
|
-
className: clsx
|
12572
|
+
className: clsx(classes.root, classes.docked, className),
|
12580
12573
|
ownerState: ownerState,
|
12581
12574
|
ref: ref
|
12582
12575
|
}, other, {
|
@@ -12589,7 +12582,7 @@ const Drawer = /*#__PURE__*/React.forwardRef(function Drawer(inProps, ref) {
|
|
12589
12582
|
BackdropProps: _extends({}, BackdropProps, BackdropPropsProp, {
|
12590
12583
|
transitionDuration
|
12591
12584
|
}),
|
12592
|
-
className: clsx
|
12585
|
+
className: clsx(classes.root, classes.modal, className),
|
12593
12586
|
open: open,
|
12594
12587
|
ownerState: ownerState,
|
12595
12588
|
onClose: onClose,
|
@@ -13021,7 +13014,7 @@ const LinearProgress = /*#__PURE__*/React.forwardRef(function LinearProgress(inP
|
|
13021
13014
|
}
|
13022
13015
|
}
|
13023
13016
|
return /*#__PURE__*/jsxs(LinearProgressRoot, _extends({
|
13024
|
-
className: clsx
|
13017
|
+
className: clsx(classes.root, className),
|
13025
13018
|
ownerState: ownerState,
|
13026
13019
|
role: "progressbar"
|
13027
13020
|
}, rootProps, {
|
@@ -13150,7 +13143,7 @@ const Toolbar = /*#__PURE__*/React.forwardRef(function Toolbar(inProps, ref) {
|
|
13150
13143
|
const classes = useUtilityClasses(ownerState);
|
13151
13144
|
return /*#__PURE__*/jsx(ToolbarRoot, _extends({
|
13152
13145
|
as: component,
|
13153
|
-
className: clsx
|
13146
|
+
className: clsx(classes.root, className),
|
13154
13147
|
ref: ref,
|
13155
13148
|
ownerState: ownerState
|
13156
13149
|
}, other));
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@sinco/react",
|
3
|
-
"version": "1.1.2-rc.
|
3
|
+
"version": "1.1.2-rc.26",
|
4
4
|
"description": "package for the configuration of mui react sinco",
|
5
5
|
"private": false,
|
6
6
|
"license": "MIT",
|
@@ -16,8 +16,7 @@
|
|
16
16
|
"@mui/x-data-grid": "^6.6.0"
|
17
17
|
},
|
18
18
|
"sideEffects": false,
|
19
|
-
"module": "./index.js",
|
20
|
-
"main": "./index.js",
|
19
|
+
"module": "./index.esm.js",
|
21
20
|
"type": "module",
|
22
|
-
"
|
21
|
+
"main": "./index.esm.js"
|
23
22
|
}
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import { ReactNode } from "react";
|
1
|
+
import React, { ReactNode } from "react";
|
2
2
|
import { SxProps } from "@mui/material";
|
3
3
|
export type DrawerPosition = "left" | "right";
|
4
4
|
export interface DrawerComponentProperties {
|
@@ -15,5 +15,5 @@ export interface DrawerComponentProperties {
|
|
15
15
|
backgroundColor?: string;
|
16
16
|
color?: string;
|
17
17
|
}
|
18
|
-
export declare const DrawerComponent: ({ title, backgroundColor, color, children, actions, showActions, anchor, anchorActions, width, open, onClose, sx, }: DrawerComponentProperties) => JSX.Element;
|
18
|
+
export declare const DrawerComponent: ({ title, backgroundColor, color, children, actions, showActions, anchor, anchorActions, width, open, onClose, sx, }: DrawerComponentProperties) => React.JSX.Element;
|
19
19
|
export { DrawerComponent as Drawer };
|
@@ -10,4 +10,4 @@ export interface EmptyStateProperties {
|
|
10
10
|
iconStyle?: React.CSSProperties;
|
11
11
|
containerHeight?: string;
|
12
12
|
}
|
13
|
-
export declare const EmptyState: ({ state, title, subtitle, actions, containerHeight, iconStyle, icon, }: EmptyStateProperties) => JSX.Element;
|
13
|
+
export declare const EmptyState: ({ state, title, subtitle, actions, containerHeight, iconStyle, icon, }: EmptyStateProperties) => React.JSX.Element;
|
@@ -4,5 +4,5 @@ interface FooterActionsProperties {
|
|
4
4
|
leftContent?: React.ReactNode;
|
5
5
|
rightContent?: React.ReactNode;
|
6
6
|
}
|
7
|
-
export declare const FooterAction: ({ leftContent, rightContent, labelChangeCounter, }: FooterActionsProperties) => JSX.Element;
|
7
|
+
export declare const FooterAction: ({ leftContent, rightContent, labelChangeCounter, }: FooterActionsProperties) => React.JSX.Element;
|
8
8
|
export {};
|
@@ -11,5 +11,5 @@ export declare function PageHeaderWraps({ item, color, variant, }: {
|
|
11
11
|
item: string | React.ReactNode;
|
12
12
|
color: string;
|
13
13
|
variant: Variant;
|
14
|
-
}): JSX.Element;
|
15
|
-
export declare const PageHeader: ({ title, subtitle, actions, buttonBack, fixed, }: PageheaderProperties) => JSX.Element;
|
14
|
+
}): React.JSX.Element;
|
15
|
+
export declare const PageHeader: ({ title, subtitle, actions, buttonBack, fixed, }: PageheaderProperties) => React.JSX.Element;
|
@@ -9,4 +9,4 @@ export interface ToastBaseProperties {
|
|
9
9
|
actions?: React.ReactNode;
|
10
10
|
seeMore?: boolean;
|
11
11
|
}
|
12
|
-
export declare const ToastNotification: (toast: ToastBaseProperties) => JSX.Element;
|
12
|
+
export declare const ToastNotification: (toast: ToastBaseProperties) => React.JSX.Element;
|