@coorpacademy/components 11.32.52 → 11.33.0

package/es/atom/picture-background/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","classnames","cssStyle","viewStyle","cover","contain","PictureBackground","props","src","view","style","alt","mobile","desktop","bgStyle","pictureView","deviceView","mobileContainer","picture","desktopContainer","default","wrapper","propTypes","oneOf","oneOfType","objectOf","string","isRequired","number"],"sources":["../../../src/atom/picture-background/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {isObject, keys} from 'lodash/fp';\nimport cssStyle from './style.css';\n\nconst viewStyle = {\n  cover: cssStyle.cover,\n  contain: cssStyle.contain\n};\n\nconst PictureBackground = props => {\n  const {src, view, style, alt = ''} = props;\n  const mobile = src.mobile;\n  const desktop = src.desktop;\n  const bgStyle = viewStyle[view];\n\n  const pictureView = isObject(src) ? (\n    <div className={cssStyle.deviceView}>\n      <div className={cssStyle.mobileContainer}>\n        <img className={classnames(cssStyle.picture, bgStyle)} src={mobile} alt={alt} />\n      </div>\n      <div className={cssStyle.desktopContainer}>\n        <img className={classnames(cssStyle.picture, bgStyle)} src={desktop} alt={alt} />\n      </div>\n    </div>\n  ) : (\n    <img className={classnames(cssStyle.default, bgStyle)} src={src} alt={alt} />\n  );\n\n  return (\n    <div className={cssStyle.wrapper} style={style}>\n      {pictureView}\n    </div>\n  );\n};\n\nPictureBackground.propTypes = {\n  view: PropTypes.oneOf(keys(viewStyle)),\n  src: PropTypes.oneOfType([PropTypes.objectOf(PropTypes.string), PropTypes.string.isRequired]),\n  style: PropTypes.objectOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number])),\n  alt: PropTypes.string\n};\n\nexport default PictureBackground;\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AAEA,OAAOC,QAAP,MAAqB,aAArB;AAEA,MAAMC,SAAS,GAAG;EAChBC,KAAK,EAAEF,QAAQ,CAACE,KADA;EAEhBC,OAAO,EAAEH,QAAQ,CAACG;AAFF,CAAlB;;AAKA,MAAMC,iBAAiB,GAAGC,KAAK,IAAI;EACjC,MAAM;IAACC,GAAD;IAAMC,IAAN;IAAYC,KAAZ;IAAmBC,GAAG,GAAG;EAAzB,IAA+BJ,KAArC;EACA,MAAMK,MAAM,GAAGJ,GAAG,CAACI,MAAnB;EACA,MAAMC,OAAO,GAAGL,GAAG,CAACK,OAApB;EACA,MAAMC,OAAO,GAAGX,SAAS,CAACM,IAAD,CAAzB;EAEA,MAAMM,WAAW,GAAG,UAASP,GAAT,iBAClB;IAAK,SAAS,EAAEN,QAAQ,CAACc;EAAzB,gBACE;IAAK,SAAS,EAAEd,QAAQ,CAACe;EAAzB,gBACE;IAAK,SAAS,EAAEhB,UAAU,CAACC,QAAQ,CAACgB,OAAV,EAAmBJ,OAAnB,CAA1B;IAAuD,GAAG,EAAEF,MAA5D;IAAoE,GAAG,EAAED;EAAzE,EADF,CADF,eAIE;IAAK,SAAS,EAAET,QAAQ,CAACiB;EAAzB,gBACE;IAAK,SAAS,EAAElB,UAAU,CAACC,QAAQ,CAACgB,OAAV,EAAmBJ,OAAnB,CAA1B;IAAuD,GAAG,EAAED,OAA5D;IAAqE,GAAG,EAAEF;EAA1E,EADF,CAJF,CADkB,gBAUlB;IAAK,SAAS,EAAEV,UAAU,CAACC,QAAQ,CAACkB,OAAV,EAAmBN,OAAnB,CAA1B;IAAuD,GAAG,EAAEN,GAA5D;IAAiE,GAAG,EAAEG;EAAtE,EAVF;EAaA,oBACE;IAAK,SAAS,EAAET,QAAQ,CAACmB,OAAzB;IAAkC,KAAK,EAAEX;EAAzC,GACGK,WADH,CADF;AAKD,CAxBD;;AA0BAT,iBAAiB,CAACgB,SAAlB,2CAA8B;EAC5Bb,IAAI,EAAET,SAAS,CAACuB,KAAV,CAAgB,MAAKpB,SAAL,CAAhB,CADsB;EAE5BK,GAAG,EAAER,SAAS,CAACwB,SAAV,CAAoB,CAACxB,SAAS,CAACyB,QAAV,CAAmBzB,SAAS,CAAC0B,MAA7B,CAAD,EAAuC1B,SAAS,CAAC0B,MAAV,CAAiBC,UAAxD,CAApB,CAFuB;EAG5BjB,KAAK,EAAEV,SAAS,CAACyB,QAAV,CAAmBzB,SAAS,CAACwB,SAAV,CAAoB,CAACxB,SAAS,CAAC0B,MAAX,EAAmB1B,SAAS,CAAC4B,MAA7B,CAApB,CAAnB,CAHqB;EAI5BjB,GAAG,EAAEX,SAAS,CAAC0B;AAJa,CAA9B;AAOA,eAAepB,iBAAf"}
+{"version":3,"file":"index.js","names":["React","PropTypes","classnames","cssStyle","viewStyle","cover","contain","PictureBackground","props","src","view","style","alt","mobile","desktop","bgStyle","pictureView","_isObject","createElement","className","deviceView","mobileContainer","picture","desktopContainer","default","wrapper","propTypes","process","env","NODE_ENV","oneOf","_keys","oneOfType","objectOf","string","isRequired","number"],"sources":["../../../src/atom/picture-background/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {isObject, keys} from 'lodash/fp';\nimport cssStyle from './style.css';\n\nconst viewStyle = {\n  cover: cssStyle.cover,\n  contain: cssStyle.contain\n};\n\nconst PictureBackground = props => {\n  const {src, view, style, alt = ''} = props;\n  const mobile = src.mobile;\n  const desktop = src.desktop;\n  const bgStyle = viewStyle[view];\n\n  const pictureView = isObject(src) ? (\n    <div className={cssStyle.deviceView}>\n      <div className={cssStyle.mobileContainer}>\n        <img className={classnames(cssStyle.picture, bgStyle)} src={mobile} alt={alt} />\n      </div>\n      <div className={cssStyle.desktopContainer}>\n        <img className={classnames(cssStyle.picture, bgStyle)} src={desktop} alt={alt} />\n      </div>\n    </div>\n  ) : (\n    <img className={classnames(cssStyle.default, bgStyle)} src={src} alt={alt} />\n  );\n\n  return (\n    <div className={cssStyle.wrapper} style={style}>\n      {pictureView}\n    </div>\n  );\n};\n\nPictureBackground.propTypes = {\n  view: PropTypes.oneOf(keys(viewStyle)),\n  src: PropTypes.oneOfType([PropTypes.objectOf(PropTypes.string), PropTypes.string.isRequired]),\n  style: PropTypes.objectOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number])),\n  alt: PropTypes.string\n};\n\nexport default PictureBackground;\n"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,OAAOC,QAAQ,MAAM,aAAa;AAElC,MAAMC,SAAS,GAAG;EAChBC,KAAK,EAAEF,QAAQ,CAACE,KAAK;EACrBC,OAAO,EAAEH,QAAQ,CAACG;AACpB,CAAC;AAED,MAAMC,iBAAiB,GAAGC,KAAK,IAAI;EACjC,MAAM;IAACC,GAAG;IAAEC,IAAI;IAAEC,KAAK;IAAEC,GAAG,GAAG;EAAE,CAAC,GAAGJ,KAAK;EAC1C,MAAMK,MAAM,GAAGJ,GAAG,CAACI,MAAM;EACzB,MAAMC,OAAO,GAAGL,GAAG,CAACK,OAAO;EAC3B,MAAMC,OAAO,GAAGX,SAAS,CAACM,IAAI,CAAC;EAE/B,MAAMM,WAAW,GAAGC,SAAA,CAASR,GAAG,CAAC,gBAC/BT,KAAA,CAAAkB,aAAA;IAAKC,SAAS,EAAEhB,QAAQ,CAACiB;EAAW,gBAClCpB,KAAA,CAAAkB,aAAA;IAAKC,SAAS,EAAEhB,QAAQ,CAACkB;EAAgB,gBACvCrB,KAAA,CAAAkB,aAAA;IAAKC,SAAS,EAAEjB,UAAU,CAACC,QAAQ,CAACmB,OAAO,EAAEP,OAAO,CAAE;IAACN,GAAG,EAAEI,MAAO;IAACD,GAAG,EAAEA;EAAI,CAAE,CAC5E,CAAC,eACNZ,KAAA,CAAAkB,aAAA;IAAKC,SAAS,EAAEhB,QAAQ,CAACoB;EAAiB,gBACxCvB,KAAA,CAAAkB,aAAA;IAAKC,SAAS,EAAEjB,UAAU,CAACC,QAAQ,CAACmB,OAAO,EAAEP,OAAO,CAAE;IAACN,GAAG,EAAEK,OAAQ;IAACF,GAAG,EAAEA;EAAI,CAAE,CAC7E,CACF,CAAC,gBAENZ,KAAA,CAAAkB,aAAA;IAAKC,SAAS,EAAEjB,UAAU,CAACC,QAAQ,CAACqB,OAAO,EAAET,OAAO,CAAE;IAACN,GAAG,EAAEA,GAAI;IAACG,GAAG,EAAEA;EAAI,CAAE,CAC7E;EAED,oBACEZ,KAAA,CAAAkB,aAAA;IAAKC,SAAS,EAAEhB,QAAQ,CAACsB,OAAQ;IAACd,KAAK,EAAEA;EAAM,GAC5CK,WACE,CAAC;AAEV,CAAC;AAEDT,iBAAiB,CAACmB,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EAC5BnB,IAAI,EAAET,SAAS,CAAC6B,KAAK,CAACC,KAAA,CAAK3B,SAAS,CAAC,CAAC;EACtCK,GAAG,EAAER,SAAS,CAAC+B,SAAS,CAAC,CAAC/B,SAAS,CAACgC,QAAQ,CAAChC,SAAS,CAACiC,MAAM,CAAC,EAAEjC,SAAS,CAACiC,MAAM,CAACC,UAAU,CAAC,CAAC;EAC7FxB,KAAK,EAAEV,SAAS,CAACgC,QAAQ,CAAChC,SAAS,CAAC+B,SAAS,CAAC,CAAC/B,SAAS,CAACiC,MAAM,EAAEjC,SAAS,CAACmC,MAAM,CAAC,CAAC,CAAC;EACpFxB,GAAG,EAAEX,SAAS,CAACiC;AACjB,CAAC;AAED,eAAe3B,iBAAiB","ignoreList":[]}

package/es/atom/promo-code/index.js

@@ -2,7 +2,6 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import Provider from '../provider';
 import style from './style.css';
-
 const PromoCode = (props, context) => {
   const {
     promoCodeDescription,
@@ -36,7 +35,6 @@ const PromoCode = (props, context) => {
     className: style.promoCodeError
   }, "-", promoCodeError) : null);
 };
-
 PromoCode.contextTypes = {
   translate: Provider.childContextTypes.translate
 };

package/es/atom/promo-code/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","Provider","style","PromoCode","props","context","promoCodeDescription","promoCodeError","onValidate","handlePromoCodeChange","translate","promoCode","promoCodeInputAndButton","promoCodeInput","promoCodeButtonOnError","promoCodeButtonOnSuccess","promoCodeButton","contextTypes","childContextTypes","propTypes","string","func","isRequired"],"sources":["../../../src/atom/promo-code/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Provider from '../provider';\nimport style from './style.css';\n\nconst PromoCode = (props, context) => {\n  const {promoCodeDescription, promoCodeError, onValidate, handlePromoCodeChange} = props;\n\n  const {translate} = context;\n\n  return (\n    <div className={style.promoCode}>\n      <div className={style.promoCodeInputAndButton}>\n        <input\n          type=\"text\"\n          placeholder={translate('zuora_discount_code')}\n          className={`\n            ${style.promoCodeInput}\n            ${promoCodeError && style.promoCodeButtonOnError}\n            ${promoCodeDescription && style.promoCodeButtonOnSuccess}\n          `}\n          onChange={handlePromoCodeChange}\n        />\n        <button type=\"submit\" onClick={onValidate} className={style.promoCodeButton}>\n          {translate('zuora_discount_code_submit')}\n        </button>\n      </div>\n      {promoCodeDescription ? (\n        <div className={style.promoCodeDescription}>-{promoCodeDescription}</div>\n      ) : null}\n      {promoCodeError ? <div className={style.promoCodeError}>-{promoCodeError}</div> : null}\n    </div>\n  );\n};\n\nPromoCode.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nPromoCode.propTypes = {\n  promoCodeDescription: PropTypes.string,\n  promoCodeError: PropTypes.string,\n  onValidate: PropTypes.func.isRequired,\n  handlePromoCodeChange: PropTypes.func.isRequired\n};\n\nexport default PromoCode;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,QAAP,MAAqB,aAArB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,SAAS,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EACpC,MAAM;IAACC,oBAAD;IAAuBC,cAAvB;IAAuCC,UAAvC;IAAmDC;EAAnD,IAA4EL,KAAlF;EAEA,MAAM;IAACM;EAAD,IAAcL,OAApB;EAEA,oBACE;IAAK,SAAS,EAAEH,KAAK,CAACS;EAAtB,gBACE;IAAK,SAAS,EAAET,KAAK,CAACU;EAAtB,gBACE;IACE,IAAI,EAAC,MADP;IAEE,WAAW,EAAEF,SAAS,CAAC,qBAAD,CAFxB;IAGE,SAAS,EAAG;AACtB,cAAcR,KAAK,CAACW,cAAe;AACnC,cAAcN,cAAc,IAAIL,KAAK,CAACY,sBAAuB;AAC7D,cAAcR,oBAAoB,IAAIJ,KAAK,CAACa,wBAAyB;AACrE,WAPQ;IAQE,QAAQ,EAAEN;EARZ,EADF,eAWE;IAAQ,IAAI,EAAC,QAAb;IAAsB,OAAO,EAAED,UAA/B;IAA2C,SAAS,EAAEN,KAAK,CAACc;EAA5D,GACGN,SAAS,CAAC,4BAAD,CADZ,CAXF,CADF,EAgBGJ,oBAAoB,gBACnB;IAAK,SAAS,EAAEJ,KAAK,CAACI;EAAtB,QAA8CA,oBAA9C,CADmB,GAEjB,IAlBN,EAmBGC,cAAc,gBAAG;IAAK,SAAS,EAAEL,KAAK,CAACK;EAAtB,QAAwCA,cAAxC,CAAH,GAAmE,IAnBpF,CADF;AAuBD,CA5BD;;AA8BAJ,SAAS,CAACc,YAAV,GAAyB;EACvBP,SAAS,EAAET,QAAQ,CAACiB,iBAAT,CAA2BR;AADf,CAAzB;AAIAP,SAAS,CAACgB,SAAV,2CAAsB;EACpBb,oBAAoB,EAAEN,SAAS,CAACoB,MADZ;EAEpBb,cAAc,EAAEP,SAAS,CAACoB,MAFN;EAGpBZ,UAAU,EAAER,SAAS,CAACqB,IAAV,CAAeC,UAHP;EAIpBb,qBAAqB,EAAET,SAAS,CAACqB,IAAV,CAAeC;AAJlB,CAAtB;AAOA,eAAenB,SAAf"}
+{"version":3,"file":"index.js","names":["React","PropTypes","Provider","style","PromoCode","props","context","promoCodeDescription","promoCodeError","onValidate","handlePromoCodeChange","translate","createElement","className","promoCode","promoCodeInputAndButton","type","placeholder","promoCodeInput","promoCodeButtonOnError","promoCodeButtonOnSuccess","onChange","onClick","promoCodeButton","contextTypes","childContextTypes","propTypes","process","env","NODE_ENV","string","func","isRequired"],"sources":["../../../src/atom/promo-code/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Provider from '../provider';\nimport style from './style.css';\n\nconst PromoCode = (props, context) => {\n  const {promoCodeDescription, promoCodeError, onValidate, handlePromoCodeChange} = props;\n\n  const {translate} = context;\n\n  return (\n    <div className={style.promoCode}>\n      <div className={style.promoCodeInputAndButton}>\n        <input\n          type=\"text\"\n          placeholder={translate('zuora_discount_code')}\n          className={`\n            ${style.promoCodeInput}\n            ${promoCodeError && style.promoCodeButtonOnError}\n            ${promoCodeDescription && style.promoCodeButtonOnSuccess}\n          `}\n          onChange={handlePromoCodeChange}\n        />\n        <button type=\"submit\" onClick={onValidate} className={style.promoCodeButton}>\n          {translate('zuora_discount_code_submit')}\n        </button>\n      </div>\n      {promoCodeDescription ? (\n        <div className={style.promoCodeDescription}>-{promoCodeDescription}</div>\n      ) : null}\n      {promoCodeError ? <div className={style.promoCodeError}>-{promoCodeError}</div> : null}\n    </div>\n  );\n};\n\nPromoCode.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nPromoCode.propTypes = {\n  promoCodeDescription: PropTypes.string,\n  promoCodeError: PropTypes.string,\n  onValidate: PropTypes.func.isRequired,\n  handlePromoCodeChange: PropTypes.func.isRequired\n};\n\nexport default PromoCode;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,QAAQ,MAAM,aAAa;AAClC,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,SAAS,GAAGA,CAACC,KAAK,EAAEC,OAAO,KAAK;EACpC,MAAM;IAACC,oBAAoB;IAAEC,cAAc;IAAEC,UAAU;IAAEC;EAAqB,CAAC,GAAGL,KAAK;EAEvF,MAAM;IAACM;EAAS,CAAC,GAAGL,OAAO;EAE3B,oBACEN,KAAA,CAAAY,aAAA;IAAKC,SAAS,EAAEV,KAAK,CAACW;EAAU,gBAC9Bd,KAAA,CAAAY,aAAA;IAAKC,SAAS,EAAEV,KAAK,CAACY;EAAwB,gBAC5Cf,KAAA,CAAAY,aAAA;IACEI,IAAI,EAAC,MAAM;IACXC,WAAW,EAAEN,SAAS,CAAC,qBAAqB,CAAE;IAC9CE,SAAS,EAAE;AACrB,cAAcV,KAAK,CAACe,cAAc;AAClC,cAAcV,cAAc,IAAIL,KAAK,CAACgB,sBAAsB;AAC5D,cAAcZ,oBAAoB,IAAIJ,KAAK,CAACiB,wBAAwB;AACpE,WAAY;IACFC,QAAQ,EAAEX;EAAsB,CACjC,CAAC,eACFV,KAAA,CAAAY,aAAA;IAAQI,IAAI,EAAC,QAAQ;IAACM,OAAO,EAAEb,UAAW;IAACI,SAAS,EAAEV,KAAK,CAACoB;EAAgB,GACzEZ,SAAS,CAAC,4BAA4B,CACjC,CACL,CAAC,EACLJ,oBAAoB,gBACnBP,KAAA,CAAAY,aAAA;IAAKC,SAAS,EAAEV,KAAK,CAACI;EAAqB,GAAC,GAAC,EAACA,oBAA0B,CAAC,GACvE,IAAI,EACPC,cAAc,gBAAGR,KAAA,CAAAY,aAAA;IAAKC,SAAS,EAAEV,KAAK,CAACK;EAAe,GAAC,GAAC,EAACA,cAAoB,CAAC,GAAG,IAC/E,CAAC;AAEV,CAAC;AAEDJ,SAAS,CAACoB,YAAY,GAAG;EACvBb,SAAS,EAAET,QAAQ,CAACuB,iBAAiB,CAACd;AACxC,CAAC;AAEDP,SAAS,CAACsB,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACpBtB,oBAAoB,EAAEN,SAAS,CAAC6B,MAAM;EACtCtB,cAAc,EAAEP,SAAS,CAAC6B,MAAM;EAChCrB,UAAU,EAAER,SAAS,CAAC8B,IAAI,CAACC,UAAU;EACrCtB,qBAAqB,EAAET,SAAS,CAAC8B,IAAI,CAACC;AACxC,CAAC;AAED,eAAe5B,SAAS","ignoreList":[]}

package/es/atom/provider/index.js

@@ -31,9 +31,7 @@ const DEFAULT_SKIN = {
     black: '#14171A'
   }
 };
-
 const mergeSkin = (skin = {}) => _defaultsDeep(DEFAULT_SKIN, skin);
-
 const historyShape = PropTypes.shape({
   createHref: PropTypes.func,
   push: PropTypes.func
@@ -52,8 +50,13 @@ const skinShape = PropTypes.shape({
   texts: PropTypes.objectOf(ColorPropType)
 });
 const translateShape = PropTypes.func;
-
 class Provider extends React.Component {
+  static childContextTypes = {
+    history: historyShape,
+    skin: skinShape,
+    translate: translateShape,
+    Vimeo: PropTypes.object
+  };
   static getDerivedStateFromProps(props) {
     const {
       history,
@@ -66,7 +69,6 @@ class Provider extends React.Component {
       translate
     };
   }
-
   constructor(props, context) {
     super(props, context);
     const {
@@ -74,8 +76,8 @@ class Provider extends React.Component {
       skin,
       translate,
       Vimeo
-    } = props; // eslint-disable-next-line react/no-unused-state
-
+    } = props;
+    // eslint-disable-next-line react/no-unused-state
     this.state = {
       history,
       skin: mergeSkin(skin),
@@ -83,26 +85,16 @@ class Provider extends React.Component {
       Vimeo
     };
   }
-
   getChildContext() {
     return this.state;
   }
-
   render() {
     const {
       children
     } = this.props;
     return React.Children.only(children);
   }
-
 }
-
-Provider.childContextTypes = {
-  history: historyShape,
-  skin: skinShape,
-  translate: translateShape,
-  Vimeo: PropTypes.object
-};
 Provider.propTypes = process.env.NODE_ENV !== "production" ? {
   history: historyShape,
   skin: skinShape,
@@ -112,27 +104,18 @@ Provider.propTypes = process.env.NODE_ENV !== "production" ? {
     common: PropTypes.func
   })
 } : {};
-
 const GetSkinFromContext = legacyContext => {
   const context = useWebContext();
-
   const legacySkin = _get('skin', legacyContext);
-
   const skin = _getOr(legacySkin, 'skin', context);
-
   return skin;
 };
-
 const GetTranslateFromContext = legacyContext => {
   const context = useWebContext();
-
   const legacyTranslate = _get('translate', legacyContext);
-
   const translate = _getOr(legacyTranslate, 'translate', context);
-
   return translate;
 };
-
 export { WebContext, useWebContext, GetSkinFromContext, GetTranslateFromContext };
 export default Provider;
 //# sourceMappingURL=index.js.map

package/es/atom/provider/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","SrcPropType","ColorPropType","HexPropType","WebContext","useWebContext","DEFAULT_SKIN","common","good","bad","primary","life","brand","primaryAdd1","primaryAdd2","primaryAdd3","primaryAdd4","xtraLightGrey","light","medium","dark","grey","orangeAdd","orange","positive","lightGreen","negative","battle","white","black","mergeSkin","skin","historyShape","shape","createHref","func","push","skinShape","objectOf","images","logo","login","icons","mod","courses","arrayOf","texts","translateShape","Provider","Component","getDerivedStateFromProps","props","history","translate","constructor","context","Vimeo","state","getChildContext","render","children","Children","only","childContextTypes","object","propTypes","node","isRequired","GetSkinFromContext","legacyContext","legacySkin","GetTranslateFromContext","legacyTranslate"],"sources":["../../../src/atom/provider/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {defaultsDeep, get, getOr} from 'lodash/fp';\nimport {SrcPropType, ColorPropType, HexPropType} from '../../util/proptypes';\nimport WebContext, {useWebContext} from './web-context';\n\nconst DEFAULT_SKIN = {\n  common: {\n    good: '#24b694',\n    bad: '#ed1c24',\n    primary: '#00B0FF',\n    life: '#ed1c24',\n    brand: '#00B0FF',\n    primaryAdd1: '#B3E5FC',\n    primaryAdd2: '#0091EA',\n    primaryAdd3: '#0277BD',\n    primaryAdd4: '#015798',\n    xtraLightGrey: '#FAFAFA',\n    light: '#ECEFF1',\n    medium: '#90A4AE',\n    dark: '#546E7A',\n    grey: '#607D8B',\n    orangeAdd: '#FF7043',\n    orange: '#FFA000',\n    positive: '#3EC483',\n    lightGreen: '#66BB6A',\n    negative: '#F73F52',\n    battle: '#FFE100',\n    white: '#FFFFFF',\n    black: '#14171A'\n  }\n};\n\nconst mergeSkin = (skin = {}) => defaultsDeep(DEFAULT_SKIN, skin);\n\nconst historyShape = PropTypes.shape({\n  createHref: PropTypes.func,\n  push: PropTypes.func\n});\n\nconst skinShape = PropTypes.shape({\n  common: PropTypes.objectOf(ColorPropType),\n  images: PropTypes.shape({\n    'logo-mobile': SrcPropType,\n    logo: SrcPropType,\n    'logo-email': SrcPropType,\n    login: SrcPropType\n  }),\n  icons: PropTypes.objectOf(HexPropType),\n  mod: PropTypes.objectOf(ColorPropType),\n  courses: PropTypes.arrayOf(ColorPropType),\n  texts: PropTypes.objectOf(ColorPropType)\n});\n\nconst translateShape = PropTypes.func;\n\nclass Provider extends React.Component {\n  static propTypes = {\n    history: historyShape,\n    skin: skinShape,\n    translate: translateShape,\n    children: PropTypes.node.isRequired,\n    Vimeo: PropTypes.shape({\n      common: PropTypes.func\n    })\n  };\n\n  static childContextTypes = {\n    history: historyShape,\n    skin: skinShape,\n    translate: translateShape,\n    Vimeo: PropTypes.object\n  };\n\n  static getDerivedStateFromProps(props) {\n    const {history, skin, translate} = props;\n\n    return {\n      history,\n      skin: mergeSkin(skin),\n      translate\n    };\n  }\n\n  constructor(props, context) {\n    super(props, context);\n    const {history, skin, translate, Vimeo} = props;\n    // eslint-disable-next-line react/no-unused-state\n    this.state = {history, skin: mergeSkin(skin), translate, Vimeo};\n  }\n\n  getChildContext() {\n    return this.state;\n  }\n\n  render() {\n    const {children} = this.props;\n    return React.Children.only(children);\n  }\n}\n\nconst GetSkinFromContext = legacyContext => {\n  const context = useWebContext();\n  const legacySkin = get('skin', legacyContext);\n  const skin = getOr(legacySkin, 'skin', context);\n\n  return skin;\n};\n\nconst GetTranslateFromContext = legacyContext => {\n  const context = useWebContext();\n  const legacyTranslate = get('translate', legacyContext);\n  const translate = getOr(legacyTranslate, 'translate', context);\n  return translate;\n};\n\nexport {WebContext, useWebContext, GetSkinFromContext, GetTranslateFromContext};\nexport default Provider;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","PropTypes","SrcPropType","ColorPropType","HexPropType","WebContext","useWebContext","DEFAULT_SKIN","common","good","bad","primary","life","brand","primaryAdd1","primaryAdd2","primaryAdd3","primaryAdd4","xtraLightGrey","light","medium","dark","grey","orangeAdd","orange","positive","lightGreen","negative","battle","white","black","mergeSkin","skin","_defaultsDeep","historyShape","shape","createHref","func","push","skinShape","objectOf","images","logo","login","icons","mod","courses","arrayOf","texts","translateShape","Provider","Component","childContextTypes","history","translate","Vimeo","object","getDerivedStateFromProps","props","constructor","context","state","getChildContext","render","children","Children","only","propTypes","process","env","NODE_ENV","node","isRequired","GetSkinFromContext","legacyContext","legacySkin","_get","_getOr","GetTranslateFromContext","legacyTranslate"],"sources":["../../../src/atom/provider/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {defaultsDeep, get, getOr} from 'lodash/fp';\nimport {SrcPropType, ColorPropType, HexPropType} from '../../util/proptypes';\nimport WebContext, {useWebContext} from './web-context';\n\nconst DEFAULT_SKIN = {\n  common: {\n    good: '#24b694',\n    bad: '#ed1c24',\n    primary: '#00B0FF',\n    life: '#ed1c24',\n    brand: '#00B0FF',\n    primaryAdd1: '#B3E5FC',\n    primaryAdd2: '#0091EA',\n    primaryAdd3: '#0277BD',\n    primaryAdd4: '#015798',\n    xtraLightGrey: '#FAFAFA',\n    light: '#ECEFF1',\n    medium: '#90A4AE',\n    dark: '#546E7A',\n    grey: '#607D8B',\n    orangeAdd: '#FF7043',\n    orange: '#FFA000',\n    positive: '#3EC483',\n    lightGreen: '#66BB6A',\n    negative: '#F73F52',\n    battle: '#FFE100',\n    white: '#FFFFFF',\n    black: '#14171A'\n  }\n};\n\nconst mergeSkin = (skin = {}) => defaultsDeep(DEFAULT_SKIN, skin);\n\nconst historyShape = PropTypes.shape({\n  createHref: PropTypes.func,\n  push: PropTypes.func\n});\n\nconst skinShape = PropTypes.shape({\n  common: PropTypes.objectOf(ColorPropType),\n  images: PropTypes.shape({\n    'logo-mobile': SrcPropType,\n    logo: SrcPropType,\n    'logo-email': SrcPropType,\n    login: SrcPropType\n  }),\n  icons: PropTypes.objectOf(HexPropType),\n  mod: PropTypes.objectOf(ColorPropType),\n  courses: PropTypes.arrayOf(ColorPropType),\n  texts: PropTypes.objectOf(ColorPropType)\n});\n\nconst translateShape = PropTypes.func;\n\nclass Provider extends React.Component {\n  static propTypes = {\n    history: historyShape,\n    skin: skinShape,\n    translate: translateShape,\n    children: PropTypes.node.isRequired,\n    Vimeo: PropTypes.shape({\n      common: PropTypes.func\n    })\n  };\n\n  static childContextTypes = {\n    history: historyShape,\n    skin: skinShape,\n    translate: translateShape,\n    Vimeo: PropTypes.object\n  };\n\n  static getDerivedStateFromProps(props) {\n    const {history, skin, translate} = props;\n\n    return {\n      history,\n      skin: mergeSkin(skin),\n      translate\n    };\n  }\n\n  constructor(props, context) {\n    super(props, context);\n    const {history, skin, translate, Vimeo} = props;\n    // eslint-disable-next-line react/no-unused-state\n    this.state = {history, skin: mergeSkin(skin), translate, Vimeo};\n  }\n\n  getChildContext() {\n    return this.state;\n  }\n\n  render() {\n    const {children} = this.props;\n    return React.Children.only(children);\n  }\n}\n\nconst GetSkinFromContext = legacyContext => {\n  const context = useWebContext();\n  const legacySkin = get('skin', legacyContext);\n  const skin = getOr(legacySkin, 'skin', context);\n\n  return skin;\n};\n\nconst GetTranslateFromContext = legacyContext => {\n  const context = useWebContext();\n  const legacyTranslate = get('translate', legacyContext);\n  const translate = getOr(legacyTranslate, 'translate', context);\n  return translate;\n};\n\nexport {WebContext, useWebContext, GetSkinFromContext, GetTranslateFromContext};\nexport default Provider;\n"],"mappings":"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","ignoreList":[]}

package/es/atom/provider/web-context.js

@@ -1,28 +1,18 @@
-const _excluded = ["children"];
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 import React, { createContext, useContext } from 'react';
 const Context = /*#__PURE__*/createContext({});
-
-const WebContext = _ref => {
-  let {
-    children
-  } = _ref,
-      value = _objectWithoutPropertiesLoose(_ref, _excluded);
-
+const WebContext = ({
+  children,
+  ...value
+}) => {
   return /*#__PURE__*/React.createElement(Context.Provider, {
     value: value
   }, children);
 };
-
 export const useWebContext = () => {
   const context = useContext(Context);
-
   if (!context) {
     throw new Error('❌ [WebContext] useWebContext must be used within a provider <WebContext>');
   }
-
   return context;
 };
 export default WebContext;

package/es/atom/provider/web-context.js.map

@@ -1 +1 @@
-{"version":3,"file":"web-context.js","names":["React","createContext","useContext","Context","WebContext","children","value","useWebContext","context","Error"],"sources":["../../../src/atom/provider/web-context.tsx"],"sourcesContent":["import React, {createContext, ReactNode, useContext} from 'react';\n\ntype Skin = {\n  common: {\n    primary: string;\n  };\n};\n\nexport type WebContextValues = {\n  skin?: Skin;\n  translate?: (key: string, data?: Record<string, string>) => string;\n};\n\nconst Context = createContext({});\n\ntype Props = WebContextValues & {\n  children: ReactNode;\n};\n\nconst WebContext = ({children, ...value}: Props) => {\n  return <Context.Provider value={value}>{children}</Context.Provider>;\n};\n\nexport const useWebContext = (): WebContextValues => {\n  const context = useContext(Context);\n\n  if (!context) {\n    throw new Error('❌ [WebContext] useWebContext must be used within a provider <WebContext>');\n  }\n\n  return context;\n};\n\nexport default WebContext;\n"],"mappings":";;;;AAAA,OAAOA,KAAP,IAAeC,aAAf,EAAyCC,UAAzC,QAA0D,OAA1D;AAaA,MAAMC,OAAO,gBAAGF,aAAa,CAAC,EAAD,CAA7B;;AAMA,MAAMG,UAAU,GAAG,QAAiC;EAAA,IAAhC;IAACC;EAAD,CAAgC;EAAA,IAAlBC,KAAkB;;EAClD,oBAAO,oBAAC,OAAD,CAAS,QAAT;IAAkB,KAAK,EAAEA;EAAzB,GAAiCD,QAAjC,CAAP;AACD,CAFD;;AAIA,OAAO,MAAME,aAAa,GAAG,MAAwB;EACnD,MAAMC,OAAO,GAAGN,UAAU,CAACC,OAAD,CAA1B;;EAEA,IAAI,CAACK,OAAL,EAAc;IACZ,MAAM,IAAIC,KAAJ,CAAU,0EAAV,CAAN;EACD;;EAED,OAAOD,OAAP;AACD,CARM;AAUP,eAAeJ,UAAf"}
+{"version":3,"file":"web-context.js","names":["React","createContext","useContext","Context","WebContext","children","value","createElement","Provider","useWebContext","context","Error"],"sources":["../../../src/atom/provider/web-context.tsx"],"sourcesContent":["import React, {createContext, ReactNode, useContext} from 'react';\n\ntype Skin = {\n  common: {\n    primary: string;\n  };\n};\n\nexport type WebContextValues = {\n  skin?: Skin;\n  translate?: (key: string, data?: Record<string, string>) => string;\n};\n\nconst Context = createContext({});\n\ntype Props = WebContextValues & {\n  children: ReactNode;\n};\n\nconst WebContext = ({children, ...value}: Props) => {\n  return <Context.Provider value={value}>{children}</Context.Provider>;\n};\n\nexport const useWebContext = (): WebContextValues => {\n  const context = useContext(Context);\n\n  if (!context) {\n    throw new Error('❌ [WebContext] useWebContext must be used within a provider <WebContext>');\n  }\n\n  return context;\n};\n\nexport default WebContext;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAGC,aAAa,EAAaC,UAAU,QAAO,OAAO;AAajE,MAAMC,OAAO,gBAAGF,aAAa,CAAC,CAAC,CAAC,CAAC;AAMjC,MAAMG,UAAU,GAAGA,CAAC;EAACC,QAAQ;EAAE,GAAGC;AAAY,CAAC,KAAK;EAClD,oBAAON,KAAA,CAAAO,aAAA,CAACJ,OAAO,CAACK,QAAQ;IAACF,KAAK,EAAEA;EAAM,GAAED,QAA2B,CAAC;AACtE,CAAC;AAED,OAAO,MAAMI,aAAa,GAAGA,CAAA,KAAwB;EACnD,MAAMC,OAAO,GAAGR,UAAU,CAACC,OAAO,CAAC;EAEnC,IAAI,CAACO,OAAO,EAAE;IACZ,MAAM,IAAIC,KAAK,CAAC,0EAA0E,CAAC;EAC7F;EAEA,OAAOD,OAAO;AAChB,CAAC;AAED,eAAeN,UAAU","ignoreList":[]}

package/es/atom/radio-group/index.js

@@ -1,8 +1,6 @@
 import _map from "lodash/fp/map";
 import _get from "lodash/fp/get";
-
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import classnames from 'classnames';
 import React from 'react';
 import PropTypes from 'prop-types';
@@ -13,7 +11,6 @@ const themeStyle = {
   setup: style.setup,
   coorpmanager: style.coorpmanager
 };
-
 const RadioGroup = (props, context) => {
   const {
     list = [],
@@ -25,11 +22,8 @@ const RadioGroup = (props, context) => {
   const {
     skin
   } = context;
-
   const borderColor = color || _get('common.primary', skin);
-
   const mainClass = themeStyle[theme];
-
   const items = _map(itemProps => {
     return /*#__PURE__*/React.createElement(Item, _extends({}, itemProps, {
       color: color,
@@ -38,7 +32,6 @@ const RadioGroup = (props, context) => {
       key: itemProps.value
     }));
   }, list);
-
   return /*#__PURE__*/React.createElement("div", {
     className: classnames([mainClass, style.container, className]),
     style: {
@@ -46,7 +39,6 @@ const RadioGroup = (props, context) => {
     }
   }, items);
 };
-
 RadioGroup.contextTypes = {
   skin: Provider.childContextTypes.skin
 };

package/es/atom/radio-group/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["classnames","React","PropTypes","Provider","style","Item","themeStyle","setup","coorpmanager","RadioGroup","props","context","list","onChange","color","className","theme","skin","borderColor","mainClass","items","itemProps","value","container","contextTypes","childContextTypes","propTypes","string","arrayOf","shape","func"],"sources":["../../../src/atom/radio-group/index.js"],"sourcesContent":["import classnames from 'classnames';\nimport React from 'react';\nimport {get, map} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport Provider from '../provider';\nimport style from './style.css';\n\nimport Item from './item';\n\nconst themeStyle = {\n  setup: style.setup,\n  coorpmanager: style.coorpmanager\n};\n\nconst RadioGroup = (props, context) => {\n  const {list = [], onChange, color, className, theme = 'setup'} = props;\n  const {skin} = context;\n  const borderColor = color || get('common.primary', skin);\n  const mainClass = themeStyle[theme];\n  const items = map(itemProps => {\n    return (\n      <Item {...itemProps} color={color} theme={theme} onChange={onChange} key={itemProps.value} />\n    );\n  }, list);\n\n  return (\n    <div className={classnames([mainClass, style.container, className])} style={{borderColor}}>\n      {items}\n    </div>\n  );\n};\n\nRadioGroup.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nRadioGroup.propTypes = {\n  color: PropTypes.string,\n  theme: PropTypes.string,\n  className: PropTypes.string,\n  list: PropTypes.arrayOf(PropTypes.shape(Item.propTypes)),\n  onChange: PropTypes.func\n};\n\nexport default RadioGroup;\n"],"mappings":";;;;;AAAA,OAAOA,UAAP,MAAuB,YAAvB;AACA,OAAOC,KAAP,MAAkB,OAAlB;AAEA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,QAAP,MAAqB,aAArB;AACA,OAAOC,KAAP,MAAkB,aAAlB;AAEA,OAAOC,IAAP,MAAiB,QAAjB;AAEA,MAAMC,UAAU,GAAG;EACjBC,KAAK,EAAEH,KAAK,CAACG,KADI;EAEjBC,YAAY,EAAEJ,KAAK,CAACI;AAFH,CAAnB;;AAKA,MAAMC,UAAU,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EACrC,MAAM;IAACC,IAAI,GAAG,EAAR;IAAYC,QAAZ;IAAsBC,KAAtB;IAA6BC,SAA7B;IAAwCC,KAAK,GAAG;EAAhD,IAA2DN,KAAjE;EACA,MAAM;IAACO;EAAD,IAASN,OAAf;;EACA,MAAMO,WAAW,GAAGJ,KAAK,IAAI,KAAI,gBAAJ,EAAsBG,IAAtB,CAA7B;;EACA,MAAME,SAAS,GAAGb,UAAU,CAACU,KAAD,CAA5B;;EACA,MAAMI,KAAK,GAAG,KAAIC,SAAS,IAAI;IAC7B,oBACE,oBAAC,IAAD,eAAUA,SAAV;MAAqB,KAAK,EAAEP,KAA5B;MAAmC,KAAK,EAAEE,KAA1C;MAAiD,QAAQ,EAAEH,QAA3D;MAAqE,GAAG,EAAEQ,SAAS,CAACC;IAApF,GADF;EAGD,CAJa,EAIXV,IAJW,CAAd;;EAMA,oBACE;IAAK,SAAS,EAAEZ,UAAU,CAAC,CAACmB,SAAD,EAAYf,KAAK,CAACmB,SAAlB,EAA6BR,SAA7B,CAAD,CAA1B;IAAqE,KAAK,EAAE;MAACG;IAAD;EAA5E,GACGE,KADH,CADF;AAKD,CAhBD;;AAkBAX,UAAU,CAACe,YAAX,GAA0B;EACxBP,IAAI,EAAEd,QAAQ,CAACsB,iBAAT,CAA2BR;AADT,CAA1B;AAIAR,UAAU,CAACiB,SAAX,2CAAuB;EACrBZ,KAAK,EAAEZ,SAAS,CAACyB,MADI;EAErBX,KAAK,EAAEd,SAAS,CAACyB,MAFI;EAGrBZ,SAAS,EAAEb,SAAS,CAACyB,MAHA;EAIrBf,IAAI,EAAEV,SAAS,CAAC0B,OAAV,CAAkB1B,SAAS,CAAC2B,KAAV,CAAgBxB,IAAI,CAACqB,SAArB,CAAlB,CAJe;EAKrBb,QAAQ,EAAEX,SAAS,CAAC4B;AALC,CAAvB;AAQA,eAAerB,UAAf"}
+{"version":3,"file":"index.js","names":["classnames","React","PropTypes","Provider","style","Item","themeStyle","setup","coorpmanager","RadioGroup","props","context","list","onChange","color","className","theme","skin","borderColor","_get","mainClass","items","_map","itemProps","createElement","_extends","key","value","container","contextTypes","childContextTypes","propTypes","process","env","NODE_ENV","string","arrayOf","shape","func"],"sources":["../../../src/atom/radio-group/index.js"],"sourcesContent":["import classnames from 'classnames';\nimport React from 'react';\nimport {get, map} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport Provider from '../provider';\nimport style from './style.css';\n\nimport Item from './item';\n\nconst themeStyle = {\n  setup: style.setup,\n  coorpmanager: style.coorpmanager\n};\n\nconst RadioGroup = (props, context) => {\n  const {list = [], onChange, color, className, theme = 'setup'} = props;\n  const {skin} = context;\n  const borderColor = color || get('common.primary', skin);\n  const mainClass = themeStyle[theme];\n  const items = map(itemProps => {\n    return (\n      <Item {...itemProps} color={color} theme={theme} onChange={onChange} key={itemProps.value} />\n    );\n  }, list);\n\n  return (\n    <div className={classnames([mainClass, style.container, className])} style={{borderColor}}>\n      {items}\n    </div>\n  );\n};\n\nRadioGroup.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nRadioGroup.propTypes = {\n  color: PropTypes.string,\n  theme: PropTypes.string,\n  className: PropTypes.string,\n  list: PropTypes.arrayOf(PropTypes.shape(Item.propTypes)),\n  onChange: PropTypes.func\n};\n\nexport default RadioGroup;\n"],"mappings":";;;AAAA,OAAOA,UAAU,MAAM,YAAY;AACnC,OAAOC,KAAK,MAAM,OAAO;AAEzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,QAAQ,MAAM,aAAa;AAClC,OAAOC,KAAK,MAAM,aAAa;AAE/B,OAAOC,IAAI,MAAM,QAAQ;AAEzB,MAAMC,UAAU,GAAG;EACjBC,KAAK,EAAEH,KAAK,CAACG,KAAK;EAClBC,YAAY,EAAEJ,KAAK,CAACI;AACtB,CAAC;AAED,MAAMC,UAAU,GAAGA,CAACC,KAAK,EAAEC,OAAO,KAAK;EACrC,MAAM;IAACC,IAAI,GAAG,EAAE;IAAEC,QAAQ;IAAEC,KAAK;IAAEC,SAAS;IAAEC,KAAK,GAAG;EAAO,CAAC,GAAGN,KAAK;EACtE,MAAM;IAACO;EAAI,CAAC,GAAGN,OAAO;EACtB,MAAMO,WAAW,GAAGJ,KAAK,IAAIK,IAAA,CAAI,gBAAgB,EAAEF,IAAI,CAAC;EACxD,MAAMG,SAAS,GAAGd,UAAU,CAACU,KAAK,CAAC;EACnC,MAAMK,KAAK,GAAGC,IAAA,CAAIC,SAAS,IAAI;IAC7B,oBACEtB,KAAA,CAAAuB,aAAA,CAACnB,IAAI,EAAAoB,QAAA,KAAKF,SAAS;MAAET,KAAK,EAAEA,KAAM;MAACE,KAAK,EAAEA,KAAM;MAACH,QAAQ,EAAEA,QAAS;MAACa,GAAG,EAAEH,SAAS,CAACI;IAAM,EAAE,CAAC;EAEjG,CAAC,EAAEf,IAAI,CAAC;EAER,oBACEX,KAAA,CAAAuB,aAAA;IAAKT,SAAS,EAAEf,UAAU,CAAC,CAACoB,SAAS,EAAEhB,KAAK,CAACwB,SAAS,EAAEb,SAAS,CAAC,CAAE;IAACX,KAAK,EAAE;MAACc;IAAW;EAAE,GACvFG,KACE,CAAC;AAEV,CAAC;AAEDZ,UAAU,CAACoB,YAAY,GAAG;EACxBZ,IAAI,EAAEd,QAAQ,CAAC2B,iBAAiB,CAACb;AACnC,CAAC;AAEDR,UAAU,CAACsB,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACrBpB,KAAK,EAAEZ,SAAS,CAACiC,MAAM;EACvBnB,KAAK,EAAEd,SAAS,CAACiC,MAAM;EACvBpB,SAAS,EAAEb,SAAS,CAACiC,MAAM;EAC3BvB,IAAI,EAAEV,SAAS,CAACkC,OAAO,CAAClC,SAAS,CAACmC,KAAK,CAAChC,IAAI,CAAC0B,SAAS,CAAC,CAAC;EACxDlB,QAAQ,EAAEX,SAAS,CAACoC;AACtB,CAAC;AAED,eAAe7B,UAAU","ignoreList":[]}

package/es/atom/radio-group/item.js

@@ -7,17 +7,13 @@ import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import Provider from '../provider';
 import style from './item.css';
-
 const getTargetValueAndCall = fun => _pipe(_get('target.value'), fun);
-
 const themeStyle = {
   setup: style.setup,
   coorpmanager: style.coorpmanager
 };
-
 const Item = (props, context) => {
   const idRadioButton = _uniqueId('inputRadioButton');
-
   const {
     skin
   } = context;
@@ -30,9 +26,7 @@ const Item = (props, context) => {
     onChange = _identity,
     theme
   } = props;
-
   const defaultColor = color || _get('common.primary', skin);
-
   const mainClass = themeStyle[theme];
   return /*#__PURE__*/React.createElement("div", {
     className: classNames(style.normal, mainClass),
@@ -61,7 +55,6 @@ const Item = (props, context) => {
     title: label
   }, label)));
 };
-
 Item.contextTypes = {
   skin: Provider.childContextTypes.skin
 };

package/es/atom/radio-group/item.js.map

@@ -1 +1 @@
-{"version":3,"file":"item.js","names":["React","PropTypes","classNames","Provider","style","getTargetValueAndCall","fun","themeStyle","setup","coorpmanager","Item","props","context","idRadioButton","skin","color","name","value","checked","label","onChange","theme","defaultColor","mainClass","normal","backgroundColor","borderRightColor","radio","selected","labelSpan","contextTypes","childContextTypes","propTypes","string","isRequired","bool","func"],"sources":["../../../src/atom/radio-group/item.js"],"sourcesContent":["import React from 'react';\nimport {get, pipe, identity, uniqueId} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport Provider from '../provider';\nimport style from './item.css';\n\nconst getTargetValueAndCall = fun => pipe(get('target.value'), fun);\n\nconst themeStyle = {\n  setup: style.setup,\n  coorpmanager: style.coorpmanager\n};\n\nconst Item = (props, context) => {\n  const idRadioButton = uniqueId('inputRadioButton');\n  const {skin} = context;\n  const {color, name, value, checked, label, onChange = identity, theme} = props;\n  const defaultColor = color || get('common.primary', skin);\n  const mainClass = themeStyle[theme];\n  return (\n    <div\n      className={classNames(style.normal, mainClass)}\n      style={{\n        backgroundColor: checked && defaultColor,\n        borderRightColor: defaultColor,\n        color: !checked && defaultColor\n      }}\n    >\n      <input\n        type=\"radio\"\n        id={idRadioButton}\n        className={style.radio}\n        name={name}\n        value={value}\n        checked={checked}\n        onChange={getTargetValueAndCall(onChange)}\n      />\n      <label\n        className={classNames(style.label, checked && style.selected)}\n        style={{\n          color: !checked && defaultColor\n        }}\n        htmlFor={idRadioButton}\n      >\n        <span className={style.labelSpan} data-name={`radio-${value}`} title={label}>\n          {label}\n        </span>\n      </label>\n    </div>\n  );\n};\n\nItem.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\nItem.propTypes = {\n  color: PropTypes.string,\n  value: PropTypes.string.isRequired,\n  name: PropTypes.string,\n  theme: PropTypes.string,\n  checked: PropTypes.bool,\n  label: PropTypes.string,\n  onChange: PropTypes.func\n};\n\nexport default Item;\n"],"mappings":";;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,OAAOC,QAAP,MAAqB,aAArB;AACA,OAAOC,KAAP,MAAkB,YAAlB;;AAEA,MAAMC,qBAAqB,GAAGC,GAAG,IAAI,MAAK,KAAI,cAAJ,CAAL,EAA0BA,GAA1B,CAArC;;AAEA,MAAMC,UAAU,GAAG;EACjBC,KAAK,EAAEJ,KAAK,CAACI,KADI;EAEjBC,YAAY,EAAEL,KAAK,CAACK;AAFH,CAAnB;;AAKA,MAAMC,IAAI,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EAC/B,MAAMC,aAAa,GAAG,UAAS,kBAAT,CAAtB;;EACA,MAAM;IAACC;EAAD,IAASF,OAAf;EACA,MAAM;IAACG,KAAD;IAAQC,IAAR;IAAcC,KAAd;IAAqBC,OAArB;IAA8BC,KAA9B;IAAqCC,QAAQ,YAA7C;IAA0DC;EAA1D,IAAmEV,KAAzE;;EACA,MAAMW,YAAY,GAAGP,KAAK,IAAI,KAAI,gBAAJ,EAAsBD,IAAtB,CAA9B;;EACA,MAAMS,SAAS,GAAGhB,UAAU,CAACc,KAAD,CAA5B;EACA,oBACE;IACE,SAAS,EAAEnB,UAAU,CAACE,KAAK,CAACoB,MAAP,EAAeD,SAAf,CADvB;IAEE,KAAK,EAAE;MACLE,eAAe,EAAEP,OAAO,IAAII,YADvB;MAELI,gBAAgB,EAAEJ,YAFb;MAGLP,KAAK,EAAE,CAACG,OAAD,IAAYI;IAHd;EAFT,gBAQE;IACE,IAAI,EAAC,OADP;IAEE,EAAE,EAAET,aAFN;IAGE,SAAS,EAAET,KAAK,CAACuB,KAHnB;IAIE,IAAI,EAAEX,IAJR;IAKE,KAAK,EAAEC,KALT;IAME,OAAO,EAAEC,OANX;IAOE,QAAQ,EAAEb,qBAAqB,CAACe,QAAD;EAPjC,EARF,eAiBE;IACE,SAAS,EAAElB,UAAU,CAACE,KAAK,CAACe,KAAP,EAAcD,OAAO,IAAId,KAAK,CAACwB,QAA/B,CADvB;IAEE,KAAK,EAAE;MACLb,KAAK,EAAE,CAACG,OAAD,IAAYI;IADd,CAFT;IAKE,OAAO,EAAET;EALX,gBAOE;IAAM,SAAS,EAAET,KAAK,CAACyB,SAAvB;IAAkC,aAAY,SAAQZ,KAAM,EAA5D;IAA+D,KAAK,EAAEE;EAAtE,GACGA,KADH,CAPF,CAjBF,CADF;AA+BD,CArCD;;AAuCAT,IAAI,CAACoB,YAAL,GAAoB;EAClBhB,IAAI,EAAEX,QAAQ,CAAC4B,iBAAT,CAA2BjB;AADf,CAApB;AAGAJ,IAAI,CAACsB,SAAL,2CAAiB;EACfjB,KAAK,EAAEd,SAAS,CAACgC,MADF;EAEfhB,KAAK,EAAEhB,SAAS,CAACgC,MAAV,CAAiBC,UAFT;EAGflB,IAAI,EAAEf,SAAS,CAACgC,MAHD;EAIfZ,KAAK,EAAEpB,SAAS,CAACgC,MAJF;EAKff,OAAO,EAAEjB,SAAS,CAACkC,IALJ;EAMfhB,KAAK,EAAElB,SAAS,CAACgC,MANF;EAOfb,QAAQ,EAAEnB,SAAS,CAACmC;AAPL,CAAjB;AAUA,eAAe1B,IAAf"}
+{"version":3,"file":"item.js","names":["React","PropTypes","classNames","Provider","style","getTargetValueAndCall","fun","_pipe","_get","themeStyle","setup","coorpmanager","Item","props","context","idRadioButton","_uniqueId","skin","color","name","value","checked","label","onChange","_identity","theme","defaultColor","mainClass","createElement","className","normal","backgroundColor","borderRightColor","type","id","radio","selected","htmlFor","labelSpan","title","contextTypes","childContextTypes","propTypes","process","env","NODE_ENV","string","isRequired","bool","func"],"sources":["../../../src/atom/radio-group/item.js"],"sourcesContent":["import React from 'react';\nimport {get, pipe, identity, uniqueId} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport Provider from '../provider';\nimport style from './item.css';\n\nconst getTargetValueAndCall = fun => pipe(get('target.value'), fun);\n\nconst themeStyle = {\n  setup: style.setup,\n  coorpmanager: style.coorpmanager\n};\n\nconst Item = (props, context) => {\n  const idRadioButton = uniqueId('inputRadioButton');\n  const {skin} = context;\n  const {color, name, value, checked, label, onChange = identity, theme} = props;\n  const defaultColor = color || get('common.primary', skin);\n  const mainClass = themeStyle[theme];\n  return (\n    <div\n      className={classNames(style.normal, mainClass)}\n      style={{\n        backgroundColor: checked && defaultColor,\n        borderRightColor: defaultColor,\n        color: !checked && defaultColor\n      }}\n    >\n      <input\n        type=\"radio\"\n        id={idRadioButton}\n        className={style.radio}\n        name={name}\n        value={value}\n        checked={checked}\n        onChange={getTargetValueAndCall(onChange)}\n      />\n      <label\n        className={classNames(style.label, checked && style.selected)}\n        style={{\n          color: !checked && defaultColor\n        }}\n        htmlFor={idRadioButton}\n      >\n        <span className={style.labelSpan} data-name={`radio-${value}`} title={label}>\n          {label}\n        </span>\n      </label>\n    </div>\n  );\n};\n\nItem.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\nItem.propTypes = {\n  color: PropTypes.string,\n  value: PropTypes.string.isRequired,\n  name: PropTypes.string,\n  theme: PropTypes.string,\n  checked: PropTypes.bool,\n  label: PropTypes.string,\n  onChange: PropTypes.func\n};\n\nexport default Item;\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,QAAQ,MAAM,aAAa;AAClC,OAAOC,KAAK,MAAM,YAAY;AAE9B,MAAMC,qBAAqB,GAAGC,GAAG,IAAIC,KAAA,CAAKC,IAAA,CAAI,cAAc,CAAC,EAAEF,GAAG,CAAC;AAEnE,MAAMG,UAAU,GAAG;EACjBC,KAAK,EAAEN,KAAK,CAACM,KAAK;EAClBC,YAAY,EAAEP,KAAK,CAACO;AACtB,CAAC;AAED,MAAMC,IAAI,GAAGA,CAACC,KAAK,EAAEC,OAAO,KAAK;EAC/B,MAAMC,aAAa,GAAGC,SAAA,CAAS,kBAAkB,CAAC;EAClD,MAAM;IAACC;EAAI,CAAC,GAAGH,OAAO;EACtB,MAAM;IAACI,KAAK;IAAEC,IAAI;IAAEC,KAAK;IAAEC,OAAO;IAAEC,KAAK;IAAEC,QAAQ,GAAAC,SAAW;IAAEC;EAAK,CAAC,GAAGZ,KAAK;EAC9E,MAAMa,YAAY,GAAGR,KAAK,IAAIV,IAAA,CAAI,gBAAgB,EAAES,IAAI,CAAC;EACzD,MAAMU,SAAS,GAAGlB,UAAU,CAACgB,KAAK,CAAC;EACnC,oBACEzB,KAAA,CAAA4B,aAAA;IACEC,SAAS,EAAE3B,UAAU,CAACE,KAAK,CAAC0B,MAAM,EAAEH,SAAS,CAAE;IAC/CvB,KAAK,EAAE;MACL2B,eAAe,EAAEV,OAAO,IAAIK,YAAY;MACxCM,gBAAgB,EAAEN,YAAY;MAC9BR,KAAK,EAAE,CAACG,OAAO,IAAIK;IACrB;EAAE,gBAEF1B,KAAA,CAAA4B,aAAA;IACEK,IAAI,EAAC,OAAO;IACZC,EAAE,EAAEnB,aAAc;IAClBc,SAAS,EAAEzB,KAAK,CAAC+B,KAAM;IACvBhB,IAAI,EAAEA,IAAK;IACXC,KAAK,EAAEA,KAAM;IACbC,OAAO,EAAEA,OAAQ;IACjBE,QAAQ,EAAElB,qBAAqB,CAACkB,QAAQ;EAAE,CAC3C,CAAC,eACFvB,KAAA,CAAA4B,aAAA;IACEC,SAAS,EAAE3B,UAAU,CAACE,KAAK,CAACkB,KAAK,EAAED,OAAO,IAAIjB,KAAK,CAACgC,QAAQ,CAAE;IAC9DhC,KAAK,EAAE;MACLc,KAAK,EAAE,CAACG,OAAO,IAAIK;IACrB,CAAE;IACFW,OAAO,EAAEtB;EAAc,gBAEvBf,KAAA,CAAA4B,aAAA;IAAMC,SAAS,EAAEzB,KAAK,CAACkC,SAAU;IAAC,aAAW,SAASlB,KAAK,EAAG;IAACmB,KAAK,EAAEjB;EAAM,GACzEA,KACG,CACD,CACJ,CAAC;AAEV,CAAC;AAEDV,IAAI,CAAC4B,YAAY,GAAG;EAClBvB,IAAI,EAAEd,QAAQ,CAACsC,iBAAiB,CAACxB;AACnC,CAAC;AACDL,IAAI,CAAC8B,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACf3B,KAAK,EAAEjB,SAAS,CAAC6C,MAAM;EACvB1B,KAAK,EAAEnB,SAAS,CAAC6C,MAAM,CAACC,UAAU;EAClC5B,IAAI,EAAElB,SAAS,CAAC6C,MAAM;EACtBrB,KAAK,EAAExB,SAAS,CAAC6C,MAAM;EACvBzB,OAAO,EAAEpB,SAAS,CAAC+C,IAAI;EACvB1B,KAAK,EAAErB,SAAS,CAAC6C,MAAM;EACvBvB,QAAQ,EAAEtB,SAAS,CAACgD;AACtB,CAAC;AAED,eAAerC,IAAI","ignoreList":[]}

package/es/atom/radio-with-title/index.js

@@ -1,12 +1,9 @@
 import _uniqueId from "lodash/fp/uniqueId";
-
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import React, { useCallback } from 'react';
 import Title from '../title';
 import style from './style.css';
 import { propTypes } from './types';
-
 const RadioWithTitle = props => {
   const {
     title,
@@ -16,9 +13,7 @@ const RadioWithTitle = props => {
     'data-name': dataName,
     'aria-label': ariaLabel
   } = props;
-
   const idRadio = _uniqueId('input-radio-');
-
   const handleChange = useCallback(e => onChange(e.target.checked), [onChange]);
   return /*#__PURE__*/React.createElement("div", {
     className: style.container
@@ -40,7 +35,6 @@ const RadioWithTitle = props => {
     subtitleSize: 'extra-small'
   })))));
 };
-
 RadioWithTitle.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
 export default RadioWithTitle;
 //# sourceMappingURL=index.js.map

package/es/atom/radio-with-title/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useCallback","Title","style","propTypes","RadioWithTitle","props","title","name","checked","onChange","dataName","ariaLabel","idRadio","handleChange","e","target","container","radio"],"sources":["../../../src/atom/radio-with-title/index.tsx"],"sourcesContent":["import React, {useCallback} from 'react';\nimport {uniqueId} from 'lodash/fp';\nimport Title from '../title';\nimport style from './style.css';\nimport {propTypes, RadioWithTitleProps} from './types';\n\nconst RadioWithTitle = (props: RadioWithTitleProps) => {\n  const {title, name, checked, onChange, 'data-name': dataName, 'aria-label': ariaLabel} = props;\n  const idRadio = uniqueId('input-radio-');\n  const handleChange = useCallback(e => onChange(e.target.checked), [onChange]);\n\n  return (\n    <div className={style.container}>\n      <label htmlFor={idRadio}>\n        <input\n          type=\"radio\"\n          id={idRadio}\n          name={name}\n          onChange={handleChange}\n          checked={checked}\n          className={style.radio}\n          data-name={dataName}\n          aria-label={ariaLabel}\n        />\n        <span className={style.title}>\n          <Title {...title} titleSize={'small'} subtitleSize={'extra-small'} />\n        </span>\n      </label>\n    </div>\n  );\n};\n\nRadioWithTitle.propTypes = propTypes;\n\nexport default RadioWithTitle;\n"],"mappings":";;;;AAAA,OAAOA,KAAP,IAAeC,WAAf,QAAiC,OAAjC;AAEA,OAAOC,KAAP,MAAkB,UAAlB;AACA,OAAOC,KAAP,MAAkB,aAAlB;AACA,SAAQC,SAAR,QAA6C,SAA7C;;AAEA,MAAMC,cAAc,GAAIC,KAAD,IAAgC;EACrD,MAAM;IAACC,KAAD;IAAQC,IAAR;IAAcC,OAAd;IAAuBC,QAAvB;IAAiC,aAAaC,QAA9C;IAAwD,cAAcC;EAAtE,IAAmFN,KAAzF;;EACA,MAAMO,OAAO,GAAG,UAAS,cAAT,CAAhB;;EACA,MAAMC,YAAY,GAAGb,WAAW,CAACc,CAAC,IAAIL,QAAQ,CAACK,CAAC,CAACC,MAAF,CAASP,OAAV,CAAd,EAAkC,CAACC,QAAD,CAAlC,CAAhC;EAEA,oBACE;IAAK,SAAS,EAAEP,KAAK,CAACc;EAAtB,gBACE;IAAO,OAAO,EAAEJ;EAAhB,gBACE;IACE,IAAI,EAAC,OADP;IAEE,EAAE,EAAEA,OAFN;IAGE,IAAI,EAAEL,IAHR;IAIE,QAAQ,EAAEM,YAJZ;IAKE,OAAO,EAAEL,OALX;IAME,SAAS,EAAEN,KAAK,CAACe,KANnB;IAOE,aAAWP,QAPb;IAQE,cAAYC;EARd,EADF,eAWE;IAAM,SAAS,EAAET,KAAK,CAACI;EAAvB,gBACE,oBAAC,KAAD,eAAWA,KAAX;IAAkB,SAAS,EAAE,OAA7B;IAAsC,YAAY,EAAE;EAApD,GADF,CAXF,CADF,CADF;AAmBD,CAxBD;;AA0BAF,cAAc,CAACD,SAAf,2CAA2BA,SAA3B;AAEA,eAAeC,cAAf"}
+{"version":3,"file":"index.js","names":["React","useCallback","Title","style","propTypes","RadioWithTitle","props","title","name","checked","onChange","dataName","ariaLabel","idRadio","_uniqueId","handleChange","e","target","createElement","className","container","htmlFor","type","id","radio","_extends","titleSize","subtitleSize","process","env","NODE_ENV"],"sources":["../../../src/atom/radio-with-title/index.tsx"],"sourcesContent":["import React, {useCallback} from 'react';\nimport {uniqueId} from 'lodash/fp';\nimport Title from '../title';\nimport style from './style.css';\nimport {propTypes, RadioWithTitleProps} from './types';\n\nconst RadioWithTitle = (props: RadioWithTitleProps) => {\n  const {title, name, checked, onChange, 'data-name': dataName, 'aria-label': ariaLabel} = props;\n  const idRadio = uniqueId('input-radio-');\n  const handleChange = useCallback(e => onChange(e.target.checked), [onChange]);\n\n  return (\n    <div className={style.container}>\n      <label htmlFor={idRadio}>\n        <input\n          type=\"radio\"\n          id={idRadio}\n          name={name}\n          onChange={handleChange}\n          checked={checked}\n          className={style.radio}\n          data-name={dataName}\n          aria-label={ariaLabel}\n        />\n        <span className={style.title}>\n          <Title {...title} titleSize={'small'} subtitleSize={'extra-small'} />\n        </span>\n      </label>\n    </div>\n  );\n};\n\nRadioWithTitle.propTypes = propTypes;\n\nexport default RadioWithTitle;\n"],"mappings":";;AAAA,OAAOA,KAAK,IAAGC,WAAW,QAAO,OAAO;AAExC,OAAOC,KAAK,MAAM,UAAU;AAC5B,OAAOC,KAAK,MAAM,aAAa;AAC/B,SAAQC,SAAS,QAA4B,SAAS;AAEtD,MAAMC,cAAc,GAAIC,KAA0B,IAAK;EACrD,MAAM;IAACC,KAAK;IAAEC,IAAI;IAAEC,OAAO;IAAEC,QAAQ;IAAE,WAAW,EAAEC,QAAQ;IAAE,YAAY,EAAEC;EAAS,CAAC,GAAGN,KAAK;EAC9F,MAAMO,OAAO,GAAGC,SAAA,CAAS,cAAc,CAAC;EACxC,MAAMC,YAAY,GAAGd,WAAW,CAACe,CAAC,IAAIN,QAAQ,CAACM,CAAC,CAACC,MAAM,CAACR,OAAO,CAAC,EAAE,CAACC,QAAQ,CAAC,CAAC;EAE7E,oBACEV,KAAA,CAAAkB,aAAA;IAAKC,SAAS,EAAEhB,KAAK,CAACiB;EAAU,gBAC9BpB,KAAA,CAAAkB,aAAA;IAAOG,OAAO,EAAER;EAAQ,gBACtBb,KAAA,CAAAkB,aAAA;IACEI,IAAI,EAAC,OAAO;IACZC,EAAE,EAAEV,OAAQ;IACZL,IAAI,EAAEA,IAAK;IACXE,QAAQ,EAAEK,YAAa;IACvBN,OAAO,EAAEA,OAAQ;IACjBU,SAAS,EAAEhB,KAAK,CAACqB,KAAM;IACvB,aAAWb,QAAS;IACpB,cAAYC;EAAU,CACvB,CAAC,eACFZ,KAAA,CAAAkB,aAAA;IAAMC,SAAS,EAAEhB,KAAK,CAACI;EAAM,gBAC3BP,KAAA,CAAAkB,aAAA,CAAChB,KAAK,EAAAuB,QAAA,KAAKlB,KAAK;IAAEmB,SAAS,EAAE,OAAQ;IAACC,YAAY,EAAE;EAAc,EAAE,CAChE,CACD,CACJ,CAAC;AAEV,CAAC;AAEDtB,cAAc,CAACD,SAAS,GAAAwB,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG1B,SAAS;AAEpC,eAAeC,cAAc","ignoreList":[]}

package/es/atom/radio-with-title/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["PropTypes","Title","propTypes","title","shape","isRequired","name","string","checked","bool","onChange","func"],"sources":["../../../src/atom/radio-with-title/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport Title from '../title';\n\nexport const propTypes = {\n  title: PropTypes.shape(Title.propTypes).isRequired,\n  name: PropTypes.string,\n  checked: PropTypes.bool,\n  onChange: PropTypes.func.isRequired,\n  'aria-label': PropTypes.string,\n  'data-name': PropTypes.string\n};\n\nexport type RadioWithTitleProps = {\n  title: {\n    title: string;\n    subtitle: string;\n    type: string;\n    'data-name': string;\n    subtitleSize: string;\n  };\n  name?: string;\n  checked: boolean;\n  onChange: (value: boolean) => void;\n  'aria-label': string;\n  'data-name'?: string;\n};\n"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AACA,OAAOC,KAAP,MAAkB,UAAlB;AAEA,OAAO,MAAMC,SAAS,GAAG;EACvBC,KAAK,EAAEH,SAAS,CAACI,KAAV,CAAgBH,KAAK,CAACC,SAAtB,EAAiCG,UADjB;EAEvBC,IAAI,EAAEN,SAAS,CAACO,MAFO;EAGvBC,OAAO,EAAER,SAAS,CAACS,IAHI;EAIvBC,QAAQ,EAAEV,SAAS,CAACW,IAAV,CAAeN,UAJF;EAKvB,cAAcL,SAAS,CAACO,MALD;EAMvB,aAAaP,SAAS,CAACO;AANA,CAAlB"}
+{"version":3,"file":"types.js","names":["PropTypes","Title","propTypes","title","shape","isRequired","name","string","checked","bool","onChange","func"],"sources":["../../../src/atom/radio-with-title/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport Title from '../title';\n\nexport const propTypes = {\n  title: PropTypes.shape(Title.propTypes).isRequired,\n  name: PropTypes.string,\n  checked: PropTypes.bool,\n  onChange: PropTypes.func.isRequired,\n  'aria-label': PropTypes.string,\n  'data-name': PropTypes.string\n};\n\nexport type RadioWithTitleProps = {\n  title: {\n    title: string;\n    subtitle: string;\n    type: string;\n    'data-name': string;\n    subtitleSize: string;\n  };\n  name?: string;\n  checked: boolean;\n  onChange: (value: boolean) => void;\n  'aria-label': string;\n  'data-name'?: string;\n};\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,YAAY;AAClC,OAAOC,KAAK,MAAM,UAAU;AAE5B,OAAO,MAAMC,SAAS,GAAG;EACvBC,KAAK,EAAEH,SAAS,CAACI,KAAK,CAACH,KAAK,CAACC,SAAS,CAAC,CAACG,UAAU;EAClDC,IAAI,EAAEN,SAAS,CAACO,MAAM;EACtBC,OAAO,EAAER,SAAS,CAACS,IAAI;EACvBC,QAAQ,EAAEV,SAAS,CAACW,IAAI,CAACN,UAAU;EACnC,YAAY,EAAEL,SAAS,CAACO,MAAM;EAC9B,WAAW,EAAEP,SAAS,CAACO;AACzB,CAAC","ignoreList":[]}

package/es/atom/range/handle.js

@@ -5,37 +5,30 @@ import PropTypes from 'prop-types';
 import Provider, { GetSkinFromContext } from '../provider';
 import { getShadowBoxColorFromPrimary } from '../../util/get-shadow-box-color-from-primary';
 import style from './handle.css';
-
 class NoopHammer {
-  constructor() {} // eslint-disable-next-line class-methods-use-this
-
+  constructor() {}
 
+  // eslint-disable-next-line class-methods-use-this
   on() {
     return;
-  } // eslint-disable-next-line class-methods-use-this
-
+  }
 
+  // eslint-disable-next-line class-methods-use-this
   stop() {
     return;
-  } // eslint-disable-next-line class-methods-use-this
-
+  }
 
+  // eslint-disable-next-line class-methods-use-this
   destroy() {
     return;
   }
-
 }
-
-const Hammer = // eslint-disable-next-line no-undef
-typeof window !== 'undefined' ?
-/* istanbul ignore next */
-require('hammerjs') : NoopHammer;
-
+const Hammer =
+// eslint-disable-next-line no-undef
+typeof window !== 'undefined' ? /* istanbul ignore next */require('hammerjs') : NoopHammer;
 const Handle = (props, legacyContext) => {
   const skin = GetSkinFromContext(legacyContext);
-
   const primaryColor = _getOr('#00B0FF', 'common.primary', skin);
-
   const backgroundColor = primaryColor;
   const {
     onPanStart = _noop,
@@ -45,7 +38,8 @@ const Handle = (props, legacyContext) => {
   } = props;
   const handle = useRef();
   const hammer = useMemo(() => {
-    return HammerForTesting || handle.current && new Hammer(handle.current); // (we need to mount Hammer when handle.current is rendered and ready)
+    return HammerForTesting || handle.current && new Hammer(handle.current);
+    // (we need to mount Hammer when handle.current is rendered and ready)
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [handle.current, HammerForTesting]);
   useEffect(() => {
@@ -71,7 +65,6 @@ const Handle = (props, legacyContext) => {
     "data-name": 'handle'
   }));
 };
-
 Handle.propTypes = process.env.NODE_ENV !== "production" ? {
   onPan: PropTypes.func,
   onPanStart: PropTypes.func,

package/es/atom/range/handle.js.map

@@ -1 +1 @@
-{"version":3,"file":"handle.js","names":["React","useEffect","useMemo","useRef","PropTypes","Provider","GetSkinFromContext","getShadowBoxColorFromPrimary","style","NoopHammer","constructor","on","stop","destroy","Hammer","window","require","Handle","props","legacyContext","skin","primaryColor","backgroundColor","onPanStart","onPanEnd","onPan","HammerForTesting","handle","hammer","current","wrapper","boxShadow","default","propTypes","func","shape","contextTypes","childContextTypes"],"sources":["../../../src/atom/range/handle.js"],"sourcesContent":["import {noop, getOr} from 'lodash/fp';\nimport React, {useEffect, useMemo, useRef} from 'react';\nimport PropTypes from 'prop-types';\nimport Provider, {GetSkinFromContext} from '../provider';\nimport {getShadowBoxColorFromPrimary} from '../../util/get-shadow-box-color-from-primary';\nimport style from './handle.css';\n\nclass NoopHammer {\n  constructor() {}\n\n  // eslint-disable-next-line class-methods-use-this\n  on() {\n    return;\n  }\n\n  // eslint-disable-next-line class-methods-use-this\n  stop() {\n    return;\n  }\n\n  // eslint-disable-next-line class-methods-use-this\n  destroy() {\n    return;\n  }\n}\n\nconst Hammer = // eslint-disable-next-line no-undef\n  typeof window !== 'undefined' ? /* istanbul ignore next */ require('hammerjs') : NoopHammer;\n\nconst Handle = (props, legacyContext) => {\n  const skin = GetSkinFromContext(legacyContext);\n  const primaryColor = getOr('#00B0FF', 'common.primary', skin);\n  const backgroundColor = primaryColor;\n  const {onPanStart = noop, onPanEnd = noop, onPan = noop, HammerForTesting} = props;\n\n  const handle = useRef();\n\n  const hammer = useMemo(() => {\n    return HammerForTesting || (handle.current && new Hammer(handle.current));\n    // (we need to mount Hammer when handle.current is rendered and ready)\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [handle.current, HammerForTesting]);\n\n  useEffect(() => {\n    if (!hammer) return;\n    hammer.on('panstart', onPanStart);\n    hammer.on('panend', onPanEnd);\n\n    hammer.on('panleft panright', onPan);\n\n    return () => {\n      hammer.stop();\n      hammer.destroy();\n    };\n  }, [hammer, onPanStart, onPanEnd, onPan]);\n\n  return (\n    <div className={style.wrapper} data-testid=\"handle-wrapper\">\n      <div\n        style={{\n          backgroundColor,\n          boxShadow: `0px 0px 20px ${getShadowBoxColorFromPrimary(primaryColor)}`\n        }}\n        className={style.default}\n        ref={handle}\n        data-name={'handle'}\n      />\n    </div>\n  );\n};\n\nHandle.propTypes = {\n  onPan: PropTypes.func,\n  onPanStart: PropTypes.func,\n  onPanEnd: PropTypes.func,\n  HammerForTesting: PropTypes.shape({\n    on: PropTypes.func,\n    destroy: PropTypes.func,\n    stop: PropTypes.func\n  })\n};\n\nHandle.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nexport default Handle;\n"],"mappings":";;AACA,OAAOA,KAAP,IAAeC,SAAf,EAA0BC,OAA1B,EAAmCC,MAAnC,QAAgD,OAAhD;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,QAAP,IAAkBC,kBAAlB,QAA2C,aAA3C;AACA,SAAQC,4BAAR,QAA2C,8CAA3C;AACA,OAAOC,KAAP,MAAkB,cAAlB;;AAEA,MAAMC,UAAN,CAAiB;EACfC,WAAW,GAAG,CAAE,CADD,CAGf;;;EACAC,EAAE,GAAG;IACH;EACD,CANc,CAQf;;;EACAC,IAAI,GAAG;IACL;EACD,CAXc,CAaf;;;EACAC,OAAO,GAAG;IACR;EACD;;AAhBc;;AAmBjB,MAAMC,MAAM,GAAG;AACb,OAAOC,MAAP,KAAkB,WAAlB;AAAgC;AAA2BC,OAAO,CAAC,UAAD,CAAlE,GAAiFP,UADnF;;AAGA,MAAMQ,MAAM,GAAG,CAACC,KAAD,EAAQC,aAAR,KAA0B;EACvC,MAAMC,IAAI,GAAGd,kBAAkB,CAACa,aAAD,CAA/B;;EACA,MAAME,YAAY,GAAG,OAAM,SAAN,EAAiB,gBAAjB,EAAmCD,IAAnC,CAArB;;EACA,MAAME,eAAe,GAAGD,YAAxB;EACA,MAAM;IAACE,UAAU,QAAX;IAAoBC,QAAQ,QAA5B;IAAqCC,KAAK,QAA1C;IAAmDC;EAAnD,IAAuER,KAA7E;EAEA,MAAMS,MAAM,GAAGxB,MAAM,EAArB;EAEA,MAAMyB,MAAM,GAAG1B,OAAO,CAAC,MAAM;IAC3B,OAAOwB,gBAAgB,IAAKC,MAAM,CAACE,OAAP,IAAkB,IAAIf,MAAJ,CAAWa,MAAM,CAACE,OAAlB,CAA9C,CAD2B,CAE3B;IACA;EACD,CAJqB,EAInB,CAACF,MAAM,CAACE,OAAR,EAAiBH,gBAAjB,CAJmB,CAAtB;EAMAzB,SAAS,CAAC,MAAM;IACd,IAAI,CAAC2B,MAAL,EAAa;IACbA,MAAM,CAACjB,EAAP,CAAU,UAAV,EAAsBY,UAAtB;IACAK,MAAM,CAACjB,EAAP,CAAU,QAAV,EAAoBa,QAApB;IAEAI,MAAM,CAACjB,EAAP,CAAU,kBAAV,EAA8Bc,KAA9B;IAEA,OAAO,MAAM;MACXG,MAAM,CAAChB,IAAP;MACAgB,MAAM,CAACf,OAAP;IACD,CAHD;EAID,CAXQ,EAWN,CAACe,MAAD,EAASL,UAAT,EAAqBC,QAArB,EAA+BC,KAA/B,CAXM,CAAT;EAaA,oBACE;IAAK,SAAS,EAAEjB,KAAK,CAACsB,OAAtB;IAA+B,eAAY;EAA3C,gBACE;IACE,KAAK,EAAE;MACLR,eADK;MAELS,SAAS,EAAG,gBAAexB,4BAA4B,CAACc,YAAD,CAAe;IAFjE,CADT;IAKE,SAAS,EAAEb,KAAK,CAACwB,OALnB;IAME,GAAG,EAAEL,MANP;IAOE,aAAW;EAPb,EADF,CADF;AAaD,CAxCD;;AA0CAV,MAAM,CAACgB,SAAP,2CAAmB;EACjBR,KAAK,EAAErB,SAAS,CAAC8B,IADA;EAEjBX,UAAU,EAAEnB,SAAS,CAAC8B,IAFL;EAGjBV,QAAQ,EAAEpB,SAAS,CAAC8B,IAHH;EAIjBR,gBAAgB,EAAEtB,SAAS,CAAC+B,KAAV,CAAgB;IAChCxB,EAAE,EAAEP,SAAS,CAAC8B,IADkB;IAEhCrB,OAAO,EAAET,SAAS,CAAC8B,IAFa;IAGhCtB,IAAI,EAAER,SAAS,CAAC8B;EAHgB,CAAhB;AAJD,CAAnB;AAWAjB,MAAM,CAACmB,YAAP,GAAsB;EACpBhB,IAAI,EAAEf,QAAQ,CAACgC,iBAAT,CAA2BjB;AADb,CAAtB;AAIA,eAAeH,MAAf"}
+{"version":3,"file":"handle.js","names":["React","useEffect","useMemo","useRef","PropTypes","Provider","GetSkinFromContext","getShadowBoxColorFromPrimary","style","NoopHammer","constructor","on","stop","destroy","Hammer","window","require","Handle","props","legacyContext","skin","primaryColor","_getOr","backgroundColor","onPanStart","_noop","onPanEnd","onPan","HammerForTesting","handle","hammer","current","createElement","className","wrapper","boxShadow","default","ref","propTypes","process","env","NODE_ENV","func","shape","contextTypes","childContextTypes"],"sources":["../../../src/atom/range/handle.js"],"sourcesContent":["import {noop, getOr} from 'lodash/fp';\nimport React, {useEffect, useMemo, useRef} from 'react';\nimport PropTypes from 'prop-types';\nimport Provider, {GetSkinFromContext} from '../provider';\nimport {getShadowBoxColorFromPrimary} from '../../util/get-shadow-box-color-from-primary';\nimport style from './handle.css';\n\nclass NoopHammer {\n  constructor() {}\n\n  // eslint-disable-next-line class-methods-use-this\n  on() {\n    return;\n  }\n\n  // eslint-disable-next-line class-methods-use-this\n  stop() {\n    return;\n  }\n\n  // eslint-disable-next-line class-methods-use-this\n  destroy() {\n    return;\n  }\n}\n\nconst Hammer = // eslint-disable-next-line no-undef\n  typeof window !== 'undefined' ? /* istanbul ignore next */ require('hammerjs') : NoopHammer;\n\nconst Handle = (props, legacyContext) => {\n  const skin = GetSkinFromContext(legacyContext);\n  const primaryColor = getOr('#00B0FF', 'common.primary', skin);\n  const backgroundColor = primaryColor;\n  const {onPanStart = noop, onPanEnd = noop, onPan = noop, HammerForTesting} = props;\n\n  const handle = useRef();\n\n  const hammer = useMemo(() => {\n    return HammerForTesting || (handle.current && new Hammer(handle.current));\n    // (we need to mount Hammer when handle.current is rendered and ready)\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [handle.current, HammerForTesting]);\n\n  useEffect(() => {\n    if (!hammer) return;\n    hammer.on('panstart', onPanStart);\n    hammer.on('panend', onPanEnd);\n\n    hammer.on('panleft panright', onPan);\n\n    return () => {\n      hammer.stop();\n      hammer.destroy();\n    };\n  }, [hammer, onPanStart, onPanEnd, onPan]);\n\n  return (\n    <div className={style.wrapper} data-testid=\"handle-wrapper\">\n      <div\n        style={{\n          backgroundColor,\n          boxShadow: `0px 0px 20px ${getShadowBoxColorFromPrimary(primaryColor)}`\n        }}\n        className={style.default}\n        ref={handle}\n        data-name={'handle'}\n      />\n    </div>\n  );\n};\n\nHandle.propTypes = {\n  onPan: PropTypes.func,\n  onPanStart: PropTypes.func,\n  onPanEnd: PropTypes.func,\n  HammerForTesting: PropTypes.shape({\n    on: PropTypes.func,\n    destroy: PropTypes.func,\n    stop: PropTypes.func\n  })\n};\n\nHandle.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nexport default Handle;\n"],"mappings":"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","ignoreList":[]}