paradiego
This commit is contained in:
51
node_modules/@mui/system/styleFunctionSx/extendSxProp.js
generated
vendored
Normal file
51
node_modules/@mui/system/styleFunctionSx/extendSxProp.js
generated
vendored
Normal file
@@ -0,0 +1,51 @@
|
||||
import { isPlainObject } from '@mui/utils/deepmerge';
|
||||
import defaultSxConfig from "./defaultSxConfig.js";
|
||||
const splitProps = props => {
|
||||
const result = {
|
||||
systemProps: {},
|
||||
otherProps: {}
|
||||
};
|
||||
const config = props?.theme?.unstable_sxConfig ?? defaultSxConfig;
|
||||
Object.keys(props).forEach(prop => {
|
||||
if (config[prop]) {
|
||||
result.systemProps[prop] = props[prop];
|
||||
} else {
|
||||
result.otherProps[prop] = props[prop];
|
||||
}
|
||||
});
|
||||
return result;
|
||||
};
|
||||
export default function extendSxProp(props) {
|
||||
const {
|
||||
sx: inSx,
|
||||
...other
|
||||
} = props;
|
||||
const {
|
||||
systemProps,
|
||||
otherProps
|
||||
} = splitProps(other);
|
||||
let finalSx;
|
||||
if (Array.isArray(inSx)) {
|
||||
finalSx = [systemProps, ...inSx];
|
||||
} else if (typeof inSx === 'function') {
|
||||
finalSx = (...args) => {
|
||||
const result = inSx(...args);
|
||||
if (!isPlainObject(result)) {
|
||||
return systemProps;
|
||||
}
|
||||
return {
|
||||
...systemProps,
|
||||
...result
|
||||
};
|
||||
};
|
||||
} else {
|
||||
finalSx = {
|
||||
...systemProps,
|
||||
...inSx
|
||||
};
|
||||
}
|
||||
return {
|
||||
...otherProps,
|
||||
sx: finalSx
|
||||
};
|
||||
}
|
||||
Reference in New Issue
Block a user