@coorpacademy/components 10.17.1 → 10.18.0

package/es/molecule/review-card-congrats/test/card-congrats.js

@@ -0,0 +1,47 @@
+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); }
+
+import browserEnv from 'browser-env';
+import test from 'ava';
+import React from 'react';
+import { render, cleanup, waitFor } from '@testing-library/react';
+import ReviewCardCongrats, { setAnimations } from '..';
+import starFixture from './fixtures/star';
+browserEnv({
+  pretendToBeVisual: true
+});
+test.afterEach(cleanup);
+test('should trigger lottie animation', async t => {
+  const props = _extends(_extends({}, starFixture.props), {}, {
+    timerAnimation: 0
+  });
+
+  const {
+    container,
+    rerender
+  } = render( /*#__PURE__*/React.createElement(ReviewCardCongrats, props));
+  await waitFor(async () => {
+    const result = await t.try(tt => {
+      rerender( /*#__PURE__*/React.createElement(ReviewCardCongrats, props));
+      const lottieWrapper = container.querySelectorAll('[data-name="lottie-wrapper"]');
+      tt.truthy(lottieWrapper);
+    });
+    if (result.passed) return result.commit();
+    result.discard();
+    throw result.errors;
+  });
+  t.pass();
+});
+test('setAnimations', t => {
+  t.plan(2);
+
+  const _setIsAnimationVisible = () => {
+    t.pass();
+  };
+
+  const _setIsAnimated = () => {
+    t.pass();
+  };
+
+  setAnimations(_setIsAnimationVisible, _setIsAnimated)();
+});
+//# sourceMappingURL=card-congrats.js.map

package/es/molecule/review-card-congrats/test/card-congrats.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/molecule/review-card-congrats/test/card-congrats.js"],"names":["browserEnv","test","React","render","cleanup","waitFor","ReviewCardCongrats","setAnimations","starFixture","pretendToBeVisual","afterEach","t","props","timerAnimation","container","rerender","result","try","tt","lottieWrapper","querySelectorAll","truthy","passed","commit","discard","errors","pass","plan","_setIsAnimationVisible","_setIsAnimated"],"mappings":";;AAAA,OAAOA,UAAP,MAAuB,aAAvB;AACA,OAAOC,IAAP,MAAiB,KAAjB;AACA,OAAOC,KAAP,MAAkB,OAAlB;AACA,SAAQC,MAAR,EAAgBC,OAAhB,EAAyBC,OAAzB,QAAuC,wBAAvC;AACA,OAAOC,kBAAP,IAA4BC,aAA5B,QAAgD,IAAhD;AACA,OAAOC,WAAP,MAAwB,iBAAxB;AAEAR,UAAU,CAAC;AAACS,EAAAA,iBAAiB,EAAE;AAApB,CAAD,CAAV;AAEAR,IAAI,CAACS,SAAL,CAAeN,OAAf;AAEAH,IAAI,CAAC,iCAAD,EAAoC,MAAMU,CAAN,IAAW;AACjD,QAAMC,KAAK,yBAAOJ,WAAW,CAACI,KAAnB;AAA0BC,IAAAA,cAAc,EAAE;AAA1C,IAAX;;AACA,QAAM;AAACC,IAAAA,SAAD;AAAYC,IAAAA;AAAZ,MAAwBZ,MAAM,eAAC,oBAAC,kBAAD,EAAwBS,KAAxB,CAAD,CAApC;AAEA,QAAMP,OAAO,CAAC,YAAY;AACxB,UAAMW,MAAM,GAAG,MAAML,CAAC,CAACM,GAAF,CAAMC,EAAE,IAAI;AAC/BH,MAAAA,QAAQ,eAAC,oBAAC,kBAAD,EAAwBH,KAAxB,CAAD,CAAR;AACA,YAAMO,aAAa,GAAGL,SAAS,CAACM,gBAAV,CAA2B,8BAA3B,CAAtB;AACAF,MAAAA,EAAE,CAACG,MAAH,CAAUF,aAAV;AACD,KAJoB,CAArB;AAKA,QAAIH,MAAM,CAACM,MAAX,EAAmB,OAAON,MAAM,CAACO,MAAP,EAAP;AACnBP,IAAAA,MAAM,CAACQ,OAAP;AACA,UAAMR,MAAM,CAACS,MAAb;AACD,GATY,CAAb;AAUAd,EAAAA,CAAC,CAACe,IAAF;AACD,CAfG,CAAJ;AAiBAzB,IAAI,CAAC,eAAD,EAAkBU,CAAC,IAAI;AACzBA,EAAAA,CAAC,CAACgB,IAAF,CAAO,CAAP;;AACA,QAAMC,sBAAsB,GAAG,MAAM;AACnCjB,IAAAA,CAAC,CAACe,IAAF;AACD,GAFD;;AAGA,QAAMG,cAAc,GAAG,MAAM;AAC3BlB,IAAAA,CAAC,CAACe,IAAF;AACD,GAFD;;AAIAnB,EAAAA,aAAa,CAACqB,sBAAD,EAAyBC,cAAzB,CAAb;AACD,CAVG,CAAJ","sourcesContent":["import browserEnv from 'browser-env';\nimport test from 'ava';\nimport React from 'react';\nimport {render, cleanup, waitFor} from '@testing-library/react';\nimport ReviewCardCongrats, {setAnimations} from '..';\nimport starFixture from './fixtures/star';\n\nbrowserEnv({pretendToBeVisual: true});\n\ntest.afterEach(cleanup);\n\ntest('should trigger lottie animation', async t => {\n  const props = {...starFixture.props, timerAnimation: 0};\n  const {container, rerender} = render(<ReviewCardCongrats {...props} />);\n\n  await waitFor(async () => {\n    const result = await t.try(tt => {\n      rerender(<ReviewCardCongrats {...props} />);\n      const lottieWrapper = container.querySelectorAll('[data-name=\"lottie-wrapper\"]');\n      tt.truthy(lottieWrapper);\n    });\n    if (result.passed) return result.commit();\n    result.discard();\n    throw result.errors;\n  });\n  t.pass();\n});\n\ntest('setAnimations', t => {\n  t.plan(2);\n  const _setIsAnimationVisible = () => {\n    t.pass();\n  };\n  const _setIsAnimated = () => {\n    t.pass();\n  };\n\n  setAnimations(_setIsAnimationVisible, _setIsAnimated)();\n});\n"],"file":"card-congrats.js"}

package/es/molecule/review-card-congrats/test/fixtures/rank.js

@@ -0,0 +1,22 @@
+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); }
+
+import animationLottie from '../../../../atom/lottie-wrapper/test/fixtures/rank';
+export const defaultProps = {
+  'aria-label': 'Review Card Congrats Container',
+  'data-name': 'card-rank',
+  animationLottie: _extends(_extends({}, animationLottie.props), {}, {
+    height: undefined,
+    width: undefined
+  }),
+  cardType: 'card-rank',
+  iconAriaLabel: 'Image without information',
+  className: undefined,
+  reviewCardTitle: 'You are now',
+  reviewCardValue: '14',
+  rankSuffix: 'th',
+  timerAnimation: 200
+};
+export default {
+  props: defaultProps
+};
+//# sourceMappingURL=rank.js.map

package/es/molecule/review-card-congrats/test/fixtures/rank.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/molecule/review-card-congrats/test/fixtures/rank.js"],"names":["animationLottie","defaultProps","props","height","undefined","width","cardType","iconAriaLabel","className","reviewCardTitle","reviewCardValue","rankSuffix","timerAnimation"],"mappings":";;AAAA,OAAOA,eAAP,MAA4B,oDAA5B;AAEA,OAAO,MAAMC,YAAY,GAAG;AAC1B,gBAAc,gCADY;AAE1B,eAAa,WAFa;AAG1BD,EAAAA,eAAe,wBAAMA,eAAe,CAACE,KAAtB;AAA6BC,IAAAA,MAAM,EAAEC,SAArC;AAAgDC,IAAAA,KAAK,EAAED;AAAvD,IAHW;AAI1BE,EAAAA,QAAQ,EAAE,WAJgB;AAK1BC,EAAAA,aAAa,EAAE,2BALW;AAM1BC,EAAAA,SAAS,EAAEJ,SANe;AAO1BK,EAAAA,eAAe,EAAE,aAPS;AAQ1BC,EAAAA,eAAe,EAAE,IARS;AAS1BC,EAAAA,UAAU,EAAE,IATc;AAU1BC,EAAAA,cAAc,EAAE;AAVU,CAArB;AAaP,eAAe;AAACV,EAAAA,KAAK,EAAED;AAAR,CAAf","sourcesContent":["import animationLottie from '../../../../atom/lottie-wrapper/test/fixtures/rank';\n\nexport const defaultProps = {\n  'aria-label': 'Review Card Congrats Container',\n  'data-name': 'card-rank',\n  animationLottie: {...animationLottie.props, height: undefined, width: undefined},\n  cardType: 'card-rank',\n  iconAriaLabel: 'Image without information',\n  className: undefined,\n  reviewCardTitle: 'You are now',\n  reviewCardValue: '14',\n  rankSuffix: 'th',\n  timerAnimation: 200\n};\n\nexport default {props: defaultProps};\n"],"file":"rank.js"}

package/es/molecule/review-card-congrats/test/fixtures/star.js

@@ -0,0 +1,21 @@
+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); }
+
+import animationLottie from '../../../../atom/lottie-wrapper/test/fixtures/default';
+export const defaultProps = {
+  'aria-label': 'Review Card Congrats Container',
+  'data-name': 'card-star',
+  animationLottie: _extends(_extends({}, animationLottie.props), {}, {
+    height: undefined,
+    width: undefined
+  }),
+  iconAriaLabel: 'Image without information',
+  className: undefined,
+  cardType: 'card-star',
+  reviewCardTitle: 'You have won',
+  reviewCardValue: '100',
+  timerAnimation: 200
+};
+export default {
+  props: defaultProps
+};
+//# sourceMappingURL=star.js.map

package/es/molecule/review-card-congrats/test/fixtures/star.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/molecule/review-card-congrats/test/fixtures/star.js"],"names":["animationLottie","defaultProps","props","height","undefined","width","iconAriaLabel","className","cardType","reviewCardTitle","reviewCardValue","timerAnimation"],"mappings":";;AAAA,OAAOA,eAAP,MAA4B,uDAA5B;AAEA,OAAO,MAAMC,YAAY,GAAG;AAC1B,gBAAc,gCADY;AAE1B,eAAa,WAFa;AAG1BD,EAAAA,eAAe,wBAAMA,eAAe,CAACE,KAAtB;AAA6BC,IAAAA,MAAM,EAAEC,SAArC;AAAgDC,IAAAA,KAAK,EAAED;AAAvD,IAHW;AAI1BE,EAAAA,aAAa,EAAE,2BAJW;AAK1BC,EAAAA,SAAS,EAAEH,SALe;AAM1BI,EAAAA,QAAQ,EAAE,WANgB;AAO1BC,EAAAA,eAAe,EAAE,cAPS;AAQ1BC,EAAAA,eAAe,EAAE,KARS;AAS1BC,EAAAA,cAAc,EAAE;AATU,CAArB;AAYP,eAAe;AAACT,EAAAA,KAAK,EAAED;AAAR,CAAf","sourcesContent":["import animationLottie from '../../../../atom/lottie-wrapper/test/fixtures/default';\n\nexport const defaultProps = {\n  'aria-label': 'Review Card Congrats Container',\n  'data-name': 'card-star',\n  animationLottie: {...animationLottie.props, height: undefined, width: undefined},\n  iconAriaLabel: 'Image without information',\n  className: undefined,\n  cardType: 'card-star',\n  reviewCardTitle: 'You have won',\n  reviewCardValue: '100',\n  timerAnimation: 200\n};\n\nexport default {props: defaultProps};\n"],"file":"star.js"}

package/es/molecule/review-card-congrats/test/fixtures.js

@@ -0,0 +1,15 @@
+import test from 'ava';
+import forEach from 'lodash/forEach';
+import renderComponentMacro from '../../../test/helpers/render-component';
+import MoleculeReviewCardCongrats from '..';
+import fixtureRank from './fixtures/rank';
+import fixtureStar from './fixtures/star';
+test('Molecule › MoleculeReviewCardCongrats > should have valid propTypes', t => {
+  t.pass();
+  forEach(MoleculeReviewCardCongrats.propTypes, (value, key) => {
+    t.not(value, undefined, `PropType for "Molecule.MoleculeReviewCardCongrats.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
+  });
+});
+test('Molecule › MoleculeReviewCardCongrats › Rank › should be rendered', renderComponentMacro, MoleculeReviewCardCongrats, fixtureRank);
+test('Molecule › MoleculeReviewCardCongrats › Star › should be rendered', renderComponentMacro, MoleculeReviewCardCongrats, fixtureStar);
+//# sourceMappingURL=fixtures.js.map

package/es/molecule/review-card-congrats/test/fixtures.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/molecule/review-card-congrats/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","MoleculeReviewCardCongrats","fixtureRank","fixtureStar","t","pass","propTypes","value","key","not","undefined"],"mappings":"AAAA,OAAOA,IAAP,MAAiB,KAAjB;AACA,OAAOC,OAAP,MAAoB,gBAApB;AACA,OAAOC,oBAAP,MAAiC,wCAAjC;AACA,OAAOC,0BAAP,MAAuC,IAAvC;AACA,OAAOC,WAAP,MAAwB,iBAAxB;AACA,OAAOC,WAAP,MAAwB,iBAAxB;AAEAL,IAAI,CAAC,qEAAD,EAAwEM,CAAC,IAAI;AAC/EA,EAAAA,CAAC,CAACC,IAAF;AACAN,EAAAA,OAAO,CAACE,0BAA0B,CAACK,SAA5B,EAAuC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AAC5DJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,+DAA8DF,GAAI,mEAA3F;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOAV,IAAI,CAAC,mEAAD,EAAsEE,oBAAtE,EAA4FC,0BAA5F,EAAwHC,WAAxH,CAAJ;AACAJ,IAAI,CAAC,mEAAD,EAAsEE,oBAAtE,EAA4FC,0BAA5F,EAAwHE,WAAxH,CAAJ","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport MoleculeReviewCardCongrats from '..';\nimport fixtureRank from './fixtures/rank';\nimport fixtureStar from './fixtures/star';\n\ntest('Molecule › MoleculeReviewCardCongrats > should have valid propTypes', t => {\n  t.pass();\n  forEach(MoleculeReviewCardCongrats.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Molecule.MoleculeReviewCardCongrats.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Molecule › MoleculeReviewCardCongrats › Rank › should be rendered', renderComponentMacro, MoleculeReviewCardCongrats, fixtureRank);\ntest('Molecule › MoleculeReviewCardCongrats › Star › should be rendered', renderComponentMacro, MoleculeReviewCardCongrats, fixtureStar);\n"],"file":"fixtures.js"}

package/es/organism/review-congrats/index.js

@@ -0,0 +1,72 @@
+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); }
+
+import React, { useEffect, useRef } from 'react';
+import PropTypes from 'prop-types';
+import ButtonLink from '../../atom/button-link';
+import MoleculeReviewCardCongrats from '../../molecule/review-card-congrats';
+import style from './style.css';
+export const setScroll = container => () => {
+  container.current.scrollTo({
+    left: 1000,
+    behavior: 'smooth'
+  });
+};
+
+const ReviewCongrats = props => {
+  const {
+    'aria-label': ariaLabel,
+    'data-name': dataName,
+    title,
+    cardCongratsStar,
+    cardCongratsRank,
+    buttonRevising,
+    buttonRevisingSkill
+  } = props;
+  const container = useRef(null);
+  useEffect(() => {
+    const timer = setTimeout(setScroll(container), 2000);
+    return () => timer && clearTimeout(timer);
+  }, []);
+  return /*#__PURE__*/React.createElement("div", {
+    className: style.containerCongrats,
+    "aria-label": ariaLabel,
+    "data-name": dataName
+  }, /*#__PURE__*/React.createElement("div", {
+    className: style.title
+  }, title), /*#__PURE__*/React.createElement("div", {
+    ref: container,
+    className: style.containerCards
+  }, /*#__PURE__*/React.createElement(MoleculeReviewCardCongrats, _extends({}, cardCongratsStar, {
+    className: style.cardStar
+  })), /*#__PURE__*/React.createElement(MoleculeReviewCardCongrats, _extends({}, cardCongratsRank, {
+    timerAnimation: 1800,
+    className: style.cardRank
+  }))), /*#__PURE__*/React.createElement("div", {
+    className: style.buttonContainer
+  }, /*#__PURE__*/React.createElement(ButtonLink, _extends({}, buttonRevising, {
+    className: style.buttonRevise,
+    "data-name": "revise-skill-link"
+  })), /*#__PURE__*/React.createElement(ButtonLink, _extends({}, buttonRevisingSkill, {
+    className: style.buttonRevise
+  }))));
+};
+
+ReviewCongrats.propTypes = process.env.NODE_ENV !== "production" ? {
+  'aria-label': PropTypes.string,
+  'data-name': PropTypes.string,
+  title: PropTypes.string,
+  cardCongratsStar: PropTypes.shape(MoleculeReviewCardCongrats.propTypes),
+  cardCongratsRank: PropTypes.shape(MoleculeReviewCardCongrats.propTypes),
+  buttonRevising: PropTypes.shape({
+    label: PropTypes.string,
+    onClick: PropTypes.func,
+    type: PropTypes.string
+  }),
+  buttonRevisingSkill: PropTypes.shape({
+    label: PropTypes.string,
+    onClick: PropTypes.func,
+    type: PropTypes.string
+  })
+} : {};
+export default ReviewCongrats;
+//# sourceMappingURL=index.js.map

package/es/organism/review-congrats/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/organism/review-congrats/index.js"],"names":["React","useEffect","useRef","PropTypes","ButtonLink","MoleculeReviewCardCongrats","style","setScroll","container","current","scrollTo","left","behavior","ReviewCongrats","props","ariaLabel","dataName","title","cardCongratsStar","cardCongratsRank","buttonRevising","buttonRevisingSkill","timer","setTimeout","clearTimeout","containerCongrats","containerCards","cardStar","cardRank","buttonContainer","buttonRevise","propTypes","string","shape","label","onClick","func","type"],"mappings":";;AAAA,OAAOA,KAAP,IAAeC,SAAf,EAA0BC,MAA1B,QAAuC,OAAvC;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,wBAAvB;AACA,OAAOC,0BAAP,MAAuC,qCAAvC;AACA,OAAOC,KAAP,MAAkB,aAAlB;AAEA,OAAO,MAAMC,SAAS,GAAGC,SAAS,IAAI,MAAM;AAC1CA,EAAAA,SAAS,CAACC,OAAV,CAAkBC,QAAlB,CAA2B;AACzBC,IAAAA,IAAI,EAAE,IADmB;AAEzBC,IAAAA,QAAQ,EAAE;AAFe,GAA3B;AAID,CALM;;AAOP,MAAMC,cAAc,GAAGC,KAAK,IAAI;AAC9B,QAAM;AACJ,kBAAcC,SADV;AAEJ,iBAAaC,QAFT;AAGJC,IAAAA,KAHI;AAIJC,IAAAA,gBAJI;AAKJC,IAAAA,gBALI;AAMJC,IAAAA,cANI;AAOJC,IAAAA;AAPI,MAQFP,KARJ;AAUA,QAAMN,SAAS,GAAGN,MAAM,CAAC,IAAD,CAAxB;AAEAD,EAAAA,SAAS,CAAC,MAAM;AACd,UAAMqB,KAAK,GAAGC,UAAU,CAAChB,SAAS,CAACC,SAAD,CAAV,EAAuB,IAAvB,CAAxB;AACA,WAAO,MAAMc,KAAK,IAAIE,YAAY,CAACF,KAAD,CAAlC;AACD,GAHQ,EAGN,EAHM,CAAT;AAKA,sBACE;AAAK,IAAA,SAAS,EAAEhB,KAAK,CAACmB,iBAAtB;AAAyC,kBAAYV,SAArD;AAAgE,iBAAWC;AAA3E,kBACE;AAAK,IAAA,SAAS,EAAEV,KAAK,CAACW;AAAtB,KAA8BA,KAA9B,CADF,eAEE;AAAK,IAAA,GAAG,EAAET,SAAV;AAAqB,IAAA,SAAS,EAAEF,KAAK,CAACoB;AAAtC,kBACE,oBAAC,0BAAD,eAAgCR,gBAAhC;AAAkD,IAAA,SAAS,EAAEZ,KAAK,CAACqB;AAAnE,KADF,eAEE,oBAAC,0BAAD,eACMR,gBADN;AAEE,IAAA,cAAc,EAAE,IAFlB;AAGE,IAAA,SAAS,EAAEb,KAAK,CAACsB;AAHnB,KAFF,CAFF,eAUE;AAAK,IAAA,SAAS,EAAEtB,KAAK,CAACuB;AAAtB,kBACE,oBAAC,UAAD,eACMT,cADN;AAEE,IAAA,SAAS,EAAEd,KAAK,CAACwB,YAFnB;AAGE,iBAAU;AAHZ,KADF,eAME,oBAAC,UAAD,eAAgBT,mBAAhB;AAAqC,IAAA,SAAS,EAAEf,KAAK,CAACwB;AAAtD,KANF,CAVF,CADF;AAqBD,CAvCD;;AAyCAjB,cAAc,CAACkB,SAAf,2CAA2B;AACzB,gBAAc5B,SAAS,CAAC6B,MADC;AAEzB,eAAa7B,SAAS,CAAC6B,MAFE;AAGzBf,EAAAA,KAAK,EAAEd,SAAS,CAAC6B,MAHQ;AAIzBd,EAAAA,gBAAgB,EAAEf,SAAS,CAAC8B,KAAV,CAAgB5B,0BAA0B,CAAC0B,SAA3C,CAJO;AAKzBZ,EAAAA,gBAAgB,EAAEhB,SAAS,CAAC8B,KAAV,CAAgB5B,0BAA0B,CAAC0B,SAA3C,CALO;AAMzBX,EAAAA,cAAc,EAAEjB,SAAS,CAAC8B,KAAV,CAAgB;AAC9BC,IAAAA,KAAK,EAAE/B,SAAS,CAAC6B,MADa;AAE9BG,IAAAA,OAAO,EAAEhC,SAAS,CAACiC,IAFW;AAG9BC,IAAAA,IAAI,EAAElC,SAAS,CAAC6B;AAHc,GAAhB,CANS;AAWzBX,EAAAA,mBAAmB,EAAElB,SAAS,CAAC8B,KAAV,CAAgB;AACnCC,IAAAA,KAAK,EAAE/B,SAAS,CAAC6B,MADkB;AAEnCG,IAAAA,OAAO,EAAEhC,SAAS,CAACiC,IAFgB;AAGnCC,IAAAA,IAAI,EAAElC,SAAS,CAAC6B;AAHmB,GAAhB;AAXI,CAA3B;AAkBA,eAAenB,cAAf","sourcesContent":["import React, {useEffect, useRef} from 'react';\nimport PropTypes from 'prop-types';\nimport ButtonLink from '../../atom/button-link';\nimport MoleculeReviewCardCongrats from '../../molecule/review-card-congrats';\nimport style from './style.css';\n\nexport const setScroll = container => () => {\n  container.current.scrollTo({\n    left: 1000,\n    behavior: 'smooth'\n  });\n};\n\nconst ReviewCongrats = props => {\n  const {\n    'aria-label': ariaLabel,\n    'data-name': dataName,\n    title,\n    cardCongratsStar,\n    cardCongratsRank,\n    buttonRevising,\n    buttonRevisingSkill\n  } = props;\n\n  const container = useRef(null);\n\n  useEffect(() => {\n    const timer = setTimeout(setScroll(container), 2000);\n    return () => timer && clearTimeout(timer);\n  }, []);\n\n  return (\n    <div className={style.containerCongrats} aria-label={ariaLabel} data-name={dataName}>\n      <div className={style.title}>{title}</div>\n      <div ref={container} className={style.containerCards}>\n        <MoleculeReviewCardCongrats {...cardCongratsStar} className={style.cardStar} />\n        <MoleculeReviewCardCongrats\n          {...cardCongratsRank}\n          timerAnimation={1800}\n          className={style.cardRank}\n        />\n      </div>\n      <div className={style.buttonContainer}>\n        <ButtonLink\n          {...buttonRevising}\n          className={style.buttonRevise}\n          data-name=\"revise-skill-link\"\n        />\n        <ButtonLink {...buttonRevisingSkill} className={style.buttonRevise} />\n      </div>\n    </div>\n  );\n};\n\nReviewCongrats.propTypes = {\n  'aria-label': PropTypes.string,\n  'data-name': PropTypes.string,\n  title: PropTypes.string,\n  cardCongratsStar: PropTypes.shape(MoleculeReviewCardCongrats.propTypes),\n  cardCongratsRank: PropTypes.shape(MoleculeReviewCardCongrats.propTypes),\n  buttonRevising: PropTypes.shape({\n    label: PropTypes.string,\n    onClick: PropTypes.func,\n    type: PropTypes.string\n  }),\n  buttonRevisingSkill: PropTypes.shape({\n    label: PropTypes.string,\n    onClick: PropTypes.func,\n    type: PropTypes.string\n  })\n};\n\nexport default ReviewCongrats;\n"],"file":"index.js"}

package/es/organism/review-congrats/style.css

@@ -0,0 +1,225 @@
+@value breakpoints: "../../variables/breakpoints.css";
+@value mobile from breakpoints;
+@value colors: "../../variables/colors.css";
+@value cm_blue_900 from colors;
+
+@keyframes translateTitle {
+  0% {
+    transform: translateY(50%) scale(1);
+  }
+  50% {
+    transform: translateY(50%) scale(1);
+  }
+  100% {
+    transform: translateY(-300%) scale(0.6);
+  }
+}
+
+@keyframes translateYCardStar {
+  0% {
+    opacity: 0;
+    transform: translateY(0%);
+  }
+  30% {
+    opacity: 0;
+    transform: translateY(40%);
+  }
+  100% {
+    opacity: 1;
+    transform: translateY(0%);
+  }
+}
+
+@keyframes translateXCardStar {
+  0% {
+    transform: translateX(50%);
+  }
+  100% {
+    transform: translateX(0%);
+  }
+}
+
+@keyframes translateCardRank {
+  0% {
+    position: absolute;
+    visibility: hidden;
+    z-index: -1;
+    opacity: 0;
+    transform: translateX(50%);
+  }
+  1% {
+    position: relative;
+    visibility: hidden;
+    z-index: -1;
+    opacity: 0;
+    transform: translateX(50%);
+  }
+  100% {
+    position: relative;
+    visibility: visible;
+    z-index: 0;
+    opacity: 1;
+    transform: translateX(0%);
+  }
+}
+
+.containerCongrats {
+  align-items: center;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  overflow-y: auto;
+  height: 100%;
+  width: 100%;
+  position: absolute;
+}
+
+.title {
+  color: cm_blue_900;
+  font-family: 'Gilroy';
+  font-size: 65px;
+  font-style: normal;
+  font-weight: 500;
+  position: relative;
+  top: 200px;
+  user-select: none;
+  animation: translateTitle 1.4s ease-out 0s forwards;
+}
+
+.containerCards {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+}
+
+.cardStar {
+  animation: translateYCardStar 0.5s ease-out 0.8s forwards,
+    translateXCardStar 0.2s ease-in-out 2s forwards;
+  opacity: 0;
+}
+
+.cardRank {
+  animation: translateCardRank 0.2s ease-in-out 2s forwards;
+  position: absolute;
+  visibility: hidden;
+  opacity: 0;
+  margin-left: 32px;
+}
+
+/* ie fallback */
+_:-ms-fullscreen,
+:root .cardRank {
+  position: inherit;
+}
+
+_:-ms-fullscreen,
+:root .cardStar,
+.cardRank {
+  transform: translateX(50%);
+}
+
+.buttonContainer {
+  display: flex;
+  align-content: center;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+  margin-top: 50px;
+}
+
+.buttonRevise {
+  width: fit-content;
+  margin-left: 16px;
+  padding: 12px 16px;
+}
+
+@media mobile {
+  @keyframes translateTitle {
+    0% {
+      transform: translateY(50%) scale(1);
+    }
+    50% {
+      transform: translateY(50%) scale(1);
+    }
+    100% {
+      transform: translateY(-400%) scale(0.9);
+    }
+  }
+
+  @keyframes translateXCardStar {
+    0% {
+      margin-left: calc(100% - (100% - 240px));
+      margin-right: calc((100% - 240px) / 2);
+    }
+    100% {
+      margin-left: 100%;
+      margin-right: calc((100% - 240px) / 2);
+    }
+  }
+
+  @keyframes translateCardRank {
+    0% {
+      opacity: 0;
+      position: absolute;
+      transform: translateX(0);
+      visibility: hidden;
+      z-index: -1;
+    }
+    100% {
+      opacity: 1;
+      position: relative;
+      transform: translateX(0);
+      visibility: visible;
+      z-index: 0;
+    }
+  }
+
+  .containerCongrats {
+    width: 100%;
+    height: 100%;
+    overflow-x: hidden;
+    overflow-y: auto;
+  }
+
+  .title {
+    animation: translateTitle 1.6s ease-out forwards;
+    font-size: 35px;
+  }
+
+  .containerCards {
+    width: 100%;
+    min-height: 350px;
+    overflow-x: auto;
+    overflow-y: hidden;
+    margin-top: 54px;
+    padding-bottom: 10px;
+  }
+
+  .cardStar {
+    animation: translateYCardStar 0.6s ease-out 0.8s forwards,
+      translateXCardStar 0.2s ease-in-out 2s forwards;
+    flex-shrink: 0;
+    opacity: 0;
+    transform: translateX(0);
+  }
+
+  .cardRank {
+    animation: translateCardRank 0.2s ease-in-out 2s forwards;
+    flex-shrink: 0;
+    margin-right: calc((100% - 240px) / 2);
+  }
+
+  .buttonContainer {
+    display: flex;
+    flex-direction: column;
+    margin-top: 25px;
+    width: 90%;
+  }
+
+  .buttonRevise {
+    margin-bottom: 8px;
+    margin-left: 0;
+    width: 100%;
+  }
+}

package/es/organism/review-congrats/test/fixtures/default.js

@@ -0,0 +1,25 @@
+import moleculeReviewCardStar from '../../../../molecule/review-card-congrats/test/fixtures/star';
+import moleculeReviewCardRank from '../../../../molecule/review-card-congrats/test/fixtures/rank';
+export const defaultProps = {
+  'aria-label': 'Review Congratulations',
+  'data-name': 'review-congrats',
+  title: 'Congratulations!',
+  cardCongratsStar: moleculeReviewCardStar.props,
+  cardCongratsRank: moleculeReviewCardRank.props,
+  buttonRevising: {
+    'aria-label': 'Continue revising button',
+    label: 'Continue revising',
+    onClick: () => console.log('Continue revising'),
+    type: 'tertiary'
+  },
+  buttonRevisingSkill: {
+    label: 'Revise another skill',
+    'aria-label': 'Revise another skill button',
+    onClick: () => console.log('Revise another skill'),
+    type: 'primary'
+  }
+};
+export default {
+  props: defaultProps
+};
+//# sourceMappingURL=default.js.map

package/es/organism/review-congrats/test/fixtures/default.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/organism/review-congrats/test/fixtures/default.js"],"names":["moleculeReviewCardStar","moleculeReviewCardRank","defaultProps","title","cardCongratsStar","props","cardCongratsRank","buttonRevising","label","onClick","console","log","type","buttonRevisingSkill"],"mappings":"AAAA,OAAOA,sBAAP,MAAmC,8DAAnC;AACA,OAAOC,sBAAP,MAAmC,8DAAnC;AAEA,OAAO,MAAMC,YAAY,GAAG;AAC1B,gBAAc,wBADY;AAE1B,eAAa,iBAFa;AAG1BC,EAAAA,KAAK,EAAE,kBAHmB;AAI1BC,EAAAA,gBAAgB,EAAEJ,sBAAsB,CAACK,KAJf;AAK1BC,EAAAA,gBAAgB,EAAEL,sBAAsB,CAACI,KALf;AAM1BE,EAAAA,cAAc,EAAE;AACd,kBAAc,0BADA;AAEdC,IAAAA,KAAK,EAAE,mBAFO;AAGdC,IAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,mBAAZ,CAHD;AAIdC,IAAAA,IAAI,EAAE;AAJQ,GANU;AAY1BC,EAAAA,mBAAmB,EAAE;AACnBL,IAAAA,KAAK,EAAE,sBADY;AAEnB,kBAAc,6BAFK;AAGnBC,IAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,sBAAZ,CAHI;AAInBC,IAAAA,IAAI,EAAE;AAJa;AAZK,CAArB;AAoBP,eAAe;AAACP,EAAAA,KAAK,EAAEH;AAAR,CAAf","sourcesContent":["import moleculeReviewCardStar from '../../../../molecule/review-card-congrats/test/fixtures/star';\nimport moleculeReviewCardRank from '../../../../molecule/review-card-congrats/test/fixtures/rank';\n\nexport const defaultProps = {\n  'aria-label': 'Review Congratulations',\n  'data-name': 'review-congrats',\n  title: 'Congratulations!',\n  cardCongratsStar: moleculeReviewCardStar.props,\n  cardCongratsRank: moleculeReviewCardRank.props,\n  buttonRevising: {\n    'aria-label': 'Continue revising button',\n    label: 'Continue revising',\n    onClick: () => console.log('Continue revising'),\n    type: 'tertiary'\n  },\n  buttonRevisingSkill: {\n    label: 'Revise another skill',\n    'aria-label': 'Revise another skill button',\n    onClick: () => console.log('Revise another skill'),\n    type: 'primary'\n  }\n};\n\nexport default {props: defaultProps};\n"],"file":"default.js"}

package/es/organism/review-congrats/test/fixtures.js

@@ -0,0 +1,13 @@
+import test from 'ava';
+import forEach from 'lodash/forEach';
+import renderComponentMacro from '../../../test/helpers/render-component';
+import OrganismReviewCongrats from '..';
+import fixtureDefault from './fixtures/default';
+test('Organism › OrganismReviewCongrats > should have valid propTypes', t => {
+  t.pass();
+  forEach(OrganismReviewCongrats.propTypes, (value, key) => {
+    t.not(value, undefined, `PropType for "Organism.OrganismReviewCongrats.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
+  });
+});
+test('Organism › OrganismReviewCongrats › Default › should be rendered', renderComponentMacro, OrganismReviewCongrats, fixtureDefault);
+//# sourceMappingURL=fixtures.js.map

package/es/organism/review-congrats/test/fixtures.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/organism/review-congrats/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","OrganismReviewCongrats","fixtureDefault","t","pass","propTypes","value","key","not","undefined"],"mappings":"AAAA,OAAOA,IAAP,MAAiB,KAAjB;AACA,OAAOC,OAAP,MAAoB,gBAApB;AACA,OAAOC,oBAAP,MAAiC,wCAAjC;AACA,OAAOC,sBAAP,MAAmC,IAAnC;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AAEAJ,IAAI,CAAC,iEAAD,EAAoEK,CAAC,IAAI;AAC3EA,EAAAA,CAAC,CAACC,IAAF;AACAL,EAAAA,OAAO,CAACE,sBAAsB,CAACI,SAAxB,EAAmC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACxDJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,2DAA0DF,GAAI,mEAAvF;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOAT,IAAI,CAAC,kEAAD,EAAqEE,oBAArE,EAA2FC,sBAA3F,EAAmHC,cAAnH,CAAJ","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport OrganismReviewCongrats from '..';\nimport fixtureDefault from './fixtures/default';\n\ntest('Organism › OrganismReviewCongrats > should have valid propTypes', t => {\n  t.pass();\n  forEach(OrganismReviewCongrats.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Organism.OrganismReviewCongrats.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Organism › OrganismReviewCongrats › Default › should be rendered', renderComponentMacro, OrganismReviewCongrats, fixtureDefault);\n"],"file":"fixtures.js"}

package/es/organism/review-congrats/test/review-congrats.js

@@ -0,0 +1,37 @@
+import browserEnv from 'browser-env';
+import test from 'ava';
+import React from 'react';
+import { render, cleanup, fireEvent, waitFor } from '@testing-library/react';
+import ReviewCongrats, { setScroll } from '..';
+import defaultFixture from './fixtures/default';
+browserEnv();
+test.afterEach(cleanup);
+test('should click on skill button', async t => {
+  const {
+    container
+  } = render( /*#__PURE__*/React.createElement(ReviewCongrats, defaultFixture.props));
+  await waitFor(() => {
+    const skillLink = container.querySelector('[data-name="revise-skill-link"]');
+    t.truthy(skillLink);
+    if (skillLink) t.notThrows(() => {
+      return fireEvent.click(skillLink);
+    });
+  });
+  t.pass();
+});
+test('setScroll', t => {
+  t.plan(2);
+  const _container = {
+    current: {
+      scrollTo: ({
+        left,
+        behavior
+      }) => {
+        t.is(left, 1000);
+        t.is(behavior, 'smooth');
+      }
+    }
+  };
+  setScroll(_container)();
+});
+//# sourceMappingURL=review-congrats.js.map

package/es/organism/review-congrats/test/review-congrats.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/organism/review-congrats/test/review-congrats.js"],"names":["browserEnv","test","React","render","cleanup","fireEvent","waitFor","ReviewCongrats","setScroll","defaultFixture","afterEach","t","container","props","skillLink","querySelector","truthy","notThrows","click","pass","plan","_container","current","scrollTo","left","behavior","is"],"mappings":"AAAA,OAAOA,UAAP,MAAuB,aAAvB;AACA,OAAOC,IAAP,MAAiB,KAAjB;AACA,OAAOC,KAAP,MAAkB,OAAlB;AACA,SAAQC,MAAR,EAAgBC,OAAhB,EAAyBC,SAAzB,EAAoCC,OAApC,QAAkD,wBAAlD;AACA,OAAOC,cAAP,IAAwBC,SAAxB,QAAwC,IAAxC;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AAEAT,UAAU;AAEVC,IAAI,CAACS,SAAL,CAAeN,OAAf;AAEAH,IAAI,CAAC,8BAAD,EAAiC,MAAMU,CAAN,IAAW;AAC9C,QAAM;AAACC,IAAAA;AAAD,MAAcT,MAAM,eAAC,oBAAC,cAAD,EAAoBM,cAAc,CAACI,KAAnC,CAAD,CAA1B;AAEA,QAAMP,OAAO,CAAC,MAAM;AAClB,UAAMQ,SAAS,GAAGF,SAAS,CAACG,aAAV,CAAwB,iCAAxB,CAAlB;AACAJ,IAAAA,CAAC,CAACK,MAAF,CAASF,SAAT;AACA,QAAIA,SAAJ,EACEH,CAAC,CAACM,SAAF,CAAY,MAAM;AAChB,aAAOZ,SAAS,CAACa,KAAV,CAAgBJ,SAAhB,CAAP;AACD,KAFD;AAGH,GAPY,CAAb;AASAH,EAAAA,CAAC,CAACQ,IAAF;AACD,CAbG,CAAJ;AAeAlB,IAAI,CAAC,WAAD,EAAcU,CAAC,IAAI;AACrBA,EAAAA,CAAC,CAACS,IAAF,CAAO,CAAP;AAEA,QAAMC,UAAU,GAAG;AACjBC,IAAAA,OAAO,EAAE;AACPC,MAAAA,QAAQ,EAAE,CAAC;AAACC,QAAAA,IAAD;AAAOC,QAAAA;AAAP,OAAD,KAAsB;AAC9Bd,QAAAA,CAAC,CAACe,EAAF,CAAKF,IAAL,EAAW,IAAX;AACAb,QAAAA,CAAC,CAACe,EAAF,CAAKD,QAAL,EAAe,QAAf;AACD;AAJM;AADQ,GAAnB;AASAjB,EAAAA,SAAS,CAACa,UAAD,CAAT;AACD,CAbG,CAAJ","sourcesContent":["import browserEnv from 'browser-env';\nimport test from 'ava';\nimport React from 'react';\nimport {render, cleanup, fireEvent, waitFor} from '@testing-library/react';\nimport ReviewCongrats, {setScroll} from '..';\nimport defaultFixture from './fixtures/default';\n\nbrowserEnv();\n\ntest.afterEach(cleanup);\n\ntest('should click on skill button', async t => {\n  const {container} = render(<ReviewCongrats {...defaultFixture.props} />);\n\n  await waitFor(() => {\n    const skillLink = container.querySelector('[data-name=\"revise-skill-link\"]');\n    t.truthy(skillLink);\n    if (skillLink)\n      t.notThrows(() => {\n        return fireEvent.click(skillLink);\n      });\n  });\n\n  t.pass();\n});\n\ntest('setScroll', t => {\n  t.plan(2);\n\n  const _container = {\n    current: {\n      scrollTo: ({left, behavior}) => {\n        t.is(left, 1000);\n        t.is(behavior, 'smooth');\n      }\n    }\n  };\n\n  setScroll(_container)();\n});\n"],"file":"review-congrats.js"}

package/es/organism/rewards-form/test/fixtures/default.js

@@ -2,7 +2,7 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 
 import inputText from '../../../../atom/input-text-with-title/test/fixtures/error';
 import CheckboxWithTitle from '../../../../atom/checkbox-with-title/test/fixtures/checked';
-import singleDragAndDrop from '../../../../molecule/drag-and-drop-wrapper/test/fixtures/default';
+import singleDragAndDrop from '../../../../molecule/drag-and-drop-wrapper/test/fixtures/disabled';
 import doubleDragAndDrop from '../../../../molecule/drag-and-drop-wrapper/test/fixtures/two-drag-and-drops';
 export default {
   props: {
@@ -25,7 +25,8 @@ export default {
         childType: 'drag-and-drop-wrapper'
       }),
       checkboxWithTitle: {
-        title: 'Create diploma'
+        title: 'Create diploma',
+        checked: true
       }
     }]
   }

package/es/organism/rewards-form/test/fixtures/default.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/organism/rewards-form/test/fixtures/default.js"],"names":["inputText","CheckboxWithTitle","singleDragAndDrop","doubleDragAndDrop","props","items","child","childType","title","undefined","checkboxWithTitle"],"mappings":";;AAAA,OAAOA,SAAP,MAAsB,4DAAtB;AACA,OAAOC,iBAAP,MAA8B,4DAA9B;AACA,OAAOC,iBAAP,MAA8B,kEAA9B;AACA,OAAOC,iBAAP,MAA8B,6EAA9B;AAEA,eAAe;AACbC,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAE,CACL;AACEC,MAAAA,KAAK,wBAAMN,SAAS,CAACI,KAAhB;AAAuBG,QAAAA,SAAS,EAAE,YAAlC;AAAgDC,QAAAA,KAAK,EAAEC;AAAvD,QADP;AAEEC,MAAAA,iBAAiB,EAAET,iBAAiB,CAACG;AAFvC,KADK,EAKL;AACEE,MAAAA,KAAK,wBACAJ,iBAAiB,CAACE,KADlB;AAEHG,QAAAA,SAAS,EAAE,uBAFR;AAGHC,QAAAA,KAAK,EAAE;AAHJ,QADP;AAMEE,MAAAA,iBAAiB,EAAE;AAACF,QAAAA,KAAK,EAAE;AAAR;AANrB,KALK,EAaL;AACEF,MAAAA,KAAK,wBAAMH,iBAAiB,CAACC,KAAxB;AAA+BG,QAAAA,SAAS,EAAE;AAA1C,QADP;AAEEG,MAAAA,iBAAiB,EAAE;AAACF,QAAAA,KAAK,EAAE;AAAR;AAFrB,KAbK;AADF;AADM,CAAf","sourcesContent":["import inputText from '../../../../atom/input-text-with-title/test/fixtures/error';\nimport CheckboxWithTitle from '../../../../atom/checkbox-with-title/test/fixtures/checked';\nimport singleDragAndDrop from '../../../../molecule/drag-and-drop-wrapper/test/fixtures/default';\nimport doubleDragAndDrop from '../../../../molecule/drag-and-drop-wrapper/test/fixtures/two-drag-and-drops';\n\nexport default {\n  props: {\n    items: [\n      {\n        child: {...inputText.props, childType: 'input-text', title: undefined},\n        checkboxWithTitle: CheckboxWithTitle.props\n      },\n      {\n        child: {\n          ...singleDragAndDrop.props,\n          childType: 'drag-and-drop-wrapper',\n          title: 'Create badge'\n        },\n        checkboxWithTitle: {title: 'Create badge'}\n      },\n      {\n        child: {...doubleDragAndDrop.props, childType: 'drag-and-drop-wrapper'},\n        checkboxWithTitle: {title: 'Create diploma'}\n      }\n    ]\n  }\n};\n"],"file":"default.js"}
+{"version":3,"sources":["../../../../../src/organism/rewards-form/test/fixtures/default.js"],"names":["inputText","CheckboxWithTitle","singleDragAndDrop","doubleDragAndDrop","props","items","child","childType","title","undefined","checkboxWithTitle","checked"],"mappings":";;AAAA,OAAOA,SAAP,MAAsB,4DAAtB;AACA,OAAOC,iBAAP,MAA8B,4DAA9B;AACA,OAAOC,iBAAP,MAA8B,mEAA9B;AACA,OAAOC,iBAAP,MAA8B,6EAA9B;AAEA,eAAe;AACbC,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAE,CACL;AACEC,MAAAA,KAAK,wBAAMN,SAAS,CAACI,KAAhB;AAAuBG,QAAAA,SAAS,EAAE,YAAlC;AAAgDC,QAAAA,KAAK,EAAEC;AAAvD,QADP;AAEEC,MAAAA,iBAAiB,EAAET,iBAAiB,CAACG;AAFvC,KADK,EAKL;AACEE,MAAAA,KAAK,wBACAJ,iBAAiB,CAACE,KADlB;AAEHG,QAAAA,SAAS,EAAE,uBAFR;AAGHC,QAAAA,KAAK,EAAE;AAHJ,QADP;AAMEE,MAAAA,iBAAiB,EAAE;AAACF,QAAAA,KAAK,EAAE;AAAR;AANrB,KALK,EAaL;AACEF,MAAAA,KAAK,wBAAMH,iBAAiB,CAACC,KAAxB;AAA+BG,QAAAA,SAAS,EAAE;AAA1C,QADP;AAEEG,MAAAA,iBAAiB,EAAE;AAACF,QAAAA,KAAK,EAAE,gBAAR;AAA0BG,QAAAA,OAAO,EAAE;AAAnC;AAFrB,KAbK;AADF;AADM,CAAf","sourcesContent":["import inputText from '../../../../atom/input-text-with-title/test/fixtures/error';\nimport CheckboxWithTitle from '../../../../atom/checkbox-with-title/test/fixtures/checked';\nimport singleDragAndDrop from '../../../../molecule/drag-and-drop-wrapper/test/fixtures/disabled';\nimport doubleDragAndDrop from '../../../../molecule/drag-and-drop-wrapper/test/fixtures/two-drag-and-drops';\n\nexport default {\n  props: {\n    items: [\n      {\n        child: {...inputText.props, childType: 'input-text', title: undefined},\n        checkboxWithTitle: CheckboxWithTitle.props\n      },\n      {\n        child: {\n          ...singleDragAndDrop.props,\n          childType: 'drag-and-drop-wrapper',\n          title: 'Create badge'\n        },\n        checkboxWithTitle: {title: 'Create badge'}\n      },\n      {\n        child: {...doubleDragAndDrop.props, childType: 'drag-and-drop-wrapper'},\n        checkboxWithTitle: {title: 'Create diploma', checked: true}\n      }\n    ]\n  }\n};\n"],"file":"default.js"}

package/es/variables/colors.css

@@ -55,6 +55,7 @@
 @value cm_pink_50: #ffefeb;
 @value cm_purple_200: #7340FF;
 @value cm_yellow_scorm: #FFB800;
+@value cm_yellow_secondary_200: #ffde03;
 @value cm_yellow_100: #ffc043;
 @value cm_yellow_200: #DB9200;
 @value cm_yellow_400: #bd7e00;

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

@@ -15,6 +15,8 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _novaIcons = require("@coorpacademy/nova-icons");
 
+var _classnames = _interopRequireDefault(require("classnames"));
+
 var _loader = _interopRequireDefault(require("../loader"));
 
 var _buttonLink = _interopRequireDefault(require("../button-link"));
@@ -65,7 +67,8 @@ class DragAndDrop extends _react.default.Component {
       onReset = null,
       error = '',
       buttonAriaLabel = '',
-      errorButtonLabel = ''
+      errorButtonLabel = '',
+      disabled = false
     } = this.props;
     const {
       dragging
@@ -109,7 +112,7 @@ class DragAndDrop extends _react.default.Component {
     }
 
     const resetContent = previewContent && previewContent.src ? /*#__PURE__*/_react.default.createElement("div", {
-      className: _style.default.resetUploadWrapper
+      className: (0, _classnames.default)(_style.default.resetUploadWrapper, disabled && _style.default.disabled)
     }, /*#__PURE__*/_react.default.createElement("div", {
       className: _style.default.resetSrcLabel
     }, previewContent.label ? previewContent.label : previewContent.src), onReset ? /*#__PURE__*/_react.default.createElement(_novaIcons.NovaSolidStatusClose, {
@@ -152,9 +155,9 @@ class DragAndDrop extends _react.default.Component {
     }, /*#__PURE__*/_react.default.createElement("div", {
       className: _style.default.title
     }, title), !(0, _isEmpty2.default)(previewContent) || loading ? /*#__PURE__*/_react.default.createElement("div", {
-      className: previewContainer
+      className: (0, _classnames.default)(previewContainer, disabled && _style.default.disabled)
     }, previewView) : /*#__PURE__*/_react.default.createElement("div", {
-      className: dragging ? _style.default.dragging : inputWrapper,
+      className: (0, _classnames.default)(dragging ? _style.default.dragging : inputWrapper, disabled && _style.default.disabled),
       id: idBox
     }, /*#__PURE__*/_react.default.createElement("div", {
       className: _style.default.infosContainer
@@ -167,7 +170,7 @@ class DragAndDrop extends _react.default.Component {
     }, description) : null, error ? null : /*#__PURE__*/_react.default.createElement("div", {
       className: _style.default.dragAndDropLabel
     }, 'Drag & Drop here')), button, /*#__PURE__*/_react.default.createElement("div", null, children(this.handleDragStart, this.handleDragStop))), error ? /*#__PURE__*/_react.default.createElement("span", {
-      className: _style.default.errorMessage
+      className: (0, _classnames.default)(_style.default.errorMessage, disabled && _style.default.disabled)
     }, error) : resetContent);
   }
 
@@ -185,6 +188,7 @@ DragAndDrop.propTypes = process.env.NODE_ENV !== "production" ? {
   }),
   loading: _propTypes.default.bool,
   modified: _propTypes.default.bool,
+  disabled: _propTypes.default.bool,
   children: _propTypes.default.func,
   onReset: _propTypes.default.func,
   error: _propTypes.default.string,