@coorpacademy/components 10.0.49 → 10.1.2

package/lib/molecule/wizard-summary/style.css

@@ -0,0 +1,247 @@
+@value colors: "../../variables/colors.css";
+@value breakpoints: "../../variables/breakpoints.css";
+@value cm_primary_blue from colors;
+@value cm_grey_50 from colors;
+@value cm_grey_300 from colors;
+@value cm_grey_400 from colors;
+@value cm_grey_900 from colors;
+@value cm_green_200 from colors;
+@value cm_purple_200 from colors;
+@value cm_orange_200 from colors;
+@value white from colors;
+@value lightBlack from colors;
+@value cm_yellow_200 from colors;
+@value cm_tablet from breakpoints;
+
+.container {
+  font-family: Gilroy;
+  width: 245px;
+  border-radius: 7px;
+  background-color: cm_grey_50;
+  padding: 40px 37px 32px 37px;
+  overflow: hidden;
+  position: absolute;
+  top: 0px;
+  bottom: 0px;
+  display: flex;
+  flex-direction: column;
+}
+
+.summary {
+  height: calc(100% - 90px);
+}
+
+.unsaved {
+  color: cm_yellow_200;
+}
+
+.summarySections {
+  height: 100%;
+  overflow: hidden auto;
+}
+
+.actionZone {
+  margin: 24px 0px 0px 0px;
+  display: flex;
+  justify-content: center;
+}
+
+.actionLink {
+  text-align: center;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: bold;
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  cursor: pointer;
+}
+
+.actionLink:hover {
+  color: cm_primary_blue;
+}
+
+.icon {
+  width: 14px;
+  height: 14px;
+  margin: 0 8px 0 0;
+}
+
+.desktopSummaryTitle {
+  font-family: 'Gilroy';
+  font-style: normal;
+  font-weight: bold;
+  font-size: 20px;
+  margin: 0px 0px 24px 0px;
+  color: cm_grey_900;
+  display: block;
+}
+
+.tabletSummaryHeader {
+  display: none;
+}
+
+.sectionWrapper {
+  margin: 32px 0px 32px 0px;
+}
+
+.sectionWrapper:first-child {
+  margin: 0px;
+}
+
+.sectionHeader {
+  display: flex;
+  justify-content: space-between;
+}
+
+.counterText {
+  font-style: normal;
+  font-weight: normal;
+  font-size: 14px;
+}
+
+.title {
+  font-style: normal;
+  font-weight: bold;
+  font-size: 12px;
+  color: cm_grey_400;
+  display: block;
+}
+
+.value {
+  font-size: 14px;
+  font-weight: bold;
+  font-stretch: normal;
+  font-style: normal;
+  display: block;
+}
+
+.valueSimpleText {
+  composes: value;
+  margin: 8px 0px 0px 0px;
+}
+
+.contentWrapper {
+  margin: 8px 0px 0px 0px;
+  display: flex;
+  align-items: center;
+}
+
+.contentWrapper p {
+  margin: 0px;
+}
+
+.contentItem {
+  display: block;
+  max-width: calc(100% -25px);
+}
+
+.content {
+  display: flex;
+  align-items: center;
+}
+
+.contentCounter {
+  margin-right: 8px;
+  color: cm_grey_400;
+  font-size: 13px;
+  min-width: 20px;
+  text-align: center;
+}
+
+ul {
+  list-style: none;
+  padding: 0px;
+  margin: 0px;
+}
+
+.contentTitle {
+  margin: 0px 0px 0px 4px;
+  font-size: 13px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+}
+
+.author {
+  font-size: 11px;
+  font-weight: 500;
+  font-style: normal;
+  color: cm_grey_300;
+}
+
+.checkbox {
+  display: none;
+}
+
+@media cm_tablet {
+  .container {
+    background-color: transparent;
+    width: calc(100% - 64px);
+    left: 0px;
+    right: 0px;
+    flex-direction: row;
+    align-items: flex-end;
+    padding: 0px 32px 0px 32px;
+    margin: 0px;
+  }
+
+  .desktopSummaryTitle {
+    display: none;
+  }
+
+  .tabletSummaryHeader {
+    display: flex;
+    justify-content: space-between;
+    font-size: 14px;
+    font-weight: bold;
+    padding: 0px 0px 32px 0px;
+  }
+
+  .summary {
+    width: calc(65% - 48px);
+    background-color: cm_grey_50;
+    border-radius: 7px;
+    height: 20px;
+    padding: 12px 24px 12px 24px;
+    transition: all 0.5s ease;
+  }
+
+  .actionZone {
+    width: 35%;
+    display: flex;
+    justify-content: center;
+    margin: 0px 0px 12px 0px;
+  }
+
+  .sectionWrapper:first-child {
+    margin: 0px;
+  }
+
+  label {
+    width: 100%;
+    right: 0px;
+    display: flex;
+    flex-direction: row;
+    cursor: pointer;
+  }
+
+  label .tabletSummaryTitle{
+    flex: 0 1 100%;
+  }
+  
+  label .tabletSummaryIcon{
+    width: 12px;
+    transition: all 0.5s ease;
+  }
+
+  .checkbox:checked + .summary  {
+    height: 65%;
+    padding: 24px;
+    box-shadow: 0 -6px 42px -14px rgba(0, 0, 0, 0.25);
+    transition: all 0.5s ease;
+  }
+  .checkbox:checked + .summary .tabletSummaryIcon  {
+    transform: rotateZ(180deg);
+  }
+}

package/lib/molecule/wizard-summary/test/fixtures/default.js

@@ -0,0 +1,128 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var _default = {
+  props: {
+    title: 'Certification summary',
+    sections: [{
+      items: [{
+        type: 'mainElement',
+        title: 'Language',
+        value: '🇬🇧 English'
+      }, {
+        type: 'mainElement',
+        title: 'Name',
+        value: 'Marketing expert'
+      }]
+    }, {
+      title: 'Translation',
+      items: [{
+        type: 'text',
+        text: '🇫🇷 French'
+      }, {
+        type: 'text',
+        text: '🇪🇸 Spanish'
+      }, {
+        type: 'text',
+        text: '🇮🇹 Italian',
+        unsaved: true
+      }]
+    }, {
+      title: 'Populations',
+      items: [{
+        type: 'text',
+        text: 'Population 2'
+      }, {
+        type: 'text',
+        text: 'Population 1',
+        unsaved: true
+      }],
+      counterText: '2 population'
+    }, {
+      title: 'Courses',
+      items: [{
+        type: 'content',
+        title: 'Learn Everywhere #10 : Inclusion, Diversité, et autre élements importants',
+        category: 'video',
+        label: 'Video',
+        author: 'Coorpacademy, Faurecia University'
+      }, {
+        type: 'content',
+        title: 'Markteting and online advertising',
+        category: 'base',
+        label: 'Base',
+        author: 'Coorpacademy',
+        unsaved: true
+      }, {
+        type: 'content',
+        title: 'Faire une offre',
+        category: 'chapter',
+        label: "5' learning",
+        author: 'Global Exam'
+      }, {
+        type: 'content',
+        title: 'Cluedo: Meurtre sur Skill Island',
+        category: 'advanced',
+        label: 'Advanced',
+        author: 'Coorpacademy'
+      }, {
+        type: 'content',
+        title: 'Learn <b>Everywhere #10</b> : <u>Inclusion, Diversité</u>, et autre élements importants',
+        category: 'video',
+        label: 'Video',
+        author: 'Coorpacademy, Faurecia University'
+      }, {
+        type: 'content',
+        title: 'Mesurer la satisfaction client',
+        category: 'coach',
+        label: 'Coach',
+        author: 'Dunod Formation'
+      }, {
+        type: 'content',
+        title: 'Cluedo: Meurtre sur Skill Island',
+        category: 'advanced',
+        label: 'Advanced',
+        author: 'Coorpacademy'
+      }, {
+        type: 'content',
+        title: 'Suspects - épisode 1',
+        category: 'scorm',
+        label: 'Interactive slides',
+        author: 'Coorpacademy'
+      }, {
+        type: 'content',
+        title: '<p align="right"> وضع النصوص بالتصاميم سواء كانت تصاميم مطبوعه</p>',
+        category: 'coach',
+        label: 'Coach',
+        author: 'Dunod Formation'
+      }, {
+        type: 'content',
+        title: 'Cluedo: Meurtre sur Skill Island',
+        category: 'advanced',
+        label: 'Advanced',
+        author: 'Coorpacademy'
+      }, {
+        type: 'content',
+        title: 'Suspects - épisode 1',
+        category: 'scorm',
+        label: 'Interactive slides',
+        author: 'Coorpacademy'
+      }, {
+        type: 'content',
+        title: 'Mesurer la satisfaction client',
+        category: 'coach',
+        label: 'Coach',
+        author: 'Dunod Formation'
+      }],
+      counterText: '12 courses'
+    }],
+    action: {
+      icon: 'draft',
+      text: 'Save in drafts',
+      onClick: () => console.log('save')
+    }
+  }
+};
+exports.default = _default;
+//# sourceMappingURL=default.js.map

package/lib/molecule/wizard-summary/test/fixtures/default.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/molecule/wizard-summary/test/fixtures/default.js"],"names":["props","title","sections","items","type","value","text","unsaved","counterText","category","label","author","action","icon","onClick","console","log"],"mappings":"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","sourcesContent":["export default {\n  props: {\n    title: 'Certification summary',\n    sections: [\n      {\n        items: [\n          {\n            type: 'mainElement',\n            title: 'Language',\n            value: '🇬🇧 English'\n          },\n          {\n            type: 'mainElement',\n            title: 'Name',\n            value: 'Marketing expert'\n          }\n        ]\n      },\n      {\n        title: 'Translation',\n        items: [\n          {\n            type: 'text',\n            text: '🇫🇷 French'\n          },\n          {\n            type: 'text',\n            text: '🇪🇸 Spanish'\n          },\n          {\n            type: 'text',\n            text: '🇮🇹 Italian',\n            unsaved: true\n          }\n        ]\n      },\n      {\n        title: 'Populations',\n        items: [\n          {\n            type: 'text',\n            text: 'Population 2'\n          },\n          {\n            type: 'text',\n            text: 'Population 1',\n            unsaved: true\n          }\n        ],\n        counterText: '2 population'\n      },\n      {\n        title: 'Courses',\n        items: [\n          {\n            type: 'content',\n            title: 'Learn Everywhere #10 : Inclusion, Diversité, et autre élements importants',\n            category: 'video',\n            label: 'Video',\n            author: 'Coorpacademy, Faurecia University'\n          },\n          {\n            type: 'content',\n            title: 'Markteting and online advertising',\n            category: 'base',\n            label: 'Base',\n            author: 'Coorpacademy',\n            unsaved: true\n          },\n          {\n            type: 'content',\n            title: 'Faire une offre',\n            category: 'chapter',\n            label: \"5' learning\",\n            author: 'Global Exam'\n          },\n          {\n            type: 'content',\n            title: 'Cluedo: Meurtre sur Skill Island',\n            category: 'advanced',\n            label: 'Advanced',\n            author: 'Coorpacademy'\n          },\n          {\n            type: 'content',\n            title:\n              'Learn <b>Everywhere #10</b> : <u>Inclusion, Diversité</u>, et autre élements importants',\n            category: 'video',\n            label: 'Video',\n            author: 'Coorpacademy, Faurecia University'\n          },\n          {\n            type: 'content',\n            title: 'Mesurer la satisfaction client',\n            category: 'coach',\n            label: 'Coach',\n            author: 'Dunod Formation'\n          },\n          {\n            type: 'content',\n            title: 'Cluedo: Meurtre sur Skill Island',\n            category: 'advanced',\n            label: 'Advanced',\n            author: 'Coorpacademy'\n          },\n          {\n            type: 'content',\n            title: 'Suspects - épisode 1',\n            category: 'scorm',\n            label: 'Interactive slides',\n            author: 'Coorpacademy'\n          },\n          {\n            type: 'content',\n            title: '<p align=\"right\"> وضع النصوص بالتصاميم سواء كانت تصاميم مطبوعه</p>',\n            category: 'coach',\n            label: 'Coach',\n            author: 'Dunod Formation'\n          },\n          {\n            type: 'content',\n            title: 'Cluedo: Meurtre sur Skill Island',\n            category: 'advanced',\n            label: 'Advanced',\n            author: 'Coorpacademy'\n          },\n          {\n            type: 'content',\n            title: 'Suspects - épisode 1',\n            category: 'scorm',\n            label: 'Interactive slides',\n            author: 'Coorpacademy'\n          },\n          {\n            type: 'content',\n            title: 'Mesurer la satisfaction client',\n            category: 'coach',\n            label: 'Coach',\n            author: 'Dunod Formation'\n          }\n        ],\n        counterText: '12 courses'\n      }\n    ],\n    action: {\n      icon: 'draft',\n      text: 'Save in drafts',\n      onClick: () => console.log('save')\n    }\n  }\n};\n"],"file":"default.js"}

package/lib/molecule/wizard-summary/test/fixtures/one-section.js

@@ -0,0 +1,27 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var _default = {
+  props: {
+    title: 'Certification summary',
+    sections: [{
+      items: [{
+        type: 'mainElement',
+        title: 'Language',
+        value: '🇬🇧 English'
+      }, {
+        type: 'mainElement',
+        title: 'Name',
+        value: 'Marketing expert'
+      }]
+    }],
+    action: {
+      icon: 'draft',
+      text: 'Save in drafts',
+      onClick: () => console.log('save')
+    }
+  }
+};
+exports.default = _default;
+//# sourceMappingURL=one-section.js.map

package/lib/molecule/wizard-summary/test/fixtures/one-section.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/molecule/wizard-summary/test/fixtures/one-section.js"],"names":["props","title","sections","items","type","value","action","icon","text","onClick","console","log"],"mappings":";;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAE,uBADF;AAELC,IAAAA,QAAQ,EAAE,CACR;AACEC,MAAAA,KAAK,EAAE,CACL;AACEC,QAAAA,IAAI,EAAE,aADR;AAEEH,QAAAA,KAAK,EAAE,UAFT;AAGEI,QAAAA,KAAK,EAAE;AAHT,OADK,EAML;AACED,QAAAA,IAAI,EAAE,aADR;AAEEH,QAAAA,KAAK,EAAE,MAFT;AAGEI,QAAAA,KAAK,EAAE;AAHT,OANK;AADT,KADQ,CAFL;AAkBLC,IAAAA,MAAM,EAAE;AACNC,MAAAA,IAAI,EAAE,OADA;AAENC,MAAAA,IAAI,EAAE,gBAFA;AAGNC,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,MAAZ;AAHT;AAlBH;AADM,C","sourcesContent":["export default {\n  props: {\n    title: 'Certification summary',\n    sections: [\n      {\n        items: [\n          {\n            type: 'mainElement',\n            title: 'Language',\n            value: '🇬🇧 English'\n          },\n          {\n            type: 'mainElement',\n            title: 'Name',\n            value: 'Marketing expert'\n          }\n        ]\n      }\n    ],\n    action: {\n      icon: 'draft',\n      text: 'Save in drafts',\n      onClick: () => console.log('save')\n    }\n  }\n};\n"],"file":"one-section.js"}

package/lib/molecule/wizard-summary/test/fixtures/tablet-closed.js

@@ -0,0 +1,122 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var _default = {
+  props: {
+    title: 'Certification summary',
+    sections: [{
+      items: [{
+        type: 'mainElement',
+        title: 'Language',
+        value: '🇬🇧 English'
+      }, {
+        type: 'mainElement',
+        title: 'Name',
+        value: 'Marketing expert'
+      }]
+    }, {
+      title: 'Translation',
+      items: [{
+        type: 'text',
+        text: '🇫🇷 French'
+      }, {
+        type: 'text',
+        text: '🇪🇸 Spanish'
+      }, {
+        type: 'text',
+        text: '🇮🇹 Italian'
+      }]
+    }, {
+      title: 'Populations',
+      items: [{
+        type: 'text',
+        text: 'Population 2'
+      }],
+      counterText: '1 population'
+    }, {
+      title: 'Courses',
+      items: [{
+        type: 'content',
+        title: 'Learn Everywhere #10 : Inclusion, Diversité, et autre élements importants',
+        category: 'video',
+        label: 'Video',
+        author: 'Coorpacademy, Faurecia University'
+      }, {
+        type: 'content',
+        title: 'Markteting and online advertising',
+        category: 'base',
+        label: 'Base',
+        author: 'Coorpacademy'
+      }, {
+        type: 'content',
+        title: 'Faire une offre',
+        category: 'chapter',
+        label: "5' learning",
+        author: 'Global Exam'
+      }, {
+        type: 'content',
+        title: 'Cluedo: Meurtre sur Skill Island',
+        category: 'advanced',
+        label: 'Advanced',
+        author: 'Coorpacademy'
+      }, {
+        type: 'content',
+        title: 'Learn <b>Everywhere #10</b> : <u>Inclusion, Diversité</u>, et autre élements importants',
+        category: 'video',
+        label: 'Video',
+        author: 'Coorpacademy, Faurecia University'
+      }, {
+        type: 'content',
+        title: 'Mesurer la satisfaction client',
+        category: 'coach',
+        label: 'Coach',
+        author: 'Dunod Formation'
+      }, {
+        type: 'content',
+        title: 'Cluedo: Meurtre sur Skill Island',
+        category: 'advanced',
+        label: 'Advanced',
+        author: 'Coorpacademy'
+      }, {
+        type: 'content',
+        title: 'Suspects - épisode 1',
+        category: 'scorm',
+        label: 'Interactive slides',
+        author: 'Coorpacademy'
+      }, {
+        type: 'content',
+        title: '<p align="right"> وضع النصوص بالتصاميم سواء كانت تصاميم مطبوعه</p>',
+        category: 'coach',
+        label: 'Coach',
+        author: 'Dunod Formation'
+      }, {
+        type: 'content',
+        title: 'Cluedo: Meurtre sur Skill Island',
+        category: 'advanced',
+        label: 'Advanced',
+        author: 'Coorpacademy'
+      }, {
+        type: 'content',
+        title: 'Suspects - épisode 1',
+        category: 'scorm',
+        label: 'Interactive slides',
+        author: 'Coorpacademy'
+      }, {
+        type: 'content',
+        title: 'Mesurer la satisfaction client',
+        category: 'coach',
+        label: 'Coach',
+        author: 'Dunod Formation'
+      }],
+      counterText: '12 courses'
+    }],
+    action: {
+      icon: 'draft',
+      text: 'Save in drafts',
+      onClick: () => console.log('save')
+    }
+  }
+};
+exports.default = _default;
+//# sourceMappingURL=tablet-closed.js.map

package/lib/molecule/wizard-summary/test/fixtures/tablet-closed.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/molecule/wizard-summary/test/fixtures/tablet-closed.js"],"names":["props","title","sections","items","type","value","text","counterText","category","label","author","action","icon","onClick","console","log"],"mappings":"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","sourcesContent":["export default {\n  props: {\n    title: 'Certification summary',\n    sections: [\n      {\n        items: [\n          {\n            type: 'mainElement',\n            title: 'Language',\n            value: '🇬🇧 English'\n          },\n          {\n            type: 'mainElement',\n            title: 'Name',\n            value: 'Marketing expert'\n          }\n        ]\n      },\n      {\n        title: 'Translation',\n        items: [\n          {\n            type: 'text',\n            text: '🇫🇷 French'\n          },\n          {\n            type: 'text',\n            text: '🇪🇸 Spanish'\n          },\n          {\n            type: 'text',\n            text: '🇮🇹 Italian'\n          }\n        ]\n      },\n      {\n        title: 'Populations',\n        items: [\n          {\n            type: 'text',\n            text: 'Population 2'\n          }\n        ],\n        counterText: '1 population'\n      },\n      {\n        title: 'Courses',\n        items: [\n          {\n            type: 'content',\n            title: 'Learn Everywhere #10 : Inclusion, Diversité, et autre élements importants',\n            category: 'video',\n            label: 'Video',\n            author: 'Coorpacademy, Faurecia University'\n          },\n          {\n            type: 'content',\n            title: 'Markteting and online advertising',\n            category: 'base',\n            label: 'Base',\n            author: 'Coorpacademy'\n          },\n          {\n            type: 'content',\n            title: 'Faire une offre',\n            category: 'chapter',\n            label: \"5' learning\",\n            author: 'Global Exam'\n          },\n          {\n            type: 'content',\n            title: 'Cluedo: Meurtre sur Skill Island',\n            category: 'advanced',\n            label: 'Advanced',\n            author: 'Coorpacademy'\n          },\n          {\n            type: 'content',\n            title:\n              'Learn <b>Everywhere #10</b> : <u>Inclusion, Diversité</u>, et autre élements importants',\n            category: 'video',\n            label: 'Video',\n            author: 'Coorpacademy, Faurecia University'\n          },\n          {\n            type: 'content',\n            title: 'Mesurer la satisfaction client',\n            category: 'coach',\n            label: 'Coach',\n            author: 'Dunod Formation'\n          },\n          {\n            type: 'content',\n            title: 'Cluedo: Meurtre sur Skill Island',\n            category: 'advanced',\n            label: 'Advanced',\n            author: 'Coorpacademy'\n          },\n          {\n            type: 'content',\n            title: 'Suspects - épisode 1',\n            category: 'scorm',\n            label: 'Interactive slides',\n            author: 'Coorpacademy'\n          },\n          {\n            type: 'content',\n            title: '<p align=\"right\"> وضع النصوص بالتصاميم سواء كانت تصاميم مطبوعه</p>',\n            category: 'coach',\n            label: 'Coach',\n            author: 'Dunod Formation'\n          },\n          {\n            type: 'content',\n            title: 'Cluedo: Meurtre sur Skill Island',\n            category: 'advanced',\n            label: 'Advanced',\n            author: 'Coorpacademy'\n          },\n          {\n            type: 'content',\n            title: 'Suspects - épisode 1',\n            category: 'scorm',\n            label: 'Interactive slides',\n            author: 'Coorpacademy'\n          },\n          {\n            type: 'content',\n            title: 'Mesurer la satisfaction client',\n            category: 'coach',\n            label: 'Coach',\n            author: 'Dunod Formation'\n          }\n        ],\n        counterText: '12 courses'\n      }\n    ],\n    action: {\n      icon: 'draft',\n      text: 'Save in drafts',\n      onClick: () => console.log('save')\n    }\n  }\n};\n"],"file":"tablet-closed.js"}

package/lib/molecule/wizard-summary/test/fixtures/three-sections.js

@@ -0,0 +1,46 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var _default = {
+  props: {
+    title: 'Certification summary',
+    sections: [{
+      items: [{
+        type: 'mainElement',
+        title: 'Language',
+        value: '🇬🇧 English'
+      }, {
+        type: 'mainElement',
+        title: 'Name',
+        value: 'Marketing expert'
+      }]
+    }, {
+      title: 'Translation',
+      items: [{
+        type: 'text',
+        text: '🇫🇷 French'
+      }, {
+        type: 'text',
+        text: '🇪🇸 Spanish'
+      }, {
+        type: 'text',
+        text: '🇮🇹 Italian'
+      }]
+    }, {
+      title: 'Populations',
+      items: [{
+        type: 'text',
+        text: 'Population 2'
+      }],
+      counterText: '1 population'
+    }],
+    action: {
+      icon: 'draft',
+      text: 'Save in drafts',
+      onClick: () => console.log('save')
+    }
+  }
+};
+exports.default = _default;
+//# sourceMappingURL=three-sections.js.map

package/lib/molecule/wizard-summary/test/fixtures/three-sections.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/molecule/wizard-summary/test/fixtures/three-sections.js"],"names":["props","title","sections","items","type","value","text","counterText","action","icon","onClick","console","log"],"mappings":";;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAE,uBADF;AAELC,IAAAA,QAAQ,EAAE,CACR;AACEC,MAAAA,KAAK,EAAE,CACL;AACEC,QAAAA,IAAI,EAAE,aADR;AAEEH,QAAAA,KAAK,EAAE,UAFT;AAGEI,QAAAA,KAAK,EAAE;AAHT,OADK,EAML;AACED,QAAAA,IAAI,EAAE,aADR;AAEEH,QAAAA,KAAK,EAAE,MAFT;AAGEI,QAAAA,KAAK,EAAE;AAHT,OANK;AADT,KADQ,EAeR;AACEJ,MAAAA,KAAK,EAAE,aADT;AAEEE,MAAAA,KAAK,EAAE,CACL;AACEC,QAAAA,IAAI,EAAE,MADR;AAEEE,QAAAA,IAAI,EAAE;AAFR,OADK,EAKL;AACEF,QAAAA,IAAI,EAAE,MADR;AAEEE,QAAAA,IAAI,EAAE;AAFR,OALK,EASL;AACEF,QAAAA,IAAI,EAAE,MADR;AAEEE,QAAAA,IAAI,EAAE;AAFR,OATK;AAFT,KAfQ,EAgCR;AACEL,MAAAA,KAAK,EAAE,aADT;AAEEE,MAAAA,KAAK,EAAE,CACL;AACEC,QAAAA,IAAI,EAAE,MADR;AAEEE,QAAAA,IAAI,EAAE;AAFR,OADK,CAFT;AAQEC,MAAAA,WAAW,EAAE;AARf,KAhCQ,CAFL;AA6CLC,IAAAA,MAAM,EAAE;AACNC,MAAAA,IAAI,EAAE,OADA;AAENH,MAAAA,IAAI,EAAE,gBAFA;AAGNI,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,MAAZ;AAHT;AA7CH;AADM,C","sourcesContent":["export default {\n  props: {\n    title: 'Certification summary',\n    sections: [\n      {\n        items: [\n          {\n            type: 'mainElement',\n            title: 'Language',\n            value: '🇬🇧 English'\n          },\n          {\n            type: 'mainElement',\n            title: 'Name',\n            value: 'Marketing expert'\n          }\n        ]\n      },\n      {\n        title: 'Translation',\n        items: [\n          {\n            type: 'text',\n            text: '🇫🇷 French'\n          },\n          {\n            type: 'text',\n            text: '🇪🇸 Spanish'\n          },\n          {\n            type: 'text',\n            text: '🇮🇹 Italian'\n          }\n        ]\n      },\n      {\n        title: 'Populations',\n        items: [\n          {\n            type: 'text',\n            text: 'Population 2'\n          }\n        ],\n        counterText: '1 population'\n      }\n    ],\n    action: {\n      icon: 'draft',\n      text: 'Save in drafts',\n      onClick: () => console.log('save')\n    }\n  }\n};\n"],"file":"three-sections.js"}

package/lib/molecule/wizard-summary/test/fixtures/two-sections.js

@@ -0,0 +1,39 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var _default = {
+  props: {
+    title: 'Certification summary',
+    sections: [{
+      items: [{
+        type: 'mainElement',
+        title: 'Language',
+        value: '🇬🇧 English'
+      }, {
+        type: 'mainElement',
+        title: 'Name',
+        value: 'Marketing expert'
+      }]
+    }, {
+      title: 'Translation',
+      items: [{
+        type: 'text',
+        text: '🇫🇷 French'
+      }, {
+        type: 'text',
+        text: '🇪🇸 Spanish'
+      }, {
+        type: 'text',
+        text: '🇮🇹 Italian'
+      }]
+    }],
+    action: {
+      icon: 'draft',
+      text: 'Save in drafts',
+      onClick: () => console.log('save')
+    }
+  }
+};
+exports.default = _default;
+//# sourceMappingURL=two-sections.js.map

package/lib/molecule/wizard-summary/test/fixtures/two-sections.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/molecule/wizard-summary/test/fixtures/two-sections.js"],"names":["props","title","sections","items","type","value","text","action","icon","onClick","console","log"],"mappings":";;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAE,uBADF;AAELC,IAAAA,QAAQ,EAAE,CACR;AACEC,MAAAA,KAAK,EAAE,CACL;AACEC,QAAAA,IAAI,EAAE,aADR;AAEEH,QAAAA,KAAK,EAAE,UAFT;AAGEI,QAAAA,KAAK,EAAE;AAHT,OADK,EAML;AACED,QAAAA,IAAI,EAAE,aADR;AAEEH,QAAAA,KAAK,EAAE,MAFT;AAGEI,QAAAA,KAAK,EAAE;AAHT,OANK;AADT,KADQ,EAeR;AACEJ,MAAAA,KAAK,EAAE,aADT;AAEEE,MAAAA,KAAK,EAAE,CACL;AACEC,QAAAA,IAAI,EAAE,MADR;AAEEE,QAAAA,IAAI,EAAE;AAFR,OADK,EAKL;AACEF,QAAAA,IAAI,EAAE,MADR;AAEEE,QAAAA,IAAI,EAAE;AAFR,OALK,EASL;AACEF,QAAAA,IAAI,EAAE,MADR;AAEEE,QAAAA,IAAI,EAAE;AAFR,OATK;AAFT,KAfQ,CAFL;AAmCLC,IAAAA,MAAM,EAAE;AACNC,MAAAA,IAAI,EAAE,OADA;AAENF,MAAAA,IAAI,EAAE,gBAFA;AAGNG,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,MAAZ;AAHT;AAnCH;AADM,C","sourcesContent":["export default {\n  props: {\n    title: 'Certification summary',\n    sections: [\n      {\n        items: [\n          {\n            type: 'mainElement',\n            title: 'Language',\n            value: '🇬🇧 English'\n          },\n          {\n            type: 'mainElement',\n            title: 'Name',\n            value: 'Marketing expert'\n          }\n        ]\n      },\n      {\n        title: 'Translation',\n        items: [\n          {\n            type: 'text',\n            text: '🇫🇷 French'\n          },\n          {\n            type: 'text',\n            text: '🇪🇸 Spanish'\n          },\n          {\n            type: 'text',\n            text: '🇮🇹 Italian'\n          }\n        ]\n      }\n    ],\n    action: {\n      icon: 'draft',\n      text: 'Save in drafts',\n      onClick: () => console.log('save')\n    }\n  }\n};\n"],"file":"two-sections.js"}