@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.
- package/es/atom/button-link/index.js +2 -22
- package/es/atom/button-link/index.js.map +1 -1
- package/es/atom/button-link/style.css +0 -1
- package/es/atom/button-link/test/fixtures.js +0 -4
- package/es/atom/button-link/test/fixtures.js.map +1 -1
- package/es/atom/button-link-icon-only/index.js +76 -0
- package/es/atom/button-link-icon-only/index.js.map +1 -0
- package/es/atom/button-link-icon-only/style.css +64 -0
- package/es/atom/{button-link/test/button-link.js → button-link-icon-only/test/button-link-icon-only.js} +5 -5
- package/es/atom/button-link-icon-only/test/button-link-icon-only.js.map +1 -0
- package/es/atom/button-link-icon-only/test/fixtures/button-icon-bullet.js +10 -0
- package/es/atom/button-link-icon-only/test/fixtures/button-icon-bullet.js.map +1 -0
- package/es/atom/{button-link/test/fixtures/icon-button.js → button-link-icon-only/test/fixtures/default.js} +3 -6
- package/es/atom/button-link-icon-only/test/fixtures/default.js.map +1 -0
- package/es/atom/button-link-icon-only/test/fixtures/no-icon.js +7 -0
- package/es/atom/button-link-icon-only/test/fixtures/no-icon.js.map +1 -0
- package/es/atom/button-link-icon-only/test/fixtures/small-button-disabled.js +11 -0
- package/es/atom/button-link-icon-only/test/fixtures/small-button-disabled.js.map +1 -0
- package/es/atom/button-link-icon-only/test/fixtures/small-link-download.js +13 -0
- package/es/atom/button-link-icon-only/test/fixtures/small-link-download.js.map +1 -0
- package/es/atom/button-link-icon-only/test/fixtures.js +21 -0
- package/es/atom/button-link-icon-only/test/fixtures.js.map +1 -0
- package/es/atom/empty-search-result/index.js +24 -0
- package/es/atom/empty-search-result/index.js.map +1 -0
- package/es/atom/empty-search-result/style.css +25 -0
- package/es/atom/empty-search-result/test/fixtures/default.js +7 -0
- package/es/atom/empty-search-result/test/fixtures/default.js.map +1 -0
- package/es/atom/empty-search-result/test/fixtures.js +13 -0
- package/es/atom/empty-search-result/test/fixtures.js.map +1 -0
- package/es/atom/input-text/index.js +3 -2
- package/es/atom/input-text/index.js.map +1 -1
- package/es/atom/tag/index.js +3 -2
- package/es/atom/tag/index.js.map +1 -1
- package/es/atom/tag/style.css +5 -1
- package/es/atom/tag/test/fixtures/draft.js +7 -0
- package/es/atom/tag/test/fixtures/draft.js.map +1 -0
- package/es/atom/tag/test/fixtures/{revision.js → revised.js} +2 -2
- package/es/atom/tag/test/fixtures/revised.js.map +1 -0
- package/es/molecule/bullet-point-menu-button/index.js +4 -7
- package/es/molecule/bullet-point-menu-button/index.js.map +1 -1
- package/es/molecule/cm-popin/index.js +8 -7
- package/es/molecule/cm-popin/index.js.map +1 -1
- package/es/molecule/cm-popin/style.css +0 -25
- package/es/molecule/search/test/fixtures.js +15 -0
- package/es/molecule/search/test/fixtures.js.map +1 -0
- package/es/molecule/vertical-tabs/style.css +2 -2
- package/es/organism/course-selection/index.js +57 -0
- package/es/organism/course-selection/index.js.map +1 -0
- package/es/organism/course-selection/style.css +23 -0
- package/es/organism/course-selection/test/fixtures/default.js +34 -0
- package/es/organism/course-selection/test/fixtures/default.js.map +1 -0
- package/es/organism/course-selection/test/fixtures/empty.js +18 -0
- package/es/organism/course-selection/test/fixtures/empty.js.map +1 -0
- package/es/organism/course-selection/test/fixtures/filtered.js +24 -0
- package/es/organism/course-selection/test/fixtures/filtered.js.map +1 -0
- package/es/organism/course-selection/test/fixtures/sorted-selected.js +31 -0
- package/es/organism/course-selection/test/fixtures/sorted-selected.js.map +1 -0
- package/es/organism/course-selection/test/fixtures/unsorted-selected.js +31 -0
- package/es/organism/course-selection/test/fixtures/unsorted-selected.js.map +1 -0
- package/es/organism/course-selection/test/fixtures.js +21 -0
- package/es/organism/course-selection/test/fixtures.js.map +1 -0
- package/es/organism/playlist-translation/style.css +9 -2
- package/es/organism/playlist-translation/test/fixtures.js +15 -0
- package/es/organism/playlist-translation/test/fixtures.js.map +1 -0
- package/es/organism/search-and-chips-results/index.js +3 -8
- package/es/organism/search-and-chips-results/index.js.map +1 -1
- package/es/organism/search-and-chips-results/style.css +0 -22
- package/es/organism/setup-header/index.js +78 -31
- package/es/organism/setup-header/index.js.map +1 -1
- package/es/organism/setup-header/style.css +27 -62
- package/es/util/button-icons.js +16 -0
- package/es/util/button-icons.js.map +1 -0
- package/lib/atom/button-link/index.js +5 -26
- package/lib/atom/button-link/index.js.map +1 -1
- package/lib/atom/button-link/style.css +0 -1
- package/lib/atom/button-link/test/fixtures.js +0 -6
- package/lib/atom/button-link/test/fixtures.js.map +1 -1
- package/lib/atom/button-link-icon-only/index.js +94 -0
- package/lib/atom/button-link-icon-only/index.js.map +1 -0
- package/lib/atom/button-link-icon-only/style.css +64 -0
- package/lib/atom/{button-link/test/button-link.js → button-link-icon-only/test/button-link-icon-only.js} +4 -4
- package/lib/atom/button-link-icon-only/test/button-link-icon-only.js.map +1 -0
- package/lib/atom/{button-link/test/fixtures/button-tertiary-icon-bullet.js → button-link-icon-only/test/fixtures/button-icon-bullet.js} +3 -6
- package/lib/atom/button-link-icon-only/test/fixtures/button-icon-bullet.js.map +1 -0
- package/lib/atom/{button-link/test/fixtures/icon-button.js → button-link-icon-only/test/fixtures/default.js} +3 -6
- package/lib/atom/button-link-icon-only/test/fixtures/default.js.map +1 -0
- package/lib/atom/button-link-icon-only/test/fixtures/no-icon.js +12 -0
- package/lib/atom/button-link-icon-only/test/fixtures/no-icon.js.map +1 -0
- package/lib/atom/button-link-icon-only/test/fixtures/small-button-disabled.js +16 -0
- package/lib/atom/button-link-icon-only/test/fixtures/small-button-disabled.js.map +1 -0
- package/lib/atom/button-link-icon-only/test/fixtures/small-link-download.js +18 -0
- package/lib/atom/button-link-icon-only/test/fixtures/small-link-download.js.map +1 -0
- package/lib/atom/button-link-icon-only/test/fixtures.js +34 -0
- package/lib/atom/button-link-icon-only/test/fixtures.js.map +1 -0
- package/lib/atom/empty-search-result/index.js +34 -0
- package/lib/atom/empty-search-result/index.js.map +1 -0
- package/lib/atom/empty-search-result/style.css +25 -0
- package/lib/atom/empty-search-result/test/fixtures/default.js +12 -0
- package/lib/atom/empty-search-result/test/fixtures/default.js.map +1 -0
- package/lib/atom/empty-search-result/test/fixtures.js +22 -0
- package/lib/atom/empty-search-result/test/fixtures.js.map +1 -0
- package/lib/atom/input-text/index.js +3 -2
- package/lib/atom/input-text/index.js.map +1 -1
- package/lib/atom/tag/index.js +3 -2
- package/lib/atom/tag/index.js.map +1 -1
- package/lib/atom/tag/style.css +5 -1
- package/lib/atom/tag/test/fixtures/draft.js +12 -0
- package/lib/atom/tag/test/fixtures/draft.js.map +1 -0
- package/lib/atom/tag/test/fixtures/{revision.js → revised.js} +2 -2
- package/lib/atom/tag/test/fixtures/revised.js.map +1 -0
- package/lib/molecule/bullet-point-menu-button/index.js +4 -7
- package/lib/molecule/bullet-point-menu-button/index.js.map +1 -1
- package/lib/molecule/cm-popin/index.js +8 -6
- package/lib/molecule/cm-popin/index.js.map +1 -1
- package/lib/molecule/cm-popin/style.css +0 -25
- package/lib/molecule/search/test/fixtures.js +25 -0
- package/lib/molecule/search/test/fixtures.js.map +1 -0
- package/lib/molecule/vertical-tabs/style.css +2 -2
- package/lib/organism/course-selection/index.js +70 -0
- package/lib/organism/course-selection/index.js.map +1 -0
- package/lib/organism/course-selection/style.css +23 -0
- package/lib/organism/course-selection/test/fixtures/default.js +47 -0
- package/lib/organism/course-selection/test/fixtures/default.js.map +1 -0
- package/lib/organism/course-selection/test/fixtures/empty.js +23 -0
- package/lib/organism/course-selection/test/fixtures/empty.js.map +1 -0
- package/lib/organism/course-selection/test/fixtures/filtered.js +36 -0
- package/lib/organism/course-selection/test/fixtures/filtered.js.map +1 -0
- package/lib/organism/course-selection/test/fixtures/sorted-selected.js +44 -0
- package/lib/organism/course-selection/test/fixtures/sorted-selected.js.map +1 -0
- package/lib/organism/course-selection/test/fixtures/unsorted-selected.js +44 -0
- package/lib/organism/course-selection/test/fixtures/unsorted-selected.js.map +1 -0
- package/lib/organism/course-selection/test/fixtures.js +34 -0
- package/lib/organism/course-selection/test/fixtures.js.map +1 -0
- package/lib/organism/playlist-translation/style.css +9 -2
- package/lib/organism/playlist-translation/test/fixtures.js +25 -0
- package/lib/organism/playlist-translation/test/fixtures.js.map +1 -0
- package/lib/organism/search-and-chips-results/index.js +4 -8
- package/lib/organism/search-and-chips-results/index.js.map +1 -1
- package/lib/organism/search-and-chips-results/style.css +0 -22
- package/lib/organism/setup-header/index.js +80 -32
- package/lib/organism/setup-header/index.js.map +1 -1
- package/lib/organism/setup-header/style.css +27 -62
- package/lib/util/button-icons.js +23 -0
- package/lib/util/button-icons.js.map +1 -0
- package/package.json +2 -2
- package/es/atom/button-link/test/button-link.js.map +0 -1
- package/es/atom/button-link/test/fixtures/button-tertiary-icon-bullet.js +0 -13
- package/es/atom/button-link/test/fixtures/button-tertiary-icon-bullet.js.map +0 -1
- package/es/atom/button-link/test/fixtures/icon-button.js.map +0 -1
- package/es/atom/tag/test/fixtures/revision.js.map +0 -1
- package/lib/atom/button-link/test/button-link.js.map +0 -1
- package/lib/atom/button-link/test/fixtures/button-tertiary-icon-bullet.js.map +0 -1
- package/lib/atom/button-link/test/fixtures/icon-button.js.map +0 -1
- 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:
|
|
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:
|
|
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(
|
|
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
|
-
}
|
|
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","
|
|
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(
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
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
|
-
},
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
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(
|
|
89
|
-
|
|
90
|
-
|
|
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(
|
|
98
|
-
|
|
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(
|
|
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
|
-
|
|
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
|
|
227
|
-
width:
|
|
194
|
+
padding: 0 16px 0px 0px;
|
|
195
|
+
width: 44px;
|
|
228
196
|
}
|
|
229
197
|
|
|
230
|
-
.platformList
|
|
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
|
-
.
|
|
247
|
-
|
|
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.
|
|
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": "
|
|
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"}
|