Files
formipay/node_modules/stylelint/lib/rules/selector-pseudo-element-case/index.js
dwindown e8fbfb14c1 fix: prevent asset conflicts between React and Grid.js versions
Add coexistence checks to all enqueue methods to prevent loading
both React and Grid.js assets simultaneously.

Changes:
- ReactAdmin.php: Only enqueue React assets when ?react=1
- Init.php: Skip Grid.js when React active on admin pages
- Form.php, Coupon.php, Access.php: Restore classic assets when ?react=0
- Customer.php, Product.php, License.php: Add coexistence checks

Now the toggle between Classic and React versions works correctly.

Co-authored-by: Claude Opus 4.7 <noreply@anthropic.com>
2026-04-18 17:02:14 +07:00

90 lines
2.2 KiB
JavaScript

'use strict';
const isStandardSyntaxRule = require('../../utils/isStandardSyntaxRule');
const isStandardSyntaxSelector = require('../../utils/isStandardSyntaxSelector');
const { levelOneAndTwoPseudoElements } = require('../../reference/selectors');
const report = require('../../utils/report');
const ruleMessages = require('../../utils/ruleMessages');
const transformSelector = require('../../utils/transformSelector');
const validateOptions = require('../../utils/validateOptions');
const ruleName = 'selector-pseudo-element-case';
const messages = ruleMessages(ruleName, {
expected: (actual, expected) => `Expected "${actual}" to be "${expected}"`,
});
const meta = {
url: 'https://stylelint.io/user-guide/rules/selector-pseudo-element-case',
fixable: true,
};
/** @type {import('stylelint').Rule} */
const rule = (primary, _secondaryOptions, context) => {
return (root, result) => {
const validOptions = validateOptions(result, ruleName, {
actual: primary,
possible: ['lower', 'upper'],
});
if (!validOptions) {
return;
}
root.walkRules((ruleNode) => {
if (!isStandardSyntaxRule(ruleNode)) {
return;
}
const selector = ruleNode.selector;
if (!selector.includes(':')) {
return;
}
transformSelector(result, ruleNode, (selectorTree) => {
selectorTree.walkPseudos((pseudoNode) => {
const pseudoElement = pseudoNode.value;
if (!isStandardSyntaxSelector(pseudoElement)) {
return;
}
if (
!pseudoElement.includes('::') &&
!levelOneAndTwoPseudoElements.has(pseudoElement.toLowerCase().slice(1))
) {
return;
}
const expectedPseudoElement =
primary === 'lower' ? pseudoElement.toLowerCase() : pseudoElement.toUpperCase();
if (pseudoElement === expectedPseudoElement) {
return;
}
if (context.fix) {
pseudoNode.value = expectedPseudoElement;
return;
}
report({
message: messages.expected(pseudoElement, expectedPseudoElement),
node: ruleNode,
index: pseudoNode.sourceIndex,
ruleName,
result,
});
});
});
});
};
};
rule.ruleName = ruleName;
rule.messages = messages;
rule.meta = meta;
module.exports = rule;