@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.
@@ -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,oDA4CC"}
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":"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"}
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":";AAUA,mEAsDC"}
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;EAVI,IAWFX,KAXJ;EAaA,MAAM;IAACY;EAAD,IAASX,OAAf;;EACA,MAAMY,YAAY,GAAG,OAAM,SAAN,EAAiB,gBAAjB,EAAmCD,IAAnC,CAArB;;EAEA,MAAME,mBAAmB,GAAG,SAAQP,eAAR,IAA2B,IAA3B,gBAAkC,oBAAC,SAAD,EAAeA,eAAf,CAA9D;EAEA,MAAMQ,SAAS,GAAG,SAAQX,KAAK,CAACY,IAAd,iBAChB,8CACE;IAAK,SAAS,EAAElB,KAAK,CAACmB;EAAtB,gBACE;IAAK,SAAS,EAAEnB,KAAK,CAACoB;EAAtB,GAAqCb,cAArC,CADF,eAEE,oBAAC,MAAD,eACMC,YADN;IAEE,aAAU,iBAFZ;IAGE,SAAS,EAAER,KAAK,CAACqB,KAHnB;IAIE,KAAK,EAAE;MAACC,UAAU,EAAEP;IAAb,CAJT;IAKE,IAAI,EAAC;EALP,GAFF,CADF,EAWGC,mBAXH,CADgB,gBAehB,oBAAC,SAAD,EAAeV,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,CAACuB;EAA/C,gBACE;IAAK,SAAS,EAAEvB,KAAK,CAACI,KAAtB;IAA6B,IAAI,EAAC;EAAlC,GACGA,KADH,CADF,EAIGa,SAJH,CARF,CADF;AAiBD,CAtDD;;AAwDAhB,UAAU,CAACuB,YAAX,GAA0B;EACxBV,IAAI,EAAEnB,QAAQ,CAAC8B,iBAAT,CAA2BX;AADT,CAA1B;AAIAb,UAAU,CAACyB,SAAX,2CAAuB;EACrBnB,cAAc,EAAEb,SAAS,CAACiC,MADL;EAErBvB,KAAK,EAAEV,SAAS,CAACiC,MAFI;EAGrBtB,aAAa,EAAEX,SAAS,CAACkC,KAAV,CAAgB/B,OAAO,CAAC6B,SAAxB,CAHM;EAIrBpB,KAAK,EAAEZ,SAAS,CAACkC,KAAV,CAAgB9B,SAAS,CAAC4B,SAA1B,CAJc;EAKrBlB,YAAY,EAAEd,SAAS,CAACkC,KAAV,CAAgBhC,MAAM,CAAC8B,SAAvB,CALO;EAMrBjB,eAAe,EAAEf,SAAS,CAACkC,KAAV,CAAgB7B,SAAS,CAAC2B,SAA1B,CANI;EAOrBhB,iBAAiB,EAAEhB,SAAS,CAACiC,MAPR;EAQrBhB,mBAAmB,EAAEjB,SAAS,CAACiC,MARV;EASrBf,oBAAoB,EAAElB,SAAS,CAACiC,MATX;EAUrBd,aAAa,EAAEnB,SAAS,CAACiC;AAVJ,CAAvB;AAaA,eAAe1B,UAAf"}
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":"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"}
@@ -50,6 +50,11 @@
50
50
  color: black;
51
51
  }
52
52
 
53
+ .popinWithCards {
54
+ position: relative;
55
+ z-index: 5;
56
+ }
57
+
53
58
  @media mobile {
54
59
  .cardsWrapper {
55
60
  padding: 5px 0;
@@ -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,oDA4CC"}
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":"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"}
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":";AAUA,mEAsDC"}
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;EAVI,IAWFX,KAXJ;EAaA,MAAM;IAACY;EAAD,IAASX,OAAf;EACA,MAAMY,YAAY,GAAG,qBAAM,SAAN,EAAiB,gBAAjB,EAAmCD,IAAnC,CAArB;EAEA,MAAME,mBAAmB,GAAG,uBAAQP,eAAR,IAA2B,IAA3B,gBAAkC,6BAAC,kBAAD,EAAeA,eAAf,CAA9D;EAEA,MAAMQ,SAAS,GAAG,uBAAQX,KAAK,CAACY,IAAd,iBAChB,uDACE;IAAK,SAAS,EAAEC,cAAA,CAAMC;EAAtB,gBACE;IAAK,SAAS,EAAED,cAAA,CAAME;EAAtB,GAAqCd,cAArC,CADF,eAEE,6BAAC,eAAD,eACMC,YADN;IAEE,aAAU,iBAFZ;IAGE,SAAS,EAAEW,cAAA,CAAMG,KAHnB;IAIE,KAAK,EAAE;MAACC,UAAU,EAAER;IAAb,CAJT;IAKE,IAAI,EAAC;EALP,GAFF,CADF,EAWGC,mBAXH,CADgB,gBAehB,6BAAC,kBAAD,EAAeV,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,EAAEM,cAAA,CAAMK;EAA/C,gBACE;IAAK,SAAS,EAAEL,cAAA,CAAMf,KAAtB;IAA6B,IAAI,EAAC;EAAlC,GACGA,KADH,CADF,EAIGa,SAJH,CARF,CADF;AAiBD,CAtDD;;AAwDAhB,UAAU,CAACwB,YAAX,GAA0B;EACxBX,IAAI,EAAEY,iBAAA,CAASC,iBAAT,CAA2Bb;AADT,CAA1B;AAIAb,UAAU,CAAC2B,SAAX,2CAAuB;EACrBrB,cAAc,EAAEsB,kBAAA,CAAUC,MADL;EAErB1B,KAAK,EAAEyB,kBAAA,CAAUC,MAFI;EAGrBzB,aAAa,EAAEwB,kBAAA,CAAUE,KAAV,CAAgBC,gBAAA,CAAQJ,SAAxB,CAHM;EAIrBtB,KAAK,EAAEuB,kBAAA,CAAUE,KAAV,CAAgBE,kBAAA,CAAUL,SAA1B,CAJc;EAKrBpB,YAAY,EAAEqB,kBAAA,CAAUE,KAAV,CAAgBG,eAAA,CAAON,SAAvB,CALO;EAMrBnB,eAAe,EAAEoB,kBAAA,CAAUE,KAAV,CAAgBI,kBAAA,CAAUP,SAA1B,CANI;EAOrBlB,iBAAiB,EAAEmB,kBAAA,CAAUC,MAPR;EAQrBnB,mBAAmB,EAAEkB,kBAAA,CAAUC,MARV;EASrBlB,oBAAoB,EAAEiB,kBAAA,CAAUC,MATX;EAUrBjB,aAAa,EAAEgB,kBAAA,CAAUC;AAVJ,CAAvB;eAae7B,U"}
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"}
@@ -50,6 +50,11 @@
50
50
  color: black;
51
51
  }
52
52
 
53
+ .popinWithCards {
54
+ position: relative;
55
+ z-index: 5;
56
+ }
57
+
53
58
  @media mobile {
54
59
  .cardsWrapper {
55
60
  padding: 5px 0;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@coorpacademy/components",
3
- "version": "11.18.4-alpha.0+e299568d1",
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.1-alpha.36+e299568d1",
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": "e299568d1b939ee15dba3ae450b5551b096b47d4"
171
+ "gitHead": "8677ead79bbbde9f0e9221fad9b0b763d14b2e10"
172
172
  }