@coorpacademy/components 10.9.0 → 10.11.1

package/lib/molecule/checkbox-with-title/index.js

@@ -0,0 +1,66 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _uniqueId2 = _interopRequireDefault(require("lodash/fp/uniqueId"));
+
+var _noop2 = _interopRequireDefault(require("lodash/fp/noop"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _novaIcons = require("@coorpacademy/nova-icons");
+
+var _style = _interopRequireDefault(require("./style.css"));
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const CheckboxWithTitle = props => {
+  const {
+    title,
+    name,
+    checked,
+    onChange = _noop2.default,
+    'data-name': dataName,
+    'aria-label': ariaLabel
+  } = props;
+  const idCheckbox = (0, _uniqueId2.default)('input-checkbox-');
+  const handleChange = (0, _react.useMemo)(() => e => onChange(e.target.checked), [onChange]);
+  return /*#__PURE__*/_react.default.createElement("label", {
+    className: _style.default.container,
+    htmlFor: idCheckbox
+  }, /*#__PURE__*/_react.default.createElement("input", {
+    type: "checkbox",
+    id: idCheckbox,
+    name: name,
+    onChange: handleChange,
+    checked: checked,
+    className: _style.default.checkbox,
+    "data-name": dataName,
+    "aria-label": ariaLabel
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.label
+  }, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaSolidStatusValidate, {
+    className: _style.default.icon
+  })), /*#__PURE__*/_react.default.createElement("span", {
+    className: _style.default.title
+  }, title));
+};
+
+CheckboxWithTitle.propTypes = process.env.NODE_ENV !== "production" ? {
+  title: _propTypes.default.string,
+  name: _propTypes.default.string,
+  checked: _propTypes.default.bool,
+  onChange: _propTypes.default.func,
+  'aria-label': _propTypes.default.string,
+  'data-name': _propTypes.default.string
+} : {};
+var _default = CheckboxWithTitle;
+exports.default = _default;
+//# sourceMappingURL=index.js.map

package/lib/molecule/checkbox-with-title/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/molecule/checkbox-with-title/index.js"],"names":["CheckboxWithTitle","props","title","name","checked","onChange","dataName","ariaLabel","idCheckbox","handleChange","e","target","style","container","checkbox","label","icon","propTypes","PropTypes","string","bool","func"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;;;;;;;AAEA,MAAMA,iBAAiB,GAAGC,KAAK,IAAI;AACjC,QAAM;AACJC,IAAAA,KADI;AAEJC,IAAAA,IAFI;AAGJC,IAAAA,OAHI;AAIJC,IAAAA,QAAQ,iBAJJ;AAKJ,iBAAaC,QALT;AAMJ,kBAAcC;AANV,MAOFN,KAPJ;AASA,QAAMO,UAAU,GAAG,wBAAS,iBAAT,CAAnB;AACA,QAAMC,YAAY,GAAG,oBAAQ,MAAMC,CAAC,IAAIL,QAAQ,CAACK,CAAC,CAACC,MAAF,CAASP,OAAV,CAA3B,EAA+C,CAACC,QAAD,CAA/C,CAArB;AAEA,sBACE;AAAO,IAAA,SAAS,EAAEO,eAAMC,SAAxB;AAAmC,IAAA,OAAO,EAAEL;AAA5C,kBACE;AACE,IAAA,IAAI,EAAC,UADP;AAEE,IAAA,EAAE,EAAEA,UAFN;AAGE,IAAA,IAAI,EAAEL,IAHR;AAIE,IAAA,QAAQ,EAAEM,YAJZ;AAKE,IAAA,OAAO,EAAEL,OALX;AAME,IAAA,SAAS,EAAEQ,eAAME,QANnB;AAOE,iBAAWR,QAPb;AAQE,kBAAYC;AARd,IADF,eAWE;AAAK,IAAA,SAAS,EAAEK,eAAMG;AAAtB,kBACE,6BAAC,kCAAD;AAAW,IAAA,SAAS,EAAEH,eAAMI;AAA5B,IADF,CAXF,eAcE;AAAM,IAAA,SAAS,EAAEJ,eAAMV;AAAvB,KAA+BA,KAA/B,CAdF,CADF;AAkBD,CA/BD;;AAiCAF,iBAAiB,CAACiB,SAAlB,2CAA8B;AAC5Bf,EAAAA,KAAK,EAAEgB,mBAAUC,MADW;AAE5BhB,EAAAA,IAAI,EAAEe,mBAAUC,MAFY;AAG5Bf,EAAAA,OAAO,EAAEc,mBAAUE,IAHS;AAI5Bf,EAAAA,QAAQ,EAAEa,mBAAUG,IAJQ;AAK5B,gBAAcH,mBAAUC,MALI;AAM5B,eAAaD,mBAAUC;AANK,CAA9B;eAQenB,iB","sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {noop, uniqueId} from 'lodash/fp';\nimport {NovaSolidStatusValidate as CheckIcon} from '@coorpacademy/nova-icons';\nimport style from './style.css';\n\nconst CheckboxWithTitle = props => {\n  const {\n    title,\n    name,\n    checked,\n    onChange = noop,\n    'data-name': dataName,\n    'aria-label': ariaLabel\n  } = props;\n\n  const idCheckbox = uniqueId('input-checkbox-');\n  const handleChange = useMemo(() => e => onChange(e.target.checked), [onChange]);\n\n  return (\n    <label className={style.container} htmlFor={idCheckbox}>\n      <input\n        type=\"checkbox\"\n        id={idCheckbox}\n        name={name}\n        onChange={handleChange}\n        checked={checked}\n        className={style.checkbox}\n        data-name={dataName}\n        aria-label={ariaLabel}\n      />\n      <div className={style.label}>\n        <CheckIcon className={style.icon} />\n      </div>\n      <span className={style.title}>{title}</span>\n    </label>\n  );\n};\n\nCheckboxWithTitle.propTypes = {\n  title: PropTypes.string,\n  name: PropTypes.string,\n  checked: PropTypes.bool,\n  onChange: PropTypes.func,\n  'aria-label': PropTypes.string,\n  'data-name': PropTypes.string\n};\nexport default CheckboxWithTitle;\n"],"file":"index.js"}

package/lib/molecule/checkbox-with-title/style.css

@@ -0,0 +1,62 @@
+@value colors: "../../variables/colors.css";
+@value white from colors;
+@value dark from colors;
+@value cm_grey_200 from colors;
+@value cm_grey_100 from colors;
+@value black from colors;
+@value cm_primary_blue from colors;
+
+.container {
+  display: flex;
+  align-items: center;
+  align-content: flex-start;
+}
+
+.container input {
+  display: none;
+}
+
+.icon {
+  display: none;
+  width: 16px;
+  height: 14px;
+  color: white;
+}
+
+.container .title {
+  font-family: "Gilroy";
+  font-weight: bold;
+  font-size: 20px;
+  color: dark;
+  width: 180px;
+  margin-right: 20px;
+  min-height: 50px;
+  display: flex;
+  align-items: center;
+  align-content: center;
+  color: black;
+}
+
+.container .label {
+  border: solid 1px cm_grey_200;
+  background-color: cm_grey_100;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 23px;
+  height: 23px;
+  border-radius: 5px;
+  font-size: 14px;
+  color: dark;
+  margin-right: 8px;
+  position: relative;
+}
+
+.checkbox:checked + .label {
+  border: solid 1px cm_primary_blue;
+  background-color: cm_primary_blue;
+}
+
+.checkbox:checked + .label .icon {
+  display: flex;
+}

package/lib/molecule/checkbox-with-title/test/fixtures/checked.js

@@ -0,0 +1,13 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var _default = {
+  props: {
+    title: 'Add stars',
+    checked: true,
+    onChange: value => console.log(value)
+  }
+};
+exports.default = _default;
+//# sourceMappingURL=checked.js.map

package/lib/molecule/checkbox-with-title/test/fixtures/checked.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/molecule/checkbox-with-title/test/fixtures/checked.js"],"names":["props","title","checked","onChange","value","console","log"],"mappings":";;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAE,WADF;AAELC,IAAAA,OAAO,EAAE,IAFJ;AAGLC,IAAAA,QAAQ,EAAEC,KAAK,IAAIC,OAAO,CAACC,GAAR,CAAYF,KAAZ;AAHd;AADM,C","sourcesContent":["export default {\n  props: {\n    title: 'Add stars',\n    checked: true,\n    onChange: value => console.log(value)\n  }\n};\n"],"file":"checked.js"}

package/lib/molecule/checkbox-with-title/test/fixtures/unchecked.js

@@ -0,0 +1,13 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var _default = {
+  props: {
+    title: 'Create badge',
+    checked: false,
+    onChange: value => console.log(value)
+  }
+};
+exports.default = _default;
+//# sourceMappingURL=unchecked.js.map

package/lib/molecule/checkbox-with-title/test/fixtures/unchecked.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/molecule/checkbox-with-title/test/fixtures/unchecked.js"],"names":["props","title","checked","onChange","value","console","log"],"mappings":";;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAE,cADF;AAELC,IAAAA,OAAO,EAAE,KAFJ;AAGLC,IAAAA,QAAQ,EAAEC,KAAK,IAAIC,OAAO,CAACC,GAAR,CAAYF,KAAZ;AAHd;AADM,C","sourcesContent":["export default {\n  props: {\n    title: 'Create badge',\n    checked: false,\n    onChange: value => console.log(value)\n  }\n};\n"],"file":"unchecked.js"}

package/lib/molecule/dashboard/review-banner/index.js

@@ -7,10 +7,6 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _getOr = _interopRequireDefault(require("lodash/fp/getOr"));
-
-var _provider = _interopRequireDefault(require("../../../atom/provider"));
-
 var _buttonLink = _interopRequireDefault(require("../../../atom/button-link"));
 
 var _style = _interopRequireDefault(require("./style.css"));
@@ -19,24 +15,17 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-const ReviewBanner = (props, context) => {
+const ReviewBanner = props => {
   const {
     title,
     subtitle,
     cta
   } = props;
-  const {
-    skin
-  } = context;
-  const primary = (0, _getOr.default)('#00B0FF', 'common.primary', skin);
 
   const buttonProps = _extends(_extends({}, cta), {}, {
     type: 'primary'
   });
 
-  const ctaStyle = {
-    background: primary
-  };
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.root,
     "data-name": "start-review-banner"
@@ -63,8 +52,7 @@ const ReviewBanner = (props, context) => {
     "data-name": "review-banner-subtitle",
     "aria-label": "{subtitle}"
   }, subtitle), /*#__PURE__*/_react.default.createElement(_buttonLink.default, _extends({}, buttonProps, {
-    className: _style.default.cta,
-    customStyle: ctaStyle
+    className: _style.default.cta
   }))), /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.right,
     role: "img",
@@ -84,9 +72,6 @@ ReviewBanner.propTypes = process.env.NODE_ENV !== "production" ? {
     label: _propTypes.default.string
   })
 } : {};
-ReviewBanner.contextTypes = {
-  skin: _provider.default.childContextTypes.skin
-};
 
 var _default = _react.default.memo(ReviewBanner);
 

package/lib/molecule/dashboard/review-banner/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/molecule/dashboard/review-banner/index.js"],"names":["ReviewBanner","props","context","title","subtitle","cta","skin","primary","buttonProps","type","ctaStyle","background","style","root","container","banner","left","image","middle","right","propTypes","PropTypes","string","shape","onClick","func","label","contextTypes","Provider","childContextTypes","React","memo"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,MAAMA,YAAY,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;AACvC,QAAM;AAACC,IAAAA,KAAD;AAAQC,IAAAA,QAAR;AAAkBC,IAAAA;AAAlB,MAAyBJ,KAA/B;AACA,QAAM;AAACK,IAAAA;AAAD,MAASJ,OAAf;AACA,QAAMK,OAAO,GAAG,oBAAM,SAAN,EAAiB,gBAAjB,EAAmCD,IAAnC,CAAhB;;AAEA,QAAME,WAAW,yBACZH,GADY;AAEfI,IAAAA,IAAI,EAAE;AAFS,IAAjB;;AAIA,QAAMC,QAAQ,GAAG;AACfC,IAAAA,UAAU,EAAEJ;AADG,GAAjB;AAIA,sBACE;AAAK,IAAA,SAAS,EAAEK,eAAMC,IAAtB;AAA4B,iBAAU;AAAtC,kBACE;AAAK,IAAA,SAAS,EAAED,eAAME;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAEF,eAAMG;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAEH,eAAMI,IAAtB;AAA4B,IAAA,IAAI,EAAC,KAAjC;AAAuC,kBAAW;AAAlD,kBACE;AACE,IAAA,SAAS,EAAEJ,eAAMK,KADnB;AAEE,IAAA,GAAG,EAAC,+CAFN;AAGE,IAAA,GAAG,EAAC;AAHN,IADF,CADF,eAQE;AAAK,IAAA,SAAS,EAAEL,eAAMM;AAAtB,kBACE;AAAM,IAAA,SAAS,EAAEN,eAAMT,KAAvB;AAA8B,iBAAU,qBAAxC;AAA8D,kBAAW;AAAzE,KACGA,KADH,CADF,eAIE;AACE,IAAA,SAAS,EAAES,eAAMR,QADnB;AAEE,iBAAU,wBAFZ;AAGE,kBAAW;AAHb,KAKGA,QALH,CAJF,eAWE,6BAAC,mBAAD,eAAgBI,WAAhB;AAA6B,IAAA,SAAS,EAAEI,eAAMP,GAA9C;AAAmD,IAAA,WAAW,EAAEK;AAAhE,KAXF,CARF,eAqBE;AAAK,IAAA,SAAS,EAAEE,eAAMO,KAAtB;AAA6B,IAAA,IAAI,EAAC,KAAlC;AAAwC,kBAAW;AAAnD,kBACE;AACE,IAAA,SAAS,EAAEP,eAAMK,KADnB;AAEE,IAAA,GAAG,EAAC,kDAFN;AAGE,IAAA,GAAG,EAAC;AAHN,IADF,CArBF,CADF,CADF,CADF;AAmCD,CAhDD;;AAkDAjB,YAAY,CAACoB,SAAb,2CAAyB;AACvBjB,EAAAA,KAAK,EAAEkB,mBAAUC,MADM;AAEvBlB,EAAAA,QAAQ,EAAEiB,mBAAUC,MAFG;AAGvBjB,EAAAA,GAAG,EAAEgB,mBAAUE,KAAV,CAAgB;AACnBC,IAAAA,OAAO,EAAEH,mBAAUI,IADA;AAEnBC,IAAAA,KAAK,EAAEL,mBAAUC;AAFE,GAAhB;AAHkB,CAAzB;AASAtB,YAAY,CAAC2B,YAAb,GAA4B;AAC1BrB,EAAAA,IAAI,EAAEsB,kBAASC,iBAAT,CAA2BvB;AADP,CAA5B;;eAIewB,eAAMC,IAAN,CAAW/B,YAAX,C","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport getOr from 'lodash/fp/getOr';\nimport Provider from '../../../atom/provider';\nimport ButtonLink from '../../../atom/button-link';\nimport style from './style.css';\n\nconst ReviewBanner = (props, context) => {\n  const {title, subtitle, cta} = props;\n  const {skin} = context;\n  const primary = getOr('#00B0FF', 'common.primary', skin);\n\n  const buttonProps = {\n    ...cta,\n    type: 'primary'\n  };\n  const ctaStyle = {\n    background: primary\n  };\n\n  return (\n    <div className={style.root} data-name=\"start-review-banner\">\n      <div className={style.container}>\n        <div className={style.banner}>\n          <div className={style.left} role=\"img\" aria-label=\"Left image container\">\n            <img\n              className={style.image}\n              src=\"https://static.coorpacademy.com/site/book.png\"\n              alt=\"Book image\"\n            />\n          </div>\n          <div className={style.middle}>\n            <span className={style.title} data-name=\"review-banner-title\" aria-label=\"{title}\">\n              {title}\n            </span>\n            <span\n              className={style.subtitle}\n              data-name=\"review-banner-subtitle\"\n              aria-label=\"{subtitle}\"\n            >\n              {subtitle}\n            </span>\n            <ButtonLink {...buttonProps} className={style.cta} customStyle={ctaStyle} />\n          </div>\n          <div className={style.right} role=\"img\" aria-label=\"Rigth image container\">\n            <img\n              className={style.image}\n              src=\"https://static.coorpacademy.com/site/dumbell.png\"\n              alt=\"Dumbbell image\"\n            />\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nReviewBanner.propTypes = {\n  title: PropTypes.string,\n  subtitle: PropTypes.string,\n  cta: PropTypes.shape({\n    onClick: PropTypes.func,\n    label: PropTypes.string\n  })\n};\n\nReviewBanner.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nexport default React.memo(ReviewBanner);\n"],"file":"index.js"}
+{"version":3,"sources":["../../../../src/molecule/dashboard/review-banner/index.js"],"names":["ReviewBanner","props","title","subtitle","cta","buttonProps","type","style","root","container","banner","left","image","middle","right","propTypes","PropTypes","string","shape","onClick","func","label","React","memo"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;;;;;AAEA,MAAMA,YAAY,GAAGC,KAAK,IAAI;AAC5B,QAAM;AAACC,IAAAA,KAAD;AAAQC,IAAAA,QAAR;AAAkBC,IAAAA;AAAlB,MAAyBH,KAA/B;;AAEA,QAAMI,WAAW,yBACZD,GADY;AAEfE,IAAAA,IAAI,EAAE;AAFS,IAAjB;;AAKA,sBACE;AAAK,IAAA,SAAS,EAAEC,eAAMC,IAAtB;AAA4B,iBAAU;AAAtC,kBACE;AAAK,IAAA,SAAS,EAAED,eAAME;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAEF,eAAMG;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAEH,eAAMI,IAAtB;AAA4B,IAAA,IAAI,EAAC,KAAjC;AAAuC,kBAAW;AAAlD,kBACE;AACE,IAAA,SAAS,EAAEJ,eAAMK,KADnB;AAEE,IAAA,GAAG,EAAC,+CAFN;AAGE,IAAA,GAAG,EAAC;AAHN,IADF,CADF,eAQE;AAAK,IAAA,SAAS,EAAEL,eAAMM;AAAtB,kBACE;AAAM,IAAA,SAAS,EAAEN,eAAML,KAAvB;AAA8B,iBAAU,qBAAxC;AAA8D,kBAAW;AAAzE,KACGA,KADH,CADF,eAIE;AACE,IAAA,SAAS,EAAEK,eAAMJ,QADnB;AAEE,iBAAU,wBAFZ;AAGE,kBAAW;AAHb,KAKGA,QALH,CAJF,eAWE,6BAAC,mBAAD,eAAgBE,WAAhB;AAA6B,IAAA,SAAS,EAAEE,eAAMH;AAA9C,KAXF,CARF,eAqBE;AAAK,IAAA,SAAS,EAAEG,eAAMO,KAAtB;AAA6B,IAAA,IAAI,EAAC,KAAlC;AAAwC,kBAAW;AAAnD,kBACE;AACE,IAAA,SAAS,EAAEP,eAAMK,KADnB;AAEE,IAAA,GAAG,EAAC,kDAFN;AAGE,IAAA,GAAG,EAAC;AAHN,IADF,CArBF,CADF,CADF,CADF;AAmCD,CA3CD;;AA6CAZ,YAAY,CAACe,SAAb,2CAAyB;AACvBb,EAAAA,KAAK,EAAEc,mBAAUC,MADM;AAEvBd,EAAAA,QAAQ,EAAEa,mBAAUC,MAFG;AAGvBb,EAAAA,GAAG,EAAEY,mBAAUE,KAAV,CAAgB;AACnBC,IAAAA,OAAO,EAAEH,mBAAUI,IADA;AAEnBC,IAAAA,KAAK,EAAEL,mBAAUC;AAFE,GAAhB;AAHkB,CAAzB;;eASeK,eAAMC,IAAN,CAAWvB,YAAX,C","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport ButtonLink from '../../../atom/button-link';\nimport style from './style.css';\n\nconst ReviewBanner = props => {\n  const {title, subtitle, cta} = props;\n\n  const buttonProps = {\n    ...cta,\n    type: 'primary'\n  };\n\n  return (\n    <div className={style.root} data-name=\"start-review-banner\">\n      <div className={style.container}>\n        <div className={style.banner}>\n          <div className={style.left} role=\"img\" aria-label=\"Left image container\">\n            <img\n              className={style.image}\n              src=\"https://static.coorpacademy.com/site/book.png\"\n              alt=\"Book image\"\n            />\n          </div>\n          <div className={style.middle}>\n            <span className={style.title} data-name=\"review-banner-title\" aria-label=\"{title}\">\n              {title}\n            </span>\n            <span\n              className={style.subtitle}\n              data-name=\"review-banner-subtitle\"\n              aria-label=\"{subtitle}\"\n            >\n              {subtitle}\n            </span>\n            <ButtonLink {...buttonProps} className={style.cta} />\n          </div>\n          <div className={style.right} role=\"img\" aria-label=\"Rigth image container\">\n            <img\n              className={style.image}\n              src=\"https://static.coorpacademy.com/site/dumbell.png\"\n              alt=\"Dumbbell image\"\n            />\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nReviewBanner.propTypes = {\n  title: PropTypes.string,\n  subtitle: PropTypes.string,\n  cta: PropTypes.shape({\n    onClick: PropTypes.func,\n    label: PropTypes.string\n  })\n};\n\nexport default React.memo(ReviewBanner);\n"],"file":"index.js"}

package/lib/molecule/dashboard/review-banner/style.css

@@ -4,6 +4,9 @@
 @value mobile from breakpoints;
 @value white from colors;
 @value battle_bg from colors;
+@value cm_orange_200 from colors;
+@value cm_orange_700 from colors;
+@value box_shadow_orange_700 from colors;
 
 .root {
   display: flex;
@@ -108,6 +111,12 @@
   font-style: normal;
   font-weight: bold;
   font-size: 16px;
+  background-color: cm_orange_200;
+}
+
+.cta:hover {
+  background-color: cm_orange_700;
+  box-shadow: 0px 0px 30px 11px box_shadow_orange_700;
 }
 
 @media tablet {

package/lib/molecule/review-correction-popin/index.js

@@ -80,10 +80,12 @@ const ReviewCorrectionPopin = props => {
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.information,
     "aria-label": "answer-information"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.labelContainer
   }, /*#__PURE__*/_react.default.createElement("span", {
     className: _style.default.label,
     "aria-label": information.label
-  }, information.label), /*#__PURE__*/_react.default.createElement("span", {
+  }, information.label)), /*#__PURE__*/_react.default.createElement("span", {
     className: _style.default.message,
     "aria-label": information.message
   }, information.message))), /*#__PURE__*/_react.default.createElement("div", {

package/lib/molecule/review-correction-popin/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/molecule/review-correction-popin/index.js"],"names":["buildKlfButton","klf","klfButtonProps","icon","position","type","style","klfContainer","klfButtonContainer","klfButton","toolTip","tooltipText","tooltip","ReviewCorrectionPopin","props","information","resultLabel","next","nextQuestionButtonProps","cta","ICONS","right","RightIcon","wrong","WrongIcon","Icon","wrapper","popin","correctionSection","iconCircle","iconRight","iconWrong","feedbackSection","label","message","actions","actionsWrong","nextQuestionContainer","nextQuestionButton","propTypes","PropTypes","oneOf","string","shape","onClick","func"],"mappings":"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","sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport PropTypes from 'prop-types';\nimport {\n  NovaCompositionCoorpacademyCheck as RightIcon,\n  NovaSolidStatusClose as WrongIcon\n} from '@coorpacademy/nova-icons';\nimport ButtonLink from '../../atom/button-link';\nimport style from './style.css';\n\nconst buildKlfButton = klf => {\n  const klfButtonProps = {\n    ...klf,\n    icon: {\n      position: 'left',\n      type: 'key'\n    },\n    type: 'primary'\n  };\n\n  return (\n    <div className={style.klfContainer}>\n      <div className={style.klfButtonContainer}>\n        <ButtonLink {...klfButtonProps} className={style.klfButton} />\n      </div>\n      <div className={style.toolTip}>\n        <div className={style.tooltipText}>{klf.tooltip}</div>\n      </div>\n    </div>\n  );\n};\n\nconst ReviewCorrectionPopin = props => {\n  const {information, resultLabel, type, klf, next} = props;\n\n  const nextQuestionButtonProps = {\n    ...next,\n    type: 'primary'\n  };\n\n  const cta = type === 'wrong' ? buildKlfButton(klf) : null;\n\n  const ICONS = {\n    right: RightIcon,\n    wrong: WrongIcon\n  };\n  const Icon = ICONS[type];\n\n  return (\n    <div className={style.wrapper}>\n      <div className={classnames(style.popin, type === 'right' ? style.right : style.wrong)}>\n        <div className={style.correctionSection}>\n          <div className={style.iconCircle}>\n            <Icon className={type === 'right' ? style.iconRight : style.iconWrong} />\n          </div>\n          <div className={style.resultLabel} aria-label=\"result\">\n            <span aria-label={resultLabel}>{resultLabel}</span>\n          </div>\n        </div>\n        <div className={style.feedbackSection}>\n          <div className={style.information} aria-label=\"answer-information\">\n            <span className={style.label} aria-label={information.label}>\n              {information.label}\n            </span>\n            <span className={style.message} aria-label={information.message}>\n              {information.message}\n            </span>\n          </div>\n        </div>\n        <div className={type === 'right' ? style.actions : style.actionsWrong}>\n          {cta}\n          <div className={style.nextQuestionContainer}>\n            <ButtonLink {...nextQuestionButtonProps} className={style.nextQuestionButton} />\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nReviewCorrectionPopin.propTypes = {\n  type: PropTypes.oneOf(['right', 'wrong']),\n  resultLabel: PropTypes.string,\n  information: PropTypes.shape({\n    label: PropTypes.string,\n    message: PropTypes.string\n  }),\n  next: PropTypes.shape({\n    label: PropTypes.string,\n    onClick: PropTypes.func\n  }),\n  klf: PropTypes.shape({\n    label: PropTypes.string,\n    onClick: PropTypes.func\n  })\n};\n\nexport default ReviewCorrectionPopin;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/molecule/review-correction-popin/index.js"],"names":["buildKlfButton","klf","klfButtonProps","icon","position","type","style","klfContainer","klfButtonContainer","klfButton","toolTip","tooltipText","tooltip","ReviewCorrectionPopin","props","information","resultLabel","next","nextQuestionButtonProps","cta","ICONS","right","RightIcon","wrong","WrongIcon","Icon","wrapper","popin","correctionSection","iconCircle","iconRight","iconWrong","feedbackSection","labelContainer","label","message","actions","actionsWrong","nextQuestionContainer","nextQuestionButton","propTypes","PropTypes","oneOf","string","shape","onClick","func"],"mappings":"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","sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport PropTypes from 'prop-types';\nimport {\n  NovaCompositionCoorpacademyCheck as RightIcon,\n  NovaSolidStatusClose as WrongIcon\n} from '@coorpacademy/nova-icons';\nimport ButtonLink from '../../atom/button-link';\nimport style from './style.css';\n\nconst buildKlfButton = klf => {\n  const klfButtonProps = {\n    ...klf,\n    icon: {\n      position: 'left',\n      type: 'key'\n    },\n    type: 'primary'\n  };\n\n  return (\n    <div className={style.klfContainer}>\n      <div className={style.klfButtonContainer}>\n        <ButtonLink {...klfButtonProps} className={style.klfButton} />\n      </div>\n      <div className={style.toolTip}>\n        <div className={style.tooltipText}>{klf.tooltip}</div>\n      </div>\n    </div>\n  );\n};\n\nconst ReviewCorrectionPopin = props => {\n  const {information, resultLabel, type, klf, next} = props;\n\n  const nextQuestionButtonProps = {\n    ...next,\n    type: 'primary'\n  };\n\n  const cta = type === 'wrong' ? buildKlfButton(klf) : null;\n\n  const ICONS = {\n    right: RightIcon,\n    wrong: WrongIcon\n  };\n  const Icon = ICONS[type];\n\n  return (\n    <div className={style.wrapper}>\n      <div className={classnames(style.popin, type === 'right' ? style.right : style.wrong)}>\n        <div className={style.correctionSection}>\n          <div className={style.iconCircle}>\n            <Icon className={type === 'right' ? style.iconRight : style.iconWrong} />\n          </div>\n          <div className={style.resultLabel} aria-label=\"result\">\n            <span aria-label={resultLabel}>{resultLabel}</span>\n          </div>\n        </div>\n        <div className={style.feedbackSection}>\n          <div className={style.information} aria-label=\"answer-information\">\n            <div className={style.labelContainer}>\n              <span className={style.label} aria-label={information.label}>\n                {information.label}\n              </span>\n            </div>\n            <span className={style.message} aria-label={information.message}>\n              {information.message}\n            </span>\n          </div>\n        </div>\n        <div className={type === 'right' ? style.actions : style.actionsWrong}>\n          {cta}\n          <div className={style.nextQuestionContainer}>\n            <ButtonLink {...nextQuestionButtonProps} className={style.nextQuestionButton} />\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nReviewCorrectionPopin.propTypes = {\n  type: PropTypes.oneOf(['right', 'wrong']),\n  resultLabel: PropTypes.string,\n  information: PropTypes.shape({\n    label: PropTypes.string,\n    message: PropTypes.string\n  }),\n  next: PropTypes.shape({\n    label: PropTypes.string,\n    onClick: PropTypes.func\n  }),\n  klf: PropTypes.shape({\n    label: PropTypes.string,\n    onClick: PropTypes.func\n  })\n};\n\nexport default ReviewCorrectionPopin;\n"],"file":"index.js"}

package/lib/molecule/review-correction-popin/style.css

@@ -48,7 +48,7 @@
 
 .feedbackSection {
   display: flex;
-  margin: 0 23px;
+  margin: 0 48px 0 23px;
   flex-direction: row;
   align-items: center;
   justify-content: left;
@@ -84,7 +84,7 @@
 
 .resultLabel {
   margin-left: 12px;
-  font-weight: 900;
+  font-weight: 600;
   font-size: 24px;
   line-height: 24px;
   hyphens: auto;
@@ -95,21 +95,23 @@
 .information {
   display: block;
   flex-direction: column;
+  width: 100%;
 }
 
-.information .label {
-  width: 140px;
-  height: 25px;
+.labelContainer {
+  width: fit-content;
+  height: fit-content;
   padding: 4px 8px;
   background: rgba(255, 255, 255, 0.3);
   border-radius: 56px;
+  display: table;
+}
+
+.label {
   font-style: normal;
   font-weight: 900;
   font-size: 14px;
   line-height: 17px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
   hyphens: auto;
   -ms-word-break: break-word;
   word-break: break-word;
@@ -139,11 +141,12 @@
   opacity: 0;
   transition: opacity 0.8s;
   position: absolute;
-  width: 273px;
+  width: 142%;
   border-radius: 15px;
   background-color: white;
-  right: 17.5%;
-  top: -64px;
+  right: 0px;
+  bottom: 55px;
+  filter: drop-shadow(0px 4px 16px rgba(0, 0, 0, 0.32));
 }
 
 .toolTip::before {
@@ -158,7 +161,7 @@
   background-color: white;
   position: inherit;
   bottom: -7px;
-  left: 129px;
+  right: 10%;
 }
 
 .tooltipText {
@@ -177,6 +180,7 @@
   overflow: visible;
   width: calc(55% - 16px);
   margin-right: 16px;
+  position: relative;
 }
 
 .klfButtonContainer:hover ~ .toolTip {
@@ -236,11 +240,6 @@
   .actionsWrong {
     width: 47%;
   }
-
-  .toolTip {
-    width: 250px;
-    right: 25%;
-  }
 }
 
 @media mobile {
@@ -309,6 +308,10 @@
     bottom: 52px;
   }
 
+  .toolTip::before {
+    right: 50%
+  }
+
   .tooltipText {
     max-width: none;
   }

package/lib/molecule/setup-slide/index.js

@@ -48,7 +48,9 @@ const SetupSlide = props => {
         return /*#__PURE__*/_react.default.createElement(_inputSwitch.default, field);
 
       case 'select':
-        return /*#__PURE__*/_react.default.createElement(_select.default, field);
+        return /*#__PURE__*/_react.default.createElement(_select.default, _extends({}, field, {
+          theme: 'coorpmanager'
+        }));
 
       case 'checkbox':
         return /*#__PURE__*/_react.default.createElement(_inputCheckbox.default, field);

package/lib/molecule/setup-slide/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/molecule/setup-slide/index.js"],"names":["SetupSlide","props","fields","buildInput","field","type","title","subtitle","buildField","index","input","style","fieldsList","convert","cap","wrapper","defaultProps","propTypes","PropTypes","arrayOf","oneOfType","shape","InputSwitch","oneOf","Select","InputCheckbox","ImageUpload","InputReadonly","InputDoublestep","SetupCohortItem","MessagePopin","InputText"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {map} from 'lodash/fp';\nimport Select from '../../atom/select';\nimport InputReadonly from '../../atom/input-readonly';\nimport InputText from '../../atom/input-text';\nimport InputCheckbox from '../../atom/input-checkbox';\nimport InputDoublestep from '../../atom/input-doublestep';\nimport InputSwitch from '../../atom/input-switch';\nimport ImageUpload from '../../atom/image-upload';\nimport SetupCohortItem from '../setup-cohort-item';\nimport MessagePopin from '../message-popin';\nimport style from './style.css';\n\nconst SetupSlide = props => {\n  const {fields} = props;\n  const buildInput = field => {\n    const {type} = field;\n    switch (type) {\n      case 'switch':\n        return <InputSwitch {...field} />;\n      case 'select':\n        return <Select {...field} />;\n      case 'checkbox':\n        return <InputCheckbox {...field} />;\n      case 'image':\n        return <ImageUpload {...field} />;\n      case 'splitForm':\n        return <SetupCohortItem field={field} />;\n      case 'alert':\n        return <MessagePopin header={field.title} content={field.subtitle} />;\n      case 'readonly':\n        return <InputReadonly {...field} />;\n      case 'doublestep':\n        return <InputDoublestep {...field} />;\n      default:\n        return <InputText {...field} />;\n    }\n  };\n\n  const buildField = (field, index) => {\n    const input = buildInput(field);\n    return (\n      <div className={style.field} key={index}>\n        {input}\n      </div>\n    );\n  };\n\n  const fieldsList = map.convert({cap: false})(buildField, fields);\n\n  return <div className={style.wrapper}>{fieldsList}</div>;\n};\n\nSetupSlide.defaultProps = {\n  fields: []\n};\n\nSetupSlide.propTypes = {\n  fields: PropTypes.arrayOf(\n    PropTypes.oneOfType([\n      PropTypes.shape({\n        ...InputSwitch.propTypes,\n        type: PropTypes.oneOf(['switch'])\n      }),\n      PropTypes.shape({\n        ...Select.propTypes,\n        type: PropTypes.oneOf(['select'])\n      }),\n      PropTypes.shape({\n        ...InputCheckbox.propTypes,\n        type: PropTypes.oneOf(['checkbox'])\n      }),\n      PropTypes.shape({\n        ...ImageUpload.propTypes,\n        type: PropTypes.oneOf(['image'])\n      }),\n      PropTypes.shape({\n        ...InputReadonly.propTypes,\n        type: PropTypes.oneOf(['readonly'])\n      }),\n      PropTypes.shape({\n        ...InputDoublestep.propTypes,\n        type: PropTypes.oneOf(['doublestep'])\n      }),\n      PropTypes.shape({\n        ...SetupCohortItem.propTypes,\n        type: PropTypes.oneOf(['splitForm'])\n      }),\n      PropTypes.shape({\n        ...MessagePopin.propTypes,\n        type: PropTypes.oneOf(['alert'])\n      }),\n      PropTypes.shape(InputText.propTypes)\n    ])\n  )\n};\nexport default SetupSlide;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/molecule/setup-slide/index.js"],"names":["SetupSlide","props","fields","buildInput","field","type","title","subtitle","buildField","index","input","style","fieldsList","convert","cap","wrapper","defaultProps","propTypes","PropTypes","arrayOf","oneOfType","shape","InputSwitch","oneOf","Select","InputCheckbox","ImageUpload","InputReadonly","InputDoublestep","SetupCohortItem","MessagePopin","InputText"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {map} from 'lodash/fp';\nimport Select from '../../atom/select';\nimport InputReadonly from '../../atom/input-readonly';\nimport InputText from '../../atom/input-text';\nimport InputCheckbox from '../../atom/input-checkbox';\nimport InputDoublestep from '../../atom/input-doublestep';\nimport InputSwitch from '../../atom/input-switch';\nimport ImageUpload from '../../atom/image-upload';\nimport SetupCohortItem from '../setup-cohort-item';\nimport MessagePopin from '../message-popin';\nimport style from './style.css';\n\nconst SetupSlide = props => {\n  const {fields} = props;\n  const buildInput = field => {\n    const {type} = field;\n    switch (type) {\n      case 'switch':\n        return <InputSwitch {...field} />;\n      case 'select':\n        return <Select {...field} theme={'coorpmanager'} />;\n      case 'checkbox':\n        return <InputCheckbox {...field} />;\n      case 'image':\n        return <ImageUpload {...field} />;\n      case 'splitForm':\n        return <SetupCohortItem field={field} />;\n      case 'alert':\n        return <MessagePopin header={field.title} content={field.subtitle} />;\n      case 'readonly':\n        return <InputReadonly {...field} />;\n      case 'doublestep':\n        return <InputDoublestep {...field} />;\n      default:\n        return <InputText {...field} />;\n    }\n  };\n\n  const buildField = (field, index) => {\n    const input = buildInput(field);\n    return (\n      <div className={style.field} key={index}>\n        {input}\n      </div>\n    );\n  };\n\n  const fieldsList = map.convert({cap: false})(buildField, fields);\n\n  return <div className={style.wrapper}>{fieldsList}</div>;\n};\n\nSetupSlide.defaultProps = {\n  fields: []\n};\n\nSetupSlide.propTypes = {\n  fields: PropTypes.arrayOf(\n    PropTypes.oneOfType([\n      PropTypes.shape({\n        ...InputSwitch.propTypes,\n        type: PropTypes.oneOf(['switch'])\n      }),\n      PropTypes.shape({\n        ...Select.propTypes,\n        type: PropTypes.oneOf(['select'])\n      }),\n      PropTypes.shape({\n        ...InputCheckbox.propTypes,\n        type: PropTypes.oneOf(['checkbox'])\n      }),\n      PropTypes.shape({\n        ...ImageUpload.propTypes,\n        type: PropTypes.oneOf(['image'])\n      }),\n      PropTypes.shape({\n        ...InputReadonly.propTypes,\n        type: PropTypes.oneOf(['readonly'])\n      }),\n      PropTypes.shape({\n        ...InputDoublestep.propTypes,\n        type: PropTypes.oneOf(['doublestep'])\n      }),\n      PropTypes.shape({\n        ...SetupCohortItem.propTypes,\n        type: PropTypes.oneOf(['splitForm'])\n      }),\n      PropTypes.shape({\n        ...MessagePopin.propTypes,\n        type: PropTypes.oneOf(['alert'])\n      }),\n      PropTypes.shape(InputText.propTypes)\n    ])\n  )\n};\nexport default SetupSlide;\n"],"file":"index.js"}

package/lib/organism/brand-form/test/fixtures/lms.js

@@ -76,6 +76,23 @@ var _default = {
             type: 'readonly',
             title: 'Material type',
             value: 'External Links'
+          }, {
+            type: 'select',
+            title: 'LMS Available Language Source',
+            options: [{
+              name: 'English',
+              value: 'English',
+              selected: false
+            }, {
+              name: 'Français',
+              value: 'Français',
+              selected: true
+            }, {
+              name: 'Español',
+              value: 'Español',
+              selected: true
+            }],
+            onChange: value => console.log(value)
           }, {
             type: 'switch',
             title: 'Course',

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/organism/brand-form/test/fixtures/lms.js"],"names":["props","groups","title","fieldsLayout","fields","type","options","name","value","onChange","console","log","submitValue","onClick","subtitle","tabProps","slides","placeholder","required","description","toggleValue","confirmValue","confirmDisabled","cancelValue","textValidation","isPending"],"mappings":"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","sourcesContent":["export default {\n  props: {\n    groups: [\n      {\n        title: 'Add an LMS configuration',\n        fieldsLayout: 'grid',\n        fields: [\n          {\n            type: 'select',\n            options: [\n              {name: '', value: ''},\n              {name: 'CSOD', value: 'CSOD'},\n              {name: 'SAP', value: 'SAP'},\n              {name: 'XAPI', value: 'XAPI'}\n            ],\n            onChange: () => console.log('dispatch newConfig')\n          },\n          {\n            type: 'button',\n            submitValue: 'Add',\n            onClick: () => console.log('add new slide')\n          }\n        ]\n      },\n      {\n        title: 'LMS configuration',\n        subtitle: 'Configure the coorpacademy integration to LMS',\n        fields: [\n          {\n            type: 'slider',\n            tabProps: [\n              {\n                title: 'CSOD'\n              },\n              {\n                title: 'SAP'\n              },\n              {\n                title: 'XAPI'\n              }\n            ],\n            slides: [\n              {\n                fields: [\n                  {\n                    type: 'switch',\n                    title: 'Enabled',\n                    value: true,\n                    onChange: () => console.log('dispatch Enabled')\n                  },\n                  {\n                    type: 'text',\n                    title: 'URL',\n                    placeholder: 'https://some.fake.csod.hostname',\n                    required: true,\n                    value: 'https://partner0125.csod.com',\n                    onChange: () => console.log('dispatch URL')\n                  },\n                  {\n                    type: 'text',\n                    title: 'Client ID',\n                    required: true,\n                    value: 'Some-client-id',\n                    onChange: () => console.log('dispatch Client ID')\n                  },\n                  {\n                    type: 'text',\n                    title: 'Client Secret',\n                    required: true,\n                    value: '',\n                    onChange: () => console.log('dispatch Client Secret')\n                  },\n                  {\n                    type: 'text',\n                    title: 'Provider',\n                    description: 'This is the name you gave to Coorpacademy in CSOD.',\n                    required: true,\n                    value: 'COORPACADEMY',\n                    onChange: () => console.log('dispatch Provider')\n                  },\n                  {\n                    type: 'readonly',\n                    title: 'Material type',\n                    value: 'External Links'\n                  },\n                  {\n                    type: 'switch',\n                    title: 'Course',\n                    value: true,\n                    onChange: () => console.log('dispatch Course')\n                  },\n                  {\n                    type: 'switch',\n                    title: 'Level',\n                    value: true,\n                    onChange: () => console.log('dispatch Level')\n                  },\n                  {\n                    type: 'switch',\n                    title: 'Chapter',\n                    value: false,\n                    onChange: () => console.log('dispatch Chapter')\n                  },\n                  {\n                    type: 'switch',\n                    title: 'Progression',\n                    value: true,\n                    onChange: () => console.log('dispatch Progression')\n                  },\n                  {\n                    type: 'text',\n                    title: 'Title customization',\n                    description: 'Suffix at the end of the title',\n                    required: false,\n                    value: '- SEIQ',\n                    onChange: () => console.log('dispatch Title customization')\n                  },\n                  {\n                    type: 'readonly',\n                    title: 'API used to send progressions',\n                    value: 'EXPRESS_CLASS',\n                    description: 'This is the API chosen to send progressions'\n                  },\n                  {\n                    type: 'text',\n                    title: 'Facilitator ID',\n                    description: 'Used to prevent errors with Express Class',\n                    required: true,\n                    value: '1223785',\n                    onChange: () => console.log('dispatch Facilitator ID')\n                  },\n                  {\n                    type: 'doublestep',\n                    toggleValue: 'Delete Configuration',\n                    confirmValue: 'Confirm',\n                    confirmDisabled: false,\n                    cancelValue: 'Cancel',\n                    description:\n                      'You are about to delete the CSOD configuration. Click \"confirm\" to proceed.',\n                    textValidation: false,\n                    isPending: false,\n                    onClick: () => console.log('dispatch without this config')\n                  }\n                ]\n              },\n              {\n                fields: [\n                  {\n                    type: 'switch',\n                    title: 'Enabled',\n                    value: false,\n                    onChange: () => console.log('dispatch Enabled')\n                  },\n                  {\n                    type: 'text',\n                    title: 'Contact email address',\n                    placeholder: '',\n                    description:\n                      'The email address we should notify when new content has been exported.',\n                    required: true,\n                    value: '',\n                    onChange: () => console.log('dispatch Email address')\n                  },\n                  {\n                    type: 'text',\n                    title: 'URL',\n                    placeholder: 'https://some.fake.sap.hostname',\n                    required: true,\n                    value: '',\n                    onChange: () => console.log('dispatch URL')\n                  },\n                  {\n                    type: 'text',\n                    title: 'Client ID',\n                    required: true,\n                    value: '',\n                    onChange: () => console.log('dispatch Client ID')\n                  },\n                  {\n                    type: 'text',\n                    title: 'Client Secret',\n                    required: true,\n                    value: '',\n                    onChange: () => console.log('dispatch ClientSecret')\n                  },\n                  {\n                    type: 'text',\n                    title: 'Scope User ID',\n                    required: true,\n                    value: '',\n                    onChange: () => console.log('dispatch Scope user ID')\n                  },\n                  {\n                    type: 'text',\n                    title: 'Scope Company ID',\n                    required: true,\n                    value: '',\n                    onChange: () => console.log('dispatch Scope Company ID')\n                  },\n                  {\n                    type: 'text',\n                    title: 'Provider',\n                    description: 'This is the name you gave to Coorpacademy in SAP.',\n                    required: true,\n                    value: '',\n                    onChange: () => console.log('dispatch Provider')\n                  },\n                  {\n                    type: 'switch',\n                    title: 'Course',\n                    value: false,\n                    onChange: () => console.log('dispatch Course')\n                  },\n                  {\n                    type: 'switch',\n                    title: 'Level',\n                    value: false,\n                    onChange: () => console.log('dispatch Level')\n                  },\n                  {\n                    type: 'switch',\n                    title: 'Chapter',\n                    value: false,\n                    onChange: () => console.log('dispatch Chapter')\n                  },\n                  {\n                    type: 'doublestep',\n                    toggleValue: 'Delete Configuration',\n                    confirmValue: 'Confirm',\n                    confirmDisabled: false,\n                    cancelValue: 'Cancel',\n                    description:\n                      'You are about to delete the SAP configuration. Click \"confirm\" to proceed.',\n                    textValidation: false,\n                    isPending: false,\n                    onClick: () => console.log('dispatch without this config')\n                  }\n                ]\n              },\n              {\n                fields: [\n                  {\n                    type: 'switch',\n                    title: 'Enabled',\n                    value: false,\n                    onChange: () => console.log('dispatch Enabled')\n                  },\n                  {\n                    type: 'text',\n                    title: 'URL',\n                    placeholder: 'https://some.fake.csod.hostname',\n                    required: true,\n                    value: '',\n                    onChange: () => console.log('dispatch URL')\n                  },\n                  {\n                    type: 'readonly',\n                    title: 'Authentication type',\n                    value: 'basic',\n                    description: 'Authentication type can only have the \"basic\" value'\n                  },\n                  {\n                    type: 'text',\n                    title: 'Username',\n                    required: true,\n                    value: '',\n                    onChange: () => console.log('dispatch Username')\n                  },\n                  {\n                    type: 'text',\n                    title: 'Password',\n                    description: 'this should be an input type password',\n                    required: true,\n                    value: '',\n                    onChange: () => console.log('dispatch Password')\n                  },\n                  {\n                    type: 'doublestep',\n                    toggleValue: 'Delete Configuration',\n                    confirmValue: 'Confirm',\n                    confirmDisabled: false,\n                    cancelValue: 'Cancel',\n                    description:\n                      'You are about to delete the XAPI configuration. Click \"confirm\" to proceed.',\n                    textValidation: false,\n                    isPending: false,\n                    onClick: () => console.log('dispatch without this config')\n                  }\n                ]\n              }\n            ]\n          }\n        ]\n      }\n    ]\n  }\n};\n"],"file":"lms.js"}
+{"version":3,"sources":["../../../../../src/organism/brand-form/test/fixtures/lms.js"],"names":["props","groups","title","fieldsLayout","fields","type","options","name","value","onChange","console","log","submitValue","onClick","subtitle","tabProps","slides","placeholder","required","description","selected","toggleValue","confirmValue","confirmDisabled","cancelValue","textValidation","isPending"],"mappings":"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","sourcesContent":["export default {\n  props: {\n    groups: [\n      {\n        title: 'Add an LMS configuration',\n        fieldsLayout: 'grid',\n        fields: [\n          {\n            type: 'select',\n            options: [\n              {name: '', value: ''},\n              {name: 'CSOD', value: 'CSOD'},\n              {name: 'SAP', value: 'SAP'},\n              {name: 'XAPI', value: 'XAPI'}\n            ],\n            onChange: () => console.log('dispatch newConfig')\n          },\n          {\n            type: 'button',\n            submitValue: 'Add',\n            onClick: () => console.log('add new slide')\n          }\n        ]\n      },\n      {\n        title: 'LMS configuration',\n        subtitle: 'Configure the coorpacademy integration to LMS',\n        fields: [\n          {\n            type: 'slider',\n            tabProps: [\n              {\n                title: 'CSOD'\n              },\n              {\n                title: 'SAP'\n              },\n              {\n                title: 'XAPI'\n              }\n            ],\n            slides: [\n              {\n                fields: [\n                  {\n                    type: 'switch',\n                    title: 'Enabled',\n                    value: true,\n                    onChange: () => console.log('dispatch Enabled')\n                  },\n                  {\n                    type: 'text',\n                    title: 'URL',\n                    placeholder: 'https://some.fake.csod.hostname',\n                    required: true,\n                    value: 'https://partner0125.csod.com',\n                    onChange: () => console.log('dispatch URL')\n                  },\n                  {\n                    type: 'text',\n                    title: 'Client ID',\n                    required: true,\n                    value: 'Some-client-id',\n                    onChange: () => console.log('dispatch Client ID')\n                  },\n                  {\n                    type: 'text',\n                    title: 'Client Secret',\n                    required: true,\n                    value: '',\n                    onChange: () => console.log('dispatch Client Secret')\n                  },\n                  {\n                    type: 'text',\n                    title: 'Provider',\n                    description: 'This is the name you gave to Coorpacademy in CSOD.',\n                    required: true,\n                    value: 'COORPACADEMY',\n                    onChange: () => console.log('dispatch Provider')\n                  },\n                  {\n                    type: 'readonly',\n                    title: 'Material type',\n                    value: 'External Links'\n                  },\n                  {\n                    type: 'select',\n                    title: 'LMS Available Language Source',\n                    options: [\n                      {\n                        name: 'English',\n                        value: 'English',\n                        selected: false\n                      },\n                      {\n                        name: 'Français',\n                        value: 'Français',\n                        selected: true\n                      },\n                      {\n                        name: 'Español',\n                        value: 'Español',\n                        selected: true\n                      }\n                    ],\n                    onChange: value => console.log(value)\n                  },\n                  {\n                    type: 'switch',\n                    title: 'Course',\n                    value: true,\n                    onChange: () => console.log('dispatch Course')\n                  },\n                  {\n                    type: 'switch',\n                    title: 'Level',\n                    value: true,\n                    onChange: () => console.log('dispatch Level')\n                  },\n                  {\n                    type: 'switch',\n                    title: 'Chapter',\n                    value: false,\n                    onChange: () => console.log('dispatch Chapter')\n                  },\n                  {\n                    type: 'switch',\n                    title: 'Progression',\n                    value: true,\n                    onChange: () => console.log('dispatch Progression')\n                  },\n                  {\n                    type: 'text',\n                    title: 'Title customization',\n                    description: 'Suffix at the end of the title',\n                    required: false,\n                    value: '- SEIQ',\n                    onChange: () => console.log('dispatch Title customization')\n                  },\n                  {\n                    type: 'readonly',\n                    title: 'API used to send progressions',\n                    value: 'EXPRESS_CLASS',\n                    description: 'This is the API chosen to send progressions'\n                  },\n                  {\n                    type: 'text',\n                    title: 'Facilitator ID',\n                    description: 'Used to prevent errors with Express Class',\n                    required: true,\n                    value: '1223785',\n                    onChange: () => console.log('dispatch Facilitator ID')\n                  },\n                  {\n                    type: 'doublestep',\n                    toggleValue: 'Delete Configuration',\n                    confirmValue: 'Confirm',\n                    confirmDisabled: false,\n                    cancelValue: 'Cancel',\n                    description:\n                      'You are about to delete the CSOD configuration. Click \"confirm\" to proceed.',\n                    textValidation: false,\n                    isPending: false,\n                    onClick: () => console.log('dispatch without this config')\n                  }\n                ]\n              },\n              {\n                fields: [\n                  {\n                    type: 'switch',\n                    title: 'Enabled',\n                    value: false,\n                    onChange: () => console.log('dispatch Enabled')\n                  },\n                  {\n                    type: 'text',\n                    title: 'Contact email address',\n                    placeholder: '',\n                    description:\n                      'The email address we should notify when new content has been exported.',\n                    required: true,\n                    value: '',\n                    onChange: () => console.log('dispatch Email address')\n                  },\n                  {\n                    type: 'text',\n                    title: 'URL',\n                    placeholder: 'https://some.fake.sap.hostname',\n                    required: true,\n                    value: '',\n                    onChange: () => console.log('dispatch URL')\n                  },\n                  {\n                    type: 'text',\n                    title: 'Client ID',\n                    required: true,\n                    value: '',\n                    onChange: () => console.log('dispatch Client ID')\n                  },\n                  {\n                    type: 'text',\n                    title: 'Client Secret',\n                    required: true,\n                    value: '',\n                    onChange: () => console.log('dispatch ClientSecret')\n                  },\n                  {\n                    type: 'text',\n                    title: 'Scope User ID',\n                    required: true,\n                    value: '',\n                    onChange: () => console.log('dispatch Scope user ID')\n                  },\n                  {\n                    type: 'text',\n                    title: 'Scope Company ID',\n                    required: true,\n                    value: '',\n                    onChange: () => console.log('dispatch Scope Company ID')\n                  },\n                  {\n                    type: 'text',\n                    title: 'Provider',\n                    description: 'This is the name you gave to Coorpacademy in SAP.',\n                    required: true,\n                    value: '',\n                    onChange: () => console.log('dispatch Provider')\n                  },\n                  {\n                    type: 'switch',\n                    title: 'Course',\n                    value: false,\n                    onChange: () => console.log('dispatch Course')\n                  },\n                  {\n                    type: 'switch',\n                    title: 'Level',\n                    value: false,\n                    onChange: () => console.log('dispatch Level')\n                  },\n                  {\n                    type: 'switch',\n                    title: 'Chapter',\n                    value: false,\n                    onChange: () => console.log('dispatch Chapter')\n                  },\n                  {\n                    type: 'doublestep',\n                    toggleValue: 'Delete Configuration',\n                    confirmValue: 'Confirm',\n                    confirmDisabled: false,\n                    cancelValue: 'Cancel',\n                    description:\n                      'You are about to delete the SAP configuration. Click \"confirm\" to proceed.',\n                    textValidation: false,\n                    isPending: false,\n                    onClick: () => console.log('dispatch without this config')\n                  }\n                ]\n              },\n              {\n                fields: [\n                  {\n                    type: 'switch',\n                    title: 'Enabled',\n                    value: false,\n                    onChange: () => console.log('dispatch Enabled')\n                  },\n                  {\n                    type: 'text',\n                    title: 'URL',\n                    placeholder: 'https://some.fake.csod.hostname',\n                    required: true,\n                    value: '',\n                    onChange: () => console.log('dispatch URL')\n                  },\n                  {\n                    type: 'readonly',\n                    title: 'Authentication type',\n                    value: 'basic',\n                    description: 'Authentication type can only have the \"basic\" value'\n                  },\n                  {\n                    type: 'text',\n                    title: 'Username',\n                    required: true,\n                    value: '',\n                    onChange: () => console.log('dispatch Username')\n                  },\n                  {\n                    type: 'text',\n                    title: 'Password',\n                    description: 'this should be an input type password',\n                    required: true,\n                    value: '',\n                    onChange: () => console.log('dispatch Password')\n                  },\n                  {\n                    type: 'doublestep',\n                    toggleValue: 'Delete Configuration',\n                    confirmValue: 'Confirm',\n                    confirmDisabled: false,\n                    cancelValue: 'Cancel',\n                    description:\n                      'You are about to delete the XAPI configuration. Click \"confirm\" to proceed.',\n                    textValidation: false,\n                    isPending: false,\n                    onClick: () => console.log('dispatch without this config')\n                  }\n                ]\n              }\n            ]\n          }\n        ]\n      }\n    ]\n  }\n};\n"],"file":"lms.js"}

package/lib/variables/colors.css

@@ -51,7 +51,7 @@
 @value cm_green_50: #e8fcf8;
 @value cm_green_200: #16ac8c;
 @value cm_orange_200: #FF7043;
-@value cm_orange_700: #ff4105;
+@value cm_orange_700: #FF4105;
 @value cm_pink_50: #ffefeb;
 @value cm_purple_200: #7340FF;
 @value cm_yellow_scorm: #FFB800;
@@ -64,3 +64,4 @@
 @value cm_warning_50: rgba(255, 192, 67, 0.13);
 @value box_shadow_light_dark: rgba(0, 0, 0, 0.12);
 @value box_shadow_medium_dark: rgba(0, 0, 0, 0.2);
+@value box_shadow_orange_700: rgba(255, 84, 31, 0.15);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coorpacademy/components",
-  "version": "10.9.0",
+  "version": "10.11.1",
   "description": "",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -119,5 +119,5 @@
     "webpack-hot-middleware": "^2.25.0"
   },
   "author": "CoorpAcademy",
-  "gitHead": "ec3f54e338aa0f67e7bdc49c45e29afc9871f98a"
+  "gitHead": "d6653a1d90fe7a5927bf17cc520ed7104719e282"
 }