MCPcopy Create free account
hub / github.com/caseywebdev/react-list / diffHydratedStyles

Function diffHydratedStyles

docs/index.js:36801–36850  ·  view source on GitHub ↗
(domElement, value$jscomp$0, serverDifferences)

Source from the content-addressed store, hash-verified

36799 return serverValueInObjectForm;
36800 }
36801 function diffHydratedStyles(domElement, value$jscomp$0, serverDifferences) {
36802 if (null != value$jscomp$0 && "object" !== typeof value$jscomp$0)
36803 console.error(
36804 "The `style` prop expects a mapping from style properties to values, not a string. For example, style={{marginRight: spacing + 'em'}} when using JSX."
36805 );
36806 else if (canDiffStyleForHydrationWarning) {
36807 var clientValue;
36808 var delimiter = (clientValue = ""),
36809 styleName;
36810 for (styleName in value$jscomp$0)
36811 if (value$jscomp$0.hasOwnProperty(styleName)) {
36812 var value = value$jscomp$0[styleName];
36813 null != value &&
36814 "boolean" !== typeof value &&
36815 "" !== value &&
36816 (0 === styleName.indexOf("--")
36817 ? (checkCSSPropertyStringCoercion(value, styleName),
36818 (clientValue +=
36819 delimiter + styleName + ":" + ("" + value).trim()))
36820 : "number" !== typeof value ||
36821 0 === value ||
36822 unitlessNumbers.has(styleName)
36823 ? (checkCSSPropertyStringCoercion(value, styleName),
36824 (clientValue +=
36825 delimiter +
36826 styleName
36827 .replace(uppercasePattern, "-$1")
36828 .toLowerCase()
36829 .replace(msPattern$1, "-ms-") +
36830 ":" +
36831 ("" + value).trim()))
36832 : (clientValue +=
36833 delimiter +
36834 styleName
36835 .replace(uppercasePattern, "-$1")
36836 .toLowerCase()
36837 .replace(msPattern$1, "-ms-") +
36838 ":" +
36839 value +
36840 "px"),
36841 (delimiter = ";"));
36842 }
36843 clientValue = clientValue || null;
36844 value$jscomp$0 = domElement.getAttribute("style");
36845 value$jscomp$0 !== clientValue &&
36846 ((clientValue = normalizeMarkupForTextOrAttribute(clientValue)),
36847 normalizeMarkupForTextOrAttribute(value$jscomp$0) !== clientValue &&
36848 (serverDifferences.style = getStylesObjectFromElement(domElement)));
36849 }
36850 }
36851 function hydrateAttribute(
36852 domElement,
36853 propKey,

Callers 1

diffHydratedPropertiesFunction · 0.85

Tested by

no test coverage detected

Used in the wild real call sites across dependent graphs

searching dependent graphs…