@coorpacademy/components 10.3.24-alpha.0 → 10.3.27

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 (69) hide show
  1. package/es/atom/input-switch/index.js +13 -6
  2. package/es/atom/input-switch/index.js.map +1 -1
  3. package/es/atom/input-switch/style.css +46 -0
  4. package/es/atom/input-switch/test/fixtures/cm-left.js +11 -0
  5. package/es/atom/input-switch/test/fixtures/cm-left.js.map +1 -0
  6. package/es/atom/input-switch/test/fixtures/cm-right-checked.js +11 -0
  7. package/es/atom/input-switch/test/fixtures/cm-right-checked.js.map +1 -0
  8. package/es/atom/input-switch/test/fixtures/cm-right-disabled.js +11 -0
  9. package/es/atom/input-switch/test/fixtures/cm-right-disabled.js.map +1 -0
  10. package/es/atom/input-switch/test/fixtures/cm-right-modified.js +12 -0
  11. package/es/atom/input-switch/test/fixtures/cm-right-modified.js.map +1 -0
  12. package/es/atom/input-switch/test/fixtures/cm-right.js +11 -0
  13. package/es/atom/input-switch/test/fixtures/cm-right.js.map +1 -0
  14. package/es/molecule/select-multiple/style.css +1 -0
  15. package/es/molecule/wizard-summary/index.js +1 -0
  16. package/es/molecule/wizard-summary/index.js.map +1 -1
  17. package/es/molecule/wizard-summary/style.css +1 -1
  18. package/es/organism/content-translation/style.css +1 -0
  19. package/es/organism/course-selection/index.js +6 -3
  20. package/es/organism/course-selection/index.js.map +1 -1
  21. package/es/organism/course-selection/style.css +2 -1
  22. package/es/organism/course-selection/test/fixtures/default.js +9 -1
  23. package/es/organism/course-selection/test/fixtures/default.js.map +1 -1
  24. package/es/organism/course-selection/test/fixtures/empty.js +9 -0
  25. package/es/organism/course-selection/test/fixtures/empty.js.map +1 -1
  26. package/es/organism/course-selection/test/fixtures/filtered.js +9 -1
  27. package/es/organism/course-selection/test/fixtures/filtered.js.map +1 -1
  28. package/es/organism/course-selection/test/fixtures/sorted-selected.js +9 -1
  29. package/es/organism/course-selection/test/fixtures/sorted-selected.js.map +1 -1
  30. package/es/organism/course-selection/test/fixtures/switch-activated.js +23 -0
  31. package/es/organism/course-selection/test/fixtures/switch-activated.js.map +1 -0
  32. package/es/organism/course-selection/test/fixtures/unsorted-selected.js +9 -1
  33. package/es/organism/course-selection/test/fixtures/unsorted-selected.js.map +1 -1
  34. package/es/organism/wizard-contents/style.css +0 -2
  35. package/lib/atom/input-switch/index.js +13 -6
  36. package/lib/atom/input-switch/index.js.map +1 -1
  37. package/lib/atom/input-switch/style.css +46 -0
  38. package/lib/atom/input-switch/test/fixtures/cm-left.js +16 -0
  39. package/lib/atom/input-switch/test/fixtures/cm-left.js.map +1 -0
  40. package/lib/atom/input-switch/test/fixtures/cm-right-checked.js +16 -0
  41. package/lib/atom/input-switch/test/fixtures/cm-right-checked.js.map +1 -0
  42. package/lib/atom/input-switch/test/fixtures/cm-right-disabled.js +20 -0
  43. package/lib/atom/input-switch/test/fixtures/cm-right-disabled.js.map +1 -0
  44. package/lib/atom/input-switch/test/fixtures/cm-right-modified.js +17 -0
  45. package/lib/atom/input-switch/test/fixtures/cm-right-modified.js.map +1 -0
  46. package/lib/atom/input-switch/test/fixtures/cm-right.js +16 -0
  47. package/lib/atom/input-switch/test/fixtures/cm-right.js.map +1 -0
  48. package/lib/molecule/select-multiple/style.css +1 -0
  49. package/lib/molecule/wizard-summary/index.js +1 -0
  50. package/lib/molecule/wizard-summary/index.js.map +1 -1
  51. package/lib/molecule/wizard-summary/style.css +1 -1
  52. package/lib/organism/content-translation/style.css +1 -0
  53. package/lib/organism/course-selection/index.js +7 -3
  54. package/lib/organism/course-selection/index.js.map +1 -1
  55. package/lib/organism/course-selection/style.css +2 -1
  56. package/lib/organism/course-selection/test/fixtures/default.js +9 -1
  57. package/lib/organism/course-selection/test/fixtures/default.js.map +1 -1
  58. package/lib/organism/course-selection/test/fixtures/empty.js +9 -0
  59. package/lib/organism/course-selection/test/fixtures/empty.js.map +1 -1
  60. package/lib/organism/course-selection/test/fixtures/filtered.js +9 -1
  61. package/lib/organism/course-selection/test/fixtures/filtered.js.map +1 -1
  62. package/lib/organism/course-selection/test/fixtures/sorted-selected.js +9 -1
  63. package/lib/organism/course-selection/test/fixtures/sorted-selected.js.map +1 -1
  64. package/lib/organism/course-selection/test/fixtures/switch-activated.js +32 -0
  65. package/lib/organism/course-selection/test/fixtures/switch-activated.js.map +1 -0
  66. package/lib/organism/course-selection/test/fixtures/unsorted-selected.js +9 -1
  67. package/lib/organism/course-selection/test/fixtures/unsorted-selected.js.map +1 -1
  68. package/lib/organism/wizard-contents/style.css +0 -2
  69. package/package.json +2 -2
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../../src/organism/course-selection/test/fixtures/unsorted-selected.js"],"names":["UnSelectedCard","SelectedCard","Article","Scorm","ExternalContent","props","search","title","placeholder","value","description","onChange","console","log","courses","isSelected"],"mappings":";;AAAA,OAAOA,cAAP,MAA2B,0DAA3B;AACA,OAAOC,YAAP,MAAyB,yDAAzB;AACA,OAAOC,OAAP,MAAoB,iDAApB;AACA,OAAOC,KAAP,MAAkB,+CAAlB;AACA,OAAOC,eAAP,MAA4B,0DAA5B;AAEA,eAAe;AACbC,EAAAA,KAAK,EAAE;AACLC,IAAAA,MAAM,EAAE;AACNC,MAAAA,KAAK,EAAE,WADD;AAENC,MAAAA,WAAW,EAAE,WAFP;AAGNC,MAAAA,KAAK,EAAE,EAHD;AAINC,MAAAA,WAAW,EAAE,4BAJP;AAKNC,MAAAA,QAAQ,EAAEF,KAAK,IAAIG,OAAO,CAACC,GAAR,CAAYJ,KAAZ;AALb,KADH;AAQL,oCAAgC,iBAR3B;AASLK,IAAAA,OAAO,EAAE,CACPb,YAAY,CAACI,KADN,EAEPL,cAAc,CAACK,KAFR,wBAGHH,OAAO,CAACG,KAHL;AAGYU,MAAAA,UAAU,EAAE;AAHxB,QAIPd,YAAY,CAACI,KAJN,wBAKHF,KAAK,CAACE,KALH;AAKUU,MAAAA,UAAU,EAAE;AALtB,8BAMHf,cAAc,CAACK,KANZ;AAMmBU,MAAAA,UAAU,EAAE;AAN/B,8BAOHX,eAAe,CAACC,KAPb;AAOoBU,MAAAA,UAAU,EAAE;AAPhC,8BAQHZ,KAAK,CAACE,KARH;AAQUU,MAAAA,UAAU,EAAE;AARtB;AATJ;AADM,CAAf","sourcesContent":["import UnSelectedCard from '../../../../molecule/card/test/fixtures/selectable-false';\nimport SelectedCard from '../../../../molecule/card/test/fixtures/selectable-true';\nimport Article from '../../../../molecule/card/test/fixtures/article';\nimport Scorm from '../../../../molecule/card/test/fixtures/scorm';\nimport ExternalContent from '../../../../molecule/card/test/fixtures/external-content';\n\nexport default {\n props: {\n search: {\n title: 'Search...',\n placeholder: 'Search...',\n value: '',\n description: 'Type to filter the courses',\n onChange: value => console.log(value)\n },\n 'courses-selection-aria-label': 'Courses results',\n courses: [\n SelectedCard.props,\n UnSelectedCard.props,\n {...Article.props, isSelected: false},\n SelectedCard.props,\n {...Scorm.props, isSelected: true},\n {...UnSelectedCard.props, isSelected: false},\n {...ExternalContent.props, isSelected: false},\n {...Scorm.props, isSelected: false}\n ]\n }\n};\n"],"file":"unsorted-selected.js"}
1
+ {"version":3,"sources":["../../../../../src/organism/course-selection/test/fixtures/unsorted-selected.js"],"names":["UnSelectedCard","SelectedCard","Article","Scorm","ExternalContent","props","search","title","placeholder","value","description","onChange","console","log","courses","isSelected","switchButton","type","titlePosition","theme"],"mappings":";;AAAA,OAAOA,cAAP,MAA2B,0DAA3B;AACA,OAAOC,YAAP,MAAyB,yDAAzB;AACA,OAAOC,OAAP,MAAoB,iDAApB;AACA,OAAOC,KAAP,MAAkB,+CAAlB;AACA,OAAOC,eAAP,MAA4B,0DAA5B;AAEA,eAAe;AACbC,EAAAA,KAAK,EAAE;AACLC,IAAAA,MAAM,EAAE;AACNC,MAAAA,KAAK,EAAE,WADD;AAENC,MAAAA,WAAW,EAAE,WAFP;AAGNC,MAAAA,KAAK,EAAE,EAHD;AAINC,MAAAA,WAAW,EAAE,4BAJP;AAKNC,MAAAA,QAAQ,EAAEF,KAAK,IAAIG,OAAO,CAACC,GAAR,CAAYJ,KAAZ;AALb,KADH;AAQL,oCAAgC,iBAR3B;AASLK,IAAAA,OAAO,EAAE,CACPb,YAAY,CAACI,KADN,EAEPL,cAAc,CAACK,KAFR,wBAGHH,OAAO,CAACG,KAHL;AAGYU,MAAAA,UAAU,EAAE;AAHxB,QAIPd,YAAY,CAACI,KAJN,wBAKHF,KAAK,CAACE,KALH;AAKUU,MAAAA,UAAU,EAAE;AALtB,8BAMHf,cAAc,CAACK,KANZ;AAMmBU,MAAAA,UAAU,EAAE;AAN/B,8BAOHX,eAAe,CAACC,KAPb;AAOoBU,MAAAA,UAAU,EAAE;AAPhC,8BAQHZ,KAAK,CAACE,KARH;AAQUU,MAAAA,UAAU,EAAE;AARtB,OATJ;AAmBLC,IAAAA,YAAY,EAAE;AACZC,MAAAA,IAAI,EAAE,QADM;AAEZV,MAAAA,KAAK,EAAE,4BAFK;AAGZE,MAAAA,KAAK,EAAE,KAHK;AAIZE,MAAAA,QAAQ,EAAEF,KAAK,IAAIG,OAAO,CAACC,GAAR,CAAYJ,KAAZ,CAJP;AAKZS,MAAAA,aAAa,EAAE,OALH;AAMZC,MAAAA,KAAK,EAAE;AANK;AAnBT;AADM,CAAf","sourcesContent":["import UnSelectedCard from '../../../../molecule/card/test/fixtures/selectable-false';\nimport SelectedCard from '../../../../molecule/card/test/fixtures/selectable-true';\nimport Article from '../../../../molecule/card/test/fixtures/article';\nimport Scorm from '../../../../molecule/card/test/fixtures/scorm';\nimport ExternalContent from '../../../../molecule/card/test/fixtures/external-content';\n\nexport default {\n props: {\n search: {\n title: 'Search...',\n placeholder: 'Search...',\n value: '',\n description: 'Type to filter the courses',\n onChange: value => console.log(value)\n },\n 'courses-selection-aria-label': 'Courses results',\n courses: [\n SelectedCard.props,\n UnSelectedCard.props,\n {...Article.props, isSelected: false},\n SelectedCard.props,\n {...Scorm.props, isSelected: true},\n {...UnSelectedCard.props, isSelected: false},\n {...ExternalContent.props, isSelected: false},\n {...Scorm.props, isSelected: false}\n ],\n switchButton: {\n type: 'switch',\n title: 'Show selected courses only',\n value: false,\n onChange: value => console.log(value),\n titlePosition: 'right',\n theme: 'coorpmanager'\n }\n }\n};\n"],"file":"unsorted-selected.js"}
@@ -88,7 +88,6 @@
88
88
 
89
89
  .footer {
90
90
  width: 100%;
91
- height: 100%;
92
91
  bottom: 0px;
93
92
  display: none;
94
93
  position: inherit;
@@ -110,7 +109,6 @@
110
109
  bottom: 10px;
111
110
  position: sticky;
112
111
  z-index: 1;
113
- min-height: 600px;
114
112
  }
115
113
  .footer::before {
116
114
  content: '';
@@ -30,7 +30,9 @@ const InputSwitch = props => {
30
30
  disabled,
31
31
  onChange = _noop2.default,
32
32
  description,
33
- modified = false
33
+ modified = false,
34
+ theme = 'default',
35
+ titlePosition = 'left'
34
36
  } = props;
35
37
  const idSwitch = id || (0, _uniqueId2.default)('input-switch-');
36
38
  const isDisabled = disabled ? 'disabled' : '';
@@ -41,10 +43,13 @@ const InputSwitch = props => {
41
43
  const descriptionView = description ? /*#__PURE__*/_react.default.createElement("div", {
42
44
  className: _style.default.description
43
45
  }, description) : null;
44
- const className = (0, _getClassState.default)(_style.default.default, _style.default.modified, null, modified);
46
+ const defaultClass = theme === 'coorpmanager' ? _style.default.coorpmanager : _style.default.default;
47
+ const modifiedClass = theme === 'coorpmanager' ? _style.default.coorpmanagerModified : _style.default.modified;
48
+ const className = (0, _getClassState.default)(defaultClass, modifiedClass, null, modified);
45
49
  return /*#__PURE__*/_react.default.createElement("div", {
46
- className: className
47
- }, titleView, /*#__PURE__*/_react.default.createElement("input", {
50
+ className: className,
51
+ "data-name": `switch-input-${theme}`
52
+ }, titlePosition === 'left' ? titleView : null, /*#__PURE__*/_react.default.createElement("input", {
48
53
  type: "checkbox",
49
54
  id: idSwitch,
50
55
  name: name,
@@ -54,7 +59,7 @@ const InputSwitch = props => {
54
59
  className: _style.default.checkbox
55
60
  }), /*#__PURE__*/_react.default.createElement("label", {
56
61
  htmlFor: idSwitch
57
- }), descriptionView);
62
+ }), titlePosition === 'right' ? titleView : null, descriptionView);
58
63
  };
59
64
 
60
65
  InputSwitch.propTypes = process.env.NODE_ENV !== "production" ? {
@@ -65,7 +70,9 @@ InputSwitch.propTypes = process.env.NODE_ENV !== "production" ? {
65
70
  disabled: _propTypes.default.bool,
66
71
  onChange: _propTypes.default.func,
67
72
  description: _propTypes.default.string,
68
- modified: _propTypes.default.bool
73
+ modified: _propTypes.default.bool,
74
+ titlePosition: _propTypes.default.oneOf(['right', 'left']),
75
+ theme: _propTypes.default.oneOf(['default', 'coorpmanager'])
69
76
  } : {};
70
77
  var _default = InputSwitch;
71
78
  exports.default = _default;
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/atom/input-switch/index.js"],"names":["InputSwitch","props","title","name","id","value","disabled","onChange","description","modified","idSwitch","isDisabled","handleChange","e","target","checked","titleView","style","descriptionView","className","default","checkbox","propTypes","PropTypes","string","bool","func"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;;;;;;;AAEA,MAAMA,WAAW,GAAGC,KAAK,IAAI;AAC3B,QAAM;AAACC,IAAAA,KAAD;AAAQC,IAAAA,IAAR;AAAcC,IAAAA,EAAd;AAAkBC,IAAAA,KAAlB;AAAyBC,IAAAA,QAAzB;AAAmCC,IAAAA,QAAQ,iBAA3C;AAAoDC,IAAAA,WAApD;AAAiEC,IAAAA,QAAQ,GAAG;AAA5E,MAAqFR,KAA3F;AAEA,QAAMS,QAAQ,GAAGN,EAAE,IAAI,wBAAS,eAAT,CAAvB;AACA,QAAMO,UAAU,GAAGL,QAAQ,GAAG,UAAH,GAAgB,EAA3C;AACA,QAAMM,YAAY,GAAG,oBAAQ,MAAMC,CAAC,IAAIN,QAAQ,CAACM,CAAC,CAACC,MAAF,CAASC,OAAV,CAA3B,EAA+C,CAACR,QAAD,CAA/C,CAArB;AAEA,QAAMS,SAAS,GAAGd,KAAK,gBAAG;AAAM,IAAA,SAAS,EAAEe,eAAMf;AAAvB,KAAgC,GAAEA,KAAM,GAAxC,CAAH,GAAwD,IAA/E;AAEA,QAAMgB,eAAe,GAAGV,WAAW,gBACjC;AAAK,IAAA,SAAS,EAAES,eAAMT;AAAtB,KAAoCA,WAApC,CADiC,GAE/B,IAFJ;AAGA,QAAMW,SAAS,GAAG,4BAAcF,eAAMG,OAApB,EAA6BH,eAAMR,QAAnC,EAA6C,IAA7C,EAAmDA,QAAnD,CAAlB;AAEA,sBACE;AAAK,IAAA,SAAS,EAAEU;AAAhB,KACGH,SADH,eAEE;AACE,IAAA,IAAI,EAAC,UADP;AAEE,IAAA,EAAE,EAAEN,QAFN;AAGE,IAAA,IAAI,EAAEP,IAHR;AAIE,IAAA,QAAQ,EAAES,YAJZ;AAKE,IAAA,OAAO,EAAEP,KALX;AAME,IAAA,QAAQ,EAAEM,UANZ;AAOE,IAAA,SAAS,EAAEM,eAAMI;AAPnB,IAFF,eAWE;AAAO,IAAA,OAAO,EAAEX;AAAhB,IAXF,EAYGQ,eAZH,CADF;AAgBD,CA9BD;;AAgCAlB,WAAW,CAACsB,SAAZ,2CAAwB;AACtBpB,EAAAA,KAAK,EAAEqB,mBAAUC,MADK;AAEtBrB,EAAAA,IAAI,EAAEoB,mBAAUC,MAFM;AAGtBpB,EAAAA,EAAE,EAAEmB,mBAAUC,MAHQ;AAItBnB,EAAAA,KAAK,EAAEkB,mBAAUE,IAJK;AAKtBnB,EAAAA,QAAQ,EAAEiB,mBAAUE,IALE;AAMtBlB,EAAAA,QAAQ,EAAEgB,mBAAUG,IANE;AAOtBlB,EAAAA,WAAW,EAAEe,mBAAUC,MAPD;AAQtBf,EAAAA,QAAQ,EAAEc,mBAAUE;AARE,CAAxB;eAUezB,W","sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {noop, uniqueId} from 'lodash/fp';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst InputSwitch = props => {\n const {title, name, id, value, disabled, onChange = noop, description, modified = false} = props;\n\n const idSwitch = id || uniqueId('input-switch-');\n const isDisabled = disabled ? 'disabled' : '';\n const handleChange = useMemo(() => e => onChange(e.target.checked), [onChange]);\n\n const titleView = title ? <span className={style.title}>{`${title} `}</span> : null;\n\n const descriptionView = description ? (\n <div className={style.description}>{description}</div>\n ) : null;\n const className = getClassState(style.default, style.modified, null, modified);\n\n return (\n <div className={className}>\n {titleView}\n <input\n type=\"checkbox\"\n id={idSwitch}\n name={name}\n onChange={handleChange}\n checked={value}\n disabled={isDisabled}\n className={style.checkbox}\n />\n <label htmlFor={idSwitch} />\n {descriptionView}\n </div>\n );\n};\n\nInputSwitch.propTypes = {\n title: PropTypes.string,\n name: PropTypes.string,\n id: PropTypes.string,\n value: PropTypes.bool,\n disabled: PropTypes.bool,\n onChange: PropTypes.func,\n description: PropTypes.string,\n modified: PropTypes.bool\n};\nexport default InputSwitch;\n"],"file":"index.js"}
1
+ {"version":3,"sources":["../../../src/atom/input-switch/index.js"],"names":["InputSwitch","props","title","name","id","value","disabled","onChange","description","modified","theme","titlePosition","idSwitch","isDisabled","handleChange","e","target","checked","titleView","style","descriptionView","defaultClass","coorpmanager","default","modifiedClass","coorpmanagerModified","className","checkbox","propTypes","PropTypes","string","bool","func","oneOf"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;;;;;;;AAEA,MAAMA,WAAW,GAAGC,KAAK,IAAI;AAC3B,QAAM;AACJC,IAAAA,KADI;AAEJC,IAAAA,IAFI;AAGJC,IAAAA,EAHI;AAIJC,IAAAA,KAJI;AAKJC,IAAAA,QALI;AAMJC,IAAAA,QAAQ,iBANJ;AAOJC,IAAAA,WAPI;AAQJC,IAAAA,QAAQ,GAAG,KARP;AASJC,IAAAA,KAAK,GAAG,SATJ;AAUJC,IAAAA,aAAa,GAAG;AAVZ,MAWFV,KAXJ;AAaA,QAAMW,QAAQ,GAAGR,EAAE,IAAI,wBAAS,eAAT,CAAvB;AACA,QAAMS,UAAU,GAAGP,QAAQ,GAAG,UAAH,GAAgB,EAA3C;AACA,QAAMQ,YAAY,GAAG,oBAAQ,MAAMC,CAAC,IAAIR,QAAQ,CAACQ,CAAC,CAACC,MAAF,CAASC,OAAV,CAA3B,EAA+C,CAACV,QAAD,CAA/C,CAArB;AAEA,QAAMW,SAAS,GAAGhB,KAAK,gBAAG;AAAM,IAAA,SAAS,EAAEiB,eAAMjB;AAAvB,KAAgC,GAAEA,KAAM,GAAxC,CAAH,GAAwD,IAA/E;AAEA,QAAMkB,eAAe,GAAGZ,WAAW,gBACjC;AAAK,IAAA,SAAS,EAAEW,eAAMX;AAAtB,KAAoCA,WAApC,CADiC,GAE/B,IAFJ;AAIA,QAAMa,YAAY,GAAGX,KAAK,KAAK,cAAV,GAA2BS,eAAMG,YAAjC,GAAgDH,eAAMI,OAA3E;AACA,QAAMC,aAAa,GAAGd,KAAK,KAAK,cAAV,GAA2BS,eAAMM,oBAAjC,GAAwDN,eAAMV,QAApF;AACA,QAAMiB,SAAS,GAAG,4BAAcL,YAAd,EAA4BG,aAA5B,EAA2C,IAA3C,EAAiDf,QAAjD,CAAlB;AAEA,sBACE;AAAK,IAAA,SAAS,EAAEiB,SAAhB;AAA2B,iBAAY,gBAAehB,KAAM;AAA5D,KACGC,aAAa,KAAK,MAAlB,GAA2BO,SAA3B,GAAuC,IAD1C,eAEE;AACE,IAAA,IAAI,EAAC,UADP;AAEE,IAAA,EAAE,EAAEN,QAFN;AAGE,IAAA,IAAI,EAAET,IAHR;AAIE,IAAA,QAAQ,EAAEW,YAJZ;AAKE,IAAA,OAAO,EAAET,KALX;AAME,IAAA,QAAQ,EAAEQ,UANZ;AAOE,IAAA,SAAS,EAAEM,eAAMQ;AAPnB,IAFF,eAWE;AAAO,IAAA,OAAO,EAAEf;AAAhB,IAXF,EAYGD,aAAa,KAAK,OAAlB,GAA4BO,SAA5B,GAAwC,IAZ3C,EAaGE,eAbH,CADF;AAiBD,CA7CD;;AA+CApB,WAAW,CAAC4B,SAAZ,2CAAwB;AACtB1B,EAAAA,KAAK,EAAE2B,mBAAUC,MADK;AAEtB3B,EAAAA,IAAI,EAAE0B,mBAAUC,MAFM;AAGtB1B,EAAAA,EAAE,EAAEyB,mBAAUC,MAHQ;AAItBzB,EAAAA,KAAK,EAAEwB,mBAAUE,IAJK;AAKtBzB,EAAAA,QAAQ,EAAEuB,mBAAUE,IALE;AAMtBxB,EAAAA,QAAQ,EAAEsB,mBAAUG,IANE;AAOtBxB,EAAAA,WAAW,EAAEqB,mBAAUC,MAPD;AAQtBrB,EAAAA,QAAQ,EAAEoB,mBAAUE,IARE;AAStBpB,EAAAA,aAAa,EAAEkB,mBAAUI,KAAV,CAAgB,CAAC,OAAD,EAAU,MAAV,CAAhB,CATO;AAUtBvB,EAAAA,KAAK,EAAEmB,mBAAUI,KAAV,CAAgB,CAAC,SAAD,EAAY,cAAZ,CAAhB;AAVe,CAAxB;eAYejC,W","sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {noop, uniqueId} from 'lodash/fp';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst InputSwitch = props => {\n const {\n title,\n name,\n id,\n value,\n disabled,\n onChange = noop,\n description,\n modified = false,\n theme = 'default',\n titlePosition = 'left'\n } = props;\n\n const idSwitch = id || uniqueId('input-switch-');\n const isDisabled = disabled ? 'disabled' : '';\n const handleChange = useMemo(() => e => onChange(e.target.checked), [onChange]);\n\n const titleView = title ? <span className={style.title}>{`${title} `}</span> : null;\n\n const descriptionView = description ? (\n <div className={style.description}>{description}</div>\n ) : null;\n\n const defaultClass = theme === 'coorpmanager' ? style.coorpmanager : style.default;\n const modifiedClass = theme === 'coorpmanager' ? style.coorpmanagerModified : style.modified;\n const className = getClassState(defaultClass, modifiedClass, null, modified);\n\n return (\n <div className={className} data-name={`switch-input-${theme}`}>\n {titlePosition === 'left' ? titleView : null}\n <input\n type=\"checkbox\"\n id={idSwitch}\n name={name}\n onChange={handleChange}\n checked={value}\n disabled={isDisabled}\n className={style.checkbox}\n />\n <label htmlFor={idSwitch} />\n {titlePosition === 'right' ? titleView : null}\n {descriptionView}\n </div>\n );\n};\n\nInputSwitch.propTypes = {\n title: PropTypes.string,\n name: PropTypes.string,\n id: PropTypes.string,\n value: PropTypes.bool,\n disabled: PropTypes.bool,\n onChange: PropTypes.func,\n description: PropTypes.string,\n modified: PropTypes.bool,\n titlePosition: PropTypes.oneOf(['right', 'left']),\n theme: PropTypes.oneOf(['default', 'coorpmanager'])\n};\nexport default InputSwitch;\n"],"file":"index.js"}
@@ -5,6 +5,9 @@
5
5
  @value positive from colors;
6
6
  @value light from colors;
7
7
  @value dark from colors;
8
+ @value cm_grey_200 from colors;
9
+ @value black from colors;
10
+ @value cm_primary_blue from colors;
8
11
 
9
12
  .default {
10
13
  display: flex;
@@ -16,6 +19,14 @@
16
19
  composes: default;
17
20
  }
18
21
 
22
+ .coorpmanager {
23
+ composes: default;
24
+ }
25
+
26
+ .coorpmanagerModified {
27
+ composes: modified;
28
+ }
29
+
19
30
  .default label {
20
31
  height: 30px;
21
32
  position: relative;
@@ -102,3 +113,38 @@
102
113
  font-style: italic;
103
114
  margin-left: 20px;
104
115
  }
116
+
117
+ .coorpmanager label, .coorpmanagerModified label {
118
+ width: 48px;
119
+ height: 24px;
120
+ border: solid 2px cm_grey_200;
121
+ margin-right: 8px;
122
+ background: cm_grey_200;
123
+ }
124
+
125
+ .coorpmanager label::after, .coorpmanagerModified label::after {
126
+ width: 22px;
127
+ height: 22px;
128
+ }
129
+
130
+ .coorpmanager span, .coorpmanagerModified span {
131
+ font-family: Gilroy;
132
+ font-weight: bold;
133
+ color: black;
134
+ min-width: 190px;
135
+ }
136
+
137
+ .coorpmanager .checkbox:checked ~ label {
138
+ background: cm_primary_blue;
139
+ border-color: cm_primary_blue;
140
+ }
141
+
142
+ .coorpmanager .checkbox:disabled ~ label {
143
+ background: light;
144
+ border-color: light;
145
+ pointer-events: none;
146
+ }
147
+
148
+ .coorpmanager .checkbox:disabled ~ label::after {
149
+ background: medium;
150
+ }
@@ -0,0 +1,16 @@
1
+ "use strict";
2
+
3
+ exports.__esModule = true;
4
+ exports.default = void 0;
5
+ var _default = {
6
+ props: {
7
+ type: 'switch',
8
+ title: 'Name',
9
+ value: false,
10
+ onChange: value => console.log(value),
11
+ titlePosition: 'left',
12
+ theme: 'coorpmanager'
13
+ }
14
+ };
15
+ exports.default = _default;
16
+ //# sourceMappingURL=cm-left.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../../../src/atom/input-switch/test/fixtures/cm-left.js"],"names":["props","type","title","value","onChange","console","log","titlePosition","theme"],"mappings":";;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAE,QADD;AAELC,IAAAA,KAAK,EAAE,MAFF;AAGLC,IAAAA,KAAK,EAAE,KAHF;AAILC,IAAAA,QAAQ,EAAED,KAAK,IAAIE,OAAO,CAACC,GAAR,CAAYH,KAAZ,CAJd;AAKLI,IAAAA,aAAa,EAAE,MALV;AAMLC,IAAAA,KAAK,EAAE;AANF;AADM,C","sourcesContent":["export default {\n props: {\n type: 'switch',\n title: 'Name',\n value: false,\n onChange: value => console.log(value),\n titlePosition: 'left',\n theme: 'coorpmanager'\n }\n};\n"],"file":"cm-left.js"}
@@ -0,0 +1,16 @@
1
+ "use strict";
2
+
3
+ exports.__esModule = true;
4
+ exports.default = void 0;
5
+ var _default = {
6
+ props: {
7
+ type: 'switch',
8
+ title: 'Name',
9
+ value: true,
10
+ onChange: value => console.log(value),
11
+ titlePosition: 'right',
12
+ theme: 'coorpmanager'
13
+ }
14
+ };
15
+ exports.default = _default;
16
+ //# sourceMappingURL=cm-right-checked.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../../../src/atom/input-switch/test/fixtures/cm-right-checked.js"],"names":["props","type","title","value","onChange","console","log","titlePosition","theme"],"mappings":";;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAE,QADD;AAELC,IAAAA,KAAK,EAAE,MAFF;AAGLC,IAAAA,KAAK,EAAE,IAHF;AAILC,IAAAA,QAAQ,EAAED,KAAK,IAAIE,OAAO,CAACC,GAAR,CAAYH,KAAZ,CAJd;AAKLI,IAAAA,aAAa,EAAE,OALV;AAMLC,IAAAA,KAAK,EAAE;AANF;AADM,C","sourcesContent":["export default {\n props: {\n type: 'switch',\n title: 'Name',\n value: true,\n onChange: value => console.log(value),\n titlePosition: 'right',\n theme: 'coorpmanager'\n }\n};\n"],"file":"cm-right-checked.js"}
@@ -0,0 +1,20 @@
1
+ "use strict";
2
+
3
+ exports.__esModule = true;
4
+ exports.default = void 0;
5
+
6
+ var _checked = _interopRequireDefault(require("./checked"));
7
+
8
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
9
+
10
+ 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); }
11
+
12
+ var _default = {
13
+ props: _extends(_extends({}, _checked.default.props), {}, {
14
+ disabled: true,
15
+ titlePosition: 'right',
16
+ theme: 'coorpmanager'
17
+ })
18
+ };
19
+ exports.default = _default;
20
+ //# sourceMappingURL=cm-right-disabled.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../../../src/atom/input-switch/test/fixtures/cm-right-disabled.js"],"names":["props","checked","disabled","titlePosition","theme"],"mappings":";;;;;AAAA;;;;;;eAEe;AACbA,EAAAA,KAAK,wBACAC,iBAAQD,KADR;AAEHE,IAAAA,QAAQ,EAAE,IAFP;AAGHC,IAAAA,aAAa,EAAE,OAHZ;AAIHC,IAAAA,KAAK,EAAE;AAJJ;AADQ,C","sourcesContent":["import checked from './checked';\n\nexport default {\n props: {\n ...checked.props,\n disabled: true,\n titlePosition: 'right',\n theme: 'coorpmanager'\n }\n};\n"],"file":"cm-right-disabled.js"}
@@ -0,0 +1,17 @@
1
+ "use strict";
2
+
3
+ exports.__esModule = true;
4
+ exports.default = void 0;
5
+ var _default = {
6
+ props: {
7
+ type: 'switch',
8
+ title: 'Name',
9
+ value: false,
10
+ modified: true,
11
+ onChange: value => console.log(value),
12
+ titlePosition: 'right',
13
+ theme: 'coorpmanager'
14
+ }
15
+ };
16
+ exports.default = _default;
17
+ //# sourceMappingURL=cm-right-modified.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../../../src/atom/input-switch/test/fixtures/cm-right-modified.js"],"names":["props","type","title","value","modified","onChange","console","log","titlePosition","theme"],"mappings":";;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAE,QADD;AAELC,IAAAA,KAAK,EAAE,MAFF;AAGLC,IAAAA,KAAK,EAAE,KAHF;AAILC,IAAAA,QAAQ,EAAE,IAJL;AAKLC,IAAAA,QAAQ,EAAEF,KAAK,IAAIG,OAAO,CAACC,GAAR,CAAYJ,KAAZ,CALd;AAMLK,IAAAA,aAAa,EAAE,OANV;AAOLC,IAAAA,KAAK,EAAE;AAPF;AADM,C","sourcesContent":["export default {\n props: {\n type: 'switch',\n title: 'Name',\n value: false,\n modified: true,\n onChange: value => console.log(value),\n titlePosition: 'right',\n theme: 'coorpmanager'\n }\n};\n"],"file":"cm-right-modified.js"}
@@ -0,0 +1,16 @@
1
+ "use strict";
2
+
3
+ exports.__esModule = true;
4
+ exports.default = void 0;
5
+ var _default = {
6
+ props: {
7
+ type: 'switch',
8
+ title: 'Name',
9
+ value: false,
10
+ onChange: value => console.log(value),
11
+ titlePosition: 'right',
12
+ theme: 'coorpmanager'
13
+ }
14
+ };
15
+ exports.default = _default;
16
+ //# sourceMappingURL=cm-right.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../../../src/atom/input-switch/test/fixtures/cm-right.js"],"names":["props","type","title","value","onChange","console","log","titlePosition","theme"],"mappings":";;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAE,QADD;AAELC,IAAAA,KAAK,EAAE,MAFF;AAGLC,IAAAA,KAAK,EAAE,KAHF;AAILC,IAAAA,QAAQ,EAAED,KAAK,IAAIE,OAAO,CAACC,GAAR,CAAYH,KAAZ,CAJd;AAKLI,IAAAA,aAAa,EAAE,OALV;AAMLC,IAAAA,KAAK,EAAE;AANF;AADM,C","sourcesContent":["export default {\n props: {\n type: 'switch',\n title: 'Name',\n value: false,\n onChange: value => console.log(value),\n titlePosition: 'right',\n theme: 'coorpmanager'\n }\n};\n"],"file":"cm-right.js"}
@@ -469,6 +469,7 @@
469
469
  padding-top: 8px;
470
470
  transition: transform 0.25s;
471
471
  color: cm_grey_700;
472
+ display: inline;
472
473
  }
473
474
 
474
475
  .coorpmanager.error .hint {
@@ -120,6 +120,7 @@ const buildSections = sections => {
120
120
  return /*#__PURE__*/_react.default.createElement("div", {
121
121
  key: `summary-section-${index}`,
122
122
  "data-step": index,
123
+ "data-name": `summary-section-${index}`,
123
124
  className: _style.default.sectionWrapper
124
125
  }, sectionHeader, /*#__PURE__*/_react.default.createElement("ul", null, itemsView));
125
126
  });
@@ -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","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":"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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, 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
+ {"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":"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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\n key={`summary-section-${index}`}\n data-step={index}\n data-name={`summary-section-${index}`}\n className={style.sectionWrapper}\n >\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"}
@@ -233,7 +233,7 @@ ul {
233
233
  }
234
234
 
235
235
  .checkbox:checked + .summary {
236
- height: 70%;
236
+ min-height: 500px;
237
237
  max-height: 1000px;
238
238
  padding: 12px 24px 12px 24px;
239
239
  box-shadow: 0 -6px 42px -14px rgba(0, 0, 0, 0.25);
@@ -10,6 +10,7 @@
10
10
  display: flex;
11
11
  background-color: cm_grey_50;
12
12
  position: relative;
13
+ border-radius: 7px;
13
14
  }
14
15
 
15
16
  .menu {
@@ -17,6 +17,8 @@ var _selectMultiple = _interopRequireDefault(require("../../molecule/select-mult
17
17
 
18
18
  var _card = _interopRequireDefault(require("../../molecule/card"));
19
19
 
20
+ var _inputSwitch = _interopRequireDefault(require("../../atom/input-switch"));
21
+
20
22
  var _style = _interopRequireDefault(require("./style.css"));
21
23
 
22
24
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -47,7 +49,8 @@ const CourseSelection = props => {
47
49
  courses,
48
50
  emptyMessages,
49
51
  isLoading = false,
50
- 'courses-selection-aria-label': coursesSelectionAriaLabel
52
+ 'courses-selection-aria-label': coursesSelectionAriaLabel,
53
+ switchButton
51
54
  } = props;
52
55
  const resultView = buildResultView(courses, coursesSelectionAriaLabel, emptyMessages, isLoading);
53
56
  return /*#__PURE__*/_react.default.createElement("div", {
@@ -60,7 +63,7 @@ const CourseSelection = props => {
60
63
  theme: "coorpmanager"
61
64
  }))), /*#__PURE__*/_react.default.createElement("div", {
62
65
  className: _style.default.contentFilter
63
- }, /*#__PURE__*/_react.default.createElement(_selectMultiple.default, contentTypeFilter))), /*#__PURE__*/_react.default.createElement("div", {
66
+ }, /*#__PURE__*/_react.default.createElement(_selectMultiple.default, contentTypeFilter)), /*#__PURE__*/_react.default.createElement(_inputSwitch.default, switchButton)), /*#__PURE__*/_react.default.createElement("div", {
64
67
  className: _style.default.cardsContainer
65
68
  }, resultView));
66
69
  };
@@ -74,7 +77,8 @@ CourseSelection.propTypes = process.env.NODE_ENV !== "production" ? {
74
77
  emptyMessages: _propTypes.default.shape({
75
78
  firstMessage: _propTypes.default.string,
76
79
  secondMessage: _propTypes.default.string
77
- })
80
+ }),
81
+ switchButton: _propTypes.default.shape(_inputSwitch.default.PropTypes)
78
82
  } : {};
79
83
  var _default = CourseSelection;
80
84
  exports.default = _default;
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/organism/course-selection/index.js"],"names":["buildResultView","courses","coursesSelectionAriaLabel","emptyMessages","isLoading","items","map","card","index","style","cards","CourseSelection","props","search","contentTypeFilter","resultView","container","filters","contentFilter","cardsContainer","propTypes","PropTypes","shape","Search","bool","SelectMultiple","arrayOf","Card","string","firstMessage","secondMessage"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,MAAMA,eAAe,GAAG,CAACC,OAAD,EAAUC,yBAAV,EAAqCC,aAArC,EAAoDC,SAApD,KAAkE;AACxF,MAAI,CAACA,SAAD,IAAc,uBAAQH,OAAR,CAAlB,EAAoC;AAClC,wBAAO,6BAAC,0BAAD,EAAuBE,aAAvB,CAAP;AACD;;AAED,QAAME,KAAK,GAAGJ,OAAO,CAACK,GAAR,CAAY,CAACC,IAAD,EAAOC,KAAP,KAAiB;AACzC,wBACE;AAAI,MAAA,SAAS,EAAEC,eAAMC,KAArB;AAA4B,MAAA,GAAG,EAAG,QAAOF,KAAM,EAA/C;AAAkD,mBAAY,UAASA,KAAM;AAA7E,oBACE,6BAAC,aAAD,EAAUD,IAAV,CADF,CADF;AAKD,GANa,CAAd;AAQA,sBAAO;AAAI,kBAAYL;AAAhB,KAA4CG,KAA5C,CAAP;AACD,CAdD;;AAgBA,MAAMM,eAAe,GAAGC,KAAK,IAAI;AAC/B,QAAM;AACJC,IAAAA,MADI;AAEJC,IAAAA,iBAFI;AAGJb,IAAAA,OAHI;AAIJE,IAAAA,aAJI;AAKJC,IAAAA,SAAS,GAAG,KALR;AAMJ,oCAAgCF;AAN5B,MAOFU,KAPJ;AASA,QAAMG,UAAU,GAAGf,eAAe,CAACC,OAAD,EAAUC,yBAAV,EAAqCC,aAArC,EAAoDC,SAApD,CAAlC;AAEA,sBACE;AAAK,IAAA,SAAS,EAAEK,eAAMO;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAEP,eAAMQ;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAER,eAAMI;AAAtB,kBACE,6BAAC,oBAAD,eAAYA,MAAZ;AAAoB,IAAA,KAAK,EAAC;AAA1B,KADF,CADF,eAIE;AAAK,IAAA,SAAS,EAAEJ,eAAMS;AAAtB,kBACE,6BAAC,uBAAD,EAAoBJ,iBAApB,CADF,CAJF,CADF,eASE;AAAK,IAAA,SAAS,EAAEL,eAAMU;AAAtB,KAAuCJ,UAAvC,CATF,CADF;AAaD,CAzBD;;AA2BAJ,eAAe,CAACS,SAAhB,2CAA4B;AAC1BP,EAAAA,MAAM,EAAEQ,mBAAUC,KAAV,CAAgBC,qBAAOF,SAAvB,CADkB;AAE1BjB,EAAAA,SAAS,EAAEiB,mBAAUG,IAFK;AAG1BV,EAAAA,iBAAiB,EAAEO,mBAAUC,KAAV,CAAgBG,wBAAeJ,SAA/B,CAHO;AAI1BpB,EAAAA,OAAO,EAAEoB,mBAAUK,OAAV,CAAkBL,mBAAUC,KAAV,CAAgBK,cAAKP,SAArB,CAAlB,CAJiB;AAK1B,kCAAgCC,mBAAUO,MALhB;AAM1BzB,EAAAA,aAAa,EAAEkB,mBAAUC,KAAV,CAAgB;AAC7BO,IAAAA,YAAY,EAAER,mBAAUO,MADK;AAE7BE,IAAAA,aAAa,EAAET,mBAAUO;AAFI,GAAhB;AANW,CAA5B;eAYejB,e","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {isEmpty} from 'lodash/fp';\nimport EmptySearchResult from '../../atom/empty-search-result';\nimport Search from '../../atom/input-search';\nimport SelectMultiple from '../../molecule/select-multiple';\nimport Card from '../../molecule/card';\nimport style from './style.css';\n\nconst buildResultView = (courses, coursesSelectionAriaLabel, emptyMessages, isLoading) => {\n if (!isLoading && isEmpty(courses)) {\n return <EmptySearchResult {...emptyMessages} />;\n }\n\n const items = courses.map((card, index) => {\n return (\n <li className={style.cards} key={`card-${index}`} data-name={`course-${index}`}>\n <Card {...card} />\n </li>\n );\n });\n\n return <ul aria-label={coursesSelectionAriaLabel}>{items}</ul>;\n};\n\nconst CourseSelection = props => {\n const {\n search,\n contentTypeFilter,\n courses,\n emptyMessages,\n isLoading = false,\n 'courses-selection-aria-label': coursesSelectionAriaLabel\n } = props;\n\n const resultView = buildResultView(courses, coursesSelectionAriaLabel, emptyMessages, isLoading);\n\n return (\n <div className={style.container}>\n <div className={style.filters}>\n <div className={style.search}>\n <Search {...search} theme=\"coorpmanager\" />\n </div>\n <div className={style.contentFilter}>\n <SelectMultiple {...contentTypeFilter} />\n </div>\n </div>\n <div className={style.cardsContainer}>{resultView}</div>\n </div>\n );\n};\n\nCourseSelection.propTypes = {\n search: PropTypes.shape(Search.PropTypes),\n isLoading: PropTypes.bool,\n contentTypeFilter: PropTypes.shape(SelectMultiple.PropTypes),\n courses: PropTypes.arrayOf(PropTypes.shape(Card.propTypes)),\n 'courses-selection-aria-label': PropTypes.string,\n emptyMessages: PropTypes.shape({\n firstMessage: PropTypes.string,\n secondMessage: PropTypes.string\n })\n};\n\nexport default CourseSelection;\n"],"file":"index.js"}
1
+ {"version":3,"sources":["../../../src/organism/course-selection/index.js"],"names":["buildResultView","courses","coursesSelectionAriaLabel","emptyMessages","isLoading","items","map","card","index","style","cards","CourseSelection","props","search","contentTypeFilter","switchButton","resultView","container","filters","contentFilter","cardsContainer","propTypes","PropTypes","shape","Search","bool","SelectMultiple","arrayOf","Card","string","firstMessage","secondMessage","InputSwitch"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,MAAMA,eAAe,GAAG,CAACC,OAAD,EAAUC,yBAAV,EAAqCC,aAArC,EAAoDC,SAApD,KAAkE;AACxF,MAAI,CAACA,SAAD,IAAc,uBAAQH,OAAR,CAAlB,EAAoC;AAClC,wBAAO,6BAAC,0BAAD,EAAuBE,aAAvB,CAAP;AACD;;AAED,QAAME,KAAK,GAAGJ,OAAO,CAACK,GAAR,CAAY,CAACC,IAAD,EAAOC,KAAP,KAAiB;AACzC,wBACE;AAAI,MAAA,SAAS,EAAEC,eAAMC,KAArB;AAA4B,MAAA,GAAG,EAAG,QAAOF,KAAM,EAA/C;AAAkD,mBAAY,UAASA,KAAM;AAA7E,oBACE,6BAAC,aAAD,EAAUD,IAAV,CADF,CADF;AAKD,GANa,CAAd;AAQA,sBAAO;AAAI,kBAAYL;AAAhB,KAA4CG,KAA5C,CAAP;AACD,CAdD;;AAgBA,MAAMM,eAAe,GAAGC,KAAK,IAAI;AAC/B,QAAM;AACJC,IAAAA,MADI;AAEJC,IAAAA,iBAFI;AAGJb,IAAAA,OAHI;AAIJE,IAAAA,aAJI;AAKJC,IAAAA,SAAS,GAAG,KALR;AAMJ,oCAAgCF,yBAN5B;AAOJa,IAAAA;AAPI,MAQFH,KARJ;AAUA,QAAMI,UAAU,GAAGhB,eAAe,CAACC,OAAD,EAAUC,yBAAV,EAAqCC,aAArC,EAAoDC,SAApD,CAAlC;AAEA,sBACE;AAAK,IAAA,SAAS,EAAEK,eAAMQ;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAER,eAAMS;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAET,eAAMI;AAAtB,kBACE,6BAAC,oBAAD,eAAYA,MAAZ;AAAoB,IAAA,KAAK,EAAC;AAA1B,KADF,CADF,eAIE;AAAK,IAAA,SAAS,EAAEJ,eAAMU;AAAtB,kBACE,6BAAC,uBAAD,EAAoBL,iBAApB,CADF,CAJF,eAOE,6BAAC,oBAAD,EAAiBC,YAAjB,CAPF,CADF,eAUE;AAAK,IAAA,SAAS,EAAEN,eAAMW;AAAtB,KAAuCJ,UAAvC,CAVF,CADF;AAcD,CA3BD;;AA6BAL,eAAe,CAACU,SAAhB,2CAA4B;AAC1BR,EAAAA,MAAM,EAAES,mBAAUC,KAAV,CAAgBC,qBAAOF,SAAvB,CADkB;AAE1BlB,EAAAA,SAAS,EAAEkB,mBAAUG,IAFK;AAG1BX,EAAAA,iBAAiB,EAAEQ,mBAAUC,KAAV,CAAgBG,wBAAeJ,SAA/B,CAHO;AAI1BrB,EAAAA,OAAO,EAAEqB,mBAAUK,OAAV,CAAkBL,mBAAUC,KAAV,CAAgBK,cAAKP,SAArB,CAAlB,CAJiB;AAK1B,kCAAgCC,mBAAUO,MALhB;AAM1B1B,EAAAA,aAAa,EAAEmB,mBAAUC,KAAV,CAAgB;AAC7BO,IAAAA,YAAY,EAAER,mBAAUO,MADK;AAE7BE,IAAAA,aAAa,EAAET,mBAAUO;AAFI,GAAhB,CANW;AAU1Bd,EAAAA,YAAY,EAAEO,mBAAUC,KAAV,CAAgBS,qBAAYV,SAA5B;AAVY,CAA5B;eAaeX,e","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {isEmpty} from 'lodash/fp';\nimport EmptySearchResult from '../../atom/empty-search-result';\nimport Search from '../../atom/input-search';\nimport SelectMultiple from '../../molecule/select-multiple';\nimport Card from '../../molecule/card';\nimport InputSwitch from '../../atom/input-switch';\nimport style from './style.css';\n\nconst buildResultView = (courses, coursesSelectionAriaLabel, emptyMessages, isLoading) => {\n if (!isLoading && isEmpty(courses)) {\n return <EmptySearchResult {...emptyMessages} />;\n }\n\n const items = courses.map((card, index) => {\n return (\n <li className={style.cards} key={`card-${index}`} data-name={`course-${index}`}>\n <Card {...card} />\n </li>\n );\n });\n\n return <ul aria-label={coursesSelectionAriaLabel}>{items}</ul>;\n};\n\nconst CourseSelection = props => {\n const {\n search,\n contentTypeFilter,\n courses,\n emptyMessages,\n isLoading = false,\n 'courses-selection-aria-label': coursesSelectionAriaLabel,\n switchButton\n } = props;\n\n const resultView = buildResultView(courses, coursesSelectionAriaLabel, emptyMessages, isLoading);\n\n return (\n <div className={style.container}>\n <div className={style.filters}>\n <div className={style.search}>\n <Search {...search} theme=\"coorpmanager\" />\n </div>\n <div className={style.contentFilter}>\n <SelectMultiple {...contentTypeFilter} />\n </div>\n <InputSwitch {...switchButton} />\n </div>\n <div className={style.cardsContainer}>{resultView}</div>\n </div>\n );\n};\n\nCourseSelection.propTypes = {\n search: PropTypes.shape(Search.PropTypes),\n isLoading: PropTypes.bool,\n contentTypeFilter: PropTypes.shape(SelectMultiple.PropTypes),\n courses: PropTypes.arrayOf(PropTypes.shape(Card.propTypes)),\n 'courses-selection-aria-label': PropTypes.string,\n emptyMessages: PropTypes.shape({\n firstMessage: PropTypes.string,\n secondMessage: PropTypes.string\n }),\n switchButton: PropTypes.shape(InputSwitch.PropTypes)\n};\n\nexport default CourseSelection;\n"],"file":"index.js"}
@@ -9,6 +9,8 @@
9
9
 
10
10
  .filters {
11
11
  display: flex;
12
+ align-items: center;
13
+ justify-content: space-between;
12
14
  }
13
15
 
14
16
  .search {
@@ -19,7 +21,6 @@
19
21
  .contentFilter {
20
22
  width: 24%;
21
23
  min-width: 181px;
22
- margin: 0 0 0 16px;
23
24
  }
24
25
 
25
26
  .cardsContainer {
@@ -67,7 +67,15 @@ var _default = {
67
67
  }), _extends(_extends({}, _scorm.default.props), {}, {
68
68
  isSelected: false,
69
69
  title: 'Scorm course'
70
- })]
70
+ })],
71
+ switchButton: {
72
+ type: 'switch',
73
+ title: 'Show selected courses only',
74
+ value: false,
75
+ onChange: value => console.log(value),
76
+ titlePosition: 'right',
77
+ theme: 'coorpmanager'
78
+ }
71
79
  }
72
80
  };
73
81
  exports.default = _default;
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../../src/organism/course-selection/test/fixtures/default.js"],"names":["props","search","title","placeholder","value","description","onChange","console","log","isLoading","contentTypeFilter","type","theme","size","options","name","selected","multiple","courses","SelectedCard","UnSelectedCard","Article","isSelected","Scorm","ExternalContent"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;eAEe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,MAAM,EAAE;AACNC,MAAAA,KAAK,EAAE,WADD;AAENC,MAAAA,WAAW,EAAE,WAFP;AAGNC,MAAAA,KAAK,EAAE,EAHD;AAINC,MAAAA,WAAW,EAAE,4BAJP;AAKNC,MAAAA,QAAQ,EAAEF,KAAK,IAAIG,OAAO,CAACC,GAAR,CAAYJ,KAAZ;AALb,KADH;AAQLK,IAAAA,SAAS,EAAE,KARN;AASLC,IAAAA,iBAAiB,EAAE;AACjBC,MAAAA,IAAI,EAAE,gBADW;AAEjBT,MAAAA,KAAK,EAAE,cAFU;AAGjBC,MAAAA,WAAW,EAAE,cAHI;AAIjBE,MAAAA,WAAW,EAAE,0BAJI;AAKjBO,MAAAA,KAAK,EAAE,cALU;AAMjBC,MAAAA,IAAI,EAAE,SANW;AAOjBC,MAAAA,OAAO,EAAE,CACP;AACEC,QAAAA,IAAI,EAAE,QADR;AAEEX,QAAAA,KAAK,EAAE,QAFT;AAGEY,QAAAA,QAAQ,EAAE;AAHZ,OADO,EAMP;AACED,QAAAA,IAAI,EAAE,aADR;AAEEX,QAAAA,KAAK,EAAE,SAFT;AAGEY,QAAAA,QAAQ,EAAE;AAHZ,OANO,EAWP;AACED,QAAAA,IAAI,EAAE,oBADR;AAEEX,QAAAA,KAAK,EAAE,OAFT;AAGEY,QAAAA,QAAQ,EAAE;AAHZ,OAXO,EAgBP;AACED,QAAAA,IAAI,EAAE,OADR;AAEEX,QAAAA,KAAK,EAAE,OAFT;AAGEY,QAAAA,QAAQ,EAAE;AAHZ,OAhBO,CAPQ;AA6BjBC,MAAAA,QAAQ,EAAE;AA7BO,KATd;AAwCL,oCAAgC,iBAxC3B;AAyCLC,IAAAA,OAAO,EAAE,CACPC,wBAAanB,KADN,EAEPoB,yBAAepB,KAFR,wBAGHqB,iBAAQrB,KAHL;AAGYsB,MAAAA,UAAU,EAAE;AAHxB,QAIPH,wBAAanB,KAJN,wBAKHuB,eAAMvB,KALH;AAKUsB,MAAAA,UAAU,EAAE;AALtB,8BAMHF,yBAAepB,KANZ;AAMmBsB,MAAAA,UAAU,EAAE,KAN/B;AAMsCpB,MAAAA,KAAK,EAAE;AAN7C,8BAOHsB,yBAAgBxB,KAPb;AAOoBsB,MAAAA,UAAU,EAAE,KAPhC;AAOuCpB,MAAAA,KAAK,EAAE;AAP9C,8BAQHqB,eAAMvB,KARH;AAQUsB,MAAAA,UAAU,EAAE,KARtB;AAQ6BpB,MAAAA,KAAK,EAAE;AARpC;AAzCJ;AADM,C","sourcesContent":["import UnSelectedCard from '../../../../molecule/card/test/fixtures/selectable-false';\nimport SelectedCard from '../../../../molecule/card/test/fixtures/selectable-true';\nimport Article from '../../../../molecule/card/test/fixtures/article';\nimport Scorm from '../../../../molecule/card/test/fixtures/scorm';\nimport ExternalContent from '../../../../molecule/card/test/fixtures/external-content';\n\nexport default {\n props: {\n search: {\n title: 'Search...',\n placeholder: 'Search...',\n value: '',\n description: 'Type to filter the courses',\n onChange: value => console.log(value)\n },\n isLoading: false,\n contentTypeFilter: {\n type: 'selectMultiple',\n title: 'Content type',\n placeholder: 'Content type',\n description: 'This filters the courses',\n theme: 'coorpmanager',\n size: 'default',\n options: [\n {\n name: 'Course',\n value: 'course',\n selected: true\n },\n {\n name: \"5' learning\",\n value: 'chapter',\n selected: false\n },\n {\n name: 'Interactive slides',\n value: 'scorm',\n selected: false\n },\n {\n name: 'Video',\n value: 'video',\n selected: false\n }\n ],\n multiple: false\n },\n 'courses-selection-aria-label': 'Courses results',\n courses: [\n SelectedCard.props,\n UnSelectedCard.props,\n {...Article.props, isSelected: false},\n SelectedCard.props,\n {...Scorm.props, isSelected: true},\n {...UnSelectedCard.props, isSelected: false, title: 'Standard course'},\n {...ExternalContent.props, isSelected: false, title: 'External course'},\n {...Scorm.props, isSelected: false, title: 'Scorm course'}\n ]\n }\n};\n"],"file":"default.js"}
1
+ {"version":3,"sources":["../../../../../src/organism/course-selection/test/fixtures/default.js"],"names":["props","search","title","placeholder","value","description","onChange","console","log","isLoading","contentTypeFilter","type","theme","size","options","name","selected","multiple","courses","SelectedCard","UnSelectedCard","Article","isSelected","Scorm","ExternalContent","switchButton","titlePosition"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;eAEe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,MAAM,EAAE;AACNC,MAAAA,KAAK,EAAE,WADD;AAENC,MAAAA,WAAW,EAAE,WAFP;AAGNC,MAAAA,KAAK,EAAE,EAHD;AAINC,MAAAA,WAAW,EAAE,4BAJP;AAKNC,MAAAA,QAAQ,EAAEF,KAAK,IAAIG,OAAO,CAACC,GAAR,CAAYJ,KAAZ;AALb,KADH;AAQLK,IAAAA,SAAS,EAAE,KARN;AASLC,IAAAA,iBAAiB,EAAE;AACjBC,MAAAA,IAAI,EAAE,gBADW;AAEjBT,MAAAA,KAAK,EAAE,cAFU;AAGjBC,MAAAA,WAAW,EAAE,cAHI;AAIjBE,MAAAA,WAAW,EAAE,0BAJI;AAKjBO,MAAAA,KAAK,EAAE,cALU;AAMjBC,MAAAA,IAAI,EAAE,SANW;AAOjBC,MAAAA,OAAO,EAAE,CACP;AACEC,QAAAA,IAAI,EAAE,QADR;AAEEX,QAAAA,KAAK,EAAE,QAFT;AAGEY,QAAAA,QAAQ,EAAE;AAHZ,OADO,EAMP;AACED,QAAAA,IAAI,EAAE,aADR;AAEEX,QAAAA,KAAK,EAAE,SAFT;AAGEY,QAAAA,QAAQ,EAAE;AAHZ,OANO,EAWP;AACED,QAAAA,IAAI,EAAE,oBADR;AAEEX,QAAAA,KAAK,EAAE,OAFT;AAGEY,QAAAA,QAAQ,EAAE;AAHZ,OAXO,EAgBP;AACED,QAAAA,IAAI,EAAE,OADR;AAEEX,QAAAA,KAAK,EAAE,OAFT;AAGEY,QAAAA,QAAQ,EAAE;AAHZ,OAhBO,CAPQ;AA6BjBC,MAAAA,QAAQ,EAAE;AA7BO,KATd;AAwCL,oCAAgC,iBAxC3B;AAyCLC,IAAAA,OAAO,EAAE,CACPC,wBAAanB,KADN,EAEPoB,yBAAepB,KAFR,wBAGHqB,iBAAQrB,KAHL;AAGYsB,MAAAA,UAAU,EAAE;AAHxB,QAIPH,wBAAanB,KAJN,wBAKHuB,eAAMvB,KALH;AAKUsB,MAAAA,UAAU,EAAE;AALtB,8BAMHF,yBAAepB,KANZ;AAMmBsB,MAAAA,UAAU,EAAE,KAN/B;AAMsCpB,MAAAA,KAAK,EAAE;AAN7C,8BAOHsB,yBAAgBxB,KAPb;AAOoBsB,MAAAA,UAAU,EAAE,KAPhC;AAOuCpB,MAAAA,KAAK,EAAE;AAP9C,8BAQHqB,eAAMvB,KARH;AAQUsB,MAAAA,UAAU,EAAE,KARtB;AAQ6BpB,MAAAA,KAAK,EAAE;AARpC,OAzCJ;AAmDLuB,IAAAA,YAAY,EAAE;AACZd,MAAAA,IAAI,EAAE,QADM;AAEZT,MAAAA,KAAK,EAAE,4BAFK;AAGZE,MAAAA,KAAK,EAAE,KAHK;AAIZE,MAAAA,QAAQ,EAAEF,KAAK,IAAIG,OAAO,CAACC,GAAR,CAAYJ,KAAZ,CAJP;AAKZsB,MAAAA,aAAa,EAAE,OALH;AAMZd,MAAAA,KAAK,EAAE;AANK;AAnDT;AADM,C","sourcesContent":["import UnSelectedCard from '../../../../molecule/card/test/fixtures/selectable-false';\nimport SelectedCard from '../../../../molecule/card/test/fixtures/selectable-true';\nimport Article from '../../../../molecule/card/test/fixtures/article';\nimport Scorm from '../../../../molecule/card/test/fixtures/scorm';\nimport ExternalContent from '../../../../molecule/card/test/fixtures/external-content';\n\nexport default {\n props: {\n search: {\n title: 'Search...',\n placeholder: 'Search...',\n value: '',\n description: 'Type to filter the courses',\n onChange: value => console.log(value)\n },\n isLoading: false,\n contentTypeFilter: {\n type: 'selectMultiple',\n title: 'Content type',\n placeholder: 'Content type',\n description: 'This filters the courses',\n theme: 'coorpmanager',\n size: 'default',\n options: [\n {\n name: 'Course',\n value: 'course',\n selected: true\n },\n {\n name: \"5' learning\",\n value: 'chapter',\n selected: false\n },\n {\n name: 'Interactive slides',\n value: 'scorm',\n selected: false\n },\n {\n name: 'Video',\n value: 'video',\n selected: false\n }\n ],\n multiple: false\n },\n 'courses-selection-aria-label': 'Courses results',\n courses: [\n SelectedCard.props,\n UnSelectedCard.props,\n {...Article.props, isSelected: false},\n SelectedCard.props,\n {...Scorm.props, isSelected: true},\n {...UnSelectedCard.props, isSelected: false, title: 'Standard course'},\n {...ExternalContent.props, isSelected: false, title: 'External course'},\n {...Scorm.props, isSelected: false, title: 'Scorm course'}\n ],\n switchButton: {\n type: 'switch',\n title: 'Show selected courses only',\n value: false,\n onChange: value => console.log(value),\n titlePosition: 'right',\n theme: 'coorpmanager'\n }\n }\n};\n"],"file":"default.js"}
@@ -16,6 +16,15 @@ var _default = {
16
16
  emptyMessages: {
17
17
  firstMessage: 'No results...',
18
18
  secondMessage: 'Try something else'
19
+ },
20
+ switchButton: {
21
+ type: 'switch',
22
+ title: 'Show selected courses only',
23
+ value: false,
24
+ onChange: value => console.log(value),
25
+ titlePosition: 'right',
26
+ disabled: true,
27
+ theme: 'coorpmanager'
19
28
  }
20
29
  }
21
30
  };
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../../src/organism/course-selection/test/fixtures/empty.js"],"names":["props","search","title","placeholder","value","description","onChange","console","log","courses","emptyMessages","firstMessage","secondMessage"],"mappings":";;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,MAAM,EAAE;AACNC,MAAAA,KAAK,EAAE,WADD;AAENC,MAAAA,WAAW,EAAE,WAFP;AAGNC,MAAAA,KAAK,EAAE,QAHD;AAINC,MAAAA,WAAW,EAAE,0BAJP;AAKNC,MAAAA,QAAQ,EAAEF,KAAK,IAAIG,OAAO,CAACC,GAAR,CAAYJ,KAAZ;AALb,KADH;AAQL,oCAAgC,iBAR3B;AASLK,IAAAA,OAAO,EAAE,EATJ;AAULC,IAAAA,aAAa,EAAE;AACbC,MAAAA,YAAY,EAAE,eADD;AAEbC,MAAAA,aAAa,EAAE;AAFF;AAVV;AADM,C","sourcesContent":["export default {\n props: {\n search: {\n title: 'Search...',\n placeholder: 'Search...',\n value: 'Xoxoxo',\n description: 'Type to find the courses',\n onChange: value => console.log(value)\n },\n 'courses-selection-aria-label': 'Courses results',\n courses: [],\n emptyMessages: {\n firstMessage: 'No results...',\n secondMessage: 'Try something else'\n }\n }\n};\n"],"file":"empty.js"}
1
+ {"version":3,"sources":["../../../../../src/organism/course-selection/test/fixtures/empty.js"],"names":["props","search","title","placeholder","value","description","onChange","console","log","courses","emptyMessages","firstMessage","secondMessage","switchButton","type","titlePosition","disabled","theme"],"mappings":";;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,MAAM,EAAE;AACNC,MAAAA,KAAK,EAAE,WADD;AAENC,MAAAA,WAAW,EAAE,WAFP;AAGNC,MAAAA,KAAK,EAAE,QAHD;AAINC,MAAAA,WAAW,EAAE,0BAJP;AAKNC,MAAAA,QAAQ,EAAEF,KAAK,IAAIG,OAAO,CAACC,GAAR,CAAYJ,KAAZ;AALb,KADH;AAQL,oCAAgC,iBAR3B;AASLK,IAAAA,OAAO,EAAE,EATJ;AAULC,IAAAA,aAAa,EAAE;AACbC,MAAAA,YAAY,EAAE,eADD;AAEbC,MAAAA,aAAa,EAAE;AAFF,KAVV;AAcLC,IAAAA,YAAY,EAAE;AACZC,MAAAA,IAAI,EAAE,QADM;AAEZZ,MAAAA,KAAK,EAAE,4BAFK;AAGZE,MAAAA,KAAK,EAAE,KAHK;AAIZE,MAAAA,QAAQ,EAAEF,KAAK,IAAIG,OAAO,CAACC,GAAR,CAAYJ,KAAZ,CAJP;AAKZW,MAAAA,aAAa,EAAE,OALH;AAMZC,MAAAA,QAAQ,EAAE,IANE;AAOZC,MAAAA,KAAK,EAAE;AAPK;AAdT;AADM,C","sourcesContent":["export default {\n props: {\n search: {\n title: 'Search...',\n placeholder: 'Search...',\n value: 'Xoxoxo',\n description: 'Type to find the courses',\n onChange: value => console.log(value)\n },\n 'courses-selection-aria-label': 'Courses results',\n courses: [],\n emptyMessages: {\n firstMessage: 'No results...',\n secondMessage: 'Try something else'\n },\n switchButton: {\n type: 'switch',\n title: 'Show selected courses only',\n value: false,\n onChange: value => console.log(value),\n titlePosition: 'right',\n disabled: true,\n theme: 'coorpmanager'\n }\n }\n};\n"],"file":"empty.js"}
@@ -29,7 +29,15 @@ var _default = {
29
29
  isSelected: true
30
30
  }), _selectableTrue.default.props, _selectableFalse.default.props, _extends(_extends({}, _article.default.props), {}, {
31
31
  isSelected: false
32
- })]
32
+ })],
33
+ switchButton: {
34
+ type: 'switch',
35
+ title: 'Show selected courses only',
36
+ value: false,
37
+ onChange: value => console.log(value),
38
+ titlePosition: 'right',
39
+ theme: 'coorpmanager'
40
+ }
33
41
  }
34
42
  };
35
43
  exports.default = _default;
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../../src/organism/course-selection/test/fixtures/filtered.js"],"names":["props","search","title","placeholder","value","description","onChange","console","log","courses","SelectedCard","Scorm","isSelected","UnSelectedCard","Article"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;;;;;eAEe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,MAAM,EAAE;AACNC,MAAAA,KAAK,EAAE,WADD;AAENC,MAAAA,WAAW,EAAE,WAFP;AAGNC,MAAAA,KAAK,EAAE,MAHD;AAINC,MAAAA,WAAW,EAAE,4BAJP;AAKNC,MAAAA,QAAQ,EAAEF,KAAK,IAAIG,OAAO,CAACC,GAAR,CAAYJ,KAAZ;AALb,KADH;AAQL,oCAAgC,iBAR3B;AASLK,IAAAA,OAAO,EAAE,CACPC,wBAAaV,KADN,wBAEHW,eAAMX,KAFH;AAEUY,MAAAA,UAAU,EAAE;AAFtB,QAGPF,wBAAaV,KAHN,EAIPa,yBAAeb,KAJR,wBAKHc,iBAAQd,KALL;AAKYY,MAAAA,UAAU,EAAE;AALxB;AATJ;AADM,C","sourcesContent":["import UnSelectedCard from '../../../../molecule/card/test/fixtures/selectable-false';\nimport SelectedCard from '../../../../molecule/card/test/fixtures/selectable-true';\nimport Article from '../../../../molecule/card/test/fixtures/article';\nimport Scorm from '../../../../molecule/card/test/fixtures/scorm';\n\nexport default {\n props: {\n search: {\n title: 'Search...',\n placeholder: 'Search...',\n value: 'from',\n description: 'Type to filter the courses',\n onChange: value => console.log(value)\n },\n 'courses-selection-aria-label': 'Courses results',\n courses: [\n SelectedCard.props,\n {...Scorm.props, isSelected: true},\n SelectedCard.props,\n UnSelectedCard.props,\n {...Article.props, isSelected: false}\n ]\n }\n};\n"],"file":"filtered.js"}
1
+ {"version":3,"sources":["../../../../../src/organism/course-selection/test/fixtures/filtered.js"],"names":["props","search","title","placeholder","value","description","onChange","console","log","courses","SelectedCard","Scorm","isSelected","UnSelectedCard","Article","switchButton","type","titlePosition","theme"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;;;;;eAEe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,MAAM,EAAE;AACNC,MAAAA,KAAK,EAAE,WADD;AAENC,MAAAA,WAAW,EAAE,WAFP;AAGNC,MAAAA,KAAK,EAAE,MAHD;AAINC,MAAAA,WAAW,EAAE,4BAJP;AAKNC,MAAAA,QAAQ,EAAEF,KAAK,IAAIG,OAAO,CAACC,GAAR,CAAYJ,KAAZ;AALb,KADH;AAQL,oCAAgC,iBAR3B;AASLK,IAAAA,OAAO,EAAE,CACPC,wBAAaV,KADN,wBAEHW,eAAMX,KAFH;AAEUY,MAAAA,UAAU,EAAE;AAFtB,QAGPF,wBAAaV,KAHN,EAIPa,yBAAeb,KAJR,wBAKHc,iBAAQd,KALL;AAKYY,MAAAA,UAAU,EAAE;AALxB,OATJ;AAgBLG,IAAAA,YAAY,EAAE;AACZC,MAAAA,IAAI,EAAE,QADM;AAEZd,MAAAA,KAAK,EAAE,4BAFK;AAGZE,MAAAA,KAAK,EAAE,KAHK;AAIZE,MAAAA,QAAQ,EAAEF,KAAK,IAAIG,OAAO,CAACC,GAAR,CAAYJ,KAAZ,CAJP;AAKZa,MAAAA,aAAa,EAAE,OALH;AAMZC,MAAAA,KAAK,EAAE;AANK;AAhBT;AADM,C","sourcesContent":["import UnSelectedCard from '../../../../molecule/card/test/fixtures/selectable-false';\nimport SelectedCard from '../../../../molecule/card/test/fixtures/selectable-true';\nimport Article from '../../../../molecule/card/test/fixtures/article';\nimport Scorm from '../../../../molecule/card/test/fixtures/scorm';\n\nexport default {\n props: {\n search: {\n title: 'Search...',\n placeholder: 'Search...',\n value: 'from',\n description: 'Type to filter the courses',\n onChange: value => console.log(value)\n },\n 'courses-selection-aria-label': 'Courses results',\n courses: [\n SelectedCard.props,\n {...Scorm.props, isSelected: true},\n SelectedCard.props,\n UnSelectedCard.props,\n {...Article.props, isSelected: false}\n ],\n switchButton: {\n type: 'switch',\n title: 'Show selected courses only',\n value: false,\n onChange: value => console.log(value),\n titlePosition: 'right',\n theme: 'coorpmanager'\n }\n }\n};\n"],"file":"filtered.js"}
@@ -37,7 +37,15 @@ var _default = {
37
37
  isSelected: false
38
38
  }), _extends(_extends({}, _scorm.default.props), {}, {
39
39
  isSelected: false
40
- })]
40
+ })],
41
+ switchButton: {
42
+ type: 'switch',
43
+ title: 'Show selected courses only',
44
+ value: false,
45
+ onChange: value => console.log(value),
46
+ titlePosition: 'right',
47
+ theme: 'coorpmanager'
48
+ }
41
49
  }
42
50
  };
43
51
  exports.default = _default;
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../../src/organism/course-selection/test/fixtures/sorted-selected.js"],"names":["props","search","title","placeholder","value","description","onChange","console","log","courses","SelectedCard","Scorm","isSelected","UnSelectedCard","Article","ExternalContent"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;eAEe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,MAAM,EAAE;AACNC,MAAAA,KAAK,EAAE,WADD;AAENC,MAAAA,WAAW,EAAE,WAFP;AAGNC,MAAAA,KAAK,EAAE,EAHD;AAINC,MAAAA,WAAW,EAAE,4BAJP;AAKNC,MAAAA,QAAQ,EAAEF,KAAK,IAAIG,OAAO,CAACC,GAAR,CAAYJ,KAAZ;AALb,KADH;AAQL,oCAAgC,iBAR3B;AASLK,IAAAA,OAAO,EAAE,CACPC,wBAAaV,KADN,wBAEHW,eAAMX,KAFH;AAEUY,MAAAA,UAAU,EAAE;AAFtB,QAGPF,wBAAaV,KAHN,EAIPa,yBAAeb,KAJR,wBAKHc,iBAAQd,KALL;AAKYY,MAAAA,UAAU,EAAE;AALxB,8BAMHC,yBAAeb,KANZ;AAMmBY,MAAAA,UAAU,EAAE;AAN/B,8BAOHG,yBAAgBf,KAPb;AAOoBY,MAAAA,UAAU,EAAE;AAPhC,8BAQHD,eAAMX,KARH;AAQUY,MAAAA,UAAU,EAAE;AARtB;AATJ;AADM,C","sourcesContent":["import UnSelectedCard from '../../../../molecule/card/test/fixtures/selectable-false';\nimport SelectedCard from '../../../../molecule/card/test/fixtures/selectable-true';\nimport Article from '../../../../molecule/card/test/fixtures/article';\nimport Scorm from '../../../../molecule/card/test/fixtures/scorm';\nimport ExternalContent from '../../../../molecule/card/test/fixtures/external-content';\n\nexport default {\n props: {\n search: {\n title: 'Search...',\n placeholder: 'Search...',\n value: '',\n description: 'Type to filter the courses',\n onChange: value => console.log(value)\n },\n 'courses-selection-aria-label': 'Courses results',\n courses: [\n SelectedCard.props,\n {...Scorm.props, isSelected: true},\n SelectedCard.props,\n UnSelectedCard.props,\n {...Article.props, isSelected: false},\n {...UnSelectedCard.props, isSelected: false},\n {...ExternalContent.props, isSelected: false},\n {...Scorm.props, isSelected: false}\n ]\n }\n};\n"],"file":"sorted-selected.js"}
1
+ {"version":3,"sources":["../../../../../src/organism/course-selection/test/fixtures/sorted-selected.js"],"names":["props","search","title","placeholder","value","description","onChange","console","log","courses","SelectedCard","Scorm","isSelected","UnSelectedCard","Article","ExternalContent","switchButton","type","titlePosition","theme"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;eAEe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,MAAM,EAAE;AACNC,MAAAA,KAAK,EAAE,WADD;AAENC,MAAAA,WAAW,EAAE,WAFP;AAGNC,MAAAA,KAAK,EAAE,EAHD;AAINC,MAAAA,WAAW,EAAE,4BAJP;AAKNC,MAAAA,QAAQ,EAAEF,KAAK,IAAIG,OAAO,CAACC,GAAR,CAAYJ,KAAZ;AALb,KADH;AAQL,oCAAgC,iBAR3B;AASLK,IAAAA,OAAO,EAAE,CACPC,wBAAaV,KADN,wBAEHW,eAAMX,KAFH;AAEUY,MAAAA,UAAU,EAAE;AAFtB,QAGPF,wBAAaV,KAHN,EAIPa,yBAAeb,KAJR,wBAKHc,iBAAQd,KALL;AAKYY,MAAAA,UAAU,EAAE;AALxB,8BAMHC,yBAAeb,KANZ;AAMmBY,MAAAA,UAAU,EAAE;AAN/B,8BAOHG,yBAAgBf,KAPb;AAOoBY,MAAAA,UAAU,EAAE;AAPhC,8BAQHD,eAAMX,KARH;AAQUY,MAAAA,UAAU,EAAE;AARtB,OATJ;AAmBLI,IAAAA,YAAY,EAAE;AACZC,MAAAA,IAAI,EAAE,QADM;AAEZf,MAAAA,KAAK,EAAE,4BAFK;AAGZE,MAAAA,KAAK,EAAE,KAHK;AAIZE,MAAAA,QAAQ,EAAEF,KAAK,IAAIG,OAAO,CAACC,GAAR,CAAYJ,KAAZ,CAJP;AAKZc,MAAAA,aAAa,EAAE,OALH;AAMZC,MAAAA,KAAK,EAAE;AANK;AAnBT;AADM,C","sourcesContent":["import UnSelectedCard from '../../../../molecule/card/test/fixtures/selectable-false';\nimport SelectedCard from '../../../../molecule/card/test/fixtures/selectable-true';\nimport Article from '../../../../molecule/card/test/fixtures/article';\nimport Scorm from '../../../../molecule/card/test/fixtures/scorm';\nimport ExternalContent from '../../../../molecule/card/test/fixtures/external-content';\n\nexport default {\n props: {\n search: {\n title: 'Search...',\n placeholder: 'Search...',\n value: '',\n description: 'Type to filter the courses',\n onChange: value => console.log(value)\n },\n 'courses-selection-aria-label': 'Courses results',\n courses: [\n SelectedCard.props,\n {...Scorm.props, isSelected: true},\n SelectedCard.props,\n UnSelectedCard.props,\n {...Article.props, isSelected: false},\n {...UnSelectedCard.props, isSelected: false},\n {...ExternalContent.props, isSelected: false},\n {...Scorm.props, isSelected: false}\n ],\n switchButton: {\n type: 'switch',\n title: 'Show selected courses only',\n value: false,\n onChange: value => console.log(value),\n titlePosition: 'right',\n theme: 'coorpmanager'\n }\n }\n};\n"],"file":"sorted-selected.js"}