3 const _ = require("lodash");
4 const declarationValueIndex = require("../../utils/declarationValueIndex");
5 const getUnitFromValueNode = require("../../utils/getUnitFromValueNode");
6 const matchesStringOrRegExp = require("../../utils/matchesStringOrRegExp");
7 const postcss = require("postcss");
8 const report = require("../../utils/report");
9 const ruleMessages = require("../../utils/ruleMessages");
10 const validateOptions = require("../../utils/validateOptions");
11 const valueParser = require("postcss-value-parser");
13 const ruleName = "declaration-property-unit-whitelist";
15 const messages = ruleMessages(ruleName, {
16 rejected: (property, unit) =>
17 `Unexpected unit "${unit}" for property "${property}"`
20 const rule = function(whitelist) {
21 return (root, result) => {
22 const validOptions = validateOptions(result, ruleName, {
24 possible: [_.isObject]
30 root.walkDecls(decl => {
31 const prop = decl.prop,
34 const unprefixedProp = postcss.vendor.unprefixed(prop);
36 const propWhitelist = _.find(whitelist, (list, propIdentifier) =>
37 matchesStringOrRegExp(unprefixedProp, propIdentifier)
44 valueParser(value).walk(function(node) {
45 // Ignore wrong units within `url` function
46 if (node.type === "function" && node.value.toLowerCase() === "url") {
49 if (node.type === "string") {
53 const unit = getUnitFromValueNode(node);
57 (unit && propWhitelist.indexOf(unit.toLowerCase())) !== -1
63 message: messages.rejected(prop, unit),
65 index: declarationValueIndex(decl) + node.sourceIndex,
74 rule.ruleName = ruleName;
75 rule.messages = messages;
76 module.exports = rule;