@coorpacademy/components 10.0.45 → 10.0.48-alpha.1

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;
@@ -82,6 +105,10 @@
   position: relative;
 }
 
+.default label {
+  margin-left: 20px;
+}
+
 .checkbox:disabled + label {
   opacity: 0.4;
 }

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":"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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} 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/organism/brand-form/test/fixtures/manageusers-edit.js

@@ -97,17 +97,20 @@ export default {
         fields: [{
           type: 'checkbox',
           titleStyle: 'primary',
+          theme: 'coorpmanager',
           title: 'RH',
           checked: true,
           disabled: true
         }, {
           type: 'checkbox',
           titleStyle: 'primary',
+          theme: 'coorpmanager',
           title: 'CMS',
           checked: false
         }, {
           type: 'checkbox',
           titleStyle: 'primary',
+          theme: 'coorpmanager',
           title: 'Admin',
           checked: true
         }]
@@ -118,26 +121,31 @@ export default {
           type: 'checkbox',
           title: 'Admin',
           titleStyle: 'secondary',
+          theme: 'coorpmanager',
           checked: true
         }, {
           type: 'checkbox',
           title: 'Super coach',
           titleStyle: 'secondary',
+          theme: 'coorpmanager',
           disabled: true
         }, {
           type: 'checkbox',
           title: 'Moderator',
           titleStyle: 'secondary',
+          theme: 'coorpmanager',
           disabled: true
         }, {
           type: 'checkbox',
           title: 'System',
           titleStyle: 'secondary',
+          theme: 'coorpmanager',
           checked: false
         }, {
           type: 'checkbox',
           title: 'Godmode',
           titleStyle: 'secondary',
+          theme: 'coorpmanager',
           disabled: true,
           checked: true
         }]
@@ -148,11 +156,13 @@ export default {
           type: 'checkbox',
           title: 'Admin',
           titleStyle: 'tertiary',
+          theme: 'coorpmanager',
           checked: true
         }, {
           type: 'checkbox',
           title: 'Super coach',
           titleStyle: 'tertiary',
+          theme: 'coorpmanager',
           checked: true
         }]
       }]

package/es/organism/brand-form/test/fixtures/manageusers-edit.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/organism/brand-form/test/fixtures/manageusers-edit.js"],"names":["props","groups","title","fields","type","description","onChange","options","name","value","selected","required","titleStyle","checked","disabled","subtitle","fieldsLayout","groupLayout","back","desc","link","onSubmit","submitValue"],"mappings":"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","sourcesContent":["export default {\n  props: {\n    groups: [\n      {\n        title: 'Editing Foo Barbaz',\n        fields: [\n          {\n            type: 'select',\n            title: 'Status',\n            description: 'Deactivation Date: 01/01/2019',\n            onChange: () => true,\n            options: [\n              {\n                name: 'active',\n                value: 'active',\n                selected: false\n              },\n              {\n                name: 'inactive',\n                value: 'inactive',\n                selected: true\n              }\n            ]\n          },\n          {\n            type: 'text',\n            title: 'Name',\n            required: true\n          },\n          {\n            type: 'text',\n            title: 'Last name',\n            required: true\n          },\n          {\n            type: 'text',\n            title: 'Email',\n            required: true\n          },\n          {\n            type: 'text',\n            title: 'Login'\n          },\n          {\n            type: 'text',\n            title: 'Provider',\n            required: true\n          },\n          {\n            type: 'select',\n            title: 'Language',\n            onChange: () => true,\n            options: [\n              {\n                name: 'foo',\n                value: 'A',\n                selected: false\n              },\n              {\n                name: 'bar',\n                value: 'B',\n                selected: true\n              },\n              {\n                name: 'baz',\n                value: 'C',\n                selected: false\n              }\n            ]\n          },\n          {\n            type: 'text',\n            title: 'Group'\n          }\n        ]\n      },\n      {\n        title: 'Roles',\n        fields: [\n          {\n            type: 'checkbox',\n            titleStyle: 'primary',\n            title: 'RH',\n            checked: true,\n            disabled: true\n          },\n          {\n            type: 'checkbox',\n            titleStyle: 'primary',\n            title: 'Godmode',\n            checked: true\n          },\n          {\n            type: 'checkbox',\n            titleStyle: 'secondary',\n            title: 'System',\n            checked: false,\n            disabled: false\n          },\n          {\n            type: 'checkbox',\n            titleStyle: 'tertiary',\n            title: 'Admin'\n          },\n          {\n            type: 'checkbox',\n            titleStyle: 'secondary',\n            title: 'CMS',\n            checked: false,\n            disabled: true\n          }\n        ]\n      },\n      {\n        title: 'CM Roles',\n        subtitle:\n          'Elit enim viverra enim, blandit turpis quam pretium id. Et, leo, amet odio proin diam sit lorem accumsan.',\n        fieldsLayout: 'grid',\n        groupLayout: 'grid',\n        fields: [\n          {\n            title: 'Coorp',\n            type: 'roles',\n            fields: [\n              {\n                type: 'checkbox',\n                titleStyle: 'primary',\n                title: 'RH',\n                checked: true,\n                disabled: true\n              },\n              {\n                type: 'checkbox',\n                titleStyle: 'primary',\n                title: 'CMS',\n                checked: false\n              },\n              {\n                type: 'checkbox',\n                titleStyle: 'primary',\n                title: 'Admin',\n                checked: true\n              }\n            ]\n          },\n          {\n            title: 'Mooc',\n            type: 'roles',\n            fields: [\n              {\n                type: 'checkbox',\n                title: 'Admin',\n                titleStyle: 'secondary',\n                checked: true\n              },\n              {\n                type: 'checkbox',\n                title: 'Super coach',\n                titleStyle: 'secondary',\n                disabled: true\n              },\n              {\n                type: 'checkbox',\n                title: 'Moderator',\n                titleStyle: 'secondary',\n                disabled: true\n              },\n              {\n                type: 'checkbox',\n                title: 'System',\n                titleStyle: 'secondary',\n                checked: false\n              },\n              {\n                type: 'checkbox',\n                title: 'Godmode',\n                titleStyle: 'secondary',\n                disabled: true,\n                checked: true\n              }\n            ]\n          },\n          {\n            title: 'CM',\n            type: 'roles',\n            fields: [\n              {\n                type: 'checkbox',\n                title: 'Admin',\n                titleStyle: 'tertiary',\n                checked: true\n              },\n              {\n                type: 'checkbox',\n                title: 'Super coach',\n                titleStyle: 'tertiary',\n                checked: true\n              }\n            ]\n          }\n        ]\n      },\n      {\n        title: 'Organisation',\n        fields: [\n          {\n            type: 'text',\n            title: 'Company'\n          },\n          {\n            type: 'text',\n            title: 'Boutique'\n          },\n          {\n            type: 'text',\n            title: 'Branch'\n          },\n          {\n            type: 'text',\n            title: 'Role'\n          }\n        ]\n      }\n    ],\n    back: {\n      desc: 'Back to users list',\n      link: '#'\n    },\n    onSubmit: () => {},\n    submitValue: 'Save changes'\n  }\n};\n"],"file":"manageusers-edit.js"}
+{"version":3,"sources":["../../../../../src/organism/brand-form/test/fixtures/manageusers-edit.js"],"names":["props","groups","title","fields","type","description","onChange","options","name","value","selected","required","titleStyle","checked","disabled","subtitle","fieldsLayout","groupLayout","theme","back","desc","link","onSubmit","submitValue"],"mappings":"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","sourcesContent":["export default {\n  props: {\n    groups: [\n      {\n        title: 'Editing Foo Barbaz',\n        fields: [\n          {\n            type: 'select',\n            title: 'Status',\n            description: 'Deactivation Date: 01/01/2019',\n            onChange: () => true,\n            options: [\n              {\n                name: 'active',\n                value: 'active',\n                selected: false\n              },\n              {\n                name: 'inactive',\n                value: 'inactive',\n                selected: true\n              }\n            ]\n          },\n          {\n            type: 'text',\n            title: 'Name',\n            required: true\n          },\n          {\n            type: 'text',\n            title: 'Last name',\n            required: true\n          },\n          {\n            type: 'text',\n            title: 'Email',\n            required: true\n          },\n          {\n            type: 'text',\n            title: 'Login'\n          },\n          {\n            type: 'text',\n            title: 'Provider',\n            required: true\n          },\n          {\n            type: 'select',\n            title: 'Language',\n            onChange: () => true,\n            options: [\n              {\n                name: 'foo',\n                value: 'A',\n                selected: false\n              },\n              {\n                name: 'bar',\n                value: 'B',\n                selected: true\n              },\n              {\n                name: 'baz',\n                value: 'C',\n                selected: false\n              }\n            ]\n          },\n          {\n            type: 'text',\n            title: 'Group'\n          }\n        ]\n      },\n      {\n        title: 'Roles',\n        fields: [\n          {\n            type: 'checkbox',\n            titleStyle: 'primary',\n            title: 'RH',\n            checked: true,\n            disabled: true\n          },\n          {\n            type: 'checkbox',\n            titleStyle: 'primary',\n            title: 'Godmode',\n            checked: true\n          },\n          {\n            type: 'checkbox',\n            titleStyle: 'secondary',\n            title: 'System',\n            checked: false,\n            disabled: false\n          },\n          {\n            type: 'checkbox',\n            titleStyle: 'tertiary',\n            title: 'Admin'\n          },\n          {\n            type: 'checkbox',\n            titleStyle: 'secondary',\n            title: 'CMS',\n            checked: false,\n            disabled: true\n          }\n        ]\n      },\n      {\n        title: 'CM Roles',\n        subtitle:\n          'Elit enim viverra enim, blandit turpis quam pretium id. Et, leo, amet odio proin diam sit lorem accumsan.',\n        fieldsLayout: 'grid',\n        groupLayout: 'grid',\n        fields: [\n          {\n            title: 'Coorp',\n            type: 'roles',\n            fields: [\n              {\n                type: 'checkbox',\n                titleStyle: 'primary',\n                theme: 'coorpmanager',\n                title: 'RH',\n                checked: true,\n                disabled: true\n              },\n              {\n                type: 'checkbox',\n                titleStyle: 'primary',\n                theme: 'coorpmanager',\n                title: 'CMS',\n                checked: false\n              },\n              {\n                type: 'checkbox',\n                titleStyle: 'primary',\n                theme: 'coorpmanager',\n                title: 'Admin',\n                checked: true\n              }\n            ]\n          },\n          {\n            title: 'Mooc',\n            type: 'roles',\n            fields: [\n              {\n                type: 'checkbox',\n                title: 'Admin',\n                titleStyle: 'secondary',\n                theme: 'coorpmanager',\n                checked: true\n              },\n              {\n                type: 'checkbox',\n                title: 'Super coach',\n                titleStyle: 'secondary',\n                theme: 'coorpmanager',\n                disabled: true\n              },\n              {\n                type: 'checkbox',\n                title: 'Moderator',\n                titleStyle: 'secondary',\n                theme: 'coorpmanager',\n                disabled: true\n              },\n              {\n                type: 'checkbox',\n                title: 'System',\n                titleStyle: 'secondary',\n                theme: 'coorpmanager',\n                checked: false\n              },\n              {\n                type: 'checkbox',\n                title: 'Godmode',\n                titleStyle: 'secondary',\n                theme: 'coorpmanager',\n                disabled: true,\n                checked: true\n              }\n            ]\n          },\n          {\n            title: 'CM',\n            type: 'roles',\n            fields: [\n              {\n                type: 'checkbox',\n                title: 'Admin',\n                titleStyle: 'tertiary',\n                theme: 'coorpmanager',\n                checked: true\n              },\n              {\n                type: 'checkbox',\n                title: 'Super coach',\n                titleStyle: 'tertiary',\n                theme: 'coorpmanager',\n                checked: true\n              }\n            ]\n          }\n        ]\n      },\n      {\n        title: 'Organisation',\n        fields: [\n          {\n            type: 'text',\n            title: 'Company'\n          },\n          {\n            type: 'text',\n            title: 'Boutique'\n          },\n          {\n            type: 'text',\n            title: 'Branch'\n          },\n          {\n            type: 'text',\n            title: 'Role'\n          }\n        ]\n      }\n    ],\n    back: {\n      desc: 'Back to users list',\n      link: '#'\n    },\n    onSubmit: () => {},\n    submitValue: 'Save changes'\n  }\n};\n"],"file":"manageusers-edit.js"}

package/es/organism/mooc-footer/style.css

@@ -340,9 +340,8 @@
     width: 100%;
     height: 1px;
     position: absolute;
-    bottom: -15px;
     left: 0px;
-    border-bottom: solid 2em transparent;
+    border-bottom: solid 1em transparent;
     box-shadow: 0 1px 0 lightBlack;
   }
 }

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

@@ -9,6 +9,8 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
+var _includes = _interopRequireDefault(require("lodash/fp/includes"));
+
 var _novaIcons = require("@coorpacademy/nova-icons");
 
 var _style = _interopRequireDefault(require("./style.css"));
@@ -56,7 +58,7 @@ const DifficultyLevel = ({
   className: _style.default.inlineContainer
 }, /*#__PURE__*/_react.default.createElement("div", {
   className: (0, _classnames.default)({
-    [_style.default.unknownContainer]: ![1, 2, 3].includes(level),
+    [_style.default.unknownContainer]: !(0, _includes.default)(level, [1, 2, 3]),
     [_style.default.easyContainer]: level === 1,
     [_style.default.normalContainer]: level === 2,
     [_style.default.hardContainer]: level === 3

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/atom/difficulty-level/index.js"],"names":["Icon","level","style","icon","propTypes","PropTypes","oneOf","DifficultyLevel","children","inlineContainer","unknownContainer","includes","easyContainer","normalContainer","hardContainer","text","string"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AAMA;;;;AAEA,MAAMA,IAAI,GAAG,CAAC;AAACC,EAAAA,KAAK,GAAG;AAAT,CAAD,KAAiB;AAC5B,UAAQA,KAAR;AACE,SAAK,CAAL;AACE,0BAAO,6BAAC,4CAAD;AAAmC,QAAA,SAAS,EAAEC,eAAMC,IAApD;AAA0D,QAAA,KAAK,EAAC;AAAhE,QAAP;;AACF,SAAK,CAAL;AACE,0BAAO,6BAAC,4CAAD;AAAmC,QAAA,SAAS,EAAED,eAAMC,IAApD;AAA0D,QAAA,KAAK,EAAC;AAAhE,QAAP;;AACF,SAAK,CAAL;AACE,0BAAO,6BAAC,4CAAD;AAAmC,QAAA,SAAS,EAAED,eAAMC,IAApD;AAA0D,QAAA,KAAK,EAAC;AAAhE,QAAP;;AACF;AACE,0BAAO,6BAAC,4CAAD;AAAmC,QAAA,SAAS,EAAED,eAAMC,IAApD;AAA0D,QAAA,KAAK,EAAC;AAAhE,QAAP;AARJ;AAUD,CAXD;;AAaAH,IAAI,CAACI,SAAL,2CAAiB;AACfH,EAAAA,KAAK,EAAEI,mBAAUC,KAAV,CAAgB,CAAC,CAAD,EAAI,CAAJ,EAAO,CAAP,CAAhB;AADQ,CAAjB;;AAIA,MAAMC,eAAe,GAAG,CAAC;AAACN,EAAAA,KAAD;AAAQO,EAAAA;AAAR,CAAD,kBACtB;AAAK,EAAA,SAAS,EAAEN,eAAMO;AAAtB,gBACE;AACE,EAAA,SAAS,EAAE,yBAAW;AACpB,KAACP,eAAMQ,gBAAP,GAA0B,CAAC,CAAC,CAAD,EAAI,CAAJ,EAAO,CAAP,EAAUC,QAAV,CAAmBV,KAAnB,CADP;AAEpB,KAACC,eAAMU,aAAP,GAAuBX,KAAK,KAAK,CAFb;AAGpB,KAACC,eAAMW,eAAP,GAAyBZ,KAAK,KAAK,CAHf;AAIpB,KAACC,eAAMY,aAAP,GAAuBb,KAAK,KAAK;AAJb,GAAX;AADb,gBAQE,6BAAC,IAAD;AAAM,EAAA,KAAK,EAAEA;AAAb,EARF,eASE;AAAM,EAAA,SAAS,EAAEC,eAAMa;AAAvB,GAA8BP,QAA9B,CATF,CADF,CADF;;AAgBAD,eAAe,CAACH,SAAhB,2CAA4B;AAC1BH,EAAAA,KAAK,EAAED,IAAI,CAACI,SAAL,CAAeH,KADI;AAE1BO,EAAAA,QAAQ,EAAEH,mBAAUW;AAFM,CAA5B;eAKeT,e","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":["Icon","level","style","icon","propTypes","PropTypes","oneOf","DifficultyLevel","children","inlineContainer","unknownContainer","easyContainer","normalContainer","hardContainer","text","string"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AAMA;;;;AAEA,MAAMA,IAAI,GAAG,CAAC;AAACC,EAAAA,KAAK,GAAG;AAAT,CAAD,KAAiB;AAC5B,UAAQA,KAAR;AACE,SAAK,CAAL;AACE,0BAAO,6BAAC,4CAAD;AAAmC,QAAA,SAAS,EAAEC,eAAMC,IAApD;AAA0D,QAAA,KAAK,EAAC;AAAhE,QAAP;;AACF,SAAK,CAAL;AACE,0BAAO,6BAAC,4CAAD;AAAmC,QAAA,SAAS,EAAED,eAAMC,IAApD;AAA0D,QAAA,KAAK,EAAC;AAAhE,QAAP;;AACF,SAAK,CAAL;AACE,0BAAO,6BAAC,4CAAD;AAAmC,QAAA,SAAS,EAAED,eAAMC,IAApD;AAA0D,QAAA,KAAK,EAAC;AAAhE,QAAP;;AACF;AACE,0BAAO,6BAAC,4CAAD;AAAmC,QAAA,SAAS,EAAED,eAAMC,IAApD;AAA0D,QAAA,KAAK,EAAC;AAAhE,QAAP;AARJ;AAUD,CAXD;;AAaAH,IAAI,CAACI,SAAL,2CAAiB;AACfH,EAAAA,KAAK,EAAEI,mBAAUC,KAAV,CAAgB,CAAC,CAAD,EAAI,CAAJ,EAAO,CAAP,CAAhB;AADQ,CAAjB;;AAIA,MAAMC,eAAe,GAAG,CAAC;AAACN,EAAAA,KAAD;AAAQO,EAAAA;AAAR,CAAD,kBACtB;AAAK,EAAA,SAAS,EAAEN,eAAMO;AAAtB,gBACE;AACE,EAAA,SAAS,EAAE,yBAAW;AACpB,KAACP,eAAMQ,gBAAP,GAA0B,CAAC,uBAAST,KAAT,EAAgB,CAAC,CAAD,EAAI,CAAJ,EAAO,CAAP,CAAhB,CADP;AAEpB,KAACC,eAAMS,aAAP,GAAuBV,KAAK,KAAK,CAFb;AAGpB,KAACC,eAAMU,eAAP,GAAyBX,KAAK,KAAK,CAHf;AAIpB,KAACC,eAAMW,aAAP,GAAuBZ,KAAK,KAAK;AAJb,GAAX;AADb,gBAQE,6BAAC,IAAD;AAAM,EAAA,KAAK,EAAEA;AAAb,EARF,eASE;AAAM,EAAA,SAAS,EAAEC,eAAMY;AAAvB,GAA8BN,QAA9B,CATF,CADF,CADF;;AAgBAD,eAAe,CAACH,SAAhB,2CAA4B;AAC1BH,EAAAA,KAAK,EAAED,IAAI,CAACI,SAAL,CAAeH,KADI;AAE1BO,EAAAA,QAAQ,EAAEH,mBAAUU;AAFM,CAA5B;eAKeR,e","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/lib/atom/input-checkbox/index.js

@@ -38,13 +38,14 @@ const InputCheckbox = props => {
     required,
     titleStyle = 'primary',
     modified = false,
+    theme = 'default',
     title: propsTitle
   } = props;
   const titleStyleClassName = titleStylesClassNames[titleStyle];
   const idCheckbox = (0, _uniqueId2.default)('input-checkbox-');
   const title = `${propsTitle}${required ? '*' : ''}`;
   const handleChange = (0, _react.useMemo)(() => e => onChange(e.target.checked), [onChange]);
-  const className = (0, _getClassState.default)(_style.default.default, _style.default.modified, _style.default.error, modified, error);
+  const className = (0, _getClassState.default)(theme === 'coorpmanager' ? _style.default.coorpManager : _style.default.default, _style.default.modified, _style.default.error, modified, error);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: className
   }, /*#__PURE__*/_react.default.createElement("input", {
@@ -72,6 +73,7 @@ InputCheckbox.propTypes = process.env.NODE_ENV !== "production" ? {
   error: _propTypes.default.bool,
   onChange: _propTypes.default.func,
   modified: _propTypes.default.bool,
+  theme: _propTypes.default.oneOf(['coorpmanager', 'default']),
   titleStyle: _propTypes.default.oneOf(['primary', 'secondary', 'tertiary'])
 } : {};
 var _default = InputCheckbox;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/atom/input-checkbox/index.js"],"names":["titleStylesClassNames","primary","style","secondary","tertiary","InputCheckbox","props","checked","onChange","error","disabled","required","titleStyle","modified","title","propsTitle","titleStyleClassName","idCheckbox","handleChange","e","target","className","default","checkbox","icon","propTypes","PropTypes","string","isRequired","bool","func","oneOf"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AAEA;;AACA;;;;;;;;AAEA,MAAMA,qBAAqB,GAAG;AAC5BC,EAAAA,OAAO,EAAEC,eAAMD,OADa;AAE5BE,EAAAA,SAAS,EAAED,eAAMC,SAFW;AAG5BC,EAAAA,QAAQ,EAAEF,eAAME;AAHY,CAA9B;;AAMA,MAAMC,aAAa,GAAGC,KAAK,IAAI;AAC7B,QAAM;AACJC,IAAAA,OADI;AAEJC,IAAAA,QAAQ,iBAFJ;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,GAAGhB,qBAAqB,CAACY,UAAD,CAAjD;AACA,QAAMK,UAAU,GAAG,wBAAS,iBAAT,CAAnB;AACA,QAAMH,KAAK,GAAI,GAAEC,UAAW,GAAEJ,QAAQ,GAAG,GAAH,GAAS,EAAG,EAAlD;AACA,QAAMO,YAAY,GAAG,oBAAQ,MAAMC,CAAC,IAAIX,QAAQ,CAACW,CAAC,CAACC,MAAF,CAASb,OAAV,CAA3B,EAA+C,CAACC,QAAD,CAA/C,CAArB;AACA,QAAMa,SAAS,GAAG,4BAAcnB,eAAMoB,OAApB,EAA6BpB,eAAMW,QAAnC,EAA6CX,eAAMO,KAAnD,EAA0DI,QAA1D,EAAoEJ,KAApE,CAAlB;AAEA,sBACE;AAAK,IAAA,SAAS,EAAEY;AAAhB,kBACE;AACE,IAAA,IAAI,EAAC,UADP;AAEE,IAAA,SAAS,EAAEnB,eAAMqB,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,6BAAC,kCAAD;AAAW,IAAA,SAAS,EAAEf,eAAMsB;AAA5B,IADF,CAVF,eAaE;AAAM,IAAA,SAAS,EAAER;AAAjB,KAAuCF,KAAvC,CAbF,CADF;AAiBD,CAnCD;;AAqCAT,aAAa,CAACoB,SAAd,2CAA0B;AACxBX,EAAAA,KAAK,EAAEY,mBAAUC,MAAV,CAAiBC,UADA;AAExBlB,EAAAA,QAAQ,EAAEgB,mBAAUG,IAFI;AAGxBlB,EAAAA,QAAQ,EAAEe,mBAAUG,IAHI;AAIxBtB,EAAAA,OAAO,EAAEmB,mBAAUG,IAJK;AAKxBpB,EAAAA,KAAK,EAAEiB,mBAAUG,IALO;AAMxBrB,EAAAA,QAAQ,EAAEkB,mBAAUI,IANI;AAOxBjB,EAAAA,QAAQ,EAAEa,mBAAUG,IAPI;AAQxBjB,EAAAA,UAAU,EAAEc,mBAAUK,KAAV,CAAgB,CAAC,SAAD,EAAY,WAAZ,EAAyB,UAAzB,CAAhB;AARY,CAA1B;eAWe1B,a","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":["titleStylesClassNames","primary","style","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","PropTypes","string","isRequired","bool","func","oneOf"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AAEA;;AACA;;;;;;;;AAEA,MAAMA,qBAAqB,GAAG;AAC5BC,EAAAA,OAAO,EAAEC,eAAMD,OADa;AAE5BE,EAAAA,SAAS,EAAED,eAAMC,SAFW;AAG5BC,EAAAA,QAAQ,EAAEF,eAAME;AAHY,CAA9B;;AAMA,MAAMC,aAAa,GAAGC,KAAK,IAAI;AAC7B,QAAM;AACJC,IAAAA,OADI;AAEJC,IAAAA,QAAQ,iBAFJ;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,GAAGjB,qBAAqB,CAACY,UAAD,CAAjD;AACA,QAAMM,UAAU,GAAG,wBAAS,iBAAT,CAAnB;AACA,QAAMH,KAAK,GAAI,GAAEC,UAAW,GAAEL,QAAQ,GAAG,GAAH,GAAS,EAAG,EAAlD;AACA,QAAMQ,YAAY,GAAG,oBAAQ,MAAMC,CAAC,IAAIZ,QAAQ,CAACY,CAAC,CAACC,MAAF,CAASd,OAAV,CAA3B,EAA+C,CAACC,QAAD,CAA/C,CAArB;AACA,QAAMc,SAAS,GAAG,4BAAcR,KAAK,KAAK,cAAV,GAA2BZ,eAAMqB,YAAjC,GAAgDrB,eAAMsB,OAApE,EAA6EtB,eAAMW,QAAnF,EAA6FX,eAAMO,KAAnG,EAA0GI,QAA1G,EAAoHJ,KAApH,CAAlB;AAEA,sBACE;AAAK,IAAA,SAAS,EAAEa;AAAhB,kBACE;AACE,IAAA,IAAI,EAAC,UADP;AAEE,IAAA,SAAS,EAAEpB,eAAMuB,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,6BAAC,kCAAD;AAAW,IAAA,SAAS,EAAEhB,eAAMwB;AAA5B,IADF,CAVF,eAaE;AAAM,IAAA,SAAS,EAAET;AAAjB,KAAuCF,KAAvC,CAbF,CADF;AAiBD,CApCD;;AAsCAV,aAAa,CAACsB,SAAd,2CAA0B;AACxBZ,EAAAA,KAAK,EAAEa,mBAAUC,MAAV,CAAiBC,UADA;AAExBpB,EAAAA,QAAQ,EAAEkB,mBAAUG,IAFI;AAGxBpB,EAAAA,QAAQ,EAAEiB,mBAAUG,IAHI;AAIxBxB,EAAAA,OAAO,EAAEqB,mBAAUG,IAJK;AAKxBtB,EAAAA,KAAK,EAAEmB,mBAAUG,IALO;AAMxBvB,EAAAA,QAAQ,EAAEoB,mBAAUI,IANI;AAOxBnB,EAAAA,QAAQ,EAAEe,mBAAUG,IAPI;AAQxBjB,EAAAA,KAAK,EAAEc,mBAAUK,KAAV,CAAgB,CAAC,cAAD,EAAiB,SAAjB,CAAhB,CARiB;AASxBrB,EAAAA,UAAU,EAAEgB,mBAAUK,KAAV,CAAgB,CAAC,SAAD,EAAY,WAAZ,EAAyB,UAAzB,CAAhB;AATY,CAA1B;eAYe5B,a","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/lib/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;
@@ -82,6 +105,10 @@
   position: relative;
 }
 
+.default label {
+  margin-left: 20px;
+}
+
 .checkbox:disabled + label {
   opacity: 0.4;
 }

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

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/molecule/drag-and-drop/index.js"],"names":["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","style","back","arrow","getRootProps","getInputProps","isDragActive","getView","disableFileInput","includes","wrapper","contextTypes","Provider","childContextTypes","propTypes","PropTypes","oneOf","isRequired","string","func","arrayOf","shape","InputText","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":["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","style","back","arrow","getRootProps","getInputProps","isDragActive","getView","disableFileInput","wrapper","contextTypes","Provider","childContextTypes","propTypes","PropTypes","oneOf","isRequired","string","func","arrayOf","shape","InputText","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/lib/molecule/drag-and-drop/upload-report.js

@@ -3,6 +3,8 @@
 exports.__esModule = true;
 exports.default = exports.UploadReport = void 0;
 
+var _includes2 = _interopRequireDefault(require("lodash/fp/includes"));
+
 var _isEmpty2 = _interopRequireDefault(require("lodash/fp/isEmpty"));
 
 var _getOr2 = _interopRequireDefault(require("lodash/fp/getOr"));
@@ -83,7 +85,7 @@ const UploadReport = ({
     }
   })));
 
-  const showMessage = ['success', 'error'].includes(state);
+  const showMessage = (0, _includes2.default)(state, ['success', 'error']);
   const fileName = (0, _pipe2.default)(_head2.default, (0, _getOr2.default)('', 'value'), (0, _split2.default)('/'), _last2.default)(fields);
   const fileView = fileName ? /*#__PURE__*/_react.default.createElement("div", {
     className: _uploadReport.default.fileWrapper

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/molecule/drag-and-drop/upload-report.js"],"names":["UploadReport","state","message","warningMessage","type","contentType","fields","mode","orLabel","buttonTitle","primaryColor","onDelete","handleDelete","e","stopPropagation","preventDefault","stopPropagationHandler","SuccessMessage","style","emoticon","ErrorMessage","selectButton","backgroundColor","showMessage","includes","fileName","fileView","fileWrapper","validateIcon","warning","showToolTip","warningIcon","emptyFileWrapper","IconType","EXTERNAL_CONTENT_ICONS","icon","iconColor","color","buildField","field","index","deleteView","actionIcon","trashIcon","fieldsList","convert","cap","reportingContainer","reportHeader","iconContainer","oval","iconHeader","reportContainer","or","drop","propTypes","PropTypes","string","isRequired","arrayOf","shape","InputText","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} 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":["UploadReport","state","message","warningMessage","type","contentType","fields","mode","orLabel","buttonTitle","primaryColor","onDelete","handleDelete","e","stopPropagation","preventDefault","stopPropagationHandler","SuccessMessage","style","emoticon","ErrorMessage","selectButton","backgroundColor","showMessage","fileName","fileView","fileWrapper","validateIcon","warning","showToolTip","warningIcon","emptyFileWrapper","IconType","EXTERNAL_CONTENT_ICONS","icon","iconColor","color","buildField","field","index","deleteView","actionIcon","trashIcon","fieldsList","convert","cap","reportingContainer","reportHeader","iconContainer","oval","iconHeader","reportContainer","or","drop","propTypes","PropTypes","string","isRequired","arrayOf","shape","InputText","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/lib/molecule/external-content-viewer/index.js

@@ -3,10 +3,12 @@
 exports.__esModule = true;
 exports.default = void 0;
 
-var _startsWith2 = _interopRequireDefault(require("lodash/fp/startsWith"));
-
 var _react = _interopRequireDefault(require("react"));
 
+var _startsWith = _interopRequireDefault(require("lodash/fp/startsWith"));
+
+var _includes = _interopRequireDefault(require("lodash/fp/includes"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _style = _interopRequireDefault(require("./style.css"));
@@ -29,9 +31,9 @@ function ExternalContentViewer(props) {
     contentType,
     mode = 'default'
   } = props;
-  const isPdf = url.includes('.pdf');
+  const isPdf = (0, _includes.default)('.pdf', url);
   const googleViewer = `https://docs.google.com/viewerng/viewer?embedded=true&url=${url}`;
-  return (0, _startsWith2.default)('audio', contentType) ? /*#__PURE__*/_react.default.createElement("div", {
+  return (0, _startsWith.default)('audio', contentType) ? /*#__PURE__*/_react.default.createElement("div", {
     className: podcastWrapperStyle[mode]
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.bgPodcast,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/molecule/external-content-viewer/index.js"],"names":["podcastWrapperStyle","default","style","podcastWrapper","cockpit","podcastWrapperCockpit","iframeStyle","iframe","iframeCockpit","ExternalContentViewer","props","url","backgroundImageUrl","contentType","mode","isPdf","includes","googleViewer","bgPodcast","backgroundImage","podcast","propTypes","PropTypes","string","isRequired"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;;;AAEA,MAAMA,mBAAmB,GAAG;AAC1BC,EAAAA,OAAO,EAAEC,eAAMC,cADW;AAE1BC,EAAAA,OAAO,EAAEF,eAAMG;AAFW,CAA5B;AAKA,MAAMC,WAAW,GAAG;AAClBL,EAAAA,OAAO,EAAEC,eAAMK,MADG;AAElBH,EAAAA,OAAO,EAAEF,eAAMM;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,0BAAW,OAAX,EAAoBE,WAApB,iBACL;AAAK,IAAA,SAAS,EAAEb,mBAAmB,CAACc,IAAD;AAAnC,kBACE;AACE,IAAA,SAAS,EAAEZ,eAAMgB,SADnB;AAEE,IAAA,KAAK,EAAE;AAACC,MAAAA,eAAe,EAAEP,kBAAkB,IAAK,OAAMA,kBAAmB;AAAlE;AAFT,IADF,eAKE;AACE,IAAA,SAAS,EAAEV,eAAMkB,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,EAAEW,mBAAUC,MAAV,CAAiBC,UADU;AAEhCZ,EAAAA,kBAAkB,EAAEU,mBAAUC,MAFE;AAGhCV,EAAAA,WAAW,EAAES,mBAAUC,MAHS;AAIhCT,EAAAA,IAAI,EAAEQ,mBAAUC;AAJgB,CAAlC;eAOed,qB","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":["podcastWrapperStyle","default","style","podcastWrapper","cockpit","podcastWrapperCockpit","iframeStyle","iframe","iframeCockpit","ExternalContentViewer","props","url","backgroundImageUrl","contentType","mode","isPdf","googleViewer","bgPodcast","backgroundImage","podcast","propTypes","PropTypes","string","isRequired"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,mBAAmB,GAAG;AAC1BC,EAAAA,OAAO,EAAEC,eAAMC,cADW;AAE1BC,EAAAA,OAAO,EAAEF,eAAMG;AAFW,CAA5B;AAKA,MAAMC,WAAW,GAAG;AAClBL,EAAAA,OAAO,EAAEC,eAAMK,MADG;AAElBH,EAAAA,OAAO,EAAEF,eAAMM;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,GAAG,uBAAS,MAAT,EAAiBJ,GAAjB,CAAd;AACA,QAAMK,YAAY,GAAI,6DAA4DL,GAAI,EAAtF;AAEA,SAAO,yBAAW,OAAX,EAAoBE,WAApB,iBACL;AAAK,IAAA,SAAS,EAAEb,mBAAmB,CAACc,IAAD;AAAnC,kBACE;AACE,IAAA,SAAS,EAAEZ,eAAMe,SADnB;AAEE,IAAA,KAAK,EAAE;AAACC,MAAAA,eAAe,EAAEN,kBAAkB,IAAK,OAAMA,kBAAmB;AAAlE;AAFT,IADF,eAKE;AACE,IAAA,SAAS,EAAEV,eAAMiB,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,EAAEU,mBAAUC,MAAV,CAAiBC,UADU;AAEhCX,EAAAA,kBAAkB,EAAES,mBAAUC,MAFE;AAGhCT,EAAAA,WAAW,EAAEQ,mBAAUC,MAHS;AAIhCR,EAAAA,IAAI,EAAEO,mBAAUC;AAJgB,CAAlC;eAOeb,qB","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/lib/organism/brand-form/test/fixtures/manageusers-edit.js

@@ -101,17 +101,20 @@ var _default = {
         fields: [{
           type: 'checkbox',
           titleStyle: 'primary',
+          theme: 'coorpmanager',
           title: 'RH',
           checked: true,
           disabled: true
         }, {
           type: 'checkbox',
           titleStyle: 'primary',
+          theme: 'coorpmanager',
           title: 'CMS',
           checked: false
         }, {
           type: 'checkbox',
           titleStyle: 'primary',
+          theme: 'coorpmanager',
           title: 'Admin',
           checked: true
         }]
@@ -122,26 +125,31 @@ var _default = {
           type: 'checkbox',
           title: 'Admin',
           titleStyle: 'secondary',
+          theme: 'coorpmanager',
           checked: true
         }, {
           type: 'checkbox',
           title: 'Super coach',
           titleStyle: 'secondary',
+          theme: 'coorpmanager',
           disabled: true
         }, {
           type: 'checkbox',
           title: 'Moderator',
           titleStyle: 'secondary',
+          theme: 'coorpmanager',
           disabled: true
         }, {
           type: 'checkbox',
           title: 'System',
           titleStyle: 'secondary',
+          theme: 'coorpmanager',
           checked: false
         }, {
           type: 'checkbox',
           title: 'Godmode',
           titleStyle: 'secondary',
+          theme: 'coorpmanager',
           disabled: true,
           checked: true
         }]
@@ -152,11 +160,13 @@ var _default = {
           type: 'checkbox',
           title: 'Admin',
           titleStyle: 'tertiary',
+          theme: 'coorpmanager',
           checked: true
         }, {
           type: 'checkbox',
           title: 'Super coach',
           titleStyle: 'tertiary',
+          theme: 'coorpmanager',
           checked: true
         }]
       }]

package/lib/organism/brand-form/test/fixtures/manageusers-edit.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/organism/brand-form/test/fixtures/manageusers-edit.js"],"names":["props","groups","title","fields","type","description","onChange","options","name","value","selected","required","titleStyle","checked","disabled","subtitle","fieldsLayout","groupLayout","back","desc","link","onSubmit","submitValue"],"mappings":"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","sourcesContent":["export default {\n  props: {\n    groups: [\n      {\n        title: 'Editing Foo Barbaz',\n        fields: [\n          {\n            type: 'select',\n            title: 'Status',\n            description: 'Deactivation Date: 01/01/2019',\n            onChange: () => true,\n            options: [\n              {\n                name: 'active',\n                value: 'active',\n                selected: false\n              },\n              {\n                name: 'inactive',\n                value: 'inactive',\n                selected: true\n              }\n            ]\n          },\n          {\n            type: 'text',\n            title: 'Name',\n            required: true\n          },\n          {\n            type: 'text',\n            title: 'Last name',\n            required: true\n          },\n          {\n            type: 'text',\n            title: 'Email',\n            required: true\n          },\n          {\n            type: 'text',\n            title: 'Login'\n          },\n          {\n            type: 'text',\n            title: 'Provider',\n            required: true\n          },\n          {\n            type: 'select',\n            title: 'Language',\n            onChange: () => true,\n            options: [\n              {\n                name: 'foo',\n                value: 'A',\n                selected: false\n              },\n              {\n                name: 'bar',\n                value: 'B',\n                selected: true\n              },\n              {\n                name: 'baz',\n                value: 'C',\n                selected: false\n              }\n            ]\n          },\n          {\n            type: 'text',\n            title: 'Group'\n          }\n        ]\n      },\n      {\n        title: 'Roles',\n        fields: [\n          {\n            type: 'checkbox',\n            titleStyle: 'primary',\n            title: 'RH',\n            checked: true,\n            disabled: true\n          },\n          {\n            type: 'checkbox',\n            titleStyle: 'primary',\n            title: 'Godmode',\n            checked: true\n          },\n          {\n            type: 'checkbox',\n            titleStyle: 'secondary',\n            title: 'System',\n            checked: false,\n            disabled: false\n          },\n          {\n            type: 'checkbox',\n            titleStyle: 'tertiary',\n            title: 'Admin'\n          },\n          {\n            type: 'checkbox',\n            titleStyle: 'secondary',\n            title: 'CMS',\n            checked: false,\n            disabled: true\n          }\n        ]\n      },\n      {\n        title: 'CM Roles',\n        subtitle:\n          'Elit enim viverra enim, blandit turpis quam pretium id. Et, leo, amet odio proin diam sit lorem accumsan.',\n        fieldsLayout: 'grid',\n        groupLayout: 'grid',\n        fields: [\n          {\n            title: 'Coorp',\n            type: 'roles',\n            fields: [\n              {\n                type: 'checkbox',\n                titleStyle: 'primary',\n                title: 'RH',\n                checked: true,\n                disabled: true\n              },\n              {\n                type: 'checkbox',\n                titleStyle: 'primary',\n                title: 'CMS',\n                checked: false\n              },\n              {\n                type: 'checkbox',\n                titleStyle: 'primary',\n                title: 'Admin',\n                checked: true\n              }\n            ]\n          },\n          {\n            title: 'Mooc',\n            type: 'roles',\n            fields: [\n              {\n                type: 'checkbox',\n                title: 'Admin',\n                titleStyle: 'secondary',\n                checked: true\n              },\n              {\n                type: 'checkbox',\n                title: 'Super coach',\n                titleStyle: 'secondary',\n                disabled: true\n              },\n              {\n                type: 'checkbox',\n                title: 'Moderator',\n                titleStyle: 'secondary',\n                disabled: true\n              },\n              {\n                type: 'checkbox',\n                title: 'System',\n                titleStyle: 'secondary',\n                checked: false\n              },\n              {\n                type: 'checkbox',\n                title: 'Godmode',\n                titleStyle: 'secondary',\n                disabled: true,\n                checked: true\n              }\n            ]\n          },\n          {\n            title: 'CM',\n            type: 'roles',\n            fields: [\n              {\n                type: 'checkbox',\n                title: 'Admin',\n                titleStyle: 'tertiary',\n                checked: true\n              },\n              {\n                type: 'checkbox',\n                title: 'Super coach',\n                titleStyle: 'tertiary',\n                checked: true\n              }\n            ]\n          }\n        ]\n      },\n      {\n        title: 'Organisation',\n        fields: [\n          {\n            type: 'text',\n            title: 'Company'\n          },\n          {\n            type: 'text',\n            title: 'Boutique'\n          },\n          {\n            type: 'text',\n            title: 'Branch'\n          },\n          {\n            type: 'text',\n            title: 'Role'\n          }\n        ]\n      }\n    ],\n    back: {\n      desc: 'Back to users list',\n      link: '#'\n    },\n    onSubmit: () => {},\n    submitValue: 'Save changes'\n  }\n};\n"],"file":"manageusers-edit.js"}
+{"version":3,"sources":["../../../../../src/organism/brand-form/test/fixtures/manageusers-edit.js"],"names":["props","groups","title","fields","type","description","onChange","options","name","value","selected","required","titleStyle","checked","disabled","subtitle","fieldsLayout","groupLayout","theme","back","desc","link","onSubmit","submitValue"],"mappings":"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","sourcesContent":["export default {\n  props: {\n    groups: [\n      {\n        title: 'Editing Foo Barbaz',\n        fields: [\n          {\n            type: 'select',\n            title: 'Status',\n            description: 'Deactivation Date: 01/01/2019',\n            onChange: () => true,\n            options: [\n              {\n                name: 'active',\n                value: 'active',\n                selected: false\n              },\n              {\n                name: 'inactive',\n                value: 'inactive',\n                selected: true\n              }\n            ]\n          },\n          {\n            type: 'text',\n            title: 'Name',\n            required: true\n          },\n          {\n            type: 'text',\n            title: 'Last name',\n            required: true\n          },\n          {\n            type: 'text',\n            title: 'Email',\n            required: true\n          },\n          {\n            type: 'text',\n            title: 'Login'\n          },\n          {\n            type: 'text',\n            title: 'Provider',\n            required: true\n          },\n          {\n            type: 'select',\n            title: 'Language',\n            onChange: () => true,\n            options: [\n              {\n                name: 'foo',\n                value: 'A',\n                selected: false\n              },\n              {\n                name: 'bar',\n                value: 'B',\n                selected: true\n              },\n              {\n                name: 'baz',\n                value: 'C',\n                selected: false\n              }\n            ]\n          },\n          {\n            type: 'text',\n            title: 'Group'\n          }\n        ]\n      },\n      {\n        title: 'Roles',\n        fields: [\n          {\n            type: 'checkbox',\n            titleStyle: 'primary',\n            title: 'RH',\n            checked: true,\n            disabled: true\n          },\n          {\n            type: 'checkbox',\n            titleStyle: 'primary',\n            title: 'Godmode',\n            checked: true\n          },\n          {\n            type: 'checkbox',\n            titleStyle: 'secondary',\n            title: 'System',\n            checked: false,\n            disabled: false\n          },\n          {\n            type: 'checkbox',\n            titleStyle: 'tertiary',\n            title: 'Admin'\n          },\n          {\n            type: 'checkbox',\n            titleStyle: 'secondary',\n            title: 'CMS',\n            checked: false,\n            disabled: true\n          }\n        ]\n      },\n      {\n        title: 'CM Roles',\n        subtitle:\n          'Elit enim viverra enim, blandit turpis quam pretium id. Et, leo, amet odio proin diam sit lorem accumsan.',\n        fieldsLayout: 'grid',\n        groupLayout: 'grid',\n        fields: [\n          {\n            title: 'Coorp',\n            type: 'roles',\n            fields: [\n              {\n                type: 'checkbox',\n                titleStyle: 'primary',\n                theme: 'coorpmanager',\n                title: 'RH',\n                checked: true,\n                disabled: true\n              },\n              {\n                type: 'checkbox',\n                titleStyle: 'primary',\n                theme: 'coorpmanager',\n                title: 'CMS',\n                checked: false\n              },\n              {\n                type: 'checkbox',\n                titleStyle: 'primary',\n                theme: 'coorpmanager',\n                title: 'Admin',\n                checked: true\n              }\n            ]\n          },\n          {\n            title: 'Mooc',\n            type: 'roles',\n            fields: [\n              {\n                type: 'checkbox',\n                title: 'Admin',\n                titleStyle: 'secondary',\n                theme: 'coorpmanager',\n                checked: true\n              },\n              {\n                type: 'checkbox',\n                title: 'Super coach',\n                titleStyle: 'secondary',\n                theme: 'coorpmanager',\n                disabled: true\n              },\n              {\n                type: 'checkbox',\n                title: 'Moderator',\n                titleStyle: 'secondary',\n                theme: 'coorpmanager',\n                disabled: true\n              },\n              {\n                type: 'checkbox',\n                title: 'System',\n                titleStyle: 'secondary',\n                theme: 'coorpmanager',\n                checked: false\n              },\n              {\n                type: 'checkbox',\n                title: 'Godmode',\n                titleStyle: 'secondary',\n                theme: 'coorpmanager',\n                disabled: true,\n                checked: true\n              }\n            ]\n          },\n          {\n            title: 'CM',\n            type: 'roles',\n            fields: [\n              {\n                type: 'checkbox',\n                title: 'Admin',\n                titleStyle: 'tertiary',\n                theme: 'coorpmanager',\n                checked: true\n              },\n              {\n                type: 'checkbox',\n                title: 'Super coach',\n                titleStyle: 'tertiary',\n                theme: 'coorpmanager',\n                checked: true\n              }\n            ]\n          }\n        ]\n      },\n      {\n        title: 'Organisation',\n        fields: [\n          {\n            type: 'text',\n            title: 'Company'\n          },\n          {\n            type: 'text',\n            title: 'Boutique'\n          },\n          {\n            type: 'text',\n            title: 'Branch'\n          },\n          {\n            type: 'text',\n            title: 'Role'\n          }\n        ]\n      }\n    ],\n    back: {\n      desc: 'Back to users list',\n      link: '#'\n    },\n    onSubmit: () => {},\n    submitValue: 'Save changes'\n  }\n};\n"],"file":"manageusers-edit.js"}

package/lib/organism/mooc-footer/style.css

@@ -340,9 +340,8 @@
     width: 100%;
     height: 1px;
     position: absolute;
-    bottom: -15px;
     left: 0px;
-    border-bottom: solid 2em transparent;
+    border-bottom: solid 1em transparent;
     box-shadow: 0 1px 0 lightBlack;
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coorpacademy/components",
-  "version": "10.0.45",
+  "version": "10.0.48-alpha.1+6b91cc00f",
   "description": "",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -118,5 +118,5 @@
     "webpack-hot-middleware": "^2.25.0"
   },
   "author": "CoorpAcademy",
-  "gitHead": "9918f5d6143f67dfda502065dd0441873855b49d"
+  "gitHead": "6b91cc00f6bd7673d01da28acd685c9196c28db9"
 }