paradiego
This commit is contained in:
75
node_modules/@mui/styled-engine/node/StyledEngineProvider/StyledEngineProvider.js
generated
vendored
Normal file
75
node_modules/@mui/styled-engine/node/StyledEngineProvider/StyledEngineProvider.js
generated
vendored
Normal file
@@ -0,0 +1,75 @@
|
||||
"use strict";
|
||||
'use client';
|
||||
|
||||
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
||||
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports.default = StyledEngineProvider;
|
||||
var React = _interopRequireWildcard(require("react"));
|
||||
var _propTypes = _interopRequireDefault(require("prop-types"));
|
||||
var _react2 = require("@emotion/react");
|
||||
var _cache = _interopRequireDefault(require("@emotion/cache"));
|
||||
var _sheet = require("@emotion/sheet");
|
||||
var _jsxRuntime = require("react/jsx-runtime");
|
||||
// We might be able to remove this when this issue is fixed:
|
||||
// https://github.com/emotion-js/emotion/issues/2790
|
||||
const createEmotionCache = options => {
|
||||
const cache = (0, _cache.default)(options);
|
||||
|
||||
/**
|
||||
* This is for client-side apps only.
|
||||
* A custom sheet is required to make the GlobalStyles API work with `prepend: true`.
|
||||
* This is because the [sheet](https://github.com/emotion-js/emotion/blob/main/packages/react/src/global.js#L94-L99) does not consume the options.
|
||||
*/
|
||||
class MyStyleSheet extends _sheet.StyleSheet {
|
||||
constructor(args) {
|
||||
super(args);
|
||||
this.prepend = cache.sheet.prepend;
|
||||
}
|
||||
}
|
||||
|
||||
// Do the same as https://github.com/emotion-js/emotion/blob/main/packages/cache/src/index.js#L238-L245
|
||||
cache.sheet = new MyStyleSheet({
|
||||
key: cache.key,
|
||||
nonce: cache.sheet.nonce,
|
||||
container: cache.sheet.container,
|
||||
speedy: cache.sheet.isSpeedy,
|
||||
prepend: cache.sheet.prepend,
|
||||
insertionPoint: cache.sheet.insertionPoint
|
||||
});
|
||||
return cache;
|
||||
};
|
||||
|
||||
// prepend: true moves MUI styles to the top of the <head> so they're loaded first.
|
||||
// It allows developers to easily override MUI styles with other styling solutions, like CSS modules.
|
||||
let cache;
|
||||
if (typeof document === 'object') {
|
||||
cache = createEmotionCache({
|
||||
key: 'css',
|
||||
prepend: true
|
||||
});
|
||||
}
|
||||
function StyledEngineProvider(props) {
|
||||
const {
|
||||
injectFirst,
|
||||
children
|
||||
} = props;
|
||||
return injectFirst && cache ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_react2.CacheProvider, {
|
||||
value: cache,
|
||||
children: children
|
||||
}) : children;
|
||||
}
|
||||
process.env.NODE_ENV !== "production" ? StyledEngineProvider.propTypes = {
|
||||
/**
|
||||
* Your component tree.
|
||||
*/
|
||||
children: _propTypes.default.node,
|
||||
/**
|
||||
* By default, the styles are injected last in the <head> element of the page.
|
||||
* As a result, they gain more specificity than any other style sheet.
|
||||
* If you want to override MUI's styles, set this prop.
|
||||
*/
|
||||
injectFirst: _propTypes.default.bool
|
||||
} : void 0;
|
||||
13
node_modules/@mui/styled-engine/node/StyledEngineProvider/index.js
generated
vendored
Normal file
13
node_modules/@mui/styled-engine/node/StyledEngineProvider/index.js
generated
vendored
Normal file
@@ -0,0 +1,13 @@
|
||||
"use strict";
|
||||
|
||||
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
Object.defineProperty(exports, "default", {
|
||||
enumerable: true,
|
||||
get: function () {
|
||||
return _StyledEngineProvider.default;
|
||||
}
|
||||
});
|
||||
var _StyledEngineProvider = _interopRequireDefault(require("./StyledEngineProvider"));
|
||||
Reference in New Issue
Block a user