@coorpacademy/components 11.40.13 → 11.40.14-alpha.3.6

package/lib/organism/filter-switch/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_title","_inputSwitch","_tag","_buttonLink","_provider","_interopRequireWildcard","_colors","_propTypes","_style","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","FilterSwitch","props","context","title","titleAriaLabel","onClear","options","selectedFiltersCount","_pipe2","_filter2","value","_size2","hasSelectedFilters","translate","GetTranslateFromContext","createElement","className","style","header","titleContainer","ariaLabel","label","_toString2","type","size","buttonContainer","customStyle","fontWeight","padding","onClick","hoverColor","COLORS","cm_grey_700","optionsContainer","map","optionItem","onChange","key","switchOption","theme","propTypes","process","env","NODE_ENV","contextTypes","Provider","childContextTypes","_default","exports"],"sources":["../../../src/organism/filter-switch/index.tsx"],"sourcesContent":["import React from 'react';\nimport {filter, pipe, size, toString} from 'lodash/fp';\nimport Title from '../../atom/title';\nimport InputSwitch from '../../atom/input-switch';\nimport Tag from '../../atom/tag';\nimport ButtonLink from '../../atom/button-link';\nimport Provider, {GetTranslateFromContext} from '../../atom/provider';\nimport {WebContextValues} from '../../atom/provider/web-context';\nimport {COLORS} from '../../variables/colors';\nimport propTypes, {FilterSwitchProps} from './prop-types';\nimport style from './style.css';\n\nconst FilterSwitch = (props: FilterSwitchProps, context: WebContextValues) => {\n  const {title, titleAriaLabel, onClear, options} = props;\n  const selectedFiltersCount = pipe(filter({value: true}), size)(options);\n  const hasSelectedFilters = selectedFiltersCount > 0;\n  const translate = GetTranslateFromContext(context);\n\n  return (\n    <div>\n      <div className={style.header}>\n        <div className={style.titleContainer}>\n          <Title title={title} ariaLabel={titleAriaLabel} />\n          {hasSelectedFilters ? (\n            <Tag label={toString(selectedFiltersCount)} type=\"info\" size=\"S\" />\n          ) : null}\n        </div>\n        {hasSelectedFilters ? (\n          <div className={style.buttonContainer}>\n            <ButtonLink\n              customStyle={{fontWeight: 'normal', padding: 0}}\n              label={translate('clear')}\n              type=\"text\"\n              data-name=\"filter-chip-clear-button\"\n              aria-label=\"filter chip clear button\"\n              onClick={onClear}\n              hoverColor={COLORS.cm_grey_700}\n            />\n          </div>\n        ) : null}\n      </div>\n      <div className={style.optionsContainer}>\n        {options.map(optionItem => {\n          const {label, value, onChange, ariaLabel} = optionItem;\n          return (\n            <div key={label} className={style.switchOption}>\n              <InputSwitch\n                title={label}\n                value={value}\n                theme={'newMooc'}\n                onChange={onChange}\n                aria-label={ariaLabel}\n              />\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n};\n\nFilterSwitch.propTypes = propTypes;\n\nFilterSwitch.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nexport default FilterSwitch;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_cssColorFunction","_title","_inputSwitch","_tag","_buttonLink","_provider","_interopRequireWildcard","_colors","_propTypes","_style","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","FilterSwitch","props","context","skin","primaryColor","_getOr2","COLORS","cm_primary_blue","title","titleAriaLabel","onClear","options","selectedFiltersCount","_pipe2","_filter2","value","_size2","hasSelectedFilters","translate","GetTranslateFromContext","createElement","className","style","header","titleContainer","ariaLabel","label","_toString2","type","size","customStyle","color","backgroundColor","convert","buttonContainer","fontWeight","padding","onClick","hoverColor","cm_grey_700","optionsContainer","map","optionItem","onChange","key","switchOption","theme","propTypes","process","env","NODE_ENV","contextTypes","Provider","childContextTypes","_default","exports"],"sources":["../../../src/organism/filter-switch/index.tsx"],"sourcesContent":["import React from 'react';\nimport {filter, pipe, size, getOr, toString} from 'lodash/fp';\nimport {convert} from 'css-color-function';\nimport Title from '../../atom/title';\nimport InputSwitch from '../../atom/input-switch';\nimport Tag from '../../atom/tag';\nimport ButtonLink from '../../atom/button-link';\nimport Provider, {GetTranslateFromContext} from '../../atom/provider';\nimport {WebContextValues} from '../../atom/provider/web-context';\nimport {COLORS} from '../../variables/colors';\nimport propTypes, {FilterSwitchProps} from './prop-types';\nimport style from './style.css';\n\nconst FilterSwitch = (props: FilterSwitchProps, context: WebContextValues) => {\n  const {skin} = context;\n  const primaryColor = getOr(COLORS.cm_primary_blue, 'common.primary', skin);\n  const {title, titleAriaLabel, onClear, options} = props;\n  const selectedFiltersCount = pipe(filter({value: true}), size)(options);\n  const hasSelectedFilters = selectedFiltersCount > 0;\n  const translate = GetTranslateFromContext(context);\n\n  return (\n    <div>\n      <div className={style.header}>\n        <div className={style.titleContainer}>\n          <Title title={title} ariaLabel={titleAriaLabel} />\n          {hasSelectedFilters ? (\n            <Tag\n              label={toString(selectedFiltersCount)}\n              type=\"info\"\n              size=\"S\"\n              customStyle={{\n                color: primaryColor,\n                backgroundColor: convert(`color(${primaryColor} lightness(92%))`)\n              }}\n            />\n          ) : null}\n        </div>\n        {hasSelectedFilters ? (\n          <div className={style.buttonContainer}>\n            <ButtonLink\n              customStyle={{fontWeight: 'normal', padding: 0}}\n              label={translate('clear')}\n              type=\"text\"\n              data-name=\"filter-chip-clear-button\"\n              aria-label=\"filter chip clear button\"\n              onClick={onClear}\n              hoverColor={COLORS.cm_grey_700}\n            />\n          </div>\n        ) : null}\n      </div>\n      <div className={style.optionsContainer}>\n        {options.map(optionItem => {\n          const {label, value, onChange, ariaLabel} = optionItem;\n          return (\n            <div key={label} className={style.switchOption}>\n              <InputSwitch\n                title={label}\n                value={value}\n                theme={'newMooc'}\n                onChange={onChange}\n                aria-label={ariaLabel}\n              />\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n};\n\nFilterSwitch.propTypes = propTypes;\n\nFilterSwitch.contextTypes = {\n  translate: Provider.childContextTypes.translate,\n  skin: Provider.childContextTypes.skin\n};\n\nexport default FilterSwitch;\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,iBAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,YAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,IAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,WAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,SAAA,GAAAC,uBAAA,CAAAP,OAAA;AAEA,IAAAQ,OAAA,GAAAR,OAAA;AACA,IAAAS,UAAA,GAAAV,sBAAA,CAAAC,OAAA;AACA,IAAAU,MAAA,GAAAX,sBAAA,CAAAC,OAAA;AAAgC,SAAAW,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAL,wBAAAK,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAAA,SAAArB,uBAAAa,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAI,UAAA,GAAAJ,CAAA,KAAAK,OAAA,EAAAL,CAAA;AAEhC,MAAMmB,YAAY,GAAGA,CAACC,KAAwB,EAAEC,OAAyB,KAAK;EAC5E,MAAM;IAACC;EAAI,CAAC,GAAGD,OAAO;EACtB,MAAME,YAAY,GAAG,IAAAC,OAAA,CAAAnB,OAAA,EAAMoB,cAAM,CAACC,eAAe,EAAE,gBAAgB,EAAEJ,IAAI,CAAC;EAC1E,MAAM;IAACK,KAAK;IAAEC,cAAc;IAAEC,OAAO;IAAEC;EAAO,CAAC,GAAGV,KAAK;EACvD,MAAMW,oBAAoB,GAAG,IAAAC,MAAA,CAAA3B,OAAA,EAAK,IAAA4B,QAAA,CAAA5B,OAAA,EAAO;IAAC6B,KAAK,EAAE;EAAI,CAAC,CAAC,EAAAC,MAAA,CAAA9B,OAAM,CAAC,CAACyB,OAAO,CAAC;EACvE,MAAMM,kBAAkB,GAAGL,oBAAoB,GAAG,CAAC;EACnD,MAAMM,SAAS,GAAG,IAAAC,iCAAuB,EAACjB,OAAO,CAAC;EAElD,oBACEnC,MAAA,CAAAmB,OAAA,CAAAkC,aAAA,2BACErD,MAAA,CAAAmB,OAAA,CAAAkC,aAAA;IAAKC,SAAS,EAAEC,cAAK,CAACC;EAAO,gBAC3BxD,MAAA,CAAAmB,OAAA,CAAAkC,aAAA;IAAKC,SAAS,EAAEC,cAAK,CAACE;EAAe,gBACnCzD,MAAA,CAAAmB,OAAA,CAAAkC,aAAA,CAACjD,MAAA,CAAAe,OAAK;IAACsB,KAAK,EAAEA,KAAM;IAACiB,SAAS,EAAEhB;EAAe,CAAE,CAAC,EACjDQ,kBAAkB,gBACjBlD,MAAA,CAAAmB,OAAA,CAAAkC,aAAA,CAAC/C,IAAA,CAAAa,OAAG;IACFwC,KAAK,EAAE,IAAAC,UAAA,CAAAzC,OAAA,EAAS0B,oBAAoB,CAAE;IACtCgB,IAAI,EAAC,MAAM;IACXC,IAAI,EAAC,GAAG;IACRC,WAAW,EAAE;MACXC,KAAK,EAAE3B,YAAY;MACnB4B,eAAe,EAAE,IAAAC,yBAAO,EAAC,SAAS7B,YAAY,kBAAkB;IAClE;EAAE,CACH,CAAC,GACA,IACD,CAAC,EACLa,kBAAkB,gBACjBlD,MAAA,CAAAmB,OAAA,CAAAkC,aAAA;IAAKC,SAAS,EAAEC,cAAK,CAACY;EAAgB,gBACpCnE,MAAA,CAAAmB,OAAA,CAAAkC,aAAA,CAAC9C,WAAA,CAAAY,OAAU;IACT4C,WAAW,EAAE;MAACK,UAAU,EAAE,QAAQ;MAAEC,OAAO,EAAE;IAAC,CAAE;IAChDV,KAAK,EAAER,SAAS,CAAC,OAAO,CAAE;IAC1BU,IAAI,EAAC,MAAM;IACX,aAAU,0BAA0B;IACpC,cAAW,0BAA0B;IACrCS,OAAO,EAAE3B,OAAQ;IACjB4B,UAAU,EAAEhC,cAAM,CAACiC;EAAY,CAChC,CACE,CAAC,GACJ,IACD,CAAC,eACNxE,MAAA,CAAAmB,OAAA,CAAAkC,aAAA;IAAKC,SAAS,EAAEC,cAAK,CAACkB;EAAiB,GACpC7B,OAAO,CAAC8B,GAAG,CAACC,UAAU,IAAI;IACzB,MAAM;MAAChB,KAAK;MAAEX,KAAK;MAAE4B,QAAQ;MAAElB;IAAS,CAAC,GAAGiB,UAAU;IACtD,oBACE3E,MAAA,CAAAmB,OAAA,CAAAkC,aAAA;MAAKwB,GAAG,EAAElB,KAAM;MAACL,SAAS,EAAEC,cAAK,CAACuB;IAAa,gBAC7C9E,MAAA,CAAAmB,OAAA,CAAAkC,aAAA,CAAChD,YAAA,CAAAc,OAAW;MACVsB,KAAK,EAAEkB,KAAM;MACbX,KAAK,EAAEA,KAAM;MACb+B,KAAK,EAAE,SAAU;MACjBH,QAAQ,EAAEA,QAAS;MACnB,cAAYlB;IAAU,CACvB,CACE,CAAC;EAEV,CAAC,CACE,CACF,CAAC;AAEV,CAAC;AAEDzB,YAAY,CAAC+C,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAGH,kBAAS;AAElC/C,YAAY,CAACmD,YAAY,GAAG;EAC1BjC,SAAS,EAAEkC,iBAAQ,CAACC,iBAAiB,CAACnC,SAAS;EAC/Cf,IAAI,EAAEiD,iBAAQ,CAACC,iBAAiB,CAAClD;AACnC,CAAC;AAAC,IAAAmD,QAAA,GAAAC,OAAA,CAAArE,OAAA,GAEac,YAAY","ignoreList":[]}

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

@@ -25,6 +25,8 @@ declare namespace SearchPage {
         }>>;
     }
     namespace propTypes {
+        const newVersion: PropTypes.Requireable<boolean>;
+        const searchMessage: PropTypes.Requireable<string>;
         const noresultsfound: PropTypes.Requireable<string>;
         const title: PropTypes.Requireable<string>;
         const searchFilters: PropTypes.Requireable<PropTypes.InferProps<{
@@ -1113,6 +1115,40 @@ 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 sections: PropTypes.Requireable<{
             [x: string]: PropTypes.InferProps<{
                 title: PropTypes.Requireable<string>;

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":";AAsBA,mEAgMC"}

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,6 +10,7 @@ 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 _provider = _interopRequireDefault(require("../../../atom/provider"));
 var _button = _interopRequireDefault(require("../../../atom/button"));
 var _filters = _interopRequireDefault(require("../../../molecule/filters"));
@@ -25,6 +25,8 @@ 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 _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; }
@@ -45,12 +47,15 @@ const SearchPage = (props, context) => {
     filterGroupAriaLabel,
     sortAriaLabel,
     popinWithCards,
-    sections = {}
+    sections = {},
+    filtersModal,
+    searchMessage,
+    newVersion = false
   } = 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: {
@@ -123,7 +128,6 @@ 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", {
@@ -148,7 +152,26 @@ 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, _extends({}, clearFilters, {
+    "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,12 +186,27 @@ 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,
   title: _propTypes.default.string,
   searchFilters: _propTypes.default.shape(_filters.default.propTypes),
@@ -182,6 +220,7 @@ SearchPage.propTypes = process.env.NODE_ENV !== "production" ? {
   filterGroupAriaLabel: _propTypes.default.string,
   sortAriaLabel: _propTypes.default.string,
   popinWithCards: _propTypes.default.shape(_cmPopin.default.propTypes),
+  filtersModal: _propTypes.default.shape(_baseModal.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)])),

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","_provider","_button","_filters","_cardsGrid","_cardsList","_certificationCard","_learnerSkillCard","_playlistCard","_cmPopin","_tag","_card","_learningPriorityCard","_colors","_quickFilters","_baseModal","_multiFilterPanel","_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","filtersModal","searchMessage","newVersion","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","cardsView","list","noresults","noresultstxt","clear","background","sortedSections","_pipe2","_keys2","_map2","_sortBy2","contentGridSection","contentSection","sectionHeader","contentGrid","searchMessageWrapper","dangerouslySetInnerHTML","__html","fontSize","sectionsWrapper","map","index","cardsWrapper","role","ref","headerIcon","name","convert","footer","cancelButton","confirmButton","filterPanelProps","contextTypes","Provider","childContextTypes","propTypes","process","env","NODE_ENV","PropTypes","bool","string","shape","Filters","QuickFilters","CardsGrid","number","Button","CardsList","CMPopin","BaseModal","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, sortBy} from 'lodash/fp';\nimport {convert} from 'css-color-function';\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 BaseModal from '../../../molecule/base-modal';\nimport MultiFilterPanel from '../../../molecule/multi-filter-panel';\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    filtersModal,\n    searchMessage,\n    newVersion = false\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 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 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      {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            {...clearFilters}\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  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  filtersModal: PropTypes.shape(BaseModal.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":";;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,iBAAA,GAAAH,OAAA;AACA,IAAAI,SAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,OAAA,GAAAH,sBAAA,CAAAF,OAAA;AACA,IAAAM,QAAA,GAAAJ,sBAAA,CAAAF,OAAA;AACA,IAAAO,UAAA,GAAAL,sBAAA,CAAAF,OAAA;AACA,IAAAQ,UAAA,GAAAN,sBAAA,CAAAF,OAAA;AACA,IAAAS,kBAAA,GAAAP,sBAAA,CAAAF,OAAA;AACA,IAAAU,iBAAA,GAAAR,sBAAA,CAAAF,OAAA;AACA,IAAAW,aAAA,GAAAT,sBAAA,CAAAF,OAAA;AACA,IAAAY,QAAA,GAAAV,sBAAA,CAAAF,OAAA;AACA,IAAAa,IAAA,GAAAX,sBAAA,CAAAF,OAAA;AACA,IAAAc,KAAA,GAAAd,OAAA;AACA,IAAAe,qBAAA,GAAAb,sBAAA,CAAAF,OAAA;AACA,IAAAgB,OAAA,GAAAhB,OAAA;AACA,IAAAiB,aAAA,GAAAf,sBAAA,CAAAF,OAAA;AACA,IAAAkB,UAAA,GAAAhB,sBAAA,CAAAF,OAAA;AACA,IAAAmB,iBAAA,GAAAjB,sBAAA,CAAAF,OAAA;AACA,IAAAoB,MAAA,GAAAlB,sBAAA,CAAAF,OAAA;AAAgC,SAAAqB,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAvB,wBAAAuB,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAAA,SAAA5B,uBAAAoB,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAI,UAAA,GAAAJ,CAAA,KAAAK,OAAA,EAAAL,CAAA;AAAA,SAAAmB,SAAA,WAAAA,QAAA,GAAAR,MAAA,CAAAS,MAAA,GAAAT,MAAA,CAAAS,MAAA,CAAAC,IAAA,eAAAb,CAAA,aAAAR,CAAA,MAAAA,CAAA,GAAAsB,SAAA,CAAAC,MAAA,EAAAvB,CAAA,UAAAG,CAAA,GAAAmB,SAAA,CAAAtB,CAAA,YAAAE,CAAA,IAAAC,CAAA,OAAAY,cAAA,CAAAC,IAAA,CAAAb,CAAA,EAAAD,CAAA,MAAAM,CAAA,CAAAN,CAAA,IAAAC,CAAA,CAAAD,CAAA,aAAAM,CAAA,KAAAW,QAAA,CAAAK,KAAA,OAAAF,SAAA;AAEhC,MAAMG,UAAU,GAAGA,CAACC,KAAK,EAAEC,OAAO,KAAK;EACrC,MAAM;IACJC,KAAK;IACLC,aAAa;IACbC,YAAY;IACZC,KAAK;IACLC,KAAK;IACLC,cAAc;IACdC,YAAY;IACZC,eAAe;IACfC,iBAAiB;IACjBC,mBAAmB;IACnBC,oBAAoB;IACpBC,aAAa;IACbC,cAAc;IACdC,QAAQ,GAAG,CAAC,CAAC;IACbC,YAAY;IACZC,aAAa;IACbC,UAAU,GAAG;EACf,CAAC,GAAGlB,KAAK;EACT,MAAM;IAACmB;EAAI,CAAC,GAAGlB,OAAO;EACtB,MAAMmB,YAAY,GAAG,IAAAC,OAAA,CAAA1C,OAAA,EAAM2C,cAAM,CAACC,eAAe,EAAE,gBAAgB,EAAEJ,IAAI,CAAC;EAC1E,MAAMK,OAAO,GAAG,IAAAC,aAAM,EAAC,IAAI,CAAC;EAC5B,MAAMC,mBAAmB,GAAG,IAAAC,SAAA,CAAAhD,OAAA,EAAQ8B,eAAe,CAAC,GAAG,IAAI,gBACzD3D,MAAA,CAAA6B,OAAA,CAAAiD,aAAA,CAACpE,UAAA,CAAAmB,OAAS,EAAAc,QAAA,KAAKgB,eAAe;IAAEoB,WAAW,EAAE;MAACC,OAAO,EAAE;IAAC;EAAE,EAAE,CAC7D;;EAED;EACA,MAAMC,aAAa,GAAGC,OAAO,IAAI;IAC/B,IAAI,CAACA,OAAO,IAAI,IAAAL,SAAA,CAAAhD,OAAA,EAAQqD,OAAO,CAAC3B,KAAK,CAAC,EAAE,OAAO,IAAI;;IAEnD;IACA,MAAM4B,YAAY,GAAGD,OAAO,CAAC1B,KAAK,IAAI0B,OAAO,CAAC3B,KAAK,CAACR,MAAM;;IAE1D;IACA,MAAMqC,cAAc,gBAClBpF,MAAA,CAAA6B,OAAA,CAAAiD,aAAA;MAAKO,SAAS,EAAEC,cAAK,CAACC;IAAa,gBACjCvF,MAAA,CAAA6B,OAAA,CAAAiD,aAAA;MAAM,aAAU;IAAe,GAAEI,OAAO,CAAC9B,KAAY,CAAC,eACtDpD,MAAA,CAAA6B,OAAA,CAAAiD,aAAA,CAAC/D,IAAA,CAAAc,OAAG;MACF2D,KAAK,EAAEL,YAAY,CAACM,QAAQ,CAAC,CAAE;MAC/BC,IAAI,EAAC,SAAS;MACdC,IAAI,EAAC,GAAG;MACRZ,WAAW,EAAE;QAACa,eAAe,EAAEpB,cAAM,CAACqB,WAAW;QAAEC,KAAK,EAAEtB,cAAM,CAACuB;MAAW;IAAE,CAC/E,CACE,CACN;IAED,MAAMC,YAAY,GAAG;MACnB,GAAGd,OAAO;MACV9B,KAAK,EAAEgC,cAAc;MACrBa,QAAQ,EAAE,GAAGf,OAAO,CAACgB,GAAG;IAC1B,CAAC;;IAED;IACA,IAAIhB,OAAO,CAACgB,GAAG,KAAK,gBAAgB,EAAE;MACpC,oBAAOlG,MAAA,CAAA6B,OAAA,CAAAiD,aAAA,CAACpE,UAAA,CAAAmB,OAAS,EAAAc,QAAA,KAAKqD,YAAY;QAAEN,IAAI,EAAC;MAAgB,EAAE,CAAC;IAC9D;IAEA,IAAIR,OAAO,CAACgB,GAAG,KAAK,QAAQ,EAAE;MAC5B,oBAAOlG,MAAA,CAAA6B,OAAA,CAAAiD,aAAA,CAACpE,UAAA,CAAAmB,OAAS,EAAAc,QAAA,KAAKqD,YAAY;QAAEN,IAAI,EAAC;MAAQ,EAAE,CAAC;IACtD;IAEA,IAAIR,OAAO,CAACgB,GAAG,KAAK,WAAW,EAAE;MAC/B,oBAAOlG,MAAA,CAAA6B,OAAA,CAAAiD,aAAA,CAACpE,UAAA,CAAAmB,OAAS,EAAAc,QAAA,KAAKqD,YAAY;QAAEN,IAAI,EAAC;MAAW,EAAE,CAAC;IACzD;;IAEA;IACA,oBAAO1F,MAAA,CAAA6B,OAAA,CAAAiD,aAAA,CAACpE,UAAA,CAAAmB,OAAS,EAAKmE,YAAe,CAAC;EACxC,CAAC;EAED,MAAMG,SAAS,GAAG,IAAAtB,SAAA,CAAAhD,OAAA,EAAQ0B,KAAK,EAAE6C,IAAI,CAAC,gBACpCpG,MAAA,CAAA6B,OAAA,CAAAiD,aAAA,2BACE9E,MAAA,CAAA6B,OAAA,CAAAiD,aAAA;IAAKO,SAAS,EAAEC,cAAK,CAACe;EAAU,gBAC9BrG,MAAA,CAAA6B,OAAA,CAAAiD,aAAA;IAAKO,SAAS,EAAEC,cAAK,CAACgB;EAAa,GAAE7C,cAAoB,CAAC,eAC1DzD,MAAA,CAAA6B,OAAA,CAAAiD,aAAA,CAACvE,OAAA,CAAAsB,OAAM,EAAAc,QAAA,KACDe,YAAY;IAChB,aAAU,iBAAiB;IAC3B2B,SAAS,EAAEC,cAAK,CAACiB,KAAM;IACvBjB,KAAK,EAAE;MAACkB,UAAU,EAAElC;IAAY,CAAE;IAClCoB,IAAI,EAAC;EAAM,EACZ,CACE,CAAC,EACLd,mBACE,CAAC,gBAEN5E,MAAA,CAAA6B,OAAA,CAAAiD,aAAA,CAACrE,UAAA,CAAAoB,OAAS,EAAK0B,KAAQ,CACxB;;EAED;EACA,MAAMkD,cAAc,GAAG,IAAAC,MAAA,CAAA7E,OAAA,EAAA8E,MAAA,CAAA9E,OAAA,EAErB,IAAA+E,KAAA,CAAA/E,OAAA,EAAIqE,GAAG,KAAK;IAACA,GAAG;IAAE,GAAGjC,QAAQ,CAACiC,GAAG;EAAC,CAAC,CAAC,CAAC,EACrC,IAAAW,QAAA,CAAAhF,OAAA,EAAO,OAAO,CAChB,CAAC,CAACoC,QAAQ,CAAC;EAEX,MAAM6C,kBAAkB,gBACtB9G,MAAA,CAAA6B,OAAA,CAAAiD,aAAA;IAAKO,SAAS,EAAEC,cAAK,CAACyB;EAAe,gBACnC/G,MAAA,CAAA6B,OAAA,CAAAiD,aAAA;IAAKO,SAAS,EAAEC,cAAK,CAAC0B;EAAc,gBAClChH,MAAA,CAAA6B,OAAA,CAAAiD,aAAA;IAAKO,SAAS,EAAEC,cAAK,CAACC;EAAa,gBACjCvF,MAAA,CAAA6B,OAAA,CAAAiD,aAAA,eAAO1B,KAAY,CAAC,eACpBpD,MAAA,CAAA6B,OAAA,CAAAiD,aAAA,CAAC/D,IAAA,CAAAc,OAAG;IACF2D,KAAK,EAAEhC,KAAK,IAAID,KAAK,CAAC6C,IAAI,CAACrD,MAAM,CAAC0C,QAAQ,CAAC,CAAE;IAC7CC,IAAI,EAAC,SAAS;IACdC,IAAI,EAAC,GAAG;IACRZ,WAAW,EAAE;MAACa,eAAe,EAAEpB,cAAM,CAACqB,WAAW;MAAEC,KAAK,EAAEtB,cAAM,CAACuB;IAAW;EAAE,CAC/E,CACE,CAAC,eACN/F,MAAA,CAAA6B,OAAA,CAAAiD,aAAA;IAAKO,SAAS,EAAEC,cAAK,CAAC2B;EAAY,GAAC,GAAC,EAACd,SAAe,CACjD,CACF,CACN;EAED,oBACEnG,MAAA,CAAA6B,OAAA,CAAAiD,aAAA;IAAK,aAAU;EAAS,GACrBzB,aAAa,gBACZrD,MAAA,CAAA6B,OAAA,CAAAiD,aAAA,CAACtE,QAAA,CAAAqB,OAAO,EAAAc,QAAA,KACFU,aAAa;IACjBO,iBAAiB,EAAEA,iBAAkB;IACrCC,mBAAmB,EAAEA,mBAAoB;IACzCC,oBAAoB,EAAEA,oBAAqB;IAC3CC,aAAa,EAAEA;EAAc,EAC9B,CAAC,GACA,IAAI,EACPT,YAAY,gBAAGtD,MAAA,CAAA6B,OAAA,CAAAiD,aAAA,CAAC3D,aAAA,CAAAU,OAAY,EAAKyB,YAAe,CAAC,GAAG,IAAI,EACxDa,aAAa,gBACZnE,MAAA,CAAA6B,OAAA,CAAAiD,aAAA;IAAKO,SAAS,EAAEC,cAAK,CAAC4B;EAAqB,gBACzClH,MAAA,CAAA6B,OAAA,CAAAiD,aAAA;IACEO,SAAS,EAAEC,cAAK,CAACnB;IACjB;IAAA;IACAgD,uBAAuB,EAAE;MAACC,MAAM,EAAEjD;IAAa;EAAE,CAClD,CAAC,eACFnE,MAAA,CAAA6B,OAAA,CAAAiD,aAAA,CAACvE,OAAA,CAAAsB,OAAM,EAAAc,QAAA,KACDe,YAAY;IAChB,aAAU,qBAAqB;IAC/B2B,SAAS,EAAEC,cAAK,CAACiB,KAAM;IACvBjB,KAAK,EAAE;MACLkB,UAAU,EAAE,aAAa;MACzBV,KAAK,EAAExB,YAAY;MACnBU,OAAO,EAAE,OAAO;MAChBqC,QAAQ,EAAE;IACZ,CAAE;IACF3B,IAAI,EAAC;EAAM,EACZ,CACE,CAAC,GACJ,IAAI,EACPtB,UAAU,gBACTpE,MAAA,CAAA6B,OAAA,CAAAiD,aAAA;IAAK,aAAU,kBAAkB;IAACO,SAAS,EAAEC,cAAK,CAACgC;EAAgB,GAChEb,cAAc,CAACc,GAAG,CAAC,CAACrC,OAAO,EAAEsC,KAAK,kBACjCxH,MAAA,CAAA6B,OAAA,CAAAiD,aAAA;IAAK,aAAW,WAAWI,OAAO,CAACgB,GAAG,EAAG;IAACA,GAAG,EAAE,GAAGhB,OAAO,CAACgB,GAAG,IAAIsB,KAAK;EAAG,GACtEvC,aAAa,CAACC,OAAO,CACnB,CACN,CAAC,EACD4B,kBAAkB,gBAAG9G,MAAA,CAAA6B,OAAA,CAAAiD,aAAA,cAAMgC,kBAAwB,CAAC,GAAG,IACrD,CAAC,gBAEN9G,MAAA,CAAA6B,OAAA,CAAAiD,aAAA;IAAK,aAAU,cAAc;IAACO,SAAS,EAAEC,cAAK,CAACmC;EAAa,gBAC1DzH,MAAA,CAAA6B,OAAA,CAAAiD,aAAA;IAAKO,SAAS,EAAEC,cAAK,CAAClC,KAAM;IAACsE,IAAI,EAAC;EAAQ,GACvCtE,KACE,CAAC,EACL+C,SACE,CACN,EAEAnC,cAAc,gBACbhE,MAAA,CAAA6B,OAAA,CAAAiD,aAAA;IAAKO,SAAS,EAAEC,cAAK,CAACtB,cAAe;IAAC2D,GAAG,EAAEjD;EAAQ,gBACjD1E,MAAA,CAAA6B,OAAA,CAAAiD,aAAA,CAAChE,QAAA,CAAAe,OAAO,EAAKmC,cAAiB,CAC3B,CAAC,GACJ,IAAI,EAEPE,YAAY,gBACXlE,MAAA,CAAA6B,OAAA,CAAAiD,aAAA,CAAC1D,UAAA,CAAAS,OAAS,EAAAc,QAAA,KACJuB,YAAY;IAChB0D,UAAU,EAAE;MACVC,IAAI,EAAE3D,YAAY,CAAC0D,UAAU,CAACC,IAAI;MAClCjC,eAAe,EAAE,IAAAkC,yBAAO,EAAC,SAASxD,YAAY,kBAAkB,CAAC;MACjEwB,KAAK,EAAExB;IACT,CAAE;IACFyD,MAAM,EAAE;MACNC,YAAY,EAAE9D,YAAY,CAAC6D,MAAM,CAACC,YAAY;MAC9CC,aAAa,EAAE;QACb,GAAG/D,YAAY,CAAC6D,MAAM,CAACE,aAAa;QACpCnC,KAAK,EAAExB;MACT;IACF;EAAE,IAEDJ,YAAY,CAACgE,gBAAgB,gBAC5BlI,MAAA,CAAA6B,OAAA,CAAAiD,aAAA,CAACzD,iBAAA,CAAAQ,OAAgB,EAAKqC,YAAY,CAACgE,gBAAmB,CAAC,GACrD,IACK,CAAC,GACV,IACD,CAAC;AAEV,CAAC;AAEDjF,UAAU,CAACkF,YAAY,GAAG;EACxB9D,IAAI,EAAE+D,iBAAQ,CAACC,iBAAiB,CAAChE;AACnC,CAAC;AAEDpB,UAAU,CAACqF,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACrBrE,UAAU,EAAEsE,kBAAS,CAACC,IAAI;EAC1BxE,aAAa,EAAEuE,kBAAS,CAACE,MAAM;EAC/BnF,cAAc,EAAEiF,kBAAS,CAACE,MAAM;EAChCxF,KAAK,EAAEsF,kBAAS,CAACE,MAAM;EACvBvF,aAAa,EAAEqF,kBAAS,CAACG,KAAK,CAACC,gBAAO,CAACR,SAAS,CAAC;EACjDhF,YAAY,EAAEoF,kBAAS,CAACG,KAAK,CAACE,qBAAY,CAACT,SAAS,CAAC;EACrD/E,KAAK,EAAEmF,kBAAS,CAACG,KAAK,CAACG,kBAAS,CAACV,SAAS,CAAC;EAC3C9E,KAAK,EAAEkF,kBAAS,CAACO,MAAM;EACvBvF,YAAY,EAAEgF,kBAAS,CAACG,KAAK,CAACK,eAAM,CAACZ,SAAS,CAAC;EAC/C3E,eAAe,EAAE+E,kBAAS,CAACG,KAAK,CAACM,kBAAS,CAACb,SAAS,CAAC;EACrD1E,iBAAiB,EAAE8E,kBAAS,CAACE,MAAM;EACnC/E,mBAAmB,EAAE6E,kBAAS,CAACE,MAAM;EACrC9E,oBAAoB,EAAE4E,kBAAS,CAACE,MAAM;EACtC7E,aAAa,EAAE2E,kBAAS,CAACE,MAAM;EAC/B5E,cAAc,EAAE0E,kBAAS,CAACG,KAAK,CAACO,gBAAO,CAACd,SAAS,CAAC;EAClDpE,YAAY,EAAEwE,kBAAS,CAACG,KAAK,CAACQ,kBAAS,CAACf,SAAS,CAAC;EAClDrE,QAAQ,EAAEyE,kBAAS,CAACY,QAAQ,CAC1BZ,kBAAS,CAACG,KAAK,CAAC;IACdzF,KAAK,EAAEsF,kBAAS,CAACE,MAAM;IACvBrF,KAAK,EAAEmF,kBAAS,CAACa,OAAO,CACtBb,kBAAS,CAACc,SAAS,CAAC,CAClBd,kBAAS,CAACG,KAAK,CAACY,mBAAa,CAAC,EAC9Bf,kBAAS,CAACG,KAAK,CAACa,yBAAgB,CAACpB,SAAS,CAAC,EAC3CI,kBAAS,CAACG,KAAK,CAACc,0BAAiB,CAACrB,SAAS,CAAC,EAC5CI,kBAAS,CAACG,KAAK,CAACe,qBAAY,CAACtB,SAAS,CAAC,EACvCI,kBAAS,CAACG,KAAK,CAACgB,6BAAoB,CAACvB,SAAS,CAAC,CAChD,CACH,CAAC;IACDwB,QAAQ,EAAEpB,kBAAS,CAACE,MAAM;IAC1BmB,UAAU,EAAErB,kBAAS,CAACsB,IAAI;IAC1BC,KAAK,EAAEvB,kBAAS,CAACO,MAAM;IACvBzF,KAAK,EAAEkF,kBAAS,CAACO,MAAM;IACvB,mBAAmB,EAAEP,kBAAS,CAACG,KAAK,CAAC;MACnCqB,uBAAuB,EAAExB,kBAAS,CAACE,MAAM;MACzCuB,wBAAwB,EAAEzB,kBAAS,CAACE;IACtC,CAAC;EACH,CAAC,CACH;AACF,CAAC;AAAC,IAAAwB,QAAA,GAAAC,OAAA,CAAAxI,OAAA,GAEaoB,UAAU","ignoreList":[]}

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

@@ -11,7 +11,6 @@
 .cardsWrapper {
   display: block;
   width: 100%;
-  max-width: 1100px;
   margin: 0px auto;
   height: auto;
   box-sizing: border-box;
@@ -19,6 +18,33 @@
   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;
+}
+
 .noresults {
   font-family: "Gilroy";
   border-top: solid 1px xtraLightGrey;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coorpacademy/components",
-  "version": "11.40.13",
+  "version": "11.40.14-alpha.3.6+b56f780ac",
   "description": "",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -166,5 +166,5 @@
     "last 2 versions",
     "IE 11"
   ],
-  "gitHead": "36d6a6975c473e57415f97de7039d9a853d43e6d"
+  "gitHead": "b56f780ac82fe805f0a01d9709c5dd8d0a7d5ac9"
 }