mirror of
https://github.com/zebrajr/react.git
synced 2025-12-07 12:20:38 +01:00
e706721490
* Update Flow to 0.84 * Fix violations * Use inexact object syntax in files from fbsource * Fix warning extraction to use a modern parser * Codemod inexact objects to new syntax * Tighten types that can be exact * Revert unintentional formatting changes from codemod
67 lines
2.2 KiB
JavaScript
67 lines
2.2 KiB
JavaScript
/**
|
|
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
*
|
|
* This source code is licensed under the MIT license found in the
|
|
* LICENSE file in the root directory of this source tree.
|
|
*
|
|
* @flow
|
|
*/
|
|
|
|
import {Namespaces} from '../shared/DOMNamespaces';
|
|
import createMicrosoftUnsafeLocalFunction from '../shared/createMicrosoftUnsafeLocalFunction';
|
|
import {enableTrustedTypesIntegration} from 'shared/ReactFeatureFlags';
|
|
|
|
// SVG temp container for IE lacking innerHTML
|
|
let reusableSVGContainer;
|
|
|
|
/**
|
|
* Set the innerHTML property of a node
|
|
*
|
|
* @param {DOMElement} node
|
|
* @param {string} html
|
|
* @internal
|
|
*/
|
|
const setInnerHTML = createMicrosoftUnsafeLocalFunction(function(
|
|
node: Element,
|
|
html: {valueOf(): {toString(): string, ...}, ...},
|
|
): void {
|
|
if (node.namespaceURI === Namespaces.svg) {
|
|
if (__DEV__) {
|
|
if (enableTrustedTypesIntegration) {
|
|
// TODO: reconsider the text of this warning and when it should show
|
|
// before enabling the feature flag.
|
|
if (typeof trustedTypes !== 'undefined') {
|
|
console.error(
|
|
"Using 'dangerouslySetInnerHTML' in an svg element with " +
|
|
'Trusted Types enabled in an Internet Explorer will cause ' +
|
|
'the trusted value to be converted to string. Assigning string ' +
|
|
"to 'innerHTML' will throw an error if Trusted Types are enforced. " +
|
|
"You can try to wrap your svg element inside a div and use 'dangerouslySetInnerHTML' " +
|
|
'on the enclosing div instead.',
|
|
);
|
|
}
|
|
}
|
|
}
|
|
if (!('innerHTML' in node)) {
|
|
// IE does not have innerHTML for SVG nodes, so instead we inject the
|
|
// new markup in a temp node and then move the child nodes across into
|
|
// the target node
|
|
reusableSVGContainer =
|
|
reusableSVGContainer || document.createElement('div');
|
|
reusableSVGContainer.innerHTML =
|
|
'<svg>' + html.valueOf().toString() + '</svg>';
|
|
const svgNode = reusableSVGContainer.firstChild;
|
|
while (node.firstChild) {
|
|
node.removeChild(node.firstChild);
|
|
}
|
|
while (svgNode.firstChild) {
|
|
node.appendChild(svgNode.firstChild);
|
|
}
|
|
return;
|
|
}
|
|
}
|
|
node.innerHTML = (html: any);
|
|
});
|
|
|
|
export default setInnerHTML;
|