{"version":3,"sources":["src/example/index.js"],"names":["React","PropTypes","render","getContextualizer","withPropsFromContext","Text","label","color","TextThatUsesTheme","theme","mainColor","Contextualizer","string","TextThatGetsColorFromContext","ContextualizeToProp","TextThatUsesThemeAndGetsColorFromContext","document","getElementById"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,MAAT,QAAuB,WAAvB;AACA,SAASC,iBAAT,EAA4BC,oBAA5B,QAAwD,KAAxD;;AAEA,SAASC,IAAT,OAAgC;AAAA,MAAhBC,KAAgB,QAAhBA,KAAgB;AAAA,MAATC,KAAS,QAATA,KAAS;;AAC9B,SAAO;AAAA;AAAA,MAAG,OAAO,EAAEA,YAAF,EAAV;AAAA;AAAA;AAAA;AAAA;AAAA;AAAsBD;AAAtB,GAAP;AACD;;AAED,SAASE,iBAAT,QAA6C;AAAA,MAAhBF,KAAgB,SAAhBA,KAAgB;AAAA,MAATG,KAAS,SAATA,KAAS;;AAC3C,SAAO;AAAA;AAAA,MAAG,OAAO,EAAEF,OAAOE,MAAMC,SAAf,EAAV;AAAA;AAAA;AAAA;AAAA;AAAA;AAAuCJ;AAAvC,GAAP;AACD;;AAED,IAAMK,iBAAiBR,kBAAkB,EAAEI,OAAON,UAAUW,MAAnB,EAAlB,CAAvB;AACA,IAAMC,+BAA+BT,qBAAqB,CAAC,OAAD,CAArB,EAAgCC,IAAhC,CAArC;AACA,IAAMS,sBAAsBX,kBAAkB,EAAEO,WAAWT,UAAUW,MAAvB,EAAlB,EAAmD,OAAnD,CAA5B;AACA,IAAMG,2CAA2CX,qBAAqB,CAAC,OAAD,CAArB,EAAgCI,iBAAhC,CAAjD;;AAEAN,OACE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GADF;AAEE;AAAC,kBAAD;AAAA,MAAgB,OAAM,KAAtB;AAAA;AAAA;AAAA;AAAA;AAAA;AACE,wBAAC,4BAAD,IAA8B,OAAM,aAApC;AAAA;AAAA;AAAA;AAAA;AAAA,MADF;AAEE,wBAAC,4BAAD,IAA8B,OAAM,gBAApC;AAAA;AAAA;AAAA;AAAA;AAAA;AAFF,GAFF;AAOE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAPF;AAQE;AAAC,kBAAD;AAAA,MAAgB,OAAM,OAAtB;AAAA;AAAA;AAAA;AAAA;AAAA;AACE,wBAAC,4BAAD,IAA8B,OAAM,aAApC;AAAA;AAAA;AAAA;AAAA;AAAA,MADF;AAEE,wBAAC,4BAAD,IAA8B,OAAM,gBAApC;AAAA;AAAA;AAAA;AAAA;AAAA;AAFF,GARF;AAaE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAbF;AAcE;AAAC,uBAAD;AAAA,MAAqB,WAAU,MAA/B;AAAA;AAAA;AAAA;AAAA;AAAA;AACE,wBAAC,wCAAD,IAA0C,OAAM,aAAhD;AAAA;AAAA;AAAA;AAAA;AAAA,MADF;AAEE,wBAAC,wCAAD,IAA0C,OAAM,gBAAhD;AAAA;AAAA;AAAA;AAAA;AAAA;AAFF,GAdF;AAmBE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAnBF;AAoBE;AAAC,uBAAD;AAAA,MAAqB,WAAU,QAA/B;AAAA;AAAA;AAAA;AAAA;AAAA;AACE,wBAAC,wCAAD,IAA0C,OAAM,aAAhD;AAAA;AAAA;AAAA;AAAA;AAAA,MADF;AAEE,wBAAC,wCAAD,IAA0C,OAAM,gBAAhD;AAAA;AAAA;AAAA;AAAA;AAAA;AAFF;AApBF,CADF,EA0BEc,SAASC,cAAT,CAAwB,qBAAxB,CA1BF","file":"index.js","sourceRoot":"/Users/fernando.canel/Code/me/react-context-props","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\nimport { render } from 'react-dom'\nimport { getContextualizer, withPropsFromContext } from '../'\n\nfunction Text({ label, color }) {\n  return <p style={{ color }}>{label}</p>\n}\n\nfunction TextThatUsesTheme({ label, theme }) {\n  return <p style={{ color: theme.mainColor }}>{label}</p>\n}\n\nconst Contextualizer = getContextualizer({ color: PropTypes.string })\nconst TextThatGetsColorFromContext = withPropsFromContext(['color'])(Text)\nconst ContextualizeToProp = getContextualizer({ mainColor: PropTypes.string }, 'theme')\nconst TextThatUsesThemeAndGetsColorFromContext = withPropsFromContext(['theme'])(TextThatUsesTheme)\n\nrender(\n  <div>\n    <h2>All text here is red</h2>\n    <Contextualizer color=\"red\">\n      <TextThatGetsColorFromContext label=\"Lorem ipsum\" />\n      <TextThatGetsColorFromContext label=\"Dolor sit amet\" />\n    </Contextualizer>\n\n    <h2>All text here is green</h2>\n    <Contextualizer color=\"green\">\n      <TextThatGetsColorFromContext label=\"Lorem ipsum\" />\n      <TextThatGetsColorFromContext label=\"Dolor sit amet\" />\n    </Contextualizer>\n\n    <h2>All text here is blue</h2>\n    <ContextualizeToProp mainColor=\"blue\">\n      <TextThatUsesThemeAndGetsColorFromContext label=\"Lorem ipsum\" />\n      <TextThatUsesThemeAndGetsColorFromContext label=\"Dolor sit amet\" />\n    </ContextualizeToProp>\n\n    <h2>All text here is yellow</h2>\n    <ContextualizeToProp mainColor=\"yellow\">\n      <TextThatUsesThemeAndGetsColorFromContext label=\"Lorem ipsum\" />\n      <TextThatUsesThemeAndGetsColorFromContext label=\"Dolor sit amet\" />\n    </ContextualizeToProp>\n  </div>,\n  document.getElementById('react-context-props')\n)\n"]}