@coorpacademy/components 11.2.7-alpha.3 → 11.2.7
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/review-presentation/index.d.ts.map +1 -1
- package/es/atom/review-presentation/index.js +5 -9
- package/es/atom/review-presentation/index.js.map +1 -1
- package/es/atom/review-presentation/prop-types.d.ts +0 -8
- package/es/atom/review-presentation/prop-types.d.ts.map +1 -1
- package/es/atom/review-presentation/prop-types.js +1 -2
- package/es/atom/review-presentation/prop-types.js.map +1 -1
- package/es/molecule/filters/index.d.ts +2 -0
- package/es/molecule/filters/index.d.ts.map +1 -1
- package/es/molecule/filters/index.js +10 -4
- package/es/molecule/filters/index.js.map +1 -1
- package/es/organism/mooc-footer/index.d.ts +1 -0
- package/es/organism/mooc-footer/index.d.ts.map +1 -1
- package/es/organism/mooc-footer/index.js +3 -1
- package/es/organism/mooc-footer/index.js.map +1 -1
- package/es/organism/mooc-header/index.d.ts.map +1 -1
- package/es/organism/mooc-header/index.js +4 -3
- package/es/organism/mooc-header/index.js.map +1 -1
- package/es/organism/review-congrats/index.native.d.ts.map +1 -1
- package/es/organism/review-congrats/index.native.js +5 -4
- package/es/organism/review-congrats/index.native.js.map +1 -1
- package/es/organism/review-slide/index.native.d.ts.map +1 -1
- package/es/organism/review-slide/index.native.js +3 -1
- package/es/organism/review-slide/index.native.js.map +1 -1
- package/es/organism/review-stacked-slides/index.native.d.ts +0 -1
- package/es/organism/review-stacked-slides/index.native.d.ts.map +1 -1
- package/es/organism/review-stacked-slides/index.native.js +37 -32
- package/es/organism/review-stacked-slides/index.native.js.map +1 -1
- package/es/template/activity/stars-summary.css +2 -0
- package/es/template/activity/stars-summary.js +2 -2
- package/es/template/activity/stars-summary.js.map +1 -1
- package/es/template/app-review/index.d.ts +0 -4
- package/es/template/app-review/index.d.ts.map +1 -1
- package/es/template/app-review/prop-types.d.ts +0 -4
- package/es/template/app-review/prop-types.d.ts.map +1 -1
- package/es/template/common/search-page/index.d.ts +4 -0
- package/es/template/common/search-page/index.d.ts.map +1 -1
- package/es/template/common/search-page/index.js +10 -3
- package/es/template/common/search-page/index.js.map +1 -1
- package/es/template/review-dashboard-skills/index.d.ts +0 -4
- package/lib/atom/review-presentation/index.d.ts.map +1 -1
- package/lib/atom/review-presentation/index.js +5 -9
- package/lib/atom/review-presentation/index.js.map +1 -1
- package/lib/atom/review-presentation/prop-types.d.ts +0 -8
- package/lib/atom/review-presentation/prop-types.d.ts.map +1 -1
- package/lib/atom/review-presentation/prop-types.js +1 -2
- package/lib/atom/review-presentation/prop-types.js.map +1 -1
- package/lib/molecule/filters/index.d.ts +2 -0
- package/lib/molecule/filters/index.d.ts.map +1 -1
- package/lib/molecule/filters/index.js +10 -4
- package/lib/molecule/filters/index.js.map +1 -1
- package/lib/organism/mooc-footer/index.d.ts +1 -0
- package/lib/organism/mooc-footer/index.d.ts.map +1 -1
- package/lib/organism/mooc-footer/index.js +3 -1
- package/lib/organism/mooc-footer/index.js.map +1 -1
- package/lib/organism/mooc-header/index.d.ts.map +1 -1
- package/lib/organism/mooc-header/index.js +4 -3
- package/lib/organism/mooc-header/index.js.map +1 -1
- package/lib/organism/review-congrats/index.native.d.ts.map +1 -1
- package/lib/organism/review-congrats/index.native.js +5 -4
- package/lib/organism/review-congrats/index.native.js.map +1 -1
- package/lib/organism/review-slide/index.native.d.ts.map +1 -1
- package/lib/organism/review-slide/index.native.js +3 -1
- package/lib/organism/review-slide/index.native.js.map +1 -1
- package/lib/organism/review-stacked-slides/index.native.d.ts +0 -1
- package/lib/organism/review-stacked-slides/index.native.d.ts.map +1 -1
- package/lib/organism/review-stacked-slides/index.native.js +38 -34
- package/lib/organism/review-stacked-slides/index.native.js.map +1 -1
- package/lib/template/activity/stars-summary.css +2 -0
- package/lib/template/activity/stars-summary.js +2 -2
- package/lib/template/activity/stars-summary.js.map +1 -1
- package/lib/template/app-review/index.d.ts +0 -4
- package/lib/template/app-review/index.d.ts.map +1 -1
- package/lib/template/app-review/prop-types.d.ts +0 -4
- package/lib/template/app-review/prop-types.d.ts.map +1 -1
- package/lib/template/common/search-page/index.d.ts +4 -0
- package/lib/template/common/search-page/index.d.ts.map +1 -1
- package/lib/template/common/search-page/index.js +10 -3
- package/lib/template/common/search-page/index.js.map +1 -1
- package/lib/template/review-dashboard-skills/index.d.ts +0 -4
- package/locales/.mtslconfig.json +1 -0
- package/package.json +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/review-presentation/index.js"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/review-presentation/index.js"],"names":[],"mappings":";AA4CA,6DA+BC"}
|
|
@@ -28,8 +28,7 @@ const getIcon = icon => {
|
|
|
28
28
|
};
|
|
29
29
|
|
|
30
30
|
const ToolTip = ({
|
|
31
|
-
tooltipText
|
|
32
|
-
moreDetailsAriaLabel
|
|
31
|
+
tooltipText
|
|
33
32
|
}) => {
|
|
34
33
|
return /*#__PURE__*/React.createElement("div", {
|
|
35
34
|
className: style.tooltipContainer
|
|
@@ -38,13 +37,12 @@ const ToolTip = ({
|
|
|
38
37
|
}, /*#__PURE__*/React.createElement(InformationIcon, {
|
|
39
38
|
className: style.informationIcon,
|
|
40
39
|
width: 12,
|
|
41
|
-
height: 12
|
|
42
|
-
"aria-label": moreDetailsAriaLabel
|
|
40
|
+
height: 12
|
|
43
41
|
})), /*#__PURE__*/React.createElement("div", {
|
|
44
42
|
className: style.toolTip
|
|
45
43
|
}, /*#__PURE__*/React.createElement("div", {
|
|
46
44
|
className: style.tooltipText
|
|
47
|
-
},
|
|
45
|
+
}, tooltipText)));
|
|
48
46
|
};
|
|
49
47
|
|
|
50
48
|
const ReviewPresentation = props => {
|
|
@@ -84,15 +82,13 @@ const ReviewPresentation = props => {
|
|
|
84
82
|
}, /*#__PURE__*/React.createElement("div", {
|
|
85
83
|
className: style.reviewListText
|
|
86
84
|
}, getIcon(key), " ", label.text), /*#__PURE__*/React.createElement(ToolTip, {
|
|
87
|
-
tooltipText: label.tooltipText
|
|
88
|
-
moreDetailsAriaLabel: label.moreDetailsAriaLabel
|
|
85
|
+
tooltipText: label.tooltipText
|
|
89
86
|
})));
|
|
90
87
|
}, labelsList)));
|
|
91
88
|
};
|
|
92
89
|
|
|
93
90
|
ToolTip.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
94
|
-
tooltipText: PropTypes.string
|
|
95
|
-
moreDetailsAriaLabel: PropTypes.string
|
|
91
|
+
tooltipText: PropTypes.string
|
|
96
92
|
} : {};
|
|
97
93
|
ReviewPresentation.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
|
|
98
94
|
export default ReviewPresentation;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["React","PropTypes","getOr","map","NovaSolidStatusCheckCircle2","CheckIcon","NovaSolidVoteRewardsVoteHeart","HeartIcon","NovaCompositionCoorpacademyInformationIcon","InformationIcon","NovaSolidInterfaceFeedbackInterfaceQuestionMark","QuestionIcon","NovaLineSelectionCursorsCursorArrowTarget","TargetIcon","style","propTypes","ICONS","skills","questions","lifes","allright","getIcon","icon","Icon","labelIcon","ToolTip","tooltipText","
|
|
1
|
+
{"version":3,"file":"index.js","names":["React","PropTypes","getOr","map","NovaSolidStatusCheckCircle2","CheckIcon","NovaSolidVoteRewardsVoteHeart","HeartIcon","NovaCompositionCoorpacademyInformationIcon","InformationIcon","NovaSolidInterfaceFeedbackInterfaceQuestionMark","QuestionIcon","NovaLineSelectionCursorsCursorArrowTarget","TargetIcon","style","propTypes","ICONS","skills","questions","lifes","allright","getIcon","icon","Icon","labelIcon","ToolTip","tooltipText","tooltipContainer","tooltipIconContainer","informationIcon","toolTip","ReviewPresentation","props","ariaLabel","reviewTitle","reviewText","labelsList","reviewWrapper","__html","reviewListWrapper","convert","cap","label","key","reviewList","reviewListItemWrapper","reviewListText","text","string"],"sources":["../../../src/atom/review-presentation/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport getOr from 'lodash/fp/getOr';\nimport map from 'lodash/fp/map';\nimport {\n NovaSolidStatusCheckCircle2 as CheckIcon,\n NovaSolidVoteRewardsVoteHeart as HeartIcon,\n NovaCompositionCoorpacademyInformationIcon as InformationIcon,\n NovaSolidInterfaceFeedbackInterfaceQuestionMark as QuestionIcon,\n NovaLineSelectionCursorsCursorArrowTarget as TargetIcon\n} from '@coorpacademy/nova-icons';\nimport style from './style.css';\nimport propTypes from './prop-types';\n\nconst ICONS = {\n skills: TargetIcon,\n questions: QuestionIcon,\n lifes: HeartIcon,\n allright: CheckIcon\n};\n\nconst getIcon = icon => {\n const Icon = getOr(null, icon, ICONS);\n\n /* istanbul ignore next */\n if (!Icon) {\n return <div className={style.labelIcon} />;\n }\n return <Icon className={style.labelIcon} />;\n};\n\nconst ToolTip = ({tooltipText}) => {\n return (\n <div className={style.tooltipContainer}>\n <div className={style.tooltipIconContainer}>\n <InformationIcon className={style.informationIcon} width={12} height={12} />\n </div>\n <div className={style.toolTip}>\n <div className={style.tooltipText}>{tooltipText}</div>\n </div>\n </div>\n );\n};\n\nconst ReviewPresentation = props => {\n const {'aria-label': ariaLabel, reviewTitle, reviewText, labelsList} = props;\n\n return (\n <div className={style.reviewWrapper} aria-label={ariaLabel}>\n <div\n className={style.reviewTitle}\n // eslint-disable-next-line react/no-danger\n dangerouslySetInnerHTML={{__html: reviewTitle}}\n />\n <div\n className={style.reviewText}\n // eslint-disable-next-line react/no-danger\n dangerouslySetInnerHTML={{__html: reviewText}}\n />\n <ul className={style.reviewListWrapper}>\n {map.convert({cap: false})((label, key) => {\n return (\n <li key={`step-${key}`} className={style.reviewList}>\n <div className={style.reviewListItemWrapper} data-tip data-for=\"reviewListItem\">\n <div className={style.reviewListText}>\n {getIcon(key)} {label.text}\n </div>\n <ToolTip tooltipText={label.tooltipText} />\n </div>\n </li>\n );\n }, labelsList)}\n </ul>\n </div>\n );\n};\n\nToolTip.propTypes = {\n tooltipText: PropTypes.string\n};\n\nReviewPresentation.propTypes = propTypes;\n\nexport default ReviewPresentation;\n"],"mappings":"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"}
|
|
@@ -8,22 +8,18 @@ declare const propTypes: {
|
|
|
8
8
|
skills: PropTypes.Requireable<PropTypes.InferProps<{
|
|
9
9
|
text: PropTypes.Requireable<string>;
|
|
10
10
|
tooltipText: PropTypes.Requireable<string>;
|
|
11
|
-
moreDetailsAreaLabel: PropTypes.Requireable<string>;
|
|
12
11
|
}>>;
|
|
13
12
|
questions: PropTypes.Requireable<PropTypes.InferProps<{
|
|
14
13
|
text: PropTypes.Requireable<string>;
|
|
15
14
|
tooltipText: PropTypes.Requireable<string>;
|
|
16
|
-
moreDetailsAreaLabel: PropTypes.Requireable<string>;
|
|
17
15
|
}>>;
|
|
18
16
|
lifes: PropTypes.Requireable<PropTypes.InferProps<{
|
|
19
17
|
text: PropTypes.Requireable<string>;
|
|
20
18
|
tooltipText: PropTypes.Requireable<string>;
|
|
21
|
-
moreDetailsAreaLabel: PropTypes.Requireable<string>;
|
|
22
19
|
}>>;
|
|
23
20
|
allright: PropTypes.Requireable<PropTypes.InferProps<{
|
|
24
21
|
text: PropTypes.Requireable<string>;
|
|
25
22
|
tooltipText: PropTypes.Requireable<string>;
|
|
26
|
-
moreDetailsAreaLabel: PropTypes.Requireable<string>;
|
|
27
23
|
}>>;
|
|
28
24
|
}>>;
|
|
29
25
|
};
|
|
@@ -43,22 +39,18 @@ export declare type OnboardingProps = {
|
|
|
43
39
|
skills?: {
|
|
44
40
|
text?: string | undefined;
|
|
45
41
|
tooltipText?: string | undefined;
|
|
46
|
-
'aria-label'?: string | undefined;
|
|
47
42
|
} | undefined;
|
|
48
43
|
questions?: {
|
|
49
44
|
text?: string | undefined;
|
|
50
45
|
tooltipText?: string | undefined;
|
|
51
|
-
'aria-label'?: string | undefined;
|
|
52
46
|
};
|
|
53
47
|
lifes?: {
|
|
54
48
|
text?: string | undefined;
|
|
55
49
|
tooltipText?: string | undefined;
|
|
56
|
-
'aria-label'?: string | undefined;
|
|
57
50
|
} | undefined;
|
|
58
51
|
allright?: {
|
|
59
52
|
text?: string | undefined;
|
|
60
53
|
tooltipText?: string | undefined;
|
|
61
|
-
'aria-label'?: string | undefined;
|
|
62
54
|
} | undefined;
|
|
63
55
|
};
|
|
64
56
|
onPress: (event: GestureResponderEvent) => any;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"prop-types.d.ts","sourceRoot":"","sources":["../../../src/atom/review-presentation/prop-types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAC,qBAAqB,EAAC,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"prop-types.d.ts","sourceRoot":"","sources":["../../../src/atom/review-presentation/prop-types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAC,qBAAqB,EAAC,MAAM,cAAc,CAAC;AAOnD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;CAUd,CAAC;AAEF,eAAe,SAAS,CAAC;AAEzB,eAAO,MAAM,oBAAoB;;CAEhC,CAAC;AAEF,eAAO,MAAM,aAAa;;;CAGzB,CAAC;AAEF,oBAAY,eAAe,GAAG;IAC5B,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,UAAU,CAAC,EAAE;QACX,MAAM,CAAC,EACH;YACE,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;YAC1B,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;SAClC,GACD,SAAS,CAAC;QACd,SAAS,CAAC,EAAE;YACV,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;YAC1B,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;SAClC,CAAC;QACF,KAAK,CAAC,EACF;YACE,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;YAC1B,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;SAClC,GACD,SAAS,CAAC;QACd,QAAQ,CAAC,EACL;YACE,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;YAC1B,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;SAClC,GACD,SAAS,CAAC;KACf,CAAC;IACF,OAAO,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,GAAG,CAAC;CAChD,CAAC;AAEF,oBAAY,QAAQ,GAAG;IACrB,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;IACzB,IAAI,EAAE,GAAG,CAAC;CACX,CAAC"}
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import PropTypes from 'prop-types';
|
|
2
2
|
const levelItem = PropTypes.shape({
|
|
3
3
|
text: PropTypes.string,
|
|
4
|
-
tooltipText: PropTypes.string
|
|
5
|
-
moreDetailsAreaLabel: PropTypes.string
|
|
4
|
+
tooltipText: PropTypes.string
|
|
6
5
|
});
|
|
7
6
|
const propTypes = {
|
|
8
7
|
'aria-label': PropTypes.string,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"prop-types.js","names":["PropTypes","levelItem","shape","text","string","tooltipText","
|
|
1
|
+
{"version":3,"file":"prop-types.js","names":["PropTypes","levelItem","shape","text","string","tooltipText","propTypes","reviewTitle","reviewText","labelsList","skills","questions","lifes","allright","OnboardingPropsTypes","onPress","func","TipPropsTypes","Icon","any"],"sources":["../../../src/atom/review-presentation/prop-types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport {GestureResponderEvent} from 'react-native';\n\nconst levelItem = PropTypes.shape({\n text: PropTypes.string,\n tooltipText: PropTypes.string\n});\n\nconst propTypes = {\n 'aria-label': PropTypes.string,\n reviewTitle: PropTypes.string,\n reviewText: PropTypes.string,\n labelsList: PropTypes.shape({\n skills: levelItem,\n questions: levelItem,\n lifes: levelItem,\n allright: levelItem\n })\n};\n\nexport default propTypes;\n\nexport const OnboardingPropsTypes = {\n onPress: PropTypes.func\n};\n\nexport const TipPropsTypes = {\n text: PropTypes.string,\n Icon: PropTypes.any\n};\n\nexport type OnboardingProps = {\n 'aria-label'?: string | undefined;\n reviewTitle?: string | undefined;\n reviewText?: string | undefined;\n labelsList?: {\n skills?:\n | {\n text?: string | undefined;\n tooltipText?: string | undefined;\n }\n | undefined;\n questions?: {\n text?: string | undefined;\n tooltipText?: string | undefined;\n };\n lifes?:\n | {\n text?: string | undefined;\n tooltipText?: string | undefined;\n }\n | undefined;\n allright?:\n | {\n text?: string | undefined;\n tooltipText?: string | undefined;\n }\n | undefined;\n };\n onPress: (event: GestureResponderEvent) => any;\n};\n\nexport type TipProps = {\n text: string | undefined;\n Icon: any;\n};\n"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AAGA,MAAMC,SAAS,GAAGD,SAAS,CAACE,KAAV,CAAgB;EAChCC,IAAI,EAAEH,SAAS,CAACI,MADgB;EAEhCC,WAAW,EAAEL,SAAS,CAACI;AAFS,CAAhB,CAAlB;AAKA,MAAME,SAAS,GAAG;EAChB,cAAcN,SAAS,CAACI,MADR;EAEhBG,WAAW,EAAEP,SAAS,CAACI,MAFP;EAGhBI,UAAU,EAAER,SAAS,CAACI,MAHN;EAIhBK,UAAU,EAAET,SAAS,CAACE,KAAV,CAAgB;IAC1BQ,MAAM,EAAET,SADkB;IAE1BU,SAAS,EAAEV,SAFe;IAG1BW,KAAK,EAAEX,SAHmB;IAI1BY,QAAQ,EAAEZ;EAJgB,CAAhB;AAJI,CAAlB;AAYA,eAAeK,SAAf;AAEA,OAAO,MAAMQ,oBAAoB,GAAG;EAClCC,OAAO,EAAEf,SAAS,CAACgB;AADe,CAA7B;AAIP,OAAO,MAAMC,aAAa,GAAG;EAC3Bd,IAAI,EAAEH,SAAS,CAACI,MADW;EAE3Bc,IAAI,EAAElB,SAAS,CAACmB;AAFW,CAAtB"}
|
|
@@ -35,6 +35,8 @@ declare class Filters extends React.Component<any, any, any> {
|
|
|
35
35
|
onSearch: PropTypes.Requireable<(...args: any[]) => any>;
|
|
36
36
|
onToggleFilters: PropTypes.Requireable<(...args: any[]) => any>;
|
|
37
37
|
onToggleSorts: PropTypes.Requireable<(...args: any[]) => any>;
|
|
38
|
+
moreSortAriaLabel: PropTypes.Requireable<string>;
|
|
39
|
+
moreFilterAriaLabel: PropTypes.Requireable<string>;
|
|
38
40
|
};
|
|
39
41
|
static contextTypes: {
|
|
40
42
|
skin: PropTypes.Requireable<PropTypes.InferProps<{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/filters/index.js"],"names":[],"mappings":";AASA;IACE
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/filters/index.js"],"names":[],"mappings":";AASA;IACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAcE;IAEF;;;;;;;;;;;;;;;;;;;;;;MAEE;IAEF,wBASC;IAPC;;;MAGC;IAMH,yBAcC;IAED,uBAYC;IAED,qBAOC;IAED,sBAsFC;CACF"}
|
|
@@ -70,7 +70,9 @@ class Filters extends React.Component {
|
|
|
70
70
|
filterTabLabel,
|
|
71
71
|
sortCTALabel,
|
|
72
72
|
sortTabLabel,
|
|
73
|
-
filters
|
|
73
|
+
filters,
|
|
74
|
+
moreFilterAriaLabel,
|
|
75
|
+
moreSortAriaLabel
|
|
74
76
|
} = this.props;
|
|
75
77
|
const {
|
|
76
78
|
filter,
|
|
@@ -105,7 +107,8 @@ class Filters extends React.Component {
|
|
|
105
107
|
className: style.arrow
|
|
106
108
|
}, /*#__PURE__*/React.createElement(ArrowDown, {
|
|
107
109
|
color: darkColor,
|
|
108
|
-
height: 14
|
|
110
|
+
height: 14,
|
|
111
|
+
"aria-label": moreFilterAriaLabel
|
|
109
112
|
})))), /*#__PURE__*/React.createElement("div", {
|
|
110
113
|
"data-name": "sortBy",
|
|
111
114
|
"data-open": sortingActive,
|
|
@@ -118,7 +121,8 @@ class Filters extends React.Component {
|
|
|
118
121
|
className: style.arrow
|
|
119
122
|
}, /*#__PURE__*/React.createElement(ArrowDown, {
|
|
120
123
|
color: darkColor,
|
|
121
|
-
height: 14
|
|
124
|
+
height: 14,
|
|
125
|
+
"aria-label": moreSortAriaLabel
|
|
122
126
|
})))), /*#__PURE__*/React.createElement("div", {
|
|
123
127
|
"data-name": "filterWrapper",
|
|
124
128
|
className: filtersActive ? style.activeWrapperFilters : style.wrapperFilters
|
|
@@ -161,7 +165,9 @@ Filters.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
161
165
|
sorting: PropTypes.shape(Select.propTypes),
|
|
162
166
|
onSearch: PropTypes.func,
|
|
163
167
|
onToggleFilters: PropTypes.func,
|
|
164
|
-
onToggleSorts: PropTypes.func
|
|
168
|
+
onToggleSorts: PropTypes.func,
|
|
169
|
+
moreSortAriaLabel: PropTypes.string,
|
|
170
|
+
moreFilterAriaLabel: PropTypes.string
|
|
165
171
|
} : {};
|
|
166
172
|
export default Filters;
|
|
167
173
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["React","PropTypes","NovaCompositionNavigationArrowDown","ArrowDown","Select","Provider","style","FiltersWrapper","Filters","Component","constructor","props","state","filter","openFilters","sorted","openSorts","handleOpenFilter","bind","handleOpenSort","handleSearch","onToggleFilters","newValue","setState","onToggleSorts","onSearch","render","sorting","filterCTALabel","filterTabLabel","sortCTALabel","sortTabLabel","filters","skin","context","defaultColor","darkColor","filtersActive","sortingActive","sortView","undefined","select","search","activeDefault","default","title","arrow","activeWrapperSortBy","wrapperSortBy","activeWrapperFilters","wrapperFilters","wrapper","CTAfilter","backgroundColor","activeSorting","contextTypes","childContextTypes","propTypes","string","bool","shape","func"],"sources":["../../../src/molecule/filters/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get} from 'lodash/fp';\nimport {NovaCompositionNavigationArrowDown as ArrowDown} from '@coorpacademy/nova-icons';\nimport Select from '../../atom/select';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\nimport FiltersWrapper from './filters-wrapper';\n\nclass Filters extends React.Component {\n static propTypes = {\n filterCTALabel: PropTypes.string,\n filterTabLabel: PropTypes.string,\n sortCTALabel: PropTypes.string,\n sortTabLabel: PropTypes.string,\n openFilters: PropTypes.bool,\n openSorts: PropTypes.bool,\n filters: FiltersWrapper.propTypes.filters,\n sorting: PropTypes.shape(Select.propTypes),\n onSearch: PropTypes.func,\n onToggleFilters: PropTypes.func,\n onToggleSorts: PropTypes.func\n };\n\n static contextTypes = {\n skin: Provider.childContextTypes.skin\n };\n\n constructor(props) {\n super(props);\n this.state = {\n filter: !!props.openFilters,\n sorted: !!props.openSorts\n };\n this.handleOpenFilter = this.handleOpenFilter.bind(this);\n this.handleOpenSort = this.handleOpenSort.bind(this);\n this.handleSearch = this.handleSearch.bind(this);\n }\n\n handleOpenFilter() {\n const {filter} = this.state;\n const {onToggleFilters} = this.props;\n\n const newValue = !filter;\n\n this.setState({\n filter: newValue,\n sorted: false\n });\n\n if (onToggleFilters) {\n onToggleFilters(newValue);\n }\n }\n\n handleOpenSort() {\n const {sorted} = this.state;\n const {onToggleSorts} = this.props;\n\n const newValue = !sorted;\n\n this.setState({\n sorted: newValue,\n filter: false\n });\n\n if (onToggleSorts) onToggleSorts(newValue);\n }\n\n handleSearch() {\n const {onSearch} = this.props;\n this.setState({\n sorted: false,\n filter: false\n });\n if (onSearch) onSearch();\n }\n\n render() {\n const {sorting
|
|
1
|
+
{"version":3,"file":"index.js","names":["React","PropTypes","NovaCompositionNavigationArrowDown","ArrowDown","Select","Provider","style","FiltersWrapper","Filters","Component","constructor","props","state","filter","openFilters","sorted","openSorts","handleOpenFilter","bind","handleOpenSort","handleSearch","onToggleFilters","newValue","setState","onToggleSorts","onSearch","render","sorting","filterCTALabel","filterTabLabel","sortCTALabel","sortTabLabel","filters","moreFilterAriaLabel","moreSortAriaLabel","skin","context","defaultColor","darkColor","filtersActive","sortingActive","sortView","undefined","select","search","activeDefault","default","title","arrow","activeWrapperSortBy","wrapperSortBy","activeWrapperFilters","wrapperFilters","wrapper","CTAfilter","backgroundColor","activeSorting","contextTypes","childContextTypes","propTypes","string","bool","shape","func"],"sources":["../../../src/molecule/filters/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get} from 'lodash/fp';\nimport {NovaCompositionNavigationArrowDown as ArrowDown} from '@coorpacademy/nova-icons';\nimport Select from '../../atom/select';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\nimport FiltersWrapper from './filters-wrapper';\n\nclass Filters extends React.Component {\n static propTypes = {\n filterCTALabel: PropTypes.string,\n filterTabLabel: PropTypes.string,\n sortCTALabel: PropTypes.string,\n sortTabLabel: PropTypes.string,\n openFilters: PropTypes.bool,\n openSorts: PropTypes.bool,\n filters: FiltersWrapper.propTypes.filters,\n sorting: PropTypes.shape(Select.propTypes),\n onSearch: PropTypes.func,\n onToggleFilters: PropTypes.func,\n onToggleSorts: PropTypes.func,\n moreSortAriaLabel: PropTypes.string,\n moreFilterAriaLabel: PropTypes.string\n };\n\n static contextTypes = {\n skin: Provider.childContextTypes.skin\n };\n\n constructor(props) {\n super(props);\n this.state = {\n filter: !!props.openFilters,\n sorted: !!props.openSorts\n };\n this.handleOpenFilter = this.handleOpenFilter.bind(this);\n this.handleOpenSort = this.handleOpenSort.bind(this);\n this.handleSearch = this.handleSearch.bind(this);\n }\n\n handleOpenFilter() {\n const {filter} = this.state;\n const {onToggleFilters} = this.props;\n\n const newValue = !filter;\n\n this.setState({\n filter: newValue,\n sorted: false\n });\n\n if (onToggleFilters) {\n onToggleFilters(newValue);\n }\n }\n\n handleOpenSort() {\n const {sorted} = this.state;\n const {onToggleSorts} = this.props;\n\n const newValue = !sorted;\n\n this.setState({\n sorted: newValue,\n filter: false\n });\n\n if (onToggleSorts) onToggleSorts(newValue);\n }\n\n handleSearch() {\n const {onSearch} = this.props;\n this.setState({\n sorted: false,\n filter: false\n });\n if (onSearch) onSearch();\n }\n\n render() {\n const {\n sorting,\n filterCTALabel,\n filterTabLabel,\n sortCTALabel,\n sortTabLabel,\n filters,\n moreFilterAriaLabel,\n moreSortAriaLabel\n } = this.props;\n const {filter, sorted} = this.state;\n const {skin} = this.context;\n\n const defaultColor = get('common.primary', skin);\n const darkColor = get('common.dark', skin);\n const filtersActive = filter === true;\n const sortingActive = sorted === true;\n\n const sortView =\n sorting !== undefined ? (\n <div data-name=\"choice\" className={style.select}>\n <Select {...sorting} />\n </div>\n ) : null;\n\n return (\n <div data-name=\"search\" className={style.search}>\n <div\n data-name=\"filter\"\n data-open={filtersActive}\n className={filtersActive ? style.activeDefault : style.default}\n >\n <div className={style.title} data-name=\"filterButton\" onClick={this.handleOpenFilter}>\n {filterTabLabel}\n <div className={style.arrow}>\n <ArrowDown color={darkColor} height={14} aria-label={moreFilterAriaLabel} />\n </div>\n </div>\n </div>\n <div\n data-name=\"sortBy\"\n data-open={sortingActive}\n className={sortingActive ? style.activeWrapperSortBy : style.wrapperSortBy}\n >\n <div className={style.title} data-name=\"sortButton\" onClick={this.handleOpenSort}>\n {sortTabLabel}\n <div className={style.arrow}>\n <ArrowDown color={darkColor} height={14} aria-label={moreSortAriaLabel} />\n </div>\n </div>\n </div>\n <div\n data-name=\"filterWrapper\"\n className={filtersActive ? style.activeWrapperFilters : style.wrapperFilters}\n >\n <FiltersWrapper className={style.wrapper} filters={filters} />\n <div\n data-name=\"cta\"\n className={style.CTAfilter}\n style={{\n backgroundColor: defaultColor\n }}\n onClick={this.handleSearch}\n >\n {filterCTALabel}\n </div>\n </div>\n <div\n data-name=\"sortWrapper\"\n className={sortingActive ? style.activeSorting : style.sorting}\n >\n {sortView}\n <div\n data-name=\"cta\"\n className={style.CTAfilter}\n style={{\n backgroundColor: defaultColor\n }}\n onClick={this.handleSearch}\n >\n {sortCTALabel}\n </div>\n </div>\n </div>\n );\n }\n}\n\nexport default Filters;\n"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,SAAQC,kCAAkC,IAAIC,SAA9C,QAA8D,0BAA9D;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,OAAOC,QAAP,MAAqB,qBAArB;AACA,OAAOC,KAAP,MAAkB,aAAlB;AACA,OAAOC,cAAP,MAA2B,mBAA3B;;AAEA,MAAMC,OAAN,SAAsBR,KAAK,CAACS,SAA5B,CAAsC;EAqBpCC,WAAW,CAACC,KAAD,EAAQ;IACjB,MAAMA,KAAN;IACA,KAAKC,KAAL,GAAa;MACXC,MAAM,EAAE,CAAC,CAACF,KAAK,CAACG,WADL;MAEXC,MAAM,EAAE,CAAC,CAACJ,KAAK,CAACK;IAFL,CAAb;IAIA,KAAKC,gBAAL,GAAwB,KAAKA,gBAAL,CAAsBC,IAAtB,CAA2B,IAA3B,CAAxB;IACA,KAAKC,cAAL,GAAsB,KAAKA,cAAL,CAAoBD,IAApB,CAAyB,IAAzB,CAAtB;IACA,KAAKE,YAAL,GAAoB,KAAKA,YAAL,CAAkBF,IAAlB,CAAuB,IAAvB,CAApB;EACD;;EAEDD,gBAAgB,GAAG;IACjB,MAAM;MAACJ;IAAD,IAAW,KAAKD,KAAtB;IACA,MAAM;MAACS;IAAD,IAAoB,KAAKV,KAA/B;IAEA,MAAMW,QAAQ,GAAG,CAACT,MAAlB;IAEA,KAAKU,QAAL,CAAc;MACZV,MAAM,EAAES,QADI;MAEZP,MAAM,EAAE;IAFI,CAAd;;IAKA,IAAIM,eAAJ,EAAqB;MACnBA,eAAe,CAACC,QAAD,CAAf;IACD;EACF;;EAEDH,cAAc,GAAG;IACf,MAAM;MAACJ;IAAD,IAAW,KAAKH,KAAtB;IACA,MAAM;MAACY;IAAD,IAAkB,KAAKb,KAA7B;IAEA,MAAMW,QAAQ,GAAG,CAACP,MAAlB;IAEA,KAAKQ,QAAL,CAAc;MACZR,MAAM,EAAEO,QADI;MAEZT,MAAM,EAAE;IAFI,CAAd;IAKA,IAAIW,aAAJ,EAAmBA,aAAa,CAACF,QAAD,CAAb;EACpB;;EAEDF,YAAY,GAAG;IACb,MAAM;MAACK;IAAD,IAAa,KAAKd,KAAxB;IACA,KAAKY,QAAL,CAAc;MACZR,MAAM,EAAE,KADI;MAEZF,MAAM,EAAE;IAFI,CAAd;IAIA,IAAIY,QAAJ,EAAcA,QAAQ;EACvB;;EAEDC,MAAM,GAAG;IACP,MAAM;MACJC,OADI;MAEJC,cAFI;MAGJC,cAHI;MAIJC,YAJI;MAKJC,YALI;MAMJC,OANI;MAOJC,mBAPI;MAQJC;IARI,IASF,KAAKvB,KATT;IAUA,MAAM;MAACE,MAAD;MAASE;IAAT,IAAmB,KAAKH,KAA9B;IACA,MAAM;MAACuB;IAAD,IAAS,KAAKC,OAApB;;IAEA,MAAMC,YAAY,GAAG,KAAI,gBAAJ,EAAsBF,IAAtB,CAArB;;IACA,MAAMG,SAAS,GAAG,KAAI,aAAJ,EAAmBH,IAAnB,CAAlB;;IACA,MAAMI,aAAa,GAAG1B,MAAM,KAAK,IAAjC;IACA,MAAM2B,aAAa,GAAGzB,MAAM,KAAK,IAAjC;IAEA,MAAM0B,QAAQ,GACZd,OAAO,KAAKe,SAAZ,gBACE;MAAK,aAAU,QAAf;MAAwB,SAAS,EAAEpC,KAAK,CAACqC;IAAzC,gBACE,oBAAC,MAAD,EAAYhB,OAAZ,CADF,CADF,GAII,IALN;IAOA,oBACE;MAAK,aAAU,QAAf;MAAwB,SAAS,EAAErB,KAAK,CAACsC;IAAzC,gBACE;MACE,aAAU,QADZ;MAEE,aAAWL,aAFb;MAGE,SAAS,EAAEA,aAAa,GAAGjC,KAAK,CAACuC,aAAT,GAAyBvC,KAAK,CAACwC;IAHzD,gBAKE;MAAK,SAAS,EAAExC,KAAK,CAACyC,KAAtB;MAA6B,aAAU,cAAvC;MAAsD,OAAO,EAAE,KAAK9B;IAApE,GACGY,cADH,eAEE;MAAK,SAAS,EAAEvB,KAAK,CAAC0C;IAAtB,gBACE,oBAAC,SAAD;MAAW,KAAK,EAAEV,SAAlB;MAA6B,MAAM,EAAE,EAArC;MAAyC,cAAYL;IAArD,EADF,CAFF,CALF,CADF,eAaE;MACE,aAAU,QADZ;MAEE,aAAWO,aAFb;MAGE,SAAS,EAAEA,aAAa,GAAGlC,KAAK,CAAC2C,mBAAT,GAA+B3C,KAAK,CAAC4C;IAH/D,gBAKE;MAAK,SAAS,EAAE5C,KAAK,CAACyC,KAAtB;MAA6B,aAAU,YAAvC;MAAoD,OAAO,EAAE,KAAK5B;IAAlE,GACGY,YADH,eAEE;MAAK,SAAS,EAAEzB,KAAK,CAAC0C;IAAtB,gBACE,oBAAC,SAAD;MAAW,KAAK,EAAEV,SAAlB;MAA6B,MAAM,EAAE,EAArC;MAAyC,cAAYJ;IAArD,EADF,CAFF,CALF,CAbF,eAyBE;MACE,aAAU,eADZ;MAEE,SAAS,EAAEK,aAAa,GAAGjC,KAAK,CAAC6C,oBAAT,GAAgC7C,KAAK,CAAC8C;IAFhE,gBAIE,oBAAC,cAAD;MAAgB,SAAS,EAAE9C,KAAK,CAAC+C,OAAjC;MAA0C,OAAO,EAAErB;IAAnD,EAJF,eAKE;MACE,aAAU,KADZ;MAEE,SAAS,EAAE1B,KAAK,CAACgD,SAFnB;MAGE,KAAK,EAAE;QACLC,eAAe,EAAElB;MADZ,CAHT;MAME,OAAO,EAAE,KAAKjB;IANhB,GAQGQ,cARH,CALF,CAzBF,eAyCE;MACE,aAAU,aADZ;MAEE,SAAS,EAAEY,aAAa,GAAGlC,KAAK,CAACkD,aAAT,GAAyBlD,KAAK,CAACqB;IAFzD,GAIGc,QAJH,eAKE;MACE,aAAU,KADZ;MAEE,SAAS,EAAEnC,KAAK,CAACgD,SAFnB;MAGE,KAAK,EAAE;QACLC,eAAe,EAAElB;MADZ,CAHT;MAME,OAAO,EAAE,KAAKjB;IANhB,GAQGU,YARH,CALF,CAzCF,CADF;EA4DD;;AA7JmC;;AAAhCtB,O,CAiBGiD,Y,GAAe;EACpBtB,IAAI,EAAE9B,QAAQ,CAACqD,iBAAT,CAA2BvB;AADb,C;AAjBlB3B,O,CACGmD,S,2CAAY;EACjB/B,cAAc,EAAE3B,SAAS,CAAC2D,MADT;EAEjB/B,cAAc,EAAE5B,SAAS,CAAC2D,MAFT;EAGjB9B,YAAY,EAAE7B,SAAS,CAAC2D,MAHP;EAIjB7B,YAAY,EAAE9B,SAAS,CAAC2D,MAJP;EAKjB9C,WAAW,EAAEb,SAAS,CAAC4D,IALN;EAMjB7C,SAAS,EAAEf,SAAS,CAAC4D,IANJ;EAOjB7B,OAAO,EAAEzB,cAAc,CAACoD,SAAf,CAAyB3B,OAPjB;EAQjBL,OAAO,EAAE1B,SAAS,CAAC6D,KAAV,CAAgB1D,MAAM,CAACuD,SAAvB,CARQ;EASjBlC,QAAQ,EAAExB,SAAS,CAAC8D,IATH;EAUjB1C,eAAe,EAAEpB,SAAS,CAAC8D,IAVV;EAWjBvC,aAAa,EAAEvB,SAAS,CAAC8D,IAXR;EAYjB7B,iBAAiB,EAAEjC,SAAS,CAAC2D,MAZZ;EAajB3B,mBAAmB,EAAEhC,SAAS,CAAC2D;AAbd,C;AA+JrB,eAAepD,OAAf"}
|
|
@@ -18,6 +18,7 @@ declare namespace MoocFooter {
|
|
|
18
18
|
title: PropTypes.Requireable<string>;
|
|
19
19
|
link: PropTypes.Requireable<string>;
|
|
20
20
|
target: PropTypes.Requireable<string>;
|
|
21
|
+
ariaLabel: PropTypes.Requireable<string>;
|
|
21
22
|
}> | null | undefined)[]>;
|
|
22
23
|
}> | null | undefined)[]>;
|
|
23
24
|
socialLinks: PropTypes.Requireable<(PropTypes.InferProps<{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/mooc-footer/index.js"],"names":[],"mappings":";AA+CA,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/mooc-footer/index.js"],"names":[],"mappings":";AA+CA,qDAgIC"}
|
|
@@ -93,6 +93,7 @@ function MoocFooter(props) {
|
|
|
93
93
|
"data-text": page.title,
|
|
94
94
|
className: style.pageLink,
|
|
95
95
|
target: page.target,
|
|
96
|
+
"aria-label": page.ariaLabel ? page.ariaLabel : page.title,
|
|
96
97
|
"data-name": page.title
|
|
97
98
|
}, page.title));
|
|
98
99
|
}));
|
|
@@ -160,7 +161,8 @@ MoocFooter.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
160
161
|
pages: PropTypes.arrayOf(PropTypes.shape({
|
|
161
162
|
title: PropTypes.string,
|
|
162
163
|
link: PropTypes.string,
|
|
163
|
-
target: PropTypes.string
|
|
164
|
+
target: PropTypes.string,
|
|
165
|
+
ariaLabel: PropTypes.string
|
|
164
166
|
}))
|
|
165
167
|
})),
|
|
166
168
|
socialLinks: PropTypes.arrayOf(PropTypes.shape({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["React","PropTypes","NovaCompositionCoorpacademyCoorpApp","CoorpAppLogo","NovaCompositionCoorpacademyCoorpLogo","CoorpLogo","Link","SocialLink","Picture","style","socialLinksTypes","StoresLinks","onAppStoreButtonClick","appStoreButtonImageUrl","playStoreButtonImageUrl","onPlayStoreButtonClick","androidAlt","iosAlt","storeLinksContainer","imgApple","img","propTypes","func","string","MoocFooter","props","headSection","socialLinks","logoAriaLabel","socialLinksAriaLabel","siteMapSections","headSectionView","headSpacingContainer","headSectionWrapper","logoAndLabelWrapper","logoWrapper","coorpAppLogo","marketingLabel","title","mobileAppLinks","renderPagesFromSection","pages","pagesList","map","page","pindex","handleClick","onClick","link","pageLink","target","sections","section","index","sectionWrapper","sectionTitle","socialLinksView","socialLink","type","socialNetworks","logoSocialNetworksContainer","coorpLogo","socialNetworksWrapper","siteMap","siteMapSpacingContainer","siteMapContainer","sectionsContainer","shape","arrayOf","oneOf"],"sources":["../../../src/organism/mooc-footer/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {isEmpty} from 'lodash/fp';\nimport {\n NovaCompositionCoorpacademyCoorpApp as CoorpAppLogo,\n NovaCompositionCoorpacademyCoorpLogo as CoorpLogo\n} from '@coorpacademy/nova-icons';\nimport Link from '../../atom/link';\nimport SocialLink from '../../atom/social-link';\nimport Picture from '../../atom/picture';\nimport style from './style.css';\n\nconst socialLinksTypes = ['facebook', 'twitter', 'linkedin', 'youtube', 'instagram'];\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.imgApple}\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\nfunction MoocFooter(props) {\n const {\n headSection = {},\n socialLinks = [],\n 'logo-aria-label': logoAriaLabel,\n 'social-links-aria-label': socialLinksAriaLabel,\n siteMapSections = []\n } = props;\n\n // Header section of the footer (the marketing banner)\n\n const headSectionView = !isEmpty(headSection) ? (\n <div data-name=\"headSpacingContainer\" className={style.headSpacingContainer}>\n <div data-name=\"headSection\" className={style.headSectionWrapper}>\n <div className={style.logoAndLabelWrapper}>\n <div className={style.logoWrapper}>\n <CoorpAppLogo\n className={style.coorpAppLogo}\n aria-label={headSection['logo-aria-label']}\n />\n </div>\n <div data-name=\"mobile-marketing-text\" className={style.marketingLabel}>\n {headSection.title}\n </div>\n </div>\n <div data-name=\"mobile-apps-buttons-wrapper\" className={style.mobileAppLinks}>\n <StoresLinks\n // ignored due to naming conventions in JSX rather than a linting error\n // eslint-disable-next-line react/jsx-handler-names\n onAppStoreButtonClick={headSection.onAppStoreButtonClick}\n appStoreButtonImageUrl={headSection.appStoreButtonImageUrl}\n playStoreButtonImageUrl={headSection.playStoreButtonImageUrl}\n // eslint-disable-next-line react/jsx-handler-names\n onPlayStoreButtonClick={headSection.onPlayStoreButtonClick}\n android-alt={headSection['android-alt']}\n ios-alt={headSection['ios-alt']}\n />\n </div>\n </div>\n </div>\n ) : null;\n\n // Sitemap section of the footer (contains HELP, TOOLBOX... and other pages, as well as social links)\n\n const renderPagesFromSection = pages => {\n return (\n <ul className={style.pagesList} data-name=\"pages-list\">\n {pages.map((page, pindex) => {\n const handleClick = page.onClick;\n return (\n <li key={pindex}>\n <Link\n href={page.link}\n onClick={handleClick}\n title={page.title}\n data-text={page.title}\n className={style.pageLink}\n target={page.target}\n data-name={page.title}\n >\n {page.title}\n </Link>\n </li>\n );\n })}\n </ul>\n );\n };\n\n const sections = !isEmpty(siteMapSections)\n ? siteMapSections.map((section, index) => {\n return (\n <div key={index} className={style.sectionWrapper}>\n <p className={style.sectionTitle}>{section.title}</p>\n {renderPagesFromSection(section.pages)}\n </div>\n );\n })\n : null;\n\n const socialLinksView = socialLinks.map((socialLink, index) => {\n return (\n <li className={style.socialLink} key={index}>\n <SocialLink\n type={socialLink.type}\n link={socialLink.link}\n mode=\"footer\"\n aria-label={socialLink['aria-label']}\n />\n </li>\n );\n });\n\n const socialNetworks = (\n <div data-name=\"logo-social-networks-container\" className={style.logoSocialNetworksContainer}>\n <CoorpLogo\n className={style.coorpLogo}\n data-name=\"coorp-social-networks-logo\"\n aria-label={logoAriaLabel}\n />\n <ul\n data-name=\"social-networks-wrapper\"\n className={style.socialNetworksWrapper}\n aria-label={socialLinksAriaLabel}\n >\n {socialLinksView}\n </ul>\n </div>\n );\n\n const siteMap = (\n <div data-name=\"site-map-spacing-container\" className={style.siteMapSpacingContainer}>\n <div data-name=\"site-map\" className={style.siteMapContainer}>\n <div data-name=\"sections\" className={style.sectionsContainer}>\n {sections}\n </div>\n {socialNetworks}\n </div>\n </div>\n );\n\n return (\n <footer data-name=\"mooc-footer\">\n {headSectionView}\n {siteMap}\n </footer>\n );\n}\n\nMoocFooter.propTypes = {\n headSection: PropTypes.shape({\n title: PropTypes.string,\n onAppStoreButtonClick: PropTypes.func,\n appStoreButtonImageUrl: PropTypes.string,\n playStoreButtonImageUrl: PropTypes.string,\n onPlayStoreButtonClick: PropTypes.func,\n 'logo-aria-label': PropTypes.string,\n 'android-alt': PropTypes.string,\n 'ios-alt': PropTypes.string\n }),\n siteMapSections: PropTypes.arrayOf(\n PropTypes.shape({\n title: PropTypes.string,\n pages: PropTypes.arrayOf(\n PropTypes.shape({title: PropTypes.string, link: PropTypes.string, target: PropTypes.string})\n )\n })\n ),\n socialLinks: PropTypes.arrayOf(\n PropTypes.shape({\n type: PropTypes.oneOf(socialLinksTypes),\n link: PropTypes.string,\n onClick: PropTypes.func,\n 'aria-label': PropTypes.string\n })\n ),\n 'logo-aria-label': PropTypes.string,\n 'social-links-aria-label': PropTypes.string\n};\n\nexport default MoocFooter;\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.js","names":["React","PropTypes","NovaCompositionCoorpacademyCoorpApp","CoorpAppLogo","NovaCompositionCoorpacademyCoorpLogo","CoorpLogo","Link","SocialLink","Picture","style","socialLinksTypes","StoresLinks","onAppStoreButtonClick","appStoreButtonImageUrl","playStoreButtonImageUrl","onPlayStoreButtonClick","androidAlt","iosAlt","storeLinksContainer","imgApple","img","propTypes","func","string","MoocFooter","props","headSection","socialLinks","logoAriaLabel","socialLinksAriaLabel","siteMapSections","headSectionView","headSpacingContainer","headSectionWrapper","logoAndLabelWrapper","logoWrapper","coorpAppLogo","marketingLabel","title","mobileAppLinks","renderPagesFromSection","pages","pagesList","map","page","pindex","handleClick","onClick","link","pageLink","target","ariaLabel","sections","section","index","sectionWrapper","sectionTitle","socialLinksView","socialLink","type","socialNetworks","logoSocialNetworksContainer","coorpLogo","socialNetworksWrapper","siteMap","siteMapSpacingContainer","siteMapContainer","sectionsContainer","shape","arrayOf","oneOf"],"sources":["../../../src/organism/mooc-footer/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {isEmpty} from 'lodash/fp';\nimport {\n NovaCompositionCoorpacademyCoorpApp as CoorpAppLogo,\n NovaCompositionCoorpacademyCoorpLogo as CoorpLogo\n} from '@coorpacademy/nova-icons';\nimport Link from '../../atom/link';\nimport SocialLink from '../../atom/social-link';\nimport Picture from '../../atom/picture';\nimport style from './style.css';\n\nconst socialLinksTypes = ['facebook', 'twitter', 'linkedin', 'youtube', 'instagram'];\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.imgApple}\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\nfunction MoocFooter(props) {\n const {\n headSection = {},\n socialLinks = [],\n 'logo-aria-label': logoAriaLabel,\n 'social-links-aria-label': socialLinksAriaLabel,\n siteMapSections = []\n } = props;\n\n // Header section of the footer (the marketing banner)\n\n const headSectionView = !isEmpty(headSection) ? (\n <div data-name=\"headSpacingContainer\" className={style.headSpacingContainer}>\n <div data-name=\"headSection\" className={style.headSectionWrapper}>\n <div className={style.logoAndLabelWrapper}>\n <div className={style.logoWrapper}>\n <CoorpAppLogo\n className={style.coorpAppLogo}\n aria-label={headSection['logo-aria-label']}\n />\n </div>\n <div data-name=\"mobile-marketing-text\" className={style.marketingLabel}>\n {headSection.title}\n </div>\n </div>\n <div data-name=\"mobile-apps-buttons-wrapper\" className={style.mobileAppLinks}>\n <StoresLinks\n // ignored due to naming conventions in JSX rather than a linting error\n // eslint-disable-next-line react/jsx-handler-names\n onAppStoreButtonClick={headSection.onAppStoreButtonClick}\n appStoreButtonImageUrl={headSection.appStoreButtonImageUrl}\n playStoreButtonImageUrl={headSection.playStoreButtonImageUrl}\n // eslint-disable-next-line react/jsx-handler-names\n onPlayStoreButtonClick={headSection.onPlayStoreButtonClick}\n android-alt={headSection['android-alt']}\n ios-alt={headSection['ios-alt']}\n />\n </div>\n </div>\n </div>\n ) : null;\n\n // Sitemap section of the footer (contains HELP, TOOLBOX... and other pages, as well as social links)\n\n const renderPagesFromSection = pages => {\n return (\n <ul className={style.pagesList} data-name=\"pages-list\">\n {pages.map((page, pindex) => {\n const handleClick = page.onClick;\n return (\n <li key={pindex}>\n <Link\n href={page.link}\n onClick={handleClick}\n title={page.title}\n data-text={page.title}\n className={style.pageLink}\n target={page.target}\n aria-label={page.ariaLabel ? page.ariaLabel : page.title}\n data-name={page.title}\n >\n {page.title}\n </Link>\n </li>\n );\n })}\n </ul>\n );\n };\n\n const sections = !isEmpty(siteMapSections)\n ? siteMapSections.map((section, index) => {\n return (\n <div key={index} className={style.sectionWrapper}>\n <p className={style.sectionTitle}>{section.title}</p>\n {renderPagesFromSection(section.pages)}\n </div>\n );\n })\n : null;\n\n const socialLinksView = socialLinks.map((socialLink, index) => {\n return (\n <li className={style.socialLink} key={index}>\n <SocialLink\n type={socialLink.type}\n link={socialLink.link}\n mode=\"footer\"\n aria-label={socialLink['aria-label']}\n />\n </li>\n );\n });\n\n const socialNetworks = (\n <div data-name=\"logo-social-networks-container\" className={style.logoSocialNetworksContainer}>\n <CoorpLogo\n className={style.coorpLogo}\n data-name=\"coorp-social-networks-logo\"\n aria-label={logoAriaLabel}\n />\n <ul\n data-name=\"social-networks-wrapper\"\n className={style.socialNetworksWrapper}\n aria-label={socialLinksAriaLabel}\n >\n {socialLinksView}\n </ul>\n </div>\n );\n\n const siteMap = (\n <div data-name=\"site-map-spacing-container\" className={style.siteMapSpacingContainer}>\n <div data-name=\"site-map\" className={style.siteMapContainer}>\n <div data-name=\"sections\" className={style.sectionsContainer}>\n {sections}\n </div>\n {socialNetworks}\n </div>\n </div>\n );\n\n return (\n <footer data-name=\"mooc-footer\">\n {headSectionView}\n {siteMap}\n </footer>\n );\n}\n\nMoocFooter.propTypes = {\n headSection: PropTypes.shape({\n title: PropTypes.string,\n onAppStoreButtonClick: PropTypes.func,\n appStoreButtonImageUrl: PropTypes.string,\n playStoreButtonImageUrl: PropTypes.string,\n onPlayStoreButtonClick: PropTypes.func,\n 'logo-aria-label': PropTypes.string,\n 'android-alt': PropTypes.string,\n 'ios-alt': PropTypes.string\n }),\n siteMapSections: PropTypes.arrayOf(\n PropTypes.shape({\n title: PropTypes.string,\n pages: PropTypes.arrayOf(\n PropTypes.shape({\n title: PropTypes.string,\n link: PropTypes.string,\n target: PropTypes.string,\n ariaLabel: PropTypes.string\n })\n )\n })\n ),\n socialLinks: PropTypes.arrayOf(\n PropTypes.shape({\n type: PropTypes.oneOf(socialLinksTypes),\n link: PropTypes.string,\n onClick: PropTypes.func,\n 'aria-label': PropTypes.string\n })\n ),\n 'logo-aria-label': PropTypes.string,\n 'social-links-aria-label': PropTypes.string\n};\n\nexport default MoocFooter;\n"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/mooc-header/index.js"],"names":[],"mappings":";AAwBA;IACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MA2FE;IAEF;;;;;;;;;;;;;;;;;;;;;;;MAGE;IAEF,wBAmBC;IAjBC;;;;MAIC;IA6CH,6BAIC;IAED,yBAGC;IAxBD,qCAQC;IAED,wBAGC;IAjBD,+BAEC;IA4BD,2BAKC;IAED,0BAKC;IAED,sBAIC;IAED,qBAIC;IAED,yBAQC;IAED,0BAQC;IArFD,2EASC;IAGC,kBAAsB;IA2ExB,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/mooc-header/index.js"],"names":[],"mappings":";AAwBA;IACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MA2FE;IAEF;;;;;;;;;;;;;;;;;;;;;;;MAGE;IAEF,wBAmBC;IAjBC;;;;MAIC;IA6CH,6BAIC;IAED,yBAGC;IAxBD,qCAQC;IAED,wBAGC;IAjBD,+BAEC;IA4BD,2BAKC;IAED,0BAKC;IAED,sBAIC;IAED,qBAIC;IAED,yBAQC;IAED,0BAQC;IArFD,2EASC;IAGC,kBAAsB;IA2ExB,6BAqYC;CACF"}
|
|
@@ -416,11 +416,12 @@ class MoocHeader extends React.Component {
|
|
|
416
416
|
settingView = /*#__PURE__*/React.createElement("div", {
|
|
417
417
|
"data-name": `setting-${settingName}`,
|
|
418
418
|
className: style.setting,
|
|
419
|
-
key: settingName
|
|
420
|
-
"aria-label": ariaLabel || title
|
|
419
|
+
key: settingName
|
|
421
420
|
}, /*#__PURE__*/React.createElement("span", {
|
|
422
421
|
className: style.label
|
|
423
|
-
}, title), /*#__PURE__*/React.createElement(Select, selectProps
|
|
422
|
+
}, title), /*#__PURE__*/React.createElement(Select, _extends({}, selectProps, {
|
|
423
|
+
moreAriaLabel: ariaLabel || title
|
|
424
|
+
})));
|
|
424
425
|
break;
|
|
425
426
|
}
|
|
426
427
|
|