50 lines
1.6 KiB
TypeScript
50 lines
1.6 KiB
TypeScript
/**
|
|
* jsdom implements no `CSS` interface at all, and React Aria's collection code
|
|
* calls `CSS.escape` unguarded when it looks an item up by key
|
|
* (`react-aria/dist/private/selection/utils.mjs:22`). Without this, opening a
|
|
* RAC Select or moving between RAC Tabs throws in tests but works in a browser.
|
|
*
|
|
* The implementation is CSSOM's `serialize an identifier` algorithm
|
|
* (https://drafts.csswg.org/cssom/#serialize-an-identifier), not an
|
|
* approximation: a wrong escape would silently break the key lookups instead of
|
|
* failing loudly.
|
|
*/
|
|
|
|
function escapeIdentifier(value: string): string {
|
|
let result = "";
|
|
for (let index = 0; index < value.length; index += 1) {
|
|
const code = value.charCodeAt(index);
|
|
const char = value[index]!;
|
|
if (code === 0x0000) {
|
|
result += "�";
|
|
} else if (
|
|
(code >= 0x0001 && code <= 0x001f) ||
|
|
code === 0x007f ||
|
|
(index === 0 && code >= 0x0030 && code <= 0x0039) ||
|
|
(index === 1 && code >= 0x0030 && code <= 0x0039 && value.charCodeAt(0) === 0x002d)
|
|
) {
|
|
result += `\\${code.toString(16)} `;
|
|
} else if (index === 0 && code === 0x002d && value.length === 1) {
|
|
result += `\\${char}`;
|
|
} else if (
|
|
code >= 0x0080 ||
|
|
code === 0x002d ||
|
|
code === 0x005f ||
|
|
(code >= 0x0030 && code <= 0x0039) ||
|
|
(code >= 0x0041 && code <= 0x005a) ||
|
|
(code >= 0x0061 && code <= 0x007a)
|
|
) {
|
|
result += char;
|
|
} else {
|
|
result += `\\${char}`;
|
|
}
|
|
}
|
|
return result;
|
|
}
|
|
|
|
if (globalThis.CSS === undefined) {
|
|
Object.defineProperty(globalThis, "CSS", { value: { escape: escapeIdentifier }, configurable: true });
|
|
} else if (typeof globalThis.CSS.escape !== "function") {
|
|
globalThis.CSS.escape = escapeIdentifier;
|
|
}
|