Repository URL to install this package:
|
Version:
1.2.9 ▾
|
"use strict";
// @flow
Object.defineProperty(exports, "__esModule", { value: true });
const LIMIT = 200;
exports.default = (displayName) => {
let generatedClasses = {};
let warningSeen = false;
return (className) => {
if (!warningSeen) {
generatedClasses[className] = true;
if (Object.keys(generatedClasses).length >= LIMIT) {
// Unable to find latestRule in test environment.
/* eslint-disable no-console, prefer-template */
console.warn(`Over ${LIMIT} classes were generated for component ${displayName}. \n` +
'Consider using the attrs method, together with a style object for frequently changed styles.\n' +
'Example:\n' +
' const Component = styled.div.attrs({\n' +
' style: ({ background }) => ({\n' +
' background,\n' +
' }),\n' +
' })`width: 100%;`\n\n' +
' <Component />');
warningSeen = true;
generatedClasses = {};
}
}
};
};
//# sourceMappingURL=createWarnTooManyClasses.js.map