@coorpacademy/components 10.1.0 → 10.1.4

package/es/molecule/cockpit-popin/test/fixtures.js

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

package/es/molecule/cockpit-popin/test/fixtures.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/molecule/cockpit-popin/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","MoleculeCockpitPopin","fixtureDefault","fixtureLoading","fixtureVideoTranslate","t","pass","propTypes","value","key","not","undefined"],"mappings":"AAAA,OAAOA,IAAP,MAAiB,KAAjB;AACA,OAAOC,OAAP,MAAoB,gBAApB;AACA,OAAOC,oBAAP,MAAiC,wCAAjC;AACA,OAAOC,oBAAP,MAAiC,IAAjC;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,qBAAP,MAAkC,4BAAlC;AAEAN,IAAI,CAAC,+DAAD,EAAkEO,CAAC,IAAI;AACzEA,EAAAA,CAAC,CAACC,IAAF;AACAP,EAAAA,OAAO,CAACE,oBAAoB,CAACM,SAAtB,EAAiC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACtDJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,yDAAwDF,GAAI,mEAArF;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOAX,IAAI,CAAC,gEAAD,EAAmEE,oBAAnE,EAAyFC,oBAAzF,EAA+GC,cAA/G,CAAJ;AACAJ,IAAI,CAAC,gEAAD,EAAmEE,oBAAnE,EAAyFC,oBAAzF,EAA+GE,cAA/G,CAAJ;AACAL,IAAI,CAAC,uEAAD,EAA0EE,oBAA1E,EAAgGC,oBAAhG,EAAsHG,qBAAtH,CAAJ","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport MoleculeCockpitPopin from '..';\nimport fixtureDefault from './fixtures/default';\nimport fixtureLoading from './fixtures/loading';\nimport fixtureVideoTranslate from './fixtures/video-translate';\n\ntest('Molecule › MoleculeCockpitPopin > should have valid propTypes', t => {\n  t.pass();\n  forEach(MoleculeCockpitPopin.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Molecule.MoleculeCockpitPopin.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Molecule › MoleculeCockpitPopin › Default › should be rendered', renderComponentMacro, MoleculeCockpitPopin, fixtureDefault);\ntest('Molecule › MoleculeCockpitPopin › Loading › should be rendered', renderComponentMacro, MoleculeCockpitPopin, fixtureLoading);\ntest('Molecule › MoleculeCockpitPopin › VideoTranslate › should be rendered', renderComponentMacro, MoleculeCockpitPopin, fixtureVideoTranslate);\n"],"file":"fixtures.js"}

package/es/molecule/search-form/index.js

@@ -5,7 +5,7 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 import React, { useMemo } from 'react';
 import PropTypes from 'prop-types';
 import { NovaCompositionNavigationMore as ClearIcon } from '@coorpacademy/nova-icons';
-import Search from '../search';
+import Search from '../../atom/input-search';
 import style from './style.css';
 
 const SearchForm = (props, context) => {

package/es/molecule/search-form/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/molecule/search-form/index.js"],"names":["React","useMemo","PropTypes","NovaCompositionNavigationMore","ClearIcon","Search","style","SearchForm","props","context","action","method","onSubmit","onReset","search","onSearchFocus","onSearchBlur","handleSubmit","evt","preventDefault","skin","dark","form","value","wrapperClear","wrapperNoClear","clear","propTypes","string","func","shape"],"mappings":";;;;AAAA,OAAOA,KAAP,IAAeC,OAAf,QAA6B,OAA7B;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,SAAQC,6BAA6B,IAAIC,SAAzC,QAAyD,0BAAzD;AACA,OAAOC,MAAP,MAAmB,WAAnB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,UAAU,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;AACrC,QAAM;AAACC,IAAAA,MAAD;AAASC,IAAAA,MAAT;AAAiBC,IAAAA,QAAjB;AAA2BC,IAAAA,OAA3B;AAAoCC,IAAAA,MAApC;AAA4CC,IAAAA,aAA5C;AAA2DC,IAAAA;AAA3D,MAA2ER,KAAjF;AACA,QAAMS,YAAY,GAAGhB,OAAO,CAC1B,MAAMiB,GAAG,IAAI;AACXA,IAAAA,GAAG,CAACC,cAAJ;AACA,WAAOP,QAAQ,IAAIA,QAAQ,CAACM,GAAD,CAA3B;AACD,GAJyB,EAK1B,CAACN,QAAD,CAL0B,CAA5B;AAOA,QAAM;AAACQ,IAAAA;AAAD,MAASX,OAAf;;AACA,QAAMY,IAAI,GAAG,KAAI,aAAJ,EAAmBD,IAAnB,CAAb;;AAEA,sBACE;AACE,IAAA,SAAS,EAAEd,KAAK,CAACgB,IADnB;AAEE,IAAA,MAAM,EAAEZ,MAFV;AAGE,IAAA,MAAM,EAAEC,MAHV;AAIE,IAAA,QAAQ,EAAEM,YAJZ;AAKE,iBAAU;AALZ,kBAOE,oBAAC,MAAD,eAAYH,MAAZ;AAAoB,IAAA,OAAO,EAAEC,aAA7B;AAA4C,IAAA,MAAM,EAAEC;AAApD,KAPF,eAQE;AACE,iBAAU,mBADZ;AAEE,IAAA,OAAO,EAAEH,OAFX;AAGE,IAAA,SAAS,EAAEC,MAAM,CAACS,KAAP,GAAejB,KAAK,CAACkB,YAArB,GAAoClB,KAAK,CAACmB;AAHvD,kBAKE,oBAAC,SAAD;AAAW,IAAA,KAAK,EAAEJ,IAAlB;AAAwB,IAAA,SAAS,EAAEf,KAAK,CAACoB;AAAzC,IALF,CARF,CADF;AAkBD,CA9BD;;AAgCAnB,UAAU,CAACoB,SAAX,2CAAuB;AACrBjB,EAAAA,MAAM,EAAER,SAAS,CAAC0B,MADG;AAErBjB,EAAAA,MAAM,EAAET,SAAS,CAAC0B,MAFG;AAGrBhB,EAAAA,QAAQ,EAAEV,SAAS,CAAC2B,IAHC;AAIrBhB,EAAAA,OAAO,EAAEX,SAAS,CAAC2B,IAJE;AAKrBd,EAAAA,aAAa,EAAEb,SAAS,CAAC2B,IALJ;AAMrBb,EAAAA,YAAY,EAAEd,SAAS,CAAC2B,IANH;AAOrBf,EAAAA,MAAM,EAAEZ,SAAS,CAAC4B,KAAV,CAAgBzB,MAAM,CAACsB,SAAvB;AAPa,CAAvB;AAUA,eAAepB,UAAf","sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {get} from 'lodash/fp';\nimport {NovaCompositionNavigationMore as ClearIcon} from '@coorpacademy/nova-icons';\nimport Search from '../search';\nimport style from './style.css';\n\nconst SearchForm = (props, context) => {\n  const {action, method, onSubmit, onReset, search, onSearchFocus, onSearchBlur} = props;\n  const handleSubmit = useMemo(\n    () => evt => {\n      evt.preventDefault();\n      return onSubmit && onSubmit(evt);\n    },\n    [onSubmit]\n  );\n  const {skin} = context;\n  const dark = get('common.dark', skin);\n\n  return (\n    <form\n      className={style.form}\n      action={action}\n      method={method}\n      onSubmit={handleSubmit}\n      data-name=\"searchForm\"\n    >\n      <Search {...search} onFocus={onSearchFocus} onBlur={onSearchBlur} />\n      <div\n        data-name=\"search-form-reset\"\n        onClick={onReset}\n        className={search.value ? style.wrapperClear : style.wrapperNoClear}\n      >\n        <ClearIcon color={dark} className={style.clear} />\n      </div>\n    </form>\n  );\n};\n\nSearchForm.propTypes = {\n  action: PropTypes.string,\n  method: PropTypes.string,\n  onSubmit: PropTypes.func,\n  onReset: PropTypes.func,\n  onSearchFocus: PropTypes.func,\n  onSearchBlur: PropTypes.func,\n  search: PropTypes.shape(Search.propTypes)\n};\n\nexport default SearchForm;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/molecule/search-form/index.js"],"names":["React","useMemo","PropTypes","NovaCompositionNavigationMore","ClearIcon","Search","style","SearchForm","props","context","action","method","onSubmit","onReset","search","onSearchFocus","onSearchBlur","handleSubmit","evt","preventDefault","skin","dark","form","value","wrapperClear","wrapperNoClear","clear","propTypes","string","func","shape"],"mappings":";;;;AAAA,OAAOA,KAAP,IAAeC,OAAf,QAA6B,OAA7B;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,SAAQC,6BAA6B,IAAIC,SAAzC,QAAyD,0BAAzD;AACA,OAAOC,MAAP,MAAmB,yBAAnB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,UAAU,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;AACrC,QAAM;AAACC,IAAAA,MAAD;AAASC,IAAAA,MAAT;AAAiBC,IAAAA,QAAjB;AAA2BC,IAAAA,OAA3B;AAAoCC,IAAAA,MAApC;AAA4CC,IAAAA,aAA5C;AAA2DC,IAAAA;AAA3D,MAA2ER,KAAjF;AACA,QAAMS,YAAY,GAAGhB,OAAO,CAC1B,MAAMiB,GAAG,IAAI;AACXA,IAAAA,GAAG,CAACC,cAAJ;AACA,WAAOP,QAAQ,IAAIA,QAAQ,CAACM,GAAD,CAA3B;AACD,GAJyB,EAK1B,CAACN,QAAD,CAL0B,CAA5B;AAOA,QAAM;AAACQ,IAAAA;AAAD,MAASX,OAAf;;AACA,QAAMY,IAAI,GAAG,KAAI,aAAJ,EAAmBD,IAAnB,CAAb;;AAEA,sBACE;AACE,IAAA,SAAS,EAAEd,KAAK,CAACgB,IADnB;AAEE,IAAA,MAAM,EAAEZ,MAFV;AAGE,IAAA,MAAM,EAAEC,MAHV;AAIE,IAAA,QAAQ,EAAEM,YAJZ;AAKE,iBAAU;AALZ,kBAOE,oBAAC,MAAD,eAAYH,MAAZ;AAAoB,IAAA,OAAO,EAAEC,aAA7B;AAA4C,IAAA,MAAM,EAAEC;AAApD,KAPF,eAQE;AACE,iBAAU,mBADZ;AAEE,IAAA,OAAO,EAAEH,OAFX;AAGE,IAAA,SAAS,EAAEC,MAAM,CAACS,KAAP,GAAejB,KAAK,CAACkB,YAArB,GAAoClB,KAAK,CAACmB;AAHvD,kBAKE,oBAAC,SAAD;AAAW,IAAA,KAAK,EAAEJ,IAAlB;AAAwB,IAAA,SAAS,EAAEf,KAAK,CAACoB;AAAzC,IALF,CARF,CADF;AAkBD,CA9BD;;AAgCAnB,UAAU,CAACoB,SAAX,2CAAuB;AACrBjB,EAAAA,MAAM,EAAER,SAAS,CAAC0B,MADG;AAErBjB,EAAAA,MAAM,EAAET,SAAS,CAAC0B,MAFG;AAGrBhB,EAAAA,QAAQ,EAAEV,SAAS,CAAC2B,IAHC;AAIrBhB,EAAAA,OAAO,EAAEX,SAAS,CAAC2B,IAJE;AAKrBd,EAAAA,aAAa,EAAEb,SAAS,CAAC2B,IALJ;AAMrBb,EAAAA,YAAY,EAAEd,SAAS,CAAC2B,IANH;AAOrBf,EAAAA,MAAM,EAAEZ,SAAS,CAAC4B,KAAV,CAAgBzB,MAAM,CAACsB,SAAvB;AAPa,CAAvB;AAUA,eAAepB,UAAf","sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {get} from 'lodash/fp';\nimport {NovaCompositionNavigationMore as ClearIcon} from '@coorpacademy/nova-icons';\nimport Search from '../../atom/input-search';\nimport style from './style.css';\n\nconst SearchForm = (props, context) => {\n  const {action, method, onSubmit, onReset, search, onSearchFocus, onSearchBlur} = props;\n  const handleSubmit = useMemo(\n    () => evt => {\n      evt.preventDefault();\n      return onSubmit && onSubmit(evt);\n    },\n    [onSubmit]\n  );\n  const {skin} = context;\n  const dark = get('common.dark', skin);\n\n  return (\n    <form\n      className={style.form}\n      action={action}\n      method={method}\n      onSubmit={handleSubmit}\n      data-name=\"searchForm\"\n    >\n      <Search {...search} onFocus={onSearchFocus} onBlur={onSearchBlur} />\n      <div\n        data-name=\"search-form-reset\"\n        onClick={onReset}\n        className={search.value ? style.wrapperClear : style.wrapperNoClear}\n      >\n        <ClearIcon color={dark} className={style.clear} />\n      </div>\n    </form>\n  );\n};\n\nSearchForm.propTypes = {\n  action: PropTypes.string,\n  method: PropTypes.string,\n  onSubmit: PropTypes.func,\n  onReset: PropTypes.func,\n  onSearchFocus: PropTypes.func,\n  onSearchBlur: PropTypes.func,\n  search: PropTypes.shape(Search.propTypes)\n};\n\nexport default SearchForm;\n"],"file":"index.js"}

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

@@ -0,0 +1,195 @@
+import React, { useMemo } from 'react';
+import PropTypes from 'prop-types';
+import classnames from 'classnames';
+import { NovaCompositionNavigationArrowDown as ArrowDownIcon } from '@coorpacademy/nova-icons';
+import ContentBadge from '../../atom/content-badge';
+import ButtonLink from '../../atom/button-link';
+import style from './style.css';
+
+const buildItemsOfSection = items => {
+  return items.map((item, index) => {
+    const {
+      type
+    } = item;
+
+    switch (type) {
+      case 'mainElement':
+        return /*#__PURE__*/React.createElement("li", {
+          key: `${item.title}-${index}`
+        }, /*#__PURE__*/React.createElement("span", {
+          className: style.title
+        }, item.title), /*#__PURE__*/React.createElement("span", {
+          className: style.value
+        }, item.value));
+
+      case 'content':
+        {
+          const {
+            category,
+            label,
+            title,
+            author,
+            unsaved = false
+          } = item;
+          return /*#__PURE__*/React.createElement("li", {
+            className: style.contentWrapper,
+            key: `${title}-${index}`
+          }, /*#__PURE__*/React.createElement("span", {
+            className: style.contentCounter
+          }, index + 1), /*#__PURE__*/React.createElement("div", {
+            className: style.contentItem
+          }, /*#__PURE__*/React.createElement("div", {
+            className: style.content
+          }, /*#__PURE__*/React.createElement(ContentBadge, {
+            category: category,
+            label: label
+          }), /*#__PURE__*/React.createElement("span", {
+            className: classnames(style.contentTitle, unsaved && style.unsaved),
+            title: title // eslint-disable-next-line react/no-danger
+            ,
+            dangerouslySetInnerHTML: {
+              __html: title
+            }
+          })), author ? /*#__PURE__*/React.createElement("span", {
+            className: style.author
+          }, author) : null));
+        }
+
+      case 'text':
+      default:
+        {
+          const {
+            text,
+            unsaved = false
+          } = item;
+          return /*#__PURE__*/React.createElement("li", {
+            key: `${item.text}-${index}`
+          }, /*#__PURE__*/React.createElement("span", {
+            className: classnames(style.valueSimpleText, unsaved && style.unsaved)
+          }, text));
+        }
+    }
+  });
+};
+
+const buildSectionHeader = section => {
+  const {
+    title,
+    counterText
+  } = section;
+
+  if (!title) {
+    return null;
+  }
+
+  return /*#__PURE__*/React.createElement("div", {
+    className: style.sectionHeader
+  }, /*#__PURE__*/React.createElement("span", {
+    className: style.title
+  }, title), counterText ? /*#__PURE__*/React.createElement("span", {
+    className: style.counterText
+  }, counterText) : null);
+};
+
+const buildSections = sections => {
+  return sections.map((section, index) => {
+    const sectionHeader = buildSectionHeader(section);
+    const itemsView = buildItemsOfSection(section.items);
+    return /*#__PURE__*/React.createElement("div", {
+      key: `summary-section-${index}`,
+      "data-step": index,
+      className: style.sectionWrapper
+    }, sectionHeader, /*#__PURE__*/React.createElement("ul", null, itemsView));
+  });
+};
+
+const buildAction = action => {
+  if (!action) return null;
+  const {
+    onClick,
+    text,
+    icon,
+    'aria-label': ariaLabel
+  } = action;
+  const handleClick = useMemo(() => () => onClick(), [onClick]);
+  const buttonProps = {
+    type: 'text',
+    label: text,
+    'aria-label': ariaLabel,
+    'data-name': `${icon}-button`,
+    onClick: handleClick,
+    icon: {
+      position: 'left',
+      type: icon
+    }
+  };
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(ButtonLink, buttonProps));
+};
+
+const WizardSummary = props => {
+  const {
+    title,
+    sections,
+    action
+  } = props;
+  const sectionsView = buildSections(sections);
+  const actionView = buildAction(action);
+  const idSwitch = 'open-summary-wizard';
+  return /*#__PURE__*/React.createElement("div", {
+    className: style.container
+  }, /*#__PURE__*/React.createElement("span", {
+    className: style.desktopSummaryTitle
+  }, title), /*#__PURE__*/React.createElement("input", {
+    type: "checkbox",
+    id: idSwitch,
+    name: "toogle",
+    title: idSwitch,
+    className: style.checkbox
+  }), /*#__PURE__*/React.createElement("div", {
+    className: style.summary
+  }, /*#__PURE__*/React.createElement("div", {
+    className: style.tabletSummaryHeader
+  }, /*#__PURE__*/React.createElement("label", {
+    htmlFor: idSwitch
+  }, /*#__PURE__*/React.createElement("span", {
+    className: style.tabletSummaryTitle
+  }, title), /*#__PURE__*/React.createElement(ArrowDownIcon, {
+    className: style.tabletSummaryIcon
+  }))), /*#__PURE__*/React.createElement("div", {
+    className: style.summarySections
+  }, sectionsView)), /*#__PURE__*/React.createElement("div", {
+    className: style.actionZone
+  }, actionView));
+};
+
+WizardSummary.propTypes = process.env.NODE_ENV !== "production" ? {
+  title: PropTypes.string,
+  sections: PropTypes.arrayOf(PropTypes.shape({
+    title: PropTypes.string,
+    items: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.shape({
+      type: PropTypes.string,
+      title: PropTypes.string,
+      value: PropTypes.string
+    }), PropTypes.shape({
+      type: PropTypes.string,
+      text: PropTypes.string,
+      unsaved: PropTypes.bool
+    }), PropTypes.shape({
+      type: PropTypes.string,
+      category: PropTypes.oneOf(['base', 'advanced', 'coach', 'chapter', 'scorm', 'video', 'article', 'podcast']),
+      title: PropTypes.string,
+      label: PropTypes.string,
+      author: PropTypes.string,
+      unsaved: PropTypes.bool
+    })])),
+    counterText: PropTypes.string
+  })),
+  action: PropTypes.shape({
+    icon: PropTypes.string,
+    text: PropTypes.string,
+    onClick: PropTypes.func,
+    'aria-label': PropTypes.string
+  })
+} : {};
+export default WizardSummary;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/molecule/wizard-summary/index.js"],"names":["React","useMemo","PropTypes","classnames","NovaCompositionNavigationArrowDown","ArrowDownIcon","ContentBadge","ButtonLink","style","buildItemsOfSection","items","map","item","index","type","title","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","string","arrayOf","shape","oneOfType","bool","oneOf","func"],"mappings":"AAAA,OAAOA,KAAP,IAAeC,OAAf,QAA6B,OAA7B;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAAQC,kCAAkC,IAAIC,aAA9C,QAAkE,0BAAlE;AACA,OAAOC,YAAP,MAAyB,0BAAzB;AACA,OAAOC,UAAP,MAAuB,wBAAvB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,mBAAmB,GAAGC,KAAK,IAAI;AACnC,SAAOA,KAAK,CAACC,GAAN,CAAU,CAACC,IAAD,EAAOC,KAAP,KAAiB;AAChC,UAAM;AAACC,MAAAA;AAAD,QAASF,IAAf;;AACA,YAAQE,IAAR;AACE,WAAK,aAAL;AACE,4BACE;AAAI,UAAA,GAAG,EAAG,GAAEF,IAAI,CAACG,KAAM,IAAGF,KAAM;AAAhC,wBACE;AAAM,UAAA,SAAS,EAAEL,KAAK,CAACO;AAAvB,WAA+BH,IAAI,CAACG,KAApC,CADF,eAEE;AAAM,UAAA,SAAS,EAAEP,KAAK,CAACQ;AAAvB,WAA+BJ,IAAI,CAACI,KAApC,CAFF,CADF;;AAMF,WAAK,SAAL;AAAgB;AACd,gBAAM;AAACC,YAAAA,QAAD;AAAWC,YAAAA,KAAX;AAAkBH,YAAAA,KAAlB;AAAyBI,YAAAA,MAAzB;AAAiCC,YAAAA,OAAO,GAAG;AAA3C,cAAoDR,IAA1D;AACA,8BACE;AAAI,YAAA,SAAS,EAAEJ,KAAK,CAACa,cAArB;AAAqC,YAAA,GAAG,EAAG,GAAEN,KAAM,IAAGF,KAAM;AAA5D,0BACE;AAAM,YAAA,SAAS,EAAEL,KAAK,CAACc;AAAvB,aAAwCT,KAAK,GAAG,CAAhD,CADF,eAEE;AAAK,YAAA,SAAS,EAAEL,KAAK,CAACe;AAAtB,0BACE;AAAK,YAAA,SAAS,EAAEf,KAAK,CAACgB;AAAtB,0BACE,oBAAC,YAAD;AAAc,YAAA,QAAQ,EAAEP,QAAxB;AAAkC,YAAA,KAAK,EAAEC;AAAzC,YADF,eAEE;AACE,YAAA,SAAS,EAAEf,UAAU,CAACK,KAAK,CAACiB,YAAP,EAAqBL,OAAO,IAAIZ,KAAK,CAACY,OAAtC,CADvB;AAEE,YAAA,KAAK,EAAEL,KAFT,CAGE;AAHF;AAIE,YAAA,uBAAuB,EAAE;AAACW,cAAAA,MAAM,EAAEX;AAAT;AAJ3B,YAFF,CADF,EAUGI,MAAM,gBAAG;AAAM,YAAA,SAAS,EAAEX,KAAK,CAACW;AAAvB,aAAgCA,MAAhC,CAAH,GAAoD,IAV7D,CAFF,CADF;AAiBD;;AACD,WAAK,MAAL;AACA;AAAS;AACP,gBAAM;AAACQ,YAAAA,IAAD;AAAOP,YAAAA,OAAO,GAAG;AAAjB,cAA0BR,IAAhC;AACA,8BACE;AAAI,YAAA,GAAG,EAAG,GAAEA,IAAI,CAACe,IAAK,IAAGd,KAAM;AAA/B,0BACE;AAAM,YAAA,SAAS,EAAEV,UAAU,CAACK,KAAK,CAACoB,eAAP,EAAwBR,OAAO,IAAIZ,KAAK,CAACY,OAAzC;AAA3B,aACGO,IADH,CADF,CADF;AAOD;AAtCH;AAwCD,GA1CM,CAAP;AA2CD,CA5CD;;AA8CA,MAAME,kBAAkB,GAAGC,OAAO,IAAI;AACpC,QAAM;AAACf,IAAAA,KAAD;AAAQgB,IAAAA;AAAR,MAAuBD,OAA7B;;AACA,MAAI,CAACf,KAAL,EAAY;AACV,WAAO,IAAP;AACD;;AACD,sBACE;AAAK,IAAA,SAAS,EAAEP,KAAK,CAACwB;AAAtB,kBACE;AAAM,IAAA,SAAS,EAAExB,KAAK,CAACO;AAAvB,KAA+BA,KAA/B,CADF,EAEGgB,WAAW,gBAAG;AAAM,IAAA,SAAS,EAAEvB,KAAK,CAACuB;AAAvB,KAAqCA,WAArC,CAAH,GAA8D,IAF5E,CADF;AAMD,CAXD;;AAaA,MAAME,aAAa,GAAGC,QAAQ,IAAI;AAChC,SAAOA,QAAQ,CAACvB,GAAT,CAAa,CAACmB,OAAD,EAAUjB,KAAV,KAAoB;AACtC,UAAMmB,aAAa,GAAGH,kBAAkB,CAACC,OAAD,CAAxC;AACA,UAAMK,SAAS,GAAG1B,mBAAmB,CAACqB,OAAO,CAACpB,KAAT,CAArC;AACA,wBACE;AAAK,MAAA,GAAG,EAAG,mBAAkBG,KAAM,EAAnC;AAAsC,mBAAWA,KAAjD;AAAwD,MAAA,SAAS,EAAEL,KAAK,CAAC4B;AAAzE,OACGJ,aADH,eAEE,gCAAKG,SAAL,CAFF,CADF;AAMD,GATM,CAAP;AAUD,CAXD;;AAaA,MAAME,WAAW,GAAGC,MAAM,IAAI;AAC5B,MAAI,CAACA,MAAL,EAAa,OAAO,IAAP;AAEb,QAAM;AAACC,IAAAA,OAAD;AAAUZ,IAAAA,IAAV;AAAgBa,IAAAA,IAAhB;AAAsB,kBAAcC;AAApC,MAAiDH,MAAvD;AACA,QAAMI,WAAW,GAAGzC,OAAO,CAAC,MAAM,MAAMsC,OAAO,EAApB,EAAwB,CAACA,OAAD,CAAxB,CAA3B;AACA,QAAMI,WAAW,GAAG;AAClB7B,IAAAA,IAAI,EAAE,MADY;AAElBI,IAAAA,KAAK,EAAES,IAFW;AAGlB,kBAAcc,SAHI;AAIlB,iBAAc,GAAED,IAAK,SAJH;AAKlBD,IAAAA,OAAO,EAAEG,WALS;AAMlBF,IAAAA,IAAI,EAAE;AACJI,MAAAA,QAAQ,EAAE,MADN;AAEJ9B,MAAAA,IAAI,EAAE0B;AAFF;AANY,GAApB;AAYA,sBACE,8CACE,oBAAC,UAAD,EAAgBG,WAAhB,CADF,CADF;AAKD,CAtBD;;AAwBA,MAAME,aAAa,GAAGC,KAAK,IAAI;AAC7B,QAAM;AAAC/B,IAAAA,KAAD;AAAQmB,IAAAA,QAAR;AAAkBI,IAAAA;AAAlB,MAA4BQ,KAAlC;AACA,QAAMC,YAAY,GAAGd,aAAa,CAACC,QAAD,CAAlC;AACA,QAAMc,UAAU,GAAGX,WAAW,CAACC,MAAD,CAA9B;AACA,QAAMW,QAAQ,GAAG,qBAAjB;AAEA,sBACE;AAAK,IAAA,SAAS,EAAEzC,KAAK,CAAC0C;AAAtB,kBACE;AAAM,IAAA,SAAS,EAAE1C,KAAK,CAAC2C;AAAvB,KAA6CpC,KAA7C,CADF,eAEE;AACE,IAAA,IAAI,EAAC,UADP;AAEE,IAAA,EAAE,EAAEkC,QAFN;AAGE,IAAA,IAAI,EAAC,QAHP;AAIE,IAAA,KAAK,EAAEA,QAJT;AAKE,IAAA,SAAS,EAAEzC,KAAK,CAAC4C;AALnB,IAFF,eASE;AAAK,IAAA,SAAS,EAAE5C,KAAK,CAAC6C;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAE7C,KAAK,CAAC8C;AAAtB,kBACE;AAAO,IAAA,OAAO,EAAEL;AAAhB,kBACE;AAAM,IAAA,SAAS,EAAEzC,KAAK,CAAC+C;AAAvB,KAA4CxC,KAA5C,CADF,eAEE,oBAAC,aAAD;AAAe,IAAA,SAAS,EAAEP,KAAK,CAACgD;AAAhC,IAFF,CADF,CADF,eAOE;AAAK,IAAA,SAAS,EAAEhD,KAAK,CAACiD;AAAtB,KAAwCV,YAAxC,CAPF,CATF,eAkBE;AAAK,IAAA,SAAS,EAAEvC,KAAK,CAACkD;AAAtB,KAAmCV,UAAnC,CAlBF,CADF;AAsBD,CA5BD;;AA8BAH,aAAa,CAACc,SAAd,2CAA0B;AACxB5C,EAAAA,KAAK,EAAEb,SAAS,CAAC0D,MADO;AAExB1B,EAAAA,QAAQ,EAAEhC,SAAS,CAAC2D,OAAV,CACR3D,SAAS,CAAC4D,KAAV,CAAgB;AACd/C,IAAAA,KAAK,EAAEb,SAAS,CAAC0D,MADH;AAEdlD,IAAAA,KAAK,EAAER,SAAS,CAAC2D,OAAV,CACL3D,SAAS,CAAC6D,SAAV,CAAoB,CAClB7D,SAAS,CAAC4D,KAAV,CAAgB;AACdhD,MAAAA,IAAI,EAAEZ,SAAS,CAAC0D,MADF;AAEd7C,MAAAA,KAAK,EAAEb,SAAS,CAAC0D,MAFH;AAGd5C,MAAAA,KAAK,EAAEd,SAAS,CAAC0D;AAHH,KAAhB,CADkB,EAMlB1D,SAAS,CAAC4D,KAAV,CAAgB;AACdhD,MAAAA,IAAI,EAAEZ,SAAS,CAAC0D,MADF;AAEdjC,MAAAA,IAAI,EAAEzB,SAAS,CAAC0D,MAFF;AAGdxC,MAAAA,OAAO,EAAElB,SAAS,CAAC8D;AAHL,KAAhB,CANkB,EAWlB9D,SAAS,CAAC4D,KAAV,CAAgB;AACdhD,MAAAA,IAAI,EAAEZ,SAAS,CAAC0D,MADF;AAEd3C,MAAAA,QAAQ,EAAEf,SAAS,CAAC+D,KAAV,CAAgB,CACxB,MADwB,EAExB,UAFwB,EAGxB,OAHwB,EAIxB,SAJwB,EAKxB,OALwB,EAMxB,OANwB,EAOxB,SAPwB,EAQxB,SARwB,CAAhB,CAFI;AAYdlD,MAAAA,KAAK,EAAEb,SAAS,CAAC0D,MAZH;AAad1C,MAAAA,KAAK,EAAEhB,SAAS,CAAC0D,MAbH;AAcdzC,MAAAA,MAAM,EAAEjB,SAAS,CAAC0D,MAdJ;AAedxC,MAAAA,OAAO,EAAElB,SAAS,CAAC8D;AAfL,KAAhB,CAXkB,CAApB,CADK,CAFO;AAiCdjC,IAAAA,WAAW,EAAE7B,SAAS,CAAC0D;AAjCT,GAAhB,CADQ,CAFc;AAuCxBtB,EAAAA,MAAM,EAAEpC,SAAS,CAAC4D,KAAV,CAAgB;AACtBtB,IAAAA,IAAI,EAAEtC,SAAS,CAAC0D,MADM;AAEtBjC,IAAAA,IAAI,EAAEzB,SAAS,CAAC0D,MAFM;AAGtBrB,IAAAA,OAAO,EAAErC,SAAS,CAACgE,IAHG;AAItB,kBAAchE,SAAS,CAAC0D;AAJF,GAAhB;AAvCgB,CAA1B;AA+CA,eAAef,aAAf","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/es/molecule/wizard-summary/style.css

@@ -0,0 +1,230 @@
+@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;
+}
+
+.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;
+}
+
+.sectionWrapper:last-child {
+  margin-bottom: 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/es/molecule/wizard-summary/test/fixtures/default.js

@@ -0,0 +1,124 @@
+export 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: 'save',
+      text: 'Save in drafts',
+      'aria-label': 'Save in drafts',
+      onClick: () => console.log('save')
+    }
+  }
+};
+//# sourceMappingURL=default.js.map

package/es/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":"AAAA,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,cAFR;AAGEC,QAAAA,OAAO,EAAE;AAHX,OATK;AAFT,KAfQ,EAiCR;AACEN,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,cAFR;AAGEC,QAAAA,OAAO,EAAE;AAHX,OALK,CAFT;AAaEC,MAAAA,WAAW,EAAE;AAbf,KAjCQ,EAgDR;AACEP,MAAAA,KAAK,EAAE,SADT;AAEEE,MAAAA,KAAK,EAAE,CACL;AACEC,QAAAA,IAAI,EAAE,SADR;AAEEH,QAAAA,KAAK,EAAE,2EAFT;AAGEQ,QAAAA,QAAQ,EAAE,OAHZ;AAIEC,QAAAA,KAAK,EAAE,OAJT;AAKEC,QAAAA,MAAM,EAAE;AALV,OADK,EAQL;AACEP,QAAAA,IAAI,EAAE,SADR;AAEEH,QAAAA,KAAK,EAAE,mCAFT;AAGEQ,QAAAA,QAAQ,EAAE,MAHZ;AAIEC,QAAAA,KAAK,EAAE,MAJT;AAKEC,QAAAA,MAAM,EAAE,cALV;AAMEJ,QAAAA,OAAO,EAAE;AANX,OARK,EAgBL;AACEH,QAAAA,IAAI,EAAE,SADR;AAEEH,QAAAA,KAAK,EAAE,iBAFT;AAGEQ,QAAAA,QAAQ,EAAE,SAHZ;AAIEC,QAAAA,KAAK,EAAE,aAJT;AAKEC,QAAAA,MAAM,EAAE;AALV,OAhBK,EAuBL;AACEP,QAAAA,IAAI,EAAE,SADR;AAEEH,QAAAA,KAAK,EAAE,kCAFT;AAGEQ,QAAAA,QAAQ,EAAE,UAHZ;AAIEC,QAAAA,KAAK,EAAE,UAJT;AAKEC,QAAAA,MAAM,EAAE;AALV,OAvBK,EA8BL;AACEP,QAAAA,IAAI,EAAE,SADR;AAEEH,QAAAA,KAAK,EACH,yFAHJ;AAIEQ,QAAAA,QAAQ,EAAE,OAJZ;AAKEC,QAAAA,KAAK,EAAE,OALT;AAMEC,QAAAA,MAAM,EAAE;AANV,OA9BK,EAsCL;AACEP,QAAAA,IAAI,EAAE,SADR;AAEEH,QAAAA,KAAK,EAAE,gCAFT;AAGEQ,QAAAA,QAAQ,EAAE,OAHZ;AAIEC,QAAAA,KAAK,EAAE,OAJT;AAKEC,QAAAA,MAAM,EAAE;AALV,OAtCK,EA6CL;AACEP,QAAAA,IAAI,EAAE,SADR;AAEEH,QAAAA,KAAK,EAAE,kCAFT;AAGEQ,QAAAA,QAAQ,EAAE,UAHZ;AAIEC,QAAAA,KAAK,EAAE,UAJT;AAKEC,QAAAA,MAAM,EAAE;AALV,OA7CK,EAoDL;AACEP,QAAAA,IAAI,EAAE,SADR;AAEEH,QAAAA,KAAK,EAAE,sBAFT;AAGEQ,QAAAA,QAAQ,EAAE,OAHZ;AAIEC,QAAAA,KAAK,EAAE,oBAJT;AAKEC,QAAAA,MAAM,EAAE;AALV,OApDK,EA2DL;AACEP,QAAAA,IAAI,EAAE,SADR;AAEEH,QAAAA,KAAK,EAAE,oEAFT;AAGEQ,QAAAA,QAAQ,EAAE,OAHZ;AAIEC,QAAAA,KAAK,EAAE,OAJT;AAKEC,QAAAA,MAAM,EAAE;AALV,OA3DK,EAkEL;AACEP,QAAAA,IAAI,EAAE,SADR;AAEEH,QAAAA,KAAK,EAAE,kCAFT;AAGEQ,QAAAA,QAAQ,EAAE,UAHZ;AAIEC,QAAAA,KAAK,EAAE,UAJT;AAKEC,QAAAA,MAAM,EAAE;AALV,OAlEK,EAyEL;AACEP,QAAAA,IAAI,EAAE,SADR;AAEEH,QAAAA,KAAK,EAAE,sBAFT;AAGEQ,QAAAA,QAAQ,EAAE,OAHZ;AAIEC,QAAAA,KAAK,EAAE,oBAJT;AAKEC,QAAAA,MAAM,EAAE;AALV,OAzEK,EAgFL;AACEP,QAAAA,IAAI,EAAE,SADR;AAEEH,QAAAA,KAAK,EAAE,gCAFT;AAGEQ,QAAAA,QAAQ,EAAE,OAHZ;AAIEC,QAAAA,KAAK,EAAE,OAJT;AAKEC,QAAAA,MAAM,EAAE;AALV,OAhFK,CAFT;AA0FEH,MAAAA,WAAW,EAAE;AA1Ff,KAhDQ,CAFL;AA+ILI,IAAAA,MAAM,EAAE;AACNC,MAAAA,IAAI,EAAE,MADA;AAENP,MAAAA,IAAI,EAAE,gBAFA;AAGN,oBAAc,gBAHR;AAINQ,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,MAAZ;AAJT;AA/IH;AADM,CAAf","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/es/molecule/wizard-summary/test/fixtures/one-section.js

@@ -0,0 +1,23 @@
+export default {
+  props: {
+    title: 'Certification summary',
+    sections: [{
+      items: [{
+        type: 'mainElement',
+        title: 'Language',
+        value: '🇬🇧 English'
+      }, {
+        type: 'mainElement',
+        title: 'Name',
+        value: 'Marketing expert'
+      }]
+    }],
+    action: {
+      icon: 'save',
+      text: 'Save in drafts',
+      'aria-label': 'Save in drafts',
+      onClick: () => console.log('save')
+    }
+  }
+};
+//# sourceMappingURL=one-section.js.map

package/es/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":"AAAA,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,CAAf","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"}