@coorpacademy/components 10.0.37-alpha.3 → 10.0.40

package/lib/molecule/popin/test/fixtures/background-no-second-button.js

@@ -0,0 +1,18 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var _default = {
+  props: {
+    header: '',
+    content: 'Do you accept the terms and policies?',
+    type: 'hiddenStateManagment',
+    firstButtonLabel: 'Yes',
+    onFirstButtonClick: () => {},
+    onSecondeButtonClick: () => {},
+    backgroundImageUrl: 'https://static.coorpacademy.com/content/up/raw/logo-generique-teams-mobile.png',
+    onClose: () => {}
+  }
+};
+exports.default = _default;
+//# sourceMappingURL=background-no-second-button.js.map

package/lib/molecule/popin/test/fixtures/background-no-second-button.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/molecule/popin/test/fixtures/background-no-second-button.js"],"names":["props","header","content","type","firstButtonLabel","onFirstButtonClick","onSecondeButtonClick","backgroundImageUrl","onClose"],"mappings":";;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,MAAM,EAAE,EADH;AAELC,IAAAA,OAAO,EAAE,uCAFJ;AAGLC,IAAAA,IAAI,EAAE,sBAHD;AAILC,IAAAA,gBAAgB,EAAE,KAJb;AAKLC,IAAAA,kBAAkB,EAAE,MAAM,CAAE,CALvB;AAMLC,IAAAA,oBAAoB,EAAE,MAAM,CAAE,CANzB;AAOLC,IAAAA,kBAAkB,EAChB,gFARG;AASLC,IAAAA,OAAO,EAAE,MAAM,CAAE;AATZ;AADM,C","sourcesContent":["export default {\n  props: {\n    header: '',\n    content: 'Do you accept the terms and policies?',\n    type: 'hiddenStateManagment',\n    firstButtonLabel: 'Yes',\n    onFirstButtonClick: () => {},\n    onSecondeButtonClick: () => {},\n    backgroundImageUrl:\n      'https://static.coorpacademy.com/content/up/raw/logo-generique-teams-mobile.png',\n    onClose: () => {}\n  }\n};\n"],"file":"background-no-second-button.js"}

package/lib/molecule/popin/test/on-change.js

@@ -21,21 +21,33 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
   adapter: new _enzymeAdapterReact.default()
 });
 (0, _ava.default)('should call the onChange function and check the input value', t => {
-  t.plan(2);
   const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_.default, _assistance.default.props));
-  wrapper.find('input').simulate('change', {
+  const contactObjectInput = wrapper.find('[data-name="contact-object"]');
+  t.truthy(contactObjectInput);
+  contactObjectInput.simulate('change', {
     target: {
       name: 'object',
       value: 'test'
     }
   });
-  t.is(wrapper.find('input').props().value, 'test');
-  wrapper.find('textarea').simulate('change', {
+  t.is(wrapper.find('[data-name="contact-object"]').props().value, 'test');
+  const contactMessageInput = wrapper.find('[data-name="contact-message"]');
+  t.truthy(contactMessageInput);
+  contactMessageInput.simulate('change', {
     target: {
       name: 'message',
       value: 'test textarea'
     }
   });
-  t.is(wrapper.find('textarea').props().value, 'test textarea');
+  t.is(wrapper.find('[data-name="contact-message"]').props().value, 'test textarea');
+  const contactEmailInput = wrapper.find('[data-name="contact-email"]');
+  t.truthy(contactEmailInput);
+  contactEmailInput.simulate('change', {
+    target: {
+      name: 'email',
+      value: 'test contact email'
+    }
+  });
+  t.is(wrapper.find('[data-name="contact-email"]').props().value, 'test contact email');
 });
 //# sourceMappingURL=on-change.js.map

package/lib/molecule/popin/test/on-change.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/molecule/popin/test/on-change.js"],"names":["adapter","Adapter","t","plan","wrapper","props","find","simulate","target","name","value","is"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA;AACA,uBAAU;AAACA,EAAAA,OAAO,EAAE,IAAIC,2BAAJ;AAAV,CAAV;AAEA,kBAAK,6DAAL,EAAoEC,CAAC,IAAI;AACvEA,EAAAA,CAAC,CAACC,IAAF,CAAO,CAAP;AACA,QAAMC,OAAO,GAAG,mCAAQ,6BAAC,SAAD,EAAWC,oBAAMA,KAAjB,CAAR,CAAhB;AAEAD,EAAAA,OAAO,CAACE,IAAR,CAAa,OAAb,EAAsBC,QAAtB,CAA+B,QAA/B,EAAyC;AAACC,IAAAA,MAAM,EAAE;AAACC,MAAAA,IAAI,EAAE,QAAP;AAAiBC,MAAAA,KAAK,EAAE;AAAxB;AAAT,GAAzC;AACAR,EAAAA,CAAC,CAACS,EAAF,CAAKP,OAAO,CAACE,IAAR,CAAa,OAAb,EAAsBD,KAAtB,GAA8BK,KAAnC,EAA0C,MAA1C;AAEAN,EAAAA,OAAO,CAACE,IAAR,CAAa,UAAb,EAAyBC,QAAzB,CAAkC,QAAlC,EAA4C;AAACC,IAAAA,MAAM,EAAE;AAACC,MAAAA,IAAI,EAAE,SAAP;AAAkBC,MAAAA,KAAK,EAAE;AAAzB;AAAT,GAA5C;AACAR,EAAAA,CAAC,CAACS,EAAF,CAAKP,OAAO,CAACE,IAAR,CAAa,UAAb,EAAyBD,KAAzB,GAAiCK,KAAtC,EAA6C,eAA7C;AACD,CATD","sourcesContent":["import browserEnv from 'browser-env';\nimport test from 'ava';\nimport React from 'react';\nimport {shallow, configure} from 'enzyme';\nimport Adapter from 'enzyme-adapter-react-16';\nimport Popin from '..';\nimport props from './fixtures/assistance';\n\nbrowserEnv();\nconfigure({adapter: new Adapter()});\n\ntest('should call the onChange function and check the input value', t => {\n  t.plan(2);\n  const wrapper = shallow(<Popin {...props.props} />);\n\n  wrapper.find('input').simulate('change', {target: {name: 'object', value: 'test'}});\n  t.is(wrapper.find('input').props().value, 'test');\n\n  wrapper.find('textarea').simulate('change', {target: {name: 'message', value: 'test textarea'}});\n  t.is(wrapper.find('textarea').props().value, 'test textarea');\n});\n"],"file":"on-change.js"}
+{"version":3,"sources":["../../../../src/molecule/popin/test/on-change.js"],"names":["adapter","Adapter","t","wrapper","props","contactObjectInput","find","truthy","simulate","target","name","value","is","contactMessageInput","contactEmailInput"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA;AACA,uBAAU;AAACA,EAAAA,OAAO,EAAE,IAAIC,2BAAJ;AAAV,CAAV;AAEA,kBAAK,6DAAL,EAAoEC,CAAC,IAAI;AACvE,QAAMC,OAAO,GAAG,mCAAQ,6BAAC,SAAD,EAAWC,oBAAMA,KAAjB,CAAR,CAAhB;AAEA,QAAMC,kBAAkB,GAAGF,OAAO,CAACG,IAAR,CAAa,8BAAb,CAA3B;AACAJ,EAAAA,CAAC,CAACK,MAAF,CAASF,kBAAT;AACAA,EAAAA,kBAAkB,CAACG,QAAnB,CAA4B,QAA5B,EAAsC;AAACC,IAAAA,MAAM,EAAE;AAACC,MAAAA,IAAI,EAAE,QAAP;AAAiBC,MAAAA,KAAK,EAAE;AAAxB;AAAT,GAAtC;AACAT,EAAAA,CAAC,CAACU,EAAF,CAAKT,OAAO,CAACG,IAAR,CAAa,8BAAb,EAA6CF,KAA7C,GAAqDO,KAA1D,EAAiE,MAAjE;AAEA,QAAME,mBAAmB,GAAGV,OAAO,CAACG,IAAR,CAAa,+BAAb,CAA5B;AACAJ,EAAAA,CAAC,CAACK,MAAF,CAASM,mBAAT;AACAA,EAAAA,mBAAmB,CAACL,QAApB,CAA6B,QAA7B,EAAuC;AAACC,IAAAA,MAAM,EAAE;AAACC,MAAAA,IAAI,EAAE,SAAP;AAAkBC,MAAAA,KAAK,EAAE;AAAzB;AAAT,GAAvC;AACAT,EAAAA,CAAC,CAACU,EAAF,CAAKT,OAAO,CAACG,IAAR,CAAa,+BAAb,EAA8CF,KAA9C,GAAsDO,KAA3D,EAAkE,eAAlE;AAEA,QAAMG,iBAAiB,GAAGX,OAAO,CAACG,IAAR,CAAa,6BAAb,CAA1B;AACAJ,EAAAA,CAAC,CAACK,MAAF,CAASO,iBAAT;AACAA,EAAAA,iBAAiB,CAACN,QAAlB,CAA2B,QAA3B,EAAqC;AAACC,IAAAA,MAAM,EAAE;AAACC,MAAAA,IAAI,EAAE,OAAP;AAAgBC,MAAAA,KAAK,EAAE;AAAvB;AAAT,GAArC;AACAT,EAAAA,CAAC,CAACU,EAAF,CAAKT,OAAO,CAACG,IAAR,CAAa,6BAAb,EAA4CF,KAA5C,GAAoDO,KAAzD,EAAgE,oBAAhE;AACD,CAjBD","sourcesContent":["import browserEnv from 'browser-env';\nimport test from 'ava';\nimport React from 'react';\nimport {shallow, configure} from 'enzyme';\nimport Adapter from 'enzyme-adapter-react-16';\nimport Popin from '..';\nimport props from './fixtures/assistance';\n\nbrowserEnv();\nconfigure({adapter: new Adapter()});\n\ntest('should call the onChange function and check the input value', t => {\n  const wrapper = shallow(<Popin {...props.props} />);\n\n  const contactObjectInput = wrapper.find('[data-name=\"contact-object\"]');\n  t.truthy(contactObjectInput);\n  contactObjectInput.simulate('change', {target: {name: 'object', value: 'test'}});\n  t.is(wrapper.find('[data-name=\"contact-object\"]').props().value, 'test');\n\n  const contactMessageInput = wrapper.find('[data-name=\"contact-message\"]');\n  t.truthy(contactMessageInput);\n  contactMessageInput.simulate('change', {target: {name: 'message', value: 'test textarea'}});\n  t.is(wrapper.find('[data-name=\"contact-message\"]').props().value, 'test textarea');\n\n  const contactEmailInput = wrapper.find('[data-name=\"contact-email\"]');\n  t.truthy(contactEmailInput);\n  contactEmailInput.simulate('change', {target: {name: 'email', value: 'test contact email'}});\n  t.is(wrapper.find('[data-name=\"contact-email\"]').props().value, 'test contact email');\n});\n"],"file":"on-change.js"}

package/lib/molecule/progress-bar/index.js

@@ -37,7 +37,7 @@ const ProgressBar = props => {
     className: (0, _classnames.default)(_style.default.background, className)
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.progress,
-    style: _extends({}, propsStyle, {
+    style: _extends(_extends({}, propsStyle), {}, {
       width: `${ratio * 100}%`
     })
   }), /*#__PURE__*/_react.default.createElement("p", {

package/lib/molecule/progress-bar/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/molecule/progress-bar/index.js"],"names":["ProgressBar","props","className","value","max","desc","steps","style","propsStyle","ratio","percentage","Math","floor","text","stepList","index","step","background","progress","width","texts","description","propTypes","PropTypes","string","number","isRequired","objectOf","oneOfType"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAEA;;;;;;AAEA,MAAMA,WAAW,GAAGC,KAAK,IAAI;AAC3B,QAAM;AAACC,IAAAA,SAAD;AAAYC,IAAAA,KAAZ;AAAmBC,IAAAA,GAAnB;AAAwBC,IAAAA,IAAI,GAAG,EAA/B;AAAmCC,IAAAA,KAAK,GAAG,CAA3C;AAA8CC,IAAAA,KAAK,EAAEC;AAArD,MAAmEP,KAAzE;AAEA,QAAMQ,KAAK,GAAGN,KAAK,GAAGC,GAAtB;AACA,QAAMM,UAAU,GAAGC,IAAI,CAACC,KAAL,CAAWH,KAAK,GAAG,GAAnB,CAAnB;AACA,QAAMI,IAAI,GAAI,GAAEH,UAAW,GAA3B;AACA,QAAMI,QAAQ,GAAG,qBAAMC,KAAK,iBAAI;AAAK,IAAA,SAAS,EAAER,eAAMS,IAAtB;AAA4B,IAAA,GAAG,EAAED;AAAjC,IAAf,EAA2DT,KAA3D,CAAjB;AACA,sBACE;AAAK,IAAA,SAAS,EAAE,yBAAWC,eAAMU,UAAjB,EAA6Bf,SAA7B;AAAhB,kBACE;AACE,IAAA,SAAS,EAAEK,eAAMW,QADnB;AAEE,IAAA,KAAK,eACAV,UADA;AAEHW,MAAAA,KAAK,EAAG,GAAEV,KAAK,GAAG,GAAI;AAFnB;AAFP,IADF,eAQE;AAAG,IAAA,SAAS,EAAEF,eAAMa;AAApB,kBACE;AAAM,IAAA,SAAS,EAAEb,eAAMc;AAAvB,KAAsC,GAAElB,KAAM,IAAGC,GAAI,IAAGC,IAAK,EAA7D,CADF,eAEE;AAAM,IAAA,SAAS,EAAEE,eAAMG;AAAvB,KAAoCG,IAApC,CAFF,CARF,eAYE;AAAK,IAAA,SAAS,EAAEN,eAAMD;AAAtB,KAA8BQ,QAA9B,CAZF,CADF;AAgBD,CAvBD;;AAyBAd,WAAW,CAACsB,SAAZ,2CAAwB;AACtBpB,EAAAA,SAAS,EAAEqB,mBAAUC,MADC;AAEtBrB,EAAAA,KAAK,EAAEoB,mBAAUE,MAAV,CAAiBC,UAFF;AAGtBtB,EAAAA,GAAG,EAAEmB,mBAAUE,MAAV,CAAiBC,UAHA;AAItBrB,EAAAA,IAAI,EAAEkB,mBAAUC,MAJM;AAKtBlB,EAAAA,KAAK,EAAEiB,mBAAUE,MALK;AAMtBlB,EAAAA,KAAK,EAAEgB,mBAAUI,QAAV,CAAmBJ,mBAAUK,SAAV,CAAoB,CAACL,mBAAUC,MAAX,EAAmBD,mBAAUE,MAA7B,CAApB,CAAnB;AANe,CAAxB;eASezB,W","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {times} from 'lodash/fp';\nimport style from './style.css';\n\nconst ProgressBar = props => {\n  const {className, value, max, desc = '', steps = 0, style: propsStyle} = props;\n\n  const ratio = value / max;\n  const percentage = Math.floor(ratio * 100);\n  const text = `${percentage}%`;\n  const stepList = times(index => <div className={style.step} key={index} />, steps);\n  return (\n    <div className={classnames(style.background, className)}>\n      <div\n        className={style.progress}\n        style={{\n          ...propsStyle,\n          width: `${ratio * 100}%`\n        }}\n      />\n      <p className={style.texts}>\n        <span className={style.description}>{`${value}/${max} ${desc}`}</span>\n        <span className={style.percentage}>{text}</span>\n      </p>\n      <div className={style.steps}>{stepList}</div>\n    </div>\n  );\n};\n\nProgressBar.propTypes = {\n  className: PropTypes.string,\n  value: PropTypes.number.isRequired,\n  max: PropTypes.number.isRequired,\n  desc: PropTypes.string,\n  steps: PropTypes.number,\n  style: PropTypes.objectOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number]))\n};\n\nexport default ProgressBar;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/molecule/progress-bar/index.js"],"names":["ProgressBar","props","className","value","max","desc","steps","style","propsStyle","ratio","percentage","Math","floor","text","stepList","index","step","background","progress","width","texts","description","propTypes","PropTypes","string","number","isRequired","objectOf","oneOfType"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAEA;;;;;;AAEA,MAAMA,WAAW,GAAGC,KAAK,IAAI;AAC3B,QAAM;AAACC,IAAAA,SAAD;AAAYC,IAAAA,KAAZ;AAAmBC,IAAAA,GAAnB;AAAwBC,IAAAA,IAAI,GAAG,EAA/B;AAAmCC,IAAAA,KAAK,GAAG,CAA3C;AAA8CC,IAAAA,KAAK,EAAEC;AAArD,MAAmEP,KAAzE;AAEA,QAAMQ,KAAK,GAAGN,KAAK,GAAGC,GAAtB;AACA,QAAMM,UAAU,GAAGC,IAAI,CAACC,KAAL,CAAWH,KAAK,GAAG,GAAnB,CAAnB;AACA,QAAMI,IAAI,GAAI,GAAEH,UAAW,GAA3B;AACA,QAAMI,QAAQ,GAAG,qBAAMC,KAAK,iBAAI;AAAK,IAAA,SAAS,EAAER,eAAMS,IAAtB;AAA4B,IAAA,GAAG,EAAED;AAAjC,IAAf,EAA2DT,KAA3D,CAAjB;AACA,sBACE;AAAK,IAAA,SAAS,EAAE,yBAAWC,eAAMU,UAAjB,EAA6Bf,SAA7B;AAAhB,kBACE;AACE,IAAA,SAAS,EAAEK,eAAMW,QADnB;AAEE,IAAA,KAAK,wBACAV,UADA;AAEHW,MAAAA,KAAK,EAAG,GAAEV,KAAK,GAAG,GAAI;AAFnB;AAFP,IADF,eAQE;AAAG,IAAA,SAAS,EAAEF,eAAMa;AAApB,kBACE;AAAM,IAAA,SAAS,EAAEb,eAAMc;AAAvB,KAAsC,GAAElB,KAAM,IAAGC,GAAI,IAAGC,IAAK,EAA7D,CADF,eAEE;AAAM,IAAA,SAAS,EAAEE,eAAMG;AAAvB,KAAoCG,IAApC,CAFF,CARF,eAYE;AAAK,IAAA,SAAS,EAAEN,eAAMD;AAAtB,KAA8BQ,QAA9B,CAZF,CADF;AAgBD,CAvBD;;AAyBAd,WAAW,CAACsB,SAAZ,2CAAwB;AACtBpB,EAAAA,SAAS,EAAEqB,mBAAUC,MADC;AAEtBrB,EAAAA,KAAK,EAAEoB,mBAAUE,MAAV,CAAiBC,UAFF;AAGtBtB,EAAAA,GAAG,EAAEmB,mBAAUE,MAAV,CAAiBC,UAHA;AAItBrB,EAAAA,IAAI,EAAEkB,mBAAUC,MAJM;AAKtBlB,EAAAA,KAAK,EAAEiB,mBAAUE,MALK;AAMtBlB,EAAAA,KAAK,EAAEgB,mBAAUI,QAAV,CAAmBJ,mBAAUK,SAAV,CAAoB,CAACL,mBAAUC,MAAX,EAAmBD,mBAAUE,MAA7B,CAApB,CAAnB;AANe,CAAxB;eASezB,W","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {times} from 'lodash/fp';\nimport style from './style.css';\n\nconst ProgressBar = props => {\n  const {className, value, max, desc = '', steps = 0, style: propsStyle} = props;\n\n  const ratio = value / max;\n  const percentage = Math.floor(ratio * 100);\n  const text = `${percentage}%`;\n  const stepList = times(index => <div className={style.step} key={index} />, steps);\n  return (\n    <div className={classnames(style.background, className)}>\n      <div\n        className={style.progress}\n        style={{\n          ...propsStyle,\n          width: `${ratio * 100}%`\n        }}\n      />\n      <p className={style.texts}>\n        <span className={style.description}>{`${value}/${max} ${desc}`}</span>\n        <span className={style.percentage}>{text}</span>\n      </p>\n      <div className={style.steps}>{stepList}</div>\n    </div>\n  );\n};\n\nProgressBar.propTypes = {\n  className: PropTypes.string,\n  value: PropTypes.number.isRequired,\n  max: PropTypes.number.isRequired,\n  desc: PropTypes.string,\n  steps: PropTypes.number,\n  style: PropTypes.objectOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number]))\n};\n\nexport default ProgressBar;\n"],"file":"index.js"}

package/lib/molecule/questions/drop-down/index.js

@@ -13,9 +13,9 @@ var _select = _interopRequireWildcard(require("../../../atom/select"));
 
 var _style = _interopRequireDefault(require("./style.css"));
 
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
 
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && 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 _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 }; }
 
@@ -41,7 +41,7 @@ const DropDown = props => {
 
 DropDown.propTypes = process.env.NODE_ENV !== "production" ? {
   onChange: _select.default.propTypes.onChange,
-  options: _propTypes.default.arrayOf(_propTypes.default.shape(_extends({}, _select.SelectOptionPropTypes, {
+  options: _propTypes.default.arrayOf(_propTypes.default.shape(_extends(_extends({}, _select.SelectOptionPropTypes), {}, {
     validOption: _propTypes.default.bool
   }))),
   theme: _select.default.propTypes.theme

package/lib/molecule/questions/drop-down/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/molecule/questions/drop-down/index.js"],"names":["DropDown","props","options","onChange","theme","propsTheme","currentSelection","defaultTheme","validOption","style","wrapper","propTypes","Select","PropTypes","arrayOf","shape","SelectOptionPropTypes","bool"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;;;;;;;;;AAEA,MAAMA,QAAQ,GAAGC,KAAK,IAAI;AACxB,QAAM;AAACC,IAAAA,OAAD;AAAUC,IAAAA,QAAV;AAAoBC,IAAAA,KAAK,EAAEC;AAA3B,MAAyCJ,KAA/C;AAEA,QAAMK,gBAAgB,GAAG,oBAAK,UAAL,EAAiBJ,OAAjB,CAAzB;AACA,QAAMK,YAAY,GAChB,CAACD,gBAAD,IAAqBA,gBAAgB,CAACE,WAAjB,KAAiC,KAAtD,GAA8D,SAA9D,GAA0E,UAD5E;AAGA,QAAMJ,KAAK,GAAGC,UAAU,IAAIE,YAA5B;AAEA,sBACE;AAAK,IAAA,SAAS,EAAEE,eAAMC;AAAtB,kBACE,6BAAC,eAAD;AAAQ,IAAA,KAAK,EAAEN,KAAf;AAAsB,IAAA,OAAO,EAAEF,OAA/B;AAAwC,IAAA,QAAQ,EAAEC;AAAlD,IADF,CADF;AAKD,CAdD;;AAgBAH,QAAQ,CAACW,SAAT,2CAAqB;AACnBR,EAAAA,QAAQ,EAAES,gBAAOD,SAAP,CAAiBR,QADR;AAEnBD,EAAAA,OAAO,EAAEW,mBAAUC,OAAV,CACPD,mBAAUE,KAAV,cAAoBC,6BAApB;AAA2CR,IAAAA,WAAW,EAAEK,mBAAUI;AAAlE,KADO,CAFU;AAKnBb,EAAAA,KAAK,EAAEQ,gBAAOD,SAAP,CAAiBP;AALL,CAArB;eAQeJ,Q","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {find} from 'lodash/fp';\nimport Select, {SelectOptionPropTypes} from '../../../atom/select';\nimport style from './style.css';\n\nconst DropDown = props => {\n  const {options, onChange, theme: propsTheme} = props;\n\n  const currentSelection = find('selected', options);\n  const defaultTheme =\n    !currentSelection || currentSelection.validOption === false ? 'invalid' : 'question';\n\n  const theme = propsTheme || defaultTheme;\n\n  return (\n    <div className={style.wrapper}>\n      <Select theme={theme} options={options} onChange={onChange} />\n    </div>\n  );\n};\n\nDropDown.propTypes = {\n  onChange: Select.propTypes.onChange,\n  options: PropTypes.arrayOf(\n    PropTypes.shape({...SelectOptionPropTypes, validOption: PropTypes.bool})\n  ),\n  theme: Select.propTypes.theme\n};\n\nexport default DropDown;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../../src/molecule/questions/drop-down/index.js"],"names":["DropDown","props","options","onChange","theme","propsTheme","currentSelection","defaultTheme","validOption","style","wrapper","propTypes","Select","PropTypes","arrayOf","shape","SelectOptionPropTypes","bool"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;;;;;;;;;AAEA,MAAMA,QAAQ,GAAGC,KAAK,IAAI;AACxB,QAAM;AAACC,IAAAA,OAAD;AAAUC,IAAAA,QAAV;AAAoBC,IAAAA,KAAK,EAAEC;AAA3B,MAAyCJ,KAA/C;AAEA,QAAMK,gBAAgB,GAAG,oBAAK,UAAL,EAAiBJ,OAAjB,CAAzB;AACA,QAAMK,YAAY,GAChB,CAACD,gBAAD,IAAqBA,gBAAgB,CAACE,WAAjB,KAAiC,KAAtD,GAA8D,SAA9D,GAA0E,UAD5E;AAGA,QAAMJ,KAAK,GAAGC,UAAU,IAAIE,YAA5B;AAEA,sBACE;AAAK,IAAA,SAAS,EAAEE,eAAMC;AAAtB,kBACE,6BAAC,eAAD;AAAQ,IAAA,KAAK,EAAEN,KAAf;AAAsB,IAAA,OAAO,EAAEF,OAA/B;AAAwC,IAAA,QAAQ,EAAEC;AAAlD,IADF,CADF;AAKD,CAdD;;AAgBAH,QAAQ,CAACW,SAAT,2CAAqB;AACnBR,EAAAA,QAAQ,EAAES,gBAAOD,SAAP,CAAiBR,QADR;AAEnBD,EAAAA,OAAO,EAAEW,mBAAUC,OAAV,CACPD,mBAAUE,KAAV,uBAAoBC,6BAApB;AAA2CR,IAAAA,WAAW,EAAEK,mBAAUI;AAAlE,KADO,CAFU;AAKnBb,EAAAA,KAAK,EAAEQ,gBAAOD,SAAP,CAAiBP;AALL,CAArB;eAQeJ,Q","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {find} from 'lodash/fp';\nimport Select, {SelectOptionPropTypes} from '../../../atom/select';\nimport style from './style.css';\n\nconst DropDown = props => {\n  const {options, onChange, theme: propsTheme} = props;\n\n  const currentSelection = find('selected', options);\n  const defaultTheme =\n    !currentSelection || currentSelection.validOption === false ? 'invalid' : 'question';\n\n  const theme = propsTheme || defaultTheme;\n\n  return (\n    <div className={style.wrapper}>\n      <Select theme={theme} options={options} onChange={onChange} />\n    </div>\n  );\n};\n\nDropDown.propTypes = {\n  onChange: Select.propTypes.onChange,\n  options: PropTypes.arrayOf(\n    PropTypes.shape({...SelectOptionPropTypes, validOption: PropTypes.bool})\n  ),\n  theme: Select.propTypes.theme\n};\n\nexport default DropDown;\n"],"file":"index.js"}

package/lib/molecule/questions/free-text/index.js

@@ -15,9 +15,9 @@ var _provider = _interopRequireDefault(require("../../../atom/provider"));
 
 var _style = _interopRequireDefault(require("./style.css"));
 
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
 
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && 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 _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 }; }
 

package/lib/molecule/questions/question-range/index.js

@@ -19,8 +19,6 @@ var _style = require("../../../atom/label/style.css");
 
 var _style2 = _interopRequireDefault(require("./style.css"));
 
-const _excluded = ["title", "minLabel", "maxLabel"];
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 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); }
@@ -33,7 +31,7 @@ const QuestionRange = (props, context) => {
     minLabel,
     maxLabel
   } = props,
-        rangeProps = _objectWithoutPropertiesLoose(props, _excluded);
+        rangeProps = _objectWithoutPropertiesLoose(props, ["title", "minLabel", "maxLabel"]);
 
   const {
     skin
@@ -71,7 +69,7 @@ const QuestionRange = (props, context) => {
 QuestionRange.contextTypes = {
   skin: _provider.default.childContextTypes.skin
 };
-QuestionRange.propTypes = process.env.NODE_ENV !== "production" ? _extends({}, _range.default.propTypes, {
+QuestionRange.propTypes = process.env.NODE_ENV !== "production" ? _extends(_extends({}, _range.default.propTypes), {}, {
   title: _propTypes.default.string,
   minLabel: _propTypes.default.string,
   maxLabel: _propTypes.default.string

package/lib/molecule/questions/question-range/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/molecule/questions/question-range/index.js"],"names":["QuestionRange","props","context","title","minLabel","maxLabel","rangeProps","skin","defaultColor","titleStyle","color","style","wrapper","innerHTML","__html","labelWrapper","label","contextTypes","Provider","childContextTypes","propTypes","Range","PropTypes","string"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA,MAAMA,aAAa,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;AACxC,QAAM;AAACC,IAAAA,KAAD;AAAQC,IAAAA,QAAR;AAAkBC,IAAAA;AAAlB,MAA6CJ,KAAnD;AAAA,QAAqCK,UAArC,iCAAmDL,KAAnD;;AAEA,QAAM;AAACM,IAAAA;AAAD,MAASL,OAAf;AACA,QAAMM,YAAY,GAAG,qBAAM,SAAN,EAAiB,gBAAjB,EAAmCD,IAAnC,CAArB;AAEA,QAAME,UAAU,GAAG;AACjBC,IAAAA,KAAK,EAAEF;AADU,GAAnB;AAIA,sBACE;AAAK,IAAA,SAAS,EAAEG,gBAAMC;AAAtB,kBACE;AACE,IAAA,KAAK,EAAEH,UADT;AAEE,IAAA,SAAS,EAAE,yBAAWE,gBAAMR,KAAjB,EAAwBU,gBAAxB,CAFb,CAGE;AAHF;AAIE,IAAA,uBAAuB,EAAE;AAACC,MAAAA,MAAM,EAAEX;AAAT;AAJ3B,IADF,eAOE,6BAAC,cAAD,EAAWG,UAAX,CAPF,eAQE;AAAK,IAAA,SAAS,EAAEK,gBAAMI;AAAtB,kBACE;AACE,IAAA,SAAS,EAAE,yBAAWJ,gBAAMK,KAAjB,EAAwBH,gBAAxB,CADb,CAEE;AAFF;AAGE,IAAA,uBAAuB,EAAE;AAACC,MAAAA,MAAM,EAAEV;AAAT;AAH3B,IADF,eAME;AACE,IAAA,SAAS,EAAE,yBAAWO,gBAAMK,KAAjB,EAAwBH,gBAAxB,CADb,CAEE;AAFF;AAGE,IAAA,uBAAuB,EAAE;AAACC,MAAAA,MAAM,EAAET;AAAT;AAH3B,IANF,CARF,CADF;AAuBD,CAjCD;;AAmCAL,aAAa,CAACiB,YAAd,GAA6B;AAC3BV,EAAAA,IAAI,EAAEW,kBAASC,iBAAT,CAA2BZ;AADN,CAA7B;AAIAP,aAAa,CAACoB,SAAd,wDACKC,eAAMD,SADX;AAEEjB,EAAAA,KAAK,EAAEmB,mBAAUC,MAFnB;AAGEnB,EAAAA,QAAQ,EAAEkB,mBAAUC,MAHtB;AAIElB,EAAAA,QAAQ,EAAEiB,mBAAUC;AAJtB;eAOevB,a","sourcesContent":["import React from 'react';\nimport {getOr} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport Provider from '../../../atom/provider';\nimport Range from '../../../atom/range';\nimport {innerHTML} from '../../../atom/label/style.css';\nimport style from './style.css';\n\nconst QuestionRange = (props, context) => {\n  const {title, minLabel, maxLabel, ...rangeProps} = props;\n\n  const {skin} = context;\n  const defaultColor = getOr('#00B0FF', 'common.primary', skin);\n\n  const titleStyle = {\n    color: defaultColor\n  };\n\n  return (\n    <div className={style.wrapper}>\n      <span\n        style={titleStyle}\n        className={classnames(style.title, innerHTML)}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: title}}\n      />\n      <Range {...rangeProps} />\n      <div className={style.labelWrapper}>\n        <span\n          className={classnames(style.label, innerHTML)}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: minLabel}}\n        />\n        <span\n          className={classnames(style.label, innerHTML)}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: maxLabel}}\n        />\n      </div>\n    </div>\n  );\n};\n\nQuestionRange.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nQuestionRange.propTypes = {\n  ...Range.propTypes,\n  title: PropTypes.string,\n  minLabel: PropTypes.string,\n  maxLabel: PropTypes.string\n};\n\nexport default QuestionRange;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../../src/molecule/questions/question-range/index.js"],"names":["QuestionRange","props","context","title","minLabel","maxLabel","rangeProps","skin","defaultColor","titleStyle","color","style","wrapper","innerHTML","__html","labelWrapper","label","contextTypes","Provider","childContextTypes","propTypes","Range","PropTypes","string"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AAEA,MAAMA,aAAa,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;AACxC,QAAM;AAACC,IAAAA,KAAD;AAAQC,IAAAA,QAAR;AAAkBC,IAAAA;AAAlB,MAA6CJ,KAAnD;AAAA,QAAqCK,UAArC,iCAAmDL,KAAnD;;AAEA,QAAM;AAACM,IAAAA;AAAD,MAASL,OAAf;AACA,QAAMM,YAAY,GAAG,qBAAM,SAAN,EAAiB,gBAAjB,EAAmCD,IAAnC,CAArB;AAEA,QAAME,UAAU,GAAG;AACjBC,IAAAA,KAAK,EAAEF;AADU,GAAnB;AAIA,sBACE;AAAK,IAAA,SAAS,EAAEG,gBAAMC;AAAtB,kBACE;AACE,IAAA,KAAK,EAAEH,UADT;AAEE,IAAA,SAAS,EAAE,yBAAWE,gBAAMR,KAAjB,EAAwBU,gBAAxB,CAFb,CAGE;AAHF;AAIE,IAAA,uBAAuB,EAAE;AAACC,MAAAA,MAAM,EAAEX;AAAT;AAJ3B,IADF,eAOE,6BAAC,cAAD,EAAWG,UAAX,CAPF,eAQE;AAAK,IAAA,SAAS,EAAEK,gBAAMI;AAAtB,kBACE;AACE,IAAA,SAAS,EAAE,yBAAWJ,gBAAMK,KAAjB,EAAwBH,gBAAxB,CADb,CAEE;AAFF;AAGE,IAAA,uBAAuB,EAAE;AAACC,MAAAA,MAAM,EAAEV;AAAT;AAH3B,IADF,eAME;AACE,IAAA,SAAS,EAAE,yBAAWO,gBAAMK,KAAjB,EAAwBH,gBAAxB,CADb,CAEE;AAFF;AAGE,IAAA,uBAAuB,EAAE;AAACC,MAAAA,MAAM,EAAET;AAAT;AAH3B,IANF,CARF,CADF;AAuBD,CAjCD;;AAmCAL,aAAa,CAACiB,YAAd,GAA6B;AAC3BV,EAAAA,IAAI,EAAEW,kBAASC,iBAAT,CAA2BZ;AADN,CAA7B;AAIAP,aAAa,CAACoB,SAAd,iEACKC,eAAMD,SADX;AAEEjB,EAAAA,KAAK,EAAEmB,mBAAUC,MAFnB;AAGEnB,EAAAA,QAAQ,EAAEkB,mBAAUC,MAHtB;AAIElB,EAAAA,QAAQ,EAAEiB,mBAAUC;AAJtB;eAOevB,a","sourcesContent":["import React from 'react';\nimport {getOr} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport Provider from '../../../atom/provider';\nimport Range from '../../../atom/range';\nimport {innerHTML} from '../../../atom/label/style.css';\nimport style from './style.css';\n\nconst QuestionRange = (props, context) => {\n  const {title, minLabel, maxLabel, ...rangeProps} = props;\n\n  const {skin} = context;\n  const defaultColor = getOr('#00B0FF', 'common.primary', skin);\n\n  const titleStyle = {\n    color: defaultColor\n  };\n\n  return (\n    <div className={style.wrapper}>\n      <span\n        style={titleStyle}\n        className={classnames(style.title, innerHTML)}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: title}}\n      />\n      <Range {...rangeProps} />\n      <div className={style.labelWrapper}>\n        <span\n          className={classnames(style.label, innerHTML)}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: minLabel}}\n        />\n        <span\n          className={classnames(style.label, innerHTML)}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: maxLabel}}\n        />\n      </div>\n    </div>\n  );\n};\n\nQuestionRange.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nQuestionRange.propTypes = {\n  ...Range.propTypes,\n  title: PropTypes.string,\n  minLabel: PropTypes.string,\n  maxLabel: PropTypes.string\n};\n\nexport default QuestionRange;\n"],"file":"index.js"}

package/lib/molecule/questions/template/index.js

@@ -67,11 +67,11 @@ const Template = ({
   }, templateCompose);
 };
 
-const TextPropTypes = process.env.NODE_ENV !== "production" ? _extends({}, _dropDown.default.propTypes, {
+const TextPropTypes = process.env.NODE_ENV !== "production" ? _extends(_extends({}, _dropDown.default.propTypes), {}, {
   type: _propTypes.default.string,
   name: _propTypes.default.string
 }) : {};
-const DropDownPropTypes = process.env.NODE_ENV !== "production" ? _extends({}, _dropDown.default.propTypes, {
+const DropDownPropTypes = process.env.NODE_ENV !== "production" ? _extends(_extends({}, _dropDown.default.propTypes), {}, {
   type: _propTypes.default.string,
   name: _propTypes.default.string
 }) : {};

package/lib/molecule/questions/template/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/molecule/questions/template/index.js"],"names":["Template","template","answers","totalTemplate","templateCompose","convert","cap","part","key","type","__html","value","field","name","fieldView","style","text","answerType","wrapper","TextPropTypes","DropDown","propTypes","PropTypes","string","DropDownPropTypes","arrayOf","oneOfType","shape"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;;;AAEA,MAAMA,QAAQ,GAAG,CAAC;AAACC,EAAAA,QAAD;AAAWC,EAAAA;AAAX,CAAD,KAAyB;AACxC,QAAMC,aAAa,GAAG,kCAAoBF,QAApB,CAAtB;;AACA,QAAMG,eAAe,GAAG,cAAIC,OAAJ,CAAY;AAACC,IAAAA,GAAG,EAAE;AAAN,GAAZ,EAA0B,CAACC,IAAD,EAAOC,GAAP,KAAe;AAC/D,UAAMC,IAAI,GAAGF,IAAI,CAACE,IAAlB;;AACA,QAAIA,IAAI,KAAK,QAAb,EAAuB;AACrB,0BACE;AACE,QAAA,GAAG,EAAED,GADP,CAEE;AAFF;AAGE,QAAA,uBAAuB,EAAE;AAACE,UAAAA,MAAM,EAAEH,IAAI,CAACI;AAAd;AAH3B,QADF;AAOD;;AACD,QAAIF,IAAI,KAAK,aAAb,EAA4B;AAC1B,YAAMG,KAAK,GAAG,oBAAK;AAACC,QAAAA,IAAI,EAAEN,IAAI,CAACI;AAAZ,OAAL,EAAyBT,OAAzB,CAAd;AACA,UAAI,CAACU,KAAL,EAAY,OAAO,IAAP;AACZ,YAAME,SAAS,GACbF,KAAK,CAACH,IAAN,KAAe,MAAf,gBACE,6BAAC,iBAAD,eAAcG,KAAd;AAAqB,QAAA,SAAS,EAAEG,eAAMC;AAAtC,SADF,gBAGE,6BAAC,iBAAD,eAAcJ,KAAd;AAAqB,QAAA,KAAK,EAAC;AAA3B,SAJJ;AAOA,0BACE;AAAK,QAAA,SAAS,EAAEG,eAAME,UAAtB;AAAkC,QAAA,GAAG,EAAEV,IAAI,CAACI;AAA5C,SACGG,SADH,CADF;AAKD;AACF,GA3BuB,EA2BrBX,aA3BqB,CAAxB;;AA6BA,sBACE;AAAK,iBAAU,kBAAf;AAAkC,IAAA,SAAS,EAAEY,eAAMG;AAAnD,KACGd,eADH,CADF;AAKD,CApCD;;AAsCA,MAAMe,aAAN,wDACKC,kBAASC,SADd;AAEEZ,EAAAA,IAAI,EAAEa,mBAAUC,MAFlB;AAGEV,EAAAA,IAAI,EAAES,mBAAUC;AAHlB;AAMA,MAAMC,iBAAN,wDACKJ,kBAASC,SADd;AAEEZ,EAAAA,IAAI,EAAEa,mBAAUC,MAFlB;AAGEV,EAAAA,IAAI,EAAES,mBAAUC;AAHlB;AAMAvB,QAAQ,CAACqB,SAAT,2CAAqB;AACnBpB,EAAAA,QAAQ,EAAEqB,mBAAUC,MADD;AAEnBrB,EAAAA,OAAO,EAAEoB,mBAAUG,OAAV,CACPH,mBAAUI,SAAV,CAAoB,CAACJ,mBAAUK,KAAV,CAAgBH,iBAAhB,CAAD,EAAqCF,mBAAUK,KAAV,CAAgBR,aAAhB,CAArC,CAApB,CADO;AAFU,CAArB;eAOenB,Q","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {map, find} from 'lodash/fp';\nimport parseTemplateString from '../../../util/parse-template-string';\nimport DropDown from '../drop-down';\nimport FreeText from '../free-text';\nimport style from './style.css';\n\nconst Template = ({template, answers}) => {\n  const totalTemplate = parseTemplateString(template);\n  const templateCompose = map.convert({cap: false})((part, key) => {\n    const type = part.type;\n    if (type === 'string') {\n      return (\n        <span\n          key={key}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: part.value}}\n        />\n      );\n    }\n    if (type === 'answerField') {\n      const field = find({name: part.value}, answers);\n      if (!field) return null;\n      const fieldView =\n        field.type === 'text' ? (\n          <FreeText {...field} className={style.text} />\n        ) : (\n          <DropDown {...field} theme=\"template\" />\n        );\n\n      return (\n        <div className={style.answerType} key={part.value}>\n          {fieldView}\n        </div>\n      );\n    }\n  }, totalTemplate);\n\n  return (\n    <div data-name=\"template-wrapper\" className={style.wrapper}>\n      {templateCompose}\n    </div>\n  );\n};\n\nconst TextPropTypes = {\n  ...DropDown.propTypes,\n  type: PropTypes.string,\n  name: PropTypes.string\n};\n\nconst DropDownPropTypes = {\n  ...DropDown.propTypes,\n  type: PropTypes.string,\n  name: PropTypes.string\n};\n\nTemplate.propTypes = {\n  template: PropTypes.string,\n  answers: PropTypes.arrayOf(\n    PropTypes.oneOfType([PropTypes.shape(DropDownPropTypes), PropTypes.shape(TextPropTypes)])\n  )\n};\n\nexport default Template;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../../src/molecule/questions/template/index.js"],"names":["Template","template","answers","totalTemplate","templateCompose","convert","cap","part","key","type","__html","value","field","name","fieldView","style","text","answerType","wrapper","TextPropTypes","DropDown","propTypes","PropTypes","string","DropDownPropTypes","arrayOf","oneOfType","shape"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;;;AAEA,MAAMA,QAAQ,GAAG,CAAC;AAACC,EAAAA,QAAD;AAAWC,EAAAA;AAAX,CAAD,KAAyB;AACxC,QAAMC,aAAa,GAAG,kCAAoBF,QAApB,CAAtB;;AACA,QAAMG,eAAe,GAAG,cAAIC,OAAJ,CAAY;AAACC,IAAAA,GAAG,EAAE;AAAN,GAAZ,EAA0B,CAACC,IAAD,EAAOC,GAAP,KAAe;AAC/D,UAAMC,IAAI,GAAGF,IAAI,CAACE,IAAlB;;AACA,QAAIA,IAAI,KAAK,QAAb,EAAuB;AACrB,0BACE;AACE,QAAA,GAAG,EAAED,GADP,CAEE;AAFF;AAGE,QAAA,uBAAuB,EAAE;AAACE,UAAAA,MAAM,EAAEH,IAAI,CAACI;AAAd;AAH3B,QADF;AAOD;;AACD,QAAIF,IAAI,KAAK,aAAb,EAA4B;AAC1B,YAAMG,KAAK,GAAG,oBAAK;AAACC,QAAAA,IAAI,EAAEN,IAAI,CAACI;AAAZ,OAAL,EAAyBT,OAAzB,CAAd;AACA,UAAI,CAACU,KAAL,EAAY,OAAO,IAAP;AACZ,YAAME,SAAS,GACbF,KAAK,CAACH,IAAN,KAAe,MAAf,gBACE,6BAAC,iBAAD,eAAcG,KAAd;AAAqB,QAAA,SAAS,EAAEG,eAAMC;AAAtC,SADF,gBAGE,6BAAC,iBAAD,eAAcJ,KAAd;AAAqB,QAAA,KAAK,EAAC;AAA3B,SAJJ;AAOA,0BACE;AAAK,QAAA,SAAS,EAAEG,eAAME,UAAtB;AAAkC,QAAA,GAAG,EAAEV,IAAI,CAACI;AAA5C,SACGG,SADH,CADF;AAKD;AACF,GA3BuB,EA2BrBX,aA3BqB,CAAxB;;AA6BA,sBACE;AAAK,iBAAU,kBAAf;AAAkC,IAAA,SAAS,EAAEY,eAAMG;AAAnD,KACGd,eADH,CADF;AAKD,CApCD;;AAsCA,MAAMe,aAAN,iEACKC,kBAASC,SADd;AAEEZ,EAAAA,IAAI,EAAEa,mBAAUC,MAFlB;AAGEV,EAAAA,IAAI,EAAES,mBAAUC;AAHlB;AAMA,MAAMC,iBAAN,iEACKJ,kBAASC,SADd;AAEEZ,EAAAA,IAAI,EAAEa,mBAAUC,MAFlB;AAGEV,EAAAA,IAAI,EAAES,mBAAUC;AAHlB;AAMAvB,QAAQ,CAACqB,SAAT,2CAAqB;AACnBpB,EAAAA,QAAQ,EAAEqB,mBAAUC,MADD;AAEnBrB,EAAAA,OAAO,EAAEoB,mBAAUG,OAAV,CACPH,mBAAUI,SAAV,CAAoB,CAACJ,mBAAUK,KAAV,CAAgBH,iBAAhB,CAAD,EAAqCF,mBAAUK,KAAV,CAAgBR,aAAhB,CAArC,CAApB,CADO;AAFU,CAArB;eAOenB,Q","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {map, find} from 'lodash/fp';\nimport parseTemplateString from '../../../util/parse-template-string';\nimport DropDown from '../drop-down';\nimport FreeText from '../free-text';\nimport style from './style.css';\n\nconst Template = ({template, answers}) => {\n  const totalTemplate = parseTemplateString(template);\n  const templateCompose = map.convert({cap: false})((part, key) => {\n    const type = part.type;\n    if (type === 'string') {\n      return (\n        <span\n          key={key}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: part.value}}\n        />\n      );\n    }\n    if (type === 'answerField') {\n      const field = find({name: part.value}, answers);\n      if (!field) return null;\n      const fieldView =\n        field.type === 'text' ? (\n          <FreeText {...field} className={style.text} />\n        ) : (\n          <DropDown {...field} theme=\"template\" />\n        );\n\n      return (\n        <div className={style.answerType} key={part.value}>\n          {fieldView}\n        </div>\n      );\n    }\n  }, totalTemplate);\n\n  return (\n    <div data-name=\"template-wrapper\" className={style.wrapper}>\n      {templateCompose}\n    </div>\n  );\n};\n\nconst TextPropTypes = {\n  ...DropDown.propTypes,\n  type: PropTypes.string,\n  name: PropTypes.string\n};\n\nconst DropDownPropTypes = {\n  ...DropDown.propTypes,\n  type: PropTypes.string,\n  name: PropTypes.string\n};\n\nTemplate.propTypes = {\n  template: PropTypes.string,\n  answers: PropTypes.arrayOf(\n    PropTypes.oneOfType([PropTypes.shape(DropDownPropTypes), PropTypes.shape(TextPropTypes)])\n  )\n};\n\nexport default Template;\n"],"file":"index.js"}

package/lib/molecule/questions/template/test/index.js

@@ -24,7 +24,7 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 });
 (0, _ava.default)('should instanciate Range without props', t => {
   const expected = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_.default, _default.default.props));
-  const actual = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_.default, _extends({}, _default.default.props, {
+  const actual = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_.default, _extends(_extends({}, _default.default.props), {}, {
     template: `${_default.default.props.template}{{wrongInput}}`
   })));
   t.deepEqual(actual.html(), expected.html());

package/lib/molecule/questions/template/test/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/molecule/questions/template/test/index.js"],"names":["adapter","Adapter","t","expected","fixture","props","actual","template","deepEqual","html"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA;AACA,uBAAU;AAACA,EAAAA,OAAO,EAAE,IAAIC,2BAAJ;AAAV,CAAV;AAEA,kBAAK,wCAAL,EAA+CC,CAAC,IAAI;AAClD,QAAMC,QAAQ,GAAG,mCAAQ,6BAAC,SAAD,EAAcC,iBAAQC,KAAtB,CAAR,CAAjB;AACA,QAAMC,MAAM,GAAG,mCACb,6BAAC,SAAD,eAAkBF,iBAAQC,KAA1B;AAAiCE,IAAAA,QAAQ,EAAG,GAAEH,iBAAQC,KAAR,CAAcE,QAAS;AAArE,KADa,CAAf;AAGAL,EAAAA,CAAC,CAACM,SAAF,CAAYF,MAAM,CAACG,IAAP,EAAZ,EAA2BN,QAAQ,CAACM,IAAT,EAA3B;AACD,CAND","sourcesContent":["import browserEnv from 'browser-env';\nimport test from 'ava';\nimport React from 'react';\nimport {configure, shallow} from 'enzyme';\nimport Adapter from 'enzyme-adapter-react-16';\nimport Template from '..';\nimport fixture from './fixtures/default';\n\nbrowserEnv();\nconfigure({adapter: new Adapter()});\n\ntest('should instanciate Range without props', t => {\n  const expected = shallow(<Template {...fixture.props} />);\n  const actual = shallow(\n    <Template {...{...fixture.props, template: `${fixture.props.template}{{wrongInput}}`}} />\n  );\n  t.deepEqual(actual.html(), expected.html());\n});\n"],"file":"index.js"}
+{"version":3,"sources":["../../../../../src/molecule/questions/template/test/index.js"],"names":["adapter","Adapter","t","expected","fixture","props","actual","template","deepEqual","html"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA;AACA,uBAAU;AAACA,EAAAA,OAAO,EAAE,IAAIC,2BAAJ;AAAV,CAAV;AAEA,kBAAK,wCAAL,EAA+CC,CAAC,IAAI;AAClD,QAAMC,QAAQ,GAAG,mCAAQ,6BAAC,SAAD,EAAcC,iBAAQC,KAAtB,CAAR,CAAjB;AACA,QAAMC,MAAM,GAAG,mCACb,6BAAC,SAAD,wBAAkBF,iBAAQC,KAA1B;AAAiCE,IAAAA,QAAQ,EAAG,GAAEH,iBAAQC,KAAR,CAAcE,QAAS;AAArE,KADa,CAAf;AAGAL,EAAAA,CAAC,CAACM,SAAF,CAAYF,MAAM,CAACG,IAAP,EAAZ,EAA2BN,QAAQ,CAACM,IAAT,EAA3B;AACD,CAND","sourcesContent":["import browserEnv from 'browser-env';\nimport test from 'ava';\nimport React from 'react';\nimport {configure, shallow} from 'enzyme';\nimport Adapter from 'enzyme-adapter-react-16';\nimport Template from '..';\nimport fixture from './fixtures/default';\n\nbrowserEnv();\nconfigure({adapter: new Adapter()});\n\ntest('should instanciate Range without props', t => {\n  const expected = shallow(<Template {...fixture.props} />);\n  const actual = shallow(\n    <Template {...{...fixture.props, template: `${fixture.props.template}{{wrongInput}}`}} />\n  );\n  t.deepEqual(actual.html(), expected.html());\n});\n"],"file":"index.js"}

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

@@ -0,0 +1,166 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _novaIcons = require("@coorpacademy/nova-icons");
+
+var _style = _interopRequireDefault(require("./style.css"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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; }
+
+const getIcon = feature => {
+  switch (feature) {
+    case 'manage_users':
+      return _novaIcons.NovaSolidUsersActionsUser;
+
+    case 'upload_users':
+      return _novaIcons.NovaSolidFilesBasicFileUpload2;
+
+    case 'manage_email':
+      return _novaIcons.NovaSolidEmailAtSign;
+
+    case 'massive_battle':
+      return _novaIcons.NovaSolidContentEditionFlash;
+
+    case 'cms':
+      return _novaIcons.NovaSolidApplicationsWindowApplication5;
+
+    case 'look_and_feel':
+      return _novaIcons.NovaSolidDesignPaintBrush2;
+
+    case 'dashboard':
+      return _novaIcons.NovaSolidContentContentViewList;
+
+    case 'cockpit':
+      return _novaIcons.NovaSolidContentContentBookAdd;
+
+    case 'analytics':
+      return _novaIcons.NovaSolidBusinessBusinessGraphLine2;
+
+    default:
+      return _novaIcons.NovaSolidContentContentBookAdd;
+  }
+};
+
+const getBackgroudRadialColors = feature => {
+  switch (feature) {
+    case 'manage_users':
+    case 'upload_users':
+      return {
+        iconColor: '#2EC1D6',
+        degrees: '187'
+      };
+
+    case 'look_and_feel':
+    case 'dashboard':
+      return {
+        iconColor: '#18BB98',
+        degrees: '167'
+      };
+
+    case 'cockpit':
+      return {
+        iconColor: '#FF7043',
+        degrees: '14'
+      };
+
+    case 'manage_email':
+    case 'massive_battle':
+    case 'cms':
+      return {
+        iconColor: '#7340FF',
+        degrees: '256'
+      };
+
+    case 'analytics':
+      return {
+        iconColor: '#FF4040',
+        degrees: '0'
+      };
+
+    default:
+      return null;
+  }
+};
+
+const QuickAccessCard = (props, context) => {
+  const {
+    title,
+    description,
+    feature,
+    onClick,
+    _blank
+  } = props;
+  const {
+    iconColor,
+    degrees
+  } = getBackgroudRadialColors(feature);
+  const Icon = getIcon(feature);
+  const handleClick = (0, _react.useMemo)(() => e => onClick(e), [onClick]);
+  const newTabOnClick = _blank ? /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademyOpenInNewTab, {
+    className: _style.default.newTabIcon
+  }) : null;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    "data-name": "card",
+    "data-type": feature,
+    className: _style.default.quickAccess,
+    onClick: handleClick
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      background: `radial-gradient(62.12% 56.45% at 0% 77.29%, 
+            hsl(${degrees}deg 68% 40% / 20%) 0%, 
+            hsl(${degrees}deg 68% 40% / 0%) 100%), 
+          radial-gradient(113.85% 103.46% at 93.27% 7.88%,
+            hsl(${degrees}deg 67% 51% / 15%) 0%, 
+            hsl(${degrees}deg 67% 51% / 0%) 100%),
+          radial-gradient(49.66% 49.63% at 78.65% 86.26%, 
+            hsl(${degrees}deg 87% 91%) 0%, 
+            hsl(${degrees}deg 87% 91% / 0%) 100%), 
+          #FAFAFA`
+    },
+    className: _style.default.content
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.iconFeatureWrapper,
+    style: {
+      backgroundColor: iconColor
+    }
+  }, /*#__PURE__*/_react.default.createElement(Icon, {
+    className: _style.default.iconFeature
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.title
+  }, title, newTabOnClick), /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.description
+  }, description), /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.iconGotoWrapper,
+    style: {
+      backgroundColor: iconColor
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.hover,
+    style: {
+      color: iconColor
+    }
+  }, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionNavigationArrowRight, {
+    className: _style.default.iconGoto
+  })))));
+};
+
+QuickAccessCard.propTypes = process.env.NODE_ENV !== "production" ? {
+  title: _propTypes.default.string,
+  description: _propTypes.default.string,
+  onClick: _propTypes.default.func,
+  _blank: _propTypes.default.bool,
+  feature: _propTypes.default.oneOf(['analytics', 'cms', 'cockpit', 'massive_battle', 'manage_email', 'dashboard', 'look_and_feel', 'manage_users', 'upload_users'])
+} : {};
+var _default = QuickAccessCard;
+exports.default = _default;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/molecule/quick-access-card/index.js"],"names":["getIcon","feature","ManageUserIcon","UploadUserIcon","ManageEmailIcon","MassiveBattleIcon","CmsIcon","LookAndFeelIcon","DashboardIcon","CockpitIcon","AnalyticsIcon","getBackgroudRadialColors","iconColor","degrees","QuickAccessCard","props","context","title","description","onClick","_blank","Icon","handleClick","e","newTabOnClick","style","newTabIcon","quickAccess","background","content","iconFeatureWrapper","backgroundColor","iconFeature","iconGotoWrapper","hover","color","iconGoto","propTypes","PropTypes","string","func","bool","oneOf"],"mappings":";;;;;AAAA;;AACA;;AACA;;AAaA;;;;;;;;AAEA,MAAMA,OAAO,GAAGC,OAAO,IAAI;AACzB,UAAQA,OAAR;AACE,SAAK,cAAL;AACE,aAAOC,oCAAP;;AACF,SAAK,cAAL;AACE,aAAOC,yCAAP;;AACF,SAAK,cAAL;AACE,aAAOC,+BAAP;;AACF,SAAK,gBAAL;AACE,aAAOC,uCAAP;;AACF,SAAK,KAAL;AACE,aAAOC,kDAAP;;AACF,SAAK,eAAL;AACE,aAAOC,qCAAP;;AACF,SAAK,WAAL;AACE,aAAOC,0CAAP;;AACF,SAAK,SAAL;AACE,aAAOC,yCAAP;;AACF,SAAK,WAAL;AACE,aAAOC,8CAAP;;AACF;AACE,aAAOD,yCAAP;AApBJ;AAsBD,CAvBD;;AAyBA,MAAME,wBAAwB,GAAGV,OAAO,IAAI;AAC1C,UAAQA,OAAR;AACE,SAAK,cAAL;AACA,SAAK,cAAL;AACE,aAAO;AACLW,QAAAA,SAAS,EAAE,SADN;AAELC,QAAAA,OAAO,EAAE;AAFJ,OAAP;;AAIF,SAAK,eAAL;AACA,SAAK,WAAL;AACE,aAAO;AACLD,QAAAA,SAAS,EAAE,SADN;AAELC,QAAAA,OAAO,EAAE;AAFJ,OAAP;;AAIF,SAAK,SAAL;AACE,aAAO;AACLD,QAAAA,SAAS,EAAE,SADN;AAELC,QAAAA,OAAO,EAAE;AAFJ,OAAP;;AAIF,SAAK,cAAL;AACA,SAAK,gBAAL;AACA,SAAK,KAAL;AACE,aAAO;AACLD,QAAAA,SAAS,EAAE,SADN;AAELC,QAAAA,OAAO,EAAE;AAFJ,OAAP;;AAIF,SAAK,WAAL;AACE,aAAO;AACLD,QAAAA,SAAS,EAAE,SADN;AAELC,QAAAA,OAAO,EAAE;AAFJ,OAAP;;AAIF;AACE,aAAO,IAAP;AA/BJ;AAiCD,CAlCD;;AAoCA,MAAMC,eAAe,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;AAC1C,QAAM;AAACC,IAAAA,KAAD;AAAQC,IAAAA,WAAR;AAAqBjB,IAAAA,OAArB;AAA8BkB,IAAAA,OAA9B;AAAuCC,IAAAA;AAAvC,MAAiDL,KAAvD;AACA,QAAM;AAACH,IAAAA,SAAD;AAAYC,IAAAA;AAAZ,MAAuBF,wBAAwB,CAACV,OAAD,CAArD;AACA,QAAMoB,IAAI,GAAGrB,OAAO,CAACC,OAAD,CAApB;AACA,QAAMqB,WAAW,GAAG,oBAAQ,MAAMC,CAAC,IAAIJ,OAAO,CAACI,CAAD,CAA1B,EAA+B,CAACJ,OAAD,CAA/B,CAApB;AACA,QAAMK,aAAa,GAAGJ,MAAM,gBAAG,6BAAC,kDAAD;AAAY,IAAA,SAAS,EAAEK,eAAMC;AAA7B,IAAH,GAAiD,IAA7E;AAEA,sBACE;AAAK,iBAAU,MAAf;AAAsB,iBAAWzB,OAAjC;AAA0C,IAAA,SAAS,EAAEwB,eAAME,WAA3D;AAAwE,IAAA,OAAO,EAAEL;AAAjF,kBACE;AACE,IAAA,KAAK,EAAE;AACLM,MAAAA,UAAU,EAAG;kBACLf,OAAQ;kBACRA,OAAQ;;kBAERA,OAAQ;kBACRA,OAAQ;;kBAERA,OAAQ;kBACRA,OAAQ;;AATX,KADT;AAaE,IAAA,SAAS,EAAEY,eAAMI;AAbnB,kBAeE;AACE,IAAA,SAAS,EAAEJ,eAAMK,kBADnB;AAEE,IAAA,KAAK,EAAE;AACLC,MAAAA,eAAe,EAAEnB;AADZ;AAFT,kBAME,6BAAC,IAAD;AAAM,IAAA,SAAS,EAAEa,eAAMO;AAAvB,IANF,CAfF,eAuBE;AAAK,IAAA,SAAS,EAAEP,eAAMR;AAAtB,KACGA,KADH,EAEGO,aAFH,CAvBF,eA2BE;AAAK,IAAA,SAAS,EAAEC,eAAMP;AAAtB,KAAoCA,WAApC,CA3BF,eA4BE;AACE,IAAA,SAAS,EAAEO,eAAMQ,eADnB;AAEE,IAAA,KAAK,EAAE;AACLF,MAAAA,eAAe,EAAEnB;AADZ;AAFT,kBAME;AACE,IAAA,SAAS,EAAEa,eAAMS,KADnB;AAEE,IAAA,KAAK,EAAE;AACLC,MAAAA,KAAK,EAAEvB;AADF;AAFT,kBAME,6BAAC,8CAAD;AAAY,IAAA,SAAS,EAAEa,eAAMW;AAA7B,IANF,CANF,CA5BF,CADF,CADF;AAgDD,CAvDD;;AAyDAtB,eAAe,CAACuB,SAAhB,2CAA4B;AAC1BpB,EAAAA,KAAK,EAAEqB,mBAAUC,MADS;AAE1BrB,EAAAA,WAAW,EAAEoB,mBAAUC,MAFG;AAG1BpB,EAAAA,OAAO,EAAEmB,mBAAUE,IAHO;AAI1BpB,EAAAA,MAAM,EAAEkB,mBAAUG,IAJQ;AAK1BxC,EAAAA,OAAO,EAAEqC,mBAAUI,KAAV,CAAgB,CACvB,WADuB,EAEvB,KAFuB,EAGvB,SAHuB,EAIvB,gBAJuB,EAKvB,cALuB,EAMvB,WANuB,EAOvB,eAPuB,EAQvB,cARuB,EASvB,cATuB,CAAhB;AALiB,CAA5B;eAkBe5B,e","sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  NovaSolidContentContentBookAdd as CockpitIcon,\n  NovaSolidUsersActionsUser as ManageUserIcon,\n  NovaSolidFilesBasicFileUpload2 as UploadUserIcon,\n  NovaSolidEmailAtSign as ManageEmailIcon,\n  NovaSolidDesignPaintBrush2 as LookAndFeelIcon,\n  NovaSolidContentContentViewList as DashboardIcon,\n  NovaSolidContentEditionFlash as MassiveBattleIcon,\n  NovaSolidApplicationsWindowApplication5 as CmsIcon,\n  NovaSolidBusinessBusinessGraphLine2 as AnalyticsIcon,\n  NovaCompositionNavigationArrowRight as ActionIcon,\n  NovaCompositionCoorpacademyOpenInNewTab as NewTabIcon\n} from '@coorpacademy/nova-icons';\nimport style from './style.css';\n\nconst getIcon = feature => {\n  switch (feature) {\n    case 'manage_users':\n      return ManageUserIcon;\n    case 'upload_users':\n      return UploadUserIcon;\n    case 'manage_email':\n      return ManageEmailIcon;\n    case 'massive_battle':\n      return MassiveBattleIcon;\n    case 'cms':\n      return CmsIcon;\n    case 'look_and_feel':\n      return LookAndFeelIcon;\n    case 'dashboard':\n      return DashboardIcon;\n    case 'cockpit':\n      return CockpitIcon;\n    case 'analytics':\n      return AnalyticsIcon;\n    default:\n      return CockpitIcon;\n  }\n};\n\nconst getBackgroudRadialColors = feature => {\n  switch (feature) {\n    case 'manage_users':\n    case 'upload_users':\n      return {\n        iconColor: '#2EC1D6',\n        degrees: '187'\n      };\n    case 'look_and_feel':\n    case 'dashboard':\n      return {\n        iconColor: '#18BB98',\n        degrees: '167'\n      };\n    case 'cockpit':\n      return {\n        iconColor: '#FF7043',\n        degrees: '14'\n      };\n    case 'manage_email':\n    case 'massive_battle':\n    case 'cms':\n      return {\n        iconColor: '#7340FF',\n        degrees: '256'\n      };\n    case 'analytics':\n      return {\n        iconColor: '#FF4040',\n        degrees: '0'\n      };\n    default:\n      return null;\n  }\n};\n\nconst QuickAccessCard = (props, context) => {\n  const {title, description, feature, onClick, _blank} = props;\n  const {iconColor, degrees} = getBackgroudRadialColors(feature);\n  const Icon = getIcon(feature);\n  const handleClick = useMemo(() => e => onClick(e), [onClick]);\n  const newTabOnClick = _blank ? <NewTabIcon className={style.newTabIcon} /> : null;\n\n  return (\n    <div data-name=\"card\" data-type={feature} className={style.quickAccess} onClick={handleClick}>\n      <div\n        style={{\n          background: `radial-gradient(62.12% 56.45% at 0% 77.29%, \n            hsl(${degrees}deg 68% 40% / 20%) 0%, \n            hsl(${degrees}deg 68% 40% / 0%) 100%), \n          radial-gradient(113.85% 103.46% at 93.27% 7.88%,\n            hsl(${degrees}deg 67% 51% / 15%) 0%, \n            hsl(${degrees}deg 67% 51% / 0%) 100%),\n          radial-gradient(49.66% 49.63% at 78.65% 86.26%, \n            hsl(${degrees}deg 87% 91%) 0%, \n            hsl(${degrees}deg 87% 91% / 0%) 100%), \n          #FAFAFA`\n        }}\n        className={style.content}\n      >\n        <div\n          className={style.iconFeatureWrapper}\n          style={{\n            backgroundColor: iconColor\n          }}\n        >\n          <Icon className={style.iconFeature} />\n        </div>\n        <div className={style.title}>\n          {title}\n          {newTabOnClick}\n        </div>\n        <div className={style.description}>{description}</div>\n        <div\n          className={style.iconGotoWrapper}\n          style={{\n            backgroundColor: iconColor\n          }}\n        >\n          <div\n            className={style.hover}\n            style={{\n              color: iconColor\n            }}\n          >\n            <ActionIcon className={style.iconGoto} />\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nQuickAccessCard.propTypes = {\n  title: PropTypes.string,\n  description: PropTypes.string,\n  onClick: PropTypes.func,\n  _blank: PropTypes.bool,\n  feature: PropTypes.oneOf([\n    'analytics',\n    'cms',\n    'cockpit',\n    'massive_battle',\n    'manage_email',\n    'dashboard',\n    'look_and_feel',\n    'manage_users',\n    'upload_users'\n  ])\n};\n\nexport default QuickAccessCard;\n"],"file":"index.js"}

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

@@ -0,0 +1,103 @@
+@value colors: "../../variables/colors.css";
+@value white from colors;
+
+.quickAccess {
+  width: 268px;
+  height: 281px;
+  cursor: pointer;
+}
+
+.content {
+  height: 100%;
+  width: 100%;
+  border-radius: 8px;
+}
+
+.content:hover {
+  box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.1);
+}
+
+.title {
+  font-family: 'Gilroy';
+  font-weight: 600;
+  font-style: normal;
+  font-size: 20px;
+  line-height: 28px;
+  top: 84px;
+  left: 24px;
+  position: absolute;
+}
+
+.description {
+  font-family: 'Gilroy';
+  font-weight: 500;
+  font-style: normal;
+  font-size: 16px;
+  line-height: 22px;
+  position: absolute;
+  top: 120px;
+  left: 24px;
+  max-width: 212px;
+}
+
+.iconWrapper {
+  width: 44px;
+  height: 44px;
+  position: absolute;
+  border-radius: 8px;
+}
+
+.iconFeatureWrapper {
+  composes: iconWrapper;
+  top: 24px;
+  left: 24px;
+}
+
+.iconFeature {
+  color: white;
+  width: 20px;
+  height: 20px;
+  position: relative;
+  top: 12px;
+  left: 12px;
+}
+
+.iconGotoWrapper {
+  composes: iconWrapper;
+  top: 213px;
+  left: 200px;
+  background-color: white;
+}
+
+.hover {
+  composes: iconWrapper;
+}
+
+.iconGotoWrapper:hover .hover{
+  background: inherit;
+  transition: all 0.5s linear;
+}
+
+.iconGotoWrapper .hover{
+  background: white;
+}
+
+.iconGoto {
+  width: 14px;
+  height: 14px;
+  position: relative;
+  top: 15px;
+  left: 15px;
+  color: inherit;
+  transition: all 0.5s linear;
+}
+
+.iconGotoWrapper:hover .iconGoto{
+  color: white;
+}
+
+.newTabIcon {
+  padding-left: 8px;
+  width: 20px;
+  height: 20px;
+}

package/lib/molecule/quick-access-card/test/fixtures/analytics.js

@@ -0,0 +1,15 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var _default = {
+  props: {
+    title: 'See analytics',
+    description: 'Access to the analytics page on your platform',
+    _blank: true,
+    feature: 'analytics',
+    onClick: () => console.log('click everywhere')
+  }
+};
+exports.default = _default;
+//# sourceMappingURL=analytics.js.map

package/lib/molecule/quick-access-card/test/fixtures/analytics.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/molecule/quick-access-card/test/fixtures/analytics.js"],"names":["props","title","description","_blank","feature","onClick","console","log"],"mappings":";;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAE,eADF;AAELC,IAAAA,WAAW,EAAE,+CAFR;AAGLC,IAAAA,MAAM,EAAE,IAHH;AAILC,IAAAA,OAAO,EAAE,WAJJ;AAKLC,IAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,kBAAZ;AALV;AADM,C","sourcesContent":["export default {\n  props: {\n    title: 'See analytics',\n    description: 'Access to the analytics page on your platform',\n    _blank: true,\n    feature: 'analytics',\n    onClick: () => console.log('click everywhere')\n  }\n};\n"],"file":"analytics.js"}

package/lib/molecule/quick-access-card/test/fixtures/default.js

@@ -0,0 +1,15 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var _default = {
+  props: {
+    title: 'Create course',
+    description: 'Access to cockpit to create courses',
+    _blank: true,
+    feature: 'cockpit',
+    onClick: () => console.log('click everywhere')
+  }
+};
+exports.default = _default;
+//# sourceMappingURL=default.js.map

package/lib/molecule/quick-access-card/test/fixtures/default.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/molecule/quick-access-card/test/fixtures/default.js"],"names":["props","title","description","_blank","feature","onClick","console","log"],"mappings":";;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAE,eADF;AAELC,IAAAA,WAAW,EAAE,qCAFR;AAGLC,IAAAA,MAAM,EAAE,IAHH;AAILC,IAAAA,OAAO,EAAE,SAJJ;AAKLC,IAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,kBAAZ;AALV;AADM,C","sourcesContent":["export default {\n  props: {\n    title: 'Create course',\n    description: 'Access to cockpit to create courses',\n    _blank: true,\n    feature: 'cockpit',\n    onClick: () => console.log('click everywhere')\n  }\n};\n"],"file":"default.js"}

package/lib/molecule/quick-access-card/test/fixtures/look-and-feel.js

@@ -0,0 +1,14 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var _default = {
+  props: {
+    title: 'Edit look & feel',
+    description: 'Edit logos and colors of your platform',
+    feature: 'look_and_feel',
+    onClick: () => console.log('click everywhere')
+  }
+};
+exports.default = _default;
+//# sourceMappingURL=look-and-feel.js.map

package/lib/molecule/quick-access-card/test/fixtures/look-and-feel.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/molecule/quick-access-card/test/fixtures/look-and-feel.js"],"names":["props","title","description","feature","onClick","console","log"],"mappings":";;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAE,kBADF;AAELC,IAAAA,WAAW,EAAE,wCAFR;AAGLC,IAAAA,OAAO,EAAE,eAHJ;AAILC,IAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,kBAAZ;AAJV;AADM,C","sourcesContent":["export default {\n  props: {\n    title: 'Edit look & feel',\n    description: 'Edit logos and colors of your platform',\n    feature: 'look_and_feel',\n    onClick: () => console.log('click everywhere')\n  }\n};\n"],"file":"look-and-feel.js"}