@coorpacademy/components 11.40.14 → 11.40.16

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

@@ -25,7 +25,10 @@ declare namespace SearchPage {
         }>>;
     }
     namespace propTypes {
+        const newVersion: PropTypes.Requireable<boolean>;
+        const searchMessage: PropTypes.Requireable<string>;
         const noresultsfound: PropTypes.Requireable<string>;
+        const noresultsfoundDescription: PropTypes.Requireable<string>;
         const title: PropTypes.Requireable<string>;
         const searchFilters: PropTypes.Requireable<PropTypes.InferProps<{
             filterCTALabel: PropTypes.Requireable<string>;
@@ -152,31 +155,50 @@ declare namespace SearchPage {
         }>>;
         const count: PropTypes.Requireable<number>;
         const clearFilters: PropTypes.Requireable<PropTypes.InferProps<{
-            color: any;
-            submitValue: PropTypes.Requireable<string>;
-            disabled: PropTypes.Requireable<boolean>;
-            href: PropTypes.Requireable<string>;
-            download: PropTypes.Requireable<boolean>;
-            target: PropTypes.Requireable<string>;
             type: PropTypes.Requireable<string>;
-            children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-            className: PropTypes.Requireable<string>;
-            style: PropTypes.Requireable<PropTypes.InferProps<{}>>;
-            'data-name': PropTypes.Requireable<string>;
+            usage: PropTypes.Requireable<string>;
+            label: PropTypes.Requireable<string>;
+            content: PropTypes.Requireable<PropTypes.ReactNodeLike>;
             'aria-label': PropTypes.Requireable<string>;
+            tooltipText: PropTypes.Requireable<string>;
+            tooltipPlacement: PropTypes.Requireable<string>;
+            'data-name': PropTypes.Requireable<string>;
             'data-testid': PropTypes.Requireable<string>;
-            useButtonTag: PropTypes.Requireable<boolean>;
+            icon: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
+                position: PropTypes.Requireable<string>;
+                type: PropTypes.Requireable<string>;
+                faIcon: PropTypes.Requireable<PropTypes.InferProps<{
+                    name: PropTypes.Validator<string>;
+                    color: PropTypes.Requireable<string>;
+                    backgroundColor: PropTypes.Requireable<string>;
+                    size: PropTypes.Requireable<number>;
+                    customStyle: PropTypes.Requireable<object>;
+                }>>;
+            }> | (PropTypes.InferProps<{
+                position: PropTypes.Requireable<string>;
+                type: PropTypes.Requireable<string>;
+                faIcon: PropTypes.Requireable<PropTypes.InferProps<{
+                    name: PropTypes.Validator<string>;
+                    color: PropTypes.Requireable<string>;
+                    backgroundColor: PropTypes.Requireable<string>;
+                    size: PropTypes.Requireable<number>;
+                    customStyle: PropTypes.Requireable<object>;
+                }>>;
+            }> | null | undefined)[] | null | undefined>>;
             onClick: PropTypes.Requireable<(...args: any[]) => any>;
-            onKeyDown: PropTypes.Requireable<(...args: any[]) => any>;
-            onMouseLeave: PropTypes.Requireable<(...args: any[]) => any>;
-            onMouseOver: PropTypes.Requireable<(...args: any[]) => any>;
-            buttonRef: PropTypes.Requireable<PropTypes.InferProps<{}>>;
-            'data-for': PropTypes.Requireable<string>;
-            'data-tooltip-place': PropTypes.Requireable<string>;
-            'data-tip': PropTypes.Requireable<boolean>;
-            isLinkDisabled: PropTypes.Requireable<boolean>;
-            useWrapper: PropTypes.Requireable<boolean>;
-            buttonContentClassName: PropTypes.Requireable<string>;
+            link: PropTypes.Requireable<PropTypes.InferProps<{
+                href: PropTypes.Requireable<string>;
+                download: PropTypes.Requireable<boolean>;
+                target: PropTypes.Requireable<string>;
+            }>>;
+            hoverBackgroundColor: PropTypes.Requireable<string>;
+            hoverColor: PropTypes.Requireable<string>;
+            disabled: PropTypes.Requireable<boolean>;
+            className: PropTypes.Requireable<string>;
+            customStyle: PropTypes.Requireable<object>;
+            contentCustomStyle: PropTypes.Requireable<object>;
+            useTitle: PropTypes.Requireable<boolean>;
+            customLabelClassName: PropTypes.Requireable<string>;
         }>>;
         const recommendations: PropTypes.Requireable<PropTypes.InferProps<{
             contentType: PropTypes.Requireable<string>;
@@ -240,6 +262,15 @@ declare namespace SearchPage {
                 progression: PropTypes.Requireable<number>;
                 onClick: PropTypes.Requireable<(...args: any[]) => any>;
             }> | null | undefined> | null | undefined)[]>;
+            tabs: PropTypes.Requireable<PropTypes.InferProps<{
+                items: PropTypes.Requireable<(PropTypes.InferProps<{
+                    title: PropTypes.Requireable<string>;
+                    count: PropTypes.Requireable<number>;
+                    'aria-label': PropTypes.Requireable<string>;
+                    onClick: PropTypes.Requireable<(...args: any[]) => any>;
+                    isActive: PropTypes.Requireable<boolean>;
+                }> | null | undefined)[]>;
+            }>>;
             customStyle: PropTypes.Requireable<{
                 [x: string]: string | null | undefined;
             }>;
@@ -553,6 +584,7 @@ declare namespace SearchPage {
                             }>>;
                             image: PropTypes.Requireable<string>;
                             checkbox: PropTypes.Requireable<PropTypes.InferProps<{
+                                value: PropTypes.Requireable<string>;
                                 title: PropTypes.Requireable<string>;
                                 name: PropTypes.Requireable<string>;
                                 checked: PropTypes.Requireable<boolean>;
@@ -941,6 +973,7 @@ declare namespace SearchPage {
                         searchIconAriaLabel: PropTypes.Requireable<string>;
                     }>>;
                     checkboxWithTitle: PropTypes.Requireable<PropTypes.InferProps<{
+                        value: PropTypes.Requireable<string>;
                         title: PropTypes.Requireable<string>;
                         name: PropTypes.Requireable<string>;
                         checked: PropTypes.Requireable<boolean>;
@@ -1113,6 +1146,49 @@ declare namespace SearchPage {
                 disabled: PropTypes.Requireable<boolean>;
             }>>;
         }>>;
+        const filtersModal: PropTypes.Requireable<PropTypes.InferProps<{
+            title: PropTypes.Requireable<string>;
+            titleAriaLabel: PropTypes.Requireable<string>;
+            headerIcon: PropTypes.Requireable<PropTypes.InferProps<{
+                name: PropTypes.Requireable<string>;
+                color: PropTypes.Requireable<string>;
+                backgroundColor: PropTypes.Requireable<string>;
+            }>>;
+            description: PropTypes.Requireable<string>;
+            children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+            isOpen: PropTypes.Requireable<boolean>;
+            footer: PropTypes.Requireable<NonNullable<((...args: any[]) => any) | PropTypes.InferProps<{
+                text: PropTypes.Requireable<string>;
+                isError: any;
+                cancelButton: PropTypes.Requireable<PropTypes.InferProps<{
+                    label: PropTypes.Requireable<string>;
+                    onCancel: PropTypes.Requireable<(...args: any[]) => any>;
+                    disabled: PropTypes.Requireable<boolean>;
+                }>>;
+                confirmButton: PropTypes.Requireable<PropTypes.InferProps<{
+                    label: PropTypes.Requireable<string>;
+                    onConfirm: PropTypes.Requireable<(...args: any[]) => any>;
+                    iconName: PropTypes.Requireable<string>;
+                    disabled: PropTypes.Requireable<boolean>;
+                    color: PropTypes.Requireable<string>;
+                }>>;
+            }> | null | undefined>>;
+            onClose: PropTypes.Requireable<(...args: any[]) => any>;
+            onScroll: PropTypes.Requireable<(...args: any[]) => any>;
+            detectScrollbar: PropTypes.Requireable<boolean>;
+            customStyle: PropTypes.Requireable<{
+                [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
+            }>;
+        }>>;
+        const tabs: PropTypes.Requireable<PropTypes.InferProps<{
+            items: PropTypes.Requireable<(PropTypes.InferProps<{
+                title: PropTypes.Requireable<string>;
+                count: PropTypes.Requireable<number>;
+                'aria-label': PropTypes.Requireable<string>;
+                onClick: PropTypes.Requireable<(...args: any[]) => any>;
+                isActive: PropTypes.Requireable<boolean>;
+            }> | null | undefined)[]>;
+        }>>;
         const sections: PropTypes.Requireable<{
             [x: string]: PropTypes.InferProps<{
                 title: PropTypes.Requireable<string>;
@@ -1220,6 +1296,15 @@ declare namespace SearchPage {
                     progression: PropTypes.Requireable<number>;
                     onClick: PropTypes.Requireable<(...args: any[]) => any>;
                 }> | null | undefined> | null | undefined)[]>;
+                tabs: PropTypes.Requireable<PropTypes.InferProps<{
+                    items: PropTypes.Requireable<(PropTypes.InferProps<{
+                        title: PropTypes.Requireable<string>;
+                        count: PropTypes.Requireable<number>;
+                        'aria-label': PropTypes.Requireable<string>;
+                        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+                        isActive: PropTypes.Requireable<boolean>;
+                    }> | null | undefined)[]>;
+                }>>;
                 showMore: PropTypes.Requireable<string>;
                 onShowMore: PropTypes.Requireable<(...args: any[]) => any>;
                 order: PropTypes.Requireable<number>;

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":";AAmBA,mEAqJC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/template/common/search-page/index.js"],"names":[],"mappings":";AAyBA,mEA4MC"}

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

@@ -3,7 +3,6 @@
 exports.__esModule = true;
 exports.default = void 0;
 var _sortBy2 = _interopRequireDefault(require("lodash/fp/sortBy"));
-var _size2 = _interopRequireDefault(require("lodash/fp/size"));
 var _pipe2 = _interopRequireDefault(require("lodash/fp/pipe"));
 var _map2 = _interopRequireDefault(require("lodash/fp/map"));
 var _keys2 = _interopRequireDefault(require("lodash/fp/keys"));
@@ -11,8 +10,11 @@ var _isEmpty2 = _interopRequireDefault(require("lodash/fp/isEmpty"));
 var _getOr2 = _interopRequireDefault(require("lodash/fp/getOr"));
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
+var _cssColorFunction = require("css-color-function");
+var _classnames = _interopRequireDefault(require("classnames"));
 var _provider = _interopRequireDefault(require("../../../atom/provider"));
 var _button = _interopRequireDefault(require("../../../atom/button"));
+var _buttonLink = _interopRequireDefault(require("../../../atom/button-link"));
 var _filters = _interopRequireDefault(require("../../../molecule/filters"));
 var _cardsGrid = _interopRequireDefault(require("../../../organism/cards-grid"));
 var _cardsList = _interopRequireDefault(require("../../../molecule/dashboard/cards-list"));
@@ -25,6 +27,9 @@ var _card = require("../../../molecule/card");
 var _learningPriorityCard = _interopRequireDefault(require("../../../molecule/learning-priority-card"));
 var _colors = require("../../../variables/colors");
 var _quickFilters = _interopRequireDefault(require("../../../molecule/quick-filters"));
+var _baseModal = _interopRequireDefault(require("../../../molecule/base-modal"));
+var _multiFilterPanel = _interopRequireDefault(require("../../../molecule/multi-filter-panel"));
+var _tabs = _interopRequireDefault(require("../../../molecule/tabs"));
 var _style = _interopRequireDefault(require("./style.css"));
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -38,6 +43,7 @@ const SearchPage = (props, context) => {
     cards,
     count,
     noresultsfound,
+    noresultsfoundDescription,
     clearFilters,
     recommendations,
     moreSortAriaLabel,
@@ -45,12 +51,16 @@ const SearchPage = (props, context) => {
     filterGroupAriaLabel,
     sortAriaLabel,
     popinWithCards,
-    sections = {}
+    sections = {},
+    filtersModal,
+    searchMessage,
+    newVersion = false,
+    tabs
   } = props;
   const {
     skin
   } = context;
-  const defaultColor = (0, _getOr2.default)('#00B0FF', 'common.primary', skin);
+  const defaultColor = (0, _getOr2.default)(_colors.COLORS.cm_primary_blue, 'common.primary', skin);
   const nodeRef = (0, _react.useRef)(null);
   const recommendationsView = (0, _isEmpty2.default)(recommendations) ? null : /*#__PURE__*/_react.default.createElement(_cardsList.default, _extends({}, recommendations, {
     customStyle: {
@@ -105,17 +115,21 @@ const SearchPage = (props, context) => {
     // For new content, use standard cards
     return /*#__PURE__*/_react.default.createElement(_cardsList.default, sectionProps);
   };
+  const tabsView = tabs ? /*#__PURE__*/_react.default.createElement(_tabs.default, tabs) : null;
   const cardsView = (0, _isEmpty2.default)(cards?.list) ? /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.noresults
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: _style.default.noresultstxt
-  }, noresultsfound), /*#__PURE__*/_react.default.createElement(_button.default, _extends({}, clearFilters, {
+    className: _style.default.noresultsTitle
+  }, noresultsfound), /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.noresultsDescription
+  }, noresultsfoundDescription), /*#__PURE__*/_react.default.createElement(_buttonLink.default, _extends({}, clearFilters, {
     "data-name": "searchPageClear",
-    className: _style.default.clear,
-    style: {
-      background: defaultColor
-    },
-    type: "link"
+    className: (0, _classnames.default)(_style.default.clear, _style.default.center),
+    hoverBackgroundColor: (0, _cssColorFunction.convert)(`hsl(from ${defaultColor} h s calc(l*(1 - 0.08)))`),
+    customStyle: {
+      backgroundColor: defaultColor,
+      color: 'white'
+    }
   }))), recommendationsView) : /*#__PURE__*/_react.default.createElement(_cardsGrid.default, cards);
 
   // Convert sections object to array and sort by order
@@ -123,12 +137,7 @@ const SearchPage = (props, context) => {
     key,
     ...sections[key]
   })), (0, _sortBy2.default)('order'))(sections);
-  const hasSections = (0, _size2.default)(sortedSections) > 0;
-  const contentGridSection = /*#__PURE__*/_react.default.createElement("div", {
-    className: _style.default.contentSection
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: _style.default.sectionHeader
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  const titleView = /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.sectionTitle
   }, /*#__PURE__*/_react.default.createElement("span", null, title), /*#__PURE__*/_react.default.createElement(_tag.default, {
     label: count || cards.list.length.toString(),
@@ -138,9 +147,15 @@ const SearchPage = (props, context) => {
       backgroundColor: _colors.COLORS.cm_grey_100,
       color: _colors.COLORS.neutral_500
     }
-  })), /*#__PURE__*/_react.default.createElement("div", {
+  }));
+  const contentGridSection = /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.contentSection
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.sectionHeader
+  }, tabsView ? tabsView : titleView, /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.contentGrid
   }, " ", cardsView)));
+  const handleclearFiltersOnClick = (0, _react.useCallback)(() => clearFilters.onClick(), [clearFilters]);
   return /*#__PURE__*/_react.default.createElement("div", {
     "data-name": "filters"
   }, searchFilters ? /*#__PURE__*/_react.default.createElement(_filters.default, _extends({}, searchFilters, {
@@ -148,7 +163,28 @@ const SearchPage = (props, context) => {
     moreFilterAriaLabel: moreFilterAriaLabel,
     filterGroupAriaLabel: filterGroupAriaLabel,
     sortAriaLabel: sortAriaLabel
-  })) : null, quickFilters ? /*#__PURE__*/_react.default.createElement(_quickFilters.default, quickFilters) : null, hasSections ? /*#__PURE__*/_react.default.createElement("div", {
+  })) : null, quickFilters ? /*#__PURE__*/_react.default.createElement(_quickFilters.default, quickFilters) : null, searchMessage ? /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.searchMessageWrapper
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: _style.default.searchMessage
+    // eslint-disable-next-line react/no-danger
+    ,
+    dangerouslySetInnerHTML: {
+      __html: searchMessage
+    }
+  }), /*#__PURE__*/_react.default.createElement(_button.default, {
+    submitValue: clearFilters.label,
+    onClick: handleclearFiltersOnClick,
+    "data-name": "searchMeassageClear",
+    className: _style.default.clear,
+    style: {
+      background: 'transparent',
+      color: defaultColor,
+      padding: '0 5px',
+      fontSize: '14px'
+    },
+    type: "link"
+  })) : null, newVersion ? /*#__PURE__*/_react.default.createElement("div", {
     "data-name": "explorerSections",
     className: _style.default.sectionsWrapper
   }, sortedSections.map((section, index) => /*#__PURE__*/_react.default.createElement("div", {
@@ -163,28 +199,47 @@ const SearchPage = (props, context) => {
   }, title), cardsView), popinWithCards ? /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.popinWithCards,
     ref: nodeRef
-  }, /*#__PURE__*/_react.default.createElement(_cmPopin.default, popinWithCards)) : null);
+  }, /*#__PURE__*/_react.default.createElement(_cmPopin.default, popinWithCards)) : null, filtersModal ? /*#__PURE__*/_react.default.createElement(_baseModal.default, _extends({}, filtersModal, {
+    headerIcon: {
+      name: filtersModal.headerIcon.name,
+      backgroundColor: (0, _cssColorFunction.convert)(`color(${defaultColor} lightness(92%))`),
+      color: defaultColor
+    },
+    footer: {
+      cancelButton: filtersModal.footer.cancelButton,
+      confirmButton: {
+        ...filtersModal.footer.confirmButton,
+        color: defaultColor
+      }
+    }
+  }), filtersModal.filterPanelProps ? /*#__PURE__*/_react.default.createElement(_multiFilterPanel.default, filtersModal.filterPanelProps) : null) : null);
 };
 SearchPage.contextTypes = {
   skin: _provider.default.childContextTypes.skin
 };
 SearchPage.propTypes = process.env.NODE_ENV !== "production" ? {
+  newVersion: _propTypes.default.bool,
+  searchMessage: _propTypes.default.string,
   noresultsfound: _propTypes.default.string,
+  noresultsfoundDescription: _propTypes.default.string,
   title: _propTypes.default.string,
   searchFilters: _propTypes.default.shape(_filters.default.propTypes),
   quickFilters: _propTypes.default.shape(_quickFilters.default.propTypes),
   cards: _propTypes.default.shape(_cardsGrid.default.propTypes),
   count: _propTypes.default.number,
-  clearFilters: _propTypes.default.shape(_button.default.propTypes),
+  clearFilters: _propTypes.default.shape(_buttonLink.default.propTypes),
   recommendations: _propTypes.default.shape(_cardsList.default.propTypes),
   moreSortAriaLabel: _propTypes.default.string,
   moreFilterAriaLabel: _propTypes.default.string,
   filterGroupAriaLabel: _propTypes.default.string,
   sortAriaLabel: _propTypes.default.string,
   popinWithCards: _propTypes.default.shape(_cmPopin.default.propTypes),
+  filtersModal: _propTypes.default.shape(_baseModal.default.propTypes),
+  tabs: _propTypes.default.shape(_tabs.default.propTypes),
   sections: _propTypes.default.objectOf(_propTypes.default.shape({
     title: _propTypes.default.string,
     cards: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.shape(_card.cardPropTypes), _propTypes.default.shape(_learnerSkillCard.default.propTypes), _propTypes.default.shape(_certificationCard.default.propTypes), _propTypes.default.shape(_playlistCard.default.propTypes), _propTypes.default.shape(_learningPriorityCard.default.propTypes)])),
+    tabs: _propTypes.default.shape(_tabs.default.propTypes),
     showMore: _propTypes.default.string,
     onShowMore: _propTypes.default.func,
     order: _propTypes.default.number,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_provider","_button","_filters","_cardsGrid","_cardsList","_certificationCard","_learnerSkillCard","_playlistCard","_cmPopin","_tag","_card","_learningPriorityCard","_colors","_quickFilters","_style","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","SearchPage","props","context","title","searchFilters","quickFilters","cards","count","noresultsfound","clearFilters","recommendations","moreSortAriaLabel","moreFilterAriaLabel","filterGroupAriaLabel","sortAriaLabel","popinWithCards","sections","skin","defaultColor","_getOr2","nodeRef","useRef","recommendationsView","_isEmpty2","createElement","customStyle","padding","renderSection","section","sectionCount","titleWithCount","className","style","sectionTitle","label","toString","type","size","backgroundColor","COLORS","cm_grey_100","color","neutral_500","sectionProps","dataName","key","cardsView","list","noresults","noresultstxt","clear","background","sortedSections","_pipe2","_keys2","_map2","_sortBy2","hasSections","_size2","contentGridSection","contentSection","sectionHeader","contentGrid","sectionsWrapper","map","index","cardsWrapper","role","ref","contextTypes","Provider","childContextTypes","propTypes","process","env","NODE_ENV","PropTypes","string","shape","Filters","QuickFilters","CardsGrid","number","Button","CardsList","CMPopin","objectOf","arrayOf","oneOfType","cardPropTypes","LearnerSkillCard","CertificationCard","PlaylistCard","LearningPriorityCard","showMore","onShowMore","func","order","showMoreOnLeftAriaLabel","showMoreOnRightAriaLabel","_default","exports"],"sources":["../../../../src/template/common/search-page/index.js"],"sourcesContent":["import React, {useRef} from 'react';\nimport PropTypes from 'prop-types';\nimport {getOr, isEmpty, keys, map, pipe, size, sortBy} 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 CertificationCard from '../../../molecule/certification-card';\nimport LearnerSkillCard from '../../../molecule/learner-skill-card';\nimport PlaylistCard from '../../../molecule/playlist-card';\nimport CMPopin from '../../../molecule/cm-popin';\nimport Tag from '../../../atom/tag';\nimport {cardPropTypes} from '../../../molecule/card';\nimport LearningPriorityCard from '../../../molecule/learning-priority-card';\nimport {COLORS} from '../../../variables/colors';\nimport QuickFilters from '../../../molecule/quick-filters';\nimport style from './style.css';\n\nconst SearchPage = (props, context) => {\n  const {\n    title,\n    searchFilters,\n    quickFilters,\n    cards,\n    count,\n    noresultsfound,\n    clearFilters,\n    recommendations,\n    moreSortAriaLabel,\n    moreFilterAriaLabel,\n    filterGroupAriaLabel,\n    sortAriaLabel,\n    popinWithCards,\n    sections = {}\n  } = props;\n  const {skin} = context;\n  const defaultColor = getOr('#00B0FF', 'common.primary', skin);\n  const nodeRef = useRef(null);\n  const recommendationsView = isEmpty(recommendations) ? null : (\n    <CardsList {...recommendations} customStyle={{padding: 0}} />\n  );\n\n  // Helper function to render content sections\n  const renderSection = section => {\n    if (!section || isEmpty(section.cards)) return null;\n\n    // Use count from props, fallback to cards.length\n    const sectionCount = section.count || section.cards.length;\n\n    // Create title with count tag\n    const titleWithCount = (\n      <div className={style.sectionTitle}>\n        <span data-name=\"section-title\">{section.title}</span>\n        <Tag\n          label={sectionCount.toString()}\n          type=\"default\"\n          size=\"S\"\n          customStyle={{backgroundColor: COLORS.cm_grey_100, color: COLORS.neutral_500}}\n        />\n      </div>\n    );\n\n    const sectionProps = {\n      ...section,\n      title: titleWithCount,\n      dataName: `${section.key}-section`\n    };\n\n    // Use CardsList with appropriate type for all sections\n    if (section.key === 'certifications') {\n      return <CardsList {...sectionProps} type=\"certifications\" />;\n    }\n\n    if (section.key === 'skills') {\n      return <CardsList {...sectionProps} type=\"skills\" />;\n    }\n\n    if (section.key === 'playlists') {\n      return <CardsList {...sectionProps} type=\"playlists\" />;\n    }\n\n    // For new content, use standard cards\n    return <CardsList {...sectionProps} />;\n  };\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  // Convert sections object to array and sort by order\n  const sortedSections = pipe(\n    keys,\n    map(key => ({key, ...sections[key]})),\n    sortBy('order')\n  )(sections);\n\n  const hasSections = size(sortedSections) > 0;\n\n  const contentGridSection = (\n    <div className={style.contentSection}>\n      <div className={style.sectionHeader}>\n        <div className={style.sectionTitle}>\n          <span>{title}</span>\n          <Tag\n            label={count || cards.list.length.toString()}\n            type=\"default\"\n            size=\"S\"\n            customStyle={{backgroundColor: COLORS.cm_grey_100, color: COLORS.neutral_500}}\n          />\n        </div>\n        <div className={style.contentGrid}> {cardsView}</div>\n      </div>\n    </div>\n  );\n\n  return (\n    <div data-name=\"filters\">\n      {searchFilters ? (\n        <Filters\n          {...searchFilters}\n          moreSortAriaLabel={moreSortAriaLabel}\n          moreFilterAriaLabel={moreFilterAriaLabel}\n          filterGroupAriaLabel={filterGroupAriaLabel}\n          sortAriaLabel={sortAriaLabel}\n        />\n      ) : null}\n      {quickFilters ? <QuickFilters {...quickFilters} /> : null}\n\n      {hasSections ? (\n        <div data-name=\"explorerSections\" className={style.sectionsWrapper}>\n          {sortedSections.map((section, index) => (\n            <div data-name={`section-${section.key}`} key={`${section.key}-${index}`}>\n              {renderSection(section)}\n            </div>\n          ))}\n          {contentGridSection ? <div>{contentGridSection}</div> : null}\n        </div>\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      )}\n\n      {popinWithCards ? (\n        <div className={style.popinWithCards} ref={nodeRef}>\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  quickFilters: PropTypes.shape(QuickFilters.propTypes),\n  cards: PropTypes.shape(CardsGrid.propTypes),\n  count: PropTypes.number,\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  sections: PropTypes.objectOf(\n    PropTypes.shape({\n      title: PropTypes.string,\n      cards: PropTypes.arrayOf(\n        PropTypes.oneOfType([\n          PropTypes.shape(cardPropTypes),\n          PropTypes.shape(LearnerSkillCard.propTypes),\n          PropTypes.shape(CertificationCard.propTypes),\n          PropTypes.shape(PlaylistCard.propTypes),\n          PropTypes.shape(LearningPriorityCard.propTypes)\n        ])\n      ),\n      showMore: PropTypes.string,\n      onShowMore: PropTypes.func,\n      order: PropTypes.number,\n      count: PropTypes.number,\n      'arrows-aria-label': PropTypes.shape({\n        showMoreOnLeftAriaLabel: PropTypes.string,\n        showMoreOnRightAriaLabel: PropTypes.string\n      })\n    })\n  )\n};\n\nexport default SearchPage;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_cssColorFunction","_classnames","_provider","_button","_buttonLink","_filters","_cardsGrid","_cardsList","_certificationCard","_learnerSkillCard","_playlistCard","_cmPopin","_tag","_card","_learningPriorityCard","_colors","_quickFilters","_baseModal","_multiFilterPanel","_tabs","_style","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","SearchPage","props","context","title","searchFilters","quickFilters","cards","count","noresultsfound","noresultsfoundDescription","clearFilters","recommendations","moreSortAriaLabel","moreFilterAriaLabel","filterGroupAriaLabel","sortAriaLabel","popinWithCards","sections","filtersModal","searchMessage","newVersion","tabs","skin","defaultColor","_getOr2","COLORS","cm_primary_blue","nodeRef","useRef","recommendationsView","_isEmpty2","createElement","customStyle","padding","renderSection","section","sectionCount","titleWithCount","className","style","sectionTitle","label","toString","type","size","backgroundColor","cm_grey_100","color","neutral_500","sectionProps","dataName","key","tabsView","cardsView","list","noresults","noresultsTitle","noresultsDescription","classNames","clear","center","hoverBackgroundColor","convert","sortedSections","_pipe2","_keys2","_map2","_sortBy2","titleView","contentGridSection","contentSection","sectionHeader","contentGrid","handleclearFiltersOnClick","useCallback","onClick","searchMessageWrapper","dangerouslySetInnerHTML","__html","submitValue","background","fontSize","sectionsWrapper","map","index","cardsWrapper","role","ref","headerIcon","name","footer","cancelButton","confirmButton","filterPanelProps","contextTypes","Provider","childContextTypes","propTypes","process","env","NODE_ENV","PropTypes","bool","string","shape","Filters","QuickFilters","CardsGrid","number","ButtonLink","CardsList","CMPopin","BaseModal","Tabs","objectOf","arrayOf","oneOfType","cardPropTypes","LearnerSkillCard","CertificationCard","PlaylistCard","LearningPriorityCard","showMore","onShowMore","func","order","showMoreOnLeftAriaLabel","showMoreOnRightAriaLabel","_default","exports"],"sources":["../../../../src/template/common/search-page/index.js"],"sourcesContent":["import React, {useRef, useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport {getOr, isEmpty, keys, map, pipe, sortBy} from 'lodash/fp';\nimport {convert} from 'css-color-function';\nimport classNames from 'classnames';\nimport Provider from '../../../atom/provider';\nimport Button from '../../../atom/button';\nimport ButtonLink from '../../../atom/button-link';\nimport Filters from '../../../molecule/filters';\nimport CardsGrid from '../../../organism/cards-grid';\nimport CardsList from '../../../molecule/dashboard/cards-list';\nimport CertificationCard from '../../../molecule/certification-card';\nimport LearnerSkillCard from '../../../molecule/learner-skill-card';\nimport PlaylistCard from '../../../molecule/playlist-card';\nimport CMPopin from '../../../molecule/cm-popin';\nimport Tag from '../../../atom/tag';\nimport {cardPropTypes} from '../../../molecule/card';\nimport LearningPriorityCard from '../../../molecule/learning-priority-card';\nimport {COLORS} from '../../../variables/colors';\nimport QuickFilters from '../../../molecule/quick-filters';\nimport BaseModal from '../../../molecule/base-modal';\nimport MultiFilterPanel from '../../../molecule/multi-filter-panel';\nimport Tabs from '../../../molecule/tabs';\nimport style from './style.css';\n\nconst SearchPage = (props, context) => {\n  const {\n    title,\n    searchFilters,\n    quickFilters,\n    cards,\n    count,\n    noresultsfound,\n    noresultsfoundDescription,\n    clearFilters,\n    recommendations,\n    moreSortAriaLabel,\n    moreFilterAriaLabel,\n    filterGroupAriaLabel,\n    sortAriaLabel,\n    popinWithCards,\n    sections = {},\n    filtersModal,\n    searchMessage,\n    newVersion = false,\n    tabs\n  } = props;\n  const {skin} = context;\n  const defaultColor = getOr(COLORS.cm_primary_blue, 'common.primary', skin);\n  const nodeRef = useRef(null);\n  const recommendationsView = isEmpty(recommendations) ? null : (\n    <CardsList {...recommendations} customStyle={{padding: 0}} />\n  );\n\n  // Helper function to render content sections\n  const renderSection = section => {\n    if (!section || isEmpty(section.cards)) return null;\n\n    // Use count from props, fallback to cards.length\n    const sectionCount = section.count || section.cards.length;\n\n    // Create title with count tag\n    const titleWithCount = (\n      <div className={style.sectionTitle}>\n        <span data-name=\"section-title\">{section.title}</span>\n        <Tag\n          label={sectionCount.toString()}\n          type=\"default\"\n          size=\"S\"\n          customStyle={{backgroundColor: COLORS.cm_grey_100, color: COLORS.neutral_500}}\n        />\n      </div>\n    );\n\n    const sectionProps = {\n      ...section,\n      title: titleWithCount,\n      dataName: `${section.key}-section`\n    };\n\n    // Use CardsList with appropriate type for all sections\n    if (section.key === 'certifications') {\n      return <CardsList {...sectionProps} type=\"certifications\" />;\n    }\n\n    if (section.key === 'skills') {\n      return <CardsList {...sectionProps} type=\"skills\" />;\n    }\n\n    if (section.key === 'playlists') {\n      return <CardsList {...sectionProps} type=\"playlists\" />;\n    }\n\n    // For new content, use standard cards\n    return <CardsList {...sectionProps} />;\n  };\n\n  const tabsView = tabs ? <Tabs {...tabs} /> : null;\n\n  const cardsView = isEmpty(cards?.list) ? (\n    <div>\n      <div className={style.noresults}>\n        <div className={style.noresultsTitle}>{noresultsfound}</div>\n        <div className={style.noresultsDescription}>{noresultsfoundDescription}</div>\n        <ButtonLink\n          {...clearFilters}\n          data-name=\"searchPageClear\"\n          className={classNames(style.clear, style.center)}\n          hoverBackgroundColor={convert(`hsl(from ${defaultColor} h s calc(l*(1 - 0.08)))`)}\n          customStyle={{\n            backgroundColor: defaultColor,\n            color: 'white'\n          }}\n        />\n      </div>\n      {recommendationsView}\n    </div>\n  ) : (\n    <CardsGrid {...cards} />\n  );\n\n  // Convert sections object to array and sort by order\n  const sortedSections = pipe(\n    keys,\n    map(key => ({key, ...sections[key]})),\n    sortBy('order')\n  )(sections);\n\n  const titleView = (\n    <div className={style.sectionTitle}>\n      <span>{title}</span>\n      <Tag\n        label={count || cards.list.length.toString()}\n        type=\"default\"\n        size=\"S\"\n        customStyle={{backgroundColor: COLORS.cm_grey_100, color: COLORS.neutral_500}}\n      />\n    </div>\n  );\n  const contentGridSection = (\n    <div className={style.contentSection}>\n      <div className={style.sectionHeader}>\n        {tabsView ? tabsView : titleView}\n        <div className={style.contentGrid}> {cardsView}</div>\n      </div>\n    </div>\n  );\n  const handleclearFiltersOnClick = useCallback(() => clearFilters.onClick(), [clearFilters]);\n  return (\n    <div data-name=\"filters\">\n      {searchFilters ? (\n        <Filters\n          {...searchFilters}\n          moreSortAriaLabel={moreSortAriaLabel}\n          moreFilterAriaLabel={moreFilterAriaLabel}\n          filterGroupAriaLabel={filterGroupAriaLabel}\n          sortAriaLabel={sortAriaLabel}\n        />\n      ) : null}\n      {quickFilters ? <QuickFilters {...quickFilters} /> : null}\n      {searchMessage ? (\n        <div className={style.searchMessageWrapper}>\n          <span\n            className={style.searchMessage}\n            // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={{__html: searchMessage}}\n          />\n          <Button\n            submitValue={clearFilters.label}\n            onClick={handleclearFiltersOnClick}\n            data-name=\"searchMeassageClear\"\n            className={style.clear}\n            style={{\n              background: 'transparent',\n              color: defaultColor,\n              padding: '0 5px',\n              fontSize: '14px'\n            }}\n            type=\"link\"\n          />\n        </div>\n      ) : null}\n      {newVersion ? (\n        <div data-name=\"explorerSections\" className={style.sectionsWrapper}>\n          {sortedSections.map((section, index) => (\n            <div data-name={`section-${section.key}`} key={`${section.key}-${index}`}>\n              {renderSection(section)}\n            </div>\n          ))}\n          {contentGridSection ? <div>{contentGridSection}</div> : null}\n        </div>\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      )}\n\n      {popinWithCards ? (\n        <div className={style.popinWithCards} ref={nodeRef}>\n          <CMPopin {...popinWithCards} />\n        </div>\n      ) : null}\n\n      {filtersModal ? (\n        <BaseModal\n          {...filtersModal}\n          headerIcon={{\n            name: filtersModal.headerIcon.name,\n            backgroundColor: convert(`color(${defaultColor} lightness(92%))`),\n            color: defaultColor\n          }}\n          footer={{\n            cancelButton: filtersModal.footer.cancelButton,\n            confirmButton: {\n              ...filtersModal.footer.confirmButton,\n              color: defaultColor\n            }\n          }}\n        >\n          {filtersModal.filterPanelProps ? (\n            <MultiFilterPanel {...filtersModal.filterPanelProps} />\n          ) : null}\n        </BaseModal>\n      ) : null}\n    </div>\n  );\n};\n\nSearchPage.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nSearchPage.propTypes = {\n  newVersion: PropTypes.bool,\n  searchMessage: PropTypes.string,\n  noresultsfound: PropTypes.string,\n  noresultsfoundDescription: PropTypes.string,\n  title: PropTypes.string,\n  searchFilters: PropTypes.shape(Filters.propTypes),\n  quickFilters: PropTypes.shape(QuickFilters.propTypes),\n  cards: PropTypes.shape(CardsGrid.propTypes),\n  count: PropTypes.number,\n  clearFilters: PropTypes.shape(ButtonLink.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  filtersModal: PropTypes.shape(BaseModal.propTypes),\n  tabs: PropTypes.shape(Tabs.propTypes),\n  sections: PropTypes.objectOf(\n    PropTypes.shape({\n      title: PropTypes.string,\n      cards: PropTypes.arrayOf(\n        PropTypes.oneOfType([\n          PropTypes.shape(cardPropTypes),\n          PropTypes.shape(LearnerSkillCard.propTypes),\n          PropTypes.shape(CertificationCard.propTypes),\n          PropTypes.shape(PlaylistCard.propTypes),\n          PropTypes.shape(LearningPriorityCard.propTypes)\n        ])\n      ),\n      tabs: PropTypes.shape(Tabs.propTypes),\n      showMore: PropTypes.string,\n      onShowMore: PropTypes.func,\n      order: PropTypes.number,\n      count: PropTypes.number,\n      'arrows-aria-label': PropTypes.shape({\n        showMoreOnLeftAriaLabel: PropTypes.string,\n        showMoreOnRightAriaLabel: PropTypes.string\n      })\n    })\n  )\n};\n\nexport default SearchPage;\n"],"mappings":"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","ignoreList":[]}

package/lib/template/common/search-page/style.css

@@ -7,11 +7,11 @@
 @value black from colors;
 @value white from colors;
 @value cm_grey_500 from colors;
+@value cm_grey_700 from colors;
 
 .cardsWrapper {
   display: block;
   width: 100%;
-  max-width: 1100px;
   margin: 0px auto;
   height: auto;
   box-sizing: border-box;
@@ -19,6 +19,37 @@
   background: white;
 }
 
+.searchMessageWrapper {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  max-width: 1100px;
+  width: 100%;
+  margin: 60px auto 0px;
+  position: relative;
+  align-items: baseline;
+}
+
+.searchMessage {
+  font-family: "Gilroy";
+  font-size: 18px;
+  font-weight: 400;
+  color: cm_grey_500;
+  padding: 0 10px;
+  display: block;
+  line-height: 28px;
+  user-select: none;
+}
+
+.clear {
+  min-width: auto;
+  line-height: 28px;
+}
+
+.center {
+  margin: 32px auto 0px;
+}
+
 .noresults {
   font-family: "Gilroy";
   border-top: solid 1px xtraLightGrey;
@@ -42,14 +73,31 @@
 }
 
 .noresults > .clear {
-  border-radius: 45px;
   height: 40px;
   line-height: 40px;
   width: auto;
 }
 
-.noresultstxt {
-  color: black;
+.noresultsTitle {
+  font-family: Gilroy;
+  font-weight: 700;
+  font-style: Bold;
+  font-size: 20px;
+  line-height: 28px;
+  letter-spacing: 0px;
+  text-align: center;
+  vertical-align: bottom;
+  color: cm_grey_700;
+}
+
+.noresultsDescription {
+  font-family: Gilroy;
+  font-weight: 500;
+  font-size: 14px;
+  line-height: 20px;
+  text-align: center;
+  vertical-align: bottom;
+  color: cm_grey_500;
 }
 
 .popinWithCards {

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

@@ -323,6 +323,7 @@ declare namespace ExternalCourse {
                             }>>;
                             image: PropTypes.Requireable<string>;
                             checkbox: PropTypes.Requireable<PropTypes.InferProps<{
+                                value: PropTypes.Requireable<string>;
                                 title: PropTypes.Requireable<string>;
                                 name: PropTypes.Requireable<string>;
                                 checked: PropTypes.Requireable<boolean>;
@@ -711,6 +712,7 @@ declare namespace ExternalCourse {
                         searchIconAriaLabel: PropTypes.Requireable<string>;
                     }>>;
                     checkboxWithTitle: PropTypes.Requireable<PropTypes.InferProps<{
+                        value: PropTypes.Requireable<string>;
                         title: PropTypes.Requireable<string>;
                         name: PropTypes.Requireable<string>;
                         checked: PropTypes.Requireable<boolean>;

package/lib/template/my-learning/index.d.ts

@@ -109,6 +109,15 @@ declare namespace MyLearning {
                 progression: PropTypes.Requireable<number>;
                 onClick: PropTypes.Requireable<(...args: any[]) => any>;
             }> | null | undefined> | null | undefined)[]>;
+            tabs: PropTypes.Requireable<PropTypes.InferProps<{
+                items: PropTypes.Requireable<(PropTypes.InferProps<{
+                    title: PropTypes.Requireable<string>;
+                    count: PropTypes.Requireable<number>;
+                    'aria-label': PropTypes.Requireable<string>;
+                    onClick: PropTypes.Requireable<(...args: any[]) => any>;
+                    isActive: PropTypes.Requireable<boolean>;
+                }> | null | undefined)[]>;
+            }>>;
             customStyle: PropTypes.Requireable<{
                 [x: string]: string | null | undefined;
             }>;

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

@@ -96,6 +96,15 @@ declare namespace TeamsDashboard {
                 progression: PropTypes.Requireable<number>;
                 onClick: PropTypes.Requireable<(...args: any[]) => any>;
             }> | null | undefined> | null | undefined)[]>;
+            tabs: PropTypes.Requireable<PropTypes.InferProps<{
+                items: PropTypes.Requireable<(PropTypes.InferProps<{
+                    title: PropTypes.Requireable<string>;
+                    count: PropTypes.Requireable<number>;
+                    'aria-label': PropTypes.Requireable<string>;
+                    onClick: PropTypes.Requireable<(...args: any[]) => any>;
+                    isActive: PropTypes.Requireable<boolean>;
+                }> | null | undefined)[]>;
+            }>>;
             customStyle: PropTypes.Requireable<{
                 [x: string]: string | null | undefined;
             }>;

package/lib/util/external-content.js

@@ -16,7 +16,7 @@ const EXTERNAL_CONTENT_ICONS = exports.EXTERNAL_CONTENT_ICONS = {
   },
   article: {
     icon: _novaIcons.NovaCompositionCoorpacademyArticle,
-    color: _colors.COLORS.cm_bleu_article
+    color: _colors.COLORS.cm_blue_article
   },
   video: {
     icon: _novaIcons.NovaCompositionCoorpacademyVideo,
@@ -34,7 +34,7 @@ const ICONS_TYPES = exports.ICONS_TYPES = {
   },
   article: {
     iconName: 'file-lines',
-    iconColor: _colors.COLORS.cm_bleu_article
+    iconColor: _colors.COLORS.cm_blue_article
   },
   video: {
     iconName: 'circle-play',