@coorpacademy/components 10.27.4 → 10.27.5-alpha.31

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["classnames","React","PropTypes","Provider","style","Item","themeStyle","setup","coorpmanager","RadioGroup","props","context","list","onChange","color","className","theme","skin","borderColor","mainClass","items","itemProps","value","container","contextTypes","childContextTypes","propTypes","string","arrayOf","shape","func"],"sources":["../../../src/atom/radio-group/index.js"],"sourcesContent":["import classnames from 'classnames';\nimport React from 'react';\nimport {get, map} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport Provider from '../provider';\nimport style from './style.css';\n\nimport Item from './item';\n\nconst themeStyle = {\n  setup: style.setup,\n  coorpmanager: style.coorpmanager\n};\n\nconst RadioGroup = (props, context) => {\n  const {list = [], onChange, color, className, theme = 'setup'} = props;\n  const {skin} = context;\n  const borderColor = color || get('common.primary', skin);\n  const mainClass = themeStyle[theme];\n  const items = map(itemProps => {\n    return (\n      <Item {...itemProps} color={color} theme={theme} onChange={onChange} key={itemProps.value} />\n    );\n  }, list);\n\n  return (\n    <div className={classnames([mainClass, style.container, className])} style={{borderColor}}>\n      {items}\n    </div>\n  );\n};\n\nRadioGroup.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nRadioGroup.propTypes = {\n  color: PropTypes.string,\n  theme: PropTypes.string,\n  className: PropTypes.string,\n  list: PropTypes.arrayOf(PropTypes.shape(Item.propTypes)),\n  onChange: PropTypes.func\n};\n\nexport default RadioGroup;\n"],"mappings":";;;;;AAAA,OAAOA,UAAP,MAAuB,YAAvB;AACA,OAAOC,KAAP,MAAkB,OAAlB;AAEA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,QAAP,MAAqB,aAArB;AACA,OAAOC,KAAP,MAAkB,aAAlB;AAEA,OAAOC,IAAP,MAAiB,QAAjB;AAEA,MAAMC,UAAU,GAAG;EACjBC,KAAK,EAAEH,KAAK,CAACG,KADI;EAEjBC,YAAY,EAAEJ,KAAK,CAACI;AAFH,CAAnB;;AAKA,MAAMC,UAAU,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EACrC,MAAM;IAACC,IAAI,GAAG,EAAR;IAAYC,QAAZ;IAAsBC,KAAtB;IAA6BC,SAA7B;IAAwCC,KAAK,GAAG;EAAhD,IAA2DN,KAAjE;EACA,MAAM;IAACO;EAAD,IAASN,OAAf;;EACA,MAAMO,WAAW,GAAGJ,KAAK,IAAI,KAAI,gBAAJ,EAAsBG,IAAtB,CAA7B;;EACA,MAAME,SAAS,GAAGb,UAAU,CAACU,KAAD,CAA5B;;EACA,MAAMI,KAAK,GAAG,KAAIC,SAAS,IAAI;IAC7B,oBACE,oBAAC,IAAD,eAAUA,SAAV;MAAqB,KAAK,EAAEP,KAA5B;MAAmC,KAAK,EAAEE,KAA1C;MAAiD,QAAQ,EAAEH,QAA3D;MAAqE,GAAG,EAAEQ,SAAS,CAACC;IAApF,GADF;EAGD,CAJa,EAIXV,IAJW,CAAd;;EAMA,oBACE;IAAK,SAAS,EAAEZ,UAAU,CAAC,CAACmB,SAAD,EAAYf,KAAK,CAACmB,SAAlB,EAA6BR,SAA7B,CAAD,CAA1B;IAAqE,KAAK,EAAE;MAACG;IAAD;EAA5E,GACGE,KADH,CADF;AAKD,CAhBD;;AAkBAX,UAAU,CAACe,YAAX,GAA0B;EACxBP,IAAI,EAAEd,QAAQ,CAACsB,iBAAT,CAA2BR;AADT,CAA1B;AAIAR,UAAU,CAACiB,SAAX,2CAAuB;EACrBZ,KAAK,EAAEZ,SAAS,CAACyB,MADI;EAErBX,KAAK,EAAEd,SAAS,CAACyB,MAFI;EAGrBZ,SAAS,EAAEb,SAAS,CAACyB,MAHA;EAIrBf,IAAI,EAAEV,SAAS,CAAC0B,OAAV,CAAkB1B,SAAS,CAAC2B,KAAV,CAAgBxB,IAAI,CAACqB,SAArB,CAAlB,CAJe;EAKrBb,QAAQ,EAAEX,SAAS,CAAC4B;AALC,CAAvB;AAQA,eAAerB,UAAf"}
+{"version":3,"sources":["../../../src/atom/radio-group/index.js"],"names":["classnames","React","PropTypes","Provider","style","Item","themeStyle","setup","coorpmanager","RadioGroup","props","context","list","onChange","color","className","theme","skin","borderColor","mainClass","items","itemProps","value","container","contextTypes","childContextTypes","propTypes","string","arrayOf","shape","func"],"mappings":";;;;;AAAA,OAAOA,UAAP,MAAuB,YAAvB;AACA,OAAOC,KAAP,MAAkB,OAAlB;AAEA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,QAAP,MAAqB,aAArB;AACA,OAAOC,KAAP,MAAkB,aAAlB;AAEA,OAAOC,IAAP,MAAiB,QAAjB;AAEA,MAAMC,UAAU,GAAG;AACjBC,EAAAA,KAAK,EAAEH,KAAK,CAACG,KADI;AAEjBC,EAAAA,YAAY,EAAEJ,KAAK,CAACI;AAFH,CAAnB;;AAKA,MAAMC,UAAU,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;AACrC,QAAM;AAACC,IAAAA,IAAI,GAAG,EAAR;AAAYC,IAAAA,QAAZ;AAAsBC,IAAAA,KAAtB;AAA6BC,IAAAA,SAA7B;AAAwCC,IAAAA,KAAK,GAAG;AAAhD,MAA2DN,KAAjE;AACA,QAAM;AAACO,IAAAA;AAAD,MAASN,OAAf;;AACA,QAAMO,WAAW,GAAGJ,KAAK,IAAI,KAAI,gBAAJ,EAAsBG,IAAtB,CAA7B;;AACA,QAAME,SAAS,GAAGb,UAAU,CAACU,KAAD,CAA5B;;AACA,QAAMI,KAAK,GAAG,KAAIC,SAAS,IAAI;AAC7B,wBACE,oBAAC,IAAD,eAAUA,SAAV;AAAqB,MAAA,KAAK,EAAEP,KAA5B;AAAmC,MAAA,KAAK,EAAEE,KAA1C;AAAiD,MAAA,QAAQ,EAAEH,QAA3D;AAAqE,MAAA,GAAG,EAAEQ,SAAS,CAACC;AAApF,OADF;AAGD,GAJa,EAIXV,IAJW,CAAd;;AAMA,sBACE;AAAK,IAAA,SAAS,EAAEZ,UAAU,CAAC,CAACmB,SAAD,EAAYf,KAAK,CAACmB,SAAlB,EAA6BR,SAA7B,CAAD,CAA1B;AAAqE,IAAA,KAAK,EAAE;AAACG,MAAAA;AAAD;AAA5E,KACGE,KADH,CADF;AAKD,CAhBD;;AAkBAX,UAAU,CAACe,YAAX,GAA0B;AACxBP,EAAAA,IAAI,EAAEd,QAAQ,CAACsB,iBAAT,CAA2BR;AADT,CAA1B;AAIAR,UAAU,CAACiB,SAAX,2CAAuB;AACrBZ,EAAAA,KAAK,EAAEZ,SAAS,CAACyB,MADI;AAErBX,EAAAA,KAAK,EAAEd,SAAS,CAACyB,MAFI;AAGrBZ,EAAAA,SAAS,EAAEb,SAAS,CAACyB,MAHA;AAIrBf,EAAAA,IAAI,EAAEV,SAAS,CAAC0B,OAAV,CAAkB1B,SAAS,CAAC2B,KAAV,CAAgBxB,IAAI,CAACqB,SAArB,CAAlB,CAJe;AAKrBb,EAAAA,QAAQ,EAAEX,SAAS,CAAC4B;AALC,CAAvB;AAQA,eAAerB,UAAf","sourcesContent":["import classnames from 'classnames';\nimport React from 'react';\nimport {get, map} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport Provider from '../provider';\nimport style from './style.css';\n\nimport Item from './item';\n\nconst themeStyle = {\n  setup: style.setup,\n  coorpmanager: style.coorpmanager\n};\n\nconst RadioGroup = (props, context) => {\n  const {list = [], onChange, color, className, theme = 'setup'} = props;\n  const {skin} = context;\n  const borderColor = color || get('common.primary', skin);\n  const mainClass = themeStyle[theme];\n  const items = map(itemProps => {\n    return (\n      <Item {...itemProps} color={color} theme={theme} onChange={onChange} key={itemProps.value} />\n    );\n  }, list);\n\n  return (\n    <div className={classnames([mainClass, style.container, className])} style={{borderColor}}>\n      {items}\n    </div>\n  );\n};\n\nRadioGroup.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nRadioGroup.propTypes = {\n  color: PropTypes.string,\n  theme: PropTypes.string,\n  className: PropTypes.string,\n  list: PropTypes.arrayOf(PropTypes.shape(Item.propTypes)),\n  onChange: PropTypes.func\n};\n\nexport default RadioGroup;\n"],"file":"index.js"}

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

@@ -1 +1 @@
-{"version":3,"file":"item.js","names":["React","PropTypes","classNames","Provider","style","getTargetValueAndCall","fun","themeStyle","setup","coorpmanager","Item","props","context","idRadioButton","skin","color","name","value","checked","label","onChange","theme","defaultColor","mainClass","normal","backgroundColor","borderRightColor","radio","selected","labelSpan","contextTypes","childContextTypes","propTypes","string","isRequired","bool","func"],"sources":["../../../src/atom/radio-group/item.js"],"sourcesContent":["import React from 'react';\nimport {get, pipe, identity, uniqueId} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport Provider from '../provider';\nimport style from './item.css';\n\nconst getTargetValueAndCall = fun => pipe(get('target.value'), fun);\n\nconst themeStyle = {\n  setup: style.setup,\n  coorpmanager: style.coorpmanager\n};\n\nconst Item = (props, context) => {\n  const idRadioButton = uniqueId('inputRadioButton');\n  const {skin} = context;\n  const {color, name, value, checked, label, onChange = identity, theme} = props;\n  const defaultColor = color || get('common.primary', skin);\n  const mainClass = themeStyle[theme];\n  return (\n    <div\n      className={classNames(style.normal, mainClass)}\n      style={{\n        backgroundColor: checked && defaultColor,\n        borderRightColor: defaultColor,\n        color: !checked && defaultColor\n      }}\n    >\n      <input\n        type=\"radio\"\n        id={idRadioButton}\n        className={style.radio}\n        name={name}\n        value={value}\n        checked={checked}\n        onChange={getTargetValueAndCall(onChange)}\n      />\n      <label\n        className={classNames(style.label, checked && style.selected)}\n        style={{\n          color: !checked && defaultColor\n        }}\n        htmlFor={idRadioButton}\n      >\n        <span className={style.labelSpan} data-name={`radio-${value}`} title={label}>\n          {label}\n        </span>\n      </label>\n    </div>\n  );\n};\n\nItem.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\nItem.propTypes = {\n  color: PropTypes.string,\n  value: PropTypes.string.isRequired,\n  name: PropTypes.string,\n  theme: PropTypes.string,\n  checked: PropTypes.bool,\n  label: PropTypes.string,\n  onChange: PropTypes.func\n};\n\nexport default Item;\n"],"mappings":";;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,OAAOC,QAAP,MAAqB,aAArB;AACA,OAAOC,KAAP,MAAkB,YAAlB;;AAEA,MAAMC,qBAAqB,GAAGC,GAAG,IAAI,MAAK,KAAI,cAAJ,CAAL,EAA0BA,GAA1B,CAArC;;AAEA,MAAMC,UAAU,GAAG;EACjBC,KAAK,EAAEJ,KAAK,CAACI,KADI;EAEjBC,YAAY,EAAEL,KAAK,CAACK;AAFH,CAAnB;;AAKA,MAAMC,IAAI,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EAC/B,MAAMC,aAAa,GAAG,UAAS,kBAAT,CAAtB;;EACA,MAAM;IAACC;EAAD,IAASF,OAAf;EACA,MAAM;IAACG,KAAD;IAAQC,IAAR;IAAcC,KAAd;IAAqBC,OAArB;IAA8BC,KAA9B;IAAqCC,QAAQ,YAA7C;IAA0DC;EAA1D,IAAmEV,KAAzE;;EACA,MAAMW,YAAY,GAAGP,KAAK,IAAI,KAAI,gBAAJ,EAAsBD,IAAtB,CAA9B;;EACA,MAAMS,SAAS,GAAGhB,UAAU,CAACc,KAAD,CAA5B;EACA,oBACE;IACE,SAAS,EAAEnB,UAAU,CAACE,KAAK,CAACoB,MAAP,EAAeD,SAAf,CADvB;IAEE,KAAK,EAAE;MACLE,eAAe,EAAEP,OAAO,IAAII,YADvB;MAELI,gBAAgB,EAAEJ,YAFb;MAGLP,KAAK,EAAE,CAACG,OAAD,IAAYI;IAHd;EAFT,gBAQE;IACE,IAAI,EAAC,OADP;IAEE,EAAE,EAAET,aAFN;IAGE,SAAS,EAAET,KAAK,CAACuB,KAHnB;IAIE,IAAI,EAAEX,IAJR;IAKE,KAAK,EAAEC,KALT;IAME,OAAO,EAAEC,OANX;IAOE,QAAQ,EAAEb,qBAAqB,CAACe,QAAD;EAPjC,EARF,eAiBE;IACE,SAAS,EAAElB,UAAU,CAACE,KAAK,CAACe,KAAP,EAAcD,OAAO,IAAId,KAAK,CAACwB,QAA/B,CADvB;IAEE,KAAK,EAAE;MACLb,KAAK,EAAE,CAACG,OAAD,IAAYI;IADd,CAFT;IAKE,OAAO,EAAET;EALX,gBAOE;IAAM,SAAS,EAAET,KAAK,CAACyB,SAAvB;IAAkC,aAAY,SAAQZ,KAAM,EAA5D;IAA+D,KAAK,EAAEE;EAAtE,GACGA,KADH,CAPF,CAjBF,CADF;AA+BD,CArCD;;AAuCAT,IAAI,CAACoB,YAAL,GAAoB;EAClBhB,IAAI,EAAEX,QAAQ,CAAC4B,iBAAT,CAA2BjB;AADf,CAApB;AAGAJ,IAAI,CAACsB,SAAL,2CAAiB;EACfjB,KAAK,EAAEd,SAAS,CAACgC,MADF;EAEfhB,KAAK,EAAEhB,SAAS,CAACgC,MAAV,CAAiBC,UAFT;EAGflB,IAAI,EAAEf,SAAS,CAACgC,MAHD;EAIfZ,KAAK,EAAEpB,SAAS,CAACgC,MAJF;EAKff,OAAO,EAAEjB,SAAS,CAACkC,IALJ;EAMfhB,KAAK,EAAElB,SAAS,CAACgC,MANF;EAOfb,QAAQ,EAAEnB,SAAS,CAACmC;AAPL,CAAjB;AAUA,eAAe1B,IAAf"}
+{"version":3,"sources":["../../../src/atom/radio-group/item.js"],"names":["React","PropTypes","classNames","Provider","style","getTargetValueAndCall","fun","themeStyle","setup","coorpmanager","Item","props","context","idRadioButton","skin","color","name","value","checked","label","onChange","theme","defaultColor","mainClass","normal","backgroundColor","borderRightColor","radio","selected","labelSpan","contextTypes","childContextTypes","propTypes","string","isRequired","bool","func"],"mappings":";;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,OAAOC,QAAP,MAAqB,aAArB;AACA,OAAOC,KAAP,MAAkB,YAAlB;;AAEA,MAAMC,qBAAqB,GAAGC,GAAG,IAAI,MAAK,KAAI,cAAJ,CAAL,EAA0BA,GAA1B,CAArC;;AAEA,MAAMC,UAAU,GAAG;AACjBC,EAAAA,KAAK,EAAEJ,KAAK,CAACI,KADI;AAEjBC,EAAAA,YAAY,EAAEL,KAAK,CAACK;AAFH,CAAnB;;AAKA,MAAMC,IAAI,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;AAC/B,QAAMC,aAAa,GAAG,UAAS,kBAAT,CAAtB;;AACA,QAAM;AAACC,IAAAA;AAAD,MAASF,OAAf;AACA,QAAM;AAACG,IAAAA,KAAD;AAAQC,IAAAA,IAAR;AAAcC,IAAAA,KAAd;AAAqBC,IAAAA,OAArB;AAA8BC,IAAAA,KAA9B;AAAqCC,IAAAA,QAAQ,YAA7C;AAA0DC,IAAAA;AAA1D,MAAmEV,KAAzE;;AACA,QAAMW,YAAY,GAAGP,KAAK,IAAI,KAAI,gBAAJ,EAAsBD,IAAtB,CAA9B;;AACA,QAAMS,SAAS,GAAGhB,UAAU,CAACc,KAAD,CAA5B;AACA,sBACE;AACE,IAAA,SAAS,EAAEnB,UAAU,CAACE,KAAK,CAACoB,MAAP,EAAeD,SAAf,CADvB;AAEE,IAAA,KAAK,EAAE;AACLE,MAAAA,eAAe,EAAEP,OAAO,IAAII,YADvB;AAELI,MAAAA,gBAAgB,EAAEJ,YAFb;AAGLP,MAAAA,KAAK,EAAE,CAACG,OAAD,IAAYI;AAHd;AAFT,kBAQE;AACE,IAAA,IAAI,EAAC,OADP;AAEE,IAAA,EAAE,EAAET,aAFN;AAGE,IAAA,SAAS,EAAET,KAAK,CAACuB,KAHnB;AAIE,IAAA,IAAI,EAAEX,IAJR;AAKE,IAAA,KAAK,EAAEC,KALT;AAME,IAAA,OAAO,EAAEC,OANX;AAOE,IAAA,QAAQ,EAAEb,qBAAqB,CAACe,QAAD;AAPjC,IARF,eAiBE;AACE,IAAA,SAAS,EAAElB,UAAU,CAACE,KAAK,CAACe,KAAP,EAAcD,OAAO,IAAId,KAAK,CAACwB,QAA/B,CADvB;AAEE,IAAA,KAAK,EAAE;AACLb,MAAAA,KAAK,EAAE,CAACG,OAAD,IAAYI;AADd,KAFT;AAKE,IAAA,OAAO,EAAET;AALX,kBAOE;AAAM,IAAA,SAAS,EAAET,KAAK,CAACyB,SAAvB;AAAkC,iBAAY,SAAQZ,KAAM,EAA5D;AAA+D,IAAA,KAAK,EAAEE;AAAtE,KACGA,KADH,CAPF,CAjBF,CADF;AA+BD,CArCD;;AAuCAT,IAAI,CAACoB,YAAL,GAAoB;AAClBhB,EAAAA,IAAI,EAAEX,QAAQ,CAAC4B,iBAAT,CAA2BjB;AADf,CAApB;AAGAJ,IAAI,CAACsB,SAAL,2CAAiB;AACfjB,EAAAA,KAAK,EAAEd,SAAS,CAACgC,MADF;AAEfhB,EAAAA,KAAK,EAAEhB,SAAS,CAACgC,MAAV,CAAiBC,UAFT;AAGflB,EAAAA,IAAI,EAAEf,SAAS,CAACgC,MAHD;AAIfZ,EAAAA,KAAK,EAAEpB,SAAS,CAACgC,MAJF;AAKff,EAAAA,OAAO,EAAEjB,SAAS,CAACkC,IALJ;AAMfhB,EAAAA,KAAK,EAAElB,SAAS,CAACgC,MANF;AAOfb,EAAAA,QAAQ,EAAEnB,SAAS,CAACmC;AAPL,CAAjB;AAUA,eAAe1B,IAAf","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"],"file":"item.js"}

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

@@ -1 +1 @@
-{"version":3,"file":"handle.js","names":["React","useEffect","useRef","useState","PropTypes","Provider","GetSkinFromContext","getShadowBoxColorFromPrimary","style","NoopHammer","constructor","on","stop","destroy","Hammer","window","require","Handle","props","legacyContext","skin","primaryColor","backgroundColor","onPanStart","onPanEnd","onPan","handle","hammer","setHammer","current","wrapper","boxShadow","default","propTypes","func","contextTypes","childContextTypes"],"sources":["../../../src/atom/range/handle.js"],"sourcesContent":["import {noop, getOr} from 'lodash/fp';\nimport React, {useEffect, useRef, useState} from 'react';\nimport PropTypes from 'prop-types';\nimport Provider, {GetSkinFromContext} from '../provider';\nimport {getShadowBoxColorFromPrimary} from '../../util/get-shadow-box-color-from-primary';\nimport style from './handle.css';\n\nclass NoopHammer {\n  constructor() {}\n\n  // eslint-disable-next-line class-methods-use-this\n  on() {\n    return;\n  }\n\n  // eslint-disable-next-line class-methods-use-this\n  stop() {\n    return;\n  }\n\n  // eslint-disable-next-line class-methods-use-this\n  destroy() {\n    return;\n  }\n}\n\nconst Hammer = // eslint-disable-next-line no-undef\n  typeof window !== 'undefined' ? /* istanbul ignore next */ require('hammerjs') : NoopHammer;\n\nconst Handle = (props, legacyContext) => {\n  const skin = GetSkinFromContext(legacyContext);\n  const primaryColor = getOr('#00B0FF', 'common.primary', skin);\n  const backgroundColor = primaryColor;\n  const {onPanStart = noop, onPanEnd = noop, onPan = noop} = props;\n\n  const handle = useRef();\n  const [hammer, setHammer] = useState();\n\n  useEffect(() => {\n    setHammer(new Hammer(handle.current));\n  }, [handle]);\n\n  useEffect(() => {\n    if (!hammer) return;\n    hammer.on('panstart', onPanStart);\n    hammer.on('panend', onPanEnd);\n\n    hammer.on('panleft panright', onPan);\n\n    return () => {\n      hammer.stop();\n      hammer.destroy();\n      setHammer(null);\n    };\n  }, [hammer, onPanStart, onPanEnd, onPan]);\n\n  return (\n    <div className={style.wrapper}>\n      <div\n        style={{\n          backgroundColor,\n          boxShadow: `0px 0px 20px ${getShadowBoxColorFromPrimary(primaryColor)}`\n        }}\n        className={style.default}\n        ref={handle}\n        data-name={'handle'}\n      />\n    </div>\n  );\n};\n\nHandle.propTypes = {\n  onPan: PropTypes.func,\n  onPanStart: PropTypes.func,\n  onPanEnd: PropTypes.func\n};\n\nHandle.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nexport default Handle;\n"],"mappings":";;AACA,OAAOA,KAAP,IAAeC,SAAf,EAA0BC,MAA1B,EAAkCC,QAAlC,QAAiD,OAAjD;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,QAAP,IAAkBC,kBAAlB,QAA2C,aAA3C;AACA,SAAQC,4BAAR,QAA2C,8CAA3C;AACA,OAAOC,KAAP,MAAkB,cAAlB;;AAEA,MAAMC,UAAN,CAAiB;EACfC,WAAW,GAAG,CAAE,CADD,CAGf;;;EACAC,EAAE,GAAG;IACH;EACD,CANc,CAQf;;;EACAC,IAAI,GAAG;IACL;EACD,CAXc,CAaf;;;EACAC,OAAO,GAAG;IACR;EACD;;AAhBc;;AAmBjB,MAAMC,MAAM,GAAG;AACb,OAAOC,MAAP,KAAkB,WAAlB;AAAgC;AAA2BC,OAAO,CAAC,UAAD,CAAlE,GAAiFP,UADnF;;AAGA,MAAMQ,MAAM,GAAG,CAACC,KAAD,EAAQC,aAAR,KAA0B;EACvC,MAAMC,IAAI,GAAGd,kBAAkB,CAACa,aAAD,CAA/B;;EACA,MAAME,YAAY,GAAG,OAAM,SAAN,EAAiB,gBAAjB,EAAmCD,IAAnC,CAArB;;EACA,MAAME,eAAe,GAAGD,YAAxB;EACA,MAAM;IAACE,UAAU,QAAX;IAAoBC,QAAQ,QAA5B;IAAqCC,KAAK;EAA1C,IAAqDP,KAA3D;EAEA,MAAMQ,MAAM,GAAGxB,MAAM,EAArB;EACA,MAAM,CAACyB,MAAD,EAASC,SAAT,IAAsBzB,QAAQ,EAApC;EAEAF,SAAS,CAAC,MAAM;IACd2B,SAAS,CAAC,IAAId,MAAJ,CAAWY,MAAM,CAACG,OAAlB,CAAD,CAAT;EACD,CAFQ,EAEN,CAACH,MAAD,CAFM,CAAT;EAIAzB,SAAS,CAAC,MAAM;IACd,IAAI,CAAC0B,MAAL,EAAa;IACbA,MAAM,CAAChB,EAAP,CAAU,UAAV,EAAsBY,UAAtB;IACAI,MAAM,CAAChB,EAAP,CAAU,QAAV,EAAoBa,QAApB;IAEAG,MAAM,CAAChB,EAAP,CAAU,kBAAV,EAA8Bc,KAA9B;IAEA,OAAO,MAAM;MACXE,MAAM,CAACf,IAAP;MACAe,MAAM,CAACd,OAAP;MACAe,SAAS,CAAC,IAAD,CAAT;IACD,CAJD;EAKD,CAZQ,EAYN,CAACD,MAAD,EAASJ,UAAT,EAAqBC,QAArB,EAA+BC,KAA/B,CAZM,CAAT;EAcA,oBACE;IAAK,SAAS,EAAEjB,KAAK,CAACsB;EAAtB,gBACE;IACE,KAAK,EAAE;MACLR,eADK;MAELS,SAAS,EAAG,gBAAexB,4BAA4B,CAACc,YAAD,CAAe;IAFjE,CADT;IAKE,SAAS,EAAEb,KAAK,CAACwB,OALnB;IAME,GAAG,EAAEN,MANP;IAOE,aAAW;EAPb,EADF,CADF;AAaD,CAxCD;;AA0CAT,MAAM,CAACgB,SAAP,2CAAmB;EACjBR,KAAK,EAAErB,SAAS,CAAC8B,IADA;EAEjBX,UAAU,EAAEnB,SAAS,CAAC8B,IAFL;EAGjBV,QAAQ,EAAEpB,SAAS,CAAC8B;AAHH,CAAnB;AAMAjB,MAAM,CAACkB,YAAP,GAAsB;EACpBf,IAAI,EAAEf,QAAQ,CAAC+B,iBAAT,CAA2BhB;AADb,CAAtB;AAIA,eAAeH,MAAf"}
+{"version":3,"sources":["../../../src/atom/range/handle.js"],"names":["React","useEffect","useRef","useState","PropTypes","Provider","GetSkinFromContext","getShadowBoxColorFromPrimary","style","NoopHammer","constructor","on","stop","destroy","Hammer","window","require","Handle","props","legacyContext","skin","primaryColor","backgroundColor","onPanStart","onPanEnd","onPan","handle","hammer","setHammer","current","wrapper","boxShadow","default","propTypes","func","contextTypes","childContextTypes"],"mappings":";;AACA,OAAOA,KAAP,IAAeC,SAAf,EAA0BC,MAA1B,EAAkCC,QAAlC,QAAiD,OAAjD;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,QAAP,IAAkBC,kBAAlB,QAA2C,aAA3C;AACA,SAAQC,4BAAR,QAA2C,8CAA3C;AACA,OAAOC,KAAP,MAAkB,cAAlB;;AAEA,MAAMC,UAAN,CAAiB;AACfC,EAAAA,WAAW,GAAG,CAAE,CADD,CAGf;;;AACAC,EAAAA,EAAE,GAAG;AACH;AACD,GANc,CAQf;;;AACAC,EAAAA,IAAI,GAAG;AACL;AACD,GAXc,CAaf;;;AACAC,EAAAA,OAAO,GAAG;AACR;AACD;;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;AACvC,QAAMC,IAAI,GAAGd,kBAAkB,CAACa,aAAD,CAA/B;;AACA,QAAME,YAAY,GAAG,OAAM,SAAN,EAAiB,gBAAjB,EAAmCD,IAAnC,CAArB;;AACA,QAAME,eAAe,GAAGD,YAAxB;AACA,QAAM;AAACE,IAAAA,UAAU,QAAX;AAAoBC,IAAAA,QAAQ,QAA5B;AAAqCC,IAAAA,KAAK;AAA1C,MAAqDP,KAA3D;AAEA,QAAMQ,MAAM,GAAGxB,MAAM,EAArB;AACA,QAAM,CAACyB,MAAD,EAASC,SAAT,IAAsBzB,QAAQ,EAApC;AAEAF,EAAAA,SAAS,CAAC,MAAM;AACd2B,IAAAA,SAAS,CAAC,IAAId,MAAJ,CAAWY,MAAM,CAACG,OAAlB,CAAD,CAAT;AACD,GAFQ,EAEN,CAACH,MAAD,CAFM,CAAT;AAIAzB,EAAAA,SAAS,CAAC,MAAM;AACd,QAAI,CAAC0B,MAAL,EAAa;AACbA,IAAAA,MAAM,CAAChB,EAAP,CAAU,UAAV,EAAsBY,UAAtB;AACAI,IAAAA,MAAM,CAAChB,EAAP,CAAU,QAAV,EAAoBa,QAApB;AAEAG,IAAAA,MAAM,CAAChB,EAAP,CAAU,kBAAV,EAA8Bc,KAA9B;AAEA,WAAO,MAAM;AACXE,MAAAA,MAAM,CAACf,IAAP;AACAe,MAAAA,MAAM,CAACd,OAAP;AACAe,MAAAA,SAAS,CAAC,IAAD,CAAT;AACD,KAJD;AAKD,GAZQ,EAYN,CAACD,MAAD,EAASJ,UAAT,EAAqBC,QAArB,EAA+BC,KAA/B,CAZM,CAAT;AAcA,sBACE;AAAK,IAAA,SAAS,EAAEjB,KAAK,CAACsB;AAAtB,kBACE;AACE,IAAA,KAAK,EAAE;AACLR,MAAAA,eADK;AAELS,MAAAA,SAAS,EAAG,gBAAexB,4BAA4B,CAACc,YAAD,CAAe;AAFjE,KADT;AAKE,IAAA,SAAS,EAAEb,KAAK,CAACwB,OALnB;AAME,IAAA,GAAG,EAAEN,MANP;AAOE,iBAAW;AAPb,IADF,CADF;AAaD,CAxCD;;AA0CAT,MAAM,CAACgB,SAAP,2CAAmB;AACjBR,EAAAA,KAAK,EAAErB,SAAS,CAAC8B,IADA;AAEjBX,EAAAA,UAAU,EAAEnB,SAAS,CAAC8B,IAFL;AAGjBV,EAAAA,QAAQ,EAAEpB,SAAS,CAAC8B;AAHH,CAAnB;AAMAjB,MAAM,CAACkB,YAAP,GAAsB;AACpBf,EAAAA,IAAI,EAAEf,QAAQ,CAAC+B,iBAAT,CAA2BhB;AADb,CAAtB;AAIA,eAAeH,MAAf","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"],"file":"handle.js"}

package/es/atom/range/index.d.ts

@@ -4,7 +4,7 @@ declare class Range extends React.Component<any, any, any> {
         onChange: PropTypes.Requireable<(...args: any[]) => any>;
         onChangeEnd: PropTypes.Requireable<(...args: any[]) => any>;
         multi: PropTypes.Requireable<boolean>;
-        value: PropTypes.Requireable<NonNullable<number | (number | null | undefined)[] | null | undefined>>;
+        value: PropTypes.Requireable<number | (number | null | undefined)[]>;
     };
     static getDerivedStateFromProps(props: any, state: any): {
         multi: any;

package/es/atom/range/index.js

@@ -2,7 +2,7 @@ import _clamp from "lodash/fp/clamp";
 import _set from "lodash/fp/set";
 import _noop from "lodash/fp/noop";
 
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { _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); }
 
 import React from 'react';
 import PropTypes from 'prop-types';
@@ -82,7 +82,7 @@ class Range extends React.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/es/atom/range/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","Handle","style","valueOnTrack","track","x","left","right","getBoundingClientRect","extractStateFromProps","props","multi","value","RenderHandles","pending","onHandleMinChange","onHandleMinChangeEnd","onHandleMaxChange","onHandleMaxChangeEnd","handle","animatedHandle","propTypes","number","bool","func","Range","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,"sources":["../../../src/atom/range/index.js"],"names":["React","PropTypes","Handle","style","valueOnTrack","track","x","left","right","getBoundingClientRect","extractStateFromProps","props","multi","value","RenderHandles","pending","onHandleMinChange","onHandleMinChangeEnd","onHandleMaxChange","onHandleMaxChangeEnd","handle","animatedHandle","propTypes","number","bool","func","Range","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"],"mappings":"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","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"],"file":"index.js"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","NovaSolidAudioAudioControlPlay","PlayIcon","NovaLineFilesOfficeFileOfficePdf","PDFIcon","NovaCompositionCoorpacademyMicrophone","PodcastIcon","classnames","Provider","style","TYPES","pdf","icon","audio","video","ResourceMiniature","props","context","skin","type","description","poster","onClick","handleOnClick","selected","descriptionClassName","selectedDescription","white","primary","posterOutlineColor","Icon","posterWrapper","borderColor","backgroundImage","innerHTML","__html","propTypes","oneOf","bool","string","func","contextTypes","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,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,SACEC,8BAA8B,IAAIC,QADpC,EAEEC,gCAAgC,IAAIC,OAFtC,EAGEC,qCAAqC,IAAIC,WAH3C,QAIO,0BAJP;AAKA,OAAOC,UAAP,MAAuB,YAAvB;AACA,OAAOC,QAAP,MAAqB,aAArB;AACA,OAAOC,KAAP,MAAkB,aAAlB;AAEA,MAAMC,KAAK,GAAG;EACZC,GAAG,EAAE;IAACF,KAAK,EAAEA,KAAK,CAACE,GAAd;IAAmBC,IAAI,EAAER;EAAzB,CADO;EAEZS,KAAK,EAAE;IAACJ,KAAK,EAAEA,KAAK,CAACI,KAAd;IAAqBD,IAAI,EAAEN;EAA3B,CAFK;EAGZQ,KAAK,EAAE;IAACL,KAAK,EAAEA,KAAK,CAACK,KAAd;IAAqBF,IAAI,EAAEV;EAA3B;AAHK,CAAd;;AAMA,MAAMa,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,GAAGf,KAAK,CAACiB,mBAAT,GAA+BjB,KAAK,CAACW,WAA1E;;EACA,MAAMO,KAAK,GAAG,KAAI,cAAJ,EAAoBT,IAApB,CAAd;;EACA,MAAMU,OAAO,GAAG,KAAI,gBAAJ,EAAsBV,IAAtB,CAAhB;;EACA,MAAMW,kBAAkB,GAAGL,QAAQ,GAAGI,OAAH,GAAaD,KAAhD;EACA,MAAMG,IAAI,GAAGpB,KAAK,CAACS,IAAD,CAAL,CAAYP,IAAzB;EACA,oBACE;IAAK,SAAS,EAAEF,KAAK,CAACS,IAAD,CAAL,CAAYV,KAA5B;IAAmC,OAAO,EAAEc,aAA5C;IAA2D,aAAWJ;EAAtE,gBACE;IAAK,SAAS,EAAEV,KAAK,CAACsB,aAAtB;IAAqC,KAAK,EAAE;MAACC,WAAW,EAAEH;IAAd;EAA5C,gBACE;IAAK,SAAS,EAAEpB,KAAK,CAACY,MAAtB;IAA8B,KAAK,EAAE;MAACY,eAAe,EAAG,OAAMZ,MAAO;IAAhC;EAArC,EADF,EAEG,CAACG,QAAD,gBAAY,oBAAC,IAAD;IAAM,KAAK,EAAEG,KAAb;IAAoB,SAAS,EAAElB,KAAK,CAACG;EAArC,EAAZ,GAA4D,IAF/D,CADF,eAKE;IACE,SAAS,EAAEL,UAAU,CAACkB,oBAAD,EAAuBhB,KAAK,CAACyB,SAA7B,CADvB,CAEE;IAFF;IAGE,uBAAuB,EAAE;MAACC,MAAM,EAAEf;IAAT;EAH3B,EALF,CADF;AAaD,CArBD;;AAuBAL,iBAAiB,CAACqB,SAAlB,2CAA8B;EAC5BjB,IAAI,EAAEnB,SAAS,CAACqC,KAAV,CAAgB,MAAK3B,KAAL,CAAhB,CADsB;EAE5Bc,QAAQ,EAAExB,SAAS,CAACsC,IAFQ;EAG5BlB,WAAW,EAAEpB,SAAS,CAACuC,MAHK;EAI5BlB,MAAM,EAAErB,SAAS,CAACuC,MAJU;EAK5BjB,OAAO,EAAEtB,SAAS,CAACwC;AALS,CAA9B;AAQAzB,iBAAiB,CAAC0B,YAAlB,GAAiC;EAC/BvB,IAAI,EAAEV,QAAQ,CAACkC,iBAAT,CAA2BxB;AADF,CAAjC;AAIA,eAAeH,iBAAf"}
+{"version":3,"sources":["../../../src/atom/resource-miniature/index.js"],"names":["React","PropTypes","NovaSolidAudioAudioControlPlay","PlayIcon","NovaLineFilesOfficeFileOfficePdf","PDFIcon","NovaCompositionCoorpacademyMicrophone","PodcastIcon","classnames","Provider","style","TYPES","pdf","icon","audio","video","ResourceMiniature","props","context","skin","type","description","poster","onClick","handleOnClick","selected","descriptionClassName","selectedDescription","white","primary","posterOutlineColor","Icon","posterWrapper","borderColor","backgroundImage","innerHTML","__html","propTypes","oneOf","bool","string","func","contextTypes","childContextTypes"],"mappings":"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","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"],"file":"index.js"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","style","propTypes","ReviewBackground","props","ariaLabel","mainContainer","container","interrogationLeft","interrogationRight","recYellow","recRed","recBlue","recGreen","recGreenLight"],"sources":["../../../src/atom/review-background/index.js"],"sourcesContent":["import React from 'react';\nimport style from './style.css';\nimport propTypes from './prop-types';\n\nconst ReviewBackground = props => {\n  const {'aria-label': ariaLabel} = props;\n  return (\n    <div className={style.mainContainer} aria-label={ariaLabel}>\n      <div className={style.container}>\n        <span className={style.interrogationLeft}>?</span>\n        <span className={style.interrogationRight}>?</span>\n        <div className={style.recYellow} />\n        <div className={style.recRed} />\n        <div className={style.recBlue} />\n        <div className={style.recGreen} />\n        <div className={style.recGreenLight} />\n      </div>\n    </div>\n  );\n};\n\nReviewBackground.propTypes = propTypes;\n\nexport default ReviewBackground;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,KAAP,MAAkB,aAAlB;AACA,OAAOC,SAAP,MAAsB,cAAtB;;AAEA,MAAMC,gBAAgB,GAAGC,KAAK,IAAI;EAChC,MAAM;IAAC,cAAcC;EAAf,IAA4BD,KAAlC;EACA,oBACE;IAAK,SAAS,EAAEH,KAAK,CAACK,aAAtB;IAAqC,cAAYD;EAAjD,gBACE;IAAK,SAAS,EAAEJ,KAAK,CAACM;EAAtB,gBACE;IAAM,SAAS,EAAEN,KAAK,CAACO;EAAvB,OADF,eAEE;IAAM,SAAS,EAAEP,KAAK,CAACQ;EAAvB,OAFF,eAGE;IAAK,SAAS,EAAER,KAAK,CAACS;EAAtB,EAHF,eAIE;IAAK,SAAS,EAAET,KAAK,CAACU;EAAtB,EAJF,eAKE;IAAK,SAAS,EAAEV,KAAK,CAACW;EAAtB,EALF,eAME;IAAK,SAAS,EAAEX,KAAK,CAACY;EAAtB,EANF,eAOE;IAAK,SAAS,EAAEZ,KAAK,CAACa;EAAtB,EAPF,CADF,CADF;AAaD,CAfD;;AAiBAX,gBAAgB,CAACD,SAAjB,2CAA6BA,SAA7B;AAEA,eAAeC,gBAAf"}
+{"version":3,"sources":["../../../src/atom/review-background/index.js"],"names":["React","style","propTypes","ReviewBackground","props","ariaLabel","mainContainer","container","interrogationLeft","interrogationRight","recYellow","recRed","recBlue","recGreen","recGreenLight"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,KAAP,MAAkB,aAAlB;AACA,OAAOC,SAAP,MAAsB,cAAtB;;AAEA,MAAMC,gBAAgB,GAAGC,KAAK,IAAI;AAChC,QAAM;AAAC,kBAAcC;AAAf,MAA4BD,KAAlC;AACA,sBACE;AAAK,IAAA,SAAS,EAAEH,KAAK,CAACK,aAAtB;AAAqC,kBAAYD;AAAjD,kBACE;AAAK,IAAA,SAAS,EAAEJ,KAAK,CAACM;AAAtB,kBACE;AAAM,IAAA,SAAS,EAAEN,KAAK,CAACO;AAAvB,SADF,eAEE;AAAM,IAAA,SAAS,EAAEP,KAAK,CAACQ;AAAvB,SAFF,eAGE;AAAK,IAAA,SAAS,EAAER,KAAK,CAACS;AAAtB,IAHF,eAIE;AAAK,IAAA,SAAS,EAAET,KAAK,CAACU;AAAtB,IAJF,eAKE;AAAK,IAAA,SAAS,EAAEV,KAAK,CAACW;AAAtB,IALF,eAME;AAAK,IAAA,SAAS,EAAEX,KAAK,CAACY;AAAtB,IANF,eAOE;AAAK,IAAA,SAAS,EAAEZ,KAAK,CAACa;AAAtB,IAPF,CADF,CADF;AAaD,CAfD;;AAiBAX,gBAAgB,CAACD,SAAjB,2CAA6BA,SAA7B;AAEA,eAAeC,gBAAf","sourcesContent":["import React from 'react';\nimport style from './style.css';\nimport propTypes from './prop-types';\n\nconst ReviewBackground = props => {\n  const {'aria-label': ariaLabel} = props;\n  return (\n    <div className={style.mainContainer} aria-label={ariaLabel}>\n      <div className={style.container}>\n        <span className={style.interrogationLeft}>?</span>\n        <span className={style.interrogationRight}>?</span>\n        <div className={style.recYellow} />\n        <div className={style.recRed} />\n        <div className={style.recBlue} />\n        <div className={style.recGreen} />\n        <div className={style.recGreenLight} />\n      </div>\n    </div>\n  );\n};\n\nReviewBackground.propTypes = propTypes;\n\nexport default ReviewBackground;\n"],"file":"index.js"}

package/es/atom/review-background/prop-types.js.map

@@ -1 +1 @@
-{"version":3,"file":"prop-types.js","names":["PropTypes","string"],"sources":["../../../src/atom/review-background/prop-types.js"],"sourcesContent":["import PropTypes from 'prop-types';\n\nexport default {'aria-label': PropTypes.string};\n"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AAEA,eAAe;EAAC,cAAcA,SAAS,CAACC;AAAzB,CAAf"}
+{"version":3,"sources":["../../../src/atom/review-background/prop-types.js"],"names":["PropTypes","string"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AAEA,eAAe;AAAC,gBAAcA,SAAS,CAACC;AAAzB,CAAf","sourcesContent":["import PropTypes from 'prop-types';\n\nexport default {'aria-label': PropTypes.string};\n"],"file":"prop-types.js"}

package/es/atom/review-header-step-item/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { HeaderStepItemProps } from './types';
 declare const ReviewHeaderStepItem: {
     (props: HeaderStepItemProps): JSX.Element;

package/es/atom/review-header-step-item/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/review-header-step-item/index.tsx"],"names":[],"mappings":";AAOA,OAAkB,EAAC,mBAAmB,EAAC,MAAM,SAAS,CAAC;AAiCvD,QAAA,MAAM,oBAAoB;YAAW,mBAAmB;;;;;;CAevD,CAAC;AAIF,eAAe,oBAAoB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/review-header-step-item/index.tsx"],"names":[],"mappings":"AAOA,OAAkB,EAAC,mBAAmB,EAAC,MAAM,SAAS,CAAC;AAiCvD,QAAA,MAAM,oBAAoB;YAAW,mBAAmB;;;;;;CAevD,CAAC;AAIF,eAAe,oBAAoB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","classnames","NovaCompositionCoorpacademyCheck","RightIcon","NovaSolidStatusClose","WrongIcon","style","propTypes","Content","icon","current","value","child","rightIcon","currentRightIcon","wrongIcon","currentWrongIcon","ReviewHeaderStepItem","props","default","right","wrong"],"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 style from './style.css';\nimport propTypes, {HeaderStepItemProps} from './types';\n\nconst Content = ({icon, current, value}: HeaderStepItemProps) => {\n  let child;\n\n  switch (icon) {\n    case 'no-answer':\n      child = value;\n      break;\n\n    case 'right':\n      child = (\n        <RightIcon className={classnames(style.rightIcon, current && style.currentRightIcon)} />\n      );\n      break;\n\n    case 'wrong':\n      child = (\n        <WrongIcon className={classnames(style.wrongIcon, current && style.currentWrongIcon)} />\n      );\n      break;\n\n    default:\n      return null;\n  }\n\n  return (\n    <span className={style.value} aria-label={`step ${value}`}>\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,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SACEC,gCAAgC,IAAIC,SADtC,EAEEC,oBAAoB,IAAIC,SAF1B,QAGO,0BAHP;AAIA,OAAOC,KAAP,MAAkB,aAAlB;AACA,OAAOC,SAAP,MAA6C,SAA7C;;AAEA,MAAMC,OAAO,GAAG,CAAC;EAACC,IAAD;EAAOC,OAAP;EAAgBC;AAAhB,CAAD,KAAiD;EAC/D,IAAIC,KAAJ;;EAEA,QAAQH,IAAR;IACE,KAAK,WAAL;MACEG,KAAK,GAAGD,KAAR;MACA;;IAEF,KAAK,OAAL;MACEC,KAAK,gBACH,oBAAC,SAAD;QAAW,SAAS,EAAEX,UAAU,CAACK,KAAK,CAACO,SAAP,EAAkBH,OAAO,IAAIJ,KAAK,CAACQ,gBAAnC;MAAhC,EADF;MAGA;;IAEF,KAAK,OAAL;MACEF,KAAK,gBACH,oBAAC,SAAD;QAAW,SAAS,EAAEX,UAAU,CAACK,KAAK,CAACS,SAAP,EAAkBL,OAAO,IAAIJ,KAAK,CAACU,gBAAnC;MAAhC,EADF;MAGA;;IAEF;MACE,OAAO,IAAP;EAlBJ;;EAqBA,oBACE;IAAM,SAAS,EAAEV,KAAK,CAACK,KAAvB;IAA8B,cAAa,QAAOA,KAAM;EAAxD,GACGC,KADH,CADF;AAKD,CA7BD;;AA+BA,MAAMK,oBAAoB,GAAIC,KAAD,IAAgC;EAC3D,MAAM;IAACT,IAAD;IAAOC;EAAP,IAAkBQ,KAAxB;EACA,oBACE;IACE,SAAS,EAAEjB,UAAU,CACnBK,KAAK,CAACa,OADa,EAEnBV,IAAI,KAAK,OAAT,IAAoBH,KAAK,CAACc,KAFP,EAGnBX,IAAI,KAAK,OAAT,IAAoBH,KAAK,CAACe,KAHP,EAInBX,OAAO,IAAIJ,KAAK,CAACI,OAJE,CADvB;IAOE,aAAU;EAPZ,gBASE,oBAAC,OAAD,EAAaQ,KAAb,CATF,CADF;AAaD,CAfD;;AAiBAD,oBAAoB,CAACV,SAArB,2CAAiCA,SAAjC;AAEA,eAAeU,oBAAf"}
+{"version":3,"sources":["../../../src/atom/review-header-step-item/index.tsx"],"names":["React","classnames","NovaCompositionCoorpacademyCheck","RightIcon","NovaSolidStatusClose","WrongIcon","style","propTypes","Content","icon","current","value","child","rightIcon","currentRightIcon","wrongIcon","currentWrongIcon","ReviewHeaderStepItem","props","default","right","wrong"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SACEC,gCAAgC,IAAIC,SADtC,EAEEC,oBAAoB,IAAIC,SAF1B,QAGO,0BAHP;AAIA,OAAOC,KAAP,MAAkB,aAAlB;AACA,OAAOC,SAAP,MAA6C,SAA7C;;AAEA,MAAMC,OAAO,GAAG,CAAC;AAACC,EAAAA,IAAD;AAAOC,EAAAA,OAAP;AAAgBC,EAAAA;AAAhB,CAAD,KAAiD;AAC/D,MAAIC,KAAJ;;AAEA,UAAQH,IAAR;AACE,SAAK,WAAL;AACEG,MAAAA,KAAK,GAAGD,KAAR;AACA;;AAEF,SAAK,OAAL;AACEC,MAAAA,KAAK,gBACH,oBAAC,SAAD;AAAW,QAAA,SAAS,EAAEX,UAAU,CAACK,KAAK,CAACO,SAAP,EAAkBH,OAAO,IAAIJ,KAAK,CAACQ,gBAAnC;AAAhC,QADF;AAGA;;AAEF,SAAK,OAAL;AACEF,MAAAA,KAAK,gBACH,oBAAC,SAAD;AAAW,QAAA,SAAS,EAAEX,UAAU,CAACK,KAAK,CAACS,SAAP,EAAkBL,OAAO,IAAIJ,KAAK,CAACU,gBAAnC;AAAhC,QADF;AAGA;;AAEF;AACE,aAAO,IAAP;AAlBJ;;AAqBA,sBACE;AAAM,IAAA,SAAS,EAAEV,KAAK,CAACK,KAAvB;AAA8B,kBAAa,QAAOA,KAAM;AAAxD,KACGC,KADH,CADF;AAKD,CA7BD;;AA+BA,MAAMK,oBAAoB,GAAIC,KAAD,IAAgC;AAC3D,QAAM;AAACT,IAAAA,IAAD;AAAOC,IAAAA;AAAP,MAAkBQ,KAAxB;AACA,sBACE;AACE,IAAA,SAAS,EAAEjB,UAAU,CACnBK,KAAK,CAACa,OADa,EAEnBV,IAAI,KAAK,OAAT,IAAoBH,KAAK,CAACc,KAFP,EAGnBX,IAAI,KAAK,OAAT,IAAoBH,KAAK,CAACe,KAHP,EAInBX,OAAO,IAAIJ,KAAK,CAACI,OAJE,CADvB;AAOE,iBAAU;AAPZ,kBASE,oBAAC,OAAD,EAAaQ,KAAb,CATF,CADF;AAaD,CAfD;;AAiBAD,oBAAoB,CAACV,SAArB,2CAAiCA,SAAjC;AAEA,eAAeU,oBAAf","sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport {\n  NovaCompositionCoorpacademyCheck as RightIcon,\n  NovaSolidStatusClose as WrongIcon\n} from '@coorpacademy/nova-icons';\nimport style from './style.css';\nimport propTypes, {HeaderStepItemProps} from './types';\n\nconst Content = ({icon, current, value}: HeaderStepItemProps) => {\n  let child;\n\n  switch (icon) {\n    case 'no-answer':\n      child = value;\n      break;\n\n    case 'right':\n      child = (\n        <RightIcon className={classnames(style.rightIcon, current && style.currentRightIcon)} />\n      );\n      break;\n\n    case 'wrong':\n      child = (\n        <WrongIcon className={classnames(style.wrongIcon, current && style.currentWrongIcon)} />\n      );\n      break;\n\n    default:\n      return null;\n  }\n\n  return (\n    <span className={style.value} aria-label={`step ${value}`}>\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"],"file":"index.js"}

package/es/atom/review-header-step-item/index.native.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { HeaderStepItemProps } from './types';
 declare const Step: ({ value, icon, current }: HeaderStepItemProps) => JSX.Element | null;
 export default Step;

package/es/atom/review-header-step-item/index.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/atom/review-header-step-item/index.native.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAC,mBAAmB,EAAC,MAAM,SAAS,CAAC;AA6C5C,QAAA,MAAM,IAAI,6BAA4B,mBAAmB,uBA2BxD,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/atom/review-header-step-item/index.native.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAC,mBAAmB,EAAC,MAAM,SAAS,CAAC;AA6C5C,QAAA,MAAM,IAAI,6BAA4B,mBAAmB,uBA2BxD,CAAC;AAEF,eAAe,IAAI,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["React","useEffect","useState","StyleSheet","Text","View","NovaCompositionCoorpacademyCheck","RightIcon","NovaSolidStatusClose","WrongIcon","COLORS","createStyle","current","icon","backgroundColor","positive","negative","gray","create","step","width","height","opacity","marginHorizontal","alignItems","justifyContent","borderRadius","stepText","fontWeight","fontSize","Step","value","style","setStyle","_style","child"],"sources":["../../../src/atom/review-header-step-item/index.native.tsx"],"sourcesContent":["import React, {useEffect, useState} from 'react';\nimport {StyleSheet, Text, TextStyle, View, ViewStyle} from 'react-native';\nimport {\n  NovaCompositionCoorpacademyCheck as RightIcon,\n  NovaSolidStatusClose as WrongIcon\n} from '@coorpacademy/nova-icons';\nimport {COLORS} from '../../variables/colors';\nimport {HeaderStepItemProps} from './types';\n\ntype StyleSheetType = {\n  step: ViewStyle;\n  stepText: TextStyle;\n  icon: ViewStyle;\n};\n\nconst createStyle = (current: boolean, icon: HeaderStepItemProps['icon']): StyleSheetType => {\n  let backgroundColor;\n\n  switch (icon) {\n    case 'right':\n      backgroundColor = COLORS.positive;\n      break;\n    case 'wrong':\n      backgroundColor = COLORS.negative;\n      break;\n    case 'no-answer':\n    default:\n      backgroundColor = COLORS.gray;\n  }\n\n  return StyleSheet.create({\n    step: {\n      width: current ? 40 : 32,\n      height: current ? 40 : 32,\n      opacity: current ? 1 : 0.5,\n      marginHorizontal: 8,\n      backgroundColor,\n      alignItems: 'center',\n      justifyContent: 'center',\n      borderRadius: 50\n    },\n    stepText: {\n      fontWeight: '600',\n      fontSize: current ? 16 : 12\n    },\n    icon: {\n      width: current ? 14 : 12,\n      height: current ? 14 : 12\n    }\n  });\n};\n\nconst Step = ({value, icon, current}: HeaderStepItemProps) => {\n  const [style, setStyle] = useState<StyleSheetType | null>(null);\n\n  useEffect(() => {\n    const _style = createStyle(current, icon);\n    setStyle(_style);\n  }, [current, icon]);\n\n  if (!style) {\n    return null;\n  }\n\n  let child;\n\n  switch (icon) {\n    case 'right':\n      child = <RightIcon style={style.icon} color=\"#fff\" />;\n      break;\n    case 'wrong':\n      child = <WrongIcon style={style.icon} color=\"#fff\" />;\n      break;\n    case 'no-answer':\n    default:\n      child = <Text style={style.stepText}>{value}</Text>;\n  }\n\n  return <View style={style.step}>{child}</View>;\n};\n\nexport default Step;\n"],"mappings":"AAAA,OAAOA,KAAP,IAAeC,SAAf,EAA0BC,QAA1B,QAAyC,OAAzC;AACA,SAAQC,UAAR,EAAoBC,IAApB,EAAqCC,IAArC,QAA2D,cAA3D;AACA,SACEC,gCAAgC,IAAIC,SADtC,EAEEC,oBAAoB,IAAIC,SAF1B,QAGO,0BAHP;AAIA,SAAQC,MAAR,QAAqB,wBAArB;;AASA,MAAMC,WAAW,GAAG,CAACC,OAAD,EAAmBC,IAAnB,KAAyE;EAC3F,IAAIC,eAAJ;;EAEA,QAAQD,IAAR;IACE,KAAK,OAAL;MACEC,eAAe,GAAGJ,MAAM,CAACK,QAAzB;MACA;;IACF,KAAK,OAAL;MACED,eAAe,GAAGJ,MAAM,CAACM,QAAzB;MACA;;IACF,KAAK,WAAL;IACA;MACEF,eAAe,GAAGJ,MAAM,CAACO,IAAzB;EATJ;;EAYA,OAAOd,UAAU,CAACe,MAAX,CAAkB;IACvBC,IAAI,EAAE;MACJC,KAAK,EAAER,OAAO,GAAG,EAAH,GAAQ,EADlB;MAEJS,MAAM,EAAET,OAAO,GAAG,EAAH,GAAQ,EAFnB;MAGJU,OAAO,EAAEV,OAAO,GAAG,CAAH,GAAO,GAHnB;MAIJW,gBAAgB,EAAE,CAJd;MAKJT,eALI;MAMJU,UAAU,EAAE,QANR;MAOJC,cAAc,EAAE,QAPZ;MAQJC,YAAY,EAAE;IARV,CADiB;IAWvBC,QAAQ,EAAE;MACRC,UAAU,EAAE,KADJ;MAERC,QAAQ,EAAEjB,OAAO,GAAG,EAAH,GAAQ;IAFjB,CAXa;IAevBC,IAAI,EAAE;MACJO,KAAK,EAAER,OAAO,GAAG,EAAH,GAAQ,EADlB;MAEJS,MAAM,EAAET,OAAO,GAAG,EAAH,GAAQ;IAFnB;EAfiB,CAAlB,CAAP;AAoBD,CAnCD;;AAqCA,MAAMkB,IAAI,GAAG,CAAC;EAACC,KAAD;EAAQlB,IAAR;EAAcD;AAAd,CAAD,KAAiD;EAC5D,MAAM,CAACoB,KAAD,EAAQC,QAAR,IAAoB/B,QAAQ,CAAwB,IAAxB,CAAlC;EAEAD,SAAS,CAAC,MAAM;IACd,MAAMiC,MAAM,GAAGvB,WAAW,CAACC,OAAD,EAAUC,IAAV,CAA1B;;IACAoB,QAAQ,CAACC,MAAD,CAAR;EACD,CAHQ,EAGN,CAACtB,OAAD,EAAUC,IAAV,CAHM,CAAT;;EAKA,IAAI,CAACmB,KAAL,EAAY;IACV,OAAO,IAAP;EACD;;EAED,IAAIG,KAAJ;;EAEA,QAAQtB,IAAR;IACE,KAAK,OAAL;MACEsB,KAAK,gBAAG,oBAAC,SAAD;QAAW,KAAK,EAAEH,KAAK,CAACnB,IAAxB;QAA8B,KAAK,EAAC;MAApC,EAAR;MACA;;IACF,KAAK,OAAL;MACEsB,KAAK,gBAAG,oBAAC,SAAD;QAAW,KAAK,EAAEH,KAAK,CAACnB,IAAxB;QAA8B,KAAK,EAAC;MAApC,EAAR;MACA;;IACF,KAAK,WAAL;IACA;MACEsB,KAAK,gBAAG,oBAAC,IAAD;QAAM,KAAK,EAAEH,KAAK,CAACL;MAAnB,GAA8BI,KAA9B,CAAR;EATJ;;EAYA,oBAAO,oBAAC,IAAD;IAAM,KAAK,EAAEC,KAAK,CAACb;EAAnB,GAA0BgB,KAA1B,CAAP;AACD,CA3BD;;AA6BA,eAAeL,IAAf"}
+{"version":3,"sources":["../../../src/atom/review-header-step-item/index.native.tsx"],"names":["React","useEffect","useState","StyleSheet","Text","View","NovaCompositionCoorpacademyCheck","RightIcon","NovaSolidStatusClose","WrongIcon","COLORS","createStyle","current","icon","backgroundColor","positive","negative","gray","create","step","width","height","opacity","marginHorizontal","alignItems","justifyContent","borderRadius","stepText","fontWeight","fontSize","Step","value","style","setStyle","_style","child"],"mappings":"AAAA,OAAOA,KAAP,IAAeC,SAAf,EAA0BC,QAA1B,QAAyC,OAAzC;AACA,SAAQC,UAAR,EAAoBC,IAApB,EAAqCC,IAArC,QAA2D,cAA3D;AACA,SACEC,gCAAgC,IAAIC,SADtC,EAEEC,oBAAoB,IAAIC,SAF1B,QAGO,0BAHP;AAIA,SAAQC,MAAR,QAAqB,wBAArB;;AASA,MAAMC,WAAW,GAAG,CAACC,OAAD,EAAmBC,IAAnB,KAAyE;AAC3F,MAAIC,eAAJ;;AAEA,UAAQD,IAAR;AACE,SAAK,OAAL;AACEC,MAAAA,eAAe,GAAGJ,MAAM,CAACK,QAAzB;AACA;;AACF,SAAK,OAAL;AACED,MAAAA,eAAe,GAAGJ,MAAM,CAACM,QAAzB;AACA;;AACF,SAAK,WAAL;AACA;AACEF,MAAAA,eAAe,GAAGJ,MAAM,CAACO,IAAzB;AATJ;;AAYA,SAAOd,UAAU,CAACe,MAAX,CAAkB;AACvBC,IAAAA,IAAI,EAAE;AACJC,MAAAA,KAAK,EAAER,OAAO,GAAG,EAAH,GAAQ,EADlB;AAEJS,MAAAA,MAAM,EAAET,OAAO,GAAG,EAAH,GAAQ,EAFnB;AAGJU,MAAAA,OAAO,EAAEV,OAAO,GAAG,CAAH,GAAO,GAHnB;AAIJW,MAAAA,gBAAgB,EAAE,CAJd;AAKJT,MAAAA,eALI;AAMJU,MAAAA,UAAU,EAAE,QANR;AAOJC,MAAAA,cAAc,EAAE,QAPZ;AAQJC,MAAAA,YAAY,EAAE;AARV,KADiB;AAWvBC,IAAAA,QAAQ,EAAE;AACRC,MAAAA,UAAU,EAAE,KADJ;AAERC,MAAAA,QAAQ,EAAEjB,OAAO,GAAG,EAAH,GAAQ;AAFjB,KAXa;AAevBC,IAAAA,IAAI,EAAE;AACJO,MAAAA,KAAK,EAAER,OAAO,GAAG,EAAH,GAAQ,EADlB;AAEJS,MAAAA,MAAM,EAAET,OAAO,GAAG,EAAH,GAAQ;AAFnB;AAfiB,GAAlB,CAAP;AAoBD,CAnCD;;AAqCA,MAAMkB,IAAI,GAAG,CAAC;AAACC,EAAAA,KAAD;AAAQlB,EAAAA,IAAR;AAAcD,EAAAA;AAAd,CAAD,KAAiD;AAC5D,QAAM,CAACoB,KAAD,EAAQC,QAAR,IAAoB/B,QAAQ,CAAwB,IAAxB,CAAlC;AAEAD,EAAAA,SAAS,CAAC,MAAM;AACd,UAAMiC,MAAM,GAAGvB,WAAW,CAACC,OAAD,EAAUC,IAAV,CAA1B;;AACAoB,IAAAA,QAAQ,CAACC,MAAD,CAAR;AACD,GAHQ,EAGN,CAACtB,OAAD,EAAUC,IAAV,CAHM,CAAT;;AAKA,MAAI,CAACmB,KAAL,EAAY;AACV,WAAO,IAAP;AACD;;AAED,MAAIG,KAAJ;;AAEA,UAAQtB,IAAR;AACE,SAAK,OAAL;AACEsB,MAAAA,KAAK,gBAAG,oBAAC,SAAD;AAAW,QAAA,KAAK,EAAEH,KAAK,CAACnB,IAAxB;AAA8B,QAAA,KAAK,EAAC;AAApC,QAAR;AACA;;AACF,SAAK,OAAL;AACEsB,MAAAA,KAAK,gBAAG,oBAAC,SAAD;AAAW,QAAA,KAAK,EAAEH,KAAK,CAACnB,IAAxB;AAA8B,QAAA,KAAK,EAAC;AAApC,QAAR;AACA;;AACF,SAAK,WAAL;AACA;AACEsB,MAAAA,KAAK,gBAAG,oBAAC,IAAD;AAAM,QAAA,KAAK,EAAEH,KAAK,CAACL;AAAnB,SAA8BI,KAA9B,CAAR;AATJ;;AAYA,sBAAO,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAEC,KAAK,CAACb;AAAnB,KAA0BgB,KAA1B,CAAP;AACD,CA3BD;;AA6BA,eAAeL,IAAf","sourcesContent":["import React, {useEffect, useState} from 'react';\nimport {StyleSheet, Text, TextStyle, View, ViewStyle} from 'react-native';\nimport {\n  NovaCompositionCoorpacademyCheck as RightIcon,\n  NovaSolidStatusClose as WrongIcon\n} from '@coorpacademy/nova-icons';\nimport {COLORS} from '../../variables/colors';\nimport {HeaderStepItemProps} from './types';\n\ntype StyleSheetType = {\n  step: ViewStyle;\n  stepText: TextStyle;\n  icon: ViewStyle;\n};\n\nconst createStyle = (current: boolean, icon: HeaderStepItemProps['icon']): StyleSheetType => {\n  let backgroundColor;\n\n  switch (icon) {\n    case 'right':\n      backgroundColor = COLORS.positive;\n      break;\n    case 'wrong':\n      backgroundColor = COLORS.negative;\n      break;\n    case 'no-answer':\n    default:\n      backgroundColor = COLORS.gray;\n  }\n\n  return StyleSheet.create({\n    step: {\n      width: current ? 40 : 32,\n      height: current ? 40 : 32,\n      opacity: current ? 1 : 0.5,\n      marginHorizontal: 8,\n      backgroundColor,\n      alignItems: 'center',\n      justifyContent: 'center',\n      borderRadius: 50\n    },\n    stepText: {\n      fontWeight: '600',\n      fontSize: current ? 16 : 12\n    },\n    icon: {\n      width: current ? 14 : 12,\n      height: current ? 14 : 12\n    }\n  });\n};\n\nconst Step = ({value, icon, current}: HeaderStepItemProps) => {\n  const [style, setStyle] = useState<StyleSheetType | null>(null);\n\n  useEffect(() => {\n    const _style = createStyle(current, icon);\n    setStyle(_style);\n  }, [current, icon]);\n\n  if (!style) {\n    return null;\n  }\n\n  let child;\n\n  switch (icon) {\n    case 'right':\n      child = <RightIcon style={style.icon} color=\"#fff\" />;\n      break;\n    case 'wrong':\n      child = <WrongIcon style={style.icon} color=\"#fff\" />;\n      break;\n    case 'no-answer':\n    default:\n      child = <Text style={style.stepText}>{value}</Text>;\n  }\n\n  return <View style={style.step}>{child}</View>;\n};\n\nexport default Step;\n"],"file":"index.native.js"}

package/es/atom/review-header-step-item/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["PropTypes","propTypes","current","bool","icon","oneOf","value","string"],"sources":["../../../src/atom/review-header-step-item/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\n\nconst propTypes = {\n  current: PropTypes.bool,\n  icon: PropTypes.oneOf(['no-answer', 'right', 'wrong']),\n  value: PropTypes.string\n};\n\nexport default propTypes;\n\nexport type HeaderStepItemProps = {\n  current: boolean;\n  icon: 'no-answer' | 'right' | 'wrong';\n  value: string;\n};\n\nexport type Fixture = {\n  props: HeaderStepItemProps;\n};\n"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AAEA,MAAMC,SAAS,GAAG;EAChBC,OAAO,EAAEF,SAAS,CAACG,IADH;EAEhBC,IAAI,EAAEJ,SAAS,CAACK,KAAV,CAAgB,CAAC,WAAD,EAAc,OAAd,EAAuB,OAAvB,CAAhB,CAFU;EAGhBC,KAAK,EAAEN,SAAS,CAACO;AAHD,CAAlB;AAMA,eAAeN,SAAf"}
+{"version":3,"sources":["../../../src/atom/review-header-step-item/types.ts"],"names":["PropTypes","propTypes","current","bool","icon","oneOf","value","string"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AAEA,MAAMC,SAAS,GAAG;AAChBC,EAAAA,OAAO,EAAEF,SAAS,CAACG,IADH;AAEhBC,EAAAA,IAAI,EAAEJ,SAAS,CAACK,KAAV,CAAgB,CAAC,WAAD,EAAc,OAAd,EAAuB,OAAvB,CAAhB,CAFU;AAGhBC,EAAAA,KAAK,EAAEN,SAAS,CAACO;AAHD,CAAlB;AAMA,eAAeN,SAAf","sourcesContent":["import PropTypes from 'prop-types';\n\nconst propTypes = {\n  current: PropTypes.bool,\n  icon: PropTypes.oneOf(['no-answer', 'right', 'wrong']),\n  value: PropTypes.string\n};\n\nexport default propTypes;\n\nexport type HeaderStepItemProps = {\n  current: boolean;\n  icon: 'no-answer' | 'right' | 'wrong';\n  value: string;\n};\n\nexport type Fixture = {\n  props: HeaderStepItemProps;\n};\n"],"file":"types.js"}

package/es/atom/review-presentation/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","getOr","map","NovaSolidStatusCheckCircle2","CheckIcon","NovaSolidVoteRewardsVoteHeart","HeartIcon","NovaCompositionCoorpacademyInformationIcon","InformationIcon","NovaSolidInterfaceFeedbackInterfaceQuestionMark","QuestionIcon","NovaLineSelectionCursorsCursorArrowTarget","TargetIcon","style","propTypes","ICONS","skills","questions","lifes","allright","getIcon","icon","Icon","labelIcon","ToolTip","tooltipText","tooltipContainer","tooltipIconContainer","informationIcon","toolTip","ReviewPresentation","props","ariaLabel","reviewTitle","reviewText","labelsList","reviewWrapper","__html","reviewListWrapper","convert","cap","label","key","reviewList","reviewListItemWrapper","reviewListText","text","string"],"sources":["../../../src/atom/review-presentation/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport getOr from 'lodash/fp/getOr';\nimport map from 'lodash/fp/map';\nimport {\n  NovaSolidStatusCheckCircle2 as CheckIcon,\n  NovaSolidVoteRewardsVoteHeart as HeartIcon,\n  NovaCompositionCoorpacademyInformationIcon as InformationIcon,\n  NovaSolidInterfaceFeedbackInterfaceQuestionMark as QuestionIcon,\n  NovaLineSelectionCursorsCursorArrowTarget as TargetIcon\n} from '@coorpacademy/nova-icons';\nimport style from './style.css';\nimport propTypes from './prop-types';\n\nconst ICONS = {\n  skills: TargetIcon,\n  questions: QuestionIcon,\n  lifes: HeartIcon,\n  allright: CheckIcon\n};\n\nconst getIcon = icon => {\n  const Icon = getOr(null, icon, ICONS);\n\n  /* istanbul ignore next */\n  if (!Icon) {\n    return <div className={style.labelIcon} />;\n  }\n  return <Icon className={style.labelIcon} />;\n};\n\nconst ToolTip = ({tooltipText}) => {\n  return (\n    <div className={style.tooltipContainer}>\n      <div className={style.tooltipIconContainer}>\n        <InformationIcon className={style.informationIcon} width={12} height={12} />\n      </div>\n      <div className={style.toolTip}>\n        <div className={style.tooltipText}>{tooltipText}</div>\n      </div>\n    </div>\n  );\n};\n\nconst ReviewPresentation = props => {\n  const {'aria-label': ariaLabel, reviewTitle, reviewText, labelsList} = props;\n\n  return (\n    <div className={style.reviewWrapper} aria-label={ariaLabel}>\n      <div\n        className={style.reviewTitle}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: reviewTitle}}\n      />\n      <div\n        className={style.reviewText}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: reviewText}}\n      />\n      <ul className={style.reviewListWrapper}>\n        {map.convert({cap: false})((label, key) => {\n          return (\n            <li key={`step-${key}`} className={style.reviewList}>\n              <div className={style.reviewListItemWrapper} data-tip data-for=\"reviewListItem\">\n                <div className={style.reviewListText}>\n                  {getIcon(key)} {label.text}\n                </div>\n                <ToolTip tooltipText={label.tooltipText} />\n              </div>\n            </li>\n          );\n        }, labelsList)}\n      </ul>\n    </div>\n  );\n};\n\nToolTip.propTypes = {\n  tooltipText: PropTypes.string\n};\n\nReviewPresentation.propTypes = propTypes;\n\nexport default ReviewPresentation;\n"],"mappings":"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"}
+{"version":3,"sources":["../../../src/atom/review-presentation/index.js"],"names":["React","PropTypes","getOr","map","NovaSolidStatusCheckCircle2","CheckIcon","NovaSolidVoteRewardsVoteHeart","HeartIcon","NovaCompositionCoorpacademyInformationIcon","InformationIcon","NovaSolidInterfaceFeedbackInterfaceQuestionMark","QuestionIcon","NovaLineSelectionCursorsCursorArrowTarget","TargetIcon","style","propTypes","ICONS","skills","questions","lifes","allright","getIcon","icon","Icon","labelIcon","ToolTip","tooltipText","tooltipContainer","tooltipIconContainer","informationIcon","toolTip","ReviewPresentation","props","ariaLabel","reviewTitle","reviewText","labelsList","reviewWrapper","__html","reviewListWrapper","convert","cap","label","key","reviewList","reviewListItemWrapper","reviewListText","text","string"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport getOr from 'lodash/fp/getOr';\nimport map from 'lodash/fp/map';\nimport {\n  NovaSolidStatusCheckCircle2 as CheckIcon,\n  NovaSolidVoteRewardsVoteHeart as HeartIcon,\n  NovaCompositionCoorpacademyInformationIcon as InformationIcon,\n  NovaSolidInterfaceFeedbackInterfaceQuestionMark as QuestionIcon,\n  NovaLineSelectionCursorsCursorArrowTarget as TargetIcon\n} from '@coorpacademy/nova-icons';\nimport style from './style.css';\nimport propTypes from './prop-types';\n\nconst ICONS = {\n  skills: TargetIcon,\n  questions: QuestionIcon,\n  lifes: HeartIcon,\n  allright: CheckIcon\n};\n\nconst getIcon = icon => {\n  const Icon = getOr(null, icon, ICONS);\n\n  /* istanbul ignore next */\n  if (!Icon) {\n    return <div className={style.labelIcon} />;\n  }\n  return <Icon className={style.labelIcon} />;\n};\n\nconst ToolTip = ({tooltipText}) => {\n  return (\n    <div className={style.tooltipContainer}>\n      <div className={style.tooltipIconContainer}>\n        <InformationIcon className={style.informationIcon} width={12} height={12} />\n      </div>\n      <div className={style.toolTip}>\n        <div className={style.tooltipText}>{tooltipText}</div>\n      </div>\n    </div>\n  );\n};\n\nconst ReviewPresentation = props => {\n  const {'aria-label': ariaLabel, reviewTitle, reviewText, labelsList} = props;\n\n  return (\n    <div className={style.reviewWrapper} aria-label={ariaLabel}>\n      <div\n        className={style.reviewTitle}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: reviewTitle}}\n      />\n      <div\n        className={style.reviewText}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: reviewText}}\n      />\n      <ul className={style.reviewListWrapper}>\n        {map.convert({cap: false})((label, key) => {\n          return (\n            <li key={`step-${key}`} className={style.reviewList}>\n              <div className={style.reviewListItemWrapper} data-tip data-for=\"reviewListItem\">\n                <div className={style.reviewListText}>\n                  {getIcon(key)} {label.text}\n                </div>\n                <ToolTip tooltipText={label.tooltipText} />\n              </div>\n            </li>\n          );\n        }, labelsList)}\n      </ul>\n    </div>\n  );\n};\n\nToolTip.propTypes = {\n  tooltipText: PropTypes.string\n};\n\nReviewPresentation.propTypes = propTypes;\n\nexport default ReviewPresentation;\n"],"file":"index.js"}

package/es/atom/review-presentation/index.native.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { OnboardingProps } from './prop-types';
 declare const Onboarding: (props: OnboardingProps) => JSX.Element | null;
 export default Onboarding;

package/es/atom/review-presentation/index.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/atom/review-presentation/index.native.tsx"],"names":[],"mappings":";AAaA,OAAO,EAAC,eAAe,EAAW,MAAM,cAAc,CAAC;AAyFvD,QAAA,MAAM,UAAU,UAAW,eAAe,uBA0CzC,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/atom/review-presentation/index.native.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAC,eAAe,EAAW,MAAM,cAAc,CAAC;AAyFvD,QAAA,MAAM,UAAU,UAAW,eAAe,uBA0CzC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/es/atom/review-presentation/index.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["React","useState","useEffect","View","StyleSheet","Text","NovaLineSelectionCursorsCursorArrowTarget","TargetIcon","NovaSolidInterfaceFeedbackInterfaceQuestionMark","QuestionMarkIcon","NovaSolidStatusCheckCircle2","CheckCircle2Icon","NovaCompositionCoorpacademyHeart","HeartIcon","useTemplateContext","HEADER_HEIGHT","Touchable","createStyleSheet","theme","create","container","justifyContent","flex","padding","paddingTop","title","height","width","fontSize","xxlarge","fontWeight","bold","lineHeight","color","colors","text","primary","marginBottom","spacing","small","large","opacity","tip","flexDirection","overflow","alignItems","borderRadius","backgroundColor","gray","extra","marginTop","micro","tipText","icon","margin","button","buttonText","secondary","Tip","props","templateContext","styleSheet","setStylesheet","Icon","_stylesheet","Onboarding","translations","onPress","appReview","presentation","labelList","skills","questions","lifes","allright"],"sources":["../../../src/atom/review-presentation/index.native.tsx"],"sourcesContent":["import React, {useState, useEffect} from 'react';\nimport {View, StyleSheet, Text, ViewStyle, TextStyle} from 'react-native';\nimport {\n  NovaLineSelectionCursorsCursorArrowTarget as TargetIcon,\n  NovaSolidInterfaceFeedbackInterfaceQuestionMark as QuestionMarkIcon,\n  NovaSolidStatusCheckCircle2 as CheckCircle2Icon,\n  NovaCompositionCoorpacademyHeart as HeartIcon\n} from '@coorpacademy/nova-icons';\n\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport {Theme} from '../../variables/theme.native';\nimport {HEADER_HEIGHT} from '../../organism/header-v2/index.native';\nimport Touchable from '../../hoc/touchable/index.native';\nimport {OnboardingProps, TipProps} from './prop-types';\n\ntype StyleSheetType = {\n  container: ViewStyle;\n  title: TextStyle;\n  text: TextStyle;\n  tip: ViewStyle;\n  tipText: TextStyle;\n  icon: ViewStyle;\n  button: ViewStyle;\n  buttonText: TextStyle;\n};\n\nconst createStyleSheet = (theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    container: {\n      justifyContent: 'space-between',\n      flex: 1,\n      padding: 20,\n      paddingTop: HEADER_HEIGHT + 20\n    },\n    title: {\n      height: 72,\n      width: 268,\n      fontSize: theme.fontSize.xxlarge,\n      fontWeight: theme.fontWeight.bold,\n      lineHeight: 36,\n      color: theme.colors.text.primary,\n      marginBottom: theme.spacing.small\n    },\n    text: {\n      fontSize: theme.fontSize.large,\n      color: theme.colors.text.primary,\n      opacity: 0.7,\n      marginBottom: theme.spacing.small\n    },\n    tip: {\n      flexDirection: 'row',\n      overflow: 'hidden',\n      alignItems: 'center',\n      height: 54,\n      borderRadius: 8,\n      backgroundColor: theme.colors.gray.extra,\n      marginTop: theme.spacing.micro,\n      marginBottom: theme.spacing.micro\n    },\n    tipText: {\n      fontSize: theme.fontSize.large,\n      color: theme.colors.text.primary\n    },\n    icon: {\n      margin: 10\n    },\n    button: {\n      height: 52,\n      borderRadius: 7,\n      marginBottom: theme.spacing.large,\n      marginTop: theme.spacing.large\n    },\n    buttonText: {\n      fontWeight: theme.fontWeight.bold,\n      fontSize: theme.fontSize.large,\n      color: theme.colors.text.secondary\n    }\n  });\n\nconst Tip = (props: TipProps) => {\n  const templateContext = useTemplateContext();\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n  const {theme} = templateContext;\n  const {Icon, text} = props;\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  return (\n    <View style={styleSheet.tip}>\n      {<Icon height={16} width={16} style={styleSheet.icon} color={theme.colors.text.primary} />}\n      <Text style={styleSheet.tipText}>{text}</Text>\n    </View>\n  );\n};\n\nconst Onboarding = (props: OnboardingProps) => {\n  const templateContext = useTemplateContext();\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n  const {theme, translations} = templateContext;\n  const {onPress} = props;\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  // ------------------------------------\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  return (\n    <View style={styleSheet.container}>\n      <Text style={styleSheet.title}>{translations.appReview?.presentation.title}</Text>\n      <Text style={styleSheet.text}>{translations.appReview?.presentation.text}</Text>\n\n      <Tip Icon={TargetIcon} text={translations.appReview?.presentation?.labelList?.skills?.text} />\n      <Tip\n        Icon={QuestionMarkIcon}\n        text={translations.appReview?.presentation?.labelList?.questions?.text}\n      />\n      <Tip Icon={HeartIcon} text={translations.appReview?.presentation?.labelList?.lifes?.text} />\n      <Tip\n        Icon={CheckCircle2Icon}\n        text={translations.appReview?.presentation?.labelList?.allright?.text}\n      />\n      <Touchable\n        testID={`button-quit-revision-onboarding`}\n        onPress={onPress}\n        analyticsID=\"button-start\"\n        style={styleSheet.button}\n      >\n        <Text style={styleSheet.buttonText}>{translations.appReview?.presentation.button}</Text>\n      </Touchable>\n    </View>\n  );\n};\n\nexport default Onboarding;\n"],"mappings":"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"}
+{"version":3,"sources":["../../../src/atom/review-presentation/index.native.tsx"],"names":["React","useState","useEffect","View","StyleSheet","Text","NovaLineSelectionCursorsCursorArrowTarget","TargetIcon","NovaSolidInterfaceFeedbackInterfaceQuestionMark","QuestionMarkIcon","NovaSolidStatusCheckCircle2","CheckCircle2Icon","NovaCompositionCoorpacademyHeart","HeartIcon","useTemplateContext","HEADER_HEIGHT","Touchable","createStyleSheet","theme","create","container","justifyContent","flex","padding","paddingTop","title","height","width","fontSize","xxlarge","fontWeight","bold","lineHeight","color","colors","text","primary","marginBottom","spacing","small","large","opacity","tip","flexDirection","overflow","alignItems","borderRadius","backgroundColor","gray","extra","marginTop","micro","tipText","icon","margin","button","buttonText","secondary","Tip","props","templateContext","styleSheet","setStylesheet","Icon","_stylesheet","Onboarding","translations","onPress","appReview","presentation","labelList","skills","questions","lifes","allright"],"mappings":"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","sourcesContent":["import React, {useState, useEffect} from 'react';\nimport {View, StyleSheet, Text, ViewStyle, TextStyle} from 'react-native';\nimport {\n  NovaLineSelectionCursorsCursorArrowTarget as TargetIcon,\n  NovaSolidInterfaceFeedbackInterfaceQuestionMark as QuestionMarkIcon,\n  NovaSolidStatusCheckCircle2 as CheckCircle2Icon,\n  NovaCompositionCoorpacademyHeart as HeartIcon\n} from '@coorpacademy/nova-icons';\n\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport {Theme} from '../../variables/theme.native';\nimport {HEADER_HEIGHT} from '../../organism/header-v2/index.native';\nimport Touchable from '../../hoc/touchable/index.native';\nimport {OnboardingProps, TipProps} from './prop-types';\n\ntype StyleSheetType = {\n  container: ViewStyle;\n  title: TextStyle;\n  text: TextStyle;\n  tip: ViewStyle;\n  tipText: TextStyle;\n  icon: ViewStyle;\n  button: ViewStyle;\n  buttonText: TextStyle;\n};\n\nconst createStyleSheet = (theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    container: {\n      justifyContent: 'space-between',\n      flex: 1,\n      padding: 20,\n      paddingTop: HEADER_HEIGHT + 20\n    },\n    title: {\n      height: 72,\n      width: 268,\n      fontSize: theme.fontSize.xxlarge,\n      fontWeight: theme.fontWeight.bold,\n      lineHeight: 36,\n      color: theme.colors.text.primary,\n      marginBottom: theme.spacing.small\n    },\n    text: {\n      fontSize: theme.fontSize.large,\n      color: theme.colors.text.primary,\n      opacity: 0.7,\n      marginBottom: theme.spacing.small\n    },\n    tip: {\n      flexDirection: 'row',\n      overflow: 'hidden',\n      alignItems: 'center',\n      height: 54,\n      borderRadius: 8,\n      backgroundColor: theme.colors.gray.extra,\n      marginTop: theme.spacing.micro,\n      marginBottom: theme.spacing.micro\n    },\n    tipText: {\n      fontSize: theme.fontSize.large,\n      color: theme.colors.text.primary\n    },\n    icon: {\n      margin: 10\n    },\n    button: {\n      height: 52,\n      borderRadius: 7,\n      marginBottom: theme.spacing.large,\n      marginTop: theme.spacing.large\n    },\n    buttonText: {\n      fontWeight: theme.fontWeight.bold,\n      fontSize: theme.fontSize.large,\n      color: theme.colors.text.secondary\n    }\n  });\n\nconst Tip = (props: TipProps) => {\n  const templateContext = useTemplateContext();\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n  const {theme} = templateContext;\n  const {Icon, text} = props;\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  return (\n    <View style={styleSheet.tip}>\n      {<Icon height={16} width={16} style={styleSheet.icon} color={theme.colors.text.primary} />}\n      <Text style={styleSheet.tipText}>{text}</Text>\n    </View>\n  );\n};\n\nconst Onboarding = (props: OnboardingProps) => {\n  const templateContext = useTemplateContext();\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n  const {theme, translations} = templateContext;\n  const {onPress} = props;\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  // ------------------------------------\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  return (\n    <View style={styleSheet.container}>\n      <Text style={styleSheet.title}>{translations.appReview?.presentation.title}</Text>\n      <Text style={styleSheet.text}>{translations.appReview?.presentation.text}</Text>\n\n      <Tip Icon={TargetIcon} text={translations.appReview?.presentation?.labelList?.skills?.text} />\n      <Tip\n        Icon={QuestionMarkIcon}\n        text={translations.appReview?.presentation?.labelList?.questions?.text}\n      />\n      <Tip Icon={HeartIcon} text={translations.appReview?.presentation?.labelList?.lifes?.text} />\n      <Tip\n        Icon={CheckCircle2Icon}\n        text={translations.appReview?.presentation?.labelList?.allright?.text}\n      />\n      <Touchable\n        testID={`button-quit-revision-onboarding`}\n        onPress={onPress}\n        analyticsID=\"button-start\"\n        style={styleSheet.button}\n      >\n        <Text style={styleSheet.buttonText}>{translations.appReview?.presentation.button}</Text>\n      </Touchable>\n    </View>\n  );\n};\n\nexport default Onboarding;\n"],"file":"index.native.js"}

package/es/atom/review-presentation/prop-types.js.map

@@ -1 +1 @@
-{"version":3,"file":"prop-types.js","names":["PropTypes","levelItem","shape","text","string","tooltipText","propTypes","reviewTitle","reviewText","labelsList","skills","questions","lifes","allright","OnboardingPropsTypes","onPress","func","TipPropsTypes","Icon","any"],"sources":["../../../src/atom/review-presentation/prop-types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport {GestureResponderEvent} from 'react-native';\n\nconst levelItem = PropTypes.shape({\n  text: PropTypes.string,\n  tooltipText: PropTypes.string\n});\n\nconst propTypes = {\n  'aria-label': PropTypes.string,\n  reviewTitle: PropTypes.string,\n  reviewText: PropTypes.string,\n  labelsList: PropTypes.shape({\n    skills: levelItem,\n    questions: levelItem,\n    lifes: levelItem,\n    allright: levelItem\n  })\n};\n\nexport default propTypes;\n\nexport const OnboardingPropsTypes = {\n  onPress: PropTypes.func\n};\n\nexport const TipPropsTypes = {\n  text: PropTypes.string,\n  Icon: PropTypes.any\n};\n\nexport type OnboardingProps = {\n  'aria-label'?: string | undefined;\n  reviewTitle?: string | undefined;\n  reviewText?: string | undefined;\n  labelsList?: {\n    skills?:\n      | {\n          text?: string | undefined;\n          tooltipText?: string | undefined;\n        }\n      | undefined;\n    questions?: {\n      text?: string | undefined;\n      tooltipText?: string | undefined;\n    };\n    lifes?:\n      | {\n          text?: string | undefined;\n          tooltipText?: string | undefined;\n        }\n      | undefined;\n    allright?:\n      | {\n          text?: string | undefined;\n          tooltipText?: string | undefined;\n        }\n      | undefined;\n  };\n  onPress: (event: GestureResponderEvent) => any;\n};\n\nexport type TipProps = {\n  text: string | undefined;\n  Icon: any;\n};\n"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AAGA,MAAMC,SAAS,GAAGD,SAAS,CAACE,KAAV,CAAgB;EAChCC,IAAI,EAAEH,SAAS,CAACI,MADgB;EAEhCC,WAAW,EAAEL,SAAS,CAACI;AAFS,CAAhB,CAAlB;AAKA,MAAME,SAAS,GAAG;EAChB,cAAcN,SAAS,CAACI,MADR;EAEhBG,WAAW,EAAEP,SAAS,CAACI,MAFP;EAGhBI,UAAU,EAAER,SAAS,CAACI,MAHN;EAIhBK,UAAU,EAAET,SAAS,CAACE,KAAV,CAAgB;IAC1BQ,MAAM,EAAET,SADkB;IAE1BU,SAAS,EAAEV,SAFe;IAG1BW,KAAK,EAAEX,SAHmB;IAI1BY,QAAQ,EAAEZ;EAJgB,CAAhB;AAJI,CAAlB;AAYA,eAAeK,SAAf;AAEA,OAAO,MAAMQ,oBAAoB,GAAG;EAClCC,OAAO,EAAEf,SAAS,CAACgB;AADe,CAA7B;AAIP,OAAO,MAAMC,aAAa,GAAG;EAC3Bd,IAAI,EAAEH,SAAS,CAACI,MADW;EAE3Bc,IAAI,EAAElB,SAAS,CAACmB;AAFW,CAAtB"}
+{"version":3,"sources":["../../../src/atom/review-presentation/prop-types.ts"],"names":["PropTypes","levelItem","shape","text","string","tooltipText","propTypes","reviewTitle","reviewText","labelsList","skills","questions","lifes","allright","OnboardingPropsTypes","onPress","func","TipPropsTypes","Icon","any"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AAGA,MAAMC,SAAS,GAAGD,SAAS,CAACE,KAAV,CAAgB;AAChCC,EAAAA,IAAI,EAAEH,SAAS,CAACI,MADgB;AAEhCC,EAAAA,WAAW,EAAEL,SAAS,CAACI;AAFS,CAAhB,CAAlB;AAKA,MAAME,SAAS,GAAG;AAChB,gBAAcN,SAAS,CAACI,MADR;AAEhBG,EAAAA,WAAW,EAAEP,SAAS,CAACI,MAFP;AAGhBI,EAAAA,UAAU,EAAER,SAAS,CAACI,MAHN;AAIhBK,EAAAA,UAAU,EAAET,SAAS,CAACE,KAAV,CAAgB;AAC1BQ,IAAAA,MAAM,EAAET,SADkB;AAE1BU,IAAAA,SAAS,EAAEV,SAFe;AAG1BW,IAAAA,KAAK,EAAEX,SAHmB;AAI1BY,IAAAA,QAAQ,EAAEZ;AAJgB,GAAhB;AAJI,CAAlB;AAYA,eAAeK,SAAf;AAEA,OAAO,MAAMQ,oBAAoB,GAAG;AAClCC,EAAAA,OAAO,EAAEf,SAAS,CAACgB;AADe,CAA7B;AAIP,OAAO,MAAMC,aAAa,GAAG;AAC3Bd,EAAAA,IAAI,EAAEH,SAAS,CAACI,MADW;AAE3Bc,EAAAA,IAAI,EAAElB,SAAS,CAACmB;AAFW,CAAtB","sourcesContent":["import PropTypes from 'prop-types';\nimport {GestureResponderEvent} from 'react-native';\n\nconst levelItem = PropTypes.shape({\n  text: PropTypes.string,\n  tooltipText: PropTypes.string\n});\n\nconst propTypes = {\n  'aria-label': PropTypes.string,\n  reviewTitle: PropTypes.string,\n  reviewText: PropTypes.string,\n  labelsList: PropTypes.shape({\n    skills: levelItem,\n    questions: levelItem,\n    lifes: levelItem,\n    allright: levelItem\n  })\n};\n\nexport default propTypes;\n\nexport const OnboardingPropsTypes = {\n  onPress: PropTypes.func\n};\n\nexport const TipPropsTypes = {\n  text: PropTypes.string,\n  Icon: PropTypes.any\n};\n\nexport type OnboardingProps = {\n  'aria-label'?: string | undefined;\n  reviewTitle?: string | undefined;\n  reviewText?: string | undefined;\n  labelsList?: {\n    skills?:\n      | {\n          text?: string | undefined;\n          tooltipText?: string | undefined;\n        }\n      | undefined;\n    questions?: {\n      text?: string | undefined;\n      tooltipText?: string | undefined;\n    };\n    lifes?:\n      | {\n          text?: string | undefined;\n          tooltipText?: string | undefined;\n        }\n      | undefined;\n    allright?:\n      | {\n          text?: string | undefined;\n          tooltipText?: string | undefined;\n        }\n      | undefined;\n  };\n  onPress: (event: GestureResponderEvent) => any;\n};\n\nexport type TipProps = {\n  text: string | undefined;\n  Icon: any;\n};\n"],"file":"prop-types.js"}

package/es/atom/select/index.d.ts

@@ -1,6 +1,6 @@
 export namespace SelectOptionPropTypes {
     const name: PropTypes.Validator<string>;
-    const value: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+    const value: PropTypes.Requireable<string | number>;
     const selected: PropTypes.Requireable<boolean>;
     const validOption: PropTypes.Requireable<boolean>;
 }
@@ -45,7 +45,7 @@ declare namespace Select {
         export const theme: PropTypes.Requireable<string>;
         export const options: PropTypes.Requireable<(PropTypes.InferProps<{
             name: PropTypes.Validator<string>;
-            value: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+            value: PropTypes.Requireable<string | number>;
             selected: PropTypes.Requireable<boolean>;
             validOption: PropTypes.Requireable<boolean>;
         }> | null | undefined)[]>;

package/es/atom/select/index.js

@@ -1,4 +1,4 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { _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); }
 
 import React, { useMemo } from 'react';
 import PropTypes from 'prop-types';

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useMemo","PropTypes","classnames","filter","find","get","getOr","includes","keys","map","size","NovaCompositionNavigationArrowDown","ArrowDown","Provider","GetSkinFromContext","getClassState","style","themeStyle","invalid","header","mooc","question","sort","thematiques","player","template","coorpmanager","Select","props","legacyContext","name","options","className","borderClassName","onChange","multiple","disabled","required","description","theme","modified","error","title","propTitle","skin","optionList","option","index","value","selectOption","titleView","selected","selectedLabel","isSelectedInValidOption","validOption","handleChange","e","target","selectedOptions","black","color","shouldUseSkinFontColor","arrowColor","undefined","arrowView","selectedArrow","arrow","behaviourClassName","default","composedClassName","unselected","labelSize","isLongLabel","selectWrapper","selectSpan","noLabelCommon","longLabel","selectBox","SelectOptionPropTypes","string","isRequired","oneOfType","number","bool","contextTypes","childContextTypes","propTypes","func","oneOf","arrayOf","shape"],"sources":["../../../src/atom/select/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport filter from 'lodash/fp/filter';\nimport find from 'lodash/fp/find';\nimport get from 'lodash/fp/get';\nimport getOr from 'lodash/fp/getOr';\nimport includes from 'lodash/fp/includes';\nimport keys from 'lodash/fp/keys';\nimport map from 'lodash/fp/map';\nimport size from 'lodash/fp/size';\nimport {NovaCompositionNavigationArrowDown as ArrowDown} from '@coorpacademy/nova-icons';\nimport Provider, {GetSkinFromContext} from '../provider';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst themeStyle = {\n  filter: style.filter,\n  invalid: style.invalid,\n  header: style.header,\n  mooc: style.mooc,\n  question: style.question,\n  sort: style.sort,\n  thematiques: style.thematiques,\n  player: style.player,\n  template: style.template,\n  coorpmanager: null\n};\n\nconst Select = (props, legacyContext) => {\n  const {\n    name,\n    options = [],\n    className,\n    borderClassName,\n    onChange,\n    multiple = false,\n    disabled,\n    required,\n    description,\n    theme,\n    modified = false,\n    error = false,\n    title: propTitle\n  } = props;\n\n  const skin = GetSkinFromContext(legacyContext);\n  const title = useMemo(\n    () => (propTitle ? `${propTitle}${required ? '*' : ''}` : null),\n    [propTitle, required]\n  );\n\n  const optionList =\n    options &&\n    options.map((option, index) => {\n      return (\n        <option key={index} value={option.value} className={style.selectOption}>\n          {option.name}\n        </option>\n      );\n    });\n\n  const titleView = title ? <span className={style.title}>{title} </span> : null;\n\n  const selected = useMemo(\n    () =>\n      multiple\n        ? map(get('value'), filter({selected: true}, options))\n        : get('value', find({selected: true}, options)),\n    [multiple, options]\n  );\n  const selectedLabel = useMemo(\n    () =>\n      multiple\n        ? map(get('name'), filter({selected: true}, options))\n        : get('name', find({selected: true}, options)),\n    [multiple, options]\n  );\n\n  const isSelectedInValidOption = useMemo(\n    () =>\n      theme === 'player' &&\n      getOr(false, 'name', find({validOption: false, selected: true}, options)),\n    [options, theme]\n  );\n\n  const handleChange = useMemo(\n    () =>\n      multiple\n        ? e => {\n            onChange(map(get('value'), e.target.selectedOptions));\n          }\n        : e => {\n            onChange(e.target.value);\n          },\n    [onChange, multiple]\n  );\n\n  const black = useMemo(() => getOr('#14171A', 'common.black', skin), [skin]);\n  const color = useMemo(() => getOr('#00B0FF', 'common.primary', skin), [skin]);\n  const shouldUseSkinFontColor = useMemo(\n    () =>\n      !isSelectedInValidOption && selected && includes(theme, ['question', 'template', 'player']),\n    [isSelectedInValidOption, selected, theme]\n  );\n  const arrowColor = selected ? color : undefined;\n\n  const arrowView = !multiple ? (\n    <ArrowDown\n      color={includes(theme, ['question', 'template', 'player']) ? arrowColor : black}\n      className={shouldUseSkinFontColor ? style.selectedArrow : style.arrow}\n    />\n  ) : null;\n  const behaviourClassName = useMemo(\n    () => getClassState(style.default, style.modified, style.error, modified, error),\n    [error, modified]\n  );\n  const composedClassName = useMemo(\n    () =>\n      classnames(\n        theme && theme !== 'coorpmanager' ? themeStyle[theme] : behaviourClassName,\n        selected ? style.selected : style.unselected,\n        className\n      ),\n    [behaviourClassName, className, selected, theme]\n  );\n\n  const labelSize = useMemo(() => size(selectedLabel), [selectedLabel]);\n\n  const isLongLabel = useMemo(() => labelSize >= 65, [labelSize]);\n\n  return (\n    <div\n      className={classnames(\n        composedClassName,\n        theme === 'coorpmanager' ? style.coorpmanager : null\n      )}\n    >\n      <label\n        data-name=\"select-wrapper\"\n        style={{\n          ...(shouldUseSkinFontColor && {\n            color\n          })\n        }}\n        className={style.selectWrapper}\n      >\n        {titleView}\n        <span\n          data-name=\"select-span\"\n          className={classnames(\n            style.selectSpan,\n            includes(theme, ['player', 'invalid', 'question', 'thematiques', 'template'])\n              ? style.noLabelCommon\n              : null,\n            borderClassName,\n            isLongLabel ? style.longLabel : null\n          )}\n          style={{\n            ...(shouldUseSkinFontColor && {\n              color\n            })\n          }}\n        >\n          {selectedLabel}\n        </span>\n        {arrowView}\n        <select\n          data-name=\"native-select\"\n          className={style.selectBox}\n          title={selectedLabel}\n          name={name}\n          onChange={handleChange}\n          value={selected}\n          multiple={multiple}\n          disabled={disabled}\n        >\n          {optionList}\n        </select>\n      </label>\n      <div className={style.description}>{description}</div>\n    </div>\n  );\n};\n\nexport const SelectOptionPropTypes = {\n  name: PropTypes.string.isRequired,\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  selected: PropTypes.bool,\n  validOption: PropTypes.bool\n};\n\nSelect.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nSelect.propTypes = {\n  title: PropTypes.string,\n  name: PropTypes.string,\n  className: PropTypes.string,\n  borderClassName: PropTypes.string,\n  disabled: PropTypes.bool,\n  multiple: PropTypes.bool,\n  description: PropTypes.string,\n  required: PropTypes.bool,\n  onChange: PropTypes.func,\n  theme: PropTypes.oneOf(keys(themeStyle)),\n  options: PropTypes.arrayOf(PropTypes.shape(SelectOptionPropTypes)),\n  modified: PropTypes.bool,\n  error: PropTypes.bool\n};\n\nexport default Select;\n"],"mappings":"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"}
+{"version":3,"sources":["../../../src/atom/select/index.js"],"names":["React","useMemo","PropTypes","classnames","filter","find","get","getOr","includes","keys","map","size","NovaCompositionNavigationArrowDown","ArrowDown","Provider","GetSkinFromContext","getClassState","style","themeStyle","invalid","header","mooc","question","sort","thematiques","player","template","coorpmanager","Select","props","legacyContext","name","options","className","borderClassName","onChange","multiple","disabled","required","description","theme","modified","error","title","propTitle","skin","optionList","option","index","value","selectOption","titleView","selected","selectedLabel","isSelectedInValidOption","validOption","handleChange","e","target","selectedOptions","black","color","shouldUseSkinFontColor","arrowColor","undefined","arrowView","selectedArrow","arrow","behaviourClassName","default","composedClassName","unselected","labelSize","isLongLabel","selectWrapper","selectSpan","noLabelCommon","longLabel","selectBox","SelectOptionPropTypes","string","isRequired","oneOfType","number","bool","contextTypes","childContextTypes","propTypes","func","oneOf","arrayOf","shape"],"mappings":"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","sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport filter from 'lodash/fp/filter';\nimport find from 'lodash/fp/find';\nimport get from 'lodash/fp/get';\nimport getOr from 'lodash/fp/getOr';\nimport includes from 'lodash/fp/includes';\nimport keys from 'lodash/fp/keys';\nimport map from 'lodash/fp/map';\nimport size from 'lodash/fp/size';\nimport {NovaCompositionNavigationArrowDown as ArrowDown} from '@coorpacademy/nova-icons';\nimport Provider, {GetSkinFromContext} from '../provider';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst themeStyle = {\n  filter: style.filter,\n  invalid: style.invalid,\n  header: style.header,\n  mooc: style.mooc,\n  question: style.question,\n  sort: style.sort,\n  thematiques: style.thematiques,\n  player: style.player,\n  template: style.template,\n  coorpmanager: null\n};\n\nconst Select = (props, legacyContext) => {\n  const {\n    name,\n    options = [],\n    className,\n    borderClassName,\n    onChange,\n    multiple = false,\n    disabled,\n    required,\n    description,\n    theme,\n    modified = false,\n    error = false,\n    title: propTitle\n  } = props;\n\n  const skin = GetSkinFromContext(legacyContext);\n  const title = useMemo(\n    () => (propTitle ? `${propTitle}${required ? '*' : ''}` : null),\n    [propTitle, required]\n  );\n\n  const optionList =\n    options &&\n    options.map((option, index) => {\n      return (\n        <option key={index} value={option.value} className={style.selectOption}>\n          {option.name}\n        </option>\n      );\n    });\n\n  const titleView = title ? <span className={style.title}>{title} </span> : null;\n\n  const selected = useMemo(\n    () =>\n      multiple\n        ? map(get('value'), filter({selected: true}, options))\n        : get('value', find({selected: true}, options)),\n    [multiple, options]\n  );\n  const selectedLabel = useMemo(\n    () =>\n      multiple\n        ? map(get('name'), filter({selected: true}, options))\n        : get('name', find({selected: true}, options)),\n    [multiple, options]\n  );\n\n  const isSelectedInValidOption = useMemo(\n    () =>\n      theme === 'player' &&\n      getOr(false, 'name', find({validOption: false, selected: true}, options)),\n    [options, theme]\n  );\n\n  const handleChange = useMemo(\n    () =>\n      multiple\n        ? e => {\n            onChange(map(get('value'), e.target.selectedOptions));\n          }\n        : e => {\n            onChange(e.target.value);\n          },\n    [onChange, multiple]\n  );\n\n  const black = useMemo(() => getOr('#14171A', 'common.black', skin), [skin]);\n  const color = useMemo(() => getOr('#00B0FF', 'common.primary', skin), [skin]);\n  const shouldUseSkinFontColor = useMemo(\n    () =>\n      !isSelectedInValidOption && selected && includes(theme, ['question', 'template', 'player']),\n    [isSelectedInValidOption, selected, theme]\n  );\n  const arrowColor = selected ? color : undefined;\n\n  const arrowView = !multiple ? (\n    <ArrowDown\n      color={includes(theme, ['question', 'template', 'player']) ? arrowColor : black}\n      className={shouldUseSkinFontColor ? style.selectedArrow : style.arrow}\n    />\n  ) : null;\n  const behaviourClassName = useMemo(\n    () => getClassState(style.default, style.modified, style.error, modified, error),\n    [error, modified]\n  );\n  const composedClassName = useMemo(\n    () =>\n      classnames(\n        theme && theme !== 'coorpmanager' ? themeStyle[theme] : behaviourClassName,\n        selected ? style.selected : style.unselected,\n        className\n      ),\n    [behaviourClassName, className, selected, theme]\n  );\n\n  const labelSize = useMemo(() => size(selectedLabel), [selectedLabel]);\n\n  const isLongLabel = useMemo(() => labelSize >= 65, [labelSize]);\n\n  return (\n    <div\n      className={classnames(\n        composedClassName,\n        theme === 'coorpmanager' ? style.coorpmanager : null\n      )}\n    >\n      <label\n        data-name=\"select-wrapper\"\n        style={{\n          ...(shouldUseSkinFontColor && {\n            color\n          })\n        }}\n        className={style.selectWrapper}\n      >\n        {titleView}\n        <span\n          data-name=\"select-span\"\n          className={classnames(\n            style.selectSpan,\n            includes(theme, ['player', 'invalid', 'question', 'thematiques', 'template'])\n              ? style.noLabelCommon\n              : null,\n            borderClassName,\n            isLongLabel ? style.longLabel : null\n          )}\n          style={{\n            ...(shouldUseSkinFontColor && {\n              color\n            })\n          }}\n        >\n          {selectedLabel}\n        </span>\n        {arrowView}\n        <select\n          data-name=\"native-select\"\n          className={style.selectBox}\n          title={selectedLabel}\n          name={name}\n          onChange={handleChange}\n          value={selected}\n          multiple={multiple}\n          disabled={disabled}\n        >\n          {optionList}\n        </select>\n      </label>\n      <div className={style.description}>{description}</div>\n    </div>\n  );\n};\n\nexport const SelectOptionPropTypes = {\n  name: PropTypes.string.isRequired,\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  selected: PropTypes.bool,\n  validOption: PropTypes.bool\n};\n\nSelect.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nSelect.propTypes = {\n  title: PropTypes.string,\n  name: PropTypes.string,\n  className: PropTypes.string,\n  borderClassName: PropTypes.string,\n  disabled: PropTypes.bool,\n  multiple: PropTypes.bool,\n  description: PropTypes.string,\n  required: PropTypes.bool,\n  onChange: PropTypes.func,\n  theme: PropTypes.oneOf(keys(themeStyle)),\n  options: PropTypes.arrayOf(PropTypes.shape(SelectOptionPropTypes)),\n  modified: PropTypes.bool,\n  error: PropTypes.bool\n};\n\nexport default Select;\n"],"file":"index.js"}

package/es/atom/select-modal/index.native.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ViewStyle } from 'react-native';
 import type { QuestionType } from '../../molecule/questions/types';
 import { OnChangeFunction } from '../../hoc/modal/select/index.native';

package/es/atom/select-modal/index.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/atom/select-modal/index.native.tsx"],"names":[],"mappings":";AACA,OAAO,EAAmB,SAAS,EAAY,MAAM,cAAc,CAAC;AAIpE,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,gCAAgC,CAAC;AAMjE,OAAoB,EAAC,gBAAgB,EAAC,MAAM,qCAAqC,CAAC;AAGlF,oBAAY,UAAU,GAAG;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,OAAO,CAAC;IAClB,GAAG,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,oBAAY,KAAK,GAAG;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,YAAY,CAAC;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,gBAAgB,CAAC;IAC3B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,EAAE,CAAC;IACpB,SAAS,CAAC,EAAE,SAAS,EAAE,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAmCF,QAAA,MAAM,MAAM,UAAW,KAAK,uBAkG3B,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/atom/select-modal/index.native.tsx"],"names":[],"mappings":"AACA,OAAO,EAAmB,SAAS,EAAY,MAAM,cAAc,CAAC;AAIpE,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,gCAAgC,CAAC;AAMjE,OAAoB,EAAC,gBAAgB,EAAC,MAAM,qCAAqC,CAAC;AAGlF,oBAAY,UAAU,GAAG;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,OAAO,CAAC;IAClB,GAAG,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,oBAAY,KAAK,GAAG;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,YAAY,CAAC;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,gBAAgB,CAAC;IAC3B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,EAAE,CAAC;IACpB,SAAS,CAAC,EAAE,SAAS,EAAE,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAmCF,QAAA,MAAM,MAAM,UAAW,KAAK,uBAkG3B,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/es/atom/select-modal/index.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["React","useState","useEffect","useCallback","View","StyleSheet","NovaCompositionNavigationArrowDown","ArrowDown","Modal","Touchable","ANALYTICS_EVENT_TYPE","Space","Text","ModalSelect","useTemplateContext","ICON_WIDTH","createStyleSheet","theme","create","container","alignItems","flexDirection","text","flex","color","colors","gray","medium","textAlign","logEvent","eventName","analyticsID","analytics","questionType","id","Select","props","templateContext","styleSheet","setStylesheet","_stylesheet","onBlur","onFocus","onChange","values","placeholder","value","style","textStyle","isFocused","isDisabled","testID","handleFocus","OPEN_SELECT","handleBlur","CLOSE_SELECT","handleChange","_value","selectedItem","find","item","selected","textStyles","push","dark"],"sources":["../../../src/atom/select-modal/index.native.tsx"],"sourcesContent":["import React, {useState, useEffect, useCallback} from 'react';\nimport {View, StyleSheet, ViewStyle, TextStyle} from 'react-native';\nimport {NovaCompositionNavigationArrowDown as ArrowDown} from '@coorpacademy/nova-icons';\nimport Modal from 'react-native-modal';\nimport Touchable from '../../hoc/touchable/index.native';\nimport type {QuestionType} from '../../molecule/questions/types';\nimport {Theme} from '../../variables/theme.native';\n\nimport {ANALYTICS_EVENT_TYPE, Analytics} from '../../variables/analytics';\nimport Space from '../space/index.native';\nimport Text from '../text/index.native';\nimport ModalSelect, {OnChangeFunction} from '../../hoc/modal/select/index.native';\nimport {useTemplateContext} from '../../template/app-review/template-context';\n\nexport type ChoiceItem = {\n  text: string;\n  selected: boolean;\n  _id: string;\n};\n\nexport type Props = {\n  analyticsID: string;\n  questionType: QuestionType;\n  isDisabled?: boolean;\n  isFocused?: boolean;\n  values: Array<ChoiceItem>;\n  value?: string;\n  placeholder?: string;\n  color?: string;\n  onChange: OnChangeFunction;\n  onFocus: () => void;\n  onBlur: () => void;\n  style?: ViewStyle[];\n  textStyle?: ViewStyle[];\n  testID?: string;\n};\n\ntype StyleSheetType = {\n  container: ViewStyle;\n  text: ViewStyle;\n};\n\nconst ICON_WIDTH = 15;\n\nconst createStyleSheet = (theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    container: {\n      alignItems: 'center',\n      flexDirection: 'row'\n    },\n    text: {\n      flex: 1,\n      color: theme.colors.gray.medium,\n      textAlign: 'center'\n    }\n  });\n\nconst logEvent = (\n  eventName: string,\n  analyticsID: string,\n  analytics: Analytics,\n  questionType: QuestionType\n) => {\n  analytics &&\n    analytics.logEvent(eventName, {\n      id: analyticsID,\n      questionType\n    });\n};\n\nconst Select = (props: Props) => {\n  const templateContext = useTemplateContext();\n  const {theme, analytics} = templateContext;\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  const {\n    analyticsID,\n    onBlur,\n    onFocus,\n    onChange,\n    values,\n    placeholder,\n    value,\n    style,\n    textStyle,\n    color,\n    questionType,\n    isFocused = false,\n    isDisabled = false,\n    testID = 'select'\n  } = props;\n\n  const handleFocus = useCallback(() => {\n    if (!onFocus) return;\n\n    analytics && logEvent(ANALYTICS_EVENT_TYPE.OPEN_SELECT, analyticsID, analytics, questionType);\n    onFocus();\n  }, [analytics, analyticsID, onFocus, questionType]);\n\n  const handleBlur = useCallback(() => {\n    if (!onBlur) return;\n\n    analytics && logEvent(ANALYTICS_EVENT_TYPE.CLOSE_SELECT, analyticsID, analytics, questionType);\n    onBlur();\n  }, [analytics, analyticsID, onBlur, questionType]);\n\n  const handleChange = useCallback(\n    _value => {\n      onChange(_value);\n      handleBlur();\n    },\n    [onChange, handleBlur]\n  );\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  const selectedItem = values.find(item => item.selected);\n  const text = (selectedItem && selectedItem.text) || placeholder || null;\n  let textStyles: TextStyle[] = [styleSheet.text];\n\n  if (textStyle) {\n    textStyles = [styleSheet.text, ...textStyle];\n  }\n  if (color) {\n    textStyles.push({color});\n  }\n\n  return (\n    <>\n      <Touchable\n        disabled={isDisabled}\n        onPress={handleFocus}\n        analyticsID={analyticsID}\n        testID={`${testID}-input`}\n      >\n        <View style={[styleSheet.container, style]}>\n          <Text style={textStyles}>{text}</Text>\n          <Space type=\"tiny\" />\n          <ArrowDown\n            color={color || theme.colors.gray.dark}\n            height={ICON_WIDTH}\n            width={ICON_WIDTH}\n          />\n        </View>\n      </Touchable>\n      <Modal\n        isVisible={isFocused}\n        onSwipeComplete={handleBlur}\n        onBackdropPress={handleBlur}\n        testID={testID}\n      >\n        <ModalSelect\n          value={value}\n          values={values}\n          onChange={handleChange}\n          onClose={handleBlur}\n          testID={`${testID}-modal`}\n        />\n      </Modal>\n    </>\n  );\n};\n\nexport default Select;\n"],"mappings":"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"}
+{"version":3,"sources":["../../../src/atom/select-modal/index.native.tsx"],"names":["React","useState","useEffect","useCallback","View","StyleSheet","NovaCompositionNavigationArrowDown","ArrowDown","Modal","Touchable","ANALYTICS_EVENT_TYPE","Space","Text","ModalSelect","useTemplateContext","ICON_WIDTH","createStyleSheet","theme","create","container","alignItems","flexDirection","text","flex","color","colors","gray","medium","textAlign","logEvent","eventName","analyticsID","analytics","questionType","id","Select","props","templateContext","styleSheet","setStylesheet","_stylesheet","onBlur","onFocus","onChange","values","placeholder","value","style","textStyle","isFocused","isDisabled","testID","handleFocus","OPEN_SELECT","handleBlur","CLOSE_SELECT","handleChange","_value","selectedItem","find","item","selected","textStyles","push","dark"],"mappings":"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","sourcesContent":["import React, {useState, useEffect, useCallback} from 'react';\nimport {View, StyleSheet, ViewStyle, TextStyle} from 'react-native';\nimport {NovaCompositionNavigationArrowDown as ArrowDown} from '@coorpacademy/nova-icons';\nimport Modal from 'react-native-modal';\nimport Touchable from '../../hoc/touchable/index.native';\nimport type {QuestionType} from '../../molecule/questions/types';\nimport {Theme} from '../../variables/theme.native';\n\nimport {ANALYTICS_EVENT_TYPE, Analytics} from '../../variables/analytics';\nimport Space from '../space/index.native';\nimport Text from '../text/index.native';\nimport ModalSelect, {OnChangeFunction} from '../../hoc/modal/select/index.native';\nimport {useTemplateContext} from '../../template/app-review/template-context';\n\nexport type ChoiceItem = {\n  text: string;\n  selected: boolean;\n  _id: string;\n};\n\nexport type Props = {\n  analyticsID: string;\n  questionType: QuestionType;\n  isDisabled?: boolean;\n  isFocused?: boolean;\n  values: Array<ChoiceItem>;\n  value?: string;\n  placeholder?: string;\n  color?: string;\n  onChange: OnChangeFunction;\n  onFocus: () => void;\n  onBlur: () => void;\n  style?: ViewStyle[];\n  textStyle?: ViewStyle[];\n  testID?: string;\n};\n\ntype StyleSheetType = {\n  container: ViewStyle;\n  text: ViewStyle;\n};\n\nconst ICON_WIDTH = 15;\n\nconst createStyleSheet = (theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    container: {\n      alignItems: 'center',\n      flexDirection: 'row'\n    },\n    text: {\n      flex: 1,\n      color: theme.colors.gray.medium,\n      textAlign: 'center'\n    }\n  });\n\nconst logEvent = (\n  eventName: string,\n  analyticsID: string,\n  analytics: Analytics,\n  questionType: QuestionType\n) => {\n  analytics &&\n    analytics.logEvent(eventName, {\n      id: analyticsID,\n      questionType\n    });\n};\n\nconst Select = (props: Props) => {\n  const templateContext = useTemplateContext();\n  const {theme, analytics} = templateContext;\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  const {\n    analyticsID,\n    onBlur,\n    onFocus,\n    onChange,\n    values,\n    placeholder,\n    value,\n    style,\n    textStyle,\n    color,\n    questionType,\n    isFocused = false,\n    isDisabled = false,\n    testID = 'select'\n  } = props;\n\n  const handleFocus = useCallback(() => {\n    if (!onFocus) return;\n\n    analytics && logEvent(ANALYTICS_EVENT_TYPE.OPEN_SELECT, analyticsID, analytics, questionType);\n    onFocus();\n  }, [analytics, analyticsID, onFocus, questionType]);\n\n  const handleBlur = useCallback(() => {\n    if (!onBlur) return;\n\n    analytics && logEvent(ANALYTICS_EVENT_TYPE.CLOSE_SELECT, analyticsID, analytics, questionType);\n    onBlur();\n  }, [analytics, analyticsID, onBlur, questionType]);\n\n  const handleChange = useCallback(\n    _value => {\n      onChange(_value);\n      handleBlur();\n    },\n    [onChange, handleBlur]\n  );\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  const selectedItem = values.find(item => item.selected);\n  const text = (selectedItem && selectedItem.text) || placeholder || null;\n  let textStyles: TextStyle[] = [styleSheet.text];\n\n  if (textStyle) {\n    textStyles = [styleSheet.text, ...textStyle];\n  }\n  if (color) {\n    textStyles.push({color});\n  }\n\n  return (\n    <>\n      <Touchable\n        disabled={isDisabled}\n        onPress={handleFocus}\n        analyticsID={analyticsID}\n        testID={`${testID}-input`}\n      >\n        <View style={[styleSheet.container, style]}>\n          <Text style={textStyles}>{text}</Text>\n          <Space type=\"tiny\" />\n          <ArrowDown\n            color={color || theme.colors.gray.dark}\n            height={ICON_WIDTH}\n            width={ICON_WIDTH}\n          />\n        </View>\n      </Touchable>\n      <Modal\n        isVisible={isFocused}\n        onSwipeComplete={handleBlur}\n        onBackdropPress={handleBlur}\n        testID={testID}\n      >\n        <ModalSelect\n          value={value}\n          values={values}\n          onChange={handleChange}\n          onClose={handleBlur}\n          testID={`${testID}-modal`}\n        />\n      </Modal>\n    </>\n  );\n};\n\nexport default Select;\n"],"file":"index.native.js"}