mirror of
https://github.com/idanoo/GoScrobble.git
synced 2024-11-24 17:35:16 +00:00
147 lines
4.3 KiB
JavaScript
147 lines
4.3 KiB
JavaScript
|
import _extends from "@babel/runtime/helpers/esm/extends";
|
||
|
|
import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
|
||
|
|
import React from 'react';
|
||
|
|
import PropTypes from 'prop-types';
|
||
|
|
import { exactProp } from '@material-ui/utils';
|
||
|
|
import createGenerateClassName from '../createGenerateClassName';
|
||
|
|
import { create } from 'jss';
|
||
|
|
import jssPreset from '../jssPreset'; // Default JSS instance.
|
||
|
|
|
||
|
|
const jss = create(jssPreset()); // Use a singleton or the provided one by the context.
|
||
|
|
//
|
||
|
|
// The counter-based approach doesn't tolerate any mistake.
|
||
|
|
// It's much safer to use the same counter everywhere.
|
||
|
|
|
||
|
|
const generateClassName = createGenerateClassName(); // Exported for test purposes
|
||
|
|
|
||
|
|
export const sheetsManager = new Map();
|
||
|
|
const defaultOptions = {
|
||
|
|
disableGeneration: false,
|
||
|
|
generateClassName,
|
||
|
|
jss,
|
||
|
|
sheetsCache: null,
|
||
|
|
sheetsManager,
|
||
|
|
sheetsRegistry: null
|
||
|
|
};
|
||
|
|
export const StylesContext = React.createContext(defaultOptions);
|
||
|
|
|
||
|
|
if (process.env.NODE_ENV !== 'production') {
|
||
|
|
StylesContext.displayName = 'StylesContext';
|
||
|
|
}
|
||
|
|
|
||
|
|
let injectFirstNode;
|
||
|
|
export default function StylesProvider(props) {
|
||
|
|
const {
|
||
|
|
children,
|
||
|
|
injectFirst = false,
|
||
|
|
disableGeneration = false
|
||
|
|
} = props,
|
||
|
|
localOptions = _objectWithoutPropertiesLoose(props, ["children", "injectFirst", "disableGeneration"]);
|
||
|
|
|
||
|
|
const outerOptions = React.useContext(StylesContext);
|
||
|
|
|
||
|
|
const context = _extends({}, outerOptions, {
|
||
|
|
disableGeneration
|
||
|
|
}, localOptions);
|
||
|
|
|
||
|
|
if (process.env.NODE_ENV !== 'production') {
|
||
|
|
if (typeof window === 'undefined' && !context.sheetsManager) {
|
||
|
|
console.error('Material-UI: You need to use the ServerStyleSheets API when rendering on the server.');
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
if (process.env.NODE_ENV !== 'production') {
|
||
|
|
if (context.jss.options.insertionPoint && injectFirst) {
|
||
|
|
console.error('Material-UI: You cannot use a custom insertionPoint and <StylesContext injectFirst> at the same time.');
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
if (process.env.NODE_ENV !== 'production') {
|
||
|
|
if (injectFirst && localOptions.jss) {
|
||
|
|
console.error('Material-UI: You cannot use the jss and injectFirst props at the same time.');
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
if (!context.jss.options.insertionPoint && injectFirst && typeof window !== 'undefined') {
|
||
|
|
if (!injectFirstNode) {
|
||
|
|
const head = document.head;
|
||
|
|
injectFirstNode = document.createComment('mui-inject-first');
|
||
|
|
head.insertBefore(injectFirstNode, head.firstChild);
|
||
|
|
}
|
||
|
|
|
||
|
|
context.jss = create({
|
||
|
|
plugins: jssPreset().plugins,
|
||
|
|
insertionPoint: injectFirstNode
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
return /*#__PURE__*/React.createElement(StylesContext.Provider, {
|
||
|
|
value: context
|
||
|
|
}, children);
|
||
|
|
}
|
||
|
|
process.env.NODE_ENV !== "production" ? StylesProvider.propTypes = {
|
||
|
|
/**
|
||
|
|
* Your component tree.
|
||
|
|
*/
|
||
|
|
children: PropTypes.node.isRequired,
|
||
|
|
|
||
|
|
/**
|
||
|
|
* You can disable the generation of the styles with this option.
|
||
|
|
* It can be useful when traversing the React tree outside of the HTML
|
||
|
|
* rendering step on the server.
|
||
|
|
* Let's say you are using react-apollo to extract all
|
||
|
|
* the queries made by the interface server-side - you can significantly speed up the traversal with this prop.
|
||
|
|
*/
|
||
|
|
disableGeneration: PropTypes.bool,
|
||
|
|
|
||
|
|
/**
|
||
|
|
* JSS's class name generator.
|
||
|
|
*/
|
||
|
|
generateClassName: PropTypes.func,
|
||
|
|
|
||
|
|
/**
|
||
|
|
* 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 Material-UI's styles, set this prop.
|
||
|
|
*/
|
||
|
|
injectFirst: PropTypes.bool,
|
||
|
|
|
||
|
|
/**
|
||
|
|
* JSS's instance.
|
||
|
|
*/
|
||
|
|
jss: PropTypes.object,
|
||
|
|
|
||
|
|
/**
|
||
|
|
* @ignore
|
||
|
|
*/
|
||
|
|
serverGenerateClassName: PropTypes.func,
|
||
|
|
|
||
|
|
/**
|
||
|
|
* @ignore
|
||
|
|
*
|
||
|
|
* Beta feature.
|
||
|
|
*
|
||
|
|
* Cache for the sheets.
|
||
|
|
*/
|
||
|
|
sheetsCache: PropTypes.object,
|
||
|
|
|
||
|
|
/**
|
||
|
|
* @ignore
|
||
|
|
*
|
||
|
|
* The sheetsManager is used to deduplicate style sheet injection in the page.
|
||
|
|
* It's deduplicating using the (theme, styles) couple.
|
||
|
|
* On the server, you should provide a new instance for each request.
|
||
|
|
*/
|
||
|
|
sheetsManager: PropTypes.object,
|
||
|
|
|
||
|
|
/**
|
||
|
|
* @ignore
|
||
|
|
*
|
||
|
|
* Collect the sheets.
|
||
|
|
*/
|
||
|
|
sheetsRegistry: PropTypes.object
|
||
|
|
} : void 0;
|
||
|
|
|
||
|
|
if (process.env.NODE_ENV !== 'production') {
|
||
|
|
process.env.NODE_ENV !== "production" ? StylesProvider.propTypes = exactProp(StylesProvider.propTypes) : void 0;
|
||
|
|
}
|