@coorpacademy/components 10.3.17-alpha.0 → 10.3.20

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (50) hide show
  1. package/es/molecule/card/selectable.css +1 -8
  2. package/es/molecule/card/selectable.js +2 -4
  3. package/es/molecule/card/selectable.js.map +1 -1
  4. package/es/molecule/vertical-tabs/index.js +17 -8
  5. package/es/molecule/vertical-tabs/index.js.map +1 -1
  6. package/es/molecule/vertical-tabs/style.css +11 -0
  7. package/es/molecule/vertical-tabs/test/fixtures/default.js +8 -3
  8. package/es/molecule/vertical-tabs/test/fixtures/default.js.map +1 -1
  9. package/es/molecule/vertical-tabs/test/fixtures/with-multiple-errors.js +47 -0
  10. package/es/molecule/vertical-tabs/test/fixtures/with-multiple-errors.js.map +1 -0
  11. package/es/molecule/vertical-tabs/test/fixtures/with-selected-item.js +10 -5
  12. package/es/molecule/vertical-tabs/test/fixtures/with-selected-item.js.map +1 -1
  13. package/es/molecule/vertical-tabs/test/fixtures.js +2 -0
  14. package/es/molecule/vertical-tabs/test/fixtures.js.map +1 -1
  15. package/es/molecule/wizard-summary/index.js +16 -8
  16. package/es/molecule/wizard-summary/index.js.map +1 -1
  17. package/es/organism/content-translation/test/fixtures/default.js +2 -2
  18. package/es/organism/content-translation/test/fixtures/default.js.map +1 -1
  19. package/es/organism/setup-header/style.css +1 -0
  20. package/es/organism/wizard-contents/index.js +22 -13
  21. package/es/organism/wizard-contents/index.js.map +1 -1
  22. package/lib/molecule/card/selectable.css +1 -8
  23. package/lib/molecule/card/selectable.js +1 -3
  24. package/lib/molecule/card/selectable.js.map +1 -1
  25. package/lib/molecule/vertical-tabs/index.js +18 -8
  26. package/lib/molecule/vertical-tabs/index.js.map +1 -1
  27. package/lib/molecule/vertical-tabs/style.css +11 -0
  28. package/lib/molecule/vertical-tabs/test/fixtures/default.js +11 -4
  29. package/lib/molecule/vertical-tabs/test/fixtures/default.js.map +1 -1
  30. package/lib/molecule/vertical-tabs/test/fixtures/with-multiple-errors.js +54 -0
  31. package/lib/molecule/vertical-tabs/test/fixtures/with-multiple-errors.js.map +1 -0
  32. package/lib/molecule/vertical-tabs/test/fixtures/with-selected-item.js +12 -5
  33. package/lib/molecule/vertical-tabs/test/fixtures/with-selected-item.js.map +1 -1
  34. package/lib/molecule/vertical-tabs/test/fixtures.js +3 -0
  35. package/lib/molecule/vertical-tabs/test/fixtures.js.map +1 -1
  36. package/lib/molecule/wizard-summary/index.js +16 -8
  37. package/lib/molecule/wizard-summary/index.js.map +1 -1
  38. package/lib/organism/content-translation/test/fixtures/default.js.map +1 -1
  39. package/lib/organism/setup-header/style.css +1 -0
  40. package/lib/organism/wizard-contents/index.js +22 -13
  41. package/lib/organism/wizard-contents/index.js.map +1 -1
  42. package/package.json +2 -2
  43. package/es/molecule/cockpit-popin/test/fixtures.js +0 -17
  44. package/es/molecule/cockpit-popin/test/fixtures.js.map +0 -1
  45. package/es/molecule/search/test/fixtures.js +0 -15
  46. package/es/molecule/search/test/fixtures.js.map +0 -1
  47. package/lib/molecule/cockpit-popin/test/fixtures.js +0 -28
  48. package/lib/molecule/cockpit-popin/test/fixtures.js.map +0 -1
  49. package/lib/molecule/search/test/fixtures.js +0 -25
  50. package/lib/molecule/search/test/fixtures.js.map +0 -1
@@ -1 +1 @@
1
- {"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","disabled","icon","ariaLabel","handleClick","buttonProps","position","button","WizardSummary","props","sectionsView","idSwitch","container","desktopSummaryTitle","checkbox","summary","tabletSummaryHeader","tabletSummaryTitle","tabletSummaryIcon","summarySections","actionZone","propTypes","PropTypes","shape","string","bool","func","arrayOf","oneOfType","oneOf"],"mappings":"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","sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {uniqueId} from 'lodash/fp';\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}`} data-name={item.title}>\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}`} data-name={item.title}>\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}`} data-name={item.title}>\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 const {onClick, text, disabled = false, icon, 'aria-label': ariaLabel} = action;\n const handleClick = useMemo(() => () => onClick(), [onClick]);\n\n if (!action) return null;\n\n const buttonProps = {\n type: 'text',\n label: text,\n disabled,\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 className={style.button}>\n <ButtonLink {...buttonProps} />\n </div>\n );\n};\n\nconst WizardSummary = props => {\n const {title, sections, action} = props;\n const sectionsView = buildSections(sections);\n const idSwitch = uniqueId('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 data-name={'summary-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}>\n <BuildAction action={action} />\n </div>\n </div>\n );\n};\n\nBuildAction.propTypes = {\n action: PropTypes.shape({\n icon: PropTypes.string,\n disabled: PropTypes.bool,\n text: PropTypes.string,\n onClick: PropTypes.func,\n 'aria-label': PropTypes.string\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 'course'\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: BuildAction.propTypes.action\n};\n\nexport default WizardSummary;\n"],"file":"index.js"}
1
+ {"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","disabled","icon","ariaLabel","side","handleClick","buttonProps","position","button","WizardSummary","props","sectionsView","idSwitch","container","desktopSummaryTitle","checkbox","summary","tabletSummaryHeader","tabletSummaryTitle","tabletSummaryIcon","summarySections","actionZone","propTypes","PropTypes","shape","string","bool","func","arrayOf","oneOfType","oneOf"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;;;;;AAEA,MAAMA,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,EAAhC;AAAmC,uBAAWD,IAAI,CAACG;AAAnD,wBACE;AAAM,UAAA,SAAS,EAAEC,eAAMD;AAAvB,WAA+BH,IAAI,CAACG,KAApC,CADF,eAEE;AAAM,UAAA,SAAS,EAAEC,eAAMC;AAAvB,WAA+BL,IAAI,CAACK,KAApC,CAFF,CADF;;AAMF,WAAK,SAAL;AAAgB;AACd,gBAAM;AAACC,YAAAA,QAAD;AAAWC,YAAAA,KAAX;AAAkBJ,YAAAA,KAAlB;AAAyBK,YAAAA,MAAzB;AAAiCC,YAAAA,OAAO,GAAG;AAA3C,cAAoDT,IAA1D;AACA,8BACE;AAAI,YAAA,SAAS,EAAEI,eAAMM,cAArB;AAAqC,YAAA,GAAG,EAAG,GAAEP,KAAM,IAAGF,KAAM,EAA5D;AAA+D,yBAAWD,IAAI,CAACG;AAA/E,0BACE;AAAM,YAAA,SAAS,EAAEC,eAAMO;AAAvB,aAAwCV,KAAK,GAAG,CAAhD,CADF,eAEE;AAAK,YAAA,SAAS,EAAEG,eAAMQ;AAAtB,0BACE;AAAK,YAAA,SAAS,EAAER,eAAMS;AAAtB,0BACE,6BAAC,qBAAD;AAAc,YAAA,QAAQ,EAAEP,QAAxB;AAAkC,YAAA,KAAK,EAAEC;AAAzC,YADF,eAEE;AACE,YAAA,SAAS,EAAE,yBAAWH,eAAMU,YAAjB,EAA+BL,OAAO,IAAIL,eAAMK,OAAhD,CADb;AAEE,YAAA,KAAK,EAAEN,KAFT,CAGE;AAHF;AAIE,YAAA,uBAAuB,EAAE;AAACY,cAAAA,MAAM,EAAEZ;AAAT;AAJ3B,YAFF,CADF,EAUGK,MAAM,gBAAG;AAAM,YAAA,SAAS,EAAEJ,eAAMI;AAAvB,aAAgCA,MAAhC,CAAH,GAAoD,IAV7D,CAFF,CADF;AAiBD;;AACD,WAAK,MAAL;AACA;AAAS;AACP,gBAAM;AAACQ,YAAAA,IAAD;AAAOP,YAAAA,OAAO,GAAG;AAAjB,cAA0BT,IAAhC;AACA,8BACE;AAAI,YAAA,GAAG,EAAG,GAAEA,IAAI,CAACgB,IAAK,IAAGf,KAAM,EAA/B;AAAkC,yBAAWD,IAAI,CAACG;AAAlD,0BACE;AAAM,YAAA,SAAS,EAAE,yBAAWC,eAAMa,eAAjB,EAAkCR,OAAO,IAAIL,eAAMK,OAAnD;AAAjB,aACGO,IADH,CADF,CADF;AAOD;AAtCH;AAwCD,GA1CM,CAAP;AA2CD,CA5CD;;AA8CA,MAAME,kBAAkB,GAAGC,OAAO,IAAI;AACpC,QAAM;AAAChB,IAAAA,KAAD;AAAQiB,IAAAA;AAAR,MAAuBD,OAA7B;;AACA,MAAI,CAAChB,KAAL,EAAY;AACV,WAAO,IAAP;AACD;;AACD,sBACE;AAAK,IAAA,SAAS,EAAEC,eAAMiB;AAAtB,kBACE;AAAM,IAAA,SAAS,EAAEjB,eAAMD;AAAvB,KAA+BA,KAA/B,CADF,EAEGiB,WAAW,gBAAG;AAAM,IAAA,SAAS,EAAEhB,eAAMgB;AAAvB,KAAqCA,WAArC,CAAH,GAA8D,IAF5E,CADF;AAMD,CAXD;;AAaA,MAAME,aAAa,GAAGC,QAAQ,IAAI;AAChC,SAAOA,QAAQ,CAACxB,GAAT,CAAa,CAACoB,OAAD,EAAUlB,KAAV,KAAoB;AACtC,UAAMoB,aAAa,GAAGH,kBAAkB,CAACC,OAAD,CAAxC;AACA,UAAMK,SAAS,GAAG3B,mBAAmB,CAACsB,OAAO,CAACrB,KAAT,CAArC;AACA,wBACE;AAAK,MAAA,GAAG,EAAG,mBAAkBG,KAAM,EAAnC;AAAsC,mBAAWA,KAAjD;AAAwD,MAAA,SAAS,EAAEG,eAAMqB;AAAzE,OACGJ,aADH,eAEE,yCAAKG,SAAL,CAFF,CADF;AAMD,GATM,CAAP;AAUD,CAXD;;AAaA,MAAME,WAAW,GAAG,CAAC;AAACC,EAAAA;AAAD,CAAD,KAAc;AAChC,QAAM;AAACC,IAAAA,OAAD;AAAUZ,IAAAA,IAAV;AAAgBa,IAAAA,QAAQ,GAAG,KAA3B;AAAkCC,IAAAA,IAAlC;AAAwC,kBAAcC,SAAtD;AAAiEC,IAAAA;AAAjE,MAAyEL,MAA/E;AACA,QAAMM,WAAW,GAAG,oBAAQ,MAAM,MAAML,OAAO,EAA3B,EAA+B,CAACA,OAAD,CAA/B,CAApB;AAEA,MAAI,CAACD,MAAL,EAAa,OAAO,IAAP;AAEb,QAAMO,WAAW,GAAG;AAClBhC,IAAAA,IAAI,EAAE,MADY;AAElBK,IAAAA,KAAK,EAAES,IAFW;AAGlBa,IAAAA,QAHkB;AAIlB,kBAAcE,SAJI;AAKlB,iBAAc,GAAED,IAAK,WAAUE,IAAK,EALlB;AAMlBJ,IAAAA,OAAO,EAAEK,WANS;AAOlBH,IAAAA,IAAI,EAAE;AACJK,MAAAA,QAAQ,EAAE,MADN;AAEJjC,MAAAA,IAAI,EAAE4B;AAFF;AAPY,GAApB;AAaA,sBACE;AAAK,IAAA,SAAS,EAAE1B,eAAMgC;AAAtB,kBACE,6BAAC,mBAAD,EAAgBF,WAAhB,CADF,CADF;AAKD,CAxBD;;AA0BA,MAAMG,aAAa,GAAGC,KAAK,IAAI;AAC7B,QAAM;AAACnC,IAAAA,KAAD;AAAQoB,IAAAA,QAAR;AAAkBI,IAAAA,MAAlB;AAA0BK,IAAAA;AAA1B,MAAkCM,KAAxC;AACA,QAAMC,YAAY,GAAGjB,aAAa,CAACC,QAAD,CAAlC;AACA,QAAMiB,QAAQ,GAAG,wBAAS,qBAAT,CAAjB;AAEA,sBACE;AAAK,IAAA,SAAS,EAAEpC,eAAMqC;AAAtB,kBACE;AAAM,IAAA,SAAS,EAAErC,eAAMsC,mBAAvB;AAA4C,iBAAY,iBAAgBV,IAAK;AAA7E,KACG7B,KADH,CADF,eAIE;AACE,IAAA,IAAI,EAAC,UADP;AAEE,IAAA,EAAE,EAAEqC,QAFN;AAGE,IAAA,IAAI,EAAC,QAHP;AAIE,IAAA,KAAK,EAAEA,QAJT;AAKE,IAAA,SAAS,EAAEpC,eAAMuC,QALnB;AAME,iBAAY,oBAAmBX,IAAK;AANtC,IAJF,eAYE;AAAK,IAAA,SAAS,EAAE5B,eAAMwC;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAExC,eAAMyC;AAAtB,kBACE;AAAO,IAAA,OAAO,EAAEL;AAAhB,kBACE;AAAM,IAAA,SAAS,EAAEpC,eAAM0C;AAAvB,KAA4C3C,KAA5C,CADF,eAEE,6BAAC,6CAAD;AAAe,IAAA,SAAS,EAAEC,eAAM2C;AAAhC,IAFF,CADF,CADF,eAOE;AAAK,IAAA,SAAS,EAAE3C,eAAM4C,eAAtB;AAAuC,iBAAY,mBAAkBhB,IAAK;AAA1E,KACGO,YADH,CAPF,CAZF,eAuBE;AAAK,IAAA,SAAS,EAAEnC,eAAM6C,UAAtB;AAAkC,iBAAY,mBAAkBjB,IAAK;AAArE,kBACE,6BAAC,WAAD;AAAa,IAAA,MAAM,EAAEL,MAArB;AAA6B,IAAA,IAAI,EAAEK;AAAnC,IADF,CAvBF,CADF;AA6BD,CAlCD;;AAoCAN,WAAW,CAACwB,SAAZ,2CAAwB;AACtBvB,EAAAA,MAAM,EAAEwB,mBAAUC,KAAV,CAAgB;AACtBtB,IAAAA,IAAI,EAAEqB,mBAAUE,MADM;AAEtBxB,IAAAA,QAAQ,EAAEsB,mBAAUG,IAFE;AAGtBtC,IAAAA,IAAI,EAAEmC,mBAAUE,MAHM;AAItBrB,IAAAA,IAAI,EAAEmB,mBAAUE,MAJM;AAKtBzB,IAAAA,OAAO,EAAEuB,mBAAUI,IALG;AAMtB,kBAAcJ,mBAAUE;AANF,GAAhB;AADc,CAAxB;AAWAhB,aAAa,CAACa,SAAd,2CAA0B;AACxB/C,EAAAA,KAAK,EAAEgD,mBAAUE,MADO;AAExBrB,EAAAA,IAAI,EAAEmB,mBAAUE,MAFQ;AAGxB9B,EAAAA,QAAQ,EAAE4B,mBAAUK,OAAV,CACRL,mBAAUC,KAAV,CAAgB;AACdjD,IAAAA,KAAK,EAAEgD,mBAAUE,MADH;AAEdvD,IAAAA,KAAK,EAAEqD,mBAAUK,OAAV,CACLL,mBAAUM,SAAV,CAAoB,CAClBN,mBAAUC,KAAV,CAAgB;AACdlD,MAAAA,IAAI,EAAEiD,mBAAUE,MADF;AAEdlD,MAAAA,KAAK,EAAEgD,mBAAUE,MAFH;AAGdhD,MAAAA,KAAK,EAAE8C,mBAAUE;AAHH,KAAhB,CADkB,EAMlBF,mBAAUC,KAAV,CAAgB;AACdlD,MAAAA,IAAI,EAAEiD,mBAAUE,MADF;AAEdrC,MAAAA,IAAI,EAAEmC,mBAAUE,MAFF;AAGd5C,MAAAA,OAAO,EAAE0C,mBAAUG;AAHL,KAAhB,CANkB,EAWlBH,mBAAUC,KAAV,CAAgB;AACdlD,MAAAA,IAAI,EAAEiD,mBAAUE,MADF;AAEd/C,MAAAA,QAAQ,EAAE6C,mBAAUO,KAAV,CAAgB,CACxB,MADwB,EAExB,UAFwB,EAGxB,OAHwB,EAIxB,SAJwB,EAKxB,OALwB,EAMxB,OANwB,EAOxB,SAPwB,EAQxB,SARwB,EASxB,QATwB,CAAhB,CAFI;AAadvD,MAAAA,KAAK,EAAEgD,mBAAUE,MAbH;AAcd9C,MAAAA,KAAK,EAAE4C,mBAAUE,MAdH;AAed7C,MAAAA,MAAM,EAAE2C,mBAAUE,MAfJ;AAgBd5C,MAAAA,OAAO,EAAE0C,mBAAUG;AAhBL,KAAhB,CAXkB,CAApB,CADK,CAFO;AAkCdlC,IAAAA,WAAW,EAAE+B,mBAAUE;AAlCT,GAAhB,CADQ,CAHc;AAyCxB1B,EAAAA,MAAM,EAAED,WAAW,CAACwB,SAAZ,CAAsBvB;AAzCN,CAA1B;eA4CeU,a","sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {uniqueId} from 'lodash/fp';\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}`} data-name={item.title}>\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}`} data-name={item.title}>\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}`} data-name={item.title}>\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 const {onClick, text, disabled = false, icon, 'aria-label': ariaLabel, side} = action;\n const handleClick = useMemo(() => () => onClick(), [onClick]);\n\n if (!action) return null;\n\n const buttonProps = {\n type: 'text',\n label: text,\n disabled,\n 'aria-label': ariaLabel,\n 'data-name': `${icon}-button-${side}`,\n onClick: handleClick,\n icon: {\n position: 'left',\n type: icon\n }\n };\n\n return (\n <div className={style.button}>\n <ButtonLink {...buttonProps} />\n </div>\n );\n};\n\nconst WizardSummary = props => {\n const {title, sections, action, side} = props;\n const sectionsView = buildSections(sections);\n const idSwitch = uniqueId('open-summary-wizard');\n\n return (\n <div className={style.container}>\n <span className={style.desktopSummaryTitle} data-name={`summary-title-${side}`}>\n {title}\n </span>\n <input\n type=\"checkbox\"\n id={idSwitch}\n name=\"toogle\"\n title={idSwitch}\n className={style.checkbox}\n data-name={`summary-checkbox-${side}`}\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} data-name={`summary-section-${side}`}>\n {sectionsView}\n </div>\n </div>\n <div className={style.actionZone} data-name={`summary-actions-${side}`}>\n <BuildAction action={action} side={side} />\n </div>\n </div>\n );\n};\n\nBuildAction.propTypes = {\n action: PropTypes.shape({\n icon: PropTypes.string,\n disabled: PropTypes.bool,\n text: PropTypes.string,\n side: PropTypes.string,\n onClick: PropTypes.func,\n 'aria-label': PropTypes.string\n })\n};\n\nWizardSummary.propTypes = {\n title: PropTypes.string,\n side: 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 'course'\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: BuildAction.propTypes.action\n};\n\nexport default WizardSummary;\n"],"file":"index.js"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../../src/organism/content-translation/test/fixtures/default.js"],"names":["languageTabs","vericalMenu","props","tabs","inputText","theme","textArea"],"mappings":";;;;;AAAA;;AACA;;AACA;;;;;;AAEA,MAAMA,YAAY,GAAGC,0BAAYC,KAAZ,CAAkBC,IAAvC;eAEe;AACbD,EAAAA,KAAK,EAAE;AACLF,IAAAA,YADK;AAELI,IAAAA,SAAS,wBAAMA,mBAAUF,KAAhB;AAAuBG,MAAAA,KAAK,EAAE;AAA9B,MAFJ;AAGLC,IAAAA,QAAQ,wBAAMA,oBAASJ,KAAf;AAAsBG,MAAAA,KAAK,EAAE;AAA7B,MAHH;AAIL,uBAAmB;AAJd;AADM,C","sourcesContent":["import vericalMenu from '../../../../molecule/vertical-tabs/test/fixtures/with-selected-item';\nimport inputText from '../../../../atom/input-text/test/fixtures/cm-default';\nimport textArea from '../../../../atom/input-textarea/test/fixtures/cm-default';\n\nconst languageTabs = vericalMenu.props.tabs;\n\nexport default {\n props: {\n languageTabs,\n inputText: {...inputText.props, theme: 'coorpmanager'},\n textArea: {...textArea.props, theme: 'coorpmanager'},\n 'list-aria-label': 'Languages list'\n }\n};\n"],"file":"default.js"}
1
+ {"version":3,"sources":["../../../../../src/organism/content-translation/test/fixtures/default.js"],"names":["languageTabs","verticalMenu","props","tabs","inputText","theme","textArea"],"mappings":";;;;;AAAA;;AACA;;AACA;;;;;;AAEA,MAAMA,YAAY,GAAGC,0BAAaC,KAAb,CAAmBC,IAAxC;eAEe;AACbD,EAAAA,KAAK,EAAE;AACLF,IAAAA,YADK;AAELI,IAAAA,SAAS,wBAAMA,mBAAUF,KAAhB;AAAuBG,MAAAA,KAAK,EAAE;AAA9B,MAFJ;AAGLC,IAAAA,QAAQ,wBAAMA,oBAASJ,KAAf;AAAsBG,MAAAA,KAAK,EAAE;AAA7B,MAHH;AAIL,uBAAmB;AAJd;AADM,C","sourcesContent":["import verticalMenu from '../../../../molecule/vertical-tabs/test/fixtures/with-selected-item';\nimport inputText from '../../../../atom/input-text/test/fixtures/cm-default';\nimport textArea from '../../../../atom/input-textarea/test/fixtures/cm-default';\n\nconst languageTabs = verticalMenu.props.tabs;\n\nexport default {\n props: {\n languageTabs,\n inputText: {...inputText.props, theme: 'coorpmanager'},\n textArea: {...textArea.props, theme: 'coorpmanager'},\n 'list-aria-label': 'Languages list'\n }\n};\n"],"file":"default.js"}
@@ -209,6 +209,7 @@
209
209
  align-items: center;
210
210
  padding: 0 16px 0px 0px;
211
211
  width: 44px;
212
+ pointer-events: initial;
212
213
  }
213
214
 
214
215
  .platformList {
@@ -73,7 +73,7 @@ const buildForm = content => {
73
73
  }
74
74
  };
75
75
 
76
- const buildButton = (type, step) => {
76
+ const buildButton = (type, step, side) => {
77
77
  const ICONS = {
78
78
  previous: {
79
79
  position: 'left',
@@ -95,7 +95,7 @@ const buildButton = (type, step) => {
95
95
  const buttonProps = {
96
96
  type: type === 'previous' ? 'secondary' : 'primary',
97
97
  'aria-label': `${type} step button`,
98
- 'data-name': `${type}-step-button`,
98
+ 'data-name': `${type}-step-button-${side}`,
99
99
  icon: ICONS[type],
100
100
  label,
101
101
  onClick
@@ -103,10 +103,10 @@ const buildButton = (type, step) => {
103
103
  return /*#__PURE__*/_react.default.createElement(_buttonLink.default, buttonProps);
104
104
  };
105
105
 
106
- const buildActionZone = (previousStep, nextStep) => {
107
- const previousButton = previousStep ? buildButton('previous', previousStep) : null;
106
+ const buildActionZone = (previousStep, nextStep, side) => {
107
+ const previousButton = previousStep ? buildButton('previous', previousStep, side) : null;
108
108
  const nextStepType = (0, _getOr.default)('next', 'type', nextStep);
109
- const nextButton = nextStep ? buildButton(nextStepType, nextStep) : null;
109
+ const nextButton = nextStep ? buildButton(nextStepType, nextStep, side) : null;
110
110
  return /*#__PURE__*/_react.default.createElement("div", {
111
111
  className: _style.default.actionZone
112
112
  }, /*#__PURE__*/_react.default.createElement("div", {
@@ -127,26 +127,35 @@ const WizardContents = props => {
127
127
  } = props;
128
128
  const headerView = buildHeader(wizardHeader, steps);
129
129
  const formView = buildForm(content);
130
- const actionView = buildActionZone(previousStep, nextStep);
130
+ const rightActionView = buildActionZone(previousStep, nextStep, 'right');
131
+ const footerActionView = buildActionZone(previousStep, nextStep, 'footer');
131
132
  return /*#__PURE__*/_react.default.createElement("div", {
132
- className: _style.default.container
133
+ className: _style.default.container,
134
+ "data-name": "custom-playlist-summary"
133
135
  }, /*#__PURE__*/_react.default.createElement("div", {
134
136
  className: _style.default.leftSection
135
137
  }, headerView, /*#__PURE__*/_react.default.createElement("div", {
136
138
  className: _style.default.form
137
139
  }, formView)), /*#__PURE__*/_react.default.createElement("div", {
138
- className: _style.default.rightSection
140
+ className: _style.default.rightSection,
141
+ "data-name": "summary-right-section"
139
142
  }, /*#__PURE__*/_react.default.createElement("div", {
140
143
  className: _style.default.stickySection
141
144
  }, /*#__PURE__*/_react.default.createElement("div", {
142
- className: _style.default.summaryZone
143
- }, /*#__PURE__*/_react.default.createElement(_wizardSummary.default, summary)), actionView)), /*#__PURE__*/_react.default.createElement("div", {
144
- className: _style.default.footer
145
+ className: _style.default.summaryZone,
146
+ "data-name": "summary-zone"
147
+ }, /*#__PURE__*/_react.default.createElement(_wizardSummary.default, _extends({}, summary, {
148
+ side: 'right'
149
+ }))), rightActionView)), /*#__PURE__*/_react.default.createElement("div", {
150
+ className: _style.default.footer,
151
+ "data-name": "summary-footer-section"
145
152
  }, /*#__PURE__*/_react.default.createElement("div", {
146
153
  className: _style.default.summaryFooter
147
- }, /*#__PURE__*/_react.default.createElement(_wizardSummary.default, summary)), /*#__PURE__*/_react.default.createElement("div", {
154
+ }, /*#__PURE__*/_react.default.createElement(_wizardSummary.default, _extends({}, summary, {
155
+ side: 'footer'
156
+ }))), /*#__PURE__*/_react.default.createElement("div", {
148
157
  className: _style.default.actionFooter
149
- }, actionView)));
158
+ }, footerActionView)));
150
159
  };
151
160
 
152
161
  WizardContents.propTypes = process.env.NODE_ENV !== "production" ? {
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/organism/wizard-contents/index.js"],"names":["buildHeader","wizardHeader","steps","title","onClick","buttonCloseIcon","size","icon","style","header","headerTitle","buildForm","content","type","buildButton","step","ICONS","previous","position","next","publish","label","buttonProps","buildActionZone","previousStep","nextStep","previousButton","nextStepType","nextButton","actionZone","button","WizardContents","props","summary","headerView","formView","actionView","container","leftSection","form","rightSection","stickySection","summaryZone","footer","summaryFooter","actionFooter","propTypes","PropTypes","shape","string","func","isRequired","WizardSteps","WizardSummary","oneOfType","BrandForm","oneOf","ContentTranslate","OrganismSearchAndChipsResults","CourseSelection"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,MAAMA,WAAW,GAAG,CAACC,YAAD,EAAeC,KAAf,KAAyB;AAC3C,QAAM;AAACC,IAAAA,KAAD;AAAQC,IAAAA;AAAR,MAAmBH,YAAzB;AAEA,QAAMI,eAAe,GAAG;AACtBC,IAAAA,IAAI,EAAE,OADgB;AAEtB,iBAAa,cAFS;AAGtB,kBAAc,cAHQ;AAItBC,IAAAA,IAAI,EAAE,OAJgB;AAKtBH,IAAAA;AALsB,GAAxB;AAQA,sBACE,uDACE;AAAK,IAAA,SAAS,EAAEI,eAAMC;AAAtB,kBACE,6BAAC,2BAAD,EAAwBJ,eAAxB,CADF,eAEE;AAAK,IAAA,SAAS,EAAEG,eAAME,WAAtB;AAAmC,iBAAW;AAA9C,KACGP,KADH,CAFF,CADF,eAOE,6BAAC,oBAAD;AAAa,IAAA,KAAK,EAAED;AAApB,IAPF,CADF;AAWD,CAtBD;;AAwBA,MAAMS,SAAS,GAAGC,OAAO,IAAI;AAC3B,QAAM;AAACC,IAAAA;AAAD,MAASD,OAAf;;AACA,UAAQC,IAAR;AACE,SAAK,MAAL;AACE,0BAAO,6BAAC,kBAAD,EAAeD,OAAf,CAAP;;AACF,SAAK,WAAL;AACE,0BAAO,6BAAC,2BAAD,EAAsBA,OAAtB,CAAP;;AACF,SAAK,aAAL;AACE,0BAAO,6BAAC,8BAAD,EAAmCA,OAAnC,CAAP;;AACF,SAAK,SAAL;AACE,0BAAO,6BAAC,wBAAD,EAAqBA,OAArB,CAAP;AARJ;AAUD,CAZD;;AAcA,MAAME,WAAW,GAAG,CAACD,IAAD,EAAOE,IAAP,KAAgB;AAClC,QAAMC,KAAK,GAAG;AACZC,IAAAA,QAAQ,EAAE;AACRC,MAAAA,QAAQ,EAAE,MADF;AAERL,MAAAA,IAAI,EAAE;AAFE,KADE;AAKZM,IAAAA,IAAI,EAAE;AACJD,MAAAA,QAAQ,EAAE,OADN;AAEJL,MAAAA,IAAI,EAAE;AAFF,KALM;AASZO,IAAAA,OAAO,EAAE;AACPF,MAAAA,QAAQ,EAAE,MADH;AAEPL,MAAAA,IAAI,EAAE;AAFC;AATG,GAAd;AAeA,QAAM;AAACQ,IAAAA,KAAD;AAAQjB,IAAAA;AAAR,MAAmBW,IAAzB;AACA,QAAMO,WAAW,GAAG;AAClBT,IAAAA,IAAI,EAAEA,IAAI,KAAK,UAAT,GAAsB,WAAtB,GAAoC,SADxB;AAElB,kBAAe,GAAEA,IAAK,cAFJ;AAGlB,iBAAc,GAAEA,IAAK,cAHH;AAIlBN,IAAAA,IAAI,EAAES,KAAK,CAACH,IAAD,CAJO;AAKlBQ,IAAAA,KALkB;AAMlBjB,IAAAA;AANkB,GAApB;AASA,sBAAO,6BAAC,mBAAD,EAAgBkB,WAAhB,CAAP;AACD,CA3BD;;AA6BA,MAAMC,eAAe,GAAG,CAACC,YAAD,EAAeC,QAAf,KAA4B;AAClD,QAAMC,cAAc,GAAGF,YAAY,GAAGV,WAAW,CAAC,UAAD,EAAaU,YAAb,CAAd,GAA2C,IAA9E;AACA,QAAMG,YAAY,GAAG,oBAAM,MAAN,EAAc,MAAd,EAAsBF,QAAtB,CAArB;AACA,QAAMG,UAAU,GAAGH,QAAQ,GAAGX,WAAW,CAACa,YAAD,EAAeF,QAAf,CAAd,GAAyC,IAApE;AACA,sBACE;AAAK,IAAA,SAAS,EAAEjB,eAAMqB;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAErB,eAAMsB;AAAtB,KAA+BJ,cAA/B,CADF,eAEE;AAAK,IAAA,SAAS,EAAElB,eAAMsB;AAAtB,KAA+BF,UAA/B,CAFF,CADF;AAMD,CAVD;;AAYA,MAAMG,cAAc,GAAGC,KAAK,IAAI;AAC9B,QAAM;AAAC/B,IAAAA,YAAD;AAAeC,IAAAA,KAAf;AAAsB+B,IAAAA,OAAtB;AAA+BrB,IAAAA,OAA/B;AAAwCa,IAAAA,QAAxC;AAAkDD,IAAAA;AAAlD,MAAkEQ,KAAxE;AACA,QAAME,UAAU,GAAGlC,WAAW,CAACC,YAAD,EAAeC,KAAf,CAA9B;AACA,QAAMiC,QAAQ,GAAGxB,SAAS,CAACC,OAAD,CAA1B;AACA,QAAMwB,UAAU,GAAGb,eAAe,CAACC,YAAD,EAAeC,QAAf,CAAlC;AAEA,sBACE;AAAK,IAAA,SAAS,EAAEjB,eAAM6B;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAE7B,eAAM8B;AAAtB,KACGJ,UADH,eAEE;AAAK,IAAA,SAAS,EAAE1B,eAAM+B;AAAtB,KAA6BJ,QAA7B,CAFF,CADF,eAKE;AAAK,IAAA,SAAS,EAAE3B,eAAMgC;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAEhC,eAAMiC;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAEjC,eAAMkC;AAAtB,kBACE,6BAAC,sBAAD,EAAmBT,OAAnB,CADF,CADF,EAIGG,UAJH,CADF,CALF,eAaE;AAAK,IAAA,SAAS,EAAE5B,eAAMmC;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAEnC,eAAMoC;AAAtB,kBACE,6BAAC,sBAAD,EAAmBX,OAAnB,CADF,CADF,eAIE;AAAK,IAAA,SAAS,EAAEzB,eAAMqC;AAAtB,KAAqCT,UAArC,CAJF,CAbF,CADF;AAsBD,CA5BD;;AA8BAL,cAAc,CAACe,SAAf,2CAA2B;AACzB7C,EAAAA,YAAY,EAAE8C,mBAAUC,KAAV,CAAgB;AAC5B7C,IAAAA,KAAK,EAAE4C,mBAAUE,MADW;AAE5B7C,IAAAA,OAAO,EAAE2C,mBAAUG;AAFS,GAAhB,EAGXC,UAJsB;AAKzBjD,EAAAA,KAAK,EAAEkD,qBAAYN,SAAZ,CAAsB5C,KALJ;AAMzB+B,EAAAA,OAAO,EAAEc,mBAAUC,KAAV,cACJK,uBAAcP,SADV,GAENK,UARsB;AASzBvC,EAAAA,OAAO,EAAEmC,mBAAUO,SAAV,CAAoB,CAC3BP,mBAAUC,KAAV,uBACKO,mBAAUT,SADf;AAEEjC,IAAAA,IAAI,EAAEkC,mBAAUS,KAAV,CAAgB,CAAC,MAAD,CAAhB;AAFR,KAD2B,EAK3BT,mBAAUC,KAAV,uBACKS,4BAAiBX,SADtB;AAEEjC,IAAAA,IAAI,EAAEkC,mBAAUS,KAAV,CAAgB,CAAC,WAAD,CAAhB;AAFR,KAL2B,EAS3BT,mBAAUC,KAAV,uBACKU,+BAA8BZ,SADnC;AAEEjC,IAAAA,IAAI,EAAEkC,mBAAUS,KAAV,CAAgB,CAAC,aAAD,CAAhB;AAFR,KAT2B,EAa3BT,mBAAUC,KAAV,uBACKW,yBAAgBb,SADrB;AAEEjC,IAAAA,IAAI,EAAEkC,mBAAUS,KAAV,CAAgB,CAAC,SAAD,CAAhB;AAFR,KAb2B,CAApB,CATgB;AA2BzBhC,EAAAA,YAAY,EAAEuB,mBAAUC,KAAV,CAAgB;AAC5B3B,IAAAA,KAAK,EAAE0B,mBAAUE,MADW;AAE5B7C,IAAAA,OAAO,EAAE2C,mBAAUG;AAFS,GAAhB,CA3BW;AA+BzBzB,EAAAA,QAAQ,EAAEsB,mBAAUC,KAAV,CAAgB;AACxBnC,IAAAA,IAAI,EAAEkC,mBAAUS,KAAV,CAAgB,CAAC,MAAD,EAAS,SAAT,CAAhB,CADkB;AAExBnC,IAAAA,KAAK,EAAE0B,mBAAUE,MAFO;AAGxB7C,IAAAA,OAAO,EAAE2C,mBAAUG;AAHK,GAAhB;AA/Be,CAA3B;eAsCenB,c","sourcesContent":["import React from 'react';\nimport getOr from 'lodash/fp/getOr';\nimport PropTypes from 'prop-types';\nimport ButtonLink from '../../atom/button-link';\nimport ButtonLinkIconOnly from '../../atom/button-link-icon-only';\nimport WizardSteps from '../../atom/wizard-steps';\nimport WizardSummary from '../../molecule/wizard-summary';\nimport BrandForm from '../brand-form';\nimport ContentTranslate from '../content-translation';\nimport OrganismSearchAndChipsResults from '../search-and-chips-results';\nimport CourseSelection from '../course-selection';\nimport style from './style.css';\n\nconst buildHeader = (wizardHeader, steps) => {\n const {title, onClick} = wizardHeader;\n\n const buttonCloseIcon = {\n size: 'small',\n 'data-name': 'close-button',\n 'aria-label': 'close button',\n icon: 'close',\n onClick\n };\n\n return (\n <div>\n <div className={style.header}>\n <ButtonLinkIconOnly {...buttonCloseIcon} />\n <div className={style.headerTitle} data-name={'custom-playlist-title'}>\n {title}\n </div>\n </div>\n <WizardSteps steps={steps} />\n </div>\n );\n};\n\nconst buildForm = content => {\n const {type} = content;\n switch (type) {\n case 'form':\n return <BrandForm {...content} />;\n case 'translate':\n return <ContentTranslate {...content} />;\n case 'populations':\n return <OrganismSearchAndChipsResults {...content} />;\n case 'courses':\n return <CourseSelection {...content} />;\n }\n};\n\nconst buildButton = (type, step) => {\n const ICONS = {\n previous: {\n position: 'left',\n type: 'chevron-left'\n },\n next: {\n position: 'right',\n type: 'chevron-right'\n },\n publish: {\n position: 'left',\n type: 'publish'\n }\n };\n\n const {label, onClick} = step;\n const buttonProps = {\n type: type === 'previous' ? 'secondary' : 'primary',\n 'aria-label': `${type} step button`,\n 'data-name': `${type}-step-button`,\n icon: ICONS[type],\n label,\n onClick\n };\n\n return <ButtonLink {...buttonProps} />;\n};\n\nconst buildActionZone = (previousStep, nextStep) => {\n const previousButton = previousStep ? buildButton('previous', previousStep) : null;\n const nextStepType = getOr('next', 'type', nextStep);\n const nextButton = nextStep ? buildButton(nextStepType, nextStep) : null;\n return (\n <div className={style.actionZone}>\n <div className={style.button}>{previousButton}</div>\n <div className={style.button}>{nextButton}</div>\n </div>\n );\n};\n\nconst WizardContents = props => {\n const {wizardHeader, steps, summary, content, nextStep, previousStep} = props;\n const headerView = buildHeader(wizardHeader, steps);\n const formView = buildForm(content);\n const actionView = buildActionZone(previousStep, nextStep);\n\n return (\n <div className={style.container}>\n <div className={style.leftSection}>\n {headerView}\n <div className={style.form}>{formView}</div>\n </div>\n <div className={style.rightSection}>\n <div className={style.stickySection}>\n <div className={style.summaryZone}>\n <WizardSummary {...summary} />\n </div>\n {actionView}\n </div>\n </div>\n <div className={style.footer}>\n <div className={style.summaryFooter}>\n <WizardSummary {...summary} />\n </div>\n <div className={style.actionFooter}>{actionView}</div>\n </div>\n </div>\n );\n};\n\nWizardContents.propTypes = {\n wizardHeader: PropTypes.shape({\n title: PropTypes.string,\n onClick: PropTypes.func\n }).isRequired,\n steps: WizardSteps.propTypes.steps,\n summary: PropTypes.shape({\n ...WizardSummary.propTypes\n }).isRequired,\n content: PropTypes.oneOfType([\n PropTypes.shape({\n ...BrandForm.propTypes,\n type: PropTypes.oneOf(['form'])\n }),\n PropTypes.shape({\n ...ContentTranslate.propTypes,\n type: PropTypes.oneOf(['translate'])\n }),\n PropTypes.shape({\n ...OrganismSearchAndChipsResults.propTypes,\n type: PropTypes.oneOf(['populations'])\n }),\n PropTypes.shape({\n ...CourseSelection.propTypes,\n type: PropTypes.oneOf(['courses'])\n })\n ]),\n previousStep: PropTypes.shape({\n label: PropTypes.string,\n onClick: PropTypes.func\n }),\n nextStep: PropTypes.shape({\n type: PropTypes.oneOf(['next', 'publish']),\n label: PropTypes.string,\n onClick: PropTypes.func\n })\n};\n\nexport default WizardContents;\n"],"file":"index.js"}
1
+ {"version":3,"sources":["../../../src/organism/wizard-contents/index.js"],"names":["buildHeader","wizardHeader","steps","title","onClick","buttonCloseIcon","size","icon","style","header","headerTitle","buildForm","content","type","buildButton","step","side","ICONS","previous","position","next","publish","label","buttonProps","buildActionZone","previousStep","nextStep","previousButton","nextStepType","nextButton","actionZone","button","WizardContents","props","summary","headerView","formView","rightActionView","footerActionView","container","leftSection","form","rightSection","stickySection","summaryZone","footer","summaryFooter","actionFooter","propTypes","PropTypes","shape","string","func","isRequired","WizardSteps","WizardSummary","oneOfType","BrandForm","oneOf","ContentTranslate","OrganismSearchAndChipsResults","CourseSelection"],"mappings":"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","sourcesContent":["import React from 'react';\nimport getOr from 'lodash/fp/getOr';\nimport PropTypes from 'prop-types';\nimport ButtonLink from '../../atom/button-link';\nimport ButtonLinkIconOnly from '../../atom/button-link-icon-only';\nimport WizardSteps from '../../atom/wizard-steps';\nimport WizardSummary from '../../molecule/wizard-summary';\nimport BrandForm from '../brand-form';\nimport ContentTranslate from '../content-translation';\nimport OrganismSearchAndChipsResults from '../search-and-chips-results';\nimport CourseSelection from '../course-selection';\nimport style from './style.css';\n\nconst buildHeader = (wizardHeader, steps) => {\n const {title, onClick} = wizardHeader;\n\n const buttonCloseIcon = {\n size: 'small',\n 'data-name': 'close-button',\n 'aria-label': 'close button',\n icon: 'close',\n onClick\n };\n\n return (\n <div>\n <div className={style.header}>\n <ButtonLinkIconOnly {...buttonCloseIcon} />\n <div className={style.headerTitle} data-name={'custom-playlist-title'}>\n {title}\n </div>\n </div>\n <WizardSteps steps={steps} />\n </div>\n );\n};\n\nconst buildForm = content => {\n const {type} = content;\n switch (type) {\n case 'form':\n return <BrandForm {...content} />;\n case 'translate':\n return <ContentTranslate {...content} />;\n case 'populations':\n return <OrganismSearchAndChipsResults {...content} />;\n case 'courses':\n return <CourseSelection {...content} />;\n }\n};\n\nconst buildButton = (type, step, side) => {\n const ICONS = {\n previous: {\n position: 'left',\n type: 'chevron-left'\n },\n next: {\n position: 'right',\n type: 'chevron-right'\n },\n publish: {\n position: 'left',\n type: 'publish'\n }\n };\n\n const {label, onClick} = step;\n const buttonProps = {\n type: type === 'previous' ? 'secondary' : 'primary',\n 'aria-label': `${type} step button`,\n 'data-name': `${type}-step-button-${side}`,\n icon: ICONS[type],\n label,\n onClick\n };\n\n return <ButtonLink {...buttonProps} />;\n};\n\nconst buildActionZone = (previousStep, nextStep, side) => {\n const previousButton = previousStep ? buildButton('previous', previousStep, side) : null;\n const nextStepType = getOr('next', 'type', nextStep);\n const nextButton = nextStep ? buildButton(nextStepType, nextStep, side) : null;\n return (\n <div className={style.actionZone}>\n <div className={style.button}>{previousButton}</div>\n <div className={style.button}>{nextButton}</div>\n </div>\n );\n};\n\nconst WizardContents = props => {\n const {wizardHeader, steps, summary, content, nextStep, previousStep} = props;\n const headerView = buildHeader(wizardHeader, steps);\n const formView = buildForm(content);\n const rightActionView = buildActionZone(previousStep, nextStep, 'right');\n const footerActionView = buildActionZone(previousStep, nextStep, 'footer');\n\n return (\n <div className={style.container} data-name=\"custom-playlist-summary\">\n <div className={style.leftSection}>\n {headerView}\n <div className={style.form}>{formView}</div>\n </div>\n <div className={style.rightSection} data-name=\"summary-right-section\">\n <div className={style.stickySection}>\n <div className={style.summaryZone} data-name=\"summary-zone\">\n <WizardSummary {...summary} side={'right'} />\n </div>\n {rightActionView}\n </div>\n </div>\n <div className={style.footer} data-name=\"summary-footer-section\">\n <div className={style.summaryFooter}>\n <WizardSummary {...summary} side={'footer'} />\n </div>\n <div className={style.actionFooter}>{footerActionView}</div>\n </div>\n </div>\n );\n};\n\nWizardContents.propTypes = {\n wizardHeader: PropTypes.shape({\n title: PropTypes.string,\n onClick: PropTypes.func\n }).isRequired,\n steps: WizardSteps.propTypes.steps,\n summary: PropTypes.shape({\n ...WizardSummary.propTypes\n }).isRequired,\n content: PropTypes.oneOfType([\n PropTypes.shape({\n ...BrandForm.propTypes,\n type: PropTypes.oneOf(['form'])\n }),\n PropTypes.shape({\n ...ContentTranslate.propTypes,\n type: PropTypes.oneOf(['translate'])\n }),\n PropTypes.shape({\n ...OrganismSearchAndChipsResults.propTypes,\n type: PropTypes.oneOf(['populations'])\n }),\n PropTypes.shape({\n ...CourseSelection.propTypes,\n type: PropTypes.oneOf(['courses'])\n })\n ]),\n previousStep: PropTypes.shape({\n label: PropTypes.string,\n onClick: PropTypes.func\n }),\n nextStep: PropTypes.shape({\n type: PropTypes.oneOf(['next', 'publish']),\n label: PropTypes.string,\n onClick: PropTypes.func\n })\n};\n\nexport default WizardContents;\n"],"file":"index.js"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@coorpacademy/components",
3
- "version": "10.3.17-alpha.0+90a830994",
3
+ "version": "10.3.20",
4
4
  "description": "",
5
5
  "main": "lib/index.js",
6
6
  "module": "es/index.js",
@@ -119,5 +119,5 @@
119
119
  "webpack-hot-middleware": "^2.25.0"
120
120
  },
121
121
  "author": "CoorpAcademy",
122
- "gitHead": "90a830994dd8c08f9f9b81266117d708eec2dd6e"
122
+ "gitHead": "957d1662b02638ca94d9abe6c29d3b801f8369f8"
123
123
  }
@@ -1,17 +0,0 @@
1
- import test from 'ava';
2
- import forEach from 'lodash/forEach';
3
- import renderComponentMacro from '../../../test/helpers/render-component';
4
- import MoleculeCockpitPopin from '..';
5
- import fixtureDefault from './fixtures/default';
6
- import fixtureLoading from './fixtures/loading';
7
- import fixtureVideoTranslate from './fixtures/video-translate';
8
- test('Molecule › MoleculeCockpitPopin > should have valid propTypes', t => {
9
- t.pass();
10
- forEach(MoleculeCockpitPopin.propTypes, (value, key) => {
11
- t.not(value, undefined, `PropType for "Molecule.MoleculeCockpitPopin.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
12
- });
13
- });
14
- test('Molecule › MoleculeCockpitPopin › Default › should be rendered', renderComponentMacro, MoleculeCockpitPopin, fixtureDefault);
15
- test('Molecule › MoleculeCockpitPopin › Loading › should be rendered', renderComponentMacro, MoleculeCockpitPopin, fixtureLoading);
16
- test('Molecule › MoleculeCockpitPopin › VideoTranslate › should be rendered', renderComponentMacro, MoleculeCockpitPopin, fixtureVideoTranslate);
17
- //# sourceMappingURL=fixtures.js.map
@@ -1 +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"}
@@ -1,15 +0,0 @@
1
- import test from 'ava';
2
- import forEach from 'lodash/forEach';
3
- import renderComponentMacro from '../../../test/helpers/render-component';
4
- import MoleculeSearch from '..';
5
- import fixtureDefault from './fixtures/default';
6
- import fixtureWithValue from './fixtures/with-value';
7
- test('Molecule › MoleculeSearch > should have valid propTypes', t => {
8
- t.pass();
9
- forEach(MoleculeSearch.propTypes, (value, key) => {
10
- t.not(value, undefined, `PropType for "Molecule.MoleculeSearch.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
11
- });
12
- });
13
- test('Molecule › MoleculeSearch › Default › should be rendered', renderComponentMacro, MoleculeSearch, fixtureDefault);
14
- test('Molecule › MoleculeSearch › WithValue › should be rendered', renderComponentMacro, MoleculeSearch, fixtureWithValue);
15
- //# sourceMappingURL=fixtures.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../../src/molecule/search/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","MoleculeSearch","fixtureDefault","fixtureWithValue","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,cAAP,MAA2B,IAA3B;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,gBAAP,MAA6B,uBAA7B;AAEAL,IAAI,CAAC,yDAAD,EAA4DM,CAAC,IAAI;AACnEA,EAAAA,CAAC,CAACC,IAAF;AACAN,EAAAA,OAAO,CAACE,cAAc,CAACK,SAAhB,EAA2B,CAACC,KAAD,EAAQC,GAAR,KAAgB;AAChDJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,mDAAkDF,GAAI,mEAA/E;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOAV,IAAI,CAAC,0DAAD,EAA6DE,oBAA7D,EAAmFC,cAAnF,EAAmGC,cAAnG,CAAJ;AACAJ,IAAI,CAAC,4DAAD,EAA+DE,oBAA/D,EAAqFC,cAArF,EAAqGE,gBAArG,CAAJ","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport MoleculeSearch from '..';\nimport fixtureDefault from './fixtures/default';\nimport fixtureWithValue from './fixtures/with-value';\n\ntest('Molecule › MoleculeSearch > should have valid propTypes', t => {\n t.pass();\n forEach(MoleculeSearch.propTypes, (value, key) => {\n t.not(value, undefined, `PropType for \"Molecule.MoleculeSearch.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n });\n});\n\ntest('Molecule › MoleculeSearch › Default › should be rendered', renderComponentMacro, MoleculeSearch, fixtureDefault);\ntest('Molecule › MoleculeSearch › WithValue › should be rendered', renderComponentMacro, MoleculeSearch, fixtureWithValue);\n"],"file":"fixtures.js"}
@@ -1,28 +0,0 @@
1
- "use strict";
2
-
3
- var _ava = _interopRequireDefault(require("ava"));
4
-
5
- var _forEach = _interopRequireDefault(require("lodash/forEach"));
6
-
7
- var _renderComponent = _interopRequireDefault(require("../../../test/helpers/render-component"));
8
-
9
- var _ = _interopRequireDefault(require(".."));
10
-
11
- var _default = _interopRequireDefault(require("./fixtures/default"));
12
-
13
- var _loading = _interopRequireDefault(require("./fixtures/loading"));
14
-
15
- var _videoTranslate = _interopRequireDefault(require("./fixtures/video-translate"));
16
-
17
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
18
-
19
- (0, _ava.default)('Molecule › MoleculeCockpitPopin > should have valid propTypes', t => {
20
- t.pass();
21
- (0, _forEach.default)(_.default.propTypes, (value, key) => {
22
- t.not(value, undefined, `PropType for "Molecule.MoleculeCockpitPopin.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
23
- });
24
- });
25
- (0, _ava.default)('Molecule › MoleculeCockpitPopin › Default › should be rendered', _renderComponent.default, _.default, _default.default);
26
- (0, _ava.default)('Molecule › MoleculeCockpitPopin › Loading › should be rendered', _renderComponent.default, _.default, _loading.default);
27
- (0, _ava.default)('Molecule › MoleculeCockpitPopin › VideoTranslate › should be rendered', _renderComponent.default, _.default, _videoTranslate.default);
28
- //# sourceMappingURL=fixtures.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../../src/molecule/cockpit-popin/test/fixtures.js"],"names":["t","pass","MoleculeCockpitPopin","propTypes","value","key","not","undefined","renderComponentMacro","fixtureDefault","fixtureLoading","fixtureVideoTranslate"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,kBAAK,+DAAL,EAAsEA,CAAC,IAAI;AACzEA,EAAAA,CAAC,CAACC,IAAF;AACA,wBAAQC,UAAqBC,SAA7B,EAAwC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACtDL,IAAAA,CAAC,CAACM,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,yDAAwDF,GAAI,mEAArF;AACD,GAFD;AAGD,CALD;AAOA,kBAAK,gEAAL,EAAuEG,wBAAvE,EAA6FN,SAA7F,EAAmHO,gBAAnH;AACA,kBAAK,gEAAL,EAAuED,wBAAvE,EAA6FN,SAA7F,EAAmHQ,gBAAnH;AACA,kBAAK,uEAAL,EAA8EF,wBAA9E,EAAoGN,SAApG,EAA0HS,uBAA1H","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"}
@@ -1,25 +0,0 @@
1
- "use strict";
2
-
3
- var _ava = _interopRequireDefault(require("ava"));
4
-
5
- var _forEach = _interopRequireDefault(require("lodash/forEach"));
6
-
7
- var _renderComponent = _interopRequireDefault(require("../../../test/helpers/render-component"));
8
-
9
- var _ = _interopRequireDefault(require(".."));
10
-
11
- var _default = _interopRequireDefault(require("./fixtures/default"));
12
-
13
- var _withValue = _interopRequireDefault(require("./fixtures/with-value"));
14
-
15
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
16
-
17
- (0, _ava.default)('Molecule › MoleculeSearch > should have valid propTypes', t => {
18
- t.pass();
19
- (0, _forEach.default)(_.default.propTypes, (value, key) => {
20
- t.not(value, undefined, `PropType for "Molecule.MoleculeSearch.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
21
- });
22
- });
23
- (0, _ava.default)('Molecule › MoleculeSearch › Default › should be rendered', _renderComponent.default, _.default, _default.default);
24
- (0, _ava.default)('Molecule › MoleculeSearch › WithValue › should be rendered', _renderComponent.default, _.default, _withValue.default);
25
- //# sourceMappingURL=fixtures.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../../src/molecule/search/test/fixtures.js"],"names":["t","pass","MoleculeSearch","propTypes","value","key","not","undefined","renderComponentMacro","fixtureDefault","fixtureWithValue"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,kBAAK,yDAAL,EAAgEA,CAAC,IAAI;AACnEA,EAAAA,CAAC,CAACC,IAAF;AACA,wBAAQC,UAAeC,SAAvB,EAAkC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AAChDL,IAAAA,CAAC,CAACM,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,mDAAkDF,GAAI,mEAA/E;AACD,GAFD;AAGD,CALD;AAOA,kBAAK,0DAAL,EAAiEG,wBAAjE,EAAuFN,SAAvF,EAAuGO,gBAAvG;AACA,kBAAK,4DAAL,EAAmED,wBAAnE,EAAyFN,SAAzF,EAAyGQ,kBAAzG","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport MoleculeSearch from '..';\nimport fixtureDefault from './fixtures/default';\nimport fixtureWithValue from './fixtures/with-value';\n\ntest('Molecule › MoleculeSearch > should have valid propTypes', t => {\n t.pass();\n forEach(MoleculeSearch.propTypes, (value, key) => {\n t.not(value, undefined, `PropType for \"Molecule.MoleculeSearch.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n });\n});\n\ntest('Molecule › MoleculeSearch › Default › should be rendered', renderComponentMacro, MoleculeSearch, fixtureDefault);\ntest('Molecule › MoleculeSearch › WithValue › should be rendered', renderComponentMacro, MoleculeSearch, fixtureWithValue);\n"],"file":"fixtures.js"}