@coorpacademy/components 10.14.1 → 10.14.4

package/es/template/external-course/test/fixtures/pdf-mobile.js

@@ -0,0 +1,10 @@
+export default {
+  props: {
+    type: 'article',
+    url: 'https://api.coorpacademy.com/external/3673d4b6-bf5a-4b24-9665-ad97dc9b89da.pdf',
+    mode: 'mobile',
+    contentType: 'application/pdf',
+    loading: false
+  }
+};
+//# sourceMappingURL=pdf-mobile.js.map

package/es/template/external-course/test/fixtures/pdf-mobile.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/template/external-course/test/fixtures/pdf-mobile.js"],"names":["props","type","url","mode","contentType","loading"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAE,SADD;AAELC,IAAAA,GAAG,EAAE,gFAFA;AAGLC,IAAAA,IAAI,EAAE,QAHD;AAILC,IAAAA,WAAW,EAAE,iBAJR;AAKLC,IAAAA,OAAO,EAAE;AALJ;AADM,CAAf","sourcesContent":["export default {\n  props: {\n    type: 'article',\n    url: 'https://api.coorpacademy.com/external/3673d4b6-bf5a-4b24-9665-ad97dc9b89da.pdf',\n    mode: 'mobile',\n    contentType: 'application/pdf',\n    loading: false\n  }\n};\n"],"file":"pdf-mobile.js"}

package/es/template/external-course/test/fixtures/pdf-no-mobile.js

@@ -0,0 +1,18 @@
+export default {
+  props: {
+    name: 'Massive Open Online Course',
+    type: 'article',
+    url: 'https://api.coorpacademy.com/external/3673d4b6-bf5a-4b24-9665-ad97dc9b89da.pdf',
+    quit: {
+      label: 'close',
+      onClick: () => console.log('close')
+    },
+    complete: {
+      disabled: false,
+      label: 'finish',
+      onClick: () => console.log('finish')
+    },
+    loading: false
+  }
+};
+//# sourceMappingURL=pdf-no-mobile.js.map

package/es/template/external-course/test/fixtures/pdf-no-mobile.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/template/external-course/test/fixtures/pdf-no-mobile.js"],"names":["props","name","type","url","quit","label","onClick","console","log","complete","disabled","loading"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAE,4BADD;AAELC,IAAAA,IAAI,EAAE,SAFD;AAGLC,IAAAA,GAAG,EAAE,gFAHA;AAILC,IAAAA,IAAI,EAAE;AACJC,MAAAA,KAAK,EAAE,OADH;AAEJC,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ;AAFX,KAJD;AAQLC,IAAAA,QAAQ,EAAE;AACRC,MAAAA,QAAQ,EAAE,KADF;AAERL,MAAAA,KAAK,EAAE,QAFC;AAGRC,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,QAAZ;AAHP,KARL;AAaLG,IAAAA,OAAO,EAAE;AAbJ;AADM,CAAf","sourcesContent":["export default {\n  props: {\n    name: 'Massive Open Online Course',\n    type: 'article',\n    url: 'https://api.coorpacademy.com/external/3673d4b6-bf5a-4b24-9665-ad97dc9b89da.pdf',\n    quit: {\n      label: 'close',\n      onClick: () => console.log('close')\n    },\n    complete: {\n      disabled: false,\n      label: 'finish',\n      onClick: () => console.log('finish')\n    },\n    loading: false\n  }\n};\n"],"file":"pdf-no-mobile.js"}

package/es/template/external-course/test/fixtures.js

@@ -7,6 +7,8 @@ import fixtureArticle from './fixtures/article';
 import fixtureDefault from './fixtures/default';
 import fixtureH5P from './fixtures/h5p';
 import fixtureLoading from './fixtures/loading';
+import fixturePdfMobile from './fixtures/pdf-mobile';
+import fixturePdfNoMobile from './fixtures/pdf-no-mobile';
 import fixturePodcastCockpitMode from './fixtures/podcast-cockpit-mode';
 import fixturePodcastNoBackground from './fixtures/podcast-no-background';
 import fixturePodcast from './fixtures/podcast';
@@ -23,6 +25,8 @@ test('Template › TemplateExternalCourse › Article › should be rendered', r
 test('Template › TemplateExternalCourse › Default › should be rendered', renderComponentMacro, TemplateExternalCourse, fixtureDefault);
 test('Template › TemplateExternalCourse › H5P › should be rendered', renderComponentMacro, TemplateExternalCourse, fixtureH5P);
 test('Template › TemplateExternalCourse › Loading › should be rendered', renderComponentMacro, TemplateExternalCourse, fixtureLoading);
+test('Template › TemplateExternalCourse › PdfMobile › should be rendered', renderComponentMacro, TemplateExternalCourse, fixturePdfMobile);
+test('Template › TemplateExternalCourse › PdfNoMobile › should be rendered', renderComponentMacro, TemplateExternalCourse, fixturePdfNoMobile);
 test('Template › TemplateExternalCourse › PodcastCockpitMode › should be rendered', renderComponentMacro, TemplateExternalCourse, fixturePodcastCockpitMode);
 test('Template › TemplateExternalCourse › PodcastNoBackground › should be rendered', renderComponentMacro, TemplateExternalCourse, fixturePodcastNoBackground);
 test('Template › TemplateExternalCourse › Podcast › should be rendered', renderComponentMacro, TemplateExternalCourse, fixturePodcast);

package/es/template/external-course/test/fixtures.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/template/external-course/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","TemplateExternalCourse","fixtureArabic","fixtureArticle","fixtureDefault","fixtureH5P","fixtureLoading","fixturePodcastCockpitMode","fixturePodcastNoBackground","fixturePodcast","fixtureVideo","fixtureYoutubePodcast","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,aAAP,MAA0B,mBAA1B;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,UAAP,MAAuB,gBAAvB;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,yBAAP,MAAsC,iCAAtC;AACA,OAAOC,0BAAP,MAAuC,kCAAvC;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,YAAP,MAAyB,kBAAzB;AACA,OAAOC,qBAAP,MAAkC,4BAAlC;AAEAb,IAAI,CAAC,iEAAD,EAAoEc,CAAC,IAAI;AAC3EA,EAAAA,CAAC,CAACC,IAAF;AACAd,EAAAA,OAAO,CAACE,sBAAsB,CAACa,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;AAOAlB,IAAI,CAAC,iEAAD,EAAoEE,oBAApE,EAA0FC,sBAA1F,EAAkHC,aAAlH,CAAJ;AACAJ,IAAI,CAAC,kEAAD,EAAqEE,oBAArE,EAA2FC,sBAA3F,EAAmHE,cAAnH,CAAJ;AACAL,IAAI,CAAC,kEAAD,EAAqEE,oBAArE,EAA2FC,sBAA3F,EAAmHG,cAAnH,CAAJ;AACAN,IAAI,CAAC,8DAAD,EAAiEE,oBAAjE,EAAuFC,sBAAvF,EAA+GI,UAA/G,CAAJ;AACAP,IAAI,CAAC,kEAAD,EAAqEE,oBAArE,EAA2FC,sBAA3F,EAAmHK,cAAnH,CAAJ;AACAR,IAAI,CAAC,6EAAD,EAAgFE,oBAAhF,EAAsGC,sBAAtG,EAA8HM,yBAA9H,CAAJ;AACAT,IAAI,CAAC,8EAAD,EAAiFE,oBAAjF,EAAuGC,sBAAvG,EAA+HO,0BAA/H,CAAJ;AACAV,IAAI,CAAC,kEAAD,EAAqEE,oBAArE,EAA2FC,sBAA3F,EAAmHQ,cAAnH,CAAJ;AACAX,IAAI,CAAC,gEAAD,EAAmEE,oBAAnE,EAAyFC,sBAAzF,EAAiHS,YAAjH,CAAJ;AACAZ,IAAI,CAAC,yEAAD,EAA4EE,oBAA5E,EAAkGC,sBAAlG,EAA0HU,qBAA1H,CAAJ","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport TemplateExternalCourse from '..';\nimport fixtureArabic from './fixtures/arabic';\nimport fixtureArticle from './fixtures/article';\nimport fixtureDefault from './fixtures/default';\nimport fixtureH5P from './fixtures/h5p';\nimport fixtureLoading from './fixtures/loading';\nimport fixturePodcastCockpitMode from './fixtures/podcast-cockpit-mode';\nimport fixturePodcastNoBackground from './fixtures/podcast-no-background';\nimport fixturePodcast from './fixtures/podcast';\nimport fixtureVideo from './fixtures/video';\nimport fixtureYoutubePodcast from './fixtures/youtube-podcast';\n\ntest('Template › TemplateExternalCourse > should have valid propTypes', t => {\n  t.pass();\n  forEach(TemplateExternalCourse.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Template.TemplateExternalCourse.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Template › TemplateExternalCourse › Arabic › should be rendered', renderComponentMacro, TemplateExternalCourse, fixtureArabic);\ntest('Template › TemplateExternalCourse › Article › should be rendered', renderComponentMacro, TemplateExternalCourse, fixtureArticle);\ntest('Template › TemplateExternalCourse › Default › should be rendered', renderComponentMacro, TemplateExternalCourse, fixtureDefault);\ntest('Template › TemplateExternalCourse › H5P › should be rendered', renderComponentMacro, TemplateExternalCourse, fixtureH5P);\ntest('Template › TemplateExternalCourse › Loading › should be rendered', renderComponentMacro, TemplateExternalCourse, fixtureLoading);\ntest('Template › TemplateExternalCourse › PodcastCockpitMode › should be rendered', renderComponentMacro, TemplateExternalCourse, fixturePodcastCockpitMode);\ntest('Template › TemplateExternalCourse › PodcastNoBackground › should be rendered', renderComponentMacro, TemplateExternalCourse, fixturePodcastNoBackground);\ntest('Template › TemplateExternalCourse › Podcast › should be rendered', renderComponentMacro, TemplateExternalCourse, fixturePodcast);\ntest('Template › TemplateExternalCourse › Video › should be rendered', renderComponentMacro, TemplateExternalCourse, fixtureVideo);\ntest('Template › TemplateExternalCourse › YoutubePodcast › should be rendered', renderComponentMacro, TemplateExternalCourse, fixtureYoutubePodcast);\n"],"file":"fixtures.js"}
+{"version":3,"sources":["../../../../src/template/external-course/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","TemplateExternalCourse","fixtureArabic","fixtureArticle","fixtureDefault","fixtureH5P","fixtureLoading","fixturePdfMobile","fixturePdfNoMobile","fixturePodcastCockpitMode","fixturePodcastNoBackground","fixturePodcast","fixtureVideo","fixtureYoutubePodcast","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,aAAP,MAA0B,mBAA1B;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,UAAP,MAAuB,gBAAvB;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,gBAAP,MAA6B,uBAA7B;AACA,OAAOC,kBAAP,MAA+B,0BAA/B;AACA,OAAOC,yBAAP,MAAsC,iCAAtC;AACA,OAAOC,0BAAP,MAAuC,kCAAvC;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,YAAP,MAAyB,kBAAzB;AACA,OAAOC,qBAAP,MAAkC,4BAAlC;AAEAf,IAAI,CAAC,iEAAD,EAAoEgB,CAAC,IAAI;AAC3EA,EAAAA,CAAC,CAACC,IAAF;AACAhB,EAAAA,OAAO,CAACE,sBAAsB,CAACe,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;AAOApB,IAAI,CAAC,iEAAD,EAAoEE,oBAApE,EAA0FC,sBAA1F,EAAkHC,aAAlH,CAAJ;AACAJ,IAAI,CAAC,kEAAD,EAAqEE,oBAArE,EAA2FC,sBAA3F,EAAmHE,cAAnH,CAAJ;AACAL,IAAI,CAAC,kEAAD,EAAqEE,oBAArE,EAA2FC,sBAA3F,EAAmHG,cAAnH,CAAJ;AACAN,IAAI,CAAC,8DAAD,EAAiEE,oBAAjE,EAAuFC,sBAAvF,EAA+GI,UAA/G,CAAJ;AACAP,IAAI,CAAC,kEAAD,EAAqEE,oBAArE,EAA2FC,sBAA3F,EAAmHK,cAAnH,CAAJ;AACAR,IAAI,CAAC,oEAAD,EAAuEE,oBAAvE,EAA6FC,sBAA7F,EAAqHM,gBAArH,CAAJ;AACAT,IAAI,CAAC,sEAAD,EAAyEE,oBAAzE,EAA+FC,sBAA/F,EAAuHO,kBAAvH,CAAJ;AACAV,IAAI,CAAC,6EAAD,EAAgFE,oBAAhF,EAAsGC,sBAAtG,EAA8HQ,yBAA9H,CAAJ;AACAX,IAAI,CAAC,8EAAD,EAAiFE,oBAAjF,EAAuGC,sBAAvG,EAA+HS,0BAA/H,CAAJ;AACAZ,IAAI,CAAC,kEAAD,EAAqEE,oBAArE,EAA2FC,sBAA3F,EAAmHU,cAAnH,CAAJ;AACAb,IAAI,CAAC,gEAAD,EAAmEE,oBAAnE,EAAyFC,sBAAzF,EAAiHW,YAAjH,CAAJ;AACAd,IAAI,CAAC,yEAAD,EAA4EE,oBAA5E,EAAkGC,sBAAlG,EAA0HY,qBAA1H,CAAJ","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport TemplateExternalCourse from '..';\nimport fixtureArabic from './fixtures/arabic';\nimport fixtureArticle from './fixtures/article';\nimport fixtureDefault from './fixtures/default';\nimport fixtureH5P from './fixtures/h5p';\nimport fixtureLoading from './fixtures/loading';\nimport fixturePdfMobile from './fixtures/pdf-mobile';\nimport fixturePdfNoMobile from './fixtures/pdf-no-mobile';\nimport fixturePodcastCockpitMode from './fixtures/podcast-cockpit-mode';\nimport fixturePodcastNoBackground from './fixtures/podcast-no-background';\nimport fixturePodcast from './fixtures/podcast';\nimport fixtureVideo from './fixtures/video';\nimport fixtureYoutubePodcast from './fixtures/youtube-podcast';\n\ntest('Template › TemplateExternalCourse > should have valid propTypes', t => {\n  t.pass();\n  forEach(TemplateExternalCourse.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Template.TemplateExternalCourse.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Template › TemplateExternalCourse › Arabic › should be rendered', renderComponentMacro, TemplateExternalCourse, fixtureArabic);\ntest('Template › TemplateExternalCourse › Article › should be rendered', renderComponentMacro, TemplateExternalCourse, fixtureArticle);\ntest('Template › TemplateExternalCourse › Default › should be rendered', renderComponentMacro, TemplateExternalCourse, fixtureDefault);\ntest('Template › TemplateExternalCourse › H5P › should be rendered', renderComponentMacro, TemplateExternalCourse, fixtureH5P);\ntest('Template › TemplateExternalCourse › Loading › should be rendered', renderComponentMacro, TemplateExternalCourse, fixtureLoading);\ntest('Template › TemplateExternalCourse › PdfMobile › should be rendered', renderComponentMacro, TemplateExternalCourse, fixturePdfMobile);\ntest('Template › TemplateExternalCourse › PdfNoMobile › should be rendered', renderComponentMacro, TemplateExternalCourse, fixturePdfNoMobile);\ntest('Template › TemplateExternalCourse › PodcastCockpitMode › should be rendered', renderComponentMacro, TemplateExternalCourse, fixturePodcastCockpitMode);\ntest('Template › TemplateExternalCourse › PodcastNoBackground › should be rendered', renderComponentMacro, TemplateExternalCourse, fixturePodcastNoBackground);\ntest('Template › TemplateExternalCourse › Podcast › should be rendered', renderComponentMacro, TemplateExternalCourse, fixturePodcast);\ntest('Template › TemplateExternalCourse › Video › should be rendered', renderComponentMacro, TemplateExternalCourse, fixtureVideo);\ntest('Template › TemplateExternalCourse › YoutubePodcast › should be rendered', renderComponentMacro, TemplateExternalCourse, fixtureYoutubePodcast);\n"],"file":"fixtures.js"}

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

@@ -21,7 +21,8 @@ const podcastWrapperStyle = {
 };
 const iframeStyle = {
   default: _style.default.iframe,
-  cockpit: _style.default.iframeCockpit
+  cockpit: _style.default.iframeCockpit,
+  mobile: _style.default.iframe
 };
 
 function ExternalContentViewer(props) {
@@ -52,7 +53,7 @@ function ExternalContentViewer(props) {
     src: url,
     type: contentType
   }))) : /*#__PURE__*/_react.default.createElement("iframe", {
-    src: isPdf ? googleViewer : url,
+    src: isPdf && mode === 'mobile' ? googleViewer : url,
     frameBorder: 0,
     className: iframeStyle[mode],
     allowFullScreen: true,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/molecule/external-content-viewer/index.js"],"names":["podcastWrapperStyle","default","style","podcastWrapper","cockpit","podcastWrapperCockpit","iframeStyle","iframe","iframeCockpit","ExternalContentViewer","props","url","backgroundImageUrl","contentType","mode","isPdf","googleViewer","bgPodcast","backgroundImage","podcast","propTypes","PropTypes","string","isRequired"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,mBAAmB,GAAG;AAC1BC,EAAAA,OAAO,EAAEC,eAAMC,cADW;AAE1BC,EAAAA,OAAO,EAAEF,eAAMG;AAFW,CAA5B;AAKA,MAAMC,WAAW,GAAG;AAClBL,EAAAA,OAAO,EAAEC,eAAMK,MADG;AAElBH,EAAAA,OAAO,EAAEF,eAAMM;AAFG,CAApB;;AAKA,SAASC,qBAAT,CAA+BC,KAA/B,EAAsC;AACpC,QAAM;AAACC,IAAAA,GAAD;AAAMC,IAAAA,kBAAN;AAA0BC,IAAAA,WAA1B;AAAuCC,IAAAA,IAAI,GAAG;AAA9C,MAA2DJ,KAAjE;AACA,QAAMK,KAAK,GAAG,uBAAS,MAAT,EAAiBJ,GAAjB,CAAd;AACA,QAAMK,YAAY,GAAI,6DAA4DL,GAAI,EAAtF;AAEA,SAAO,yBAAW,OAAX,EAAoBE,WAApB,iBACL;AAAK,IAAA,SAAS,EAAEb,mBAAmB,CAACc,IAAD;AAAnC,kBACE;AACE,IAAA,SAAS,EAAEZ,eAAMe,SADnB;AAEE,IAAA,KAAK,EAAE;AAACC,MAAAA,eAAe,EAAEN,kBAAkB,IAAK,OAAMA,kBAAmB;AAAlE;AAFT,IADF,eAKE;AACE,IAAA,SAAS,EAAEV,eAAMiB,OADnB;AAEE,IAAA,QAAQ,MAFV;AAGE,IAAA,YAAY,EAAC,YAHf;AAIE,IAAA,QAAQ,EAAC,EAJX;AAKE,IAAA,IAAI,EAAC,OALP;AAME,iBAAU,0BANZ;AAOE,IAAA,OAAO,EAAC;AAPV,kBASE;AAAQ,IAAA,GAAG,EAAER,GAAb;AAAkB,IAAA,IAAI,EAAEE;AAAxB,IATF,CALF,CADK,gBAmBL;AACE,IAAA,GAAG,EAAEE,KAAK,GAAGC,YAAH,GAAkBL,GAD9B;AAEE,IAAA,WAAW,EAAE,CAFf;AAGE,IAAA,SAAS,EAAEL,WAAW,CAACQ,IAAD,CAHxB;AAIE,IAAA,eAAe,MAJjB;AAKE,iBAAU;AALZ,IAnBF;AA2BD;;AAEDL,qBAAqB,CAACW,SAAtB,2CAAkC;AAChCT,EAAAA,GAAG,EAAEU,mBAAUC,MAAV,CAAiBC,UADU;AAEhCX,EAAAA,kBAAkB,EAAES,mBAAUC,MAFE;AAGhCT,EAAAA,WAAW,EAAEQ,mBAAUC,MAHS;AAIhCR,EAAAA,IAAI,EAAEO,mBAAUC;AAJgB,CAAlC;eAOeb,qB","sourcesContent":["import React from 'react';\nimport startsWith from 'lodash/fp/startsWith';\nimport includes from 'lodash/fp/includes';\nimport PropTypes from 'prop-types';\nimport style from './style.css';\n\nconst podcastWrapperStyle = {\n  default: style.podcastWrapper,\n  cockpit: style.podcastWrapperCockpit\n};\n\nconst iframeStyle = {\n  default: style.iframe,\n  cockpit: style.iframeCockpit\n};\n\nfunction ExternalContentViewer(props) {\n  const {url, backgroundImageUrl, contentType, mode = 'default'} = props;\n  const isPdf = includes('.pdf', url);\n  const googleViewer = `https://docs.google.com/viewerng/viewer?embedded=true&url=${url}`;\n\n  return startsWith('audio', contentType) ? (\n    <div className={podcastWrapperStyle[mode]}>\n      <div\n        className={style.bgPodcast}\n        style={{backgroundImage: backgroundImageUrl && `url(${backgroundImageUrl})`}}\n      />\n      <audio\n        className={style.podcast}\n        controls\n        controlsList=\"nodownload\"\n        autoPlay=\"\"\n        name=\"media\"\n        data-name=\"external-content-podcast\"\n        preload=\"auto\"\n      >\n        <source src={url} type={contentType} />\n      </audio>\n    </div>\n  ) : (\n    <iframe\n      src={isPdf ? googleViewer : url}\n      frameBorder={0}\n      className={iframeStyle[mode]}\n      allowFullScreen\n      data-name=\"external-content-iframe\"\n    />\n  );\n}\n\nExternalContentViewer.propTypes = {\n  url: PropTypes.string.isRequired,\n  backgroundImageUrl: PropTypes.string,\n  contentType: PropTypes.string,\n  mode: PropTypes.string\n};\n\nexport default ExternalContentViewer;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/molecule/external-content-viewer/index.js"],"names":["podcastWrapperStyle","default","style","podcastWrapper","cockpit","podcastWrapperCockpit","iframeStyle","iframe","iframeCockpit","mobile","ExternalContentViewer","props","url","backgroundImageUrl","contentType","mode","isPdf","googleViewer","bgPodcast","backgroundImage","podcast","propTypes","PropTypes","string","isRequired"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,mBAAmB,GAAG;AAC1BC,EAAAA,OAAO,EAAEC,eAAMC,cADW;AAE1BC,EAAAA,OAAO,EAAEF,eAAMG;AAFW,CAA5B;AAKA,MAAMC,WAAW,GAAG;AAClBL,EAAAA,OAAO,EAAEC,eAAMK,MADG;AAElBH,EAAAA,OAAO,EAAEF,eAAMM,aAFG;AAGlBC,EAAAA,MAAM,EAAEP,eAAMK;AAHI,CAApB;;AAMA,SAASG,qBAAT,CAA+BC,KAA/B,EAAsC;AACpC,QAAM;AAACC,IAAAA,GAAD;AAAMC,IAAAA,kBAAN;AAA0BC,IAAAA,WAA1B;AAAuCC,IAAAA,IAAI,GAAG;AAA9C,MAA2DJ,KAAjE;AACA,QAAMK,KAAK,GAAG,uBAAS,MAAT,EAAiBJ,GAAjB,CAAd;AACA,QAAMK,YAAY,GAAI,6DAA4DL,GAAI,EAAtF;AAEA,SAAO,yBAAW,OAAX,EAAoBE,WAApB,iBACL;AAAK,IAAA,SAAS,EAAEd,mBAAmB,CAACe,IAAD;AAAnC,kBACE;AACE,IAAA,SAAS,EAAEb,eAAMgB,SADnB;AAEE,IAAA,KAAK,EAAE;AAACC,MAAAA,eAAe,EAAEN,kBAAkB,IAAK,OAAMA,kBAAmB;AAAlE;AAFT,IADF,eAKE;AACE,IAAA,SAAS,EAAEX,eAAMkB,OADnB;AAEE,IAAA,QAAQ,MAFV;AAGE,IAAA,YAAY,EAAC,YAHf;AAIE,IAAA,QAAQ,EAAC,EAJX;AAKE,IAAA,IAAI,EAAC,OALP;AAME,iBAAU,0BANZ;AAOE,IAAA,OAAO,EAAC;AAPV,kBASE;AAAQ,IAAA,GAAG,EAAER,GAAb;AAAkB,IAAA,IAAI,EAAEE;AAAxB,IATF,CALF,CADK,gBAmBL;AACE,IAAA,GAAG,EAAEE,KAAK,IAAID,IAAI,KAAK,QAAlB,GAA6BE,YAA7B,GAA4CL,GADnD;AAEE,IAAA,WAAW,EAAE,CAFf;AAGE,IAAA,SAAS,EAAEN,WAAW,CAACS,IAAD,CAHxB;AAIE,IAAA,eAAe,MAJjB;AAKE,iBAAU;AALZ,IAnBF;AA2BD;;AAEDL,qBAAqB,CAACW,SAAtB,2CAAkC;AAChCT,EAAAA,GAAG,EAAEU,mBAAUC,MAAV,CAAiBC,UADU;AAEhCX,EAAAA,kBAAkB,EAAES,mBAAUC,MAFE;AAGhCT,EAAAA,WAAW,EAAEQ,mBAAUC,MAHS;AAIhCR,EAAAA,IAAI,EAAEO,mBAAUC;AAJgB,CAAlC;eAOeb,qB","sourcesContent":["import React from 'react';\nimport startsWith from 'lodash/fp/startsWith';\nimport includes from 'lodash/fp/includes';\nimport PropTypes from 'prop-types';\nimport style from './style.css';\n\nconst podcastWrapperStyle = {\n  default: style.podcastWrapper,\n  cockpit: style.podcastWrapperCockpit\n};\n\nconst iframeStyle = {\n  default: style.iframe,\n  cockpit: style.iframeCockpit,\n  mobile: style.iframe\n};\n\nfunction ExternalContentViewer(props) {\n  const {url, backgroundImageUrl, contentType, mode = 'default'} = props;\n  const isPdf = includes('.pdf', url);\n  const googleViewer = `https://docs.google.com/viewerng/viewer?embedded=true&url=${url}`;\n\n  return startsWith('audio', contentType) ? (\n    <div className={podcastWrapperStyle[mode]}>\n      <div\n        className={style.bgPodcast}\n        style={{backgroundImage: backgroundImageUrl && `url(${backgroundImageUrl})`}}\n      />\n      <audio\n        className={style.podcast}\n        controls\n        controlsList=\"nodownload\"\n        autoPlay=\"\"\n        name=\"media\"\n        data-name=\"external-content-podcast\"\n        preload=\"auto\"\n      >\n        <source src={url} type={contentType} />\n      </audio>\n    </div>\n  ) : (\n    <iframe\n      src={isPdf && mode === 'mobile' ? googleViewer : url}\n      frameBorder={0}\n      className={iframeStyle[mode]}\n      allowFullScreen\n      data-name=\"external-content-iframe\"\n    />\n  );\n}\n\nExternalContentViewer.propTypes = {\n  url: PropTypes.string.isRequired,\n  backgroundImageUrl: PropTypes.string,\n  contentType: PropTypes.string,\n  mode: PropTypes.string\n};\n\nexport default ExternalContentViewer;\n"],"file":"index.js"}

package/lib/molecule/filters/index.js

@@ -28,8 +28,7 @@ class Filters extends _react.default.Component {
     super(props);
     this.state = {
       filter: !!props.openFilters,
-      sorted: !!props.openSorts,
-      animated: false
+      sorted: !!props.openSorts
     };
     this.handleOpenFilter = this.handleOpenFilter.bind(this);
     this.handleOpenSort = this.handleOpenSort.bind(this);
@@ -46,8 +45,7 @@ class Filters extends _react.default.Component {
     const newValue = !filter;
     this.setState({
       filter: newValue,
-      sorted: false,
-      animated: true
+      sorted: false
     });
 
     if (onToggleFilters) {
@@ -65,8 +63,7 @@ class Filters extends _react.default.Component {
     const newValue = !sorted;
     this.setState({
       sorted: newValue,
-      filter: false,
-      animated: true
+      filter: false
     });
     if (onToggleSorts) onToggleSorts(newValue);
   }
@@ -77,8 +74,7 @@ class Filters extends _react.default.Component {
     } = this.props;
     this.setState({
       sorted: false,
-      filter: false,
-      animated: true
+      filter: false
     });
     if (onSearch) onSearch();
   }
@@ -94,8 +90,7 @@ class Filters extends _react.default.Component {
     } = this.props;
     const {
       filter,
-      sorted,
-      animated = true
+      sorted
     } = this.state;
     const {
       skin
@@ -110,8 +105,7 @@ class Filters extends _react.default.Component {
     }, /*#__PURE__*/_react.default.createElement(_select.default, sorting)) : null;
     return /*#__PURE__*/_react.default.createElement("div", {
       "data-name": "search",
-      className: _style.default.search,
-      "data-animated": animated
+      className: _style.default.search
     }, /*#__PURE__*/_react.default.createElement("div", {
       "data-name": "filter",
       "data-open": filtersActive,

package/lib/molecule/filters/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/molecule/filters/index.js"],"names":["Filters","React","Component","constructor","props","state","filter","openFilters","sorted","openSorts","animated","handleOpenFilter","bind","handleOpenSort","handleSearch","onToggleFilters","newValue","setState","onToggleSorts","onSearch","render","sorting","filterCTALabel","filterTabLabel","sortCTALabel","sortTabLabel","filters","skin","context","defaultColor","darkColor","filtersActive","sortingActive","sortView","undefined","style","select","search","activeDefault","default","title","arrow","activeWrapperSortBy","wrapperSortBy","activeWrapperFilters","wrapperFilters","wrapper","CTAfilter","backgroundColor","activeSorting","Provider","childContextTypes","propTypes","PropTypes","string","bool","FiltersWrapper","shape","Select","func"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,MAAMA,OAAN,SAAsBC,eAAMC,SAA5B,CAAsC;AAmBpCC,EAAAA,WAAW,CAACC,KAAD,EAAQ;AACjB,UAAMA,KAAN;AACA,SAAKC,KAAL,GAAa;AACXC,MAAAA,MAAM,EAAE,CAAC,CAACF,KAAK,CAACG,WADL;AAEXC,MAAAA,MAAM,EAAE,CAAC,CAACJ,KAAK,CAACK,SAFL;AAGXC,MAAAA,QAAQ,EAAE;AAHC,KAAb;AAKA,SAAKC,gBAAL,GAAwB,KAAKA,gBAAL,CAAsBC,IAAtB,CAA2B,IAA3B,CAAxB;AACA,SAAKC,cAAL,GAAsB,KAAKA,cAAL,CAAoBD,IAApB,CAAyB,IAAzB,CAAtB;AACA,SAAKE,YAAL,GAAoB,KAAKA,YAAL,CAAkBF,IAAlB,CAAuB,IAAvB,CAApB;AACD;;AAEDD,EAAAA,gBAAgB,GAAG;AACjB,UAAM;AAACL,MAAAA;AAAD,QAAW,KAAKD,KAAtB;AACA,UAAM;AAACU,MAAAA;AAAD,QAAoB,KAAKX,KAA/B;AAEA,UAAMY,QAAQ,GAAG,CAACV,MAAlB;AAEA,SAAKW,QAAL,CAAc;AACZX,MAAAA,MAAM,EAAEU,QADI;AAEZR,MAAAA,MAAM,EAAE,KAFI;AAGZE,MAAAA,QAAQ,EAAE;AAHE,KAAd;;AAMA,QAAIK,eAAJ,EAAqB;AACnBA,MAAAA,eAAe,CAACC,QAAD,CAAf;AACD;AACF;;AAEDH,EAAAA,cAAc,GAAG;AACf,UAAM;AAACL,MAAAA;AAAD,QAAW,KAAKH,KAAtB;AACA,UAAM;AAACa,MAAAA;AAAD,QAAkB,KAAKd,KAA7B;AAEA,UAAMY,QAAQ,GAAG,CAACR,MAAlB;AAEA,SAAKS,QAAL,CAAc;AACZT,MAAAA,MAAM,EAAEQ,QADI;AAEZV,MAAAA,MAAM,EAAE,KAFI;AAGZI,MAAAA,QAAQ,EAAE;AAHE,KAAd;AAMA,QAAIQ,aAAJ,EAAmBA,aAAa,CAACF,QAAD,CAAb;AACpB;;AAEDF,EAAAA,YAAY,GAAG;AACb,UAAM;AAACK,MAAAA;AAAD,QAAa,KAAKf,KAAxB;AACA,SAAKa,QAAL,CAAc;AACZT,MAAAA,MAAM,EAAE,KADI;AAEZF,MAAAA,MAAM,EAAE,KAFI;AAGZI,MAAAA,QAAQ,EAAE;AAHE,KAAd;AAKA,QAAIS,QAAJ,EAAcA,QAAQ;AACvB;;AAEDC,EAAAA,MAAM,GAAG;AACP,UAAM;AACJC,MAAAA,OADI;AAEJC,MAAAA,cAFI;AAGJC,MAAAA,cAHI;AAIJC,MAAAA,YAJI;AAKJC,MAAAA,YALI;AAMJC,MAAAA;AANI,QAOF,KAAKtB,KAPT;AAQA,UAAM;AAACE,MAAAA,MAAD;AAASE,MAAAA,MAAT;AAAiBE,MAAAA,QAAQ,GAAG;AAA5B,QAAoC,KAAKL,KAA/C;AACA,UAAM;AAACsB,MAAAA;AAAD,QAAS,KAAKC,OAApB;AAEA,UAAMC,YAAY,GAAG,mBAAI,gBAAJ,EAAsBF,IAAtB,CAArB;AACA,UAAMG,SAAS,GAAG,mBAAI,aAAJ,EAAmBH,IAAnB,CAAlB;AACA,UAAMI,aAAa,GAAGzB,MAAM,KAAK,IAAjC;AACA,UAAM0B,aAAa,GAAGxB,MAAM,KAAK,IAAjC;AAEA,UAAMyB,QAAQ,GACZZ,OAAO,KAAKa,SAAZ,gBACE;AAAK,mBAAU,QAAf;AAAwB,MAAA,SAAS,EAAEC,eAAMC;AAAzC,oBACE,6BAAC,eAAD,EAAYf,OAAZ,CADF,CADF,GAII,IALN;AAOA,wBACE;AAAK,mBAAU,QAAf;AAAwB,MAAA,SAAS,EAAEc,eAAME,MAAzC;AAAiD,uBAAe3B;AAAhE,oBACE;AACE,mBAAU,QADZ;AAEE,mBAAWqB,aAFb;AAGE,MAAA,SAAS,EAAEA,aAAa,GAAGI,eAAMG,aAAT,GAAyBH,eAAMI;AAHzD,oBAKE;AAAK,MAAA,SAAS,EAAEJ,eAAMK,KAAtB;AAA6B,mBAAU,cAAvC;AAAsD,MAAA,OAAO,EAAE,KAAK7B;AAApE,OACGY,cADH,eAEE;AAAK,MAAA,SAAS,EAAEY,eAAMM;AAAtB,oBACE,6BAAC,6CAAD;AAAW,MAAA,KAAK,EAAEX,SAAlB;AAA6B,MAAA,MAAM,EAAE;AAArC,MADF,CAFF,CALF,CADF,eAaE;AACE,mBAAU,QADZ;AAEE,mBAAWE,aAFb;AAGE,MAAA,SAAS,EAAEA,aAAa,GAAGG,eAAMO,mBAAT,GAA+BP,eAAMQ;AAH/D,oBAKE;AAAK,MAAA,SAAS,EAAER,eAAMK,KAAtB;AAA6B,mBAAU,YAAvC;AAAoD,MAAA,OAAO,EAAE,KAAK3B;AAAlE,OACGY,YADH,eAEE;AAAK,MAAA,SAAS,EAAEU,eAAMM;AAAtB,oBACE,6BAAC,6CAAD;AAAW,MAAA,KAAK,EAAEX,SAAlB;AAA6B,MAAA,MAAM,EAAE;AAArC,MADF,CAFF,CALF,CAbF,eAyBE;AACE,mBAAU,eADZ;AAEE,MAAA,SAAS,EAAEC,aAAa,GAAGI,eAAMS,oBAAT,GAAgCT,eAAMU;AAFhE,oBAIE,6BAAC,uBAAD;AAAgB,MAAA,SAAS,EAAEV,eAAMW,OAAjC;AAA0C,MAAA,OAAO,EAAEpB;AAAnD,MAJF,eAKE;AACE,mBAAU,KADZ;AAEE,MAAA,SAAS,EAAES,eAAMY,SAFnB;AAGE,MAAA,KAAK,EAAE;AACLC,QAAAA,eAAe,EAAEnB;AADZ,OAHT;AAME,MAAA,OAAO,EAAE,KAAKf;AANhB,OAQGQ,cARH,CALF,CAzBF,eAyCE;AACE,mBAAU,aADZ;AAEE,MAAA,SAAS,EAAEU,aAAa,GAAGG,eAAMc,aAAT,GAAyBd,eAAMd;AAFzD,OAIGY,QAJH,eAKE;AACE,mBAAU,KADZ;AAEE,MAAA,SAAS,EAAEE,eAAMY,SAFnB;AAGE,MAAA,KAAK,EAAE;AACLC,QAAAA,eAAe,EAAEnB;AADZ,OAHT;AAME,MAAA,OAAO,EAAE,KAAKf;AANhB,OAQGU,YARH,CALF,CAzCF,CADF;AA4DD;;AA7JmC;;gBAAhCxB,O,kBAekB;AACpB2B,EAAAA,IAAI,EAAEuB,kBAASC,iBAAT,CAA2BxB;AADb,C;;AAflB3B,O,CACGoD,S,2CAAY;AACjB9B,EAAAA,cAAc,EAAE+B,mBAAUC,MADT;AAEjB/B,EAAAA,cAAc,EAAE8B,mBAAUC,MAFT;AAGjB9B,EAAAA,YAAY,EAAE6B,mBAAUC,MAHP;AAIjB7B,EAAAA,YAAY,EAAE4B,mBAAUC,MAJP;AAKjB/C,EAAAA,WAAW,EAAE8C,mBAAUE,IALN;AAMjB9C,EAAAA,SAAS,EAAE4C,mBAAUE,IANJ;AAOjB7B,EAAAA,OAAO,EAAE8B,wBAAeJ,SAAf,CAAyB1B,OAPjB;AAQjBL,EAAAA,OAAO,EAAEgC,mBAAUI,KAAV,CAAgBC,gBAAON,SAAvB,CARQ;AASjBjC,EAAAA,QAAQ,EAAEkC,mBAAUM,IATH;AAUjB5C,EAAAA,eAAe,EAAEsC,mBAAUM,IAVV;AAWjBzC,EAAAA,aAAa,EAAEmC,mBAAUM;AAXR,C;eA+JN3D,O","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get} from 'lodash/fp';\nimport {NovaCompositionNavigationArrowDown as ArrowDown} from '@coorpacademy/nova-icons';\nimport Select from '../../atom/select';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\nimport FiltersWrapper from './filters-wrapper';\n\nclass Filters extends React.Component {\n  static propTypes = {\n    filterCTALabel: PropTypes.string,\n    filterTabLabel: PropTypes.string,\n    sortCTALabel: PropTypes.string,\n    sortTabLabel: PropTypes.string,\n    openFilters: PropTypes.bool,\n    openSorts: PropTypes.bool,\n    filters: FiltersWrapper.propTypes.filters,\n    sorting: PropTypes.shape(Select.propTypes),\n    onSearch: PropTypes.func,\n    onToggleFilters: PropTypes.func,\n    onToggleSorts: PropTypes.func\n  };\n\n  static contextTypes = {\n    skin: Provider.childContextTypes.skin\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      filter: !!props.openFilters,\n      sorted: !!props.openSorts,\n      animated: false\n    };\n    this.handleOpenFilter = this.handleOpenFilter.bind(this);\n    this.handleOpenSort = this.handleOpenSort.bind(this);\n    this.handleSearch = this.handleSearch.bind(this);\n  }\n\n  handleOpenFilter() {\n    const {filter} = this.state;\n    const {onToggleFilters} = this.props;\n\n    const newValue = !filter;\n\n    this.setState({\n      filter: newValue,\n      sorted: false,\n      animated: true\n    });\n\n    if (onToggleFilters) {\n      onToggleFilters(newValue);\n    }\n  }\n\n  handleOpenSort() {\n    const {sorted} = this.state;\n    const {onToggleSorts} = this.props;\n\n    const newValue = !sorted;\n\n    this.setState({\n      sorted: newValue,\n      filter: false,\n      animated: true\n    });\n\n    if (onToggleSorts) onToggleSorts(newValue);\n  }\n\n  handleSearch() {\n    const {onSearch} = this.props;\n    this.setState({\n      sorted: false,\n      filter: false,\n      animated: true\n    });\n    if (onSearch) onSearch();\n  }\n\n  render() {\n    const {\n      sorting,\n      filterCTALabel,\n      filterTabLabel,\n      sortCTALabel,\n      sortTabLabel,\n      filters\n    } = this.props;\n    const {filter, sorted, animated = true} = this.state;\n    const {skin} = this.context;\n\n    const defaultColor = get('common.primary', skin);\n    const darkColor = get('common.dark', skin);\n    const filtersActive = filter === true;\n    const sortingActive = sorted === true;\n\n    const sortView =\n      sorting !== undefined ? (\n        <div data-name=\"choice\" className={style.select}>\n          <Select {...sorting} />\n        </div>\n      ) : null;\n\n    return (\n      <div data-name=\"search\" className={style.search} data-animated={animated}>\n        <div\n          data-name=\"filter\"\n          data-open={filtersActive}\n          className={filtersActive ? style.activeDefault : style.default}\n        >\n          <div className={style.title} data-name=\"filterButton\" onClick={this.handleOpenFilter}>\n            {filterTabLabel}\n            <div className={style.arrow}>\n              <ArrowDown color={darkColor} height={14} />\n            </div>\n          </div>\n        </div>\n        <div\n          data-name=\"sortBy\"\n          data-open={sortingActive}\n          className={sortingActive ? style.activeWrapperSortBy : style.wrapperSortBy}\n        >\n          <div className={style.title} data-name=\"sortButton\" onClick={this.handleOpenSort}>\n            {sortTabLabel}\n            <div className={style.arrow}>\n              <ArrowDown color={darkColor} height={14} />\n            </div>\n          </div>\n        </div>\n        <div\n          data-name=\"filterWrapper\"\n          className={filtersActive ? style.activeWrapperFilters : style.wrapperFilters}\n        >\n          <FiltersWrapper className={style.wrapper} filters={filters} />\n          <div\n            data-name=\"cta\"\n            className={style.CTAfilter}\n            style={{\n              backgroundColor: defaultColor\n            }}\n            onClick={this.handleSearch}\n          >\n            {filterCTALabel}\n          </div>\n        </div>\n        <div\n          data-name=\"sortWrapper\"\n          className={sortingActive ? style.activeSorting : style.sorting}\n        >\n          {sortView}\n          <div\n            data-name=\"cta\"\n            className={style.CTAfilter}\n            style={{\n              backgroundColor: defaultColor\n            }}\n            onClick={this.handleSearch}\n          >\n            {sortCTALabel}\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default Filters;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/molecule/filters/index.js"],"names":["Filters","React","Component","constructor","props","state","filter","openFilters","sorted","openSorts","handleOpenFilter","bind","handleOpenSort","handleSearch","onToggleFilters","newValue","setState","onToggleSorts","onSearch","render","sorting","filterCTALabel","filterTabLabel","sortCTALabel","sortTabLabel","filters","skin","context","defaultColor","darkColor","filtersActive","sortingActive","sortView","undefined","style","select","search","activeDefault","default","title","arrow","activeWrapperSortBy","wrapperSortBy","activeWrapperFilters","wrapperFilters","wrapper","CTAfilter","backgroundColor","activeSorting","Provider","childContextTypes","propTypes","PropTypes","string","bool","FiltersWrapper","shape","Select","func"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get} from 'lodash/fp';\nimport {NovaCompositionNavigationArrowDown as ArrowDown} from '@coorpacademy/nova-icons';\nimport Select from '../../atom/select';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\nimport FiltersWrapper from './filters-wrapper';\n\nclass Filters extends React.Component {\n  static propTypes = {\n    filterCTALabel: PropTypes.string,\n    filterTabLabel: PropTypes.string,\n    sortCTALabel: PropTypes.string,\n    sortTabLabel: PropTypes.string,\n    openFilters: PropTypes.bool,\n    openSorts: PropTypes.bool,\n    filters: FiltersWrapper.propTypes.filters,\n    sorting: PropTypes.shape(Select.propTypes),\n    onSearch: PropTypes.func,\n    onToggleFilters: PropTypes.func,\n    onToggleSorts: PropTypes.func\n  };\n\n  static contextTypes = {\n    skin: Provider.childContextTypes.skin\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      filter: !!props.openFilters,\n      sorted: !!props.openSorts\n    };\n    this.handleOpenFilter = this.handleOpenFilter.bind(this);\n    this.handleOpenSort = this.handleOpenSort.bind(this);\n    this.handleSearch = this.handleSearch.bind(this);\n  }\n\n  handleOpenFilter() {\n    const {filter} = this.state;\n    const {onToggleFilters} = this.props;\n\n    const newValue = !filter;\n\n    this.setState({\n      filter: newValue,\n      sorted: false\n    });\n\n    if (onToggleFilters) {\n      onToggleFilters(newValue);\n    }\n  }\n\n  handleOpenSort() {\n    const {sorted} = this.state;\n    const {onToggleSorts} = this.props;\n\n    const newValue = !sorted;\n\n    this.setState({\n      sorted: newValue,\n      filter: false\n    });\n\n    if (onToggleSorts) onToggleSorts(newValue);\n  }\n\n  handleSearch() {\n    const {onSearch} = this.props;\n    this.setState({\n      sorted: false,\n      filter: false\n    });\n    if (onSearch) onSearch();\n  }\n\n  render() {\n    const {\n      sorting,\n      filterCTALabel,\n      filterTabLabel,\n      sortCTALabel,\n      sortTabLabel,\n      filters\n    } = this.props;\n    const {filter, sorted} = this.state;\n    const {skin} = this.context;\n\n    const defaultColor = get('common.primary', skin);\n    const darkColor = get('common.dark', skin);\n    const filtersActive = filter === true;\n    const sortingActive = sorted === true;\n\n    const sortView =\n      sorting !== undefined ? (\n        <div data-name=\"choice\" className={style.select}>\n          <Select {...sorting} />\n        </div>\n      ) : null;\n\n    return (\n      <div data-name=\"search\" className={style.search}>\n        <div\n          data-name=\"filter\"\n          data-open={filtersActive}\n          className={filtersActive ? style.activeDefault : style.default}\n        >\n          <div className={style.title} data-name=\"filterButton\" onClick={this.handleOpenFilter}>\n            {filterTabLabel}\n            <div className={style.arrow}>\n              <ArrowDown color={darkColor} height={14} />\n            </div>\n          </div>\n        </div>\n        <div\n          data-name=\"sortBy\"\n          data-open={sortingActive}\n          className={sortingActive ? style.activeWrapperSortBy : style.wrapperSortBy}\n        >\n          <div className={style.title} data-name=\"sortButton\" onClick={this.handleOpenSort}>\n            {sortTabLabel}\n            <div className={style.arrow}>\n              <ArrowDown color={darkColor} height={14} />\n            </div>\n          </div>\n        </div>\n        <div\n          data-name=\"filterWrapper\"\n          className={filtersActive ? style.activeWrapperFilters : style.wrapperFilters}\n        >\n          <FiltersWrapper className={style.wrapper} filters={filters} />\n          <div\n            data-name=\"cta\"\n            className={style.CTAfilter}\n            style={{\n              backgroundColor: defaultColor\n            }}\n            onClick={this.handleSearch}\n          >\n            {filterCTALabel}\n          </div>\n        </div>\n        <div\n          data-name=\"sortWrapper\"\n          className={sortingActive ? style.activeSorting : style.sorting}\n        >\n          {sortView}\n          <div\n            data-name=\"cta\"\n            className={style.CTAfilter}\n            style={{\n              backgroundColor: defaultColor\n            }}\n            onClick={this.handleSearch}\n          >\n            {sortCTALabel}\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default Filters;\n"],"file":"index.js"}

package/lib/molecule/filters/style.css

@@ -151,6 +151,7 @@
   width: 100%;
   box-sizing: border-box;
   background: light;
+  transition: all 0.4s ease-out;
 }
 
 .activeSorting {
@@ -211,60 +212,6 @@
   display: none;
 }
 
-[data-animated='true'] .sorting {
-  transition: all 0.4s ease-out;
-}
-
-[data-animated='true'] .activeSorting {
-  transition: all 0.4s ease-out;
-}
-
-[data-animated='true'] .wrapperFilters {
-  transition: all 0.4s ease-out;
-}
-
-[data-animated='true'] .activeWrapperFilters {
-  transition: all 0.4s ease-out;
-}
-
-[data-animated='false'] .activeWrapperFilters {
-  animation: open-filters-desktop 0.4s ease-out 0s;
-}
-
-[data-animated='false'] .activeSorting {
-  animation: open-sorts 0.4s ease-out 0s;
-}
-
-[data-animated='false'] .activeDefault .arrow,
-[data-animated='false'] .activeWrapperSortBy .arrow {
-  animation: rotate 0.4s ease-out 0.2s;
-}
-
-@keyframes open-filters-desktop {
-  0% {max-height: 0px;}
-  100% {max-height: 270px;}
-}
-
-@keyframes open-filters-tablet {
-  0% {max-height: 0px;}
-  100% {max-height: 380px;}
-}
-
-@keyframes open-filters-mobile {
-  0% {max-height: 0px;}
-  100% {max-height: 850px;}
-}
-
-@keyframes open-sorts {
-  0% {max-height: 0px;}
-  100% {max-height: 150px;}
-}
-
-@keyframes rotate {
-  0% {transform: rotate(0deg);}
-  100% {transform: rotate(180deg);}
-}
-
 @media tablet {
   .search {
     border-top: 1px solid light;
@@ -274,10 +221,6 @@
     max-height: 380px;
   }
 
-  [data-animated='false'] .activeWrapperFilters {
-    animation: open-filters-tablet 0.4s ease-out 0s;
-  }
-
   .select {
     width: 50%;
   }
@@ -308,10 +251,6 @@
     max-height: 850px;
   }
 
-  [data-animated='false'] .activeWrapperFilters {
-    animation: open-filters-mobile 0.4s ease-out 0s;
-  }
-
   .sorting,
   .activeSorting {
     padding-left: 15px;

package/lib/organism/review-skills/index.js

@@ -0,0 +1,109 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _isEmpty = _interopRequireDefault(require("lodash/fp/isEmpty"));
+
+var _map = _interopRequireDefault(require("lodash/fp/map"));
+
+var _novaIcons = require("@coorpacademy/nova-icons");
+
+var _loader = _interopRequireDefault(require("../../atom/loader"));
+
+var _skillCard = _interopRequireDefault(require("../../molecule/skill-card"));
+
+var _style = _interopRequireDefault(require("./style.css"));
+
+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); }
+
+const ReviewListSkills = ({
+  listSkills
+}) => {
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.listSkillsContainer
+  }, listSkills && _map.default.convert({
+    cap: false
+  })((skillCard, key) => {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: _style.default.skillCardContainer,
+      key: `step-${key}`
+    }, /*#__PURE__*/_react.default.createElement(_skillCard.default, skillCard));
+  }, listSkills));
+};
+
+const ReviewNoSkills = ({
+  titleNoSkills,
+  textNoSkills,
+  iconSkillAriaLabel
+}) => {
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.noSkillsContainer
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.titleNoSkills
+  }, titleNoSkills), /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.textNoSkills
+  }, " ", textNoSkills), /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademyEmptyStateHomeRevision, {
+    className: _style.default.imgNoSkills,
+    "aria-label": iconSkillAriaLabel
+  }));
+};
+
+const ReviewSkills = props => {
+  const {
+    'aria-label': ariaLabel,
+    title,
+    listSkills,
+    titleNoSkills,
+    textNoSkills,
+    iconSkillAriaLabel,
+    isLoading = false,
+    isLoadingAriaLabel
+  } = props;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.containerReviewSkill,
+    "aria-label": ariaLabel
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.title
+  }, title, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademyInformationIcon, {
+    className: _style.default.informationIcon,
+    width: 12,
+    height: 12
+  })), isLoading ? /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.loaderContainer
+  }, /*#__PURE__*/_react.default.createElement(_loader.default, {
+    className: _style.default.loader,
+    theme: "default",
+    "aria-label": isLoadingAriaLabel
+  })) : /*#__PURE__*/_react.default.createElement("div", null, !(0, _isEmpty.default)(listSkills) ? /*#__PURE__*/_react.default.createElement(ReviewListSkills, {
+    listSkills: listSkills
+  }) : /*#__PURE__*/_react.default.createElement(ReviewNoSkills, {
+    titleNoSkills: titleNoSkills,
+    textNoSkills: textNoSkills,
+    iconSkillAriaLabel: iconSkillAriaLabel
+  })));
+};
+
+ReviewListSkills.propTypes = process.env.NODE_ENV !== "production" ? {
+  listSkills: _propTypes.default.arrayOf(_propTypes.default.shape(_skillCard.default.propTypes))
+} : {};
+ReviewNoSkills.propTypes = process.env.NODE_ENV !== "production" ? {
+  titleNoSkills: _propTypes.default.string,
+  textNoSkills: _propTypes.default.string,
+  iconSkillAriaLabel: _propTypes.default.string
+} : {};
+ReviewSkills.propTypes = process.env.NODE_ENV !== "production" ? _extends(_extends({
+  'aria-label': _propTypes.default.string,
+  title: _propTypes.default.string.isRequired,
+  isLoading: _propTypes.default.bool,
+  isLoadingAriaLabel: _propTypes.default.string
+}, ReviewListSkills.propTypes), ReviewNoSkills.propTypes) : {};
+var _default = ReviewSkills;
+exports.default = _default;
+//# sourceMappingURL=index.js.map

package/lib/organism/review-skills/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/organism/review-skills/index.js"],"names":["ReviewListSkills","listSkills","style","listSkillsContainer","map","convert","cap","skillCard","key","skillCardContainer","ReviewNoSkills","titleNoSkills","textNoSkills","iconSkillAriaLabel","noSkillsContainer","imgNoSkills","ReviewSkills","props","ariaLabel","title","isLoading","isLoadingAriaLabel","containerReviewSkill","informationIcon","loaderContainer","loader","propTypes","PropTypes","arrayOf","shape","SkillCard","string","isRequired","bool"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AAIA;;AACA;;AACA;;;;;;AAEA,MAAMA,gBAAgB,GAAG,CAAC;AAACC,EAAAA;AAAD,CAAD,KAAkB;AACzC,sBACE;AAAK,IAAA,SAAS,EAAEC,eAAMC;AAAtB,KACGF,UAAU,IACTG,aAAIC,OAAJ,CAAY;AAACC,IAAAA,GAAG,EAAE;AAAN,GAAZ,EAA0B,CAACC,SAAD,EAAYC,GAAZ,KAAoB;AAC5C,wBACE;AAAK,MAAA,SAAS,EAAEN,eAAMO,kBAAtB;AAA0C,MAAA,GAAG,EAAG,QAAOD,GAAI;AAA3D,oBACE,6BAAC,kBAAD,EAAeD,SAAf,CADF,CADF;AAKD,GAND,EAMGN,UANH,CAFJ,CADF;AAYD,CAbD;;AAeA,MAAMS,cAAc,GAAG,CAAC;AAACC,EAAAA,aAAD;AAAgBC,EAAAA,YAAhB;AAA8BC,EAAAA;AAA9B,CAAD,KAAuD;AAC5E,sBACE;AAAK,IAAA,SAAS,EAAEX,eAAMY;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAEZ,eAAMS;AAAtB,KAAsCA,aAAtC,CADF,eAEE;AAAK,IAAA,SAAS,EAAET,eAAMU;AAAtB,UAAsCA,YAAtC,CAFF,eAGE,6BAAC,4DAAD;AAAwB,IAAA,SAAS,EAAEV,eAAMa,WAAzC;AAAsD,kBAAYF;AAAlE,IAHF,CADF;AAOD,CARD;;AAUA,MAAMG,YAAY,GAAGC,KAAK,IAAI;AAC5B,QAAM;AACJ,kBAAcC,SADV;AAEJC,IAAAA,KAFI;AAGJlB,IAAAA,UAHI;AAIJU,IAAAA,aAJI;AAKJC,IAAAA,YALI;AAMJC,IAAAA,kBANI;AAOJO,IAAAA,SAAS,GAAG,KAPR;AAQJC,IAAAA;AARI,MASFJ,KATJ;AAWA,sBACE;AAAK,IAAA,SAAS,EAAEf,eAAMoB,oBAAtB;AAA4C,kBAAYJ;AAAxD,kBACE;AAAK,IAAA,SAAS,EAAEhB,eAAMiB;AAAtB,KACGA,KADH,eAEE,6BAAC,qDAAD;AAAiB,IAAA,SAAS,EAAEjB,eAAMqB,eAAlC;AAAmD,IAAA,KAAK,EAAE,EAA1D;AAA8D,IAAA,MAAM,EAAE;AAAtE,IAFF,CADF,EAKGH,SAAS,gBACR;AAAK,IAAA,SAAS,EAAElB,eAAMsB;AAAtB,kBACE,6BAAC,eAAD;AAAQ,IAAA,SAAS,EAAEtB,eAAMuB,MAAzB;AAAiC,IAAA,KAAK,EAAC,SAAvC;AAAiD,kBAAYJ;AAA7D,IADF,CADQ,gBAKR,0CACG,CAAC,sBAAQpB,UAAR,CAAD,gBACC,6BAAC,gBAAD;AAAkB,IAAA,UAAU,EAAEA;AAA9B,IADD,gBAGC,6BAAC,cAAD;AACE,IAAA,aAAa,EAAEU,aADjB;AAEE,IAAA,YAAY,EAAEC,YAFhB;AAGE,IAAA,kBAAkB,EAAEC;AAHtB,IAJJ,CAVJ,CADF;AAyBD,CArCD;;AAuCAb,gBAAgB,CAAC0B,SAAjB,2CAA6B;AAC3BzB,EAAAA,UAAU,EAAE0B,mBAAUC,OAAV,CAAkBD,mBAAUE,KAAV,CAAgBC,mBAAUJ,SAA1B,CAAlB;AADe,CAA7B;AAIAhB,cAAc,CAACgB,SAAf,2CAA2B;AACzBf,EAAAA,aAAa,EAAEgB,mBAAUI,MADA;AAEzBnB,EAAAA,YAAY,EAAEe,mBAAUI,MAFC;AAGzBlB,EAAAA,kBAAkB,EAAEc,mBAAUI;AAHL,CAA3B;AAMAf,YAAY,CAACU,SAAb;AACE,gBAAcC,mBAAUI,MAD1B;AAEEZ,EAAAA,KAAK,EAAEQ,mBAAUI,MAAV,CAAiBC,UAF1B;AAGEZ,EAAAA,SAAS,EAAEO,mBAAUM,IAHvB;AAIEZ,EAAAA,kBAAkB,EAAEM,mBAAUI;AAJhC,GAKK/B,gBAAgB,CAAC0B,SALtB,GAMKhB,cAAc,CAACgB,SANpB;eASeV,Y","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport isEmpty from 'lodash/fp/isEmpty';\nimport map from 'lodash/fp/map';\nimport {\n  NovaCompositionCoorpacademyEmptyStateHomeRevision as EmptyStateHomeRevision,\n  NovaCompositionCoorpacademyInformationIcon as InformationIcon\n} from '@coorpacademy/nova-icons';\nimport Loader from '../../atom/loader';\nimport SkillCard from '../../molecule/skill-card';\nimport style from './style.css';\n\nconst ReviewListSkills = ({listSkills}) => {\n  return (\n    <div className={style.listSkillsContainer}>\n      {listSkills &&\n        map.convert({cap: false})((skillCard, key) => {\n          return (\n            <div className={style.skillCardContainer} key={`step-${key}`}>\n              <SkillCard {...skillCard} />\n            </div>\n          );\n        }, listSkills)}\n    </div>\n  );\n};\n\nconst ReviewNoSkills = ({titleNoSkills, textNoSkills, iconSkillAriaLabel}) => {\n  return (\n    <div className={style.noSkillsContainer}>\n      <div className={style.titleNoSkills}>{titleNoSkills}</div>\n      <div className={style.textNoSkills}> {textNoSkills}</div>\n      <EmptyStateHomeRevision className={style.imgNoSkills} aria-label={iconSkillAriaLabel} />\n    </div>\n  );\n};\n\nconst ReviewSkills = props => {\n  const {\n    'aria-label': ariaLabel,\n    title,\n    listSkills,\n    titleNoSkills,\n    textNoSkills,\n    iconSkillAriaLabel,\n    isLoading = false,\n    isLoadingAriaLabel\n  } = props;\n\n  return (\n    <div className={style.containerReviewSkill} aria-label={ariaLabel}>\n      <div className={style.title}>\n        {title}\n        <InformationIcon className={style.informationIcon} width={12} height={12} />\n      </div>\n      {isLoading ? (\n        <div className={style.loaderContainer}>\n          <Loader className={style.loader} theme=\"default\" aria-label={isLoadingAriaLabel} />\n        </div>\n      ) : (\n        <div>\n          {!isEmpty(listSkills) ? (\n            <ReviewListSkills listSkills={listSkills} />\n          ) : (\n            <ReviewNoSkills\n              titleNoSkills={titleNoSkills}\n              textNoSkills={textNoSkills}\n              iconSkillAriaLabel={iconSkillAriaLabel}\n            />\n          )}\n        </div>\n      )}\n    </div>\n  );\n};\n\nReviewListSkills.propTypes = {\n  listSkills: PropTypes.arrayOf(PropTypes.shape(SkillCard.propTypes))\n};\n\nReviewNoSkills.propTypes = {\n  titleNoSkills: PropTypes.string,\n  textNoSkills: PropTypes.string,\n  iconSkillAriaLabel: PropTypes.string\n};\n\nReviewSkills.propTypes = {\n  'aria-label': PropTypes.string,\n  title: PropTypes.string.isRequired,\n  isLoading: PropTypes.bool,\n  isLoadingAriaLabel: PropTypes.string,\n  ...ReviewListSkills.propTypes,\n  ...ReviewNoSkills.propTypes\n};\n\nexport default ReviewSkills;\n"],"file":"index.js"}

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

@@ -0,0 +1,113 @@
+@value breakpoints: "../../variables/breakpoints.css";
+@value tablet from breakpoints;
+@value mobile from breakpoints;
+@value colors: "../../variables/colors.css";
+@value cm_blue_900 from colors;
+@value cm_grey_400 from colors;
+@value cm_grey_500 from colors;
+
+.textBase {
+  color: cm_blue_900;
+  font-family: "Gilroy";
+  font-style: normal;
+  user-select: none;
+}
+
+.containerReviewSkill {
+  width: 100%;
+  position: relative;
+}
+
+.title {
+  composes: textBase;
+  font-size: 20px;
+  font-weight: 600;
+  line-height: 28px;
+}
+
+.informationIcon {
+  color: cm_grey_500;
+  padding-left: 8px;
+}
+
+.listSkillsContainer {
+  display: flex;
+  flex-wrap: wrap;
+  margin-top: 24px;
+}
+
+.skillCardContainer {
+  margin: 0px 16px 16px 0px;
+  width: 298px;
+}
+
+.noSkillsContainer {
+  margin-top: 56px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+}
+
+.titleNoSkills {
+  composes: textBase;
+  font-weight: 10;
+  font-size: 28px;
+  line-height: 36px;
+  text-align: center;
+}
+
+.textNoSkills {
+  color: cm_grey_400;
+  font-family: "Gilroy";
+  font-size: 20px;
+  line-height: 28px;
+  margin-top: 8px;
+  text-align: center;
+  user-select: none;
+  width: 493px;
+}
+
+.imgNoSkills {
+  width: 361px;
+  height: 361px;
+  margin-top: 48px;
+}
+
+.loaderContainer {
+  width: 100%;
+  height: 50vh;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.loader {
+  height: 60px;
+  width: 60px;
+}
+
+@media tablet {
+  .skillCardContainer {
+    width: 257px;
+  }
+}
+
+@media mobile {
+  .skillCardContainer {
+    width: 100%;
+    margin-right: 0px;
+  }
+
+  .titleNoSkills,
+  .textNoSkills {
+    width: 85%;
+  }
+
+  .imgNoSkills {
+    margin-top: 33px;
+    width: 85%;
+    height: auto;
+  }
+}

package/lib/organism/review-skills/test/fixtures/loading.js

@@ -0,0 +1,14 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var _default = {
+  props: {
+    'aria-label': 'Review Skills Container',
+    title: 'Skills you can revise',
+    isLoading: true,
+    isLoadingAriaLabel: 'Review skills container is loading'
+  }
+};
+exports.default = _default;
+//# sourceMappingURL=loading.js.map

package/lib/organism/review-skills/test/fixtures/loading.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/organism/review-skills/test/fixtures/loading.js"],"names":["props","title","isLoading","isLoadingAriaLabel"],"mappings":";;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACL,kBAAc,yBADT;AAELC,IAAAA,KAAK,EAAE,uBAFF;AAGLC,IAAAA,SAAS,EAAE,IAHN;AAILC,IAAAA,kBAAkB,EAAE;AAJf;AADM,C","sourcesContent":["export default {\n  props: {\n    'aria-label': 'Review Skills Container',\n    title: 'Skills you can revise',\n    isLoading: true,\n    isLoadingAriaLabel: 'Review skills container is loading'\n  }\n};\n"],"file":"loading.js"}

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

@@ -0,0 +1,39 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _default2 = _interopRequireDefault(require("../../../../molecule/skill-card/test/fixtures/default"));
+
+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); }
+
+const listSkills = [_extends(_extends({}, _default2.default.props), {}, {
+  skillTitle: 'Digital communication',
+  isCustom: false
+}), _extends(_extends({}, _default2.default.props), {}, {
+  skillTitle: 'Creativity and innovation',
+  isCustom: false
+}), _extends(_extends({}, _default2.default.props), {}, {
+  skillTitle: 'Agility',
+  isCustom: false
+}), _extends(_extends({}, _default2.default.props), {}, {
+  skillTitle: 'Sustainable thinking',
+  isCustom: false
+}), _extends(_extends({}, _default2.default.props), {}, {
+  skillTitle: 'Critical thinking and analysis',
+  isCustom: true
+})];
+var _default = {
+  props: {
+    'aria-label': 'Review Skills Container',
+    title: 'Skills you can revise',
+    listSkills,
+    titleNoSkills: undefined,
+    textNoSkills: undefined,
+    iconSkillAriaLabel: undefined
+  }
+};
+exports.default = _default;
+//# sourceMappingURL=many-skills.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/organism/review-skills/test/fixtures/many-skills.js"],"names":["listSkills","cardDefault","props","skillTitle","isCustom","title","titleNoSkills","undefined","textNoSkills","iconSkillAriaLabel"],"mappings":";;;;;AAAA;;;;;;AAEA,MAAMA,UAAU,GAAG,uBACbC,kBAAYC,KADC;AACMC,EAAAA,UAAU,EAAE,uBADlB;AAC2CC,EAAAA,QAAQ,EAAE;AADrD,0BAEbH,kBAAYC,KAFC;AAEMC,EAAAA,UAAU,EAAE,2BAFlB;AAE+CC,EAAAA,QAAQ,EAAE;AAFzD,0BAGbH,kBAAYC,KAHC;AAGMC,EAAAA,UAAU,EAAE,SAHlB;AAG6BC,EAAAA,QAAQ,EAAE;AAHvC,0BAIbH,kBAAYC,KAJC;AAIMC,EAAAA,UAAU,EAAE,sBAJlB;AAI0CC,EAAAA,QAAQ,EAAE;AAJpD,0BAKbH,kBAAYC,KALC;AAKMC,EAAAA,UAAU,EAAE,gCALlB;AAKoDC,EAAAA,QAAQ,EAAE;AAL9D,GAAnB;eAQe;AACbF,EAAAA,KAAK,EAAE;AACL,kBAAc,yBADT;AAELG,IAAAA,KAAK,EAAE,uBAFF;AAGLL,IAAAA,UAHK;AAILM,IAAAA,aAAa,EAAEC,SAJV;AAKLC,IAAAA,YAAY,EAAED,SALT;AAMLE,IAAAA,kBAAkB,EAAEF;AANf;AADM,C","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"}

package/lib/organism/review-skills/test/fixtures/no-skills.js

@@ -0,0 +1,16 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var _default = {
+  props: {
+    'aria-label': 'Review Skills Container',
+    title: 'Skills you can revise',
+    listSkills: [],
+    titleNoSkills: 'You have no skill to revise yet',
+    textNoSkills: 'Massa molestie ut sed malesuada. Cursus aliquet enim scelerisque sagittis at rutrum aliquam.',
+    iconSkillAriaLabel: 'Image without information'
+  }
+};
+exports.default = _default;
+//# sourceMappingURL=no-skills.js.map