@coorpacademy/components 11.18.4-alpha.0 → 11.18.4-alpha.3
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/template/common/dashboard/index.d.ts +70 -0
- package/es/template/common/dashboard/index.d.ts.map +1 -1
- package/es/template/common/dashboard/index.js +4 -2
- package/es/template/common/dashboard/index.js.map +1 -1
- package/es/template/common/search-page/index.d.ts +70 -0
- package/es/template/common/search-page/index.d.ts.map +1 -1
- package/es/template/common/search-page/index.js +8 -3
- package/es/template/common/search-page/index.js.map +1 -1
- package/es/template/common/search-page/style.css +5 -0
- package/lib/template/common/dashboard/index.d.ts +70 -0
- package/lib/template/common/dashboard/index.d.ts.map +1 -1
- package/lib/template/common/dashboard/index.js +4 -2
- package/lib/template/common/dashboard/index.js.map +1 -1
- package/lib/template/common/search-page/index.d.ts +70 -0
- package/lib/template/common/search-page/index.d.ts.map +1 -1
- package/lib/template/common/search-page/index.js +9 -3
- package/lib/template/common/search-page/index.js.map +1 -1
- package/lib/template/common/search-page/style.css +5 -0
- package/package.json +3 -3
|
@@ -79,6 +79,76 @@ declare namespace Dashboard {
|
|
|
79
79
|
showMoreOnLeftAriaLabel: PropTypes.Requireable<string>;
|
|
80
80
|
showMoreOnRightAriaLabel: PropTypes.Requireable<string>;
|
|
81
81
|
}>>;
|
|
82
|
+
popinWithCards: PropTypes.Requireable<PropTypes.InferProps<{
|
|
83
|
+
content: PropTypes.Requireable<string>;
|
|
84
|
+
mode: PropTypes.Requireable<string>;
|
|
85
|
+
header: PropTypes.Requireable<PropTypes.InferProps<{
|
|
86
|
+
title: PropTypes.Requireable<PropTypes.InferProps<{
|
|
87
|
+
title: PropTypes.Requireable<string>;
|
|
88
|
+
subtitle: PropTypes.Requireable<string>;
|
|
89
|
+
type: PropTypes.Requireable<string>;
|
|
90
|
+
'data-name': PropTypes.Requireable<string>;
|
|
91
|
+
titleSize: PropTypes.Requireable<string>;
|
|
92
|
+
subtitleSize: PropTypes.Requireable<string>;
|
|
93
|
+
}>>;
|
|
94
|
+
headerIcon: PropTypes.Requireable<string>;
|
|
95
|
+
backgroundImage: PropTypes.Requireable<string>;
|
|
96
|
+
}>>;
|
|
97
|
+
firstButton: PropTypes.Requireable<PropTypes.InferProps<{
|
|
98
|
+
label: PropTypes.Requireable<string>;
|
|
99
|
+
handleOnclick: PropTypes.Requireable<(...args: any[]) => any>;
|
|
100
|
+
'aria-label': PropTypes.Requireable<string>;
|
|
101
|
+
largeButton: PropTypes.Requireable<boolean>;
|
|
102
|
+
type: PropTypes.Requireable<string>;
|
|
103
|
+
customStyle: PropTypes.Requireable<PropTypes.InferProps<{}>>;
|
|
104
|
+
}>>;
|
|
105
|
+
secondButton: PropTypes.Requireable<PropTypes.InferProps<{
|
|
106
|
+
label: PropTypes.Requireable<string>;
|
|
107
|
+
handleOnclick: PropTypes.Requireable<(...args: any[]) => any>;
|
|
108
|
+
type: PropTypes.Requireable<string>;
|
|
109
|
+
'aria-label': PropTypes.Requireable<string>;
|
|
110
|
+
largeButton: PropTypes.Requireable<boolean>;
|
|
111
|
+
customStyle: PropTypes.Requireable<PropTypes.InferProps<{}>>;
|
|
112
|
+
}>>;
|
|
113
|
+
thirdButton: PropTypes.Requireable<PropTypes.InferProps<{
|
|
114
|
+
label: PropTypes.Requireable<string>;
|
|
115
|
+
handleOnclick: PropTypes.Requireable<(...args: any[]) => any>;
|
|
116
|
+
type: PropTypes.Requireable<string>;
|
|
117
|
+
'aria-label': PropTypes.Requireable<string>;
|
|
118
|
+
largeButton: PropTypes.Requireable<boolean>;
|
|
119
|
+
customStyle: PropTypes.Requireable<PropTypes.InferProps<{}>>;
|
|
120
|
+
}>>;
|
|
121
|
+
onClose: PropTypes.Requireable<(...args: any[]) => any>;
|
|
122
|
+
icon: PropTypes.Requireable<string>;
|
|
123
|
+
backgroundImageUrl: PropTypes.Requireable<string>;
|
|
124
|
+
descriptionText: PropTypes.Requireable<string>;
|
|
125
|
+
cookieTitle: PropTypes.Requireable<string>;
|
|
126
|
+
descriptionBtnTxt: PropTypes.Requireable<string>;
|
|
127
|
+
listBtnSwicth: PropTypes.Requireable<(PropTypes.InferProps<{
|
|
128
|
+
title: PropTypes.Requireable<string>;
|
|
129
|
+
name: PropTypes.Requireable<string>;
|
|
130
|
+
id: PropTypes.Requireable<string>;
|
|
131
|
+
value: PropTypes.Requireable<boolean>;
|
|
132
|
+
disabled: PropTypes.Requireable<boolean>;
|
|
133
|
+
onChange: PropTypes.Requireable<(...args: any[]) => any>;
|
|
134
|
+
description: PropTypes.Requireable<string>;
|
|
135
|
+
'aria-labelledby': PropTypes.Requireable<string>;
|
|
136
|
+
'aria-label': PropTypes.Requireable<string>;
|
|
137
|
+
modified: PropTypes.Requireable<boolean>;
|
|
138
|
+
titlePosition: PropTypes.Requireable<string>;
|
|
139
|
+
theme: PropTypes.Requireable<string>;
|
|
140
|
+
details: PropTypes.Requireable<string>;
|
|
141
|
+
'data-name': PropTypes.Requireable<string>;
|
|
142
|
+
requiredSelection: PropTypes.Requireable<boolean>;
|
|
143
|
+
}> | null | undefined)[]>;
|
|
144
|
+
items: PropTypes.Requireable<PropTypes.InferProps<{
|
|
145
|
+
type: PropTypes.Requireable<string>;
|
|
146
|
+
list: PropTypes.Requireable<PropTypes.InferProps<{
|
|
147
|
+
list: PropTypes.Requireable<(PropTypes.InferProps<any> | null | undefined)[]>;
|
|
148
|
+
loading: PropTypes.Requireable<boolean>;
|
|
149
|
+
}>>;
|
|
150
|
+
}>>;
|
|
151
|
+
}>>;
|
|
82
152
|
};
|
|
83
153
|
}
|
|
84
154
|
import PropTypes from "prop-types";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/template/common/dashboard/index.js"],"names":[],"mappings":";AAqBA,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/template/common/dashboard/index.js"],"names":[],"mappings":";AAqBA,oDA8CC"}
|
|
@@ -30,6 +30,7 @@ const Dashboard = props => {
|
|
|
30
30
|
hero,
|
|
31
31
|
welcome,
|
|
32
32
|
cookie,
|
|
33
|
+
popinWithCards,
|
|
33
34
|
'arrows-aria-label': showMoreOnLeftOrRightAriaLabel
|
|
34
35
|
} = props;
|
|
35
36
|
|
|
@@ -83,7 +84,7 @@ const Dashboard = props => {
|
|
|
83
84
|
return /*#__PURE__*/React.createElement("div", {
|
|
84
85
|
className: style.wrapper,
|
|
85
86
|
"data-name": "dashboard"
|
|
86
|
-
}, sectionsList, cookie ? /*#__PURE__*/React.createElement(CMPopin, cookie) : null);
|
|
87
|
+
}, sectionsList, cookie ? /*#__PURE__*/React.createElement(CMPopin, cookie) : null, popinWithCards ? /*#__PURE__*/React.createElement(CMPopin, popinWithCards) : null);
|
|
87
88
|
};
|
|
88
89
|
|
|
89
90
|
Dashboard.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
@@ -91,7 +92,8 @@ Dashboard.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
91
92
|
welcome: Hero.propTypes.welcome,
|
|
92
93
|
sections: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.shape(BattleRequestList.propTypes), PropTypes.shape(CardsList.propTypes), PropTypes.shape(NewsList.propTypes), PropTypes.shape(StartBattle.propTypes), PropTypes.shape(ReviewBanner.propTypes)])),
|
|
93
94
|
cookie: PropTypes.shape(CMPopin.propTypes),
|
|
94
|
-
'arrows-aria-label': CardsList.propTypes['arrows-aria-label']
|
|
95
|
+
'arrows-aria-label': CardsList.propTypes['arrows-aria-label'],
|
|
96
|
+
popinWithCards: PropTypes.shape(CMPopin.propTypes)
|
|
95
97
|
} : {};
|
|
96
98
|
export default Dashboard;
|
|
97
99
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["React","PropTypes","Slide","HeroCard","BattleRequestList","CardsList","NewsList","StartBattle","CMPopin","ReviewBanner","style","Hero","memo","hero","welcome","propTypes","shape","Dashboard","props","sections","cookie","showMoreOnLeftOrRightAriaLabel","buildSectionComponent","section","type","buildSection","index","sectionView","sectionsList","key","map","wrapper","arrayOf","oneOfType"],"sources":["../../../../src/template/common/dashboard/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Slide from '../../../atom/slide';\nimport HeroCard from '../../../molecule/hero';\nimport BattleRequestList from '../../../molecule/dashboard/battle-request-list';\nimport CardsList from '../../../molecule/dashboard/cards-list';\nimport NewsList from '../../../molecule/dashboard/news-list';\nimport StartBattle from '../../../molecule/dashboard/start-battle';\nimport CMPopin from '../../../molecule/cm-popin';\nimport ReviewBanner from '../../../molecule/dashboard/review-banner';\nimport style from './style.css';\n\nconst Hero = React.memo(function Hero({hero, welcome}) {\n return <div className={style.hero}>{hero ? <HeroCard {...hero} /> : <Slide {...welcome} />}</div>;\n});\n\nHero.propTypes = {\n hero: PropTypes.shape(HeroCard.propTypes),\n welcome: PropTypes.shape(Slide.propTypes)\n};\n\nconst Dashboard = props => {\n const {\n sections = [],\n hero,\n welcome,\n cookie,\n 'arrows-aria-label': showMoreOnLeftOrRightAriaLabel\n } = props;\n\n const buildSectionComponent = section => {\n const {type} = section;\n switch (type) {\n case 'hero':\n return <Hero hero={hero} welcome={welcome} />;\n case 'battleRequests':\n return <BattleRequestList {...section} />;\n case 'cards':\n return <CardsList {...section} arrows-aria-label={showMoreOnLeftOrRightAriaLabel} />;\n case 'news':\n return <NewsList {...section} />;\n case 'battle':\n return <StartBattle {...section} />;\n case 'review':\n return <ReviewBanner {...section} />;\n default:\n return null;\n }\n };\n\n const buildSection = (section, index) => {\n const sectionView = buildSectionComponent(section);\n\n return <div key={index}>{sectionView}</div>;\n };\n\n const sectionsList = [{type: 'hero', key: 'hero'}, ...sections].map(section => (\n <div key={section.key}>{buildSection(section)}</div>\n ));\n return (\n <div className={style.wrapper} data-name=\"dashboard\">\n {sectionsList}\n {cookie ? <CMPopin {...cookie} /> : null}\n </div>\n );\n};\n\nDashboard.propTypes = {\n hero: Hero.propTypes.hero,\n welcome: Hero.propTypes.welcome,\n sections: PropTypes.arrayOf(\n PropTypes.oneOfType([\n PropTypes.shape(BattleRequestList.propTypes),\n PropTypes.shape(CardsList.propTypes),\n PropTypes.shape(NewsList.propTypes),\n PropTypes.shape(StartBattle.propTypes),\n PropTypes.shape(ReviewBanner.propTypes)\n ])\n ),\n cookie: PropTypes.shape(CMPopin.propTypes),\n 'arrows-aria-label': CardsList.propTypes['arrows-aria-label']\n};\nexport default Dashboard;\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,KAAP,MAAkB,qBAAlB;AACA,OAAOC,QAAP,MAAqB,wBAArB;AACA,OAAOC,iBAAP,MAA8B,iDAA9B;AACA,OAAOC,SAAP,MAAsB,wCAAtB;AACA,OAAOC,QAAP,MAAqB,uCAArB;AACA,OAAOC,WAAP,MAAwB,0CAAxB;AACA,OAAOC,OAAP,MAAoB,4BAApB;AACA,OAAOC,YAAP,MAAyB,2CAAzB;AACA,OAAOC,KAAP,MAAkB,aAAlB;AAEA,MAAMC,IAAI,gBAAGX,KAAK,CAACY,IAAN,CAAW,SAASD,IAAT,CAAc;EAACE,IAAD;EAAOC;AAAP,CAAd,EAA+B;EACrD,oBAAO;IAAK,SAAS,EAAEJ,KAAK,CAACG;EAAtB,GAA6BA,IAAI,gBAAG,oBAAC,QAAD,EAAcA,IAAd,CAAH,gBAA4B,oBAAC,KAAD,EAAWC,OAAX,CAA7D,CAAP;AACD,CAFY,CAAb;AAIAH,IAAI,CAACI,SAAL,2CAAiB;EACfF,IAAI,EAAEZ,SAAS,CAACe,KAAV,CAAgBb,QAAQ,CAACY,SAAzB,CADS;EAEfD,OAAO,EAAEb,SAAS,CAACe,KAAV,CAAgBd,KAAK,CAACa,SAAtB;AAFM,CAAjB;;AAKA,MAAME,SAAS,GAAGC,KAAK,IAAI;EACzB,MAAM;IACJC,QAAQ,GAAG,EADP;IAEJN,IAFI;IAGJC,OAHI;IAIJM,MAJI;
|
|
1
|
+
{"version":3,"file":"index.js","names":["React","PropTypes","Slide","HeroCard","BattleRequestList","CardsList","NewsList","StartBattle","CMPopin","ReviewBanner","style","Hero","memo","hero","welcome","propTypes","shape","Dashboard","props","sections","cookie","popinWithCards","showMoreOnLeftOrRightAriaLabel","buildSectionComponent","section","type","buildSection","index","sectionView","sectionsList","key","map","wrapper","arrayOf","oneOfType"],"sources":["../../../../src/template/common/dashboard/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Slide from '../../../atom/slide';\nimport HeroCard from '../../../molecule/hero';\nimport BattleRequestList from '../../../molecule/dashboard/battle-request-list';\nimport CardsList from '../../../molecule/dashboard/cards-list';\nimport NewsList from '../../../molecule/dashboard/news-list';\nimport StartBattle from '../../../molecule/dashboard/start-battle';\nimport CMPopin from '../../../molecule/cm-popin';\nimport ReviewBanner from '../../../molecule/dashboard/review-banner';\nimport style from './style.css';\n\nconst Hero = React.memo(function Hero({hero, welcome}) {\n return <div className={style.hero}>{hero ? <HeroCard {...hero} /> : <Slide {...welcome} />}</div>;\n});\n\nHero.propTypes = {\n hero: PropTypes.shape(HeroCard.propTypes),\n welcome: PropTypes.shape(Slide.propTypes)\n};\n\nconst Dashboard = props => {\n const {\n sections = [],\n hero,\n welcome,\n cookie,\n popinWithCards,\n 'arrows-aria-label': showMoreOnLeftOrRightAriaLabel\n } = props;\n\n const buildSectionComponent = section => {\n const {type} = section;\n switch (type) {\n case 'hero':\n return <Hero hero={hero} welcome={welcome} />;\n case 'battleRequests':\n return <BattleRequestList {...section} />;\n case 'cards':\n return <CardsList {...section} arrows-aria-label={showMoreOnLeftOrRightAriaLabel} />;\n case 'news':\n return <NewsList {...section} />;\n case 'battle':\n return <StartBattle {...section} />;\n case 'review':\n return <ReviewBanner {...section} />;\n default:\n return null;\n }\n };\n\n const buildSection = (section, index) => {\n const sectionView = buildSectionComponent(section);\n\n return <div key={index}>{sectionView}</div>;\n };\n\n const sectionsList = [{type: 'hero', key: 'hero'}, ...sections].map(section => (\n <div key={section.key}>{buildSection(section)}</div>\n ));\n return (\n <div className={style.wrapper} data-name=\"dashboard\">\n {sectionsList}\n {cookie ? <CMPopin {...cookie} /> : null}\n {popinWithCards ? <CMPopin {...popinWithCards} /> : null}\n </div>\n );\n};\n\nDashboard.propTypes = {\n hero: Hero.propTypes.hero,\n welcome: Hero.propTypes.welcome,\n sections: PropTypes.arrayOf(\n PropTypes.oneOfType([\n PropTypes.shape(BattleRequestList.propTypes),\n PropTypes.shape(CardsList.propTypes),\n PropTypes.shape(NewsList.propTypes),\n PropTypes.shape(StartBattle.propTypes),\n PropTypes.shape(ReviewBanner.propTypes)\n ])\n ),\n cookie: PropTypes.shape(CMPopin.propTypes),\n 'arrows-aria-label': CardsList.propTypes['arrows-aria-label'],\n popinWithCards: PropTypes.shape(CMPopin.propTypes)\n};\nexport default Dashboard;\n"],"mappings":"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"}
|
|
@@ -125,6 +125,76 @@ declare namespace SearchPage {
|
|
|
125
125
|
const moreFilterAriaLabel: PropTypes.Requireable<string>;
|
|
126
126
|
const filterGroupAriaLabel: PropTypes.Requireable<string>;
|
|
127
127
|
const sortAriaLabel: PropTypes.Requireable<string>;
|
|
128
|
+
const popinWithCards: PropTypes.Requireable<PropTypes.InferProps<{
|
|
129
|
+
content: PropTypes.Requireable<string>;
|
|
130
|
+
mode: PropTypes.Requireable<string>;
|
|
131
|
+
header: PropTypes.Requireable<PropTypes.InferProps<{
|
|
132
|
+
title: PropTypes.Requireable<PropTypes.InferProps<{
|
|
133
|
+
title: PropTypes.Requireable<string>;
|
|
134
|
+
subtitle: PropTypes.Requireable<string>;
|
|
135
|
+
type: PropTypes.Requireable<string>;
|
|
136
|
+
'data-name': PropTypes.Requireable<string>;
|
|
137
|
+
titleSize: PropTypes.Requireable<string>;
|
|
138
|
+
subtitleSize: PropTypes.Requireable<string>;
|
|
139
|
+
}>>;
|
|
140
|
+
headerIcon: PropTypes.Requireable<string>;
|
|
141
|
+
backgroundImage: PropTypes.Requireable<string>;
|
|
142
|
+
}>>;
|
|
143
|
+
firstButton: PropTypes.Requireable<PropTypes.InferProps<{
|
|
144
|
+
label: PropTypes.Requireable<string>;
|
|
145
|
+
handleOnclick: PropTypes.Requireable<(...args: any[]) => any>;
|
|
146
|
+
'aria-label': PropTypes.Requireable<string>;
|
|
147
|
+
largeButton: PropTypes.Requireable<boolean>;
|
|
148
|
+
type: PropTypes.Requireable<string>;
|
|
149
|
+
customStyle: PropTypes.Requireable<PropTypes.InferProps<{}>>;
|
|
150
|
+
}>>;
|
|
151
|
+
secondButton: PropTypes.Requireable<PropTypes.InferProps<{
|
|
152
|
+
label: PropTypes.Requireable<string>;
|
|
153
|
+
handleOnclick: PropTypes.Requireable<(...args: any[]) => any>;
|
|
154
|
+
type: PropTypes.Requireable<string>;
|
|
155
|
+
'aria-label': PropTypes.Requireable<string>;
|
|
156
|
+
largeButton: PropTypes.Requireable<boolean>;
|
|
157
|
+
customStyle: PropTypes.Requireable<PropTypes.InferProps<{}>>;
|
|
158
|
+
}>>;
|
|
159
|
+
thirdButton: PropTypes.Requireable<PropTypes.InferProps<{
|
|
160
|
+
label: PropTypes.Requireable<string>;
|
|
161
|
+
handleOnclick: PropTypes.Requireable<(...args: any[]) => any>;
|
|
162
|
+
type: PropTypes.Requireable<string>;
|
|
163
|
+
'aria-label': PropTypes.Requireable<string>;
|
|
164
|
+
largeButton: PropTypes.Requireable<boolean>;
|
|
165
|
+
customStyle: PropTypes.Requireable<PropTypes.InferProps<{}>>;
|
|
166
|
+
}>>;
|
|
167
|
+
onClose: PropTypes.Requireable<(...args: any[]) => any>;
|
|
168
|
+
icon: PropTypes.Requireable<string>;
|
|
169
|
+
backgroundImageUrl: PropTypes.Requireable<string>;
|
|
170
|
+
descriptionText: PropTypes.Requireable<string>;
|
|
171
|
+
cookieTitle: PropTypes.Requireable<string>;
|
|
172
|
+
descriptionBtnTxt: PropTypes.Requireable<string>;
|
|
173
|
+
listBtnSwicth: PropTypes.Requireable<(PropTypes.InferProps<{
|
|
174
|
+
title: PropTypes.Requireable<string>;
|
|
175
|
+
name: PropTypes.Requireable<string>;
|
|
176
|
+
id: PropTypes.Requireable<string>;
|
|
177
|
+
value: PropTypes.Requireable<boolean>;
|
|
178
|
+
disabled: PropTypes.Requireable<boolean>;
|
|
179
|
+
onChange: PropTypes.Requireable<(...args: any[]) => any>;
|
|
180
|
+
description: PropTypes.Requireable<string>;
|
|
181
|
+
'aria-labelledby': PropTypes.Requireable<string>;
|
|
182
|
+
'aria-label': PropTypes.Requireable<string>;
|
|
183
|
+
modified: PropTypes.Requireable<boolean>;
|
|
184
|
+
titlePosition: PropTypes.Requireable<string>;
|
|
185
|
+
theme: PropTypes.Requireable<string>;
|
|
186
|
+
details: PropTypes.Requireable<string>;
|
|
187
|
+
'data-name': PropTypes.Requireable<string>;
|
|
188
|
+
requiredSelection: PropTypes.Requireable<boolean>;
|
|
189
|
+
}> | null | undefined)[]>;
|
|
190
|
+
items: PropTypes.Requireable<PropTypes.InferProps<{
|
|
191
|
+
type: PropTypes.Requireable<string>;
|
|
192
|
+
list: PropTypes.Requireable<PropTypes.InferProps<{
|
|
193
|
+
list: PropTypes.Requireable<(PropTypes.InferProps<any> | null | undefined)[]>;
|
|
194
|
+
loading: PropTypes.Requireable<boolean>;
|
|
195
|
+
}>>;
|
|
196
|
+
}>>;
|
|
197
|
+
}>>;
|
|
128
198
|
}
|
|
129
199
|
}
|
|
130
200
|
import PropTypes from "prop-types";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/template/common/search-page/index.js"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/template/common/search-page/index.js"],"names":[],"mappings":";AAWA,mEA4DC"}
|
|
@@ -10,6 +10,7 @@ import Button from '../../../atom/button';
|
|
|
10
10
|
import Filters from '../../../molecule/filters';
|
|
11
11
|
import CardsGrid from '../../../organism/cards-grid';
|
|
12
12
|
import CardsList from '../../../molecule/dashboard/cards-list';
|
|
13
|
+
import CMPopin from '../../../molecule/cm-popin';
|
|
13
14
|
import style from './style.css';
|
|
14
15
|
|
|
15
16
|
const SearchPage = (props, context) => {
|
|
@@ -23,7 +24,8 @@ const SearchPage = (props, context) => {
|
|
|
23
24
|
moreSortAriaLabel,
|
|
24
25
|
moreFilterAriaLabel,
|
|
25
26
|
filterGroupAriaLabel,
|
|
26
|
-
sortAriaLabel
|
|
27
|
+
sortAriaLabel,
|
|
28
|
+
popinWithCards
|
|
27
29
|
} = props;
|
|
28
30
|
const {
|
|
29
31
|
skin
|
|
@@ -55,7 +57,9 @@ const SearchPage = (props, context) => {
|
|
|
55
57
|
}, /*#__PURE__*/React.createElement("div", {
|
|
56
58
|
className: style.title,
|
|
57
59
|
role: "status"
|
|
58
|
-
}, title), cardsView)
|
|
60
|
+
}, title), cardsView), popinWithCards ? /*#__PURE__*/React.createElement("div", {
|
|
61
|
+
className: style.popinWithCards
|
|
62
|
+
}, /*#__PURE__*/React.createElement(CMPopin, popinWithCards)) : null);
|
|
59
63
|
};
|
|
60
64
|
|
|
61
65
|
SearchPage.contextTypes = {
|
|
@@ -71,7 +75,8 @@ SearchPage.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
71
75
|
moreSortAriaLabel: PropTypes.string,
|
|
72
76
|
moreFilterAriaLabel: PropTypes.string,
|
|
73
77
|
filterGroupAriaLabel: PropTypes.string,
|
|
74
|
-
sortAriaLabel: PropTypes.string
|
|
78
|
+
sortAriaLabel: PropTypes.string,
|
|
79
|
+
popinWithCards: PropTypes.shape(CMPopin.propTypes)
|
|
75
80
|
} : {};
|
|
76
81
|
export default SearchPage;
|
|
77
82
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["React","PropTypes","Provider","Button","Filters","CardsGrid","CardsList","style","SearchPage","props","context","title","searchFilters","cards","noresultsfound","clearFilters","recommendations","moreSortAriaLabel","moreFilterAriaLabel","filterGroupAriaLabel","sortAriaLabel","skin","defaultColor","recommendationsView","cardsView","list","noresults","noresultstxt","clear","background","cardsWrapper","contextTypes","childContextTypes","propTypes","string","shape"],"sources":["../../../../src/template/common/search-page/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {getOr, isEmpty} from 'lodash/fp';\nimport Provider from '../../../atom/provider';\nimport Button from '../../../atom/button';\nimport Filters from '../../../molecule/filters';\nimport CardsGrid from '../../../organism/cards-grid';\nimport CardsList from '../../../molecule/dashboard/cards-list';\nimport style from './style.css';\n\nconst SearchPage = (props, context) => {\n const {\n title,\n searchFilters,\n cards,\n noresultsfound,\n clearFilters,\n recommendations,\n moreSortAriaLabel,\n moreFilterAriaLabel,\n filterGroupAriaLabel,\n sortAriaLabel\n } = props;\n\n const {skin} = context;\n const defaultColor = getOr('#00B0FF', 'common.primary', skin);\n\n const recommendationsView = isEmpty(recommendations) ? null : <CardsList {...recommendations} />;\n\n const cardsView = isEmpty(cards.list) ? (\n <div>\n <div className={style.noresults}>\n <div className={style.noresultstxt}>{noresultsfound}</div>\n <Button\n {...clearFilters}\n data-name=\"searchPageClear\"\n className={style.clear}\n style={{background: defaultColor}}\n type=\"link\"\n />\n </div>\n {recommendationsView}\n </div>\n ) : (\n <CardsGrid {...cards} />\n );\n\n return (\n <div>\n <Filters\n {...searchFilters}\n moreSortAriaLabel={moreSortAriaLabel}\n moreFilterAriaLabel={moreFilterAriaLabel}\n filterGroupAriaLabel={filterGroupAriaLabel}\n sortAriaLabel={sortAriaLabel}\n />\n <div data-name=\"searchResult\" className={style.cardsWrapper}>\n <div className={style.title} role=\"status\">\n {title}\n </div>\n {cardsView}\n </div>\n </div>\n );\n};\n\nSearchPage.contextTypes = {\n skin: Provider.childContextTypes.skin\n};\n\nSearchPage.propTypes = {\n noresultsfound: PropTypes.string,\n title: PropTypes.string,\n searchFilters: PropTypes.shape(Filters.propTypes),\n cards: PropTypes.shape(CardsGrid.propTypes),\n clearFilters: PropTypes.shape(Button.propTypes),\n recommendations: PropTypes.shape(CardsList.propTypes),\n moreSortAriaLabel: PropTypes.string,\n moreFilterAriaLabel: PropTypes.string,\n filterGroupAriaLabel: PropTypes.string,\n sortAriaLabel: PropTypes.string\n};\n\nexport default SearchPage;\n"],"mappings":";;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,QAAP,MAAqB,wBAArB;AACA,OAAOC,MAAP,MAAmB,sBAAnB;AACA,OAAOC,OAAP,MAAoB,2BAApB;AACA,OAAOC,SAAP,MAAsB,8BAAtB;AACA,OAAOC,SAAP,MAAsB,wCAAtB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,UAAU,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EACrC,MAAM;IACJC,KADI;IAEJC,aAFI;IAGJC,KAHI;IAIJC,cAJI;IAKJC,YALI;IAMJC,eANI;IAOJC,iBAPI;IAQJC,mBARI;IASJC,oBATI;IAUJC;
|
|
1
|
+
{"version":3,"file":"index.js","names":["React","PropTypes","Provider","Button","Filters","CardsGrid","CardsList","CMPopin","style","SearchPage","props","context","title","searchFilters","cards","noresultsfound","clearFilters","recommendations","moreSortAriaLabel","moreFilterAriaLabel","filterGroupAriaLabel","sortAriaLabel","popinWithCards","skin","defaultColor","recommendationsView","cardsView","list","noresults","noresultstxt","clear","background","cardsWrapper","contextTypes","childContextTypes","propTypes","string","shape"],"sources":["../../../../src/template/common/search-page/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {getOr, isEmpty} from 'lodash/fp';\nimport Provider from '../../../atom/provider';\nimport Button from '../../../atom/button';\nimport Filters from '../../../molecule/filters';\nimport CardsGrid from '../../../organism/cards-grid';\nimport CardsList from '../../../molecule/dashboard/cards-list';\nimport CMPopin from '../../../molecule/cm-popin';\nimport style from './style.css';\n\nconst SearchPage = (props, context) => {\n const {\n title,\n searchFilters,\n cards,\n noresultsfound,\n clearFilters,\n recommendations,\n moreSortAriaLabel,\n moreFilterAriaLabel,\n filterGroupAriaLabel,\n sortAriaLabel,\n popinWithCards\n } = props;\n\n const {skin} = context;\n const defaultColor = getOr('#00B0FF', 'common.primary', skin);\n\n const recommendationsView = isEmpty(recommendations) ? null : <CardsList {...recommendations} />;\n\n const cardsView = isEmpty(cards.list) ? (\n <div>\n <div className={style.noresults}>\n <div className={style.noresultstxt}>{noresultsfound}</div>\n <Button\n {...clearFilters}\n data-name=\"searchPageClear\"\n className={style.clear}\n style={{background: defaultColor}}\n type=\"link\"\n />\n </div>\n {recommendationsView}\n </div>\n ) : (\n <CardsGrid {...cards} />\n );\n\n return (\n <div>\n <Filters\n {...searchFilters}\n moreSortAriaLabel={moreSortAriaLabel}\n moreFilterAriaLabel={moreFilterAriaLabel}\n filterGroupAriaLabel={filterGroupAriaLabel}\n sortAriaLabel={sortAriaLabel}\n />\n <div data-name=\"searchResult\" className={style.cardsWrapper}>\n <div className={style.title} role=\"status\">\n {title}\n </div>\n {cardsView}\n </div>\n {popinWithCards ? (\n <div className={style.popinWithCards}>\n <CMPopin {...popinWithCards} />\n </div>\n ) : null}\n </div>\n );\n};\n\nSearchPage.contextTypes = {\n skin: Provider.childContextTypes.skin\n};\n\nSearchPage.propTypes = {\n noresultsfound: PropTypes.string,\n title: PropTypes.string,\n searchFilters: PropTypes.shape(Filters.propTypes),\n cards: PropTypes.shape(CardsGrid.propTypes),\n clearFilters: PropTypes.shape(Button.propTypes),\n recommendations: PropTypes.shape(CardsList.propTypes),\n moreSortAriaLabel: PropTypes.string,\n moreFilterAriaLabel: PropTypes.string,\n filterGroupAriaLabel: PropTypes.string,\n sortAriaLabel: PropTypes.string,\n popinWithCards: PropTypes.shape(CMPopin.propTypes)\n};\n\nexport default SearchPage;\n"],"mappings":";;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,QAAP,MAAqB,wBAArB;AACA,OAAOC,MAAP,MAAmB,sBAAnB;AACA,OAAOC,OAAP,MAAoB,2BAApB;AACA,OAAOC,SAAP,MAAsB,8BAAtB;AACA,OAAOC,SAAP,MAAsB,wCAAtB;AACA,OAAOC,OAAP,MAAoB,4BAApB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,UAAU,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EACrC,MAAM;IACJC,KADI;IAEJC,aAFI;IAGJC,KAHI;IAIJC,cAJI;IAKJC,YALI;IAMJC,eANI;IAOJC,iBAPI;IAQJC,mBARI;IASJC,oBATI;IAUJC,aAVI;IAWJC;EAXI,IAYFZ,KAZJ;EAcA,MAAM;IAACa;EAAD,IAASZ,OAAf;;EACA,MAAMa,YAAY,GAAG,OAAM,SAAN,EAAiB,gBAAjB,EAAmCD,IAAnC,CAArB;;EAEA,MAAME,mBAAmB,GAAG,SAAQR,eAAR,IAA2B,IAA3B,gBAAkC,oBAAC,SAAD,EAAeA,eAAf,CAA9D;EAEA,MAAMS,SAAS,GAAG,SAAQZ,KAAK,CAACa,IAAd,iBAChB,8CACE;IAAK,SAAS,EAAEnB,KAAK,CAACoB;EAAtB,gBACE;IAAK,SAAS,EAAEpB,KAAK,CAACqB;EAAtB,GAAqCd,cAArC,CADF,eAEE,oBAAC,MAAD,eACMC,YADN;IAEE,aAAU,iBAFZ;IAGE,SAAS,EAAER,KAAK,CAACsB,KAHnB;IAIE,KAAK,EAAE;MAACC,UAAU,EAAEP;IAAb,CAJT;IAKE,IAAI,EAAC;EALP,GAFF,CADF,EAWGC,mBAXH,CADgB,gBAehB,oBAAC,SAAD,EAAeX,KAAf,CAfF;EAkBA,oBACE,8CACE,oBAAC,OAAD,eACMD,aADN;IAEE,iBAAiB,EAAEK,iBAFrB;IAGE,mBAAmB,EAAEC,mBAHvB;IAIE,oBAAoB,EAAEC,oBAJxB;IAKE,aAAa,EAAEC;EALjB,GADF,eAQE;IAAK,aAAU,cAAf;IAA8B,SAAS,EAAEb,KAAK,CAACwB;EAA/C,gBACE;IAAK,SAAS,EAAExB,KAAK,CAACI,KAAtB;IAA6B,IAAI,EAAC;EAAlC,GACGA,KADH,CADF,EAIGc,SAJH,CARF,EAcGJ,cAAc,gBACb;IAAK,SAAS,EAAEd,KAAK,CAACc;EAAtB,gBACE,oBAAC,OAAD,EAAaA,cAAb,CADF,CADa,GAIX,IAlBN,CADF;AAsBD,CA5DD;;AA8DAb,UAAU,CAACwB,YAAX,GAA0B;EACxBV,IAAI,EAAErB,QAAQ,CAACgC,iBAAT,CAA2BX;AADT,CAA1B;AAIAd,UAAU,CAAC0B,SAAX,2CAAuB;EACrBpB,cAAc,EAAEd,SAAS,CAACmC,MADL;EAErBxB,KAAK,EAAEX,SAAS,CAACmC,MAFI;EAGrBvB,aAAa,EAAEZ,SAAS,CAACoC,KAAV,CAAgBjC,OAAO,CAAC+B,SAAxB,CAHM;EAIrBrB,KAAK,EAAEb,SAAS,CAACoC,KAAV,CAAgBhC,SAAS,CAAC8B,SAA1B,CAJc;EAKrBnB,YAAY,EAAEf,SAAS,CAACoC,KAAV,CAAgBlC,MAAM,CAACgC,SAAvB,CALO;EAMrBlB,eAAe,EAAEhB,SAAS,CAACoC,KAAV,CAAgB/B,SAAS,CAAC6B,SAA1B,CANI;EAOrBjB,iBAAiB,EAAEjB,SAAS,CAACmC,MAPR;EAQrBjB,mBAAmB,EAAElB,SAAS,CAACmC,MARV;EASrBhB,oBAAoB,EAAEnB,SAAS,CAACmC,MATX;EAUrBf,aAAa,EAAEpB,SAAS,CAACmC,MAVJ;EAWrBd,cAAc,EAAErB,SAAS,CAACoC,KAAV,CAAgB9B,OAAO,CAAC4B,SAAxB;AAXK,CAAvB;AAcA,eAAe1B,UAAf"}
|
|
@@ -79,6 +79,76 @@ declare namespace Dashboard {
|
|
|
79
79
|
showMoreOnLeftAriaLabel: PropTypes.Requireable<string>;
|
|
80
80
|
showMoreOnRightAriaLabel: PropTypes.Requireable<string>;
|
|
81
81
|
}>>;
|
|
82
|
+
popinWithCards: PropTypes.Requireable<PropTypes.InferProps<{
|
|
83
|
+
content: PropTypes.Requireable<string>;
|
|
84
|
+
mode: PropTypes.Requireable<string>;
|
|
85
|
+
header: PropTypes.Requireable<PropTypes.InferProps<{
|
|
86
|
+
title: PropTypes.Requireable<PropTypes.InferProps<{
|
|
87
|
+
title: PropTypes.Requireable<string>;
|
|
88
|
+
subtitle: PropTypes.Requireable<string>;
|
|
89
|
+
type: PropTypes.Requireable<string>;
|
|
90
|
+
'data-name': PropTypes.Requireable<string>;
|
|
91
|
+
titleSize: PropTypes.Requireable<string>;
|
|
92
|
+
subtitleSize: PropTypes.Requireable<string>;
|
|
93
|
+
}>>;
|
|
94
|
+
headerIcon: PropTypes.Requireable<string>;
|
|
95
|
+
backgroundImage: PropTypes.Requireable<string>;
|
|
96
|
+
}>>;
|
|
97
|
+
firstButton: PropTypes.Requireable<PropTypes.InferProps<{
|
|
98
|
+
label: PropTypes.Requireable<string>;
|
|
99
|
+
handleOnclick: PropTypes.Requireable<(...args: any[]) => any>;
|
|
100
|
+
'aria-label': PropTypes.Requireable<string>;
|
|
101
|
+
largeButton: PropTypes.Requireable<boolean>;
|
|
102
|
+
type: PropTypes.Requireable<string>;
|
|
103
|
+
customStyle: PropTypes.Requireable<PropTypes.InferProps<{}>>;
|
|
104
|
+
}>>;
|
|
105
|
+
secondButton: PropTypes.Requireable<PropTypes.InferProps<{
|
|
106
|
+
label: PropTypes.Requireable<string>;
|
|
107
|
+
handleOnclick: PropTypes.Requireable<(...args: any[]) => any>;
|
|
108
|
+
type: PropTypes.Requireable<string>;
|
|
109
|
+
'aria-label': PropTypes.Requireable<string>;
|
|
110
|
+
largeButton: PropTypes.Requireable<boolean>;
|
|
111
|
+
customStyle: PropTypes.Requireable<PropTypes.InferProps<{}>>;
|
|
112
|
+
}>>;
|
|
113
|
+
thirdButton: PropTypes.Requireable<PropTypes.InferProps<{
|
|
114
|
+
label: PropTypes.Requireable<string>;
|
|
115
|
+
handleOnclick: PropTypes.Requireable<(...args: any[]) => any>;
|
|
116
|
+
type: PropTypes.Requireable<string>;
|
|
117
|
+
'aria-label': PropTypes.Requireable<string>;
|
|
118
|
+
largeButton: PropTypes.Requireable<boolean>;
|
|
119
|
+
customStyle: PropTypes.Requireable<PropTypes.InferProps<{}>>;
|
|
120
|
+
}>>;
|
|
121
|
+
onClose: PropTypes.Requireable<(...args: any[]) => any>;
|
|
122
|
+
icon: PropTypes.Requireable<string>;
|
|
123
|
+
backgroundImageUrl: PropTypes.Requireable<string>;
|
|
124
|
+
descriptionText: PropTypes.Requireable<string>;
|
|
125
|
+
cookieTitle: PropTypes.Requireable<string>;
|
|
126
|
+
descriptionBtnTxt: PropTypes.Requireable<string>;
|
|
127
|
+
listBtnSwicth: PropTypes.Requireable<(PropTypes.InferProps<{
|
|
128
|
+
title: PropTypes.Requireable<string>;
|
|
129
|
+
name: PropTypes.Requireable<string>;
|
|
130
|
+
id: PropTypes.Requireable<string>;
|
|
131
|
+
value: PropTypes.Requireable<boolean>;
|
|
132
|
+
disabled: PropTypes.Requireable<boolean>;
|
|
133
|
+
onChange: PropTypes.Requireable<(...args: any[]) => any>;
|
|
134
|
+
description: PropTypes.Requireable<string>;
|
|
135
|
+
'aria-labelledby': PropTypes.Requireable<string>;
|
|
136
|
+
'aria-label': PropTypes.Requireable<string>;
|
|
137
|
+
modified: PropTypes.Requireable<boolean>;
|
|
138
|
+
titlePosition: PropTypes.Requireable<string>;
|
|
139
|
+
theme: PropTypes.Requireable<string>;
|
|
140
|
+
details: PropTypes.Requireable<string>;
|
|
141
|
+
'data-name': PropTypes.Requireable<string>;
|
|
142
|
+
requiredSelection: PropTypes.Requireable<boolean>;
|
|
143
|
+
}> | null | undefined)[]>;
|
|
144
|
+
items: PropTypes.Requireable<PropTypes.InferProps<{
|
|
145
|
+
type: PropTypes.Requireable<string>;
|
|
146
|
+
list: PropTypes.Requireable<PropTypes.InferProps<{
|
|
147
|
+
list: PropTypes.Requireable<(PropTypes.InferProps<any> | null | undefined)[]>;
|
|
148
|
+
loading: PropTypes.Requireable<boolean>;
|
|
149
|
+
}>>;
|
|
150
|
+
}>>;
|
|
151
|
+
}>>;
|
|
82
152
|
};
|
|
83
153
|
}
|
|
84
154
|
import PropTypes from "prop-types";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/template/common/dashboard/index.js"],"names":[],"mappings":";AAqBA,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/template/common/dashboard/index.js"],"names":[],"mappings":";AAqBA,oDA8CC"}
|
|
@@ -49,6 +49,7 @@ const Dashboard = props => {
|
|
|
49
49
|
hero,
|
|
50
50
|
welcome,
|
|
51
51
|
cookie,
|
|
52
|
+
popinWithCards,
|
|
52
53
|
'arrows-aria-label': showMoreOnLeftOrRightAriaLabel
|
|
53
54
|
} = props;
|
|
54
55
|
|
|
@@ -102,7 +103,7 @@ const Dashboard = props => {
|
|
|
102
103
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
103
104
|
className: _style.default.wrapper,
|
|
104
105
|
"data-name": "dashboard"
|
|
105
|
-
}, sectionsList, cookie ? /*#__PURE__*/_react.default.createElement(_cmPopin.default, cookie) : null);
|
|
106
|
+
}, sectionsList, cookie ? /*#__PURE__*/_react.default.createElement(_cmPopin.default, cookie) : null, popinWithCards ? /*#__PURE__*/_react.default.createElement(_cmPopin.default, popinWithCards) : null);
|
|
106
107
|
};
|
|
107
108
|
|
|
108
109
|
Dashboard.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
@@ -110,7 +111,8 @@ Dashboard.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
110
111
|
welcome: Hero.propTypes.welcome,
|
|
111
112
|
sections: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.shape(_battleRequestList.default.propTypes), _propTypes.default.shape(_cardsList.default.propTypes), _propTypes.default.shape(_newsList.default.propTypes), _propTypes.default.shape(_startBattle.default.propTypes), _propTypes.default.shape(_reviewBanner.default.propTypes)])),
|
|
112
113
|
cookie: _propTypes.default.shape(_cmPopin.default.propTypes),
|
|
113
|
-
'arrows-aria-label': _cardsList.default.propTypes['arrows-aria-label']
|
|
114
|
+
'arrows-aria-label': _cardsList.default.propTypes['arrows-aria-label'],
|
|
115
|
+
popinWithCards: _propTypes.default.shape(_cmPopin.default.propTypes)
|
|
114
116
|
} : {};
|
|
115
117
|
var _default = Dashboard;
|
|
116
118
|
exports.default = _default;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["Hero","React","memo","hero","welcome","style","propTypes","PropTypes","shape","HeroCard","Slide","Dashboard","props","sections","cookie","showMoreOnLeftOrRightAriaLabel","buildSectionComponent","section","type","buildSection","index","sectionView","sectionsList","key","map","wrapper","arrayOf","oneOfType","BattleRequestList","CardsList","NewsList","StartBattle","ReviewBanner","CMPopin"],"sources":["../../../../src/template/common/dashboard/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Slide from '../../../atom/slide';\nimport HeroCard from '../../../molecule/hero';\nimport BattleRequestList from '../../../molecule/dashboard/battle-request-list';\nimport CardsList from '../../../molecule/dashboard/cards-list';\nimport NewsList from '../../../molecule/dashboard/news-list';\nimport StartBattle from '../../../molecule/dashboard/start-battle';\nimport CMPopin from '../../../molecule/cm-popin';\nimport ReviewBanner from '../../../molecule/dashboard/review-banner';\nimport style from './style.css';\n\nconst Hero = React.memo(function Hero({hero, welcome}) {\n return <div className={style.hero}>{hero ? <HeroCard {...hero} /> : <Slide {...welcome} />}</div>;\n});\n\nHero.propTypes = {\n hero: PropTypes.shape(HeroCard.propTypes),\n welcome: PropTypes.shape(Slide.propTypes)\n};\n\nconst Dashboard = props => {\n const {\n sections = [],\n hero,\n welcome,\n cookie,\n 'arrows-aria-label': showMoreOnLeftOrRightAriaLabel\n } = props;\n\n const buildSectionComponent = section => {\n const {type} = section;\n switch (type) {\n case 'hero':\n return <Hero hero={hero} welcome={welcome} />;\n case 'battleRequests':\n return <BattleRequestList {...section} />;\n case 'cards':\n return <CardsList {...section} arrows-aria-label={showMoreOnLeftOrRightAriaLabel} />;\n case 'news':\n return <NewsList {...section} />;\n case 'battle':\n return <StartBattle {...section} />;\n case 'review':\n return <ReviewBanner {...section} />;\n default:\n return null;\n }\n };\n\n const buildSection = (section, index) => {\n const sectionView = buildSectionComponent(section);\n\n return <div key={index}>{sectionView}</div>;\n };\n\n const sectionsList = [{type: 'hero', key: 'hero'}, ...sections].map(section => (\n <div key={section.key}>{buildSection(section)}</div>\n ));\n return (\n <div className={style.wrapper} data-name=\"dashboard\">\n {sectionsList}\n {cookie ? <CMPopin {...cookie} /> : null}\n </div>\n );\n};\n\nDashboard.propTypes = {\n hero: Hero.propTypes.hero,\n welcome: Hero.propTypes.welcome,\n sections: PropTypes.arrayOf(\n PropTypes.oneOfType([\n PropTypes.shape(BattleRequestList.propTypes),\n PropTypes.shape(CardsList.propTypes),\n PropTypes.shape(NewsList.propTypes),\n PropTypes.shape(StartBattle.propTypes),\n PropTypes.shape(ReviewBanner.propTypes)\n ])\n ),\n cookie: PropTypes.shape(CMPopin.propTypes),\n 'arrows-aria-label': CardsList.propTypes['arrows-aria-label']\n};\nexport default Dashboard;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,MAAMA,IAAI,gBAAGC,cAAA,CAAMC,IAAN,CAAW,SAASF,IAAT,CAAc;EAACG,IAAD;EAAOC;AAAP,CAAd,EAA+B;EACrD,oBAAO;IAAK,SAAS,EAAEC,cAAA,CAAMF;EAAtB,GAA6BA,IAAI,gBAAG,6BAAC,aAAD,EAAcA,IAAd,CAAH,gBAA4B,6BAAC,cAAD,EAAWC,OAAX,CAA7D,CAAP;AACD,CAFY,CAAb;;AAIAJ,IAAI,CAACM,SAAL,2CAAiB;EACfH,IAAI,EAAEI,kBAAA,CAAUC,KAAV,CAAgBC,aAAA,CAASH,SAAzB,CADS;EAEfF,OAAO,EAAEG,kBAAA,CAAUC,KAAV,CAAgBE,cAAA,CAAMJ,SAAtB;AAFM,CAAjB;;AAKA,MAAMK,SAAS,GAAGC,KAAK,IAAI;EACzB,MAAM;IACJC,QAAQ,GAAG,EADP;IAEJV,IAFI;IAGJC,OAHI;IAIJU,MAJI;
|
|
1
|
+
{"version":3,"file":"index.js","names":["Hero","React","memo","hero","welcome","style","propTypes","PropTypes","shape","HeroCard","Slide","Dashboard","props","sections","cookie","popinWithCards","showMoreOnLeftOrRightAriaLabel","buildSectionComponent","section","type","buildSection","index","sectionView","sectionsList","key","map","wrapper","arrayOf","oneOfType","BattleRequestList","CardsList","NewsList","StartBattle","ReviewBanner","CMPopin"],"sources":["../../../../src/template/common/dashboard/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Slide from '../../../atom/slide';\nimport HeroCard from '../../../molecule/hero';\nimport BattleRequestList from '../../../molecule/dashboard/battle-request-list';\nimport CardsList from '../../../molecule/dashboard/cards-list';\nimport NewsList from '../../../molecule/dashboard/news-list';\nimport StartBattle from '../../../molecule/dashboard/start-battle';\nimport CMPopin from '../../../molecule/cm-popin';\nimport ReviewBanner from '../../../molecule/dashboard/review-banner';\nimport style from './style.css';\n\nconst Hero = React.memo(function Hero({hero, welcome}) {\n return <div className={style.hero}>{hero ? <HeroCard {...hero} /> : <Slide {...welcome} />}</div>;\n});\n\nHero.propTypes = {\n hero: PropTypes.shape(HeroCard.propTypes),\n welcome: PropTypes.shape(Slide.propTypes)\n};\n\nconst Dashboard = props => {\n const {\n sections = [],\n hero,\n welcome,\n cookie,\n popinWithCards,\n 'arrows-aria-label': showMoreOnLeftOrRightAriaLabel\n } = props;\n\n const buildSectionComponent = section => {\n const {type} = section;\n switch (type) {\n case 'hero':\n return <Hero hero={hero} welcome={welcome} />;\n case 'battleRequests':\n return <BattleRequestList {...section} />;\n case 'cards':\n return <CardsList {...section} arrows-aria-label={showMoreOnLeftOrRightAriaLabel} />;\n case 'news':\n return <NewsList {...section} />;\n case 'battle':\n return <StartBattle {...section} />;\n case 'review':\n return <ReviewBanner {...section} />;\n default:\n return null;\n }\n };\n\n const buildSection = (section, index) => {\n const sectionView = buildSectionComponent(section);\n\n return <div key={index}>{sectionView}</div>;\n };\n\n const sectionsList = [{type: 'hero', key: 'hero'}, ...sections].map(section => (\n <div key={section.key}>{buildSection(section)}</div>\n ));\n return (\n <div className={style.wrapper} data-name=\"dashboard\">\n {sectionsList}\n {cookie ? <CMPopin {...cookie} /> : null}\n {popinWithCards ? <CMPopin {...popinWithCards} /> : null}\n </div>\n );\n};\n\nDashboard.propTypes = {\n hero: Hero.propTypes.hero,\n welcome: Hero.propTypes.welcome,\n sections: PropTypes.arrayOf(\n PropTypes.oneOfType([\n PropTypes.shape(BattleRequestList.propTypes),\n PropTypes.shape(CardsList.propTypes),\n PropTypes.shape(NewsList.propTypes),\n PropTypes.shape(StartBattle.propTypes),\n PropTypes.shape(ReviewBanner.propTypes)\n ])\n ),\n cookie: PropTypes.shape(CMPopin.propTypes),\n 'arrows-aria-label': CardsList.propTypes['arrows-aria-label'],\n popinWithCards: PropTypes.shape(CMPopin.propTypes)\n};\nexport default Dashboard;\n"],"mappings":"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"}
|
|
@@ -125,6 +125,76 @@ declare namespace SearchPage {
|
|
|
125
125
|
const moreFilterAriaLabel: PropTypes.Requireable<string>;
|
|
126
126
|
const filterGroupAriaLabel: PropTypes.Requireable<string>;
|
|
127
127
|
const sortAriaLabel: PropTypes.Requireable<string>;
|
|
128
|
+
const popinWithCards: PropTypes.Requireable<PropTypes.InferProps<{
|
|
129
|
+
content: PropTypes.Requireable<string>;
|
|
130
|
+
mode: PropTypes.Requireable<string>;
|
|
131
|
+
header: PropTypes.Requireable<PropTypes.InferProps<{
|
|
132
|
+
title: PropTypes.Requireable<PropTypes.InferProps<{
|
|
133
|
+
title: PropTypes.Requireable<string>;
|
|
134
|
+
subtitle: PropTypes.Requireable<string>;
|
|
135
|
+
type: PropTypes.Requireable<string>;
|
|
136
|
+
'data-name': PropTypes.Requireable<string>;
|
|
137
|
+
titleSize: PropTypes.Requireable<string>;
|
|
138
|
+
subtitleSize: PropTypes.Requireable<string>;
|
|
139
|
+
}>>;
|
|
140
|
+
headerIcon: PropTypes.Requireable<string>;
|
|
141
|
+
backgroundImage: PropTypes.Requireable<string>;
|
|
142
|
+
}>>;
|
|
143
|
+
firstButton: PropTypes.Requireable<PropTypes.InferProps<{
|
|
144
|
+
label: PropTypes.Requireable<string>;
|
|
145
|
+
handleOnclick: PropTypes.Requireable<(...args: any[]) => any>;
|
|
146
|
+
'aria-label': PropTypes.Requireable<string>;
|
|
147
|
+
largeButton: PropTypes.Requireable<boolean>;
|
|
148
|
+
type: PropTypes.Requireable<string>;
|
|
149
|
+
customStyle: PropTypes.Requireable<PropTypes.InferProps<{}>>;
|
|
150
|
+
}>>;
|
|
151
|
+
secondButton: PropTypes.Requireable<PropTypes.InferProps<{
|
|
152
|
+
label: PropTypes.Requireable<string>;
|
|
153
|
+
handleOnclick: PropTypes.Requireable<(...args: any[]) => any>;
|
|
154
|
+
type: PropTypes.Requireable<string>;
|
|
155
|
+
'aria-label': PropTypes.Requireable<string>;
|
|
156
|
+
largeButton: PropTypes.Requireable<boolean>;
|
|
157
|
+
customStyle: PropTypes.Requireable<PropTypes.InferProps<{}>>;
|
|
158
|
+
}>>;
|
|
159
|
+
thirdButton: PropTypes.Requireable<PropTypes.InferProps<{
|
|
160
|
+
label: PropTypes.Requireable<string>;
|
|
161
|
+
handleOnclick: PropTypes.Requireable<(...args: any[]) => any>;
|
|
162
|
+
type: PropTypes.Requireable<string>;
|
|
163
|
+
'aria-label': PropTypes.Requireable<string>;
|
|
164
|
+
largeButton: PropTypes.Requireable<boolean>;
|
|
165
|
+
customStyle: PropTypes.Requireable<PropTypes.InferProps<{}>>;
|
|
166
|
+
}>>;
|
|
167
|
+
onClose: PropTypes.Requireable<(...args: any[]) => any>;
|
|
168
|
+
icon: PropTypes.Requireable<string>;
|
|
169
|
+
backgroundImageUrl: PropTypes.Requireable<string>;
|
|
170
|
+
descriptionText: PropTypes.Requireable<string>;
|
|
171
|
+
cookieTitle: PropTypes.Requireable<string>;
|
|
172
|
+
descriptionBtnTxt: PropTypes.Requireable<string>;
|
|
173
|
+
listBtnSwicth: PropTypes.Requireable<(PropTypes.InferProps<{
|
|
174
|
+
title: PropTypes.Requireable<string>;
|
|
175
|
+
name: PropTypes.Requireable<string>;
|
|
176
|
+
id: PropTypes.Requireable<string>;
|
|
177
|
+
value: PropTypes.Requireable<boolean>;
|
|
178
|
+
disabled: PropTypes.Requireable<boolean>;
|
|
179
|
+
onChange: PropTypes.Requireable<(...args: any[]) => any>;
|
|
180
|
+
description: PropTypes.Requireable<string>;
|
|
181
|
+
'aria-labelledby': PropTypes.Requireable<string>;
|
|
182
|
+
'aria-label': PropTypes.Requireable<string>;
|
|
183
|
+
modified: PropTypes.Requireable<boolean>;
|
|
184
|
+
titlePosition: PropTypes.Requireable<string>;
|
|
185
|
+
theme: PropTypes.Requireable<string>;
|
|
186
|
+
details: PropTypes.Requireable<string>;
|
|
187
|
+
'data-name': PropTypes.Requireable<string>;
|
|
188
|
+
requiredSelection: PropTypes.Requireable<boolean>;
|
|
189
|
+
}> | null | undefined)[]>;
|
|
190
|
+
items: PropTypes.Requireable<PropTypes.InferProps<{
|
|
191
|
+
type: PropTypes.Requireable<string>;
|
|
192
|
+
list: PropTypes.Requireable<PropTypes.InferProps<{
|
|
193
|
+
list: PropTypes.Requireable<(PropTypes.InferProps<any> | null | undefined)[]>;
|
|
194
|
+
loading: PropTypes.Requireable<boolean>;
|
|
195
|
+
}>>;
|
|
196
|
+
}>>;
|
|
197
|
+
}>>;
|
|
128
198
|
}
|
|
129
199
|
}
|
|
130
200
|
import PropTypes from "prop-types";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/template/common/search-page/index.js"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/template/common/search-page/index.js"],"names":[],"mappings":";AAWA,mEA4DC"}
|
|
@@ -21,6 +21,8 @@ var _cardsGrid = _interopRequireDefault(require("../../../organism/cards-grid"))
|
|
|
21
21
|
|
|
22
22
|
var _cardsList = _interopRequireDefault(require("../../../molecule/dashboard/cards-list"));
|
|
23
23
|
|
|
24
|
+
var _cmPopin = _interopRequireDefault(require("../../../molecule/cm-popin"));
|
|
25
|
+
|
|
24
26
|
var _style = _interopRequireDefault(require("./style.css"));
|
|
25
27
|
|
|
26
28
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
@@ -38,7 +40,8 @@ const SearchPage = (props, context) => {
|
|
|
38
40
|
moreSortAriaLabel,
|
|
39
41
|
moreFilterAriaLabel,
|
|
40
42
|
filterGroupAriaLabel,
|
|
41
|
-
sortAriaLabel
|
|
43
|
+
sortAriaLabel,
|
|
44
|
+
popinWithCards
|
|
42
45
|
} = props;
|
|
43
46
|
const {
|
|
44
47
|
skin
|
|
@@ -68,7 +71,9 @@ const SearchPage = (props, context) => {
|
|
|
68
71
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
69
72
|
className: _style.default.title,
|
|
70
73
|
role: "status"
|
|
71
|
-
}, title), cardsView)
|
|
74
|
+
}, title), cardsView), popinWithCards ? /*#__PURE__*/_react.default.createElement("div", {
|
|
75
|
+
className: _style.default.popinWithCards
|
|
76
|
+
}, /*#__PURE__*/_react.default.createElement(_cmPopin.default, popinWithCards)) : null);
|
|
72
77
|
};
|
|
73
78
|
|
|
74
79
|
SearchPage.contextTypes = {
|
|
@@ -84,7 +89,8 @@ SearchPage.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
84
89
|
moreSortAriaLabel: _propTypes.default.string,
|
|
85
90
|
moreFilterAriaLabel: _propTypes.default.string,
|
|
86
91
|
filterGroupAriaLabel: _propTypes.default.string,
|
|
87
|
-
sortAriaLabel: _propTypes.default.string
|
|
92
|
+
sortAriaLabel: _propTypes.default.string,
|
|
93
|
+
popinWithCards: _propTypes.default.shape(_cmPopin.default.propTypes)
|
|
88
94
|
} : {};
|
|
89
95
|
var _default = SearchPage;
|
|
90
96
|
exports.default = _default;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["SearchPage","props","context","title","searchFilters","cards","noresultsfound","clearFilters","recommendations","moreSortAriaLabel","moreFilterAriaLabel","filterGroupAriaLabel","sortAriaLabel","skin","defaultColor","recommendationsView","cardsView","list","style","noresults","noresultstxt","clear","background","cardsWrapper","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string","shape","Filters","CardsGrid","Button","CardsList"],"sources":["../../../../src/template/common/search-page/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {getOr, isEmpty} from 'lodash/fp';\nimport Provider from '../../../atom/provider';\nimport Button from '../../../atom/button';\nimport Filters from '../../../molecule/filters';\nimport CardsGrid from '../../../organism/cards-grid';\nimport CardsList from '../../../molecule/dashboard/cards-list';\nimport style from './style.css';\n\nconst SearchPage = (props, context) => {\n const {\n title,\n searchFilters,\n cards,\n noresultsfound,\n clearFilters,\n recommendations,\n moreSortAriaLabel,\n moreFilterAriaLabel,\n filterGroupAriaLabel,\n sortAriaLabel\n } = props;\n\n const {skin} = context;\n const defaultColor = getOr('#00B0FF', 'common.primary', skin);\n\n const recommendationsView = isEmpty(recommendations) ? null : <CardsList {...recommendations} />;\n\n const cardsView = isEmpty(cards.list) ? (\n <div>\n <div className={style.noresults}>\n <div className={style.noresultstxt}>{noresultsfound}</div>\n <Button\n {...clearFilters}\n data-name=\"searchPageClear\"\n className={style.clear}\n style={{background: defaultColor}}\n type=\"link\"\n />\n </div>\n {recommendationsView}\n </div>\n ) : (\n <CardsGrid {...cards} />\n );\n\n return (\n <div>\n <Filters\n {...searchFilters}\n moreSortAriaLabel={moreSortAriaLabel}\n moreFilterAriaLabel={moreFilterAriaLabel}\n filterGroupAriaLabel={filterGroupAriaLabel}\n sortAriaLabel={sortAriaLabel}\n />\n <div data-name=\"searchResult\" className={style.cardsWrapper}>\n <div className={style.title} role=\"status\">\n {title}\n </div>\n {cardsView}\n </div>\n </div>\n );\n};\n\nSearchPage.contextTypes = {\n skin: Provider.childContextTypes.skin\n};\n\nSearchPage.propTypes = {\n noresultsfound: PropTypes.string,\n title: PropTypes.string,\n searchFilters: PropTypes.shape(Filters.propTypes),\n cards: PropTypes.shape(CardsGrid.propTypes),\n clearFilters: PropTypes.shape(Button.propTypes),\n recommendations: PropTypes.shape(CardsList.propTypes),\n moreSortAriaLabel: PropTypes.string,\n moreFilterAriaLabel: PropTypes.string,\n filterGroupAriaLabel: PropTypes.string,\n sortAriaLabel: PropTypes.string\n};\n\nexport default SearchPage;\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,MAAMA,UAAU,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EACrC,MAAM;IACJC,KADI;IAEJC,aAFI;IAGJC,KAHI;IAIJC,cAJI;IAKJC,YALI;IAMJC,eANI;IAOJC,iBAPI;IAQJC,mBARI;IASJC,oBATI;IAUJC;
|
|
1
|
+
{"version":3,"file":"index.js","names":["SearchPage","props","context","title","searchFilters","cards","noresultsfound","clearFilters","recommendations","moreSortAriaLabel","moreFilterAriaLabel","filterGroupAriaLabel","sortAriaLabel","popinWithCards","skin","defaultColor","recommendationsView","cardsView","list","style","noresults","noresultstxt","clear","background","cardsWrapper","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string","shape","Filters","CardsGrid","Button","CardsList","CMPopin"],"sources":["../../../../src/template/common/search-page/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {getOr, isEmpty} from 'lodash/fp';\nimport Provider from '../../../atom/provider';\nimport Button from '../../../atom/button';\nimport Filters from '../../../molecule/filters';\nimport CardsGrid from '../../../organism/cards-grid';\nimport CardsList from '../../../molecule/dashboard/cards-list';\nimport CMPopin from '../../../molecule/cm-popin';\nimport style from './style.css';\n\nconst SearchPage = (props, context) => {\n const {\n title,\n searchFilters,\n cards,\n noresultsfound,\n clearFilters,\n recommendations,\n moreSortAriaLabel,\n moreFilterAriaLabel,\n filterGroupAriaLabel,\n sortAriaLabel,\n popinWithCards\n } = props;\n\n const {skin} = context;\n const defaultColor = getOr('#00B0FF', 'common.primary', skin);\n\n const recommendationsView = isEmpty(recommendations) ? null : <CardsList {...recommendations} />;\n\n const cardsView = isEmpty(cards.list) ? (\n <div>\n <div className={style.noresults}>\n <div className={style.noresultstxt}>{noresultsfound}</div>\n <Button\n {...clearFilters}\n data-name=\"searchPageClear\"\n className={style.clear}\n style={{background: defaultColor}}\n type=\"link\"\n />\n </div>\n {recommendationsView}\n </div>\n ) : (\n <CardsGrid {...cards} />\n );\n\n return (\n <div>\n <Filters\n {...searchFilters}\n moreSortAriaLabel={moreSortAriaLabel}\n moreFilterAriaLabel={moreFilterAriaLabel}\n filterGroupAriaLabel={filterGroupAriaLabel}\n sortAriaLabel={sortAriaLabel}\n />\n <div data-name=\"searchResult\" className={style.cardsWrapper}>\n <div className={style.title} role=\"status\">\n {title}\n </div>\n {cardsView}\n </div>\n {popinWithCards ? (\n <div className={style.popinWithCards}>\n <CMPopin {...popinWithCards} />\n </div>\n ) : null}\n </div>\n );\n};\n\nSearchPage.contextTypes = {\n skin: Provider.childContextTypes.skin\n};\n\nSearchPage.propTypes = {\n noresultsfound: PropTypes.string,\n title: PropTypes.string,\n searchFilters: PropTypes.shape(Filters.propTypes),\n cards: PropTypes.shape(CardsGrid.propTypes),\n clearFilters: PropTypes.shape(Button.propTypes),\n recommendations: PropTypes.shape(CardsList.propTypes),\n moreSortAriaLabel: PropTypes.string,\n moreFilterAriaLabel: PropTypes.string,\n filterGroupAriaLabel: PropTypes.string,\n sortAriaLabel: PropTypes.string,\n popinWithCards: PropTypes.shape(CMPopin.propTypes)\n};\n\nexport default SearchPage;\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,MAAMA,UAAU,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EACrC,MAAM;IACJC,KADI;IAEJC,aAFI;IAGJC,KAHI;IAIJC,cAJI;IAKJC,YALI;IAMJC,eANI;IAOJC,iBAPI;IAQJC,mBARI;IASJC,oBATI;IAUJC,aAVI;IAWJC;EAXI,IAYFZ,KAZJ;EAcA,MAAM;IAACa;EAAD,IAASZ,OAAf;EACA,MAAMa,YAAY,GAAG,qBAAM,SAAN,EAAiB,gBAAjB,EAAmCD,IAAnC,CAArB;EAEA,MAAME,mBAAmB,GAAG,uBAAQR,eAAR,IAA2B,IAA3B,gBAAkC,6BAAC,kBAAD,EAAeA,eAAf,CAA9D;EAEA,MAAMS,SAAS,GAAG,uBAAQZ,KAAK,CAACa,IAAd,iBAChB,uDACE;IAAK,SAAS,EAAEC,cAAA,CAAMC;EAAtB,gBACE;IAAK,SAAS,EAAED,cAAA,CAAME;EAAtB,GAAqCf,cAArC,CADF,eAEE,6BAAC,eAAD,eACMC,YADN;IAEE,aAAU,iBAFZ;IAGE,SAAS,EAAEY,cAAA,CAAMG,KAHnB;IAIE,KAAK,EAAE;MAACC,UAAU,EAAER;IAAb,CAJT;IAKE,IAAI,EAAC;EALP,GAFF,CADF,EAWGC,mBAXH,CADgB,gBAehB,6BAAC,kBAAD,EAAeX,KAAf,CAfF;EAkBA,oBACE,uDACE,6BAAC,gBAAD,eACMD,aADN;IAEE,iBAAiB,EAAEK,iBAFrB;IAGE,mBAAmB,EAAEC,mBAHvB;IAIE,oBAAoB,EAAEC,oBAJxB;IAKE,aAAa,EAAEC;EALjB,GADF,eAQE;IAAK,aAAU,cAAf;IAA8B,SAAS,EAAEO,cAAA,CAAMK;EAA/C,gBACE;IAAK,SAAS,EAAEL,cAAA,CAAMhB,KAAtB;IAA6B,IAAI,EAAC;EAAlC,GACGA,KADH,CADF,EAIGc,SAJH,CARF,EAcGJ,cAAc,gBACb;IAAK,SAAS,EAAEM,cAAA,CAAMN;EAAtB,gBACE,6BAAC,gBAAD,EAAaA,cAAb,CADF,CADa,GAIX,IAlBN,CADF;AAsBD,CA5DD;;AA8DAb,UAAU,CAACyB,YAAX,GAA0B;EACxBX,IAAI,EAAEY,iBAAA,CAASC,iBAAT,CAA2Bb;AADT,CAA1B;AAIAd,UAAU,CAAC4B,SAAX,2CAAuB;EACrBtB,cAAc,EAAEuB,kBAAA,CAAUC,MADL;EAErB3B,KAAK,EAAE0B,kBAAA,CAAUC,MAFI;EAGrB1B,aAAa,EAAEyB,kBAAA,CAAUE,KAAV,CAAgBC,gBAAA,CAAQJ,SAAxB,CAHM;EAIrBvB,KAAK,EAAEwB,kBAAA,CAAUE,KAAV,CAAgBE,kBAAA,CAAUL,SAA1B,CAJc;EAKrBrB,YAAY,EAAEsB,kBAAA,CAAUE,KAAV,CAAgBG,eAAA,CAAON,SAAvB,CALO;EAMrBpB,eAAe,EAAEqB,kBAAA,CAAUE,KAAV,CAAgBI,kBAAA,CAAUP,SAA1B,CANI;EAOrBnB,iBAAiB,EAAEoB,kBAAA,CAAUC,MAPR;EAQrBpB,mBAAmB,EAAEmB,kBAAA,CAAUC,MARV;EASrBnB,oBAAoB,EAAEkB,kBAAA,CAAUC,MATX;EAUrBlB,aAAa,EAAEiB,kBAAA,CAAUC,MAVJ;EAWrBjB,cAAc,EAAEgB,kBAAA,CAAUE,KAAV,CAAgBK,gBAAA,CAAQR,SAAxB;AAXK,CAAvB;eAce5B,U"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@coorpacademy/components",
|
|
3
|
-
"version": "11.18.4-alpha.
|
|
3
|
+
"version": "11.18.4-alpha.3+8677ead79",
|
|
4
4
|
"description": "",
|
|
5
5
|
"main": "lib/index.js",
|
|
6
6
|
"module": "es/index.js",
|
|
@@ -56,7 +56,7 @@
|
|
|
56
56
|
"Soualmi Djamel <djamel.soualmi@coorpacademy.com>"
|
|
57
57
|
],
|
|
58
58
|
"dependencies": {
|
|
59
|
-
"@coorpacademy/nova-icons": "4.3.
|
|
59
|
+
"@coorpacademy/nova-icons": "4.3.0",
|
|
60
60
|
"@coorpacademy/react-native-animation": "1.0.3",
|
|
61
61
|
"@jwplayer/jwplayer-react": "^1.1.0",
|
|
62
62
|
"@types/react": "^17.0.50",
|
|
@@ -168,5 +168,5 @@
|
|
|
168
168
|
"last 2 versions",
|
|
169
169
|
"IE 11"
|
|
170
170
|
],
|
|
171
|
-
"gitHead": "
|
|
171
|
+
"gitHead": "8677ead79bbbde9f0e9221fad9b0b763d14b2e10"
|
|
172
172
|
}
|