@coorpacademy/components 11.9.3-alpha.29 → 11.9.3-alpha.31

package/es/atom/picture/index.js

@@ -7,15 +7,19 @@ import _isObject from "lodash/fp/isObject";
 import _isNil from "lodash/fp/isNil";
 import _get from "lodash/fp/get";
 import _filter from "lodash/fp/filter";
+
 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); }
+
 import React from 'react';
 import PropTypes from 'prop-types';
 import { SrcPropType } from '../../util/proptypes';
 import style from './style.css';
+
 const toSrcSet = src => {
   if (!_isObject(src)) return {};
   return _pipe(_set('srcSet', _pipe(_toPairs, _filter(([key, url]) => url), _map(([key, url]) => `${url} ${key}`), _join(','))(src)), _set('src', _get('1x', src)))({});
 };
+
 const toSetAlt = alt => {
   return alt ? {
     alt
@@ -24,18 +28,22 @@ const toSetAlt = alt => {
     'aria-hidden': true
   };
 };
+
 const Picture = props => {
   const {
     src,
     alt
   } = props;
+
   if (_isNil(src)) {
     return /*#__PURE__*/React.createElement("div", {
       className: style.empty
     });
   }
+
   return /*#__PURE__*/React.createElement("img", _extends({}, props, toSrcSet(src), toSetAlt(alt)));
 };
+
 Picture.propTypes = process.env.NODE_ENV !== "production" ? {
   src: PropTypes.oneOfType([SrcPropType, PropTypes.objectOf(SrcPropType)]),
   alt: PropTypes.string

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","SrcPropType","style","toSrcSet","src","key","url","toSetAlt","alt","Picture","props","empty","propTypes","oneOfType","objectOf","string"],"sources":["../../../src/atom/picture/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {filter, get, isNil, isObject, join, map, pipe, set, toPairs} from 'lodash/fp';\nimport {SrcPropType} from '../../util/proptypes';\nimport style from './style.css';\n\nconst toSrcSet = src => {\n  if (!isObject(src)) return {};\n  return pipe(\n    set(\n      'srcSet',\n      pipe(\n        toPairs,\n        filter(([key, url]) => url),\n        map(([key, url]) => `${url} ${key}`),\n        join(',')\n      )(src)\n    ),\n    set('src', get('1x', src))\n  )({});\n};\n\nconst toSetAlt = alt => {\n  return alt ? {alt} : {alt: '', 'aria-hidden': true};\n};\n\nconst Picture = props => {\n  const {src, alt} = props;\n  if (isNil(src)) {\n    return <div className={style.empty} />;\n  }\n  return <img {...props} {...toSrcSet(src)} {...toSetAlt(alt)} />;\n};\n\nPicture.propTypes = {\n  src: PropTypes.oneOfType([SrcPropType, PropTypes.objectOf(SrcPropType)]),\n  alt: PropTypes.string\n};\n\nexport default Picture;\n"],"mappings":";;;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,SAAQC,WAAW,QAAO,sBAAsB;AAChD,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,QAAQ,GAAGC,GAAG,IAAI;EACtB,IAAI,CAAC,UAASA,GAAG,CAAC,EAAE,OAAO,CAAC,CAAC;EAC7B,OAAO,MACL,KACE,QAAQ,EACR,gBAEE,QAAO,CAAC,CAACC,GAAG,EAAEC,GAAG,CAAC,KAAKA,GAAG,CAAC,EAC3B,KAAI,CAAC,CAACD,GAAG,EAAEC,GAAG,CAAC,KAAM,GAAEA,GAAI,IAAGD,GAAI,EAAC,CAAC,EACpC,MAAK,GAAG,CAAC,CACV,CAACD,GAAG,CAAC,CACP,EACD,KAAI,KAAK,EAAE,KAAI,IAAI,EAAEA,GAAG,CAAC,CAAC,CAC3B,CAAC,CAAC,CAAC,CAAC;AACP,CAAC;AAED,MAAMG,QAAQ,GAAGC,GAAG,IAAI;EACtB,OAAOA,GAAG,GAAG;IAACA;EAAG,CAAC,GAAG;IAACA,GAAG,EAAE,EAAE;IAAE,aAAa,EAAE;EAAI,CAAC;AACrD,CAAC;AAED,MAAMC,OAAO,GAAGC,KAAK,IAAI;EACvB,MAAM;IAACN,GAAG;IAAEI;EAAG,CAAC,GAAGE,KAAK;EACxB,IAAI,OAAMN,GAAG,CAAC,EAAE;IACd,oBAAO;MAAK,SAAS,EAAEF,KAAK,CAACS;IAAM,EAAG;EACxC;EACA,oBAAO,wCAASD,KAAK,EAAMP,QAAQ,CAACC,GAAG,CAAC,EAAMG,QAAQ,CAACC,GAAG,CAAC,EAAI;AACjE,CAAC;AAEDC,OAAO,CAACG,SAAS,2CAAG;EAClBR,GAAG,EAAEJ,SAAS,CAACa,SAAS,CAAC,CAACZ,WAAW,EAAED,SAAS,CAACc,QAAQ,CAACb,WAAW,CAAC,CAAC,CAAC;EACxEO,GAAG,EAAER,SAAS,CAACe;AACjB,CAAC;AAED,eAAeN,OAAO"}
+{"version":3,"file":"index.js","names":["React","PropTypes","SrcPropType","style","toSrcSet","src","key","url","toSetAlt","alt","Picture","props","empty","propTypes","oneOfType","objectOf","string"],"sources":["../../../src/atom/picture/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {filter, get, isNil, isObject, join, map, pipe, set, toPairs} from 'lodash/fp';\nimport {SrcPropType} from '../../util/proptypes';\nimport style from './style.css';\n\nconst toSrcSet = src => {\n  if (!isObject(src)) return {};\n  return pipe(\n    set(\n      'srcSet',\n      pipe(\n        toPairs,\n        filter(([key, url]) => url),\n        map(([key, url]) => `${url} ${key}`),\n        join(',')\n      )(src)\n    ),\n    set('src', get('1x', src))\n  )({});\n};\n\nconst toSetAlt = alt => {\n  return alt ? {alt} : {alt: '', 'aria-hidden': true};\n};\n\nconst Picture = props => {\n  const {src, alt} = props;\n  if (isNil(src)) {\n    return <div className={style.empty} />;\n  }\n  return <img {...props} {...toSrcSet(src)} {...toSetAlt(alt)} />;\n};\n\nPicture.propTypes = {\n  src: PropTypes.oneOfType([SrcPropType, PropTypes.objectOf(SrcPropType)]),\n  alt: PropTypes.string\n};\n\nexport default Picture;\n"],"mappings":";;;;;;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,SAAQC,WAAR,QAA0B,sBAA1B;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,QAAQ,GAAGC,GAAG,IAAI;EACtB,IAAI,CAAC,UAASA,GAAT,CAAL,EAAoB,OAAO,EAAP;EACpB,OAAO,MACL,KACE,QADF,EAEE,gBAEE,QAAO,CAAC,CAACC,GAAD,EAAMC,GAAN,CAAD,KAAgBA,GAAvB,CAFF,EAGE,KAAI,CAAC,CAACD,GAAD,EAAMC,GAAN,CAAD,KAAiB,GAAEA,GAAI,IAAGD,GAAI,EAAlC,CAHF,EAIE,MAAK,GAAL,CAJF,EAKED,GALF,CAFF,CADK,EAUL,KAAI,KAAJ,EAAW,KAAI,IAAJ,EAAUA,GAAV,CAAX,CAVK,EAWL,EAXK,CAAP;AAYD,CAdD;;AAgBA,MAAMG,QAAQ,GAAGC,GAAG,IAAI;EACtB,OAAOA,GAAG,GAAG;IAACA;EAAD,CAAH,GAAW;IAACA,GAAG,EAAE,EAAN;IAAU,eAAe;EAAzB,CAArB;AACD,CAFD;;AAIA,MAAMC,OAAO,GAAGC,KAAK,IAAI;EACvB,MAAM;IAACN,GAAD;IAAMI;EAAN,IAAaE,KAAnB;;EACA,IAAI,OAAMN,GAAN,CAAJ,EAAgB;IACd,oBAAO;MAAK,SAAS,EAAEF,KAAK,CAACS;IAAtB,EAAP;EACD;;EACD,oBAAO,wCAASD,KAAT,EAAoBP,QAAQ,CAACC,GAAD,CAA5B,EAAuCG,QAAQ,CAACC,GAAD,CAA/C,EAAP;AACD,CAND;;AAQAC,OAAO,CAACG,SAAR,2CAAoB;EAClBR,GAAG,EAAEJ,SAAS,CAACa,SAAV,CAAoB,CAACZ,WAAD,EAAcD,SAAS,CAACc,QAAV,CAAmBb,WAAnB,CAAd,CAApB,CADa;EAElBO,GAAG,EAAER,SAAS,CAACe;AAFG,CAApB;AAKA,eAAeN,OAAf"}

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

@@ -8,6 +8,7 @@ const viewStyle = {
   cover: cssStyle.cover,
   contain: cssStyle.contain
 };
+
 const PictureBackground = props => {
   const {
     src,
@@ -44,6 +45,7 @@ const PictureBackground = props => {
     style: style
   }, pictureView);
 };
+
 PictureBackground.propTypes = process.env.NODE_ENV !== "production" ? {
   view: PropTypes.oneOf(_keys(viewStyle)),
   src: PropTypes.oneOfType([PropTypes.objectOf(PropTypes.string), PropTypes.string.isRequired]),

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","mobile","desktop","bgStyle","pictureView","deviceView","mobileContainer","picture","backgroundImage","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} = 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        <div\n          className={classnames(cssStyle.picture, bgStyle)}\n          style={{\n            backgroundImage: `url(${mobile})`\n          }}\n        />\n      </div>\n      <div className={cssStyle.desktopContainer}>\n        <div\n          className={classnames(cssStyle.picture, bgStyle)}\n          style={{\n            backgroundImage: `url(${desktop})`\n          }}\n        />\n      </div>\n    </div>\n  ) : (\n    <div\n      className={classnames(cssStyle.default, bgStyle)}\n      style={{backgroundImage: `url(${src})`}}\n    />\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};\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;EAAK,CAAC,GAAGH,KAAK;EAChC,MAAMI,MAAM,GAAGH,GAAG,CAACG,MAAM;EACzB,MAAMC,OAAO,GAAGJ,GAAG,CAACI,OAAO;EAC3B,MAAMC,OAAO,GAAGV,SAAS,CAACM,IAAI,CAAC;EAE/B,MAAMK,WAAW,GAAG,UAASN,GAAG,CAAC,gBAC/B;IAAK,SAAS,EAAEN,QAAQ,CAACa;EAAW,gBAClC;IAAK,SAAS,EAAEb,QAAQ,CAACc;EAAgB,gBACvC;IACE,SAAS,EAAEf,UAAU,CAACC,QAAQ,CAACe,OAAO,EAAEJ,OAAO,CAAE;IACjD,KAAK,EAAE;MACLK,eAAe,EAAG,OAAMP,MAAO;IACjC;EAAE,EACF,CACE,eACN;IAAK,SAAS,EAAET,QAAQ,CAACiB;EAAiB,gBACxC;IACE,SAAS,EAAElB,UAAU,CAACC,QAAQ,CAACe,OAAO,EAAEJ,OAAO,CAAE;IACjD,KAAK,EAAE;MACLK,eAAe,EAAG,OAAMN,OAAQ;IAClC;EAAE,EACF,CACE,CACF,gBAEN;IACE,SAAS,EAAEX,UAAU,CAACC,QAAQ,CAACkB,OAAO,EAAEP,OAAO,CAAE;IACjD,KAAK,EAAE;MAACK,eAAe,EAAG,OAAMV,GAAI;IAAE;EAAE,EAE3C;EAED,oBACE;IAAK,SAAS,EAAEN,QAAQ,CAACmB,OAAQ;IAAC,KAAK,EAAEX;EAAM,GAC5CI,WAAW,CACR;AAEV,CAAC;AAEDR,iBAAiB,CAACgB,SAAS,2CAAG;EAC5Bb,IAAI,EAAET,SAAS,CAACuB,KAAK,CAAC,MAAKpB,SAAS,CAAC,CAAC;EACtCK,GAAG,EAAER,SAAS,CAACwB,SAAS,CAAC,CAACxB,SAAS,CAACyB,QAAQ,CAACzB,SAAS,CAAC0B,MAAM,CAAC,EAAE1B,SAAS,CAAC0B,MAAM,CAACC,UAAU,CAAC,CAAC;EAC7FjB,KAAK,EAAEV,SAAS,CAACyB,QAAQ,CAACzB,SAAS,CAACwB,SAAS,CAAC,CAACxB,SAAS,CAAC0B,MAAM,EAAE1B,SAAS,CAAC4B,MAAM,CAAC,CAAC;AACrF,CAAC;AAED,eAAetB,iBAAiB"}
+{"version":3,"file":"index.js","names":["React","PropTypes","classnames","cssStyle","viewStyle","cover","contain","PictureBackground","props","src","view","style","mobile","desktop","bgStyle","pictureView","deviceView","mobileContainer","picture","backgroundImage","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} = 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        <div\n          className={classnames(cssStyle.picture, bgStyle)}\n          style={{\n            backgroundImage: `url(${mobile})`\n          }}\n        />\n      </div>\n      <div className={cssStyle.desktopContainer}>\n        <div\n          className={classnames(cssStyle.picture, bgStyle)}\n          style={{\n            backgroundImage: `url(${desktop})`\n          }}\n        />\n      </div>\n    </div>\n  ) : (\n    <div\n      className={classnames(cssStyle.default, bgStyle)}\n      style={{backgroundImage: `url(${src})`}}\n    />\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};\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;EAAZ,IAAqBH,KAA3B;EACA,MAAMI,MAAM,GAAGH,GAAG,CAACG,MAAnB;EACA,MAAMC,OAAO,GAAGJ,GAAG,CAACI,OAApB;EACA,MAAMC,OAAO,GAAGV,SAAS,CAACM,IAAD,CAAzB;EAEA,MAAMK,WAAW,GAAG,UAASN,GAAT,iBAClB;IAAK,SAAS,EAAEN,QAAQ,CAACa;EAAzB,gBACE;IAAK,SAAS,EAAEb,QAAQ,CAACc;EAAzB,gBACE;IACE,SAAS,EAAEf,UAAU,CAACC,QAAQ,CAACe,OAAV,EAAmBJ,OAAnB,CADvB;IAEE,KAAK,EAAE;MACLK,eAAe,EAAG,OAAMP,MAAO;IAD1B;EAFT,EADF,CADF,eASE;IAAK,SAAS,EAAET,QAAQ,CAACiB;EAAzB,gBACE;IACE,SAAS,EAAElB,UAAU,CAACC,QAAQ,CAACe,OAAV,EAAmBJ,OAAnB,CADvB;IAEE,KAAK,EAAE;MACLK,eAAe,EAAG,OAAMN,OAAQ;IAD3B;EAFT,EADF,CATF,CADkB,gBAoBlB;IACE,SAAS,EAAEX,UAAU,CAACC,QAAQ,CAACkB,OAAV,EAAmBP,OAAnB,CADvB;IAEE,KAAK,EAAE;MAACK,eAAe,EAAG,OAAMV,GAAI;IAA7B;EAFT,EApBF;EA0BA,oBACE;IAAK,SAAS,EAAEN,QAAQ,CAACmB,OAAzB;IAAkC,KAAK,EAAEX;EAAzC,GACGI,WADH,CADF;AAKD,CArCD;;AAuCAR,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;AAHqB,CAA9B;AAMA,eAAetB,iBAAf"}

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

@@ -2,6 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import Provider from '../provider';
 import style from './style.css';
+
 const PromoCode = (props, context) => {
   const {
     promoCodeDescription,
@@ -35,6 +36,7 @@ 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,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,QAAQ,MAAM,aAAa;AAClC,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,SAAS,GAAG,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,oBACE;IAAK,SAAS,EAAEH,KAAK,CAACS;EAAU,gBAC9B;IAAK,SAAS,EAAET,KAAK,CAACU;EAAwB,gBAC5C;IACE,IAAI,EAAC,MAAM;IACX,WAAW,EAAEF,SAAS,CAAC,qBAAqB,CAAE;IAC9C,SAAS,EAAG;AACtB,cAAcR,KAAK,CAACW,cAAe;AACnC,cAAcN,cAAc,IAAIL,KAAK,CAACY,sBAAuB;AAC7D,cAAcR,oBAAoB,IAAIJ,KAAK,CAACa,wBAAyB;AACrE,WAAY;IACF,QAAQ,EAAEN;EAAsB,EAChC,eACF;IAAQ,IAAI,EAAC,QAAQ;IAAC,OAAO,EAAED,UAAW;IAAC,SAAS,EAAEN,KAAK,CAACc;EAAgB,GACzEN,SAAS,CAAC,4BAA4B,CAAC,CACjC,CACL,EACLJ,oBAAoB,gBACnB;IAAK,SAAS,EAAEJ,KAAK,CAACI;EAAqB,GAAC,GAAC,EAACA,oBAAoB,CAAO,GACvE,IAAI,EACPC,cAAc,gBAAG;IAAK,SAAS,EAAEL,KAAK,CAACK;EAAe,GAAC,GAAC,EAACA,cAAc,CAAO,GAAG,IAAI,CAClF;AAEV,CAAC;AAEDJ,SAAS,CAACc,YAAY,GAAG;EACvBP,SAAS,EAAET,QAAQ,CAACiB,iBAAiB,CAACR;AACxC,CAAC;AAEDP,SAAS,CAACgB,SAAS,2CAAG;EACpBb,oBAAoB,EAAEN,SAAS,CAACoB,MAAM;EACtCb,cAAc,EAAEP,SAAS,CAACoB,MAAM;EAChCZ,UAAU,EAAER,SAAS,CAACqB,IAAI,CAACC,UAAU;EACrCb,qBAAqB,EAAET,SAAS,CAACqB,IAAI,CAACC;AACxC,CAAC;AAED,eAAenB,SAAS"}
+{"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"}

package/es/atom/provider/index.js

@@ -31,7 +31,9 @@ const DEFAULT_SKIN = {
     black: '#14171A'
   }
 };
+
 const mergeSkin = (skin = {}) => _defaultsDeep(DEFAULT_SKIN, skin);
+
 const historyShape = PropTypes.shape({
   createHref: PropTypes.func,
   push: PropTypes.func
@@ -50,6 +52,7 @@ const skinShape = PropTypes.shape({
   texts: PropTypes.objectOf(ColorPropType)
 });
 const translateShape = PropTypes.func;
+
 class Provider extends React.Component {
   static getDerivedStateFromProps(props) {
     const {
@@ -63,6 +66,7 @@ class Provider extends React.Component {
       translate
     };
   }
+
   constructor(props, context) {
     super(props, context);
     const {
@@ -70,8 +74,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),
@@ -79,16 +83,20 @@ 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,
@@ -104,18 +112,27 @@ 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","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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"}

package/es/atom/provider/web-context.d.ts

@@ -1,14 +1,14 @@
 import { ReactNode } from 'react';
-type Skin = {
+declare type Skin = {
     common: {
         primary: string;
     };
 };
-type WebContextValues = {
+declare type WebContextValues = {
     skin?: Skin;
     translate: (key: string, data?: Record<string, string>) => string;
 };
-type Props = WebContextValues & {
+declare type Props = WebContextValues & {
     children: ReactNode;
 };
 declare const WebContext: ({ children, ...value }: Props) => JSX.Element;

package/es/atom/provider/web-context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"web-context.d.ts","sourceRoot":"","sources":["../../../src/atom/provider/web-context.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAgB,SAAS,EAAa,MAAM,OAAO,CAAC;AAGlE,KAAK,IAAI,GAAG;IACV,MAAM,EAAE;QACN,OAAO,EAAE,MAAM,CAAC;KACjB,CAAC;CACH,CAAC;AAEF,KAAK,gBAAgB,GAAG;IACtB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,SAAS,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,MAAM,CAAC;CACnE,CAAC;AAMF,KAAK,KAAK,GAAG,gBAAgB,GAAG;IAC9B,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,QAAA,MAAM,UAAU,2BAA0B,KAAK,gBAE9C,CAAC;AAEF,eAAO,MAAM,aAAa,QAAO,gBAQhC,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"web-context.d.ts","sourceRoot":"","sources":["../../../src/atom/provider/web-context.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAgB,SAAS,EAAa,MAAM,OAAO,CAAC;AAGlE,aAAK,IAAI,GAAG;IACV,MAAM,EAAE;QACN,OAAO,EAAE,MAAM,CAAC;KACjB,CAAC;CACH,CAAC;AAEF,aAAK,gBAAgB,GAAG;IACtB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,SAAS,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,MAAM,CAAC;CACnE,CAAC;AAMF,aAAK,KAAK,GAAG,gBAAgB,GAAG;IAC9B,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,QAAA,MAAM,UAAU,2BAA0B,KAAK,gBAE9C,CAAC;AAEF,eAAO,MAAM,aAAa,QAAO,gBAQhC,CAAC;AAEF,eAAe,UAAU,CAAC"}

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

@@ -1,24 +1,31 @@
 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';
-import translate from '@coorpacademy/translate';
+import { mockTranslate } from '@coorpacademy/translate';
 const Context = /*#__PURE__*/createContext({
-  translate
+  translate: mockTranslate
 });
+
 const WebContext = _ref => {
   let {
-      children
-    } = _ref,
-    value = _objectWithoutPropertiesLoose(_ref, _excluded);
+    children
+  } = _ref,
+      value = _objectWithoutPropertiesLoose(_ref, _excluded);
+
   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","translate","Context","WebContext","children","value","useWebContext","context","Error"],"sources":["../../../src/atom/provider/web-context.tsx"],"sourcesContent":["import React, {createContext, ReactNode, useContext} from 'react';\nimport translate from '@coorpacademy/translate';\n\ntype Skin = {\n  common: {\n    primary: string;\n  };\n};\n\ntype WebContextValues = {\n  skin?: Skin;\n  translate: (key: string, data?: Record<string, string>) => string;\n};\n\nconst Context = createContext({\n  translate\n});\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;AACjE,OAAOC,SAAS,MAAM,yBAAyB;AAa/C,MAAMC,OAAO,gBAAGH,aAAa,CAAC;EAC5BE;AACF,CAAC,CAAC;AAMF,MAAME,UAAU,GAAG,QAAiC;EAAA,IAAhC;MAACC;IAAyB,CAAC;IAAbC,KAAK;EACrC,oBAAO,oBAAC,OAAO,CAAC,QAAQ;IAAC,KAAK,EAAEA;EAAM,GAAED,QAAQ,CAAoB;AACtE,CAAC;AAED,OAAO,MAAME,aAAa,GAAG,MAAwB;EACnD,MAAMC,OAAO,GAAGP,UAAU,CAACE,OAAO,CAAC;EAEnC,IAAI,CAACK,OAAO,EAAE;IACZ,MAAM,IAAIC,KAAK,CAAC,0EAA0E,CAAC;EAC7F;EAEA,OAAOD,OAAO;AAChB,CAAC;AAED,eAAeJ,UAAU"}
+{"version":3,"file":"web-context.js","names":["React","createContext","useContext","mockTranslate","Context","translate","WebContext","children","value","useWebContext","context","Error"],"sources":["../../../src/atom/provider/web-context.tsx"],"sourcesContent":["import React, {createContext, ReactNode, useContext} from 'react';\nimport {mockTranslate} from '@coorpacademy/translate';\n\ntype Skin = {\n  common: {\n    primary: string;\n  };\n};\n\ntype WebContextValues = {\n  skin?: Skin;\n  translate: (key: string, data?: Record<string, string>) => string;\n};\n\nconst Context = createContext({\n  translate: mockTranslate\n});\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;AACA,SAAQC,aAAR,QAA4B,yBAA5B;AAaA,MAAMC,OAAO,gBAAGH,aAAa,CAAC;EAC5BI,SAAS,EAAEF;AADiB,CAAD,CAA7B;;AAQA,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,GAAGR,UAAU,CAACE,OAAD,CAA1B;;EAEA,IAAI,CAACM,OAAL,EAAc;IACZ,MAAM,IAAIC,KAAJ,CAAU,0EAAV,CAAN;EACD;;EAED,OAAOD,OAAP;AACD,CARM;AAUP,eAAeJ,UAAf"}

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

@@ -1,6 +1,8 @@
 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); }
+
 import classnames from 'classnames';
 import React from 'react';
 import PropTypes from 'prop-types';
@@ -11,6 +13,7 @@ const themeStyle = {
   setup: style.setup,
   coorpmanager: style.coorpmanager
 };
+
 const RadioGroup = (props, context) => {
   const {
     list = [],
@@ -22,8 +25,11 @@ 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,
@@ -32,6 +38,7 @@ const RadioGroup = (props, context) => {
       key: itemProps.value
     }));
   }, list);
+
   return /*#__PURE__*/React.createElement("div", {
     className: classnames([mainClass, style.container, className]),
     style: {
@@ -39,6 +46,7 @@ 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,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,GAAG,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,IAAI,KAAI,gBAAgB,EAAEG,IAAI,CAAC;EACxD,MAAME,SAAS,GAAGb,UAAU,CAACU,KAAK,CAAC;EACnC,MAAMI,KAAK,GAAG,KAAIC,SAAS,IAAI;IAC7B,oBACE,oBAAC,IAAI,eAAKA,SAAS;MAAE,KAAK,EAAEP,KAAM;MAAC,KAAK,EAAEE,KAAM;MAAC,QAAQ,EAAEH,QAAS;MAAC,GAAG,EAAEQ,SAAS,CAACC;IAAM,GAAG;EAEjG,CAAC,EAAEV,IAAI,CAAC;EAER,oBACE;IAAK,SAAS,EAAEZ,UAAU,CAAC,CAACmB,SAAS,EAAEf,KAAK,CAACmB,SAAS,EAAER,SAAS,CAAC,CAAE;IAAC,KAAK,EAAE;MAACG;IAAW;EAAE,GACvFE,KAAK,CACF;AAEV,CAAC;AAEDX,UAAU,CAACe,YAAY,GAAG;EACxBP,IAAI,EAAEd,QAAQ,CAACsB,iBAAiB,CAACR;AACnC,CAAC;AAEDR,UAAU,CAACiB,SAAS,2CAAG;EACrBZ,KAAK,EAAEZ,SAAS,CAACyB,MAAM;EACvBX,KAAK,EAAEd,SAAS,CAACyB,MAAM;EACvBZ,SAAS,EAAEb,SAAS,CAACyB,MAAM;EAC3Bf,IAAI,EAAEV,SAAS,CAAC0B,OAAO,CAAC1B,SAAS,CAAC2B,KAAK,CAACxB,IAAI,CAACqB,SAAS,CAAC,CAAC;EACxDb,QAAQ,EAAEX,SAAS,CAAC4B;AACtB,CAAC;AAED,eAAerB,UAAU"}
+{"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"}

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

@@ -7,13 +7,17 @@ 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;
@@ -26,7 +30,9 @@ 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),
@@ -55,6 +61,7 @@ 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,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,IAAI,MAAK,KAAI,cAAc,CAAC,EAAEA,GAAG,CAAC;AAEnE,MAAMC,UAAU,GAAG;EACjBC,KAAK,EAAEJ,KAAK,CAACI,KAAK;EAClBC,YAAY,EAAEL,KAAK,CAACK;AACtB,CAAC;AAED,MAAMC,IAAI,GAAG,CAACC,KAAK,EAAEC,OAAO,KAAK;EAC/B,MAAMC,aAAa,GAAG,UAAS,kBAAkB,CAAC;EAClD,MAAM;IAACC;EAAI,CAAC,GAAGF,OAAO;EACtB,MAAM;IAACG,KAAK;IAAEC,IAAI;IAAEC,KAAK;IAAEC,OAAO;IAAEC,KAAK;IAAEC,QAAQ,YAAW;IAAEC;EAAK,CAAC,GAAGV,KAAK;EAC9E,MAAMW,YAAY,GAAGP,KAAK,IAAI,KAAI,gBAAgB,EAAED,IAAI,CAAC;EACzD,MAAMS,SAAS,GAAGhB,UAAU,CAACc,KAAK,CAAC;EACnC,oBACE;IACE,SAAS,EAAEnB,UAAU,CAACE,KAAK,CAACoB,MAAM,EAAED,SAAS,CAAE;IAC/C,KAAK,EAAE;MACLE,eAAe,EAAEP,OAAO,IAAII,YAAY;MACxCI,gBAAgB,EAAEJ,YAAY;MAC9BP,KAAK,EAAE,CAACG,OAAO,IAAII;IACrB;EAAE,gBAEF;IACE,IAAI,EAAC,OAAO;IACZ,EAAE,EAAET,aAAc;IAClB,SAAS,EAAET,KAAK,CAACuB,KAAM;IACvB,IAAI,EAAEX,IAAK;IACX,KAAK,EAAEC,KAAM;IACb,OAAO,EAAEC,OAAQ;IACjB,QAAQ,EAAEb,qBAAqB,CAACe,QAAQ;EAAE,EAC1C,eACF;IACE,SAAS,EAAElB,UAAU,CAACE,KAAK,CAACe,KAAK,EAAED,OAAO,IAAId,KAAK,CAACwB,QAAQ,CAAE;IAC9D,KAAK,EAAE;MACLb,KAAK,EAAE,CAACG,OAAO,IAAII;IACrB,CAAE;IACF,OAAO,EAAET;EAAc,gBAEvB;IAAM,SAAS,EAAET,KAAK,CAACyB,SAAU;IAAC,aAAY,SAAQZ,KAAM,EAAE;IAAC,KAAK,EAAEE;EAAM,GACzEA,KAAK,CACD,CACD,CACJ;AAEV,CAAC;AAEDT,IAAI,CAACoB,YAAY,GAAG;EAClBhB,IAAI,EAAEX,QAAQ,CAAC4B,iBAAiB,CAACjB;AACnC,CAAC;AACDJ,IAAI,CAACsB,SAAS,2CAAG;EACfjB,KAAK,EAAEd,SAAS,CAACgC,MAAM;EACvBhB,KAAK,EAAEhB,SAAS,CAACgC,MAAM,CAACC,UAAU;EAClClB,IAAI,EAAEf,SAAS,CAACgC,MAAM;EACtBZ,KAAK,EAAEpB,SAAS,CAACgC,MAAM;EACvBf,OAAO,EAAEjB,SAAS,CAACkC,IAAI;EACvBhB,KAAK,EAAElB,SAAS,CAACgC,MAAM;EACvBb,QAAQ,EAAEnB,SAAS,CAACmC;AACtB,CAAC;AAED,eAAe1B,IAAI"}
+{"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"}

package/es/atom/range/handle.js

@@ -5,30 +5,37 @@ 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() {}
+  constructor() {} // eslint-disable-next-line class-methods-use-this
+
 
-  // 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,
@@ -63,6 +70,7 @@ 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","useRef","useState","PropTypes","Provider","GetSkinFromContext","getShadowBoxColorFromPrimary","style","NoopHammer","constructor","on","stop","destroy","Hammer","window","require","Handle","props","legacyContext","skin","primaryColor","backgroundColor","onPanStart","onPanEnd","onPan","handle","hammer","setHammer","current","wrapper","boxShadow","default","propTypes","func","contextTypes","childContextTypes"],"sources":["../../../src/atom/range/handle.js"],"sourcesContent":["import {noop, getOr} from 'lodash/fp';\nimport React, {useEffect, useRef, useState} 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} = props;\n\n  const handle = useRef();\n  const [hammer, setHammer] = useState();\n\n  useEffect(() => {\n    setHammer(new Hammer(handle.current));\n  }, [handle]);\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      setHammer(null);\n    };\n  }, [hammer, onPanStart, onPanEnd, onPan]);\n\n  return (\n    <div className={style.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};\n\nHandle.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nexport default Handle;\n"],"mappings":";;AACA,OAAOA,KAAK,IAAGC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAO,OAAO;AACxD,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,QAAQ,IAAGC,kBAAkB,QAAO,aAAa;AACxD,SAAQC,4BAA4B,QAAO,8CAA8C;AACzF,OAAOC,KAAK,MAAM,cAAc;AAEhC,MAAMC,UAAU,CAAC;EACfC,WAAW,GAAG,CAAC;;EAEf;EACAC,EAAE,GAAG;IACH;EACF;;EAEA;EACAC,IAAI,GAAG;IACL;EACF;;EAEA;EACAC,OAAO,GAAG;IACR;EACF;AACF;AAEA,MAAMC,MAAM;AAAG;AACb,OAAOC,MAAM,KAAK,WAAW,GAAG,0BAA2BC,OAAO,CAAC,UAAU,CAAC,GAAGP,UAAU;AAE7F,MAAMQ,MAAM,GAAG,CAACC,KAAK,EAAEC,aAAa,KAAK;EACvC,MAAMC,IAAI,GAAGd,kBAAkB,CAACa,aAAa,CAAC;EAC9C,MAAME,YAAY,GAAG,OAAM,SAAS,EAAE,gBAAgB,EAAED,IAAI,CAAC;EAC7D,MAAME,eAAe,GAAGD,YAAY;EACpC,MAAM;IAACE,UAAU,QAAO;IAAEC,QAAQ,QAAO;IAAEC,KAAK;EAAO,CAAC,GAAGP,KAAK;EAEhE,MAAMQ,MAAM,GAAGxB,MAAM,EAAE;EACvB,MAAM,CAACyB,MAAM,EAAEC,SAAS,CAAC,GAAGzB,QAAQ,EAAE;EAEtCF,SAAS,CAAC,MAAM;IACd2B,SAAS,CAAC,IAAId,MAAM,CAACY,MAAM,CAACG,OAAO,CAAC,CAAC;EACvC,CAAC,EAAE,CAACH,MAAM,CAAC,CAAC;EAEZzB,SAAS,CAAC,MAAM;IACd,IAAI,CAAC0B,MAAM,EAAE;IACbA,MAAM,CAAChB,EAAE,CAAC,UAAU,EAAEY,UAAU,CAAC;IACjCI,MAAM,CAAChB,EAAE,CAAC,QAAQ,EAAEa,QAAQ,CAAC;IAE7BG,MAAM,CAAChB,EAAE,CAAC,kBAAkB,EAAEc,KAAK,CAAC;IAEpC,OAAO,MAAM;MACXE,MAAM,CAACf,IAAI,EAAE;MACbe,MAAM,CAACd,OAAO,EAAE;MAChBe,SAAS,CAAC,IAAI,CAAC;IACjB,CAAC;EACH,CAAC,EAAE,CAACD,MAAM,EAAEJ,UAAU,EAAEC,QAAQ,EAAEC,KAAK,CAAC,CAAC;EAEzC,oBACE;IAAK,SAAS,EAAEjB,KAAK,CAACsB;EAAQ,gBAC5B;IACE,KAAK,EAAE;MACLR,eAAe;MACfS,SAAS,EAAG,gBAAexB,4BAA4B,CAACc,YAAY,CAAE;IACxE,CAAE;IACF,SAAS,EAAEb,KAAK,CAACwB,OAAQ;IACzB,GAAG,EAAEN,MAAO;IACZ,aAAW;EAAS,EACpB,CACE;AAEV,CAAC;AAEDT,MAAM,CAACgB,SAAS,2CAAG;EACjBR,KAAK,EAAErB,SAAS,CAAC8B,IAAI;EACrBX,UAAU,EAAEnB,SAAS,CAAC8B,IAAI;EAC1BV,QAAQ,EAAEpB,SAAS,CAAC8B;AACtB,CAAC;AAEDjB,MAAM,CAACkB,YAAY,GAAG;EACpBf,IAAI,EAAEf,QAAQ,CAAC+B,iBAAiB,CAAChB;AACnC,CAAC;AAED,eAAeH,MAAM"}
+{"version":3,"file":"handle.js","names":["React","useEffect","useRef","useState","PropTypes","Provider","GetSkinFromContext","getShadowBoxColorFromPrimary","style","NoopHammer","constructor","on","stop","destroy","Hammer","window","require","Handle","props","legacyContext","skin","primaryColor","backgroundColor","onPanStart","onPanEnd","onPan","handle","hammer","setHammer","current","wrapper","boxShadow","default","propTypes","func","contextTypes","childContextTypes"],"sources":["../../../src/atom/range/handle.js"],"sourcesContent":["import {noop, getOr} from 'lodash/fp';\nimport React, {useEffect, useRef, useState} 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} = props;\n\n  const handle = useRef();\n  const [hammer, setHammer] = useState();\n\n  useEffect(() => {\n    setHammer(new Hammer(handle.current));\n  }, [handle]);\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      setHammer(null);\n    };\n  }, [hammer, onPanStart, onPanEnd, onPan]);\n\n  return (\n    <div className={style.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};\n\nHandle.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nexport default Handle;\n"],"mappings":";;AACA,OAAOA,KAAP,IAAeC,SAAf,EAA0BC,MAA1B,EAAkCC,QAAlC,QAAiD,OAAjD;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;EAA1C,IAAqDP,KAA3D;EAEA,MAAMQ,MAAM,GAAGxB,MAAM,EAArB;EACA,MAAM,CAACyB,MAAD,EAASC,SAAT,IAAsBzB,QAAQ,EAApC;EAEAF,SAAS,CAAC,MAAM;IACd2B,SAAS,CAAC,IAAId,MAAJ,CAAWY,MAAM,CAACG,OAAlB,CAAD,CAAT;EACD,CAFQ,EAEN,CAACH,MAAD,CAFM,CAAT;EAIAzB,SAAS,CAAC,MAAM;IACd,IAAI,CAAC0B,MAAL,EAAa;IACbA,MAAM,CAAChB,EAAP,CAAU,UAAV,EAAsBY,UAAtB;IACAI,MAAM,CAAChB,EAAP,CAAU,QAAV,EAAoBa,QAApB;IAEAG,MAAM,CAAChB,EAAP,CAAU,kBAAV,EAA8Bc,KAA9B;IAEA,OAAO,MAAM;MACXE,MAAM,CAACf,IAAP;MACAe,MAAM,CAACd,OAAP;MACAe,SAAS,CAAC,IAAD,CAAT;IACD,CAJD;EAKD,CAZQ,EAYN,CAACD,MAAD,EAASJ,UAAT,EAAqBC,QAArB,EAA+BC,KAA/B,CAZM,CAAT;EAcA,oBACE;IAAK,SAAS,EAAEjB,KAAK,CAACsB;EAAtB,gBACE;IACE,KAAK,EAAE;MACLR,eADK;MAELS,SAAS,EAAG,gBAAexB,4BAA4B,CAACc,YAAD,CAAe;IAFjE,CADT;IAKE,SAAS,EAAEb,KAAK,CAACwB,OALnB;IAME,GAAG,EAAEN,MANP;IAOE,aAAW;EAPb,EADF,CADF;AAaD,CAxCD;;AA0CAT,MAAM,CAACgB,SAAP,2CAAmB;EACjBR,KAAK,EAAErB,SAAS,CAAC8B,IADA;EAEjBX,UAAU,EAAEnB,SAAS,CAAC8B,IAFL;EAGjBV,QAAQ,EAAEpB,SAAS,CAAC8B;AAHH,CAAnB;AAMAjB,MAAM,CAACkB,YAAP,GAAsB;EACpBf,IAAI,EAAEf,QAAQ,CAAC+B,iBAAT,CAA2BhB;AADb,CAAtB;AAIA,eAAeH,MAAf"}