react Architecture Docs
Home / Function/ expandShorthandMap() — react Function Reference

expandShorthandMap() — react Function Reference

Architecture documentation for the expandShorthandMap() function in CSSPropertyOperations.js from the react codebase.

Function javascript BabelCompiler Validation called by 1

Entity Profile

Dependency Diagram

graph TD
  5ca9f93d_b533_9077_5b39_fae400ae83d2["expandShorthandMap()"]
  e3e314a2_4cee_1a10_2d68_791d5d66f89e["CSSPropertyOperations.js"]
  5ca9f93d_b533_9077_5b39_fae400ae83d2 -->|defined in| e3e314a2_4cee_1a10_2d68_791d5d66f89e
  db812c8f_ddfe_4781_b849_4e6ff94d7b5f["validateShorthandPropertyCollisionInDev()"]
  db812c8f_ddfe_4781_b849_4e6ff94d7b5f -->|calls| 5ca9f93d_b533_9077_5b39_fae400ae83d2
  style 5ca9f93d_b533_9077_5b39_fae400ae83d2 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-dom-bindings/src/client/CSSPropertyOperations.js lines 180–189

function expandShorthandMap(styles) {
  const expanded = {};
  for (const key in styles) {
    const longhands = shorthandToLonghand[key] || [key];
    for (let i = 0; i < longhands.length; i++) {
      expanded[longhands[i]] = key;
    }
  }
  return expanded;
}

Domain

Subdomains

Defined In

Called By

Source

Frequently Asked Questions

What does expandShorthandMap() do?
expandShorthandMap() is a function in the react codebase, defined in packages/react-dom-bindings/src/client/CSSPropertyOperations.js.
Where is expandShorthandMap() defined?
expandShorthandMap() is defined in packages/react-dom-bindings/src/client/CSSPropertyOperations.js at line 180.
What calls expandShorthandMap()?
expandShorthandMap() is called by 1 function(s): validateShorthandPropertyCollisionInDev.

Analyze Your Own Codebase

Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.

Try Supermodel Free