@coorpacademy/components 10.1.1 → 10.1.5

package/lib/molecule/wizard-summary/index.js

@@ -7,12 +7,14 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _novaIcons = require("@coorpacademy/nova-icons");
+var _classnames = _interopRequireDefault(require("classnames"));
 
-var _link = _interopRequireDefault(require("../../atom/link"));
+var _novaIcons = require("@coorpacademy/nova-icons");
 
 var _contentBadge = _interopRequireDefault(require("../../atom/content-badge"));
 
+var _buttonLink = _interopRequireDefault(require("../../atom/button-link"));
+
 var _style = _interopRequireDefault(require("./style.css"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -43,7 +45,8 @@ const buildItemsOfSection = items => {
             category,
             label,
             title,
-            author
+            author,
+            unsaved = false
           } = item;
           return /*#__PURE__*/_react.default.createElement("li", {
             className: _style.default.contentWrapper,
@@ -58,7 +61,7 @@ const buildItemsOfSection = items => {
             category: category,
             label: label
           }), /*#__PURE__*/_react.default.createElement("span", {
-            className: _style.default.contentTitle,
+            className: (0, _classnames.default)(_style.default.contentTitle, unsaved && _style.default.unsaved),
             title: title // eslint-disable-next-line react/no-danger
             ,
             dangerouslySetInnerHTML: {
@@ -71,11 +74,17 @@ const buildItemsOfSection = items => {
 
       case 'text':
       default:
-        return /*#__PURE__*/_react.default.createElement("li", {
-          key: `${item.text}-${index}`
-        }, /*#__PURE__*/_react.default.createElement("span", {
-          className: _style.default.valueSimpleText
-        }, item.text));
+        {
+          const {
+            text,
+            unsaved = false
+          } = item;
+          return /*#__PURE__*/_react.default.createElement("li", {
+            key: `${item.text}-${index}`
+          }, /*#__PURE__*/_react.default.createElement("span", {
+            className: (0, _classnames.default)(_style.default.valueSimpleText, unsaved && _style.default.unsaved)
+          }, text));
+        }
     }
   });
 };
@@ -116,15 +125,22 @@ const buildAction = action => {
   const {
     onClick,
     text,
-    icon
+    icon,
+    'aria-label': ariaLabel
   } = action;
   const handleClick = (0, _react.useMemo)(() => () => onClick(), [onClick]);
-  return /*#__PURE__*/_react.default.createElement(_link.default, {
-    className: _style.default.actionLink,
-    onClick: handleClick
-  }, icon === 'draft' ? /*#__PURE__*/_react.default.createElement(_novaIcons.NovaSolidComputersSdCard, {
-    className: _style.default.icon
-  }) : null, /*#__PURE__*/_react.default.createElement("span", null, text));
+  const buttonProps = {
+    type: 'text',
+    label: text,
+    'aria-label': ariaLabel,
+    'data-name': `${icon}-button`,
+    onClick: handleClick,
+    icon: {
+      position: 'left',
+      type: icon
+    }
+  };
+  return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_buttonLink.default, buttonProps));
 };
 
 const WizardSummary = props => {
@@ -133,15 +149,32 @@ const WizardSummary = props => {
     sections,
     action
   } = props;
-  const sectionView = buildSections(sections);
+  const sectionsView = buildSections(sections);
   const actionView = buildAction(action);
+  const idSwitch = 'open-summary-wizard';
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.container
   }, /*#__PURE__*/_react.default.createElement("span", {
-    className: _style.default.summaryTitle
-  }, title), /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.desktopSummaryTitle
+  }, title), /*#__PURE__*/_react.default.createElement("input", {
+    type: "checkbox",
+    id: idSwitch,
+    name: "toogle",
+    title: idSwitch,
+    className: _style.default.checkbox
+  }), /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.summary
-  }, sectionView), /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.tabletSummaryHeader
+  }, /*#__PURE__*/_react.default.createElement("label", {
+    htmlFor: idSwitch
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: _style.default.tabletSummaryTitle
+  }, title), /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionNavigationArrowDown, {
+    className: _style.default.tabletSummaryIcon
+  }))), /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.summarySections
+  }, sectionsView)), /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.actionZone
   }, actionView));
 };
@@ -156,20 +189,23 @@ WizardSummary.propTypes = process.env.NODE_ENV !== "production" ? {
       value: _propTypes.default.string
     }), _propTypes.default.shape({
       type: _propTypes.default.string,
-      text: _propTypes.default.string
+      text: _propTypes.default.string,
+      unsaved: _propTypes.default.bool
     }), _propTypes.default.shape({
       type: _propTypes.default.string,
       category: _propTypes.default.oneOf(['base', 'advanced', 'coach', 'chapter', 'scorm', 'video', 'article', 'podcast']),
       title: _propTypes.default.string,
       label: _propTypes.default.string,
-      author: _propTypes.default.string
+      author: _propTypes.default.string,
+      unsaved: _propTypes.default.bool
     })])),
     counterText: _propTypes.default.string
   })),
   action: _propTypes.default.shape({
     icon: _propTypes.default.string,
     text: _propTypes.default.string,
-    onClick: _propTypes.default.func
+    onClick: _propTypes.default.func,
+    'aria-label': _propTypes.default.string
   })
 } : {};
 var _default = WizardSummary;

package/lib/molecule/wizard-summary/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/molecule/wizard-summary/index.js"],"names":["buildItemsOfSection","items","map","item","index","type","title","style","value","category","label","author","contentWrapper","contentCounter","contentItem","content","contentTitle","__html","text","valueSimpleText","buildSectionHeader","section","counterText","sectionHeader","buildSections","sections","itemsView","sectionWrapper","buildAction","action","onClick","icon","handleClick","actionLink","WizardSummary","props","sectionView","actionView","container","summaryTitle","summary","actionZone","propTypes","PropTypes","string","arrayOf","shape","oneOfType","oneOf","func"],"mappings":"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","sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {NovaSolidComputersSdCard} from '@coorpacademy/nova-icons';\nimport Link from '../../atom/link';\nimport ContentBagde from '../../atom/content-badge';\nimport style from './style.css';\n\nconst buildItemsOfSection = items => {\n  return items.map((item, index) => {\n    const {type} = item;\n    switch (type) {\n      case 'mainElement':\n        return (\n          <li key={`${item.title}-${index}`}>\n            <span className={style.title}>{item.title}</span>\n            <span className={style.value}>{item.value}</span>\n          </li>\n        );\n      case 'content': {\n        const {category, label, title, author} = item;\n        return (\n          <li className={style.contentWrapper} key={`${title}-${index}`}>\n            <span className={style.contentCounter}>{index + 1}</span>\n            <div className={style.contentItem}>\n              <div className={style.content}>\n                <ContentBagde category={category} label={label} />\n                <span\n                  className={style.contentTitle}\n                  title={title}\n                  // eslint-disable-next-line react/no-danger\n                  dangerouslySetInnerHTML={{__html: title}}\n                />\n              </div>\n              {author ? <span className={style.author}>{author}</span> : null}\n            </div>\n          </li>\n        );\n      }\n      case 'text':\n      default:\n        return (\n          <li key={`${item.text}-${index}`}>\n            <span className={style.valueSimpleText}>{item.text}</span>\n          </li>\n        );\n    }\n  });\n};\n\nconst buildSectionHeader = section => {\n  const {title, counterText} = section;\n  if (!title) {\n    return null;\n  }\n  return (\n    <div className={style.sectionHeader}>\n      <span className={style.title}>{title}</span>\n      {counterText ? <span className={style.counterText}>{counterText}</span> : null}\n    </div>\n  );\n};\n\nconst buildSections = sections => {\n  return sections.map((section, index) => {\n    const sectionHeader = buildSectionHeader(section);\n    const itemsView = buildItemsOfSection(section.items);\n    return (\n      <div key={`summary-section-${index}`} data-step={index} className={style.sectionWrapper}>\n        {sectionHeader}\n        <ul>{itemsView}</ul>\n      </div>\n    );\n  });\n};\n\nconst buildAction = action => {\n  if (!action) return null;\n\n  const {onClick, text, icon} = action;\n  const handleClick = useMemo(() => () => onClick(), [onClick]);\n  return (\n    <Link className={style.actionLink} onClick={handleClick}>\n      {icon === 'draft' ? <NovaSolidComputersSdCard className={style.icon} /> : null}\n      <span>{text}</span>\n    </Link>\n  );\n};\n\nconst WizardSummary = props => {\n  const {title, sections, action} = props;\n\n  const sectionView = buildSections(sections);\n  const actionView = buildAction(action);\n\n  return (\n    <div className={style.container}>\n      <span className={style.summaryTitle}>{title}</span>\n      <div className={style.summary}>{sectionView}</div>\n      <div className={style.actionZone}>{actionView}</div>\n    </div>\n  );\n};\n\nWizardSummary.propTypes = {\n  title: PropTypes.string,\n  sections: PropTypes.arrayOf(\n    PropTypes.shape({\n      title: PropTypes.string,\n      items: PropTypes.arrayOf(\n        PropTypes.oneOfType([\n          PropTypes.shape({\n            type: PropTypes.string,\n            title: PropTypes.string,\n            value: PropTypes.string\n          }),\n          PropTypes.shape({\n            type: PropTypes.string,\n            text: PropTypes.string\n          }),\n          PropTypes.shape({\n            type: PropTypes.string,\n            category: PropTypes.oneOf([\n              'base',\n              'advanced',\n              'coach',\n              'chapter',\n              'scorm',\n              'video',\n              'article',\n              'podcast'\n            ]),\n            title: PropTypes.string,\n            label: PropTypes.string,\n            author: PropTypes.string\n          })\n        ])\n      ),\n      counterText: PropTypes.string\n    })\n  ),\n  action: PropTypes.shape({\n    icon: PropTypes.string,\n    text: PropTypes.string,\n    onClick: PropTypes.func\n  })\n};\n\nexport default WizardSummary;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/molecule/wizard-summary/index.js"],"names":["buildItemsOfSection","items","map","item","index","type","title","style","value","category","label","author","unsaved","contentWrapper","contentCounter","contentItem","content","contentTitle","__html","text","valueSimpleText","buildSectionHeader","section","counterText","sectionHeader","buildSections","sections","itemsView","sectionWrapper","buildAction","action","onClick","icon","ariaLabel","handleClick","buttonProps","position","WizardSummary","props","sectionsView","actionView","idSwitch","container","desktopSummaryTitle","checkbox","summary","tabletSummaryHeader","tabletSummaryTitle","tabletSummaryIcon","summarySections","actionZone","propTypes","PropTypes","string","arrayOf","shape","oneOfType","bool","oneOf","func"],"mappings":"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","sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {NovaCompositionNavigationArrowDown as ArrowDownIcon} from '@coorpacademy/nova-icons';\nimport ContentBadge from '../../atom/content-badge';\nimport ButtonLink from '../../atom/button-link';\nimport style from './style.css';\n\nconst buildItemsOfSection = items => {\n  return items.map((item, index) => {\n    const {type} = item;\n    switch (type) {\n      case 'mainElement':\n        return (\n          <li key={`${item.title}-${index}`}>\n            <span className={style.title}>{item.title}</span>\n            <span className={style.value}>{item.value}</span>\n          </li>\n        );\n      case 'content': {\n        const {category, label, title, author, unsaved = false} = item;\n        return (\n          <li className={style.contentWrapper} key={`${title}-${index}`}>\n            <span className={style.contentCounter}>{index + 1}</span>\n            <div className={style.contentItem}>\n              <div className={style.content}>\n                <ContentBadge category={category} label={label} />\n                <span\n                  className={classnames(style.contentTitle, unsaved && style.unsaved)}\n                  title={title}\n                  // eslint-disable-next-line react/no-danger\n                  dangerouslySetInnerHTML={{__html: title}}\n                />\n              </div>\n              {author ? <span className={style.author}>{author}</span> : null}\n            </div>\n          </li>\n        );\n      }\n      case 'text':\n      default: {\n        const {text, unsaved = false} = item;\n        return (\n          <li key={`${item.text}-${index}`}>\n            <span className={classnames(style.valueSimpleText, unsaved && style.unsaved)}>\n              {text}\n            </span>\n          </li>\n        );\n      }\n    }\n  });\n};\n\nconst buildSectionHeader = section => {\n  const {title, counterText} = section;\n  if (!title) {\n    return null;\n  }\n  return (\n    <div className={style.sectionHeader}>\n      <span className={style.title}>{title}</span>\n      {counterText ? <span className={style.counterText}>{counterText}</span> : null}\n    </div>\n  );\n};\n\nconst buildSections = sections => {\n  return sections.map((section, index) => {\n    const sectionHeader = buildSectionHeader(section);\n    const itemsView = buildItemsOfSection(section.items);\n    return (\n      <div key={`summary-section-${index}`} data-step={index} className={style.sectionWrapper}>\n        {sectionHeader}\n        <ul>{itemsView}</ul>\n      </div>\n    );\n  });\n};\n\nconst buildAction = action => {\n  if (!action) return null;\n\n  const {onClick, text, icon, 'aria-label': ariaLabel} = action;\n  const handleClick = useMemo(() => () => onClick(), [onClick]);\n  const buttonProps = {\n    type: 'text',\n    label: text,\n    'aria-label': ariaLabel,\n    'data-name': `${icon}-button`,\n    onClick: handleClick,\n    icon: {\n      position: 'left',\n      type: icon\n    }\n  };\n\n  return (\n    <div>\n      <ButtonLink {...buttonProps} />\n    </div>\n  );\n};\n\nconst WizardSummary = props => {\n  const {title, sections, action} = props;\n  const sectionsView = buildSections(sections);\n  const actionView = buildAction(action);\n  const idSwitch = 'open-summary-wizard';\n\n  return (\n    <div className={style.container}>\n      <span className={style.desktopSummaryTitle}>{title}</span>\n      <input\n        type=\"checkbox\"\n        id={idSwitch}\n        name=\"toogle\"\n        title={idSwitch}\n        className={style.checkbox}\n      />\n      <div className={style.summary}>\n        <div className={style.tabletSummaryHeader}>\n          <label htmlFor={idSwitch}>\n            <span className={style.tabletSummaryTitle}>{title}</span>\n            <ArrowDownIcon className={style.tabletSummaryIcon} />\n          </label>\n        </div>\n        <div className={style.summarySections}>{sectionsView}</div>\n      </div>\n      <div className={style.actionZone}>{actionView}</div>\n    </div>\n  );\n};\n\nWizardSummary.propTypes = {\n  title: PropTypes.string,\n  sections: PropTypes.arrayOf(\n    PropTypes.shape({\n      title: PropTypes.string,\n      items: PropTypes.arrayOf(\n        PropTypes.oneOfType([\n          PropTypes.shape({\n            type: PropTypes.string,\n            title: PropTypes.string,\n            value: PropTypes.string\n          }),\n          PropTypes.shape({\n            type: PropTypes.string,\n            text: PropTypes.string,\n            unsaved: PropTypes.bool\n          }),\n          PropTypes.shape({\n            type: PropTypes.string,\n            category: PropTypes.oneOf([\n              'base',\n              'advanced',\n              'coach',\n              'chapter',\n              'scorm',\n              'video',\n              'article',\n              'podcast'\n            ]),\n            title: PropTypes.string,\n            label: PropTypes.string,\n            author: PropTypes.string,\n            unsaved: PropTypes.bool\n          })\n        ])\n      ),\n      counterText: PropTypes.string\n    })\n  ),\n  action: PropTypes.shape({\n    icon: PropTypes.string,\n    text: PropTypes.string,\n    onClick: PropTypes.func,\n    'aria-label': PropTypes.string\n  })\n};\n\nexport default WizardSummary;\n"],"file":"index.js"}

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

@@ -1,4 +1,6 @@
 @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;
@@ -8,10 +10,8 @@
 @value cm_orange_200 from colors;
 @value white from colors;
 @value lightBlack from colors;
-@value cm_yellow_scorm from colors;
-@value cm_bleu_article from colors;
-@value cm_red_video from colors;
-@value cm_violet_podcast from colors;
+@value cm_yellow_200 from colors;
+@value cm_tablet from breakpoints;
 
 .container {
   font-family: Gilroy;
@@ -23,34 +23,30 @@
   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;
-}
-
-.actionLink {
-  text-align: center;
-  font-size: 14px;
-  font-style: normal;
-  font-weight: bold;
   display: flex;
   justify-content: center;
-  align-items: center;
-  cursor: pointer;
 }
 
-.icon {
-  width: 14px;
-  height: 14px;
-}
-
-.summaryTitle {
+.desktopSummaryTitle {
   font-family: 'Gilroy';
   font-style: normal;
   font-weight: bold;
@@ -60,14 +56,22 @@
   display: block;
 }
 
+.tabletSummaryHeader {
+  display: none;
+}
+
 .sectionWrapper {
-  margin: 32px 0px 0px 0px;
+  margin: 32px 0px 32px 0px;
 }
 
 .sectionWrapper:first-child {
   margin: 0px;
 }
 
+.sectionWrapper:last-child {
+  margin-bottom: 0px;
+}
+
 .sectionHeader {
   display: flex;
   justify-content: space-between;
@@ -148,3 +152,79 @@ ul {
   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

@@ -25,15 +25,20 @@ var _default = {
         text: '🇪🇸 Spanish'
       }, {
         type: 'text',
-        text: '🇮🇹 Italian'
+        text: '🇮🇹 Italian',
+        unsaved: true
       }]
     }, {
       title: 'Populations',
       items: [{
         type: 'text',
         text: 'Population 2'
+      }, {
+        type: 'text',
+        text: 'Population 1',
+        unsaved: true
       }],
-      counterText: '1 population'
+      counterText: '2 population'
     }, {
       title: 'Courses',
       items: [{
@@ -47,7 +52,8 @@ var _default = {
         title: 'Markteting and online advertising',
         category: 'base',
         label: 'Base',
-        author: 'Coorpacademy'
+        author: 'Coorpacademy',
+        unsaved: true
       }, {
         type: 'content',
         title: 'Faire une offre',
@@ -112,8 +118,9 @@ var _default = {
       counterText: '12 courses'
     }],
     action: {
-      icon: 'draft',
+      icon: 'save',
       text: 'Save in drafts',
+      'aria-label': 'Save in drafts',
       onClick: () => console.log('save')
     }
   }

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/molecule/wizard-summary/test/fixtures/default.js"],"names":["props","title","sections","items","type","value","text","counterText","category","label","author","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,EA0CR;AACEN,MAAAA,KAAK,EAAE,SADT;AAEEE,MAAAA,KAAK,EAAE,CACL;AACEC,QAAAA,IAAI,EAAE,SADR;AAEEH,QAAAA,KAAK,EAAE,2EAFT;AAGEO,QAAAA,QAAQ,EAAE,OAHZ;AAIEC,QAAAA,KAAK,EAAE,OAJT;AAKEC,QAAAA,MAAM,EAAE;AALV,OADK,EAQL;AACEN,QAAAA,IAAI,EAAE,SADR;AAEEH,QAAAA,KAAK,EAAE,mCAFT;AAGEO,QAAAA,QAAQ,EAAE,MAHZ;AAIEC,QAAAA,KAAK,EAAE,MAJT;AAKEC,QAAAA,MAAM,EAAE;AALV,OARK,EAeL;AACEN,QAAAA,IAAI,EAAE,SADR;AAEEH,QAAAA,KAAK,EAAE,iBAFT;AAGEO,QAAAA,QAAQ,EAAE,SAHZ;AAIEC,QAAAA,KAAK,EAAE,aAJT;AAKEC,QAAAA,MAAM,EAAE;AALV,OAfK,EAsBL;AACEN,QAAAA,IAAI,EAAE,SADR;AAEEH,QAAAA,KAAK,EAAE,kCAFT;AAGEO,QAAAA,QAAQ,EAAE,UAHZ;AAIEC,QAAAA,KAAK,EAAE,UAJT;AAKEC,QAAAA,MAAM,EAAE;AALV,OAtBK,EA6BL;AACEN,QAAAA,IAAI,EAAE,SADR;AAEEH,QAAAA,KAAK,EACH,yFAHJ;AAIEO,QAAAA,QAAQ,EAAE,OAJZ;AAKEC,QAAAA,KAAK,EAAE,OALT;AAMEC,QAAAA,MAAM,EAAE;AANV,OA7BK,EAqCL;AACEN,QAAAA,IAAI,EAAE,SADR;AAEEH,QAAAA,KAAK,EAAE,gCAFT;AAGEO,QAAAA,QAAQ,EAAE,OAHZ;AAIEC,QAAAA,KAAK,EAAE,OAJT;AAKEC,QAAAA,MAAM,EAAE;AALV,OArCK,EA4CL;AACEN,QAAAA,IAAI,EAAE,SADR;AAEEH,QAAAA,KAAK,EAAE,kCAFT;AAGEO,QAAAA,QAAQ,EAAE,UAHZ;AAIEC,QAAAA,KAAK,EAAE,UAJT;AAKEC,QAAAA,MAAM,EAAE;AALV,OA5CK,EAmDL;AACEN,QAAAA,IAAI,EAAE,SADR;AAEEH,QAAAA,KAAK,EAAE,sBAFT;AAGEO,QAAAA,QAAQ,EAAE,OAHZ;AAIEC,QAAAA,KAAK,EAAE,oBAJT;AAKEC,QAAAA,MAAM,EAAE;AALV,OAnDK,EA0DL;AACEN,QAAAA,IAAI,EAAE,SADR;AAEEH,QAAAA,KAAK,EAAE,oEAFT;AAGEO,QAAAA,QAAQ,EAAE,OAHZ;AAIEC,QAAAA,KAAK,EAAE,OAJT;AAKEC,QAAAA,MAAM,EAAE;AALV,OA1DK,EAiEL;AACEN,QAAAA,IAAI,EAAE,SADR;AAEEH,QAAAA,KAAK,EAAE,kCAFT;AAGEO,QAAAA,QAAQ,EAAE,UAHZ;AAIEC,QAAAA,KAAK,EAAE,UAJT;AAKEC,QAAAA,MAAM,EAAE;AALV,OAjEK,EAwEL;AACEN,QAAAA,IAAI,EAAE,SADR;AAEEH,QAAAA,KAAK,EAAE,sBAFT;AAGEO,QAAAA,QAAQ,EAAE,OAHZ;AAIEC,QAAAA,KAAK,EAAE,oBAJT;AAKEC,QAAAA,MAAM,EAAE;AALV,OAxEK,EA+EL;AACEN,QAAAA,IAAI,EAAE,SADR;AAEEH,QAAAA,KAAK,EAAE,gCAFT;AAGEO,QAAAA,QAAQ,EAAE,OAHZ;AAIEC,QAAAA,KAAK,EAAE,OAJT;AAKEC,QAAAA,MAAM,EAAE;AALV,OA/EK,CAFT;AAyFEH,MAAAA,WAAW,EAAE;AAzFf,KA1CQ,CAFL;AAwILI,IAAAA,MAAM,EAAE;AACNC,MAAAA,IAAI,EAAE,OADA;AAENN,MAAAA,IAAI,EAAE,gBAFA;AAGNO,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,MAAZ;AAHT;AAxIH;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        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":"default.js"}
+{"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: 'save',\n      text: 'Save in drafts',\n      'aria-label': '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

@@ -17,8 +17,9 @@ var _default = {
       }]
     }],
     action: {
-      icon: 'draft',
+      icon: 'save',
       text: 'Save in drafts',
+      'aria-label': 'Save in drafts',
       onClick: () => console.log('save')
     }
   }

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

@@ -1 +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"}
+{"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,MADA;AAENC,MAAAA,IAAI,EAAE,gBAFA;AAGN,oBAAc,gBAHR;AAINC,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,MAAZ;AAJT;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: 'save',\n      text: 'Save in drafts',\n      'aria-label': '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,123 @@
+"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: 'save',
+      text: 'Save in drafts',
+      'aria-label': '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: 'save',\n      text: 'Save in drafts',\n      'aria-label': '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

@@ -36,8 +36,9 @@ var _default = {
       counterText: '1 population'
     }],
     action: {
-      icon: 'draft',
+      icon: 'save',
       text: 'Save in drafts',
+      'aria-label': 'Save in drafts',
       onClick: () => console.log('save')
     }
   }

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

@@ -1 +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"}
+{"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,MADA;AAENH,MAAAA,IAAI,EAAE,gBAFA;AAGN,oBAAc,gBAHR;AAINI,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,MAAZ;AAJT;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: 'save',\n      text: 'Save in drafts',\n      'aria-label': 'Save in drafts',\n      onClick: () => console.log('save')\n    }\n  }\n};\n"],"file":"three-sections.js"}