@coorpacademy/components 10.1.5 → 10.1.9
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 +7 -23
- package/es/atom/button-link/index.js.map +1 -1
- package/es/atom/button-link/style.css +4 -6
- package/es/atom/button-link/test/fixtures.js +31 -0
- package/es/atom/button-link/test/fixtures.js.map +1 -0
- 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-icon-only/test/button-link-icon-only.js +25 -0
- 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/button-menu/index.js +66 -0
- package/es/atom/button-menu/index.js.map +1 -0
- package/es/atom/button-menu/style.css +51 -0
- package/es/atom/button-menu/test/fixtures/default.js +20 -0
- package/es/atom/button-menu/test/fixtures/default.js.map +1 -0
- package/es/atom/button-menu/test/fixtures/multiple-buttons.js +15 -0
- package/es/atom/button-menu/test/fixtures/multiple-buttons.js.map +1 -0
- package/es/atom/button-menu/test/fixtures.js +15 -0
- package/es/atom/button-menu/test/fixtures.js.map +1 -0
- package/es/atom/chips/test/fixtures.js +17 -0
- package/es/atom/chips/test/fixtures.js.map +1 -0
- package/es/atom/content-badge/test/fixtures.js +27 -0
- package/es/atom/content-badge/test/fixtures.js.map +1 -0
- package/es/atom/input-search/test/fixtures.js +19 -0
- package/es/atom/input-search/test/fixtures.js.map +1 -0
- package/es/atom/input-text/index.js.map +1 -1
- package/es/atom/input-text/test/fixtures.js +2 -0
- package/es/atom/input-text/test/fixtures.js.map +1 -1
- package/es/atom/input-textarea/test/fixtures.js +4 -0
- package/es/atom/input-textarea/test/fixtures.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/atom/tag/test/fixtures.js +19 -0
- package/es/atom/tag/test/fixtures.js.map +1 -0
- package/es/atom/wizard-steps/test/fixtures.js +17 -0
- package/es/atom/wizard-steps/test/fixtures.js.map +1 -0
- package/es/molecule/banner/index.js +19 -10
- package/es/molecule/banner/index.js.map +1 -1
- package/es/molecule/banner/style.css +10 -8
- package/es/molecule/banner/test/fixtures.js +15 -0
- package/es/molecule/banner/test/fixtures.js.map +1 -0
- package/es/molecule/brand-form-group/index.js +20 -5
- package/es/molecule/brand-form-group/index.js.map +1 -1
- package/es/molecule/brand-form-group/style.css +19 -0
- package/es/molecule/brand-form-group/test/fixtures.js +2 -0
- package/es/molecule/brand-form-group/test/fixtures.js.map +1 -1
- package/es/molecule/bullet-point-menu-button/index.js +51 -0
- package/es/molecule/bullet-point-menu-button/index.js.map +1 -0
- package/es/molecule/bullet-point-menu-button/style.css +52 -0
- package/es/molecule/bullet-point-menu-button/test/bullet-point-menu-button.js +34 -0
- package/es/molecule/bullet-point-menu-button/test/bullet-point-menu-button.js.map +1 -0
- package/es/molecule/bullet-point-menu-button/test/fixtures/default.js +11 -0
- package/es/molecule/bullet-point-menu-button/test/fixtures/default.js.map +1 -0
- package/es/molecule/bullet-point-menu-button/test/fixtures/multiple-buttons.js +13 -0
- package/es/molecule/bullet-point-menu-button/test/fixtures/multiple-buttons.js.map +1 -0
- package/es/molecule/bullet-point-menu-button/test/fixtures.js +15 -0
- package/es/molecule/bullet-point-menu-button/test/fixtures.js.map +1 -0
- package/es/molecule/card/test/fixtures.js +4 -0
- package/es/molecule/card/test/fixtures.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/cm-popin/test/fixtures.js +17 -0
- package/es/molecule/cm-popin/test/fixtures.js.map +1 -0
- package/es/molecule/empty-search-result/test/fixtures.js +13 -0
- package/es/molecule/empty-search-result/test/fixtures.js.map +1 -0
- package/es/molecule/feedback/test/fixtures.js +0 -2
- package/es/molecule/feedback/test/fixtures.js.map +1 -1
- package/es/molecule/vertical-tabs/index.js +8 -3
- package/es/molecule/vertical-tabs/index.js.map +1 -1
- package/es/molecule/vertical-tabs/test/fixtures/default.js +2 -1
- package/es/molecule/vertical-tabs/test/fixtures/default.js.map +1 -1
- package/es/molecule/vertical-tabs/test/fixtures/with-selected-item.js +2 -1
- package/es/molecule/vertical-tabs/test/fixtures/with-selected-item.js.map +1 -1
- package/es/molecule/vertical-tabs/test/fixtures.js +15 -0
- package/es/molecule/vertical-tabs/test/fixtures.js.map +1 -0
- package/es/molecule/wizard-summary/index.js +3 -1
- package/es/molecule/wizard-summary/index.js.map +1 -1
- package/es/molecule/wizard-summary/style.css +8 -0
- package/es/molecule/wizard-summary/test/fixtures.js +21 -0
- package/es/molecule/wizard-summary/test/fixtures.js.map +1 -0
- package/es/organism/brand-form/test/fixtures/wizard-playlists.js +26 -0
- package/es/organism/brand-form/test/fixtures/wizard-playlists.js.map +1 -0
- package/es/organism/brand-form/test/fixtures.js +2 -0
- package/es/organism/brand-form/test/fixtures.js.map +1 -1
- 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/index.js +63 -0
- package/es/organism/playlist-translation/index.js.map +1 -0
- package/es/organism/playlist-translation/style.css +45 -0
- package/es/organism/playlist-translation/test/fixtures/default.js +24 -0
- package/es/organism/playlist-translation/test/fixtures/default.js.map +1 -0
- package/es/organism/playlist-translation/test/fixtures/delete.js +18 -0
- package/es/organism/playlist-translation/test/fixtures/delete.js.map +1 -0
- 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 +1 -0
- package/es/organism/search-and-chips-results/index.js.map +1 -1
- package/es/organism/search-and-chips-results/style.css +1 -1
- package/es/organism/search-and-chips-results/test/fixtures.js +21 -0
- package/es/organism/search-and-chips-results/test/fixtures.js.map +1 -0
- 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/template/app-player/popin-end/test/fixtures.js +0 -2
- package/es/template/app-player/popin-end/test/fixtures.js.map +1 -1
- package/es/template/teams-dashboard/index.js +4 -3
- package/es/template/teams-dashboard/index.js.map +1 -1
- package/es/util/button-icons.js +16 -0
- package/es/util/button-icons.js.map +1 -0
- package/es/variables/colors.css +2 -0
- package/lib/atom/button-link/index.js +9 -25
- package/lib/atom/button-link/index.js.map +1 -1
- package/lib/atom/button-link/style.css +4 -6
- package/lib/atom/button-link/test/fixtures.js +49 -0
- package/lib/atom/button-link/test/fixtures.js.map +1 -0
- 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-icon-only/test/button-link-icon-only.js +37 -0
- package/lib/atom/button-link-icon-only/test/button-link-icon-only.js.map +1 -0
- package/lib/atom/button-link-icon-only/test/fixtures/button-icon-bullet.js +15 -0
- 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/button-menu/index.js +82 -0
- package/lib/atom/button-menu/index.js.map +1 -0
- package/lib/atom/button-menu/style.css +51 -0
- package/lib/atom/button-menu/test/fixtures/default.js +27 -0
- package/lib/atom/button-menu/test/fixtures/default.js.map +1 -0
- package/lib/atom/button-menu/test/fixtures/multiple-buttons.js +23 -0
- package/lib/atom/button-menu/test/fixtures/multiple-buttons.js.map +1 -0
- package/lib/atom/button-menu/test/fixtures.js +25 -0
- package/lib/atom/button-menu/test/fixtures.js.map +1 -0
- package/lib/atom/chips/test/fixtures.js +28 -0
- package/lib/atom/chips/test/fixtures.js.map +1 -0
- package/lib/atom/content-badge/test/fixtures.js +43 -0
- package/lib/atom/content-badge/test/fixtures.js.map +1 -0
- package/lib/atom/input-search/test/fixtures.js +31 -0
- package/lib/atom/input-search/test/fixtures.js.map +1 -0
- package/lib/atom/input-text/index.js.map +1 -1
- package/lib/atom/input-text/test/fixtures.js +3 -0
- package/lib/atom/input-text/test/fixtures.js.map +1 -1
- package/lib/atom/input-textarea/test/fixtures.js +6 -0
- package/lib/atom/input-textarea/test/fixtures.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/atom/tag/test/fixtures.js +31 -0
- package/lib/atom/tag/test/fixtures.js.map +1 -0
- package/lib/atom/wizard-steps/test/fixtures.js +28 -0
- package/lib/atom/wizard-steps/test/fixtures.js.map +1 -0
- package/lib/molecule/banner/index.js +19 -10
- package/lib/molecule/banner/index.js.map +1 -1
- package/lib/molecule/banner/style.css +10 -8
- package/lib/molecule/banner/test/fixtures.js +25 -0
- package/lib/molecule/banner/test/fixtures.js.map +1 -0
- package/lib/molecule/brand-form-group/index.js +22 -5
- package/lib/molecule/brand-form-group/index.js.map +1 -1
- package/lib/molecule/brand-form-group/style.css +19 -0
- package/lib/molecule/brand-form-group/test/fixtures.js +3 -0
- package/lib/molecule/brand-form-group/test/fixtures.js.map +1 -1
- package/lib/molecule/bullet-point-menu-button/index.js +69 -0
- package/lib/molecule/bullet-point-menu-button/index.js.map +1 -0
- package/lib/molecule/bullet-point-menu-button/style.css +52 -0
- package/lib/molecule/bullet-point-menu-button/test/bullet-point-menu-button.js +46 -0
- package/lib/molecule/bullet-point-menu-button/test/bullet-point-menu-button.js.map +1 -0
- package/lib/molecule/bullet-point-menu-button/test/fixtures/default.js +18 -0
- package/lib/molecule/bullet-point-menu-button/test/fixtures/default.js.map +1 -0
- package/lib/molecule/bullet-point-menu-button/test/fixtures/multiple-buttons.js +25 -0
- package/lib/molecule/bullet-point-menu-button/test/fixtures/multiple-buttons.js.map +1 -0
- package/lib/molecule/bullet-point-menu-button/test/fixtures.js +25 -0
- package/lib/molecule/bullet-point-menu-button/test/fixtures.js.map +1 -0
- package/lib/molecule/card/test/fixtures.js +6 -0
- package/lib/molecule/card/test/fixtures.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/cm-popin/test/fixtures.js +28 -0
- package/lib/molecule/cm-popin/test/fixtures.js.map +1 -0
- package/lib/molecule/empty-search-result/test/fixtures.js +22 -0
- package/lib/molecule/empty-search-result/test/fixtures.js.map +1 -0
- package/lib/molecule/feedback/test/fixtures.js +0 -3
- package/lib/molecule/feedback/test/fixtures.js.map +1 -1
- package/lib/molecule/vertical-tabs/index.js +8 -3
- package/lib/molecule/vertical-tabs/index.js.map +1 -1
- package/lib/molecule/vertical-tabs/test/fixtures/default.js +2 -1
- package/lib/molecule/vertical-tabs/test/fixtures/default.js.map +1 -1
- package/lib/molecule/vertical-tabs/test/fixtures/with-selected-item.js +2 -1
- package/lib/molecule/vertical-tabs/test/fixtures/with-selected-item.js.map +1 -1
- package/lib/molecule/vertical-tabs/test/fixtures.js +25 -0
- package/lib/molecule/vertical-tabs/test/fixtures.js.map +1 -0
- package/lib/molecule/wizard-summary/index.js +3 -1
- package/lib/molecule/wizard-summary/index.js.map +1 -1
- package/lib/molecule/wizard-summary/style.css +8 -0
- package/lib/molecule/wizard-summary/test/fixtures.js +34 -0
- package/lib/molecule/wizard-summary/test/fixtures.js.map +1 -0
- package/lib/organism/brand-form/test/fixtures/wizard-playlists.js +31 -0
- package/lib/organism/brand-form/test/fixtures/wizard-playlists.js.map +1 -0
- package/lib/organism/brand-form/test/fixtures.js +3 -0
- package/lib/organism/brand-form/test/fixtures.js.map +1 -1
- 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/index.js +78 -0
- package/lib/organism/playlist-translation/index.js.map +1 -0
- package/lib/organism/playlist-translation/style.css +45 -0
- package/lib/organism/playlist-translation/test/fixtures/default.js +35 -0
- package/lib/organism/playlist-translation/test/fixtures/default.js.map +1 -0
- package/lib/organism/playlist-translation/test/fixtures/delete.js +29 -0
- package/lib/organism/playlist-translation/test/fixtures/delete.js.map +1 -0
- 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 +1 -0
- package/lib/organism/search-and-chips-results/index.js.map +1 -1
- package/lib/organism/search-and-chips-results/style.css +1 -1
- package/lib/organism/search-and-chips-results/test/fixtures.js +34 -0
- package/lib/organism/search-and-chips-results/test/fixtures.js.map +1 -0
- 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/template/app-player/popin-end/test/fixtures.js +0 -3
- package/lib/template/app-player/popin-end/test/fixtures.js.map +1 -1
- package/lib/template/teams-dashboard/index.js +3 -1
- package/lib/template/teams-dashboard/index.js.map +1 -1
- package/lib/util/button-icons.js +23 -0
- package/lib/util/button-icons.js.map +1 -0
- package/lib/variables/colors.css +2 -0
- package/package.json +3 -3
- 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/es/molecule/cockpit-popin/test/fixtures.js +0 -17
- package/es/molecule/cockpit-popin/test/fixtures.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
- package/lib/molecule/cockpit-popin/test/fixtures.js +0 -28
- package/lib/molecule/cockpit-popin/test/fixtures.js.map +0 -1
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import vericalMenu from '../../../../molecule/vertical-tabs/test/fixtures/with-selected-item';
|
|
2
|
+
import inputText from '../../../../atom/input-text/test/fixtures/cm-default';
|
|
3
|
+
import textArea from '../../../../atom/input-textarea/test/fixtures/cm-default';
|
|
4
|
+
const languageTabs = vericalMenu.props.tabs;
|
|
5
|
+
export default {
|
|
6
|
+
props: {
|
|
7
|
+
languageTabs,
|
|
8
|
+
inputText: inputText.props,
|
|
9
|
+
textArea: textArea.props,
|
|
10
|
+
cta: {
|
|
11
|
+
label: 'Delete translation',
|
|
12
|
+
type: 'delete',
|
|
13
|
+
handleOnClick: () => {}
|
|
14
|
+
},
|
|
15
|
+
'list-aria-label': 'Languages list'
|
|
16
|
+
}
|
|
17
|
+
};
|
|
18
|
+
//# sourceMappingURL=delete.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../../src/organism/playlist-translation/test/fixtures/delete.js"],"names":["vericalMenu","inputText","textArea","languageTabs","props","tabs","cta","label","type","handleOnClick"],"mappings":"AAAA,OAAOA,WAAP,MAAwB,qEAAxB;AACA,OAAOC,SAAP,MAAsB,sDAAtB;AACA,OAAOC,QAAP,MAAqB,0DAArB;AAEA,MAAMC,YAAY,GAAGH,WAAW,CAACI,KAAZ,CAAkBC,IAAvC;AAEA,eAAe;AACbD,EAAAA,KAAK,EAAE;AACLD,IAAAA,YADK;AAELF,IAAAA,SAAS,EAAEA,SAAS,CAACG,KAFhB;AAGLF,IAAAA,QAAQ,EAAEA,QAAQ,CAACE,KAHd;AAILE,IAAAA,GAAG,EAAE;AACHC,MAAAA,KAAK,EAAE,oBADJ;AAEHC,MAAAA,IAAI,EAAE,QAFH;AAGHC,MAAAA,aAAa,EAAE,MAAM,CAAE;AAHpB,KAJA;AASL,uBAAmB;AATd;AADM,CAAf","sourcesContent":["import vericalMenu from '../../../../molecule/vertical-tabs/test/fixtures/with-selected-item';\nimport inputText from '../../../../atom/input-text/test/fixtures/cm-default';\nimport textArea from '../../../../atom/input-textarea/test/fixtures/cm-default';\n\nconst languageTabs = vericalMenu.props.tabs;\n\nexport default {\n props: {\n languageTabs,\n inputText: inputText.props,\n textArea: textArea.props,\n cta: {\n label: 'Delete translation',\n type: 'delete',\n handleOnClick: () => {}\n },\n 'list-aria-label': 'Languages list'\n }\n};\n"],"file":"delete.js"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import test from 'ava';
|
|
2
|
+
import forEach from 'lodash/forEach';
|
|
3
|
+
import renderComponentMacro from '../../../test/helpers/render-component';
|
|
4
|
+
import OrganismPlaylistTranslation from '..';
|
|
5
|
+
import fixtureDefault from './fixtures/default';
|
|
6
|
+
import fixtureDelete from './fixtures/delete';
|
|
7
|
+
test('Organism › OrganismPlaylistTranslation > should have valid propTypes', t => {
|
|
8
|
+
t.pass();
|
|
9
|
+
forEach(OrganismPlaylistTranslation.propTypes, (value, key) => {
|
|
10
|
+
t.not(value, undefined, `PropType for "Organism.OrganismPlaylistTranslation.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
|
|
11
|
+
});
|
|
12
|
+
});
|
|
13
|
+
test('Organism › OrganismPlaylistTranslation › Default › should be rendered', renderComponentMacro, OrganismPlaylistTranslation, fixtureDefault);
|
|
14
|
+
test('Organism › OrganismPlaylistTranslation › Delete › should be rendered', renderComponentMacro, OrganismPlaylistTranslation, fixtureDelete);
|
|
15
|
+
//# sourceMappingURL=fixtures.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../src/organism/playlist-translation/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","OrganismPlaylistTranslation","fixtureDefault","fixtureDelete","t","pass","propTypes","value","key","not","undefined"],"mappings":"AAAA,OAAOA,IAAP,MAAiB,KAAjB;AACA,OAAOC,OAAP,MAAoB,gBAApB;AACA,OAAOC,oBAAP,MAAiC,wCAAjC;AACA,OAAOC,2BAAP,MAAwC,IAAxC;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,aAAP,MAA0B,mBAA1B;AAEAL,IAAI,CAAC,sEAAD,EAAyEM,CAAC,IAAI;AAChFA,EAAAA,CAAC,CAACC,IAAF;AACAN,EAAAA,OAAO,CAACE,2BAA2B,CAACK,SAA7B,EAAwC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AAC7DJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,gEAA+DF,GAAI,mEAA5F;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOAV,IAAI,CAAC,uEAAD,EAA0EE,oBAA1E,EAAgGC,2BAAhG,EAA6HC,cAA7H,CAAJ;AACAJ,IAAI,CAAC,sEAAD,EAAyEE,oBAAzE,EAA+FC,2BAA/F,EAA4HE,aAA5H,CAAJ","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"}
|
|
@@ -22,6 +22,7 @@ const buildResultView = (results, resultsAriaLabel, emptyMessages) => {
|
|
|
22
22
|
|
|
23
23
|
const items = results.map((result, index) => {
|
|
24
24
|
return /*#__PURE__*/React.createElement("li", {
|
|
25
|
+
className: style.result,
|
|
25
26
|
key: `result-${index}`
|
|
26
27
|
}, /*#__PURE__*/React.createElement(Chips, result));
|
|
27
28
|
}, results);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/organism/search-and-chips-results/index.js"],"names":["React","PropTypes","Search","ButtonLink","Chips","style","buildResultView","results","resultsAriaLabel","emptyMessages","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","shape","string","func","bool","arrayOf"],"mappings":";;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,MAAP,MAAmB,yBAAnB;AACA,OAAOC,UAAP,MAAuB,wBAAvB;AACA,OAAOC,KAAP,MAAkB,kBAAlB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,eAAe,GAAG,CAACC,OAAD,EAAUC,gBAAV,EAA4BC,aAA5B,KAA8C;AACpE,MAAI,SAAQF,OAAR,CAAJ,EAAsB;AACpB,wBACE;AAAK,MAAA,SAAS,EAAEF,KAAK,CAACK;AAAtB,oBACE;AAAM,MAAA,SAAS,EAAEL,KAAK,CAACM;AAAvB,OAA2CF,aAAa,CAACG,YAAzD,CADF,eAEE;AAAM,MAAA,SAAS,EAAEP,KAAK,CAACQ;AAAvB,OAA4CJ,aAAa,CAACK,aAA1D,CAFF,CADF;AAMD;;AAED,QAAMC,KAAK,GAAGR,OAAO,CAACS,GAAR,CAAY,CAACC,MAAD,EAASC,KAAT,KAAmB;AAC3C,wBACE;AAAI,MAAA,GAAG,EAAG,
|
|
1
|
+
{"version":3,"sources":["../../../src/organism/search-and-chips-results/index.js"],"names":["React","PropTypes","Search","ButtonLink","Chips","style","buildResultView","results","resultsAriaLabel","emptyMessages","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","shape","string","func","bool","arrayOf"],"mappings":";;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,MAAP,MAAmB,yBAAnB;AACA,OAAOC,UAAP,MAAuB,wBAAvB;AACA,OAAOC,KAAP,MAAkB,kBAAlB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,eAAe,GAAG,CAACC,OAAD,EAAUC,gBAAV,EAA4BC,aAA5B,KAA8C;AACpE,MAAI,SAAQF,OAAR,CAAJ,EAAsB;AACpB,wBACE;AAAK,MAAA,SAAS,EAAEF,KAAK,CAACK;AAAtB,oBACE;AAAM,MAAA,SAAS,EAAEL,KAAK,CAACM;AAAvB,OAA2CF,aAAa,CAACG,YAAzD,CADF,eAEE;AAAM,MAAA,SAAS,EAAEP,KAAK,CAACQ;AAAvB,OAA4CJ,aAAa,CAACK,aAA1D,CAFF,CADF;AAMD;;AAED,QAAMC,KAAK,GAAGR,OAAO,CAACS,GAAR,CAAY,CAACC,MAAD,EAASC,KAAT,KAAmB;AAC3C,wBACE;AAAI,MAAA,SAAS,EAAEb,KAAK,CAACY,MAArB;AAA6B,MAAA,GAAG,EAAG,UAASC,KAAM;AAAlD,oBACE,oBAAC,KAAD,EAAWD,MAAX,CADF,CADF;AAKD,GANa,EAMXV,OANW,CAAd;AAQA,sBAAO;AAAI,kBAAYC;AAAhB,KAAmCO,KAAnC,CAAP;AACD,CAnBD;;AAqBA,MAAMI,qBAAqB,GAAGC,KAAK,IAAI;AACrC,QAAM;AACJC,IAAAA,MADI;AAEJC,IAAAA,eAFI;AAGJf,IAAAA,OAHI;AAIJE,IAAAA,aAJI;AAKJ,0BAAsBD;AALlB,MAMFY,KANJ;AAQA,QAAM;AAACG,IAAAA,OAAD;AAAUC,IAAAA,KAAV;AAAiBC,IAAAA,QAAQ,GAAG,KAA5B;AAAmC,kBAAcC;AAAjD,MAA8DJ,eAApE;AACA,QAAMK,UAAU,GAAGrB,eAAe,CAACC,OAAD,EAAUC,gBAAV,EAA4BC,aAA5B,CAAlC;AACA,QAAMmB,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,EAAEpB,KAAK,CAAC2B;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAE3B,KAAK,CAAC4B;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAE5B,KAAK,CAAC6B;AAAtB,kBACE,oBAAC,UAAD,EAAgBN,WAAhB,CADF,CADF,eAIE;AAAK,IAAA,SAAS,EAAEvB,KAAK,CAACgB;AAAtB,kBACE,oBAAC,MAAD,eAAYA,MAAZ;AAAoB,IAAA,KAAK,EAAC;AAA1B,KADF,CAJF,CADF,eASE;AAAK,IAAA,SAAS,EAAEhB,KAAK,CAAC8B;AAAtB,KAAwCR,UAAxC,CATF,CADF;AAaD,CArCD;;AAuCAR,qBAAqB,CAACiB,SAAtB,2CAAkC;AAChCd,EAAAA,eAAe,EAAErB,SAAS,CAACoC,KAAV,CAAgB;AAC/Bb,IAAAA,KAAK,EAAEvB,SAAS,CAACqC,MADc;AAE/Bf,IAAAA,OAAO,EAAEtB,SAAS,CAACsC,IAFY;AAG/Bd,IAAAA,QAAQ,EAAExB,SAAS,CAACuC,IAHW;AAI/B,kBAAcvC,SAAS,CAACqC;AAJO,GAAhB,CADe;AAOhCjB,EAAAA,MAAM,EAAEpB,SAAS,CAACoC,KAAV,CAAgBnC,MAAM,CAACD,SAAvB,CAPwB;AAQhCM,EAAAA,OAAO,EAAEN,SAAS,CAACwC,OAAV,CAAkBxC,SAAS,CAACoC,KAAV,CAAgBjC,KAAK,CAACgC,SAAtB,CAAlB,CARuB;AAShC,wBAAsBnC,SAAS,CAACqC,MATA;AAUhC7B,EAAAA,aAAa,EAAER,SAAS,CAACoC,KAAV,CAAgB;AAC7BzB,IAAAA,YAAY,EAAEX,SAAS,CAACqC,MADK;AAE7BxB,IAAAA,aAAa,EAAEb,SAAS,CAACqC;AAFI,GAAhB;AAViB,CAAlC;AAgBA,eAAenB,qBAAf","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"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import test from 'ava';
|
|
2
|
+
import forEach from 'lodash/forEach';
|
|
3
|
+
import renderComponentMacro from '../../../test/helpers/render-component';
|
|
4
|
+
import OrganismSearchAndChipsResults from '..';
|
|
5
|
+
import fixtureDefault from './fixtures/default';
|
|
6
|
+
import fixtureEmpty from './fixtures/empty';
|
|
7
|
+
import fixtureFiltered from './fixtures/filtered';
|
|
8
|
+
import fixtureSortedSelected from './fixtures/sorted-selected';
|
|
9
|
+
import fixtureUnsortedSelected from './fixtures/unsorted-selected';
|
|
10
|
+
test('Organism › OrganismSearchAndChipsResults > should have valid propTypes', t => {
|
|
11
|
+
t.pass();
|
|
12
|
+
forEach(OrganismSearchAndChipsResults.propTypes, (value, key) => {
|
|
13
|
+
t.not(value, undefined, `PropType for "Organism.OrganismSearchAndChipsResults.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
|
|
14
|
+
});
|
|
15
|
+
});
|
|
16
|
+
test('Organism › OrganismSearchAndChipsResults › Default › should be rendered', renderComponentMacro, OrganismSearchAndChipsResults, fixtureDefault);
|
|
17
|
+
test('Organism › OrganismSearchAndChipsResults › Empty › should be rendered', renderComponentMacro, OrganismSearchAndChipsResults, fixtureEmpty);
|
|
18
|
+
test('Organism › OrganismSearchAndChipsResults › Filtered › should be rendered', renderComponentMacro, OrganismSearchAndChipsResults, fixtureFiltered);
|
|
19
|
+
test('Organism › OrganismSearchAndChipsResults › SortedSelected › should be rendered', renderComponentMacro, OrganismSearchAndChipsResults, fixtureSortedSelected);
|
|
20
|
+
test('Organism › OrganismSearchAndChipsResults › UnsortedSelected › should be rendered', renderComponentMacro, OrganismSearchAndChipsResults, fixtureUnsortedSelected);
|
|
21
|
+
//# sourceMappingURL=fixtures.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../src/organism/search-and-chips-results/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","OrganismSearchAndChipsResults","fixtureDefault","fixtureEmpty","fixtureFiltered","fixtureSortedSelected","fixtureUnsortedSelected","t","pass","propTypes","value","key","not","undefined"],"mappings":"AAAA,OAAOA,IAAP,MAAiB,KAAjB;AACA,OAAOC,OAAP,MAAoB,gBAApB;AACA,OAAOC,oBAAP,MAAiC,wCAAjC;AACA,OAAOC,6BAAP,MAA0C,IAA1C;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,YAAP,MAAyB,kBAAzB;AACA,OAAOC,eAAP,MAA4B,qBAA5B;AACA,OAAOC,qBAAP,MAAkC,4BAAlC;AACA,OAAOC,uBAAP,MAAoC,8BAApC;AAEAR,IAAI,CAAC,wEAAD,EAA2ES,CAAC,IAAI;AAClFA,EAAAA,CAAC,CAACC,IAAF;AACAT,EAAAA,OAAO,CAACE,6BAA6B,CAACQ,SAA/B,EAA0C,CAACC,KAAD,EAAQC,GAAR,KAAgB;AAC/DJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,kEAAiEF,GAAI,mEAA9F;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOAb,IAAI,CAAC,yEAAD,EAA4EE,oBAA5E,EAAkGC,6BAAlG,EAAiIC,cAAjI,CAAJ;AACAJ,IAAI,CAAC,uEAAD,EAA0EE,oBAA1E,EAAgGC,6BAAhG,EAA+HE,YAA/H,CAAJ;AACAL,IAAI,CAAC,0EAAD,EAA6EE,oBAA7E,EAAmGC,6BAAnG,EAAkIG,eAAlI,CAAJ;AACAN,IAAI,CAAC,gFAAD,EAAmFE,oBAAnF,EAAyGC,6BAAzG,EAAwII,qBAAxI,CAAJ;AACAP,IAAI,CAAC,kFAAD,EAAqFE,oBAArF,EAA2GC,6BAA3G,EAA0IK,uBAA1I,CAAJ","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport OrganismSearchAndChipsResults from '..';\nimport fixtureDefault from './fixtures/default';\nimport fixtureEmpty from './fixtures/empty';\nimport fixtureFiltered from './fixtures/filtered';\nimport fixtureSortedSelected from './fixtures/sorted-selected';\nimport fixtureUnsortedSelected from './fixtures/unsorted-selected';\n\ntest('Organism › OrganismSearchAndChipsResults > should have valid propTypes', t => {\n t.pass();\n forEach(OrganismSearchAndChipsResults.propTypes, (value, key) => {\n t.not(value, undefined, `PropType for \"Organism.OrganismSearchAndChipsResults.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n });\n});\n\ntest('Organism › OrganismSearchAndChipsResults › Default › should be rendered', renderComponentMacro, OrganismSearchAndChipsResults, fixtureDefault);\ntest('Organism › OrganismSearchAndChipsResults › Empty › should be rendered', renderComponentMacro, OrganismSearchAndChipsResults, fixtureEmpty);\ntest('Organism › OrganismSearchAndChipsResults › Filtered › should be rendered', renderComponentMacro, OrganismSearchAndChipsResults, fixtureFiltered);\ntest('Organism › OrganismSearchAndChipsResults › SortedSelected › should be rendered', renderComponentMacro, OrganismSearchAndChipsResults, fixtureSortedSelected);\ntest('Organism › OrganismSearchAndChipsResults › UnsortedSelected › should be rendered', renderComponentMacro, OrganismSearchAndChipsResults, fixtureUnsortedSelected);\n"],"file":"fixtures.js"}
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { NovaCompositionCoorpacademyTypeEye as EyeIcon, NovaCompositionCoorpacademyAnalytics as AnalyticsIcon, NovaSolidContentContentViewModule1 as ListIcon, NovaSolidLoginLogout1 as LogoutIcon } from '@coorpacademy/nova-icons';
|
|
3
2
|
import PropTypes from 'prop-types';
|
|
4
3
|
import classnames from 'classnames';
|
|
5
4
|
import Picture from '../../atom/picture';
|
|
6
5
|
import Link from '../../atom/link';
|
|
6
|
+
import ButtonLink from '../../atom/button-link';
|
|
7
|
+
import IconLink from '../../atom/button-link-icon-only';
|
|
7
8
|
import style from './style.css';
|
|
8
9
|
|
|
9
10
|
const SetupHeader = props => {
|
|
@@ -30,6 +31,66 @@ const SetupHeader = props => {
|
|
|
30
31
|
updateShow(false);
|
|
31
32
|
}
|
|
32
33
|
|
|
34
|
+
const platformListButtonProps = {
|
|
35
|
+
type: 'tertiary',
|
|
36
|
+
label: items.platformList.label,
|
|
37
|
+
'aria-label': items.platformList.label,
|
|
38
|
+
'data-name': `platform-list-button`,
|
|
39
|
+
link: {
|
|
40
|
+
href: items.platformList.href
|
|
41
|
+
},
|
|
42
|
+
icon: {
|
|
43
|
+
position: 'left',
|
|
44
|
+
type: 'list'
|
|
45
|
+
}
|
|
46
|
+
};
|
|
47
|
+
const platformListIconButtonProps = {
|
|
48
|
+
'aria-label': items.platformList.label,
|
|
49
|
+
'data-name': `platform-list-button`,
|
|
50
|
+
link: {
|
|
51
|
+
href: items.platformList.href
|
|
52
|
+
},
|
|
53
|
+
icon: 'list'
|
|
54
|
+
};
|
|
55
|
+
const goAnalyticsButtonProps = items.globalAnalytics && isDashboard === false ? {
|
|
56
|
+
type: 'secondary',
|
|
57
|
+
label: items.globalAnalytics.label,
|
|
58
|
+
'aria-label': items.globalAnalytics.label,
|
|
59
|
+
'data-name': `platform-list-button`,
|
|
60
|
+
link: {
|
|
61
|
+
href: items.globalAnalytics.href
|
|
62
|
+
},
|
|
63
|
+
icon: {
|
|
64
|
+
position: 'left',
|
|
65
|
+
type: 'analytics'
|
|
66
|
+
}
|
|
67
|
+
} : null;
|
|
68
|
+
const myPlatformButtonProps = {
|
|
69
|
+
type: 'primary',
|
|
70
|
+
label: items.platformList.label,
|
|
71
|
+
'aria-label': items.platformList.label,
|
|
72
|
+
'data-name': `platform-list-button`,
|
|
73
|
+
link: {
|
|
74
|
+
href
|
|
75
|
+
},
|
|
76
|
+
icon: {
|
|
77
|
+
position: 'left',
|
|
78
|
+
type: 'see'
|
|
79
|
+
}
|
|
80
|
+
};
|
|
81
|
+
const logoutButtonProps = {
|
|
82
|
+
type: 'text',
|
|
83
|
+
label: items.logOut.label,
|
|
84
|
+
'aria-label': items.logOut.label,
|
|
85
|
+
'data-name': `logout-list-button`,
|
|
86
|
+
link: {
|
|
87
|
+
href: items.logOut.href
|
|
88
|
+
},
|
|
89
|
+
icon: {
|
|
90
|
+
position: 'left',
|
|
91
|
+
type: 'logout'
|
|
92
|
+
}
|
|
93
|
+
};
|
|
33
94
|
return /*#__PURE__*/React.createElement("div", {
|
|
34
95
|
className: style.container
|
|
35
96
|
}, /*#__PURE__*/React.createElement("div", {
|
|
@@ -46,47 +107,33 @@ const SetupHeader = props => {
|
|
|
46
107
|
src: logoMobile
|
|
47
108
|
}))) : /*#__PURE__*/React.createElement("ul", {
|
|
48
109
|
className: style.list
|
|
49
|
-
}, /*#__PURE__*/React.createElement(
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
}), /*#__PURE__*/React.createElement("li", null, items.platformList.label)), !isDashboard ? /*#__PURE__*/React.createElement("li", {
|
|
110
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
111
|
+
className: classnames([style.button, style.platformList])
|
|
112
|
+
}, /*#__PURE__*/React.createElement(ButtonLink, platformListButtonProps)), /*#__PURE__*/React.createElement("div", {
|
|
113
|
+
className: style.platformListIcon
|
|
114
|
+
}, /*#__PURE__*/React.createElement(IconLink, platformListIconButtonProps)), !isDashboard ? /*#__PURE__*/React.createElement("li", {
|
|
55
115
|
className: classnames(style.element, style.platformName)
|
|
56
116
|
}, platformName) : null), /*#__PURE__*/React.createElement("ul", {
|
|
57
117
|
className: style.list
|
|
58
|
-
},
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
}), /*#__PURE__*/React.createElement("li", null, items.globalAnalytics.label)) : null, isHome || isDashboard ? null : /*#__PURE__*/React.createElement(Link, {
|
|
64
|
-
href: items.seeMyPlatform.href,
|
|
65
|
-
target: "_blank",
|
|
66
|
-
className: classnames(style.element, style.seeMyPlatform)
|
|
67
|
-
}, /*#__PURE__*/React.createElement(EyeIcon, {
|
|
68
|
-
className: style.icon
|
|
69
|
-
}), /*#__PURE__*/React.createElement("li", null, items.seeMyPlatform.label)), /*#__PURE__*/React.createElement("li", {
|
|
118
|
+
}, goAnalyticsButtonProps ? /*#__PURE__*/React.createElement("div", {
|
|
119
|
+
className: style.button
|
|
120
|
+
}, /*#__PURE__*/React.createElement(ButtonLink, goAnalyticsButtonProps)) : null, isDashboard || isHome ? null : /*#__PURE__*/React.createElement("div", {
|
|
121
|
+
className: style.button
|
|
122
|
+
}, /*#__PURE__*/React.createElement(ButtonLink, myPlatformButtonProps)), /*#__PURE__*/React.createElement("li", {
|
|
70
123
|
onMouseEnter: onMouseEnter,
|
|
71
124
|
className: style.profilePicture
|
|
72
125
|
}, /*#__PURE__*/React.createElement("img", {
|
|
73
126
|
src: image
|
|
74
|
-
})), /*#__PURE__*/React.createElement(
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
}, /*#__PURE__*/React.createElement(LogoutIcon, {
|
|
78
|
-
className: style.icon
|
|
79
|
-
}), /*#__PURE__*/React.createElement("li", null, items.logOut.label)))), /*#__PURE__*/React.createElement("div", {
|
|
127
|
+
})), /*#__PURE__*/React.createElement("div", {
|
|
128
|
+
className: style.logOut
|
|
129
|
+
}, /*#__PURE__*/React.createElement(ButtonLink, logoutButtonProps)))), /*#__PURE__*/React.createElement("div", {
|
|
80
130
|
"data-name": `logout-${show ? 'show' : 'hide'}`
|
|
81
131
|
}, /*#__PURE__*/React.createElement("div", {
|
|
82
132
|
className: style.arrowUp
|
|
83
|
-
}), /*#__PURE__*/React.createElement(
|
|
84
|
-
|
|
85
|
-
className: classnames(style.element, style.logOut),
|
|
133
|
+
}), /*#__PURE__*/React.createElement("div", {
|
|
134
|
+
className: style.logOut,
|
|
86
135
|
onMouseLeave: onMouseLeave
|
|
87
|
-
}, /*#__PURE__*/React.createElement(
|
|
88
|
-
className: style.icon
|
|
89
|
-
}), /*#__PURE__*/React.createElement("li", null, items.logOut.label))));
|
|
136
|
+
}, /*#__PURE__*/React.createElement(ButtonLink, logoutButtonProps))));
|
|
90
137
|
};
|
|
91
138
|
|
|
92
139
|
SetupHeader.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/organism/setup-header/index.js"],"names":["React","NovaCompositionCoorpacademyTypeEye","EyeIcon","NovaCompositionCoorpacademyAnalytics","AnalyticsIcon","NovaSolidContentContentViewModule1","ListIcon","NovaSolidLoginLogout1","LogoutIcon","PropTypes","classnames","Picture","Link","style","SetupHeader","props","show","updateShow","useState","platformName","items","href","user","logo","logoMobile","isHome","isDashboard","image","onMouseEnter","onMouseLeave","container","wrapper","logoDesktop","list","platformList","element","icon","label","globalAnalytics","seeMyPlatform","profilePicture","logOut","arrowUp","propTypes","shape","string","bool","username","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":["React","PropTypes","classnames","Picture","Link","ButtonLink","IconLink","style","SetupHeader","props","show","updateShow","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","container","wrapper","logoDesktop","list","button","platformListIcon","element","profilePicture","arrowUp","propTypes","shape","seeMyPlatform","string","bool","username","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 {
|
|
@@ -17,7 +17,6 @@ import fixtureLoading from './fixtures/loading';
|
|
|
17
17
|
import fixtureNegativeRank from './fixtures/negative-rank';
|
|
18
18
|
import fixtureNextCourse from './fixtures/next-course';
|
|
19
19
|
import fixtureNextLevelAdaptiveImg from './fixtures/next-level-adaptive-img';
|
|
20
|
-
import fixtureNextLevelAdaptiveVideo from './fixtures/next-level-adaptive-video';
|
|
21
20
|
import fixtureSimpleAction from './fixtures/simple-action';
|
|
22
21
|
import fixtureSubscribe from './fixtures/subscribe';
|
|
23
22
|
import fixtureWithLoadingRecommendations from './fixtures/with-loading-recommendations';
|
|
@@ -43,7 +42,6 @@ test('TemplateAppPlayer › TemplateAppPlayerPopinEnd › Loading › should be
|
|
|
43
42
|
test('TemplateAppPlayer › TemplateAppPlayerPopinEnd › NegativeRank › should be rendered', renderComponentMacro, TemplateAppPlayerPopinEnd, fixtureNegativeRank);
|
|
44
43
|
test('TemplateAppPlayer › TemplateAppPlayerPopinEnd › NextCourse › should be rendered', renderComponentMacro, TemplateAppPlayerPopinEnd, fixtureNextCourse);
|
|
45
44
|
test('TemplateAppPlayer › TemplateAppPlayerPopinEnd › NextLevelAdaptiveImg › should be rendered', renderComponentMacro, TemplateAppPlayerPopinEnd, fixtureNextLevelAdaptiveImg);
|
|
46
|
-
test('TemplateAppPlayer › TemplateAppPlayerPopinEnd › NextLevelAdaptiveVideo › should be rendered', renderComponentMacro, TemplateAppPlayerPopinEnd, fixtureNextLevelAdaptiveVideo);
|
|
47
45
|
test('TemplateAppPlayer › TemplateAppPlayerPopinEnd › SimpleAction › should be rendered', renderComponentMacro, TemplateAppPlayerPopinEnd, fixtureSimpleAction);
|
|
48
46
|
test('TemplateAppPlayer › TemplateAppPlayerPopinEnd › Subscribe › should be rendered', renderComponentMacro, TemplateAppPlayerPopinEnd, fixtureSubscribe);
|
|
49
47
|
test('TemplateAppPlayer › TemplateAppPlayerPopinEnd › WithLoadingRecommendations › should be rendered', renderComponentMacro, TemplateAppPlayerPopinEnd, fixtureWithLoadingRecommendations);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/template/app-player/popin-end/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","TemplateAppPlayerPopinEnd","fixtureAdaptive","fixtureArabicCorrect","fixtureArabicNextLevelAdaptiveImg","fixtureArabicWithRecommendations","fixtureCommentIsLoading","fixtureCommentSent","fixtureComment","fixtureCorrect","fixtureDefault","fixtureFail","fixtureInfiniteLives","fixtureLoading","fixtureNegativeRank","fixtureNextCourse","fixtureNextLevelAdaptiveImg","
|
|
1
|
+
{"version":3,"sources":["../../../../../src/template/app-player/popin-end/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","TemplateAppPlayerPopinEnd","fixtureAdaptive","fixtureArabicCorrect","fixtureArabicNextLevelAdaptiveImg","fixtureArabicWithRecommendations","fixtureCommentIsLoading","fixtureCommentSent","fixtureComment","fixtureCorrect","fixtureDefault","fixtureFail","fixtureInfiniteLives","fixtureLoading","fixtureNegativeRank","fixtureNextCourse","fixtureNextLevelAdaptiveImg","fixtureSimpleAction","fixtureSubscribe","fixtureWithLoadingRecommendations","fixtureWithRecommendations","t","pass","propTypes","value","key","not","undefined"],"mappings":"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","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../../test/helpers/render-component';\nimport TemplateAppPlayerPopinEnd from '..';\nimport fixtureAdaptive from './fixtures/adaptive';\nimport fixtureArabicCorrect from './fixtures/arabic-correct';\nimport fixtureArabicNextLevelAdaptiveImg from './fixtures/arabic-next-level-adaptive-img';\nimport fixtureArabicWithRecommendations from './fixtures/arabic-with-recommendations';\nimport fixtureCommentIsLoading from './fixtures/comment-is-loading';\nimport fixtureCommentSent from './fixtures/comment-sent';\nimport fixtureComment from './fixtures/comment';\nimport fixtureCorrect from './fixtures/correct';\nimport fixtureDefault from './fixtures/default';\nimport fixtureFail from './fixtures/fail';\nimport fixtureInfiniteLives from './fixtures/infinite-lives';\nimport fixtureLoading from './fixtures/loading';\nimport fixtureNegativeRank from './fixtures/negative-rank';\nimport fixtureNextCourse from './fixtures/next-course';\nimport fixtureNextLevelAdaptiveImg from './fixtures/next-level-adaptive-img';\nimport fixtureSimpleAction from './fixtures/simple-action';\nimport fixtureSubscribe from './fixtures/subscribe';\nimport fixtureWithLoadingRecommendations from './fixtures/with-loading-recommendations';\nimport fixtureWithRecommendations from './fixtures/with-recommendations';\n\ntest('TemplateAppPlayer › TemplateAppPlayerPopinEnd > should have valid propTypes', t => {\n t.pass();\n forEach(TemplateAppPlayerPopinEnd.propTypes, (value, key) => {\n t.not(value, undefined, `PropType for \"TemplateAppPlayer.TemplateAppPlayerPopinEnd.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n });\n});\n\ntest('TemplateAppPlayer › TemplateAppPlayerPopinEnd › Adaptive › should be rendered', renderComponentMacro, TemplateAppPlayerPopinEnd, fixtureAdaptive);\ntest('TemplateAppPlayer › TemplateAppPlayerPopinEnd › ArabicCorrect › should be rendered', renderComponentMacro, TemplateAppPlayerPopinEnd, fixtureArabicCorrect);\ntest('TemplateAppPlayer › TemplateAppPlayerPopinEnd › ArabicNextLevelAdaptiveImg › should be rendered', renderComponentMacro, TemplateAppPlayerPopinEnd, fixtureArabicNextLevelAdaptiveImg);\ntest('TemplateAppPlayer › TemplateAppPlayerPopinEnd › ArabicWithRecommendations › should be rendered', renderComponentMacro, TemplateAppPlayerPopinEnd, fixtureArabicWithRecommendations);\ntest('TemplateAppPlayer › TemplateAppPlayerPopinEnd › CommentIsLoading › should be rendered', renderComponentMacro, TemplateAppPlayerPopinEnd, fixtureCommentIsLoading);\ntest('TemplateAppPlayer › TemplateAppPlayerPopinEnd › CommentSent › should be rendered', renderComponentMacro, TemplateAppPlayerPopinEnd, fixtureCommentSent);\ntest('TemplateAppPlayer › TemplateAppPlayerPopinEnd › Comment › should be rendered', renderComponentMacro, TemplateAppPlayerPopinEnd, fixtureComment);\ntest('TemplateAppPlayer › TemplateAppPlayerPopinEnd › Correct › should be rendered', renderComponentMacro, TemplateAppPlayerPopinEnd, fixtureCorrect);\ntest('TemplateAppPlayer › TemplateAppPlayerPopinEnd › Default › should be rendered', renderComponentMacro, TemplateAppPlayerPopinEnd, fixtureDefault);\ntest('TemplateAppPlayer › TemplateAppPlayerPopinEnd › Fail › should be rendered', renderComponentMacro, TemplateAppPlayerPopinEnd, fixtureFail);\ntest('TemplateAppPlayer › TemplateAppPlayerPopinEnd › InfiniteLives › should be rendered', renderComponentMacro, TemplateAppPlayerPopinEnd, fixtureInfiniteLives);\ntest('TemplateAppPlayer › TemplateAppPlayerPopinEnd › Loading › should be rendered', renderComponentMacro, TemplateAppPlayerPopinEnd, fixtureLoading);\ntest('TemplateAppPlayer › TemplateAppPlayerPopinEnd › NegativeRank › should be rendered', renderComponentMacro, TemplateAppPlayerPopinEnd, fixtureNegativeRank);\ntest('TemplateAppPlayer › TemplateAppPlayerPopinEnd › NextCourse › should be rendered', renderComponentMacro, TemplateAppPlayerPopinEnd, fixtureNextCourse);\ntest('TemplateAppPlayer › TemplateAppPlayerPopinEnd › NextLevelAdaptiveImg › should be rendered', renderComponentMacro, TemplateAppPlayerPopinEnd, fixtureNextLevelAdaptiveImg);\ntest('TemplateAppPlayer › TemplateAppPlayerPopinEnd › SimpleAction › should be rendered', renderComponentMacro, TemplateAppPlayerPopinEnd, fixtureSimpleAction);\ntest('TemplateAppPlayer › TemplateAppPlayerPopinEnd › Subscribe › should be rendered', renderComponentMacro, TemplateAppPlayerPopinEnd, fixtureSubscribe);\ntest('TemplateAppPlayer › TemplateAppPlayerPopinEnd › WithLoadingRecommendations › should be rendered', renderComponentMacro, TemplateAppPlayerPopinEnd, fixtureWithLoadingRecommendations);\ntest('TemplateAppPlayer › TemplateAppPlayerPopinEnd › WithRecommendations › should be rendered', renderComponentMacro, TemplateAppPlayerPopinEnd, fixtureWithRecommendations);\n"],"file":"fixtures.js"}
|
|
@@ -2,7 +2,7 @@ import _map from "lodash/fp/map";
|
|
|
2
2
|
|
|
3
3
|
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
4
4
|
|
|
5
|
-
import React, { useState, useCallback } from 'react';
|
|
5
|
+
import React, { useState, useCallback, useMemo } from 'react';
|
|
6
6
|
import PropTypes from 'prop-types';
|
|
7
7
|
import MoocHeader from '../../organism/mooc-header';
|
|
8
8
|
import Cta from '../../atom/cta';
|
|
@@ -26,8 +26,9 @@ const TeamsDashboard = ({
|
|
|
26
26
|
}));
|
|
27
27
|
};
|
|
28
28
|
|
|
29
|
-
const sectionsList = _map(
|
|
30
|
-
|
|
29
|
+
const sectionsList = useMemo(() => _map.convert({
|
|
30
|
+
cap: false
|
|
31
|
+
})(buildSection, sections), [buildSection, sections]);
|
|
31
32
|
return isLoading ? /*#__PURE__*/React.createElement("div", {
|
|
32
33
|
className: style.loader
|
|
33
34
|
}, /*#__PURE__*/React.createElement(Loader, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/template/teams-dashboard/index.js"],"names":["React","useState","useCallback","PropTypes","MoocHeader","Cta","Loader","CardsList","style","TeamsDashboard","logo","platformLinks","sections","isLoading","isShadowed","setShadowed","onMenuOpen","onMenuClose","buildSection","section","index","title","sectionsList","loader","shadowedTeamsDashboard","teamsDashboard","sectionsWrapper","propTypes","arrayOf","shape","bool"],"mappings":";;;;AAAA,OAAOA,KAAP,IAAeC,QAAf,EAAyBC,WAAzB,
|
|
1
|
+
{"version":3,"sources":["../../../src/template/teams-dashboard/index.js"],"names":["React","useState","useCallback","useMemo","PropTypes","MoocHeader","Cta","Loader","CardsList","style","TeamsDashboard","logo","platformLinks","sections","isLoading","isShadowed","setShadowed","onMenuOpen","onMenuClose","buildSection","section","index","title","sectionsList","convert","cap","loader","shadowedTeamsDashboard","teamsDashboard","sectionsWrapper","propTypes","arrayOf","shape","bool"],"mappings":";;;;AAAA,OAAOA,KAAP,IAAeC,QAAf,EAAyBC,WAAzB,EAAsCC,OAAtC,QAAoD,OAApD;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,UAAP,MAAuB,4BAAvB;AACA,OAAOC,GAAP,MAAgB,gBAAhB;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,OAAOC,SAAP,MAAsB,qCAAtB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,cAAc,GAAG,CAAC;AAACC,EAAAA,IAAD;AAAOC,EAAAA,aAAP;AAAsBC,EAAAA,QAAtB;AAAgCC,EAAAA;AAAhC,CAAD,KAAgD;AACrE,QAAM,CAACC,UAAD,EAAaC,WAAb,IAA4Bf,QAAQ,CAAC,KAAD,CAA1C;AACA,QAAMgB,UAAU,GAAGf,WAAW,CAAC,MAAMc,WAAW,CAAC,IAAD,CAAlB,CAA9B;AACA,QAAME,WAAW,GAAGhB,WAAW,CAAC,MAAMc,WAAW,CAAC,KAAD,CAAlB,CAA/B;;AAEA,QAAMG,YAAY,GAAG,CAACC,OAAD,EAAUC,KAAV,KAAoB;AACvC,wBAAO,oBAAC,SAAD,eAAeD,OAAf;AAAwB,MAAA,GAAG,EAAEA,OAAO,CAACE,KAAR,GAAgBD;AAA7C,OAAP;AACD,GAFD;;AAGA,QAAME,YAAY,GAAGpB,OAAO,CAAC,MAAM,KAAIqB,OAAJ,CAAY;AAACC,IAAAA,GAAG,EAAE;AAAN,GAAZ,EAA0BN,YAA1B,EAAwCN,QAAxC,CAAP,EAA0D,CACpFM,YADoF,EAEpFN,QAFoF,CAA1D,CAA5B;AAIA,SAAOC,SAAS,gBACd;AAAK,IAAA,SAAS,EAAEL,KAAK,CAACiB;AAAtB,kBACE,oBAAC,MAAD;AAAQ,iBAAU;AAAlB,IADF,CADc,gBAKd;AACE,iBAAU,iBADZ;AAEE,IAAA,SAAS,EAAEX,UAAU,GAAGN,KAAK,CAACkB,sBAAT,GAAkClB,KAAK,CAACmB;AAF/D,kBAIE,oBAAC,UAAD;AACE,iBAAU,wBADZ;AAEE,IAAA,IAAI,EAAEjB,IAFR;AAGE,IAAA,KAAK,EAAEC,aAHT;AAIE,IAAA,UAAU,EAAEK,UAJd;AAKE,IAAA,WAAW,EAAEC;AALf,IAJF,eAWE;AAAK,iBAAU,kBAAf;AAAkC,IAAA,SAAS,EAAEH,UAAU,GAAGN,KAAK,CAACoB,eAAT,GAA2B;AAAlF,KACGN,YADH,CAXF,CALF;AAqBD,CAjCD;;AAmCAb,cAAc,CAACoB,SAAf,2CAA2B;AACzBnB,EAAAA,IAAI,EAAEN,UAAU,CAACyB,SAAX,CAAqBnB,IADF;AAEzBC,EAAAA,aAAa,EAAER,SAAS,CAAC2B,OAAV,CAAkB3B,SAAS,CAAC4B,KAAV,CAAgB1B,GAAG,CAACwB,SAApB,CAAlB,CAFU;AAGzBjB,EAAAA,QAAQ,EAAET,SAAS,CAAC2B,OAAV,CAAkB3B,SAAS,CAAC4B,KAAV,CAAgBxB,SAAS,CAACsB,SAA1B,CAAlB,CAHe;AAIzBhB,EAAAA,SAAS,EAAEV,SAAS,CAAC6B;AAJI,CAA3B;AAOA,eAAevB,cAAf","sourcesContent":["import React, {useState, useCallback, useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {map} from 'lodash/fp';\nimport MoocHeader from '../../organism/mooc-header';\nimport Cta from '../../atom/cta';\nimport Loader from '../../atom/loader';\nimport CardsList from '../../molecule/dashboard/cards-list';\nimport style from './style.css';\n\nconst TeamsDashboard = ({logo, platformLinks, sections, isLoading}) => {\n const [isShadowed, setShadowed] = useState(false);\n const onMenuOpen = useCallback(() => setShadowed(true));\n const onMenuClose = useCallback(() => setShadowed(false));\n\n const buildSection = (section, index) => {\n return <CardsList {...section} key={section.title + index} />;\n };\n const sectionsList = useMemo(() => map.convert({cap: false})(buildSection, sections), [\n buildSection,\n sections\n ]);\n return isLoading ? (\n <div className={style.loader}>\n <Loader data-name=\"teams-dashboard-loader\" />\n </div>\n ) : (\n <div\n data-name=\"teams-dashboard\"\n className={isShadowed ? style.shadowedTeamsDashboard : style.teamsDashboard}\n >\n <MoocHeader\n data-name=\"teams-dashboard-header\"\n logo={logo}\n links={platformLinks}\n onMenuOpen={onMenuOpen}\n onMenuClose={onMenuClose}\n />\n <div data-name=\"sections-wrapper\" className={isShadowed ? style.sectionsWrapper : null}>\n {sectionsList}\n </div>\n </div>\n );\n};\n\nTeamsDashboard.propTypes = {\n logo: MoocHeader.propTypes.logo,\n platformLinks: PropTypes.arrayOf(PropTypes.shape(Cta.propTypes)),\n sections: PropTypes.arrayOf(PropTypes.shape(CardsList.propTypes)),\n isLoading: PropTypes.bool\n};\n\nexport default TeamsDashboard;\n"],"file":"index.js"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { NovaSolidRemoveAddAddCircle1 as AddIcon, NovaCompositionCoorpacademyAnalytics as AnalyticsIcon, NovaSolidContentEditionBin as BinIcon, NovaCompositionCoorpacademyBulletPoint as BulletPointIcon, NovaCompositionNavigationArrowLeft as ChevronLeftIcon, NovaCompositionNavigationArrowRight as ChevronRightIcon, NovaSolidStatusClose as CloseIcon, NovaSolidContentEditionPencilWrite as EditIcon, NovaCompositionCoorpacademyEye as EyeIcon, NovaSolidComputersSdCard as SaveIcon, NovaSolidContentContentViewModule1 as ListIcon, NovaSolidLoginLogout1 as LogoutIcon } from '@coorpacademy/nova-icons';
|
|
2
|
+
export const ICONS = {
|
|
3
|
+
add: AddIcon,
|
|
4
|
+
analytics: AnalyticsIcon,
|
|
5
|
+
bin: BinIcon,
|
|
6
|
+
'bullet-point': BulletPointIcon,
|
|
7
|
+
'chevron-left': ChevronLeftIcon,
|
|
8
|
+
'chevron-right': ChevronRightIcon,
|
|
9
|
+
close: CloseIcon,
|
|
10
|
+
edit: EditIcon,
|
|
11
|
+
list: ListIcon,
|
|
12
|
+
logout: LogoutIcon,
|
|
13
|
+
save: SaveIcon,
|
|
14
|
+
see: EyeIcon
|
|
15
|
+
};
|
|
16
|
+
//# sourceMappingURL=button-icons.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/util/button-icons.js"],"names":["NovaSolidRemoveAddAddCircle1","AddIcon","NovaCompositionCoorpacademyAnalytics","AnalyticsIcon","NovaSolidContentEditionBin","BinIcon","NovaCompositionCoorpacademyBulletPoint","BulletPointIcon","NovaCompositionNavigationArrowLeft","ChevronLeftIcon","NovaCompositionNavigationArrowRight","ChevronRightIcon","NovaSolidStatusClose","CloseIcon","NovaSolidContentEditionPencilWrite","EditIcon","NovaCompositionCoorpacademyEye","EyeIcon","NovaSolidComputersSdCard","SaveIcon","NovaSolidContentContentViewModule1","ListIcon","NovaSolidLoginLogout1","LogoutIcon","ICONS","add","analytics","bin","close","edit","list","logout","save","see"],"mappings":"AAAA,SACEA,4BAA4B,IAAIC,OADlC,EAEEC,oCAAoC,IAAIC,aAF1C,EAGEC,0BAA0B,IAAIC,OAHhC,EAIEC,sCAAsC,IAAIC,eAJ5C,EAKEC,kCAAkC,IAAIC,eALxC,EAMEC,mCAAmC,IAAIC,gBANzC,EAOEC,oBAAoB,IAAIC,SAP1B,EAQEC,kCAAkC,IAAIC,QARxC,EASEC,8BAA8B,IAAIC,OATpC,EAUEC,wBAAwB,IAAIC,QAV9B,EAWEC,kCAAkC,IAAIC,QAXxC,EAYEC,qBAAqB,IAAIC,UAZ3B,QAaO,0BAbP;AAeA,OAAO,MAAMC,KAAK,GAAG;AACnBC,EAAAA,GAAG,EAAExB,OADc;AAEnByB,EAAAA,SAAS,EAAEvB,aAFQ;AAGnBwB,EAAAA,GAAG,EAAEtB,OAHc;AAInB,kBAAgBE,eAJG;AAKnB,kBAAgBE,eALG;AAMnB,mBAAiBE,gBANE;AAOnBiB,EAAAA,KAAK,EAAEf,SAPY;AAQnBgB,EAAAA,IAAI,EAAEd,QARa;AASnBe,EAAAA,IAAI,EAAET,QATa;AAUnBU,EAAAA,MAAM,EAAER,UAVW;AAWnBS,EAAAA,IAAI,EAAEb,QAXa;AAYnBc,EAAAA,GAAG,EAAEhB;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/es/variables/colors.css
CHANGED
|
@@ -52,7 +52,9 @@
|
|
|
52
52
|
@value cm_pink_50: #ffefeb;
|
|
53
53
|
@value cm_purple_200: #7340FF;
|
|
54
54
|
@value cm_yellow_scorm: #FFB800;
|
|
55
|
+
@value cm_yellow_100: #ffc043;
|
|
55
56
|
@value cm_yellow_200: #DB9200;
|
|
57
|
+
@value cm_yellow_400: #bd7e00;
|
|
56
58
|
@value cm_red_video: #E8335E;
|
|
57
59
|
@value cm_violet_podcast: #432ba7;
|
|
58
60
|
@value cm_warning_50: rgba(255, 192, 67, 0.13);
|