@coorpacademy/components 10.6.1 → 10.8.0

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 (67) hide show
  1. package/es/atom/button-link/index.js +10 -3
  2. package/es/atom/button-link/index.js.map +1 -1
  3. package/es/atom/tag/index.js +1 -1
  4. package/es/atom/tag/index.js.map +1 -1
  5. package/es/molecule/cockpit-popin/test/fixtures.js +17 -0
  6. package/es/molecule/cockpit-popin/test/fixtures.js.map +1 -0
  7. package/es/molecule/course-section/style.css +2 -2
  8. package/es/molecule/dashboard/review-banner/test/fixtures.js +13 -0
  9. package/es/molecule/dashboard/review-banner/test/fixtures.js.map +1 -0
  10. package/es/molecule/review-correction-popin/index.js +103 -0
  11. package/es/molecule/review-correction-popin/index.js.map +1 -0
  12. package/es/molecule/review-correction-popin/style.css +315 -0
  13. package/es/molecule/review-correction-popin/test/fixtures/right.js +17 -0
  14. package/es/molecule/review-correction-popin/test/fixtures/right.js.map +1 -0
  15. package/es/molecule/review-correction-popin/test/fixtures/wrong.js +19 -0
  16. package/es/molecule/review-correction-popin/test/fixtures/wrong.js.map +1 -0
  17. package/es/molecule/review-correction-popin/test/fixtures.js +15 -0
  18. package/es/molecule/review-correction-popin/test/fixtures.js.map +1 -0
  19. package/es/molecule/search/test/fixtures.js +15 -0
  20. package/es/molecule/search/test/fixtures.js.map +1 -0
  21. package/es/organism/list-items/index.js +2 -2
  22. package/es/organism/list-items/index.js.map +1 -1
  23. package/es/organism/wizard-contents/index.js +2 -2
  24. package/es/organism/wizard-contents/index.js.map +1 -1
  25. package/es/template/back-office/brand-list/index.js +16 -3
  26. package/es/template/back-office/brand-list/index.js.map +1 -1
  27. package/es/template/back-office/brand-list/style.css +11 -5
  28. package/es/template/back-office/brand-list/test/fixtures/default.js +3 -3
  29. package/es/template/back-office/brand-list/test/fixtures/default.js.map +1 -1
  30. package/es/template/back-office/brand-list/test/fixtures/rh.js +23 -1
  31. package/es/template/back-office/brand-list/test/fixtures/rh.js.map +1 -1
  32. package/es/util/button-icons.js +2 -1
  33. package/es/util/button-icons.js.map +1 -1
  34. package/lib/atom/button-link/index.js +11 -3
  35. package/lib/atom/button-link/index.js.map +1 -1
  36. package/lib/atom/tag/index.js +1 -1
  37. package/lib/atom/tag/index.js.map +1 -1
  38. package/lib/molecule/cockpit-popin/test/fixtures.js +28 -0
  39. package/lib/molecule/cockpit-popin/test/fixtures.js.map +1 -0
  40. package/lib/molecule/course-section/style.css +2 -2
  41. package/lib/molecule/dashboard/review-banner/test/fixtures.js +22 -0
  42. package/lib/molecule/dashboard/review-banner/test/fixtures.js.map +1 -0
  43. package/lib/molecule/review-correction-popin/index.js +116 -0
  44. package/lib/molecule/review-correction-popin/index.js.map +1 -0
  45. package/lib/molecule/review-correction-popin/style.css +315 -0
  46. package/lib/molecule/review-correction-popin/test/fixtures/right.js +22 -0
  47. package/lib/molecule/review-correction-popin/test/fixtures/right.js.map +1 -0
  48. package/lib/molecule/review-correction-popin/test/fixtures/wrong.js +24 -0
  49. package/lib/molecule/review-correction-popin/test/fixtures/wrong.js.map +1 -0
  50. package/lib/molecule/review-correction-popin/test/fixtures.js +25 -0
  51. package/lib/molecule/review-correction-popin/test/fixtures.js.map +1 -0
  52. package/lib/molecule/search/test/fixtures.js +25 -0
  53. package/lib/molecule/search/test/fixtures.js.map +1 -0
  54. package/lib/organism/list-items/index.js +2 -2
  55. package/lib/organism/list-items/index.js.map +1 -1
  56. package/lib/organism/wizard-contents/index.js +2 -2
  57. package/lib/organism/wizard-contents/index.js.map +1 -1
  58. package/lib/template/back-office/brand-list/index.js +17 -3
  59. package/lib/template/back-office/brand-list/index.js.map +1 -1
  60. package/lib/template/back-office/brand-list/style.css +11 -5
  61. package/lib/template/back-office/brand-list/test/fixtures/default.js +3 -3
  62. package/lib/template/back-office/brand-list/test/fixtures/default.js.map +1 -1
  63. package/lib/template/back-office/brand-list/test/fixtures/rh.js +23 -1
  64. package/lib/template/back-office/brand-list/test/fixtures/rh.js.map +1 -1
  65. package/lib/util/button-icons.js +1 -0
  66. package/lib/util/button-icons.js.map +1 -1
  67. package/package.json +2 -2
@@ -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","side","ICONS","previous","position","next","publish","label","buttonProps","buildActionZone","previousStep","nextStep","previousButton","nextStepType","nextButton","actionZone","button","WizardContents","props","isLoading","summary","headerView","formView","rightActionView","footerActionView","container","leftSection","form","rightSection","stickySection","summaryZone","footer","summaryFooter","actionFooter","propTypes","PropTypes","bool","shape","string","func","isRequired","WizardSteps","WizardSummary","oneOfType","BrandForm","oneOf","ContentTranslate","OrganismSearchAndChipsResults","CourseSelection","CourseSections"],"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 CourseSections from '../../molecule/course-sections';\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 case 'organize-courses':\n return <CourseSections {...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 {isLoading, wizardHeader, steps, summary, content, nextStep, previousStep} = props;\n const headerView = buildHeader(wizardHeader, steps);\n const formView = buildForm({...content, isLoading});\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 isLoading: PropTypes.bool,\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 PropTypes.shape({\n ...CourseSections.propTypes,\n type: PropTypes.oneOf(['organize-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","isLoading","summary","headerView","formView","rightActionView","footerActionView","container","leftSection","form","rightSection","stickySection","summaryZone","footer","summaryFooter","actionFooter","propTypes","PropTypes","bool","shape","string","func","isRequired","WizardSteps","WizardSummary","oneOfType","BrandForm","oneOf","ContentTranslate","OrganismSearchAndChipsResults","CourseSelection","CourseSections"],"mappings":";;;;;AAAA;;AACA;;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;;AACF,SAAK,kBAAL;AACE,0BAAO,6BAAC,uBAAD,EAAoBA,OAApB,CAAP;AAVJ;AAYD,CAdD;;AAgBA,MAAME,WAAW,GAAG,CAACD,IAAD,EAAOE,IAAP,EAAaC,IAAb,KAAsB;AACxC,QAAMC,KAAK,GAAG;AACZC,IAAAA,QAAQ,EAAE;AACRC,MAAAA,QAAQ,EAAE,MADF;AAERN,MAAAA,IAAI,EAAE;AAFE,KADE;AAKZO,IAAAA,IAAI,EAAE;AACJD,MAAAA,QAAQ,EAAE,OADN;AAEJN,MAAAA,IAAI,EAAE;AAFF,KALM;AASZQ,IAAAA,OAAO,EAAE;AACPF,MAAAA,QAAQ,EAAE,MADH;AAEPN,MAAAA,IAAI,EAAE;AAFC;AATG,GAAd;AAeA,QAAM;AAACS,IAAAA,KAAD;AAAQlB,IAAAA;AAAR,MAAmBW,IAAzB;AACA,QAAMQ,WAAW,GAAG;AAClBV,IAAAA,IAAI,EAAEA,IAAI,KAAK,UAAT,GAAsB,WAAtB,GAAoC,SADxB;AAElB,kBAAe,GAAEA,IAAK,cAFJ;AAGlB,iBAAc,GAAEA,IAAK,gBAAeG,IAAK,EAHvB;AAIlBT,IAAAA,IAAI,EAAEU,KAAK,CAACJ,IAAD,CAJO;AAKlBS,IAAAA,KALkB;AAMlBlB,IAAAA;AANkB,GAApB;AASA,sBAAO,6BAAC,mBAAD,EAAgBmB,WAAhB,CAAP;AACD,CA3BD;;AA6BA,MAAMC,eAAe,GAAG,CAACC,YAAD,EAAeC,QAAf,EAAyBV,IAAzB,KAAkC;AACxD,QAAMW,cAAc,GAAGF,YAAY,GAAGX,WAAW,CAAC,UAAD,EAAaW,YAAb,EAA2BT,IAA3B,CAAd,GAAiD,IAApF;AACA,QAAMY,YAAY,GAAG,oBAAM,MAAN,EAAc,MAAd,EAAsBF,QAAtB,CAArB;AACA,QAAMG,UAAU,GAAGH,QAAQ,GAAGZ,WAAW,CAACc,YAAD,EAAeF,QAAf,EAAyBV,IAAzB,CAAd,GAA+C,IAA1E;AACA,sBACE;AAAK,IAAA,SAAS,EAAER,eAAMsB;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAEtB,eAAMuB;AAAtB,KAA+BJ,cAA/B,CADF,eAEE;AAAK,IAAA,SAAS,EAAEnB,eAAMuB;AAAtB,KAA+BF,UAA/B,CAFF,CADF;AAMD,CAVD;;AAYA,MAAMG,cAAc,GAAGC,KAAK,IAAI;AAC9B,QAAM;AAACC,IAAAA,SAAD;AAAYjC,IAAAA,YAAZ;AAA0BC,IAAAA,KAA1B;AAAiCiC,IAAAA,OAAjC;AAA0CvB,IAAAA,OAA1C;AAAmDc,IAAAA,QAAnD;AAA6DD,IAAAA;AAA7D,MAA6EQ,KAAnF;AACA,QAAMG,UAAU,GAAGpC,WAAW,CAACC,YAAD,EAAeC,KAAf,CAA9B;AACA,QAAMmC,QAAQ,GAAG1B,SAAS,uBAAKC,OAAL;AAAcsB,IAAAA;AAAd,KAA1B;AACA,QAAMI,eAAe,GAAGd,eAAe,CAACC,YAAD,EAAeC,QAAf,EAAyB,OAAzB,CAAvC;AACA,QAAMa,gBAAgB,GAAGf,eAAe,CAACC,YAAD,EAAeC,QAAf,EAAyB,QAAzB,CAAxC;AAEA,sBACE;AAAK,IAAA,SAAS,EAAElB,eAAMgC,SAAtB;AAAiC,iBAAU;AAA3C,kBACE;AAAK,IAAA,SAAS,EAAEhC,eAAMiC;AAAtB,KACGL,UADH,eAEE;AAAK,IAAA,SAAS,EAAE5B,eAAMkC;AAAtB,KAA6BL,QAA7B,CAFF,CADF,eAKE;AAAK,IAAA,SAAS,EAAE7B,eAAMmC,YAAtB;AAAoC,iBAAU;AAA9C,kBACE;AAAK,IAAA,SAAS,EAAEnC,eAAMoC;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAEpC,eAAMqC,WAAtB;AAAmC,iBAAU;AAA7C,kBACE,6BAAC,sBAAD,eAAmBV,OAAnB;AAA4B,IAAA,IAAI,EAAE;AAAlC,KADF,CADF,EAIGG,eAJH,CADF,CALF,eAaE;AAAK,IAAA,SAAS,EAAE9B,eAAMsC,MAAtB;AAA8B,iBAAU;AAAxC,kBACE;AAAK,IAAA,SAAS,EAAEtC,eAAMuC;AAAtB,kBACE,6BAAC,sBAAD,eAAmBZ,OAAnB;AAA4B,IAAA,IAAI,EAAE;AAAlC,KADF,CADF,eAIE;AAAK,IAAA,SAAS,EAAE3B,eAAMwC;AAAtB,KAAqCT,gBAArC,CAJF,CAbF,CADF;AAsBD,CA7BD;;AA+BAP,cAAc,CAACiB,SAAf,2CAA2B;AACzBf,EAAAA,SAAS,EAAEgB,mBAAUC,IADI;AAEzBlD,EAAAA,YAAY,EAAEiD,mBAAUE,KAAV,CAAgB;AAC5BjD,IAAAA,KAAK,EAAE+C,mBAAUG,MADW;AAE5BjD,IAAAA,OAAO,EAAE8C,mBAAUI;AAFS,GAAhB,EAGXC,UALsB;AAMzBrD,EAAAA,KAAK,EAAEsD,qBAAYP,SAAZ,CAAsB/C,KANJ;AAOzBiC,EAAAA,OAAO,EAAEe,mBAAUE,KAAV,cACJK,uBAAcR,SADV,GAENM,UATsB;AAUzB3C,EAAAA,OAAO,EAAEsC,mBAAUQ,SAAV,CAAoB,CAC3BR,mBAAUE,KAAV,uBACKO,mBAAUV,SADf;AAEEpC,IAAAA,IAAI,EAAEqC,mBAAUU,KAAV,CAAgB,CAAC,MAAD,CAAhB;AAFR,KAD2B,EAK3BV,mBAAUE,KAAV,uBACKS,4BAAiBZ,SADtB;AAEEpC,IAAAA,IAAI,EAAEqC,mBAAUU,KAAV,CAAgB,CAAC,WAAD,CAAhB;AAFR,KAL2B,EAS3BV,mBAAUE,KAAV,uBACKU,+BAA8Bb,SADnC;AAEEpC,IAAAA,IAAI,EAAEqC,mBAAUU,KAAV,CAAgB,CAAC,aAAD,CAAhB;AAFR,KAT2B,EAa3BV,mBAAUE,KAAV,uBACKW,yBAAgBd,SADrB;AAEEpC,IAAAA,IAAI,EAAEqC,mBAAUU,KAAV,CAAgB,CAAC,SAAD,CAAhB;AAFR,KAb2B,EAiB3BV,mBAAUE,KAAV,uBACKY,wBAAef,SADpB;AAEEpC,IAAAA,IAAI,EAAEqC,mBAAUU,KAAV,CAAgB,CAAC,kBAAD,CAAhB;AAFR,KAjB2B,CAApB,CAVgB;AAgCzBnC,EAAAA,YAAY,EAAEyB,mBAAUE,KAAV,CAAgB;AAC5B9B,IAAAA,KAAK,EAAE4B,mBAAUG,MADW;AAE5BjD,IAAAA,OAAO,EAAE8C,mBAAUI;AAFS,GAAhB,CAhCW;AAoCzB5B,EAAAA,QAAQ,EAAEwB,mBAAUE,KAAV,CAAgB;AACxBvC,IAAAA,IAAI,EAAEqC,mBAAUU,KAAV,CAAgB,CAAC,MAAD,EAAS,SAAT,CAAhB,CADkB;AAExBtC,IAAAA,KAAK,EAAE4B,mBAAUG,MAFO;AAGxBjD,IAAAA,OAAO,EAAE8C,mBAAUI;AAHK,GAAhB;AApCe,CAA3B;eA2CetB,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 CourseSections from '../../molecule/course-sections';\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={'content-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 case 'organize-courses':\n return <CourseSections {...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 {isLoading, wizardHeader, steps, summary, content, nextStep, previousStep} = props;\n const headerView = buildHeader(wizardHeader, steps);\n const formView = buildForm({...content, isLoading});\n const rightActionView = buildActionZone(previousStep, nextStep, 'right');\n const footerActionView = buildActionZone(previousStep, nextStep, 'footer');\n\n return (\n <div className={style.container} data-name=\"content-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 isLoading: PropTypes.bool,\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 PropTypes.shape({\n ...CourseSections.propTypes,\n type: PropTypes.oneOf(['organize-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"}
@@ -15,6 +15,8 @@ var _brandCardCreate = _interopRequireDefault(require("../../../molecule/brand-c
15
15
 
16
16
  var _inputSearch = _interopRequireDefault(require("../../../atom/input-search"));
17
17
 
18
+ var _selectMultiple = _interopRequireDefault(require("../../../molecule/select-multiple"));
19
+
18
20
  var _radioGroup = _interopRequireDefault(require("../../../atom/radio-group"));
19
21
 
20
22
  var _layout = _interopRequireDefault(require("../layout"));
@@ -25,13 +27,19 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
25
27
 
26
28
  function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
27
29
 
30
+ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
31
+
28
32
  const BrandList = (0, _layout.default)(props => {
29
33
  const {
30
34
  brands = [],
31
35
  create,
32
- search,
36
+ search: {
37
+ select
38
+ } = {},
33
39
  filter
34
- } = props;
40
+ } = props,
41
+ search = _objectWithoutPropertiesLoose(props.search, ["select"]);
42
+
35
43
  const brandCards = brands.map((brand, index) => {
36
44
  return /*#__PURE__*/_react.default.createElement("div", {
37
45
  key: brand.title,
@@ -51,10 +59,16 @@ const BrandList = (0, _layout.default)(props => {
51
59
  }, filter ? /*#__PURE__*/_react.default.createElement("div", {
52
60
  className: _style.default.filterBar
53
61
  }, /*#__PURE__*/_react.default.createElement(_radioGroup.default, filter)) : null, /*#__PURE__*/_react.default.createElement("div", {
62
+ className: _style.default.filters
63
+ }, /*#__PURE__*/_react.default.createElement("div", {
54
64
  className: _style.default.searchBar
55
65
  }, /*#__PURE__*/_react.default.createElement(_inputSearch.default, _extends({}, search, {
56
66
  theme: "coorpmanager"
57
- }))), /*#__PURE__*/_react.default.createElement("div", {
67
+ }))), select ? /*#__PURE__*/_react.default.createElement("div", {
68
+ className: _style.default.provider
69
+ }, /*#__PURE__*/_react.default.createElement(_selectMultiple.default, _extends({}, select, {
70
+ theme: "coorpmanager"
71
+ }))) : null), /*#__PURE__*/_react.default.createElement("div", {
58
72
  className: _style.default.wrapper
59
73
  }, /*#__PURE__*/_react.default.createElement(_gridList.default, null, brandCards)));
60
74
  });
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/template/back-office/brand-list/index.js"],"names":["BrandList","props","brands","create","search","filter","brandCards","map","brand","index","title","style","push","container","filterBar","searchBar","wrapper","propTypes","PropTypes","arrayOf","shape","BrandCard","RadioGroup","Search","BrandCardCreate"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,MAAMA,SAAS,GAAG,qBAAOC,KAAK,IAAI;AAChC,QAAM;AAACC,IAAAA,MAAM,GAAG,EAAV;AAAcC,IAAAA,MAAd;AAAsBC,IAAAA,MAAtB;AAA8BC,IAAAA;AAA9B,MAAwCJ,KAA9C;AAEA,QAAMK,UAAU,GAAGJ,MAAM,CAACK,GAAP,CAAW,CAACC,KAAD,EAAQC,KAAR,KAAkB;AAC9C,wBACE;AAAK,MAAA,GAAG,EAAED,KAAK,CAACE,KAAhB;AAAuB,MAAA,SAAS,EAAEC,eAAMH;AAAxC,oBACE,6BAAC,kBAAD,EAAeA,KAAf,CADF,CADF;AAKD,GANkB,CAAnB;;AAQA,MAAIL,MAAJ,EAAY;AACVG,IAAAA,UAAU,CAACM,IAAX,eACE;AAAK,MAAA,GAAG,EAAC,KAAT;AAAe,MAAA,SAAS,EAAED,eAAMH;AAAhC,oBACE,6BAAC,wBAAD,EAAqBL,MAArB,CADF,CADF;AAKD;;AAED,sBACE;AAAK,IAAA,SAAS,EAAEQ,eAAME;AAAtB,KACGR,MAAM,gBACL;AAAK,IAAA,SAAS,EAAEM,eAAMG;AAAtB,kBACE,6BAAC,mBAAD,EAAgBT,MAAhB,CADF,CADK,GAIH,IALN,eAME;AAAK,IAAA,SAAS,EAAEM,eAAMI;AAAtB,kBACE,6BAAC,oBAAD,eAAYX,MAAZ;AAAoB,IAAA,KAAK,EAAC;AAA1B,KADF,CANF,eASE;AAAK,IAAA,SAAS,EAAEO,eAAMK;AAAtB,kBACE,6BAAC,iBAAD,QAAWV,UAAX,CADF,CATF,CADF;AAeD,CAlCiB,CAAlB;AAoCAN,SAAS,CAACiB,SAAV,2CAAsB;AACpBf,EAAAA,MAAM,EAAEgB,mBAAUC,OAAV,CAAkBD,mBAAUE,KAAV,CAAgBC,mBAAUJ,SAA1B,CAAlB,CADY;AAEpBZ,EAAAA,MAAM,EAAEa,mBAAUE,KAAV,CAAgBE,oBAAWL,SAA3B,CAFY;AAGpBb,EAAAA,MAAM,EAAEc,mBAAUE,KAAV,CAAgBG,qBAAON,SAAvB,CAHY;AAIpBd,EAAAA,MAAM,EAAEe,mBAAUE,KAAV,CAAgBI,yBAAgBP,SAAhC;AAJY,CAAtB;eAOejB,S","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport GridList from '../../../organism/grid-list';\nimport BrandCard from '../../../molecule/brand-card';\nimport BrandCardCreate from '../../../molecule/brand-card-create';\nimport Search from '../../../atom/input-search';\nimport RadioGroup from '../../../atom/radio-group';\nimport Layout from '../layout';\nimport style from './style.css';\n\nconst BrandList = Layout(props => {\n const {brands = [], create, search, filter} = props;\n\n const brandCards = brands.map((brand, index) => {\n return (\n <div key={brand.title} className={style.brand}>\n <BrandCard {...brand} />\n </div>\n );\n });\n\n if (create) {\n brandCards.push(\n <div key=\"new\" className={style.brand}>\n <BrandCardCreate {...create} />\n </div>\n );\n }\n\n return (\n <div className={style.container}>\n {filter ? (\n <div className={style.filterBar}>\n <RadioGroup {...filter} />\n </div>\n ) : null}\n <div className={style.searchBar}>\n <Search {...search} theme=\"coorpmanager\" />\n </div>\n <div className={style.wrapper}>\n <GridList>{brandCards}</GridList>\n </div>\n </div>\n );\n});\n\nBrandList.propTypes = {\n brands: PropTypes.arrayOf(PropTypes.shape(BrandCard.propTypes)),\n filter: PropTypes.shape(RadioGroup.propTypes),\n search: PropTypes.shape(Search.propTypes),\n create: PropTypes.shape(BrandCardCreate.propTypes)\n};\n\nexport default BrandList;\n"],"file":"index.js"}
1
+ {"version":3,"sources":["../../../../src/template/back-office/brand-list/index.js"],"names":["BrandList","props","brands","create","search","select","filter","brandCards","map","brand","index","title","style","push","container","filterBar","filters","searchBar","provider","wrapper","propTypes","PropTypes","arrayOf","shape","BrandCard","RadioGroup","Search","BrandCardCreate"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AAEA,MAAMA,SAAS,GAAG,qBAAOC,KAAK,IAAI;AAChC,QAAM;AAACC,IAAAA,MAAM,GAAG,EAAV;AAAcC,IAAAA,MAAd;AAAsBC,IAAAA,MAAM,EAAE;AAACC,MAAAA;AAAD,QAAsB,EAApD;AAAwDC,IAAAA;AAAxD,MAAkEL,KAAxE;AAAA,QAAgDG,MAAhD,iCAAwEH,KAAxE,CAA4BG,MAA5B;;AAEA,QAAMG,UAAU,GAAGL,MAAM,CAACM,GAAP,CAAW,CAACC,KAAD,EAAQC,KAAR,KAAkB;AAC9C,wBACE;AAAK,MAAA,GAAG,EAAED,KAAK,CAACE,KAAhB;AAAuB,MAAA,SAAS,EAAEC,eAAMH;AAAxC,oBACE,6BAAC,kBAAD,EAAeA,KAAf,CADF,CADF;AAKD,GANkB,CAAnB;;AAQA,MAAIN,MAAJ,EAAY;AACVI,IAAAA,UAAU,CAACM,IAAX,eACE;AAAK,MAAA,GAAG,EAAC,KAAT;AAAe,MAAA,SAAS,EAAED,eAAMH;AAAhC,oBACE,6BAAC,wBAAD,EAAqBN,MAArB,CADF,CADF;AAKD;;AAED,sBACE;AAAK,IAAA,SAAS,EAAES,eAAME;AAAtB,KACGR,MAAM,gBACL;AAAK,IAAA,SAAS,EAAEM,eAAMG;AAAtB,kBACE,6BAAC,mBAAD,EAAgBT,MAAhB,CADF,CADK,GAIH,IALN,eAME;AAAK,IAAA,SAAS,EAAEM,eAAMI;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAEJ,eAAMK;AAAtB,kBACE,6BAAC,oBAAD,eAAYb,MAAZ;AAAoB,IAAA,KAAK,EAAC;AAA1B,KADF,CADF,EAIGC,MAAM,gBACL;AAAK,IAAA,SAAS,EAAEO,eAAMM;AAAtB,kBACE,6BAAC,uBAAD,eAAYb,MAAZ;AAAoB,IAAA,KAAK,EAAC;AAA1B,KADF,CADK,GAIH,IARN,CANF,eAgBE;AAAK,IAAA,SAAS,EAAEO,eAAMO;AAAtB,kBACE,6BAAC,iBAAD,QAAWZ,UAAX,CADF,CAhBF,CADF;AAsBD,CAzCiB,CAAlB;AA2CAP,SAAS,CAACoB,SAAV,2CAAsB;AACpBlB,EAAAA,MAAM,EAAEmB,mBAAUC,OAAV,CAAkBD,mBAAUE,KAAV,CAAgBC,mBAAUJ,SAA1B,CAAlB,CADY;AAEpBd,EAAAA,MAAM,EAAEe,mBAAUE,KAAV,CAAgBE,oBAAWL,SAA3B,CAFY;AAGpBhB,EAAAA,MAAM,EAAEiB,mBAAUE,KAAV,CAAgBG,qBAAON,SAAvB,CAHY;AAIpBjB,EAAAA,MAAM,EAAEkB,mBAAUE,KAAV,CAAgBI,yBAAgBP,SAAhC;AAJY,CAAtB;eAOepB,S","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport GridList from '../../../organism/grid-list';\nimport BrandCard from '../../../molecule/brand-card';\nimport BrandCardCreate from '../../../molecule/brand-card-create';\nimport Search from '../../../atom/input-search';\nimport Select from '../../../molecule/select-multiple';\nimport RadioGroup from '../../../atom/radio-group';\nimport Layout from '../layout';\nimport style from './style.css';\n\nconst BrandList = Layout(props => {\n const {brands = [], create, search: {select, ...search} = {}, filter} = props;\n\n const brandCards = brands.map((brand, index) => {\n return (\n <div key={brand.title} className={style.brand}>\n <BrandCard {...brand} />\n </div>\n );\n });\n\n if (create) {\n brandCards.push(\n <div key=\"new\" className={style.brand}>\n <BrandCardCreate {...create} />\n </div>\n );\n }\n\n return (\n <div className={style.container}>\n {filter ? (\n <div className={style.filterBar}>\n <RadioGroup {...filter} />\n </div>\n ) : null}\n <div className={style.filters}>\n <div className={style.searchBar}>\n <Search {...search} theme=\"coorpmanager\" />\n </div>\n {select ? (\n <div className={style.provider}>\n <Select {...select} theme=\"coorpmanager\" />\n </div>\n ) : null}\n </div>\n <div className={style.wrapper}>\n <GridList>{brandCards}</GridList>\n </div>\n </div>\n );\n});\n\nBrandList.propTypes = {\n brands: PropTypes.arrayOf(PropTypes.shape(BrandCard.propTypes)),\n filter: PropTypes.shape(RadioGroup.propTypes),\n search: PropTypes.shape(Search.propTypes),\n create: PropTypes.shape(BrandCardCreate.propTypes)\n};\n\nexport default BrandList;\n"],"file":"index.js"}
@@ -18,16 +18,23 @@
18
18
  margin: 0 10px 20px;
19
19
  }
20
20
 
21
+ .filters {
22
+ display: flex;
23
+ max-width: 600px;
24
+ margin: auto;
25
+ padding: 0 10px;
26
+ }
27
+
21
28
  .searchBar {
22
29
  width: 800px;
23
30
  height: 100px;
24
31
  margin: auto;
25
- padding-bottom: 10px;
32
+ flex: 1 1 100%;
33
+ margin-right: 20px;
26
34
  }
27
35
 
28
- .searchBar div {
29
- border: 2px solid xtraLightGrey;
30
- border-radius: 2px;
36
+ .provider {
37
+ flex: 0 1 300px;
31
38
  }
32
39
 
33
40
  .filterBar {
@@ -54,7 +61,6 @@
54
61
 
55
62
  .searchBar {
56
63
  width: auto;
57
- margin: 0 30px;
58
64
  box-sizing: content-box;
59
65
  }
60
66
 
@@ -32,10 +32,10 @@ var _default = {
32
32
  checked: false,
33
33
  label: 'Customer platforms'
34
34
  }, {
35
- name: 'team',
36
- value: 'team',
35
+ name: 'other',
36
+ value: 'other',
37
37
  checked: true,
38
- label: 'Team platforms'
38
+ label: 'other platforms'
39
39
  }],
40
40
  theme: 'coorpmanager',
41
41
  onChange: value => console.log(value)
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../../../src/template/back-office/brand-list/test/fixtures/default.js"],"names":["props","BrandCard","header","Header","isHome","brands","search","value","placeholder","onChange","filter","list","name","checked","label","theme","console","log","create","edit","editHref"],"mappings":";;;;;AAAA;;AACA;;;;;;AAEA,MAAM;AAACA,EAAAA;AAAD,IAAUC,iBAAhB;eAEe;AACbD,EAAAA,KAAK,EAAE;AACLE,IAAAA,MAAM,wBAAMC,kBAAOH,KAAb;AAAoBI,MAAAA,MAAM,EAAE;AAA5B,MADD;AAELC,IAAAA,MAAM,EAAE,CAACL,KAAD,EAAQA,KAAR,EAAeA,KAAf,EAAsBA,KAAtB,EAA6BA,KAA7B,CAFH;AAGLM,IAAAA,MAAM,EAAE;AACNC,MAAAA,KAAK,EAAE,EADD;AAENC,MAAAA,WAAW,EAAE,cAFP;AAGNC,MAAAA,QAAQ,EAAE,MAAM,CAAE;AAHZ,KAHH;AAQLC,IAAAA,MAAM,EAAE;AACNC,MAAAA,IAAI,EAAE,CACJ;AACEC,QAAAA,IAAI,EAAE,UADR;AAEEL,QAAAA,KAAK,EAAE,UAFT;AAGEM,QAAAA,OAAO,EAAE,KAHX;AAIEC,QAAAA,KAAK,EAAE;AAJT,OADI,EAOJ;AACEF,QAAAA,IAAI,EAAE,MADR;AAEEL,QAAAA,KAAK,EAAE,MAFT;AAGEM,QAAAA,OAAO,EAAE,IAHX;AAIEC,QAAAA,KAAK,EAAE;AAJT,OAPI,CADA;AAeNC,MAAAA,KAAK,EAAE,cAfD;AAgBNN,MAAAA,QAAQ,EAAEF,KAAK,IAAIS,OAAO,CAACC,GAAR,CAAYV,KAAZ;AAhBb,KARH;AA0BLW,IAAAA,MAAM,EAAE;AACNC,MAAAA,IAAI,EAAE,uBADA;AAENC,MAAAA,QAAQ,EAAE;AAFJ;AA1BH;AADM,C","sourcesContent":["import BrandCard from '../../../../../molecule/brand-card/test/fixtures/default';\nimport Header from '../../../../../organism/setup-header/test/fixtures/default';\n\nconst {props} = BrandCard;\n\nexport default {\n props: {\n header: {...Header.props, isHome: true},\n brands: [props, props, props, props, props],\n search: {\n value: '',\n placeholder: 'Search brand',\n onChange: () => {}\n },\n filter: {\n list: [\n {\n name: 'customer',\n value: 'customer',\n checked: false,\n label: 'Customer platforms'\n },\n {\n name: 'team',\n value: 'team',\n checked: true,\n label: 'Team platforms'\n }\n ],\n theme: 'coorpmanager',\n onChange: value => console.log(value)\n },\n create: {\n edit: 'Create a new platform',\n editHref: '#'\n }\n }\n};\n"],"file":"default.js"}
1
+ {"version":3,"sources":["../../../../../../src/template/back-office/brand-list/test/fixtures/default.js"],"names":["props","BrandCard","header","Header","isHome","brands","search","value","placeholder","onChange","filter","list","name","checked","label","theme","console","log","create","edit","editHref"],"mappings":";;;;;AAAA;;AACA;;;;;;AAEA,MAAM;AAACA,EAAAA;AAAD,IAAUC,iBAAhB;eAEe;AACbD,EAAAA,KAAK,EAAE;AACLE,IAAAA,MAAM,wBAAMC,kBAAOH,KAAb;AAAoBI,MAAAA,MAAM,EAAE;AAA5B,MADD;AAELC,IAAAA,MAAM,EAAE,CAACL,KAAD,EAAQA,KAAR,EAAeA,KAAf,EAAsBA,KAAtB,EAA6BA,KAA7B,CAFH;AAGLM,IAAAA,MAAM,EAAE;AACNC,MAAAA,KAAK,EAAE,EADD;AAENC,MAAAA,WAAW,EAAE,cAFP;AAGNC,MAAAA,QAAQ,EAAE,MAAM,CAAE;AAHZ,KAHH;AAQLC,IAAAA,MAAM,EAAE;AACNC,MAAAA,IAAI,EAAE,CACJ;AACEC,QAAAA,IAAI,EAAE,UADR;AAEEL,QAAAA,KAAK,EAAE,UAFT;AAGEM,QAAAA,OAAO,EAAE,KAHX;AAIEC,QAAAA,KAAK,EAAE;AAJT,OADI,EAOJ;AACEF,QAAAA,IAAI,EAAE,OADR;AAEEL,QAAAA,KAAK,EAAE,OAFT;AAGEM,QAAAA,OAAO,EAAE,IAHX;AAIEC,QAAAA,KAAK,EAAE;AAJT,OAPI,CADA;AAeNC,MAAAA,KAAK,EAAE,cAfD;AAgBNN,MAAAA,QAAQ,EAAEF,KAAK,IAAIS,OAAO,CAACC,GAAR,CAAYV,KAAZ;AAhBb,KARH;AA0BLW,IAAAA,MAAM,EAAE;AACNC,MAAAA,IAAI,EAAE,uBADA;AAENC,MAAAA,QAAQ,EAAE;AAFJ;AA1BH;AADM,C","sourcesContent":["import BrandCard from '../../../../../molecule/brand-card/test/fixtures/default';\nimport Header from '../../../../../organism/setup-header/test/fixtures/default';\n\nconst {props} = BrandCard;\n\nexport default {\n props: {\n header: {...Header.props, isHome: true},\n brands: [props, props, props, props, props],\n search: {\n value: '',\n placeholder: 'Search brand',\n onChange: () => {}\n },\n filter: {\n list: [\n {\n name: 'customer',\n value: 'customer',\n checked: false,\n label: 'Customer platforms'\n },\n {\n name: 'other',\n value: 'other',\n checked: true,\n label: 'other platforms'\n }\n ],\n theme: 'coorpmanager',\n onChange: value => console.log(value)\n },\n create: {\n edit: 'Create a new platform',\n editHref: '#'\n }\n }\n};\n"],"file":"default.js"}
@@ -11,7 +11,29 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
11
11
 
12
12
  var _default = {
13
13
  props: _extends(_extends({}, _default2.default.props), {}, {
14
- create: null
14
+ create: null,
15
+ search: _extends(_extends({}, _default2.default.props.search), {}, {
16
+ select: {
17
+ placeholder: 'Provider',
18
+ title: 'Provider',
19
+ description: 'You should select a provider',
20
+ multiple: false,
21
+ disabled: false,
22
+ error: '',
23
+ hint: '',
24
+ options: [{
25
+ name: 'Team platforms',
26
+ value: 'smb',
27
+ selected: false
28
+ }, {
29
+ name: 'Forvia platforms',
30
+ value: 'forvia-partners',
31
+ selected: true
32
+ }],
33
+ onChange: value => console.log('onChange', value),
34
+ onError: () => false
35
+ }
36
+ })
15
37
  })
16
38
  };
17
39
  exports.default = _default;
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../../../src/template/back-office/brand-list/test/fixtures/rh.js"],"names":["props","Default","create"],"mappings":";;;;;AAAA;;;;;;eAEe;AACbA,EAAAA,KAAK,wBACAC,kBAAQD,KADR;AAEHE,IAAAA,MAAM,EAAE;AAFL;AADQ,C","sourcesContent":["import Default from './default';\n\nexport default {\n props: {\n ...Default.props,\n create: null\n }\n};\n"],"file":"rh.js"}
1
+ {"version":3,"sources":["../../../../../../src/template/back-office/brand-list/test/fixtures/rh.js"],"names":["props","Default","create","search","select","placeholder","title","description","multiple","disabled","error","hint","options","name","value","selected","onChange","console","log","onError"],"mappings":";;;;;AAAA;;;;;;eAEe;AACbA,EAAAA,KAAK,wBACAC,kBAAQD,KADR;AAEHE,IAAAA,MAAM,EAAE,IAFL;AAGHC,IAAAA,MAAM,wBACDF,kBAAQD,KAAR,CAAcG,MADb;AAEJC,MAAAA,MAAM,EAAE;AACNC,QAAAA,WAAW,EAAE,UADP;AAENC,QAAAA,KAAK,EAAE,UAFD;AAGNC,QAAAA,WAAW,EAAE,8BAHP;AAINC,QAAAA,QAAQ,EAAE,KAJJ;AAKNC,QAAAA,QAAQ,EAAE,KALJ;AAMNC,QAAAA,KAAK,EAAE,EAND;AAONC,QAAAA,IAAI,EAAE,EAPA;AAQNC,QAAAA,OAAO,EAAE,CACP;AACEC,UAAAA,IAAI,EAAE,gBADR;AAEEC,UAAAA,KAAK,EAAE,KAFT;AAGEC,UAAAA,QAAQ,EAAE;AAHZ,SADO,EAMP;AACEF,UAAAA,IAAI,EAAE,kBADR;AAEEC,UAAAA,KAAK,EAAE,iBAFT;AAGEC,UAAAA,QAAQ,EAAE;AAHZ,SANO,CARH;AAoBNC,QAAAA,QAAQ,EAAEF,KAAK,IAAIG,OAAO,CAACC,GAAR,CAAY,UAAZ,EAAwBJ,KAAxB,CApBb;AAqBNK,QAAAA,OAAO,EAAE,MAAM;AArBT;AAFJ;AAHH;AADQ,C","sourcesContent":["import Default from './default';\n\nexport default {\n props: {\n ...Default.props,\n create: null,\n search: {\n ...Default.props.search,\n select: {\n placeholder: 'Provider',\n title: 'Provider',\n description: 'You should select a provider',\n multiple: false,\n disabled: false,\n error: '',\n hint: '',\n options: [\n {\n name: 'Team platforms',\n value: 'smb',\n selected: false\n },\n {\n name: 'Forvia platforms',\n value: 'forvia-partners',\n selected: true\n }\n ],\n onChange: value => console.log('onChange', value),\n onError: () => false\n }\n }\n }\n};\n"],"file":"rh.js"}
@@ -14,6 +14,7 @@ const ICONS = {
14
14
  'chevron-right': _novaIcons.NovaCompositionNavigationArrowRight,
15
15
  close: _novaIcons.NovaSolidStatusClose,
16
16
  edit: _novaIcons.NovaSolidContentEditionPencilWrite,
17
+ key: _novaIcons.NovaLineLoginKey1,
17
18
  list: _novaIcons.NovaSolidContentContentViewModule1,
18
19
  logout: _novaIcons.NovaSolidLoginLogout1,
19
20
  publish: _novaIcons.NovaSolidApplicationsWindowUpload3,
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/util/button-icons.js"],"names":["ICONS","add","AddIcon","analytics","AnalyticsIcon","bin","BinIcon","BulletPointIcon","ChevronLeftIcon","ChevronRightIcon","close","CloseIcon","edit","EditIcon","list","ListIcon","logout","LogoutIcon","publish","PublishIcon","save","SaveIcon","see","EyeIcon"],"mappings":";;;;;AAAA;;AAgBO,MAAMA,KAAK,GAAG;AACnBC,EAAAA,GAAG,EAAEC,uCADc;AAEnBC,EAAAA,SAAS,EAAEC,+CAFQ;AAGnBC,EAAAA,GAAG,EAAEC,qCAHc;AAInB,kBAAgBC,iDAJG;AAKnB,kBAAgBC,6CALG;AAMnB,mBAAiBC,8CANE;AAOnBC,EAAAA,KAAK,EAAEC,+BAPY;AAQnBC,EAAAA,IAAI,EAAEC,6CARa;AASnBC,EAAAA,IAAI,EAAEC,6CATa;AAUnBC,EAAAA,MAAM,EAAEC,gCAVW;AAWnBC,EAAAA,OAAO,EAAEC,6CAXU;AAYnBC,EAAAA,IAAI,EAAEC,mCAZa;AAanBC,EAAAA,GAAG,EAAEC;AAbc,CAAd","sourcesContent":["import {\n NovaSolidRemoveAddAddCircle1 as AddIcon,\n NovaCompositionCoorpacademyAnalytics as AnalyticsIcon,\n NovaSolidContentEditionBin as BinIcon,\n NovaCompositionCoorpacademyBulletPoint as BulletPointIcon,\n NovaCompositionNavigationArrowLeft as ChevronLeftIcon,\n NovaCompositionNavigationArrowRight as ChevronRightIcon,\n NovaSolidStatusClose as CloseIcon,\n NovaSolidContentEditionPencilWrite as EditIcon,\n NovaCompositionCoorpacademyEye as EyeIcon,\n NovaSolidContentContentViewModule1 as ListIcon,\n NovaSolidLoginLogout1 as LogoutIcon,\n NovaSolidApplicationsWindowUpload3 as PublishIcon,\n NovaSolidComputersSdCard as SaveIcon\n} from '@coorpacademy/nova-icons';\n\nexport const ICONS = {\n add: AddIcon,\n analytics: AnalyticsIcon,\n bin: BinIcon,\n 'bullet-point': BulletPointIcon,\n 'chevron-left': ChevronLeftIcon,\n 'chevron-right': ChevronRightIcon,\n close: CloseIcon,\n edit: EditIcon,\n list: ListIcon,\n logout: LogoutIcon,\n publish: PublishIcon,\n save: SaveIcon,\n see: EyeIcon\n};\n"],"file":"button-icons.js"}
1
+ {"version":3,"sources":["../../src/util/button-icons.js"],"names":["ICONS","add","AddIcon","analytics","AnalyticsIcon","bin","BinIcon","BulletPointIcon","ChevronLeftIcon","ChevronRightIcon","close","CloseIcon","edit","EditIcon","key","KlfIcon","list","ListIcon","logout","LogoutIcon","publish","PublishIcon","save","SaveIcon","see","EyeIcon"],"mappings":";;;;;AAAA;;AAiBO,MAAMA,KAAK,GAAG;AACnBC,EAAAA,GAAG,EAAEC,uCADc;AAEnBC,EAAAA,SAAS,EAAEC,+CAFQ;AAGnBC,EAAAA,GAAG,EAAEC,qCAHc;AAInB,kBAAgBC,iDAJG;AAKnB,kBAAgBC,6CALG;AAMnB,mBAAiBC,8CANE;AAOnBC,EAAAA,KAAK,EAAEC,+BAPY;AAQnBC,EAAAA,IAAI,EAAEC,6CARa;AASnBC,EAAAA,GAAG,EAAEC,4BATc;AAUnBC,EAAAA,IAAI,EAAEC,6CAVa;AAWnBC,EAAAA,MAAM,EAAEC,gCAXW;AAYnBC,EAAAA,OAAO,EAAEC,6CAZU;AAanBC,EAAAA,IAAI,EAAEC,mCAba;AAcnBC,EAAAA,GAAG,EAAEC;AAdc,CAAd","sourcesContent":["import {\n NovaSolidRemoveAddAddCircle1 as AddIcon,\n NovaCompositionCoorpacademyAnalytics as AnalyticsIcon,\n NovaSolidContentEditionBin as BinIcon,\n NovaCompositionCoorpacademyBulletPoint as BulletPointIcon,\n NovaCompositionNavigationArrowLeft as ChevronLeftIcon,\n NovaCompositionNavigationArrowRight as ChevronRightIcon,\n NovaSolidStatusClose as CloseIcon,\n NovaSolidContentEditionPencilWrite as EditIcon,\n NovaCompositionCoorpacademyEye as EyeIcon,\n NovaSolidContentContentViewModule1 as ListIcon,\n NovaSolidLoginLogout1 as LogoutIcon,\n NovaSolidApplicationsWindowUpload3 as PublishIcon,\n NovaSolidComputersSdCard as SaveIcon,\n NovaLineLoginKey1 as KlfIcon\n} from '@coorpacademy/nova-icons';\n\nexport const ICONS = {\n add: AddIcon,\n analytics: AnalyticsIcon,\n bin: BinIcon,\n 'bullet-point': BulletPointIcon,\n 'chevron-left': ChevronLeftIcon,\n 'chevron-right': ChevronRightIcon,\n close: CloseIcon,\n edit: EditIcon,\n key: KlfIcon,\n list: ListIcon,\n logout: LogoutIcon,\n publish: PublishIcon,\n save: SaveIcon,\n see: EyeIcon\n};\n"],"file":"button-icons.js"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@coorpacademy/components",
3
- "version": "10.6.1",
3
+ "version": "10.8.0",
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": "d3077ff2834580e279edfd3a511c5f717c0c114a"
122
+ "gitHead": "8209ca19069e80266b8c330b0a7eccb63dc2bd51"
123
123
  }