@coorpacademy/components 11.10.1 → 11.10.3-alpha.0
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/avatar/index.js +0 -1
- package/es/atom/avatar/index.js.map +1 -1
- package/es/atom/avatar/style.css +1 -0
- package/es/atom/card-image-preview/index.d.ts.map +1 -1
- package/es/atom/card-image-preview/index.js +3 -1
- package/es/atom/card-image-preview/index.js.map +1 -1
- package/es/atom/difficulty-level/index.js +4 -8
- package/es/atom/difficulty-level/index.js.map +1 -1
- package/es/atom/difficulty-level/style.css +1 -0
- package/es/atom/input-html/index.js +6 -2
- package/es/atom/input-html/index.js.map +1 -1
- package/es/atom/life/index.js +9 -3
- package/es/atom/life/index.js.map +1 -1
- package/es/atom/resource-miniature/index.js +3 -1
- package/es/atom/resource-miniature/index.js.map +1 -1
- package/es/molecule/audio/index.js +3 -1
- package/es/molecule/audio/index.js.map +1 -1
- package/es/molecule/battle-request/index.js +3 -1
- package/es/molecule/battle-request/index.js.map +1 -1
- package/es/molecule/brand-download-box/index.js +3 -1
- package/es/molecule/brand-download-box/index.js.map +1 -1
- package/es/molecule/brand-upload-box/index.js +3 -1
- package/es/molecule/brand-upload-box/index.js.map +1 -1
- package/es/molecule/card/favorite.js +6 -2
- package/es/molecule/card/favorite.js.map +1 -1
- package/es/molecule/card/index.d.ts.map +1 -1
- package/es/molecule/card/index.js +6 -2
- package/es/molecule/card/index.js.map +1 -1
- package/es/molecule/card/notification.js +3 -1
- package/es/molecule/card/notification.js.map +1 -1
- package/es/molecule/card-content/index.d.ts.map +1 -1
- package/es/molecule/card-content/index.js +1 -2
- package/es/molecule/card-content/index.js.map +1 -1
- package/es/molecule/card-content/style.css +1 -0
- package/es/molecule/dashboard/cards-list/index.js +9 -3
- package/es/molecule/dashboard/cards-list/index.js.map +1 -1
- package/es/molecule/discipline-partners/index.js +3 -1
- package/es/molecule/discipline-partners/index.js.map +1 -1
- package/es/molecule/drag-and-drop/overlay.js +3 -1
- package/es/molecule/drag-and-drop/overlay.js.map +1 -1
- package/es/molecule/drag-and-drop/upload-report.js +3 -1
- package/es/molecule/drag-and-drop/upload-report.js.map +1 -1
- package/es/molecule/filters/index.js +6 -2
- package/es/molecule/filters/index.js.map +1 -1
- package/es/molecule/pdf/index.js +3 -1
- package/es/molecule/pdf/index.js.map +1 -1
- package/es/molecule/questions/qcm-drag/index.d.ts.map +1 -1
- package/es/molecule/questions/qcm-drag/index.js +13 -7
- package/es/molecule/questions/qcm-drag/index.js.map +1 -1
- package/es/molecule/questions/qcm-drag/style.css +3 -0
- package/es/molecule/questions/qcm-graphic/index.d.ts.map +1 -1
- package/es/molecule/questions/qcm-graphic/index.js +12 -5
- package/es/molecule/questions/qcm-graphic/index.js.map +1 -1
- package/es/molecule/questions/qcm-graphic/style.css +3 -0
- package/es/molecule/resource-player/index.js +3 -1
- package/es/molecule/resource-player/index.js.map +1 -1
- package/es/molecule/search-form/index.js +3 -1
- package/es/molecule/search-form/index.js.map +1 -1
- package/es/molecule/select-multiple/index.js +6 -2
- package/es/molecule/select-multiple/index.js.map +1 -1
- package/es/molecule/setup-section/index.js +3 -1
- package/es/molecule/setup-section/index.js.map +1 -1
- package/es/molecule/table/index.js +6 -2
- package/es/molecule/table/index.js.map +1 -1
- package/es/molecule/titled-checkbox/index.js +1 -2
- package/es/molecule/titled-checkbox/index.js.map +1 -1
- package/es/molecule/titled-checkbox/style.css +1 -0
- package/es/molecule/uploading-file-progress/index.d.ts +35 -0
- package/es/molecule/uploading-file-progress/index.d.ts.map +1 -0
- package/es/molecule/uploading-file-progress/index.js +39 -0
- package/es/molecule/uploading-file-progress/index.js.map +1 -0
- package/es/molecule/uploading-file-progress/style.css +74 -0
- package/es/molecule/uploading-file-progress/types.d.ts +31 -0
- package/es/molecule/uploading-file-progress/types.d.ts.map +1 -0
- package/es/molecule/uploading-file-progress/types.js +31 -0
- package/es/molecule/uploading-file-progress/types.js.map +1 -0
- package/es/organism/accordion/coorp-manager/part/index.d.ts.map +1 -1
- package/es/organism/accordion/coorp-manager/part/index.js +13 -6
- package/es/organism/accordion/coorp-manager/part/index.js.map +1 -1
- package/es/organism/accordion/coorp-manager/part/style.css +1 -0
- package/es/organism/accordion/part/index.js +7 -4
- package/es/organism/accordion/part/index.js.map +1 -1
- package/es/organism/accordion/part/style.css +1 -0
- package/es/organism/brand-form/index.js +3 -1
- package/es/organism/brand-form/index.js.map +1 -1
- package/es/organism/get-the-app/index.js +3 -1
- package/es/organism/get-the-app/index.js.map +1 -1
- package/es/organism/mooc-header/index.d.ts +6 -0
- package/es/organism/mooc-header/index.d.ts.map +1 -1
- package/es/organism/mooc-header/index.js +91 -15
- package/es/organism/mooc-header/index.js.map +1 -1
- package/es/organism/mooc-header/style.css +45 -0
- package/es/organism/slider/index.js +6 -2
- package/es/organism/slider/index.js.map +1 -1
- package/es/template/activity/progression-item.js +12 -4
- package/es/template/activity/progression-item.js.map +1 -1
- package/es/template/activity/stars-summary.js +9 -3
- package/es/template/activity/stars-summary.js.map +1 -1
- package/es/template/app-player/player/slides/footer/index.d.ts.map +1 -1
- package/es/template/app-player/player/slides/footer/index.js +0 -1
- package/es/template/app-player/player/slides/footer/index.js.map +1 -1
- package/es/template/app-player/player/slides/header/learner.css +1 -0
- package/es/template/app-player/player/slides/header/learner.js +1 -2
- package/es/template/app-player/player/slides/header/learner.js.map +1 -1
- package/es/template/app-player/player/slides/header/microlearning.css +1 -0
- package/es/template/app-player/player/slides/header/microlearning.js +1 -2
- package/es/template/app-player/player/slides/header/microlearning.js.map +1 -1
- package/es/template/app-player/popin-correction/index.js +4 -3
- package/es/template/app-player/popin-correction/index.js.map +1 -1
- package/es/template/app-player/popin-correction/style.css +1 -0
- package/es/template/app-player/popin-end/summary.js +3 -1
- package/es/template/app-player/popin-end/summary.js.map +1 -1
- package/es/template/app-player/popin-header/index.js +6 -3
- package/es/template/app-player/popin-header/index.js.map +1 -1
- package/es/template/app-player/popin-header/style.css +1 -0
- package/es/template/back-office/brand-update/index.d.ts +29 -0
- package/es/template/back-office/brand-update/index.d.ts.map +1 -1
- package/es/template/back-office/brand-update/index.js +7 -0
- package/es/template/back-office/brand-update/index.js.map +1 -1
- package/es/template/teams-dashboard/index.d.ts +2 -0
- package/lib/atom/avatar/index.js +0 -1
- package/lib/atom/avatar/index.js.map +1 -1
- package/lib/atom/avatar/style.css +1 -0
- package/lib/atom/card-image-preview/index.d.ts.map +1 -1
- package/lib/atom/card-image-preview/index.js +3 -1
- package/lib/atom/card-image-preview/index.js.map +1 -1
- package/lib/atom/difficulty-level/index.js +4 -8
- package/lib/atom/difficulty-level/index.js.map +1 -1
- package/lib/atom/difficulty-level/style.css +1 -0
- package/lib/atom/input-html/index.js +6 -2
- package/lib/atom/input-html/index.js.map +1 -1
- package/lib/atom/life/index.js +9 -3
- package/lib/atom/life/index.js.map +1 -1
- package/lib/atom/resource-miniature/index.js +3 -1
- package/lib/atom/resource-miniature/index.js.map +1 -1
- package/lib/molecule/audio/index.js +3 -1
- package/lib/molecule/audio/index.js.map +1 -1
- package/lib/molecule/battle-request/index.js +3 -1
- package/lib/molecule/battle-request/index.js.map +1 -1
- package/lib/molecule/brand-download-box/index.js +3 -1
- package/lib/molecule/brand-download-box/index.js.map +1 -1
- package/lib/molecule/brand-upload-box/index.js +3 -1
- package/lib/molecule/brand-upload-box/index.js.map +1 -1
- package/lib/molecule/card/favorite.js +6 -2
- package/lib/molecule/card/favorite.js.map +1 -1
- package/lib/molecule/card/index.d.ts.map +1 -1
- package/lib/molecule/card/index.js +6 -2
- package/lib/molecule/card/index.js.map +1 -1
- package/lib/molecule/card/notification.js +3 -1
- package/lib/molecule/card/notification.js.map +1 -1
- package/lib/molecule/card-content/index.d.ts.map +1 -1
- package/lib/molecule/card-content/index.js +1 -2
- package/lib/molecule/card-content/index.js.map +1 -1
- package/lib/molecule/card-content/style.css +1 -0
- package/lib/molecule/dashboard/cards-list/index.js +9 -3
- package/lib/molecule/dashboard/cards-list/index.js.map +1 -1
- package/lib/molecule/discipline-partners/index.js +3 -1
- package/lib/molecule/discipline-partners/index.js.map +1 -1
- package/lib/molecule/drag-and-drop/overlay.js +3 -1
- package/lib/molecule/drag-and-drop/overlay.js.map +1 -1
- package/lib/molecule/drag-and-drop/upload-report.js +3 -1
- package/lib/molecule/drag-and-drop/upload-report.js.map +1 -1
- package/lib/molecule/filters/index.js +6 -2
- package/lib/molecule/filters/index.js.map +1 -1
- package/lib/molecule/pdf/index.js +3 -1
- package/lib/molecule/pdf/index.js.map +1 -1
- package/lib/molecule/questions/qcm-drag/index.d.ts.map +1 -1
- package/lib/molecule/questions/qcm-drag/index.js +13 -7
- package/lib/molecule/questions/qcm-drag/index.js.map +1 -1
- package/lib/molecule/questions/qcm-drag/style.css +3 -0
- package/lib/molecule/questions/qcm-graphic/index.d.ts.map +1 -1
- package/lib/molecule/questions/qcm-graphic/index.js +12 -5
- package/lib/molecule/questions/qcm-graphic/index.js.map +1 -1
- package/lib/molecule/questions/qcm-graphic/style.css +3 -0
- package/lib/molecule/resource-player/index.js +3 -1
- package/lib/molecule/resource-player/index.js.map +1 -1
- package/lib/molecule/search-form/index.js +3 -1
- package/lib/molecule/search-form/index.js.map +1 -1
- package/lib/molecule/select-multiple/index.js +6 -2
- package/lib/molecule/select-multiple/index.js.map +1 -1
- package/lib/molecule/setup-section/index.js +3 -1
- package/lib/molecule/setup-section/index.js.map +1 -1
- package/lib/molecule/table/index.js +6 -2
- package/lib/molecule/table/index.js.map +1 -1
- package/lib/molecule/titled-checkbox/index.js +1 -2
- package/lib/molecule/titled-checkbox/index.js.map +1 -1
- package/lib/molecule/titled-checkbox/style.css +1 -0
- package/lib/molecule/uploading-file-progress/index.d.ts +35 -0
- package/lib/molecule/uploading-file-progress/index.d.ts.map +1 -0
- package/lib/molecule/uploading-file-progress/index.js +51 -0
- package/lib/molecule/uploading-file-progress/index.js.map +1 -0
- package/lib/molecule/uploading-file-progress/style.css +74 -0
- package/lib/molecule/uploading-file-progress/types.d.ts +31 -0
- package/lib/molecule/uploading-file-progress/types.d.ts.map +1 -0
- package/lib/molecule/uploading-file-progress/types.js +41 -0
- package/lib/molecule/uploading-file-progress/types.js.map +1 -0
- package/lib/organism/accordion/coorp-manager/part/index.d.ts.map +1 -1
- package/lib/organism/accordion/coorp-manager/part/index.js +13 -6
- package/lib/organism/accordion/coorp-manager/part/index.js.map +1 -1
- package/lib/organism/accordion/coorp-manager/part/style.css +1 -0
- package/lib/organism/accordion/part/index.js +7 -4
- package/lib/organism/accordion/part/index.js.map +1 -1
- package/lib/organism/accordion/part/style.css +1 -0
- package/lib/organism/brand-form/index.js +3 -1
- package/lib/organism/brand-form/index.js.map +1 -1
- package/lib/organism/get-the-app/index.js +3 -1
- package/lib/organism/get-the-app/index.js.map +1 -1
- package/lib/organism/mooc-header/index.d.ts +6 -0
- package/lib/organism/mooc-header/index.d.ts.map +1 -1
- package/lib/organism/mooc-header/index.js +90 -14
- package/lib/organism/mooc-header/index.js.map +1 -1
- package/lib/organism/mooc-header/style.css +45 -0
- package/lib/organism/slider/index.js +6 -2
- package/lib/organism/slider/index.js.map +1 -1
- package/lib/template/activity/progression-item.js +12 -4
- package/lib/template/activity/progression-item.js.map +1 -1
- package/lib/template/activity/stars-summary.js +9 -3
- package/lib/template/activity/stars-summary.js.map +1 -1
- package/lib/template/app-player/player/slides/footer/index.d.ts.map +1 -1
- package/lib/template/app-player/player/slides/footer/index.js +0 -1
- package/lib/template/app-player/player/slides/footer/index.js.map +1 -1
- package/lib/template/app-player/player/slides/header/learner.css +1 -0
- package/lib/template/app-player/player/slides/header/learner.js +1 -2
- package/lib/template/app-player/player/slides/header/learner.js.map +1 -1
- package/lib/template/app-player/player/slides/header/microlearning.css +1 -0
- package/lib/template/app-player/player/slides/header/microlearning.js +1 -2
- package/lib/template/app-player/player/slides/header/microlearning.js.map +1 -1
- package/lib/template/app-player/popin-correction/index.js +4 -3
- package/lib/template/app-player/popin-correction/index.js.map +1 -1
- package/lib/template/app-player/popin-correction/style.css +1 -0
- package/lib/template/app-player/popin-end/summary.js +3 -1
- package/lib/template/app-player/popin-end/summary.js.map +1 -1
- package/lib/template/app-player/popin-header/index.js +6 -3
- package/lib/template/app-player/popin-header/index.js.map +1 -1
- package/lib/template/app-player/popin-header/style.css +1 -0
- package/lib/template/back-office/brand-update/index.d.ts +29 -0
- package/lib/template/back-office/brand-update/index.d.ts.map +1 -1
- package/lib/template/back-office/brand-update/index.js +8 -0
- package/lib/template/back-office/brand-update/index.js.map +1 -1
- package/lib/template/teams-dashboard/index.d.ts +2 -0
- package/locales/bs/global.json +1 -0
- package/locales/hy/global.json +1 -0
- package/package.json +3 -3
- package/locales/.mtslconfig.json +0 -1
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { Props } from './types';
|
|
3
|
+
declare const UploadingFileProgress: {
|
|
4
|
+
({ mainText, subText, progressionValue, leftButtonLink, rightButtonLink }: Props): JSX.Element;
|
|
5
|
+
propTypes: {
|
|
6
|
+
mainText: import("prop-types").Requireable<string>;
|
|
7
|
+
subText: import("prop-types").Requireable<string>;
|
|
8
|
+
imageUrl: import("prop-types").Requireable<any>;
|
|
9
|
+
progressionValue: import("prop-types").Requireable<number>;
|
|
10
|
+
leftButtonLink: import("prop-types").Requireable<import("prop-types").InferProps<{
|
|
11
|
+
type: import("prop-types").Requireable<string>;
|
|
12
|
+
label: import("prop-types").Requireable<string>;
|
|
13
|
+
ariaLabel: import("prop-types").Requireable<string>;
|
|
14
|
+
dataName: import("prop-types").Requireable<string>;
|
|
15
|
+
icon: import("prop-types").Requireable<import("prop-types").InferProps<{
|
|
16
|
+
position: import("prop-types").Requireable<string>;
|
|
17
|
+
type: import("prop-types").Requireable<string>;
|
|
18
|
+
}>>;
|
|
19
|
+
onClick: import("prop-types").Requireable<(...args: any[]) => any>;
|
|
20
|
+
}>>;
|
|
21
|
+
rightButtonLink: import("prop-types").Requireable<import("prop-types").InferProps<{
|
|
22
|
+
type: import("prop-types").Requireable<string>;
|
|
23
|
+
label: import("prop-types").Requireable<string>;
|
|
24
|
+
ariaLabel: import("prop-types").Requireable<string>;
|
|
25
|
+
dataName: import("prop-types").Requireable<string>;
|
|
26
|
+
icon: import("prop-types").Requireable<import("prop-types").InferProps<{
|
|
27
|
+
position: import("prop-types").Requireable<string>;
|
|
28
|
+
type: import("prop-types").Requireable<string>;
|
|
29
|
+
}>>;
|
|
30
|
+
onClick: import("prop-types").Requireable<(...args: any[]) => any>;
|
|
31
|
+
}>>;
|
|
32
|
+
};
|
|
33
|
+
};
|
|
34
|
+
export default UploadingFileProgress;
|
|
35
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/uploading-file-progress/index.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAC,KAAK,EAAY,MAAM,SAAS,CAAC;AAEzC,QAAA,MAAM,qBAAqB;+EAMxB,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmBP,CAAC;AAIF,eAAe,qBAAqB,CAAC"}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
|
|
2
|
+
|
|
3
|
+
import React from 'react';
|
|
4
|
+
import ButtonLink from '../../atom/button-link';
|
|
5
|
+
import Loader from '../../atom/loader';
|
|
6
|
+
import style from './style.css';
|
|
7
|
+
import { propTypes } from './types';
|
|
8
|
+
|
|
9
|
+
const UploadingFileProgress = ({
|
|
10
|
+
mainText,
|
|
11
|
+
subText,
|
|
12
|
+
progressionValue,
|
|
13
|
+
leftButtonLink,
|
|
14
|
+
rightButtonLink
|
|
15
|
+
}) => /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
|
|
16
|
+
className: style.loaderWrapper
|
|
17
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
18
|
+
className: style.loader
|
|
19
|
+
}, /*#__PURE__*/React.createElement(Loader, {
|
|
20
|
+
theme: "coorpmanager"
|
|
21
|
+
}))), /*#__PURE__*/React.createElement("div", {
|
|
22
|
+
className: style.container
|
|
23
|
+
}, /*#__PURE__*/React.createElement("p", {
|
|
24
|
+
className: style.mainText
|
|
25
|
+
}, mainText, /*#__PURE__*/React.createElement("span", {
|
|
26
|
+
className: style.progressionValue
|
|
27
|
+
}, " ", progressionValue, "%")), /*#__PURE__*/React.createElement("p", {
|
|
28
|
+
className: style.subText
|
|
29
|
+
}, subText), /*#__PURE__*/React.createElement("div", {
|
|
30
|
+
className: style.buttonContainer
|
|
31
|
+
}, /*#__PURE__*/React.createElement(ButtonLink, _extends({}, leftButtonLink, {
|
|
32
|
+
className: style.leftButtonLink
|
|
33
|
+
})), /*#__PURE__*/React.createElement(ButtonLink, _extends({}, rightButtonLink, {
|
|
34
|
+
className: style.rightButtonLink
|
|
35
|
+
})))));
|
|
36
|
+
|
|
37
|
+
UploadingFileProgress.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
|
|
38
|
+
export default UploadingFileProgress;
|
|
39
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","names":["React","ButtonLink","Loader","style","propTypes","UploadingFileProgress","mainText","subText","progressionValue","leftButtonLink","rightButtonLink","loaderWrapper","loader","container","buttonContainer"],"sources":["../../../src/molecule/uploading-file-progress/index.tsx"],"sourcesContent":["import React from 'react';\nimport ButtonLink from '../../atom/button-link';\nimport Loader from '../../atom/loader';\nimport style from './style.css';\nimport {Props, propTypes} from './types';\n\nconst UploadingFileProgress = ({\n mainText,\n subText,\n progressionValue,\n leftButtonLink,\n rightButtonLink\n}: Props) => (\n <div>\n <div className={style.loaderWrapper}>\n <div className={style.loader}>\n <Loader theme=\"coorpmanager\" />\n </div>\n </div>\n <div className={style.container}>\n <p className={style.mainText}>\n {mainText}\n <span className={style.progressionValue}> {progressionValue}%</span>\n </p>\n <p className={style.subText}>{subText}</p>\n <div className={style.buttonContainer}>\n <ButtonLink {...leftButtonLink} className={style.leftButtonLink} />\n <ButtonLink {...rightButtonLink} className={style.rightButtonLink} />\n </div>\n </div>\n </div>\n);\n\nUploadingFileProgress.propTypes = propTypes;\n\nexport default UploadingFileProgress;\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,UAAP,MAAuB,wBAAvB;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,OAAOC,KAAP,MAAkB,aAAlB;AACA,SAAeC,SAAf,QAA+B,SAA/B;;AAEA,MAAMC,qBAAqB,GAAG,CAAC;EAC7BC,QAD6B;EAE7BC,OAF6B;EAG7BC,gBAH6B;EAI7BC,cAJ6B;EAK7BC;AAL6B,CAAD,kBAO5B,8CACE;EAAK,SAAS,EAAEP,KAAK,CAACQ;AAAtB,gBACE;EAAK,SAAS,EAAER,KAAK,CAACS;AAAtB,gBACE,oBAAC,MAAD;EAAQ,KAAK,EAAC;AAAd,EADF,CADF,CADF,eAME;EAAK,SAAS,EAAET,KAAK,CAACU;AAAtB,gBACE;EAAG,SAAS,EAAEV,KAAK,CAACG;AAApB,GACGA,QADH,eAEE;EAAM,SAAS,EAAEH,KAAK,CAACK;AAAvB,QAA2CA,gBAA3C,MAFF,CADF,eAKE;EAAG,SAAS,EAAEL,KAAK,CAACI;AAApB,GAA8BA,OAA9B,CALF,eAME;EAAK,SAAS,EAAEJ,KAAK,CAACW;AAAtB,gBACE,oBAAC,UAAD,eAAgBL,cAAhB;EAAgC,SAAS,EAAEN,KAAK,CAACM;AAAjD,GADF,eAEE,oBAAC,UAAD,eAAgBC,eAAhB;EAAiC,SAAS,EAAEP,KAAK,CAACO;AAAlD,GAFF,CANF,CANF,CAPF;;AA2BAL,qBAAqB,CAACD,SAAtB,2CAAkCA,SAAlC;AAEA,eAAeC,qBAAf"}
|
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
@value colors: "../../variables/colors.css";
|
|
2
|
+
@value cm_grey_800: from colors;
|
|
3
|
+
@value cm_grey_400: from colors;
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
.container {
|
|
7
|
+
display: flex;
|
|
8
|
+
flex-direction: column;
|
|
9
|
+
height: 100%;
|
|
10
|
+
justify-content: center;
|
|
11
|
+
overflow: hidden;
|
|
12
|
+
text-align: center;
|
|
13
|
+
width: 100%;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
.loaderWrapper {
|
|
17
|
+
position: relative;
|
|
18
|
+
width: 100%;
|
|
19
|
+
display: flex;
|
|
20
|
+
flex-direction: column;
|
|
21
|
+
justify-content: center;
|
|
22
|
+
align-items: center;
|
|
23
|
+
border-radius: 7px;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
.loader {
|
|
27
|
+
margin-bottom: 8px;
|
|
28
|
+
height: 32px;
|
|
29
|
+
width: 32px;
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
.text {
|
|
33
|
+
font-family: 'Gilroy';
|
|
34
|
+
margin: 0 auto 0 auto;
|
|
35
|
+
}
|
|
36
|
+
.mainText {
|
|
37
|
+
composes: text;
|
|
38
|
+
color: cm_grey_800;
|
|
39
|
+
font-weight: 600;
|
|
40
|
+
font-size: 24px;
|
|
41
|
+
line-height: 32px;
|
|
42
|
+
padding-top: 36px;
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
.subText {
|
|
46
|
+
composes: text;
|
|
47
|
+
color: cm_grey_400;
|
|
48
|
+
font-weight: 400;
|
|
49
|
+
font-size: 16px;
|
|
50
|
+
line-height: 24px;
|
|
51
|
+
padding-top: 4px;
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
.progressionValue {
|
|
55
|
+
color: cm_grey_400;
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
.buttonContainer {
|
|
59
|
+
display: flex;
|
|
60
|
+
justify-content: center;
|
|
61
|
+
padding-top: 32px;
|
|
62
|
+
width: 100%;
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
.leftButtonLink {
|
|
66
|
+
width: 152px;
|
|
67
|
+
height: 44px;
|
|
68
|
+
margin-left: 0;
|
|
69
|
+
}
|
|
70
|
+
.rightButtonLink {
|
|
71
|
+
width: 152px;
|
|
72
|
+
height: 44px;
|
|
73
|
+
margin-left: 20px;
|
|
74
|
+
}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import PropTypes from 'prop-types';
|
|
2
|
+
export declare const propTypes: {
|
|
3
|
+
mainText: PropTypes.Requireable<string>;
|
|
4
|
+
subText: PropTypes.Requireable<string>;
|
|
5
|
+
imageUrl: PropTypes.Requireable<any>;
|
|
6
|
+
progressionValue: PropTypes.Requireable<number>;
|
|
7
|
+
leftButtonLink: PropTypes.Requireable<PropTypes.InferProps<{
|
|
8
|
+
type: PropTypes.Requireable<string>;
|
|
9
|
+
label: PropTypes.Requireable<string>;
|
|
10
|
+
ariaLabel: PropTypes.Requireable<string>;
|
|
11
|
+
dataName: PropTypes.Requireable<string>;
|
|
12
|
+
icon: PropTypes.Requireable<PropTypes.InferProps<{
|
|
13
|
+
position: PropTypes.Requireable<string>;
|
|
14
|
+
type: PropTypes.Requireable<string>;
|
|
15
|
+
}>>;
|
|
16
|
+
onClick: PropTypes.Requireable<(...args: any[]) => any>;
|
|
17
|
+
}>>;
|
|
18
|
+
rightButtonLink: PropTypes.Requireable<PropTypes.InferProps<{
|
|
19
|
+
type: PropTypes.Requireable<string>;
|
|
20
|
+
label: PropTypes.Requireable<string>;
|
|
21
|
+
ariaLabel: PropTypes.Requireable<string>;
|
|
22
|
+
dataName: PropTypes.Requireable<string>;
|
|
23
|
+
icon: PropTypes.Requireable<PropTypes.InferProps<{
|
|
24
|
+
position: PropTypes.Requireable<string>;
|
|
25
|
+
type: PropTypes.Requireable<string>;
|
|
26
|
+
}>>;
|
|
27
|
+
onClick: PropTypes.Requireable<(...args: any[]) => any>;
|
|
28
|
+
}>>;
|
|
29
|
+
};
|
|
30
|
+
export declare type Props = PropTypes.InferProps<typeof propTypes>;
|
|
31
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/molecule/uploading-file-progress/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAGnC,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2BrB,CAAC;AAEF,oBAAY,KAAK,GAAG,SAAS,CAAC,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import PropTypes from 'prop-types';
|
|
2
|
+
import Picture from '../../atom/picture';
|
|
3
|
+
export const propTypes = {
|
|
4
|
+
mainText: PropTypes.string,
|
|
5
|
+
subText: PropTypes.string,
|
|
6
|
+
imageUrl: Picture.propTypes.src,
|
|
7
|
+
progressionValue: PropTypes.number,
|
|
8
|
+
leftButtonLink: PropTypes.shape({
|
|
9
|
+
type: PropTypes.string,
|
|
10
|
+
label: PropTypes.string,
|
|
11
|
+
ariaLabel: PropTypes.string,
|
|
12
|
+
dataName: PropTypes.string,
|
|
13
|
+
icon: PropTypes.shape({
|
|
14
|
+
position: PropTypes.string,
|
|
15
|
+
type: PropTypes.string
|
|
16
|
+
}),
|
|
17
|
+
onClick: PropTypes.func
|
|
18
|
+
}),
|
|
19
|
+
rightButtonLink: PropTypes.shape({
|
|
20
|
+
type: PropTypes.string,
|
|
21
|
+
label: PropTypes.string,
|
|
22
|
+
ariaLabel: PropTypes.string,
|
|
23
|
+
dataName: PropTypes.string,
|
|
24
|
+
icon: PropTypes.shape({
|
|
25
|
+
position: PropTypes.string,
|
|
26
|
+
type: PropTypes.string
|
|
27
|
+
}),
|
|
28
|
+
onClick: PropTypes.func
|
|
29
|
+
})
|
|
30
|
+
};
|
|
31
|
+
//# sourceMappingURL=types.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","names":["PropTypes","Picture","propTypes","mainText","string","subText","imageUrl","src","progressionValue","number","leftButtonLink","shape","type","label","ariaLabel","dataName","icon","position","onClick","func","rightButtonLink"],"sources":["../../../src/molecule/uploading-file-progress/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport Picture from '../../atom/picture';\n\nexport const propTypes = {\n mainText: PropTypes.string,\n subText: PropTypes.string,\n imageUrl: Picture.propTypes.src,\n progressionValue: PropTypes.number,\n leftButtonLink: PropTypes.shape({\n type: PropTypes.string,\n label: PropTypes.string,\n ariaLabel: PropTypes.string,\n dataName: PropTypes.string,\n icon: PropTypes.shape({\n position: PropTypes.string,\n type: PropTypes.string\n }),\n onClick: PropTypes.func\n }),\n rightButtonLink: PropTypes.shape({\n type: PropTypes.string,\n label: PropTypes.string,\n ariaLabel: PropTypes.string,\n dataName: PropTypes.string,\n icon: PropTypes.shape({\n position: PropTypes.string,\n type: PropTypes.string\n }),\n onClick: PropTypes.func\n })\n};\n\nexport type Props = PropTypes.InferProps<typeof propTypes>;\n"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AACA,OAAOC,OAAP,MAAoB,oBAApB;AAEA,OAAO,MAAMC,SAAS,GAAG;EACvBC,QAAQ,EAAEH,SAAS,CAACI,MADG;EAEvBC,OAAO,EAAEL,SAAS,CAACI,MAFI;EAGvBE,QAAQ,EAAEL,OAAO,CAACC,SAAR,CAAkBK,GAHL;EAIvBC,gBAAgB,EAAER,SAAS,CAACS,MAJL;EAKvBC,cAAc,EAAEV,SAAS,CAACW,KAAV,CAAgB;IAC9BC,IAAI,EAAEZ,SAAS,CAACI,MADc;IAE9BS,KAAK,EAAEb,SAAS,CAACI,MAFa;IAG9BU,SAAS,EAAEd,SAAS,CAACI,MAHS;IAI9BW,QAAQ,EAAEf,SAAS,CAACI,MAJU;IAK9BY,IAAI,EAAEhB,SAAS,CAACW,KAAV,CAAgB;MACpBM,QAAQ,EAAEjB,SAAS,CAACI,MADA;MAEpBQ,IAAI,EAAEZ,SAAS,CAACI;IAFI,CAAhB,CALwB;IAS9Bc,OAAO,EAAElB,SAAS,CAACmB;EATW,CAAhB,CALO;EAgBvBC,eAAe,EAAEpB,SAAS,CAACW,KAAV,CAAgB;IAC/BC,IAAI,EAAEZ,SAAS,CAACI,MADe;IAE/BS,KAAK,EAAEb,SAAS,CAACI,MAFc;IAG/BU,SAAS,EAAEd,SAAS,CAACI,MAHU;IAI/BW,QAAQ,EAAEf,SAAS,CAACI,MAJW;IAK/BY,IAAI,EAAEhB,SAAS,CAACW,KAAV,CAAgB;MACpBM,QAAQ,EAAEjB,SAAS,CAACI,MADA;MAEpBQ,IAAI,EAAEZ,SAAS,CAACI;IAFI,CAAhB,CALyB;IAS/Bc,OAAO,EAAElB,SAAS,CAACmB;EATY,CAAhB;AAhBM,CAAlB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/organism/accordion/coorp-manager/part/index.js"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/organism/accordion/coorp-manager/part/index.js"],"names":[],"mappings":";AAwHA,sEAkEC"}
|
|
@@ -52,10 +52,14 @@ const MoreLessIcons = ({
|
|
|
52
52
|
}) => {
|
|
53
53
|
return type !== 'iconLink' ? /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(ArrowIcon, {
|
|
54
54
|
className: moreClassName,
|
|
55
|
-
|
|
55
|
+
style: {
|
|
56
|
+
color: darkColor
|
|
57
|
+
}
|
|
56
58
|
}), /*#__PURE__*/React.createElement(ArrowIcon, {
|
|
57
59
|
className: lessClassName,
|
|
58
|
-
|
|
60
|
+
style: {
|
|
61
|
+
color: mediumColor
|
|
62
|
+
}
|
|
59
63
|
})) : /*#__PURE__*/React.createElement(OpenInNewTabIcon, {
|
|
60
64
|
className: style.newTabIcon
|
|
61
65
|
});
|
|
@@ -106,18 +110,21 @@ const Part = ({
|
|
|
106
110
|
"data-name": "title",
|
|
107
111
|
className: style.title
|
|
108
112
|
}, Icon ? /*#__PURE__*/React.createElement(Icon, {
|
|
109
|
-
className: classnames(style.titleIcon, iconColor, hoverIconColor)
|
|
110
|
-
color: "inherit"
|
|
113
|
+
className: classnames(style.titleIcon, iconColor, hoverIconColor)
|
|
111
114
|
}) : null, /*#__PURE__*/React.createElement("h3", {
|
|
112
115
|
className: classnames(style.titleLabel, selectedBlackLabel)
|
|
113
116
|
}, title, isLink ? /*#__PURE__*/React.createElement(OpenInNewTabIcon, {
|
|
114
117
|
className: style.newTabIcon
|
|
115
118
|
}) : null)), isCollapsible ? /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(ArrowIcon, {
|
|
116
119
|
className: moreClassName,
|
|
117
|
-
|
|
120
|
+
style: {
|
|
121
|
+
color: darkColor
|
|
122
|
+
}
|
|
118
123
|
}), /*#__PURE__*/React.createElement(ArrowIcon, {
|
|
119
124
|
className: lessClassName,
|
|
120
|
-
|
|
125
|
+
style: {
|
|
126
|
+
color: mediumColor
|
|
127
|
+
}
|
|
121
128
|
})) : null), isCollapsible ? children : null)));
|
|
122
129
|
};
|
|
123
130
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["React","PropTypes","classnames","NovaSolidLightsLightbulb4","LightBulbIcon","NovaCompositionNavigationArrowDown","ArrowIcon","NovaCompositionCoorpacademyOpenInNewTab","OpenInNewTabIcon","NovaCompositionCoorpacademyDashboard","DashboardIcon","NovaCompositionCoorpacademyAnalytics","AnalyticsIcon","NovaCompositionCoorpacademyAnimation","AnimationIcon","NovaCompositionCoorpacademyAdministration","AdministrationIcon","NovaCompositionCoorpacademyContentCreation","ContentCreationIcon","NovaCompositionCoorpacademyEditorialization","EditorializationIcon","Link","Provider","style","ICON_TYPES","arrow","dashboard","analytics","administration","animation","contentCreation","editorialization","defaultStyle","titleIcon","label","titleLabel","selectedLabel","title","setupTitle","container","openHeader","closedHeader","default","setupThemeStyle","titleActivatedIcon","setupTitleActivatedIcon","setupTitleLabel","setupSelectedTitleLabel","setupSelectedTitle","selectedTitle","setupContainer","coorpManagerOpenHeader","coorpManagerClosedHeader","MoreLessIcons","type","moreClassName","lessClassName","darkColor","mediumColor","newTabIcon","Part","skin","selected","iconType","onParentClick","onClick","isOpen","children","theme","openIconActivated","openIcon","closeIconActivated","closeIcon","iconColor","iconBlue","iconGrey","hoverIconColor","blueTitleIcon","selectedBlackLabel","labelBlack","Icon","isLink","isCollapsible","wrapper","border","borderBgBlue","borderBgNone","flex","setupPart","header","AccordionPart","props","context","content","href","onUpdateOpenedTab","themeStyle","handleParentClick","isCollapsibleTab","textDecoration","contextTypes","childContextTypes","propTypes","oneOf","string","node","func","bool"],"sources":["../../../../../src/organism/accordion/coorp-manager/part/index.js"],"sourcesContent":["import React from 'react';\nimport {noop, keys, get} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {\n NovaSolidLightsLightbulb4 as LightBulbIcon,\n NovaCompositionNavigationArrowDown as ArrowIcon,\n NovaCompositionCoorpacademyOpenInNewTab as OpenInNewTabIcon,\n NovaCompositionCoorpacademyDashboard as DashboardIcon,\n NovaCompositionCoorpacademyAnalytics as AnalyticsIcon,\n NovaCompositionCoorpacademyAnimation as AnimationIcon,\n NovaCompositionCoorpacademyAdministration as AdministrationIcon,\n NovaCompositionCoorpacademyContentCreation as ContentCreationIcon,\n NovaCompositionCoorpacademyEditorialization as EditorializationIcon\n} from '@coorpacademy/nova-icons';\nimport Link from '../../../../atom/link';\nimport Provider from '../../../../atom/provider';\nimport style from './style.css';\n\nconst ICON_TYPES = {\n arrow: LightBulbIcon,\n dashboard: DashboardIcon,\n analytics: AnalyticsIcon,\n administration: AdministrationIcon,\n animation: AnimationIcon,\n contentCreation: ContentCreationIcon,\n editorialization: EditorializationIcon\n};\n\nconst defaultStyle = {\n titleIcon: style.titleIcon,\n label: style.titleLabel,\n selectedLabel: style.titleLabel,\n title: style.setupTitle,\n container: style.container,\n openHeader: style.openHeader,\n closedHeader: style.closedHeader,\n default: null\n};\n\nconst setupThemeStyle = {\n titleIcon: style.titleIcon,\n titleActivatedIcon: style.setupTitleActivatedIcon,\n label: style.setupTitleLabel,\n selectedLabel: style.setupSelectedTitleLabel,\n setupSelectedTitle: style.setupSelectedTitle,\n selectedTitle: style.selectedTitle,\n title: style.setupTitle,\n container: style.setupContainer,\n openHeader: style.coorpManagerOpenHeader,\n closedHeader: style.coorpManagerClosedHeader\n};\n\nconst MoreLessIcons = ({type, moreClassName, lessClassName, darkColor, mediumColor}) => {\n return type !== 'iconLink' ? (\n <div>\n <ArrowIcon className={moreClassName} color={darkColor} />\n <ArrowIcon className={lessClassName} color={mediumColor} />\n </div>\n ) : (\n <OpenInNewTabIcon className={style.newTabIcon} />\n );\n};\n\nconst Part = ({\n skin,\n selected,\n iconType,\n onParentClick,\n onClick,\n isOpen,\n title,\n type,\n children,\n theme\n}) => {\n const darkColor = get('common.dark', skin);\n const mediumColor = get('common.medium', skin);\n const lessClassName = isOpen ? style.openIconActivated : style.openIcon;\n const moreClassName = !isOpen ? style.closeIconActivated : style.closeIcon;\n const iconColor = selected ? style.iconBlue : style.iconGrey;\n const hoverIconColor = selected && style.blueTitleIcon;\n const selectedBlackLabel = selected && style.labelBlack;\n const Icon = ICON_TYPES[iconType];\n const isLink = type === 'iconLink';\n const isCollapsible = type === 'collapsibleTab';\n\n return (\n <div className={style.wrapper}>\n {theme === 'setup' ? (\n <div\n className={classnames(style.border, selected ? style.borderBgBlue : style.borderBgNone)}\n />\n ) : null}\n <div data-type={iconType} onClick={onParentClick} style={{flex: 1}}>\n <div data-name=\"accordionPart\" className={style.setupPart}>\n <div className={style.header} data-type={iconType} onClick={onClick}>\n <div data-name=\"title\" className={style.title}>\n {Icon ? (\n <Icon\n className={classnames(style.titleIcon, iconColor, hoverIconColor)}\n color=\"inherit\"\n />\n ) : null}\n <h3 className={classnames(style.titleLabel, selectedBlackLabel)}>\n {title}\n {isLink ? <OpenInNewTabIcon className={style.newTabIcon} /> : null}\n </h3>\n </div>\n {isCollapsible ? (\n <div>\n <ArrowIcon className={moreClassName} color={darkColor} />\n <ArrowIcon className={lessClassName} color={mediumColor} />\n </div>\n ) : null}\n </div>\n {isCollapsible ? children : null}\n </div>\n </div>\n </div>\n );\n};\n\nconst AccordionPart = (props, context) => {\n const {skin} = context;\n const {\n title,\n content,\n iconType,\n theme,\n onClick = noop,\n selected = false,\n type,\n href,\n isOpen,\n onUpdateOpenedTab\n } = props;\n\n const themeStyle = theme === 'setup' ? setupThemeStyle : defaultStyle;\n\n function handleParentClick() {\n onUpdateOpenedTab();\n onClick();\n }\n\n const isCollapsibleTab = type === 'collapsibleTab';\n return (\n <div data-name=\"accordionPart\" className={themeStyle[theme]}>\n {!isCollapsibleTab ? (\n <Link\n onClick={handleParentClick}\n skinHover\n href={href}\n data-name={`link-item`}\n target={'_blank'}\n style={{\n textDecoration: 'none'\n }}\n >\n <Part\n skin={skin}\n title={title}\n content={content}\n iconType={iconType}\n theme={theme}\n onParentClick={handleParentClick}\n onClick={onClick}\n isOpen={isOpen}\n selected={selected}\n type={type}\n />\n </Link>\n ) : (\n <Part\n skin={skin}\n title={title}\n content={content}\n iconType={iconType}\n theme={theme}\n onParentClick={handleParentClick}\n onClick={onClick}\n selected={selected}\n isOpen={isOpen}\n type={type}\n />\n )}\n {isCollapsibleTab && isOpen ? <div className={themeStyle.container}>{content}</div> : null}\n </div>\n );\n};\n\nAccordionPart.contextTypes = {\n skin: Provider.childContextTypes.skin\n};\n\nAccordionPart.propTypes = {\n iconType: PropTypes.oneOf(keys(ICON_TYPES)),\n type: PropTypes.oneOf(['simpleTab', 'collapsibleTab', 'iconLink']),\n title: PropTypes.string,\n content: PropTypes.node,\n onClick: PropTypes.func,\n selected: PropTypes.bool,\n theme: PropTypes.string,\n href: PropTypes.string,\n isOpen: PropTypes.bool,\n onUpdateOpenedTab: PropTypes.func\n};\n\nMoreLessIcons.propTypes = {\n type: PropTypes.string,\n moreClassName: PropTypes.string,\n lessClassName: PropTypes.string,\n darkColor: PropTypes.string,\n mediumColor: PropTypes.string\n};\n\nPart.propTypes = {\n ...AccordionPart.propTypes\n};\n\nexport default AccordionPart;\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.js","names":["React","PropTypes","classnames","NovaSolidLightsLightbulb4","LightBulbIcon","NovaCompositionNavigationArrowDown","ArrowIcon","NovaCompositionCoorpacademyOpenInNewTab","OpenInNewTabIcon","NovaCompositionCoorpacademyDashboard","DashboardIcon","NovaCompositionCoorpacademyAnalytics","AnalyticsIcon","NovaCompositionCoorpacademyAnimation","AnimationIcon","NovaCompositionCoorpacademyAdministration","AdministrationIcon","NovaCompositionCoorpacademyContentCreation","ContentCreationIcon","NovaCompositionCoorpacademyEditorialization","EditorializationIcon","Link","Provider","style","ICON_TYPES","arrow","dashboard","analytics","administration","animation","contentCreation","editorialization","defaultStyle","titleIcon","label","titleLabel","selectedLabel","title","setupTitle","container","openHeader","closedHeader","default","setupThemeStyle","titleActivatedIcon","setupTitleActivatedIcon","setupTitleLabel","setupSelectedTitleLabel","setupSelectedTitle","selectedTitle","setupContainer","coorpManagerOpenHeader","coorpManagerClosedHeader","MoreLessIcons","type","moreClassName","lessClassName","darkColor","mediumColor","color","newTabIcon","Part","skin","selected","iconType","onParentClick","onClick","isOpen","children","theme","openIconActivated","openIcon","closeIconActivated","closeIcon","iconColor","iconBlue","iconGrey","hoverIconColor","blueTitleIcon","selectedBlackLabel","labelBlack","Icon","isLink","isCollapsible","wrapper","border","borderBgBlue","borderBgNone","flex","setupPart","header","AccordionPart","props","context","content","href","onUpdateOpenedTab","themeStyle","handleParentClick","isCollapsibleTab","textDecoration","contextTypes","childContextTypes","propTypes","oneOf","string","node","func","bool"],"sources":["../../../../../src/organism/accordion/coorp-manager/part/index.js"],"sourcesContent":["import React from 'react';\nimport {noop, keys, get} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {\n NovaSolidLightsLightbulb4 as LightBulbIcon,\n NovaCompositionNavigationArrowDown as ArrowIcon,\n NovaCompositionCoorpacademyOpenInNewTab as OpenInNewTabIcon,\n NovaCompositionCoorpacademyDashboard as DashboardIcon,\n NovaCompositionCoorpacademyAnalytics as AnalyticsIcon,\n NovaCompositionCoorpacademyAnimation as AnimationIcon,\n NovaCompositionCoorpacademyAdministration as AdministrationIcon,\n NovaCompositionCoorpacademyContentCreation as ContentCreationIcon,\n NovaCompositionCoorpacademyEditorialization as EditorializationIcon\n} from '@coorpacademy/nova-icons';\nimport Link from '../../../../atom/link';\nimport Provider from '../../../../atom/provider';\nimport style from './style.css';\n\nconst ICON_TYPES = {\n arrow: LightBulbIcon,\n dashboard: DashboardIcon,\n analytics: AnalyticsIcon,\n administration: AdministrationIcon,\n animation: AnimationIcon,\n contentCreation: ContentCreationIcon,\n editorialization: EditorializationIcon\n};\n\nconst defaultStyle = {\n titleIcon: style.titleIcon,\n label: style.titleLabel,\n selectedLabel: style.titleLabel,\n title: style.setupTitle,\n container: style.container,\n openHeader: style.openHeader,\n closedHeader: style.closedHeader,\n default: null\n};\n\nconst setupThemeStyle = {\n titleIcon: style.titleIcon,\n titleActivatedIcon: style.setupTitleActivatedIcon,\n label: style.setupTitleLabel,\n selectedLabel: style.setupSelectedTitleLabel,\n setupSelectedTitle: style.setupSelectedTitle,\n selectedTitle: style.selectedTitle,\n title: style.setupTitle,\n container: style.setupContainer,\n openHeader: style.coorpManagerOpenHeader,\n closedHeader: style.coorpManagerClosedHeader\n};\n\nconst MoreLessIcons = ({type, moreClassName, lessClassName, darkColor, mediumColor}) => {\n return type !== 'iconLink' ? (\n <div>\n <ArrowIcon className={moreClassName} style={{color: darkColor}} />\n <ArrowIcon className={lessClassName} style={{color: mediumColor}} />\n </div>\n ) : (\n <OpenInNewTabIcon className={style.newTabIcon} />\n );\n};\n\nconst Part = ({\n skin,\n selected,\n iconType,\n onParentClick,\n onClick,\n isOpen,\n title,\n type,\n children,\n theme\n}) => {\n const darkColor = get('common.dark', skin);\n const mediumColor = get('common.medium', skin);\n const lessClassName = isOpen ? style.openIconActivated : style.openIcon;\n const moreClassName = !isOpen ? style.closeIconActivated : style.closeIcon;\n const iconColor = selected ? style.iconBlue : style.iconGrey;\n const hoverIconColor = selected && style.blueTitleIcon;\n const selectedBlackLabel = selected && style.labelBlack;\n const Icon = ICON_TYPES[iconType];\n const isLink = type === 'iconLink';\n const isCollapsible = type === 'collapsibleTab';\n\n return (\n <div className={style.wrapper}>\n {theme === 'setup' ? (\n <div\n className={classnames(style.border, selected ? style.borderBgBlue : style.borderBgNone)}\n />\n ) : null}\n <div data-type={iconType} onClick={onParentClick} style={{flex: 1}}>\n <div data-name=\"accordionPart\" className={style.setupPart}>\n <div className={style.header} data-type={iconType} onClick={onClick}>\n <div data-name=\"title\" className={style.title}>\n {Icon ? (\n <Icon className={classnames(style.titleIcon, iconColor, hoverIconColor)} />\n ) : null}\n <h3 className={classnames(style.titleLabel, selectedBlackLabel)}>\n {title}\n {isLink ? <OpenInNewTabIcon className={style.newTabIcon} /> : null}\n </h3>\n </div>\n {isCollapsible ? (\n <div>\n <ArrowIcon className={moreClassName} style={{color: darkColor}} />\n <ArrowIcon className={lessClassName} style={{color: mediumColor}} />\n </div>\n ) : null}\n </div>\n {isCollapsible ? children : null}\n </div>\n </div>\n </div>\n );\n};\n\nconst AccordionPart = (props, context) => {\n const {skin} = context;\n const {\n title,\n content,\n iconType,\n theme,\n onClick = noop,\n selected = false,\n type,\n href,\n isOpen,\n onUpdateOpenedTab\n } = props;\n\n const themeStyle = theme === 'setup' ? setupThemeStyle : defaultStyle;\n\n function handleParentClick() {\n onUpdateOpenedTab();\n onClick();\n }\n\n const isCollapsibleTab = type === 'collapsibleTab';\n return (\n <div data-name=\"accordionPart\" className={themeStyle[theme]}>\n {!isCollapsibleTab ? (\n <Link\n onClick={handleParentClick}\n skinHover\n href={href}\n data-name={`link-item`}\n target={'_blank'}\n style={{\n textDecoration: 'none'\n }}\n >\n <Part\n skin={skin}\n title={title}\n content={content}\n iconType={iconType}\n theme={theme}\n onParentClick={handleParentClick}\n onClick={onClick}\n isOpen={isOpen}\n selected={selected}\n type={type}\n />\n </Link>\n ) : (\n <Part\n skin={skin}\n title={title}\n content={content}\n iconType={iconType}\n theme={theme}\n onParentClick={handleParentClick}\n onClick={onClick}\n selected={selected}\n isOpen={isOpen}\n type={type}\n />\n )}\n {isCollapsibleTab && isOpen ? <div className={themeStyle.container}>{content}</div> : null}\n </div>\n );\n};\n\nAccordionPart.contextTypes = {\n skin: Provider.childContextTypes.skin\n};\n\nAccordionPart.propTypes = {\n iconType: PropTypes.oneOf(keys(ICON_TYPES)),\n type: PropTypes.oneOf(['simpleTab', 'collapsibleTab', 'iconLink']),\n title: PropTypes.string,\n content: PropTypes.node,\n onClick: PropTypes.func,\n selected: PropTypes.bool,\n theme: PropTypes.string,\n href: PropTypes.string,\n isOpen: PropTypes.bool,\n onUpdateOpenedTab: PropTypes.func\n};\n\nMoreLessIcons.propTypes = {\n type: PropTypes.string,\n moreClassName: PropTypes.string,\n lessClassName: PropTypes.string,\n darkColor: PropTypes.string,\n mediumColor: PropTypes.string\n};\n\nPart.propTypes = {\n ...AccordionPart.propTypes\n};\n\nexport default AccordionPart;\n"],"mappings":";;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SACEC,yBAAyB,IAAIC,aAD/B,EAEEC,kCAAkC,IAAIC,SAFxC,EAGEC,uCAAuC,IAAIC,gBAH7C,EAIEC,oCAAoC,IAAIC,aAJ1C,EAKEC,oCAAoC,IAAIC,aAL1C,EAMEC,oCAAoC,IAAIC,aAN1C,EAOEC,yCAAyC,IAAIC,kBAP/C,EAQEC,0CAA0C,IAAIC,mBARhD,EASEC,2CAA2C,IAAIC,oBATjD,QAUO,0BAVP;AAWA,OAAOC,IAAP,MAAiB,uBAAjB;AACA,OAAOC,QAAP,MAAqB,2BAArB;AACA,OAAOC,KAAP,MAAkB,aAAlB;AAEA,MAAMC,UAAU,GAAG;EACjBC,KAAK,EAAErB,aADU;EAEjBsB,SAAS,EAAEhB,aAFM;EAGjBiB,SAAS,EAAEf,aAHM;EAIjBgB,cAAc,EAAEZ,kBAJC;EAKjBa,SAAS,EAAEf,aALM;EAMjBgB,eAAe,EAAEZ,mBANA;EAOjBa,gBAAgB,EAAEX;AAPD,CAAnB;AAUA,MAAMY,YAAY,GAAG;EACnBC,SAAS,EAAEV,KAAK,CAACU,SADE;EAEnBC,KAAK,EAAEX,KAAK,CAACY,UAFM;EAGnBC,aAAa,EAAEb,KAAK,CAACY,UAHF;EAInBE,KAAK,EAAEd,KAAK,CAACe,UAJM;EAKnBC,SAAS,EAAEhB,KAAK,CAACgB,SALE;EAMnBC,UAAU,EAAEjB,KAAK,CAACiB,UANC;EAOnBC,YAAY,EAAElB,KAAK,CAACkB,YAPD;EAQnBC,OAAO,EAAE;AARU,CAArB;AAWA,MAAMC,eAAe,GAAG;EACtBV,SAAS,EAAEV,KAAK,CAACU,SADK;EAEtBW,kBAAkB,EAAErB,KAAK,CAACsB,uBAFJ;EAGtBX,KAAK,EAAEX,KAAK,CAACuB,eAHS;EAItBV,aAAa,EAAEb,KAAK,CAACwB,uBAJC;EAKtBC,kBAAkB,EAAEzB,KAAK,CAACyB,kBALJ;EAMtBC,aAAa,EAAE1B,KAAK,CAAC0B,aANC;EAOtBZ,KAAK,EAAEd,KAAK,CAACe,UAPS;EAQtBC,SAAS,EAAEhB,KAAK,CAAC2B,cARK;EAStBV,UAAU,EAAEjB,KAAK,CAAC4B,sBATI;EAUtBV,YAAY,EAAElB,KAAK,CAAC6B;AAVE,CAAxB;;AAaA,MAAMC,aAAa,GAAG,CAAC;EAACC,IAAD;EAAOC,aAAP;EAAsBC,aAAtB;EAAqCC,SAArC;EAAgDC;AAAhD,CAAD,KAAkE;EACtF,OAAOJ,IAAI,KAAK,UAAT,gBACL,8CACE,oBAAC,SAAD;IAAW,SAAS,EAAEC,aAAtB;IAAqC,KAAK,EAAE;MAACI,KAAK,EAAEF;IAAR;EAA5C,EADF,eAEE,oBAAC,SAAD;IAAW,SAAS,EAAED,aAAtB;IAAqC,KAAK,EAAE;MAACG,KAAK,EAAED;IAAR;EAA5C,EAFF,CADK,gBAML,oBAAC,gBAAD;IAAkB,SAAS,EAAEnC,KAAK,CAACqC;EAAnC,EANF;AAQD,CATD;;AAWA,MAAMC,IAAI,GAAG,CAAC;EACZC,IADY;EAEZC,QAFY;EAGZC,QAHY;EAIZC,aAJY;EAKZC,OALY;EAMZC,MANY;EAOZ9B,KAPY;EAQZiB,IARY;EASZc,QATY;EAUZC;AAVY,CAAD,KAWP;EACJ,MAAMZ,SAAS,GAAG,KAAI,aAAJ,EAAmBK,IAAnB,CAAlB;;EACA,MAAMJ,WAAW,GAAG,KAAI,eAAJ,EAAqBI,IAArB,CAApB;;EACA,MAAMN,aAAa,GAAGW,MAAM,GAAG5C,KAAK,CAAC+C,iBAAT,GAA6B/C,KAAK,CAACgD,QAA/D;EACA,MAAMhB,aAAa,GAAG,CAACY,MAAD,GAAU5C,KAAK,CAACiD,kBAAhB,GAAqCjD,KAAK,CAACkD,SAAjE;EACA,MAAMC,SAAS,GAAGX,QAAQ,GAAGxC,KAAK,CAACoD,QAAT,GAAoBpD,KAAK,CAACqD,QAApD;EACA,MAAMC,cAAc,GAAGd,QAAQ,IAAIxC,KAAK,CAACuD,aAAzC;EACA,MAAMC,kBAAkB,GAAGhB,QAAQ,IAAIxC,KAAK,CAACyD,UAA7C;EACA,MAAMC,IAAI,GAAGzD,UAAU,CAACwC,QAAD,CAAvB;EACA,MAAMkB,MAAM,GAAG5B,IAAI,KAAK,UAAxB;EACA,MAAM6B,aAAa,GAAG7B,IAAI,KAAK,gBAA/B;EAEA,oBACE;IAAK,SAAS,EAAE/B,KAAK,CAAC6D;EAAtB,GACGf,KAAK,KAAK,OAAV,gBACC;IACE,SAAS,EAAEnE,UAAU,CAACqB,KAAK,CAAC8D,MAAP,EAAetB,QAAQ,GAAGxC,KAAK,CAAC+D,YAAT,GAAwB/D,KAAK,CAACgE,YAArD;EADvB,EADD,GAIG,IALN,eAME;IAAK,aAAWvB,QAAhB;IAA0B,OAAO,EAAEC,aAAnC;IAAkD,KAAK,EAAE;MAACuB,IAAI,EAAE;IAAP;EAAzD,gBACE;IAAK,aAAU,eAAf;IAA+B,SAAS,EAAEjE,KAAK,CAACkE;EAAhD,gBACE;IAAK,SAAS,EAAElE,KAAK,CAACmE,MAAtB;IAA8B,aAAW1B,QAAzC;IAAmD,OAAO,EAAEE;EAA5D,gBACE;IAAK,aAAU,OAAf;IAAuB,SAAS,EAAE3C,KAAK,CAACc;EAAxC,GACG4C,IAAI,gBACH,oBAAC,IAAD;IAAM,SAAS,EAAE/E,UAAU,CAACqB,KAAK,CAACU,SAAP,EAAkByC,SAAlB,EAA6BG,cAA7B;EAA3B,EADG,GAED,IAHN,eAIE;IAAI,SAAS,EAAE3E,UAAU,CAACqB,KAAK,CAACY,UAAP,EAAmB4C,kBAAnB;EAAzB,GACG1C,KADH,EAEG6C,MAAM,gBAAG,oBAAC,gBAAD;IAAkB,SAAS,EAAE3D,KAAK,CAACqC;EAAnC,EAAH,GAAuD,IAFhE,CAJF,CADF,EAUGuB,aAAa,gBACZ,8CACE,oBAAC,SAAD;IAAW,SAAS,EAAE5B,aAAtB;IAAqC,KAAK,EAAE;MAACI,KAAK,EAAEF;IAAR;EAA5C,EADF,eAEE,oBAAC,SAAD;IAAW,SAAS,EAAED,aAAtB;IAAqC,KAAK,EAAE;MAACG,KAAK,EAAED;IAAR;EAA5C,EAFF,CADY,GAKV,IAfN,CADF,EAkBGyB,aAAa,GAAGf,QAAH,GAAc,IAlB9B,CADF,CANF,CADF;AA+BD,CAtDD;;AAwDA,MAAMuB,aAAa,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EACxC,MAAM;IAAC/B;EAAD,IAAS+B,OAAf;EACA,MAAM;IACJxD,KADI;IAEJyD,OAFI;IAGJ9B,QAHI;IAIJK,KAJI;IAKJH,OAAO,QALH;IAMJH,QAAQ,GAAG,KANP;IAOJT,IAPI;IAQJyC,IARI;IASJ5B,MATI;IAUJ6B;EAVI,IAWFJ,KAXJ;EAaA,MAAMK,UAAU,GAAG5B,KAAK,KAAK,OAAV,GAAoB1B,eAApB,GAAsCX,YAAzD;;EAEA,SAASkE,iBAAT,GAA6B;IAC3BF,iBAAiB;IACjB9B,OAAO;EACR;;EAED,MAAMiC,gBAAgB,GAAG7C,IAAI,KAAK,gBAAlC;EACA,oBACE;IAAK,aAAU,eAAf;IAA+B,SAAS,EAAE2C,UAAU,CAAC5B,KAAD;EAApD,GACG,CAAC8B,gBAAD,gBACC,oBAAC,IAAD;IACE,OAAO,EAAED,iBADX;IAEE,SAAS,MAFX;IAGE,IAAI,EAAEH,IAHR;IAIE,aAAY,WAJd;IAKE,MAAM,EAAE,QALV;IAME,KAAK,EAAE;MACLK,cAAc,EAAE;IADX;EANT,gBAUE,oBAAC,IAAD;IACE,IAAI,EAAEtC,IADR;IAEE,KAAK,EAAEzB,KAFT;IAGE,OAAO,EAAEyD,OAHX;IAIE,QAAQ,EAAE9B,QAJZ;IAKE,KAAK,EAAEK,KALT;IAME,aAAa,EAAE6B,iBANjB;IAOE,OAAO,EAAEhC,OAPX;IAQE,MAAM,EAAEC,MARV;IASE,QAAQ,EAAEJ,QATZ;IAUE,IAAI,EAAET;EAVR,EAVF,CADD,gBAyBC,oBAAC,IAAD;IACE,IAAI,EAAEQ,IADR;IAEE,KAAK,EAAEzB,KAFT;IAGE,OAAO,EAAEyD,OAHX;IAIE,QAAQ,EAAE9B,QAJZ;IAKE,KAAK,EAAEK,KALT;IAME,aAAa,EAAE6B,iBANjB;IAOE,OAAO,EAAEhC,OAPX;IAQE,QAAQ,EAAEH,QARZ;IASE,MAAM,EAAEI,MATV;IAUE,IAAI,EAAEb;EAVR,EA1BJ,EAuCG6C,gBAAgB,IAAIhC,MAApB,gBAA6B;IAAK,SAAS,EAAE8B,UAAU,CAAC1D;EAA3B,GAAuCuD,OAAvC,CAA7B,GAAqF,IAvCxF,CADF;AA2CD,CAlED;;AAoEAH,aAAa,CAACU,YAAd,GAA6B;EAC3BvC,IAAI,EAAExC,QAAQ,CAACgF,iBAAT,CAA2BxC;AADN,CAA7B;AAIA6B,aAAa,CAACY,SAAd,2CAA0B;EACxBvC,QAAQ,EAAE/D,SAAS,CAACuG,KAAV,CAAgB,MAAKhF,UAAL,CAAhB,CADc;EAExB8B,IAAI,EAAErD,SAAS,CAACuG,KAAV,CAAgB,CAAC,WAAD,EAAc,gBAAd,EAAgC,UAAhC,CAAhB,CAFkB;EAGxBnE,KAAK,EAAEpC,SAAS,CAACwG,MAHO;EAIxBX,OAAO,EAAE7F,SAAS,CAACyG,IAJK;EAKxBxC,OAAO,EAAEjE,SAAS,CAAC0G,IALK;EAMxB5C,QAAQ,EAAE9D,SAAS,CAAC2G,IANI;EAOxBvC,KAAK,EAAEpE,SAAS,CAACwG,MAPO;EAQxBV,IAAI,EAAE9F,SAAS,CAACwG,MARQ;EASxBtC,MAAM,EAAElE,SAAS,CAAC2G,IATM;EAUxBZ,iBAAiB,EAAE/F,SAAS,CAAC0G;AAVL,CAA1B;AAaAtD,aAAa,CAACkD,SAAd,2CAA0B;EACxBjD,IAAI,EAAErD,SAAS,CAACwG,MADQ;EAExBlD,aAAa,EAAEtD,SAAS,CAACwG,MAFD;EAGxBjD,aAAa,EAAEvD,SAAS,CAACwG,MAHD;EAIxBhD,SAAS,EAAExD,SAAS,CAACwG,MAJG;EAKxB/C,WAAW,EAAEzD,SAAS,CAACwG;AALC,CAA1B;AAQA5C,IAAI,CAAC0C,SAAL,wDACKZ,aAAa,CAACY,SADnB;AAIA,eAAeZ,aAAf"}
|
|
@@ -47,16 +47,19 @@ const AccordionPart = (props, context) => {
|
|
|
47
47
|
"data-name": "title",
|
|
48
48
|
className: style.title
|
|
49
49
|
}, TitleIcon ? /*#__PURE__*/React.createElement(TitleIcon, {
|
|
50
|
-
className: style.titleIcon
|
|
51
|
-
color: "inherit"
|
|
50
|
+
className: style.titleIcon
|
|
52
51
|
}) : null, /*#__PURE__*/React.createElement("h3", {
|
|
53
52
|
className: style.titleLabel
|
|
54
53
|
}, title)), /*#__PURE__*/React.createElement(MoreIcon, {
|
|
55
54
|
className: closeIconClassName,
|
|
56
|
-
|
|
55
|
+
style: {
|
|
56
|
+
color: darkColor
|
|
57
|
+
}
|
|
57
58
|
}), /*#__PURE__*/React.createElement(LessIcon, {
|
|
58
59
|
className: openIconClassName,
|
|
59
|
-
|
|
60
|
+
style: {
|
|
61
|
+
color: mediumColor
|
|
62
|
+
}
|
|
60
63
|
})), isOpen ? /*#__PURE__*/React.createElement("div", {
|
|
61
64
|
className: style.container
|
|
62
65
|
}, content) : null);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["React","PropTypes","NovaCompositionNavigationMore","MoreIcon","NovaLineLoginKey1","KeyIcon","NovaLineVideosVideoClip3","VideoIcon","NovaSolidLightsLightbulb4","LightBulbIcon","NovaCompositionNavigationLess","LessIcon","Provider","style","ICON_TYPES","resources","klf","tips","themeStyle","setup","setupPart","default","AccordionPart","props","context","skin","title","content","iconType","theme","onClick","isOpen","TitleIcon","darkColor","mediumColor","openIconClassName","openIconActivated","openIcon","closeIconClassName","closeIconActivated","closeIcon","openHeader","closedHeader","titleIcon","titleLabel","container","contextTypes","childContextTypes","propTypes","oneOf","string","node","func","bool"],"sources":["../../../../src/organism/accordion/part/index.js"],"sourcesContent":["import React from 'react';\nimport {noop, keys, get} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport {\n NovaCompositionNavigationMore as MoreIcon,\n NovaLineLoginKey1 as KeyIcon,\n NovaLineVideosVideoClip3 as VideoIcon,\n NovaSolidLightsLightbulb4 as LightBulbIcon,\n NovaCompositionNavigationLess as LessIcon\n} from '@coorpacademy/nova-icons';\nimport Provider from '../../../atom/provider';\nimport style from './style.css';\n\nconst ICON_TYPES = {\n resources: VideoIcon,\n klf: KeyIcon,\n tips: LightBulbIcon\n};\n\nconst themeStyle = {\n setup: style.setupPart,\n default: null\n};\n\nconst AccordionPart = (props, context) => {\n const {skin} = context;\n const {title, content, iconType, theme, onClick = noop, isOpen = false} = props;\n const TitleIcon = ICON_TYPES[iconType];\n const darkColor = get('common.dark', skin);\n const mediumColor = get('common.medium', skin);\n const openIconClassName = isOpen ? style.openIconActivated : style.openIcon;\n const closeIconClassName = !isOpen ? style.closeIconActivated : style.closeIcon;\n\n return (\n <div data-name=\"accordionPart\" className={themeStyle[theme]}>\n <div\n className={isOpen ? style.openHeader : style.closedHeader}\n data-type={iconType}\n onClick={onClick}\n >\n <div data-name=\"title\" className={style.title}>\n {TitleIcon ? <TitleIcon className={style.titleIcon}
|
|
1
|
+
{"version":3,"file":"index.js","names":["React","PropTypes","NovaCompositionNavigationMore","MoreIcon","NovaLineLoginKey1","KeyIcon","NovaLineVideosVideoClip3","VideoIcon","NovaSolidLightsLightbulb4","LightBulbIcon","NovaCompositionNavigationLess","LessIcon","Provider","style","ICON_TYPES","resources","klf","tips","themeStyle","setup","setupPart","default","AccordionPart","props","context","skin","title","content","iconType","theme","onClick","isOpen","TitleIcon","darkColor","mediumColor","openIconClassName","openIconActivated","openIcon","closeIconClassName","closeIconActivated","closeIcon","openHeader","closedHeader","titleIcon","titleLabel","color","container","contextTypes","childContextTypes","propTypes","oneOf","string","node","func","bool"],"sources":["../../../../src/organism/accordion/part/index.js"],"sourcesContent":["import React from 'react';\nimport {noop, keys, get} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport {\n NovaCompositionNavigationMore as MoreIcon,\n NovaLineLoginKey1 as KeyIcon,\n NovaLineVideosVideoClip3 as VideoIcon,\n NovaSolidLightsLightbulb4 as LightBulbIcon,\n NovaCompositionNavigationLess as LessIcon\n} from '@coorpacademy/nova-icons';\nimport Provider from '../../../atom/provider';\nimport style from './style.css';\n\nconst ICON_TYPES = {\n resources: VideoIcon,\n klf: KeyIcon,\n tips: LightBulbIcon\n};\n\nconst themeStyle = {\n setup: style.setupPart,\n default: null\n};\n\nconst AccordionPart = (props, context) => {\n const {skin} = context;\n const {title, content, iconType, theme, onClick = noop, isOpen = false} = props;\n const TitleIcon = ICON_TYPES[iconType];\n const darkColor = get('common.dark', skin);\n const mediumColor = get('common.medium', skin);\n const openIconClassName = isOpen ? style.openIconActivated : style.openIcon;\n const closeIconClassName = !isOpen ? style.closeIconActivated : style.closeIcon;\n\n return (\n <div data-name=\"accordionPart\" className={themeStyle[theme]}>\n <div\n className={isOpen ? style.openHeader : style.closedHeader}\n data-type={iconType}\n onClick={onClick}\n >\n <div data-name=\"title\" className={style.title}>\n {TitleIcon ? <TitleIcon className={style.titleIcon} /> : null}\n <h3 className={style.titleLabel}>{title}</h3>\n </div>\n <MoreIcon className={closeIconClassName} style={{color: darkColor}} />\n <LessIcon className={openIconClassName} style={{color: mediumColor}} />\n </div>\n {isOpen ? <div className={style.container}>{content}</div> : null}\n </div>\n );\n};\n\nAccordionPart.contextTypes = {\n skin: Provider.childContextTypes.skin\n};\n\nAccordionPart.propTypes = {\n iconType: PropTypes.oneOf(keys(ICON_TYPES)),\n title: PropTypes.string,\n content: PropTypes.node,\n onClick: PropTypes.func,\n isOpen: PropTypes.bool,\n theme: PropTypes.string\n};\n\nexport default AccordionPart;\n"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SACEC,6BAA6B,IAAIC,QADnC,EAEEC,iBAAiB,IAAIC,OAFvB,EAGEC,wBAAwB,IAAIC,SAH9B,EAIEC,yBAAyB,IAAIC,aAJ/B,EAKEC,6BAA6B,IAAIC,QALnC,QAMO,0BANP;AAOA,OAAOC,QAAP,MAAqB,wBAArB;AACA,OAAOC,KAAP,MAAkB,aAAlB;AAEA,MAAMC,UAAU,GAAG;EACjBC,SAAS,EAAER,SADM;EAEjBS,GAAG,EAAEX,OAFY;EAGjBY,IAAI,EAAER;AAHW,CAAnB;AAMA,MAAMS,UAAU,GAAG;EACjBC,KAAK,EAAEN,KAAK,CAACO,SADI;EAEjBC,OAAO,EAAE;AAFQ,CAAnB;;AAKA,MAAMC,aAAa,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EACxC,MAAM;IAACC;EAAD,IAASD,OAAf;EACA,MAAM;IAACE,KAAD;IAAQC,OAAR;IAAiBC,QAAjB;IAA2BC,KAA3B;IAAkCC,OAAO,QAAzC;IAAkDC,MAAM,GAAG;EAA3D,IAAoER,KAA1E;EACA,MAAMS,SAAS,GAAGlB,UAAU,CAACc,QAAD,CAA5B;;EACA,MAAMK,SAAS,GAAG,KAAI,aAAJ,EAAmBR,IAAnB,CAAlB;;EACA,MAAMS,WAAW,GAAG,KAAI,eAAJ,EAAqBT,IAArB,CAApB;;EACA,MAAMU,iBAAiB,GAAGJ,MAAM,GAAGlB,KAAK,CAACuB,iBAAT,GAA6BvB,KAAK,CAACwB,QAAnE;EACA,MAAMC,kBAAkB,GAAG,CAACP,MAAD,GAAUlB,KAAK,CAAC0B,kBAAhB,GAAqC1B,KAAK,CAAC2B,SAAtE;EAEA,oBACE;IAAK,aAAU,eAAf;IAA+B,SAAS,EAAEtB,UAAU,CAACW,KAAD;EAApD,gBACE;IACE,SAAS,EAAEE,MAAM,GAAGlB,KAAK,CAAC4B,UAAT,GAAsB5B,KAAK,CAAC6B,YAD/C;IAEE,aAAWd,QAFb;IAGE,OAAO,EAAEE;EAHX,gBAKE;IAAK,aAAU,OAAf;IAAuB,SAAS,EAAEjB,KAAK,CAACa;EAAxC,GACGM,SAAS,gBAAG,oBAAC,SAAD;IAAW,SAAS,EAAEnB,KAAK,CAAC8B;EAA5B,EAAH,GAA+C,IAD3D,eAEE;IAAI,SAAS,EAAE9B,KAAK,CAAC+B;EAArB,GAAkClB,KAAlC,CAFF,CALF,eASE,oBAAC,QAAD;IAAU,SAAS,EAAEY,kBAArB;IAAyC,KAAK,EAAE;MAACO,KAAK,EAAEZ;IAAR;EAAhD,EATF,eAUE,oBAAC,QAAD;IAAU,SAAS,EAAEE,iBAArB;IAAwC,KAAK,EAAE;MAACU,KAAK,EAAEX;IAAR;EAA/C,EAVF,CADF,EAaGH,MAAM,gBAAG;IAAK,SAAS,EAAElB,KAAK,CAACiC;EAAtB,GAAkCnB,OAAlC,CAAH,GAAsD,IAb/D,CADF;AAiBD,CA1BD;;AA4BAL,aAAa,CAACyB,YAAd,GAA6B;EAC3BtB,IAAI,EAAEb,QAAQ,CAACoC,iBAAT,CAA2BvB;AADN,CAA7B;AAIAH,aAAa,CAAC2B,SAAd,2CAA0B;EACxBrB,QAAQ,EAAE3B,SAAS,CAACiD,KAAV,CAAgB,MAAKpC,UAAL,CAAhB,CADc;EAExBY,KAAK,EAAEzB,SAAS,CAACkD,MAFO;EAGxBxB,OAAO,EAAE1B,SAAS,CAACmD,IAHK;EAIxBtB,OAAO,EAAE7B,SAAS,CAACoD,IAJK;EAKxBtB,MAAM,EAAE9B,SAAS,CAACqD,IALM;EAMxBzB,KAAK,EAAE5B,SAAS,CAACkD;AANO,CAA1B;AASA,eAAe7B,aAAf"}
|
|
@@ -69,7 +69,9 @@ function BrandForm(props, context) {
|
|
|
69
69
|
const backView = back ? /*#__PURE__*/React.createElement("p", {
|
|
70
70
|
className: style.back
|
|
71
71
|
}, /*#__PURE__*/React.createElement(ArrowLeft, {
|
|
72
|
-
|
|
72
|
+
style: {
|
|
73
|
+
color: darkColor
|
|
74
|
+
},
|
|
73
75
|
className: style.arrowBack
|
|
74
76
|
}), /*#__PURE__*/React.createElement(Link, {
|
|
75
77
|
href: back.link,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["React","useMemo","PropTypes","NovaCompositionNavigationArrowLeft","ArrowLeft","ReactTooltip","BrandFormGroup","Provider","Button","Link","Loader","style","buildButtonSection","onSubmit","submitValue","onReset","resetValue","tooltip","disabled","isModified","isPending","darkColor","disabledSubmit","submitButton","title","saveButton","toolTipContent","place","cancelBackground","backgroundColor","resetButton","buttons","BrandForm","props","context","groups","back","isLoading","skin","backView","arrowBack","link","backDesc","desc","brandGroups","map","group","index","buttonSection","handleSubmit","e","preventDefault","handleReset","loaderContainer","loader","form","contextTypes","childContextTypes","defaultProps","propTypes","arrayOf","shape","isRequired","bool","func","children","href","string"],"sources":["../../../src/organism/brand-form/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {get} from 'lodash/fp';\nimport {NovaCompositionNavigationArrowLeft as ArrowLeft} from '@coorpacademy/nova-icons';\nimport ReactTooltip from 'react-tooltip';\nimport BrandFormGroup from '../../molecule/brand-form-group';\nimport Provider from '../../atom/provider';\nimport Button from '../../atom/button';\nimport Link from '../../atom/link';\nimport Loader from '../../atom/loader';\nimport style from './style.css';\n\nconst buildButtonSection = (\n onSubmit,\n submitValue,\n onReset,\n resetValue,\n tooltip,\n disabled,\n isModified,\n isPending,\n darkColor\n) => {\n if (!onSubmit && !onReset) {\n return null;\n }\n\n const disabledSubmit = disabled || isPending || !isModified;\n const submitButton = onSubmit ? (\n <div data-tip={tooltip.title} data-for=\"submitButton\" className={style.saveButton}>\n <ReactTooltip\n type=\"light\"\n effect=\"solid\"\n className={style.toolTipContent}\n place={tooltip.place}\n id=\"submitButton\"\n />\n <Button type=\"submit\" disabled={disabledSubmit} submitValue={submitValue} />\n </div>\n ) : null;\n\n const cancelBackground = {backgroundColor: darkColor};\n\n const resetButton = onReset ? (\n <div className={style.resetButton}>\n <Button type=\"reset\" submitValue={resetValue} style={cancelBackground} />\n </div>\n ) : null;\n\n return (\n <div className={style.buttons}>\n {submitButton}\n {resetButton}\n </div>\n );\n};\n\nfunction BrandForm(props, context) {\n const {\n groups,\n disabled,\n isModified,\n isPending,\n onSubmit,\n submitValue,\n onReset,\n resetValue,\n back,\n tooltip,\n isLoading\n } = props;\n const {skin} = context;\n const darkColor = get('common.dark', skin);\n\n const backView = back ? (\n <p className={style.back}>\n <ArrowLeft
|
|
1
|
+
{"version":3,"file":"index.js","names":["React","useMemo","PropTypes","NovaCompositionNavigationArrowLeft","ArrowLeft","ReactTooltip","BrandFormGroup","Provider","Button","Link","Loader","style","buildButtonSection","onSubmit","submitValue","onReset","resetValue","tooltip","disabled","isModified","isPending","darkColor","disabledSubmit","submitButton","title","saveButton","toolTipContent","place","cancelBackground","backgroundColor","resetButton","buttons","BrandForm","props","context","groups","back","isLoading","skin","backView","color","arrowBack","link","backDesc","desc","brandGroups","map","group","index","buttonSection","handleSubmit","e","preventDefault","handleReset","loaderContainer","loader","form","contextTypes","childContextTypes","defaultProps","propTypes","arrayOf","shape","isRequired","bool","func","children","href","string"],"sources":["../../../src/organism/brand-form/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {get} from 'lodash/fp';\nimport {NovaCompositionNavigationArrowLeft as ArrowLeft} from '@coorpacademy/nova-icons';\nimport ReactTooltip from 'react-tooltip';\nimport BrandFormGroup from '../../molecule/brand-form-group';\nimport Provider from '../../atom/provider';\nimport Button from '../../atom/button';\nimport Link from '../../atom/link';\nimport Loader from '../../atom/loader';\nimport style from './style.css';\n\nconst buildButtonSection = (\n onSubmit,\n submitValue,\n onReset,\n resetValue,\n tooltip,\n disabled,\n isModified,\n isPending,\n darkColor\n) => {\n if (!onSubmit && !onReset) {\n return null;\n }\n\n const disabledSubmit = disabled || isPending || !isModified;\n const submitButton = onSubmit ? (\n <div data-tip={tooltip.title} data-for=\"submitButton\" className={style.saveButton}>\n <ReactTooltip\n type=\"light\"\n effect=\"solid\"\n className={style.toolTipContent}\n place={tooltip.place}\n id=\"submitButton\"\n />\n <Button type=\"submit\" disabled={disabledSubmit} submitValue={submitValue} />\n </div>\n ) : null;\n\n const cancelBackground = {backgroundColor: darkColor};\n\n const resetButton = onReset ? (\n <div className={style.resetButton}>\n <Button type=\"reset\" submitValue={resetValue} style={cancelBackground} />\n </div>\n ) : null;\n\n return (\n <div className={style.buttons}>\n {submitButton}\n {resetButton}\n </div>\n );\n};\n\nfunction BrandForm(props, context) {\n const {\n groups,\n disabled,\n isModified,\n isPending,\n onSubmit,\n submitValue,\n onReset,\n resetValue,\n back,\n tooltip,\n isLoading\n } = props;\n const {skin} = context;\n const darkColor = get('common.dark', skin);\n\n const backView = back ? (\n <p className={style.back}>\n <ArrowLeft style={{color: darkColor}} className={style.arrowBack} />\n <Link href={back.link} className={style.backDesc}>\n {back.desc}\n </Link>\n </p>\n ) : null;\n\n const brandGroups = groups.map((group, index) => {\n return (\n <div className={style.group} key={index}>\n <BrandFormGroup {...group} />\n </div>\n );\n });\n\n const buttonSection = buildButtonSection(\n onSubmit,\n submitValue,\n onReset,\n resetValue,\n tooltip,\n disabled,\n isModified,\n isPending,\n darkColor\n );\n\n const handleSubmit = useMemo(\n () => e => {\n e.preventDefault();\n return onSubmit(e);\n },\n [onSubmit]\n );\n\n const handleReset = useMemo(\n () => e => {\n e.preventDefault();\n return onReset(e);\n },\n [onReset]\n );\n\n return (\n <div>\n {backView}\n {isLoading ? (\n <div className={style.loaderContainer}>\n <Loader className={style.loader} theme=\"coorpmanager\" />\n </div>\n ) : (\n <form onSubmit={handleSubmit} onReset={handleReset} className={style.form}>\n {brandGroups}\n {buttonSection}\n </form>\n )}\n </div>\n );\n}\n\nBrandForm.contextTypes = {\n skin: Provider.childContextTypes.skin\n};\n\nBrandForm.defaultProps = {\n tooltip: {\n title: '',\n place: 'top'\n }\n};\n\nBrandForm.propTypes = {\n groups: PropTypes.arrayOf(PropTypes.shape(BrandFormGroup.propTypes)).isRequired,\n disabled: PropTypes.bool,\n isModified: PropTypes.bool,\n isPending: PropTypes.bool,\n onSubmit: PropTypes.func,\n submitValue: Button.propTypes.submitValue,\n onReset: PropTypes.func,\n resetValue: Button.propTypes.submitValue,\n back: PropTypes.shape({\n desc: Link.propTypes.children,\n link: Link.propTypes.href\n }),\n tooltip: PropTypes.shape({\n title: PropTypes.string,\n place: PropTypes.string\n }),\n isLoading: PropTypes.bool\n};\n\nexport default BrandForm;\n"],"mappings":"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"}
|
|
@@ -203,7 +203,9 @@ const GetTheApp = (props, context) => {
|
|
|
203
203
|
}), /*#__PURE__*/React.createElement("div", {
|
|
204
204
|
className: style.wrapper
|
|
205
205
|
}, /*#__PURE__*/React.createElement(Header, magicLinkStep), /*#__PURE__*/React.createElement(MagicLink, {
|
|
206
|
-
|
|
206
|
+
style: {
|
|
207
|
+
color: primaryColor
|
|
208
|
+
},
|
|
207
209
|
submitValue: submitValue,
|
|
208
210
|
disabled: disabled,
|
|
209
211
|
magicLinkUrl: magicLinkUrl
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["React","PropTypes","NovaCompositionCoorpacademyMagicWand","MagicWand","NovaCompositionCoorpacademyCoorpApp","CoorpAppLogo","Button","Picture","style","Header","step","header","subHeader","headerContainer","headerWrapper","propTypes","string","QrCodeImage","showMobileAppAccess","qrCodeImageUrl","preMessage","linkMessage","endMessage","qrCodeImageAlt","qrcodeWrapper","qrcodeOverlay","qrcodeModal","qrcodeModalLink","bool","MagicLink","disabled","submitValue","magicLinkUrl","color","buttonWrapper","iconWrapper","magicLinkIcon","StoresLinks","onAppStoreButtonClick","appStoreButtonImageUrl","playStoreButtonImageUrl","onPlayStoreButtonClick","androidAlt","iosAlt","storeLinksContainer","img","func","Divider","word","dividerWrapper","divider","GetTheApp","props","context","storeStep","connectionStep","qrCodeStep","magicLinkStep","diviserWord","coorpAppLogoAriaLabel","skin","primaryColor","container","coorpAppLogoWrapper","coorpAppLogo","store","secondStepWrapper","connectionWrapper","wrapper","shape"],"sources":["../../../src/organism/get-the-app/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {\n NovaCompositionCoorpacademyMagicWand as MagicWand,\n NovaCompositionCoorpacademyCoorpApp as CoorpAppLogo\n} from '@coorpacademy/nova-icons';\nimport {get} from 'lodash/fp';\nimport Button from '../../atom/button';\nimport Picture from '../../atom/picture';\nimport style from './style.css';\n\nconst Header = ({step, header, subHeader}) => (\n <div className={style.headerContainer}>\n {step ? (\n <div className={style.headerWrapper}>\n <h1 className={style.step}>{step}</h1>\n <h1 className={style.header}>{header}</h1>\n </div>\n ) : (\n <h1 className={style.header}>{header} </h1>\n )}\n {subHeader ? <h4 className={style.subHeader}>{subHeader} </h4> : null}\n </div>\n);\n\nHeader.propTypes = {\n step: PropTypes.string,\n header: PropTypes.string,\n subHeader: PropTypes.string\n};\n\nconst QrCodeImage = ({\n showMobileAppAccess,\n qrCodeImageUrl,\n preMessage,\n linkMessage,\n endMessage,\n qrCodeImageAlt\n}) => {\n return (\n <div className={style.qrcodeWrapper}>\n <Picture src={qrCodeImageUrl} alt={qrCodeImageAlt} />\n {showMobileAppAccess ? (\n <div className={style.qrcodeOverlay}>\n <div className={style.qrcodeModal}>\n <span>{preMessage} </span>\n <a href=\"mailto:assistance@coorpacademy.com\" className={style.qrcodeModalLink}>\n <span>{linkMessage} </span>\n </a>\n <span>{endMessage} </span>\n </div>\n </div>\n ) : null}\n </div>\n );\n};\nQrCodeImage.propTypes = {\n showMobileAppAccess: PropTypes.bool,\n qrCodeImageUrl: PropTypes.string,\n preMessage: PropTypes.string,\n linkMessage: PropTypes.string,\n endMessage: PropTypes.string,\n qrCodeImageAlt: PropTypes.string\n};\n\nconst MagicLink = ({disabled, submitValue, magicLinkUrl, color}) => {\n return (\n <div className={style.buttonWrapper}>\n <Button\n color={color}\n disabled={disabled}\n isLinkDisabled={disabled}\n href={magicLinkUrl}\n type=\"link\"\n submitValue={null}\n >\n <div className={style.iconWrapper}>\n <MagicWand className={style.magicLinkIcon} />\n <p>{submitValue}</p>\n </div>\n </Button>\n </div>\n );\n};\n\nMagicLink.propTypes = {\n magicLinkUrl: PropTypes.string,\n disabled: PropTypes.bool,\n submitValue: PropTypes.string\n};\n\nconst StoresLinks = ({\n onAppStoreButtonClick,\n appStoreButtonImageUrl,\n playStoreButtonImageUrl,\n onPlayStoreButtonClick,\n 'android-alt': androidAlt,\n 'ios-alt': iosAlt\n}) => (\n <div className={style.storeLinksContainer}>\n <Picture\n className={style.img}\n src={appStoreButtonImageUrl}\n onClick={onAppStoreButtonClick}\n alt={iosAlt}\n />\n <Picture\n className={style.img}\n src={playStoreButtonImageUrl}\n onClick={onPlayStoreButtonClick}\n alt={androidAlt}\n />\n </div>\n);\n\nStoresLinks.propTypes = {\n onAppStoreButtonClick: PropTypes.func,\n appStoreButtonImageUrl: PropTypes.string,\n playStoreButtonImageUrl: PropTypes.string,\n onPlayStoreButtonClick: PropTypes.func,\n 'android-alt': PropTypes.string,\n 'ios-alt': PropTypes.string\n};\n\nconst Divider = ({word}) => (\n <div className={style.dividerWrapper}>\n <div className={style.divider} />\n <p>{word}</p>\n <div className={style.divider} />\n </div>\n);\n\nDivider.propTypes = {\n word: PropTypes.string\n};\n\nconst GetTheApp = (props, context) => {\n const {\n onAppStoreButtonClick,\n appStoreButtonImageUrl,\n playStoreButtonImageUrl,\n onPlayStoreButtonClick,\n storeStep,\n connectionStep,\n qrCodeStep,\n magicLinkStep,\n diviserWord,\n qrCodeImageUrl,\n magicLinkUrl,\n disabled,\n showMobileAppAccess,\n submitValue,\n preMessage,\n linkMessage,\n endMessage,\n 'android-alt': androidAlt,\n 'ios-alt': iosAlt,\n qrCodeImageAlt,\n 'logo-aria-label': coorpAppLogoAriaLabel\n } = props;\n const {skin} = context;\n const primaryColor = get('common.primary', skin);\n return (\n <div className={style.container}>\n <div className={style.coorpAppLogoWrapper}>\n <CoorpAppLogo\n height={51}\n width={250}\n className={style.coorpAppLogo}\n aria-label={coorpAppLogoAriaLabel}\n />\n </div>\n <div className={style.store}>\n <Header {...storeStep} />\n <StoresLinks\n onAppStoreButtonClick={onAppStoreButtonClick}\n appStoreButtonImageUrl={appStoreButtonImageUrl}\n playStoreButtonImageUrl={playStoreButtonImageUrl}\n onPlayStoreButtonClick={onPlayStoreButtonClick}\n android-alt={androidAlt}\n ios-alt={iosAlt}\n />\n </div>\n <div className={style.secondStepWrapper}>\n <Header {...connectionStep} />\n <div className={style.connectionWrapper}>\n <div className={style.wrapper}>\n <Header {...qrCodeStep} />\n <QrCodeImage\n showMobileAppAccess={showMobileAppAccess}\n qrCodeImageUrl={qrCodeImageUrl}\n preMessage={preMessage}\n linkMessage={linkMessage}\n endMessage={endMessage}\n qrCodeImageAlt={qrCodeImageAlt}\n />\n </div>\n <Divider word={diviserWord} />\n <div className={style.wrapper}>\n <Header {...magicLinkStep} />\n <MagicLink\n color={primaryColor}\n submitValue={submitValue}\n disabled={disabled}\n magicLinkUrl={magicLinkUrl}\n />\n </div>\n </div>\n </div>\n </div>\n );\n};\n\nGetTheApp.propTypes = {\n ...StoresLinks.propTypes,\n storeStep: PropTypes.shape(Header.propTypes),\n connectionStep: PropTypes.shape(Header.propTypes),\n qrCodeStep: PropTypes.shape(Header.propTypes),\n magicLinkStep: PropTypes.shape(Header.propTypes),\n ...QrCodeImage.propTypes,\n diviserWord: Divider.propTypes.word,\n ...MagicLink.propTypes\n};\n\nexport default GetTheApp;\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.js","names":["React","PropTypes","NovaCompositionCoorpacademyMagicWand","MagicWand","NovaCompositionCoorpacademyCoorpApp","CoorpAppLogo","Button","Picture","style","Header","step","header","subHeader","headerContainer","headerWrapper","propTypes","string","QrCodeImage","showMobileAppAccess","qrCodeImageUrl","preMessage","linkMessage","endMessage","qrCodeImageAlt","qrcodeWrapper","qrcodeOverlay","qrcodeModal","qrcodeModalLink","bool","MagicLink","disabled","submitValue","magicLinkUrl","color","buttonWrapper","iconWrapper","magicLinkIcon","StoresLinks","onAppStoreButtonClick","appStoreButtonImageUrl","playStoreButtonImageUrl","onPlayStoreButtonClick","androidAlt","iosAlt","storeLinksContainer","img","func","Divider","word","dividerWrapper","divider","GetTheApp","props","context","storeStep","connectionStep","qrCodeStep","magicLinkStep","diviserWord","coorpAppLogoAriaLabel","skin","primaryColor","container","coorpAppLogoWrapper","coorpAppLogo","store","secondStepWrapper","connectionWrapper","wrapper","shape"],"sources":["../../../src/organism/get-the-app/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {\n NovaCompositionCoorpacademyMagicWand as MagicWand,\n NovaCompositionCoorpacademyCoorpApp as CoorpAppLogo\n} from '@coorpacademy/nova-icons';\nimport {get} from 'lodash/fp';\nimport Button from '../../atom/button';\nimport Picture from '../../atom/picture';\nimport style from './style.css';\n\nconst Header = ({step, header, subHeader}) => (\n <div className={style.headerContainer}>\n {step ? (\n <div className={style.headerWrapper}>\n <h1 className={style.step}>{step}</h1>\n <h1 className={style.header}>{header}</h1>\n </div>\n ) : (\n <h1 className={style.header}>{header} </h1>\n )}\n {subHeader ? <h4 className={style.subHeader}>{subHeader} </h4> : null}\n </div>\n);\n\nHeader.propTypes = {\n step: PropTypes.string,\n header: PropTypes.string,\n subHeader: PropTypes.string\n};\n\nconst QrCodeImage = ({\n showMobileAppAccess,\n qrCodeImageUrl,\n preMessage,\n linkMessage,\n endMessage,\n qrCodeImageAlt\n}) => {\n return (\n <div className={style.qrcodeWrapper}>\n <Picture src={qrCodeImageUrl} alt={qrCodeImageAlt} />\n {showMobileAppAccess ? (\n <div className={style.qrcodeOverlay}>\n <div className={style.qrcodeModal}>\n <span>{preMessage} </span>\n <a href=\"mailto:assistance@coorpacademy.com\" className={style.qrcodeModalLink}>\n <span>{linkMessage} </span>\n </a>\n <span>{endMessage} </span>\n </div>\n </div>\n ) : null}\n </div>\n );\n};\nQrCodeImage.propTypes = {\n showMobileAppAccess: PropTypes.bool,\n qrCodeImageUrl: PropTypes.string,\n preMessage: PropTypes.string,\n linkMessage: PropTypes.string,\n endMessage: PropTypes.string,\n qrCodeImageAlt: PropTypes.string\n};\n\nconst MagicLink = ({disabled, submitValue, magicLinkUrl, color}) => {\n return (\n <div className={style.buttonWrapper}>\n <Button\n color={color}\n disabled={disabled}\n isLinkDisabled={disabled}\n href={magicLinkUrl}\n type=\"link\"\n submitValue={null}\n >\n <div className={style.iconWrapper}>\n <MagicWand className={style.magicLinkIcon} />\n <p>{submitValue}</p>\n </div>\n </Button>\n </div>\n );\n};\n\nMagicLink.propTypes = {\n magicLinkUrl: PropTypes.string,\n disabled: PropTypes.bool,\n submitValue: PropTypes.string\n};\n\nconst StoresLinks = ({\n onAppStoreButtonClick,\n appStoreButtonImageUrl,\n playStoreButtonImageUrl,\n onPlayStoreButtonClick,\n 'android-alt': androidAlt,\n 'ios-alt': iosAlt\n}) => (\n <div className={style.storeLinksContainer}>\n <Picture\n className={style.img}\n src={appStoreButtonImageUrl}\n onClick={onAppStoreButtonClick}\n alt={iosAlt}\n />\n <Picture\n className={style.img}\n src={playStoreButtonImageUrl}\n onClick={onPlayStoreButtonClick}\n alt={androidAlt}\n />\n </div>\n);\n\nStoresLinks.propTypes = {\n onAppStoreButtonClick: PropTypes.func,\n appStoreButtonImageUrl: PropTypes.string,\n playStoreButtonImageUrl: PropTypes.string,\n onPlayStoreButtonClick: PropTypes.func,\n 'android-alt': PropTypes.string,\n 'ios-alt': PropTypes.string\n};\n\nconst Divider = ({word}) => (\n <div className={style.dividerWrapper}>\n <div className={style.divider} />\n <p>{word}</p>\n <div className={style.divider} />\n </div>\n);\n\nDivider.propTypes = {\n word: PropTypes.string\n};\n\nconst GetTheApp = (props, context) => {\n const {\n onAppStoreButtonClick,\n appStoreButtonImageUrl,\n playStoreButtonImageUrl,\n onPlayStoreButtonClick,\n storeStep,\n connectionStep,\n qrCodeStep,\n magicLinkStep,\n diviserWord,\n qrCodeImageUrl,\n magicLinkUrl,\n disabled,\n showMobileAppAccess,\n submitValue,\n preMessage,\n linkMessage,\n endMessage,\n 'android-alt': androidAlt,\n 'ios-alt': iosAlt,\n qrCodeImageAlt,\n 'logo-aria-label': coorpAppLogoAriaLabel\n } = props;\n const {skin} = context;\n const primaryColor = get('common.primary', skin);\n return (\n <div className={style.container}>\n <div className={style.coorpAppLogoWrapper}>\n <CoorpAppLogo\n height={51}\n width={250}\n className={style.coorpAppLogo}\n aria-label={coorpAppLogoAriaLabel}\n />\n </div>\n <div className={style.store}>\n <Header {...storeStep} />\n <StoresLinks\n onAppStoreButtonClick={onAppStoreButtonClick}\n appStoreButtonImageUrl={appStoreButtonImageUrl}\n playStoreButtonImageUrl={playStoreButtonImageUrl}\n onPlayStoreButtonClick={onPlayStoreButtonClick}\n android-alt={androidAlt}\n ios-alt={iosAlt}\n />\n </div>\n <div className={style.secondStepWrapper}>\n <Header {...connectionStep} />\n <div className={style.connectionWrapper}>\n <div className={style.wrapper}>\n <Header {...qrCodeStep} />\n <QrCodeImage\n showMobileAppAccess={showMobileAppAccess}\n qrCodeImageUrl={qrCodeImageUrl}\n preMessage={preMessage}\n linkMessage={linkMessage}\n endMessage={endMessage}\n qrCodeImageAlt={qrCodeImageAlt}\n />\n </div>\n <Divider word={diviserWord} />\n <div className={style.wrapper}>\n <Header {...magicLinkStep} />\n <MagicLink\n style={{color: primaryColor}}\n submitValue={submitValue}\n disabled={disabled}\n magicLinkUrl={magicLinkUrl}\n />\n </div>\n </div>\n </div>\n </div>\n );\n};\n\nGetTheApp.propTypes = {\n ...StoresLinks.propTypes,\n storeStep: PropTypes.shape(Header.propTypes),\n connectionStep: PropTypes.shape(Header.propTypes),\n qrCodeStep: PropTypes.shape(Header.propTypes),\n magicLinkStep: PropTypes.shape(Header.propTypes),\n ...QrCodeImage.propTypes,\n diviserWord: Divider.propTypes.word,\n ...MagicLink.propTypes\n};\n\nexport default GetTheApp;\n"],"mappings":"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"}
|
|
@@ -7,6 +7,8 @@ declare class MoocHeader extends React.Component<any, any, any> {
|
|
|
7
7
|
href: PropTypes.Requireable<string>;
|
|
8
8
|
'aria-label': PropTypes.Requireable<string>;
|
|
9
9
|
'button-aria-label': PropTypes.Requireable<string>;
|
|
10
|
+
toolTipText: PropTypes.Requireable<string>;
|
|
11
|
+
closeToolTipInformationTextAriaLabel: PropTypes.Requireable<string>;
|
|
10
12
|
}>>;
|
|
11
13
|
search: PropTypes.Requireable<PropTypes.InferProps<{
|
|
12
14
|
value: PropTypes.Requireable<string>;
|
|
@@ -136,6 +138,7 @@ declare class MoocHeader extends React.Component<any, any, any> {
|
|
|
136
138
|
isSettingsOpen: boolean;
|
|
137
139
|
isMenuOpen: boolean;
|
|
138
140
|
isFocus: boolean;
|
|
141
|
+
isToolTipOpen: boolean;
|
|
139
142
|
};
|
|
140
143
|
handleSettingsToggle(): void;
|
|
141
144
|
handleMenuToggle(): void;
|
|
@@ -148,6 +151,9 @@ declare class MoocHeader extends React.Component<any, any, any> {
|
|
|
148
151
|
handleOnBlur(): void;
|
|
149
152
|
handleOnMenuOpen(): void;
|
|
150
153
|
handleOnMenuClose(): void;
|
|
154
|
+
handleOnMouseOver(): void;
|
|
155
|
+
handleOnMouseLeave(): void;
|
|
156
|
+
handleKeyPress(event: any): void;
|
|
151
157
|
componentDidUpdate(prevProps: any, prevState: any, prevContext: any): void;
|
|
152
158
|
menuSettings: any;
|
|
153
159
|
render(): JSX.Element | null;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/mooc-header/index.js"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/mooc-header/index.js"],"names":[],"mappings":";AAyBA;IACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MA6FE;IAEF;;;;;;;;;;;;;;;;;;;;;;;MAGE;IAEF,wBAuBC;IArBC;;;;;MAKC;IAgDH,6BAIC;IAED,yBAGC;IAxBD,qCAQC;IAED,wBAGC;IAjBD,+BAEC;IA4BD,2BAKC;IAED,0BAKC;IAED,sBAIC;IAED,qBAIC;IAED,yBAQC;IAED,0BAQC;IAED,0BAIC;IAED,2BAIC;IAED,iCAUC;IA7GD,2EASC;IAGC,kBAAsB;IAmGxB,6BA0aC;CACF"}
|