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

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

@@ -1 +1 @@
-{"version":3,"file":"item.js","names":["getTargetValueAndCall","fun","themeStyle","setup","style","coorpmanager","Item","props","context","idRadioButton","skin","color","name","value","checked","label","onChange","theme","defaultColor","mainClass","classNames","normal","backgroundColor","borderRightColor","radio","selected","labelSpan","contextTypes","Provider","childContextTypes","propTypes","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;;AAEA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,qBAAqB,GAAGC,GAAG,IAAI,oBAAK,mBAAI,cAAJ,CAAL,EAA0BA,GAA1B,CAArC;;AAEA,MAAMC,UAAU,GAAG;EACjBC,KAAK,EAAEC,aAAA,CAAMD,KADI;EAEjBE,YAAY,EAAED,aAAA,CAAMC;AAFH,CAAnB;;AAKA,MAAMC,IAAI,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EAC/B,MAAMC,aAAa,GAAG,wBAAS,kBAAT,CAAtB;EACA,MAAM;IAACC;EAAD,IAASF,OAAf;EACA,MAAM;IAACG,KAAD;IAAQC,IAAR;IAAcC,KAAd;IAAqBC,OAArB;IAA8BC,KAA9B;IAAqCC,QAAQ,qBAA7C;IAA0DC;EAA1D,IAAmEV,KAAzE;EACA,MAAMW,YAAY,GAAGP,KAAK,IAAI,mBAAI,gBAAJ,EAAsBD,IAAtB,CAA9B;EACA,MAAMS,SAAS,GAAGjB,UAAU,CAACe,KAAD,CAA5B;EACA,oBACE;IACE,SAAS,EAAE,IAAAG,mBAAA,EAAWhB,aAAA,CAAMiB,MAAjB,EAAyBF,SAAzB,CADb;IAEE,KAAK,EAAE;MACLG,eAAe,EAAER,OAAO,IAAII,YADvB;MAELK,gBAAgB,EAAEL,YAFb;MAGLP,KAAK,EAAE,CAACG,OAAD,IAAYI;IAHd;EAFT,gBAQE;IACE,IAAI,EAAC,OADP;IAEE,EAAE,EAAET,aAFN;IAGE,SAAS,EAAEL,aAAA,CAAMoB,KAHnB;IAIE,IAAI,EAAEZ,IAJR;IAKE,KAAK,EAAEC,KALT;IAME,OAAO,EAAEC,OANX;IAOE,QAAQ,EAAEd,qBAAqB,CAACgB,QAAD;EAPjC,EARF,eAiBE;IACE,SAAS,EAAE,IAAAI,mBAAA,EAAWhB,aAAA,CAAMW,KAAjB,EAAwBD,OAAO,IAAIV,aAAA,CAAMqB,QAAzC,CADb;IAEE,KAAK,EAAE;MACLd,KAAK,EAAE,CAACG,OAAD,IAAYI;IADd,CAFT;IAKE,OAAO,EAAET;EALX,gBAOE;IAAM,SAAS,EAAEL,aAAA,CAAMsB,SAAvB;IAAkC,aAAY,SAAQb,KAAM,EAA5D;IAA+D,KAAK,EAAEE;EAAtE,GACGA,KADH,CAPF,CAjBF,CADF;AA+BD,CArCD;;AAuCAT,IAAI,CAACqB,YAAL,GAAoB;EAClBjB,IAAI,EAAEkB,iBAAA,CAASC,iBAAT,CAA2BnB;AADf,CAApB;AAGAJ,IAAI,CAACwB,SAAL,2CAAiB;EACfnB,KAAK,EAAEoB,kBAAA,CAAUC,MADF;EAEfnB,KAAK,EAAEkB,kBAAA,CAAUC,MAAV,CAAiBC,UAFT;EAGfrB,IAAI,EAAEmB,kBAAA,CAAUC,MAHD;EAIff,KAAK,EAAEc,kBAAA,CAAUC,MAJF;EAKflB,OAAO,EAAEiB,kBAAA,CAAUG,IALJ;EAMfnB,KAAK,EAAEgB,kBAAA,CAAUC,MANF;EAOfhB,QAAQ,EAAEe,kBAAA,CAAUI;AAPL,CAAjB;eAUe7B,I"}
+{"version":3,"file":"item.js","names":["getTargetValueAndCall","fun","themeStyle","setup","style","coorpmanager","Item","props","context","idRadioButton","skin","color","name","value","checked","label","onChange","theme","defaultColor","mainClass","classNames","normal","backgroundColor","borderRightColor","radio","selected","labelSpan","contextTypes","Provider","childContextTypes","propTypes","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;AAEA;AACA;AACA;AACA;AAA+B;AAE/B,MAAMA,qBAAqB,GAAGC,GAAG,IAAI,oBAAK,mBAAI,cAAc,CAAC,EAAEA,GAAG,CAAC;AAEnE,MAAMC,UAAU,GAAG;EACjBC,KAAK,EAAEC,aAAK,CAACD,KAAK;EAClBE,YAAY,EAAED,aAAK,CAACC;AACtB,CAAC;AAED,MAAMC,IAAI,GAAG,CAACC,KAAK,EAAEC,OAAO,KAAK;EAC/B,MAAMC,aAAa,GAAG,wBAAS,kBAAkB,CAAC;EAClD,MAAM;IAACC;EAAI,CAAC,GAAGF,OAAO;EACtB,MAAM;IAACG,KAAK;IAAEC,IAAI;IAAEC,KAAK;IAAEC,OAAO;IAAEC,KAAK;IAAEC,QAAQ,qBAAW;IAAEC;EAAK,CAAC,GAAGV,KAAK;EAC9E,MAAMW,YAAY,GAAGP,KAAK,IAAI,mBAAI,gBAAgB,EAAED,IAAI,CAAC;EACzD,MAAMS,SAAS,GAAGjB,UAAU,CAACe,KAAK,CAAC;EACnC,oBACE;IACE,SAAS,EAAE,IAAAG,mBAAU,EAAChB,aAAK,CAACiB,MAAM,EAAEF,SAAS,CAAE;IAC/C,KAAK,EAAE;MACLG,eAAe,EAAER,OAAO,IAAII,YAAY;MACxCK,gBAAgB,EAAEL,YAAY;MAC9BP,KAAK,EAAE,CAACG,OAAO,IAAII;IACrB;EAAE,gBAEF;IACE,IAAI,EAAC,OAAO;IACZ,EAAE,EAAET,aAAc;IAClB,SAAS,EAAEL,aAAK,CAACoB,KAAM;IACvB,IAAI,EAAEZ,IAAK;IACX,KAAK,EAAEC,KAAM;IACb,OAAO,EAAEC,OAAQ;IACjB,QAAQ,EAAEd,qBAAqB,CAACgB,QAAQ;EAAE,EAC1C,eACF;IACE,SAAS,EAAE,IAAAI,mBAAU,EAAChB,aAAK,CAACW,KAAK,EAAED,OAAO,IAAIV,aAAK,CAACqB,QAAQ,CAAE;IAC9D,KAAK,EAAE;MACLd,KAAK,EAAE,CAACG,OAAO,IAAII;IACrB,CAAE;IACF,OAAO,EAAET;EAAc,gBAEvB;IAAM,SAAS,EAAEL,aAAK,CAACsB,SAAU;IAAC,aAAY,SAAQb,KAAM,EAAE;IAAC,KAAK,EAAEE;EAAM,GACzEA,KAAK,CACD,CACD,CACJ;AAEV,CAAC;AAEDT,IAAI,CAACqB,YAAY,GAAG;EAClBjB,IAAI,EAAEkB,iBAAQ,CAACC,iBAAiB,CAACnB;AACnC,CAAC;AACDJ,IAAI,CAACwB,SAAS,2CAAG;EACfnB,KAAK,EAAEoB,kBAAS,CAACC,MAAM;EACvBnB,KAAK,EAAEkB,kBAAS,CAACC,MAAM,CAACC,UAAU;EAClCrB,IAAI,EAAEmB,kBAAS,CAACC,MAAM;EACtBf,KAAK,EAAEc,kBAAS,CAACC,MAAM;EACvBlB,OAAO,EAAEiB,kBAAS,CAACG,IAAI;EACvBnB,KAAK,EAAEgB,kBAAS,CAACC,MAAM;EACvBhB,QAAQ,EAAEe,kBAAS,CAACI;AACtB,CAAC;AAAC,eAEa7B,IAAI;AAAA"}

package/lib/atom/range/handle.js

@@ -2,52 +2,37 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var _getOr2 = _interopRequireDefault(require("lodash/fp/getOr"));
-
 var _noop2 = _interopRequireDefault(require("lodash/fp/noop"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _provider = _interopRequireWildcard(require("../provider"));
-
 var _getShadowBoxColorFromPrimary = require("../../util/get-shadow-box-color-from-primary");
-
 var _handle = _interopRequireDefault(require("./handle.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 _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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 class NoopHammer {
-  constructor() {} // eslint-disable-next-line class-methods-use-this
-
+  constructor() {}
 
+  // eslint-disable-next-line class-methods-use-this
   on() {
     return;
-  } // eslint-disable-next-line class-methods-use-this
-
+  }
 
+  // eslint-disable-next-line class-methods-use-this
   stop() {
     return;
-  } // eslint-disable-next-line class-methods-use-this
-
+  }
 
+  // eslint-disable-next-line class-methods-use-this
   destroy() {
     return;
   }
-
 }
-
-const Hammer = // eslint-disable-next-line no-undef
-typeof window !== 'undefined' ?
-/* istanbul ignore next */
-require('hammerjs') : NoopHammer;
-
+const Hammer =
+// eslint-disable-next-line no-undef
+typeof window !== 'undefined' ? /* istanbul ignore next */require('hammerjs') : NoopHammer;
 const Handle = (props, legacyContext) => {
   const skin = (0, _provider.GetSkinFromContext)(legacyContext);
   const primaryColor = (0, _getOr2.default)('#00B0FF', 'common.primary', skin);
@@ -85,7 +70,6 @@ const Handle = (props, legacyContext) => {
     "data-name": 'handle'
   }));
 };
-
 Handle.propTypes = process.env.NODE_ENV !== "production" ? {
   onPan: _propTypes.default.func,
   onPanStart: _propTypes.default.func,

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

@@ -1 +1 @@
-{"version":3,"file":"handle.js","names":["NoopHammer","constructor","on","stop","destroy","Hammer","window","require","Handle","props","legacyContext","skin","GetSkinFromContext","primaryColor","backgroundColor","onPanStart","onPanEnd","onPan","handle","useRef","hammer","setHammer","useState","useEffect","current","style","wrapper","boxShadow","getShadowBoxColorFromPrimary","default","propTypes","PropTypes","func","contextTypes","Provider","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;;AACA;;AACA;;AACA;;AACA;;;;;;;;AAEA,MAAMA,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,GAAG,IAAAC,4BAAA,EAAmBF,aAAnB,CAAb;EACA,MAAMG,YAAY,GAAG,qBAAM,SAAN,EAAiB,gBAAjB,EAAmCF,IAAnC,CAArB;EACA,MAAMG,eAAe,GAAGD,YAAxB;EACA,MAAM;IAACE,UAAU,iBAAX;IAAoBC,QAAQ,iBAA5B;IAAqCC,KAAK;EAA1C,IAAqDR,KAA3D;EAEA,MAAMS,MAAM,GAAG,IAAAC,aAAA,GAAf;EACA,MAAM,CAACC,MAAD,EAASC,SAAT,IAAsB,IAAAC,eAAA,GAA5B;EAEA,IAAAC,gBAAA,EAAU,MAAM;IACdF,SAAS,CAAC,IAAIhB,MAAJ,CAAWa,MAAM,CAACM,OAAlB,CAAD,CAAT;EACD,CAFD,EAEG,CAACN,MAAD,CAFH;EAIA,IAAAK,gBAAA,EAAU,MAAM;IACd,IAAI,CAACH,MAAL,EAAa;IACbA,MAAM,CAAClB,EAAP,CAAU,UAAV,EAAsBa,UAAtB;IACAK,MAAM,CAAClB,EAAP,CAAU,QAAV,EAAoBc,QAApB;IAEAI,MAAM,CAAClB,EAAP,CAAU,kBAAV,EAA8Be,KAA9B;IAEA,OAAO,MAAM;MACXG,MAAM,CAACjB,IAAP;MACAiB,MAAM,CAAChB,OAAP;MACAiB,SAAS,CAAC,IAAD,CAAT;IACD,CAJD;EAKD,CAZD,EAYG,CAACD,MAAD,EAASL,UAAT,EAAqBC,QAArB,EAA+BC,KAA/B,CAZH;EAcA,oBACE;IAAK,SAAS,EAAEQ,eAAA,CAAMC;EAAtB,gBACE;IACE,KAAK,EAAE;MACLZ,eADK;MAELa,SAAS,EAAG,gBAAe,IAAAC,0DAAA,EAA6Bf,YAA7B,CAA2C;IAFjE,CADT;IAKE,SAAS,EAAEY,eAAA,CAAMI,OALnB;IAME,GAAG,EAAEX,MANP;IAOE,aAAW;EAPb,EADF,CADF;AAaD,CAxCD;;AA0CAV,MAAM,CAACsB,SAAP,2CAAmB;EACjBb,KAAK,EAAEc,kBAAA,CAAUC,IADA;EAEjBjB,UAAU,EAAEgB,kBAAA,CAAUC,IAFL;EAGjBhB,QAAQ,EAAEe,kBAAA,CAAUC;AAHH,CAAnB;AAMAxB,MAAM,CAACyB,YAAP,GAAsB;EACpBtB,IAAI,EAAEuB,iBAAA,CAASC,iBAAT,CAA2BxB;AADb,CAAtB;eAIeH,M"}
+{"version":3,"file":"handle.js","names":["NoopHammer","constructor","on","stop","destroy","Hammer","window","require","Handle","props","legacyContext","skin","GetSkinFromContext","primaryColor","backgroundColor","onPanStart","onPanEnd","onPan","handle","useRef","hammer","setHammer","useState","useEffect","current","style","wrapper","boxShadow","getShadowBoxColorFromPrimary","default","propTypes","PropTypes","func","contextTypes","Provider","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;AACA;AACA;AACA;AACA;AAAiC;AAAA;AAAA;AAEjC,MAAMA,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,GAAG,IAAAC,4BAAkB,EAACF,aAAa,CAAC;EAC9C,MAAMG,YAAY,GAAG,qBAAM,SAAS,EAAE,gBAAgB,EAAEF,IAAI,CAAC;EAC7D,MAAMG,eAAe,GAAGD,YAAY;EACpC,MAAM;IAACE,UAAU,iBAAO;IAAEC,QAAQ,iBAAO;IAAEC,KAAK;EAAO,CAAC,GAAGR,KAAK;EAEhE,MAAMS,MAAM,GAAG,IAAAC,aAAM,GAAE;EACvB,MAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAG,IAAAC,eAAQ,GAAE;EAEtC,IAAAC,gBAAS,EAAC,MAAM;IACdF,SAAS,CAAC,IAAIhB,MAAM,CAACa,MAAM,CAACM,OAAO,CAAC,CAAC;EACvC,CAAC,EAAE,CAACN,MAAM,CAAC,CAAC;EAEZ,IAAAK,gBAAS,EAAC,MAAM;IACd,IAAI,CAACH,MAAM,EAAE;IACbA,MAAM,CAAClB,EAAE,CAAC,UAAU,EAAEa,UAAU,CAAC;IACjCK,MAAM,CAAClB,EAAE,CAAC,QAAQ,EAAEc,QAAQ,CAAC;IAE7BI,MAAM,CAAClB,EAAE,CAAC,kBAAkB,EAAEe,KAAK,CAAC;IAEpC,OAAO,MAAM;MACXG,MAAM,CAACjB,IAAI,EAAE;MACbiB,MAAM,CAAChB,OAAO,EAAE;MAChBiB,SAAS,CAAC,IAAI,CAAC;IACjB,CAAC;EACH,CAAC,EAAE,CAACD,MAAM,EAAEL,UAAU,EAAEC,QAAQ,EAAEC,KAAK,CAAC,CAAC;EAEzC,oBACE;IAAK,SAAS,EAAEQ,eAAK,CAACC;EAAQ,gBAC5B;IACE,KAAK,EAAE;MACLZ,eAAe;MACfa,SAAS,EAAG,gBAAe,IAAAC,0DAA4B,EAACf,YAAY,CAAE;IACxE,CAAE;IACF,SAAS,EAAEY,eAAK,CAACI,OAAQ;IACzB,GAAG,EAAEX,MAAO;IACZ,aAAW;EAAS,EACpB,CACE;AAEV,CAAC;AAEDV,MAAM,CAACsB,SAAS,2CAAG;EACjBb,KAAK,EAAEc,kBAAS,CAACC,IAAI;EACrBjB,UAAU,EAAEgB,kBAAS,CAACC,IAAI;EAC1BhB,QAAQ,EAAEe,kBAAS,CAACC;AACtB,CAAC;AAEDxB,MAAM,CAACyB,YAAY,GAAG;EACpBtB,IAAI,EAAEuB,iBAAQ,CAACC,iBAAiB,CAACxB;AACnC,CAAC;AAAC,eAEaH,MAAM;AAAA"}

package/lib/atom/range/index.js

@@ -2,25 +2,15 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var _clamp2 = _interopRequireDefault(require("lodash/fp/clamp"));
-
 var _set2 = _interopRequireDefault(require("lodash/fp/set"));
-
 var _noop2 = _interopRequireDefault(require("lodash/fp/noop"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _handle = _interopRequireDefault(require("./handle"));
-
 var _style = _interopRequireDefault(require("./style.css"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 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); }
-
 const valueOnTrack = (track, x) => {
   const {
     left,
@@ -28,7 +18,6 @@ const valueOnTrack = (track, x) => {
   } = track.getBoundingClientRect();
   return (0, _clamp2.default)(0, 1, (x - left) / (right - left));
 };
-
 const extractStateFromProps = props => {
   const {
     multi = false,
@@ -39,7 +28,6 @@ const extractStateFromProps = props => {
     value: multi ? value : [0, value]
   };
 };
-
 const RenderHandles = props => {
   const {
     left,
@@ -71,7 +59,6 @@ const RenderHandles = props => {
     onPanEnd: onHandleMaxChangeEnd
   })));
 };
-
 RenderHandles.propTypes = process.env.NODE_ENV !== "production" ? {
   left: _propTypes.default.number,
   right: _propTypes.default.number,
@@ -82,7 +69,6 @@ RenderHandles.propTypes = process.env.NODE_ENV !== "production" ? {
   onHandleMaxChange: _propTypes.default.func,
   onHandleMaxChangeEnd: _propTypes.default.func
 } : {};
-
 class Range extends _react.default.Component {
   static getDerivedStateFromProps(props, state) {
     const {
@@ -91,7 +77,6 @@ class Range extends _react.default.Component {
     if (pending) return null;
     return extractStateFromProps(props);
   }
-
   constructor(props, context) {
     super(props, context);
     this.state = _extends({}, extractStateFromProps(props), {
@@ -104,39 +89,33 @@ class Range extends _react.default.Component {
     this.handleMinChangeEnd = this.handleMinChangeEnd.bind(this);
     this.handleMaxChangeEnd = this.handleMaxChangeEnd.bind(this);
   }
-
   setRefTrack(track) {
     this.track = track;
   }
-
   handleMinChange(e) {
     e.srcEvent.stopPropagation();
     e.srcEvent.preventDefault();
     const newValue = valueOnTrack(this.track, e.center.x);
     return this.handleChange(newValue, 0, true);
   }
-
   handleMaxChange(e) {
     e.srcEvent.stopPropagation();
     e.srcEvent.preventDefault();
     const newValue = valueOnTrack(this.track, e.center.x);
     return this.handleChange(newValue, 1, true);
   }
-
   handleMinChangeEnd(e) {
     e.srcEvent.stopPropagation();
     e.srcEvent.preventDefault();
     const newValue = valueOnTrack(this.track, e.center.x);
     return this.handleChange(newValue, 0, false);
   }
-
   handleMaxChangeEnd(e) {
     e.srcEvent.stopPropagation();
     e.srcEvent.preventDefault();
     const newValue = valueOnTrack(this.track, e.center.x);
     return this.handleChange(newValue, 1, false);
   }
-
   handleChange(value, valueIndex, pending) {
     const {
       value: prevValue
@@ -150,7 +129,6 @@ class Range extends _react.default.Component {
       value: pending ? nextValue : extractStateFromProps(this.props).value
     });
   }
-
   triggerChange(newValues, pending) {
     const {
       onChange = _noop2.default,
@@ -160,7 +138,6 @@ class Range extends _react.default.Component {
     const handle = pending ? onChange : onChangeEnd;
     return handle(multi ? newValues : newValues[1]);
   }
-
   handleClick(e) {
     e.stopPropagation();
     e.preventDefault();
@@ -171,16 +148,13 @@ class Range extends _react.default.Component {
     const x = e.clientX;
     const newValue = valueOnTrack(this.track, x);
     if (!multi) return this.handleChange(newValue, 1, false);
-
     if (left === right) {
       const isClickToTheLeft = left - newValue > 0;
       return this.handleChange(newValue, isClickToTheLeft ? 0 : 1, false);
     }
-
     const closestHandle = Math.abs(newValue - left) < Math.abs(newValue - right) ? 0 : 1;
     return this.handleChange(newValue, closestHandle, false);
   }
-
   render() {
     const {
       multi = false,
@@ -217,9 +191,7 @@ class Range extends _react.default.Component {
       onHandleMaxChangeEnd: this.handleMaxChangeEnd
     })));
   }
-
 }
-
 Range.propTypes = process.env.NODE_ENV !== "production" ? {
   onChange: _propTypes.default.func,
   onChangeEnd: _propTypes.default.func,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["valueOnTrack","track","x","left","right","getBoundingClientRect","extractStateFromProps","props","multi","value","RenderHandles","pending","onHandleMinChange","onHandleMinChangeEnd","onHandleMaxChange","onHandleMaxChangeEnd","style","handle","animatedHandle","propTypes","PropTypes","number","bool","func","Range","React","Component","getDerivedStateFromProps","state","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","clientX","isClickToTheLeft","closestHandle","Math","abs","render","railWidth","railLeft","railStyle","backgroundColor","width","containerWrapper","container","rail","animatedRail","oneOfType","arrayOf"],"sources":["../../../src/atom/range/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {noop, set, clamp} from 'lodash/fp';\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\nconst RenderHandles = props => {\n  const {\n    left,\n    right,\n    multi = false,\n    pending,\n    onHandleMinChange,\n    onHandleMinChangeEnd,\n    onHandleMaxChange,\n    onHandleMaxChangeEnd\n  } = props;\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={onHandleMinChange} onPanEnd={onHandleMinChangeEnd} />\n        </span>\n      ) : null}\n      <span\n        className={pending ? style.handle : style.animatedHandle}\n        style={{left: `${right * 100}%`}}\n      >\n        <Handle axis=\"x\" onPan={onHandleMaxChange} onPanEnd={onHandleMaxChangeEnd} />\n      </span>\n    </div>\n  );\n};\n\nRenderHandles.propTypes = {\n  left: PropTypes.number,\n  right: PropTypes.number,\n  multi: PropTypes.bool,\n  pending: PropTypes.bool,\n  onHandleMinChange: PropTypes.func,\n  onHandleMinChangeEnd: PropTypes.func,\n  onHandleMaxChange: PropTypes.func,\n  onHandleMaxChangeEnd: PropTypes.func\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 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  render() {\n    const {\n      multi = false,\n      value: [left, right],\n      pending\n    } = this.state;\n    const railWidth = right - left;\n    const railLeft = left;\n    const railStyle = {\n      backgroundColor: '#9999A8',\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          <RenderHandles\n            left={left}\n            right={right}\n            pending={pending}\n            multi={multi}\n            onHandleMinChange={this.handleMinChange}\n            onHandleMinChangeEnd={this.handleMinChangeEnd}\n            onHandleMaxChange={this.handleMaxChange}\n            onHandleMaxChangeEnd={this.handleMaxChangeEnd}\n          />\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default Range;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["valueOnTrack","track","x","left","right","getBoundingClientRect","extractStateFromProps","props","multi","value","RenderHandles","pending","onHandleMinChange","onHandleMinChangeEnd","onHandleMaxChange","onHandleMaxChangeEnd","style","handle","animatedHandle","propTypes","PropTypes","number","bool","func","Range","React","Component","getDerivedStateFromProps","state","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","clientX","isClickToTheLeft","closestHandle","Math","abs","render","railWidth","railLeft","railStyle","backgroundColor","width","containerWrapper","container","rail","animatedRail","oneOfType","arrayOf"],"sources":["../../../src/atom/range/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {noop, set, clamp} from 'lodash/fp';\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\nconst RenderHandles = props => {\n  const {\n    left,\n    right,\n    multi = false,\n    pending,\n    onHandleMinChange,\n    onHandleMinChangeEnd,\n    onHandleMaxChange,\n    onHandleMaxChangeEnd\n  } = props;\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={onHandleMinChange} onPanEnd={onHandleMinChangeEnd} />\n        </span>\n      ) : null}\n      <span\n        className={pending ? style.handle : style.animatedHandle}\n        style={{left: `${right * 100}%`}}\n      >\n        <Handle axis=\"x\" onPan={onHandleMaxChange} onPanEnd={onHandleMaxChangeEnd} />\n      </span>\n    </div>\n  );\n};\n\nRenderHandles.propTypes = {\n  left: PropTypes.number,\n  right: PropTypes.number,\n  multi: PropTypes.bool,\n  pending: PropTypes.bool,\n  onHandleMinChange: PropTypes.func,\n  onHandleMinChangeEnd: PropTypes.func,\n  onHandleMaxChange: PropTypes.func,\n  onHandleMaxChangeEnd: PropTypes.func\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 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  render() {\n    const {\n      multi = false,\n      value: [left, right],\n      pending\n    } = this.state;\n    const railWidth = right - left;\n    const railLeft = left;\n    const railStyle = {\n      backgroundColor: '#9999A8',\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          <RenderHandles\n            left={left}\n            right={right}\n            pending={pending}\n            multi={multi}\n            onHandleMinChange={this.handleMinChange}\n            onHandleMinChangeEnd={this.handleMinChangeEnd}\n            onHandleMaxChange={this.handleMaxChange}\n            onHandleMaxChangeEnd={this.handleMaxChangeEnd}\n          />\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default Range;\n"],"mappings":"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"}

package/lib/atom/resource-miniature/index.js

@@ -2,25 +2,15 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var _keys2 = _interopRequireDefault(require("lodash/fp/keys"));
-
 var _get2 = _interopRequireDefault(require("lodash/fp/get"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _novaIcons = require("@coorpacademy/nova-icons");
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _provider = _interopRequireDefault(require("../provider"));
-
 var _style = _interopRequireDefault(require("./style.css"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const TYPES = {
   pdf: {
     style: _style.default.pdf,
@@ -35,7 +25,6 @@ const TYPES = {
     icon: _novaIcons.NovaSolidAudioAudioControlPlay
   }
 };
-
 const ResourceMiniature = (props, context) => {
   const {
     skin
@@ -70,14 +59,14 @@ const ResourceMiniature = (props, context) => {
     color: white,
     className: _style.default.icon
   }) : null), /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(descriptionClassName, _style.default.innerHTML) // eslint-disable-next-line react/no-danger
+    className: (0, _classnames.default)(descriptionClassName, _style.default.innerHTML)
+    // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
       __html: description
     }
   }));
 };
-
 ResourceMiniature.propTypes = process.env.NODE_ENV !== "production" ? {
   type: _propTypes.default.oneOf((0, _keys2.default)(TYPES)),
   selected: _propTypes.default.bool,

package/lib/atom/resource-miniature/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["TYPES","pdf","style","icon","PDFIcon","audio","PodcastIcon","video","PlayIcon","ResourceMiniature","props","context","skin","type","description","poster","onClick","handleOnClick","selected","descriptionClassName","selectedDescription","white","primary","posterOutlineColor","Icon","posterWrapper","borderColor","backgroundImage","classnames","innerHTML","__html","propTypes","PropTypes","oneOf","bool","string","func","contextTypes","Provider","childContextTypes"],"sources":["../../../src/atom/resource-miniature/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get, keys} from 'lodash/fp';\nimport {\n  NovaSolidAudioAudioControlPlay as PlayIcon,\n  NovaLineFilesOfficeFileOfficePdf as PDFIcon,\n  NovaCompositionCoorpacademyMicrophone as PodcastIcon\n} from '@coorpacademy/nova-icons';\nimport classnames from 'classnames';\nimport Provider from '../provider';\nimport style from './style.css';\n\nconst TYPES = {\n  pdf: {style: style.pdf, icon: PDFIcon},\n  audio: {style: style.audio, icon: PodcastIcon},\n  video: {style: style.video, icon: PlayIcon}\n};\n\nconst ResourceMiniature = (props, context) => {\n  const {skin} = context;\n  const {type, description, poster, onClick: handleOnClick, selected = false} = props;\n  const descriptionClassName = selected ? style.selectedDescription : style.description;\n  const white = get('common.white', skin);\n  const primary = get('common.primary', skin);\n  const posterOutlineColor = selected ? primary : white;\n  const Icon = TYPES[type].icon;\n  return (\n    <div className={TYPES[type].style} onClick={handleOnClick} data-type={type}>\n      <div className={style.posterWrapper} style={{borderColor: posterOutlineColor}}>\n        <div className={style.poster} style={{backgroundImage: `url(${poster})`}} />\n        {!selected ? <Icon color={white} className={style.icon} /> : null}\n      </div>\n      <div\n        className={classnames(descriptionClassName, style.innerHTML)}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: description}}\n      />\n    </div>\n  );\n};\n\nResourceMiniature.propTypes = {\n  type: PropTypes.oneOf(keys(TYPES)),\n  selected: PropTypes.bool,\n  description: PropTypes.string,\n  poster: PropTypes.string,\n  onClick: PropTypes.func\n};\n\nResourceMiniature.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nexport default ResourceMiniature;\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEA;;AAKA;;AACA;;AACA;;;;AAEA,MAAMA,KAAK,GAAG;EACZC,GAAG,EAAE;IAACC,KAAK,EAAEA,cAAA,CAAMD,GAAd;IAAmBE,IAAI,EAAEC;EAAzB,CADO;EAEZC,KAAK,EAAE;IAACH,KAAK,EAAEA,cAAA,CAAMG,KAAd;IAAqBF,IAAI,EAAEG;EAA3B,CAFK;EAGZC,KAAK,EAAE;IAACL,KAAK,EAAEA,cAAA,CAAMK,KAAd;IAAqBJ,IAAI,EAAEK;EAA3B;AAHK,CAAd;;AAMA,MAAMC,iBAAiB,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EAC5C,MAAM;IAACC;EAAD,IAASD,OAAf;EACA,MAAM;IAACE,IAAD;IAAOC,WAAP;IAAoBC,MAApB;IAA4BC,OAAO,EAAEC,aAArC;IAAoDC,QAAQ,GAAG;EAA/D,IAAwER,KAA9E;EACA,MAAMS,oBAAoB,GAAGD,QAAQ,GAAGhB,cAAA,CAAMkB,mBAAT,GAA+BlB,cAAA,CAAMY,WAA1E;EACA,MAAMO,KAAK,GAAG,mBAAI,cAAJ,EAAoBT,IAApB,CAAd;EACA,MAAMU,OAAO,GAAG,mBAAI,gBAAJ,EAAsBV,IAAtB,CAAhB;EACA,MAAMW,kBAAkB,GAAGL,QAAQ,GAAGI,OAAH,GAAaD,KAAhD;EACA,MAAMG,IAAI,GAAGxB,KAAK,CAACa,IAAD,CAAL,CAAYV,IAAzB;EACA,oBACE;IAAK,SAAS,EAAEH,KAAK,CAACa,IAAD,CAAL,CAAYX,KAA5B;IAAmC,OAAO,EAAEe,aAA5C;IAA2D,aAAWJ;EAAtE,gBACE;IAAK,SAAS,EAAEX,cAAA,CAAMuB,aAAtB;IAAqC,KAAK,EAAE;MAACC,WAAW,EAAEH;IAAd;EAA5C,gBACE;IAAK,SAAS,EAAErB,cAAA,CAAMa,MAAtB;IAA8B,KAAK,EAAE;MAACY,eAAe,EAAG,OAAMZ,MAAO;IAAhC;EAArC,EADF,EAEG,CAACG,QAAD,gBAAY,6BAAC,IAAD;IAAM,KAAK,EAAEG,KAAb;IAAoB,SAAS,EAAEnB,cAAA,CAAMC;EAArC,EAAZ,GAA4D,IAF/D,CADF,eAKE;IACE,SAAS,EAAE,IAAAyB,mBAAA,EAAWT,oBAAX,EAAiCjB,cAAA,CAAM2B,SAAvC,CADb,CAEE;IAFF;IAGE,uBAAuB,EAAE;MAACC,MAAM,EAAEhB;IAAT;EAH3B,EALF,CADF;AAaD,CArBD;;AAuBAL,iBAAiB,CAACsB,SAAlB,2CAA8B;EAC5BlB,IAAI,EAAEmB,kBAAA,CAAUC,KAAV,CAAgB,oBAAKjC,KAAL,CAAhB,CADsB;EAE5BkB,QAAQ,EAAEc,kBAAA,CAAUE,IAFQ;EAG5BpB,WAAW,EAAEkB,kBAAA,CAAUG,MAHK;EAI5BpB,MAAM,EAAEiB,kBAAA,CAAUG,MAJU;EAK5BnB,OAAO,EAAEgB,kBAAA,CAAUI;AALS,CAA9B;AAQA3B,iBAAiB,CAAC4B,YAAlB,GAAiC;EAC/BzB,IAAI,EAAE0B,iBAAA,CAASC,iBAAT,CAA2B3B;AADF,CAAjC;eAIeH,iB"}
+{"version":3,"file":"index.js","names":["TYPES","pdf","style","icon","PDFIcon","audio","PodcastIcon","video","PlayIcon","ResourceMiniature","props","context","skin","type","description","poster","onClick","handleOnClick","selected","descriptionClassName","selectedDescription","white","primary","posterOutlineColor","Icon","posterWrapper","borderColor","backgroundImage","classnames","innerHTML","__html","propTypes","PropTypes","oneOf","bool","string","func","contextTypes","Provider","childContextTypes"],"sources":["../../../src/atom/resource-miniature/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get, keys} from 'lodash/fp';\nimport {\n  NovaSolidAudioAudioControlPlay as PlayIcon,\n  NovaLineFilesOfficeFileOfficePdf as PDFIcon,\n  NovaCompositionCoorpacademyMicrophone as PodcastIcon\n} from '@coorpacademy/nova-icons';\nimport classnames from 'classnames';\nimport Provider from '../provider';\nimport style from './style.css';\n\nconst TYPES = {\n  pdf: {style: style.pdf, icon: PDFIcon},\n  audio: {style: style.audio, icon: PodcastIcon},\n  video: {style: style.video, icon: PlayIcon}\n};\n\nconst ResourceMiniature = (props, context) => {\n  const {skin} = context;\n  const {type, description, poster, onClick: handleOnClick, selected = false} = props;\n  const descriptionClassName = selected ? style.selectedDescription : style.description;\n  const white = get('common.white', skin);\n  const primary = get('common.primary', skin);\n  const posterOutlineColor = selected ? primary : white;\n  const Icon = TYPES[type].icon;\n  return (\n    <div className={TYPES[type].style} onClick={handleOnClick} data-type={type}>\n      <div className={style.posterWrapper} style={{borderColor: posterOutlineColor}}>\n        <div className={style.poster} style={{backgroundImage: `url(${poster})`}} />\n        {!selected ? <Icon color={white} className={style.icon} /> : null}\n      </div>\n      <div\n        className={classnames(descriptionClassName, style.innerHTML)}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: description}}\n      />\n    </div>\n  );\n};\n\nResourceMiniature.propTypes = {\n  type: PropTypes.oneOf(keys(TYPES)),\n  selected: PropTypes.bool,\n  description: PropTypes.string,\n  poster: PropTypes.string,\n  onClick: PropTypes.func\n};\n\nResourceMiniature.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nexport default ResourceMiniature;\n"],"mappings":";;;;;;AAAA;AACA;AAEA;AAKA;AACA;AACA;AAAgC;AAEhC,MAAMA,KAAK,GAAG;EACZC,GAAG,EAAE;IAACC,KAAK,EAAEA,cAAK,CAACD,GAAG;IAAEE,IAAI,EAAEC;EAAO,CAAC;EACtCC,KAAK,EAAE;IAACH,KAAK,EAAEA,cAAK,CAACG,KAAK;IAAEF,IAAI,EAAEG;EAAW,CAAC;EAC9CC,KAAK,EAAE;IAACL,KAAK,EAAEA,cAAK,CAACK,KAAK;IAAEJ,IAAI,EAAEK;EAAQ;AAC5C,CAAC;AAED,MAAMC,iBAAiB,GAAG,CAACC,KAAK,EAAEC,OAAO,KAAK;EAC5C,MAAM;IAACC;EAAI,CAAC,GAAGD,OAAO;EACtB,MAAM;IAACE,IAAI;IAAEC,WAAW;IAAEC,MAAM;IAAEC,OAAO,EAAEC,aAAa;IAAEC,QAAQ,GAAG;EAAK,CAAC,GAAGR,KAAK;EACnF,MAAMS,oBAAoB,GAAGD,QAAQ,GAAGhB,cAAK,CAACkB,mBAAmB,GAAGlB,cAAK,CAACY,WAAW;EACrF,MAAMO,KAAK,GAAG,mBAAI,cAAc,EAAET,IAAI,CAAC;EACvC,MAAMU,OAAO,GAAG,mBAAI,gBAAgB,EAAEV,IAAI,CAAC;EAC3C,MAAMW,kBAAkB,GAAGL,QAAQ,GAAGI,OAAO,GAAGD,KAAK;EACrD,MAAMG,IAAI,GAAGxB,KAAK,CAACa,IAAI,CAAC,CAACV,IAAI;EAC7B,oBACE;IAAK,SAAS,EAAEH,KAAK,CAACa,IAAI,CAAC,CAACX,KAAM;IAAC,OAAO,EAAEe,aAAc;IAAC,aAAWJ;EAAK,gBACzE;IAAK,SAAS,EAAEX,cAAK,CAACuB,aAAc;IAAC,KAAK,EAAE;MAACC,WAAW,EAAEH;IAAkB;EAAE,gBAC5E;IAAK,SAAS,EAAErB,cAAK,CAACa,MAAO;IAAC,KAAK,EAAE;MAACY,eAAe,EAAG,OAAMZ,MAAO;IAAE;EAAE,EAAG,EAC3E,CAACG,QAAQ,gBAAG,6BAAC,IAAI;IAAC,KAAK,EAAEG,KAAM;IAAC,SAAS,EAAEnB,cAAK,CAACC;EAAK,EAAG,GAAG,IAAI,CAC7D,eACN;IACE,SAAS,EAAE,IAAAyB,mBAAU,EAACT,oBAAoB,EAAEjB,cAAK,CAAC2B,SAAS;IAC3D;IAAA;IACA,uBAAuB,EAAE;MAACC,MAAM,EAAEhB;IAAW;EAAE,EAC/C,CACE;AAEV,CAAC;AAEDL,iBAAiB,CAACsB,SAAS,2CAAG;EAC5BlB,IAAI,EAAEmB,kBAAS,CAACC,KAAK,CAAC,oBAAKjC,KAAK,CAAC,CAAC;EAClCkB,QAAQ,EAAEc,kBAAS,CAACE,IAAI;EACxBpB,WAAW,EAAEkB,kBAAS,CAACG,MAAM;EAC7BpB,MAAM,EAAEiB,kBAAS,CAACG,MAAM;EACxBnB,OAAO,EAAEgB,kBAAS,CAACI;AACrB,CAAC;AAED3B,iBAAiB,CAAC4B,YAAY,GAAG;EAC/BzB,IAAI,EAAE0B,iBAAQ,CAACC,iBAAiB,CAAC3B;AACnC,CAAC;AAAC,eAEaH,iBAAiB;AAAA"}

package/lib/atom/review-header-step-item/index.js

@@ -2,21 +2,13 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _novaIcons = require("@coorpacademy/nova-icons");
-
 var _provider = require("../provider");
-
 var _style = _interopRequireDefault(require("./style.css"));
-
 var _types = _interopRequireDefault(require("./types"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const Content = props => {
   const {
     icon,
@@ -26,7 +18,6 @@ const Content = props => {
   const translate = (0, _provider.GetTranslateFromContext)();
   let child;
   let ariaDescription;
-
   switch (icon) {
     case 'no-answer':
       child = value;
@@ -36,7 +27,6 @@ const Content = props => {
         headerStepValue: value
       });
       break;
-
     case 'right':
       child = /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademyCheck, {
         className: (0, _classnames.default)(_style.default.rightIcon, current && _style.default.currentRightIcon)
@@ -45,7 +35,6 @@ const Content = props => {
         headerStepValue: value
       });
       break;
-
     case 'wrong':
       child = /*#__PURE__*/_react.default.createElement(_novaIcons.NovaSolidStatusClose, {
         className: (0, _classnames.default)(_style.default.wrongIcon, current && _style.default.currentWrongIcon)
@@ -54,11 +43,9 @@ const Content = props => {
         headerStepValue: value
       });
       break;
-
     default:
       return null;
   }
-
   return /*#__PURE__*/_react.default.createElement("span", {
     className: _style.default.value,
     "aria-label": translate('review_header_step_item.aria_label', {
@@ -67,7 +54,6 @@ const Content = props => {
     "aria-describedby": ariaDescription
   }, child);
 };
-
 const ReviewHeaderStepItem = props => {
   const {
     icon,
@@ -78,7 +64,6 @@ const ReviewHeaderStepItem = props => {
     "data-name": "header-step-item"
   }, /*#__PURE__*/_react.default.createElement(Content, props));
 };
-
 ReviewHeaderStepItem.propTypes = process.env.NODE_ENV !== "production" ? _types.default : {};
 var _default = ReviewHeaderStepItem;
 exports.default = _default;

package/lib/atom/review-header-step-item/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Content","props","icon","current","value","translate","GetTranslateFromContext","child","ariaDescription","headerStepValue","classnames","style","rightIcon","currentRightIcon","wrongIcon","currentWrongIcon","ReviewHeaderStepItem","default","right","wrong","propTypes"],"sources":["../../../src/atom/review-header-step-item/index.tsx"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport {\n  NovaCompositionCoorpacademyCheck as RightIcon,\n  NovaSolidStatusClose as WrongIcon\n} from '@coorpacademy/nova-icons';\nimport {GetTranslateFromContext} from '../provider';\nimport style from './style.css';\nimport propTypes, {HeaderStepItemProps} from './types';\n\nconst Content = (props: HeaderStepItemProps) => {\n  const {icon, current, value} = props;\n  const translate = GetTranslateFromContext();\n  let child;\n  let ariaDescription;\n  switch (icon) {\n    case 'no-answer':\n      child = value;\n      ariaDescription = current\n        ? translate('review_header_step_item.current_question', {\n            headerStepValue: value\n          })\n        : translate('review_header_step_item.not_answered_question', {\n            headerStepValue: value\n          });\n      break;\n\n    case 'right':\n      child = (\n        <RightIcon className={classnames(style.rightIcon, current && style.currentRightIcon)} />\n      );\n      ariaDescription = translate('review_header_step_item.correct_question', {\n        headerStepValue: value\n      });\n      break;\n\n    case 'wrong':\n      child = (\n        <WrongIcon className={classnames(style.wrongIcon, current && style.currentWrongIcon)} />\n      );\n      ariaDescription = translate('review_header_step_item.incorrect_question', {\n        headerStepValue: value\n      });\n      break;\n\n    default:\n      return null;\n  }\n\n  return (\n    <span\n      className={style.value}\n      aria-label={translate('review_header_step_item.aria_label', {\n        headerStepValue: value\n      })}\n      aria-describedby={ariaDescription}\n    >\n      {child}\n    </span>\n  );\n};\n\nconst ReviewHeaderStepItem = (props: HeaderStepItemProps) => {\n  const {icon, current} = props;\n  return (\n    <div\n      className={classnames(\n        style.default,\n        icon === 'right' && style.right,\n        icon === 'wrong' && style.wrong,\n        current && style.current\n      )}\n      data-name=\"header-step-item\"\n    >\n      <Content {...props} />\n    </div>\n  );\n};\n\nReviewHeaderStepItem.propTypes = propTypes;\n\nexport default ReviewHeaderStepItem;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AAIA;;AACA;;AACA;;;;AAEA,MAAMA,OAAO,GAAIC,KAAD,IAAgC;EAC9C,MAAM;IAACC,IAAD;IAAOC,OAAP;IAAgBC;EAAhB,IAAyBH,KAA/B;EACA,MAAMI,SAAS,GAAG,IAAAC,iCAAA,GAAlB;EACA,IAAIC,KAAJ;EACA,IAAIC,eAAJ;;EACA,QAAQN,IAAR;IACE,KAAK,WAAL;MACEK,KAAK,GAAGH,KAAR;MACAI,eAAe,GAAGL,OAAO,GACrBE,SAAS,CAAC,0CAAD,EAA6C;QACpDI,eAAe,EAAEL;MADmC,CAA7C,CADY,GAIrBC,SAAS,CAAC,+CAAD,EAAkD;QACzDI,eAAe,EAAEL;MADwC,CAAlD,CAJb;MAOA;;IAEF,KAAK,OAAL;MACEG,KAAK,gBACH,6BAAC,2CAAD;QAAW,SAAS,EAAE,IAAAG,mBAAA,EAAWC,cAAA,CAAMC,SAAjB,EAA4BT,OAAO,IAAIQ,cAAA,CAAME,gBAA7C;MAAtB,EADF;MAGAL,eAAe,GAAGH,SAAS,CAAC,0CAAD,EAA6C;QACtEI,eAAe,EAAEL;MADqD,CAA7C,CAA3B;MAGA;;IAEF,KAAK,OAAL;MACEG,KAAK,gBACH,6BAAC,+BAAD;QAAW,SAAS,EAAE,IAAAG,mBAAA,EAAWC,cAAA,CAAMG,SAAjB,EAA4BX,OAAO,IAAIQ,cAAA,CAAMI,gBAA7C;MAAtB,EADF;MAGAP,eAAe,GAAGH,SAAS,CAAC,4CAAD,EAA+C;QACxEI,eAAe,EAAEL;MADuD,CAA/C,CAA3B;MAGA;;IAEF;MACE,OAAO,IAAP;EA/BJ;;EAkCA,oBACE;IACE,SAAS,EAAEO,cAAA,CAAMP,KADnB;IAEE,cAAYC,SAAS,CAAC,oCAAD,EAAuC;MAC1DI,eAAe,EAAEL;IADyC,CAAvC,CAFvB;IAKE,oBAAkBI;EALpB,GAOGD,KAPH,CADF;AAWD,CAlDD;;AAoDA,MAAMS,oBAAoB,GAAIf,KAAD,IAAgC;EAC3D,MAAM;IAACC,IAAD;IAAOC;EAAP,IAAkBF,KAAxB;EACA,oBACE;IACE,SAAS,EAAE,IAAAS,mBAAA,EACTC,cAAA,CAAMM,OADG,EAETf,IAAI,KAAK,OAAT,IAAoBS,cAAA,CAAMO,KAFjB,EAGThB,IAAI,KAAK,OAAT,IAAoBS,cAAA,CAAMQ,KAHjB,EAIThB,OAAO,IAAIQ,cAAA,CAAMR,OAJR,CADb;IAOE,aAAU;EAPZ,gBASE,6BAAC,OAAD,EAAaF,KAAb,CATF,CADF;AAaD,CAfD;;AAiBAe,oBAAoB,CAACI,SAArB,2CAAiCA,cAAjC;eAEeJ,oB"}
+{"version":3,"file":"index.js","names":["Content","props","icon","current","value","translate","GetTranslateFromContext","child","ariaDescription","headerStepValue","classnames","style","rightIcon","currentRightIcon","wrongIcon","currentWrongIcon","ReviewHeaderStepItem","default","right","wrong","propTypes"],"sources":["../../../src/atom/review-header-step-item/index.tsx"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport {\n  NovaCompositionCoorpacademyCheck as RightIcon,\n  NovaSolidStatusClose as WrongIcon\n} from '@coorpacademy/nova-icons';\nimport {GetTranslateFromContext} from '../provider';\nimport style from './style.css';\nimport propTypes, {HeaderStepItemProps} from './types';\n\nconst Content = (props: HeaderStepItemProps) => {\n  const {icon, current, value} = props;\n  const translate = GetTranslateFromContext();\n  let child;\n  let ariaDescription;\n  switch (icon) {\n    case 'no-answer':\n      child = value;\n      ariaDescription = current\n        ? translate('review_header_step_item.current_question', {\n            headerStepValue: value\n          })\n        : translate('review_header_step_item.not_answered_question', {\n            headerStepValue: value\n          });\n      break;\n\n    case 'right':\n      child = (\n        <RightIcon className={classnames(style.rightIcon, current && style.currentRightIcon)} />\n      );\n      ariaDescription = translate('review_header_step_item.correct_question', {\n        headerStepValue: value\n      });\n      break;\n\n    case 'wrong':\n      child = (\n        <WrongIcon className={classnames(style.wrongIcon, current && style.currentWrongIcon)} />\n      );\n      ariaDescription = translate('review_header_step_item.incorrect_question', {\n        headerStepValue: value\n      });\n      break;\n\n    default:\n      return null;\n  }\n\n  return (\n    <span\n      className={style.value}\n      aria-label={translate('review_header_step_item.aria_label', {\n        headerStepValue: value\n      })}\n      aria-describedby={ariaDescription}\n    >\n      {child}\n    </span>\n  );\n};\n\nconst ReviewHeaderStepItem = (props: HeaderStepItemProps) => {\n  const {icon, current} = props;\n  return (\n    <div\n      className={classnames(\n        style.default,\n        icon === 'right' && style.right,\n        icon === 'wrong' && style.wrong,\n        current && style.current\n      )}\n      data-name=\"header-step-item\"\n    >\n      <Content {...props} />\n    </div>\n  );\n};\n\nReviewHeaderStepItem.propTypes = propTypes;\n\nexport default ReviewHeaderStepItem;\n"],"mappings":";;;;AAAA;AACA;AACA;AAIA;AACA;AACA;AAAuD;AAEvD,MAAMA,OAAO,GAAIC,KAA0B,IAAK;EAC9C,MAAM;IAACC,IAAI;IAAEC,OAAO;IAAEC;EAAK,CAAC,GAAGH,KAAK;EACpC,MAAMI,SAAS,GAAG,IAAAC,iCAAuB,GAAE;EAC3C,IAAIC,KAAK;EACT,IAAIC,eAAe;EACnB,QAAQN,IAAI;IACV,KAAK,WAAW;MACdK,KAAK,GAAGH,KAAK;MACbI,eAAe,GAAGL,OAAO,GACrBE,SAAS,CAAC,0CAA0C,EAAE;QACpDI,eAAe,EAAEL;MACnB,CAAC,CAAC,GACFC,SAAS,CAAC,+CAA+C,EAAE;QACzDI,eAAe,EAAEL;MACnB,CAAC,CAAC;MACN;IAEF,KAAK,OAAO;MACVG,KAAK,gBACH,6BAAC,2CAAS;QAAC,SAAS,EAAE,IAAAG,mBAAU,EAACC,cAAK,CAACC,SAAS,EAAET,OAAO,IAAIQ,cAAK,CAACE,gBAAgB;MAAE,EACtF;MACDL,eAAe,GAAGH,SAAS,CAAC,0CAA0C,EAAE;QACtEI,eAAe,EAAEL;MACnB,CAAC,CAAC;MACF;IAEF,KAAK,OAAO;MACVG,KAAK,gBACH,6BAAC,+BAAS;QAAC,SAAS,EAAE,IAAAG,mBAAU,EAACC,cAAK,CAACG,SAAS,EAAEX,OAAO,IAAIQ,cAAK,CAACI,gBAAgB;MAAE,EACtF;MACDP,eAAe,GAAGH,SAAS,CAAC,4CAA4C,EAAE;QACxEI,eAAe,EAAEL;MACnB,CAAC,CAAC;MACF;IAEF;MACE,OAAO,IAAI;EAAC;EAGhB,oBACE;IACE,SAAS,EAAEO,cAAK,CAACP,KAAM;IACvB,cAAYC,SAAS,CAAC,oCAAoC,EAAE;MAC1DI,eAAe,EAAEL;IACnB,CAAC,CAAE;IACH,oBAAkBI;EAAgB,GAEjCD,KAAK,CACD;AAEX,CAAC;AAED,MAAMS,oBAAoB,GAAIf,KAA0B,IAAK;EAC3D,MAAM;IAACC,IAAI;IAAEC;EAAO,CAAC,GAAGF,KAAK;EAC7B,oBACE;IACE,SAAS,EAAE,IAAAS,mBAAU,EACnBC,cAAK,CAACM,OAAO,EACbf,IAAI,KAAK,OAAO,IAAIS,cAAK,CAACO,KAAK,EAC/BhB,IAAI,KAAK,OAAO,IAAIS,cAAK,CAACQ,KAAK,EAC/BhB,OAAO,IAAIQ,cAAK,CAACR,OAAO,CACxB;IACF,aAAU;EAAkB,gBAE5B,6BAAC,OAAO,EAAKF,KAAK,CAAI,CAClB;AAEV,CAAC;AAEDe,oBAAoB,CAACI,SAAS,2CAAGA,cAAS;AAAC,eAE5BJ,oBAAoB;AAAA"}

package/lib/atom/review-header-step-item/index.native.js

@@ -2,36 +2,25 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _reactNative = require("react-native");
-
 var _novaIcons = require("@coorpacademy/nova-icons");
-
 var _colors = require("../../variables/colors");
-
 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 _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; }
-
 const createStyle = (current, icon) => {
   let backgroundColor;
-
   switch (icon) {
     case 'right':
       backgroundColor = _colors.COLORS.positive;
       break;
-
     case 'wrong':
       backgroundColor = _colors.COLORS.negative;
       break;
-
     case 'no-answer':
     default:
       backgroundColor = _colors.COLORS.gray;
   }
-
   return _reactNative.StyleSheet.create({
     step: {
       width: current ? 40 : 32,
@@ -53,7 +42,6 @@ const createStyle = (current, icon) => {
     }
   });
 };
-
 const Step = ({
   value,
   icon,
@@ -62,16 +50,12 @@ const Step = ({
   const [style, setStyle] = (0, _react.useState)(null);
   (0, _react.useEffect)(() => {
     const _style = createStyle(current, icon);
-
     setStyle(_style);
   }, [current, icon]);
-
   if (!style) {
     return null;
   }
-
   let child;
-
   switch (icon) {
     case 'right':
       child = /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademyCheck, {
@@ -79,26 +63,22 @@ const Step = ({
         color: "#fff"
       });
       break;
-
     case 'wrong':
       child = /*#__PURE__*/_react.default.createElement(_novaIcons.NovaSolidStatusClose, {
         style: style.icon,
         color: "#fff"
       });
       break;
-
     case 'no-answer':
     default:
       child = /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
         style: style.stepText
       }, value);
   }
-
   return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: style.step
   }, child);
 };
-
 var _default = Step;
 exports.default = _default;
 //# sourceMappingURL=index.native.js.map