@coorpacademy/components 10.0.45-alpha.1 → 10.0.48-alpha.0

package/es/atom/difficulty-level/index.js

@@ -1,6 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
+import includes from 'lodash/fp/includes';
 import { NovaCompositionCoorpacademyLevel0, NovaCompositionCoorpacademyLevel1, NovaCompositionCoorpacademyLevel2, NovaCompositionCoorpacademyLevel3 } from '@coorpacademy/nova-icons';
 import style from './style.css';
 
@@ -45,7 +46,7 @@ const DifficultyLevel = ({
   className: style.inlineContainer
 }, /*#__PURE__*/React.createElement("div", {
   className: classnames({
-    [style.unknownContainer]: ![1, 2, 3].includes(level),
+    [style.unknownContainer]: !includes(level, [1, 2, 3]),
     [style.easyContainer]: level === 1,
     [style.normalContainer]: level === 2,
     [style.hardContainer]: level === 3

package/es/atom/difficulty-level/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/atom/difficulty-level/index.js"],"names":["React","PropTypes","classnames","NovaCompositionCoorpacademyLevel0","NovaCompositionCoorpacademyLevel1","NovaCompositionCoorpacademyLevel2","NovaCompositionCoorpacademyLevel3","style","Icon","level","icon","propTypes","oneOf","DifficultyLevel","children","inlineContainer","unknownContainer","includes","easyContainer","normalContainer","hardContainer","text","string"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SACEC,iCADF,EAEEC,iCAFF,EAGEC,iCAHF,EAIEC,iCAJF,QAKO,0BALP;AAMA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,IAAI,GAAG,CAAC;AAACC,EAAAA,KAAK,GAAG;AAAT,CAAD,KAAiB;AAC5B,UAAQA,KAAR;AACE,SAAK,CAAL;AACE,0BAAO,oBAAC,iCAAD;AAAmC,QAAA,SAAS,EAAEF,KAAK,CAACG,IAApD;AAA0D,QAAA,KAAK,EAAC;AAAhE,QAAP;;AACF,SAAK,CAAL;AACE,0BAAO,oBAAC,iCAAD;AAAmC,QAAA,SAAS,EAAEH,KAAK,CAACG,IAApD;AAA0D,QAAA,KAAK,EAAC;AAAhE,QAAP;;AACF,SAAK,CAAL;AACE,0BAAO,oBAAC,iCAAD;AAAmC,QAAA,SAAS,EAAEH,KAAK,CAACG,IAApD;AAA0D,QAAA,KAAK,EAAC;AAAhE,QAAP;;AACF;AACE,0BAAO,oBAAC,iCAAD;AAAmC,QAAA,SAAS,EAAEH,KAAK,CAACG,IAApD;AAA0D,QAAA,KAAK,EAAC;AAAhE,QAAP;AARJ;AAUD,CAXD;;AAaAF,IAAI,CAACG,SAAL,2CAAiB;AACfF,EAAAA,KAAK,EAAER,SAAS,CAACW,KAAV,CAAgB,CAAC,CAAD,EAAI,CAAJ,EAAO,CAAP,CAAhB;AADQ,CAAjB;;AAIA,MAAMC,eAAe,GAAG,CAAC;AAACJ,EAAAA,KAAD;AAAQK,EAAAA;AAAR,CAAD,kBACtB;AAAK,EAAA,SAAS,EAAEP,KAAK,CAACQ;AAAtB,gBACE;AACE,EAAA,SAAS,EAAEb,UAAU,CAAC;AACpB,KAACK,KAAK,CAACS,gBAAP,GAA0B,CAAC,CAAC,CAAD,EAAI,CAAJ,EAAO,CAAP,EAAUC,QAAV,CAAmBR,KAAnB,CADP;AAEpB,KAACF,KAAK,CAACW,aAAP,GAAuBT,KAAK,KAAK,CAFb;AAGpB,KAACF,KAAK,CAACY,eAAP,GAAyBV,KAAK,KAAK,CAHf;AAIpB,KAACF,KAAK,CAACa,aAAP,GAAuBX,KAAK,KAAK;AAJb,GAAD;AADvB,gBAQE,oBAAC,IAAD;AAAM,EAAA,KAAK,EAAEA;AAAb,EARF,eASE;AAAM,EAAA,SAAS,EAAEF,KAAK,CAACc;AAAvB,GAA8BP,QAA9B,CATF,CADF,CADF;;AAgBAD,eAAe,CAACF,SAAhB,2CAA4B;AAC1BF,EAAAA,KAAK,EAAED,IAAI,CAACG,SAAL,CAAeF,KADI;AAE1BK,EAAAA,QAAQ,EAAEb,SAAS,CAACqB;AAFM,CAA5B;AAKA,eAAeT,eAAf","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {\n  NovaCompositionCoorpacademyLevel0,\n  NovaCompositionCoorpacademyLevel1,\n  NovaCompositionCoorpacademyLevel2,\n  NovaCompositionCoorpacademyLevel3\n} from '@coorpacademy/nova-icons';\nimport style from './style.css';\n\nconst Icon = ({level = 0}) => {\n  switch (level) {\n    case 1:\n      return <NovaCompositionCoorpacademyLevel1 className={style.icon} color=\"#fff\" />;\n    case 2:\n      return <NovaCompositionCoorpacademyLevel2 className={style.icon} color=\"#fff\" />;\n    case 3:\n      return <NovaCompositionCoorpacademyLevel3 className={style.icon} color=\"#fff\" />;\n    default:\n      return <NovaCompositionCoorpacademyLevel0 className={style.icon} color=\"#fff\" />;\n  }\n};\n\nIcon.propTypes = {\n  level: PropTypes.oneOf([1, 2, 3])\n};\n\nconst DifficultyLevel = ({level, children}) => (\n  <div className={style.inlineContainer}>\n    <div\n      className={classnames({\n        [style.unknownContainer]: ![1, 2, 3].includes(level),\n        [style.easyContainer]: level === 1,\n        [style.normalContainer]: level === 2,\n        [style.hardContainer]: level === 3\n      })}\n    >\n      <Icon level={level} />\n      <span className={style.text}>{children}</span>\n    </div>\n  </div>\n);\n\nDifficultyLevel.propTypes = {\n  level: Icon.propTypes.level,\n  children: PropTypes.string\n};\n\nexport default DifficultyLevel;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/atom/difficulty-level/index.js"],"names":["React","PropTypes","classnames","includes","NovaCompositionCoorpacademyLevel0","NovaCompositionCoorpacademyLevel1","NovaCompositionCoorpacademyLevel2","NovaCompositionCoorpacademyLevel3","style","Icon","level","icon","propTypes","oneOf","DifficultyLevel","children","inlineContainer","unknownContainer","easyContainer","normalContainer","hardContainer","text","string"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,OAAOC,QAAP,MAAqB,oBAArB;AACA,SACEC,iCADF,EAEEC,iCAFF,EAGEC,iCAHF,EAIEC,iCAJF,QAKO,0BALP;AAMA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,IAAI,GAAG,CAAC;AAACC,EAAAA,KAAK,GAAG;AAAT,CAAD,KAAiB;AAC5B,UAAQA,KAAR;AACE,SAAK,CAAL;AACE,0BAAO,oBAAC,iCAAD;AAAmC,QAAA,SAAS,EAAEF,KAAK,CAACG,IAApD;AAA0D,QAAA,KAAK,EAAC;AAAhE,QAAP;;AACF,SAAK,CAAL;AACE,0BAAO,oBAAC,iCAAD;AAAmC,QAAA,SAAS,EAAEH,KAAK,CAACG,IAApD;AAA0D,QAAA,KAAK,EAAC;AAAhE,QAAP;;AACF,SAAK,CAAL;AACE,0BAAO,oBAAC,iCAAD;AAAmC,QAAA,SAAS,EAAEH,KAAK,CAACG,IAApD;AAA0D,QAAA,KAAK,EAAC;AAAhE,QAAP;;AACF;AACE,0BAAO,oBAAC,iCAAD;AAAmC,QAAA,SAAS,EAAEH,KAAK,CAACG,IAApD;AAA0D,QAAA,KAAK,EAAC;AAAhE,QAAP;AARJ;AAUD,CAXD;;AAaAF,IAAI,CAACG,SAAL,2CAAiB;AACfF,EAAAA,KAAK,EAAET,SAAS,CAACY,KAAV,CAAgB,CAAC,CAAD,EAAI,CAAJ,EAAO,CAAP,CAAhB;AADQ,CAAjB;;AAIA,MAAMC,eAAe,GAAG,CAAC;AAACJ,EAAAA,KAAD;AAAQK,EAAAA;AAAR,CAAD,kBACtB;AAAK,EAAA,SAAS,EAAEP,KAAK,CAACQ;AAAtB,gBACE;AACE,EAAA,SAAS,EAAEd,UAAU,CAAC;AACpB,KAACM,KAAK,CAACS,gBAAP,GAA0B,CAACd,QAAQ,CAACO,KAAD,EAAQ,CAAC,CAAD,EAAI,CAAJ,EAAO,CAAP,CAAR,CADf;AAEpB,KAACF,KAAK,CAACU,aAAP,GAAuBR,KAAK,KAAK,CAFb;AAGpB,KAACF,KAAK,CAACW,eAAP,GAAyBT,KAAK,KAAK,CAHf;AAIpB,KAACF,KAAK,CAACY,aAAP,GAAuBV,KAAK,KAAK;AAJb,GAAD;AADvB,gBAQE,oBAAC,IAAD;AAAM,EAAA,KAAK,EAAEA;AAAb,EARF,eASE;AAAM,EAAA,SAAS,EAAEF,KAAK,CAACa;AAAvB,GAA8BN,QAA9B,CATF,CADF,CADF;;AAgBAD,eAAe,CAACF,SAAhB,2CAA4B;AAC1BF,EAAAA,KAAK,EAAED,IAAI,CAACG,SAAL,CAAeF,KADI;AAE1BK,EAAAA,QAAQ,EAAEd,SAAS,CAACqB;AAFM,CAA5B;AAKA,eAAeR,eAAf","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport includes from 'lodash/fp/includes';\nimport {\n  NovaCompositionCoorpacademyLevel0,\n  NovaCompositionCoorpacademyLevel1,\n  NovaCompositionCoorpacademyLevel2,\n  NovaCompositionCoorpacademyLevel3\n} from '@coorpacademy/nova-icons';\nimport style from './style.css';\n\nconst Icon = ({level = 0}) => {\n  switch (level) {\n    case 1:\n      return <NovaCompositionCoorpacademyLevel1 className={style.icon} color=\"#fff\" />;\n    case 2:\n      return <NovaCompositionCoorpacademyLevel2 className={style.icon} color=\"#fff\" />;\n    case 3:\n      return <NovaCompositionCoorpacademyLevel3 className={style.icon} color=\"#fff\" />;\n    default:\n      return <NovaCompositionCoorpacademyLevel0 className={style.icon} color=\"#fff\" />;\n  }\n};\n\nIcon.propTypes = {\n  level: PropTypes.oneOf([1, 2, 3])\n};\n\nconst DifficultyLevel = ({level, children}) => (\n  <div className={style.inlineContainer}>\n    <div\n      className={classnames({\n        [style.unknownContainer]: !includes(level, [1, 2, 3]),\n        [style.easyContainer]: level === 1,\n        [style.normalContainer]: level === 2,\n        [style.hardContainer]: level === 3\n      })}\n    >\n      <Icon level={level} />\n      <span className={style.text}>{children}</span>\n    </div>\n  </div>\n);\n\nDifficultyLevel.propTypes = {\n  level: Icon.propTypes.level,\n  children: PropTypes.string\n};\n\nexport default DifficultyLevel;\n"],"file":"index.js"}

package/es/atom/input-checkbox/index.js

@@ -20,6 +20,7 @@ const InputCheckbox = props => {
     required,
     titleStyle = 'primary',
     modified = false,
+    theme = 'default',
     title: propsTitle
   } = props;
   const titleStyleClassName = titleStylesClassNames[titleStyle];
@@ -28,7 +29,7 @@ const InputCheckbox = props => {
 
   const title = `${propsTitle}${required ? '*' : ''}`;
   const handleChange = useMemo(() => e => onChange(e.target.checked), [onChange]);
-  const className = getClassState(style.default, style.modified, style.error, modified, error);
+  const className = getClassState(theme === 'coorpmanager' ? style.coorpManager : style.default, style.modified, style.error, modified, error);
   return /*#__PURE__*/React.createElement("div", {
     className: className
   }, /*#__PURE__*/React.createElement("input", {
@@ -56,6 +57,7 @@ InputCheckbox.propTypes = process.env.NODE_ENV !== "production" ? {
   error: PropTypes.bool,
   onChange: PropTypes.func,
   modified: PropTypes.bool,
+  theme: PropTypes.oneOf(['coorpmanager', 'default']),
   titleStyle: PropTypes.oneOf(['primary', 'secondary', 'tertiary'])
 } : {};
 export default InputCheckbox;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/atom/input-checkbox/index.js"],"names":["React","useMemo","NovaSolidStatusValidate","CheckIcon","PropTypes","getClassState","style","titleStylesClassNames","primary","secondary","tertiary","InputCheckbox","props","checked","onChange","error","disabled","required","titleStyle","modified","title","propsTitle","titleStyleClassName","idCheckbox","handleChange","e","target","className","default","checkbox","icon","propTypes","string","isRequired","bool","func","oneOf"],"mappings":";;AAAA,OAAOA,KAAP,IAAeC,OAAf,QAA6B,OAA7B;AACA,SAAQC,uBAAuB,IAAIC,SAAnC,QAAmD,0BAAnD;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,aAAP,MAA0B,4BAA1B;AACA,OAAOC,KAAP,MAAkB,aAAlB;AAEA,MAAMC,qBAAqB,GAAG;AAC5BC,EAAAA,OAAO,EAAEF,KAAK,CAACE,OADa;AAE5BC,EAAAA,SAAS,EAAEH,KAAK,CAACG,SAFW;AAG5BC,EAAAA,QAAQ,EAAEJ,KAAK,CAACI;AAHY,CAA9B;;AAMA,MAAMC,aAAa,GAAGC,KAAK,IAAI;AAC7B,QAAM;AACJC,IAAAA,OADI;AAEJC,IAAAA,QAAQ,QAFJ;AAGJC,IAAAA,KAHI;AAIJC,IAAAA,QAJI;AAKJC,IAAAA,QALI;AAMJC,IAAAA,UAAU,GAAG,SANT;AAOJC,IAAAA,QAAQ,GAAG,KAPP;AAQJC,IAAAA,KAAK,EAAEC;AARH,MASFT,KATJ;AAWA,QAAMU,mBAAmB,GAAGf,qBAAqB,CAACW,UAAD,CAAjD;;AACA,QAAMK,UAAU,GAAG,UAAS,iBAAT,CAAnB;;AACA,QAAMH,KAAK,GAAI,GAAEC,UAAW,GAAEJ,QAAQ,GAAG,GAAH,GAAS,EAAG,EAAlD;AACA,QAAMO,YAAY,GAAGvB,OAAO,CAAC,MAAMwB,CAAC,IAAIX,QAAQ,CAACW,CAAC,CAACC,MAAF,CAASb,OAAV,CAApB,EAAwC,CAACC,QAAD,CAAxC,CAA5B;AACA,QAAMa,SAAS,GAAGtB,aAAa,CAACC,KAAK,CAACsB,OAAP,EAAgBtB,KAAK,CAACa,QAAtB,EAAgCb,KAAK,CAACS,KAAtC,EAA6CI,QAA7C,EAAuDJ,KAAvD,CAA/B;AAEA,sBACE;AAAK,IAAA,SAAS,EAAEY;AAAhB,kBACE;AACE,IAAA,IAAI,EAAC,UADP;AAEE,IAAA,SAAS,EAAErB,KAAK,CAACuB,QAFnB;AAGE,IAAA,IAAI,EAAET,KAHR;AAIE,IAAA,EAAE,EAAEG,UAJN;AAKE,IAAA,OAAO,EAAEV,OALX;AAME,IAAA,QAAQ,EAAEW,YANZ;AAOE,IAAA,QAAQ,EAAER;AAPZ,IADF,eAUE;AAAO,IAAA,OAAO,EAAEO;AAAhB,kBACE,oBAAC,SAAD;AAAW,IAAA,SAAS,EAAEjB,KAAK,CAACwB;AAA5B,IADF,CAVF,eAaE;AAAM,IAAA,SAAS,EAAER;AAAjB,KAAuCF,KAAvC,CAbF,CADF;AAiBD,CAnCD;;AAqCAT,aAAa,CAACoB,SAAd,2CAA0B;AACxBX,EAAAA,KAAK,EAAEhB,SAAS,CAAC4B,MAAV,CAAiBC,UADA;AAExBjB,EAAAA,QAAQ,EAAEZ,SAAS,CAAC8B,IAFI;AAGxBjB,EAAAA,QAAQ,EAAEb,SAAS,CAAC8B,IAHI;AAIxBrB,EAAAA,OAAO,EAAET,SAAS,CAAC8B,IAJK;AAKxBnB,EAAAA,KAAK,EAAEX,SAAS,CAAC8B,IALO;AAMxBpB,EAAAA,QAAQ,EAAEV,SAAS,CAAC+B,IANI;AAOxBhB,EAAAA,QAAQ,EAAEf,SAAS,CAAC8B,IAPI;AAQxBhB,EAAAA,UAAU,EAAEd,SAAS,CAACgC,KAAV,CAAgB,CAAC,SAAD,EAAY,WAAZ,EAAyB,UAAzB,CAAhB;AARY,CAA1B;AAWA,eAAezB,aAAf","sourcesContent":["import React, {useMemo} from 'react';\nimport {NovaSolidStatusValidate as CheckIcon} from '@coorpacademy/nova-icons';\nimport PropTypes from 'prop-types';\nimport {noop, uniqueId} from 'lodash/fp';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst titleStylesClassNames = {\n  primary: style.primary,\n  secondary: style.secondary,\n  tertiary: style.tertiary\n};\n\nconst InputCheckbox = props => {\n  const {\n    checked,\n    onChange = noop,\n    error,\n    disabled,\n    required,\n    titleStyle = 'primary',\n    modified = false,\n    title: propsTitle\n  } = props;\n\n  const titleStyleClassName = titleStylesClassNames[titleStyle];\n  const idCheckbox = uniqueId('input-checkbox-');\n  const title = `${propsTitle}${required ? '*' : ''}`;\n  const handleChange = useMemo(() => e => onChange(e.target.checked), [onChange]);\n  const className = getClassState(style.default, style.modified, style.error, modified, error);\n\n  return (\n    <div className={className}>\n      <input\n        type=\"checkbox\"\n        className={style.checkbox}\n        name={title}\n        id={idCheckbox}\n        checked={checked}\n        onChange={handleChange}\n        disabled={disabled}\n      />\n      <label htmlFor={idCheckbox}>\n        <CheckIcon className={style.icon} />\n      </label>\n      <span className={titleStyleClassName}>{title}</span>\n    </div>\n  );\n};\n\nInputCheckbox.propTypes = {\n  title: PropTypes.string.isRequired,\n  disabled: PropTypes.bool,\n  required: PropTypes.bool,\n  checked: PropTypes.bool,\n  error: PropTypes.bool,\n  onChange: PropTypes.func,\n  modified: PropTypes.bool,\n  titleStyle: PropTypes.oneOf(['primary', 'secondary', 'tertiary'])\n};\n\nexport default InputCheckbox;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/atom/input-checkbox/index.js"],"names":["React","useMemo","NovaSolidStatusValidate","CheckIcon","PropTypes","getClassState","style","titleStylesClassNames","primary","secondary","tertiary","InputCheckbox","props","checked","onChange","error","disabled","required","titleStyle","modified","theme","title","propsTitle","titleStyleClassName","idCheckbox","handleChange","e","target","className","coorpManager","default","checkbox","icon","propTypes","string","isRequired","bool","func","oneOf"],"mappings":";;AAAA,OAAOA,KAAP,IAAeC,OAAf,QAA6B,OAA7B;AACA,SAAQC,uBAAuB,IAAIC,SAAnC,QAAmD,0BAAnD;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,aAAP,MAA0B,4BAA1B;AACA,OAAOC,KAAP,MAAkB,aAAlB;AAEA,MAAMC,qBAAqB,GAAG;AAC5BC,EAAAA,OAAO,EAAEF,KAAK,CAACE,OADa;AAE5BC,EAAAA,SAAS,EAAEH,KAAK,CAACG,SAFW;AAG5BC,EAAAA,QAAQ,EAAEJ,KAAK,CAACI;AAHY,CAA9B;;AAMA,MAAMC,aAAa,GAAGC,KAAK,IAAI;AAC7B,QAAM;AACJC,IAAAA,OADI;AAEJC,IAAAA,QAAQ,QAFJ;AAGJC,IAAAA,KAHI;AAIJC,IAAAA,QAJI;AAKJC,IAAAA,QALI;AAMJC,IAAAA,UAAU,GAAG,SANT;AAOJC,IAAAA,QAAQ,GAAG,KAPP;AAQJC,IAAAA,KAAK,GAAG,SARJ;AASJC,IAAAA,KAAK,EAAEC;AATH,MAUFV,KAVJ;AAYA,QAAMW,mBAAmB,GAAGhB,qBAAqB,CAACW,UAAD,CAAjD;;AACA,QAAMM,UAAU,GAAG,UAAS,iBAAT,CAAnB;;AACA,QAAMH,KAAK,GAAI,GAAEC,UAAW,GAAEL,QAAQ,GAAG,GAAH,GAAS,EAAG,EAAlD;AACA,QAAMQ,YAAY,GAAGxB,OAAO,CAAC,MAAMyB,CAAC,IAAIZ,QAAQ,CAACY,CAAC,CAACC,MAAF,CAASd,OAAV,CAApB,EAAwC,CAACC,QAAD,CAAxC,CAA5B;AACA,QAAMc,SAAS,GAAGvB,aAAa,CAACe,KAAK,KAAK,cAAV,GAA2Bd,KAAK,CAACuB,YAAjC,GAAgDvB,KAAK,CAACwB,OAAvD,EAAgExB,KAAK,CAACa,QAAtE,EAAgFb,KAAK,CAACS,KAAtF,EAA6FI,QAA7F,EAAuGJ,KAAvG,CAA/B;AAEA,sBACE;AAAK,IAAA,SAAS,EAAEa;AAAhB,kBACE;AACE,IAAA,IAAI,EAAC,UADP;AAEE,IAAA,SAAS,EAAEtB,KAAK,CAACyB,QAFnB;AAGE,IAAA,IAAI,EAAEV,KAHR;AAIE,IAAA,EAAE,EAAEG,UAJN;AAKE,IAAA,OAAO,EAAEX,OALX;AAME,IAAA,QAAQ,EAAEY,YANZ;AAOE,IAAA,QAAQ,EAAET;AAPZ,IADF,eAUE;AAAO,IAAA,OAAO,EAAEQ;AAAhB,kBACE,oBAAC,SAAD;AAAW,IAAA,SAAS,EAAElB,KAAK,CAAC0B;AAA5B,IADF,CAVF,eAaE;AAAM,IAAA,SAAS,EAAET;AAAjB,KAAuCF,KAAvC,CAbF,CADF;AAiBD,CApCD;;AAsCAV,aAAa,CAACsB,SAAd,2CAA0B;AACxBZ,EAAAA,KAAK,EAAEjB,SAAS,CAAC8B,MAAV,CAAiBC,UADA;AAExBnB,EAAAA,QAAQ,EAAEZ,SAAS,CAACgC,IAFI;AAGxBnB,EAAAA,QAAQ,EAAEb,SAAS,CAACgC,IAHI;AAIxBvB,EAAAA,OAAO,EAAET,SAAS,CAACgC,IAJK;AAKxBrB,EAAAA,KAAK,EAAEX,SAAS,CAACgC,IALO;AAMxBtB,EAAAA,QAAQ,EAAEV,SAAS,CAACiC,IANI;AAOxBlB,EAAAA,QAAQ,EAAEf,SAAS,CAACgC,IAPI;AAQxBhB,EAAAA,KAAK,EAAEhB,SAAS,CAACkC,KAAV,CAAgB,CAAC,cAAD,EAAiB,SAAjB,CAAhB,CARiB;AASxBpB,EAAAA,UAAU,EAAEd,SAAS,CAACkC,KAAV,CAAgB,CAAC,SAAD,EAAY,WAAZ,EAAyB,UAAzB,CAAhB;AATY,CAA1B;AAYA,eAAe3B,aAAf","sourcesContent":["import React, {useMemo} from 'react';\nimport {NovaSolidStatusValidate as CheckIcon} from '@coorpacademy/nova-icons';\nimport PropTypes from 'prop-types';\nimport {noop, uniqueId} from 'lodash/fp';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst titleStylesClassNames = {\n  primary: style.primary,\n  secondary: style.secondary,\n  tertiary: style.tertiary\n};\n\nconst InputCheckbox = props => {\n  const {\n    checked,\n    onChange = noop,\n    error,\n    disabled,\n    required,\n    titleStyle = 'primary',\n    modified = false,\n    theme = 'default',\n    title: propsTitle\n  } = props;\n\n  const titleStyleClassName = titleStylesClassNames[titleStyle];\n  const idCheckbox = uniqueId('input-checkbox-');\n  const title = `${propsTitle}${required ? '*' : ''}`;\n  const handleChange = useMemo(() => e => onChange(e.target.checked), [onChange]);\n  const className = getClassState(theme === 'coorpmanager' ? style.coorpManager : style.default, style.modified, style.error, modified, error);\n\n  return (\n    <div className={className}>\n      <input\n        type=\"checkbox\"\n        className={style.checkbox}\n        name={title}\n        id={idCheckbox}\n        checked={checked}\n        onChange={handleChange}\n        disabled={disabled}\n      />\n      <label htmlFor={idCheckbox}>\n        <CheckIcon className={style.icon} />\n      </label>\n      <span className={titleStyleClassName}>{title}</span>\n    </div>\n  );\n};\n\nInputCheckbox.propTypes = {\n  title: PropTypes.string.isRequired,\n  disabled: PropTypes.bool,\n  required: PropTypes.bool,\n  checked: PropTypes.bool,\n  error: PropTypes.bool,\n  onChange: PropTypes.func,\n  modified: PropTypes.bool,\n  theme: PropTypes.oneOf(['coorpmanager', 'default']),\n  titleStyle: PropTypes.oneOf(['primary', 'secondary', 'tertiary'])\n};\n\nexport default InputCheckbox;\n"],"file":"index.js"}

package/es/atom/input-checkbox/style.css

@@ -17,6 +17,12 @@
 @value cm_primary_blue from colors;
 
 .default {
+  display: flex;
+  flex-direction: row-reverse;
+  justify-content: flex-end;
+}
+
+.coorpManager {
   display: flex;
   align-items: center;
 }
@@ -29,7 +35,8 @@
   composes: default;
 }
 
-.default input {
+.default input,
+.coorpManager input {
   display: none;
 }
 
@@ -40,7 +47,22 @@
   color: white;
 }
 
-.title {
+.default .title {
+  font-family: open sans;
+  font-size: 15px;
+  text-transform: none;
+  color: dark;
+  width: 180px;
+}
+
+.default .tertiary,
+.default .primary,
+.default .secondary {
+  color: dark;
+  background-color: unset;
+}
+
+.coorpManager .title {
   font-family: Gilroy;
   font-size: 15px;
   text-transform: none;
@@ -67,7 +89,8 @@
   background-color: cm_blue_50;
 }
 
-.default label {
+.default label,
+.coorpManager label {
   border: solid 1px cm_grey_200;
   background-color: cm_grey_100;
   display: flex;

package/es/molecule/brand-card/index.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { NovaSolidLocksLock11 as LockIcon } from '@coorpacademy/nova-icons';
+import { NovaSolidLoginLocked as LockIcon } from '@coorpacademy/nova-icons';
 import Link from '../../atom/link';
 import Picture from '../../atom/picture';
 import Description from './description';

package/es/molecule/brand-card/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/molecule/brand-card/index.js"],"names":["React","PropTypes","NovaSolidLocksLock11","LockIcon","Link","Picture","Description","style","BrandCard","props","title","edit","editHref","onEditClick","see","seeHref","image","description","maintenance","maintenanceView","lockWrapper","lockIcon","wrapper","picture","descriptionWrapper","information","propTypes","string","isRequired","func","bool"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAAQC,oBAAoB,IAAIC,QAAhC,QAA+C,0BAA/C;AACA,OAAOC,IAAP,MAAiB,iBAAjB;AACA,OAAOC,OAAP,MAAoB,oBAApB;AACA,OAAOC,WAAP,MAAwB,eAAxB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,SAAS,GAAGC,KAAK,IAAI;AACzB,QAAM;AACJC,IAAAA,KADI;AAEJC,IAAAA,IAFI;AAGJC,IAAAA,QAHI;AAIJC,IAAAA,WAJI;AAKJC,IAAAA,GALI;AAMJC,IAAAA,OANI;AAOJC,IAAAA,KAPI;AAQJC,IAAAA,WARI;AASJC,IAAAA,WAAW,GAAG;AATV,MAUFT,KAVJ;AAWA,QAAMU,eAAe,GAAGD,WAAW,gBACjC;AAAK,IAAA,SAAS,EAAEX,KAAK,CAACa;AAAtB,kBACE,oBAAC,QAAD;AAAU,IAAA,SAAS,EAAEb,KAAK,CAACc,QAA3B;AAAqC,IAAA,MAAM,EAAE;AAA7C,IADF,CADiC,GAI/B,IAJJ;AAKA,sBACE;AAAK,IAAA,SAAS,EAAEd,KAAK,CAACe;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAEf,KAAK,CAACS;AAAtB,kBACE,oBAAC,OAAD;AAAS,IAAA,SAAS,EAAET,KAAK,CAACgB,OAA1B;AAAmC,IAAA,GAAG,EAAEP;AAAxC,IADF,EAEGG,eAFH,eAGE,oBAAC,WAAD;AAAa,IAAA,WAAW,EAAEF,WAA1B;AAAuC,IAAA,SAAS,EAAEV,KAAK,CAACiB;AAAxD,IAHF,CADF,eAME;AAAK,IAAA,SAAS,EAAEjB,KAAK,CAACkB,WAAtB;AAAmC,iBAAY,QAAOf,KAAM;AAA5D,kBACE,gCAAKA,KAAL,CADF,eAEE;AAAK,IAAA,SAAS,EAAEH,KAAK,CAACI;AAAtB,kBACE,oBAAC,IAAD;AAAM,IAAA,IAAI,EAAEC,QAAZ;AAAsB,IAAA,OAAO,EAAEC,WAA/B;AAA4C,iBAAY,QAAOH,KAAM;AAArE,KACGC,IADH,CADF,CAFF,eAOE;AAAK,IAAA,SAAS,EAAEJ,KAAK,CAACO,GAAtB;AAA2B,iBAAY,OAAMJ,KAAM;AAAnD,kBACE,oBAAC,IAAD;AAAM,IAAA,MAAM,EAAC,QAAb;AAAsB,IAAA,IAAI,EAAEK;AAA5B,KACGD,GADH,CADF,CAPF,CANF,CADF;AAsBD,CAvCD;;AAyCAN,SAAS,CAACkB,SAAV,2CAAsB;AACpBhB,EAAAA,KAAK,EAAET,SAAS,CAAC0B,MAAV,CAAiBC,UADJ;AAEpBX,EAAAA,WAAW,EAAEhB,SAAS,CAAC0B,MAFH;AAGpBhB,EAAAA,IAAI,EAAEV,SAAS,CAAC0B,MAAV,CAAiBC,UAHH;AAIpBhB,EAAAA,QAAQ,EAAEX,SAAS,CAAC0B,MAJA;AAKpBd,EAAAA,WAAW,EAAEZ,SAAS,CAAC4B,IALH;AAMpBf,EAAAA,GAAG,EAAEb,SAAS,CAAC0B,MAAV,CAAiBC,UANF;AAOpBb,EAAAA,OAAO,EAAEd,SAAS,CAAC0B,MAPC;AAQpBX,EAAAA,KAAK,EAAEf,SAAS,CAAC0B,MAAV,CAAiBC,UARJ;AASpBV,EAAAA,WAAW,EAAEjB,SAAS,CAAC6B;AATH,CAAtB;AAWA,eAAetB,SAAf","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {NovaSolidLocksLock11 as LockIcon} from '@coorpacademy/nova-icons';\nimport Link from '../../atom/link';\nimport Picture from '../../atom/picture';\nimport Description from './description';\nimport style from './style.css';\n\nconst BrandCard = props => {\n  const {\n    title,\n    edit,\n    editHref,\n    onEditClick,\n    see,\n    seeHref,\n    image,\n    description,\n    maintenance = false\n  } = props;\n  const maintenanceView = maintenance ? (\n    <div className={style.lockWrapper}>\n      <LockIcon className={style.lockIcon} height={80} />\n    </div>\n  ) : null;\n  return (\n    <div className={style.wrapper}>\n      <div className={style.image}>\n        <Picture className={style.picture} src={image} />\n        {maintenanceView}\n        <Description description={description} className={style.descriptionWrapper} />\n      </div>\n      <div className={style.information} data-name={`info-${title}`}>\n        <h3>{title}</h3>\n        <div className={style.edit}>\n          <Link href={editHref} onClick={onEditClick} data-name={`edit-${title}`}>\n            {edit}\n          </Link>\n        </div>\n        <div className={style.see} data-name={`see-${title}`}>\n          <Link target=\"_blank\" href={seeHref}>\n            {see}\n          </Link>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nBrandCard.propTypes = {\n  title: PropTypes.string.isRequired,\n  description: PropTypes.string,\n  edit: PropTypes.string.isRequired,\n  editHref: PropTypes.string,\n  onEditClick: PropTypes.func,\n  see: PropTypes.string.isRequired,\n  seeHref: PropTypes.string,\n  image: PropTypes.string.isRequired,\n  maintenance: PropTypes.bool\n};\nexport default BrandCard;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/molecule/brand-card/index.js"],"names":["React","PropTypes","NovaSolidLoginLocked","LockIcon","Link","Picture","Description","style","BrandCard","props","title","edit","editHref","onEditClick","see","seeHref","image","description","maintenance","maintenanceView","lockWrapper","lockIcon","wrapper","picture","descriptionWrapper","information","propTypes","string","isRequired","func","bool"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAAQC,oBAAoB,IAAIC,QAAhC,QAA+C,0BAA/C;AACA,OAAOC,IAAP,MAAiB,iBAAjB;AACA,OAAOC,OAAP,MAAoB,oBAApB;AACA,OAAOC,WAAP,MAAwB,eAAxB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,SAAS,GAAGC,KAAK,IAAI;AACzB,QAAM;AACJC,IAAAA,KADI;AAEJC,IAAAA,IAFI;AAGJC,IAAAA,QAHI;AAIJC,IAAAA,WAJI;AAKJC,IAAAA,GALI;AAMJC,IAAAA,OANI;AAOJC,IAAAA,KAPI;AAQJC,IAAAA,WARI;AASJC,IAAAA,WAAW,GAAG;AATV,MAUFT,KAVJ;AAWA,QAAMU,eAAe,GAAGD,WAAW,gBACjC;AAAK,IAAA,SAAS,EAAEX,KAAK,CAACa;AAAtB,kBACE,oBAAC,QAAD;AAAU,IAAA,SAAS,EAAEb,KAAK,CAACc,QAA3B;AAAqC,IAAA,MAAM,EAAE;AAA7C,IADF,CADiC,GAI/B,IAJJ;AAKA,sBACE;AAAK,IAAA,SAAS,EAAEd,KAAK,CAACe;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAEf,KAAK,CAACS;AAAtB,kBACE,oBAAC,OAAD;AAAS,IAAA,SAAS,EAAET,KAAK,CAACgB,OAA1B;AAAmC,IAAA,GAAG,EAAEP;AAAxC,IADF,EAEGG,eAFH,eAGE,oBAAC,WAAD;AAAa,IAAA,WAAW,EAAEF,WAA1B;AAAuC,IAAA,SAAS,EAAEV,KAAK,CAACiB;AAAxD,IAHF,CADF,eAME;AAAK,IAAA,SAAS,EAAEjB,KAAK,CAACkB,WAAtB;AAAmC,iBAAY,QAAOf,KAAM;AAA5D,kBACE,gCAAKA,KAAL,CADF,eAEE;AAAK,IAAA,SAAS,EAAEH,KAAK,CAACI;AAAtB,kBACE,oBAAC,IAAD;AAAM,IAAA,IAAI,EAAEC,QAAZ;AAAsB,IAAA,OAAO,EAAEC,WAA/B;AAA4C,iBAAY,QAAOH,KAAM;AAArE,KACGC,IADH,CADF,CAFF,eAOE;AAAK,IAAA,SAAS,EAAEJ,KAAK,CAACO,GAAtB;AAA2B,iBAAY,OAAMJ,KAAM;AAAnD,kBACE,oBAAC,IAAD;AAAM,IAAA,MAAM,EAAC,QAAb;AAAsB,IAAA,IAAI,EAAEK;AAA5B,KACGD,GADH,CADF,CAPF,CANF,CADF;AAsBD,CAvCD;;AAyCAN,SAAS,CAACkB,SAAV,2CAAsB;AACpBhB,EAAAA,KAAK,EAAET,SAAS,CAAC0B,MAAV,CAAiBC,UADJ;AAEpBX,EAAAA,WAAW,EAAEhB,SAAS,CAAC0B,MAFH;AAGpBhB,EAAAA,IAAI,EAAEV,SAAS,CAAC0B,MAAV,CAAiBC,UAHH;AAIpBhB,EAAAA,QAAQ,EAAEX,SAAS,CAAC0B,MAJA;AAKpBd,EAAAA,WAAW,EAAEZ,SAAS,CAAC4B,IALH;AAMpBf,EAAAA,GAAG,EAAEb,SAAS,CAAC0B,MAAV,CAAiBC,UANF;AAOpBb,EAAAA,OAAO,EAAEd,SAAS,CAAC0B,MAPC;AAQpBX,EAAAA,KAAK,EAAEf,SAAS,CAAC0B,MAAV,CAAiBC,UARJ;AASpBV,EAAAA,WAAW,EAAEjB,SAAS,CAAC6B;AATH,CAAtB;AAWA,eAAetB,SAAf","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {NovaSolidLoginLocked as LockIcon} from '@coorpacademy/nova-icons';\nimport Link from '../../atom/link';\nimport Picture from '../../atom/picture';\nimport Description from './description';\nimport style from './style.css';\n\nconst BrandCard = props => {\n  const {\n    title,\n    edit,\n    editHref,\n    onEditClick,\n    see,\n    seeHref,\n    image,\n    description,\n    maintenance = false\n  } = props;\n  const maintenanceView = maintenance ? (\n    <div className={style.lockWrapper}>\n      <LockIcon className={style.lockIcon} height={80} />\n    </div>\n  ) : null;\n  return (\n    <div className={style.wrapper}>\n      <div className={style.image}>\n        <Picture className={style.picture} src={image} />\n        {maintenanceView}\n        <Description description={description} className={style.descriptionWrapper} />\n      </div>\n      <div className={style.information} data-name={`info-${title}`}>\n        <h3>{title}</h3>\n        <div className={style.edit}>\n          <Link href={editHref} onClick={onEditClick} data-name={`edit-${title}`}>\n            {edit}\n          </Link>\n        </div>\n        <div className={style.see} data-name={`see-${title}`}>\n          <Link target=\"_blank\" href={seeHref}>\n            {see}\n          </Link>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nBrandCard.propTypes = {\n  title: PropTypes.string.isRequired,\n  description: PropTypes.string,\n  edit: PropTypes.string.isRequired,\n  editHref: PropTypes.string,\n  onEditClick: PropTypes.func,\n  see: PropTypes.string.isRequired,\n  seeHref: PropTypes.string,\n  image: PropTypes.string.isRequired,\n  maintenance: PropTypes.bool\n};\nexport default BrandCard;\n"],"file":"index.js"}

package/es/molecule/card/index.js

@@ -8,7 +8,7 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 import React, { useMemo, memo } from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
-import { NovaSolidLocksLock11 as LockIcon, NovaCompositionCoorpacademyPictures as PicturesIcon } from '@coorpacademy/nova-icons';
+import { NovaSolidLoginLocked as LockIcon, NovaCompositionCoorpacademyPictures as PicturesIcon } from '@coorpacademy/nova-icons';
 import { isExternalContent, EXTERNAL_CONTENT_ICONS } from '../../util/external-content';
 import Provider from '../../atom/provider';
 import CardContentInfo, { MODES } from '../card-content';

package/es/molecule/card/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/molecule/card/index.js"],"names":["React","useMemo","memo","PropTypes","classnames","NovaSolidLocksLock11","LockIcon","NovaCompositionCoorpacademyPictures","PicturesIcon","isExternalContent","EXTERNAL_CONTENT_ICONS","Provider","CardContentInfo","MODES","Customer","Favorite","Notification","style","CardBackground","type","image","empty","skin","externalContent","primaryColor","whiteColor","IconType","icon","iconColor","color","backgroundIcon","externalIconCircleWrapper","externalIcon","_backgroundIcon","externalIconCircleWithImageWrapper","backgroundColor","externalIconWithImage","imageWrapper","backgroundImage","externalContentHeader","externalBackground","emptyIcon","chapterImageWrapper","contextTypes","childContextTypes","propTypes","string","bool","Card","props","context","badge","adaptiv","disabled","title","author","customer","certifiedAuthor","progress","favorite","addFavoriteToolTip","removeFavoriteToolTip","onClick","onFavoriteClick","notification","cardStyle","chapter","course","lazy","grid","handleClick","e","lock","lockIcon","inlineBadgeStyle","getType","contentType","chapterCustomer","CARD","lockWrapper","shape","number","func"],"mappings":"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","sourcesContent":["import React, {useMemo, memo} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {get, isEmpty, isUndefined, pick} from 'lodash/fp';\nimport {\n  NovaSolidLocksLock11 as LockIcon,\n  NovaCompositionCoorpacademyPictures as PicturesIcon\n} from '@coorpacademy/nova-icons';\nimport {isExternalContent, EXTERNAL_CONTENT_ICONS} from '../../util/external-content';\nimport Provider from '../../atom/provider';\nimport CardContentInfo, {MODES} from '../card-content';\nimport Customer from './customer';\nimport Favorite from './favorite';\nimport Notification from './notification';\nimport style from './style.css';\n\nconst CardBackground = ({type, image, empty}, {skin}) => {\n  const externalContent = isExternalContent(type);\n  const primaryColor = get('common.primary', skin);\n  const whiteColor = get('common.white', skin);\n\n  if (externalContent && EXTERNAL_CONTENT_ICONS[type]) {\n    const IconType = EXTERNAL_CONTENT_ICONS[type].icon;\n    const iconColor = EXTERNAL_CONTENT_ICONS[type].color;\n    const backgroundIcon = (\n      <div className={style.externalIconCircleWrapper}>\n        <IconType className={style.externalIcon} />\n      </div>\n    );\n\n    if (image) {\n      const _backgroundIcon = (\n        <div\n          className={classnames(\n            style.externalIconCircleWrapper,\n            style.externalIconCircleWithImageWrapper\n          )}\n          style={{\n            backgroundColor: iconColor\n          }}\n        >\n          <IconType className={style.externalIconWithImage} />\n        </div>\n      );\n\n      return (\n        <div className={style.imageWrapper}>\n          <div\n            data-name=\"cover\"\n            style={{\n              backgroundColor: iconColor,\n              backgroundImage: `url('${image}')`\n            }}\n            className={classnames(style.externalContentHeader, style.externalBackground)}\n          >\n            {_backgroundIcon}\n          </div>\n        </div>\n      );\n    }\n    return (\n      <div className={style.imageWrapper}>\n        <div\n          data-name=\"cover\"\n          style={{\n            backgroundColor: iconColor\n          }}\n          className={style.externalContentHeader}\n        >\n          {backgroundIcon}\n        </div>\n      </div>\n    );\n  }\n\n  const emptyIcon = empty ? <PicturesIcon className={style.emptyIcon} color={whiteColor} /> : null;\n  return (\n    <div\n      className={classnames(\n        style.imageWrapper,\n        type === 'chapter' ? style.chapterImageWrapper : null\n      )}\n    >\n      <div\n        data-name=\"cover\"\n        className={style.image}\n        style={{\n          backgroundColor: primaryColor,\n          backgroundImage: image ? `url('${image}')` : 'none'\n        }}\n      >\n        {emptyIcon}\n      </div>\n    </div>\n  );\n};\n\nCardBackground.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nCardBackground.propTypes = {\n  type: PropTypes.string,\n  image: PropTypes.string,\n  empty: PropTypes.bool\n};\n\nconst Card = memo(function Card(props, context) {\n  const {skin} = context;\n  const {\n    image,\n    badge,\n    adaptiv,\n    disabled = false,\n    type = 'course',\n    title,\n    author,\n    customer,\n    certifiedAuthor,\n    progress,\n    favorite,\n    addFavoriteToolTip,\n    removeFavoriteToolTip,\n    onClick,\n    onFavoriteClick,\n    notification\n  } = props;\n  const empty = isEmpty(pick(['title', 'type', 'author', 'image'], props));\n  const primaryColor = get('common.primary', skin);\n  const whiteColor = get('common.white', skin);\n  const cardStyle = classnames(\n    type === 'chapter' ? style.chapter : style.course,\n    title ? null : style.lazy,\n    style.grid,\n    empty ? style.empty : null\n  );\n  const handleClick = useMemo(() => e => !disabled && onClick(e), [onClick]);\n\n  const lock = disabled ? (\n    <LockIcon className={style.lockIcon} color={whiteColor} height={40} />\n  ) : null;\n  const inlineBadgeStyle = {color: primaryColor};\n  const getType = contentType => {\n    switch (contentType) {\n      case 'chapter':\n        return 'microlearning';\n      case 'course':\n        return 'learner';\n      default:\n        return contentType;\n    }\n  };\n  return (\n    <div\n      className={cardStyle}\n      data-name=\"card\"\n      data-lock={disabled}\n      data-type={getType(type)}\n      disabled={disabled}\n      onClick={handleClick}\n    >\n      <CardBackground type={type} image={image} empty={empty} />\n      {!isUndefined(favorite) ? (\n        <Favorite\n          className={style.favorite}\n          favorite={favorite}\n          disabled={disabled}\n          onFavoriteClick={onFavoriteClick}\n          addFavoriteToolTip={addFavoriteToolTip}\n          removeFavoriteToolTip={removeFavoriteToolTip}\n        />\n      ) : null}\n      {notification ? <Notification {...notification} /> : null}\n      {customer ? (\n        <Customer\n          {...customer}\n          className={classnames(style.customer, type === 'chapter' ? style.chapterCustomer : null)}\n        />\n      ) : null}\n      <CardContentInfo\n        mode={MODES.CARD}\n        adaptiv={adaptiv}\n        author={author}\n        certifiedAuthor={certifiedAuthor}\n        disabled={disabled}\n        empty={empty}\n        progress={progress}\n        title={title}\n        type={type}\n      />\n      {badge ? (\n        <div className={style.badge} style={inlineBadgeStyle}>\n          {badge}\n        </div>\n      ) : null}\n      {disabled ? <div className={style.lockWrapper}>{lock}</div> : null}\n    </div>\n  );\n});\n\nCard.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nCard.propTypes = {\n  badge: PropTypes.string,\n  image: PropTypes.string,\n  disabled: PropTypes.bool,\n  adaptiv: PropTypes.bool,\n  type: PropTypes.string,\n  title: PropTypes.string,\n  author: PropTypes.string,\n  certifiedAuthor: PropTypes.bool,\n  customer: PropTypes.shape(Customer.propTypes),\n  progress: PropTypes.number,\n  favorite: PropTypes.bool,\n  addFavoriteToolTip: PropTypes.string,\n  removeFavoriteToolTip: PropTypes.string,\n  onClick: PropTypes.func,\n  onFavoriteClick: PropTypes.func,\n  notification: PropTypes.shape(Notification.propTypes)\n};\nexport default Card;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/molecule/card/index.js"],"names":["React","useMemo","memo","PropTypes","classnames","NovaSolidLoginLocked","LockIcon","NovaCompositionCoorpacademyPictures","PicturesIcon","isExternalContent","EXTERNAL_CONTENT_ICONS","Provider","CardContentInfo","MODES","Customer","Favorite","Notification","style","CardBackground","type","image","empty","skin","externalContent","primaryColor","whiteColor","IconType","icon","iconColor","color","backgroundIcon","externalIconCircleWrapper","externalIcon","_backgroundIcon","externalIconCircleWithImageWrapper","backgroundColor","externalIconWithImage","imageWrapper","backgroundImage","externalContentHeader","externalBackground","emptyIcon","chapterImageWrapper","contextTypes","childContextTypes","propTypes","string","bool","Card","props","context","badge","adaptiv","disabled","title","author","customer","certifiedAuthor","progress","favorite","addFavoriteToolTip","removeFavoriteToolTip","onClick","onFavoriteClick","notification","cardStyle","chapter","course","lazy","grid","handleClick","e","lock","lockIcon","inlineBadgeStyle","getType","contentType","chapterCustomer","CARD","lockWrapper","shape","number","func"],"mappings":"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","sourcesContent":["import React, {useMemo, memo} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {get, isEmpty, isUndefined, pick} from 'lodash/fp';\nimport {\n  NovaSolidLoginLocked as LockIcon,\n  NovaCompositionCoorpacademyPictures as PicturesIcon\n} from '@coorpacademy/nova-icons';\nimport {isExternalContent, EXTERNAL_CONTENT_ICONS} from '../../util/external-content';\nimport Provider from '../../atom/provider';\nimport CardContentInfo, {MODES} from '../card-content';\nimport Customer from './customer';\nimport Favorite from './favorite';\nimport Notification from './notification';\nimport style from './style.css';\n\nconst CardBackground = ({type, image, empty}, {skin}) => {\n  const externalContent = isExternalContent(type);\n  const primaryColor = get('common.primary', skin);\n  const whiteColor = get('common.white', skin);\n\n  if (externalContent && EXTERNAL_CONTENT_ICONS[type]) {\n    const IconType = EXTERNAL_CONTENT_ICONS[type].icon;\n    const iconColor = EXTERNAL_CONTENT_ICONS[type].color;\n    const backgroundIcon = (\n      <div className={style.externalIconCircleWrapper}>\n        <IconType className={style.externalIcon} />\n      </div>\n    );\n\n    if (image) {\n      const _backgroundIcon = (\n        <div\n          className={classnames(\n            style.externalIconCircleWrapper,\n            style.externalIconCircleWithImageWrapper\n          )}\n          style={{\n            backgroundColor: iconColor\n          }}\n        >\n          <IconType className={style.externalIconWithImage} />\n        </div>\n      );\n\n      return (\n        <div className={style.imageWrapper}>\n          <div\n            data-name=\"cover\"\n            style={{\n              backgroundColor: iconColor,\n              backgroundImage: `url('${image}')`\n            }}\n            className={classnames(style.externalContentHeader, style.externalBackground)}\n          >\n            {_backgroundIcon}\n          </div>\n        </div>\n      );\n    }\n    return (\n      <div className={style.imageWrapper}>\n        <div\n          data-name=\"cover\"\n          style={{\n            backgroundColor: iconColor\n          }}\n          className={style.externalContentHeader}\n        >\n          {backgroundIcon}\n        </div>\n      </div>\n    );\n  }\n\n  const emptyIcon = empty ? <PicturesIcon className={style.emptyIcon} color={whiteColor} /> : null;\n  return (\n    <div\n      className={classnames(\n        style.imageWrapper,\n        type === 'chapter' ? style.chapterImageWrapper : null\n      )}\n    >\n      <div\n        data-name=\"cover\"\n        className={style.image}\n        style={{\n          backgroundColor: primaryColor,\n          backgroundImage: image ? `url('${image}')` : 'none'\n        }}\n      >\n        {emptyIcon}\n      </div>\n    </div>\n  );\n};\n\nCardBackground.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nCardBackground.propTypes = {\n  type: PropTypes.string,\n  image: PropTypes.string,\n  empty: PropTypes.bool\n};\n\nconst Card = memo(function Card(props, context) {\n  const {skin} = context;\n  const {\n    image,\n    badge,\n    adaptiv,\n    disabled = false,\n    type = 'course',\n    title,\n    author,\n    customer,\n    certifiedAuthor,\n    progress,\n    favorite,\n    addFavoriteToolTip,\n    removeFavoriteToolTip,\n    onClick,\n    onFavoriteClick,\n    notification\n  } = props;\n  const empty = isEmpty(pick(['title', 'type', 'author', 'image'], props));\n  const primaryColor = get('common.primary', skin);\n  const whiteColor = get('common.white', skin);\n  const cardStyle = classnames(\n    type === 'chapter' ? style.chapter : style.course,\n    title ? null : style.lazy,\n    style.grid,\n    empty ? style.empty : null\n  );\n  const handleClick = useMemo(() => e => !disabled && onClick(e), [onClick]);\n\n  const lock = disabled ? (\n    <LockIcon className={style.lockIcon} color={whiteColor} height={40} />\n  ) : null;\n  const inlineBadgeStyle = {color: primaryColor};\n  const getType = contentType => {\n    switch (contentType) {\n      case 'chapter':\n        return 'microlearning';\n      case 'course':\n        return 'learner';\n      default:\n        return contentType;\n    }\n  };\n  return (\n    <div\n      className={cardStyle}\n      data-name=\"card\"\n      data-lock={disabled}\n      data-type={getType(type)}\n      disabled={disabled}\n      onClick={handleClick}\n    >\n      <CardBackground type={type} image={image} empty={empty} />\n      {!isUndefined(favorite) ? (\n        <Favorite\n          className={style.favorite}\n          favorite={favorite}\n          disabled={disabled}\n          onFavoriteClick={onFavoriteClick}\n          addFavoriteToolTip={addFavoriteToolTip}\n          removeFavoriteToolTip={removeFavoriteToolTip}\n        />\n      ) : null}\n      {notification ? <Notification {...notification} /> : null}\n      {customer ? (\n        <Customer\n          {...customer}\n          className={classnames(style.customer, type === 'chapter' ? style.chapterCustomer : null)}\n        />\n      ) : null}\n      <CardContentInfo\n        mode={MODES.CARD}\n        adaptiv={adaptiv}\n        author={author}\n        certifiedAuthor={certifiedAuthor}\n        disabled={disabled}\n        empty={empty}\n        progress={progress}\n        title={title}\n        type={type}\n      />\n      {badge ? (\n        <div className={style.badge} style={inlineBadgeStyle}>\n          {badge}\n        </div>\n      ) : null}\n      {disabled ? <div className={style.lockWrapper}>{lock}</div> : null}\n    </div>\n  );\n});\n\nCard.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nCard.propTypes = {\n  badge: PropTypes.string,\n  image: PropTypes.string,\n  disabled: PropTypes.bool,\n  adaptiv: PropTypes.bool,\n  type: PropTypes.string,\n  title: PropTypes.string,\n  author: PropTypes.string,\n  certifiedAuthor: PropTypes.bool,\n  customer: PropTypes.shape(Customer.propTypes),\n  progress: PropTypes.number,\n  favorite: PropTypes.bool,\n  addFavoriteToolTip: PropTypes.string,\n  removeFavoriteToolTip: PropTypes.string,\n  onClick: PropTypes.func,\n  onFavoriteClick: PropTypes.func,\n  notification: PropTypes.shape(Notification.propTypes)\n};\nexport default Card;\n"],"file":"index.js"}

package/es/molecule/card/notification.js

@@ -3,7 +3,7 @@ import _get from "lodash/fp/get";
 import React from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
-import { NovaCompositionNavigationMore as MoreIcon, NovaSolidLocksLock11 as LockIcon, NovaSolidLocksLockUnlock1 as UnlockIcon, NovaCompositionCoorpacademyCheck as CheckIcon } from '@coorpacademy/nova-icons';
+import { NovaCompositionNavigationMore as MoreIcon, NovaSolidLoginLocked as LockIcon, NovaSolidLocksLockUnlock1 as UnlockIcon, NovaCompositionCoorpacademyCheck as CheckIcon } from '@coorpacademy/nova-icons';
 import style from './notification.css';
 const NOTIFICATION_ICON = {
   addFavorite: CheckIcon,

package/es/molecule/card/notification.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/molecule/card/notification.js"],"names":["React","PropTypes","classnames","NovaCompositionNavigationMore","MoreIcon","NovaSolidLocksLock11","LockIcon","NovaSolidLocksLockUnlock1","UnlockIcon","NovaCompositionCoorpacademyCheck","CheckIcon","style","NOTIFICATION_ICON","addFavorite","removeFavorite","lock","unlock","handleOverlayClick","e","stopPropagation","preventDefault","Notification","props","message","icon","IconType","showOverlay","notificationWrapper","notification","propTypes","string","isRequired","oneOf"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AAEA,SACEC,6BAA6B,IAAIC,QADnC,EAEEC,oBAAoB,IAAIC,QAF1B,EAGEC,yBAAyB,IAAIC,UAH/B,EAIEC,gCAAgC,IAAIC,SAJtC,QAKO,0BALP;AAMA,OAAOC,KAAP,MAAkB,oBAAlB;AAEA,MAAMC,iBAAiB,GAAG;AACxBC,EAAAA,WAAW,EAAEH,SADW;AAExBI,EAAAA,cAAc,EAAEV,QAFQ;AAGxBW,EAAAA,IAAI,EAAET,QAHkB;AAIxBU,EAAAA,MAAM,EAAER;AAJgB,CAA1B;;AAOA,MAAMS,kBAAkB,GAAGC,CAAC,IAAI;AAC9BA,EAAAA,CAAC,CAACC,eAAF;AACAD,EAAAA,CAAC,CAACE,cAAF;AACA,SAAO,KAAP;AACD,CAJD;;AAMA,MAAMC,YAAY,GAAGC,KAAK,IAAI;AAC5B,QAAM;AAACC,IAAAA,OAAD;AAAUC,IAAAA;AAAV,MAAkBF,KAAxB;;AAEA,QAAMG,QAAQ,GAAG,KAAID,IAAJ,EAAUZ,iBAAV,CAAjB;;AACA,sBACE;AACE,iBAAU,cADZ;AAEE,iBAAWY,IAFb;AAGE,IAAA,OAAO,EAAEP,kBAHX;AAIE,IAAA,SAAS,EAAEf,UAAU,CAACS,KAAK,CAACe,WAAP,EAAoBf,KAAK,CAACgB,mBAA1B;AAJvB,kBAME;AAAK,IAAA,SAAS,EAAEhB,KAAK,CAACiB;AAAtB,kBACE,oBAAC,QAAD;AAAU,IAAA,SAAS,EAAEjB,KAAK,CAACa,IAA3B;AAAiC,IAAA,KAAK,EAAE,IAAxC;AAA8C,IAAA,MAAM,EAAE;AAAtD,IADF,eAEE;AAAK,IAAA,SAAS,EAAEb,KAAK,CAACY;AAAtB,kBACE,kCAAOA,OAAP,CADF,CAFF,CANF,CADF;AAeD,CAnBD;;AAoBAF,YAAY,CAACQ,SAAb,2CAAyB;AACvBN,EAAAA,OAAO,EAAEtB,SAAS,CAAC6B,MAAV,CAAiBC,UADH;AAEvBP,EAAAA,IAAI,EAAEvB,SAAS,CAAC+B,KAAV,CAAgB,MAAKpB,iBAAL,CAAhB,EAAyCmB;AAFxB,CAAzB;AAKA,eAAeV,YAAf","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {get, keys} from 'lodash/fp';\nimport {\n  NovaCompositionNavigationMore as MoreIcon,\n  NovaSolidLocksLock11 as LockIcon,\n  NovaSolidLocksLockUnlock1 as UnlockIcon,\n  NovaCompositionCoorpacademyCheck as CheckIcon\n} from '@coorpacademy/nova-icons';\nimport style from './notification.css';\n\nconst NOTIFICATION_ICON = {\n  addFavorite: CheckIcon,\n  removeFavorite: MoreIcon,\n  lock: LockIcon,\n  unlock: UnlockIcon\n};\n\nconst handleOverlayClick = e => {\n  e.stopPropagation();\n  e.preventDefault();\n  return false;\n};\n\nconst Notification = props => {\n  const {message, icon} = props;\n\n  const IconType = get(icon, NOTIFICATION_ICON);\n  return (\n    <div\n      data-name=\"notification\"\n      data-type={icon}\n      onClick={handleOverlayClick}\n      className={classnames(style.showOverlay, style.notificationWrapper)}\n    >\n      <div className={style.notification}>\n        <IconType className={style.icon} color={null} stroke={null} />\n        <div className={style.message}>\n          <span>{message}</span>\n        </div>\n      </div>\n    </div>\n  );\n};\nNotification.propTypes = {\n  message: PropTypes.string.isRequired,\n  icon: PropTypes.oneOf(keys(NOTIFICATION_ICON)).isRequired\n};\n\nexport default Notification;\n"],"file":"notification.js"}
+{"version":3,"sources":["../../../src/molecule/card/notification.js"],"names":["React","PropTypes","classnames","NovaCompositionNavigationMore","MoreIcon","NovaSolidLoginLocked","LockIcon","NovaSolidLocksLockUnlock1","UnlockIcon","NovaCompositionCoorpacademyCheck","CheckIcon","style","NOTIFICATION_ICON","addFavorite","removeFavorite","lock","unlock","handleOverlayClick","e","stopPropagation","preventDefault","Notification","props","message","icon","IconType","showOverlay","notificationWrapper","notification","propTypes","string","isRequired","oneOf"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AAEA,SACEC,6BAA6B,IAAIC,QADnC,EAEEC,oBAAoB,IAAIC,QAF1B,EAGEC,yBAAyB,IAAIC,UAH/B,EAIEC,gCAAgC,IAAIC,SAJtC,QAKO,0BALP;AAMA,OAAOC,KAAP,MAAkB,oBAAlB;AAEA,MAAMC,iBAAiB,GAAG;AACxBC,EAAAA,WAAW,EAAEH,SADW;AAExBI,EAAAA,cAAc,EAAEV,QAFQ;AAGxBW,EAAAA,IAAI,EAAET,QAHkB;AAIxBU,EAAAA,MAAM,EAAER;AAJgB,CAA1B;;AAOA,MAAMS,kBAAkB,GAAGC,CAAC,IAAI;AAC9BA,EAAAA,CAAC,CAACC,eAAF;AACAD,EAAAA,CAAC,CAACE,cAAF;AACA,SAAO,KAAP;AACD,CAJD;;AAMA,MAAMC,YAAY,GAAGC,KAAK,IAAI;AAC5B,QAAM;AAACC,IAAAA,OAAD;AAAUC,IAAAA;AAAV,MAAkBF,KAAxB;;AAEA,QAAMG,QAAQ,GAAG,KAAID,IAAJ,EAAUZ,iBAAV,CAAjB;;AACA,sBACE;AACE,iBAAU,cADZ;AAEE,iBAAWY,IAFb;AAGE,IAAA,OAAO,EAAEP,kBAHX;AAIE,IAAA,SAAS,EAAEf,UAAU,CAACS,KAAK,CAACe,WAAP,EAAoBf,KAAK,CAACgB,mBAA1B;AAJvB,kBAME;AAAK,IAAA,SAAS,EAAEhB,KAAK,CAACiB;AAAtB,kBACE,oBAAC,QAAD;AAAU,IAAA,SAAS,EAAEjB,KAAK,CAACa,IAA3B;AAAiC,IAAA,KAAK,EAAE,IAAxC;AAA8C,IAAA,MAAM,EAAE;AAAtD,IADF,eAEE;AAAK,IAAA,SAAS,EAAEb,KAAK,CAACY;AAAtB,kBACE,kCAAOA,OAAP,CADF,CAFF,CANF,CADF;AAeD,CAnBD;;AAoBAF,YAAY,CAACQ,SAAb,2CAAyB;AACvBN,EAAAA,OAAO,EAAEtB,SAAS,CAAC6B,MAAV,CAAiBC,UADH;AAEvBP,EAAAA,IAAI,EAAEvB,SAAS,CAAC+B,KAAV,CAAgB,MAAKpB,iBAAL,CAAhB,EAAyCmB;AAFxB,CAAzB;AAKA,eAAeV,YAAf","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {get, keys} from 'lodash/fp';\nimport {\n  NovaCompositionNavigationMore as MoreIcon,\n  NovaSolidLoginLocked as LockIcon,\n  NovaSolidLocksLockUnlock1 as UnlockIcon,\n  NovaCompositionCoorpacademyCheck as CheckIcon\n} from '@coorpacademy/nova-icons';\nimport style from './notification.css';\n\nconst NOTIFICATION_ICON = {\n  addFavorite: CheckIcon,\n  removeFavorite: MoreIcon,\n  lock: LockIcon,\n  unlock: UnlockIcon\n};\n\nconst handleOverlayClick = e => {\n  e.stopPropagation();\n  e.preventDefault();\n  return false;\n};\n\nconst Notification = props => {\n  const {message, icon} = props;\n\n  const IconType = get(icon, NOTIFICATION_ICON);\n  return (\n    <div\n      data-name=\"notification\"\n      data-type={icon}\n      onClick={handleOverlayClick}\n      className={classnames(style.showOverlay, style.notificationWrapper)}\n    >\n      <div className={style.notification}>\n        <IconType className={style.icon} color={null} stroke={null} />\n        <div className={style.message}>\n          <span>{message}</span>\n        </div>\n      </div>\n    </div>\n  );\n};\nNotification.propTypes = {\n  message: PropTypes.string.isRequired,\n  icon: PropTypes.oneOf(keys(NOTIFICATION_ICON)).isRequired\n};\n\nexport default Notification;\n"],"file":"notification.js"}

package/es/molecule/drag-and-drop/index.js

@@ -82,7 +82,7 @@ export const DragAndDrop = (props, context) => {
       });
     };
 
-    const disableFileInput = ['success'].includes(state);
+    const disableFileInput = state === 'success';
     return /*#__PURE__*/React.createElement("div", _extends({}, getRootProps(), {
       className: style.wrapper
     }), /*#__PURE__*/React.createElement("input", _extends({}, getInputProps(), {

package/es/molecule/drag-and-drop/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/molecule/drag-and-drop/index.js"],"names":["React","useCallback","PropTypes","getOr","includes","Dropzone","NovaCompositionNavigationArrowLeft","ArrowLeft","Provider","InputText","Overlay","UploadReport","PlaceHolder","style","DragAndDrop","props","context","skin","primaryColor","state","title","message","warningMessage","mode","dragAndDropMessage","buttonTitle","backLabel","orLabel","accept","type","contentType","fields","onDrop","onDelete","onBack","handleBack","e","stopPropagation","preventDefault","loading","back","arrow","getRootProps","getInputProps","isDragActive","getView","disableFileInput","wrapper","contextTypes","childContextTypes","propTypes","oneOf","isRequired","string","func","arrayOf","shape","actions","label","onClick"],"mappings":"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","sourcesContent":["import React, {useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport getOr from 'lodash/fp/getOr';\nimport includes from 'lodash/fp/includes';\nimport Dropzone from 'react-dropzone';\nimport {NovaCompositionNavigationArrowLeft as ArrowLeft} from '@coorpacademy/nova-icons';\nimport Provider from '../../atom/provider';\nimport InputText from '../../atom/input-text';\nimport {Overlay} from './overlay';\nimport {UploadReport} from './upload-report';\nimport {PlaceHolder} from './placeholder';\nimport style from './style.css';\n\nexport const DragAndDrop = (props, context) => {\n  const {skin} = context;\n  const primaryColor = getOr('#00B0FF', 'common.primary', skin);\n\n  const {\n    state,\n    title,\n    message,\n    warningMessage,\n    mode,\n    dragAndDropMessage,\n    buttonTitle,\n    backLabel,\n    orLabel,\n    accept,\n    type: contentType = 'scorm',\n    fields,\n    onDrop,\n    onDelete,\n    onBack\n  } = props;\n\n  const handleBack = useCallback(\n    e => {\n      e.stopPropagation();\n      e.preventDefault();\n      onBack && onBack(e);\n    },\n    [onBack]\n  );\n\n  const loading = state === 'loading';\n  return (\n    <div>\n      <span onClick={handleBack} className={style.back}>\n        <ArrowLeft width={12} height={12} className={style.arrow} />\n        {backLabel}\n      </span>\n      <Dropzone accept={accept} disabled={loading} onDrop={onDrop}>\n        {({getRootProps, getInputProps, isDragActive}) => {\n          const getView = () => {\n            if (contentType !== 'scorm' || includes(state, ['success', 'error', 'ready'])) {\n              return (\n                <UploadReport\n                  state={state}\n                  message={message}\n                  warningMessage={warningMessage}\n                  fields={fields}\n                  type={contentType}\n                  onDelete={onDelete}\n                  mode={mode}\n                  orLabel={orLabel}\n                  onClick={onDrop}\n                  buttonTitle={buttonTitle}\n                  primaryColor={primaryColor}\n                />\n              );\n            }\n            return (\n              <PlaceHolder\n                title={title}\n                buttonTitle={buttonTitle}\n                uploadLabel={message}\n                primaryColor={primaryColor}\n                onClick={onDrop}\n              />\n            );\n          };\n\n          const disableFileInput = ['success'].includes(state);\n\n          return (\n            <div {...getRootProps()} className={style.wrapper}>\n              <input {...getInputProps()} disabled={disableFileInput} />\n              {getView()}\n              {isDragActive || loading ? (\n                <Overlay\n                  iconColor={primaryColor}\n                  description={dragAndDropMessage}\n                  isLoading={loading}\n                />\n              ) : null}\n            </div>\n          );\n        }}\n      </Dropzone>\n    </div>\n  );\n};\n\nDragAndDrop.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nDragAndDrop.propTypes = {\n  state: PropTypes.oneOf(['default', 'ready', 'loading', 'success', 'error']).isRequired,\n  mode: PropTypes.oneOf(['edit', 'upload']),\n  title: PropTypes.string,\n  type: PropTypes.string,\n  message: PropTypes.string,\n  warningMessage: PropTypes.string,\n  dragAndDropMessage: PropTypes.string,\n  buttonTitle: PropTypes.string,\n  backLabel: PropTypes.string,\n  orLabel: PropTypes.string,\n  onBack: PropTypes.func,\n  accept: PropTypes.string,\n  fields: PropTypes.arrayOf(\n    PropTypes.shape({\n      ...InputText.propTypes,\n      type: PropTypes.oneOf(['text'])\n    })\n  ),\n  onDrop: PropTypes.func,\n  onDelete: PropTypes.func,\n  actions: PropTypes.arrayOf(\n    PropTypes.shape({\n      type: PropTypes.oneOf(['edit', 'upload', 'delete']),\n      label: PropTypes.string,\n      onClick: PropTypes.func\n    })\n  )\n};\n\nexport default DragAndDrop;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/molecule/drag-and-drop/index.js"],"names":["React","useCallback","PropTypes","getOr","includes","Dropzone","NovaCompositionNavigationArrowLeft","ArrowLeft","Provider","InputText","Overlay","UploadReport","PlaceHolder","style","DragAndDrop","props","context","skin","primaryColor","state","title","message","warningMessage","mode","dragAndDropMessage","buttonTitle","backLabel","orLabel","accept","type","contentType","fields","onDrop","onDelete","onBack","handleBack","e","stopPropagation","preventDefault","loading","back","arrow","getRootProps","getInputProps","isDragActive","getView","disableFileInput","wrapper","contextTypes","childContextTypes","propTypes","oneOf","isRequired","string","func","arrayOf","shape","actions","label","onClick"],"mappings":"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","sourcesContent":["import React, {useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport getOr from 'lodash/fp/getOr';\nimport includes from 'lodash/fp/includes';\nimport Dropzone from 'react-dropzone';\nimport {NovaCompositionNavigationArrowLeft as ArrowLeft} from '@coorpacademy/nova-icons';\nimport Provider from '../../atom/provider';\nimport InputText from '../../atom/input-text';\nimport {Overlay} from './overlay';\nimport {UploadReport} from './upload-report';\nimport {PlaceHolder} from './placeholder';\nimport style from './style.css';\n\nexport const DragAndDrop = (props, context) => {\n  const {skin} = context;\n  const primaryColor = getOr('#00B0FF', 'common.primary', skin);\n\n  const {\n    state,\n    title,\n    message,\n    warningMessage,\n    mode,\n    dragAndDropMessage,\n    buttonTitle,\n    backLabel,\n    orLabel,\n    accept,\n    type: contentType = 'scorm',\n    fields,\n    onDrop,\n    onDelete,\n    onBack\n  } = props;\n\n  const handleBack = useCallback(\n    e => {\n      e.stopPropagation();\n      e.preventDefault();\n      onBack && onBack(e);\n    },\n    [onBack]\n  );\n\n  const loading = state === 'loading';\n  return (\n    <div>\n      <span onClick={handleBack} className={style.back}>\n        <ArrowLeft width={12} height={12} className={style.arrow} />\n        {backLabel}\n      </span>\n      <Dropzone accept={accept} disabled={loading} onDrop={onDrop}>\n        {({getRootProps, getInputProps, isDragActive}) => {\n          const getView = () => {\n            if (contentType !== 'scorm' || includes(state, ['success', 'error', 'ready'])) {\n              return (\n                <UploadReport\n                  state={state}\n                  message={message}\n                  warningMessage={warningMessage}\n                  fields={fields}\n                  type={contentType}\n                  onDelete={onDelete}\n                  mode={mode}\n                  orLabel={orLabel}\n                  onClick={onDrop}\n                  buttonTitle={buttonTitle}\n                  primaryColor={primaryColor}\n                />\n              );\n            }\n            return (\n              <PlaceHolder\n                title={title}\n                buttonTitle={buttonTitle}\n                uploadLabel={message}\n                primaryColor={primaryColor}\n                onClick={onDrop}\n              />\n            );\n          };\n\n          const disableFileInput = state === 'success';\n\n          return (\n            <div {...getRootProps()} className={style.wrapper}>\n              <input {...getInputProps()} disabled={disableFileInput} />\n              {getView()}\n              {isDragActive || loading ? (\n                <Overlay\n                  iconColor={primaryColor}\n                  description={dragAndDropMessage}\n                  isLoading={loading}\n                />\n              ) : null}\n            </div>\n          );\n        }}\n      </Dropzone>\n    </div>\n  );\n};\n\nDragAndDrop.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nDragAndDrop.propTypes = {\n  state: PropTypes.oneOf(['default', 'ready', 'loading', 'success', 'error']).isRequired,\n  mode: PropTypes.oneOf(['edit', 'upload']),\n  title: PropTypes.string,\n  type: PropTypes.string,\n  message: PropTypes.string,\n  warningMessage: PropTypes.string,\n  dragAndDropMessage: PropTypes.string,\n  buttonTitle: PropTypes.string,\n  backLabel: PropTypes.string,\n  orLabel: PropTypes.string,\n  onBack: PropTypes.func,\n  accept: PropTypes.string,\n  fields: PropTypes.arrayOf(\n    PropTypes.shape({\n      ...InputText.propTypes,\n      type: PropTypes.oneOf(['text'])\n    })\n  ),\n  onDrop: PropTypes.func,\n  onDelete: PropTypes.func,\n  actions: PropTypes.arrayOf(\n    PropTypes.shape({\n      type: PropTypes.oneOf(['edit', 'upload', 'delete']),\n      label: PropTypes.string,\n      onClick: PropTypes.func\n    })\n  )\n};\n\nexport default DragAndDrop;\n"],"file":"index.js"}

package/es/molecule/drag-and-drop/upload-report.js

@@ -1,3 +1,4 @@
+import _includes from "lodash/fp/includes";
 import _isEmpty from "lodash/fp/isEmpty";
 import _getOr from "lodash/fp/getOr";
 import _head from "lodash/fp/head";
@@ -58,7 +59,7 @@ export const UploadReport = ({
     }
   })));
 
-  const showMessage = ['success', 'error'].includes(state);
+  const showMessage = _includes(state, ['success', 'error']);
 
   const fileName = _pipe(_head, _getOr('', 'value'), _split('/'), _last)(fields);
 

package/es/molecule/drag-and-drop/upload-report.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/molecule/drag-and-drop/upload-report.js"],"names":["React","useCallback","PropTypes","NovaCompositionCoorpacademyValidate","Validated","NovaLineContentEditionBin","TrashIcon","NovaCompositionCoorpacademyWarn","WarnIcon","classnames","EXTERNAL_CONTENT_ICONS","InputText","Button","style","UploadReport","state","message","warningMessage","type","contentType","fields","mode","orLabel","buttonTitle","primaryColor","onDelete","handleDelete","e","stopPropagation","preventDefault","stopPropagationHandler","SuccessMessage","emoticon","ErrorMessage","selectButton","backgroundColor","showMessage","includes","fileName","fileView","fileWrapper","validateIcon","warning","showToolTip","warningIcon","emptyFileWrapper","IconType","icon","iconColor","color","buildField","field","index","deleteView","actionIcon","trashIcon","fieldsList","convert","cap","reportingContainer","reportHeader","iconContainer","oval","iconHeader","reportContainer","or","drop","propTypes","string","isRequired","arrayOf","shape","oneOf","func"],"mappings":";;;;;;;;;;AAAA,OAAOA,KAAP,IAAeC,WAAf,QAAiC,OAAjC;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SACEC,mCAAmC,IAAIC,SADzC,EAEEC,yBAAyB,IAAIC,SAF/B,EAGEC,+BAA+B,IAAIC,QAHrC,QAIO,0BAJP;AAKA,OAAOC,UAAP,MAAuB,YAAvB;AAEA,SAAQC,sBAAR,QAAqC,6BAArC;AACA,OAAOC,SAAP,MAAsB,uBAAtB;AAEA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,OAAOC,KAAP,MAAkB,qBAAlB;AAEA,OAAO,MAAMC,YAAY,GAAG,CAAC;AAC3BC,EAAAA,KAD2B;AAE3BC,EAAAA,OAF2B;AAG3BC,EAAAA,cAH2B;AAI3BC,EAAAA,IAAI,EAAEC,WAJqB;AAK3BC,EAAAA,MAL2B;AAM3BC,EAAAA,IAAI,GAAG,QANoB;AAO3BC,EAAAA,OAP2B;AAQ3BC,EAAAA,WAR2B;AAS3BC,EAAAA,YAT2B;AAU3BC,EAAAA;AAV2B,CAAD,KAWtB;AACJ,QAAMC,YAAY,GAAGzB,WAAW,CAC9B0B,CAAC,IAAI;AACHA,IAAAA,CAAC,CAACC,eAAF;AACAD,IAAAA,CAAC,CAACE,cAAF;AACAJ,IAAAA,QAAQ,IAAIA,QAAQ,CAACE,CAAD,CAApB;AACD,GAL6B,EAM9B,CAACF,QAAD,CAN8B,CAAhC;AASA,QAAMK,sBAAsB,GAAG7B,WAAW,CAAC0B,CAAC,IAAI;AAC9CA,IAAAA,CAAC,CAACC,eAAF;AACAD,IAAAA,CAAC,CAACE,cAAF;AACD,GAHyC,EAGvC,EAHuC,CAA1C;;AAKA,QAAME,cAAc,GAAG,mBACrB,8CACE;AAAM,IAAA,SAAS,EAAElB,KAAK,CAACmB;AAAvB,oBADF,eAEE;AAAG,IAAA,SAAS,EAAEnB,KAAK,CAACG;AAApB,KAA8BA,OAA9B,CAFF,CADF;;AAMA,QAAMiB,YAAY,GAAG,mBACnB,8CACE,8CACE;AAAM,IAAA,SAAS,EAAEpB,KAAK,CAACmB;AAAvB,oBADF,eAEE;AAAG,IAAA,SAAS,EAAEnB,KAAK,CAACG;AAApB,KAA8BA,OAA9B,CAFF,CADF,eAKE,8CACE,oBAAC,MAAD;AACE,iBAAU,KADZ;AAEE,IAAA,IAAI,EAAC,MAFP;AAGE,IAAA,WAAW,EAAEO,WAHf;AAIE,IAAA,SAAS,EAAEV,KAAK,CAACqB,YAJnB;AAKE,IAAA,KAAK,EAAE;AAACC,MAAAA,eAAe,EAAEX;AAAlB;AALT,IADF,CALF,CADF;;AAiBA,QAAMY,WAAW,GAAG,CAAC,SAAD,EAAY,OAAZ,EAAqBC,QAArB,CAA8BtB,KAA9B,CAApB;;AAEA,QAAMuB,QAAQ,GAAG,aAAW,OAAM,EAAN,EAAU,OAAV,CAAX,EAA+B,OAAM,GAAN,CAA/B,SAAiDlB,MAAjD,CAAjB;;AACA,QAAMmB,QAAQ,GAAGD,QAAQ,gBACvB;AAAK,IAAA,SAAS,EAAEzB,KAAK,CAAC2B;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAE3B,KAAK,CAACyB,QAAtB;AAAgC,IAAA,KAAK,EAAEA;AAAvC,KACGA,QADH,CADF,EAIG,SAAQrB,cAAR,iBACC,oBAAC,SAAD;AAAW,IAAA,SAAS,EAAEJ,KAAK,CAAC4B;AAA5B,IADD,gBAGC;AAAK,IAAA,SAAS,EAAE5B,KAAK,CAAC6B;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAE7B,KAAK,CAAC8B;AAAtB,kBACE,kCAAO1B,cAAP,CADF,CADF,eAIE;AAAK,IAAA,SAAS,EAAEJ,KAAK,CAAC+B;AAAtB,kBACE,oBAAC,QAAD;AAAU,IAAA,KAAK,EAAE,EAAjB;AAAqB,IAAA,MAAM,EAAE;AAA7B,IADF,CAJF,CAPJ,CADuB,gBAmBvB;AAAK,IAAA,SAAS,EAAE/B,KAAK,CAACgC;AAAtB,IAnBF;AAqBA,QAAMC,QAAQ,GAAGpC,sBAAsB,CAACS,WAAD,CAAtB,CAAoC4B,IAArD;AACA,QAAMC,SAAS,GAAGtC,sBAAsB,CAACS,WAAD,CAAtB,CAAoC8B,KAAtD;;AACA,QAAMC,UAAU,GAAG,CAACC,KAAD,EAAQC,KAAR,kBAAkB,oBAAC,SAAD,eAAeD,KAAf;AAAsB,IAAA,GAAG,EAAEC,KAA3B;AAAkC,IAAA,KAAK,EAAE;AAAzC,KAArC;;AACA,QAAMC,UAAU,GAAG5B,QAAQ,gBACzB;AAAK,IAAA,OAAO,EAAEC,YAAd;AAA4B,IAAA,SAAS,EAAEjB,UAAU,CAACI,KAAK,CAACyC,UAAP,EAAmBzC,KAAK,CAAC0C,SAAzB;AAAjD,kBACE,oBAAC,SAAD;AAAW,IAAA,KAAK,EAAE,EAAlB;AAAsB,IAAA,MAAM,EAAE;AAA9B,IADF,CADyB,GAIvB,IAJJ;;AAKA,QAAMC,UAAU,GAAG,KAAIC,OAAJ,CAAY;AAACC,IAAAA,GAAG,EAAE;AAAN,GAAZ,EAA0BR,UAA1B,EAAsC9B,MAAtC,CAAnB;;AACA,sBACE;AAAK,IAAA,SAAS,EAAEP,KAAK,CAAC8C;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAE9C,KAAK,CAAC+C,YAAtB;AAAoC,IAAA,OAAO,EAAE9B;AAA7C,kBACE;AAAK,IAAA,SAAS,EAAEjB,KAAK,CAACgD,aAAtB;AAAqC,IAAA,KAAK,EAAE;AAAC1B,MAAAA,eAAe,EAAEa;AAAlB;AAA5C,kBACE;AAAK,IAAA,SAAS,EAAEnC,KAAK,CAACiD;AAAtB,kBACE,oBAAC,QAAD;AAAU,IAAA,SAAS,EAAEjD,KAAK,CAACkD,UAA3B;AAAuC,IAAA,KAAK,EAAEf;AAA9C,IADF,CADF,CADF,EAMGT,QANH,EAOGc,UAPH,CADF,eAUE;AAAK,IAAA,SAAS,EAAExC,KAAK,CAACmD,eAAtB;AAAuC,IAAA,OAAO,EAAElC;AAAhD,KACGf,KAAK,KAAK,SAAV,gBAAsB,oBAAC,cAAD,OAAtB,GAA2C,IAD9C,EAEGA,KAAK,KAAK,OAAV,gBAAoB,oBAAC,YAAD,OAApB,GAAuC,IAF1C,EAGGM,IAAI,KAAK,MAAT,IAAmB,CAACe,WAApB,gBAAkC,iCAAMoB,UAAN,CAAlC,GAA4D,IAH/D,EAIGnC,IAAI,KAAK,MAAT,IAAmB,CAACe,WAApB,gBAAkC;AAAM,IAAA,SAAS,EAAEvB,KAAK,CAACoD;AAAvB,KAA4B3C,OAA5B,CAAlC,GAAgF,IAJnF,CAVF,EAgBG,CAACc,WAAD,gBACC;AAAK,IAAA,SAAS,EAAEvB,KAAK,CAACqD;AAAtB,kBACE;AAAG,IAAA,SAAS,EAAErD,KAAK,CAACG;AAApB,KAA8BA,OAA9B,CADF,eAEE,oBAAC,MAAD;AACE,iBAAU,KADZ;AAEE,IAAA,IAAI,EAAC,MAFP;AAGE,IAAA,WAAW,EAAEO,WAHf;AAIE,IAAA,SAAS,EAAEV,KAAK,CAACqB,YAJnB;AAKE,IAAA,KAAK,EAAE;AAACC,MAAAA,eAAe,EAAEX;AAAlB;AALT,IAFF,CADD,GAWG,IA3BN,CADF;AA+BD,CAjHM;AAmHP,eAAeV,YAAf;AAEAA,YAAY,CAACqD,SAAb,2CAAyB;AACvBpD,EAAAA,KAAK,EAAEb,SAAS,CAACkE,MAAV,CAAiBC,UADD;AAEvBrD,EAAAA,OAAO,EAAEd,SAAS,CAACkE,MAAV,CAAiBC,UAFH;AAGvBpD,EAAAA,cAAc,EAAEf,SAAS,CAACkE,MAHH;AAIvB9C,EAAAA,OAAO,EAAEpB,SAAS,CAACkE,MAJI;AAKvBlD,EAAAA,IAAI,EAAEhB,SAAS,CAACkE,MALO;AAMvBhD,EAAAA,MAAM,EAAElB,SAAS,CAACoE,OAAV,CACNpE,SAAS,CAACqE,KAAV,uBACK5D,SAAS,CAACwD,SADf;AAEEjD,IAAAA,IAAI,EAAEhB,SAAS,CAACsE,KAAV,CAAgB,CAAC,MAAD,CAAhB;AAFR,KADM,CANe;AAYvBnD,EAAAA,IAAI,EAAEnB,SAAS,CAACsE,KAAV,CAAgB,CAAC,MAAD,EAAS,QAAT,CAAhB,CAZiB;AAavBjD,EAAAA,WAAW,EAAErB,SAAS,CAACkE,MAbA;AAcvB5C,EAAAA,YAAY,EAAEtB,SAAS,CAACkE,MAdD;AAevB3C,EAAAA,QAAQ,EAAEvB,SAAS,CAACuE;AAfG,CAAzB","sourcesContent":["import React, {useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  NovaCompositionCoorpacademyValidate as Validated,\n  NovaLineContentEditionBin as TrashIcon,\n  NovaCompositionCoorpacademyWarn as WarnIcon\n} from '@coorpacademy/nova-icons';\nimport classnames from 'classnames';\nimport {pipe, split, last, map, head, getOr, isEmpty} from 'lodash/fp';\nimport {EXTERNAL_CONTENT_ICONS} from '../../util/external-content';\nimport InputText from '../../atom/input-text';\n\nimport Button from '../../atom/button';\nimport style from './upload-report.css';\n\nexport const UploadReport = ({\n  state,\n  message,\n  warningMessage,\n  type: contentType,\n  fields,\n  mode = 'upload',\n  orLabel,\n  buttonTitle,\n  primaryColor,\n  onDelete\n}) => {\n  const handleDelete = useCallback(\n    e => {\n      e.stopPropagation();\n      e.preventDefault();\n      onDelete && onDelete(e);\n    },\n    [onDelete]\n  );\n\n  const stopPropagationHandler = useCallback(e => {\n    e.stopPropagation();\n    e.preventDefault();\n  }, []);\n\n  const SuccessMessage = () => (\n    <div>\n      <span className={style.emoticon}>🎉</span>\n      <p className={style.message}>{message}</p>\n    </div>\n  );\n  const ErrorMessage = () => (\n    <div>\n      <div>\n        <span className={style.emoticon}>🥺</span>\n        <p className={style.message}>{message}</p>\n      </div>\n      <div>\n        <Button\n          data-name=\"cta\"\n          type=\"link\"\n          submitValue={buttonTitle}\n          className={style.selectButton}\n          style={{backgroundColor: primaryColor}}\n        />\n      </div>\n    </div>\n  );\n  const showMessage = ['success', 'error'].includes(state);\n\n  const fileName = pipe(head, getOr('', 'value'), split('/'), last)(fields);\n  const fileView = fileName ? (\n    <div className={style.fileWrapper}>\n      <div className={style.fileName} title={fileName}>\n        {fileName}\n      </div>\n      {isEmpty(warningMessage) ? (\n        <Validated className={style.validateIcon} />\n      ) : (\n        <div className={style.warning}>\n          <div className={style.showToolTip}>\n            <span>{warningMessage}</span>\n          </div>\n          <div className={style.warningIcon}>\n            <WarnIcon width={11} height={11} />\n          </div>\n        </div>\n      )}\n    </div>\n  ) : (\n    <div className={style.emptyFileWrapper} />\n  );\n  const IconType = EXTERNAL_CONTENT_ICONS[contentType].icon;\n  const iconColor = EXTERNAL_CONTENT_ICONS[contentType].color;\n  const buildField = (field, index) => <InputText {...field} key={index} theme={'cockpit'} />;\n  const deleteView = onDelete ? (\n    <div onClick={handleDelete} className={classnames(style.actionIcon, style.trashIcon)}>\n      <TrashIcon width={20} height={20} />\n    </div>\n  ) : null;\n  const fieldsList = map.convert({cap: false})(buildField, fields);\n  return (\n    <div className={style.reportingContainer}>\n      <div className={style.reportHeader} onClick={stopPropagationHandler}>\n        <div className={style.iconContainer} style={{backgroundColor: iconColor}}>\n          <div className={style.oval}>\n            <IconType className={style.iconHeader} color={iconColor} />\n          </div>\n        </div>\n        {fileView}\n        {deleteView}\n      </div>\n      <div className={style.reportContainer} onClick={stopPropagationHandler}>\n        {state === 'success' ? <SuccessMessage /> : null}\n        {state === 'error' ? <ErrorMessage /> : null}\n        {mode === 'edit' && !showMessage ? <div>{fieldsList}</div> : null}\n        {mode === 'edit' && !showMessage ? <span className={style.or}>{orLabel}</span> : null}\n      </div>\n      {!showMessage ? (\n        <div className={style.drop}>\n          <p className={style.message}>{message}</p>\n          <Button\n            data-name=\"cta\"\n            type=\"link\"\n            submitValue={buttonTitle}\n            className={style.selectButton}\n            style={{backgroundColor: primaryColor}}\n          />\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nexport default UploadReport;\n\nUploadReport.propTypes = {\n  state: PropTypes.string.isRequired,\n  message: PropTypes.string.isRequired,\n  warningMessage: PropTypes.string,\n  orLabel: PropTypes.string,\n  type: PropTypes.string,\n  fields: PropTypes.arrayOf(\n    PropTypes.shape({\n      ...InputText.propTypes,\n      type: PropTypes.oneOf(['text'])\n    })\n  ),\n  mode: PropTypes.oneOf(['edit', 'upload']),\n  buttonTitle: PropTypes.string,\n  primaryColor: PropTypes.string,\n  onDelete: PropTypes.func\n};\n"],"file":"upload-report.js"}
+{"version":3,"sources":["../../../src/molecule/drag-and-drop/upload-report.js"],"names":["React","useCallback","PropTypes","NovaCompositionCoorpacademyValidate","Validated","NovaLineContentEditionBin","TrashIcon","NovaCompositionCoorpacademyWarn","WarnIcon","classnames","EXTERNAL_CONTENT_ICONS","InputText","Button","style","UploadReport","state","message","warningMessage","type","contentType","fields","mode","orLabel","buttonTitle","primaryColor","onDelete","handleDelete","e","stopPropagation","preventDefault","stopPropagationHandler","SuccessMessage","emoticon","ErrorMessage","selectButton","backgroundColor","showMessage","fileName","fileView","fileWrapper","validateIcon","warning","showToolTip","warningIcon","emptyFileWrapper","IconType","icon","iconColor","color","buildField","field","index","deleteView","actionIcon","trashIcon","fieldsList","convert","cap","reportingContainer","reportHeader","iconContainer","oval","iconHeader","reportContainer","or","drop","propTypes","string","isRequired","arrayOf","shape","oneOf","func"],"mappings":"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","sourcesContent":["import React, {useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  NovaCompositionCoorpacademyValidate as Validated,\n  NovaLineContentEditionBin as TrashIcon,\n  NovaCompositionCoorpacademyWarn as WarnIcon\n} from '@coorpacademy/nova-icons';\nimport classnames from 'classnames';\nimport {pipe, split, last, map, head, getOr, isEmpty, includes} from 'lodash/fp';\nimport {EXTERNAL_CONTENT_ICONS} from '../../util/external-content';\nimport InputText from '../../atom/input-text';\n\nimport Button from '../../atom/button';\nimport style from './upload-report.css';\n\nexport const UploadReport = ({\n  state,\n  message,\n  warningMessage,\n  type: contentType,\n  fields,\n  mode = 'upload',\n  orLabel,\n  buttonTitle,\n  primaryColor,\n  onDelete\n}) => {\n  const handleDelete = useCallback(\n    e => {\n      e.stopPropagation();\n      e.preventDefault();\n      onDelete && onDelete(e);\n    },\n    [onDelete]\n  );\n\n  const stopPropagationHandler = useCallback(e => {\n    e.stopPropagation();\n    e.preventDefault();\n  }, []);\n\n  const SuccessMessage = () => (\n    <div>\n      <span className={style.emoticon}>🎉</span>\n      <p className={style.message}>{message}</p>\n    </div>\n  );\n  const ErrorMessage = () => (\n    <div>\n      <div>\n        <span className={style.emoticon}>🥺</span>\n        <p className={style.message}>{message}</p>\n      </div>\n      <div>\n        <Button\n          data-name=\"cta\"\n          type=\"link\"\n          submitValue={buttonTitle}\n          className={style.selectButton}\n          style={{backgroundColor: primaryColor}}\n        />\n      </div>\n    </div>\n  );\n  const showMessage = includes(state, ['success', 'error']);\n\n  const fileName = pipe(head, getOr('', 'value'), split('/'), last)(fields);\n  const fileView = fileName ? (\n    <div className={style.fileWrapper}>\n      <div className={style.fileName} title={fileName}>\n        {fileName}\n      </div>\n      {isEmpty(warningMessage) ? (\n        <Validated className={style.validateIcon} />\n      ) : (\n        <div className={style.warning}>\n          <div className={style.showToolTip}>\n            <span>{warningMessage}</span>\n          </div>\n          <div className={style.warningIcon}>\n            <WarnIcon width={11} height={11} />\n          </div>\n        </div>\n      )}\n    </div>\n  ) : (\n    <div className={style.emptyFileWrapper} />\n  );\n  const IconType = EXTERNAL_CONTENT_ICONS[contentType].icon;\n  const iconColor = EXTERNAL_CONTENT_ICONS[contentType].color;\n  const buildField = (field, index) => <InputText {...field} key={index} theme={'cockpit'} />;\n  const deleteView = onDelete ? (\n    <div onClick={handleDelete} className={classnames(style.actionIcon, style.trashIcon)}>\n      <TrashIcon width={20} height={20} />\n    </div>\n  ) : null;\n  const fieldsList = map.convert({cap: false})(buildField, fields);\n  return (\n    <div className={style.reportingContainer}>\n      <div className={style.reportHeader} onClick={stopPropagationHandler}>\n        <div className={style.iconContainer} style={{backgroundColor: iconColor}}>\n          <div className={style.oval}>\n            <IconType className={style.iconHeader} color={iconColor} />\n          </div>\n        </div>\n        {fileView}\n        {deleteView}\n      </div>\n      <div className={style.reportContainer} onClick={stopPropagationHandler}>\n        {state === 'success' ? <SuccessMessage /> : null}\n        {state === 'error' ? <ErrorMessage /> : null}\n        {mode === 'edit' && !showMessage ? <div>{fieldsList}</div> : null}\n        {mode === 'edit' && !showMessage ? <span className={style.or}>{orLabel}</span> : null}\n      </div>\n      {!showMessage ? (\n        <div className={style.drop}>\n          <p className={style.message}>{message}</p>\n          <Button\n            data-name=\"cta\"\n            type=\"link\"\n            submitValue={buttonTitle}\n            className={style.selectButton}\n            style={{backgroundColor: primaryColor}}\n          />\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nexport default UploadReport;\n\nUploadReport.propTypes = {\n  state: PropTypes.string.isRequired,\n  message: PropTypes.string.isRequired,\n  warningMessage: PropTypes.string,\n  orLabel: PropTypes.string,\n  type: PropTypes.string,\n  fields: PropTypes.arrayOf(\n    PropTypes.shape({\n      ...InputText.propTypes,\n      type: PropTypes.oneOf(['text'])\n    })\n  ),\n  mode: PropTypes.oneOf(['edit', 'upload']),\n  buttonTitle: PropTypes.string,\n  primaryColor: PropTypes.string,\n  onDelete: PropTypes.func\n};\n"],"file":"upload-report.js"}

package/es/molecule/external-content-viewer/index.js

@@ -1,5 +1,6 @@
-import _startsWith from "lodash/fp/startsWith";
 import React from 'react';
+import startsWith from 'lodash/fp/startsWith';
+import includes from 'lodash/fp/includes';
 import PropTypes from 'prop-types';
 import style from './style.css';
 const podcastWrapperStyle = {
@@ -18,9 +19,9 @@ function ExternalContentViewer(props) {
     contentType,
     mode = 'default'
   } = props;
-  const isPdf = url.includes('.pdf');
+  const isPdf = includes('.pdf', url);
   const googleViewer = `https://docs.google.com/viewerng/viewer?embedded=true&url=${url}`;
-  return _startsWith('audio', contentType) ? /*#__PURE__*/React.createElement("div", {
+  return startsWith('audio', contentType) ? /*#__PURE__*/React.createElement("div", {
     className: podcastWrapperStyle[mode]
   }, /*#__PURE__*/React.createElement("div", {
     className: style.bgPodcast,

package/es/molecule/external-content-viewer/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/molecule/external-content-viewer/index.js"],"names":["React","PropTypes","style","podcastWrapperStyle","default","podcastWrapper","cockpit","podcastWrapperCockpit","iframeStyle","iframe","iframeCockpit","ExternalContentViewer","props","url","backgroundImageUrl","contentType","mode","isPdf","includes","googleViewer","bgPodcast","backgroundImage","podcast","propTypes","string","isRequired"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,KAAP,MAAkB,aAAlB;AAEA,MAAMC,mBAAmB,GAAG;AAC1BC,EAAAA,OAAO,EAAEF,KAAK,CAACG,cADW;AAE1BC,EAAAA,OAAO,EAAEJ,KAAK,CAACK;AAFW,CAA5B;AAKA,MAAMC,WAAW,GAAG;AAClBJ,EAAAA,OAAO,EAAEF,KAAK,CAACO,MADG;AAElBH,EAAAA,OAAO,EAAEJ,KAAK,CAACQ;AAFG,CAApB;;AAKA,SAASC,qBAAT,CAA+BC,KAA/B,EAAsC;AACpC,QAAM;AAACC,IAAAA,GAAD;AAAMC,IAAAA,kBAAN;AAA0BC,IAAAA,WAA1B;AAAuCC,IAAAA,IAAI,GAAG;AAA9C,MAA2DJ,KAAjE;AACA,QAAMK,KAAK,GAAGJ,GAAG,CAACK,QAAJ,CAAa,MAAb,CAAd;AACA,QAAMC,YAAY,GAAI,6DAA4DN,GAAI,EAAtF;AAEA,SAAO,YAAW,OAAX,EAAoBE,WAApB,iBACL;AAAK,IAAA,SAAS,EAAEZ,mBAAmB,CAACa,IAAD;AAAnC,kBACE;AACE,IAAA,SAAS,EAAEd,KAAK,CAACkB,SADnB;AAEE,IAAA,KAAK,EAAE;AAACC,MAAAA,eAAe,EAAEP,kBAAkB,IAAK,OAAMA,kBAAmB;AAAlE;AAFT,IADF,eAKE;AACE,IAAA,SAAS,EAAEZ,KAAK,CAACoB,OADnB;AAEE,IAAA,QAAQ,MAFV;AAGE,IAAA,YAAY,EAAC,YAHf;AAIE,IAAA,QAAQ,EAAC,EAJX;AAKE,IAAA,IAAI,EAAC,OALP;AAME,iBAAU,0BANZ;AAOE,IAAA,OAAO,EAAC;AAPV,kBASE;AAAQ,IAAA,GAAG,EAAET,GAAb;AAAkB,IAAA,IAAI,EAAEE;AAAxB,IATF,CALF,CADK,gBAmBL;AACE,IAAA,GAAG,EAAEE,KAAK,GAAGE,YAAH,GAAkBN,GAD9B;AAEE,IAAA,WAAW,EAAE,CAFf;AAGE,IAAA,SAAS,EAAEL,WAAW,CAACQ,IAAD,CAHxB;AAIE,IAAA,eAAe,MAJjB;AAKE,iBAAU;AALZ,IAnBF;AA2BD;;AAEDL,qBAAqB,CAACY,SAAtB,2CAAkC;AAChCV,EAAAA,GAAG,EAAEZ,SAAS,CAACuB,MAAV,CAAiBC,UADU;AAEhCX,EAAAA,kBAAkB,EAAEb,SAAS,CAACuB,MAFE;AAGhCT,EAAAA,WAAW,EAAEd,SAAS,CAACuB,MAHS;AAIhCR,EAAAA,IAAI,EAAEf,SAAS,CAACuB;AAJgB,CAAlC;AAOA,eAAeb,qBAAf","sourcesContent":["import React from 'react';\nimport {startsWith} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport style from './style.css';\n\nconst podcastWrapperStyle = {\n  default: style.podcastWrapper,\n  cockpit: style.podcastWrapperCockpit\n};\n\nconst iframeStyle = {\n  default: style.iframe,\n  cockpit: style.iframeCockpit\n};\n\nfunction ExternalContentViewer(props) {\n  const {url, backgroundImageUrl, contentType, mode = 'default'} = props;\n  const isPdf = url.includes('.pdf');\n  const googleViewer = `https://docs.google.com/viewerng/viewer?embedded=true&url=${url}`;\n\n  return startsWith('audio', contentType) ? (\n    <div className={podcastWrapperStyle[mode]}>\n      <div\n        className={style.bgPodcast}\n        style={{backgroundImage: backgroundImageUrl && `url(${backgroundImageUrl})`}}\n      />\n      <audio\n        className={style.podcast}\n        controls\n        controlsList=\"nodownload\"\n        autoPlay=\"\"\n        name=\"media\"\n        data-name=\"external-content-podcast\"\n        preload=\"auto\"\n      >\n        <source src={url} type={contentType} />\n      </audio>\n    </div>\n  ) : (\n    <iframe\n      src={isPdf ? googleViewer : url}\n      frameBorder={0}\n      className={iframeStyle[mode]}\n      allowFullScreen\n      data-name=\"external-content-iframe\"\n    />\n  );\n}\n\nExternalContentViewer.propTypes = {\n  url: PropTypes.string.isRequired,\n  backgroundImageUrl: PropTypes.string,\n  contentType: PropTypes.string,\n  mode: PropTypes.string\n};\n\nexport default ExternalContentViewer;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/molecule/external-content-viewer/index.js"],"names":["React","startsWith","includes","PropTypes","style","podcastWrapperStyle","default","podcastWrapper","cockpit","podcastWrapperCockpit","iframeStyle","iframe","iframeCockpit","ExternalContentViewer","props","url","backgroundImageUrl","contentType","mode","isPdf","googleViewer","bgPodcast","backgroundImage","podcast","propTypes","string","isRequired"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,UAAP,MAAuB,sBAAvB;AACA,OAAOC,QAAP,MAAqB,oBAArB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,KAAP,MAAkB,aAAlB;AAEA,MAAMC,mBAAmB,GAAG;AAC1BC,EAAAA,OAAO,EAAEF,KAAK,CAACG,cADW;AAE1BC,EAAAA,OAAO,EAAEJ,KAAK,CAACK;AAFW,CAA5B;AAKA,MAAMC,WAAW,GAAG;AAClBJ,EAAAA,OAAO,EAAEF,KAAK,CAACO,MADG;AAElBH,EAAAA,OAAO,EAAEJ,KAAK,CAACQ;AAFG,CAApB;;AAKA,SAASC,qBAAT,CAA+BC,KAA/B,EAAsC;AACpC,QAAM;AAACC,IAAAA,GAAD;AAAMC,IAAAA,kBAAN;AAA0BC,IAAAA,WAA1B;AAAuCC,IAAAA,IAAI,GAAG;AAA9C,MAA2DJ,KAAjE;AACA,QAAMK,KAAK,GAAGjB,QAAQ,CAAC,MAAD,EAASa,GAAT,CAAtB;AACA,QAAMK,YAAY,GAAI,6DAA4DL,GAAI,EAAtF;AAEA,SAAOd,UAAU,CAAC,OAAD,EAAUgB,WAAV,CAAV,gBACL;AAAK,IAAA,SAAS,EAAEZ,mBAAmB,CAACa,IAAD;AAAnC,kBACE;AACE,IAAA,SAAS,EAAEd,KAAK,CAACiB,SADnB;AAEE,IAAA,KAAK,EAAE;AAACC,MAAAA,eAAe,EAAEN,kBAAkB,IAAK,OAAMA,kBAAmB;AAAlE;AAFT,IADF,eAKE;AACE,IAAA,SAAS,EAAEZ,KAAK,CAACmB,OADnB;AAEE,IAAA,QAAQ,MAFV;AAGE,IAAA,YAAY,EAAC,YAHf;AAIE,IAAA,QAAQ,EAAC,EAJX;AAKE,IAAA,IAAI,EAAC,OALP;AAME,iBAAU,0BANZ;AAOE,IAAA,OAAO,EAAC;AAPV,kBASE;AAAQ,IAAA,GAAG,EAAER,GAAb;AAAkB,IAAA,IAAI,EAAEE;AAAxB,IATF,CALF,CADK,gBAmBL;AACE,IAAA,GAAG,EAAEE,KAAK,GAAGC,YAAH,GAAkBL,GAD9B;AAEE,IAAA,WAAW,EAAE,CAFf;AAGE,IAAA,SAAS,EAAEL,WAAW,CAACQ,IAAD,CAHxB;AAIE,IAAA,eAAe,MAJjB;AAKE,iBAAU;AALZ,IAnBF;AA2BD;;AAEDL,qBAAqB,CAACW,SAAtB,2CAAkC;AAChCT,EAAAA,GAAG,EAAEZ,SAAS,CAACsB,MAAV,CAAiBC,UADU;AAEhCV,EAAAA,kBAAkB,EAAEb,SAAS,CAACsB,MAFE;AAGhCR,EAAAA,WAAW,EAAEd,SAAS,CAACsB,MAHS;AAIhCP,EAAAA,IAAI,EAAEf,SAAS,CAACsB;AAJgB,CAAlC;AAOA,eAAeZ,qBAAf","sourcesContent":["import React from 'react';\nimport startsWith from 'lodash/fp/startsWith';\nimport includes from 'lodash/fp/includes';\nimport PropTypes from 'prop-types';\nimport style from './style.css';\n\nconst podcastWrapperStyle = {\n  default: style.podcastWrapper,\n  cockpit: style.podcastWrapperCockpit\n};\n\nconst iframeStyle = {\n  default: style.iframe,\n  cockpit: style.iframeCockpit\n};\n\nfunction ExternalContentViewer(props) {\n  const {url, backgroundImageUrl, contentType, mode = 'default'} = props;\n  const isPdf = includes('.pdf', url);\n  const googleViewer = `https://docs.google.com/viewerng/viewer?embedded=true&url=${url}`;\n\n  return startsWith('audio', contentType) ? (\n    <div className={podcastWrapperStyle[mode]}>\n      <div\n        className={style.bgPodcast}\n        style={{backgroundImage: backgroundImageUrl && `url(${backgroundImageUrl})`}}\n      />\n      <audio\n        className={style.podcast}\n        controls\n        controlsList=\"nodownload\"\n        autoPlay=\"\"\n        name=\"media\"\n        data-name=\"external-content-podcast\"\n        preload=\"auto\"\n      >\n        <source src={url} type={contentType} />\n      </audio>\n    </div>\n  ) : (\n    <iframe\n      src={isPdf ? googleViewer : url}\n      frameBorder={0}\n      className={iframeStyle[mode]}\n      allowFullScreen\n      data-name=\"external-content-iframe\"\n    />\n  );\n}\n\nExternalContentViewer.propTypes = {\n  url: PropTypes.string.isRequired,\n  backgroundImageUrl: PropTypes.string,\n  contentType: PropTypes.string,\n  mode: PropTypes.string\n};\n\nexport default ExternalContentViewer;\n"],"file":"index.js"}

package/es/molecule/quick-access-card/index.js

@@ -1,6 +1,7 @@
-import React, { useMemo } from 'react';
+import React from 'react';
 import PropTypes from 'prop-types';
 import { NovaSolidContentContentBookAdd as CockpitIcon, NovaSolidUsersActionsUser as ManageUserIcon, NovaSolidFilesBasicFileUpload2 as UploadUserIcon, NovaSolidEmailAtSign as ManageEmailIcon, NovaSolidDesignPaintBrush2 as LookAndFeelIcon, NovaSolidContentContentViewList as DashboardIcon, NovaSolidContentEditionFlash as MassiveBattleIcon, NovaSolidApplicationsWindowApplication5 as CmsIcon, NovaSolidBusinessBusinessGraphLine2 as AnalyticsIcon, NovaCompositionNavigationArrowRight as ActionIcon, NovaCompositionCoorpacademyOpenInNewTab as NewTabIcon } from '@coorpacademy/nova-icons';
+import Link from '../../atom/link';
 import style from './style.css';
 
 const getIcon = feature => {
@@ -83,23 +84,25 @@ const QuickAccessCard = (props, context) => {
     title,
     description,
     feature,
-    onClick,
-    _blank
+    href,
+    openInNewTab = false
   } = props;
   const {
     iconColor,
     degrees
   } = getBackgroudRadialColors(feature);
   const Icon = getIcon(feature);
-  const handleClick = useMemo(() => e => onClick(e), [onClick]);
-  const newTabOnClick = _blank ? /*#__PURE__*/React.createElement(NewTabIcon, {
+  const newTabOnClick = openInNewTab ? /*#__PURE__*/React.createElement(NewTabIcon, {
     className: style.newTabIcon
   }) : null;
   return /*#__PURE__*/React.createElement("div", {
-    "data-name": "card",
+    "data-name": "quick-access-card",
     "data-type": feature,
-    className: style.quickAccess,
-    onClick: handleClick
+    className: style.quickAccess
+  }, /*#__PURE__*/React.createElement(Link, {
+    href: href,
+    target: openInNewTab ? '_blank' : '_self',
+    className: style.link
   }, /*#__PURE__*/React.createElement("div", {
     style: {
       background: `radial-gradient(62.12% 56.45% at 0% 77.29%, 
@@ -137,14 +140,14 @@ const QuickAccessCard = (props, context) => {
     }
   }, /*#__PURE__*/React.createElement(ActionIcon, {
     className: style.iconGoto
-  })))));
+  }))))));
 };
 
 QuickAccessCard.propTypes = process.env.NODE_ENV !== "production" ? {
   title: PropTypes.string,
   description: PropTypes.string,
-  onClick: PropTypes.func,
-  _blank: PropTypes.bool,
+  href: PropTypes.string,
+  openInNewTab: PropTypes.bool,
   feature: PropTypes.oneOf(['analytics', 'cms', 'cockpit', 'massive_battle', 'manage_email', 'dashboard', 'look_and_feel', 'manage_users', 'upload_users'])
 } : {};
 export default QuickAccessCard;

package/es/molecule/quick-access-card/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/molecule/quick-access-card/index.js"],"names":["React","useMemo","PropTypes","NovaSolidContentContentBookAdd","CockpitIcon","NovaSolidUsersActionsUser","ManageUserIcon","NovaSolidFilesBasicFileUpload2","UploadUserIcon","NovaSolidEmailAtSign","ManageEmailIcon","NovaSolidDesignPaintBrush2","LookAndFeelIcon","NovaSolidContentContentViewList","DashboardIcon","NovaSolidContentEditionFlash","MassiveBattleIcon","NovaSolidApplicationsWindowApplication5","CmsIcon","NovaSolidBusinessBusinessGraphLine2","AnalyticsIcon","NovaCompositionNavigationArrowRight","ActionIcon","NovaCompositionCoorpacademyOpenInNewTab","NewTabIcon","style","getIcon","feature","getBackgroudRadialColors","iconColor","degrees","QuickAccessCard","props","context","title","description","onClick","_blank","Icon","handleClick","e","newTabOnClick","newTabIcon","quickAccess","background","content","iconFeatureWrapper","backgroundColor","iconFeature","iconGotoWrapper","hover","color","iconGoto","propTypes","string","func","bool","oneOf"],"mappings":"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","sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  NovaSolidContentContentBookAdd as CockpitIcon,\n  NovaSolidUsersActionsUser as ManageUserIcon,\n  NovaSolidFilesBasicFileUpload2 as UploadUserIcon,\n  NovaSolidEmailAtSign as ManageEmailIcon,\n  NovaSolidDesignPaintBrush2 as LookAndFeelIcon,\n  NovaSolidContentContentViewList as DashboardIcon,\n  NovaSolidContentEditionFlash as MassiveBattleIcon,\n  NovaSolidApplicationsWindowApplication5 as CmsIcon,\n  NovaSolidBusinessBusinessGraphLine2 as AnalyticsIcon,\n  NovaCompositionNavigationArrowRight as ActionIcon,\n  NovaCompositionCoorpacademyOpenInNewTab as NewTabIcon\n} from '@coorpacademy/nova-icons';\nimport style from './style.css';\n\nconst getIcon = feature => {\n  switch (feature) {\n    case 'manage_users':\n      return ManageUserIcon;\n    case 'upload_users':\n      return UploadUserIcon;\n    case 'manage_email':\n      return ManageEmailIcon;\n    case 'massive_battle':\n      return MassiveBattleIcon;\n    case 'cms':\n      return CmsIcon;\n    case 'look_and_feel':\n      return LookAndFeelIcon;\n    case 'dashboard':\n      return DashboardIcon;\n    case 'cockpit':\n      return CockpitIcon;\n    case 'analytics':\n      return AnalyticsIcon;\n    default:\n      return CockpitIcon;\n  }\n};\n\nconst getBackgroudRadialColors = feature => {\n  switch (feature) {\n    case 'manage_users':\n    case 'upload_users':\n      return {\n        iconColor: '#2EC1D6',\n        degrees: '187'\n      };\n    case 'look_and_feel':\n    case 'dashboard':\n      return {\n        iconColor: '#18BB98',\n        degrees: '167'\n      };\n    case 'cockpit':\n      return {\n        iconColor: '#FF7043',\n        degrees: '14'\n      };\n    case 'manage_email':\n    case 'massive_battle':\n    case 'cms':\n      return {\n        iconColor: '#7340FF',\n        degrees: '256'\n      };\n    case 'analytics':\n      return {\n        iconColor: '#FF4040',\n        degrees: '0'\n      };\n    default:\n      return null;\n  }\n};\n\nconst QuickAccessCard = (props, context) => {\n  const {title, description, feature, onClick, _blank} = props;\n  const {iconColor, degrees} = getBackgroudRadialColors(feature);\n  const Icon = getIcon(feature);\n  const handleClick = useMemo(() => e => onClick(e), [onClick]);\n  const newTabOnClick = _blank ? <NewTabIcon className={style.newTabIcon} /> : null;\n\n  return (\n    <div data-name=\"card\" data-type={feature} className={style.quickAccess} onClick={handleClick}>\n      <div\n        style={{\n          background: `radial-gradient(62.12% 56.45% at 0% 77.29%, \n            hsl(${degrees}deg 68% 40% / 20%) 0%, \n            hsl(${degrees}deg 68% 40% / 0%) 100%), \n          radial-gradient(113.85% 103.46% at 93.27% 7.88%,\n            hsl(${degrees}deg 67% 51% / 15%) 0%, \n            hsl(${degrees}deg 67% 51% / 0%) 100%),\n          radial-gradient(49.66% 49.63% at 78.65% 86.26%, \n            hsl(${degrees}deg 87% 91%) 0%, \n            hsl(${degrees}deg 87% 91% / 0%) 100%), \n          #FAFAFA`\n        }}\n        className={style.content}\n      >\n        <div\n          className={style.iconFeatureWrapper}\n          style={{\n            backgroundColor: iconColor\n          }}\n        >\n          <Icon className={style.iconFeature} />\n        </div>\n        <div className={style.title}>\n          {title}\n          {newTabOnClick}\n        </div>\n        <div className={style.description}>{description}</div>\n        <div\n          className={style.iconGotoWrapper}\n          style={{\n            backgroundColor: iconColor\n          }}\n        >\n          <div\n            className={style.hover}\n            style={{\n              color: iconColor\n            }}\n          >\n            <ActionIcon className={style.iconGoto} />\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nQuickAccessCard.propTypes = {\n  title: PropTypes.string,\n  description: PropTypes.string,\n  onClick: PropTypes.func,\n  _blank: PropTypes.bool,\n  feature: PropTypes.oneOf([\n    'analytics',\n    'cms',\n    'cockpit',\n    'massive_battle',\n    'manage_email',\n    'dashboard',\n    'look_and_feel',\n    'manage_users',\n    'upload_users'\n  ])\n};\n\nexport default QuickAccessCard;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/molecule/quick-access-card/index.js"],"names":["React","PropTypes","NovaSolidContentContentBookAdd","CockpitIcon","NovaSolidUsersActionsUser","ManageUserIcon","NovaSolidFilesBasicFileUpload2","UploadUserIcon","NovaSolidEmailAtSign","ManageEmailIcon","NovaSolidDesignPaintBrush2","LookAndFeelIcon","NovaSolidContentContentViewList","DashboardIcon","NovaSolidContentEditionFlash","MassiveBattleIcon","NovaSolidApplicationsWindowApplication5","CmsIcon","NovaSolidBusinessBusinessGraphLine2","AnalyticsIcon","NovaCompositionNavigationArrowRight","ActionIcon","NovaCompositionCoorpacademyOpenInNewTab","NewTabIcon","Link","style","getIcon","feature","getBackgroudRadialColors","iconColor","degrees","QuickAccessCard","props","context","title","description","href","openInNewTab","Icon","newTabOnClick","newTabIcon","quickAccess","link","background","content","iconFeatureWrapper","backgroundColor","iconFeature","iconGotoWrapper","hover","color","iconGoto","propTypes","string","bool","oneOf"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  NovaSolidContentContentBookAdd as CockpitIcon,\n  NovaSolidUsersActionsUser as ManageUserIcon,\n  NovaSolidFilesBasicFileUpload2 as UploadUserIcon,\n  NovaSolidEmailAtSign as ManageEmailIcon,\n  NovaSolidDesignPaintBrush2 as LookAndFeelIcon,\n  NovaSolidContentContentViewList as DashboardIcon,\n  NovaSolidContentEditionFlash as MassiveBattleIcon,\n  NovaSolidApplicationsWindowApplication5 as CmsIcon,\n  NovaSolidBusinessBusinessGraphLine2 as AnalyticsIcon,\n  NovaCompositionNavigationArrowRight as ActionIcon,\n  NovaCompositionCoorpacademyOpenInNewTab as NewTabIcon\n} from '@coorpacademy/nova-icons';\nimport Link from '../../atom/link';\nimport style from './style.css';\n\nconst getIcon = feature => {\n  switch (feature) {\n    case 'manage_users':\n      return ManageUserIcon;\n    case 'upload_users':\n      return UploadUserIcon;\n    case 'manage_email':\n      return ManageEmailIcon;\n    case 'massive_battle':\n      return MassiveBattleIcon;\n    case 'cms':\n      return CmsIcon;\n    case 'look_and_feel':\n      return LookAndFeelIcon;\n    case 'dashboard':\n      return DashboardIcon;\n    case 'cockpit':\n      return CockpitIcon;\n    case 'analytics':\n      return AnalyticsIcon;\n    default:\n      return CockpitIcon;\n  }\n};\n\nconst getBackgroudRadialColors = feature => {\n  switch (feature) {\n    case 'manage_users':\n    case 'upload_users':\n      return {\n        iconColor: '#2EC1D6',\n        degrees: '187'\n      };\n    case 'look_and_feel':\n    case 'dashboard':\n      return {\n        iconColor: '#18BB98',\n        degrees: '167'\n      };\n    case 'cockpit':\n      return {\n        iconColor: '#FF7043',\n        degrees: '14'\n      };\n    case 'manage_email':\n    case 'massive_battle':\n    case 'cms':\n      return {\n        iconColor: '#7340FF',\n        degrees: '256'\n      };\n    case 'analytics':\n      return {\n        iconColor: '#FF4040',\n        degrees: '0'\n      };\n    default:\n      return null;\n  }\n};\n\nconst QuickAccessCard = (props, context) => {\n  const {title, description, feature, href, openInNewTab = false} = props;\n  const {iconColor, degrees} = getBackgroudRadialColors(feature);\n  const Icon = getIcon(feature);\n  const newTabOnClick = openInNewTab ? <NewTabIcon className={style.newTabIcon} /> : null;\n\n  return (\n    <div data-name=\"quick-access-card\" data-type={feature} className={style.quickAccess}>\n      <Link href={href} target={openInNewTab ? '_blank' : '_self'} className={style.link}>\n        <div\n          style={{\n            background: `radial-gradient(62.12% 56.45% at 0% 77.29%, \n            hsl(${degrees}deg 68% 40% / 20%) 0%, \n            hsl(${degrees}deg 68% 40% / 0%) 100%), \n          radial-gradient(113.85% 103.46% at 93.27% 7.88%,\n            hsl(${degrees}deg 67% 51% / 15%) 0%, \n            hsl(${degrees}deg 67% 51% / 0%) 100%),\n          radial-gradient(49.66% 49.63% at 78.65% 86.26%, \n            hsl(${degrees}deg 87% 91%) 0%, \n            hsl(${degrees}deg 87% 91% / 0%) 100%), \n          #FAFAFA`\n          }}\n          className={style.content}\n        >\n          <div\n            className={style.iconFeatureWrapper}\n            style={{\n              backgroundColor: iconColor\n            }}\n          >\n            <Icon className={style.iconFeature} />\n          </div>\n          <div className={style.title}>\n            {title}\n            {newTabOnClick}\n          </div>\n          <div className={style.description}>{description}</div>\n          <div\n            className={style.iconGotoWrapper}\n            style={{\n              backgroundColor: iconColor\n            }}\n          >\n            <div\n              className={style.hover}\n              style={{\n                color: iconColor\n              }}\n            >\n              <ActionIcon className={style.iconGoto} />\n            </div>\n          </div>\n        </div>\n      </Link>\n    </div>\n  );\n};\n\nQuickAccessCard.propTypes = {\n  title: PropTypes.string,\n  description: PropTypes.string,\n  href: PropTypes.string,\n  openInNewTab: PropTypes.bool,\n  feature: PropTypes.oneOf([\n    'analytics',\n    'cms',\n    'cockpit',\n    'massive_battle',\n    'manage_email',\n    'dashboard',\n    'look_and_feel',\n    'manage_users',\n    'upload_users'\n  ])\n};\n\nexport default QuickAccessCard;\n"],"file":"index.js"}

package/es/molecule/quick-access-card/style.css

@@ -9,6 +9,10 @@
   position: relative;
 }
 
+.link {
+  color: inherit;
+}
+
 .content {
   height: 100%;
   border-radius: 8px;