@coorpacademy/components 11.35.1 → 11.35.2-alpha.10

package/lib/organism/cards-grid/index.js

@@ -9,7 +9,7 @@ var _card = _interopRequireDefault(require("../../molecule/card"));
 var _loader = _interopRequireDefault(require("../../atom/loader"));
 var _style = _interopRequireDefault(require("./style.css"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function CardsGrid(props) {
+const CardsGrid = props => {
   const {
     list = [],
     customStyle = {},
@@ -29,8 +29,9 @@ function CardsGrid(props) {
     className: _style.default.defaultStyle,
     style: customStyle
   }, cards, loader);
-}
+};
 CardsGrid.propTypes = process.env.NODE_ENV !== "production" ? {
+  // @ts-expect-error component is not typed & wrapped into memo
   list: _propTypes.default.arrayOf(_propTypes.default.shape(_card.default.propTypes)),
   customStyle: _propTypes.default.objectOf(_propTypes.default.string),
   loading: _propTypes.default.bool

package/lib/organism/cards-grid/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_card","_loader","_style","e","__esModule","default","CardsGrid","props","list","customStyle","loading","loader","createElement","className","style","cards","_map2","cardProps","card","key","defaultStyle","propTypes","process","env","NODE_ENV","PropTypes","arrayOf","shape","Card","objectOf","string","bool","_default","exports"],"sources":["../../../src/organism/cards-grid/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {map} from 'lodash/fp';\nimport Card from '../../molecule/card';\nimport Loader from '../../atom/loader';\nimport style from './style.css';\n\nfunction CardsGrid(props) {\n  const {list = [], customStyle = {}, loading = false} = props;\n\n  const loader = loading ? (\n    <div className={style.loader}>\n      <Loader />\n    </div>\n  ) : null;\n\n  const cards = map(cardProps => {\n    return (\n      <div data-name=\"cardGrid\" className={style.card} key={cardProps.key}>\n        <Card {...cardProps} />\n      </div>\n    );\n  }, list);\n\n  return (\n    <div className={style.defaultStyle} style={customStyle}>\n      {cards}\n      {loader}\n    </div>\n  );\n}\n\nCardsGrid.propTypes = {\n  list: PropTypes.arrayOf(PropTypes.shape(Card.propTypes)),\n  customStyle: PropTypes.objectOf(PropTypes.string),\n  loading: PropTypes.bool\n};\n\nexport default CardsGrid;\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAAE,KAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,OAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,MAAA,GAAAL,sBAAA,CAAAC,OAAA;AAAgC,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEhC,SAASG,SAASA,CAACC,KAAK,EAAE;EACxB,MAAM;IAACC,IAAI,GAAG,EAAE;IAAEC,WAAW,GAAG,CAAC,CAAC;IAAEC,OAAO,GAAG;EAAK,CAAC,GAAGH,KAAK;EAE5D,MAAMI,MAAM,GAAGD,OAAO,gBACpBd,MAAA,CAAAS,OAAA,CAAAO,aAAA;IAAKC,SAAS,EAAEC,cAAK,CAACH;EAAO,gBAC3Bf,MAAA,CAAAS,OAAA,CAAAO,aAAA,CAACX,OAAA,CAAAI,OAAM,MAAE,CACN,CAAC,GACJ,IAAI;EAER,MAAMU,KAAK,GAAG,IAAAC,KAAA,CAAAX,OAAA,EAAIY,SAAS,IAAI;IAC7B,oBACErB,MAAA,CAAAS,OAAA,CAAAO,aAAA;MAAK,aAAU,UAAU;MAACC,SAAS,EAAEC,cAAK,CAACI,IAAK;MAACC,GAAG,EAAEF,SAAS,CAACE;IAAI,gBAClEvB,MAAA,CAAAS,OAAA,CAAAO,aAAA,CAACZ,KAAA,CAAAK,OAAI,EAAKY,SAAY,CACnB,CAAC;EAEV,CAAC,EAAET,IAAI,CAAC;EAER,oBACEZ,MAAA,CAAAS,OAAA,CAAAO,aAAA;IAAKC,SAAS,EAAEC,cAAK,CAACM,YAAa;IAACN,KAAK,EAAEL;EAAY,GACpDM,KAAK,EACLJ,MACE,CAAC;AAEV;AAEAL,SAAS,CAACe,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACpBhB,IAAI,EAAEiB,kBAAS,CAACC,OAAO,CAACD,kBAAS,CAACE,KAAK,CAACC,aAAI,CAACP,SAAS,CAAC,CAAC;EACxDZ,WAAW,EAAEgB,kBAAS,CAACI,QAAQ,CAACJ,kBAAS,CAACK,MAAM,CAAC;EACjDpB,OAAO,EAAEe,kBAAS,CAACM;AACrB,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAA5B,OAAA,GAEaC,SAAS","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_card","_loader","_style","e","__esModule","default","CardsGrid","props","list","customStyle","loading","loader","createElement","className","style","cards","_map2","cardProps","card","key","defaultStyle","propTypes","process","env","NODE_ENV","PropTypes","arrayOf","shape","Card","objectOf","string","bool","_default","exports"],"sources":["../../../src/organism/cards-grid/index.tsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {map} from 'lodash/fp';\nimport Card from '../../molecule/card';\nimport Loader from '../../atom/loader';\nimport style from './style.css';\n\nexport interface CardProps {\n  key?: React.Key;\n  badge?: string;\n  image?: string;\n  disabled?: boolean;\n  adaptiv?: boolean;\n  type?: string;\n  title?: string;\n  author?: string;\n  certifiedAuthor?: boolean;\n  customer?: Record<string, unknown>;\n  progress: number;\n  favorite?: boolean;\n  addFavoriteToolTip?: string;\n  removeFavoriteToolTip?: string;\n  onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;\n  onFavoriteClick?: () => void;\n  isSelected?: boolean;\n  notification?: Record<string, unknown>;\n  badgeCategory?: string;\n  badgeLabel?: string;\n  theme?: 'default' | 'coorpmanager';\n  disabledContent?: string;\n  'aria-label'?: string;\n  'background-aria-label'?: string;\n  'favorite-aria-label'?: string;\n  'selectable-aria-label'?: string;\n  'customer-aria-label'?: string;\n  'badge-aria-label'?: string;\n  'disabled-aria-label'?: string;\n  'card-content-aria-label'?: string;\n}\n\nexport interface CardsGridProps {\n  list: CardProps[];\n  customStyle?: Record<string, string>;\n  loading?: boolean;\n}\n\nconst CardsGrid = (props: CardsGridProps) => {\n  const {list = [], customStyle = {}, loading = false} = props;\n\n  const loader = loading ? (\n    <div className={style.loader}>\n      <Loader />\n    </div>\n  ) : null;\n\n  const cards = map(cardProps => {\n    return (\n      <div data-name=\"cardGrid\" className={style.card} key={cardProps.key}>\n        <Card {...cardProps} />\n      </div>\n    );\n  }, list);\n\n  return (\n    <div className={style.defaultStyle} style={customStyle}>\n      {cards}\n      {loader}\n    </div>\n  );\n};\n\nCardsGrid.propTypes = {\n  // @ts-expect-error component is not typed & wrapped into memo\n  list: PropTypes.arrayOf(PropTypes.shape(Card.propTypes)),\n  customStyle: PropTypes.objectOf(PropTypes.string),\n  loading: PropTypes.bool\n};\n\nexport default CardsGrid;\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAAE,KAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,OAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,MAAA,GAAAL,sBAAA,CAAAC,OAAA;AAAgC,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAyChC,MAAMG,SAAS,GAAIC,KAAqB,IAAK;EAC3C,MAAM;IAACC,IAAI,GAAG,EAAE;IAAEC,WAAW,GAAG,CAAC,CAAC;IAAEC,OAAO,GAAG;EAAK,CAAC,GAAGH,KAAK;EAE5D,MAAMI,MAAM,GAAGD,OAAO,gBACpBd,MAAA,CAAAS,OAAA,CAAAO,aAAA;IAAKC,SAAS,EAAEC,cAAK,CAACH;EAAO,gBAC3Bf,MAAA,CAAAS,OAAA,CAAAO,aAAA,CAACX,OAAA,CAAAI,OAAM,MAAE,CACN,CAAC,GACJ,IAAI;EAER,MAAMU,KAAK,GAAG,IAAAC,KAAA,CAAAX,OAAA,EAAIY,SAAS,IAAI;IAC7B,oBACErB,MAAA,CAAAS,OAAA,CAAAO,aAAA;MAAK,aAAU,UAAU;MAACC,SAAS,EAAEC,cAAK,CAACI,IAAK;MAACC,GAAG,EAAEF,SAAS,CAACE;IAAI,gBAClEvB,MAAA,CAAAS,OAAA,CAAAO,aAAA,CAACZ,KAAA,CAAAK,OAAI,EAAKY,SAAY,CACnB,CAAC;EAEV,CAAC,EAAET,IAAI,CAAC;EAER,oBACEZ,MAAA,CAAAS,OAAA,CAAAO,aAAA;IAAKC,SAAS,EAAEC,cAAK,CAACM,YAAa;IAACN,KAAK,EAAEL;EAAY,GACpDM,KAAK,EACLJ,MACE,CAAC;AAEV,CAAC;AAEDL,SAAS,CAACe,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACpB;EACAhB,IAAI,EAAEiB,kBAAS,CAACC,OAAO,CAACD,kBAAS,CAACE,KAAK,CAACC,aAAI,CAACP,SAAS,CAAC,CAAC;EACxDZ,WAAW,EAAEgB,kBAAS,CAACI,QAAQ,CAACJ,kBAAS,CAACK,MAAM,CAAC;EACjDpB,OAAO,EAAEe,kBAAS,CAACM;AACrB,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAA5B,OAAA,GAEaC,SAAS","ignoreList":[]}

package/lib/organism/content-skill-modal/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { ContentSkillModalProps } from './types';
 declare const ContentSkillModal: {
     (props: ContentSkillModalProps): JSX.Element | null;
@@ -408,7 +408,7 @@ declare const ContentSkillModal: {
                 'data-name': import("prop-types").Requireable<string>;
                 titleSize: import("prop-types").Requireable<string>;
                 subtitleSize: import("prop-types").Requireable<string>;
-                icon: import("prop-types").Requireable<import("prop-types").InferProps<any>>;
+                icon: import("prop-types").Requireable<import("prop-types").InferProps<import("prop-types").ValidationMap<any>>>;
                 tag: import("prop-types").Requireable<import("prop-types").InferProps<{
                     label: import("prop-types").Requireable<string>;
                     type: import("prop-types").Requireable<string>;
@@ -416,7 +416,17 @@ declare const ContentSkillModal: {
                     customStyle: import("prop-types").Requireable<{
                         [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
                     }>;
-                    icon: import("prop-types").Requireable<import("prop-types").InferProps<any>>;
+                    icon: import("prop-types").Requireable<import("prop-types").InferProps<{
+                        position: import("prop-types").Requireable<string>;
+                        iconName?: React.Validator<string> | undefined;
+                        iconColor?: React.Validator<string | null | undefined> | undefined;
+                        backgroundColor?: React.Validator<string | null | undefined> | undefined;
+                        gradientBackground?: React.Validator<boolean | null | undefined> | undefined;
+                        borderRadius?: React.Validator<string | null | undefined> | undefined;
+                        preset?: React.Validator<string | null | undefined> | undefined;
+                        size?: React.Validator<import("../../atom/icon").IconSize | null | undefined> | undefined;
+                        customStyle?: React.Validator<React.CSSProperties | null | undefined> | undefined;
+                    }>>;
                 }>>;
                 button: import("prop-types").Requireable<import("prop-types").InferProps<{
                     type: import("prop-types").Requireable<string>;

package/lib/organism/content-skill-modal/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/content-skill-modal/index.tsx"],"names":[],"mappings":";AAOA,OAAkB,EAAC,sBAAsB,EAAC,MAAM,SAAS,CAAC;AAE1D,QAAA,MAAM,iBAAiB;YAAW,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4DvD,CAAC;AAQF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/content-skill-modal/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAOlD,OAAkB,EAAC,sBAAsB,EAAC,MAAM,SAAS,CAAC;AAE1D,QAAA,MAAM,iBAAiB;YAAW,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4DvD,CAAC;AAQF,eAAe,iBAAiB,CAAC"}

package/lib/organism/content-skill-modal/types.d.ts

@@ -405,7 +405,7 @@ declare const ContentSkillModalPropTypes: {
             'data-name': PropTypes.Requireable<string>;
             titleSize: PropTypes.Requireable<string>;
             subtitleSize: PropTypes.Requireable<string>;
-            icon: PropTypes.Requireable<PropTypes.InferProps<any>>;
+            icon: PropTypes.Requireable<PropTypes.InferProps<PropTypes.ValidationMap<any>>>;
             tag: PropTypes.Requireable<PropTypes.InferProps<{
                 label: PropTypes.Requireable<string>;
                 type: PropTypes.Requireable<string>;
@@ -413,7 +413,17 @@ declare const ContentSkillModalPropTypes: {
                 customStyle: PropTypes.Requireable<{
                     [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
                 }>;
-                icon: PropTypes.Requireable<PropTypes.InferProps<any>>;
+                icon: PropTypes.Requireable<PropTypes.InferProps<{
+                    position: PropTypes.Requireable<string>;
+                    iconName?: import("react").Validator<string> | undefined;
+                    iconColor?: import("react").Validator<string | null | undefined> | undefined;
+                    backgroundColor?: import("react").Validator<string | null | undefined> | undefined;
+                    gradientBackground?: import("react").Validator<boolean | null | undefined> | undefined;
+                    borderRadius?: import("react").Validator<string | null | undefined> | undefined;
+                    preset?: import("react").Validator<string | null | undefined> | undefined;
+                    size?: import("react").Validator<import("../../atom/icon").IconSize | null | undefined> | undefined;
+                    customStyle?: import("react").Validator<import("react").CSSProperties | null | undefined> | undefined;
+                }>>;
             }>>;
             button: PropTypes.Requireable<PropTypes.InferProps<{
                 type: PropTypes.Requireable<string>;

package/lib/organism/content-skill-modal/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/organism/content-skill-modal/types.ts"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,SAAS,MAAM,eAAe,CAAC;AACtC,OAAkC,EAChC,qBAAqB,EACtB,MAAM,8CAA8C,CAAC;AAStD,QAAA,MAAM,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAI/B,CAAC;AAEF,eAAe,0BAA0B,CAAC;AAE1C,aAAK,UAAU,GAAG;IAChB,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,oBAAY,sBAAsB,GAAG;IACnC,WAAW,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,CAAC;IACpD,OAAO,EAAE,qBAAqB,CAAC;IAC/B,KAAK,EAAE,UAAU,CAAC;CACnB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/organism/content-skill-modal/types.ts"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,SAAS,MAAM,eAAe,CAAC;AACtC,OAAkC,EAChC,qBAAqB,EACtB,MAAM,8CAA8C,CAAC;AAStD,QAAA,MAAM,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAI/B,CAAC;AAEF,eAAe,0BAA0B,CAAC;AAE1C,aAAK,UAAU,GAAG;IAChB,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,oBAAY,sBAAsB,GAAG;IACnC,WAAW,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,CAAC;IACpD,OAAO,EAAE,qBAAqB,CAAC;IAC/B,KAAK,EAAE,UAAU,CAAC;CACnB,CAAC"}

package/lib/organism/list-item/index.js

@@ -84,25 +84,25 @@ const ListItem = ({
   }, order + 1) : null;
   const extractedIndex = (0, _pipe2.default)((0, _split2.default)('-'), _last2.default)(dataName);
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(_style.default.wrapper, isBulkStyle && _style.default.gridLayout, subtitle && _style.default.withSubtitle, disabled && _style.default.disabled, onClick !== _noop2.default && !disabled && _style.default.cursorPointer, checkbox?.checked && _style.default.checked),
+    className: (0, _classnames.default)(_style.default.wrapper, isBulkStyle ? _style.default.gridLayout : _style.default.flexLayout, subtitle && _style.default.withSubtitle, disabled && _style.default.disabled, onClick !== _noop2.default && !disabled && _style.default.cursorPointer, checkbox?.checked && _style.default.checked),
     onClick: !disabled ? onClick : undefined,
     style: selectedStyle,
     "data-name": dataName
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)(_style.default.dataColumnsWrapper, isOverflowHidden && _style.default.hiddenOverflowX)
-  }, isPublished && contentType === 'certification' ? orderView : null, /*#__PURE__*/_react.default.createElement("div", {
+  }, isPublished && contentType === 'certification' ? orderView : null, leftIcon || image || checkable ? /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.leftSection
-  }, checkable ? /*#__PURE__*/_react.default.createElement(_checkboxWithTitle.default, checkbox) : null, leftIcon && !image ? /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_icon.default, {
+  }, checkable ? /*#__PURE__*/_react.default.createElement(_checkboxWithTitle.default, checkbox) : null, leftIcon && !image ? /*#__PURE__*/_react.default.createElement(_icon.default, {
     iconName: leftIcon.iconName,
     gradientBackground: leftIcon.gradientBackground || true,
     iconColor: leftIcon.iconColor || primarySelectedColor,
     preset: leftIcon.preset || 'xl',
     borderRadius: leftIcon.borderRadius || '25%'
-  })) : null, !leftIcon && image ? /*#__PURE__*/_react.default.createElement("div", {
+  }) : null, !leftIcon && image ? /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.containerImage
   }, /*#__PURE__*/_react.default.createElement(_cardImagePreview.default, {
     image: image
-  })) : null), /*#__PURE__*/_react.default.createElement("div", {
+  })) : null) : null, /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.titleWrapper
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.titleProviderWrapper

package/lib/organism/list-item/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_cssColorFunction","_classnames","_provider","_tag","_icon","_buttonLink","_bulletPointMenuButton","_colors","_cardImagePreview","_checkboxWithTitle","_style","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","ListItem","buttonLink","secondButtonLink","bulletPointMenuButton","tags","title","provider","selected","selectedColor","subtitle","dataColumns","order","ariaLabel","disabled","contentType","isBulkStyle","isOverflowHidden","onClick","_noop2","leftIcon","image","checkbox","dataName","context","skin","primarySelectedColor","_get2","mapUncapped","_map2","convert","cap","checkable","isPublished","selectedStyle","backgroundColor","tagSelectedStyle","color","tagsView","tag","index","type","createElement","key","className","style","customStyle","dataColumnsView","dataColumn","label","orderView","undefined","extractedIndex","_pipe2","_split2","_last2","classnames","wrapper","gridLayout","withSubtitle","cursorPointer","checked","dataColumnsWrapper","hiddenOverflowX","leftSection","iconName","gradientBackground","iconColor","preset","borderRadius","containerImage","titleWrapper","titleProviderWrapper","_isEmpty2","providerTag","settings","COLORS","white","size","faSize","wrapperSize","contextTypes","Provider","childContextTypes","translate","propTypes","process","env","NODE_ENV","PropTypes","string","isRequired","shape","oneOf","bool","arrayOf","icon","position","func","buttonAriaLabel","menuAriaLabel","buttons","number","id","CheckboxWithTitle","_default","exports"],"sources":["../../../src/organism/list-item/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {isEmpty, map, noop, get, last, split, pipe} from 'lodash/fp';\nimport {convert} from 'css-color-function';\nimport classnames from 'classnames';\nimport Provider from '../../atom/provider';\nimport Tag from '../../atom/tag';\nimport FaIcon from '../../atom/icon';\nimport ButtonLink from '../../atom/button-link';\nimport BulletPointMenuButton from '../../molecule/bullet-point-menu-button';\nimport {COLORS} from '../../variables/colors';\nimport CardImagePreview from '../../atom/card-image-preview';\nimport CheckboxWithTitle from '../../atom/checkbox-with-title';\nimport style from './style.css';\n\nconst ListItem = (\n  {\n    buttonLink,\n    secondButtonLink,\n    bulletPointMenuButton,\n    tags,\n    title,\n    provider,\n    selected,\n    selectedColor,\n    subtitle,\n    dataColumns,\n    order,\n    'aria-label': ariaLabel,\n    disabled = false,\n    contentType,\n    isBulkStyle = false,\n    isOverflowHidden = false,\n    onClick = noop,\n    leftIcon,\n    image,\n    checkbox,\n    'data-name': dataName\n  },\n  context\n) => {\n  const {skin} = context;\n  const primarySelectedColor = selectedColor || get('common.primary', skin);\n  const mapUncapped = map.convert({cap: false});\n  const checkable = checkbox || false;\n  let isPublished = false;\n\n  const selectedStyle = selected\n    ? {\n        backgroundColor: convert(`color(${primarySelectedColor} a(0.07))`)\n      }\n    : {};\n\n  const tagSelectedStyle = selected\n    ? {\n        backgroundColor: convert(`color(${primarySelectedColor} a(0.15))`),\n        color: primarySelectedColor\n      }\n    : {};\n\n  const tagsView = mapUncapped((tag, index) => {\n    isPublished = tag.type === 'success';\n    return (\n      <div key={index} className={style.tag}>\n        <Tag {...tag} customStyle={tagSelectedStyle} />\n      </div>\n    );\n  })(tags);\n\n  const dataColumnsView = mapUncapped((dataColumn, index) => {\n    return (\n      <div key={index} className={style[dataColumn.className]}>\n        {dataColumn.type ? <Tag {...dataColumn} /> : dataColumn.label}\n      </div>\n    );\n  })(dataColumns);\n\n  const orderView =\n    order !== null && order !== undefined ? (\n      <div className={style.order} aria-label={ariaLabel}>\n        {order + 1}\n      </div>\n    ) : null;\n\n  const extractedIndex = pipe(split('-'), last)(dataName);\n\n  return (\n    <div\n      className={classnames(\n        style.wrapper,\n        isBulkStyle && style.gridLayout,\n        subtitle && style.withSubtitle,\n        disabled && style.disabled,\n        onClick !== noop && !disabled && style.cursorPointer,\n        checkbox?.checked && style.checked\n      )}\n      onClick={!disabled ? onClick : undefined}\n      style={selectedStyle}\n      data-name={dataName}\n    >\n      <div\n        className={classnames(style.dataColumnsWrapper, isOverflowHidden && style.hiddenOverflowX)}\n      >\n        {isPublished && contentType === 'certification' ? orderView : null}\n        <div className={style.leftSection}>\n          {checkable ? <CheckboxWithTitle {...checkbox} /> : null}\n          {leftIcon && !image ? (\n            <div>\n              <FaIcon\n                iconName={leftIcon.iconName}\n                gradientBackground={leftIcon.gradientBackground || true}\n                iconColor={leftIcon.iconColor || primarySelectedColor}\n                preset={leftIcon.preset || 'xl'}\n                borderRadius={leftIcon.borderRadius || '25%'}\n              />\n            </div>\n          ) : null}\n          {!leftIcon && image ? (\n            <div className={style.containerImage}>\n              <CardImagePreview image={image} />\n            </div>\n          ) : null}\n        </div>\n        <div className={style.titleWrapper}>\n          <div className={style.titleProviderWrapper}>\n            <div className={style.title} title={title}>\n              {title}\n            </div>\n            {!isEmpty(provider) ? (\n              <Tag label={provider.label} type={provider.type} className={style.providerTag} />\n            ) : null}\n          </div>\n          {subtitle ? <div className={style.subtitle}>{subtitle}</div> : null}\n        </div>\n        {dataColumnsView}\n      </div>\n      <div className={style.settings}>\n        {tagsView}\n        {selected ? (\n          <FaIcon\n            iconName=\"circle-check\"\n            iconColor={primarySelectedColor}\n            backgroundColor={COLORS.white}\n            size={{faSize: 16, wrapperSize: 16}}\n          />\n        ) : null}\n        {buttonLink ? <ButtonLink {...buttonLink} /> : null}\n        {secondButtonLink ? <ButtonLink {...secondButtonLink} /> : null}\n        {!isEmpty(bulletPointMenuButton) ? (\n          <BulletPointMenuButton\n            {...bulletPointMenuButton}\n            data-name={`bullet-point-menu-button-${extractedIndex}`}\n          />\n        ) : null}\n      </div>\n    </div>\n  );\n};\n\nListItem.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nListItem.propTypes = {\n  title: PropTypes.string.isRequired,\n  subtitle: PropTypes.string,\n  'data-name': PropTypes.string,\n  provider: PropTypes.shape({\n    label: PropTypes.string,\n    type: PropTypes.oneOf(['info', 'default', 'success', 'failure', 'warning', 'progress'])\n  }),\n  selected: PropTypes.bool,\n  selectedColor: PropTypes.string,\n  dataColumns: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string,\n      type: PropTypes.oneOf(['success', 'failure', 'warning', 'progress', 'default']),\n      className: PropTypes.oneOf(['cell', 'title'])\n    })\n  ),\n  buttonLink: PropTypes.shape({\n    type: PropTypes.string,\n    label: PropTypes.string,\n    ariaLabel: PropTypes.string,\n    dataName: PropTypes.string,\n    icon: PropTypes.shape({\n      position: PropTypes.string,\n      type: PropTypes.string\n    }),\n    onClick: PropTypes.func\n  }),\n  secondButtonLink: PropTypes.shape({\n    type: PropTypes.string,\n    label: PropTypes.string,\n    ariaLabel: PropTypes.string,\n    dataName: PropTypes.string,\n    icon: PropTypes.shape({\n      position: PropTypes.string,\n      type: PropTypes.string\n    }),\n    onClick: PropTypes.func\n  }),\n  bulletPointMenuButton: PropTypes.shape({\n    buttonAriaLabel: PropTypes.string,\n    menuAriaLabel: PropTypes.string,\n    buttons: PropTypes.arrayOf(\n      PropTypes.shape({\n        'data-name': PropTypes.string,\n        label: PropTypes.string,\n        type: PropTypes.string,\n        onClick: PropTypes.func\n      })\n    ),\n    onClick: PropTypes.func\n  }),\n  tags: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string,\n      type: PropTypes.oneOf(['success', 'failure', 'warning', 'progress', 'default'])\n    })\n  ),\n  disabled: PropTypes.bool,\n  onClick: PropTypes.func,\n  isBulkStyle: PropTypes.bool,\n  isOverflowHidden: PropTypes.bool,\n  order: PropTypes.number,\n  'aria-label': PropTypes.string,\n  contentType: PropTypes.string,\n  id: PropTypes.string,\n  leftIcon: PropTypes.shape({\n    iconName: PropTypes.string,\n    iconColor: PropTypes.string,\n    backgroundColor: PropTypes.string,\n    borderRadius: PropTypes.string,\n    preset: PropTypes.string,\n    gradientBackground: PropTypes.bool,\n    size: PropTypes.number,\n    wrapperSize: PropTypes.number\n  }),\n  image: PropTypes.string,\n  checkbox: PropTypes.shape(CheckboxWithTitle.propTypes)\n};\n\nexport default ListItem;\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAAE,iBAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,SAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,IAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,KAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,WAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,sBAAA,GAAAT,sBAAA,CAAAC,OAAA;AACA,IAAAS,OAAA,GAAAT,OAAA;AACA,IAAAU,iBAAA,GAAAX,sBAAA,CAAAC,OAAA;AACA,IAAAW,kBAAA,GAAAZ,sBAAA,CAAAC,OAAA;AACA,IAAAY,MAAA,GAAAb,sBAAA,CAAAC,OAAA;AAAgC,SAAAD,uBAAAc,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAG,SAAA,WAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,CAAA,aAAAP,CAAA,MAAAA,CAAA,GAAAQ,SAAA,CAAAC,MAAA,EAAAT,CAAA,UAAAU,CAAA,GAAAF,SAAA,CAAAR,CAAA,YAAAW,CAAA,IAAAD,CAAA,OAAAE,cAAA,CAAAC,IAAA,CAAAH,CAAA,EAAAC,CAAA,MAAAJ,CAAA,CAAAI,CAAA,IAAAD,CAAA,CAAAC,CAAA,aAAAJ,CAAA,KAAAJ,QAAA,CAAAW,KAAA,OAAAN,SAAA;AAEhC,MAAMO,QAAQ,GAAGA,CACf;EACEC,UAAU;EACVC,gBAAgB;EAChBC,qBAAqB;EACrBC,IAAI;EACJC,KAAK;EACLC,QAAQ;EACRC,QAAQ;EACRC,aAAa;EACbC,QAAQ;EACRC,WAAW;EACXC,KAAK;EACL,YAAY,EAAEC,SAAS;EACvBC,QAAQ,GAAG,KAAK;EAChBC,WAAW;EACXC,WAAW,GAAG,KAAK;EACnBC,gBAAgB,GAAG,KAAK;EACxBC,OAAO,GAAAC,MAAA,CAAA/B,OAAO;EACdgC,QAAQ;EACRC,KAAK;EACLC,QAAQ;EACR,WAAW,EAAEC;AACf,CAAC,EACDC,OAAO,KACJ;EACH,MAAM;IAACC;EAAI,CAAC,GAAGD,OAAO;EACtB,MAAME,oBAAoB,GAAGjB,aAAa,IAAI,IAAAkB,KAAA,CAAAvC,OAAA,EAAI,gBAAgB,EAAEqC,IAAI,CAAC;EACzE,MAAMG,WAAW,GAAGC,KAAA,CAAAzC,OAAA,CAAI0C,OAAO,CAAC;IAACC,GAAG,EAAE;EAAK,CAAC,CAAC;EAC7C,MAAMC,SAAS,GAAGV,QAAQ,IAAI,KAAK;EACnC,IAAIW,WAAW,GAAG,KAAK;EAEvB,MAAMC,aAAa,GAAG1B,QAAQ,GAC1B;IACE2B,eAAe,EAAE,IAAAL,yBAAO,EAAC,SAASJ,oBAAoB,WAAW;EACnE,CAAC,GACD,CAAC,CAAC;EAEN,MAAMU,gBAAgB,GAAG5B,QAAQ,GAC7B;IACE2B,eAAe,EAAE,IAAAL,yBAAO,EAAC,SAASJ,oBAAoB,WAAW,CAAC;IAClEW,KAAK,EAAEX;EACT,CAAC,GACD,CAAC,CAAC;EAEN,MAAMY,QAAQ,GAAGV,WAAW,CAAC,CAACW,GAAG,EAAEC,KAAK,KAAK;IAC3CP,WAAW,GAAGM,GAAG,CAACE,IAAI,KAAK,SAAS;IACpC,oBACEtE,MAAA,CAAAiB,OAAA,CAAAsD,aAAA;MAAKC,GAAG,EAAEH,KAAM;MAACI,SAAS,EAAEC,cAAK,CAACN;IAAI,gBACpCpE,MAAA,CAAAiB,OAAA,CAAAsD,aAAA,CAAChE,IAAA,CAAAU,OAAG,EAAAC,QAAA,KAAKkD,GAAG;MAAEO,WAAW,EAAEV;IAAiB,EAAE,CAC3C,CAAC;EAEV,CAAC,CAAC,CAAC/B,IAAI,CAAC;EAER,MAAM0C,eAAe,GAAGnB,WAAW,CAAC,CAACoB,UAAU,EAAER,KAAK,KAAK;IACzD,oBACErE,MAAA,CAAAiB,OAAA,CAAAsD,aAAA;MAAKC,GAAG,EAAEH,KAAM;MAACI,SAAS,EAAEC,cAAK,CAACG,UAAU,CAACJ,SAAS;IAAE,GACrDI,UAAU,CAACP,IAAI,gBAAGtE,MAAA,CAAAiB,OAAA,CAAAsD,aAAA,CAAChE,IAAA,CAAAU,OAAG,EAAK4D,UAAa,CAAC,GAAGA,UAAU,CAACC,KACrD,CAAC;EAEV,CAAC,CAAC,CAACtC,WAAW,CAAC;EAEf,MAAMuC,SAAS,GACbtC,KAAK,KAAK,IAAI,IAAIA,KAAK,KAAKuC,SAAS,gBACnChF,MAAA,CAAAiB,OAAA,CAAAsD,aAAA;IAAKE,SAAS,EAAEC,cAAK,CAACjC,KAAM;IAAC,cAAYC;EAAU,GAChDD,KAAK,GAAG,CACN,CAAC,GACJ,IAAI;EAEV,MAAMwC,cAAc,GAAG,IAAAC,MAAA,CAAAjE,OAAA,EAAK,IAAAkE,OAAA,CAAAlE,OAAA,EAAM,GAAG,CAAC,EAAAmE,MAAA,CAAAnE,OAAM,CAAC,CAACmC,QAAQ,CAAC;EAEvD,oBACEpD,MAAA,CAAAiB,OAAA,CAAAsD,aAAA;IACEE,SAAS,EAAE,IAAAY,mBAAU,EACnBX,cAAK,CAACY,OAAO,EACbzC,WAAW,IAAI6B,cAAK,CAACa,UAAU,EAC/BhD,QAAQ,IAAImC,cAAK,CAACc,YAAY,EAC9B7C,QAAQ,IAAI+B,cAAK,CAAC/B,QAAQ,EAC1BI,OAAO,KAAAC,MAAA,CAAA/B,OAAS,IAAI,CAAC0B,QAAQ,IAAI+B,cAAK,CAACe,aAAa,EACpDtC,QAAQ,EAAEuC,OAAO,IAAIhB,cAAK,CAACgB,OAC7B,CAAE;IACF3C,OAAO,EAAE,CAACJ,QAAQ,GAAGI,OAAO,GAAGiC,SAAU;IACzCN,KAAK,EAAEX,aAAc;IACrB,aAAWX;EAAS,gBAEpBpD,MAAA,CAAAiB,OAAA,CAAAsD,aAAA;IACEE,SAAS,EAAE,IAAAY,mBAAU,EAACX,cAAK,CAACiB,kBAAkB,EAAE7C,gBAAgB,IAAI4B,cAAK,CAACkB,eAAe;EAAE,GAE1F9B,WAAW,IAAIlB,WAAW,KAAK,eAAe,GAAGmC,SAAS,GAAG,IAAI,eAClE/E,MAAA,CAAAiB,OAAA,CAAAsD,aAAA;IAAKE,SAAS,EAAEC,cAAK,CAACmB;EAAY,GAC/BhC,SAAS,gBAAG7D,MAAA,CAAAiB,OAAA,CAAAsD,aAAA,CAAC1D,kBAAA,CAAAI,OAAiB,EAAKkC,QAAW,CAAC,GAAG,IAAI,EACtDF,QAAQ,IAAI,CAACC,KAAK,gBACjBlD,MAAA,CAAAiB,OAAA,CAAAsD,aAAA,2BACEvE,MAAA,CAAAiB,OAAA,CAAAsD,aAAA,CAAC/D,KAAA,CAAAS,OAAM;IACL6E,QAAQ,EAAE7C,QAAQ,CAAC6C,QAAS;IAC5BC,kBAAkB,EAAE9C,QAAQ,CAAC8C,kBAAkB,IAAI,IAAK;IACxDC,SAAS,EAAE/C,QAAQ,CAAC+C,SAAS,IAAIzC,oBAAqB;IACtD0C,MAAM,EAAEhD,QAAQ,CAACgD,MAAM,IAAI,IAAK;IAChCC,YAAY,EAAEjD,QAAQ,CAACiD,YAAY,IAAI;EAAM,CAC9C,CACE,CAAC,GACJ,IAAI,EACP,CAACjD,QAAQ,IAAIC,KAAK,gBACjBlD,MAAA,CAAAiB,OAAA,CAAAsD,aAAA;IAAKE,SAAS,EAAEC,cAAK,CAACyB;EAAe,gBACnCnG,MAAA,CAAAiB,OAAA,CAAAsD,aAAA,CAAC3D,iBAAA,CAAAK,OAAgB;IAACiC,KAAK,EAAEA;EAAM,CAAE,CAC9B,CAAC,GACJ,IACD,CAAC,eACNlD,MAAA,CAAAiB,OAAA,CAAAsD,aAAA;IAAKE,SAAS,EAAEC,cAAK,CAAC0B;EAAa,gBACjCpG,MAAA,CAAAiB,OAAA,CAAAsD,aAAA;IAAKE,SAAS,EAAEC,cAAK,CAAC2B;EAAqB,gBACzCrG,MAAA,CAAAiB,OAAA,CAAAsD,aAAA;IAAKE,SAAS,EAAEC,cAAK,CAACvC,KAAM;IAACA,KAAK,EAAEA;EAAM,GACvCA,KACE,CAAC,EACL,CAAC,IAAAmE,SAAA,CAAArF,OAAA,EAAQmB,QAAQ,CAAC,gBACjBpC,MAAA,CAAAiB,OAAA,CAAAsD,aAAA,CAAChE,IAAA,CAAAU,OAAG;IAAC6D,KAAK,EAAE1C,QAAQ,CAAC0C,KAAM;IAACR,IAAI,EAAElC,QAAQ,CAACkC,IAAK;IAACG,SAAS,EAAEC,cAAK,CAAC6B;EAAY,CAAE,CAAC,GAC/E,IACD,CAAC,EACLhE,QAAQ,gBAAGvC,MAAA,CAAAiB,OAAA,CAAAsD,aAAA;IAAKE,SAAS,EAAEC,cAAK,CAACnC;EAAS,GAAEA,QAAc,CAAC,GAAG,IAC5D,CAAC,EACLqC,eACE,CAAC,eACN5E,MAAA,CAAAiB,OAAA,CAAAsD,aAAA;IAAKE,SAAS,EAAEC,cAAK,CAAC8B;EAAS,GAC5BrC,QAAQ,EACR9B,QAAQ,gBACPrC,MAAA,CAAAiB,OAAA,CAAAsD,aAAA,CAAC/D,KAAA,CAAAS,OAAM;IACL6E,QAAQ,EAAC,cAAc;IACvBE,SAAS,EAAEzC,oBAAqB;IAChCS,eAAe,EAAEyC,cAAM,CAACC,KAAM;IAC9BC,IAAI,EAAE;MAACC,MAAM,EAAE,EAAE;MAAEC,WAAW,EAAE;IAAE;EAAE,CACrC,CAAC,GACA,IAAI,EACP9E,UAAU,gBAAG/B,MAAA,CAAAiB,OAAA,CAAAsD,aAAA,CAAC9D,WAAA,CAAAQ,OAAU,EAAKc,UAAa,CAAC,GAAG,IAAI,EAClDC,gBAAgB,gBAAGhC,MAAA,CAAAiB,OAAA,CAAAsD,aAAA,CAAC9D,WAAA,CAAAQ,OAAU,EAAKe,gBAAmB,CAAC,GAAG,IAAI,EAC9D,CAAC,IAAAsE,SAAA,CAAArF,OAAA,EAAQgB,qBAAqB,CAAC,gBAC9BjC,MAAA,CAAAiB,OAAA,CAAAsD,aAAA,CAAC7D,sBAAA,CAAAO,OAAqB,EAAAC,QAAA,KAChBe,qBAAqB;IACzB,aAAW,4BAA4BgD,cAAc;EAAG,EACzD,CAAC,GACA,IACD,CACF,CAAC;AAEV,CAAC;AAEDnD,QAAQ,CAACgF,YAAY,GAAG;EACtBxD,IAAI,EAAEyD,iBAAQ,CAACC,iBAAiB,CAAC1D,IAAI;EACrC2D,SAAS,EAAEF,iBAAQ,CAACC,iBAAiB,CAACC;AACxC,CAAC;AAEDnF,QAAQ,CAACoF,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACnBlF,KAAK,EAAEmF,kBAAS,CAACC,MAAM,CAACC,UAAU;EAClCjF,QAAQ,EAAE+E,kBAAS,CAACC,MAAM;EAC1B,WAAW,EAAED,kBAAS,CAACC,MAAM;EAC7BnF,QAAQ,EAAEkF,kBAAS,CAACG,KAAK,CAAC;IACxB3C,KAAK,EAAEwC,kBAAS,CAACC,MAAM;IACvBjD,IAAI,EAAEgD,kBAAS,CAACI,KAAK,CAAC,CAAC,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,CAAC;EACxF,CAAC,CAAC;EACFrF,QAAQ,EAAEiF,kBAAS,CAACK,IAAI;EACxBrF,aAAa,EAAEgF,kBAAS,CAACC,MAAM;EAC/B/E,WAAW,EAAE8E,kBAAS,CAACM,OAAO,CAC5BN,kBAAS,CAACG,KAAK,CAAC;IACd3C,KAAK,EAAEwC,kBAAS,CAACC,MAAM;IACvBjD,IAAI,EAAEgD,kBAAS,CAACI,KAAK,CAAC,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,CAAC,CAAC;IAC/EjD,SAAS,EAAE6C,kBAAS,CAACI,KAAK,CAAC,CAAC,MAAM,EAAE,OAAO,CAAC;EAC9C,CAAC,CACH,CAAC;EACD3F,UAAU,EAAEuF,kBAAS,CAACG,KAAK,CAAC;IAC1BnD,IAAI,EAAEgD,kBAAS,CAACC,MAAM;IACtBzC,KAAK,EAAEwC,kBAAS,CAACC,MAAM;IACvB7E,SAAS,EAAE4E,kBAAS,CAACC,MAAM;IAC3BnE,QAAQ,EAAEkE,kBAAS,CAACC,MAAM;IAC1BM,IAAI,EAAEP,kBAAS,CAACG,KAAK,CAAC;MACpBK,QAAQ,EAAER,kBAAS,CAACC,MAAM;MAC1BjD,IAAI,EAAEgD,kBAAS,CAACC;IAClB,CAAC,CAAC;IACFxE,OAAO,EAAEuE,kBAAS,CAACS;EACrB,CAAC,CAAC;EACF/F,gBAAgB,EAAEsF,kBAAS,CAACG,KAAK,CAAC;IAChCnD,IAAI,EAAEgD,kBAAS,CAACC,MAAM;IACtBzC,KAAK,EAAEwC,kBAAS,CAACC,MAAM;IACvB7E,SAAS,EAAE4E,kBAAS,CAACC,MAAM;IAC3BnE,QAAQ,EAAEkE,kBAAS,CAACC,MAAM;IAC1BM,IAAI,EAAEP,kBAAS,CAACG,KAAK,CAAC;MACpBK,QAAQ,EAAER,kBAAS,CAACC,MAAM;MAC1BjD,IAAI,EAAEgD,kBAAS,CAACC;IAClB,CAAC,CAAC;IACFxE,OAAO,EAAEuE,kBAAS,CAACS;EACrB,CAAC,CAAC;EACF9F,qBAAqB,EAAEqF,kBAAS,CAACG,KAAK,CAAC;IACrCO,eAAe,EAAEV,kBAAS,CAACC,MAAM;IACjCU,aAAa,EAAEX,kBAAS,CAACC,MAAM;IAC/BW,OAAO,EAAEZ,kBAAS,CAACM,OAAO,CACxBN,kBAAS,CAACG,KAAK,CAAC;MACd,WAAW,EAAEH,kBAAS,CAACC,MAAM;MAC7BzC,KAAK,EAAEwC,kBAAS,CAACC,MAAM;MACvBjD,IAAI,EAAEgD,kBAAS,CAACC,MAAM;MACtBxE,OAAO,EAAEuE,kBAAS,CAACS;IACrB,CAAC,CACH,CAAC;IACDhF,OAAO,EAAEuE,kBAAS,CAACS;EACrB,CAAC,CAAC;EACF7F,IAAI,EAAEoF,kBAAS,CAACM,OAAO,CACrBN,kBAAS,CAACG,KAAK,CAAC;IACd3C,KAAK,EAAEwC,kBAAS,CAACC,MAAM;IACvBjD,IAAI,EAAEgD,kBAAS,CAACI,KAAK,CAAC,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,CAAC;EAChF,CAAC,CACH,CAAC;EACD/E,QAAQ,EAAE2E,kBAAS,CAACK,IAAI;EACxB5E,OAAO,EAAEuE,kBAAS,CAACS,IAAI;EACvBlF,WAAW,EAAEyE,kBAAS,CAACK,IAAI;EAC3B7E,gBAAgB,EAAEwE,kBAAS,CAACK,IAAI;EAChClF,KAAK,EAAE6E,kBAAS,CAACa,MAAM;EACvB,YAAY,EAAEb,kBAAS,CAACC,MAAM;EAC9B3E,WAAW,EAAE0E,kBAAS,CAACC,MAAM;EAC7Ba,EAAE,EAAEd,kBAAS,CAACC,MAAM;EACpBtE,QAAQ,EAAEqE,kBAAS,CAACG,KAAK,CAAC;IACxB3B,QAAQ,EAAEwB,kBAAS,CAACC,MAAM;IAC1BvB,SAAS,EAAEsB,kBAAS,CAACC,MAAM;IAC3BvD,eAAe,EAAEsD,kBAAS,CAACC,MAAM;IACjCrB,YAAY,EAAEoB,kBAAS,CAACC,MAAM;IAC9BtB,MAAM,EAAEqB,kBAAS,CAACC,MAAM;IACxBxB,kBAAkB,EAAEuB,kBAAS,CAACK,IAAI;IAClChB,IAAI,EAAEW,kBAAS,CAACa,MAAM;IACtBtB,WAAW,EAAES,kBAAS,CAACa;EACzB,CAAC,CAAC;EACFjF,KAAK,EAAEoE,kBAAS,CAACC,MAAM;EACvBpE,QAAQ,EAAEmE,kBAAS,CAACG,KAAK,CAACY,0BAAiB,CAACnB,SAAS;AACvD,CAAC;AAAC,IAAAoB,QAAA,GAAAC,OAAA,CAAAtH,OAAA,GAEaa,QAAQ","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_cssColorFunction","_classnames","_provider","_tag","_icon","_buttonLink","_bulletPointMenuButton","_colors","_cardImagePreview","_checkboxWithTitle","_style","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","ListItem","buttonLink","secondButtonLink","bulletPointMenuButton","tags","title","provider","selected","selectedColor","subtitle","dataColumns","order","ariaLabel","disabled","contentType","isBulkStyle","isOverflowHidden","onClick","_noop2","leftIcon","image","checkbox","dataName","context","skin","primarySelectedColor","_get2","mapUncapped","_map2","convert","cap","checkable","isPublished","selectedStyle","backgroundColor","tagSelectedStyle","color","tagsView","tag","index","type","createElement","key","className","style","customStyle","dataColumnsView","dataColumn","label","orderView","undefined","extractedIndex","_pipe2","_split2","_last2","classnames","wrapper","gridLayout","flexLayout","withSubtitle","cursorPointer","checked","dataColumnsWrapper","hiddenOverflowX","leftSection","iconName","gradientBackground","iconColor","preset","borderRadius","containerImage","titleWrapper","titleProviderWrapper","_isEmpty2","providerTag","settings","COLORS","white","size","faSize","wrapperSize","contextTypes","Provider","childContextTypes","translate","propTypes","process","env","NODE_ENV","PropTypes","string","isRequired","shape","oneOf","bool","arrayOf","icon","position","func","buttonAriaLabel","menuAriaLabel","buttons","number","id","CheckboxWithTitle","_default","exports"],"sources":["../../../src/organism/list-item/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {isEmpty, map, noop, get, last, split, pipe} from 'lodash/fp';\nimport {convert} from 'css-color-function';\nimport classnames from 'classnames';\nimport Provider from '../../atom/provider';\nimport Tag from '../../atom/tag';\nimport FaIcon from '../../atom/icon';\nimport ButtonLink from '../../atom/button-link';\nimport BulletPointMenuButton from '../../molecule/bullet-point-menu-button';\nimport {COLORS} from '../../variables/colors';\nimport CardImagePreview from '../../atom/card-image-preview';\nimport CheckboxWithTitle from '../../atom/checkbox-with-title';\nimport style from './style.css';\n\nconst ListItem = (\n  {\n    buttonLink,\n    secondButtonLink,\n    bulletPointMenuButton,\n    tags,\n    title,\n    provider,\n    selected,\n    selectedColor,\n    subtitle,\n    dataColumns,\n    order,\n    'aria-label': ariaLabel,\n    disabled = false,\n    contentType,\n    isBulkStyle = false,\n    isOverflowHidden = false,\n    onClick = noop,\n    leftIcon,\n    image,\n    checkbox,\n    'data-name': dataName\n  },\n  context\n) => {\n  const {skin} = context;\n  const primarySelectedColor = selectedColor || get('common.primary', skin);\n  const mapUncapped = map.convert({cap: false});\n  const checkable = checkbox || false;\n  let isPublished = false;\n\n  const selectedStyle = selected\n    ? {\n        backgroundColor: convert(`color(${primarySelectedColor} a(0.07))`)\n      }\n    : {};\n\n  const tagSelectedStyle = selected\n    ? {\n        backgroundColor: convert(`color(${primarySelectedColor} a(0.15))`),\n        color: primarySelectedColor\n      }\n    : {};\n\n  const tagsView = mapUncapped((tag, index) => {\n    isPublished = tag.type === 'success';\n    return (\n      <div key={index} className={style.tag}>\n        <Tag {...tag} customStyle={tagSelectedStyle} />\n      </div>\n    );\n  })(tags);\n\n  const dataColumnsView = mapUncapped((dataColumn, index) => {\n    return (\n      <div key={index} className={style[dataColumn.className]}>\n        {dataColumn.type ? <Tag {...dataColumn} /> : dataColumn.label}\n      </div>\n    );\n  })(dataColumns);\n\n  const orderView =\n    order !== null && order !== undefined ? (\n      <div className={style.order} aria-label={ariaLabel}>\n        {order + 1}\n      </div>\n    ) : null;\n\n  const extractedIndex = pipe(split('-'), last)(dataName);\n\n  return (\n    <div\n      className={classnames(\n        style.wrapper,\n        isBulkStyle ? style.gridLayout : style.flexLayout,\n        subtitle && style.withSubtitle,\n        disabled && style.disabled,\n        onClick !== noop && !disabled && style.cursorPointer,\n        checkbox?.checked && style.checked\n      )}\n      onClick={!disabled ? onClick : undefined}\n      style={selectedStyle}\n      data-name={dataName}\n    >\n      <div\n        className={classnames(style.dataColumnsWrapper, isOverflowHidden && style.hiddenOverflowX)}\n      >\n        {isPublished && contentType === 'certification' ? orderView : null}\n        {leftIcon || image || checkable ? (\n          <div className={style.leftSection}>\n            {checkable ? <CheckboxWithTitle {...checkbox} /> : null}\n            {leftIcon && !image ? (\n              <FaIcon\n                iconName={leftIcon.iconName}\n                gradientBackground={leftIcon.gradientBackground || true}\n                iconColor={leftIcon.iconColor || primarySelectedColor}\n                preset={leftIcon.preset || 'xl'}\n                borderRadius={leftIcon.borderRadius || '25%'}\n              />\n            ) : null}\n            {!leftIcon && image ? (\n              <div className={style.containerImage}>\n                <CardImagePreview image={image} />\n              </div>\n            ) : null}\n          </div>\n        ) : null}\n        <div className={style.titleWrapper}>\n          <div className={style.titleProviderWrapper}>\n            <div className={style.title} title={title}>\n              {title}\n            </div>\n            {!isEmpty(provider) ? (\n              <Tag label={provider.label} type={provider.type} className={style.providerTag} />\n            ) : null}\n          </div>\n          {subtitle ? <div className={style.subtitle}>{subtitle}</div> : null}\n        </div>\n        {dataColumnsView}\n      </div>\n      <div className={style.settings}>\n        {tagsView}\n        {selected ? (\n          <FaIcon\n            iconName=\"circle-check\"\n            iconColor={primarySelectedColor}\n            backgroundColor={COLORS.white}\n            size={{faSize: 16, wrapperSize: 16}}\n          />\n        ) : null}\n        {buttonLink ? <ButtonLink {...buttonLink} /> : null}\n        {secondButtonLink ? <ButtonLink {...secondButtonLink} /> : null}\n        {!isEmpty(bulletPointMenuButton) ? (\n          <BulletPointMenuButton\n            {...bulletPointMenuButton}\n            data-name={`bullet-point-menu-button-${extractedIndex}`}\n          />\n        ) : null}\n      </div>\n    </div>\n  );\n};\n\nListItem.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nListItem.propTypes = {\n  title: PropTypes.string.isRequired,\n  subtitle: PropTypes.string,\n  'data-name': PropTypes.string,\n  provider: PropTypes.shape({\n    label: PropTypes.string,\n    type: PropTypes.oneOf(['info', 'default', 'success', 'failure', 'warning', 'progress'])\n  }),\n  selected: PropTypes.bool,\n  selectedColor: PropTypes.string,\n  dataColumns: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string,\n      type: PropTypes.oneOf(['success', 'failure', 'warning', 'progress', 'default']),\n      className: PropTypes.oneOf(['cell', 'title'])\n    })\n  ),\n  buttonLink: PropTypes.shape({\n    type: PropTypes.string,\n    label: PropTypes.string,\n    ariaLabel: PropTypes.string,\n    dataName: PropTypes.string,\n    icon: PropTypes.shape({\n      position: PropTypes.string,\n      type: PropTypes.string\n    }),\n    onClick: PropTypes.func\n  }),\n  secondButtonLink: PropTypes.shape({\n    type: PropTypes.string,\n    label: PropTypes.string,\n    ariaLabel: PropTypes.string,\n    dataName: PropTypes.string,\n    icon: PropTypes.shape({\n      position: PropTypes.string,\n      type: PropTypes.string\n    }),\n    onClick: PropTypes.func\n  }),\n  bulletPointMenuButton: PropTypes.shape({\n    buttonAriaLabel: PropTypes.string,\n    menuAriaLabel: PropTypes.string,\n    buttons: PropTypes.arrayOf(\n      PropTypes.shape({\n        'data-name': PropTypes.string,\n        label: PropTypes.string,\n        type: PropTypes.string,\n        onClick: PropTypes.func\n      })\n    ),\n    onClick: PropTypes.func\n  }),\n  tags: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string,\n      type: PropTypes.oneOf(['success', 'failure', 'warning', 'progress', 'default'])\n    })\n  ),\n  disabled: PropTypes.bool,\n  onClick: PropTypes.func,\n  isBulkStyle: PropTypes.bool,\n  isOverflowHidden: PropTypes.bool,\n  order: PropTypes.number,\n  'aria-label': PropTypes.string,\n  contentType: PropTypes.string,\n  id: PropTypes.string,\n  leftIcon: PropTypes.shape({\n    iconName: PropTypes.string,\n    iconColor: PropTypes.string,\n    backgroundColor: PropTypes.string,\n    borderRadius: PropTypes.string,\n    preset: PropTypes.string,\n    gradientBackground: PropTypes.bool,\n    size: PropTypes.number,\n    wrapperSize: PropTypes.number\n  }),\n  image: PropTypes.string,\n  checkbox: PropTypes.shape(CheckboxWithTitle.propTypes)\n};\n\nexport default ListItem;\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAAE,iBAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,SAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,IAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,KAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,WAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,sBAAA,GAAAT,sBAAA,CAAAC,OAAA;AACA,IAAAS,OAAA,GAAAT,OAAA;AACA,IAAAU,iBAAA,GAAAX,sBAAA,CAAAC,OAAA;AACA,IAAAW,kBAAA,GAAAZ,sBAAA,CAAAC,OAAA;AACA,IAAAY,MAAA,GAAAb,sBAAA,CAAAC,OAAA;AAAgC,SAAAD,uBAAAc,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAG,SAAA,WAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,CAAA,aAAAP,CAAA,MAAAA,CAAA,GAAAQ,SAAA,CAAAC,MAAA,EAAAT,CAAA,UAAAU,CAAA,GAAAF,SAAA,CAAAR,CAAA,YAAAW,CAAA,IAAAD,CAAA,OAAAE,cAAA,CAAAC,IAAA,CAAAH,CAAA,EAAAC,CAAA,MAAAJ,CAAA,CAAAI,CAAA,IAAAD,CAAA,CAAAC,CAAA,aAAAJ,CAAA,KAAAJ,QAAA,CAAAW,KAAA,OAAAN,SAAA;AAEhC,MAAMO,QAAQ,GAAGA,CACf;EACEC,UAAU;EACVC,gBAAgB;EAChBC,qBAAqB;EACrBC,IAAI;EACJC,KAAK;EACLC,QAAQ;EACRC,QAAQ;EACRC,aAAa;EACbC,QAAQ;EACRC,WAAW;EACXC,KAAK;EACL,YAAY,EAAEC,SAAS;EACvBC,QAAQ,GAAG,KAAK;EAChBC,WAAW;EACXC,WAAW,GAAG,KAAK;EACnBC,gBAAgB,GAAG,KAAK;EACxBC,OAAO,GAAAC,MAAA,CAAA/B,OAAO;EACdgC,QAAQ;EACRC,KAAK;EACLC,QAAQ;EACR,WAAW,EAAEC;AACf,CAAC,EACDC,OAAO,KACJ;EACH,MAAM;IAACC;EAAI,CAAC,GAAGD,OAAO;EACtB,MAAME,oBAAoB,GAAGjB,aAAa,IAAI,IAAAkB,KAAA,CAAAvC,OAAA,EAAI,gBAAgB,EAAEqC,IAAI,CAAC;EACzE,MAAMG,WAAW,GAAGC,KAAA,CAAAzC,OAAA,CAAI0C,OAAO,CAAC;IAACC,GAAG,EAAE;EAAK,CAAC,CAAC;EAC7C,MAAMC,SAAS,GAAGV,QAAQ,IAAI,KAAK;EACnC,IAAIW,WAAW,GAAG,KAAK;EAEvB,MAAMC,aAAa,GAAG1B,QAAQ,GAC1B;IACE2B,eAAe,EAAE,IAAAL,yBAAO,EAAC,SAASJ,oBAAoB,WAAW;EACnE,CAAC,GACD,CAAC,CAAC;EAEN,MAAMU,gBAAgB,GAAG5B,QAAQ,GAC7B;IACE2B,eAAe,EAAE,IAAAL,yBAAO,EAAC,SAASJ,oBAAoB,WAAW,CAAC;IAClEW,KAAK,EAAEX;EACT,CAAC,GACD,CAAC,CAAC;EAEN,MAAMY,QAAQ,GAAGV,WAAW,CAAC,CAACW,GAAG,EAAEC,KAAK,KAAK;IAC3CP,WAAW,GAAGM,GAAG,CAACE,IAAI,KAAK,SAAS;IACpC,oBACEtE,MAAA,CAAAiB,OAAA,CAAAsD,aAAA;MAAKC,GAAG,EAAEH,KAAM;MAACI,SAAS,EAAEC,cAAK,CAACN;IAAI,gBACpCpE,MAAA,CAAAiB,OAAA,CAAAsD,aAAA,CAAChE,IAAA,CAAAU,OAAG,EAAAC,QAAA,KAAKkD,GAAG;MAAEO,WAAW,EAAEV;IAAiB,EAAE,CAC3C,CAAC;EAEV,CAAC,CAAC,CAAC/B,IAAI,CAAC;EAER,MAAM0C,eAAe,GAAGnB,WAAW,CAAC,CAACoB,UAAU,EAAER,KAAK,KAAK;IACzD,oBACErE,MAAA,CAAAiB,OAAA,CAAAsD,aAAA;MAAKC,GAAG,EAAEH,KAAM;MAACI,SAAS,EAAEC,cAAK,CAACG,UAAU,CAACJ,SAAS;IAAE,GACrDI,UAAU,CAACP,IAAI,gBAAGtE,MAAA,CAAAiB,OAAA,CAAAsD,aAAA,CAAChE,IAAA,CAAAU,OAAG,EAAK4D,UAAa,CAAC,GAAGA,UAAU,CAACC,KACrD,CAAC;EAEV,CAAC,CAAC,CAACtC,WAAW,CAAC;EAEf,MAAMuC,SAAS,GACbtC,KAAK,KAAK,IAAI,IAAIA,KAAK,KAAKuC,SAAS,gBACnChF,MAAA,CAAAiB,OAAA,CAAAsD,aAAA;IAAKE,SAAS,EAAEC,cAAK,CAACjC,KAAM;IAAC,cAAYC;EAAU,GAChDD,KAAK,GAAG,CACN,CAAC,GACJ,IAAI;EAEV,MAAMwC,cAAc,GAAG,IAAAC,MAAA,CAAAjE,OAAA,EAAK,IAAAkE,OAAA,CAAAlE,OAAA,EAAM,GAAG,CAAC,EAAAmE,MAAA,CAAAnE,OAAM,CAAC,CAACmC,QAAQ,CAAC;EAEvD,oBACEpD,MAAA,CAAAiB,OAAA,CAAAsD,aAAA;IACEE,SAAS,EAAE,IAAAY,mBAAU,EACnBX,cAAK,CAACY,OAAO,EACbzC,WAAW,GAAG6B,cAAK,CAACa,UAAU,GAAGb,cAAK,CAACc,UAAU,EACjDjD,QAAQ,IAAImC,cAAK,CAACe,YAAY,EAC9B9C,QAAQ,IAAI+B,cAAK,CAAC/B,QAAQ,EAC1BI,OAAO,KAAAC,MAAA,CAAA/B,OAAS,IAAI,CAAC0B,QAAQ,IAAI+B,cAAK,CAACgB,aAAa,EACpDvC,QAAQ,EAAEwC,OAAO,IAAIjB,cAAK,CAACiB,OAC7B,CAAE;IACF5C,OAAO,EAAE,CAACJ,QAAQ,GAAGI,OAAO,GAAGiC,SAAU;IACzCN,KAAK,EAAEX,aAAc;IACrB,aAAWX;EAAS,gBAEpBpD,MAAA,CAAAiB,OAAA,CAAAsD,aAAA;IACEE,SAAS,EAAE,IAAAY,mBAAU,EAACX,cAAK,CAACkB,kBAAkB,EAAE9C,gBAAgB,IAAI4B,cAAK,CAACmB,eAAe;EAAE,GAE1F/B,WAAW,IAAIlB,WAAW,KAAK,eAAe,GAAGmC,SAAS,GAAG,IAAI,EACjE9B,QAAQ,IAAIC,KAAK,IAAIW,SAAS,gBAC7B7D,MAAA,CAAAiB,OAAA,CAAAsD,aAAA;IAAKE,SAAS,EAAEC,cAAK,CAACoB;EAAY,GAC/BjC,SAAS,gBAAG7D,MAAA,CAAAiB,OAAA,CAAAsD,aAAA,CAAC1D,kBAAA,CAAAI,OAAiB,EAAKkC,QAAW,CAAC,GAAG,IAAI,EACtDF,QAAQ,IAAI,CAACC,KAAK,gBACjBlD,MAAA,CAAAiB,OAAA,CAAAsD,aAAA,CAAC/D,KAAA,CAAAS,OAAM;IACL8E,QAAQ,EAAE9C,QAAQ,CAAC8C,QAAS;IAC5BC,kBAAkB,EAAE/C,QAAQ,CAAC+C,kBAAkB,IAAI,IAAK;IACxDC,SAAS,EAAEhD,QAAQ,CAACgD,SAAS,IAAI1C,oBAAqB;IACtD2C,MAAM,EAAEjD,QAAQ,CAACiD,MAAM,IAAI,IAAK;IAChCC,YAAY,EAAElD,QAAQ,CAACkD,YAAY,IAAI;EAAM,CAC9C,CAAC,GACA,IAAI,EACP,CAAClD,QAAQ,IAAIC,KAAK,gBACjBlD,MAAA,CAAAiB,OAAA,CAAAsD,aAAA;IAAKE,SAAS,EAAEC,cAAK,CAAC0B;EAAe,gBACnCpG,MAAA,CAAAiB,OAAA,CAAAsD,aAAA,CAAC3D,iBAAA,CAAAK,OAAgB;IAACiC,KAAK,EAAEA;EAAM,CAAE,CAC9B,CAAC,GACJ,IACD,CAAC,GACJ,IAAI,eACRlD,MAAA,CAAAiB,OAAA,CAAAsD,aAAA;IAAKE,SAAS,EAAEC,cAAK,CAAC2B;EAAa,gBACjCrG,MAAA,CAAAiB,OAAA,CAAAsD,aAAA;IAAKE,SAAS,EAAEC,cAAK,CAAC4B;EAAqB,gBACzCtG,MAAA,CAAAiB,OAAA,CAAAsD,aAAA;IAAKE,SAAS,EAAEC,cAAK,CAACvC,KAAM;IAACA,KAAK,EAAEA;EAAM,GACvCA,KACE,CAAC,EACL,CAAC,IAAAoE,SAAA,CAAAtF,OAAA,EAAQmB,QAAQ,CAAC,gBACjBpC,MAAA,CAAAiB,OAAA,CAAAsD,aAAA,CAAChE,IAAA,CAAAU,OAAG;IAAC6D,KAAK,EAAE1C,QAAQ,CAAC0C,KAAM;IAACR,IAAI,EAAElC,QAAQ,CAACkC,IAAK;IAACG,SAAS,EAAEC,cAAK,CAAC8B;EAAY,CAAE,CAAC,GAC/E,IACD,CAAC,EACLjE,QAAQ,gBAAGvC,MAAA,CAAAiB,OAAA,CAAAsD,aAAA;IAAKE,SAAS,EAAEC,cAAK,CAACnC;EAAS,GAAEA,QAAc,CAAC,GAAG,IAC5D,CAAC,EACLqC,eACE,CAAC,eACN5E,MAAA,CAAAiB,OAAA,CAAAsD,aAAA;IAAKE,SAAS,EAAEC,cAAK,CAAC+B;EAAS,GAC5BtC,QAAQ,EACR9B,QAAQ,gBACPrC,MAAA,CAAAiB,OAAA,CAAAsD,aAAA,CAAC/D,KAAA,CAAAS,OAAM;IACL8E,QAAQ,EAAC,cAAc;IACvBE,SAAS,EAAE1C,oBAAqB;IAChCS,eAAe,EAAE0C,cAAM,CAACC,KAAM;IAC9BC,IAAI,EAAE;MAACC,MAAM,EAAE,EAAE;MAAEC,WAAW,EAAE;IAAE;EAAE,CACrC,CAAC,GACA,IAAI,EACP/E,UAAU,gBAAG/B,MAAA,CAAAiB,OAAA,CAAAsD,aAAA,CAAC9D,WAAA,CAAAQ,OAAU,EAAKc,UAAa,CAAC,GAAG,IAAI,EAClDC,gBAAgB,gBAAGhC,MAAA,CAAAiB,OAAA,CAAAsD,aAAA,CAAC9D,WAAA,CAAAQ,OAAU,EAAKe,gBAAmB,CAAC,GAAG,IAAI,EAC9D,CAAC,IAAAuE,SAAA,CAAAtF,OAAA,EAAQgB,qBAAqB,CAAC,gBAC9BjC,MAAA,CAAAiB,OAAA,CAAAsD,aAAA,CAAC7D,sBAAA,CAAAO,OAAqB,EAAAC,QAAA,KAChBe,qBAAqB;IACzB,aAAW,4BAA4BgD,cAAc;EAAG,EACzD,CAAC,GACA,IACD,CACF,CAAC;AAEV,CAAC;AAEDnD,QAAQ,CAACiF,YAAY,GAAG;EACtBzD,IAAI,EAAE0D,iBAAQ,CAACC,iBAAiB,CAAC3D,IAAI;EACrC4D,SAAS,EAAEF,iBAAQ,CAACC,iBAAiB,CAACC;AACxC,CAAC;AAEDpF,QAAQ,CAACqF,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACnBnF,KAAK,EAAEoF,kBAAS,CAACC,MAAM,CAACC,UAAU;EAClClF,QAAQ,EAAEgF,kBAAS,CAACC,MAAM;EAC1B,WAAW,EAAED,kBAAS,CAACC,MAAM;EAC7BpF,QAAQ,EAAEmF,kBAAS,CAACG,KAAK,CAAC;IACxB5C,KAAK,EAAEyC,kBAAS,CAACC,MAAM;IACvBlD,IAAI,EAAEiD,kBAAS,CAACI,KAAK,CAAC,CAAC,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,CAAC;EACxF,CAAC,CAAC;EACFtF,QAAQ,EAAEkF,kBAAS,CAACK,IAAI;EACxBtF,aAAa,EAAEiF,kBAAS,CAACC,MAAM;EAC/BhF,WAAW,EAAE+E,kBAAS,CAACM,OAAO,CAC5BN,kBAAS,CAACG,KAAK,CAAC;IACd5C,KAAK,EAAEyC,kBAAS,CAACC,MAAM;IACvBlD,IAAI,EAAEiD,kBAAS,CAACI,KAAK,CAAC,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,CAAC,CAAC;IAC/ElD,SAAS,EAAE8C,kBAAS,CAACI,KAAK,CAAC,CAAC,MAAM,EAAE,OAAO,CAAC;EAC9C,CAAC,CACH,CAAC;EACD5F,UAAU,EAAEwF,kBAAS,CAACG,KAAK,CAAC;IAC1BpD,IAAI,EAAEiD,kBAAS,CAACC,MAAM;IACtB1C,KAAK,EAAEyC,kBAAS,CAACC,MAAM;IACvB9E,SAAS,EAAE6E,kBAAS,CAACC,MAAM;IAC3BpE,QAAQ,EAAEmE,kBAAS,CAACC,MAAM;IAC1BM,IAAI,EAAEP,kBAAS,CAACG,KAAK,CAAC;MACpBK,QAAQ,EAAER,kBAAS,CAACC,MAAM;MAC1BlD,IAAI,EAAEiD,kBAAS,CAACC;IAClB,CAAC,CAAC;IACFzE,OAAO,EAAEwE,kBAAS,CAACS;EACrB,CAAC,CAAC;EACFhG,gBAAgB,EAAEuF,kBAAS,CAACG,KAAK,CAAC;IAChCpD,IAAI,EAAEiD,kBAAS,CAACC,MAAM;IACtB1C,KAAK,EAAEyC,kBAAS,CAACC,MAAM;IACvB9E,SAAS,EAAE6E,kBAAS,CAACC,MAAM;IAC3BpE,QAAQ,EAAEmE,kBAAS,CAACC,MAAM;IAC1BM,IAAI,EAAEP,kBAAS,CAACG,KAAK,CAAC;MACpBK,QAAQ,EAAER,kBAAS,CAACC,MAAM;MAC1BlD,IAAI,EAAEiD,kBAAS,CAACC;IAClB,CAAC,CAAC;IACFzE,OAAO,EAAEwE,kBAAS,CAACS;EACrB,CAAC,CAAC;EACF/F,qBAAqB,EAAEsF,kBAAS,CAACG,KAAK,CAAC;IACrCO,eAAe,EAAEV,kBAAS,CAACC,MAAM;IACjCU,aAAa,EAAEX,kBAAS,CAACC,MAAM;IAC/BW,OAAO,EAAEZ,kBAAS,CAACM,OAAO,CACxBN,kBAAS,CAACG,KAAK,CAAC;MACd,WAAW,EAAEH,kBAAS,CAACC,MAAM;MAC7B1C,KAAK,EAAEyC,kBAAS,CAACC,MAAM;MACvBlD,IAAI,EAAEiD,kBAAS,CAACC,MAAM;MACtBzE,OAAO,EAAEwE,kBAAS,CAACS;IACrB,CAAC,CACH,CAAC;IACDjF,OAAO,EAAEwE,kBAAS,CAACS;EACrB,CAAC,CAAC;EACF9F,IAAI,EAAEqF,kBAAS,CAACM,OAAO,CACrBN,kBAAS,CAACG,KAAK,CAAC;IACd5C,KAAK,EAAEyC,kBAAS,CAACC,MAAM;IACvBlD,IAAI,EAAEiD,kBAAS,CAACI,KAAK,CAAC,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,CAAC;EAChF,CAAC,CACH,CAAC;EACDhF,QAAQ,EAAE4E,kBAAS,CAACK,IAAI;EACxB7E,OAAO,EAAEwE,kBAAS,CAACS,IAAI;EACvBnF,WAAW,EAAE0E,kBAAS,CAACK,IAAI;EAC3B9E,gBAAgB,EAAEyE,kBAAS,CAACK,IAAI;EAChCnF,KAAK,EAAE8E,kBAAS,CAACa,MAAM;EACvB,YAAY,EAAEb,kBAAS,CAACC,MAAM;EAC9B5E,WAAW,EAAE2E,kBAAS,CAACC,MAAM;EAC7Ba,EAAE,EAAEd,kBAAS,CAACC,MAAM;EACpBvE,QAAQ,EAAEsE,kBAAS,CAACG,KAAK,CAAC;IACxB3B,QAAQ,EAAEwB,kBAAS,CAACC,MAAM;IAC1BvB,SAAS,EAAEsB,kBAAS,CAACC,MAAM;IAC3BxD,eAAe,EAAEuD,kBAAS,CAACC,MAAM;IACjCrB,YAAY,EAAEoB,kBAAS,CAACC,MAAM;IAC9BtB,MAAM,EAAEqB,kBAAS,CAACC,MAAM;IACxBxB,kBAAkB,EAAEuB,kBAAS,CAACK,IAAI;IAClChB,IAAI,EAAEW,kBAAS,CAACa,MAAM;IACtBtB,WAAW,EAAES,kBAAS,CAACa;EACzB,CAAC,CAAC;EACFlF,KAAK,EAAEqE,kBAAS,CAACC,MAAM;EACvBrE,QAAQ,EAAEoE,kBAAS,CAACG,KAAK,CAACY,0BAAiB,CAACnB,SAAS;AACvD,CAAC;AAAC,IAAAoB,QAAA,GAAAC,OAAA,CAAAvH,OAAA,GAEaa,QAAQ","ignoreList":[]}

package/lib/organism/list-item/style.css

@@ -9,26 +9,38 @@
 @value cm_grey_700 from colors;
 @value cm_primary_blue from colors;
 
+.wrapper:hover {
+  background-color: cm_grey_75;
+}
 .wrapper {
   font-family: Gilroy;
-  align-items: center;
   background-color: color(xtraLightGrey a(90%));
   box-sizing: border-box;
-  display: flex;
-  justify-content: space-between;
   padding: 0 24px;
   width: 100%;
   border-radius: 12px;
   min-height: 64px;
 }
 
-.wrapper:hover {
-  background-color: cm_grey_75;
+.flexLayout {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
 }
 
 .gridLayout {
   display: grid;
-  grid-template-columns: 60% auto;
+  grid-template-columns: 1fr auto;
+  align-items: center;
+}
+
+.settings {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  gap: 16px;
+  height: 100%;
+
 }
 
 .disabled {
@@ -67,15 +79,6 @@
   cursor: pointer;
 }
 
-.settings {
-  align-items: center;
-  display: flex;
-  height: 100%;
-  gap: 16px;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
 .tag {
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -90,8 +93,9 @@
 .titleWrapper {
   display: flex;
   flex-direction: column;
+  justify-content: center;
   gap: 2px;
-  margin: 0 16px;
+  margin: 0 16px 0 0;
 }
 
 .titleProviderWrapper {
@@ -118,8 +122,10 @@
 .dataColumnsWrapper {
   display: flex;
   width: 100%;
+  gap: 54px;
+  min-height: inherit;
+  justify-content: flex-start;
   align-items: center;
-  align-content: space-between;
 }
 
 .hiddenOverflowX {

package/lib/organism/list-items/index.d.ts

@@ -414,7 +414,7 @@ declare namespace ListItems {
             'data-name': PropTypes.Requireable<string>;
             titleSize: PropTypes.Requireable<string>;
             subtitleSize: PropTypes.Requireable<string>;
-            icon: PropTypes.Requireable<PropTypes.InferProps<any>>;
+            icon: PropTypes.Requireable<PropTypes.InferProps<PropTypes.ValidationMap<any>>>;
             tag: PropTypes.Requireable<PropTypes.InferProps<{
                 label: PropTypes.Requireable<string>;
                 type: PropTypes.Requireable<string>;
@@ -422,7 +422,17 @@ declare namespace ListItems {
                 customStyle: PropTypes.Requireable<{
                     [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
                 }>;
-                icon: PropTypes.Requireable<PropTypes.InferProps<any>>;
+                icon: PropTypes.Requireable<PropTypes.InferProps<{
+                    position: PropTypes.Requireable<string>;
+                    iconName?: React.Validator<string> | undefined;
+                    iconColor?: React.Validator<string | null | undefined> | undefined;
+                    backgroundColor?: React.Validator<string | null | undefined> | undefined;
+                    gradientBackground?: React.Validator<boolean | null | undefined> | undefined;
+                    borderRadius?: React.Validator<string | null | undefined> | undefined;
+                    preset?: React.Validator<string | null | undefined> | undefined;
+                    size?: React.Validator<import("../../atom/icon").IconSize | null | undefined> | undefined;
+                    customStyle?: React.Validator<React.CSSProperties | null | undefined> | undefined;
+                }>>;
             }>>;
             button: PropTypes.Requireable<PropTypes.InferProps<{
                 type: PropTypes.Requireable<string>;
@@ -604,4 +614,5 @@ declare namespace ListItems {
     };
 }
 import PropTypes from "prop-types";
+import React from "react";
 //# sourceMappingURL=index.d.ts.map

package/lib/organism/mooc-header/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/mooc-header/index.js"],"names":[],"mappings":";AA0BA;IACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MA+FE;IAEF;;;;;;;;;;;;;;;;;;;;;;;MAGE;IAEF,wBAwBC;IAtBC;;;;;;MAMC;IAgDH,6BAIC;IAED,yBAGC;IAxBD,qCAQC;IAED,wBAGC;IAjBD,+BAEC;IA4BD,2BAKC;IAED,0BAKC;IAED,sBAIC;IAED,qBAIC;IAED,yBAQC;IAED,0BAQC;IAED,0BAIC;IAED,2BAIC;IAED,iCAUC;IA7GD,2EASC;IAGC,kBAAsB;IAmGxB,6BAIE;IAEF,6BAIE;IAEF,6BAidC;CACF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/mooc-header/index.js"],"names":[],"mappings":";AAuBA;IACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MA+FE;IAEF;;;;;;;;;;;;;;;;;;;;;;;MAGE;IAEF,wBAwBC;IAtBC;;;;;;MAMC;IAgDH,6BAIC;IAED,yBAGC;IAxBD,qCAQC;IAED,wBAGC;IAjBD,+BAEC;IA4BD,2BAKC;IAED,0BAKC;IAED,sBAIC;IAED,qBAIC;IAED,yBAQC;IAED,0BAQC;IAED,0BAIC;IAED,2BAIC;IAED,iCAUC;IA7GD,2EASC;IAGC,kBAAsB;IAmGxB,6BAIE;IAEF,6BAIE;IAEF,6BA4dC;CACF"}

package/lib/organism/mooc-header/index.js

@@ -9,6 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _novaIcons = require("@coorpacademy/nova-icons");
+var _reactFontawesome = require("@fortawesome/react-fontawesome");
 var _provider = _interopRequireDefault(require("../../atom/provider"));
 var _cta = _interopRequireDefault(require("../../atom/cta"));
 var _select = _interopRequireDefault(require("../../atom/select"));
@@ -215,10 +216,6 @@ class MoocHeader extends _react.default.Component {
     const primaryColor = (0, _get2.default)('common.primary', skin);
     const mediumColor = (0, _get2.default)('common.medium', skin);
     const darkColor = (0, _get2.default)('common.dark', skin);
-    const white = (0, _get2.default)('common.white', skin);
-    const iconWrapperStyle = {
-      backgroundColor: primaryColor
-    };
     if (items) {
       const displayedPages = items.displayed.map((item, index) => {
         const activeColor = item.selected ? {
@@ -234,7 +231,9 @@ class MoocHeader extends _react.default.Component {
           disabled: item.disabled,
           className: (0, _classnames.default)(_style.default.itemBadge, item.selected && _style.default.activePage, item.disabled && _style.default.disabled),
           "aria-label": pageCountAriaLabel
-        }, item.counter) : null;
+        }, /*#__PURE__*/_react.default.createElement("span", {
+          className: _style.default.counter
+        }, item.counter > 99 ? '99+' : item.counter)) : null;
         const {
           name: itemName = index
         } = item;
@@ -338,16 +337,18 @@ class MoocHeader extends _react.default.Component {
         href: user.notifications.href,
         "data-name": "user-notifications",
         className: _style.default.notifications
-      }, nbNotifications) : null;
+      }, nbNotifications > 99 ? '99+' : nbNotifications) : null;
       const notificationPageView = /*#__PURE__*/_react.default.createElement(_link.default, {
         className: (0, _classnames.default)(_style.default.notification, nbNotifications > 0 ? _style.default.active : null),
         "data-name": "stat-notifications",
         href: user.notifications.href,
         "aria-label": notificationsAriaLabel
-      }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaSolidTimeAlarm, {
-        width: 16,
-        height: 16
-      })), notificationsView);
+      }, /*#__PURE__*/_react.default.createElement(_reactFontawesome.FontAwesomeIcon, {
+        icon: "bell",
+        style: {
+          color: nbNotifications > 0 ? _colors.COLORS.negative_700 : _colors.COLORS.neutral_500
+        }
+      }), notificationsView);
       userView = /*#__PURE__*/_react.default.createElement("div", {
         className: _style.default.user
       }, /*#__PURE__*/_react.default.createElement("div", {
@@ -358,14 +359,12 @@ class MoocHeader extends _react.default.Component {
         href: user.stats.stars.href,
         onClick: this.handleLinkClick,
         "aria-label": user.stats.stars['aria-label']
-      }, /*#__PURE__*/_react.default.createElement("div", {
-        className: _style.default.iconWrapper,
-        style: iconWrapperStyle
-      }, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademyStar, {
-        className: _style.default.stars,
+      }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_reactFontawesome.FontAwesomeIcon, {
+        icon: "star",
         style: {
-          color: white
-        }
+          color: _colors.COLORS.yellow_500
+        },
+        className: _style.default.stars
       })), /*#__PURE__*/_react.default.createElement("div", {
         "data-name": "value",
         className: _style.default.label
@@ -375,13 +374,11 @@ class MoocHeader extends _react.default.Component {
         href: user.stats.ranking.href,
         onClick: this.handleLinkClick,
         "aria-label": user.stats.ranking['aria-label']
-      }, /*#__PURE__*/_react.default.createElement("div", {
-        className: _style.default.iconWrapper,
-        style: iconWrapperStyle
-      }, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademyCharts, {
+      }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_reactFontawesome.FontAwesomeIcon, {
+        icon: "ranking-star",
         className: _style.default.ranking,
         style: {
-          color: white
+          color: primaryColor
         }
       })), /*#__PURE__*/_react.default.createElement("div", {
         "data-name": "value",
@@ -392,13 +389,11 @@ class MoocHeader extends _react.default.Component {
         href: user.stats.badge.href,
         onClick: this.handleLinkClick,
         "aria-label": user.stats.badge['aria-label']
-      }, /*#__PURE__*/_react.default.createElement("div", {
-        className: _style.default.iconWrapper,
-        style: iconWrapperStyle
-      }, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaSolidVoteRewardsRewardsTrophy5, {
+      }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_reactFontawesome.FontAwesomeIcon, {
+        icon: "trophy",
         className: _style.default.badge,
         style: {
-          color: white
+          color: _colors.COLORS.neutral_400
         }
       })), /*#__PURE__*/_react.default.createElement("div", {
         className: _style.default.label