@coorpacademy/components 11.9.3-alpha.29 → 11.10.1

package/es/atom/catalog-section/index.js

@@ -1,6 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import style from './style.css';
+
 const CatalogSection = ({
   title,
   children
@@ -9,6 +10,7 @@ const CatalogSection = ({
 }, /*#__PURE__*/React.createElement("div", {
   className: style.title
 }, title), children);
+
 CatalogSection.propTypes = process.env.NODE_ENV !== "production" ? {
   title: PropTypes.string,
   children: PropTypes.node

package/es/atom/catalog-section/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","style","CatalogSection","title","children","context","details","propTypes","string","node"],"sources":["../../../src/atom/catalog-section/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport style from './style.css';\n\nconst CatalogSection = ({title, children}, context) => (\n  <div className={style.details}>\n    <div className={style.title}>{title}</div>\n    {children}\n  </div>\n);\n\nCatalogSection.propTypes = {\n  title: PropTypes.string,\n  children: PropTypes.node\n};\n\nexport default CatalogSection;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,cAAc,GAAG,CAAC;EAACC,KAAK;EAAEC;AAAQ,CAAC,EAAEC,OAAO,kBAChD;EAAK,SAAS,EAAEJ,KAAK,CAACK;AAAQ,gBAC5B;EAAK,SAAS,EAAEL,KAAK,CAACE;AAAM,GAAEA,KAAK,CAAO,EACzCC,QAAQ,CAEZ;AAEDF,cAAc,CAACK,SAAS,2CAAG;EACzBJ,KAAK,EAAEH,SAAS,CAACQ,MAAM;EACvBJ,QAAQ,EAAEJ,SAAS,CAACS;AACtB,CAAC;AAED,eAAeP,cAAc"}
+{"version":3,"file":"index.js","names":["React","PropTypes","style","CatalogSection","title","children","context","details","propTypes","string","node"],"sources":["../../../src/atom/catalog-section/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport style from './style.css';\n\nconst CatalogSection = ({title, children}, context) => (\n  <div className={style.details}>\n    <div className={style.title}>{title}</div>\n    {children}\n  </div>\n);\n\nCatalogSection.propTypes = {\n  title: PropTypes.string,\n  children: PropTypes.node\n};\n\nexport default CatalogSection;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,cAAc,GAAG,CAAC;EAACC,KAAD;EAAQC;AAAR,CAAD,EAAoBC,OAApB,kBACrB;EAAK,SAAS,EAAEJ,KAAK,CAACK;AAAtB,gBACE;EAAK,SAAS,EAAEL,KAAK,CAACE;AAAtB,GAA8BA,KAA9B,CADF,EAEGC,QAFH,CADF;;AAOAF,cAAc,CAACK,SAAf,2CAA2B;EACzBJ,KAAK,EAAEH,SAAS,CAACQ,MADQ;EAEzBJ,QAAQ,EAAEJ,SAAS,CAACS;AAFK,CAA3B;AAKA,eAAeP,cAAf"}

package/es/atom/centered-text/index.js

@@ -1,11 +1,13 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import style from './style.css';
+
 const CenteredText = ({
   children
 }) => /*#__PURE__*/React.createElement("div", {
   className: style.center
 }, children);
+
 CenteredText.propTypes = process.env.NODE_ENV !== "production" ? {
   children: PropTypes.node
 } : {};

package/es/atom/centered-text/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","style","CenteredText","children","center","propTypes","node"],"sources":["../../../src/atom/centered-text/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport style from './style.css';\n\nconst CenteredText = ({children}) => <div className={style.center}>{children}</div>;\n\nCenteredText.propTypes = {\n  children: PropTypes.node\n};\n\nexport default CenteredText;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,YAAY,GAAG,CAAC;EAACC;AAAQ,CAAC,kBAAK;EAAK,SAAS,EAAEF,KAAK,CAACG;AAAO,GAAED,QAAQ,CAAO;AAEnFD,YAAY,CAACG,SAAS,2CAAG;EACvBF,QAAQ,EAAEH,SAAS,CAACM;AACtB,CAAC;AAED,eAAeJ,YAAY"}
+{"version":3,"file":"index.js","names":["React","PropTypes","style","CenteredText","children","center","propTypes","node"],"sources":["../../../src/atom/centered-text/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport style from './style.css';\n\nconst CenteredText = ({children}) => <div className={style.center}>{children}</div>;\n\nCenteredText.propTypes = {\n  children: PropTypes.node\n};\n\nexport default CenteredText;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,YAAY,GAAG,CAAC;EAACC;AAAD,CAAD,kBAAgB;EAAK,SAAS,EAAEF,KAAK,CAACG;AAAtB,GAA+BD,QAA/B,CAArC;;AAEAD,YAAY,CAACG,SAAb,2CAAyB;EACvBF,QAAQ,EAAEH,SAAS,CAACM;AADG,CAAzB;AAIA,eAAeJ,YAAf"}

package/es/atom/checkbox/index.js

@@ -1,16 +1,21 @@
 import _noop from "lodash/fp/noop";
 const _excluded = ["checked", "onChange", "type"];
+
 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 _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
 import React, { useState, useCallback } from 'react';
 import PropTypes from 'prop-types';
+
 const Checkbox = props => {
   const {
-      checked,
-      onChange = _noop,
-      type = 'checkbox'
-    } = props,
-    rest = _objectWithoutPropertiesLoose(props, _excluded);
+    checked,
+    onChange = _noop,
+    type = 'checkbox'
+  } = props,
+        rest = _objectWithoutPropertiesLoose(props, _excluded);
+
   const [_checked, setChecked] = useState(checked);
   const handleChange = useCallback(e => {
     onChange(e.target.checked);
@@ -22,6 +27,7 @@ const Checkbox = props => {
     onChange: handleChange
   }));
 };
+
 Checkbox.propTypes = process.env.NODE_ENV !== "production" ? {
   checked: PropTypes.bool,
   onChange: PropTypes.func,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useState","useCallback","PropTypes","Checkbox","props","checked","onChange","type","rest","_checked","setChecked","handleChange","e","target","propTypes","bool","func","title","string","required","disabled"],"sources":["../../../src/atom/checkbox/index.js"],"sourcesContent":["import React, {useState, useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport {noop} from 'lodash/fp';\n\nconst Checkbox = props => {\n  const {checked, onChange = noop, type = 'checkbox', ...rest} = props;\n  const [_checked, setChecked] = useState(checked);\n\n  const handleChange = useCallback(\n    e => {\n      onChange(e.target.checked);\n      setChecked(!_checked);\n    },\n    [_checked, onChange]\n  );\n\n  return <input {...rest} checked={_checked} type={type} onChange={handleChange} />;\n};\n\nCheckbox.propTypes = {\n  checked: PropTypes.bool,\n  onChange: PropTypes.func,\n  title: PropTypes.string,\n  type: PropTypes.string,\n  required: PropTypes.bool,\n  disabled: PropTypes.bool,\n  'data-name': PropTypes.string,\n  'aria-label': PropTypes.string\n};\n\nexport default Checkbox;\n"],"mappings":";;;;AAAA,OAAOA,KAAK,IAAGC,QAAQ,EAAEC,WAAW,QAAO,OAAO;AAClD,OAAOC,SAAS,MAAM,YAAY;AAGlC,MAAMC,QAAQ,GAAGC,KAAK,IAAI;EACxB,MAAM;MAACC,OAAO;MAAEC,QAAQ,QAAO;MAAEC,IAAI,GAAG;IAAmB,CAAC,GAAGH,KAAK;IAAbI,IAAI,iCAAIJ,KAAK;EACpE,MAAM,CAACK,QAAQ,EAAEC,UAAU,CAAC,GAAGV,QAAQ,CAACK,OAAO,CAAC;EAEhD,MAAMM,YAAY,GAAGV,WAAW,CAC9BW,CAAC,IAAI;IACHN,QAAQ,CAACM,CAAC,CAACC,MAAM,CAACR,OAAO,CAAC;IAC1BK,UAAU,CAAC,CAACD,QAAQ,CAAC;EACvB,CAAC,EACD,CAACA,QAAQ,EAAEH,QAAQ,CAAC,CACrB;EAED,oBAAO,0CAAWE,IAAI;IAAE,OAAO,EAAEC,QAAS;IAAC,IAAI,EAAEF,IAAK;IAAC,QAAQ,EAAEI;EAAa,GAAG;AACnF,CAAC;AAEDR,QAAQ,CAACW,SAAS,2CAAG;EACnBT,OAAO,EAAEH,SAAS,CAACa,IAAI;EACvBT,QAAQ,EAAEJ,SAAS,CAACc,IAAI;EACxBC,KAAK,EAAEf,SAAS,CAACgB,MAAM;EACvBX,IAAI,EAAEL,SAAS,CAACgB,MAAM;EACtBC,QAAQ,EAAEjB,SAAS,CAACa,IAAI;EACxBK,QAAQ,EAAElB,SAAS,CAACa,IAAI;EACxB,WAAW,EAAEb,SAAS,CAACgB,MAAM;EAC7B,YAAY,EAAEhB,SAAS,CAACgB;AAC1B,CAAC;AAED,eAAef,QAAQ"}
+{"version":3,"file":"index.js","names":["React","useState","useCallback","PropTypes","Checkbox","props","checked","onChange","type","rest","_checked","setChecked","handleChange","e","target","propTypes","bool","func","title","string","required","disabled"],"sources":["../../../src/atom/checkbox/index.js"],"sourcesContent":["import React, {useState, useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport {noop} from 'lodash/fp';\n\nconst Checkbox = props => {\n  const {checked, onChange = noop, type = 'checkbox', ...rest} = props;\n  const [_checked, setChecked] = useState(checked);\n\n  const handleChange = useCallback(\n    e => {\n      onChange(e.target.checked);\n      setChecked(!_checked);\n    },\n    [_checked, onChange]\n  );\n\n  return <input {...rest} checked={_checked} type={type} onChange={handleChange} />;\n};\n\nCheckbox.propTypes = {\n  checked: PropTypes.bool,\n  onChange: PropTypes.func,\n  title: PropTypes.string,\n  type: PropTypes.string,\n  required: PropTypes.bool,\n  disabled: PropTypes.bool,\n  'data-name': PropTypes.string,\n  'aria-label': PropTypes.string\n};\n\nexport default Checkbox;\n"],"mappings":";;;;;;;AAAA,OAAOA,KAAP,IAAeC,QAAf,EAAyBC,WAAzB,QAA2C,OAA3C;AACA,OAAOC,SAAP,MAAsB,YAAtB;;AAGA,MAAMC,QAAQ,GAAGC,KAAK,IAAI;EACxB,MAAM;IAACC,OAAD;IAAUC,QAAQ,QAAlB;IAA2BC,IAAI,GAAG;EAAlC,IAAyDH,KAA/D;EAAA,MAAuDI,IAAvD,iCAA+DJ,KAA/D;;EACA,MAAM,CAACK,QAAD,EAAWC,UAAX,IAAyBV,QAAQ,CAACK,OAAD,CAAvC;EAEA,MAAMM,YAAY,GAAGV,WAAW,CAC9BW,CAAC,IAAI;IACHN,QAAQ,CAACM,CAAC,CAACC,MAAF,CAASR,OAAV,CAAR;IACAK,UAAU,CAAC,CAACD,QAAF,CAAV;EACD,CAJ6B,EAK9B,CAACA,QAAD,EAAWH,QAAX,CAL8B,CAAhC;EAQA,oBAAO,0CAAWE,IAAX;IAAiB,OAAO,EAAEC,QAA1B;IAAoC,IAAI,EAAEF,IAA1C;IAAgD,QAAQ,EAAEI;EAA1D,GAAP;AACD,CAbD;;AAeAR,QAAQ,CAACW,SAAT,2CAAqB;EACnBT,OAAO,EAAEH,SAAS,CAACa,IADA;EAEnBT,QAAQ,EAAEJ,SAAS,CAACc,IAFD;EAGnBC,KAAK,EAAEf,SAAS,CAACgB,MAHE;EAInBX,IAAI,EAAEL,SAAS,CAACgB,MAJG;EAKnBC,QAAQ,EAAEjB,SAAS,CAACa,IALD;EAMnBK,QAAQ,EAAElB,SAAS,CAACa,IAND;EAOnB,aAAab,SAAS,CAACgB,MAPJ;EAQnB,cAAchB,SAAS,CAACgB;AARL,CAArB;AAWA,eAAef,QAAf"}

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

@@ -4,6 +4,7 @@ import React, { useMemo } from 'react';
 import PropTypes from 'prop-types';
 import { NovaSolidStatusValidate as CheckIcon } from '@coorpacademy/nova-icons';
 import style from './style.css';
+
 const CheckboxWithTitle = props => {
   const {
     title,
@@ -13,7 +14,9 @@ const CheckboxWithTitle = props => {
     'data-name': dataName,
     'aria-label': ariaLabel
   } = props;
+
   const idCheckbox = _uniqueId('input-checkbox-');
+
   const handleChange = useMemo(() => e => onChange(e.target.checked), [onChange]);
   return /*#__PURE__*/React.createElement("div", {
     className: style.container
@@ -36,6 +39,7 @@ const CheckboxWithTitle = props => {
     className: style.title
   }, title));
 };
+
 CheckboxWithTitle.propTypes = process.env.NODE_ENV !== "production" ? {
   title: PropTypes.string,
   name: PropTypes.string,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useMemo","PropTypes","NovaSolidStatusValidate","CheckIcon","style","CheckboxWithTitle","props","title","name","checked","onChange","dataName","ariaLabel","idCheckbox","handleChange","e","target","container","checkbox","label","icon","propTypes","string","bool","func"],"sources":["../../../src/atom/checkbox-with-title/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {noop, uniqueId} from 'lodash/fp';\nimport {NovaSolidStatusValidate as CheckIcon} from '@coorpacademy/nova-icons';\nimport style from './style.css';\n\nconst CheckboxWithTitle = props => {\n  const {\n    title,\n    name,\n    checked,\n    onChange = noop,\n    'data-name': dataName,\n    'aria-label': ariaLabel\n  } = props;\n\n  const idCheckbox = uniqueId('input-checkbox-');\n  const handleChange = useMemo(() => e => onChange(e.target.checked), [onChange]);\n\n  return (\n    <div className={style.container}>\n      <label htmlFor={idCheckbox}>\n        <input\n          type=\"checkbox\"\n          id={idCheckbox}\n          name={name}\n          onChange={handleChange}\n          checked={checked}\n          className={style.checkbox}\n          data-name={dataName}\n          aria-label={ariaLabel}\n        />\n        <div className={style.label}>\n          <CheckIcon className={style.icon} />\n        </div>\n      </label>\n      <span className={style.title}>{title}</span>\n    </div>\n  );\n};\n\nCheckboxWithTitle.propTypes = {\n  title: PropTypes.string,\n  name: PropTypes.string,\n  checked: PropTypes.bool,\n  onChange: PropTypes.func,\n  'aria-label': PropTypes.string,\n  'data-name': PropTypes.string\n};\nexport default CheckboxWithTitle;\n"],"mappings":";;AAAA,OAAOA,KAAK,IAAGC,OAAO,QAAO,OAAO;AACpC,OAAOC,SAAS,MAAM,YAAY;AAElC,SAAQC,uBAAuB,IAAIC,SAAS,QAAO,0BAA0B;AAC7E,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,iBAAiB,GAAGC,KAAK,IAAI;EACjC,MAAM;IACJC,KAAK;IACLC,IAAI;IACJC,OAAO;IACPC,QAAQ,QAAO;IACf,WAAW,EAAEC,QAAQ;IACrB,YAAY,EAAEC;EAChB,CAAC,GAAGN,KAAK;EAET,MAAMO,UAAU,GAAG,UAAS,iBAAiB,CAAC;EAC9C,MAAMC,YAAY,GAAGd,OAAO,CAAC,MAAMe,CAAC,IAAIL,QAAQ,CAACK,CAAC,CAACC,MAAM,CAACP,OAAO,CAAC,EAAE,CAACC,QAAQ,CAAC,CAAC;EAE/E,oBACE;IAAK,SAAS,EAAEN,KAAK,CAACa;EAAU,gBAC9B;IAAO,OAAO,EAAEJ;EAAW,gBACzB;IACE,IAAI,EAAC,UAAU;IACf,EAAE,EAAEA,UAAW;IACf,IAAI,EAAEL,IAAK;IACX,QAAQ,EAAEM,YAAa;IACvB,OAAO,EAAEL,OAAQ;IACjB,SAAS,EAAEL,KAAK,CAACc,QAAS;IAC1B,aAAWP,QAAS;IACpB,cAAYC;EAAU,EACtB,eACF;IAAK,SAAS,EAAER,KAAK,CAACe;EAAM,gBAC1B,oBAAC,SAAS;IAAC,SAAS,EAAEf,KAAK,CAACgB;EAAK,EAAG,CAChC,CACA,eACR;IAAM,SAAS,EAAEhB,KAAK,CAACG;EAAM,GAAEA,KAAK,CAAQ,CACxC;AAEV,CAAC;AAEDF,iBAAiB,CAACgB,SAAS,2CAAG;EAC5Bd,KAAK,EAAEN,SAAS,CAACqB,MAAM;EACvBd,IAAI,EAAEP,SAAS,CAACqB,MAAM;EACtBb,OAAO,EAAER,SAAS,CAACsB,IAAI;EACvBb,QAAQ,EAAET,SAAS,CAACuB,IAAI;EACxB,YAAY,EAAEvB,SAAS,CAACqB,MAAM;EAC9B,WAAW,EAAErB,SAAS,CAACqB;AACzB,CAAC;AACD,eAAejB,iBAAiB"}
+{"version":3,"file":"index.js","names":["React","useMemo","PropTypes","NovaSolidStatusValidate","CheckIcon","style","CheckboxWithTitle","props","title","name","checked","onChange","dataName","ariaLabel","idCheckbox","handleChange","e","target","container","checkbox","label","icon","propTypes","string","bool","func"],"sources":["../../../src/atom/checkbox-with-title/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {noop, uniqueId} from 'lodash/fp';\nimport {NovaSolidStatusValidate as CheckIcon} from '@coorpacademy/nova-icons';\nimport style from './style.css';\n\nconst CheckboxWithTitle = props => {\n  const {\n    title,\n    name,\n    checked,\n    onChange = noop,\n    'data-name': dataName,\n    'aria-label': ariaLabel\n  } = props;\n\n  const idCheckbox = uniqueId('input-checkbox-');\n  const handleChange = useMemo(() => e => onChange(e.target.checked), [onChange]);\n\n  return (\n    <div className={style.container}>\n      <label htmlFor={idCheckbox}>\n        <input\n          type=\"checkbox\"\n          id={idCheckbox}\n          name={name}\n          onChange={handleChange}\n          checked={checked}\n          className={style.checkbox}\n          data-name={dataName}\n          aria-label={ariaLabel}\n        />\n        <div className={style.label}>\n          <CheckIcon className={style.icon} />\n        </div>\n      </label>\n      <span className={style.title}>{title}</span>\n    </div>\n  );\n};\n\nCheckboxWithTitle.propTypes = {\n  title: PropTypes.string,\n  name: PropTypes.string,\n  checked: PropTypes.bool,\n  onChange: PropTypes.func,\n  'aria-label': PropTypes.string,\n  'data-name': PropTypes.string\n};\nexport default CheckboxWithTitle;\n"],"mappings":";;AAAA,OAAOA,KAAP,IAAeC,OAAf,QAA6B,OAA7B;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,SAAQC,uBAAuB,IAAIC,SAAnC,QAAmD,0BAAnD;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,iBAAiB,GAAGC,KAAK,IAAI;EACjC,MAAM;IACJC,KADI;IAEJC,IAFI;IAGJC,OAHI;IAIJC,QAAQ,QAJJ;IAKJ,aAAaC,QALT;IAMJ,cAAcC;EANV,IAOFN,KAPJ;;EASA,MAAMO,UAAU,GAAG,UAAS,iBAAT,CAAnB;;EACA,MAAMC,YAAY,GAAGd,OAAO,CAAC,MAAMe,CAAC,IAAIL,QAAQ,CAACK,CAAC,CAACC,MAAF,CAASP,OAAV,CAApB,EAAwC,CAACC,QAAD,CAAxC,CAA5B;EAEA,oBACE;IAAK,SAAS,EAAEN,KAAK,CAACa;EAAtB,gBACE;IAAO,OAAO,EAAEJ;EAAhB,gBACE;IACE,IAAI,EAAC,UADP;IAEE,EAAE,EAAEA,UAFN;IAGE,IAAI,EAAEL,IAHR;IAIE,QAAQ,EAAEM,YAJZ;IAKE,OAAO,EAAEL,OALX;IAME,SAAS,EAAEL,KAAK,CAACc,QANnB;IAOE,aAAWP,QAPb;IAQE,cAAYC;EARd,EADF,eAWE;IAAK,SAAS,EAAER,KAAK,CAACe;EAAtB,gBACE,oBAAC,SAAD;IAAW,SAAS,EAAEf,KAAK,CAACgB;EAA5B,EADF,CAXF,CADF,eAgBE;IAAM,SAAS,EAAEhB,KAAK,CAACG;EAAvB,GAA+BA,KAA/B,CAhBF,CADF;AAoBD,CAjCD;;AAmCAF,iBAAiB,CAACgB,SAAlB,2CAA8B;EAC5Bd,KAAK,EAAEN,SAAS,CAACqB,MADW;EAE5Bd,IAAI,EAAEP,SAAS,CAACqB,MAFY;EAG5Bb,OAAO,EAAER,SAAS,CAACsB,IAHS;EAI5Bb,QAAQ,EAAET,SAAS,CAACuB,IAJQ;EAK5B,cAAcvB,SAAS,CAACqB,MALI;EAM5B,aAAarB,SAAS,CAACqB;AANK,CAA9B;AAQA,eAAejB,iBAAf"}

package/es/atom/chips/index.js

@@ -3,6 +3,7 @@ import PropTypes from 'prop-types';
 import classnames from 'classnames';
 import { NovaSolidRemoveAddAddCircle1 as AddIcon, NovaSolidStatusCheckCircle2 as SelectedIcon } from '@coorpacademy/nova-icons';
 import style from './style.css';
+
 const Chips = props => {
   const {
     text,
@@ -29,6 +30,7 @@ const Chips = props => {
     className: style.unselectedIconWrapper
   }));
 };
+
 Chips.propTypes = process.env.NODE_ENV !== "production" ? {
   text: PropTypes.string,
   information: PropTypes.string,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useMemo","PropTypes","classnames","NovaSolidRemoveAddAddCircle1","AddIcon","NovaSolidStatusCheckCircle2","SelectedIcon","style","Chips","props","text","information","selected","onClick","handleClick","container","unselected","textZone","selectedIconWrapper","unselectedIconWrapper","propTypes","string","bool","func"],"sources":["../../../src/atom/chips/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {\n  NovaSolidRemoveAddAddCircle1 as AddIcon,\n  NovaSolidStatusCheckCircle2 as SelectedIcon\n} from '@coorpacademy/nova-icons';\nimport style from './style.css';\n\nconst Chips = props => {\n  const {text, information, selected = false, onClick} = props;\n\n  const handleClick = useMemo(() => () => onClick(), [onClick]);\n\n  return (\n    <div\n      className={classnames(style.container, selected ? style.selected : style.unselected)}\n      onClick={handleClick}\n      aria-label={`${text} ${information}`}\n      data-name={text}\n    >\n      <div className={style.textZone} title={text}>\n        <span className={style.text}>{text}</span>\n        <span className={style.information}>{information}</span>\n      </div>\n      {selected ? (\n        <SelectedIcon className={style.selectedIconWrapper} />\n      ) : (\n        <AddIcon className={style.unselectedIconWrapper} />\n      )}\n    </div>\n  );\n};\n\nChips.propTypes = {\n  text: PropTypes.string,\n  information: PropTypes.string,\n  selected: PropTypes.bool,\n  onClick: PropTypes.func\n};\n\nexport default Chips;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAGC,OAAO,QAAO,OAAO;AACpC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,SACEC,4BAA4B,IAAIC,OAAO,EACvCC,2BAA2B,IAAIC,YAAY,QACtC,0BAA0B;AACjC,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,KAAK,GAAGC,KAAK,IAAI;EACrB,MAAM;IAACC,IAAI;IAAEC,WAAW;IAAEC,QAAQ,GAAG,KAAK;IAAEC;EAAO,CAAC,GAAGJ,KAAK;EAE5D,MAAMK,WAAW,GAAGd,OAAO,CAAC,MAAM,MAAMa,OAAO,EAAE,EAAE,CAACA,OAAO,CAAC,CAAC;EAE7D,oBACE;IACE,SAAS,EAAEX,UAAU,CAACK,KAAK,CAACQ,SAAS,EAAEH,QAAQ,GAAGL,KAAK,CAACK,QAAQ,GAAGL,KAAK,CAACS,UAAU,CAAE;IACrF,OAAO,EAAEF,WAAY;IACrB,cAAa,GAAEJ,IAAK,IAAGC,WAAY,EAAE;IACrC,aAAWD;EAAK,gBAEhB;IAAK,SAAS,EAAEH,KAAK,CAACU,QAAS;IAAC,KAAK,EAAEP;EAAK,gBAC1C;IAAM,SAAS,EAAEH,KAAK,CAACG;EAAK,GAAEA,IAAI,CAAQ,eAC1C;IAAM,SAAS,EAAEH,KAAK,CAACI;EAAY,GAAEA,WAAW,CAAQ,CACpD,EACLC,QAAQ,gBACP,oBAAC,YAAY;IAAC,SAAS,EAAEL,KAAK,CAACW;EAAoB,EAAG,gBAEtD,oBAAC,OAAO;IAAC,SAAS,EAAEX,KAAK,CAACY;EAAsB,EACjD,CACG;AAEV,CAAC;AAEDX,KAAK,CAACY,SAAS,2CAAG;EAChBV,IAAI,EAAET,SAAS,CAACoB,MAAM;EACtBV,WAAW,EAAEV,SAAS,CAACoB,MAAM;EAC7BT,QAAQ,EAAEX,SAAS,CAACqB,IAAI;EACxBT,OAAO,EAAEZ,SAAS,CAACsB;AACrB,CAAC;AAED,eAAef,KAAK"}
+{"version":3,"file":"index.js","names":["React","useMemo","PropTypes","classnames","NovaSolidRemoveAddAddCircle1","AddIcon","NovaSolidStatusCheckCircle2","SelectedIcon","style","Chips","props","text","information","selected","onClick","handleClick","container","unselected","textZone","selectedIconWrapper","unselectedIconWrapper","propTypes","string","bool","func"],"sources":["../../../src/atom/chips/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {\n  NovaSolidRemoveAddAddCircle1 as AddIcon,\n  NovaSolidStatusCheckCircle2 as SelectedIcon\n} from '@coorpacademy/nova-icons';\nimport style from './style.css';\n\nconst Chips = props => {\n  const {text, information, selected = false, onClick} = props;\n\n  const handleClick = useMemo(() => () => onClick(), [onClick]);\n\n  return (\n    <div\n      className={classnames(style.container, selected ? style.selected : style.unselected)}\n      onClick={handleClick}\n      aria-label={`${text} ${information}`}\n      data-name={text}\n    >\n      <div className={style.textZone} title={text}>\n        <span className={style.text}>{text}</span>\n        <span className={style.information}>{information}</span>\n      </div>\n      {selected ? (\n        <SelectedIcon className={style.selectedIconWrapper} />\n      ) : (\n        <AddIcon className={style.unselectedIconWrapper} />\n      )}\n    </div>\n  );\n};\n\nChips.propTypes = {\n  text: PropTypes.string,\n  information: PropTypes.string,\n  selected: PropTypes.bool,\n  onClick: PropTypes.func\n};\n\nexport default Chips;\n"],"mappings":"AAAA,OAAOA,KAAP,IAAeC,OAAf,QAA6B,OAA7B;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SACEC,4BAA4B,IAAIC,OADlC,EAEEC,2BAA2B,IAAIC,YAFjC,QAGO,0BAHP;AAIA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,KAAK,GAAGC,KAAK,IAAI;EACrB,MAAM;IAACC,IAAD;IAAOC,WAAP;IAAoBC,QAAQ,GAAG,KAA/B;IAAsCC;EAAtC,IAAiDJ,KAAvD;EAEA,MAAMK,WAAW,GAAGd,OAAO,CAAC,MAAM,MAAMa,OAAO,EAApB,EAAwB,CAACA,OAAD,CAAxB,CAA3B;EAEA,oBACE;IACE,SAAS,EAAEX,UAAU,CAACK,KAAK,CAACQ,SAAP,EAAkBH,QAAQ,GAAGL,KAAK,CAACK,QAAT,GAAoBL,KAAK,CAACS,UAApD,CADvB;IAEE,OAAO,EAAEF,WAFX;IAGE,cAAa,GAAEJ,IAAK,IAAGC,WAAY,EAHrC;IAIE,aAAWD;EAJb,gBAME;IAAK,SAAS,EAAEH,KAAK,CAACU,QAAtB;IAAgC,KAAK,EAAEP;EAAvC,gBACE;IAAM,SAAS,EAAEH,KAAK,CAACG;EAAvB,GAA8BA,IAA9B,CADF,eAEE;IAAM,SAAS,EAAEH,KAAK,CAACI;EAAvB,GAAqCA,WAArC,CAFF,CANF,EAUGC,QAAQ,gBACP,oBAAC,YAAD;IAAc,SAAS,EAAEL,KAAK,CAACW;EAA/B,EADO,gBAGP,oBAAC,OAAD;IAAS,SAAS,EAAEX,KAAK,CAACY;EAA1B,EAbJ,CADF;AAkBD,CAvBD;;AAyBAX,KAAK,CAACY,SAAN,2CAAkB;EAChBV,IAAI,EAAET,SAAS,CAACoB,MADA;EAEhBV,WAAW,EAAEV,SAAS,CAACoB,MAFP;EAGhBT,QAAQ,EAAEX,SAAS,CAACqB,IAHJ;EAIhBT,OAAO,EAAEZ,SAAS,CAACsB;AAJH,CAAlB;AAOA,eAAef,KAAf"}

package/es/atom/choice/index.native.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { ViewStyle } from 'react-native';
 import type { Media, QuestionType } from '../../molecule/questions/types';
-export type Props = {
+export declare type Props = {
     isSelected?: boolean;
     onPress: () => void;
     children?: string;

package/es/atom/choice/index.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/atom/choice/index.native.tsx"],"names":[],"mappings":";AACA,OAAO,EAAmB,SAAS,EAAY,MAAM,cAAc,CAAC;AAIpE,OAAO,KAAK,EAAC,KAAK,EAAE,YAAY,EAAC,MAAM,gCAAgC,CAAC;AAMxE,MAAM,MAAM,KAAK,GAAG;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,YAAY,EAAE,YAAY,CAAC;CAC5B,CAAC;AAqEF,QAAA,MAAM,MAAM,8GAUT,KAAK,uBAqFP,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/atom/choice/index.native.tsx"],"names":[],"mappings":";AACA,OAAO,EAAmB,SAAS,EAAY,MAAM,cAAc,CAAC;AAIpE,OAAO,KAAK,EAAC,KAAK,EAAE,YAAY,EAAC,MAAM,gCAAgC,CAAC;AAMxE,oBAAY,KAAK,GAAG;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,YAAY,EAAE,YAAY,CAAC;CAC5B,CAAC;AAqEF,QAAA,MAAM,MAAM,8GAUT,KAAK,uBAqFP,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/es/atom/choice/index.native.js

@@ -1,4 +1,5 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 import React, { useEffect, useState } from 'react';
 import { View, StyleSheet } from 'react-native';
 import Html from '../html/index.native';
@@ -6,6 +7,7 @@ import ImageBackground from '../image-background/index.native';
 import getCleanUri from '../../util/get-clean-uri';
 import Touchable from '../../hoc/touchable/index.native';
 import { useTemplateContext } from '../../template/app-review/template-context';
+
 const createStyleSheet = (theme, squeezed) => StyleSheet.create({
   boxShadow: {
     shadowColor: '#000',
@@ -62,6 +64,7 @@ const createStyleSheet = (theme, squeezed) => StyleSheet.create({
     flex: 1
   }
 });
+
 const Choice = ({
   children,
   isSelected = false,
@@ -81,11 +84,14 @@ const Choice = ({
   const [styleSheet, setStylesheet] = useState(null);
   useEffect(() => {
     const _stylesheet = createStyleSheet(theme, squeezed);
+
     setStylesheet(_stylesheet);
   }, [theme, squeezed]);
+
   if (!styleSheet) {
     return null;
   }
+
   const selectedSuffix = prefixTestID && isSelected ? '-selected' : '';
   const mediaType = media && media.type && media.type === 'img' && media.type.toLowerCase();
   const url = media && media.type === 'img' && media.src && media.src.length > 0 && getCleanUri(media.src[0].url);
@@ -95,13 +101,14 @@ const Choice = ({
   const mediaSuffix = prefixTestID && mediaType ? `-${mediaType}` : '';
   const textStyle = [styleSheet.text];
   const textWrapperStyle = [styleSheet.textContainer];
+
   if (squeezed) {
     textWrapperStyle.push(styleSheet.squeezedTextContainer);
   }
+
   if (isSelected) {
-    textStyle.push(styleSheet.textSelected);
+    textStyle.push(styleSheet.textSelected); // eslint-disable-next-line @coorpacademy/coorpacademy/no-overwriting-spread
 
-    // eslint-disable-next-line @coorpacademy/coorpacademy/no-overwriting-spread
     const selectionStyle = brandTheme && _extends({
       backgroundColor: brandTheme.colors?.primary,
       borderColor: brandTheme.colors?.primary
@@ -111,10 +118,12 @@ const Choice = ({
     } : {
       borderRadius: theme.radius.regular
     });
+
     if (selectionStyle) {
       textWrapperStyle.push(selectionStyle);
     }
   }
+
   return /*#__PURE__*/React.createElement(Touchable, {
     onPress: !isDisabled ? onPress : undefined,
     style: style,
@@ -137,5 +146,6 @@ const Choice = ({
     style: textStyle
   }, children)) : null));
 };
+
 export default Choice;
 //# sourceMappingURL=index.native.js.map

package/es/atom/choice/index.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["React","useEffect","useState","View","StyleSheet","Html","ImageBackground","getCleanUri","Touchable","useTemplateContext","createStyleSheet","theme","squeezed","create","boxShadow","shadowColor","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","backgroundColor","container","colors","white","borderRadius","radius","regular","flexDirection","alignItems","minHeight","textContainer","paddingHorizontal","paddingVertical","justifyContent","flex","squeezedTextContainer","padding","spacing","small","paddingLeft","undefined","paddingRight","text","fontSize","medium","fontWeight","bold","color","black","textAlign","textSelected","unselectedImageContainer","borderRightColor","border","imageContainer","overflow","borderTopLeftRadius","borderBottomLeftRadius","image","Choice","children","isSelected","isDisabled","onPress","media","testID","prefixTestID","style","questionType","templateContext","brandTheme","styleSheet","setStylesheet","_stylesheet","selectedSuffix","mediaType","type","toLowerCase","url","src","length","source","uri","mediaSuffix","textStyle","textWrapperStyle","push","selectionStyle","primary","borderColor","borderTopRightRadius","borderBottomRightRadius"],"sources":["../../../src/atom/choice/index.native.tsx"],"sourcesContent":["import React, {useEffect, useState} from 'react';\nimport {View, StyleSheet, ViewStyle, TextStyle} from 'react-native';\n\nimport Html from '../html/index.native';\nimport ImageBackground from '../image-background/index.native';\nimport type {Media, QuestionType} from '../../molecule/questions/types';\nimport getCleanUri from '../../util/get-clean-uri';\nimport Touchable from '../../hoc/touchable/index.native';\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport {Theme} from '../../variables/theme.native';\n\nexport type Props = {\n  isSelected?: boolean;\n  onPress: () => void;\n  children?: string;\n  isDisabled?: boolean;\n  testID?: string;\n  media?: Media;\n  squeezed?: boolean;\n  style?: ViewStyle;\n  questionType: QuestionType;\n};\n\ntype StyleSheetType = {\n  boxShadow: ViewStyle;\n  container: ViewStyle;\n  text: TextStyle;\n  textSelected: TextStyle;\n  textContainer: ViewStyle;\n  squeezedTextContainer: ViewStyle;\n  unselectedImageContainer: ViewStyle;\n  imageContainer: ViewStyle;\n  image: ViewStyle;\n};\n\nconst createStyleSheet = (theme: Theme, squeezed: boolean): StyleSheetType =>\n  StyleSheet.create({\n    boxShadow: {\n      shadowColor: '#000',\n      shadowOffset: {width: 0, height: 4},\n      shadowOpacity: 0.12,\n      shadowRadius: 8,\n      elevation: 8,\n      backgroundColor: '#0000'\n    },\n    container: {\n      backgroundColor: theme.colors.white,\n      borderRadius: theme.radius.regular,\n      flexDirection: 'row',\n      alignItems: 'stretch',\n      minHeight: 60\n    },\n    textContainer: {\n      paddingHorizontal: 24,\n      paddingVertical: 12,\n      justifyContent: 'center',\n      alignItems: 'center',\n      flex: 1\n    },\n    squeezedTextContainer: {\n      padding: theme.spacing.small,\n      paddingLeft: undefined,\n      paddingVertical: undefined,\n      paddingRight: undefined,\n      flex: 0\n    },\n    text: {\n      fontSize: squeezed ? theme.fontSize.medium : theme.fontSize.regular,\n      fontWeight: theme.fontWeight.bold,\n      color: theme.colors.black,\n      textAlign: 'center'\n    },\n    textSelected: {\n      color: theme.colors.white\n    },\n    unselectedImageContainer: {\n      borderRightColor: theme.colors.border\n    },\n    imageContainer: {\n      height: '100%',\n      width: '25%',\n      overflow: 'hidden',\n      borderTopLeftRadius: theme.radius.regular,\n      borderBottomLeftRadius: theme.radius.regular\n    },\n    image: {\n      flex: 1\n    }\n  });\n\nconst Choice = ({\n  children,\n  isSelected = false,\n  squeezed = false,\n  isDisabled,\n  onPress,\n  media,\n  testID: prefixTestID,\n  style,\n  questionType\n}: Props) => {\n  const templateContext = useTemplateContext();\n  const {theme, brandTheme} = templateContext;\n\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme, squeezed);\n    setStylesheet(_stylesheet);\n  }, [theme, squeezed]);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  const selectedSuffix = prefixTestID && isSelected ? '-selected' : '';\n  const mediaType = media && media.type && media.type === 'img' && media.type.toLowerCase();\n  const url =\n    media &&\n    media.type === 'img' &&\n    media.src &&\n    media.src.length > 0 &&\n    getCleanUri(media.src[0].url);\n\n  const source = {uri: url ? getCleanUri(url) : undefined};\n  const mediaSuffix = prefixTestID && mediaType ? `-${mediaType}` : '';\n\n  const textStyle: TextStyle[] = [styleSheet.text];\n  const textWrapperStyle: ViewStyle[] = [styleSheet.textContainer];\n\n  if (squeezed) {\n    textWrapperStyle.push(styleSheet.squeezedTextContainer);\n  }\n\n  if (isSelected) {\n    textStyle.push(styleSheet.textSelected);\n\n    // eslint-disable-next-line @coorpacademy/coorpacademy/no-overwriting-spread\n    const selectionStyle = brandTheme && {\n      backgroundColor: brandTheme.colors?.primary,\n      borderColor: brandTheme.colors?.primary,\n      ...(url\n        ? {\n            borderTopRightRadius: theme.radius.regular,\n            borderBottomRightRadius: theme.radius.regular\n          }\n        : {\n            borderRadius: theme.radius.regular\n          })\n    };\n\n    if (selectionStyle) {\n      textWrapperStyle.push(selectionStyle);\n    }\n  }\n\n  return (\n    <Touchable\n      onPress={!isDisabled ? onPress : undefined}\n      style={style}\n      analyticsID=\"question-choice\"\n      analyticsParams={{questionType}}\n    >\n      <View\n        style={[styleSheet.boxShadow, styleSheet.container]}\n        testID={prefixTestID && `${prefixTestID}${selectedSuffix}`}\n      >\n        {url ? (\n          <View style={styleSheet.imageContainer}>\n            <ImageBackground\n              testID={prefixTestID && `${prefixTestID}${mediaSuffix}`}\n              source={source}\n              style={styleSheet.image}\n            />\n          </View>\n        ) : null}\n\n        {children ? (\n          <View style={textWrapperStyle}>\n            <Html style={textStyle}>{children}</Html>\n          </View>\n        ) : null}\n      </View>\n    </Touchable>\n  );\n};\n\nexport default Choice;\n"],"mappings":"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"}
+{"version":3,"file":"index.native.js","names":["React","useEffect","useState","View","StyleSheet","Html","ImageBackground","getCleanUri","Touchable","useTemplateContext","createStyleSheet","theme","squeezed","create","boxShadow","shadowColor","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","backgroundColor","container","colors","white","borderRadius","radius","regular","flexDirection","alignItems","minHeight","textContainer","paddingHorizontal","paddingVertical","justifyContent","flex","squeezedTextContainer","padding","spacing","small","paddingLeft","undefined","paddingRight","text","fontSize","medium","fontWeight","bold","color","black","textAlign","textSelected","unselectedImageContainer","borderRightColor","border","imageContainer","overflow","borderTopLeftRadius","borderBottomLeftRadius","image","Choice","children","isSelected","isDisabled","onPress","media","testID","prefixTestID","style","questionType","templateContext","brandTheme","styleSheet","setStylesheet","_stylesheet","selectedSuffix","mediaType","type","toLowerCase","url","src","length","source","uri","mediaSuffix","textStyle","textWrapperStyle","push","selectionStyle","primary","borderColor","borderTopRightRadius","borderBottomRightRadius"],"sources":["../../../src/atom/choice/index.native.tsx"],"sourcesContent":["import React, {useEffect, useState} from 'react';\nimport {View, StyleSheet, ViewStyle, TextStyle} from 'react-native';\n\nimport Html from '../html/index.native';\nimport ImageBackground from '../image-background/index.native';\nimport type {Media, QuestionType} from '../../molecule/questions/types';\nimport getCleanUri from '../../util/get-clean-uri';\nimport Touchable from '../../hoc/touchable/index.native';\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport {Theme} from '../../variables/theme.native';\n\nexport type Props = {\n  isSelected?: boolean;\n  onPress: () => void;\n  children?: string;\n  isDisabled?: boolean;\n  testID?: string;\n  media?: Media;\n  squeezed?: boolean;\n  style?: ViewStyle;\n  questionType: QuestionType;\n};\n\ntype StyleSheetType = {\n  boxShadow: ViewStyle;\n  container: ViewStyle;\n  text: TextStyle;\n  textSelected: TextStyle;\n  textContainer: ViewStyle;\n  squeezedTextContainer: ViewStyle;\n  unselectedImageContainer: ViewStyle;\n  imageContainer: ViewStyle;\n  image: ViewStyle;\n};\n\nconst createStyleSheet = (theme: Theme, squeezed: boolean): StyleSheetType =>\n  StyleSheet.create({\n    boxShadow: {\n      shadowColor: '#000',\n      shadowOffset: {width: 0, height: 4},\n      shadowOpacity: 0.12,\n      shadowRadius: 8,\n      elevation: 8,\n      backgroundColor: '#0000'\n    },\n    container: {\n      backgroundColor: theme.colors.white,\n      borderRadius: theme.radius.regular,\n      flexDirection: 'row',\n      alignItems: 'stretch',\n      minHeight: 60\n    },\n    textContainer: {\n      paddingHorizontal: 24,\n      paddingVertical: 12,\n      justifyContent: 'center',\n      alignItems: 'center',\n      flex: 1\n    },\n    squeezedTextContainer: {\n      padding: theme.spacing.small,\n      paddingLeft: undefined,\n      paddingVertical: undefined,\n      paddingRight: undefined,\n      flex: 0\n    },\n    text: {\n      fontSize: squeezed ? theme.fontSize.medium : theme.fontSize.regular,\n      fontWeight: theme.fontWeight.bold,\n      color: theme.colors.black,\n      textAlign: 'center'\n    },\n    textSelected: {\n      color: theme.colors.white\n    },\n    unselectedImageContainer: {\n      borderRightColor: theme.colors.border\n    },\n    imageContainer: {\n      height: '100%',\n      width: '25%',\n      overflow: 'hidden',\n      borderTopLeftRadius: theme.radius.regular,\n      borderBottomLeftRadius: theme.radius.regular\n    },\n    image: {\n      flex: 1\n    }\n  });\n\nconst Choice = ({\n  children,\n  isSelected = false,\n  squeezed = false,\n  isDisabled,\n  onPress,\n  media,\n  testID: prefixTestID,\n  style,\n  questionType\n}: Props) => {\n  const templateContext = useTemplateContext();\n  const {theme, brandTheme} = templateContext;\n\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme, squeezed);\n    setStylesheet(_stylesheet);\n  }, [theme, squeezed]);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  const selectedSuffix = prefixTestID && isSelected ? '-selected' : '';\n  const mediaType = media && media.type && media.type === 'img' && media.type.toLowerCase();\n  const url =\n    media &&\n    media.type === 'img' &&\n    media.src &&\n    media.src.length > 0 &&\n    getCleanUri(media.src[0].url);\n\n  const source = {uri: url ? getCleanUri(url) : undefined};\n  const mediaSuffix = prefixTestID && mediaType ? `-${mediaType}` : '';\n\n  const textStyle: TextStyle[] = [styleSheet.text];\n  const textWrapperStyle: ViewStyle[] = [styleSheet.textContainer];\n\n  if (squeezed) {\n    textWrapperStyle.push(styleSheet.squeezedTextContainer);\n  }\n\n  if (isSelected) {\n    textStyle.push(styleSheet.textSelected);\n\n    // eslint-disable-next-line @coorpacademy/coorpacademy/no-overwriting-spread\n    const selectionStyle = brandTheme && {\n      backgroundColor: brandTheme.colors?.primary,\n      borderColor: brandTheme.colors?.primary,\n      ...(url\n        ? {\n            borderTopRightRadius: theme.radius.regular,\n            borderBottomRightRadius: theme.radius.regular\n          }\n        : {\n            borderRadius: theme.radius.regular\n          })\n    };\n\n    if (selectionStyle) {\n      textWrapperStyle.push(selectionStyle);\n    }\n  }\n\n  return (\n    <Touchable\n      onPress={!isDisabled ? onPress : undefined}\n      style={style}\n      analyticsID=\"question-choice\"\n      analyticsParams={{questionType}}\n    >\n      <View\n        style={[styleSheet.boxShadow, styleSheet.container]}\n        testID={prefixTestID && `${prefixTestID}${selectedSuffix}`}\n      >\n        {url ? (\n          <View style={styleSheet.imageContainer}>\n            <ImageBackground\n              testID={prefixTestID && `${prefixTestID}${mediaSuffix}`}\n              source={source}\n              style={styleSheet.image}\n            />\n          </View>\n        ) : null}\n\n        {children ? (\n          <View style={textWrapperStyle}>\n            <Html style={textStyle}>{children}</Html>\n          </View>\n        ) : null}\n      </View>\n    </Touchable>\n  );\n};\n\nexport default Choice;\n"],"mappings":"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"}

package/es/atom/clue/index.js

@@ -8,6 +8,7 @@ import Provider from '../provider';
 import Loader from '../loader';
 import Cta from '../cta';
 import style from './style.css';
+
 const LoadedClue = ({
   text
 }) => {
@@ -21,20 +22,25 @@ const LoadedClue = ({
     }
   }));
 };
+
 LoadedClue.propTypes = process.env.NODE_ENV !== "production" ? {
   text: PropTypes.string
 } : {};
+
 class Clue extends React.Component {
   static getDerivedStateFromProps(props) {
     const {
       text
     } = props;
+
     const isLoading = _isEmpty(text);
+
     if (isLoading) return null;
     return {
       isLoading
     };
   }
+
   constructor(props, context) {
     super(props, context);
     this.state = {
@@ -42,6 +48,7 @@ class Clue extends React.Component {
     };
     this.handleClick = this.handleClick.bind(this);
   }
+
   handleClick(e) {
     e.stopPropagation();
     e.preventDefault();
@@ -50,11 +57,14 @@ class Clue extends React.Component {
       onClick = _noop
     } = this.props;
     onClick(e);
+
     const isLoading = _isEmpty(text);
+
     return this.setState({
       isLoading
     });
   }
+
   render() {
     const {
       text,
@@ -67,7 +77,9 @@ class Clue extends React.Component {
     const {
       isLoading
     } = this.state;
+
     const primaryColor = _get('common.primary', skin);
+
     const inlineStyle = {
       backgroundColor: primaryColor
     };
@@ -100,7 +112,9 @@ class Clue extends React.Component {
       text: text
     }))));
   }
+
 }
+
 Clue.contextTypes = {
   skin: Provider.childContextTypes.skin,
   translate: Provider.childContextTypes.translate

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","classnames","Provider","Loader","Cta","style","LoadedClue","text","clueText","__html","propTypes","string","Clue","Component","getDerivedStateFromProps","props","isLoading","constructor","context","state","handleClick","bind","e","stopPropagation","preventDefault","onClick","setState","render","starsDiff","skin","translate","primaryColor","inlineStyle","backgroundColor","starsToLoose","count","Math","abs","seeClueCta","wrapperClue","clueCard","flip","back","backContent","loading","stars","front","contextTypes","childContextTypes","number"],"sources":["../../../src/atom/clue/index.js"],"sourcesContent":["import React from 'react';\nimport {get, isEmpty, noop} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport Provider from '../provider';\nimport Loader from '../loader';\nimport Cta from '../cta';\nimport style from './style.css';\n\nconst LoadedClue = ({text}) => {\n  return (\n    <div data-name=\"text\" className={style.clueText}>\n      <div\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: text}}\n      />\n    </div>\n  );\n};\n\nLoadedClue.propTypes = {\n  text: PropTypes.string\n};\n\nclass Clue extends React.Component {\n  static propTypes = {\n    text: LoadedClue.propTypes.text,\n    onClick: Cta.propTypes.onClick,\n    starsDiff: PropTypes.number\n  };\n\n  static contextTypes = {\n    skin: Provider.childContextTypes.skin,\n    translate: Provider.childContextTypes.translate\n  };\n\n  static getDerivedStateFromProps(props) {\n    const {text} = props;\n    const isLoading = isEmpty(text);\n\n    if (isLoading) return null;\n    return {isLoading};\n  }\n\n  constructor(props, context) {\n    super(props, context);\n    this.state = {\n      isLoading: false\n    };\n    this.handleClick = this.handleClick.bind(this);\n  }\n\n  handleClick(e) {\n    e.stopPropagation();\n    e.preventDefault();\n    const {text, onClick = noop} = this.props;\n    onClick(e);\n    const isLoading = isEmpty(text);\n    return this.setState({\n      isLoading\n    });\n  }\n\n  render() {\n    const {text, starsDiff} = this.props;\n    const {skin, translate} = this.context;\n    const {isLoading} = this.state;\n    const primaryColor = get('common.primary', skin);\n    const inlineStyle = {backgroundColor: primaryColor};\n    const starsToLoose = translate('clue_stars_to_loose', {count: Math.abs(starsDiff)});\n    const seeClueCta = translate('See clue');\n\n    return (\n      <div data-name=\"clue\" className={style.wrapperClue}>\n        <div className={classnames(style.clueCard, !isEmpty(text) && style.flip)}>\n          <div className={style.back} style={inlineStyle} data-name=\"clue-back-side\">\n            {isLoading ? <Loader /> : null}\n            <div className={classnames(style.backContent, isLoading && style.loading)}>\n              <div className={style.stars}>{starsToLoose}</div>\n              <Cta submitValue={seeClueCta} secondary light onClick={this.handleClick} />\n            </div>\n          </div>\n          <div className={style.front} style={inlineStyle}>\n            <LoadedClue text={text} />\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default Clue;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","PropTypes","classnames","Provider","Loader","Cta","style","LoadedClue","text","clueText","__html","propTypes","string","Clue","Component","getDerivedStateFromProps","props","isLoading","constructor","context","state","handleClick","bind","e","stopPropagation","preventDefault","onClick","setState","render","starsDiff","skin","translate","primaryColor","inlineStyle","backgroundColor","starsToLoose","count","Math","abs","seeClueCta","wrapperClue","clueCard","flip","back","backContent","loading","stars","front","contextTypes","childContextTypes","number"],"sources":["../../../src/atom/clue/index.js"],"sourcesContent":["import React from 'react';\nimport {get, isEmpty, noop} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport Provider from '../provider';\nimport Loader from '../loader';\nimport Cta from '../cta';\nimport style from './style.css';\n\nconst LoadedClue = ({text}) => {\n  return (\n    <div data-name=\"text\" className={style.clueText}>\n      <div\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: text}}\n      />\n    </div>\n  );\n};\n\nLoadedClue.propTypes = {\n  text: PropTypes.string\n};\n\nclass Clue extends React.Component {\n  static propTypes = {\n    text: LoadedClue.propTypes.text,\n    onClick: Cta.propTypes.onClick,\n    starsDiff: PropTypes.number\n  };\n\n  static contextTypes = {\n    skin: Provider.childContextTypes.skin,\n    translate: Provider.childContextTypes.translate\n  };\n\n  static getDerivedStateFromProps(props) {\n    const {text} = props;\n    const isLoading = isEmpty(text);\n\n    if (isLoading) return null;\n    return {isLoading};\n  }\n\n  constructor(props, context) {\n    super(props, context);\n    this.state = {\n      isLoading: false\n    };\n    this.handleClick = this.handleClick.bind(this);\n  }\n\n  handleClick(e) {\n    e.stopPropagation();\n    e.preventDefault();\n    const {text, onClick = noop} = this.props;\n    onClick(e);\n    const isLoading = isEmpty(text);\n    return this.setState({\n      isLoading\n    });\n  }\n\n  render() {\n    const {text, starsDiff} = this.props;\n    const {skin, translate} = this.context;\n    const {isLoading} = this.state;\n    const primaryColor = get('common.primary', skin);\n    const inlineStyle = {backgroundColor: primaryColor};\n    const starsToLoose = translate('clue_stars_to_loose', {count: Math.abs(starsDiff)});\n    const seeClueCta = translate('See clue');\n\n    return (\n      <div data-name=\"clue\" className={style.wrapperClue}>\n        <div className={classnames(style.clueCard, !isEmpty(text) && style.flip)}>\n          <div className={style.back} style={inlineStyle} data-name=\"clue-back-side\">\n            {isLoading ? <Loader /> : null}\n            <div className={classnames(style.backContent, isLoading && style.loading)}>\n              <div className={style.stars}>{starsToLoose}</div>\n              <Cta submitValue={seeClueCta} secondary light onClick={this.handleClick} />\n            </div>\n          </div>\n          <div className={style.front} style={inlineStyle}>\n            <LoadedClue text={text} />\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default Clue;\n"],"mappings":"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"}

package/es/atom/content-badge/index.js

@@ -14,6 +14,7 @@ const CATEGORIES = {
   course: style.course,
   hidden: style.hidden
 };
+
 const ContentBadge = props => {
   const {
     category,
@@ -23,6 +24,7 @@ const ContentBadge = props => {
     className: CATEGORIES[category]
   }, label);
 };
+
 ContentBadge.propTypes = process.env.NODE_ENV !== "production" ? {
   category: PropTypes.oneOf(_keys(CATEGORIES)),
   label: PropTypes.string

package/es/atom/content-badge/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","style","CATEGORIES","base","advanced","coach","chapter","scorm","video","article","podcast","course","hidden","ContentBadge","props","category","label","propTypes","oneOf","string"],"sources":["../../../src/atom/content-badge/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {keys} from 'lodash/fp';\nimport style from './style.css';\n\nconst CATEGORIES = {\n  base: style.base,\n  advanced: style.advanced,\n  coach: style.coach,\n  chapter: style.chapter,\n  scorm: style.scorm,\n  video: style.video,\n  article: style.article,\n  podcast: style.podcast,\n  course: style.course,\n  hidden: style.hidden\n};\n\nconst ContentBadge = props => {\n  const {category, label} = props;\n  return <span className={CATEGORIES[category]}>{label}</span>;\n};\n\nContentBadge.propTypes = {\n  category: PropTypes.oneOf(keys(CATEGORIES)),\n  label: PropTypes.string\n};\n\nexport default ContentBadge;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,UAAU,GAAG;EACjBC,IAAI,EAAEF,KAAK,CAACE,IAAI;EAChBC,QAAQ,EAAEH,KAAK,CAACG,QAAQ;EACxBC,KAAK,EAAEJ,KAAK,CAACI,KAAK;EAClBC,OAAO,EAAEL,KAAK,CAACK,OAAO;EACtBC,KAAK,EAAEN,KAAK,CAACM,KAAK;EAClBC,KAAK,EAAEP,KAAK,CAACO,KAAK;EAClBC,OAAO,EAAER,KAAK,CAACQ,OAAO;EACtBC,OAAO,EAAET,KAAK,CAACS,OAAO;EACtBC,MAAM,EAAEV,KAAK,CAACU,MAAM;EACpBC,MAAM,EAAEX,KAAK,CAACW;AAChB,CAAC;AAED,MAAMC,YAAY,GAAGC,KAAK,IAAI;EAC5B,MAAM;IAACC,QAAQ;IAAEC;EAAK,CAAC,GAAGF,KAAK;EAC/B,oBAAO;IAAM,SAAS,EAAEZ,UAAU,CAACa,QAAQ;EAAE,GAAEC,KAAK,CAAQ;AAC9D,CAAC;AAEDH,YAAY,CAACI,SAAS,2CAAG;EACvBF,QAAQ,EAAEf,SAAS,CAACkB,KAAK,CAAC,MAAKhB,UAAU,CAAC,CAAC;EAC3Cc,KAAK,EAAEhB,SAAS,CAACmB;AACnB,CAAC;AAED,eAAeN,YAAY"}
+{"version":3,"file":"index.js","names":["React","PropTypes","style","CATEGORIES","base","advanced","coach","chapter","scorm","video","article","podcast","course","hidden","ContentBadge","props","category","label","propTypes","oneOf","string"],"sources":["../../../src/atom/content-badge/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {keys} from 'lodash/fp';\nimport style from './style.css';\n\nconst CATEGORIES = {\n  base: style.base,\n  advanced: style.advanced,\n  coach: style.coach,\n  chapter: style.chapter,\n  scorm: style.scorm,\n  video: style.video,\n  article: style.article,\n  podcast: style.podcast,\n  course: style.course,\n  hidden: style.hidden\n};\n\nconst ContentBadge = props => {\n  const {category, label} = props;\n  return <span className={CATEGORIES[category]}>{label}</span>;\n};\n\nContentBadge.propTypes = {\n  category: PropTypes.oneOf(keys(CATEGORIES)),\n  label: PropTypes.string\n};\n\nexport default ContentBadge;\n"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,KAAP,MAAkB,aAAlB;AAEA,MAAMC,UAAU,GAAG;EACjBC,IAAI,EAAEF,KAAK,CAACE,IADK;EAEjBC,QAAQ,EAAEH,KAAK,CAACG,QAFC;EAGjBC,KAAK,EAAEJ,KAAK,CAACI,KAHI;EAIjBC,OAAO,EAAEL,KAAK,CAACK,OAJE;EAKjBC,KAAK,EAAEN,KAAK,CAACM,KALI;EAMjBC,KAAK,EAAEP,KAAK,CAACO,KANI;EAOjBC,OAAO,EAAER,KAAK,CAACQ,OAPE;EAQjBC,OAAO,EAAET,KAAK,CAACS,OARE;EASjBC,MAAM,EAAEV,KAAK,CAACU,MATG;EAUjBC,MAAM,EAAEX,KAAK,CAACW;AAVG,CAAnB;;AAaA,MAAMC,YAAY,GAAGC,KAAK,IAAI;EAC5B,MAAM;IAACC,QAAD;IAAWC;EAAX,IAAoBF,KAA1B;EACA,oBAAO;IAAM,SAAS,EAAEZ,UAAU,CAACa,QAAD;EAA3B,GAAwCC,KAAxC,CAAP;AACD,CAHD;;AAKAH,YAAY,CAACI,SAAb,2CAAyB;EACvBF,QAAQ,EAAEf,SAAS,CAACkB,KAAV,CAAgB,MAAKhB,UAAL,CAAhB,CADa;EAEvBc,KAAK,EAAEhB,SAAS,CAACmB;AAFM,CAAzB;AAKA,eAAeN,YAAf"}

package/es/atom/cta/index.js

@@ -8,6 +8,7 @@ import { NovaCompositionCoorpacademyLogout as LogoutIcon } from '@coorpacademy/n
 import Provider from '../provider';
 import Link from '../link';
 import style from './style.css';
+
 class CTA extends React.Component {
   constructor(props) {
     super(props);
@@ -17,16 +18,19 @@ class CTA extends React.Component {
     this.handleMouseEnter = this.handleMouseEnter.bind(this);
     this.handleMouseLeave = this.handleMouseLeave.bind(this);
   }
+
   handleMouseEnter() {
     return this.setState({
       hovered: true
     });
   }
+
   handleMouseLeave() {
     return this.setState({
       hovered: false
     });
   }
+
   getStyle() {
     const {
       skin
@@ -40,9 +44,13 @@ class CTA extends React.Component {
       secondary = false,
       logout = false
     } = this.props;
+
     const color = _get('common.primary', skin);
+
     const grey = _get('common.grey', skin);
+
     if (logout) return;
+
     if (disabled) {
       return {
         backgroundColor: grey,
@@ -50,6 +58,7 @@ class CTA extends React.Component {
         opacity: '0.3'
       };
     }
+
     if (hovered) {
       const darkenColor = convert(`color(${color} blackness(+10%))`);
       return {
@@ -57,6 +66,7 @@ class CTA extends React.Component {
         borderColor: darkenColor
       };
     }
+
     if (secondary) return {
       color,
       borderColor: color
@@ -69,6 +79,7 @@ class CTA extends React.Component {
       backgroundColor: color
     };
   }
+
   render() {
     const {
       submitValue = 'submit',
@@ -104,7 +115,9 @@ class CTA extends React.Component {
       className: style.logoutIcon
     }), submitValue) : submitValue);
   }
+
 }
+
 CTA.contextTypes = {
   skin: Provider.childContextTypes.skin
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","convert","PropTypes","classnames","NovaCompositionCoorpacademyLogout","LogoutIcon","Provider","Link","style","CTA","Component","constructor","props","state","hovered","handleMouseEnter","bind","handleMouseLeave","setState","getStyle","skin","context","disabled","light","secondary","logout","color","grey","backgroundColor","borderColor","opacity","darkenColor","render","submitValue","name","ctaName","href","target","small","onClick","className","rectangular","fullWidth","certificationButton","button","smallButton","lightButton","secondaryButton","logoutButton","rectangularButton","logoutWrapper","logoutIcon","contextTypes","childContextTypes","propTypes","children","string","bool"],"sources":["../../../src/atom/cta/index.js"],"sourcesContent":["import React from 'react';\nimport {convert} from 'css-color-function';\nimport PropTypes from 'prop-types';\nimport {get, noop} from 'lodash/fp';\nimport classnames from 'classnames';\nimport {NovaCompositionCoorpacademyLogout as LogoutIcon} from '@coorpacademy/nova-icons';\nimport Provider from '../provider';\nimport Link from '../link';\nimport style from './style.css';\n\nclass CTA extends React.Component {\n  static propTypes = {\n    submitValue: Link.propTypes.children,\n    href: Link.propTypes.href,\n    onClick: Link.propTypes.onClick,\n    target: Link.propTypes.target,\n    name: PropTypes.string,\n    disabled: PropTypes.bool,\n    light: PropTypes.bool,\n    secondary: PropTypes.bool,\n    small: PropTypes.bool,\n    className: PropTypes.string,\n    logout: PropTypes.bool,\n    rectangular: PropTypes.bool,\n    fullWidth: PropTypes.bool,\n    certificationButton: PropTypes.bool\n  };\n\n  static contextTypes = {\n    skin: Provider.childContextTypes.skin\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      hovered: false\n    };\n    this.handleMouseEnter = this.handleMouseEnter.bind(this);\n    this.handleMouseLeave = this.handleMouseLeave.bind(this);\n  }\n\n  handleMouseEnter() {\n    return this.setState({\n      hovered: true\n    });\n  }\n\n  handleMouseLeave() {\n    return this.setState({\n      hovered: false\n    });\n  }\n\n  getStyle() {\n    const {skin} = this.context;\n    const {hovered} = this.state;\n    const {disabled = false, light = false, secondary = false, logout = false} = this.props;\n    const color = get('common.primary', skin);\n    const grey = get('common.grey', skin);\n\n    if (logout) return;\n\n    if (disabled) {\n      return {\n        backgroundColor: grey,\n        borderColor: grey,\n        opacity: '0.3'\n      };\n    }\n\n    if (hovered) {\n      const darkenColor = convert(`color(${color} blackness(+10%))`);\n      return {\n        backgroundColor: darkenColor,\n        borderColor: darkenColor\n      };\n    }\n\n    if (secondary)\n      return {\n        color,\n        borderColor: color\n      };\n\n    if (light)\n      return {\n        color\n      };\n\n    return {\n      borderColor: color,\n      backgroundColor: color\n    };\n  }\n\n  render() {\n    const {\n      submitValue = 'submit',\n      name: ctaName,\n      href,\n      target,\n      disabled = false,\n      light = false,\n      small = false,\n      secondary = false,\n      onClick,\n      className,\n      logout = false,\n      rectangular = false,\n      fullWidth = false,\n      certificationButton = false\n    } = this.props;\n\n    return (\n      <Link\n        href={href}\n        onClick={disabled ? noop : onClick}\n        onMouseEnter={this.handleMouseEnter}\n        onMouseLeave={this.handleMouseLeave}\n        target={target}\n        className={classnames(\n          style.button,\n          disabled ? style.disabled : null,\n          small ? style.smallButton : null,\n          light ? style.lightButton : null,\n          secondary ? style.secondaryButton : null,\n          logout ? style.logoutButton : null,\n          rectangular ? style.rectangularButton : null,\n          fullWidth ? style.fullWidth : null,\n          certificationButton ? style.certificationButton : null,\n          className\n        )}\n        data-name={ctaName || 'cta'}\n        style={this.getStyle()}\n      >\n        {logout ? (\n          <div className={style.logoutWrapper} data-name=\"cta-logout-label\">\n            <LogoutIcon height={15} width={15} className={style.logoutIcon} />\n            {submitValue}\n          </div>\n        ) : (\n          submitValue\n        )}\n      </Link>\n    );\n  }\n}\n\nexport default CTA;\n"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAQC,OAAO,QAAO,oBAAoB;AAC1C,OAAOC,SAAS,MAAM,YAAY;AAElC,OAAOC,UAAU,MAAM,YAAY;AACnC,SAAQC,iCAAiC,IAAIC,UAAU,QAAO,0BAA0B;AACxF,OAAOC,QAAQ,MAAM,aAAa;AAClC,OAAOC,IAAI,MAAM,SAAS;AAC1B,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,GAAG,SAAST,KAAK,CAACU,SAAS,CAAC;EAsBhCC,WAAW,CAACC,KAAK,EAAE;IACjB,KAAK,CAACA,KAAK,CAAC;IACZ,IAAI,CAACC,KAAK,GAAG;MACXC,OAAO,EAAE;IACX,CAAC;IACD,IAAI,CAACC,gBAAgB,GAAG,IAAI,CAACA,gBAAgB,CAACC,IAAI,CAAC,IAAI,CAAC;IACxD,IAAI,CAACC,gBAAgB,GAAG,IAAI,CAACA,gBAAgB,CAACD,IAAI,CAAC,IAAI,CAAC;EAC1D;EAEAD,gBAAgB,GAAG;IACjB,OAAO,IAAI,CAACG,QAAQ,CAAC;MACnBJ,OAAO,EAAE;IACX,CAAC,CAAC;EACJ;EAEAG,gBAAgB,GAAG;IACjB,OAAO,IAAI,CAACC,QAAQ,CAAC;MACnBJ,OAAO,EAAE;IACX,CAAC,CAAC;EACJ;EAEAK,QAAQ,GAAG;IACT,MAAM;MAACC;IAAI,CAAC,GAAG,IAAI,CAACC,OAAO;IAC3B,MAAM;MAACP;IAAO,CAAC,GAAG,IAAI,CAACD,KAAK;IAC5B,MAAM;MAACS,QAAQ,GAAG,KAAK;MAAEC,KAAK,GAAG,KAAK;MAAEC,SAAS,GAAG,KAAK;MAAEC,MAAM,GAAG;IAAK,CAAC,GAAG,IAAI,CAACb,KAAK;IACvF,MAAMc,KAAK,GAAG,KAAI,gBAAgB,EAAEN,IAAI,CAAC;IACzC,MAAMO,IAAI,GAAG,KAAI,aAAa,EAAEP,IAAI,CAAC;IAErC,IAAIK,MAAM,EAAE;IAEZ,IAAIH,QAAQ,EAAE;MACZ,OAAO;QACLM,eAAe,EAAED,IAAI;QACrBE,WAAW,EAAEF,IAAI;QACjBG,OAAO,EAAE;MACX,CAAC;IACH;IAEA,IAAIhB,OAAO,EAAE;MACX,MAAMiB,WAAW,GAAG9B,OAAO,CAAE,SAAQyB,KAAM,mBAAkB,CAAC;MAC9D,OAAO;QACLE,eAAe,EAAEG,WAAW;QAC5BF,WAAW,EAAEE;MACf,CAAC;IACH;IAEA,IAAIP,SAAS,EACX,OAAO;MACLE,KAAK;MACLG,WAAW,EAAEH;IACf,CAAC;IAEH,IAAIH,KAAK,EACP,OAAO;MACLG;IACF,CAAC;IAEH,OAAO;MACLG,WAAW,EAAEH,KAAK;MAClBE,eAAe,EAAEF;IACnB,CAAC;EACH;EAEAM,MAAM,GAAG;IACP,MAAM;MACJC,WAAW,GAAG,QAAQ;MACtBC,IAAI,EAAEC,OAAO;MACbC,IAAI;MACJC,MAAM;MACNf,QAAQ,GAAG,KAAK;MAChBC,KAAK,GAAG,KAAK;MACbe,KAAK,GAAG,KAAK;MACbd,SAAS,GAAG,KAAK;MACjBe,OAAO;MACPC,SAAS;MACTf,MAAM,GAAG,KAAK;MACdgB,WAAW,GAAG,KAAK;MACnBC,SAAS,GAAG,KAAK;MACjBC,mBAAmB,GAAG;IACxB,CAAC,GAAG,IAAI,CAAC/B,KAAK;IAEd,oBACE,oBAAC,IAAI;MACH,IAAI,EAAEwB,IAAK;MACX,OAAO,EAAEd,QAAQ,WAAUiB,OAAQ;MACnC,YAAY,EAAE,IAAI,CAACxB,gBAAiB;MACpC,YAAY,EAAE,IAAI,CAACE,gBAAiB;MACpC,MAAM,EAAEoB,MAAO;MACf,SAAS,EAAElC,UAAU,CACnBK,KAAK,CAACoC,MAAM,EACZtB,QAAQ,GAAGd,KAAK,CAACc,QAAQ,GAAG,IAAI,EAChCgB,KAAK,GAAG9B,KAAK,CAACqC,WAAW,GAAG,IAAI,EAChCtB,KAAK,GAAGf,KAAK,CAACsC,WAAW,GAAG,IAAI,EAChCtB,SAAS,GAAGhB,KAAK,CAACuC,eAAe,GAAG,IAAI,EACxCtB,MAAM,GAAGjB,KAAK,CAACwC,YAAY,GAAG,IAAI,EAClCP,WAAW,GAAGjC,KAAK,CAACyC,iBAAiB,GAAG,IAAI,EAC5CP,SAAS,GAAGlC,KAAK,CAACkC,SAAS,GAAG,IAAI,EAClCC,mBAAmB,GAAGnC,KAAK,CAACmC,mBAAmB,GAAG,IAAI,EACtDH,SAAS,CACT;MACF,aAAWL,OAAO,IAAI,KAAM;MAC5B,KAAK,EAAE,IAAI,CAAChB,QAAQ;IAAG,GAEtBM,MAAM,gBACL;MAAK,SAAS,EAAEjB,KAAK,CAAC0C,aAAc;MAAC,aAAU;IAAkB,gBAC/D,oBAAC,UAAU;MAAC,MAAM,EAAE,EAAG;MAAC,KAAK,EAAE,EAAG;MAAC,SAAS,EAAE1C,KAAK,CAAC2C;IAAW,EAAG,EACjElB,WAAW,CACR,GAENA,WACD,CACI;EAEX;AACF;AAxIMxB,GAAG,CAkBA2C,YAAY,GAAG;EACpBhC,IAAI,EAAEd,QAAQ,CAAC+C,iBAAiB,CAACjC;AACnC,CAAC;AApBGX,GAAG,CACA6C,SAAS,2CAAG;EACjBrB,WAAW,EAAE1B,IAAI,CAAC+C,SAAS,CAACC,QAAQ;EACpCnB,IAAI,EAAE7B,IAAI,CAAC+C,SAAS,CAAClB,IAAI;EACzBG,OAAO,EAAEhC,IAAI,CAAC+C,SAAS,CAACf,OAAO;EAC/BF,MAAM,EAAE9B,IAAI,CAAC+C,SAAS,CAACjB,MAAM;EAC7BH,IAAI,EAAEhC,SAAS,CAACsD,MAAM;EACtBlC,QAAQ,EAAEpB,SAAS,CAACuD,IAAI;EACxBlC,KAAK,EAAErB,SAAS,CAACuD,IAAI;EACrBjC,SAAS,EAAEtB,SAAS,CAACuD,IAAI;EACzBnB,KAAK,EAAEpC,SAAS,CAACuD,IAAI;EACrBjB,SAAS,EAAEtC,SAAS,CAACsD,MAAM;EAC3B/B,MAAM,EAAEvB,SAAS,CAACuD,IAAI;EACtBhB,WAAW,EAAEvC,SAAS,CAACuD,IAAI;EAC3Bf,SAAS,EAAExC,SAAS,CAACuD,IAAI;EACzBd,mBAAmB,EAAEzC,SAAS,CAACuD;AACjC,CAAC;AA0HH,eAAehD,GAAG"}
+{"version":3,"file":"index.js","names":["React","convert","PropTypes","classnames","NovaCompositionCoorpacademyLogout","LogoutIcon","Provider","Link","style","CTA","Component","constructor","props","state","hovered","handleMouseEnter","bind","handleMouseLeave","setState","getStyle","skin","context","disabled","light","secondary","logout","color","grey","backgroundColor","borderColor","opacity","darkenColor","render","submitValue","name","ctaName","href","target","small","onClick","className","rectangular","fullWidth","certificationButton","button","smallButton","lightButton","secondaryButton","logoutButton","rectangularButton","logoutWrapper","logoutIcon","contextTypes","childContextTypes","propTypes","children","string","bool"],"sources":["../../../src/atom/cta/index.js"],"sourcesContent":["import React from 'react';\nimport {convert} from 'css-color-function';\nimport PropTypes from 'prop-types';\nimport {get, noop} from 'lodash/fp';\nimport classnames from 'classnames';\nimport {NovaCompositionCoorpacademyLogout as LogoutIcon} from '@coorpacademy/nova-icons';\nimport Provider from '../provider';\nimport Link from '../link';\nimport style from './style.css';\n\nclass CTA extends React.Component {\n  static propTypes = {\n    submitValue: Link.propTypes.children,\n    href: Link.propTypes.href,\n    onClick: Link.propTypes.onClick,\n    target: Link.propTypes.target,\n    name: PropTypes.string,\n    disabled: PropTypes.bool,\n    light: PropTypes.bool,\n    secondary: PropTypes.bool,\n    small: PropTypes.bool,\n    className: PropTypes.string,\n    logout: PropTypes.bool,\n    rectangular: PropTypes.bool,\n    fullWidth: PropTypes.bool,\n    certificationButton: PropTypes.bool\n  };\n\n  static contextTypes = {\n    skin: Provider.childContextTypes.skin\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      hovered: false\n    };\n    this.handleMouseEnter = this.handleMouseEnter.bind(this);\n    this.handleMouseLeave = this.handleMouseLeave.bind(this);\n  }\n\n  handleMouseEnter() {\n    return this.setState({\n      hovered: true\n    });\n  }\n\n  handleMouseLeave() {\n    return this.setState({\n      hovered: false\n    });\n  }\n\n  getStyle() {\n    const {skin} = this.context;\n    const {hovered} = this.state;\n    const {disabled = false, light = false, secondary = false, logout = false} = this.props;\n    const color = get('common.primary', skin);\n    const grey = get('common.grey', skin);\n\n    if (logout) return;\n\n    if (disabled) {\n      return {\n        backgroundColor: grey,\n        borderColor: grey,\n        opacity: '0.3'\n      };\n    }\n\n    if (hovered) {\n      const darkenColor = convert(`color(${color} blackness(+10%))`);\n      return {\n        backgroundColor: darkenColor,\n        borderColor: darkenColor\n      };\n    }\n\n    if (secondary)\n      return {\n        color,\n        borderColor: color\n      };\n\n    if (light)\n      return {\n        color\n      };\n\n    return {\n      borderColor: color,\n      backgroundColor: color\n    };\n  }\n\n  render() {\n    const {\n      submitValue = 'submit',\n      name: ctaName,\n      href,\n      target,\n      disabled = false,\n      light = false,\n      small = false,\n      secondary = false,\n      onClick,\n      className,\n      logout = false,\n      rectangular = false,\n      fullWidth = false,\n      certificationButton = false\n    } = this.props;\n\n    return (\n      <Link\n        href={href}\n        onClick={disabled ? noop : onClick}\n        onMouseEnter={this.handleMouseEnter}\n        onMouseLeave={this.handleMouseLeave}\n        target={target}\n        className={classnames(\n          style.button,\n          disabled ? style.disabled : null,\n          small ? style.smallButton : null,\n          light ? style.lightButton : null,\n          secondary ? style.secondaryButton : null,\n          logout ? style.logoutButton : null,\n          rectangular ? style.rectangularButton : null,\n          fullWidth ? style.fullWidth : null,\n          certificationButton ? style.certificationButton : null,\n          className\n        )}\n        data-name={ctaName || 'cta'}\n        style={this.getStyle()}\n      >\n        {logout ? (\n          <div className={style.logoutWrapper} data-name=\"cta-logout-label\">\n            <LogoutIcon height={15} width={15} className={style.logoutIcon} />\n            {submitValue}\n          </div>\n        ) : (\n          submitValue\n        )}\n      </Link>\n    );\n  }\n}\n\nexport default CTA;\n"],"mappings":"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"}