@coorpacademy/components 11.18.10 → 11.19.0

package/lib/template/back-office/brand-update/index.d.ts

@@ -729,7 +729,18 @@ declare namespace BrandUpdate {
         export const popin: PropTypes.Requireable<PropTypes.InferProps<{
             content: PropTypes.Requireable<string>;
             mode: PropTypes.Requireable<string>;
-            header: PropTypes.Requireable<string>;
+            header: PropTypes.Requireable<PropTypes.InferProps<{
+                title: PropTypes.Requireable<PropTypes.InferProps<{
+                    title: PropTypes.Requireable<string>;
+                    subtitle: PropTypes.Requireable<string>;
+                    type: PropTypes.Requireable<string>;
+                    'data-name': PropTypes.Requireable<string>;
+                    titleSize: PropTypes.Requireable<string>;
+                    subtitleSize: PropTypes.Requireable<string>;
+                }>>;
+                headerIcon: PropTypes.Requireable<string>;
+                backgroundImage: PropTypes.Requireable<string>;
+            }>>;
             firstButton: PropTypes.Requireable<PropTypes.InferProps<{
                 label: PropTypes.Requireable<string>;
                 handleOnclick: PropTypes.Requireable<(...args: any[]) => any>;
@@ -777,6 +788,13 @@ declare namespace BrandUpdate {
                 'data-name': PropTypes.Requireable<string>;
                 requiredSelection: PropTypes.Requireable<boolean>;
             }> | null | undefined)[]>;
+            items: PropTypes.Requireable<PropTypes.InferProps<{
+                type: PropTypes.Requireable<string>;
+                list: PropTypes.Requireable<PropTypes.InferProps<{
+                    list: PropTypes.Requireable<(PropTypes.InferProps<any> | null | undefined)[]>;
+                    loading: PropTypes.Requireable<boolean>;
+                }>>;
+            }>>;
         }>>;
         export const details: PropTypes.Requireable<PropTypes.InferProps<{
             key: PropTypes.Requireable<string>;

package/lib/template/common/dashboard/index.d.ts

@@ -8,7 +8,18 @@ declare namespace Dashboard {
         cookie: PropTypes.Requireable<PropTypes.InferProps<{
             content: PropTypes.Requireable<string>;
             mode: PropTypes.Requireable<string>;
-            header: PropTypes.Requireable<string>;
+            header: PropTypes.Requireable<PropTypes.InferProps<{
+                title: PropTypes.Requireable<PropTypes.InferProps<{
+                    title: PropTypes.Requireable<string>;
+                    subtitle: PropTypes.Requireable<string>;
+                    type: PropTypes.Requireable<string>;
+                    'data-name': PropTypes.Requireable<string>;
+                    titleSize: PropTypes.Requireable<string>;
+                    subtitleSize: PropTypes.Requireable<string>;
+                }>>;
+                headerIcon: PropTypes.Requireable<string>;
+                backgroundImage: PropTypes.Requireable<string>;
+            }>>;
             firstButton: PropTypes.Requireable<PropTypes.InferProps<{
                 label: PropTypes.Requireable<string>;
                 handleOnclick: PropTypes.Requireable<(...args: any[]) => any>;
@@ -56,11 +67,88 @@ declare namespace Dashboard {
                 'data-name': PropTypes.Requireable<string>;
                 requiredSelection: PropTypes.Requireable<boolean>;
             }> | null | undefined)[]>;
+            items: PropTypes.Requireable<PropTypes.InferProps<{
+                type: PropTypes.Requireable<string>;
+                list: PropTypes.Requireable<PropTypes.InferProps<{
+                    list: PropTypes.Requireable<(PropTypes.InferProps<any> | null | undefined)[]>;
+                    loading: PropTypes.Requireable<boolean>;
+                }>>;
+            }>>;
         }>>;
         'arrows-aria-label': PropTypes.Requireable<PropTypes.InferProps<{
             showMoreOnLeftAriaLabel: PropTypes.Requireable<string>;
             showMoreOnRightAriaLabel: PropTypes.Requireable<string>;
         }>>;
+        popinWithCards: PropTypes.Requireable<PropTypes.InferProps<{
+            content: PropTypes.Requireable<string>;
+            mode: PropTypes.Requireable<string>;
+            header: PropTypes.Requireable<PropTypes.InferProps<{
+                title: PropTypes.Requireable<PropTypes.InferProps<{
+                    title: PropTypes.Requireable<string>;
+                    subtitle: PropTypes.Requireable<string>;
+                    type: PropTypes.Requireable<string>;
+                    'data-name': PropTypes.Requireable<string>;
+                    titleSize: PropTypes.Requireable<string>;
+                    subtitleSize: PropTypes.Requireable<string>;
+                }>>;
+                headerIcon: PropTypes.Requireable<string>;
+                backgroundImage: PropTypes.Requireable<string>;
+            }>>;
+            firstButton: PropTypes.Requireable<PropTypes.InferProps<{
+                label: PropTypes.Requireable<string>;
+                handleOnclick: PropTypes.Requireable<(...args: any[]) => any>;
+                'aria-label': PropTypes.Requireable<string>;
+                largeButton: PropTypes.Requireable<boolean>;
+                type: PropTypes.Requireable<string>;
+                customStyle: PropTypes.Requireable<PropTypes.InferProps<{}>>;
+            }>>;
+            secondButton: PropTypes.Requireable<PropTypes.InferProps<{
+                label: PropTypes.Requireable<string>;
+                handleOnclick: PropTypes.Requireable<(...args: any[]) => any>;
+                type: PropTypes.Requireable<string>;
+                'aria-label': PropTypes.Requireable<string>;
+                largeButton: PropTypes.Requireable<boolean>;
+                customStyle: PropTypes.Requireable<PropTypes.InferProps<{}>>;
+            }>>;
+            thirdButton: PropTypes.Requireable<PropTypes.InferProps<{
+                label: PropTypes.Requireable<string>;
+                handleOnclick: PropTypes.Requireable<(...args: any[]) => any>;
+                type: PropTypes.Requireable<string>;
+                'aria-label': PropTypes.Requireable<string>;
+                largeButton: PropTypes.Requireable<boolean>;
+                customStyle: PropTypes.Requireable<PropTypes.InferProps<{}>>;
+            }>>;
+            onClose: PropTypes.Requireable<(...args: any[]) => any>;
+            icon: PropTypes.Requireable<string>;
+            backgroundImageUrl: PropTypes.Requireable<string>;
+            descriptionText: PropTypes.Requireable<string>;
+            cookieTitle: PropTypes.Requireable<string>;
+            descriptionBtnTxt: PropTypes.Requireable<string>;
+            listBtnSwicth: PropTypes.Requireable<(PropTypes.InferProps<{
+                title: PropTypes.Requireable<string>;
+                name: PropTypes.Requireable<string>;
+                id: PropTypes.Requireable<string>;
+                value: PropTypes.Requireable<boolean>;
+                disabled: PropTypes.Requireable<boolean>;
+                onChange: PropTypes.Requireable<(...args: any[]) => any>;
+                description: PropTypes.Requireable<string>;
+                'aria-labelledby': PropTypes.Requireable<string>;
+                'aria-label': PropTypes.Requireable<string>;
+                modified: PropTypes.Requireable<boolean>;
+                titlePosition: PropTypes.Requireable<string>;
+                theme: PropTypes.Requireable<string>;
+                details: PropTypes.Requireable<string>;
+                'data-name': PropTypes.Requireable<string>;
+                requiredSelection: PropTypes.Requireable<boolean>;
+            }> | null | undefined)[]>;
+            items: PropTypes.Requireable<PropTypes.InferProps<{
+                type: PropTypes.Requireable<string>;
+                list: PropTypes.Requireable<PropTypes.InferProps<{
+                    list: PropTypes.Requireable<(PropTypes.InferProps<any> | null | undefined)[]>;
+                    loading: PropTypes.Requireable<boolean>;
+                }>>;
+            }>>;
+        }>>;
     };
 }
 import PropTypes from "prop-types";

package/lib/template/common/dashboard/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/template/common/dashboard/index.js"],"names":[],"mappings":";AAqBA,oDA4CC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/template/common/dashboard/index.js"],"names":[],"mappings":";AAqBA,oDAkDC"}

package/lib/template/common/dashboard/index.js

@@ -49,6 +49,7 @@ const Dashboard = props => {
     hero,
     welcome,
     cookie,
+    popinWithCards,
     'arrows-aria-label': showMoreOnLeftOrRightAriaLabel
   } = props;
 
@@ -102,7 +103,9 @@ const Dashboard = props => {
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.wrapper,
     "data-name": "dashboard"
-  }, sectionsList, cookie ? /*#__PURE__*/_react.default.createElement(_cmPopin.default, cookie) : null);
+  }, sectionsList, cookie ? /*#__PURE__*/_react.default.createElement(_cmPopin.default, cookie) : null, popinWithCards ? /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.popinWithCards
+  }, /*#__PURE__*/_react.default.createElement(_cmPopin.default, popinWithCards)) : null);
 };
 
 Dashboard.propTypes = process.env.NODE_ENV !== "production" ? {
@@ -110,7 +113,8 @@ Dashboard.propTypes = process.env.NODE_ENV !== "production" ? {
   welcome: Hero.propTypes.welcome,
   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)])),
   cookie: _propTypes.default.shape(_cmPopin.default.propTypes),
-  'arrows-aria-label': _cardsList.default.propTypes['arrows-aria-label']
+  'arrows-aria-label': _cardsList.default.propTypes['arrows-aria-label'],
+  popinWithCards: _propTypes.default.shape(_cmPopin.default.propTypes)
 } : {};
 var _default = Dashboard;
 exports.default = _default;

package/lib/template/common/dashboard/index.js.map

@@ -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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"}
+{"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 ? (\n        <div className={style.popinWithCards}>\n          <CMPopin {...popinWithCards} />\n        </div>\n      ) : 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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"}

package/lib/template/common/dashboard/style.css

@@ -12,6 +12,11 @@
   width: 100%;
 }
 
+.popinWithCards {
+  position: relative;
+  z-index: 7;
+}
+
 @media tablet {
   .hero {
     height: 200px;

package/lib/template/common/search-page/index.d.ts

@@ -144,6 +144,7 @@ declare namespace SearchPage {
                 badgeCategory: PropTypes.Requireable<string>;
                 badgeLabel: PropTypes.Requireable<string>;
                 theme: PropTypes.Requireable<string>;
+                disabledContent: PropTypes.Requireable<string>;
                 'aria-label': PropTypes.Requireable<string>;
                 'background-aria-label': PropTypes.Requireable<string>;
                 'favorite-aria-label': PropTypes.Requireable<PropTypes.InferProps<{
@@ -176,6 +177,76 @@ declare namespace SearchPage {
         const moreFilterAriaLabel: PropTypes.Requireable<string>;
         const filterGroupAriaLabel: PropTypes.Requireable<string>;
         const sortAriaLabel: PropTypes.Requireable<string>;
+        const popinWithCards: PropTypes.Requireable<PropTypes.InferProps<{
+            content: PropTypes.Requireable<string>;
+            mode: PropTypes.Requireable<string>;
+            header: PropTypes.Requireable<PropTypes.InferProps<{
+                title: PropTypes.Requireable<PropTypes.InferProps<{
+                    title: PropTypes.Requireable<string>;
+                    subtitle: PropTypes.Requireable<string>;
+                    type: PropTypes.Requireable<string>;
+                    'data-name': PropTypes.Requireable<string>;
+                    titleSize: PropTypes.Requireable<string>;
+                    subtitleSize: PropTypes.Requireable<string>;
+                }>>;
+                headerIcon: PropTypes.Requireable<string>;
+                backgroundImage: PropTypes.Requireable<string>;
+            }>>;
+            firstButton: PropTypes.Requireable<PropTypes.InferProps<{
+                label: PropTypes.Requireable<string>;
+                handleOnclick: PropTypes.Requireable<(...args: any[]) => any>;
+                'aria-label': PropTypes.Requireable<string>;
+                largeButton: PropTypes.Requireable<boolean>;
+                type: PropTypes.Requireable<string>;
+                customStyle: PropTypes.Requireable<PropTypes.InferProps<{}>>;
+            }>>;
+            secondButton: PropTypes.Requireable<PropTypes.InferProps<{
+                label: PropTypes.Requireable<string>;
+                handleOnclick: PropTypes.Requireable<(...args: any[]) => any>;
+                type: PropTypes.Requireable<string>;
+                'aria-label': PropTypes.Requireable<string>;
+                largeButton: PropTypes.Requireable<boolean>;
+                customStyle: PropTypes.Requireable<PropTypes.InferProps<{}>>;
+            }>>;
+            thirdButton: PropTypes.Requireable<PropTypes.InferProps<{
+                label: PropTypes.Requireable<string>;
+                handleOnclick: PropTypes.Requireable<(...args: any[]) => any>;
+                type: PropTypes.Requireable<string>;
+                'aria-label': PropTypes.Requireable<string>;
+                largeButton: PropTypes.Requireable<boolean>;
+                customStyle: PropTypes.Requireable<PropTypes.InferProps<{}>>;
+            }>>;
+            onClose: PropTypes.Requireable<(...args: any[]) => any>;
+            icon: PropTypes.Requireable<string>;
+            backgroundImageUrl: PropTypes.Requireable<string>;
+            descriptionText: PropTypes.Requireable<string>;
+            cookieTitle: PropTypes.Requireable<string>;
+            descriptionBtnTxt: PropTypes.Requireable<string>;
+            listBtnSwicth: PropTypes.Requireable<(PropTypes.InferProps<{
+                title: PropTypes.Requireable<string>;
+                name: PropTypes.Requireable<string>;
+                id: PropTypes.Requireable<string>;
+                value: PropTypes.Requireable<boolean>;
+                disabled: PropTypes.Requireable<boolean>;
+                onChange: PropTypes.Requireable<(...args: any[]) => any>;
+                description: PropTypes.Requireable<string>;
+                'aria-labelledby': PropTypes.Requireable<string>;
+                'aria-label': PropTypes.Requireable<string>;
+                modified: PropTypes.Requireable<boolean>;
+                titlePosition: PropTypes.Requireable<string>;
+                theme: PropTypes.Requireable<string>;
+                details: PropTypes.Requireable<string>;
+                'data-name': PropTypes.Requireable<string>;
+                requiredSelection: PropTypes.Requireable<boolean>;
+            }> | null | undefined)[]>;
+            items: PropTypes.Requireable<PropTypes.InferProps<{
+                type: PropTypes.Requireable<string>;
+                list: PropTypes.Requireable<PropTypes.InferProps<{
+                    list: PropTypes.Requireable<(PropTypes.InferProps<any> | null | undefined)[]>;
+                    loading: PropTypes.Requireable<boolean>;
+                }>>;
+            }>>;
+        }>>;
     }
 }
 import PropTypes from "prop-types";

package/lib/template/common/search-page/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/template/common/search-page/index.js"],"names":[],"mappings":";AAUA,mEAsDC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/template/common/search-page/index.js"],"names":[],"mappings":";AAWA,mEA4DC"}

package/lib/template/common/search-page/index.js

@@ -21,6 +21,8 @@ var _cardsGrid = _interopRequireDefault(require("../../../organism/cards-grid"))
 
 var _cardsList = _interopRequireDefault(require("../../../molecule/dashboard/cards-list"));
 
+var _cmPopin = _interopRequireDefault(require("../../../molecule/cm-popin"));
+
 var _style = _interopRequireDefault(require("./style.css"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -38,7 +40,8 @@ const SearchPage = (props, context) => {
     moreSortAriaLabel,
     moreFilterAriaLabel,
     filterGroupAriaLabel,
-    sortAriaLabel
+    sortAriaLabel,
+    popinWithCards
   } = props;
   const {
     skin
@@ -68,7 +71,9 @@ const SearchPage = (props, context) => {
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.title,
     role: "status"
-  }, title), cardsView));
+  }, title), cardsView), popinWithCards ? /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.popinWithCards
+  }, /*#__PURE__*/_react.default.createElement(_cmPopin.default, popinWithCards)) : null);
 };
 
 SearchPage.contextTypes = {
@@ -84,7 +89,8 @@ SearchPage.propTypes = process.env.NODE_ENV !== "production" ? {
   moreSortAriaLabel: _propTypes.default.string,
   moreFilterAriaLabel: _propTypes.default.string,
   filterGroupAriaLabel: _propTypes.default.string,
-  sortAriaLabel: _propTypes.default.string
+  sortAriaLabel: _propTypes.default.string,
+  popinWithCards: _propTypes.default.shape(_cmPopin.default.propTypes)
 } : {};
 var _default = SearchPage;
 exports.default = _default;

package/lib/template/common/search-page/index.js.map

@@ -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"}
+{"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/lib/template/common/search-page/style.css

@@ -50,6 +50,11 @@
   color: black;
 }
 
+.popinWithCards {
+  position: relative;
+  z-index: 7;
+}
+
 @media mobile {
   .cardsWrapper {
     padding: 5px 0;

package/lib/template/external-course/index.d.ts

@@ -25,7 +25,18 @@ declare namespace ExternalCourse {
         const closePopin: PropTypes.Requireable<PropTypes.InferProps<{
             content: PropTypes.Requireable<string>;
             mode: PropTypes.Requireable<string>;
-            header: PropTypes.Requireable<string>;
+            header: PropTypes.Requireable<PropTypes.InferProps<{
+                title: PropTypes.Requireable<PropTypes.InferProps<{
+                    title: PropTypes.Requireable<string>;
+                    subtitle: PropTypes.Requireable<string>;
+                    type: PropTypes.Requireable<string>;
+                    'data-name': PropTypes.Requireable<string>;
+                    titleSize: PropTypes.Requireable<string>;
+                    subtitleSize: PropTypes.Requireable<string>;
+                }>>;
+                headerIcon: PropTypes.Requireable<string>;
+                backgroundImage: PropTypes.Requireable<string>;
+            }>>;
             firstButton: PropTypes.Requireable<PropTypes.InferProps<{
                 label: PropTypes.Requireable<string>;
                 handleOnclick: PropTypes.Requireable<(...args: any[]) => any>;
@@ -73,6 +84,13 @@ declare namespace ExternalCourse {
                 'data-name': PropTypes.Requireable<string>;
                 requiredSelection: PropTypes.Requireable<boolean>;
             }> | null | undefined)[]>;
+            items: PropTypes.Requireable<PropTypes.InferProps<{
+                type: PropTypes.Requireable<string>;
+                list: PropTypes.Requireable<PropTypes.InferProps<{
+                    list: PropTypes.Requireable<(PropTypes.InferProps<any> | null | undefined)[]>;
+                    loading: PropTypes.Requireable<boolean>;
+                }>>;
+            }>>;
         }>>;
     }
     namespace contextTypes {

package/lib/template/teams-dashboard/index.d.ts

@@ -70,6 +70,7 @@ declare namespace TeamsDashboard {
                 badgeCategory: PropTypes.Requireable<string>;
                 badgeLabel: PropTypes.Requireable<string>;
                 theme: PropTypes.Requireable<string>;
+                disabledContent: PropTypes.Requireable<string>;
                 'aria-label': PropTypes.Requireable<string>;
                 'background-aria-label': PropTypes.Requireable<string>;
                 'favorite-aria-label': PropTypes.Requireable<PropTypes.InferProps<{

package/lib/variables/colors.css

@@ -73,7 +73,7 @@
 @value box_shadow_medium_dark: rgba(0, 0, 0, 0.2);
 @value box_shadow_orange_700: rgba(255, 84, 31, 0.15);
 @value light_blue: #ADC9F5;
-
+@value negative_100: #FCDADA;
 @value go1_backgound: #144953;
 @value go1_primary: #D5FD42;
 @value go1_primary_hover: #BFE33B;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coorpacademy/components",
-  "version": "11.18.10",
+  "version": "11.19.0",
   "description": "",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -56,7 +56,7 @@
     "Soualmi Djamel <djamel.soualmi@coorpacademy.com>"
   ],
   "dependencies": {
-    "@coorpacademy/nova-icons": "4.3.0",
+    "@coorpacademy/nova-icons": "4.4.0",
     "@coorpacademy/react-native-animation": "1.0.3",
     "@jwplayer/jwplayer-react": "^1.1.0",
     "@types/react": "^17.0.50",
@@ -168,5 +168,5 @@
     "last 2 versions",
     "IE 11"
   ],
-  "gitHead": "163cb20fe900d4f9d4cc89340b8566c5ae9c9932"
+  "gitHead": "19df2f7c1fd3096dca5c50d7dcee7fe9c9b893b9"
 }