@coorpacademy/components 11.40.13 → 11.40.14-alpha.11

package/es/organism/filter-switch/index.js

@@ -1,8 +1,10 @@
 import _toString from "lodash/fp/toString";
+import _getOr from "lodash/fp/getOr";
 import _size from "lodash/fp/size";
 import _pipe from "lodash/fp/pipe";
 import _filter from "lodash/fp/filter";
 import React from 'react';
+import { convert } from 'css-color-function';
 import Title from '../../atom/title';
 import InputSwitch from '../../atom/input-switch';
 import Tag from '../../atom/tag';
@@ -12,6 +14,10 @@ import { COLORS } from '../../variables/colors';
 import propTypes from './prop-types';
 import style from './style.css';
 const FilterSwitch = (props, context) => {
+  const {
+    skin
+  } = context;
+  const primaryColor = _getOr(COLORS.cm_primary_blue, 'common.primary', skin);
   const {
     title,
     titleAriaLabel,
@@ -33,7 +39,11 @@ const FilterSwitch = (props, context) => {
   }), hasSelectedFilters ? /*#__PURE__*/React.createElement(Tag, {
     label: _toString(selectedFiltersCount),
     type: "info",
-    size: "S"
+    size: "S",
+    customStyle: {
+      color: primaryColor,
+      backgroundColor: convert(`color(${primaryColor} lightness(92%))`)
+    }
   }) : null), hasSelectedFilters ? /*#__PURE__*/React.createElement("div", {
     className: style.buttonContainer
   }, /*#__PURE__*/React.createElement(ButtonLink, {
@@ -54,12 +64,16 @@ const FilterSwitch = (props, context) => {
       label,
       value,
       onChange,
-      ariaLabel
+      ariaLabel,
+      id
     } = optionItem;
+    // Use provided id or generate fallback id
+    const switchId = id || `filter-switch-${label.toLowerCase().replace(/\s+/g, '-').replace(/[^a-z0-9-]/g, '')}`;
     return /*#__PURE__*/React.createElement("div", {
       key: label,
       className: style.switchOption
     }, /*#__PURE__*/React.createElement(InputSwitch, {
+      id: switchId,
       title: label,
       value: value,
       theme: 'newMooc',
@@ -70,7 +84,8 @@ const FilterSwitch = (props, context) => {
 };
 FilterSwitch.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
 FilterSwitch.contextTypes = {
-  translate: Provider.childContextTypes.translate
+  translate: Provider.childContextTypes.translate,
+  skin: Provider.childContextTypes.skin
 };
 export default FilterSwitch;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","Title","InputSwitch","Tag","ButtonLink","Provider","GetTranslateFromContext","COLORS","propTypes","style","FilterSwitch","props","context","title","titleAriaLabel","onClear","options","selectedFiltersCount","_pipe","_filter","value","_size","hasSelectedFilters","translate","createElement","className","header","titleContainer","ariaLabel","label","_toString","type","size","buttonContainer","customStyle","fontWeight","padding","onClick","hoverColor","cm_grey_700","optionsContainer","map","optionItem","onChange","key","switchOption","theme","process","env","NODE_ENV","contextTypes","childContextTypes"],"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":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAOC,KAAK,MAAM,kBAAkB;AACpC,OAAOC,WAAW,MAAM,yBAAyB;AACjD,OAAOC,GAAG,MAAM,gBAAgB;AAChC,OAAOC,UAAU,MAAM,wBAAwB;AAC/C,OAAOC,QAAQ,IAAGC,uBAAuB,QAAO,qBAAqB;AAErE,SAAQC,MAAM,QAAO,wBAAwB;AAC7C,OAAOC,SAAS,MAA2B,cAAc;AACzD,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,YAAY,GAAGA,CAACC,KAAwB,EAAEC,OAAyB,KAAK;EAC5E,MAAM;IAACC,KAAK;IAAEC,cAAc;IAAEC,OAAO;IAAEC;EAAO,CAAC,GAAGL,KAAK;EACvD,MAAMM,oBAAoB,GAAGC,KAAA,CAAKC,OAAA,CAAO;IAACC,KAAK,EAAE;EAAI,CAAC,CAAC,EAAAC,KAAM,CAAC,CAACL,OAAO,CAAC;EACvE,MAAMM,kBAAkB,GAAGL,oBAAoB,GAAG,CAAC;EACnD,MAAMM,SAAS,GAAGjB,uBAAuB,CAACM,OAAO,CAAC;EAElD,oBACEZ,KAAA,CAAAwB,aAAA,2BACExB,KAAA,CAAAwB,aAAA;IAAKC,SAAS,EAAEhB,KAAK,CAACiB;EAAO,gBAC3B1B,KAAA,CAAAwB,aAAA;IAAKC,SAAS,EAAEhB,KAAK,CAACkB;EAAe,gBACnC3B,KAAA,CAAAwB,aAAA,CAACvB,KAAK;IAACY,KAAK,EAAEA,KAAM;IAACe,SAAS,EAAEd;EAAe,CAAE,CAAC,EACjDQ,kBAAkB,gBACjBtB,KAAA,CAAAwB,aAAA,CAACrB,GAAG;IAAC0B,KAAK,EAAEC,SAAA,CAASb,oBAAoB,CAAE;IAACc,IAAI,EAAC,MAAM;IAACC,IAAI,EAAC;EAAG,CAAE,CAAC,GACjE,IACD,CAAC,EACLV,kBAAkB,gBACjBtB,KAAA,CAAAwB,aAAA;IAAKC,SAAS,EAAEhB,KAAK,CAACwB;EAAgB,gBACpCjC,KAAA,CAAAwB,aAAA,CAACpB,UAAU;IACT8B,WAAW,EAAE;MAACC,UAAU,EAAE,QAAQ;MAAEC,OAAO,EAAE;IAAC,CAAE;IAChDP,KAAK,EAAEN,SAAS,CAAC,OAAO,CAAE;IAC1BQ,IAAI,EAAC,MAAM;IACX,aAAU,0BAA0B;IACpC,cAAW,0BAA0B;IACrCM,OAAO,EAAEtB,OAAQ;IACjBuB,UAAU,EAAE/B,MAAM,CAACgC;EAAY,CAChC,CACE,CAAC,GACJ,IACD,CAAC,eACNvC,KAAA,CAAAwB,aAAA;IAAKC,SAAS,EAAEhB,KAAK,CAAC+B;EAAiB,GACpCxB,OAAO,CAACyB,GAAG,CAACC,UAAU,IAAI;IACzB,MAAM;MAACb,KAAK;MAAET,KAAK;MAAEuB,QAAQ;MAAEf;IAAS,CAAC,GAAGc,UAAU;IACtD,oBACE1C,KAAA,CAAAwB,aAAA;MAAKoB,GAAG,EAAEf,KAAM;MAACJ,SAAS,EAAEhB,KAAK,CAACoC;IAAa,gBAC7C7C,KAAA,CAAAwB,aAAA,CAACtB,WAAW;MACVW,KAAK,EAAEgB,KAAM;MACbT,KAAK,EAAEA,KAAM;MACb0B,KAAK,EAAE,SAAU;MACjBH,QAAQ,EAAEA,QAAS;MACnB,cAAYf;IAAU,CACvB,CACE,CAAC;EAEV,CAAC,CACE,CACF,CAAC;AAEV,CAAC;AAEDlB,YAAY,CAACF,SAAS,GAAAuC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAGzC,SAAS;AAElCE,YAAY,CAACwC,YAAY,GAAG;EAC1B3B,SAAS,EAAElB,QAAQ,CAAC8C,iBAAiB,CAAC5B;AACxC,CAAC;AAED,eAAeb,YAAY","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","convert","Title","InputSwitch","Tag","ButtonLink","Provider","GetTranslateFromContext","COLORS","propTypes","style","FilterSwitch","props","context","skin","primaryColor","_getOr","cm_primary_blue","title","titleAriaLabel","onClear","options","selectedFiltersCount","_pipe","_filter","value","_size","hasSelectedFilters","translate","createElement","className","header","titleContainer","ariaLabel","label","_toString","type","size","customStyle","color","backgroundColor","buttonContainer","fontWeight","padding","onClick","hoverColor","cm_grey_700","optionsContainer","map","optionItem","onChange","id","switchId","toLowerCase","replace","key","switchOption","theme","process","env","NODE_ENV","contextTypes","childContextTypes"],"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, id} = optionItem;\n          // Use provided id or generate fallback id\n          const switchId =\n            id ||\n            `filter-switch-${label\n              .toLowerCase()\n              .replace(/\\s+/g, '-')\n              .replace(/[^a-z0-9-]/g, '')}`;\n          return (\n            <div key={label} className={style.switchOption}>\n              <InputSwitch\n                id={switchId}\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":"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","ignoreList":[]}

package/es/organism/filter-switch/prop-types.d.ts

@@ -9,6 +9,7 @@ declare const propTypes: {
         onChange: PropTypes.Validator<(...args: any[]) => any>;
         theme: PropTypes.Validator<string>;
         ariaLabel: PropTypes.Validator<string>;
+        id: PropTypes.Requireable<string>;
     }> | null | undefined)[]>;
 };
 export declare type FilterSwitchOptionsProps = {
@@ -17,6 +18,7 @@ export declare type FilterSwitchOptionsProps = {
     onChange: (value: string) => void;
     theme: string;
     ariaLabel: string;
+    id?: string;
 };
 export declare type FilterSwitchProps = {
     title: string;

package/es/organism/filter-switch/prop-types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"prop-types.d.ts","sourceRoot":"","sources":["../../../src/organism/filter-switch/prop-types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,QAAA,MAAM,SAAS;;;;;;;;;;;CAad,CAAC;AAEF,oBAAY,wBAAwB,GAAG;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,OAAO,CAAC;IACf,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,oBAAY,iBAAiB,GAAG;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,EAAE,wBAAwB,EAAE,CAAC;CACrC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"prop-types.d.ts","sourceRoot":"","sources":["../../../src/organism/filter-switch/prop-types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,QAAA,MAAM,SAAS;;;;;;;;;;;;CAcd,CAAC;AAEF,oBAAY,wBAAwB,GAAG;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,OAAO,CAAC;IACf,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,EAAE,CAAC,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,oBAAY,iBAAiB,GAAG;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,EAAE,wBAAwB,EAAE,CAAC;CACrC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/es/organism/filter-switch/prop-types.js

@@ -8,7 +8,8 @@ const propTypes = {
     value: PropTypes.bool.isRequired,
     onChange: PropTypes.func.isRequired,
     theme: PropTypes.string.isRequired,
-    ariaLabel: PropTypes.string.isRequired
+    ariaLabel: PropTypes.string.isRequired,
+    id: PropTypes.string
   }))
 };
 export default propTypes;

package/es/organism/filter-switch/prop-types.js.map

@@ -1 +1 @@
-{"version":3,"file":"prop-types.js","names":["PropTypes","propTypes","title","string","isRequired","titleAriaLabel","onClear","func","options","arrayOf","shape","label","value","bool","onChange","theme","ariaLabel"],"sources":["../../../src/organism/filter-switch/prop-types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\n\nconst propTypes = {\n  title: PropTypes.string.isRequired,\n  titleAriaLabel: PropTypes.string,\n  onClear: PropTypes.func.isRequired,\n  options: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string.isRequired,\n      value: PropTypes.bool.isRequired,\n      onChange: PropTypes.func.isRequired,\n      theme: PropTypes.string.isRequired,\n      ariaLabel: PropTypes.string.isRequired\n    })\n  )\n};\n\nexport type FilterSwitchOptionsProps = {\n  label: string;\n  value: boolean;\n  onChange: (value: string) => void;\n  theme: string;\n  ariaLabel: string;\n};\n\nexport type FilterSwitchProps = {\n  title: string;\n  titleAriaLabel?: string;\n  onClear: () => void;\n  options: FilterSwitchOptionsProps[];\n};\n\nexport default propTypes;\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,YAAY;AAElC,MAAMC,SAAS,GAAG;EAChBC,KAAK,EAAEF,SAAS,CAACG,MAAM,CAACC,UAAU;EAClCC,cAAc,EAAEL,SAAS,CAACG,MAAM;EAChCG,OAAO,EAAEN,SAAS,CAACO,IAAI,CAACH,UAAU;EAClCI,OAAO,EAAER,SAAS,CAACS,OAAO,CACxBT,SAAS,CAACU,KAAK,CAAC;IACdC,KAAK,EAAEX,SAAS,CAACG,MAAM,CAACC,UAAU;IAClCQ,KAAK,EAAEZ,SAAS,CAACa,IAAI,CAACT,UAAU;IAChCU,QAAQ,EAAEd,SAAS,CAACO,IAAI,CAACH,UAAU;IACnCW,KAAK,EAAEf,SAAS,CAACG,MAAM,CAACC,UAAU;IAClCY,SAAS,EAAEhB,SAAS,CAACG,MAAM,CAACC;EAC9B,CAAC,CACH;AACF,CAAC;AAiBD,eAAeH,SAAS","ignoreList":[]}
+{"version":3,"file":"prop-types.js","names":["PropTypes","propTypes","title","string","isRequired","titleAriaLabel","onClear","func","options","arrayOf","shape","label","value","bool","onChange","theme","ariaLabel","id"],"sources":["../../../src/organism/filter-switch/prop-types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\n\nconst propTypes = {\n  title: PropTypes.string.isRequired,\n  titleAriaLabel: PropTypes.string,\n  onClear: PropTypes.func.isRequired,\n  options: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string.isRequired,\n      value: PropTypes.bool.isRequired,\n      onChange: PropTypes.func.isRequired,\n      theme: PropTypes.string.isRequired,\n      ariaLabel: PropTypes.string.isRequired,\n      id: PropTypes.string\n    })\n  )\n};\n\nexport type FilterSwitchOptionsProps = {\n  label: string;\n  value: boolean;\n  onChange: (value: string) => void;\n  theme: string;\n  ariaLabel: string;\n  id?: string;\n};\n\nexport type FilterSwitchProps = {\n  title: string;\n  titleAriaLabel?: string;\n  onClear: () => void;\n  options: FilterSwitchOptionsProps[];\n};\n\nexport default propTypes;\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,YAAY;AAElC,MAAMC,SAAS,GAAG;EAChBC,KAAK,EAAEF,SAAS,CAACG,MAAM,CAACC,UAAU;EAClCC,cAAc,EAAEL,SAAS,CAACG,MAAM;EAChCG,OAAO,EAAEN,SAAS,CAACO,IAAI,CAACH,UAAU;EAClCI,OAAO,EAAER,SAAS,CAACS,OAAO,CACxBT,SAAS,CAACU,KAAK,CAAC;IACdC,KAAK,EAAEX,SAAS,CAACG,MAAM,CAACC,UAAU;IAClCQ,KAAK,EAAEZ,SAAS,CAACa,IAAI,CAACT,UAAU;IAChCU,QAAQ,EAAEd,SAAS,CAACO,IAAI,CAACH,UAAU;IACnCW,KAAK,EAAEf,SAAS,CAACG,MAAM,CAACC,UAAU;IAClCY,SAAS,EAAEhB,SAAS,CAACG,MAAM,CAACC,UAAU;IACtCa,EAAE,EAAEjB,SAAS,CAACG;EAChB,CAAC,CACH;AACF,CAAC;AAkBD,eAAeF,SAAS","ignoreList":[]}

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

@@ -3513,8 +3513,28 @@ declare namespace BrandUpdate {
                             onChange: PropTypes.Validator<(...args: any[]) => any>;
                             theme: PropTypes.Validator<string>;
                             ariaLabel: PropTypes.Validator<string>;
+                            id: PropTypes.Requireable<string>;
                         }> | null | undefined)[]>;
                     }>>;
+                }> | PropTypes.InferProps<{
+                    type: PropTypes.Requireable<string>;
+                    options: PropTypes.Requireable<PropTypes.InferProps<{
+                        title: PropTypes.Validator<string>;
+                        titleAriaLabel: PropTypes.Requireable<string>;
+                        onClear: PropTypes.Validator<(...args: any[]) => any>;
+                        options: PropTypes.Requireable<PropTypes.InferProps<{
+                            label: PropTypes.Validator<string>;
+                            min: PropTypes.Validator<number>;
+                            max: PropTypes.Validator<number>;
+                            step: PropTypes.Requireable<number>;
+                            value: PropTypes.Requireable<(number | null | undefined)[]>;
+                            minLabel: PropTypes.Requireable<string>;
+                            maxLabel: PropTypes.Requireable<string>;
+                            onChange: PropTypes.Validator<(...args: any[]) => any>;
+                            theme: PropTypes.Requireable<string>;
+                            selected: PropTypes.Requireable<boolean>;
+                        }>>;
+                    }>>;
                 }> | null | undefined> | null | undefined)[]>;
             }>>>;
             modal: PropTypes.Validator<NonNullable<PropTypes.InferProps<{

package/es/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/es/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/es/template/common/search-page/index.js

@@ -1,5 +1,4 @@
 import _sortBy from "lodash/fp/sortBy";
-import _size from "lodash/fp/size";
 import _pipe from "lodash/fp/pipe";
 import _map from "lodash/fp/map";
 import _keys from "lodash/fp/keys";
@@ -8,6 +7,7 @@ import _getOr from "lodash/fp/getOr";
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import React, { useRef } from 'react';
 import PropTypes from 'prop-types';
+import { convert } from 'css-color-function';
 import Provider from '../../../atom/provider';
 import Button from '../../../atom/button';
 import Filters from '../../../molecule/filters';
@@ -22,6 +22,8 @@ import { cardPropTypes } from '../../../molecule/card';
 import LearningPriorityCard from '../../../molecule/learning-priority-card';
 import { COLORS } from '../../../variables/colors';
 import QuickFilters from '../../../molecule/quick-filters';
+import BaseModal from '../../../molecule/base-modal';
+import MultiFilterPanel from '../../../molecule/multi-filter-panel';
 import style from './style.css';
 const SearchPage = (props, context) => {
   const {
@@ -38,12 +40,15 @@ const SearchPage = (props, context) => {
     filterGroupAriaLabel,
     sortAriaLabel,
     popinWithCards,
-    sections = {}
+    sections = {},
+    filtersModal,
+    searchMessage,
+    newVersion = false
   } = props;
   const {
     skin
   } = context;
-  const defaultColor = _getOr('#00B0FF', 'common.primary', skin);
+  const defaultColor = _getOr(COLORS.cm_primary_blue, 'common.primary', skin);
   const nodeRef = useRef(null);
   const recommendationsView = _isEmpty(recommendations) ? null : /*#__PURE__*/React.createElement(CardsList, _extends({}, recommendations, {
     customStyle: {
@@ -116,7 +121,6 @@ const SearchPage = (props, context) => {
     key,
     ...sections[key]
   })), _sortBy('order'))(sections);
-  const hasSections = _size(sortedSections) > 0;
   const contentGridSection = /*#__PURE__*/React.createElement("div", {
     className: style.contentSection
   }, /*#__PURE__*/React.createElement("div", {
@@ -141,7 +145,26 @@ const SearchPage = (props, context) => {
     moreFilterAriaLabel: moreFilterAriaLabel,
     filterGroupAriaLabel: filterGroupAriaLabel,
     sortAriaLabel: sortAriaLabel
-  })) : null, quickFilters ? /*#__PURE__*/React.createElement(QuickFilters, quickFilters) : null, hasSections ? /*#__PURE__*/React.createElement("div", {
+  })) : null, quickFilters ? /*#__PURE__*/React.createElement(QuickFilters, quickFilters) : null, searchMessage ? /*#__PURE__*/React.createElement("div", {
+    className: style.searchMessageWrapper
+  }, /*#__PURE__*/React.createElement("span", {
+    className: style.searchMessage
+    // eslint-disable-next-line react/no-danger
+    ,
+    dangerouslySetInnerHTML: {
+      __html: searchMessage
+    }
+  }), /*#__PURE__*/React.createElement(Button, _extends({}, clearFilters, {
+    "data-name": "searchMeassageClear",
+    className: style.clear,
+    style: {
+      background: 'transparent',
+      color: defaultColor,
+      padding: '0 5px',
+      fontSize: '14px'
+    },
+    type: "link"
+  }))) : null, newVersion ? /*#__PURE__*/React.createElement("div", {
     "data-name": "explorerSections",
     className: style.sectionsWrapper
   }, sortedSections.map((section, index) => /*#__PURE__*/React.createElement("div", {
@@ -156,12 +179,27 @@ const SearchPage = (props, context) => {
   }, title), cardsView), popinWithCards ? /*#__PURE__*/React.createElement("div", {
     className: style.popinWithCards,
     ref: nodeRef
-  }, /*#__PURE__*/React.createElement(CMPopin, popinWithCards)) : null);
+  }, /*#__PURE__*/React.createElement(CMPopin, popinWithCards)) : null, filtersModal ? /*#__PURE__*/React.createElement(BaseModal, _extends({}, filtersModal, {
+    headerIcon: {
+      name: filtersModal.headerIcon.name,
+      backgroundColor: convert(`color(${defaultColor} lightness(92%))`),
+      color: defaultColor
+    },
+    footer: {
+      cancelButton: filtersModal.footer.cancelButton,
+      confirmButton: {
+        ...filtersModal.footer.confirmButton,
+        color: defaultColor
+      }
+    }
+  }), filtersModal.filterPanelProps ? /*#__PURE__*/React.createElement(MultiFilterPanel, filtersModal.filterPanelProps) : null) : null);
 };
 SearchPage.contextTypes = {
   skin: Provider.childContextTypes.skin
 };
 SearchPage.propTypes = process.env.NODE_ENV !== "production" ? {
+  newVersion: PropTypes.bool,
+  searchMessage: PropTypes.string,
   noresultsfound: PropTypes.string,
   title: PropTypes.string,
   searchFilters: PropTypes.shape(Filters.propTypes),
@@ -175,6 +213,7 @@ SearchPage.propTypes = process.env.NODE_ENV !== "production" ? {
   filterGroupAriaLabel: PropTypes.string,
   sortAriaLabel: PropTypes.string,
   popinWithCards: PropTypes.shape(CMPopin.propTypes),
+  filtersModal: PropTypes.shape(BaseModal.propTypes),
   sections: PropTypes.objectOf(PropTypes.shape({
     title: PropTypes.string,
     cards: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.shape(cardPropTypes), PropTypes.shape(LearnerSkillCard.propTypes), PropTypes.shape(CertificationCard.propTypes), PropTypes.shape(PlaylistCard.propTypes), PropTypes.shape(LearningPriorityCard.propTypes)])),

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useRef","PropTypes","Provider","Button","Filters","CardsGrid","CardsList","CertificationCard","LearnerSkillCard","PlaylistCard","CMPopin","Tag","cardPropTypes","LearningPriorityCard","COLORS","QuickFilters","style","SearchPage","props","context","title","searchFilters","quickFilters","cards","count","noresultsfound","clearFilters","recommendations","moreSortAriaLabel","moreFilterAriaLabel","filterGroupAriaLabel","sortAriaLabel","popinWithCards","sections","skin","defaultColor","_getOr","nodeRef","recommendationsView","_isEmpty","createElement","_extends","customStyle","padding","renderSection","section","sectionCount","length","titleWithCount","className","sectionTitle","label","toString","type","size","backgroundColor","cm_grey_100","color","neutral_500","sectionProps","dataName","key","cardsView","list","noresults","noresultstxt","clear","background","sortedSections","_pipe","_keys","_map","_sortBy","hasSections","_size","contentGridSection","contentSection","sectionHeader","contentGrid","sectionsWrapper","map","index","cardsWrapper","role","ref","contextTypes","childContextTypes","propTypes","process","env","NODE_ENV","string","shape","number","objectOf","arrayOf","oneOfType","showMore","onShowMore","func","order","showMoreOnLeftAriaLabel","showMoreOnRightAriaLabel"],"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","useRef","PropTypes","convert","Provider","Button","Filters","CardsGrid","CardsList","CertificationCard","LearnerSkillCard","PlaylistCard","CMPopin","Tag","cardPropTypes","LearningPriorityCard","COLORS","QuickFilters","BaseModal","MultiFilterPanel","style","SearchPage","props","context","title","searchFilters","quickFilters","cards","count","noresultsfound","clearFilters","recommendations","moreSortAriaLabel","moreFilterAriaLabel","filterGroupAriaLabel","sortAriaLabel","popinWithCards","sections","filtersModal","searchMessage","newVersion","skin","defaultColor","_getOr","cm_primary_blue","nodeRef","recommendationsView","_isEmpty","createElement","_extends","customStyle","padding","renderSection","section","sectionCount","length","titleWithCount","className","sectionTitle","label","toString","type","size","backgroundColor","cm_grey_100","color","neutral_500","sectionProps","dataName","key","cardsView","list","noresults","noresultstxt","clear","background","sortedSections","_pipe","_keys","_map","_sortBy","contentGridSection","contentSection","sectionHeader","contentGrid","searchMessageWrapper","dangerouslySetInnerHTML","__html","fontSize","sectionsWrapper","map","index","cardsWrapper","role","ref","headerIcon","name","footer","cancelButton","confirmButton","filterPanelProps","contextTypes","childContextTypes","propTypes","process","env","NODE_ENV","bool","string","shape","number","objectOf","arrayOf","oneOfType","showMore","onShowMore","func","order","showMoreOnLeftAriaLabel","showMoreOnRightAriaLabel"],"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":"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","ignoreList":[]}

package/es/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/es/variables/colors.css

@@ -36,6 +36,7 @@
 @value cm_grey_50: #FAFAFA;
 @value cm_grey_75: #F4F4F5;
 @value cm_grey_100: #EAEAEB;
+@value surface_input_neutral_strong: #EAEAEB;
 @value cm_grey_150: #E1E1E3;
 @value cm_grey_200: #d7d7da;
 @value cm_grey_300: #C5C5C9;

package/lib/atom/checkbox-with-title/index.d.ts

@@ -1,5 +1,5 @@
 export default CheckboxWithTitle;
-declare function CheckboxWithTitle(props: any): JSX.Element;
+declare function CheckboxWithTitle(props: any, context: any): JSX.Element;
 declare namespace CheckboxWithTitle {
     const propTypes: {
         title: PropTypes.Requireable<string>;
@@ -17,6 +17,29 @@ declare namespace CheckboxWithTitle {
             [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
         }>;
     };
+    namespace contextTypes {
+        const skin: PropTypes.Requireable<PropTypes.InferProps<{
+            common: PropTypes.Requireable<{
+                [x: string]: any;
+            }>;
+            images: PropTypes.Requireable<PropTypes.InferProps<{
+                'logo-mobile': PropTypes.Requireable<any>;
+                logo: PropTypes.Requireable<any>;
+                'logo-email': PropTypes.Requireable<any>;
+                login: PropTypes.Requireable<any>;
+            }>>;
+            icons: PropTypes.Requireable<{
+                [x: string]: any;
+            }>;
+            mod: PropTypes.Requireable<{
+                [x: string]: any;
+            }>;
+            courses: PropTypes.Requireable<any[]>;
+            texts: PropTypes.Requireable<{
+                [x: string]: any;
+            }>;
+        }>>;
+    }
 }
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/lib/atom/checkbox-with-title/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/checkbox-with-title/index.js"],"names":[],"mappings":";AAQA,4DA0DC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/checkbox-with-title/index.js"],"names":[],"mappings":";AAUA,0EA+DC"}

package/lib/atom/checkbox-with-title/index.js

@@ -4,9 +4,12 @@ exports.__esModule = true;
 exports.default = void 0;
 var _uniqueId2 = _interopRequireDefault(require("lodash/fp/uniqueId"));
 var _noop2 = _interopRequireDefault(require("lodash/fp/noop"));
+var _getOr2 = _interopRequireDefault(require("lodash/fp/getOr"));
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _icon = _interopRequireDefault(require("../icon"));
+var _colors = require("../../variables/colors");
+var _provider = _interopRequireDefault(require("../provider"));
 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; }
@@ -16,7 +19,7 @@ const DEFAULT_ICON_STYLE = {
   width: '20px',
   height: '20px'
 };
-const CheckboxWithTitle = props => {
+const CheckboxWithTitle = (props, context) => {
   const {
     title,
     name,
@@ -31,6 +34,10 @@ const CheckboxWithTitle = props => {
     },
     customStyle = {}
   } = props;
+  const {
+    skin
+  } = context;
+  const primaryColor = (0, _getOr2.default)(_colors.COLORS.cm_primary_blue, 'common.primary', skin);
   const {
     iconName,
     iconColor,
@@ -55,7 +62,11 @@ const CheckboxWithTitle = props => {
     "data-name": dataName,
     "aria-label": ariaLabel
   }), /*#__PURE__*/_react.default.createElement("div", {
-    className: _style.default.label
+    className: _style.default.label,
+    style: checked ? {
+      background: primaryColor,
+      borderColor: primaryColor
+    } : null
   }, checked ? /*#__PURE__*/_react.default.createElement(_icon.default, {
     className: _style.default.icon,
     iconName: iconName,
@@ -89,5 +100,8 @@ CheckboxWithTitle.propTypes = process.env.NODE_ENV !== "production" ? {
   }),
   customStyle: _propTypes.default.objectOf(_propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]))
 } : {};
+CheckboxWithTitle.contextTypes = {
+  skin: _provider.default.childContextTypes.skin
+};
 var _default = exports.default = CheckboxWithTitle;
 //# sourceMappingURL=index.js.map

package/lib/atom/checkbox-with-title/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_icon","_style","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","DEFAULT_ICON_STYLE","padding","width","height","CheckboxWithTitle","props","title","name","checked","onChange","_noop2","dataName","ariaLabel","icon","iconName","iconColor","preset","customStyle","idCheckbox","useMemo","_uniqueId2","handleChange","target","createElement","className","style","container","htmlFor","type","id","checkbox","label","dangerouslySetInnerHTML","__html","propTypes","process","env","NODE_ENV","PropTypes","string","bool","func","shape","objectOf","oneOfType","number","_default","exports"],"sources":["../../../src/atom/checkbox-with-title/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {noop, uniqueId} from 'lodash/fp';\nimport FaIcon from '../icon';\nimport style from './style.css';\n\nconst DEFAULT_ICON_STYLE = {padding: '0', width: '20px', height: '20px'};\n\nconst CheckboxWithTitle = props => {\n  const {\n    title,\n    name,\n    checked,\n    onChange = noop,\n    'data-name': dataName,\n    'aria-label': ariaLabel,\n    icon = {iconName: 'check', iconColor: 'white', preset: 's'},\n    customStyle = {}\n  } = props;\n  const {iconName, iconColor, preset} = icon;\n  const idCheckbox = useMemo(() => uniqueId('input-checkbox-'), []);\n  const handleChange = useMemo(() => e => onChange(e.target.checked), [onChange]);\n\n  return (\n    <div className={style.container} style={{...customStyle}}>\n      {onChange !== noop ? (\n        <label htmlFor={idCheckbox}>\n          <input\n            type=\"checkbox\"\n            id={idCheckbox}\n            name={name}\n            onChange={handleChange}\n            checked={checked}\n            className={style.checkbox}\n            data-name={dataName}\n            aria-label={ariaLabel}\n          />\n          <div className={style.label}>\n            {checked ? (\n              <FaIcon\n                className={style.icon}\n                iconName={iconName}\n                iconColor={iconColor}\n                preset={preset}\n                customStyle={DEFAULT_ICON_STYLE}\n              />\n            ) : (\n              <FaIcon\n                className={style.icon}\n                iconName={'square'}\n                iconColor={'transparent'}\n                preset=\"s\"\n                customStyle={DEFAULT_ICON_STYLE}\n              />\n            )}\n          </div>\n        </label>\n      ) : null}\n      {title ? (\n        <span\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: title}}\n        />\n      ) : null}\n    </div>\n  );\n};\n\nCheckboxWithTitle.propTypes = {\n  title: PropTypes.string,\n  name: PropTypes.string,\n  checked: PropTypes.bool,\n  onChange: PropTypes.func,\n  'aria-label': PropTypes.string,\n  'data-name': PropTypes.string,\n  icon: PropTypes.shape({\n    iconName: PropTypes.string,\n    iconColor: PropTypes.string,\n    preset: PropTypes.string\n  }),\n  customStyle: PropTypes.objectOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number]))\n};\nexport default CheckboxWithTitle;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_icon","_colors","_provider","_style","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","DEFAULT_ICON_STYLE","padding","width","height","CheckboxWithTitle","props","context","title","name","checked","onChange","_noop2","dataName","ariaLabel","icon","iconName","iconColor","preset","customStyle","skin","primaryColor","_getOr2","COLORS","cm_primary_blue","idCheckbox","useMemo","_uniqueId2","handleChange","target","createElement","className","style","container","htmlFor","type","id","checkbox","label","background","borderColor","dangerouslySetInnerHTML","__html","propTypes","process","env","NODE_ENV","PropTypes","string","bool","func","shape","objectOf","oneOfType","number","contextTypes","Provider","childContextTypes","_default","exports"],"sources":["../../../src/atom/checkbox-with-title/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {getOr, noop, uniqueId} from 'lodash/fp';\nimport FaIcon from '../icon';\nimport {COLORS} from '../../variables/colors';\nimport Provider from '../provider';\nimport style from './style.css';\n\nconst DEFAULT_ICON_STYLE = {padding: '0', width: '20px', height: '20px'};\n\nconst CheckboxWithTitle = (props, context) => {\n  const {\n    title,\n    name,\n    checked,\n    onChange = noop,\n    'data-name': dataName,\n    'aria-label': ariaLabel,\n    icon = {iconName: 'check', iconColor: 'white', preset: 's'},\n    customStyle = {}\n  } = props;\n  const {skin} = context;\n  const primaryColor = getOr(COLORS.cm_primary_blue, 'common.primary', skin);\n  const {iconName, iconColor, preset} = icon;\n  const idCheckbox = useMemo(() => uniqueId('input-checkbox-'), []);\n  const handleChange = useMemo(() => e => onChange(e.target.checked), [onChange]);\n\n  return (\n    <div className={style.container} style={{...customStyle}}>\n      {onChange !== noop ? (\n        <label htmlFor={idCheckbox}>\n          <input\n            type=\"checkbox\"\n            id={idCheckbox}\n            name={name}\n            onChange={handleChange}\n            checked={checked}\n            className={style.checkbox}\n            data-name={dataName}\n            aria-label={ariaLabel}\n          />\n          <div\n            className={style.label}\n            style={checked ? {background: primaryColor, borderColor: primaryColor} : null}\n          >\n            {checked ? (\n              <FaIcon\n                className={style.icon}\n                iconName={iconName}\n                iconColor={iconColor}\n                preset={preset}\n                customStyle={DEFAULT_ICON_STYLE}\n              />\n            ) : (\n              <FaIcon\n                className={style.icon}\n                iconName={'square'}\n                iconColor={'transparent'}\n                preset=\"s\"\n                customStyle={DEFAULT_ICON_STYLE}\n              />\n            )}\n          </div>\n        </label>\n      ) : null}\n      {title ? (\n        <span\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: title}}\n        />\n      ) : null}\n    </div>\n  );\n};\n\nCheckboxWithTitle.propTypes = {\n  title: PropTypes.string,\n  name: PropTypes.string,\n  checked: PropTypes.bool,\n  onChange: PropTypes.func,\n  'aria-label': PropTypes.string,\n  'data-name': PropTypes.string,\n  icon: PropTypes.shape({\n    iconName: PropTypes.string,\n    iconColor: PropTypes.string,\n    preset: PropTypes.string\n  }),\n  customStyle: PropTypes.objectOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number]))\n};\n\nCheckboxWithTitle.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\nexport default CheckboxWithTitle;\n"],"mappings":"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","ignoreList":[]}

package/lib/atom/chip/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/chip/index.js"],"names":[],"mappings":"AAmBO,qGAG0E;;AAGjF,6DAuEC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/chip/index.js"],"names":[],"mappings":"AAmBO,qGAG0E;;AAGjF,6DA0EC"}