@coorpacademy/components 10.14.6 → 10.16.0

package/es/atom/drag-and-drop/test/fixtures.js

@@ -11,7 +11,6 @@ import fixtureWithChildren from './fixtures/with-children';
 import fixtureWithImageReset from './fixtures/with-image-reset';
 import fixtureWithImage from './fixtures/with-image';
 import fixtureWithLongDescription from './fixtures/with-long-description';
-import fixtureWithSvg from './fixtures/with-svg';
 import fixtureWithVideo from './fixtures/with-video';
 test('Atom › AtomDragAndDrop > should have valid propTypes', t => {
   t.pass();
@@ -28,6 +27,5 @@ test('Atom › AtomDragAndDrop › WithChildren › should be rendered', renderC
 test('Atom › AtomDragAndDrop › WithImageReset › should be rendered', renderComponentMacro, AtomDragAndDrop, fixtureWithImageReset);
 test('Atom › AtomDragAndDrop › WithImage › should be rendered', renderComponentMacro, AtomDragAndDrop, fixtureWithImage);
 test('Atom › AtomDragAndDrop › WithLongDescription › should be rendered', renderComponentMacro, AtomDragAndDrop, fixtureWithLongDescription);
-test('Atom › AtomDragAndDrop › WithSvg › should be rendered', renderComponentMacro, AtomDragAndDrop, fixtureWithSvg);
 test('Atom › AtomDragAndDrop › WithVideo › should be rendered', renderComponentMacro, AtomDragAndDrop, fixtureWithVideo);
 //# sourceMappingURL=fixtures.js.map

package/es/atom/drag-and-drop/test/fixtures.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/atom/drag-and-drop/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","AtomDragAndDrop","fixtureCleanAndModified","fixtureDefault","fixtureError","fixtureLoading","fixtureModified","fixtureWithChildren","fixtureWithImageReset","fixtureWithImage","fixtureWithLongDescription","fixtureWithSvg","fixtureWithVideo","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,eAAP,MAA4B,IAA5B;AACA,OAAOC,uBAAP,MAAoC,+BAApC;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,YAAP,MAAyB,kBAAzB;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,eAAP,MAA4B,qBAA5B;AACA,OAAOC,mBAAP,MAAgC,0BAAhC;AACA,OAAOC,qBAAP,MAAkC,6BAAlC;AACA,OAAOC,gBAAP,MAA6B,uBAA7B;AACA,OAAOC,0BAAP,MAAuC,kCAAvC;AACA,OAAOC,cAAP,MAA2B,qBAA3B;AACA,OAAOC,gBAAP,MAA6B,uBAA7B;AAEAd,IAAI,CAAC,sDAAD,EAAyDe,CAAC,IAAI;AAChEA,EAAAA,CAAC,CAACC,IAAF;AACAf,EAAAA,OAAO,CAACE,eAAe,CAACc,SAAjB,EAA4B,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACjDJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,gDAA+CF,GAAI,mEAA5E;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOAnB,IAAI,CAAC,gEAAD,EAAmEE,oBAAnE,EAAyFC,eAAzF,EAA0GC,uBAA1G,CAAJ;AACAJ,IAAI,CAAC,uDAAD,EAA0DE,oBAA1D,EAAgFC,eAAhF,EAAiGE,cAAjG,CAAJ;AACAL,IAAI,CAAC,qDAAD,EAAwDE,oBAAxD,EAA8EC,eAA9E,EAA+FG,YAA/F,CAAJ;AACAN,IAAI,CAAC,uDAAD,EAA0DE,oBAA1D,EAAgFC,eAAhF,EAAiGI,cAAjG,CAAJ;AACAP,IAAI,CAAC,wDAAD,EAA2DE,oBAA3D,EAAiFC,eAAjF,EAAkGK,eAAlG,CAAJ;AACAR,IAAI,CAAC,4DAAD,EAA+DE,oBAA/D,EAAqFC,eAArF,EAAsGM,mBAAtG,CAAJ;AACAT,IAAI,CAAC,8DAAD,EAAiEE,oBAAjE,EAAuFC,eAAvF,EAAwGO,qBAAxG,CAAJ;AACAV,IAAI,CAAC,yDAAD,EAA4DE,oBAA5D,EAAkFC,eAAlF,EAAmGQ,gBAAnG,CAAJ;AACAX,IAAI,CAAC,mEAAD,EAAsEE,oBAAtE,EAA4FC,eAA5F,EAA6GS,0BAA7G,CAAJ;AACAZ,IAAI,CAAC,uDAAD,EAA0DE,oBAA1D,EAAgFC,eAAhF,EAAiGU,cAAjG,CAAJ;AACAb,IAAI,CAAC,yDAAD,EAA4DE,oBAA5D,EAAkFC,eAAlF,EAAmGW,gBAAnG,CAAJ","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport AtomDragAndDrop from '..';\nimport fixtureCleanAndModified from './fixtures/clean-and-modified';\nimport fixtureDefault from './fixtures/default';\nimport fixtureError from './fixtures/error';\nimport fixtureLoading from './fixtures/loading';\nimport fixtureModified from './fixtures/modified';\nimport fixtureWithChildren from './fixtures/with-children';\nimport fixtureWithImageReset from './fixtures/with-image-reset';\nimport fixtureWithImage from './fixtures/with-image';\nimport fixtureWithLongDescription from './fixtures/with-long-description';\nimport fixtureWithSvg from './fixtures/with-svg';\nimport fixtureWithVideo from './fixtures/with-video';\n\ntest('Atom › AtomDragAndDrop > should have valid propTypes', t => {\n  t.pass();\n  forEach(AtomDragAndDrop.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Atom.AtomDragAndDrop.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Atom › AtomDragAndDrop › CleanAndModified › should be rendered', renderComponentMacro, AtomDragAndDrop, fixtureCleanAndModified);\ntest('Atom › AtomDragAndDrop › Default › should be rendered', renderComponentMacro, AtomDragAndDrop, fixtureDefault);\ntest('Atom › AtomDragAndDrop › Error › should be rendered', renderComponentMacro, AtomDragAndDrop, fixtureError);\ntest('Atom › AtomDragAndDrop › Loading › should be rendered', renderComponentMacro, AtomDragAndDrop, fixtureLoading);\ntest('Atom › AtomDragAndDrop › Modified › should be rendered', renderComponentMacro, AtomDragAndDrop, fixtureModified);\ntest('Atom › AtomDragAndDrop › WithChildren › should be rendered', renderComponentMacro, AtomDragAndDrop, fixtureWithChildren);\ntest('Atom › AtomDragAndDrop › WithImageReset › should be rendered', renderComponentMacro, AtomDragAndDrop, fixtureWithImageReset);\ntest('Atom › AtomDragAndDrop › WithImage › should be rendered', renderComponentMacro, AtomDragAndDrop, fixtureWithImage);\ntest('Atom › AtomDragAndDrop › WithLongDescription › should be rendered', renderComponentMacro, AtomDragAndDrop, fixtureWithLongDescription);\ntest('Atom › AtomDragAndDrop › WithSvg › should be rendered', renderComponentMacro, AtomDragAndDrop, fixtureWithSvg);\ntest('Atom › AtomDragAndDrop › WithVideo › should be rendered', renderComponentMacro, AtomDragAndDrop, fixtureWithVideo);\n"],"file":"fixtures.js"}
+{"version":3,"sources":["../../../../src/atom/drag-and-drop/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","AtomDragAndDrop","fixtureCleanAndModified","fixtureDefault","fixtureError","fixtureLoading","fixtureModified","fixtureWithChildren","fixtureWithImageReset","fixtureWithImage","fixtureWithLongDescription","fixtureWithVideo","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,eAAP,MAA4B,IAA5B;AACA,OAAOC,uBAAP,MAAoC,+BAApC;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,YAAP,MAAyB,kBAAzB;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,eAAP,MAA4B,qBAA5B;AACA,OAAOC,mBAAP,MAAgC,0BAAhC;AACA,OAAOC,qBAAP,MAAkC,6BAAlC;AACA,OAAOC,gBAAP,MAA6B,uBAA7B;AACA,OAAOC,0BAAP,MAAuC,kCAAvC;AACA,OAAOC,gBAAP,MAA6B,uBAA7B;AAEAb,IAAI,CAAC,sDAAD,EAAyDc,CAAC,IAAI;AAChEA,EAAAA,CAAC,CAACC,IAAF;AACAd,EAAAA,OAAO,CAACE,eAAe,CAACa,SAAjB,EAA4B,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACjDJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,gDAA+CF,GAAI,mEAA5E;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOAlB,IAAI,CAAC,gEAAD,EAAmEE,oBAAnE,EAAyFC,eAAzF,EAA0GC,uBAA1G,CAAJ;AACAJ,IAAI,CAAC,uDAAD,EAA0DE,oBAA1D,EAAgFC,eAAhF,EAAiGE,cAAjG,CAAJ;AACAL,IAAI,CAAC,qDAAD,EAAwDE,oBAAxD,EAA8EC,eAA9E,EAA+FG,YAA/F,CAAJ;AACAN,IAAI,CAAC,uDAAD,EAA0DE,oBAA1D,EAAgFC,eAAhF,EAAiGI,cAAjG,CAAJ;AACAP,IAAI,CAAC,wDAAD,EAA2DE,oBAA3D,EAAiFC,eAAjF,EAAkGK,eAAlG,CAAJ;AACAR,IAAI,CAAC,4DAAD,EAA+DE,oBAA/D,EAAqFC,eAArF,EAAsGM,mBAAtG,CAAJ;AACAT,IAAI,CAAC,8DAAD,EAAiEE,oBAAjE,EAAuFC,eAAvF,EAAwGO,qBAAxG,CAAJ;AACAV,IAAI,CAAC,yDAAD,EAA4DE,oBAA5D,EAAkFC,eAAlF,EAAmGQ,gBAAnG,CAAJ;AACAX,IAAI,CAAC,mEAAD,EAAsEE,oBAAtE,EAA4FC,eAA5F,EAA6GS,0BAA7G,CAAJ;AACAZ,IAAI,CAAC,yDAAD,EAA4DE,oBAA5D,EAAkFC,eAAlF,EAAmGU,gBAAnG,CAAJ","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport AtomDragAndDrop from '..';\nimport fixtureCleanAndModified from './fixtures/clean-and-modified';\nimport fixtureDefault from './fixtures/default';\nimport fixtureError from './fixtures/error';\nimport fixtureLoading from './fixtures/loading';\nimport fixtureModified from './fixtures/modified';\nimport fixtureWithChildren from './fixtures/with-children';\nimport fixtureWithImageReset from './fixtures/with-image-reset';\nimport fixtureWithImage from './fixtures/with-image';\nimport fixtureWithLongDescription from './fixtures/with-long-description';\nimport fixtureWithVideo from './fixtures/with-video';\n\ntest('Atom › AtomDragAndDrop > should have valid propTypes', t => {\n  t.pass();\n  forEach(AtomDragAndDrop.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Atom.AtomDragAndDrop.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Atom › AtomDragAndDrop › CleanAndModified › should be rendered', renderComponentMacro, AtomDragAndDrop, fixtureCleanAndModified);\ntest('Atom › AtomDragAndDrop › Default › should be rendered', renderComponentMacro, AtomDragAndDrop, fixtureDefault);\ntest('Atom › AtomDragAndDrop › Error › should be rendered', renderComponentMacro, AtomDragAndDrop, fixtureError);\ntest('Atom › AtomDragAndDrop › Loading › should be rendered', renderComponentMacro, AtomDragAndDrop, fixtureLoading);\ntest('Atom › AtomDragAndDrop › Modified › should be rendered', renderComponentMacro, AtomDragAndDrop, fixtureModified);\ntest('Atom › AtomDragAndDrop › WithChildren › should be rendered', renderComponentMacro, AtomDragAndDrop, fixtureWithChildren);\ntest('Atom › AtomDragAndDrop › WithImageReset › should be rendered', renderComponentMacro, AtomDragAndDrop, fixtureWithImageReset);\ntest('Atom › AtomDragAndDrop › WithImage › should be rendered', renderComponentMacro, AtomDragAndDrop, fixtureWithImage);\ntest('Atom › AtomDragAndDrop › WithLongDescription › should be rendered', renderComponentMacro, AtomDragAndDrop, fixtureWithLongDescription);\ntest('Atom › AtomDragAndDrop › WithVideo › should be rendered', renderComponentMacro, AtomDragAndDrop, fixtureWithVideo);\n"],"file":"fixtures.js"}

package/es/atom/review-background/index.js

@@ -0,0 +1,35 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import style from './style.css';
+
+const ReviewBackground = props => {
+  const {
+    'aria-label': ariaLabel
+  } = props;
+  return /*#__PURE__*/React.createElement("div", {
+    className: style.mainContainer,
+    "aria-label": ariaLabel
+  }, /*#__PURE__*/React.createElement("div", {
+    className: style.container
+  }, /*#__PURE__*/React.createElement("span", {
+    className: style.interrogationLeft
+  }, "?"), /*#__PURE__*/React.createElement("span", {
+    className: style.interrogationRight
+  }, "?"), /*#__PURE__*/React.createElement("div", {
+    className: style.recYellow
+  }), /*#__PURE__*/React.createElement("div", {
+    className: style.recRed
+  }), /*#__PURE__*/React.createElement("div", {
+    className: style.recBlue
+  }), /*#__PURE__*/React.createElement("div", {
+    className: style.recGreen
+  }), /*#__PURE__*/React.createElement("div", {
+    className: style.recGreenLight
+  })));
+};
+
+ReviewBackground.propTypes = process.env.NODE_ENV !== "production" ? {
+  'aria-label': PropTypes.string
+} : {};
+export default ReviewBackground;
+//# sourceMappingURL=index.js.map

package/es/atom/review-background/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/atom/review-background/index.js"],"names":["React","PropTypes","style","ReviewBackground","props","ariaLabel","mainContainer","container","interrogationLeft","interrogationRight","recYellow","recRed","recBlue","recGreen","recGreenLight","propTypes","string"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,gBAAgB,GAAGC,KAAK,IAAI;AAChC,QAAM;AAAC,kBAAcC;AAAf,MAA4BD,KAAlC;AACA,sBACE;AAAK,IAAA,SAAS,EAAEF,KAAK,CAACI,aAAtB;AAAqC,kBAAYD;AAAjD,kBACE;AAAK,IAAA,SAAS,EAAEH,KAAK,CAACK;AAAtB,kBACE;AAAM,IAAA,SAAS,EAAEL,KAAK,CAACM;AAAvB,SADF,eAEE;AAAM,IAAA,SAAS,EAAEN,KAAK,CAACO;AAAvB,SAFF,eAGE;AAAK,IAAA,SAAS,EAAEP,KAAK,CAACQ;AAAtB,IAHF,eAIE;AAAK,IAAA,SAAS,EAAER,KAAK,CAACS;AAAtB,IAJF,eAKE;AAAK,IAAA,SAAS,EAAET,KAAK,CAACU;AAAtB,IALF,eAME;AAAK,IAAA,SAAS,EAAEV,KAAK,CAACW;AAAtB,IANF,eAOE;AAAK,IAAA,SAAS,EAAEX,KAAK,CAACY;AAAtB,IAPF,CADF,CADF;AAaD,CAfD;;AAiBAX,gBAAgB,CAACY,SAAjB,2CAA6B;AAAC,gBAAcd,SAAS,CAACe;AAAzB,CAA7B;AAEA,eAAeb,gBAAf","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport style from './style.css';\n\nconst ReviewBackground = props => {\n  const {'aria-label': ariaLabel} = props;\n  return (\n    <div className={style.mainContainer} aria-label={ariaLabel}>\n      <div className={style.container}>\n        <span className={style.interrogationLeft}>?</span>\n        <span className={style.interrogationRight}>?</span>\n        <div className={style.recYellow} />\n        <div className={style.recRed} />\n        <div className={style.recBlue} />\n        <div className={style.recGreen} />\n        <div className={style.recGreenLight} />\n      </div>\n    </div>\n  );\n};\n\nReviewBackground.propTypes = {'aria-label': PropTypes.string};\n\nexport default ReviewBackground;\n"],"file":"index.js"}

package/es/atom/review-background/style.css

@@ -0,0 +1,234 @@
+@value breakpoints: "../../variables/breakpoints.css";
+@value tablet from breakpoints;
+@value mobile from breakpoints;
+
+.interrogationBase {
+  position: absolute;
+  font-family: "Gilroy";
+  font-size: 700px;
+  font-weight: 700;
+  text-align: center;
+  color: black;
+  opacity: 0.02;
+  user-select: none;
+  z-index: 1;
+}
+
+.mainContainer {
+  position: relative;
+  width: 100vw;
+  height: 100vh;
+  background: #ffffff;
+  padding: 0;
+  margin: 0;
+  overflow: hidden;
+}
+
+.container {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  left: 0px;
+  top: 0px;
+}
+
+.interrogationLeft {
+  composes: interrogationBase;
+  left: -14%;
+  top: -15%;
+  transform: rotate(49.77deg);
+}
+
+.interrogationRight {
+  composes: interrogationBase;
+  left: 72%;
+  top: -10%;
+  transform: rotate(135deg);
+}
+
+.recYellow {
+  position: absolute;
+  left: -40.79%;
+  right: 60.63%;
+  top: 0.34%;
+  bottom: 24.77%;
+  background: radial-gradient(
+    circle closest-side at 57.97% 41.54%,
+    #ffc043 0%,
+    rgba(255, 255, 255, 0) 100%
+  );
+  opacity: 0.4;
+  filter: blur(80px);
+}
+
+.recRed {
+  position: absolute;
+  left: 3.72%;
+  right: 42.62%;
+  top: 23.04%;
+  bottom: -9.22%;
+  background: radial-gradient(
+    circle closest-side at 57.97% 41.54%,
+    #ff7043 0%,
+    rgba(255, 255, 255, 0) 100%
+  );
+  opacity: 0.2;
+  filter: blur(60px);
+}
+
+.recBlue {
+  position: absolute;
+  left: 42.5%;
+  right: 0.35%;
+  top: 40.78%;
+  bottom: -67.67%;
+  background: radial-gradient(
+    circle closest-side at 39.9% 50%,
+    rgba(0, 97, 255, 0.55) 0%,
+    rgba(255, 255, 255, 0) 100%
+  );
+  opacity: 0.5;
+  filter: blur(80px);
+}
+
+.recGreen {
+  position: absolute;
+  left: 64.14%;
+  right: -20.87%;
+  top: -27.96%;
+  bottom: 45.85%;
+  background: radial-gradient(
+    circle closest-side at 56.78% 61.36%,
+    #2199ab 0%,
+    rgba(255, 255, 255, 0) 100%
+  );
+  opacity: 0.5;
+  filter: blur(100px);
+}
+
+.recGreenLight {
+  position: absolute;
+  left: 50.13%;
+  right: -18.51%;
+  top: 13.13%;
+  bottom: 6.78%;
+  background: radial-gradient(
+    circle closest-side at 54.18% 40.45%,
+    #18bb98 0%,
+    rgba(255, 255, 255, 0) 100%
+  );
+  opacity: 0.5;
+  filter: blur(100px);
+}
+
+@media tablet {
+  .interrogationLeft {
+    left: -8%;
+    top: 6%;
+    font-size: 500px;
+  }
+
+  .interrogationRight {
+    left: 70%;
+    top: 6%;
+    font-size: 500px;
+  }
+
+  .recYellow {
+    left: -20.79%;
+    right: 55.63%;
+    top: 5.34%;
+    bottom: 34.77%;
+    background: radial-gradient(
+      circle closest-side at 57.97% 41.54%,
+      #ffc043 0%,
+      rgba(255, 255, 255, 0) 100%
+    );
+  }
+
+  .recRed {
+    left: 10.72%;
+    right: 42.62%;
+    top: 33.04%;
+    bottom: -9.22%;
+    background: radial-gradient(
+      circle closest-side at 57.97% 41.54%,
+      #ff7043 0%,
+      rgba(255, 255, 255, 0) 100%
+    );
+    filter: blur(50px);
+    opacity: 0.2;
+  }
+
+  .recBlue {
+    bottom: -80.78%;
+    background: radial-gradient(
+      circle closest-side at 39.9% 50%,
+      rgba(0, 97, 255, 0.55) 0%,
+      rgba(255, 255, 255, 0) 100%
+    );
+  }
+
+  .recGreen {
+    bottom: 43.13%;
+    background: radial-gradient(
+      circle closest-side at 56.78% 61.36%,
+      #2199ab 0%,
+      rgba(255, 255, 255, 0) 100%
+    );
+    opacity: 0.3;
+  }
+
+  .recGreenLight {
+    left: 40%;
+    top: 13.13%;
+    background: radial-gradient(
+      circle closest-side at 54.18% 40.45%,
+      #18bb98 0%,
+      rgba(255, 255, 255, 0) 100%
+    );
+  }
+}
+
+@media mobile {
+  .interrogationLeft {
+    left: -25%;
+    top: 3%;
+    font-size: 400px;
+  }
+
+  .interrogationRight {
+    left: 55%;
+    top: 36%;
+    font-size: 400px;
+  }
+
+  .recYellow {
+    right: 50%;
+    top: -5.34%;
+    opacity: 0.5;
+  }
+
+  .recRed {
+    opacity: 0.5;
+  }
+
+  .recBlue {
+    left: 48.5%;
+    right: -35%;
+    bottom: -50.78%;
+    opacity: 0.5;
+  }
+
+  .recGreen {
+    top: -23.13%;
+    left: 30%;
+    opacity: 0.5;
+  }
+
+  .recGreenLight {
+    top: -3.13%;
+    left: 30%;
+    opacity: 0.5;
+  }
+}

package/es/atom/review-background/test/fixtures/default.js

@@ -0,0 +1,6 @@
+export default {
+  props: {
+    'aria-label': 'Review Background Container'
+  }
+};
+//# sourceMappingURL=default.js.map

package/es/atom/review-background/test/fixtures/default.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/atom/review-background/test/fixtures/default.js"],"names":["props"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACL,kBAAc;AADT;AADM,CAAf","sourcesContent":["export default {\n  props: {\n    'aria-label': 'Review Background Container'\n  }\n};\n"],"file":"default.js"}

package/es/atom/review-background/test/fixtures.js

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

package/es/atom/review-background/test/fixtures.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/atom/review-background/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","AtomReviewBackground","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,oBAAP,MAAiC,IAAjC;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AAEAJ,IAAI,CAAC,2DAAD,EAA8DK,CAAC,IAAI;AACrEA,EAAAA,CAAC,CAACC,IAAF;AACAL,EAAAA,OAAO,CAACE,oBAAoB,CAACI,SAAtB,EAAiC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACtDJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,qDAAoDF,GAAI,mEAAjF;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOAT,IAAI,CAAC,4DAAD,EAA+DE,oBAA/D,EAAqFC,oBAArF,EAA2GC,cAA3G,CAAJ","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport AtomReviewBackground from '..';\nimport fixtureDefault from './fixtures/default';\n\ntest('Atom › AtomReviewBackground > should have valid propTypes', t => {\n  t.pass();\n  forEach(AtomReviewBackground.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Atom.AtomReviewBackground.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Atom › AtomReviewBackground › Default › should be rendered', renderComponentMacro, AtomReviewBackground, fixtureDefault);\n"],"file":"fixtures.js"}

package/es/atom/review-presentation/index.js

@@ -58,7 +58,9 @@ const ReviewPresentation = props => {
     dangerouslySetInnerHTML: {
       __html: reviewText
     }
-  }), /*#__PURE__*/React.createElement("ul", null, map.convert({
+  }), /*#__PURE__*/React.createElement("ul", {
+    className: style.reviewListWrapper
+  }, map.convert({
     cap: false
   })((label, key) => {
     return /*#__PURE__*/React.createElement("li", {

package/es/atom/review-presentation/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/atom/review-presentation/index.js"],"names":["React","PropTypes","get","map","NovaSolidStatusCheckCircle2","CheckIcon","NovaSolidVoteRewardsVoteHeart","HeartIcon","NovaCompositionCoorpacademyInformationIcon","InformationIcon","NovaSolidInterfaceFeedbackInterfaceQuestionMark","QuestionIcon","NovaLineSelectionCursorsCursorArrowTarget","TargetIcon","style","ICONS","skills","questions","lifes","allright","getIcon","icon","Icon","labelIcon","ToolTip","tooltipText","tooltipContainer","tooltipIconContainer","informationIcon","toolTip","ReviewPresentation","props","ariaLabel","reviewTitle","reviewText","labelsList","reviewWrapper","__html","convert","cap","label","key","reviewList","reviewListItemWrapper","reviewListText","text","levelItem","shape","string","propTypes"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport get from 'lodash/fp/get';\nimport map from 'lodash/fp/map';\nimport {\n  NovaSolidStatusCheckCircle2 as CheckIcon,\n  NovaSolidVoteRewardsVoteHeart as HeartIcon,\n  NovaCompositionCoorpacademyInformationIcon as InformationIcon,\n  NovaSolidInterfaceFeedbackInterfaceQuestionMark as QuestionIcon,\n  NovaLineSelectionCursorsCursorArrowTarget as TargetIcon\n} from '@coorpacademy/nova-icons';\nimport style from './style.css';\n\nconst ICONS = {\n  skills: TargetIcon,\n  questions: QuestionIcon,\n  lifes: HeartIcon,\n  allright: CheckIcon\n};\n\nconst getIcon = icon => {\n  const Icon = get(icon, ICONS);\n  return <Icon className={style.labelIcon} />;\n};\n\nconst ToolTip = ({tooltipText}) => {\n  return (\n    <div className={style.tooltipContainer}>\n      <div className={style.tooltipIconContainer}>\n        <InformationIcon className={style.informationIcon} width={12} height={12} />\n      </div>\n      <div className={style.toolTip}>\n        <div className={style.tooltipText}>{tooltipText}</div>\n      </div>\n    </div>\n  );\n};\n\nconst ReviewPresentation = props => {\n  const {'aria-label': ariaLabel, reviewTitle, reviewText, labelsList} = props;\n\n  return (\n    <div className={style.reviewWrapper} aria-label={ariaLabel}>\n      <div\n        className={style.reviewTitle}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: reviewTitle}}\n      />\n      <div\n        className={style.reviewText}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: reviewText}}\n      />\n      <ul>\n        {map.convert({cap: false})((label, key) => {\n          return (\n            <li key={`step-${key}`} className={style.reviewList}>\n              <div className={style.reviewListItemWrapper} data-tip data-for=\"reviewListItem\">\n                <div className={style.reviewListText}>\n                  {getIcon(key)} {label.text}\n                </div>\n                <ToolTip tooltipText={label.tooltipText} />\n              </div>\n            </li>\n          );\n        }, labelsList)}\n      </ul>\n    </div>\n  );\n};\n\nconst levelItem = PropTypes.shape({\n  text: PropTypes.string,\n  tooltipText: PropTypes.string\n});\n\nToolTip.propTypes = {\n  tooltipText: PropTypes.string\n};\n\nReviewPresentation.propTypes = {\n  'aria-label': PropTypes.string,\n  reviewTitle: PropTypes.string,\n  reviewText: PropTypes.string,\n  labelsList: PropTypes.shape({\n    skills: levelItem,\n    questions: levelItem,\n    lifes: levelItem,\n    allright: levelItem\n  })\n};\n\nexport default ReviewPresentation;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/atom/review-presentation/index.js"],"names":["React","PropTypes","get","map","NovaSolidStatusCheckCircle2","CheckIcon","NovaSolidVoteRewardsVoteHeart","HeartIcon","NovaCompositionCoorpacademyInformationIcon","InformationIcon","NovaSolidInterfaceFeedbackInterfaceQuestionMark","QuestionIcon","NovaLineSelectionCursorsCursorArrowTarget","TargetIcon","style","ICONS","skills","questions","lifes","allright","getIcon","icon","Icon","labelIcon","ToolTip","tooltipText","tooltipContainer","tooltipIconContainer","informationIcon","toolTip","ReviewPresentation","props","ariaLabel","reviewTitle","reviewText","labelsList","reviewWrapper","__html","reviewListWrapper","convert","cap","label","key","reviewList","reviewListItemWrapper","reviewListText","text","levelItem","shape","string","propTypes"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport get from 'lodash/fp/get';\nimport map from 'lodash/fp/map';\nimport {\n  NovaSolidStatusCheckCircle2 as CheckIcon,\n  NovaSolidVoteRewardsVoteHeart as HeartIcon,\n  NovaCompositionCoorpacademyInformationIcon as InformationIcon,\n  NovaSolidInterfaceFeedbackInterfaceQuestionMark as QuestionIcon,\n  NovaLineSelectionCursorsCursorArrowTarget as TargetIcon\n} from '@coorpacademy/nova-icons';\nimport style from './style.css';\n\nconst ICONS = {\n  skills: TargetIcon,\n  questions: QuestionIcon,\n  lifes: HeartIcon,\n  allright: CheckIcon\n};\n\nconst getIcon = icon => {\n  const Icon = get(icon, ICONS);\n  return <Icon className={style.labelIcon} />;\n};\n\nconst ToolTip = ({tooltipText}) => {\n  return (\n    <div className={style.tooltipContainer}>\n      <div className={style.tooltipIconContainer}>\n        <InformationIcon className={style.informationIcon} width={12} height={12} />\n      </div>\n      <div className={style.toolTip}>\n        <div className={style.tooltipText}>{tooltipText}</div>\n      </div>\n    </div>\n  );\n};\n\nconst ReviewPresentation = props => {\n  const {'aria-label': ariaLabel, reviewTitle, reviewText, labelsList} = props;\n\n  return (\n    <div className={style.reviewWrapper} aria-label={ariaLabel}>\n      <div\n        className={style.reviewTitle}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: reviewTitle}}\n      />\n      <div\n        className={style.reviewText}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: reviewText}}\n      />\n      <ul className={style.reviewListWrapper}>\n        {map.convert({cap: false})((label, key) => {\n          return (\n            <li key={`step-${key}`} className={style.reviewList}>\n              <div className={style.reviewListItemWrapper} data-tip data-for=\"reviewListItem\">\n                <div className={style.reviewListText}>\n                  {getIcon(key)} {label.text}\n                </div>\n                <ToolTip tooltipText={label.tooltipText} />\n              </div>\n            </li>\n          );\n        }, labelsList)}\n      </ul>\n    </div>\n  );\n};\n\nconst levelItem = PropTypes.shape({\n  text: PropTypes.string,\n  tooltipText: PropTypes.string\n});\n\nToolTip.propTypes = {\n  tooltipText: PropTypes.string\n};\n\nReviewPresentation.propTypes = {\n  'aria-label': PropTypes.string,\n  reviewTitle: PropTypes.string,\n  reviewText: PropTypes.string,\n  labelsList: PropTypes.shape({\n    skills: levelItem,\n    questions: levelItem,\n    lifes: levelItem,\n    allright: levelItem\n  })\n};\n\nexport default ReviewPresentation;\n"],"file":"index.js"}

package/es/atom/review-presentation/style.css

@@ -14,13 +14,14 @@
   font-family: "Gilroy";
   font-style: normal;
   color: cm_blue_900;
+  user-select: none;
 }
 
 .reviewWrapper {
   width: 100%;
-  height: 598px;
   border-radius: 16px;
   background-color: xtraLightGrey;
+  padding-bottom: 40px;
 }
 
 .reviewTitle {
@@ -29,7 +30,6 @@
   font-size: 28px;
   line-height: 36px;
   padding: 40px 40px 16px;
-  height: 72px;
 }
 
 .reviewText {
@@ -39,7 +39,6 @@
   line-height: 22px;
   margin-bottom: 32px;
   padding: 0 40px;
-  height: 198px;
   opacity: 0.7;
   overflow: hidden;
 }
@@ -48,12 +47,16 @@
   list-style: none;
 }
 
+.reviewListWrapper {
+  margin-bottom: 0;
+}
+
 .reviewListItemWrapper {
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding: 8px 16px;
-  margin: 16px 40px 16px 0px;
+  margin: 16px 40px 0 0;
   background: cm_grey_75;
   border-radius: 8px;
 }

package/es/molecule/course-section/style.css

@@ -19,7 +19,7 @@
     display: flex;
     justify-content: flex-start;
     align-items: center;
-    width: 83%;
+    width: calc(100% - 175px);
 }
 
 .containerInfos {

package/es/molecule/draggable/style.css

@@ -24,7 +24,8 @@
   content: '.';
   position: absolute;
   left: 23px;
-  top: 5px;
+  top: 50%;
+  transform: translateY(-100%);
   width: 12px;
   font-size: 25px;
   color: medium;

package/es/molecule/skill-card/style.css

@@ -13,15 +13,15 @@
   display: flex;
   flex-direction: column;
   max-width: 353px;
-  min-width: 245px;
-  height: 242px;
-  box-shadow: 0px 4px 16px box_shadow_light_dark;
+  width: 100%;
+  min-height: 242px;
+  box-shadow: 0 4px 16px box_shadow_light_dark;
   transition: box-shadow 0.15s ease-in-out;
   border-radius: 8px 8px 12px 12px;
 }
 
 .skillCardWrapper:hover {
-  box-shadow: 0px 4px 48px box_shadow_medium_dark;
+  box-shadow: 0 4px 48px box_shadow_medium_dark;
 }
 
 .skillTitle {
@@ -32,9 +32,9 @@
   display: flex;
   align-items: center;
   height: 112px;
-  border-radius: 8px 8px 0px 0px;
+  border-radius: 8px 8px 0 0;
   color: white;
-  padding: 0px 24px;
+  padding: 0 24px;
   user-select: none;
 }
 
@@ -52,9 +52,8 @@
   color: cm_grey_400;
   padding: 16px 24px 24px;
   user-select: none;
-
 }
 
 .buttonWrapper {
-  padding: 0px 24px;
+  padding: 0 24px 24px;
 }

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

@@ -37,8 +37,11 @@
 }
 
 .skillCardContainer {
-  margin: 0px 16px 16px 0px;
-  width: 298px;
+  margin: 0 16px 16px 0;
+  max-width: 298px;
+  min-width: 205px;
+  width: 100%;    
+  flex: 1 0 33%;
 }
 
 .noSkillsContainer {
@@ -70,9 +73,9 @@
 }
 
 .imgNoSkills {
-  width: 361px;
   height: 361px;
   margin-top: 48px;
+  width: 361px;
 }
 
 .loaderContainer {
@@ -89,15 +92,25 @@
 }
 
 @media tablet {
-  .skillCardContainer {
-    width: 257px;
+  .titleNoSkills, .textNoSkills {
+    width: 90%;
+  }
+
+  .imgNoSkills {
+    max-width: 361px;
+    max-height: 361px;
+    width: 100%;
+    height: 100%;
   }
 }
 
-@media mobile {
+@media mobile {  
   .skillCardContainer {
-    width: 100%;
-    margin-right: 0px;
+    display: flex;
+    flex: 1 0 100%;
+    justify-content: center;
+    margin-right: 0;
+    max-width: 100%;
   }
 
   .titleNoSkills,

package/es/organism/review-skills/test/fixtures/many-skills.js

@@ -16,6 +16,45 @@ const listSkills = [_extends(_extends({}, cardDefault.props), {}, {
 }), _extends(_extends({}, cardDefault.props), {}, {
   skillTitle: 'Critical thinking and analysis',
   isCustom: true
+}), _extends(_extends({}, cardDefault.props), {}, {
+  skillTitle: 'Negotiation and powers of persuasion',
+  isCustom: true
+}), _extends(_extends({}, cardDefault.props), {}, {
+  skillTitle: 'Digital communication',
+  isCustom: false
+}), _extends(_extends({}, cardDefault.props), {}, {
+  skillTitle: 'Creativity and innovation',
+  isCustom: false
+}), _extends(_extends({}, cardDefault.props), {}, {
+  skillTitle: 'Agility',
+  isCustom: false
+}), _extends(_extends({}, cardDefault.props), {}, {
+  skillTitle: 'Sustainable thinking',
+  isCustom: false
+}), _extends(_extends({}, cardDefault.props), {}, {
+  skillTitle: 'Critical thinking and analysis',
+  isCustom: true
+}), _extends(_extends({}, cardDefault.props), {}, {
+  skillTitle: 'Negotiation and powers of persuasion',
+  isCustom: true
+}), _extends(_extends({}, cardDefault.props), {}, {
+  skillTitle: 'Digital communication',
+  isCustom: false
+}), _extends(_extends({}, cardDefault.props), {}, {
+  skillTitle: 'Creativity and innovation',
+  isCustom: false
+}), _extends(_extends({}, cardDefault.props), {}, {
+  skillTitle: 'Agility',
+  isCustom: false
+}), _extends(_extends({}, cardDefault.props), {}, {
+  skillTitle: 'Sustainable thinking',
+  isCustom: false
+}), _extends(_extends({}, cardDefault.props), {}, {
+  skillTitle: 'Critical thinking and analysis',
+  isCustom: true
+}), _extends(_extends({}, cardDefault.props), {}, {
+  skillTitle: 'Negotiation and powers of persuasion',
+  isCustom: true
 })];
 export default {
   props: {

package/es/organism/review-skills/test/fixtures/many-skills.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/organism/review-skills/test/fixtures/many-skills.js"],"names":["cardDefault","listSkills","props","skillTitle","isCustom","title","titleNoSkills","undefined","textNoSkills","iconSkillAriaLabel"],"mappings":";;AAAA,OAAOA,WAAP,MAAwB,uDAAxB;AAEA,MAAMC,UAAU,GAAG,uBACbD,WAAW,CAACE,KADC;AACMC,EAAAA,UAAU,EAAE,uBADlB;AAC2CC,EAAAA,QAAQ,EAAE;AADrD,0BAEbJ,WAAW,CAACE,KAFC;AAEMC,EAAAA,UAAU,EAAE,2BAFlB;AAE+CC,EAAAA,QAAQ,EAAE;AAFzD,0BAGbJ,WAAW,CAACE,KAHC;AAGMC,EAAAA,UAAU,EAAE,SAHlB;AAG6BC,EAAAA,QAAQ,EAAE;AAHvC,0BAIbJ,WAAW,CAACE,KAJC;AAIMC,EAAAA,UAAU,EAAE,sBAJlB;AAI0CC,EAAAA,QAAQ,EAAE;AAJpD,0BAKbJ,WAAW,CAACE,KALC;AAKMC,EAAAA,UAAU,EAAE,gCALlB;AAKoDC,EAAAA,QAAQ,EAAE;AAL9D,GAAnB;AAQA,eAAe;AACbF,EAAAA,KAAK,EAAE;AACL,kBAAc,yBADT;AAELG,IAAAA,KAAK,EAAE,uBAFF;AAGLJ,IAAAA,UAHK;AAILK,IAAAA,aAAa,EAAEC,SAJV;AAKLC,IAAAA,YAAY,EAAED,SALT;AAMLE,IAAAA,kBAAkB,EAAEF;AANf;AADM,CAAf","sourcesContent":["import cardDefault from '../../../../molecule/skill-card/test/fixtures/default';\n\nconst listSkills = [\n  {...cardDefault.props, skillTitle: 'Digital communication', isCustom: false},\n  {...cardDefault.props, skillTitle: 'Creativity and innovation', isCustom: false},\n  {...cardDefault.props, skillTitle: 'Agility', isCustom: false},\n  {...cardDefault.props, skillTitle: 'Sustainable thinking', isCustom: false},\n  {...cardDefault.props, skillTitle: 'Critical thinking and analysis', isCustom: true}\n];\n\nexport default {\n  props: {\n    'aria-label': 'Review Skills Container',\n    title: 'Skills you can revise',\n    listSkills,\n    titleNoSkills: undefined,\n    textNoSkills: undefined,\n    iconSkillAriaLabel: undefined\n  }\n};\n"],"file":"many-skills.js"}
+{"version":3,"sources":["../../../../../src/organism/review-skills/test/fixtures/many-skills.js"],"names":["cardDefault","listSkills","props","skillTitle","isCustom","title","titleNoSkills","undefined","textNoSkills","iconSkillAriaLabel"],"mappings":";;AAAA,OAAOA,WAAP,MAAwB,uDAAxB;AAEA,MAAMC,UAAU,GAAG,uBACbD,WAAW,CAACE,KADC;AACMC,EAAAA,UAAU,EAAE,uBADlB;AAC2CC,EAAAA,QAAQ,EAAE;AADrD,0BAEbJ,WAAW,CAACE,KAFC;AAEMC,EAAAA,UAAU,EAAE,2BAFlB;AAE+CC,EAAAA,QAAQ,EAAE;AAFzD,0BAGbJ,WAAW,CAACE,KAHC;AAGMC,EAAAA,UAAU,EAAE,SAHlB;AAG6BC,EAAAA,QAAQ,EAAE;AAHvC,0BAIbJ,WAAW,CAACE,KAJC;AAIMC,EAAAA,UAAU,EAAE,sBAJlB;AAI0CC,EAAAA,QAAQ,EAAE;AAJpD,0BAKbJ,WAAW,CAACE,KALC;AAKMC,EAAAA,UAAU,EAAE,gCALlB;AAKoDC,EAAAA,QAAQ,EAAE;AAL9D,0BAMbJ,WAAW,CAACE,KANC;AAMMC,EAAAA,UAAU,EAAE,sCANlB;AAM0DC,EAAAA,QAAQ,EAAE;AANpE,0BAObJ,WAAW,CAACE,KAPC;AAOMC,EAAAA,UAAU,EAAE,uBAPlB;AAO2CC,EAAAA,QAAQ,EAAE;AAPrD,0BAQbJ,WAAW,CAACE,KARC;AAQMC,EAAAA,UAAU,EAAE,2BARlB;AAQ+CC,EAAAA,QAAQ,EAAE;AARzD,0BASbJ,WAAW,CAACE,KATC;AASMC,EAAAA,UAAU,EAAE,SATlB;AAS6BC,EAAAA,QAAQ,EAAE;AATvC,0BAUbJ,WAAW,CAACE,KAVC;AAUMC,EAAAA,UAAU,EAAE,sBAVlB;AAU0CC,EAAAA,QAAQ,EAAE;AAVpD,0BAWbJ,WAAW,CAACE,KAXC;AAWMC,EAAAA,UAAU,EAAE,gCAXlB;AAWoDC,EAAAA,QAAQ,EAAE;AAX9D,0BAYbJ,WAAW,CAACE,KAZC;AAYMC,EAAAA,UAAU,EAAE,sCAZlB;AAY0DC,EAAAA,QAAQ,EAAE;AAZpE,0BAabJ,WAAW,CAACE,KAbC;AAaMC,EAAAA,UAAU,EAAE,uBAblB;AAa2CC,EAAAA,QAAQ,EAAE;AAbrD,0BAcbJ,WAAW,CAACE,KAdC;AAcMC,EAAAA,UAAU,EAAE,2BAdlB;AAc+CC,EAAAA,QAAQ,EAAE;AAdzD,0BAebJ,WAAW,CAACE,KAfC;AAeMC,EAAAA,UAAU,EAAE,SAflB;AAe6BC,EAAAA,QAAQ,EAAE;AAfvC,0BAgBbJ,WAAW,CAACE,KAhBC;AAgBMC,EAAAA,UAAU,EAAE,sBAhBlB;AAgB0CC,EAAAA,QAAQ,EAAE;AAhBpD,0BAiBbJ,WAAW,CAACE,KAjBC;AAiBMC,EAAAA,UAAU,EAAE,gCAjBlB;AAiBoDC,EAAAA,QAAQ,EAAE;AAjB9D,0BAkBbJ,WAAW,CAACE,KAlBC;AAkBMC,EAAAA,UAAU,EAAE,sCAlBlB;AAkB0DC,EAAAA,QAAQ,EAAE;AAlBpE,GAAnB;AAqBA,eAAe;AACbF,EAAAA,KAAK,EAAE;AACL,kBAAc,yBADT;AAELG,IAAAA,KAAK,EAAE,uBAFF;AAGLJ,IAAAA,UAHK;AAILK,IAAAA,aAAa,EAAEC,SAJV;AAKLC,IAAAA,YAAY,EAAED,SALT;AAMLE,IAAAA,kBAAkB,EAAEF;AANf;AADM,CAAf","sourcesContent":["import cardDefault from '../../../../molecule/skill-card/test/fixtures/default';\n\nconst listSkills = [\n  {...cardDefault.props, skillTitle: 'Digital communication', isCustom: false},\n  {...cardDefault.props, skillTitle: 'Creativity and innovation', isCustom: false},\n  {...cardDefault.props, skillTitle: 'Agility', isCustom: false},\n  {...cardDefault.props, skillTitle: 'Sustainable thinking', isCustom: false},\n  {...cardDefault.props, skillTitle: 'Critical thinking and analysis', isCustom: true},\n  {...cardDefault.props, skillTitle: 'Negotiation and powers of persuasion', isCustom: true},\n  {...cardDefault.props, skillTitle: 'Digital communication', isCustom: false},\n  {...cardDefault.props, skillTitle: 'Creativity and innovation', isCustom: false},\n  {...cardDefault.props, skillTitle: 'Agility', isCustom: false},\n  {...cardDefault.props, skillTitle: 'Sustainable thinking', isCustom: false},\n  {...cardDefault.props, skillTitle: 'Critical thinking and analysis', isCustom: true},\n  {...cardDefault.props, skillTitle: 'Negotiation and powers of persuasion', isCustom: true},\n  {...cardDefault.props, skillTitle: 'Digital communication', isCustom: false},\n  {...cardDefault.props, skillTitle: 'Creativity and innovation', isCustom: false},\n  {...cardDefault.props, skillTitle: 'Agility', isCustom: false},\n  {...cardDefault.props, skillTitle: 'Sustainable thinking', isCustom: false},\n  {...cardDefault.props, skillTitle: 'Critical thinking and analysis', isCustom: true},\n  {...cardDefault.props, skillTitle: 'Negotiation and powers of persuasion', isCustom: true}\n];\n\nexport default {\n  props: {\n    'aria-label': 'Review Skills Container',\n    title: 'Skills you can revise',\n    listSkills,\n    titleNoSkills: undefined,\n    textNoSkills: undefined,\n    iconSkillAriaLabel: undefined\n  }\n};\n"],"file":"many-skills.js"}

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

@@ -0,0 +1,17 @@
+import test from 'ava';
+import forEach from 'lodash/forEach';
+import renderComponentMacro from '../../../test/helpers/render-component';
+import OrganismReviewSkills from '..';
+import fixtureLoading from './fixtures/loading';
+import fixtureManySkills from './fixtures/many-skills';
+import fixtureNoSkills from './fixtures/no-skills';
+test('Organism › OrganismReviewSkills > should have valid propTypes', t => {
+  t.pass();
+  forEach(OrganismReviewSkills.propTypes, (value, key) => {
+    t.not(value, undefined, `PropType for "Organism.OrganismReviewSkills.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
+  });
+});
+test('Organism › OrganismReviewSkills › Loading › should be rendered', renderComponentMacro, OrganismReviewSkills, fixtureLoading);
+test('Organism › OrganismReviewSkills › ManySkills › should be rendered', renderComponentMacro, OrganismReviewSkills, fixtureManySkills);
+test('Organism › OrganismReviewSkills › NoSkills › should be rendered', renderComponentMacro, OrganismReviewSkills, fixtureNoSkills);
+//# sourceMappingURL=fixtures.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/organism/review-skills/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","OrganismReviewSkills","fixtureLoading","fixtureManySkills","fixtureNoSkills","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,oBAAP,MAAiC,IAAjC;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,iBAAP,MAA8B,wBAA9B;AACA,OAAOC,eAAP,MAA4B,sBAA5B;AAEAN,IAAI,CAAC,+DAAD,EAAkEO,CAAC,IAAI;AACzEA,EAAAA,CAAC,CAACC,IAAF;AACAP,EAAAA,OAAO,CAACE,oBAAoB,CAACM,SAAtB,EAAiC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACtDJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,yDAAwDF,GAAI,mEAArF;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOAX,IAAI,CAAC,gEAAD,EAAmEE,oBAAnE,EAAyFC,oBAAzF,EAA+GC,cAA/G,CAAJ;AACAJ,IAAI,CAAC,mEAAD,EAAsEE,oBAAtE,EAA4FC,oBAA5F,EAAkHE,iBAAlH,CAAJ;AACAL,IAAI,CAAC,iEAAD,EAAoEE,oBAApE,EAA0FC,oBAA1F,EAAgHG,eAAhH,CAAJ","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport OrganismReviewSkills from '..';\nimport fixtureLoading from './fixtures/loading';\nimport fixtureManySkills from './fixtures/many-skills';\nimport fixtureNoSkills from './fixtures/no-skills';\n\ntest('Organism › OrganismReviewSkills > should have valid propTypes', t => {\n  t.pass();\n  forEach(OrganismReviewSkills.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Organism.OrganismReviewSkills.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Organism › OrganismReviewSkills › Loading › should be rendered', renderComponentMacro, OrganismReviewSkills, fixtureLoading);\ntest('Organism › OrganismReviewSkills › ManySkills › should be rendered', renderComponentMacro, OrganismReviewSkills, fixtureManySkills);\ntest('Organism › OrganismReviewSkills › NoSkills › should be rendered', renderComponentMacro, OrganismReviewSkills, fixtureNoSkills);\n"],"file":"fixtures.js"}