@coorpacademy/components 10.0.49-alpha.9 → 10.1.1

package/lib/atom/input-text/style.css

@@ -5,6 +5,15 @@
 @value dark from colors;
 @value grey from colors;
 @value medium from colors;
+@value xtraLightGrey from colors;
+@value cm_positive_100 from colors;
+@value cm_negative_100 from colors;
+@value cm_grey_100 from colors;
+@value cm_grey_150 from colors;
+@value cm_grey_200 from colors;
+@value cm_grey_400 from colors;
+@value cm_grey_500 from colors;
+@value cm_grey_700 from colors;
 
 .default {
   display: flex;
@@ -64,7 +73,7 @@
   bottom: 65px;
   left: 20px;
   max-width: 380px;
-  transition: opacity 0.5s ease-in;
+  transition: opacity 0.25s ease-in;
 }
 .cockpit .description:after {
   content: "";
@@ -168,3 +177,217 @@
   color: medium;
   font-style: italic;
 }
+/******************************* coorpmanager theme ***************************************/
+
+
+.coorpmanager {
+  width: 300px;
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  flex-wrap: nowrap;
+}
+
+.coorpmanager label {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  height: 0px;
+}
+
+.coorpmanager .title {
+  flex-grow: 0;
+  font-family: Gilroy;
+  font-size: 10px;
+  font-weight: bold;
+  font-stretch: normal;
+  font-style: normal;
+  line-height: 1.2;
+  letter-spacing: normal;
+  text-align: left;
+  margin: 7px 0px -19px 16px;
+  z-index: 1;
+  color: cm_grey_400;
+  width: auto;
+  transition: all 0.25s linear;
+  pointer-events: none;
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+}
+
+.coorpmanager .title.noValue .infoIcon {
+  height: 10px;
+  width: 10px;
+  line-height: 12px;
+  color: cm_grey_500;
+}
+
+.coorpmanager input {
+  width: 300px;
+  height: 44px;
+  margin: 0px;
+  flex-grow: 0;
+  display: flex;
+  box-sizing: border-box;
+  flex-direction: column;
+  justify-content: center;
+  align-items: flex-start;
+  padding: 19px 30px 5px 16px;
+  border-radius: 7px;
+  background-color: cm_grey_100;
+  font-family: Gilroy;
+  font-size: 14px;
+  font-weight: 500;
+  font-stretch: normal;
+  font-style: normal;
+  line-height: 44px;
+  letter-spacing: normal;
+  text-align: left;
+  color: cm_grey_700;
+  border: none;
+  transition: all 0.25s linear;
+  outline: none;
+  display: flex;
+}
+
+.coorpmanager .title.noValue{
+  font-size: 14px;
+  font-weight: 500;
+  color: cm_grey_700;
+  margin: 14px 0px -30px 16px;
+}
+
+.coorpmanager:focus-within .title.noValue {
+  font-size: 10px;
+  font-weight: bold;
+  color: cm_grey_400;
+  margin: 7px 0px -19px 16px;
+}
+
+.coorpmanager:focus-within input::placeholder {
+  color: cm_grey_400;
+}
+
+.coorpmanager:focus-within .title.noValue .infoIcon {
+  width: 8px;
+  height: 8px;
+  line-height: 12px;
+  color: cm_grey_400;
+}
+
+.coorpmanager input:hover {
+  background-color: cm_grey_150;
+}
+
+.coorpmanager input::placeholder {
+  color: transparent;
+}
+
+.coorpmanager .hint {
+  flex-grow: 0;
+  opacity: 0.5;
+  font-family: Gilroy;
+  font-size: 10px;
+  font-weight: 500;
+  font-stretch: normal;
+  font-style: normal;
+  line-height: 1.2;
+  letter-spacing: normal;
+  text-align: left;
+  padding-top: 8px;
+  color: cm_grey_700;
+}
+
+.coorpmanager.error .hint {
+  color: cm_negative_100;
+}
+
+.coorpmanager.error .leftIcon {
+  background-color: cm_negative_100;
+  color: white;
+  border-radius: 50%;
+  padding: 2px;
+  width: 8px;
+  height: 8px;
+}
+
+.coorpmanager .leftIcon {
+  color: cm_positive_100;
+  width: 14px;
+  height: 14px;
+  position: absolute;
+  right: 15px;
+  top: 16px;
+  line-height: 16px;
+}
+
+.coorpmanager.disabled {
+  opacity: 0.5;
+}
+
+.coorpmanager .infoIconWrapper {
+  overflow: visible;
+  height: 12px;
+  margin: 0px 4px;
+  cursor: pointer;
+  pointer-events: fill;
+  position: relative;
+}
+
+.coorpmanager .infoIcon {
+  cursor: pointer;
+  width: 8px;
+  height: 8px;
+  line-height: 16px;
+  color: cm_grey_400;
+  transition: all 0.25s linear;
+}
+
+.coorpmanager .infoIconWrapper:hover .descriptionLabel {
+  visibility: visible;
+  opacity: 1;
+}
+
+.coorpmanager .descriptionLabel {
+  margin: 0 1px 18px 0;
+  padding: 8px 16px;
+  border-radius: 7px;
+  background-color: cm_grey_700;
+  flex-grow: 0;
+  font-family: Gilroy;
+  font-size: 14px;
+  font-weight: 500;
+  font-stretch: normal;
+  font-style: normal;
+  line-height: 1.43;
+  letter-spacing: normal;
+  text-align: center;
+  color: white;
+  padding: 8px 16px;
+  max-width: 200px;
+  position: absolute;
+  left: -24px;
+  z-index: 3;
+  bottom: 5px;
+  width: max-content;
+  visibility: hidden;
+  opacity: 0s
+}
+
+.coorpmanager .descriptionLabel::after{
+  content:'';
+  border-left: 6px solid transparent;
+  border-right: 6px solid transparent;
+  border-top: 6px solid cm_grey_700;
+  position: absolute;
+  bottom: -6px;
+  left: 21px;
+}
+.coorpmanager .title.noValue .descriptionLabel::after{
+  left: 22px;
+}
+.coorpmanager:focus-within .title.noValue .descriptionLabel::after{
+  left: 21px;
+}

package/lib/atom/input-text/test/fixtures/cm-default.js

@@ -0,0 +1,22 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var _default = {
+  props: {
+    type: 'text',
+    title: 'Input name',
+    hint: 'Hint <span style="color:red;">10<span>/40',
+    placeholder: 'This is an input',
+    theme: 'coorpmanager',
+    description: 'This is the tooltip text',
+    value: 'This is an input',
+    disabled: false,
+    valid: false,
+    error: '',
+    required: true,
+    onChange: value => console.log(value)
+  }
+};
+exports.default = _default;
+//# sourceMappingURL=cm-default.js.map

package/lib/atom/input-text/test/fixtures/cm-default.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/atom/input-text/test/fixtures/cm-default.js"],"names":["props","type","title","hint","placeholder","theme","description","value","disabled","valid","error","required","onChange","console","log"],"mappings":";;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAE,MADD;AAELC,IAAAA,KAAK,EAAE,YAFF;AAGLC,IAAAA,IAAI,EAAE,2CAHD;AAILC,IAAAA,WAAW,EAAE,kBAJR;AAKLC,IAAAA,KAAK,EAAE,cALF;AAMLC,IAAAA,WAAW,EAAE,0BANR;AAOLC,IAAAA,KAAK,EAAE,kBAPF;AAQLC,IAAAA,QAAQ,EAAE,KARL;AASLC,IAAAA,KAAK,EAAE,KATF;AAULC,IAAAA,KAAK,EAAE,EAVF;AAWLC,IAAAA,QAAQ,EAAE,IAXL;AAYLC,IAAAA,QAAQ,EAAEL,KAAK,IAAIM,OAAO,CAACC,GAAR,CAAYP,KAAZ;AAZd;AADM,C","sourcesContent":["export default {\n  props: {\n    type: 'text',\n    title: 'Input name',\n    hint: 'Hint <span style=\"color:red;\">10<span>/40',\n    placeholder: 'This is an input',\n    theme: 'coorpmanager',\n    description: 'This is the tooltip text',\n    value: 'This is an input',\n    disabled: false,\n    valid: false,\n    error: '',\n    required: true,\n    onChange: value => console.log(value)\n  }\n};\n"],"file":"cm-default.js"}

package/lib/atom/input-textarea/index.js

@@ -17,9 +17,9 @@ var _getClassState = _interopRequireDefault(require("../../util/get-class-state"
 
 var _style = _interopRequireDefault(require("./style.css"));
 
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
 
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 

package/lib/atom/link/index.js

@@ -17,8 +17,6 @@ var _provider = _interopRequireDefault(require("../provider"));
 
 var _navigation = _interopRequireDefault(require("../../util/navigation"));
 
-const _excluded = ["skinHover", "hoverColor", "data-name"];
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _extends() { _extends = Object.assign || 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); }
@@ -83,7 +81,7 @@ class Link extends _react.default.Component {
       hoverColor = (0, _getOr2.default)('#00B0FF', 'common.primary', skin),
       'data-name': dataName = 'link'
     } = _this$props,
-          aProps = _objectWithoutPropertiesLoose(_this$props, _excluded);
+          aProps = _objectWithoutPropertiesLoose(_this$props, ["skinHover", "hoverColor", "data-name"]);
 
     const {
       href,
@@ -111,7 +109,7 @@ class Link extends _react.default.Component {
       onMouseEnter: this.handleMouseEnter,
       onMouseLeave: this.handleMouseLeave,
       className: className,
-      style: _extends({}, propsStyle, _style, _hoverStyle)
+      style: _extends(_extends(_extends({}, propsStyle), _style), _hoverStyle)
     }), children);
   }
 

package/lib/atom/link/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/atom/link/index.js"],"names":["Link","React","Component","constructor","props","onMouseEnter","setState","hovered","onMouseLeave","e","onClick","download","navigate","context","state","render","skin","history","createHref","skinHover","hoverColor","dataName","aProps","href","className","style","propsStyle","children","_style","pointerEvents","_hoverStyle","color","undefined","handleOnClick","handleMouseEnter","handleMouseLeave","Provider","childContextTypes","propTypes","PropTypes","node","string","target","oneOf","bool","func","shape"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {identity, getOr, noop} from 'lodash/fp';\nimport Provider from '../provider';\nimport pushToHistory from '../../util/navigation';\n\nclass Link extends React.Component {\n  static propTypes = {\n    children: PropTypes.node,\n    className: PropTypes.string,\n    href: PropTypes.string,\n    'data-name': PropTypes.string,\n    target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top']),\n    skinHover: PropTypes.bool,\n    hoverColor: PropTypes.string,\n    download: PropTypes.bool,\n    onClick: PropTypes.func,\n    onMouseEnter: PropTypes.func,\n    onMouseLeave: PropTypes.func,\n    style: PropTypes.shape({})\n  };\n\n  static contextTypes = {\n    skin: Provider.childContextTypes.skin,\n    history: Provider.childContextTypes.history\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      hovered: false\n    };\n  }\n\n  handleMouseEnter = () => {\n    const {onMouseEnter = noop} = this.props;\n\n    this.setState({\n      hovered: true\n    });\n\n    onMouseEnter();\n  };\n\n  handleMouseLeave = () => {\n    const {onMouseLeave = noop} = this.props;\n\n    this.setState({\n      hovered: false\n    });\n\n    onMouseLeave();\n  };\n\n  handleOnClick = e => {\n    const {onClick = noop, download} = this.props;\n\n    onClick(e);\n\n    if (!download) {\n      const navigate = pushToHistory(this.context)(this.props);\n      navigate(e);\n    }\n  };\n\n  render() {\n    const {skin, history: {createHref = identity} = {}} = this.context;\n    const {\n      skinHover,\n      hoverColor = getOr('#00B0FF', 'common.primary', skin),\n      'data-name': dataName = 'link',\n      ...aProps\n    } = this.props;\n    const {href, onClick, className, style: propsStyle, children} = this.props;\n    const {hovered} = this.state;\n    const _style =\n      href || onClick\n        ? null\n        : {\n            pointerEvents: 'none'\n          };\n    const _hoverStyle =\n      skinHover && hovered\n        ? {\n            color: hoverColor\n          }\n        : null;\n\n    return (\n      <a\n        {...aProps}\n        data-name={dataName}\n        href={href ? createHref(href) : undefined}\n        onClick={this.handleOnClick}\n        onMouseEnter={this.handleMouseEnter}\n        onMouseLeave={this.handleMouseLeave}\n        className={className}\n        style={{\n          ...propsStyle,\n          ..._style,\n          ..._hoverStyle\n        }}\n      >\n        {children}\n      </a>\n    );\n  }\n}\n\nexport default Link;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/atom/link/index.js"],"names":["Link","React","Component","constructor","props","onMouseEnter","setState","hovered","onMouseLeave","e","onClick","download","navigate","context","state","render","skin","history","createHref","skinHover","hoverColor","dataName","aProps","href","className","style","propsStyle","children","_style","pointerEvents","_hoverStyle","color","undefined","handleOnClick","handleMouseEnter","handleMouseLeave","Provider","childContextTypes","propTypes","PropTypes","node","string","target","oneOf","bool","func","shape"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {identity, getOr, noop} from 'lodash/fp';\nimport Provider from '../provider';\nimport pushToHistory from '../../util/navigation';\n\nclass Link extends React.Component {\n  static propTypes = {\n    children: PropTypes.node,\n    className: PropTypes.string,\n    href: PropTypes.string,\n    'data-name': PropTypes.string,\n    target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top']),\n    skinHover: PropTypes.bool,\n    hoverColor: PropTypes.string,\n    download: PropTypes.bool,\n    onClick: PropTypes.func,\n    onMouseEnter: PropTypes.func,\n    onMouseLeave: PropTypes.func,\n    style: PropTypes.shape({})\n  };\n\n  static contextTypes = {\n    skin: Provider.childContextTypes.skin,\n    history: Provider.childContextTypes.history\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      hovered: false\n    };\n  }\n\n  handleMouseEnter = () => {\n    const {onMouseEnter = noop} = this.props;\n\n    this.setState({\n      hovered: true\n    });\n\n    onMouseEnter();\n  };\n\n  handleMouseLeave = () => {\n    const {onMouseLeave = noop} = this.props;\n\n    this.setState({\n      hovered: false\n    });\n\n    onMouseLeave();\n  };\n\n  handleOnClick = e => {\n    const {onClick = noop, download} = this.props;\n\n    onClick(e);\n\n    if (!download) {\n      const navigate = pushToHistory(this.context)(this.props);\n      navigate(e);\n    }\n  };\n\n  render() {\n    const {skin, history: {createHref = identity} = {}} = this.context;\n    const {\n      skinHover,\n      hoverColor = getOr('#00B0FF', 'common.primary', skin),\n      'data-name': dataName = 'link',\n      ...aProps\n    } = this.props;\n    const {href, onClick, className, style: propsStyle, children} = this.props;\n    const {hovered} = this.state;\n    const _style =\n      href || onClick\n        ? null\n        : {\n            pointerEvents: 'none'\n          };\n    const _hoverStyle =\n      skinHover && hovered\n        ? {\n            color: hoverColor\n          }\n        : null;\n\n    return (\n      <a\n        {...aProps}\n        data-name={dataName}\n        href={href ? createHref(href) : undefined}\n        onClick={this.handleOnClick}\n        onMouseEnter={this.handleMouseEnter}\n        onMouseLeave={this.handleMouseLeave}\n        className={className}\n        style={{\n          ...propsStyle,\n          ..._style,\n          ..._hoverStyle\n        }}\n      >\n        {children}\n      </a>\n    );\n  }\n}\n\nexport default Link;\n"],"file":"index.js"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/atom/promo-code/index.js"],"names":["PromoCode","props","context","promoCodeDescription","promoCodeError","onValidate","handlePromoCodeChange","translate","style","promoCode","promoCodeInputAndButton","promoCodeInput","promoCodeButtonOnError","promoCodeButtonOnSuccess","promoCodeButton","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string","func","isRequired"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,SAAS,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;AACpC,QAAM;AAACC,IAAAA,oBAAD;AAAuBC,IAAAA,cAAvB;AAAuCC,IAAAA,UAAvC;AAAmDC,IAAAA;AAAnD,MAA4EL,KAAlF;AAEA,QAAM;AAACM,IAAAA;AAAD,MAAcL,OAApB;AAEA,sBACE;AAAK,IAAA,SAAS,EAAEM,eAAMC;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAED,eAAME;AAAtB,kBACE;AACE,IAAA,IAAI,EAAC,MADP;AAEE,IAAA,WAAW,EAAEH,SAAS,CAAC,qBAAD,CAFxB;AAGE,IAAA,SAAS,EAAG;AACtB,cAAcC,eAAMG,cAAe;AACnC,cAAcP,cAAc,IAAII,eAAMI,sBAAuB;AAC7D,cAAcT,oBAAoB,IAAIK,eAAMK,wBAAyB;AACrE,WAPQ;AAQE,IAAA,QAAQ,EAAEP;AARZ,IADF,eAWE;AAAQ,IAAA,IAAI,EAAC,QAAb;AAAsB,IAAA,OAAO,EAAED,UAA/B;AAA2C,IAAA,SAAS,EAAEG,eAAMM;AAA5D,KACGP,SAAS,CAAC,4BAAD,CADZ,CAXF,CADF,EAgBGJ,oBAAoB,gBACnB;AAAK,IAAA,SAAS,EAAEK,eAAML;AAAtB,UAA8CA,oBAA9C,CADmB,GAEjB,IAlBN,EAmBGC,cAAc,gBAAG;AAAK,IAAA,SAAS,EAAEI,eAAMJ;AAAtB,UAAwCA,cAAxC,CAAH,GAAmE,IAnBpF,CADF;AAuBD,CA5BD;;AA8BAJ,SAAS,CAACe,YAAV,GAAyB;AACvBR,EAAAA,SAAS,EAAES,kBAASC,iBAAT,CAA2BV;AADf,CAAzB;AAIAP,SAAS,CAACkB,SAAV,2CAAsB;AACpBf,EAAAA,oBAAoB,EAAEgB,mBAAUC,MADZ;AAEpBhB,EAAAA,cAAc,EAAEe,mBAAUC,MAFN;AAGpBf,EAAAA,UAAU,EAAEc,mBAAUE,IAAV,CAAeC,UAHP;AAIpBhB,EAAAA,qBAAqB,EAAEa,mBAAUE,IAAV,CAAeC;AAJlB,CAAtB;eAOetB,S","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"],"file":"index.js"}
+{"version":3,"sources":["../../../src/atom/promo-code/index.js"],"names":["PromoCode","props","context","promoCodeDescription","promoCodeError","onValidate","handlePromoCodeChange","translate","style","promoCode","promoCodeInputAndButton","promoCodeInput","promoCodeButtonOnError","promoCodeButtonOnSuccess","promoCodeButton","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string","func","isRequired"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,SAAS,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;AACpC,QAAM;AAACC,IAAAA,oBAAD;AAAuBC,IAAAA,cAAvB;AAAuCC,IAAAA,UAAvC;AAAmDC,IAAAA;AAAnD,MAA4EL,KAAlF;AAEA,QAAM;AAACM,IAAAA;AAAD,MAAcL,OAApB;AAEA,sBACE;AAAK,IAAA,SAAS,EAAEM,eAAMC;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAED,eAAME;AAAtB,kBACE;AACE,IAAA,IAAI,EAAC,MADP;AAEE,IAAA,WAAW,EAAEH,SAAS,CAAC,qBAAD,CAFxB;AAGE,IAAA,SAAS,EAAG;cACRC,eAAMG,cAAe;cACrBP,cAAc,IAAII,eAAMI,sBAAuB;cAC/CT,oBAAoB,IAAIK,eAAMK,wBAAyB;WAN7D;AAQE,IAAA,QAAQ,EAAEP;AARZ,IADF,eAWE;AAAQ,IAAA,IAAI,EAAC,QAAb;AAAsB,IAAA,OAAO,EAAED,UAA/B;AAA2C,IAAA,SAAS,EAAEG,eAAMM;AAA5D,KACGP,SAAS,CAAC,4BAAD,CADZ,CAXF,CADF,EAgBGJ,oBAAoB,gBACnB;AAAK,IAAA,SAAS,EAAEK,eAAML;AAAtB,UAA8CA,oBAA9C,CADmB,GAEjB,IAlBN,EAmBGC,cAAc,gBAAG;AAAK,IAAA,SAAS,EAAEI,eAAMJ;AAAtB,UAAwCA,cAAxC,CAAH,GAAmE,IAnBpF,CADF;AAuBD,CA5BD;;AA8BAJ,SAAS,CAACe,YAAV,GAAyB;AACvBR,EAAAA,SAAS,EAAES,kBAASC,iBAAT,CAA2BV;AADf,CAAzB;AAIAP,SAAS,CAACkB,SAAV,2CAAsB;AACpBf,EAAAA,oBAAoB,EAAEgB,mBAAUC,MADZ;AAEpBhB,EAAAA,cAAc,EAAEe,mBAAUC,MAFN;AAGpBf,EAAAA,UAAU,EAAEc,mBAAUE,IAAV,CAAeC,UAHP;AAIpBhB,EAAAA,qBAAqB,EAAEa,mBAAUE,IAAV,CAAeC;AAJlB,CAAtB;eAOetB,S","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"],"file":"index.js"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/atom/provider/index.js"],"names":["DEFAULT_SKIN","common","brand","primaryAdd1","primaryAdd2","primaryAdd3","primaryAdd4","xtraLightGrey","light","medium","dark","grey","orangeAdd","orange","positive","lightGreen","negative","battle","white","black","mergeSkin","skin","historyShape","PropTypes","shape","createHref","func","push","skinShape","objectOf","ColorPropType","images","SrcPropType","logo","login","icons","HexPropType","mod","courses","arrayOf","texts","translateShape","Provider","React","Component","getDerivedStateFromProps","props","history","translate","constructor","context","Vimeo","state","getChildContext","render","children","Children","only","isRequired","object","propTypes","node"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {defaultsDeep} from 'lodash/fp';\nimport {SrcPropType, ColorPropType, HexPropType} from '../../util/proptypes';\n\nconst DEFAULT_SKIN = {\n  common: {\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(skin, DEFAULT_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.isRequired,\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\nexport default Provider;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/atom/provider/index.js"],"names":["DEFAULT_SKIN","common","brand","primaryAdd1","primaryAdd2","primaryAdd3","primaryAdd4","xtraLightGrey","light","medium","dark","grey","orangeAdd","orange","positive","lightGreen","negative","battle","white","black","mergeSkin","skin","historyShape","PropTypes","shape","createHref","func","push","skinShape","objectOf","ColorPropType","images","SrcPropType","logo","login","icons","HexPropType","mod","courses","arrayOf","texts","translateShape","Provider","React","Component","getDerivedStateFromProps","props","history","translate","constructor","context","Vimeo","state","getChildContext","render","children","Children","only","isRequired","object","propTypes","node"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {defaultsDeep} from 'lodash/fp';\nimport {SrcPropType, ColorPropType, HexPropType} from '../../util/proptypes';\n\nconst DEFAULT_SKIN = {\n  common: {\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(skin, DEFAULT_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.isRequired,\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\nexport default Provider;\n"],"file":"index.js"}

package/lib/atom/provider/test/index.js

@@ -31,7 +31,7 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
   };
   const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_.default, _default.default.props, /*#__PURE__*/_react.default.createElement("span", null, "Foo")));
   t.is(wrapper.state.history, undefined);
-  wrapper.setProps(_extends({}, _default.default.props, {
+  wrapper.setProps(_extends(_extends({}, _default.default.props), {}, {
     history
   }));
   t.is(wrapper.state().history, history);

package/lib/atom/provider/test/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/atom/provider/test/index.js"],"names":["adapter","Adapter","t","history","createHref","push","wrapper","defaultFixture","props","is","state","undefined","setProps"],"mappings":";;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AAEA;;AACA;;;;;;AAEA;AACA,uBAAU;AAACA,EAAAA,OAAO,EAAE,IAAIC,2BAAJ;AAAV,CAAV;AAEA,kBAAK,8CAAL,EAAqDC,CAAC,IAAI;AACxD,QAAMC,OAAO,GAAG;AACdC,IAAAA,UAAU,gBADI;AAEdC,IAAAA,IAAI;AAFU,GAAhB;AAIA,QAAMC,OAAO,GAAG,mCACd,6BAAC,SAAD,EAAcC,iBAAeC,KAA7B,eACE,iDADF,CADc,CAAhB;AAMAN,EAAAA,CAAC,CAACO,EAAF,CAAKH,OAAO,CAACI,KAAR,CAAcP,OAAnB,EAA4BQ,SAA5B;AACAL,EAAAA,OAAO,CAACM,QAAR,cAAqBL,iBAAeC,KAApC;AAA2CL,IAAAA;AAA3C;AACAD,EAAAA,CAAC,CAACO,EAAF,CAAKH,OAAO,CAACI,KAAR,GAAgBP,OAArB,EAA8BA,OAA9B;AACD,CAdD","sourcesContent":["import browserEnv from 'browser-env';\nimport test from 'ava';\nimport React from 'react';\nimport {shallow, configure} from 'enzyme';\nimport Adapter from 'enzyme-adapter-react-16';\nimport {noop} from 'lodash/fp';\nimport Provider from '..';\nimport defaultFixture from './fixtures/default';\n\nbrowserEnv();\nconfigure({adapter: new Adapter()});\n\ntest('should re-render element when updating props', t => {\n  const history = {\n    createHref: noop,\n    push: noop\n  };\n  const wrapper = shallow(\n    <Provider {...defaultFixture.props}>\n      <span>Foo</span>\n    </Provider>\n  );\n\n  t.is(wrapper.state.history, undefined);\n  wrapper.setProps({...defaultFixture.props, history});\n  t.is(wrapper.state().history, history);\n});\n"],"file":"index.js"}
+{"version":3,"sources":["../../../../src/atom/provider/test/index.js"],"names":["adapter","Adapter","t","history","createHref","push","wrapper","defaultFixture","props","is","state","undefined","setProps"],"mappings":";;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AAEA;;AACA;;;;;;AAEA;AACA,uBAAU;AAACA,EAAAA,OAAO,EAAE,IAAIC,2BAAJ;AAAV,CAAV;AAEA,kBAAK,8CAAL,EAAqDC,CAAC,IAAI;AACxD,QAAMC,OAAO,GAAG;AACdC,IAAAA,UAAU,gBADI;AAEdC,IAAAA,IAAI;AAFU,GAAhB;AAIA,QAAMC,OAAO,GAAG,mCACd,6BAAC,SAAD,EAAcC,iBAAeC,KAA7B,eACE,iDADF,CADc,CAAhB;AAMAN,EAAAA,CAAC,CAACO,EAAF,CAAKH,OAAO,CAACI,KAAR,CAAcP,OAAnB,EAA4BQ,SAA5B;AACAL,EAAAA,OAAO,CAACM,QAAR,uBAAqBL,iBAAeC,KAApC;AAA2CL,IAAAA;AAA3C;AACAD,EAAAA,CAAC,CAACO,EAAF,CAAKH,OAAO,CAACI,KAAR,GAAgBP,OAArB,EAA8BA,OAA9B;AACD,CAdD","sourcesContent":["import browserEnv from 'browser-env';\nimport test from 'ava';\nimport React from 'react';\nimport {shallow, configure} from 'enzyme';\nimport Adapter from 'enzyme-adapter-react-16';\nimport {noop} from 'lodash/fp';\nimport Provider from '..';\nimport defaultFixture from './fixtures/default';\n\nbrowserEnv();\nconfigure({adapter: new Adapter()});\n\ntest('should re-render element when updating props', t => {\n  const history = {\n    createHref: noop,\n    push: noop\n  };\n  const wrapper = shallow(\n    <Provider {...defaultFixture.props}>\n      <span>Foo</span>\n    </Provider>\n  );\n\n  t.is(wrapper.state.history, undefined);\n  wrapper.setProps({...defaultFixture.props, history});\n  t.is(wrapper.state().history, history);\n});\n"],"file":"index.js"}

package/lib/atom/range/index.js

@@ -57,7 +57,7 @@ class Range extends _react.default.Component {
 
   constructor(props, context) {
     super(props, context);
-    this.state = _extends({}, extractStateFromProps(props), {
+    this.state = _extends(_extends({}, extractStateFromProps(props)), {}, {
       pending: false
     });
     this.handleClick = this.handleClick.bind(this);

package/lib/atom/range/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/atom/range/index.js"],"names":["valueOnTrack","track","x","left","right","getBoundingClientRect","extractStateFromProps","props","multi","value","Range","React","Component","getDerivedStateFromProps","state","pending","constructor","context","handleClick","bind","setRefTrack","handleMinChange","handleMaxChange","handleMinChangeEnd","handleMaxChangeEnd","e","srcEvent","stopPropagation","preventDefault","newValue","center","handleChange","valueIndex","prevValue","minValue","maxValue","nextValue","triggerChange","setState","newValues","onChange","onChangeEnd","handle","clientX","isClickToTheLeft","closestHandle","Math","abs","renderHandles","style","animatedHandle","render","skin","defaultColor","railWidth","railLeft","railStyle","backgroundColor","width","containerWrapper","container","rail","animatedRail","Provider","childContextTypes","propTypes","PropTypes","func","bool","oneOfType","number","arrayOf"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {getOr, noop, set, clamp} from 'lodash/fp';\nimport Provider from '../provider';\nimport Handle from './handle';\nimport style from './style.css';\n\nconst valueOnTrack = (track, x) => {\n  const {left, right} = track.getBoundingClientRect();\n  return clamp(0, 1, (x - left) / (right - left));\n};\n\nconst extractStateFromProps = props => {\n  const {multi = false, value = multi ? [0, 1] : 0} = props;\n  return {\n    multi,\n    value: multi ? value : [0, value]\n  };\n};\n\nclass Range extends React.Component {\n  static propTypes = {\n    onChange: PropTypes.func,\n    onChangeEnd: PropTypes.func,\n    multi: PropTypes.bool,\n    // eslint-disable-next-line react/no-unused-prop-types\n    value: PropTypes.oneOfType([PropTypes.number, PropTypes.arrayOf(PropTypes.number)])\n  };\n\n  static contextTypes = {\n    skin: Provider.childContextTypes.skin\n  };\n\n  static getDerivedStateFromProps(props, state) {\n    const {pending} = state;\n\n    if (pending) return null;\n\n    return extractStateFromProps(props);\n  }\n\n  constructor(props, context) {\n    super(props, context);\n\n    this.state = {\n      ...extractStateFromProps(props),\n      pending: false\n    };\n\n    this.handleClick = this.handleClick.bind(this);\n    this.setRefTrack = this.setRefTrack.bind(this);\n    this.handleMinChange = this.handleMinChange.bind(this);\n    this.handleMaxChange = this.handleMaxChange.bind(this);\n    this.handleMinChangeEnd = this.handleMinChangeEnd.bind(this);\n    this.handleMaxChangeEnd = this.handleMaxChangeEnd.bind(this);\n  }\n\n  setRefTrack(track) {\n    this.track = track;\n  }\n\n  handleMinChange(e) {\n    e.srcEvent.stopPropagation();\n    e.srcEvent.preventDefault();\n    const newValue = valueOnTrack(this.track, e.center.x);\n    return this.handleChange(newValue, 0, true);\n  }\n\n  handleMaxChange(e) {\n    e.srcEvent.stopPropagation();\n    e.srcEvent.preventDefault();\n    const newValue = valueOnTrack(this.track, e.center.x);\n    return this.handleChange(newValue, 1, true);\n  }\n\n  handleMinChangeEnd(e) {\n    e.srcEvent.stopPropagation();\n    e.srcEvent.preventDefault();\n    const newValue = valueOnTrack(this.track, e.center.x);\n    return this.handleChange(newValue, 0, false);\n  }\n\n  handleMaxChangeEnd(e) {\n    e.srcEvent.stopPropagation();\n    e.srcEvent.preventDefault();\n    const newValue = valueOnTrack(this.track, e.center.x);\n    return this.handleChange(newValue, 1, false);\n  }\n\n  handleChange(value, valueIndex, pending) {\n    const {value: prevValue} = this.state;\n\n    const newValue = set(valueIndex, value, prevValue);\n\n    const [minValue, maxValue] = newValue;\n\n    const nextValue = minValue > maxValue ? prevValue : newValue;\n\n    this.triggerChange(nextValue, pending);\n    return this.setState({\n      pending,\n      value: pending ? nextValue : extractStateFromProps(this.props).value\n    });\n  }\n\n  triggerChange(newValues, pending) {\n    const {onChange = noop, onChangeEnd = onChange, multi = false} = this.props;\n\n    const handle = pending ? onChange : onChangeEnd;\n\n    return handle(multi ? newValues : newValues[1]);\n  }\n\n  handleClick(e) {\n    e.stopPropagation();\n    e.preventDefault();\n    const {\n      value: [left, right],\n      multi\n    } = this.state;\n    const x = e.clientX;\n    const newValue = valueOnTrack(this.track, x);\n\n    if (!multi) return this.handleChange(newValue, 1, false);\n\n    if (left === right) {\n      const isClickToTheLeft = left - newValue > 0;\n      return this.handleChange(newValue, isClickToTheLeft ? 0 : 1, false);\n    }\n\n    const closestHandle = Math.abs(newValue - left) < Math.abs(newValue - right) ? 0 : 1;\n    return this.handleChange(newValue, closestHandle, false);\n  }\n\n  renderHandles() {\n    const {\n      value: [left, right],\n      multi,\n      pending\n    } = this.state;\n\n    return (\n      <div>\n        {multi ? (\n          <span\n            className={pending ? style.handle : style.animatedHandle}\n            style={{left: `${left * 100}%`}}\n          >\n            <Handle axis=\"x\" onPan={this.handleMinChange} onPanEnd={this.handleMinChangeEnd} />\n          </span>\n        ) : null}\n        <span\n          className={pending ? style.handle : style.animatedHandle}\n          style={{left: `${right * 100}%`}}\n        >\n          <Handle axis=\"x\" onPan={this.handleMaxChange} onPanEnd={this.handleMaxChangeEnd} />\n        </span>\n      </div>\n    );\n  }\n\n  render() {\n    const {skin} = this.context;\n    const defaultColor = getOr('#00B0FF', 'common.primary', skin);\n\n    const {\n      value: [left, right],\n      pending\n    } = this.state;\n    const railWidth = right - left;\n    const railLeft = left;\n    const railStyle = {\n      backgroundColor: defaultColor,\n      width: `${railWidth * 100}%`,\n      left: `${railLeft * 100}%`\n    };\n\n    return (\n      <div className={style.containerWrapper} onClick={this.handleClick}>\n        <div className={style.container}>\n          <div className={style.track} data-name=\"sliderTrack\" ref={this.setRefTrack} />\n          <div className={pending ? style.rail : style.animatedRail} style={railStyle} />\n          {this.renderHandles()}\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default Range;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/atom/range/index.js"],"names":["valueOnTrack","track","x","left","right","getBoundingClientRect","extractStateFromProps","props","multi","value","Range","React","Component","getDerivedStateFromProps","state","pending","constructor","context","handleClick","bind","setRefTrack","handleMinChange","handleMaxChange","handleMinChangeEnd","handleMaxChangeEnd","e","srcEvent","stopPropagation","preventDefault","newValue","center","handleChange","valueIndex","prevValue","minValue","maxValue","nextValue","triggerChange","setState","newValues","onChange","onChangeEnd","handle","clientX","isClickToTheLeft","closestHandle","Math","abs","renderHandles","style","animatedHandle","render","skin","defaultColor","railWidth","railLeft","railStyle","backgroundColor","width","containerWrapper","container","rail","animatedRail","Provider","childContextTypes","propTypes","PropTypes","func","bool","oneOfType","number","arrayOf"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {getOr, noop, set, clamp} from 'lodash/fp';\nimport Provider from '../provider';\nimport Handle from './handle';\nimport style from './style.css';\n\nconst valueOnTrack = (track, x) => {\n  const {left, right} = track.getBoundingClientRect();\n  return clamp(0, 1, (x - left) / (right - left));\n};\n\nconst extractStateFromProps = props => {\n  const {multi = false, value = multi ? [0, 1] : 0} = props;\n  return {\n    multi,\n    value: multi ? value : [0, value]\n  };\n};\n\nclass Range extends React.Component {\n  static propTypes = {\n    onChange: PropTypes.func,\n    onChangeEnd: PropTypes.func,\n    multi: PropTypes.bool,\n    // eslint-disable-next-line react/no-unused-prop-types\n    value: PropTypes.oneOfType([PropTypes.number, PropTypes.arrayOf(PropTypes.number)])\n  };\n\n  static contextTypes = {\n    skin: Provider.childContextTypes.skin\n  };\n\n  static getDerivedStateFromProps(props, state) {\n    const {pending} = state;\n\n    if (pending) return null;\n\n    return extractStateFromProps(props);\n  }\n\n  constructor(props, context) {\n    super(props, context);\n\n    this.state = {\n      ...extractStateFromProps(props),\n      pending: false\n    };\n\n    this.handleClick = this.handleClick.bind(this);\n    this.setRefTrack = this.setRefTrack.bind(this);\n    this.handleMinChange = this.handleMinChange.bind(this);\n    this.handleMaxChange = this.handleMaxChange.bind(this);\n    this.handleMinChangeEnd = this.handleMinChangeEnd.bind(this);\n    this.handleMaxChangeEnd = this.handleMaxChangeEnd.bind(this);\n  }\n\n  setRefTrack(track) {\n    this.track = track;\n  }\n\n  handleMinChange(e) {\n    e.srcEvent.stopPropagation();\n    e.srcEvent.preventDefault();\n    const newValue = valueOnTrack(this.track, e.center.x);\n    return this.handleChange(newValue, 0, true);\n  }\n\n  handleMaxChange(e) {\n    e.srcEvent.stopPropagation();\n    e.srcEvent.preventDefault();\n    const newValue = valueOnTrack(this.track, e.center.x);\n    return this.handleChange(newValue, 1, true);\n  }\n\n  handleMinChangeEnd(e) {\n    e.srcEvent.stopPropagation();\n    e.srcEvent.preventDefault();\n    const newValue = valueOnTrack(this.track, e.center.x);\n    return this.handleChange(newValue, 0, false);\n  }\n\n  handleMaxChangeEnd(e) {\n    e.srcEvent.stopPropagation();\n    e.srcEvent.preventDefault();\n    const newValue = valueOnTrack(this.track, e.center.x);\n    return this.handleChange(newValue, 1, false);\n  }\n\n  handleChange(value, valueIndex, pending) {\n    const {value: prevValue} = this.state;\n\n    const newValue = set(valueIndex, value, prevValue);\n\n    const [minValue, maxValue] = newValue;\n\n    const nextValue = minValue > maxValue ? prevValue : newValue;\n\n    this.triggerChange(nextValue, pending);\n    return this.setState({\n      pending,\n      value: pending ? nextValue : extractStateFromProps(this.props).value\n    });\n  }\n\n  triggerChange(newValues, pending) {\n    const {onChange = noop, onChangeEnd = onChange, multi = false} = this.props;\n\n    const handle = pending ? onChange : onChangeEnd;\n\n    return handle(multi ? newValues : newValues[1]);\n  }\n\n  handleClick(e) {\n    e.stopPropagation();\n    e.preventDefault();\n    const {\n      value: [left, right],\n      multi\n    } = this.state;\n    const x = e.clientX;\n    const newValue = valueOnTrack(this.track, x);\n\n    if (!multi) return this.handleChange(newValue, 1, false);\n\n    if (left === right) {\n      const isClickToTheLeft = left - newValue > 0;\n      return this.handleChange(newValue, isClickToTheLeft ? 0 : 1, false);\n    }\n\n    const closestHandle = Math.abs(newValue - left) < Math.abs(newValue - right) ? 0 : 1;\n    return this.handleChange(newValue, closestHandle, false);\n  }\n\n  renderHandles() {\n    const {\n      value: [left, right],\n      multi,\n      pending\n    } = this.state;\n\n    return (\n      <div>\n        {multi ? (\n          <span\n            className={pending ? style.handle : style.animatedHandle}\n            style={{left: `${left * 100}%`}}\n          >\n            <Handle axis=\"x\" onPan={this.handleMinChange} onPanEnd={this.handleMinChangeEnd} />\n          </span>\n        ) : null}\n        <span\n          className={pending ? style.handle : style.animatedHandle}\n          style={{left: `${right * 100}%`}}\n        >\n          <Handle axis=\"x\" onPan={this.handleMaxChange} onPanEnd={this.handleMaxChangeEnd} />\n        </span>\n      </div>\n    );\n  }\n\n  render() {\n    const {skin} = this.context;\n    const defaultColor = getOr('#00B0FF', 'common.primary', skin);\n\n    const {\n      value: [left, right],\n      pending\n    } = this.state;\n    const railWidth = right - left;\n    const railLeft = left;\n    const railStyle = {\n      backgroundColor: defaultColor,\n      width: `${railWidth * 100}%`,\n      left: `${railLeft * 100}%`\n    };\n\n    return (\n      <div className={style.containerWrapper} onClick={this.handleClick}>\n        <div className={style.container}>\n          <div className={style.track} data-name=\"sliderTrack\" ref={this.setRefTrack} />\n          <div className={pending ? style.rail : style.animatedRail} style={railStyle} />\n          {this.renderHandles()}\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default Range;\n"],"file":"index.js"}

package/lib/atom/range/test/fixtures/multi.js

@@ -13,7 +13,7 @@ const {
   props
 } = _default2.default;
 var _default = {
-  props: _extends({}, props, {
+  props: _extends(_extends({}, props), {}, {
     multi: true,
     value: [0.2, 0.7]
   })

package/lib/atom/range/test/fixtures/multi.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/atom/range/test/fixtures/multi.js"],"names":["props","Default","multi","value"],"mappings":";;;;;AAAA;;;;;;AAEA,MAAM;AAACA,EAAAA;AAAD,IAAUC,iBAAhB;eAEe;AACbD,EAAAA,KAAK,eACAA,KADA;AAEHE,IAAAA,KAAK,EAAE,IAFJ;AAGHC,IAAAA,KAAK,EAAE,CAAC,GAAD,EAAM,GAAN;AAHJ;AADQ,C","sourcesContent":["import Default from './default';\n\nconst {props} = Default;\n\nexport default {\n  props: {\n    ...props,\n    multi: true,\n    value: [0.2, 0.7]\n  }\n};\n"],"file":"multi.js"}
+{"version":3,"sources":["../../../../../src/atom/range/test/fixtures/multi.js"],"names":["props","Default","multi","value"],"mappings":";;;;;AAAA;;;;;;AAEA,MAAM;AAACA,EAAAA;AAAD,IAAUC,iBAAhB;eAEe;AACbD,EAAAA,KAAK,wBACAA,KADA;AAEHE,IAAAA,KAAK,EAAE,IAFJ;AAGHC,IAAAA,KAAK,EAAE,CAAC,GAAD,EAAM,GAAN;AAHJ;AADQ,C","sourcesContent":["import Default from './default';\n\nconst {props} = Default;\n\nexport default {\n  props: {\n    ...props,\n    multi: true,\n    value: [0.2, 0.7]\n  }\n};\n"],"file":"multi.js"}

package/lib/atom/range/test/index.js

@@ -171,7 +171,7 @@ const macro = (t, props, boundingRect, maxCenterEvent, maxExpected, minCenterEve
     right: 1100
   });
 
-  wrapper.find(`.${_style.default.containerWrapper}`).simulate('click', _extends({}, defaultEvent, {
+  wrapper.find(`.${_style.default.containerWrapper}`).simulate('click', _extends(_extends({}, defaultEvent), {}, {
     clientX: 1020
   }));
 });
@@ -195,37 +195,37 @@ const macro = (t, props, boundingRect, maxCenterEvent, maxExpected, minCenterEve
     right: 1100
   });
 
-  wrapper.find(`.${_style.default.containerWrapper}`).simulate('click', _extends({}, defaultEvent, {
+  wrapper.find(`.${_style.default.containerWrapper}`).simulate('click', _extends(_extends({}, defaultEvent), {}, {
     clientX: 1020
   }));
   wrapper.setProps({
     value: [0.2, 0.7]
   });
-  wrapper.find(`.${_style.default.containerWrapper}`).simulate('click', _extends({}, defaultEvent, {
+  wrapper.find(`.${_style.default.containerWrapper}`).simulate('click', _extends(_extends({}, defaultEvent), {}, {
     clientX: 1090
   }));
   wrapper.setProps({
     value: [0.2, 0.9]
   });
-  wrapper.find(`.${_style.default.containerWrapper}`).simulate('click', _extends({}, defaultEvent, {
+  wrapper.find(`.${_style.default.containerWrapper}`).simulate('click', _extends(_extends({}, defaultEvent), {}, {
     clientX: 1040
   }));
   wrapper.setProps({
     value: [0.4, 0.9]
   });
-  wrapper.find(`.${_style.default.containerWrapper}`).simulate('click', _extends({}, defaultEvent, {
+  wrapper.find(`.${_style.default.containerWrapper}`).simulate('click', _extends(_extends({}, defaultEvent), {}, {
     clientX: 1070
   }));
   wrapper.setProps({
     value: [0.4, 0.7]
   });
-  wrapper.find(`.${_style.default.containerWrapper}`).simulate('click', _extends({}, defaultEvent, {
+  wrapper.find(`.${_style.default.containerWrapper}`).simulate('click', _extends(_extends({}, defaultEvent), {}, {
     clientX: 1000
   }));
   wrapper.setProps({
     value: [0, 0.7]
   });
-  wrapper.find(`.${_style.default.containerWrapper}`).simulate('click', _extends({}, defaultEvent, {
+  wrapper.find(`.${_style.default.containerWrapper}`).simulate('click', _extends(_extends({}, defaultEvent), {}, {
     clientX: 1100
   }));
 });
@@ -246,7 +246,7 @@ const macro = (t, props, boundingRect, maxCenterEvent, maxExpected, minCenterEve
     right: 100
   });
 
-  wrapper.find(`.${_style.default.containerWrapper}`).simulate('click', _extends({}, defaultEvent, {
+  wrapper.find(`.${_style.default.containerWrapper}`).simulate('click', _extends(_extends({}, defaultEvent), {}, {
     clientX: 40
   }));
 });
@@ -267,7 +267,7 @@ const macro = (t, props, boundingRect, maxCenterEvent, maxExpected, minCenterEve
     right: 100
   });
 
-  wrapper.find(`.${_style.default.containerWrapper}`).simulate('click', _extends({}, defaultEvent, {
+  wrapper.find(`.${_style.default.containerWrapper}`).simulate('click', _extends(_extends({}, defaultEvent), {}, {
     clientX: 60
   }));
 });