@coorpacademy/components 10.1.7 → 10.1.11

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 (154) hide show
  1. package/es/atom/button-link/index.js +2 -22
  2. package/es/atom/button-link/index.js.map +1 -1
  3. package/es/atom/button-link/style.css +0 -1
  4. package/es/atom/button-link/test/fixtures.js +0 -4
  5. package/es/atom/button-link/test/fixtures.js.map +1 -1
  6. package/es/atom/button-link-icon-only/index.js +76 -0
  7. package/es/atom/button-link-icon-only/index.js.map +1 -0
  8. package/es/atom/button-link-icon-only/style.css +64 -0
  9. package/es/atom/{button-link/test/button-link.js → button-link-icon-only/test/button-link-icon-only.js} +5 -5
  10. package/es/atom/button-link-icon-only/test/button-link-icon-only.js.map +1 -0
  11. package/es/atom/button-link-icon-only/test/fixtures/button-icon-bullet.js +10 -0
  12. package/es/atom/button-link-icon-only/test/fixtures/button-icon-bullet.js.map +1 -0
  13. package/es/atom/{button-link/test/fixtures/icon-button.js → button-link-icon-only/test/fixtures/default.js} +3 -6
  14. package/es/atom/button-link-icon-only/test/fixtures/default.js.map +1 -0
  15. package/es/atom/button-link-icon-only/test/fixtures/no-icon.js +7 -0
  16. package/es/atom/button-link-icon-only/test/fixtures/no-icon.js.map +1 -0
  17. package/es/atom/button-link-icon-only/test/fixtures/small-button-disabled.js +11 -0
  18. package/es/atom/button-link-icon-only/test/fixtures/small-button-disabled.js.map +1 -0
  19. package/es/atom/button-link-icon-only/test/fixtures/small-link-download.js +13 -0
  20. package/es/atom/button-link-icon-only/test/fixtures/small-link-download.js.map +1 -0
  21. package/es/atom/button-link-icon-only/test/fixtures.js +21 -0
  22. package/es/atom/button-link-icon-only/test/fixtures.js.map +1 -0
  23. package/es/atom/empty-search-result/index.js +24 -0
  24. package/es/atom/empty-search-result/index.js.map +1 -0
  25. package/es/atom/empty-search-result/style.css +25 -0
  26. package/es/atom/empty-search-result/test/fixtures/default.js +7 -0
  27. package/es/atom/empty-search-result/test/fixtures/default.js.map +1 -0
  28. package/es/atom/empty-search-result/test/fixtures.js +13 -0
  29. package/es/atom/empty-search-result/test/fixtures.js.map +1 -0
  30. package/es/atom/input-text/index.js +3 -2
  31. package/es/atom/input-text/index.js.map +1 -1
  32. package/es/atom/tag/index.js +3 -2
  33. package/es/atom/tag/index.js.map +1 -1
  34. package/es/atom/tag/style.css +5 -1
  35. package/es/atom/tag/test/fixtures/draft.js +7 -0
  36. package/es/atom/tag/test/fixtures/draft.js.map +1 -0
  37. package/es/atom/tag/test/fixtures/{revision.js → revised.js} +2 -2
  38. package/es/atom/tag/test/fixtures/revised.js.map +1 -0
  39. package/es/molecule/bullet-point-menu-button/index.js +4 -7
  40. package/es/molecule/bullet-point-menu-button/index.js.map +1 -1
  41. package/es/molecule/cm-popin/index.js +8 -7
  42. package/es/molecule/cm-popin/index.js.map +1 -1
  43. package/es/molecule/cm-popin/style.css +0 -25
  44. package/es/molecule/search/test/fixtures.js +15 -0
  45. package/es/molecule/search/test/fixtures.js.map +1 -0
  46. package/es/molecule/vertical-tabs/style.css +2 -2
  47. package/es/organism/course-selection/index.js +57 -0
  48. package/es/organism/course-selection/index.js.map +1 -0
  49. package/es/organism/course-selection/style.css +23 -0
  50. package/es/organism/course-selection/test/fixtures/default.js +34 -0
  51. package/es/organism/course-selection/test/fixtures/default.js.map +1 -0
  52. package/es/organism/course-selection/test/fixtures/empty.js +18 -0
  53. package/es/organism/course-selection/test/fixtures/empty.js.map +1 -0
  54. package/es/organism/course-selection/test/fixtures/filtered.js +24 -0
  55. package/es/organism/course-selection/test/fixtures/filtered.js.map +1 -0
  56. package/es/organism/course-selection/test/fixtures/sorted-selected.js +31 -0
  57. package/es/organism/course-selection/test/fixtures/sorted-selected.js.map +1 -0
  58. package/es/organism/course-selection/test/fixtures/unsorted-selected.js +31 -0
  59. package/es/organism/course-selection/test/fixtures/unsorted-selected.js.map +1 -0
  60. package/es/organism/course-selection/test/fixtures.js +21 -0
  61. package/es/organism/course-selection/test/fixtures.js.map +1 -0
  62. package/es/organism/playlist-translation/style.css +9 -2
  63. package/es/organism/playlist-translation/test/fixtures.js +15 -0
  64. package/es/organism/playlist-translation/test/fixtures.js.map +1 -0
  65. package/es/organism/search-and-chips-results/index.js +3 -8
  66. package/es/organism/search-and-chips-results/index.js.map +1 -1
  67. package/es/organism/search-and-chips-results/style.css +0 -22
  68. package/es/organism/setup-header/index.js +78 -31
  69. package/es/organism/setup-header/index.js.map +1 -1
  70. package/es/organism/setup-header/style.css +27 -62
  71. package/es/util/button-icons.js +16 -0
  72. package/es/util/button-icons.js.map +1 -0
  73. package/lib/atom/button-link/index.js +5 -26
  74. package/lib/atom/button-link/index.js.map +1 -1
  75. package/lib/atom/button-link/style.css +0 -1
  76. package/lib/atom/button-link/test/fixtures.js +0 -6
  77. package/lib/atom/button-link/test/fixtures.js.map +1 -1
  78. package/lib/atom/button-link-icon-only/index.js +94 -0
  79. package/lib/atom/button-link-icon-only/index.js.map +1 -0
  80. package/lib/atom/button-link-icon-only/style.css +64 -0
  81. package/lib/atom/{button-link/test/button-link.js → button-link-icon-only/test/button-link-icon-only.js} +4 -4
  82. package/lib/atom/button-link-icon-only/test/button-link-icon-only.js.map +1 -0
  83. package/lib/atom/{button-link/test/fixtures/button-tertiary-icon-bullet.js → button-link-icon-only/test/fixtures/button-icon-bullet.js} +3 -6
  84. package/lib/atom/button-link-icon-only/test/fixtures/button-icon-bullet.js.map +1 -0
  85. package/lib/atom/{button-link/test/fixtures/icon-button.js → button-link-icon-only/test/fixtures/default.js} +3 -6
  86. package/lib/atom/button-link-icon-only/test/fixtures/default.js.map +1 -0
  87. package/lib/atom/button-link-icon-only/test/fixtures/no-icon.js +12 -0
  88. package/lib/atom/button-link-icon-only/test/fixtures/no-icon.js.map +1 -0
  89. package/lib/atom/button-link-icon-only/test/fixtures/small-button-disabled.js +16 -0
  90. package/lib/atom/button-link-icon-only/test/fixtures/small-button-disabled.js.map +1 -0
  91. package/lib/atom/button-link-icon-only/test/fixtures/small-link-download.js +18 -0
  92. package/lib/atom/button-link-icon-only/test/fixtures/small-link-download.js.map +1 -0
  93. package/lib/atom/button-link-icon-only/test/fixtures.js +34 -0
  94. package/lib/atom/button-link-icon-only/test/fixtures.js.map +1 -0
  95. package/lib/atom/empty-search-result/index.js +34 -0
  96. package/lib/atom/empty-search-result/index.js.map +1 -0
  97. package/lib/atom/empty-search-result/style.css +25 -0
  98. package/lib/atom/empty-search-result/test/fixtures/default.js +12 -0
  99. package/lib/atom/empty-search-result/test/fixtures/default.js.map +1 -0
  100. package/lib/atom/empty-search-result/test/fixtures.js +22 -0
  101. package/lib/atom/empty-search-result/test/fixtures.js.map +1 -0
  102. package/lib/atom/input-text/index.js +3 -2
  103. package/lib/atom/input-text/index.js.map +1 -1
  104. package/lib/atom/tag/index.js +3 -2
  105. package/lib/atom/tag/index.js.map +1 -1
  106. package/lib/atom/tag/style.css +5 -1
  107. package/lib/atom/tag/test/fixtures/draft.js +12 -0
  108. package/lib/atom/tag/test/fixtures/draft.js.map +1 -0
  109. package/lib/atom/tag/test/fixtures/{revision.js → revised.js} +2 -2
  110. package/lib/atom/tag/test/fixtures/revised.js.map +1 -0
  111. package/lib/molecule/bullet-point-menu-button/index.js +4 -7
  112. package/lib/molecule/bullet-point-menu-button/index.js.map +1 -1
  113. package/lib/molecule/cm-popin/index.js +8 -6
  114. package/lib/molecule/cm-popin/index.js.map +1 -1
  115. package/lib/molecule/cm-popin/style.css +0 -25
  116. package/lib/molecule/search/test/fixtures.js +25 -0
  117. package/lib/molecule/search/test/fixtures.js.map +1 -0
  118. package/lib/molecule/vertical-tabs/style.css +2 -2
  119. package/lib/organism/course-selection/index.js +70 -0
  120. package/lib/organism/course-selection/index.js.map +1 -0
  121. package/lib/organism/course-selection/style.css +23 -0
  122. package/lib/organism/course-selection/test/fixtures/default.js +47 -0
  123. package/lib/organism/course-selection/test/fixtures/default.js.map +1 -0
  124. package/lib/organism/course-selection/test/fixtures/empty.js +23 -0
  125. package/lib/organism/course-selection/test/fixtures/empty.js.map +1 -0
  126. package/lib/organism/course-selection/test/fixtures/filtered.js +36 -0
  127. package/lib/organism/course-selection/test/fixtures/filtered.js.map +1 -0
  128. package/lib/organism/course-selection/test/fixtures/sorted-selected.js +44 -0
  129. package/lib/organism/course-selection/test/fixtures/sorted-selected.js.map +1 -0
  130. package/lib/organism/course-selection/test/fixtures/unsorted-selected.js +44 -0
  131. package/lib/organism/course-selection/test/fixtures/unsorted-selected.js.map +1 -0
  132. package/lib/organism/course-selection/test/fixtures.js +34 -0
  133. package/lib/organism/course-selection/test/fixtures.js.map +1 -0
  134. package/lib/organism/playlist-translation/style.css +9 -2
  135. package/lib/organism/playlist-translation/test/fixtures.js +25 -0
  136. package/lib/organism/playlist-translation/test/fixtures.js.map +1 -0
  137. package/lib/organism/search-and-chips-results/index.js +4 -8
  138. package/lib/organism/search-and-chips-results/index.js.map +1 -1
  139. package/lib/organism/search-and-chips-results/style.css +0 -22
  140. package/lib/organism/setup-header/index.js +80 -32
  141. package/lib/organism/setup-header/index.js.map +1 -1
  142. package/lib/organism/setup-header/style.css +27 -62
  143. package/lib/util/button-icons.js +23 -0
  144. package/lib/util/button-icons.js.map +1 -0
  145. package/package.json +2 -2
  146. package/es/atom/button-link/test/button-link.js.map +0 -1
  147. package/es/atom/button-link/test/fixtures/button-tertiary-icon-bullet.js +0 -13
  148. package/es/atom/button-link/test/fixtures/button-tertiary-icon-bullet.js.map +0 -1
  149. package/es/atom/button-link/test/fixtures/icon-button.js.map +0 -1
  150. package/es/atom/tag/test/fixtures/revision.js.map +0 -1
  151. package/lib/atom/button-link/test/button-link.js.map +0 -1
  152. package/lib/atom/button-link/test/fixtures/button-tertiary-icon-bullet.js.map +0 -1
  153. package/lib/atom/button-link/test/fixtures/icon-button.js.map +0 -1
  154. package/lib/atom/tag/test/fixtures/revision.js.map +0 -1
@@ -5,8 +5,8 @@ exports.default = void 0;
5
5
  var _default = {
6
6
  props: {
7
7
  label: 'Ongoing changes',
8
- type: 'revision'
8
+ type: 'revised'
9
9
  }
10
10
  };
11
11
  exports.default = _default;
12
- //# sourceMappingURL=revision.js.map
12
+ //# sourceMappingURL=revised.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../../../src/atom/tag/test/fixtures/revised.js"],"names":["props","label","type"],"mappings":";;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAE,iBADF;AAELC,IAAAA,IAAI,EAAE;AAFD;AADM,C","sourcesContent":["export default {\n props: {\n label: 'Ongoing changes',\n type: 'revised'\n }\n};\n"],"file":"revised.js"}
@@ -7,7 +7,7 @@ var _react = _interopRequireWildcard(require("react"));
7
7
 
8
8
  var _propTypes = _interopRequireDefault(require("prop-types"));
9
9
 
10
- var _buttonLink = _interopRequireDefault(require("../../atom/button-link"));
10
+ var _buttonLinkIconOnly = _interopRequireDefault(require("../../atom/button-link-icon-only"));
11
11
 
12
12
  var _buttonMenu = _interopRequireDefault(require("../../atom/button-menu"));
13
13
 
@@ -42,20 +42,17 @@ const BulletPointMenuButton = props => {
42
42
  }, /*#__PURE__*/_react.default.createElement(_buttonMenu.default, menuProps));
43
43
 
44
44
  const bulletPointButtonProps = {
45
- type: 'secondary',
45
+ size: 'default',
46
46
  'aria-label': buttonAriaLabel,
47
47
  'data-name': 'bullet-point-button',
48
- icon: {
49
- position: 'center',
50
- type: 'bullet-point'
51
- },
48
+ icon: 'bullet-point',
52
49
  onClick: handleOnClick,
53
50
  disabled
54
51
  };
55
52
  return /*#__PURE__*/_react.default.createElement("div", {
56
53
  className: _style.default.bulletPointWrapper,
57
54
  "data-name": "bullet-point-wrapper"
58
- }, /*#__PURE__*/_react.default.createElement(_buttonLink.default, _extends({}, bulletPointButtonProps, {
55
+ }, /*#__PURE__*/_react.default.createElement(_buttonLinkIconOnly.default, _extends({}, bulletPointButtonProps, {
59
56
  className: _style.default.bulletPointButton
60
57
  })), menu);
61
58
  };
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/molecule/bullet-point-menu-button/index.js"],"names":["BulletPointMenuButton","props","disabled","buttonAriaLabel","menuAriaLabel","onClick","buttons","handleOnClick","menuProps","menu","style","bulletPointMenu","bulletPointButtonProps","type","icon","position","bulletPointWrapper","bulletPointButton","propTypes","PropTypes","bool","string","ButtonMenu","func"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA,MAAMA,qBAAqB,GAAGC,KAAK,IAAI;AACrC,QAAM;AAACC,IAAAA,QAAQ,GAAG,KAAZ;AAAmBC,IAAAA,eAAnB;AAAoCC,IAAAA,aAApC;AAAmDC,IAAAA,OAAnD;AAA4DC,IAAAA;AAA5D,MAAuEL,KAA7E;AACA,QAAMM,aAAa,GAAG,wBAAY,MAAMF,OAAO,EAAzB,EAA6B,CAACA,OAAD,CAA7B,CAAtB;AAEA,QAAMG,SAAS,GAAG;AAChB,iBAAa,aADG;AAEhBF,IAAAA;AAFgB,GAAlB;;AAKA,QAAMG,IAAI,gBACR;AAAK,IAAA,SAAS,EAAEC,eAAMC,eAAtB;AAAuC,iBAAU,cAAjD;AAAgE,kBAAYP;AAA5E,kBACE,6BAAC,mBAAD,EAAgBI,SAAhB,CADF,CADF;;AAKA,QAAMI,sBAAsB,GAAG;AAC7BC,IAAAA,IAAI,EAAE,WADuB;AAE7B,kBAAcV,eAFe;AAG7B,iBAAa,qBAHgB;AAI7BW,IAAAA,IAAI,EAAE;AACJC,MAAAA,QAAQ,EAAE,QADN;AAEJF,MAAAA,IAAI,EAAE;AAFF,KAJuB;AAQ7BR,IAAAA,OAAO,EAAEE,aARoB;AAS7BL,IAAAA;AAT6B,GAA/B;AAYA,sBACE;AAAK,IAAA,SAAS,EAAEQ,eAAMM,kBAAtB;AAA0C,iBAAU;AAApD,kBACE,6BAAC,mBAAD,eAAgBJ,sBAAhB;AAAwC,IAAA,SAAS,EAAEF,eAAMO;AAAzD,KADF,EAEGR,IAFH,CADF;AAMD,CAhCD;;AAkCAT,qBAAqB,CAACkB,SAAtB,2CAAkC;AAChChB,EAAAA,QAAQ,EAAEiB,mBAAUC,IADY;AAEhCjB,EAAAA,eAAe,EAAEgB,mBAAUE,MAFK;AAGhCjB,EAAAA,aAAa,EAAEe,mBAAUE,MAHO;AAIhCf,EAAAA,OAAO,EAAEgB,oBAAWJ,SAAX,CAAqBZ,OAJE;AAKhCD,EAAAA,OAAO,EAAEc,mBAAUI;AALa,CAAlC;eAQevB,qB","sourcesContent":["import React, {useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport ButtonLink from '../../atom/button-link';\nimport ButtonMenu from '../../atom/button-menu';\nimport style from './style.css';\n\nconst BulletPointMenuButton = props => {\n const {disabled = false, buttonAriaLabel, menuAriaLabel, onClick, buttons} = props;\n const handleOnClick = useCallback(() => onClick(), [onClick]);\n\n const menuProps = {\n 'data-name': 'button-menu',\n buttons\n };\n\n const menu = (\n <div className={style.bulletPointMenu} data-name=\"menu-wrapper\" aria-label={menuAriaLabel}>\n <ButtonMenu {...menuProps} />\n </div>\n );\n const bulletPointButtonProps = {\n type: 'secondary',\n 'aria-label': buttonAriaLabel,\n 'data-name': 'bullet-point-button',\n icon: {\n position: 'center',\n type: 'bullet-point'\n },\n onClick: handleOnClick,\n disabled\n };\n\n return (\n <div className={style.bulletPointWrapper} data-name=\"bullet-point-wrapper\">\n <ButtonLink {...bulletPointButtonProps} className={style.bulletPointButton} />\n {menu}\n </div>\n );\n};\n\nBulletPointMenuButton.propTypes = {\n disabled: PropTypes.bool,\n buttonAriaLabel: PropTypes.string,\n menuAriaLabel: PropTypes.string,\n buttons: ButtonMenu.propTypes.buttons,\n onClick: PropTypes.func\n};\n\nexport default BulletPointMenuButton;\n"],"file":"index.js"}
1
+ {"version":3,"sources":["../../../src/molecule/bullet-point-menu-button/index.js"],"names":["BulletPointMenuButton","props","disabled","buttonAriaLabel","menuAriaLabel","onClick","buttons","handleOnClick","menuProps","menu","style","bulletPointMenu","bulletPointButtonProps","size","icon","bulletPointWrapper","bulletPointButton","propTypes","PropTypes","bool","string","ButtonMenu","func"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA,MAAMA,qBAAqB,GAAGC,KAAK,IAAI;AACrC,QAAM;AAACC,IAAAA,QAAQ,GAAG,KAAZ;AAAmBC,IAAAA,eAAnB;AAAoCC,IAAAA,aAApC;AAAmDC,IAAAA,OAAnD;AAA4DC,IAAAA;AAA5D,MAAuEL,KAA7E;AACA,QAAMM,aAAa,GAAG,wBAAY,MAAMF,OAAO,EAAzB,EAA6B,CAACA,OAAD,CAA7B,CAAtB;AAEA,QAAMG,SAAS,GAAG;AAChB,iBAAa,aADG;AAEhBF,IAAAA;AAFgB,GAAlB;;AAKA,QAAMG,IAAI,gBACR;AAAK,IAAA,SAAS,EAAEC,eAAMC,eAAtB;AAAuC,iBAAU,cAAjD;AAAgE,kBAAYP;AAA5E,kBACE,6BAAC,mBAAD,EAAgBI,SAAhB,CADF,CADF;;AAKA,QAAMI,sBAAsB,GAAG;AAC7BC,IAAAA,IAAI,EAAE,SADuB;AAE7B,kBAAcV,eAFe;AAG7B,iBAAa,qBAHgB;AAI7BW,IAAAA,IAAI,EAAE,cAJuB;AAK7BT,IAAAA,OAAO,EAAEE,aALoB;AAM7BL,IAAAA;AAN6B,GAA/B;AASA,sBACE;AAAK,IAAA,SAAS,EAAEQ,eAAMK,kBAAtB;AAA0C,iBAAU;AAApD,kBACE,6BAAC,2BAAD,eAAwBH,sBAAxB;AAAgD,IAAA,SAAS,EAAEF,eAAMM;AAAjE,KADF,EAEGP,IAFH,CADF;AAMD,CA7BD;;AA+BAT,qBAAqB,CAACiB,SAAtB,2CAAkC;AAChCf,EAAAA,QAAQ,EAAEgB,mBAAUC,IADY;AAEhChB,EAAAA,eAAe,EAAEe,mBAAUE,MAFK;AAGhChB,EAAAA,aAAa,EAAEc,mBAAUE,MAHO;AAIhCd,EAAAA,OAAO,EAAEe,oBAAWJ,SAAX,CAAqBX,OAJE;AAKhCD,EAAAA,OAAO,EAAEa,mBAAUI;AALa,CAAlC;eAQetB,qB","sourcesContent":["import React, {useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport ButtonLinkIconOnly from '../../atom/button-link-icon-only';\nimport ButtonMenu from '../../atom/button-menu';\nimport style from './style.css';\n\nconst BulletPointMenuButton = props => {\n const {disabled = false, buttonAriaLabel, menuAriaLabel, onClick, buttons} = props;\n const handleOnClick = useCallback(() => onClick(), [onClick]);\n\n const menuProps = {\n 'data-name': 'button-menu',\n buttons\n };\n\n const menu = (\n <div className={style.bulletPointMenu} data-name=\"menu-wrapper\" aria-label={menuAriaLabel}>\n <ButtonMenu {...menuProps} />\n </div>\n );\n const bulletPointButtonProps = {\n size: 'default',\n 'aria-label': buttonAriaLabel,\n 'data-name': 'bullet-point-button',\n icon: 'bullet-point',\n onClick: handleOnClick,\n disabled\n };\n\n return (\n <div className={style.bulletPointWrapper} data-name=\"bullet-point-wrapper\">\n <ButtonLinkIconOnly {...bulletPointButtonProps} className={style.bulletPointButton} />\n {menu}\n </div>\n );\n};\n\nBulletPointMenuButton.propTypes = {\n disabled: PropTypes.bool,\n buttonAriaLabel: PropTypes.string,\n menuAriaLabel: PropTypes.string,\n buttons: ButtonMenu.propTypes.buttons,\n onClick: PropTypes.func\n};\n\nexport default BulletPointMenuButton;\n"],"file":"index.js"}
@@ -11,6 +11,8 @@ var _novaIcons = require("@coorpacademy/nova-icons");
11
11
 
12
12
  var _buttonLink = _interopRequireDefault(require("../../atom/button-link"));
13
13
 
14
+ var _buttonLinkIconOnly = _interopRequireDefault(require("../../atom/button-link-icon-only"));
15
+
14
16
  var _style = _interopRequireDefault(require("./style.css"));
15
17
 
16
18
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -34,13 +36,13 @@ const CMPopin = props => {
34
36
  className: _style.default.popin
35
37
  }, /*#__PURE__*/_react.default.createElement("header", {
36
38
  className: _style.default.popinHeader
37
- }, onClose ? /*#__PURE__*/_react.default.createElement("div", {
38
- className: _style.default.headerCloseIconContainer,
39
+ }, onClose ? /*#__PURE__*/_react.default.createElement(_buttonLinkIconOnly.default, {
39
40
  onClick: onClose,
40
- "data-name": 'close-icon'
41
- }, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaSolidStatusClose, {
42
- className: _style.default.headerCloseIcon
43
- })) : null), /*#__PURE__*/_react.default.createElement("div", {
41
+ "data-name": 'close-icon',
42
+ "aria-label": 'close-icon',
43
+ size: "small",
44
+ icon: "close"
45
+ }) : null), /*#__PURE__*/_react.default.createElement("div", {
44
46
  className: _style.default.contentSection
45
47
  }, LogoComponent ? /*#__PURE__*/_react.default.createElement(LogoComponent, {
46
48
  className: _style.default.icon
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/molecule/cm-popin/index.js"],"names":["CMPopin","props","content","firstButton","secondButton","onClose","icon","logo","AlertDiamond","WindowUpload","LogoComponent","style","background","popin","popinHeader","headerCloseIconContainer","headerCloseIcon","contentSection","__html","buttonContainer","button","label","handleOnclick","type","propTypes","PropTypes","string","shape","func","oneOf"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {\n NovaSolidInterfaceFeedbackInterfaceAlertDiamond as AlertDiamond,\n NovaSolidApplicationsWindowUpload3 as WindowUpload,\n NovaSolidStatusClose as Close\n} from '@coorpacademy/nova-icons';\nimport Cta from '../../atom/button-link';\nimport style from './style.css';\n\nconst CMPopin = props => {\n const {content, firstButton, secondButton, onClose, icon} = props;\n\n const logo = {\n AlertDiamond,\n WindowUpload\n };\n const LogoComponent = logo[icon];\n\n return (\n <div className={style.background}>\n <div className={style.popin}>\n <header className={style.popinHeader}>\n {onClose ? (\n <div\n className={style.headerCloseIconContainer}\n onClick={onClose}\n data-name={'close-icon'}\n >\n <Close className={style.headerCloseIcon} />\n </div>\n ) : null}\n </header>\n <div className={style.contentSection}>\n {LogoComponent ? <LogoComponent className={style.icon} /> : null}\n <p\n className={style.content}\n data-name={`cm-popin-content`}\n // eslint-disable-next-line react/no-danger\n dangerouslySetInnerHTML={{__html: content}}\n />\n </div>\n\n <div className={style.buttonContainer}>\n {firstButton ? (\n <div className={style.button}>\n <Cta\n label={firstButton.label}\n onClick={firstButton.handleOnclick}\n data-name={`cm-popin-cta`}\n aria-label={firstButton['aria-label']}\n type={firstButton.type}\n />\n </div>\n ) : null}\n {secondButton ? (\n <div className={style.button}>\n <Cta\n label={secondButton.label}\n onClick={secondButton.handleOnclick}\n data-name={`cm-popin-cta-${secondButton.type}`}\n aria-label={firstButton['aria-label']}\n type={secondButton.type}\n />\n </div>\n ) : null}\n </div>\n </div>\n )\n </div>\n );\n};\n\nCMPopin.propTypes = {\n content: PropTypes.string,\n firstButton: PropTypes.shape({\n label: PropTypes.string,\n handleOnclick: PropTypes.func,\n 'aria-label': PropTypes.string,\n type: PropTypes.string\n }),\n secondButton: PropTypes.shape({\n label: PropTypes.string,\n handleOnclick: PropTypes.func,\n type: PropTypes.oneOf(['dangerous', 'primary']),\n 'aria-label': PropTypes.string\n }),\n onClose: PropTypes.func,\n icon: PropTypes.string\n};\n\nexport default CMPopin;\n"],"file":"index.js"}
1
+ {"version":3,"sources":["../../../src/molecule/cm-popin/index.js"],"names":["CMPopin","props","content","firstButton","secondButton","onClose","icon","logo","AlertDiamond","WindowUpload","LogoComponent","style","background","popin","popinHeader","contentSection","__html","buttonContainer","button","label","handleOnclick","type","propTypes","PropTypes","string","shape","func","oneOf"],"mappings":";;;;;AAAA;;AACA;;AACA;;AAIA;;AACA;;AACA;;;;AAEA,MAAMA,OAAO,GAAGC,KAAK,IAAI;AACvB,QAAM;AAACC,IAAAA,OAAD;AAAUC,IAAAA,WAAV;AAAuBC,IAAAA,YAAvB;AAAqCC,IAAAA,OAArC;AAA8CC,IAAAA;AAA9C,MAAsDL,KAA5D;AAEA,QAAMM,IAAI,GAAG;AACXC,IAAAA,YAAY,EAAZA,0DADW;AAEXC,IAAAA,YAAY,EAAZA;AAFW,GAAb;AAIA,QAAMC,aAAa,GAAGH,IAAI,CAACD,IAAD,CAA1B;AAEA,sBACE;AAAK,IAAA,SAAS,EAAEK,eAAMC;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAED,eAAME;AAAtB,kBACE;AAAQ,IAAA,SAAS,EAAEF,eAAMG;AAAzB,KACGT,OAAO,gBACN,6BAAC,2BAAD;AACE,IAAA,OAAO,EAAEA,OADX;AAEE,iBAAW,YAFb;AAGE,kBAAY,YAHd;AAIE,IAAA,IAAI,EAAC,OAJP;AAKE,IAAA,IAAI,EAAC;AALP,IADM,GAQJ,IATN,CADF,eAYE;AAAK,IAAA,SAAS,EAAEM,eAAMI;AAAtB,KACGL,aAAa,gBAAG,6BAAC,aAAD;AAAe,IAAA,SAAS,EAAEC,eAAML;AAAhC,IAAH,GAA8C,IAD9D,eAEE;AACE,IAAA,SAAS,EAAEK,eAAMT,OADnB;AAEE,iBAAY,kBAFd,CAGE;AAHF;AAIE,IAAA,uBAAuB,EAAE;AAACc,MAAAA,MAAM,EAAEd;AAAT;AAJ3B,IAFF,CAZF,eAsBE;AAAK,IAAA,SAAS,EAAES,eAAMM;AAAtB,KACGd,WAAW,gBACV;AAAK,IAAA,SAAS,EAAEQ,eAAMO;AAAtB,kBACE,6BAAC,mBAAD;AACE,IAAA,KAAK,EAAEf,WAAW,CAACgB,KADrB;AAEE,IAAA,OAAO,EAAEhB,WAAW,CAACiB,aAFvB;AAGE,iBAAY,cAHd;AAIE,kBAAYjB,WAAW,CAAC,YAAD,CAJzB;AAKE,IAAA,IAAI,EAAEA,WAAW,CAACkB;AALpB,IADF,CADU,GAUR,IAXN,EAYGjB,YAAY,gBACX;AAAK,IAAA,SAAS,EAAEO,eAAMO;AAAtB,kBACE,6BAAC,mBAAD;AACE,IAAA,KAAK,EAAEd,YAAY,CAACe,KADtB;AAEE,IAAA,OAAO,EAAEf,YAAY,CAACgB,aAFxB;AAGE,iBAAY,gBAAehB,YAAY,CAACiB,IAAK,EAH/C;AAIE,kBAAYlB,WAAW,CAAC,YAAD,CAJzB;AAKE,IAAA,IAAI,EAAEC,YAAY,CAACiB;AALrB,IADF,CADW,GAUT,IAtBN,CAtBF,CADF,MADF;AAoDD,CA7DD;;AA+DArB,OAAO,CAACsB,SAAR,2CAAoB;AAClBpB,EAAAA,OAAO,EAAEqB,mBAAUC,MADD;AAElBrB,EAAAA,WAAW,EAAEoB,mBAAUE,KAAV,CAAgB;AAC3BN,IAAAA,KAAK,EAAEI,mBAAUC,MADU;AAE3BJ,IAAAA,aAAa,EAAEG,mBAAUG,IAFE;AAG3B,kBAAcH,mBAAUC,MAHG;AAI3BH,IAAAA,IAAI,EAAEE,mBAAUC;AAJW,GAAhB,CAFK;AAQlBpB,EAAAA,YAAY,EAAEmB,mBAAUE,KAAV,CAAgB;AAC5BN,IAAAA,KAAK,EAAEI,mBAAUC,MADW;AAE5BJ,IAAAA,aAAa,EAAEG,mBAAUG,IAFG;AAG5BL,IAAAA,IAAI,EAAEE,mBAAUI,KAAV,CAAgB,CAAC,WAAD,EAAc,SAAd,CAAhB,CAHsB;AAI5B,kBAAcJ,mBAAUC;AAJI,GAAhB,CARI;AAclBnB,EAAAA,OAAO,EAAEkB,mBAAUG,IAdD;AAelBpB,EAAAA,IAAI,EAAEiB,mBAAUC;AAfE,CAApB;eAkBexB,O","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {\n NovaSolidInterfaceFeedbackInterfaceAlertDiamond as AlertDiamond,\n NovaSolidApplicationsWindowUpload3 as WindowUpload\n} from '@coorpacademy/nova-icons';\nimport Cta from '../../atom/button-link';\nimport ButtonLinkIconOnly from '../../atom/button-link-icon-only';\nimport style from './style.css';\n\nconst CMPopin = props => {\n const {content, firstButton, secondButton, onClose, icon} = props;\n\n const logo = {\n AlertDiamond,\n WindowUpload\n };\n const LogoComponent = logo[icon];\n\n return (\n <div className={style.background}>\n <div className={style.popin}>\n <header className={style.popinHeader}>\n {onClose ? (\n <ButtonLinkIconOnly\n onClick={onClose}\n data-name={'close-icon'}\n aria-label={'close-icon'}\n size=\"small\"\n icon=\"close\"\n />\n ) : null}\n </header>\n <div className={style.contentSection}>\n {LogoComponent ? <LogoComponent className={style.icon} /> : null}\n <p\n className={style.content}\n data-name={`cm-popin-content`}\n // eslint-disable-next-line react/no-danger\n dangerouslySetInnerHTML={{__html: content}}\n />\n </div>\n\n <div className={style.buttonContainer}>\n {firstButton ? (\n <div className={style.button}>\n <Cta\n label={firstButton.label}\n onClick={firstButton.handleOnclick}\n data-name={`cm-popin-cta`}\n aria-label={firstButton['aria-label']}\n type={firstButton.type}\n />\n </div>\n ) : null}\n {secondButton ? (\n <div className={style.button}>\n <Cta\n label={secondButton.label}\n onClick={secondButton.handleOnclick}\n data-name={`cm-popin-cta-${secondButton.type}`}\n aria-label={firstButton['aria-label']}\n type={secondButton.type}\n />\n </div>\n ) : null}\n </div>\n </div>\n )\n </div>\n );\n};\n\nCMPopin.propTypes = {\n content: PropTypes.string,\n firstButton: PropTypes.shape({\n label: PropTypes.string,\n handleOnclick: PropTypes.func,\n 'aria-label': PropTypes.string,\n type: PropTypes.string\n }),\n secondButton: PropTypes.shape({\n label: PropTypes.string,\n handleOnclick: PropTypes.func,\n type: PropTypes.oneOf(['dangerous', 'primary']),\n 'aria-label': PropTypes.string\n }),\n onClose: PropTypes.func,\n icon: PropTypes.string\n};\n\nexport default CMPopin;\n"],"file":"index.js"}
@@ -14,7 +14,6 @@
14
14
  @value cm_grey_200 from colors;
15
15
  @value cm_blue_600 from colors;
16
16
 
17
-
18
17
  .background {
19
18
  top: 0px;
20
19
  width: 100%;
@@ -84,30 +83,6 @@
84
83
  color: cm_grey_800;
85
84
  }
86
85
 
87
- .headerCloseIconContainer {
88
- width: 44px;
89
- height: 44px;
90
- display: flex;
91
- flex-direction: row;
92
- justify-content: center;
93
- align-items: center;
94
- margin-top: 16px;
95
- margin-right: 16px;
96
- border-radius: 7px;
97
- cursor: pointer;
98
- background-color: cm_grey_100;
99
- }
100
-
101
- .headerCloseIconContainer:hover {
102
- background-color: cm_grey_200;
103
- }
104
-
105
- .headerCloseIcon {
106
- width: 18px;
107
- height: 18px;
108
- color: cm_grey_800;
109
- }
110
-
111
86
  .popinHeader {
112
87
  width: 100%;
113
88
  display: flex;
@@ -0,0 +1,25 @@
1
+ "use strict";
2
+
3
+ var _ava = _interopRequireDefault(require("ava"));
4
+
5
+ var _forEach = _interopRequireDefault(require("lodash/forEach"));
6
+
7
+ var _renderComponent = _interopRequireDefault(require("../../../test/helpers/render-component"));
8
+
9
+ var _ = _interopRequireDefault(require(".."));
10
+
11
+ var _default = _interopRequireDefault(require("./fixtures/default"));
12
+
13
+ var _withValue = _interopRequireDefault(require("./fixtures/with-value"));
14
+
15
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
16
+
17
+ (0, _ava.default)('Molecule › MoleculeSearch > should have valid propTypes', t => {
18
+ t.pass();
19
+ (0, _forEach.default)(_.default.propTypes, (value, key) => {
20
+ t.not(value, undefined, `PropType for "Molecule.MoleculeSearch.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
21
+ });
22
+ });
23
+ (0, _ava.default)('Molecule › MoleculeSearch › Default › should be rendered', _renderComponent.default, _.default, _default.default);
24
+ (0, _ava.default)('Molecule › MoleculeSearch › WithValue › should be rendered', _renderComponent.default, _.default, _withValue.default);
25
+ //# sourceMappingURL=fixtures.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../../src/molecule/search/test/fixtures.js"],"names":["t","pass","MoleculeSearch","propTypes","value","key","not","undefined","renderComponentMacro","fixtureDefault","fixtureWithValue"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,kBAAK,yDAAL,EAAgEA,CAAC,IAAI;AACnEA,EAAAA,CAAC,CAACC,IAAF;AACA,wBAAQC,UAAeC,SAAvB,EAAkC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AAChDL,IAAAA,CAAC,CAACM,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,mDAAkDF,GAAI,mEAA/E;AACD,GAFD;AAGD,CALD;AAOA,kBAAK,0DAAL,EAAiEG,wBAAjE,EAAuFN,SAAvF,EAAuGO,gBAAvG;AACA,kBAAK,4DAAL,EAAmED,wBAAnE,EAAyFN,SAAzF,EAAyGQ,kBAAzG","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport MoleculeSearch from '..';\nimport fixtureDefault from './fixtures/default';\nimport fixtureWithValue from './fixtures/with-value';\n\ntest('Molecule › MoleculeSearch > should have valid propTypes', t => {\n t.pass();\n forEach(MoleculeSearch.propTypes, (value, key) => {\n t.not(value, undefined, `PropType for \"Molecule.MoleculeSearch.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n });\n});\n\ntest('Molecule › MoleculeSearch › Default › should be rendered', renderComponentMacro, MoleculeSearch, fixtureDefault);\ntest('Molecule › MoleculeSearch › WithValue › should be rendered', renderComponentMacro, MoleculeSearch, fixtureWithValue);\n"],"file":"fixtures.js"}
@@ -56,7 +56,7 @@
56
56
  color: cm_blue_50;
57
57
  }
58
58
 
59
- .tab:hover a {
59
+ .tab:hover span {
60
60
  color: cm_primary_blue;
61
61
  }
62
62
 
@@ -64,6 +64,6 @@
64
64
  background-color: cm_blue_50;
65
65
  }
66
66
 
67
- .tab.selected a {
67
+ .tab.selected span {
68
68
  color: cm_primary_blue;
69
69
  }
@@ -0,0 +1,70 @@
1
+ "use strict";
2
+
3
+ exports.__esModule = true;
4
+ exports.default = void 0;
5
+
6
+ var _isEmpty2 = _interopRequireDefault(require("lodash/fp/isEmpty"));
7
+
8
+ var _react = _interopRequireDefault(require("react"));
9
+
10
+ var _propTypes = _interopRequireDefault(require("prop-types"));
11
+
12
+ var _emptySearchResult = _interopRequireDefault(require("../../atom/empty-search-result"));
13
+
14
+ var _inputSearch = _interopRequireDefault(require("../../atom/input-search"));
15
+
16
+ var _card = _interopRequireDefault(require("../../molecule/card"));
17
+
18
+ var _style = _interopRequireDefault(require("./style.css"));
19
+
20
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
21
+
22
+ 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); }
23
+
24
+ const buildResultView = (courses, coursesSelectionAriaLabel, emptyMessages) => {
25
+ if ((0, _isEmpty2.default)(courses)) {
26
+ return /*#__PURE__*/_react.default.createElement(_emptySearchResult.default, emptyMessages);
27
+ }
28
+
29
+ const items = courses.map((card, index) => {
30
+ return /*#__PURE__*/_react.default.createElement("li", {
31
+ className: _style.default.cards,
32
+ key: `card-${index}`
33
+ }, /*#__PURE__*/_react.default.createElement(_card.default, card));
34
+ });
35
+ return /*#__PURE__*/_react.default.createElement("ul", {
36
+ "aria-label": coursesSelectionAriaLabel
37
+ }, items);
38
+ };
39
+
40
+ const CourseSelection = props => {
41
+ const {
42
+ search,
43
+ courses,
44
+ emptyMessages,
45
+ 'courses-selection-aria-label': coursesSelectionAriaLabel
46
+ } = props;
47
+ const resultView = buildResultView(courses, coursesSelectionAriaLabel, emptyMessages);
48
+ return /*#__PURE__*/_react.default.createElement("div", {
49
+ className: _style.default.container
50
+ }, /*#__PURE__*/_react.default.createElement("div", {
51
+ className: _style.default.search
52
+ }, /*#__PURE__*/_react.default.createElement(_inputSearch.default, _extends({}, search, {
53
+ theme: "coorpmanager"
54
+ }))), /*#__PURE__*/_react.default.createElement("div", {
55
+ className: _style.default.cardsContainer
56
+ }, resultView));
57
+ };
58
+
59
+ CourseSelection.propTypes = process.env.NODE_ENV !== "production" ? {
60
+ search: _propTypes.default.shape(_inputSearch.default.PropTypes),
61
+ courses: _propTypes.default.arrayOf(_propTypes.default.shape(_card.default.propTypes)),
62
+ 'courses-selection-aria-label': _propTypes.default.string,
63
+ emptyMessages: _propTypes.default.shape({
64
+ firstMessage: _propTypes.default.string,
65
+ secondMessage: _propTypes.default.string
66
+ })
67
+ } : {};
68
+ var _default = CourseSelection;
69
+ exports.default = _default;
70
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../src/organism/course-selection/index.js"],"names":["buildResultView","courses","coursesSelectionAriaLabel","emptyMessages","items","map","card","index","style","cards","CourseSelection","props","search","resultView","container","cardsContainer","propTypes","PropTypes","shape","Search","arrayOf","Card","string","firstMessage","secondMessage"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;;;AAEA,MAAMA,eAAe,GAAG,CAACC,OAAD,EAAUC,yBAAV,EAAqCC,aAArC,KAAuD;AAC7E,MAAI,uBAAQF,OAAR,CAAJ,EAAsB;AACpB,wBAAO,6BAAC,0BAAD,EAAuBE,aAAvB,CAAP;AACD;;AAED,QAAMC,KAAK,GAAGH,OAAO,CAACI,GAAR,CAAY,CAACC,IAAD,EAAOC,KAAP,KAAiB;AACzC,wBACE;AAAI,MAAA,SAAS,EAAEC,eAAMC,KAArB;AAA4B,MAAA,GAAG,EAAG,QAAOF,KAAM;AAA/C,oBACE,6BAAC,aAAD,EAAUD,IAAV,CADF,CADF;AAKD,GANa,CAAd;AAQA,sBAAO;AAAI,kBAAYJ;AAAhB,KAA4CE,KAA5C,CAAP;AACD,CAdD;;AAgBA,MAAMM,eAAe,GAAGC,KAAK,IAAI;AAC/B,QAAM;AACJC,IAAAA,MADI;AAEJX,IAAAA,OAFI;AAGJE,IAAAA,aAHI;AAIJ,oCAAgCD;AAJ5B,MAKFS,KALJ;AAOA,QAAME,UAAU,GAAGb,eAAe,CAACC,OAAD,EAAUC,yBAAV,EAAqCC,aAArC,CAAlC;AAEA,sBACE;AAAK,IAAA,SAAS,EAAEK,eAAMM;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAEN,eAAMI;AAAtB,kBACE,6BAAC,oBAAD,eAAYA,MAAZ;AAAoB,IAAA,KAAK,EAAC;AAA1B,KADF,CADF,eAIE;AAAK,IAAA,SAAS,EAAEJ,eAAMO;AAAtB,KAAuCF,UAAvC,CAJF,CADF;AAQD,CAlBD;;AAoBAH,eAAe,CAACM,SAAhB,2CAA4B;AAC1BJ,EAAAA,MAAM,EAAEK,mBAAUC,KAAV,CAAgBC,qBAAOF,SAAvB,CADkB;AAE1BhB,EAAAA,OAAO,EAAEgB,mBAAUG,OAAV,CAAkBH,mBAAUC,KAAV,CAAgBG,cAAKL,SAArB,CAAlB,CAFiB;AAG1B,kCAAgCC,mBAAUK,MAHhB;AAI1BnB,EAAAA,aAAa,EAAEc,mBAAUC,KAAV,CAAgB;AAC7BK,IAAAA,YAAY,EAAEN,mBAAUK,MADK;AAE7BE,IAAAA,aAAa,EAAEP,mBAAUK;AAFI,GAAhB;AAJW,CAA5B;eAUeZ,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 Card from '../../molecule/card';\nimport style from './style.css';\n\nconst buildResultView = (courses, coursesSelectionAriaLabel, emptyMessages) => {\n if (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}`}>\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 courses,\n emptyMessages,\n 'courses-selection-aria-label': coursesSelectionAriaLabel\n } = props;\n\n const resultView = buildResultView(courses, coursesSelectionAriaLabel, emptyMessages);\n\n return (\n <div className={style.container}>\n <div className={style.search}>\n <Search {...search} theme=\"coorpmanager\" />\n </div>\n <div className={style.cardsContainer}>{resultView}</div>\n </div>\n );\n};\n\nCourseSelection.propTypes = {\n search: PropTypes.shape(Search.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"}
@@ -0,0 +1,23 @@
1
+ @value colors: "../../variables/colors.css";
2
+ @value cm_primary_blue from colors;
3
+ @value cm_grey_100 from colors;
4
+ @value cm_grey_900 from colors;
5
+
6
+ .container {
7
+ width: 100%;
8
+ }
9
+
10
+ .search {
11
+ width: 42%;
12
+ min-width: 309px;
13
+ }
14
+
15
+ .cardsContainer {
16
+ margin: 24px 0 0 0;
17
+ width: 100%;
18
+ }
19
+
20
+ .cards {
21
+ display: inline-block;
22
+ margin: 0 16px 16px 0px;
23
+ }
@@ -0,0 +1,47 @@
1
+ "use strict";
2
+
3
+ exports.__esModule = true;
4
+ exports.default = void 0;
5
+
6
+ var _selectableFalse = _interopRequireDefault(require("../../../../molecule/card/test/fixtures/selectable-false"));
7
+
8
+ var _selectableTrue = _interopRequireDefault(require("../../../../molecule/card/test/fixtures/selectable-true"));
9
+
10
+ var _article = _interopRequireDefault(require("../../../../molecule/card/test/fixtures/article"));
11
+
12
+ var _scorm = _interopRequireDefault(require("../../../../molecule/card/test/fixtures/scorm"));
13
+
14
+ var _externalContent = _interopRequireDefault(require("../../../../molecule/card/test/fixtures/external-content"));
15
+
16
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
17
+
18
+ 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); }
19
+
20
+ var _default = {
21
+ props: {
22
+ search: {
23
+ title: 'Search...',
24
+ placeholder: 'Search...',
25
+ value: '',
26
+ description: 'Type to filter the courses',
27
+ onChange: value => console.log(value)
28
+ },
29
+ 'courses-selection-aria-label': 'Courses results',
30
+ courses: [_selectableTrue.default.props, _selectableFalse.default.props, _extends(_extends({}, _article.default.props), {}, {
31
+ isSelected: false
32
+ }), _selectableTrue.default.props, _extends(_extends({}, _scorm.default.props), {}, {
33
+ isSelected: true
34
+ }), _extends(_extends({}, _selectableFalse.default.props), {}, {
35
+ isSelected: false,
36
+ title: 'Standard course'
37
+ }), _extends(_extends({}, _externalContent.default.props), {}, {
38
+ isSelected: false,
39
+ title: 'External course'
40
+ }), _extends(_extends({}, _scorm.default.props), {}, {
41
+ isSelected: false,
42
+ title: 'Scorm course'
43
+ })]
44
+ }
45
+ };
46
+ exports.default = _default;
47
+ //# sourceMappingURL=default.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../../../src/organism/course-selection/test/fixtures/default.js"],"names":["props","search","title","placeholder","value","description","onChange","console","log","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;AAQL,oCAAgC,iBAR3B;AASLK,IAAAA,OAAO,EAAE,CACPC,wBAAaV,KADN,EAEPW,yBAAeX,KAFR,wBAGHY,iBAAQZ,KAHL;AAGYa,MAAAA,UAAU,EAAE;AAHxB,QAIPH,wBAAaV,KAJN,wBAKHc,eAAMd,KALH;AAKUa,MAAAA,UAAU,EAAE;AALtB,8BAMHF,yBAAeX,KANZ;AAMmBa,MAAAA,UAAU,EAAE,KAN/B;AAMsCX,MAAAA,KAAK,EAAE;AAN7C,8BAOHa,yBAAgBf,KAPb;AAOoBa,MAAAA,UAAU,EAAE,KAPhC;AAOuCX,MAAAA,KAAK,EAAE;AAP9C,8BAQHY,eAAMd,KARH;AAQUa,MAAAA,UAAU,EAAE,KARtB;AAQ6BX,MAAAA,KAAK,EAAE;AARpC;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 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"}
@@ -0,0 +1,23 @@
1
+ "use strict";
2
+
3
+ exports.__esModule = true;
4
+ exports.default = void 0;
5
+ var _default = {
6
+ props: {
7
+ search: {
8
+ title: 'Search...',
9
+ placeholder: 'Search...',
10
+ value: 'Xoxoxo',
11
+ description: 'Type to find the courses',
12
+ onChange: value => console.log(value)
13
+ },
14
+ 'courses-selection-aria-label': 'Courses results',
15
+ courses: [],
16
+ emptyMessages: {
17
+ firstMessage: 'No results...',
18
+ secondMessage: 'Try something else'
19
+ }
20
+ }
21
+ };
22
+ exports.default = _default;
23
+ //# sourceMappingURL=empty.js.map
@@ -0,0 +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"}
@@ -0,0 +1,36 @@
1
+ "use strict";
2
+
3
+ exports.__esModule = true;
4
+ exports.default = void 0;
5
+
6
+ var _selectableFalse = _interopRequireDefault(require("../../../../molecule/card/test/fixtures/selectable-false"));
7
+
8
+ var _selectableTrue = _interopRequireDefault(require("../../../../molecule/card/test/fixtures/selectable-true"));
9
+
10
+ var _article = _interopRequireDefault(require("../../../../molecule/card/test/fixtures/article"));
11
+
12
+ var _scorm = _interopRequireDefault(require("../../../../molecule/card/test/fixtures/scorm"));
13
+
14
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
15
+
16
+ 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); }
17
+
18
+ var _default = {
19
+ props: {
20
+ search: {
21
+ title: 'Search...',
22
+ placeholder: 'Search...',
23
+ value: 'from',
24
+ description: 'Type to filter the courses',
25
+ onChange: value => console.log(value)
26
+ },
27
+ 'courses-selection-aria-label': 'Courses results',
28
+ courses: [_selectableTrue.default.props, _extends(_extends({}, _scorm.default.props), {}, {
29
+ isSelected: true
30
+ }), _selectableTrue.default.props, _selectableFalse.default.props, _extends(_extends({}, _article.default.props), {}, {
31
+ isSelected: false
32
+ })]
33
+ }
34
+ };
35
+ exports.default = _default;
36
+ //# sourceMappingURL=filtered.js.map
@@ -0,0 +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"}
@@ -0,0 +1,44 @@
1
+ "use strict";
2
+
3
+ exports.__esModule = true;
4
+ exports.default = void 0;
5
+
6
+ var _selectableFalse = _interopRequireDefault(require("../../../../molecule/card/test/fixtures/selectable-false"));
7
+
8
+ var _selectableTrue = _interopRequireDefault(require("../../../../molecule/card/test/fixtures/selectable-true"));
9
+
10
+ var _article = _interopRequireDefault(require("../../../../molecule/card/test/fixtures/article"));
11
+
12
+ var _scorm = _interopRequireDefault(require("../../../../molecule/card/test/fixtures/scorm"));
13
+
14
+ var _externalContent = _interopRequireDefault(require("../../../../molecule/card/test/fixtures/external-content"));
15
+
16
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
17
+
18
+ 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); }
19
+
20
+ var _default = {
21
+ props: {
22
+ search: {
23
+ title: 'Search...',
24
+ placeholder: 'Search...',
25
+ value: '',
26
+ description: 'Type to filter the courses',
27
+ onChange: value => console.log(value)
28
+ },
29
+ 'courses-selection-aria-label': 'Courses results',
30
+ courses: [_selectableTrue.default.props, _extends(_extends({}, _scorm.default.props), {}, {
31
+ isSelected: true
32
+ }), _selectableTrue.default.props, _selectableFalse.default.props, _extends(_extends({}, _article.default.props), {}, {
33
+ isSelected: false
34
+ }), _extends(_extends({}, _selectableFalse.default.props), {}, {
35
+ isSelected: false
36
+ }), _extends(_extends({}, _externalContent.default.props), {}, {
37
+ isSelected: false
38
+ }), _extends(_extends({}, _scorm.default.props), {}, {
39
+ isSelected: false
40
+ })]
41
+ }
42
+ };
43
+ exports.default = _default;
44
+ //# sourceMappingURL=sorted-selected.js.map
@@ -0,0 +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"}
@@ -0,0 +1,44 @@
1
+ "use strict";
2
+
3
+ exports.__esModule = true;
4
+ exports.default = void 0;
5
+
6
+ var _selectableFalse = _interopRequireDefault(require("../../../../molecule/card/test/fixtures/selectable-false"));
7
+
8
+ var _selectableTrue = _interopRequireDefault(require("../../../../molecule/card/test/fixtures/selectable-true"));
9
+
10
+ var _article = _interopRequireDefault(require("../../../../molecule/card/test/fixtures/article"));
11
+
12
+ var _scorm = _interopRequireDefault(require("../../../../molecule/card/test/fixtures/scorm"));
13
+
14
+ var _externalContent = _interopRequireDefault(require("../../../../molecule/card/test/fixtures/external-content"));
15
+
16
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
17
+
18
+ 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); }
19
+
20
+ var _default = {
21
+ props: {
22
+ search: {
23
+ title: 'Search...',
24
+ placeholder: 'Search...',
25
+ value: '',
26
+ description: 'Type to filter the courses',
27
+ onChange: value => console.log(value)
28
+ },
29
+ 'courses-selection-aria-label': 'Courses results',
30
+ courses: [_selectableTrue.default.props, _selectableFalse.default.props, _extends(_extends({}, _article.default.props), {}, {
31
+ isSelected: false
32
+ }), _selectableTrue.default.props, _extends(_extends({}, _scorm.default.props), {}, {
33
+ isSelected: true
34
+ }), _extends(_extends({}, _selectableFalse.default.props), {}, {
35
+ isSelected: false
36
+ }), _extends(_extends({}, _externalContent.default.props), {}, {
37
+ isSelected: false
38
+ }), _extends(_extends({}, _scorm.default.props), {}, {
39
+ isSelected: false
40
+ })]
41
+ }
42
+ };
43
+ exports.default = _default;
44
+ //# sourceMappingURL=unsorted-selected.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../../../src/organism/course-selection/test/fixtures/unsorted-selected.js"],"names":["props","search","title","placeholder","value","description","onChange","console","log","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;AAQL,oCAAgC,iBAR3B;AASLK,IAAAA,OAAO,EAAE,CACPC,wBAAaV,KADN,EAEPW,yBAAeX,KAFR,wBAGHY,iBAAQZ,KAHL;AAGYa,MAAAA,UAAU,EAAE;AAHxB,QAIPH,wBAAaV,KAJN,wBAKHc,eAAMd,KALH;AAKUa,MAAAA,UAAU,EAAE;AALtB,8BAMHF,yBAAeX,KANZ;AAMmBa,MAAAA,UAAU,EAAE;AAN/B,8BAOHE,yBAAgBf,KAPb;AAOoBa,MAAAA,UAAU,EAAE;AAPhC,8BAQHC,eAAMd,KARH;AAQUa,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 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"}
@@ -0,0 +1,34 @@
1
+ "use strict";
2
+
3
+ var _ava = _interopRequireDefault(require("ava"));
4
+
5
+ var _forEach = _interopRequireDefault(require("lodash/forEach"));
6
+
7
+ var _renderComponent = _interopRequireDefault(require("../../../test/helpers/render-component"));
8
+
9
+ var _ = _interopRequireDefault(require(".."));
10
+
11
+ var _default = _interopRequireDefault(require("./fixtures/default"));
12
+
13
+ var _empty = _interopRequireDefault(require("./fixtures/empty"));
14
+
15
+ var _filtered = _interopRequireDefault(require("./fixtures/filtered"));
16
+
17
+ var _sortedSelected = _interopRequireDefault(require("./fixtures/sorted-selected"));
18
+
19
+ var _unsortedSelected = _interopRequireDefault(require("./fixtures/unsorted-selected"));
20
+
21
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
22
+
23
+ (0, _ava.default)('Organism › OrganismCourseSelection > should have valid propTypes', t => {
24
+ t.pass();
25
+ (0, _forEach.default)(_.default.propTypes, (value, key) => {
26
+ t.not(value, undefined, `PropType for "Organism.OrganismCourseSelection.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
27
+ });
28
+ });
29
+ (0, _ava.default)('Organism › OrganismCourseSelection › Default › should be rendered', _renderComponent.default, _.default, _default.default);
30
+ (0, _ava.default)('Organism › OrganismCourseSelection › Empty › should be rendered', _renderComponent.default, _.default, _empty.default);
31
+ (0, _ava.default)('Organism › OrganismCourseSelection › Filtered › should be rendered', _renderComponent.default, _.default, _filtered.default);
32
+ (0, _ava.default)('Organism › OrganismCourseSelection › SortedSelected › should be rendered', _renderComponent.default, _.default, _sortedSelected.default);
33
+ (0, _ava.default)('Organism › OrganismCourseSelection › UnsortedSelected › should be rendered', _renderComponent.default, _.default, _unsortedSelected.default);
34
+ //# sourceMappingURL=fixtures.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../../src/organism/course-selection/test/fixtures.js"],"names":["t","pass","OrganismCourseSelection","propTypes","value","key","not","undefined","renderComponentMacro","fixtureDefault","fixtureEmpty","fixtureFiltered","fixtureSortedSelected","fixtureUnsortedSelected"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,kBAAK,kEAAL,EAAyEA,CAAC,IAAI;AAC5EA,EAAAA,CAAC,CAACC,IAAF;AACA,wBAAQC,UAAwBC,SAAhC,EAA2C,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACzDL,IAAAA,CAAC,CAACM,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,4DAA2DF,GAAI,mEAAxF;AACD,GAFD;AAGD,CALD;AAOA,kBAAK,mEAAL,EAA0EG,wBAA1E,EAAgGN,SAAhG,EAAyHO,gBAAzH;AACA,kBAAK,iEAAL,EAAwED,wBAAxE,EAA8FN,SAA9F,EAAuHQ,cAAvH;AACA,kBAAK,oEAAL,EAA2EF,wBAA3E,EAAiGN,SAAjG,EAA0HS,iBAA1H;AACA,kBAAK,0EAAL,EAAiFH,wBAAjF,EAAuGN,SAAvG,EAAgIU,uBAAhI;AACA,kBAAK,4EAAL,EAAmFJ,wBAAnF,EAAyGN,SAAzG,EAAkIW,yBAAlI","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport OrganismCourseSelection from '..';\nimport fixtureDefault from './fixtures/default';\nimport fixtureEmpty from './fixtures/empty';\nimport fixtureFiltered from './fixtures/filtered';\nimport fixtureSortedSelected from './fixtures/sorted-selected';\nimport fixtureUnsortedSelected from './fixtures/unsorted-selected';\n\ntest('Organism › OrganismCourseSelection > should have valid propTypes', t => {\n t.pass();\n forEach(OrganismCourseSelection.propTypes, (value, key) => {\n t.not(value, undefined, `PropType for \"Organism.OrganismCourseSelection.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n });\n});\n\ntest('Organism › OrganismCourseSelection › Default › should be rendered', renderComponentMacro, OrganismCourseSelection, fixtureDefault);\ntest('Organism › OrganismCourseSelection › Empty › should be rendered', renderComponentMacro, OrganismCourseSelection, fixtureEmpty);\ntest('Organism › OrganismCourseSelection › Filtered › should be rendered', renderComponentMacro, OrganismCourseSelection, fixtureFiltered);\ntest('Organism › OrganismCourseSelection › SortedSelected › should be rendered', renderComponentMacro, OrganismCourseSelection, fixtureSortedSelected);\ntest('Organism › OrganismCourseSelection › UnsortedSelected › should be rendered', renderComponentMacro, OrganismCourseSelection, fixtureUnsortedSelected);\n"],"file":"fixtures.js"}