@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
@@ -9,13 +9,19 @@
9
9
  .container {
10
10
  display: flex;
11
11
  background-color: cm_grey_50;
12
+ position: relative;
12
13
  }
13
14
 
14
15
  .menu {
15
16
  background-color: cm_grey_50;
16
- height: 360px;
17
+ height: auto;
17
18
  width: 200px;
18
19
  margin: 24px 8px 24px 24px;
20
+ position: absolute;
21
+ top: 0;
22
+ left: 0;
23
+ z-index: 1;
24
+ bottom: 0;
19
25
  }
20
26
 
21
27
  .horizontalSection{
@@ -24,6 +30,7 @@
24
30
  padding: 24px 24px 24px 8px;
25
31
  width: 100%;
26
32
  align-items: end;
33
+ margin-left: 240px;
27
34
  }
28
35
 
29
36
  .input {
@@ -33,7 +40,7 @@
33
40
 
34
41
  .button {
35
42
  width: 170px;
36
- margin-top: 16px;
43
+ margin-top: 24px;
37
44
  }
38
45
 
39
46
  .binButton {
@@ -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 _delete = _interopRequireDefault(require("./fixtures/delete"));
14
+
15
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
16
+
17
+ (0, _ava.default)('Organism › OrganismPlaylistTranslation > should have valid propTypes', t => {
18
+ t.pass();
19
+ (0, _forEach.default)(_.default.propTypes, (value, key) => {
20
+ t.not(value, undefined, `PropType for "Organism.OrganismPlaylistTranslation.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
21
+ });
22
+ });
23
+ (0, _ava.default)('Organism › OrganismPlaylistTranslation › Default › should be rendered', _renderComponent.default, _.default, _default.default);
24
+ (0, _ava.default)('Organism › OrganismPlaylistTranslation › Delete › should be rendered', _renderComponent.default, _.default, _delete.default);
25
+ //# sourceMappingURL=fixtures.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../../src/organism/playlist-translation/test/fixtures.js"],"names":["t","pass","OrganismPlaylistTranslation","propTypes","value","key","not","undefined","renderComponentMacro","fixtureDefault","fixtureDelete"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,kBAAK,sEAAL,EAA6EA,CAAC,IAAI;AAChFA,EAAAA,CAAC,CAACC,IAAF;AACA,wBAAQC,UAA4BC,SAApC,EAA+C,CAACC,KAAD,EAAQC,GAAR,KAAgB;AAC7DL,IAAAA,CAAC,CAACM,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,gEAA+DF,GAAI,mEAA5F;AACD,GAFD;AAGD,CALD;AAOA,kBAAK,uEAAL,EAA8EG,wBAA9E,EAAoGN,SAApG,EAAiIO,gBAAjI;AACA,kBAAK,sEAAL,EAA6ED,wBAA7E,EAAmGN,SAAnG,EAAgIQ,eAAhI","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport OrganismPlaylistTranslation from '..';\nimport fixtureDefault from './fixtures/default';\nimport fixtureDelete from './fixtures/delete';\n\ntest('Organism › OrganismPlaylistTranslation > should have valid propTypes', t => {\n t.pass();\n forEach(OrganismPlaylistTranslation.propTypes, (value, key) => {\n t.not(value, undefined, `PropType for \"Organism.OrganismPlaylistTranslation.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n });\n});\n\ntest('Organism › OrganismPlaylistTranslation › Default › should be rendered', renderComponentMacro, OrganismPlaylistTranslation, fixtureDefault);\ntest('Organism › OrganismPlaylistTranslation › Delete › should be rendered', renderComponentMacro, OrganismPlaylistTranslation, fixtureDelete);\n"],"file":"fixtures.js"}
@@ -9,6 +9,8 @@ var _react = _interopRequireDefault(require("react"));
9
9
 
10
10
  var _propTypes = _interopRequireDefault(require("prop-types"));
11
11
 
12
+ var _emptySearchResult = _interopRequireDefault(require("../../atom/empty-search-result"));
13
+
12
14
  var _inputSearch = _interopRequireDefault(require("../../atom/input-search"));
13
15
 
14
16
  var _buttonLink = _interopRequireDefault(require("../../atom/button-link"));
@@ -23,13 +25,7 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
23
25
 
24
26
  const buildResultView = (results, resultsAriaLabel, emptyMessages) => {
25
27
  if ((0, _isEmpty2.default)(results)) {
26
- return /*#__PURE__*/_react.default.createElement("div", {
27
- className: _style.default.errorSection
28
- }, /*#__PURE__*/_react.default.createElement("span", {
29
- className: _style.default.firstErrorMessage
30
- }, emptyMessages.firstMessage), /*#__PURE__*/_react.default.createElement("span", {
31
- className: _style.default.secondErrorMessage
32
- }, emptyMessages.secondMessage));
28
+ return /*#__PURE__*/_react.default.createElement(_emptySearchResult.default, emptyMessages);
33
29
  }
34
30
 
35
31
  const items = results.map((result, index) => {
@@ -37,7 +33,7 @@ const buildResultView = (results, resultsAriaLabel, emptyMessages) => {
37
33
  className: _style.default.result,
38
34
  key: `result-${index}`
39
35
  }, /*#__PURE__*/_react.default.createElement(_chips.default, result));
40
- }, results);
36
+ });
41
37
  return /*#__PURE__*/_react.default.createElement("ul", {
42
38
  "aria-label": resultsAriaLabel
43
39
  }, items);
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/organism/search-and-chips-results/index.js"],"names":["buildResultView","results","resultsAriaLabel","emptyMessages","style","errorSection","firstErrorMessage","firstMessage","secondErrorMessage","secondMessage","items","map","result","index","SearchAndChipsResults","props","search","selectAllButton","onClick","label","disabled","ariaLabel","resultView","buttonProps","type","icon","position","container","header","button","resultContainer","propTypes","PropTypes","shape","string","func","bool","Search","arrayOf","Chips"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;;;AAEA,MAAMA,eAAe,GAAG,CAACC,OAAD,EAAUC,gBAAV,EAA4BC,aAA5B,KAA8C;AACpE,MAAI,uBAAQF,OAAR,CAAJ,EAAsB;AACpB,wBACE;AAAK,MAAA,SAAS,EAAEG,eAAMC;AAAtB,oBACE;AAAM,MAAA,SAAS,EAAED,eAAME;AAAvB,OAA2CH,aAAa,CAACI,YAAzD,CADF,eAEE;AAAM,MAAA,SAAS,EAAEH,eAAMI;AAAvB,OAA4CL,aAAa,CAACM,aAA1D,CAFF,CADF;AAMD;;AAED,QAAMC,KAAK,GAAGT,OAAO,CAACU,GAAR,CAAY,CAACC,MAAD,EAASC,KAAT,KAAmB;AAC3C,wBACE;AAAI,MAAA,SAAS,EAAET,eAAMQ,MAArB;AAA6B,MAAA,GAAG,EAAG,UAASC,KAAM;AAAlD,oBACE,6BAAC,cAAD,EAAWD,MAAX,CADF,CADF;AAKD,GANa,EAMXX,OANW,CAAd;AAQA,sBAAO;AAAI,kBAAYC;AAAhB,KAAmCQ,KAAnC,CAAP;AACD,CAnBD;;AAqBA,MAAMI,qBAAqB,GAAGC,KAAK,IAAI;AACrC,QAAM;AACJC,IAAAA,MADI;AAEJC,IAAAA,eAFI;AAGJhB,IAAAA,OAHI;AAIJE,IAAAA,aAJI;AAKJ,0BAAsBD;AALlB,MAMFa,KANJ;AAQA,QAAM;AAACG,IAAAA,OAAD;AAAUC,IAAAA,KAAV;AAAiBC,IAAAA,QAAQ,GAAG,KAA5B;AAAmC,kBAAcC;AAAjD,MAA8DJ,eAApE;AACA,QAAMK,UAAU,GAAGtB,eAAe,CAACC,OAAD,EAAUC,gBAAV,EAA4BC,aAA5B,CAAlC;AACA,QAAMoB,WAAW,GAAG;AAClBC,IAAAA,IAAI,EAAE,WADY;AAElBL,IAAAA,KAFkB;AAGlB,kBAAcE,SAHI;AAIlB,iBAAc,mBAJI;AAKlBI,IAAAA,IAAI,EAAE;AACJC,MAAAA,QAAQ,EAAE,OADN;AAEJF,MAAAA,IAAI,EAAE;AAFF,KALY;AASlBN,IAAAA,OATkB;AAUlBE,IAAAA;AAVkB,GAApB;AAaA,sBACE;AAAK,IAAA,SAAS,EAAEhB,eAAMuB;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAEvB,eAAMwB;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAExB,eAAMyB;AAAtB,kBACE,6BAAC,mBAAD,EAAgBN,WAAhB,CADF,CADF,eAIE;AAAK,IAAA,SAAS,EAAEnB,eAAMY;AAAtB,kBACE,6BAAC,oBAAD,eAAYA,MAAZ;AAAoB,IAAA,KAAK,EAAC;AAA1B,KADF,CAJF,CADF,eASE;AAAK,IAAA,SAAS,EAAEZ,eAAM0B;AAAtB,KAAwCR,UAAxC,CATF,CADF;AAaD,CArCD;;AAuCAR,qBAAqB,CAACiB,SAAtB,2CAAkC;AAChCd,EAAAA,eAAe,EAAEe,mBAAUC,KAAV,CAAgB;AAC/Bd,IAAAA,KAAK,EAAEa,mBAAUE,MADc;AAE/BhB,IAAAA,OAAO,EAAEc,mBAAUG,IAFY;AAG/Bf,IAAAA,QAAQ,EAAEY,mBAAUI,IAHW;AAI/B,kBAAcJ,mBAAUE;AAJO,GAAhB,CADe;AAOhClB,EAAAA,MAAM,EAAEgB,mBAAUC,KAAV,CAAgBI,qBAAOL,SAAvB,CAPwB;AAQhC/B,EAAAA,OAAO,EAAE+B,mBAAUM,OAAV,CAAkBN,mBAAUC,KAAV,CAAgBM,eAAMR,SAAtB,CAAlB,CARuB;AAShC,wBAAsBC,mBAAUE,MATA;AAUhC/B,EAAAA,aAAa,EAAE6B,mBAAUC,KAAV,CAAgB;AAC7B1B,IAAAA,YAAY,EAAEyB,mBAAUE,MADK;AAE7BzB,IAAAA,aAAa,EAAEuB,mBAAUE;AAFI,GAAhB;AAViB,CAAlC;eAgBepB,qB","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {isEmpty} from 'lodash/fp';\nimport Search from '../../atom/input-search';\nimport ButtonLink from '../../atom/button-link';\nimport Chips from '../../atom/chips';\nimport style from './style.css';\n\nconst buildResultView = (results, resultsAriaLabel, emptyMessages) => {\n if (isEmpty(results)) {\n return (\n <div className={style.errorSection}>\n <span className={style.firstErrorMessage}>{emptyMessages.firstMessage}</span>\n <span className={style.secondErrorMessage}>{emptyMessages.secondMessage}</span>\n </div>\n );\n }\n\n const items = results.map((result, index) => {\n return (\n <li className={style.result} key={`result-${index}`}>\n <Chips {...result} />\n </li>\n );\n }, results);\n\n return <ul aria-label={resultsAriaLabel}>{items}</ul>;\n};\n\nconst SearchAndChipsResults = props => {\n const {\n search,\n selectAllButton,\n results,\n emptyMessages,\n 'results-aria-label': resultsAriaLabel\n } = props;\n\n const {onClick, label, disabled = false, 'aria-label': ariaLabel} = selectAllButton;\n const resultView = buildResultView(results, resultsAriaLabel, emptyMessages);\n const buttonProps = {\n type: 'secondary',\n label,\n 'aria-label': ariaLabel,\n 'data-name': `select-all-button`,\n icon: {\n position: 'right',\n type: 'add'\n },\n onClick,\n disabled\n };\n\n return (\n <div className={style.container}>\n <div className={style.header}>\n <div className={style.button}>\n <ButtonLink {...buttonProps} />\n </div>\n <div className={style.search}>\n <Search {...search} theme=\"coorpmanager\" />\n </div>\n </div>\n <div className={style.resultContainer}>{resultView}</div>\n </div>\n );\n};\n\nSearchAndChipsResults.propTypes = {\n selectAllButton: PropTypes.shape({\n label: PropTypes.string,\n onClick: PropTypes.func,\n disabled: PropTypes.bool,\n 'aria-label': PropTypes.string\n }),\n search: PropTypes.shape(Search.PropTypes),\n results: PropTypes.arrayOf(PropTypes.shape(Chips.propTypes)),\n 'results-aria-label': PropTypes.string,\n emptyMessages: PropTypes.shape({\n firstMessage: PropTypes.string,\n secondMessage: PropTypes.string\n })\n};\n\nexport default SearchAndChipsResults;\n"],"file":"index.js"}
1
+ {"version":3,"sources":["../../../src/organism/search-and-chips-results/index.js"],"names":["buildResultView","results","resultsAriaLabel","emptyMessages","items","map","result","index","style","SearchAndChipsResults","props","search","selectAllButton","onClick","label","disabled","ariaLabel","resultView","buttonProps","type","icon","position","container","header","button","resultContainer","propTypes","PropTypes","shape","string","func","bool","Search","arrayOf","Chips","firstMessage","secondMessage"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,MAAMA,eAAe,GAAG,CAACC,OAAD,EAAUC,gBAAV,EAA4BC,aAA5B,KAA8C;AACpE,MAAI,uBAAQF,OAAR,CAAJ,EAAsB;AACpB,wBAAO,6BAAC,0BAAD,EAAuBE,aAAvB,CAAP;AACD;;AAED,QAAMC,KAAK,GAAGH,OAAO,CAACI,GAAR,CAAY,CAACC,MAAD,EAASC,KAAT,KAAmB;AAC3C,wBACE;AAAI,MAAA,SAAS,EAAEC,eAAMF,MAArB;AAA6B,MAAA,GAAG,EAAG,UAASC,KAAM;AAAlD,oBACE,6BAAC,cAAD,EAAWD,MAAX,CADF,CADF;AAKD,GANa,CAAd;AAQA,sBAAO;AAAI,kBAAYJ;AAAhB,KAAmCE,KAAnC,CAAP;AACD,CAdD;;AAgBA,MAAMK,qBAAqB,GAAGC,KAAK,IAAI;AACrC,QAAM;AACJC,IAAAA,MADI;AAEJC,IAAAA,eAFI;AAGJX,IAAAA,OAHI;AAIJE,IAAAA,aAJI;AAKJ,0BAAsBD;AALlB,MAMFQ,KANJ;AAQA,QAAM;AAACG,IAAAA,OAAD;AAAUC,IAAAA,KAAV;AAAiBC,IAAAA,QAAQ,GAAG,KAA5B;AAAmC,kBAAcC;AAAjD,MAA8DJ,eAApE;AACA,QAAMK,UAAU,GAAGjB,eAAe,CAACC,OAAD,EAAUC,gBAAV,EAA4BC,aAA5B,CAAlC;AACA,QAAMe,WAAW,GAAG;AAClBC,IAAAA,IAAI,EAAE,WADY;AAElBL,IAAAA,KAFkB;AAGlB,kBAAcE,SAHI;AAIlB,iBAAc,mBAJI;AAKlBI,IAAAA,IAAI,EAAE;AACJC,MAAAA,QAAQ,EAAE,OADN;AAEJF,MAAAA,IAAI,EAAE;AAFF,KALY;AASlBN,IAAAA,OATkB;AAUlBE,IAAAA;AAVkB,GAApB;AAaA,sBACE;AAAK,IAAA,SAAS,EAAEP,eAAMc;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAEd,eAAMe;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAEf,eAAMgB;AAAtB,kBACE,6BAAC,mBAAD,EAAgBN,WAAhB,CADF,CADF,eAIE;AAAK,IAAA,SAAS,EAAEV,eAAMG;AAAtB,kBACE,6BAAC,oBAAD,eAAYA,MAAZ;AAAoB,IAAA,KAAK,EAAC;AAA1B,KADF,CAJF,CADF,eASE;AAAK,IAAA,SAAS,EAAEH,eAAMiB;AAAtB,KAAwCR,UAAxC,CATF,CADF;AAaD,CArCD;;AAuCAR,qBAAqB,CAACiB,SAAtB,2CAAkC;AAChCd,EAAAA,eAAe,EAAEe,mBAAUC,KAAV,CAAgB;AAC/Bd,IAAAA,KAAK,EAAEa,mBAAUE,MADc;AAE/BhB,IAAAA,OAAO,EAAEc,mBAAUG,IAFY;AAG/Bf,IAAAA,QAAQ,EAAEY,mBAAUI,IAHW;AAI/B,kBAAcJ,mBAAUE;AAJO,GAAhB,CADe;AAOhClB,EAAAA,MAAM,EAAEgB,mBAAUC,KAAV,CAAgBI,qBAAOL,SAAvB,CAPwB;AAQhC1B,EAAAA,OAAO,EAAE0B,mBAAUM,OAAV,CAAkBN,mBAAUC,KAAV,CAAgBM,eAAMR,SAAtB,CAAlB,CARuB;AAShC,wBAAsBC,mBAAUE,MATA;AAUhC1B,EAAAA,aAAa,EAAEwB,mBAAUC,KAAV,CAAgB;AAC7BO,IAAAA,YAAY,EAAER,mBAAUE,MADK;AAE7BO,IAAAA,aAAa,EAAET,mBAAUE;AAFI,GAAhB;AAViB,CAAlC;eAgBepB,qB","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 ButtonLink from '../../atom/button-link';\nimport Chips from '../../atom/chips';\nimport style from './style.css';\n\nconst buildResultView = (results, resultsAriaLabel, emptyMessages) => {\n if (isEmpty(results)) {\n return <EmptySearchResult {...emptyMessages} />;\n }\n\n const items = results.map((result, index) => {\n return (\n <li className={style.result} key={`result-${index}`}>\n <Chips {...result} />\n </li>\n );\n });\n\n return <ul aria-label={resultsAriaLabel}>{items}</ul>;\n};\n\nconst SearchAndChipsResults = props => {\n const {\n search,\n selectAllButton,\n results,\n emptyMessages,\n 'results-aria-label': resultsAriaLabel\n } = props;\n\n const {onClick, label, disabled = false, 'aria-label': ariaLabel} = selectAllButton;\n const resultView = buildResultView(results, resultsAriaLabel, emptyMessages);\n const buttonProps = {\n type: 'secondary',\n label,\n 'aria-label': ariaLabel,\n 'data-name': `select-all-button`,\n icon: {\n position: 'right',\n type: 'add'\n },\n onClick,\n disabled\n };\n\n return (\n <div className={style.container}>\n <div className={style.header}>\n <div className={style.button}>\n <ButtonLink {...buttonProps} />\n </div>\n <div className={style.search}>\n <Search {...search} theme=\"coorpmanager\" />\n </div>\n </div>\n <div className={style.resultContainer}>{resultView}</div>\n </div>\n );\n};\n\nSearchAndChipsResults.propTypes = {\n selectAllButton: PropTypes.shape({\n label: PropTypes.string,\n onClick: PropTypes.func,\n disabled: PropTypes.bool,\n 'aria-label': PropTypes.string\n }),\n search: PropTypes.shape(Search.PropTypes),\n results: PropTypes.arrayOf(PropTypes.shape(Chips.propTypes)),\n 'results-aria-label': PropTypes.string,\n emptyMessages: PropTypes.shape({\n firstMessage: PropTypes.string,\n secondMessage: PropTypes.string\n })\n};\n\nexport default SearchAndChipsResults;\n"],"file":"index.js"}
@@ -32,26 +32,4 @@
32
32
  max-width: 268px;
33
33
  display: inline-block;
34
34
  margin: 0 16px 16px 0px;
35
- }
36
-
37
- .errorSection {
38
- margin: 48px 0;
39
- width: 100%;
40
- display: flex;
41
- flex-direction: column;
42
- align-items: center;
43
- font-size: 16px;
44
- font-weight: bold;
45
- font-family: Gilroy;
46
- font-size: 16px;
47
- }
48
-
49
- .firstErrorMessage {
50
- color: cm_grey_900;
51
- display: block;
52
- }
53
-
54
- .secondErrorMessage {
55
- color: cm_primary_blue;
56
- display: block;
57
35
  }
@@ -5,8 +5,6 @@ exports.default = void 0;
5
5
 
6
6
  var _react = _interopRequireDefault(require("react"));
7
7
 
8
- var _novaIcons = require("@coorpacademy/nova-icons");
9
-
10
8
  var _propTypes = _interopRequireDefault(require("prop-types"));
11
9
 
12
10
  var _classnames = _interopRequireDefault(require("classnames"));
@@ -15,6 +13,10 @@ var _picture = _interopRequireDefault(require("../../atom/picture"));
15
13
 
16
14
  var _link = _interopRequireDefault(require("../../atom/link"));
17
15
 
16
+ var _buttonLink = _interopRequireDefault(require("../../atom/button-link"));
17
+
18
+ var _buttonLinkIconOnly = _interopRequireDefault(require("../../atom/button-link-icon-only"));
19
+
18
20
  var _style = _interopRequireDefault(require("./style.css"));
19
21
 
20
22
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -44,6 +46,66 @@ const SetupHeader = props => {
44
46
  updateShow(false);
45
47
  }
46
48
 
49
+ const platformListButtonProps = {
50
+ type: 'tertiary',
51
+ label: items.platformList.label,
52
+ 'aria-label': items.platformList.label,
53
+ 'data-name': `platform-list-button`,
54
+ link: {
55
+ href: items.platformList.href
56
+ },
57
+ icon: {
58
+ position: 'left',
59
+ type: 'list'
60
+ }
61
+ };
62
+ const platformListIconButtonProps = {
63
+ 'aria-label': items.platformList.label,
64
+ 'data-name': `platform-list-button`,
65
+ link: {
66
+ href: items.platformList.href
67
+ },
68
+ icon: 'list'
69
+ };
70
+ const goAnalyticsButtonProps = items.globalAnalytics && isDashboard === false ? {
71
+ type: 'secondary',
72
+ label: items.globalAnalytics.label,
73
+ 'aria-label': items.globalAnalytics.label,
74
+ 'data-name': `platform-list-button`,
75
+ link: {
76
+ href: items.globalAnalytics.href
77
+ },
78
+ icon: {
79
+ position: 'left',
80
+ type: 'analytics'
81
+ }
82
+ } : null;
83
+ const myPlatformButtonProps = {
84
+ type: 'primary',
85
+ label: items.platformList.label,
86
+ 'aria-label': items.platformList.label,
87
+ 'data-name': `platform-list-button`,
88
+ link: {
89
+ href
90
+ },
91
+ icon: {
92
+ position: 'left',
93
+ type: 'see'
94
+ }
95
+ };
96
+ const logoutButtonProps = {
97
+ type: 'text',
98
+ label: items.logOut.label,
99
+ 'aria-label': items.logOut.label,
100
+ 'data-name': `logout-list-button`,
101
+ link: {
102
+ href: items.logOut.href
103
+ },
104
+ icon: {
105
+ position: 'left',
106
+ type: 'logout'
107
+ }
108
+ };
47
109
  return /*#__PURE__*/_react.default.createElement("div", {
48
110
  className: _style.default.container
49
111
  }, /*#__PURE__*/_react.default.createElement("div", {
@@ -60,47 +122,33 @@ const SetupHeader = props => {
60
122
  src: logoMobile
61
123
  }))) : /*#__PURE__*/_react.default.createElement("ul", {
62
124
  className: _style.default.list
63
- }, /*#__PURE__*/_react.default.createElement(_link.default, {
64
- href: items.platformList.href,
65
- className: (0, _classnames.default)(_style.default.element, _style.default.platformList)
66
- }, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaSolidContentContentViewModule1, {
67
- className: _style.default.icon
68
- }), /*#__PURE__*/_react.default.createElement("li", null, items.platformList.label)), !isDashboard ? /*#__PURE__*/_react.default.createElement("li", {
125
+ }, /*#__PURE__*/_react.default.createElement("div", {
126
+ className: (0, _classnames.default)([_style.default.button, _style.default.platformList])
127
+ }, /*#__PURE__*/_react.default.createElement(_buttonLink.default, platformListButtonProps)), /*#__PURE__*/_react.default.createElement("div", {
128
+ className: _style.default.platformListIcon
129
+ }, /*#__PURE__*/_react.default.createElement(_buttonLinkIconOnly.default, platformListIconButtonProps)), !isDashboard ? /*#__PURE__*/_react.default.createElement("li", {
69
130
  className: (0, _classnames.default)(_style.default.element, _style.default.platformName)
70
131
  }, platformName) : null), /*#__PURE__*/_react.default.createElement("ul", {
71
132
  className: _style.default.list
72
- }, items.globalAnalytics && isDashboard === false ? /*#__PURE__*/_react.default.createElement(_link.default, {
73
- href: items.globalAnalytics.href,
74
- className: (0, _classnames.default)(_style.default.element, _style.default.globalAnalytics)
75
- }, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademyAnalytics, {
76
- className: _style.default.icon
77
- }), /*#__PURE__*/_react.default.createElement("li", null, items.globalAnalytics.label)) : null, isHome || isDashboard ? null : /*#__PURE__*/_react.default.createElement(_link.default, {
78
- href: items.seeMyPlatform.href,
79
- target: "_blank",
80
- className: (0, _classnames.default)(_style.default.element, _style.default.seeMyPlatform)
81
- }, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademyTypeEye, {
82
- className: _style.default.icon
83
- }), /*#__PURE__*/_react.default.createElement("li", null, items.seeMyPlatform.label)), /*#__PURE__*/_react.default.createElement("li", {
133
+ }, goAnalyticsButtonProps ? /*#__PURE__*/_react.default.createElement("div", {
134
+ className: _style.default.button
135
+ }, /*#__PURE__*/_react.default.createElement(_buttonLink.default, goAnalyticsButtonProps)) : null, isDashboard || isHome ? null : /*#__PURE__*/_react.default.createElement("div", {
136
+ className: _style.default.button
137
+ }, /*#__PURE__*/_react.default.createElement(_buttonLink.default, myPlatformButtonProps)), /*#__PURE__*/_react.default.createElement("li", {
84
138
  onMouseEnter: onMouseEnter,
85
139
  className: _style.default.profilePicture
86
140
  }, /*#__PURE__*/_react.default.createElement("img", {
87
141
  src: image
88
- })), /*#__PURE__*/_react.default.createElement(_link.default, {
89
- href: items.logOut.href,
90
- className: (0, _classnames.default)(_style.default.element, _style.default.logOut)
91
- }, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaSolidLoginLogout1, {
92
- className: _style.default.icon
93
- }), /*#__PURE__*/_react.default.createElement("li", null, items.logOut.label)))), /*#__PURE__*/_react.default.createElement("div", {
142
+ })), /*#__PURE__*/_react.default.createElement("div", {
143
+ className: _style.default.logOut
144
+ }, /*#__PURE__*/_react.default.createElement(_buttonLink.default, logoutButtonProps)))), /*#__PURE__*/_react.default.createElement("div", {
94
145
  "data-name": `logout-${show ? 'show' : 'hide'}`
95
146
  }, /*#__PURE__*/_react.default.createElement("div", {
96
147
  className: _style.default.arrowUp
97
- }), /*#__PURE__*/_react.default.createElement(_link.default, {
98
- href: items.logOut.href,
99
- className: (0, _classnames.default)(_style.default.element, _style.default.logOut),
148
+ }), /*#__PURE__*/_react.default.createElement("div", {
149
+ className: _style.default.logOut,
100
150
  onMouseLeave: onMouseLeave
101
- }, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaSolidLoginLogout1, {
102
- className: _style.default.icon
103
- }), /*#__PURE__*/_react.default.createElement("li", null, items.logOut.label))));
151
+ }, /*#__PURE__*/_react.default.createElement(_buttonLink.default, logoutButtonProps))));
104
152
  };
105
153
 
106
154
  SetupHeader.propTypes = process.env.NODE_ENV !== "production" ? {
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/organism/setup-header/index.js"],"names":["SetupHeader","props","show","updateShow","React","useState","platformName","items","href","user","logo","logoMobile","isHome","isDashboard","image","onMouseEnter","onMouseLeave","style","container","wrapper","logoDesktop","list","platformList","element","icon","label","globalAnalytics","seeMyPlatform","profilePicture","logOut","arrowUp","propTypes","PropTypes","shape","string","bool","Link","username","Picture","src"],"mappings":"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","sourcesContent":["import React from 'react';\nimport {\n NovaCompositionCoorpacademyTypeEye as EyeIcon,\n NovaCompositionCoorpacademyAnalytics as AnalyticsIcon,\n NovaSolidContentContentViewModule1 as ListIcon,\n NovaSolidLoginLogout1 as LogoutIcon\n} from '@coorpacademy/nova-icons';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport Picture from '../../atom/picture';\nimport Link from '../../atom/link';\nimport style from './style.css';\n\nconst SetupHeader = props => {\n const [show, updateShow] = React.useState(false);\n const {\n platformName,\n items,\n href,\n user = {},\n logo,\n logoMobile,\n isHome = false,\n isDashboard = false\n } = props;\n const {image = ''} = user;\n\n function onMouseEnter() {\n updateShow(true);\n }\n\n function onMouseLeave() {\n updateShow(false);\n }\n\n return (\n <div className={style.container}>\n <div className={style.wrapper}>\n {isHome ? (\n <div className={style.logo}>\n <Link href={href}>\n <Picture className={style.logoDesktop} src={logo} />\n <Picture className={style.logoMobile} src={logoMobile} />\n </Link>\n </div>\n ) : (\n <ul className={style.list}>\n <Link\n href={items.platformList.href}\n className={classnames(style.element, style.platformList)}\n >\n <ListIcon className={style.icon} />\n <li>{items.platformList.label}</li>\n </Link>\n {!isDashboard ? (\n <li className={classnames(style.element, style.platformName)}>{platformName}</li>\n ) : null}\n </ul>\n )}\n <ul className={style.list}>\n {items.globalAnalytics && isDashboard === false ? (\n <Link\n href={items.globalAnalytics.href}\n className={classnames(style.element, style.globalAnalytics)}\n >\n <AnalyticsIcon className={style.icon} />\n <li>{items.globalAnalytics.label}</li>\n </Link>\n ) : null}\n {isHome || isDashboard ? null : (\n <Link\n href={items.seeMyPlatform.href}\n target=\"_blank\"\n className={classnames(style.element, style.seeMyPlatform)}\n >\n <EyeIcon className={style.icon} />\n <li>{items.seeMyPlatform.label}</li>\n </Link>\n )}\n <li onMouseEnter={onMouseEnter} className={style.profilePicture}>\n <img src={image} />\n </li>\n <Link href={items.logOut.href} className={classnames(style.element, style.logOut)}>\n <LogoutIcon className={style.icon} />\n <li>{items.logOut.label}</li>\n </Link>\n </ul>\n </div>\n\n <div data-name={`logout-${show ? 'show' : 'hide'}`}>\n <div className={style.arrowUp} />\n <Link\n href={items.logOut.href}\n className={classnames(style.element, style.logOut)}\n onMouseLeave={onMouseLeave}\n >\n <LogoutIcon className={style.icon} />\n <li>{items.logOut.label}</li>\n </Link>\n </div>\n </div>\n );\n};\n\nSetupHeader.propTypes = {\n items: PropTypes.shape({\n seeMyPlatform: PropTypes.shape({href: PropTypes.string, label: PropTypes.string}),\n logOut: PropTypes.shape({href: PropTypes.string, label: PropTypes.string}),\n globalAnalytics: PropTypes.shape({href: PropTypes.string, label: PropTypes.string}),\n platformList: PropTypes.shape({href: PropTypes.string, label: PropTypes.string})\n }),\n platformName: PropTypes.string,\n isDashboard: PropTypes.bool,\n isHome: PropTypes.bool,\n href: Link.propTypes.href,\n user: PropTypes.shape({\n username: PropTypes.string,\n image: PropTypes.string\n }),\n logo: Picture.propTypes.src,\n logoMobile: Picture.propTypes.src\n};\n\nexport default SetupHeader;\n"],"file":"index.js"}
1
+ {"version":3,"sources":["../../../src/organism/setup-header/index.js"],"names":["SetupHeader","props","show","updateShow","React","useState","platformName","items","href","user","logo","logoMobile","isHome","isDashboard","image","onMouseEnter","onMouseLeave","platformListButtonProps","type","label","platformList","link","icon","position","platformListIconButtonProps","goAnalyticsButtonProps","globalAnalytics","myPlatformButtonProps","logoutButtonProps","logOut","style","container","wrapper","logoDesktop","list","button","platformListIcon","element","profilePicture","arrowUp","propTypes","PropTypes","shape","seeMyPlatform","string","bool","Link","username","Picture","src"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport Picture from '../../atom/picture';\nimport Link from '../../atom/link';\nimport ButtonLink from '../../atom/button-link';\nimport IconLink from '../../atom/button-link-icon-only';\nimport style from './style.css';\n\nconst SetupHeader = props => {\n const [show, updateShow] = React.useState(false);\n const {\n platformName,\n items,\n href,\n user = {},\n logo,\n logoMobile,\n isHome = false,\n isDashboard = false\n } = props;\n const {image = ''} = user;\n\n function onMouseEnter() {\n updateShow(true);\n }\n\n function onMouseLeave() {\n updateShow(false);\n }\n\n const platformListButtonProps = {\n type: 'tertiary',\n label: items.platformList.label,\n 'aria-label': items.platformList.label,\n 'data-name': `platform-list-button`,\n link: {\n href: items.platformList.href\n },\n icon: {\n position: 'left',\n type: 'list'\n }\n };\n\n const platformListIconButtonProps = {\n 'aria-label': items.platformList.label,\n 'data-name': `platform-list-button`,\n link: {\n href: items.platformList.href\n },\n icon: 'list'\n };\n\n const goAnalyticsButtonProps =\n items.globalAnalytics && isDashboard === false\n ? {\n type: 'secondary',\n label: items.globalAnalytics.label,\n 'aria-label': items.globalAnalytics.label,\n 'data-name': `platform-list-button`,\n link: {\n href: items.globalAnalytics.href\n },\n icon: {\n position: 'left',\n type: 'analytics'\n }\n }\n : null;\n\n const myPlatformButtonProps = {\n type: 'primary',\n label: items.platformList.label,\n 'aria-label': items.platformList.label,\n 'data-name': `platform-list-button`,\n link: {\n href\n },\n icon: {\n position: 'left',\n type: 'see'\n }\n };\n\n const logoutButtonProps = {\n type: 'text',\n label: items.logOut.label,\n 'aria-label': items.logOut.label,\n 'data-name': `logout-list-button`,\n link: {\n href: items.logOut.href\n },\n icon: {\n position: 'left',\n type: 'logout'\n }\n };\n\n return (\n <div className={style.container}>\n <div className={style.wrapper}>\n {isHome ? (\n <div className={style.logo}>\n <Link href={href}>\n <Picture className={style.logoDesktop} src={logo} />\n <Picture className={style.logoMobile} src={logoMobile} />\n </Link>\n </div>\n ) : (\n <ul className={style.list}>\n <div className={classnames([style.button, style.platformList])}>\n <ButtonLink {...platformListButtonProps} />\n </div>\n <div className={style.platformListIcon}>\n <IconLink {...platformListIconButtonProps} />\n </div>\n {!isDashboard ? (\n <li className={classnames(style.element, style.platformName)}>{platformName}</li>\n ) : null}\n </ul>\n )}\n <ul className={style.list}>\n {goAnalyticsButtonProps ? (\n <div className={style.button}>\n <ButtonLink {...goAnalyticsButtonProps} />\n </div>\n ) : null}\n {isDashboard || isHome ? null : (\n <div className={style.button}>\n <ButtonLink {...myPlatformButtonProps} />\n </div>\n )}\n <li onMouseEnter={onMouseEnter} className={style.profilePicture}>\n <img src={image} />\n </li>\n <div className={style.logOut}>\n <ButtonLink {...logoutButtonProps} />\n </div>\n </ul>\n </div>\n <div data-name={`logout-${show ? 'show' : 'hide'}`}>\n <div className={style.arrowUp} />\n <div className={style.logOut} onMouseLeave={onMouseLeave}>\n <ButtonLink {...logoutButtonProps} />\n </div>\n </div>\n </div>\n );\n};\n\nSetupHeader.propTypes = {\n items: PropTypes.shape({\n seeMyPlatform: PropTypes.shape({href: PropTypes.string, label: PropTypes.string}),\n logOut: PropTypes.shape({href: PropTypes.string, label: PropTypes.string}),\n globalAnalytics: PropTypes.shape({href: PropTypes.string, label: PropTypes.string}),\n platformList: PropTypes.shape({href: PropTypes.string, label: PropTypes.string})\n }),\n platformName: PropTypes.string,\n isDashboard: PropTypes.bool,\n isHome: PropTypes.bool,\n href: Link.propTypes.href,\n user: PropTypes.shape({\n username: PropTypes.string,\n image: PropTypes.string\n }),\n logo: Picture.propTypes.src,\n logoMobile: Picture.propTypes.src\n};\n\nexport default SetupHeader;\n"],"file":"index.js"}
@@ -83,6 +83,11 @@
83
83
  text-decoration: none;
84
84
  }
85
85
 
86
+ .button {
87
+ min-width: 175px;
88
+ margin-right: 16px;
89
+ }
90
+
86
91
  .element {
87
92
  font-family: Gilroy;
88
93
  font-size: 14px;
@@ -99,48 +104,7 @@
99
104
  border-radius: 5px;
100
105
  }
101
106
 
102
- .icon {
103
- height: 12px;
104
- top: 0;
105
- left: 0;
106
- margin-right: 8px;
107
- }
108
-
109
- .seeMyPlatform {
110
- composes: element;
111
- color: white;
112
- min-width: 175px;
113
- background-color: cm_primary_blue;
114
- }
115
-
116
- .seeMyPlatform:hover {
117
- background-color: cm_blue_600;
118
- }
119
-
120
- .globalAnalytics {
121
- composes: element;
122
- min-width: 175px;
123
- background-color: cm_grey_100;
124
- }
125
-
126
- .globalAnalytics:hover {
127
- background-color: cm_grey_200;
128
- }
129
-
130
- .platformList {
131
- composes: element;
132
- width: 145px;
133
- margin-right: 16px;
134
- background-color: xtraLightGrey;
135
- }
136
-
137
- .platformList:hover {
138
- background-color: cm_grey_100;
139
- }
140
-
141
107
  .logOut {
142
- composes: element;
143
- background-color: transparent;
144
108
  width: 100px;
145
109
  color: negative;
146
110
  }
@@ -179,6 +143,10 @@
179
143
  border-radius: 50%;
180
144
  }
181
145
 
146
+ .platformListIcon{
147
+ display: none;
148
+ }
149
+
182
150
  @media cm_tablet {
183
151
  [data-name="logout-show"] {
184
152
  position: absolute;
@@ -192,6 +160,11 @@
192
160
  }
193
161
 
194
162
  [data-name="logout-show"] .logOut {
163
+ border-radius: 7px;
164
+ height: 44px;
165
+ display: flex;
166
+ margin: 0;
167
+ color: negative;
195
168
  background-color: cm_grey_100;
196
169
  justify-content: center;
197
170
  align-items: center;
@@ -199,6 +172,12 @@
199
172
  text-decoration: none;
200
173
  }
201
174
 
175
+ [data-name="logout-show"] .logOut:hover {
176
+ display: flex;
177
+ margin: 0;
178
+ color: cm_negative_200;
179
+ }
180
+
202
181
  .arrowUp {
203
182
  width: 0;
204
183
  height: 0;
@@ -208,33 +187,18 @@
208
187
  border-bottom: 8px solid cm_grey_100;
209
188
  }
210
189
 
211
- [data-name="logout-show"] .logOut {
190
+ .platformListIcon {
212
191
  display: flex;
213
- margin: 0;
214
- color: black;
215
- }
216
-
217
- [data-name="logout-show"] .logOut:hover {
218
- display: flex;
219
- margin: 0;
220
- color: negative;
221
- }
222
-
223
- .platformList {
224
192
  justify-content: center;
225
193
  align-items: center;
226
- padding: 0 8px;
227
- width: auto;
194
+ padding: 0 16px 0px 0px;
195
+ width: 44px;
228
196
  }
229
197
 
230
- .platformList li {
198
+ .platformList {
231
199
  display: none;
232
200
  }
233
201
 
234
- .platformList .icon {
235
- margin-right: 0;
236
- }
237
-
238
202
  .platformName {
239
203
  font-size: 16px;
240
204
  }
@@ -243,9 +207,10 @@
243
207
  display: none;
244
208
  }
245
209
 
246
- .platformList .icon {
247
- width: 30px;
210
+ .container {
211
+ margin: 24px 32px;
248
212
  }
213
+
249
214
  }
250
215
 
251
216
  @media mobile {
@@ -0,0 +1,23 @@
1
+ "use strict";
2
+
3
+ exports.__esModule = true;
4
+ exports.ICONS = void 0;
5
+
6
+ var _novaIcons = require("@coorpacademy/nova-icons");
7
+
8
+ const ICONS = {
9
+ add: _novaIcons.NovaSolidRemoveAddAddCircle1,
10
+ analytics: _novaIcons.NovaCompositionCoorpacademyAnalytics,
11
+ bin: _novaIcons.NovaSolidContentEditionBin,
12
+ 'bullet-point': _novaIcons.NovaCompositionCoorpacademyBulletPoint,
13
+ 'chevron-left': _novaIcons.NovaCompositionNavigationArrowLeft,
14
+ 'chevron-right': _novaIcons.NovaCompositionNavigationArrowRight,
15
+ close: _novaIcons.NovaSolidStatusClose,
16
+ edit: _novaIcons.NovaSolidContentEditionPencilWrite,
17
+ list: _novaIcons.NovaSolidContentContentViewModule1,
18
+ logout: _novaIcons.NovaSolidLoginLogout1,
19
+ save: _novaIcons.NovaSolidComputersSdCard,
20
+ see: _novaIcons.NovaCompositionCoorpacademyEye
21
+ };
22
+ exports.ICONS = ICONS;
23
+ //# sourceMappingURL=button-icons.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../src/util/button-icons.js"],"names":["ICONS","add","AddIcon","analytics","AnalyticsIcon","bin","BinIcon","BulletPointIcon","ChevronLeftIcon","ChevronRightIcon","close","CloseIcon","edit","EditIcon","list","ListIcon","logout","LogoutIcon","save","SaveIcon","see","EyeIcon"],"mappings":";;;;;AAAA;;AAeO,MAAMA,KAAK,GAAG;AACnBC,EAAAA,GAAG,EAAEC,uCADc;AAEnBC,EAAAA,SAAS,EAAEC,+CAFQ;AAGnBC,EAAAA,GAAG,EAAEC,qCAHc;AAInB,kBAAgBC,iDAJG;AAKnB,kBAAgBC,6CALG;AAMnB,mBAAiBC,8CANE;AAOnBC,EAAAA,KAAK,EAAEC,+BAPY;AAQnBC,EAAAA,IAAI,EAAEC,6CARa;AASnBC,EAAAA,IAAI,EAAEC,6CATa;AAUnBC,EAAAA,MAAM,EAAEC,gCAVW;AAWnBC,EAAAA,IAAI,EAAEC,mCAXa;AAYnBC,EAAAA,GAAG,EAAEC;AAZc,CAAd","sourcesContent":["import {\n NovaSolidRemoveAddAddCircle1 as AddIcon,\n NovaCompositionCoorpacademyAnalytics as AnalyticsIcon,\n NovaSolidContentEditionBin as BinIcon,\n NovaCompositionCoorpacademyBulletPoint as BulletPointIcon,\n NovaCompositionNavigationArrowLeft as ChevronLeftIcon,\n NovaCompositionNavigationArrowRight as ChevronRightIcon,\n NovaSolidStatusClose as CloseIcon,\n NovaSolidContentEditionPencilWrite as EditIcon,\n NovaCompositionCoorpacademyEye as EyeIcon,\n NovaSolidComputersSdCard as SaveIcon,\n NovaSolidContentContentViewModule1 as ListIcon,\n NovaSolidLoginLogout1 as LogoutIcon\n} from '@coorpacademy/nova-icons';\n\nexport const ICONS = {\n add: AddIcon,\n analytics: AnalyticsIcon,\n bin: BinIcon,\n 'bullet-point': BulletPointIcon,\n 'chevron-left': ChevronLeftIcon,\n 'chevron-right': ChevronRightIcon,\n close: CloseIcon,\n edit: EditIcon,\n list: ListIcon,\n logout: LogoutIcon,\n save: SaveIcon,\n see: EyeIcon\n};\n"],"file":"button-icons.js"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@coorpacademy/components",
3
- "version": "10.1.7",
3
+ "version": "10.1.11",
4
4
  "description": "",
5
5
  "main": "lib/index.js",
6
6
  "module": "es/index.js",
@@ -118,5 +118,5 @@
118
118
  "webpack-hot-middleware": "^2.25.0"
119
119
  },
120
120
  "author": "CoorpAcademy",
121
- "gitHead": "4f0e33e3499622a7fe5256b40cc3929edbfe7e35"
121
+ "gitHead": "f8809c4dd2466a69db72bca3e77c3ebd4c1bcc7f"
122
122
  }
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../../src/atom/button-link/test/button-link.js"],"names":["browserEnv","test","React","shallow","configure","Adapter","ButtonLink","defaultFixture","adapter","translate","t","wrapper","props","context","button","find","true","exists","first","simulate","pass"],"mappings":";AAAA,OAAOA,UAAP,MAAuB,aAAvB;AACA,OAAOC,IAAP,MAAiB,KAAjB;AACA,OAAOC,KAAP,MAAkB,OAAlB;AACA,SAAQC,OAAR,EAAiBC,SAAjB,QAAiC,QAAjC;AAEA,OAAOC,OAAP,MAAoB,yBAApB;AACA,OAAOC,UAAP,MAAuB,IAAvB;AACA,OAAOC,cAAP,MAA2B,wCAA3B;AAEAP,UAAU;AACVI,SAAS,CAAC;AAACI,EAAAA,OAAO,EAAE,IAAIH,OAAJ;AAAV,CAAD,CAAT;AACA,MAAMI,SAAS,YAAf;AAEAR,IAAI,CAAC,sCAAD,EAAyCS,CAAC,IAAI;AAChD,QAAMC,OAAO,GAAGR,OAAO,eAAC,oBAAC,UAAD,EAAgBI,cAAc,CAACK,KAA/B,CAAD,EAA2C;AAChEC,IAAAA,OAAO,EAAE;AAACJ,MAAAA;AAAD;AADuD,GAA3C,CAAvB;AAGA,QAAMK,MAAM,GAAGH,OAAO,CAACI,IAAR,CAAa,6BAAb,CAAf;AACAL,EAAAA,CAAC,CAACM,IAAF,CAAOF,MAAM,CAACG,MAAP,EAAP;AACAH,EAAAA,MAAM,CAACI,KAAP,GAAeC,QAAf,CAAwB,OAAxB,EAAiC,EAAjC;AACAT,EAAAA,CAAC,CAACU,IAAF;AACD,CARG,CAAJ","sourcesContent":["import browserEnv from 'browser-env';\nimport test from 'ava';\nimport React from 'react';\nimport {shallow, configure} from 'enzyme';\nimport {identity} from 'lodash/fp';\nimport Adapter from 'enzyme-adapter-react-16';\nimport ButtonLink from '..';\nimport defaultFixture from './fixtures/button-tertiary-icon-bullet';\n\nbrowserEnv();\nconfigure({adapter: new Adapter()});\nconst translate = identity;\n\ntest('should launch onClick on click event', t => {\n const wrapper = shallow(<ButtonLink {...defaultFixture.props} />, {\n context: {translate}\n });\n const button = wrapper.find('[data-name=\"bullet-button\"]');\n t.true(button.exists());\n button.first().simulate('click', {});\n t.pass();\n});\n"],"file":"button-link.js"}
@@ -1,13 +0,0 @@
1
- export default {
2
- props: {
3
- type: 'tertiary',
4
- 'aria-label': 'aria button',
5
- 'data-name': 'bullet-button',
6
- icon: {
7
- position: 'center',
8
- type: 'bullet-point'
9
- },
10
- onClick: () => console.log('click')
11
- }
12
- };
13
- //# sourceMappingURL=button-tertiary-icon-bullet.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../../../src/atom/button-link/test/fixtures/button-tertiary-icon-bullet.js"],"names":["props","type","icon","position","onClick","console","log"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAE,UADD;AAEL,kBAAc,aAFT;AAGL,iBAAa,eAHR;AAILC,IAAAA,IAAI,EAAE;AACJC,MAAAA,QAAQ,EAAE,QADN;AAEJF,MAAAA,IAAI,EAAE;AAFF,KAJD;AAQLG,IAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ;AARV;AADM,CAAf","sourcesContent":["export default {\n props: {\n type: 'tertiary',\n 'aria-label': 'aria button',\n 'data-name': 'bullet-button',\n icon: {\n position: 'center',\n type: 'bullet-point'\n },\n onClick: () => console.log('click')\n }\n};\n"],"file":"button-tertiary-icon-bullet.js"}
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../../../src/atom/button-link/test/fixtures/icon-button.js"],"names":["props","type","icon","position","onClick","console","log"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAE,WADD;AAEL,iBAAa,gBAFR;AAGL,kBAAc,aAHT;AAILC,IAAAA,IAAI,EAAE;AACJC,MAAAA,QAAQ,EAAE,QADN;AAEJF,MAAAA,IAAI,EAAE;AAFF,KAJD;AAQLG,IAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ;AARV;AADM,CAAf","sourcesContent":["export default {\n props: {\n type: 'secondary',\n 'data-name': 'default-button',\n 'aria-label': 'aria button',\n icon: {\n position: 'center',\n type: 'close'\n },\n onClick: () => console.log('click')\n }\n};\n"],"file":"icon-button.js"}
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../../../src/atom/tag/test/fixtures/revision.js"],"names":["props","label","type"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAE,iBADF;AAELC,IAAAA,IAAI,EAAE;AAFD;AADM,CAAf","sourcesContent":["export default {\n props: {\n label: 'Ongoing changes',\n type: 'revision'\n }\n};\n"],"file":"revision.js"}
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../../src/atom/button-link/test/button-link.js"],"names":["adapter","Adapter","translate","t","wrapper","defaultFixture","props","context","button","find","true","exists","first","simulate","pass"],"mappings":";;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AACA;;;;AAEA;AACA,uBAAU;AAACA,EAAAA,OAAO,EAAE,IAAIC,2BAAJ;AAAV,CAAV;AACA,MAAMC,SAAS,qBAAf;AAEA,kBAAK,sCAAL,EAA6CC,CAAC,IAAI;AAChD,QAAMC,OAAO,GAAG,mCAAQ,6BAAC,SAAD,EAAgBC,kCAAeC,KAA/B,CAAR,EAAkD;AAChEC,IAAAA,OAAO,EAAE;AAACL,MAAAA;AAAD;AADuD,GAAlD,CAAhB;AAGA,QAAMM,MAAM,GAAGJ,OAAO,CAACK,IAAR,CAAa,6BAAb,CAAf;AACAN,EAAAA,CAAC,CAACO,IAAF,CAAOF,MAAM,CAACG,MAAP,EAAP;AACAH,EAAAA,MAAM,CAACI,KAAP,GAAeC,QAAf,CAAwB,OAAxB,EAAiC,EAAjC;AACAV,EAAAA,CAAC,CAACW,IAAF;AACD,CARD","sourcesContent":["import browserEnv from 'browser-env';\nimport test from 'ava';\nimport React from 'react';\nimport {shallow, configure} from 'enzyme';\nimport {identity} from 'lodash/fp';\nimport Adapter from 'enzyme-adapter-react-16';\nimport ButtonLink from '..';\nimport defaultFixture from './fixtures/button-tertiary-icon-bullet';\n\nbrowserEnv();\nconfigure({adapter: new Adapter()});\nconst translate = identity;\n\ntest('should launch onClick on click event', t => {\n const wrapper = shallow(<ButtonLink {...defaultFixture.props} />, {\n context: {translate}\n });\n const button = wrapper.find('[data-name=\"bullet-button\"]');\n t.true(button.exists());\n button.first().simulate('click', {});\n t.pass();\n});\n"],"file":"button-link.js"}
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../../../src/atom/button-link/test/fixtures/button-tertiary-icon-bullet.js"],"names":["props","type","icon","position","onClick","console","log"],"mappings":";;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAE,UADD;AAEL,kBAAc,aAFT;AAGL,iBAAa,eAHR;AAILC,IAAAA,IAAI,EAAE;AACJC,MAAAA,QAAQ,EAAE,QADN;AAEJF,MAAAA,IAAI,EAAE;AAFF,KAJD;AAQLG,IAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ;AARV;AADM,C","sourcesContent":["export default {\n props: {\n type: 'tertiary',\n 'aria-label': 'aria button',\n 'data-name': 'bullet-button',\n icon: {\n position: 'center',\n type: 'bullet-point'\n },\n onClick: () => console.log('click')\n }\n};\n"],"file":"button-tertiary-icon-bullet.js"}
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../../../src/atom/button-link/test/fixtures/icon-button.js"],"names":["props","type","icon","position","onClick","console","log"],"mappings":";;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAE,WADD;AAEL,iBAAa,gBAFR;AAGL,kBAAc,aAHT;AAILC,IAAAA,IAAI,EAAE;AACJC,MAAAA,QAAQ,EAAE,QADN;AAEJF,MAAAA,IAAI,EAAE;AAFF,KAJD;AAQLG,IAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ;AARV;AADM,C","sourcesContent":["export default {\n props: {\n type: 'secondary',\n 'data-name': 'default-button',\n 'aria-label': 'aria button',\n icon: {\n position: 'center',\n type: 'close'\n },\n onClick: () => console.log('click')\n }\n};\n"],"file":"icon-button.js"}
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../../../src/atom/tag/test/fixtures/revision.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: 'revision'\n }\n};\n"],"file":"revision.js"}