Spaces:
Sleeping
Sleeping
pythonic-rag-FastAPIReact
/
frontend
/node_modules
/@mui
/private-theming
/ThemeProvider
/ThemeProvider.js
| import _extends from "@babel/runtime/helpers/esm/extends"; | |
| import * as React from 'react'; | |
| import PropTypes from 'prop-types'; | |
| import { exactProp } from '@mui/utils'; | |
| import ThemeContext from '../useTheme/ThemeContext'; | |
| import useTheme from '../useTheme'; | |
| import nested from './nested'; | |
| // To support composition of theme. | |
| import { jsx as _jsx } from "react/jsx-runtime"; | |
| function mergeOuterLocalTheme(outerTheme, localTheme) { | |
| if (typeof localTheme === 'function') { | |
| const mergedTheme = localTheme(outerTheme); | |
| if (process.env.NODE_ENV !== 'production') { | |
| if (!mergedTheme) { | |
| console.error(['MUI: You should return an object from your theme function, i.e.', '<ThemeProvider theme={() => ({})} />'].join('\n')); | |
| } | |
| } | |
| return mergedTheme; | |
| } | |
| return _extends({}, outerTheme, localTheme); | |
| } | |
| /** | |
| * This component takes a `theme` prop. | |
| * It makes the `theme` available down the React tree thanks to React context. | |
| * This component should preferably be used at **the root of your component tree**. | |
| */ | |
| function ThemeProvider(props) { | |
| const { | |
| children, | |
| theme: localTheme | |
| } = props; | |
| const outerTheme = useTheme(); | |
| if (process.env.NODE_ENV !== 'production') { | |
| if (outerTheme === null && typeof localTheme === 'function') { | |
| console.error(['MUI: You are providing a theme function prop to the ThemeProvider component:', '<ThemeProvider theme={outerTheme => outerTheme} />', '', 'However, no outer theme is present.', 'Make sure a theme is already injected higher in the React tree ' + 'or provide a theme object.'].join('\n')); | |
| } | |
| } | |
| const theme = React.useMemo(() => { | |
| const output = outerTheme === null ? localTheme : mergeOuterLocalTheme(outerTheme, localTheme); | |
| if (output != null) { | |
| output[nested] = outerTheme !== null; | |
| } | |
| return output; | |
| }, [localTheme, outerTheme]); | |
| return /*#__PURE__*/_jsx(ThemeContext.Provider, { | |
| value: theme, | |
| children: children | |
| }); | |
| } | |
| process.env.NODE_ENV !== "production" ? ThemeProvider.propTypes = { | |
| /** | |
| * Your component tree. | |
| */ | |
| children: PropTypes.node, | |
| /** | |
| * A theme object. You can provide a function to extend the outer theme. | |
| */ | |
| theme: PropTypes.oneOfType([PropTypes.object, PropTypes.func]).isRequired | |
| } : void 0; | |
| if (process.env.NODE_ENV !== 'production') { | |
| process.env.NODE_ENV !== "production" ? ThemeProvider.propTypes = exactProp(ThemeProvider.propTypes) : void 0; | |
| } | |
| export default ThemeProvider; |