83 lines
3.6 KiB
JavaScript
83 lines
3.6 KiB
JavaScript
|
import { __assign } from "tslib";
|
||
|
|
import { concatStyleSets } from './concatStyleSets';
|
||
|
|
import { extractStyleParts } from './extractStyleParts';
|
||
|
|
import { getStyleOptions } from './StyleOptionsState';
|
||
|
|
import { applyRegistration, styleToRegistration } from './styleToClassName';
|
||
|
|
import { isShadowConfig } from './shadowConfig';
|
||
|
|
import { Stylesheet } from './Stylesheet';
|
||
|
|
/**
|
||
|
|
* Takes in one or more style set objects, each consisting of a set of areas,
|
||
|
|
* each which will produce a class name. Using this is analogous to calling
|
||
|
|
* `mergeStyles` for each property in the object, but ensures we maintain the
|
||
|
|
* set ordering when multiple style sets are merged.
|
||
|
|
*
|
||
|
|
* @param styleSets - One or more style sets to be merged.
|
||
|
|
*/
|
||
|
|
export function mergeStyleSets() {
|
||
|
|
var styleSets = [];
|
||
|
|
for (var _i = 0; _i < arguments.length; _i++) {
|
||
|
|
styleSets[_i] = arguments[_i];
|
||
|
|
}
|
||
|
|
return mergeCssSets(styleSets, getStyleOptions());
|
||
|
|
}
|
||
|
|
/**
|
||
|
|
* Takes in one or more style set objects, each1consisting of a set of areas,
|
||
|
|
* each which will produce a class name. Using this is analogous to calling
|
||
|
|
* `mergeCss` for each property in the object, but ensures the
|
||
|
|
* set ordering when multiple style sets are merged.
|
||
|
|
*
|
||
|
|
* @param styleSets - One or more style sets to be merged.
|
||
|
|
* @param options - (optional) Options to use when creating rules.
|
||
|
|
*/
|
||
|
|
export function mergeCssSets(styleSets, options) {
|
||
|
|
var classNameSet = { subComponentStyles: {} };
|
||
|
|
var shadowConfig = undefined;
|
||
|
|
var styleSet;
|
||
|
|
if (isShadowConfig(styleSets[0])) {
|
||
|
|
shadowConfig = styleSets[0];
|
||
|
|
styleSet = styleSets[1];
|
||
|
|
}
|
||
|
|
else {
|
||
|
|
styleSet = styleSets[0];
|
||
|
|
}
|
||
|
|
shadowConfig !== null && shadowConfig !== void 0 ? shadowConfig : (shadowConfig = options === null || options === void 0 ? void 0 : options.shadowConfig);
|
||
|
|
var opts = __assign(__assign({}, options), { shadowConfig: shadowConfig });
|
||
|
|
if (!styleSet && styleSets.length <= 1) {
|
||
|
|
return { subComponentStyles: {} };
|
||
|
|
}
|
||
|
|
var sheet = Stylesheet.getInstance(shadowConfig);
|
||
|
|
opts.stylesheet = sheet;
|
||
|
|
var concatenatedStyleSet = concatStyleSets.apply(void 0, styleSets);
|
||
|
|
var registrations = [];
|
||
|
|
for (var styleSetArea in concatenatedStyleSet) {
|
||
|
|
if (concatenatedStyleSet.hasOwnProperty(styleSetArea)) {
|
||
|
|
if (styleSetArea === 'subComponentStyles') {
|
||
|
|
classNameSet.subComponentStyles = concatenatedStyleSet.subComponentStyles || {};
|
||
|
|
continue;
|
||
|
|
}
|
||
|
|
else if (styleSetArea === '__shadowConfig__') {
|
||
|
|
continue;
|
||
|
|
}
|
||
|
|
var styles = concatenatedStyleSet[styleSetArea];
|
||
|
|
var _a = extractStyleParts(sheet, styles), classes = _a.classes, objects = _a.objects;
|
||
|
|
if (objects === null || objects === void 0 ? void 0 : objects.length) {
|
||
|
|
var registration = styleToRegistration(opts || {}, { displayName: styleSetArea }, objects);
|
||
|
|
if (registration) {
|
||
|
|
registrations.push(registration);
|
||
|
|
classNameSet[styleSetArea] = classes.concat([registration.className]).join(' ');
|
||
|
|
}
|
||
|
|
}
|
||
|
|
else {
|
||
|
|
classNameSet[styleSetArea] = classes.join(' ');
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
for (var _i = 0, registrations_1 = registrations; _i < registrations_1.length; _i++) {
|
||
|
|
var registration = registrations_1[_i];
|
||
|
|
if (registration) {
|
||
|
|
applyRegistration(registration, options === null || options === void 0 ? void 0 : options.specificityMultiplier, shadowConfig);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
return classNameSet;
|
||
|
|
}
|
||
|
|
//# sourceMappingURL=mergeStyleSets.js.map
|