@coorpacademy/components 11.34.2 → 11.34.3-alpha.29

package/lib/molecule/progress-wrapper/index.js

@@ -5,7 +5,8 @@ exports.default = void 0;
 var _get2 = _interopRequireDefault(require("lodash/fp/get"));
 var _map2 = _interopRequireDefault(require("lodash/fp/map"));
 var _isEmpty2 = _interopRequireDefault(require("lodash/fp/isEmpty"));
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _cssColorFunction = require("css-color-function");
 var _title = _interopRequireDefault(require("../../atom/title"));
@@ -65,19 +66,6 @@ const DetailSection = ({
     },
     disabled: isLocked
   };
-  const LockedTag = /*#__PURE__*/_react.default.createElement(_tag.default, {
-    label: translate('locked'),
-    size: "S",
-    icon: {
-      position: 'left',
-      iconName: 'lock',
-      iconColor: _colors.COLORS.cm_grey_500,
-      preset: 's',
-      customStyle: {
-        padding: 0
-      }
-    }
-  });
   return isTypeStars ? /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default[`detailsSection${index}`],
     "data-name": type,
@@ -88,7 +76,7 @@ const DetailSection = ({
     className: _style.default.detailsInfoText
   }, /*#__PURE__*/_react.default.createElement("span", {
     className: _style.default.detailsTitle
-  }, translate('bonus_stars')), isLocked ? LockedTag : null), /*#__PURE__*/_react.default.createElement("div", {
+  }, translate('bonus_stars'))), /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.stars
   }, /*#__PURE__*/_react.default.createElement(_icon.default, {
     iconName: "star",
@@ -108,7 +96,7 @@ const DetailSection = ({
     className: _style.default.detailsInfoText
   }, /*#__PURE__*/_react.default.createElement("span", {
     className: _style.default.detailsTitle
-  }, type === 'diploma' ? translate('diploma') : translate('badge')), isLocked ? LockedTag : null), /*#__PURE__*/_react.default.createElement("div", {
+  }, type === 'diploma' ? translate('diploma') : translate('badge'))), /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.buttonContainer
   }, /*#__PURE__*/_react.default.createElement(_buttonLink.default, downloadButtonProps))));
 };
@@ -128,6 +116,10 @@ const ProgressWrapper = ({
     count: completedModules > mandatoryModules ? mandatoryModules : completedModules
   });
   const isLocked = progression !== 100;
+  const [showDetails, setShowDetails] = (0, _react.useState)(false);
+  const handleToggleDetails = (0, _react.useCallback)(() => {
+    setShowDetails(!showDetails);
+  }, [showDetails]);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.container,
     "data-name": "prgress-wrapper",
@@ -165,13 +157,41 @@ const ProgressWrapper = ({
     className: _style.default.statsProgressionMobile
   }, /*#__PURE__*/_react.default.createElement("span", {
     className: _style.default.statsNumber
-  }, progression, "%")), (0, _isEmpty2.default)(sections) ? null : /*#__PURE__*/_react.default.createElement("div", {
-    className: _style.default.details
+  }, progression, "%")), !(0, _isEmpty2.default)(sections) ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.toggleDetailsButton,
+    onClick: handleToggleDetails,
+    "data-testid": "progress-wrapper-toggle-details-button"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.toggleDetailsLabel
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: _style.default.toggleDetailsTitle
+  }, translate('rewards')), isLocked ? /*#__PURE__*/_react.default.createElement(_tag.default, {
+    label: translate('locked'),
+    size: "S",
+    icon: {
+      position: 'left',
+      iconName: 'lock',
+      iconColor: _colors.COLORS.cm_grey_500,
+      preset: 's',
+      customStyle: {
+        padding: 0
+      }
+    }
+  }) : null), /*#__PURE__*/_react.default.createElement(_icon.default, {
+    iconColor: _colors.COLORS.cm_grey_700,
+    iconName: showDetails ? 'chevron-up' : 'chevron-down',
+    size: {
+      faSize: 20,
+      wrapperSize: 24
+    }
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)(_style.default.details, showDetails ? _style.default.visibleDetails : _style.default.hiddenDetails),
+    "data-testid": "progress-wrapper-details"
   }, uncappedMap((section, index) => /*#__PURE__*/_react.default.createElement(DetailSection, _extends({}, section, {
     isLocked: isLocked,
     key: `${section.type}-${index}`,
     index: index
-  })), sections)));
+  })), sections))) : null);
 };
 const commonDetailSectionPropTypes = process.env.NODE_ENV !== "production" ? {
   type: _propTypes.default.oneOf(['diploma', 'badge', 'stars']),

package/lib/molecule/progress-wrapper/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_cssColorFunction","_title","_progressBar","_colors","_tag","_buttonLink","_icon","_provider","_interopRequireWildcard","_style","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","uncappedMap","_map2","convert","cap","DetailSection","index","type","isLocked","downloadUrl","stars","context","translate","skin","GetSkinFromContext","primarySkinColor","_get2","isTypeStars","downloadButtonProps","label","link","target","href","customStyle","backgroundColor","color","width","transition","hoverBackgroundColor","hoverColor","COLORS","white","icon","position","faIcon","name","size","padding","disabled","LockedTag","createElement","iconName","iconColor","cm_grey_500","preset","className","style","detailsInfo","detailsInfoText","detailsTitle","img","src","buttonContainer","ProgressWrapper","completedModules","mandatoryModules","title","subtitle","progression","sections","mandatoryCompletedModulesLocale","total","count","container","titleContainer","titleSize","statscontainer","stats","dangerouslySetInnerHTML","__html","statsNumber","customProgressBar","positive","displayInfo","value","max","statsProgressionMobile","_isEmpty2","details","section","key","commonDetailSectionPropTypes","process","env","NODE_ENV","PropTypes","oneOf","string","number","contextTypes","Provider","childContextTypes","propTypes","bool","arrayOf","shape","_default","exports"],"sources":["../../../src/molecule/progress-wrapper/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {convert} from 'css-color-function';\nimport {isEmpty, map, get} from 'lodash/fp';\nimport Title from '../../atom/title';\nimport ProgressBar from '../progress-bar';\nimport {COLORS} from '../../variables/colors';\nimport Tag from '../../atom/tag';\nimport ButtonLink from '../../atom/button-link';\nimport Icon from '../../atom/icon';\nimport Provider, {GetSkinFromContext} from '../../atom/provider';\n// eslint-disable-next-line css-modules/no-unused-class\nimport style from './style.css';\n\nconst uncappedMap = map.convert({cap: false});\n\nconst DetailSection = ({index, type, isLocked, downloadUrl, stars}, context) => {\n  const {translate} = context;\n  const skin = GetSkinFromContext(context);\n  const primarySkinColor = get('common.primary', skin);\n  const isTypeStars = type === 'stars';\n\n  const downloadButtonProps = {\n    label: translate('download'),\n    link: {\n      target: '_blank',\n      href: downloadUrl\n    },\n    'data-name': `download-${type}-button`,\n    'aria-label': `download ${type} button`,\n    customStyle: {\n      backgroundColor: convert(`color(${primarySkinColor} a(0.07))`),\n      color: primarySkinColor,\n      width: 'auto',\n      transition: 'background-color 0.15s ease-in-out, color 0.15s ease-in-out'\n    },\n    hoverBackgroundColor: primarySkinColor,\n    hoverColor: COLORS.white,\n    icon: {\n      position: 'left',\n      faIcon: {\n        name: 'download',\n        color: primarySkinColor,\n        size: 14,\n        customStyle: {padding: 0}\n      }\n    },\n    disabled: isLocked\n  };\n\n  const LockedTag = (\n    <Tag\n      label={translate('locked')}\n      size=\"S\"\n      icon={{\n        position: 'left',\n        iconName: 'lock',\n        iconColor: COLORS.cm_grey_500,\n        preset: 's',\n        customStyle: {padding: 0}\n      }}\n    />\n  );\n\n  return isTypeStars ? (\n    <div\n      className={style[`detailsSection${index}`]}\n      data-name={type}\n      aria-label={`${type} informations`}\n    >\n      <div className={style.detailsInfo}>\n        <div className={style.detailsInfoText}>\n          <span className={style.detailsTitle}>{translate('bonus_stars')}</span>\n          {isLocked ? LockedTag : null}\n        </div>\n        <div className={style.stars}>\n          <Icon iconName=\"star\" iconColor=\"#FFCE0A\" backgroundColor=\"#FFF9D1\" preset=\"xl\" />\n          <span>{stars}</span>\n        </div>\n      </div>\n    </div>\n  ) : (\n    <div\n      className={style[`detailsSection${index}`]}\n      data-name={type}\n      aria-label={`${type} informations`}\n    >\n      <img\n        className={style.img}\n        src={\n          type === 'badge'\n            ? downloadUrl\n            : 'https://s3.eu-west-1.amazonaws.com/static.coorpacademy.com/assets/images/diploma.svg'\n        }\n      />\n      <div className={style.detailsInfo}>\n        <div className={style.detailsInfoText}>\n          <span className={style.detailsTitle}>\n            {type === 'diploma' ? translate('diploma') : translate('badge')}\n          </span>\n          {isLocked ? LockedTag : null}\n        </div>\n\n        <div className={style.buttonContainer}>\n          <ButtonLink {...downloadButtonProps} />\n        </div>\n      </div>\n    </div>\n  );\n};\n\nconst ProgressWrapper = (\n  {completedModules, mandatoryModules, title, subtitle, progression, sections},\n  context\n) => {\n  const {translate} = context;\n  const mandatoryCompletedModulesLocale = translate('modules_completed_mandatory', {\n    total: mandatoryModules,\n    count: completedModules > mandatoryModules ? mandatoryModules : completedModules\n  });\n  const isLocked = progression !== 100;\n\n  return (\n    <div\n      className={style.container}\n      data-name=\"prgress-wrapper\"\n      aria-label=\"progress wrapper section\"\n    >\n      <div className={style.titleContainer}>\n        <Title type=\"form-group\" titleSize=\"medium\" title={title} subtitle={subtitle} />\n      </div>\n      <div className={style.statscontainer}>\n        <div className={style.stats}>\n          <div\n            // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={{__html: mandatoryCompletedModulesLocale}}\n          />\n        </div>\n        <div className={style.progression}>\n          <span className={style.statsNumber} data-name=\"progress-value\">\n            {progression}%\n          </span>\n        </div>\n      </div>\n      <ProgressBar\n        className={style.customProgressBar}\n        style={{backgroundColor: COLORS.positive}}\n        displayInfo={false}\n        value={progression}\n        max={100}\n      />\n      <div className={style.statsProgressionMobile}>\n        <span className={style.statsNumber}>{progression}%</span>\n      </div>\n\n      {isEmpty(sections) ? null : (\n        <div className={style.details}>\n          {uncappedMap(\n            (section, index) => (\n              <DetailSection\n                {...section}\n                isLocked={isLocked}\n                key={`${section.type}-${index}`}\n                index={index}\n              />\n            ),\n            sections\n          )}\n        </div>\n      )}\n    </div>\n  );\n};\n\nconst commonDetailSectionPropTypes = {\n  type: PropTypes.oneOf(['diploma', 'badge', 'stars']),\n  downloadUrl: PropTypes.string,\n  stars: PropTypes.number\n};\n\nDetailSection.contextTypes = {\n  translate: Provider.childContextTypes.translate,\n  skin: Provider.childContextTypes.skin\n};\n\nDetailSection.propTypes = {\n  index: PropTypes.number,\n  isLocked: PropTypes.bool,\n  ...commonDetailSectionPropTypes\n};\n\nProgressWrapper.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nProgressWrapper.propTypes = {\n  title: PropTypes.string,\n  subtitle: PropTypes.string,\n  completedModules: PropTypes.number,\n  mandatoryModules: PropTypes.number,\n  progression: PropTypes.number,\n  sections: PropTypes.arrayOf(PropTypes.shape(commonDetailSectionPropTypes))\n};\n\nexport default ProgressWrapper;\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AAEA,IAAAG,MAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,YAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AACA,IAAAM,IAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,WAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,KAAA,GAAAT,sBAAA,CAAAC,OAAA;AACA,IAAAS,SAAA,GAAAC,uBAAA,CAAAV,OAAA;AAEA,IAAAW,MAAA,GAAAZ,sBAAA,CAAAC,OAAA;AAAgC,SAAAY,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAH,wBAAAG,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAAA,SAAAtB,uBAAAc,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAI,UAAA,GAAAJ,CAAA,KAAAK,OAAA,EAAAL,CAAA;AAAA,SAAAmB,SAAA,WAAAA,QAAA,GAAAR,MAAA,CAAAS,MAAA,GAAAT,MAAA,CAAAS,MAAA,CAAAC,IAAA,eAAAb,CAAA,aAAAR,CAAA,MAAAA,CAAA,GAAAsB,SAAA,CAAAC,MAAA,EAAAvB,CAAA,UAAAG,CAAA,GAAAmB,SAAA,CAAAtB,CAAA,YAAAE,CAAA,IAAAC,CAAA,OAAAY,cAAA,CAAAC,IAAA,CAAAb,CAAA,EAAAD,CAAA,MAAAM,CAAA,CAAAN,CAAA,IAAAC,CAAA,CAAAD,CAAA,aAAAM,CAAA,KAAAW,QAAA,CAAAK,KAAA,OAAAF,SAAA,KADhC;AAGA,MAAMG,WAAW,GAAGC,KAAA,CAAArB,OAAA,CAAIsB,OAAO,CAAC;EAACC,GAAG,EAAE;AAAK,CAAC,CAAC;AAE7C,MAAMC,aAAa,GAAGA,CAAC;EAACC,KAAK;EAAEC,IAAI;EAAEC,QAAQ;EAAEC,WAAW;EAAEC;AAAK,CAAC,EAAEC,OAAO,KAAK;EAC9E,MAAM;IAACC;EAAS,CAAC,GAAGD,OAAO;EAC3B,MAAME,IAAI,GAAG,IAAAC,4BAAkB,EAACH,OAAO,CAAC;EACxC,MAAMI,gBAAgB,GAAG,IAAAC,KAAA,CAAAnC,OAAA,EAAI,gBAAgB,EAAEgC,IAAI,CAAC;EACpD,MAAMI,WAAW,GAAGV,IAAI,KAAK,OAAO;EAEpC,MAAMW,mBAAmB,GAAG;IAC1BC,KAAK,EAAEP,SAAS,CAAC,UAAU,CAAC;IAC5BQ,IAAI,EAAE;MACJC,MAAM,EAAE,QAAQ;MAChBC,IAAI,EAAEb;IACR,CAAC;IACD,WAAW,EAAE,YAAYF,IAAI,SAAS;IACtC,YAAY,EAAE,YAAYA,IAAI,SAAS;IACvCgB,WAAW,EAAE;MACXC,eAAe,EAAE,IAAArB,yBAAO,EAAC,SAASY,gBAAgB,WAAW,CAAC;MAC9DU,KAAK,EAAEV,gBAAgB;MACvBW,KAAK,EAAE,MAAM;MACbC,UAAU,EAAE;IACd,CAAC;IACDC,oBAAoB,EAAEb,gBAAgB;IACtCc,UAAU,EAAEC,cAAM,CAACC,KAAK;IACxBC,IAAI,EAAE;MACJC,QAAQ,EAAE,MAAM;MAChBC,MAAM,EAAE;QACNC,IAAI,EAAE,UAAU;QAChBV,KAAK,EAAEV,gBAAgB;QACvBqB,IAAI,EAAE,EAAE;QACRb,WAAW,EAAE;UAACc,OAAO,EAAE;QAAC;MAC1B;IACF,CAAC;IACDC,QAAQ,EAAE9B;EACZ,CAAC;EAED,MAAM+B,SAAS,gBACb9E,MAAA,CAAAoB,OAAA,CAAA2D,aAAA,CAACvE,IAAA,CAAAY,OAAG;IACFsC,KAAK,EAAEP,SAAS,CAAC,QAAQ,CAAE;IAC3BwB,IAAI,EAAC,GAAG;IACRJ,IAAI,EAAE;MACJC,QAAQ,EAAE,MAAM;MAChBQ,QAAQ,EAAE,MAAM;MAChBC,SAAS,EAAEZ,cAAM,CAACa,WAAW;MAC7BC,MAAM,EAAE,GAAG;MACXrB,WAAW,EAAE;QAACc,OAAO,EAAE;MAAC;IAC1B;EAAE,CACH,CACF;EAED,OAAOpB,WAAW,gBAChBxD,MAAA,CAAAoB,OAAA,CAAA2D,aAAA;IACEK,SAAS,EAAEC,cAAK,CAAC,iBAAiBxC,KAAK,EAAE,CAAE;IAC3C,aAAWC,IAAK;IAChB,cAAY,GAAGA,IAAI;EAAgB,gBAEnC9C,MAAA,CAAAoB,OAAA,CAAA2D,aAAA;IAAKK,SAAS,EAAEC,cAAK,CAACC;EAAY,gBAChCtF,MAAA,CAAAoB,OAAA,CAAA2D,aAAA;IAAKK,SAAS,EAAEC,cAAK,CAACE;EAAgB,gBACpCvF,MAAA,CAAAoB,OAAA,CAAA2D,aAAA;IAAMK,SAAS,EAAEC,cAAK,CAACG;EAAa,GAAErC,SAAS,CAAC,aAAa,CAAQ,CAAC,EACrEJ,QAAQ,GAAG+B,SAAS,GAAG,IACrB,CAAC,eACN9E,MAAA,CAAAoB,OAAA,CAAA2D,aAAA;IAAKK,SAAS,EAAEC,cAAK,CAACpC;EAAM,gBAC1BjD,MAAA,CAAAoB,OAAA,CAAA2D,aAAA,CAACrE,KAAA,CAAAU,OAAI;IAAC4D,QAAQ,EAAC,MAAM;IAACC,SAAS,EAAC,SAAS;IAAClB,eAAe,EAAC,SAAS;IAACoB,MAAM,EAAC;EAAI,CAAE,CAAC,eAClFnF,MAAA,CAAAoB,OAAA,CAAA2D,aAAA,eAAO9B,KAAY,CAChB,CACF,CACF,CAAC,gBAENjD,MAAA,CAAAoB,OAAA,CAAA2D,aAAA;IACEK,SAAS,EAAEC,cAAK,CAAC,iBAAiBxC,KAAK,EAAE,CAAE;IAC3C,aAAWC,IAAK;IAChB,cAAY,GAAGA,IAAI;EAAgB,gBAEnC9C,MAAA,CAAAoB,OAAA,CAAA2D,aAAA;IACEK,SAAS,EAAEC,cAAK,CAACI,GAAI;IACrBC,GAAG,EACD5C,IAAI,KAAK,OAAO,GACZE,WAAW,GACX;EACL,CACF,CAAC,eACFhD,MAAA,CAAAoB,OAAA,CAAA2D,aAAA;IAAKK,SAAS,EAAEC,cAAK,CAACC;EAAY,gBAChCtF,MAAA,CAAAoB,OAAA,CAAA2D,aAAA;IAAKK,SAAS,EAAEC,cAAK,CAACE;EAAgB,gBACpCvF,MAAA,CAAAoB,OAAA,CAAA2D,aAAA;IAAMK,SAAS,EAAEC,cAAK,CAACG;EAAa,GACjC1C,IAAI,KAAK,SAAS,GAAGK,SAAS,CAAC,SAAS,CAAC,GAAGA,SAAS,CAAC,OAAO,CAC1D,CAAC,EACNJ,QAAQ,GAAG+B,SAAS,GAAG,IACrB,CAAC,eAEN9E,MAAA,CAAAoB,OAAA,CAAA2D,aAAA;IAAKK,SAAS,EAAEC,cAAK,CAACM;EAAgB,gBACpC3F,MAAA,CAAAoB,OAAA,CAAA2D,aAAA,CAACtE,WAAA,CAAAW,OAAU,EAAKqC,mBAAsB,CACnC,CACF,CACF,CACN;AACH,CAAC;AAED,MAAMmC,eAAe,GAAGA,CACtB;EAACC,gBAAgB;EAAEC,gBAAgB;EAAEC,KAAK;EAAEC,QAAQ;EAAEC,WAAW;EAAEC;AAAQ,CAAC,EAC5EhD,OAAO,KACJ;EACH,MAAM;IAACC;EAAS,CAAC,GAAGD,OAAO;EAC3B,MAAMiD,+BAA+B,GAAGhD,SAAS,CAAC,6BAA6B,EAAE;IAC/EiD,KAAK,EAAEN,gBAAgB;IACvBO,KAAK,EAAER,gBAAgB,GAAGC,gBAAgB,GAAGA,gBAAgB,GAAGD;EAClE,CAAC,CAAC;EACF,MAAM9C,QAAQ,GAAGkD,WAAW,KAAK,GAAG;EAEpC,oBACEjG,MAAA,CAAAoB,OAAA,CAAA2D,aAAA;IACEK,SAAS,EAAEC,cAAK,CAACiB,SAAU;IAC3B,aAAU,iBAAiB;IAC3B,cAAW;EAA0B,gBAErCtG,MAAA,CAAAoB,OAAA,CAAA2D,aAAA;IAAKK,SAAS,EAAEC,cAAK,CAACkB;EAAe,gBACnCvG,MAAA,CAAAoB,OAAA,CAAA2D,aAAA,CAAC1E,MAAA,CAAAe,OAAK;IAAC0B,IAAI,EAAC,YAAY;IAAC0D,SAAS,EAAC,QAAQ;IAACT,KAAK,EAAEA,KAAM;IAACC,QAAQ,EAAEA;EAAS,CAAE,CAC5E,CAAC,eACNhG,MAAA,CAAAoB,OAAA,CAAA2D,aAAA;IAAKK,SAAS,EAAEC,cAAK,CAACoB;EAAe,gBACnCzG,MAAA,CAAAoB,OAAA,CAAA2D,aAAA;IAAKK,SAAS,EAAEC,cAAK,CAACqB;EAAM,gBAC1B1G,MAAA,CAAAoB,OAAA,CAAA2D,aAAA;IACE;IACA4B,uBAAuB,EAAE;MAACC,MAAM,EAAET;IAA+B;EAAE,CACpE,CACE,CAAC,eACNnG,MAAA,CAAAoB,OAAA,CAAA2D,aAAA;IAAKK,SAAS,EAAEC,cAAK,CAACY;EAAY,gBAChCjG,MAAA,CAAAoB,OAAA,CAAA2D,aAAA;IAAMK,SAAS,EAAEC,cAAK,CAACwB,WAAY;IAAC,aAAU;EAAgB,GAC3DZ,WAAW,EAAC,GACT,CACH,CACF,CAAC,eACNjG,MAAA,CAAAoB,OAAA,CAAA2D,aAAA,CAACzE,YAAA,CAAAc,OAAW;IACVgE,SAAS,EAAEC,cAAK,CAACyB,iBAAkB;IACnCzB,KAAK,EAAE;MAACtB,eAAe,EAAEM,cAAM,CAAC0C;IAAQ,CAAE;IAC1CC,WAAW,EAAE,KAAM;IACnBC,KAAK,EAAEhB,WAAY;IACnBiB,GAAG,EAAE;EAAI,CACV,CAAC,eACFlH,MAAA,CAAAoB,OAAA,CAAA2D,aAAA;IAAKK,SAAS,EAAEC,cAAK,CAAC8B;EAAuB,gBAC3CnH,MAAA,CAAAoB,OAAA,CAAA2D,aAAA;IAAMK,SAAS,EAAEC,cAAK,CAACwB;EAAY,GAAEZ,WAAW,EAAC,GAAO,CACrD,CAAC,EAEL,IAAAmB,SAAA,CAAAhG,OAAA,EAAQ8E,QAAQ,CAAC,GAAG,IAAI,gBACvBlG,MAAA,CAAAoB,OAAA,CAAA2D,aAAA;IAAKK,SAAS,EAAEC,cAAK,CAACgC;EAAQ,GAC3B7E,WAAW,CACV,CAAC8E,OAAO,EAAEzE,KAAK,kBACb7C,MAAA,CAAAoB,OAAA,CAAA2D,aAAA,CAACnC,aAAa,EAAAV,QAAA,KACRoF,OAAO;IACXvE,QAAQ,EAAEA,QAAS;IACnBwE,GAAG,EAAE,GAAGD,OAAO,CAACxE,IAAI,IAAID,KAAK,EAAG;IAChCA,KAAK,EAAEA;EAAM,EACd,CACF,EACDqD,QACF,CACG,CAEJ,CAAC;AAEV,CAAC;AAED,MAAMsB,4BAA4B,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACnC7E,IAAI,EAAE8E,kBAAS,CAACC,KAAK,CAAC,CAAC,SAAS,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;EACpD7E,WAAW,EAAE4E,kBAAS,CAACE,MAAM;EAC7B7E,KAAK,EAAE2E,kBAAS,CAACG;AACnB,CAAC;AAEDnF,aAAa,CAACoF,YAAY,GAAG;EAC3B7E,SAAS,EAAE8E,iBAAQ,CAACC,iBAAiB,CAAC/E,SAAS;EAC/CC,IAAI,EAAE6E,iBAAQ,CAACC,iBAAiB,CAAC9E;AACnC,CAAC;AAEDR,aAAa,CAACuF,SAAS,GAAAV,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACxB9E,KAAK,EAAE+E,kBAAS,CAACG,MAAM;EACvBhF,QAAQ,EAAE6E,kBAAS,CAACQ,IAAI;EACxB,GAAGZ;AACL,CAAC;AAED5B,eAAe,CAACoC,YAAY,GAAG;EAC7B7E,SAAS,EAAE8E,iBAAQ,CAACC,iBAAiB,CAAC/E;AACxC,CAAC;AAEDyC,eAAe,CAACuC,SAAS,GAAAV,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EAC1B5B,KAAK,EAAE6B,kBAAS,CAACE,MAAM;EACvB9B,QAAQ,EAAE4B,kBAAS,CAACE,MAAM;EAC1BjC,gBAAgB,EAAE+B,kBAAS,CAACG,MAAM;EAClCjC,gBAAgB,EAAE8B,kBAAS,CAACG,MAAM;EAClC9B,WAAW,EAAE2B,kBAAS,CAACG,MAAM;EAC7B7B,QAAQ,EAAE0B,kBAAS,CAACS,OAAO,CAACT,kBAAS,CAACU,KAAK,CAACd,4BAA4B,CAAC;AAC3E,CAAC;AAAC,IAAAe,QAAA,GAAAC,OAAA,CAAApH,OAAA,GAEawE,eAAe","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_propTypes","_cssColorFunction","_title","_progressBar","_colors","_tag","_buttonLink","_icon","_provider","_style","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","uncappedMap","_map2","convert","cap","DetailSection","index","type","isLocked","downloadUrl","stars","context","translate","skin","GetSkinFromContext","primarySkinColor","_get2","isTypeStars","downloadButtonProps","label","link","target","href","customStyle","backgroundColor","color","width","transition","hoverBackgroundColor","hoverColor","COLORS","white","icon","position","faIcon","name","size","padding","disabled","createElement","className","style","detailsInfo","detailsInfoText","detailsTitle","iconName","iconColor","preset","img","src","buttonContainer","ProgressWrapper","completedModules","mandatoryModules","title","subtitle","progression","sections","mandatoryCompletedModulesLocale","total","count","showDetails","setShowDetails","useState","handleToggleDetails","useCallback","container","titleContainer","titleSize","statscontainer","stats","dangerouslySetInnerHTML","__html","statsNumber","customProgressBar","positive","displayInfo","value","max","statsProgressionMobile","_isEmpty2","Fragment","toggleDetailsButton","onClick","toggleDetailsLabel","toggleDetailsTitle","cm_grey_500","cm_grey_700","faSize","wrapperSize","classNames","details","visibleDetails","hiddenDetails","section","key","commonDetailSectionPropTypes","process","env","NODE_ENV","PropTypes","oneOf","string","number","contextTypes","Provider","childContextTypes","propTypes","bool","arrayOf","shape","_default","exports"],"sources":["../../../src/molecule/progress-wrapper/index.js"],"sourcesContent":["import React, {useCallback, useState} from 'react';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport {convert} from 'css-color-function';\nimport {isEmpty, map, get} from 'lodash/fp';\nimport Title from '../../atom/title';\nimport ProgressBar from '../progress-bar';\nimport {COLORS} from '../../variables/colors';\nimport Tag from '../../atom/tag';\nimport ButtonLink from '../../atom/button-link';\nimport Icon from '../../atom/icon';\nimport Provider, {GetSkinFromContext} from '../../atom/provider';\n// eslint-disable-next-line css-modules/no-unused-class\nimport style from './style.css';\n\nconst uncappedMap = map.convert({cap: false});\n\nconst DetailSection = ({index, type, isLocked, downloadUrl, stars}, context) => {\n  const {translate} = context;\n  const skin = GetSkinFromContext(context);\n  const primarySkinColor = get('common.primary', skin);\n  const isTypeStars = type === 'stars';\n\n  const downloadButtonProps = {\n    label: translate('download'),\n    link: {\n      target: '_blank',\n      href: downloadUrl\n    },\n    'data-name': `download-${type}-button`,\n    'aria-label': `download ${type} button`,\n    customStyle: {\n      backgroundColor: convert(`color(${primarySkinColor} a(0.07))`),\n      color: primarySkinColor,\n      width: 'auto',\n      transition: 'background-color 0.15s ease-in-out, color 0.15s ease-in-out'\n    },\n    hoverBackgroundColor: primarySkinColor,\n    hoverColor: COLORS.white,\n    icon: {\n      position: 'left',\n      faIcon: {\n        name: 'download',\n        color: primarySkinColor,\n        size: 14,\n        customStyle: {padding: 0}\n      }\n    },\n    disabled: isLocked\n  };\n\n  return isTypeStars ? (\n    <div\n      className={style[`detailsSection${index}`]}\n      data-name={type}\n      aria-label={`${type} informations`}\n    >\n      <div className={style.detailsInfo}>\n        <div className={style.detailsInfoText}>\n          <span className={style.detailsTitle}>{translate('bonus_stars')}</span>\n        </div>\n        <div className={style.stars}>\n          <Icon iconName=\"star\" iconColor=\"#FFCE0A\" backgroundColor=\"#FFF9D1\" preset=\"xl\" />\n          <span>{stars}</span>\n        </div>\n      </div>\n    </div>\n  ) : (\n    <div\n      className={style[`detailsSection${index}`]}\n      data-name={type}\n      aria-label={`${type} informations`}\n    >\n      <img\n        className={style.img}\n        src={\n          type === 'badge'\n            ? downloadUrl\n            : 'https://s3.eu-west-1.amazonaws.com/static.coorpacademy.com/assets/images/diploma.svg'\n        }\n      />\n      <div className={style.detailsInfo}>\n        <div className={style.detailsInfoText}>\n          <span className={style.detailsTitle}>\n            {type === 'diploma' ? translate('diploma') : translate('badge')}\n          </span>\n        </div>\n\n        <div className={style.buttonContainer}>\n          <ButtonLink {...downloadButtonProps} />\n        </div>\n      </div>\n    </div>\n  );\n};\n\nconst ProgressWrapper = (\n  {completedModules, mandatoryModules, title, subtitle, progression, sections},\n  context\n) => {\n  const {translate} = context;\n  const mandatoryCompletedModulesLocale = translate('modules_completed_mandatory', {\n    total: mandatoryModules,\n    count: completedModules > mandatoryModules ? mandatoryModules : completedModules\n  });\n  const isLocked = progression !== 100;\n\n  const [showDetails, setShowDetails] = useState(false);\n\n  const handleToggleDetails = useCallback(() => {\n    setShowDetails(!showDetails);\n  }, [showDetails]);\n  return (\n    <div\n      className={style.container}\n      data-name=\"prgress-wrapper\"\n      aria-label=\"progress wrapper section\"\n    >\n      <div className={style.titleContainer}>\n        <Title type=\"form-group\" titleSize=\"medium\" title={title} subtitle={subtitle} />\n      </div>\n      <div className={style.statscontainer}>\n        <div className={style.stats}>\n          <div\n            // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={{__html: mandatoryCompletedModulesLocale}}\n          />\n        </div>\n        <div className={style.progression}>\n          <span className={style.statsNumber} data-name=\"progress-value\">\n            {progression}%\n          </span>\n        </div>\n      </div>\n      <ProgressBar\n        className={style.customProgressBar}\n        style={{backgroundColor: COLORS.positive}}\n        displayInfo={false}\n        value={progression}\n        max={100}\n      />\n      <div className={style.statsProgressionMobile}>\n        <span className={style.statsNumber}>{progression}%</span>\n      </div>\n\n      {!isEmpty(sections) ? (\n        <>\n          <div\n            className={style.toggleDetailsButton}\n            onClick={handleToggleDetails}\n            data-testid=\"progress-wrapper-toggle-details-button\"\n          >\n            <div className={style.toggleDetailsLabel}>\n              <span className={style.toggleDetailsTitle}>{translate('rewards')}</span>\n              {isLocked ? (\n                <Tag\n                  label={translate('locked')}\n                  size=\"S\"\n                  icon={{\n                    position: 'left',\n                    iconName: 'lock',\n                    iconColor: COLORS.cm_grey_500,\n                    preset: 's',\n                    customStyle: {padding: 0}\n                  }}\n                />\n              ) : null}\n            </div>\n            <Icon\n              iconColor={COLORS.cm_grey_700}\n              iconName={showDetails ? 'chevron-up' : 'chevron-down'}\n              size={{faSize: 20, wrapperSize: 24}}\n            />\n          </div>\n\n          <div\n            className={classNames(\n              style.details,\n              showDetails ? style.visibleDetails : style.hiddenDetails\n            )}\n            data-testid=\"progress-wrapper-details\"\n          >\n            {uncappedMap(\n              (section, index) => (\n                <DetailSection\n                  {...section}\n                  isLocked={isLocked}\n                  key={`${section.type}-${index}`}\n                  index={index}\n                />\n              ),\n              sections\n            )}\n          </div>\n        </>\n      ) : null}\n    </div>\n  );\n};\n\nconst commonDetailSectionPropTypes = {\n  type: PropTypes.oneOf(['diploma', 'badge', 'stars']),\n  downloadUrl: PropTypes.string,\n  stars: PropTypes.number\n};\n\nDetailSection.contextTypes = {\n  translate: Provider.childContextTypes.translate,\n  skin: Provider.childContextTypes.skin\n};\n\nDetailSection.propTypes = {\n  index: PropTypes.number,\n  isLocked: PropTypes.bool,\n  ...commonDetailSectionPropTypes\n};\n\nProgressWrapper.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nProgressWrapper.propTypes = {\n  title: PropTypes.string,\n  subtitle: PropTypes.string,\n  completedModules: PropTypes.number,\n  mandatoryModules: PropTypes.number,\n  progression: PropTypes.number,\n  sections: PropTypes.arrayOf(PropTypes.shape(commonDetailSectionPropTypes))\n};\n\nexport default ProgressWrapper;\n"],"mappings":"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","ignoreList":[]}

package/lib/molecule/progress-wrapper/style.css

@@ -7,6 +7,7 @@
 @value cm_grey_100 from colors;
 @value cm_grey_400 from colors;
 @value cm_grey_500 from colors;
+@value cm_grey_700 from colors;
 
 .container {
   border-radius: 16px;
@@ -52,14 +53,24 @@
 }
 
 .details {
+  overflow: hidden;
+  transition: max-height 0.3s ease, padding-top 0.3s ease;
   display: flex;
   justify-content: space-between;
-  align-items: "center";
+  align-items: center;
   flex-direction: row;
-  padding-top: 24px;
   gap: 16px;
 }
 
+.hiddenDetails {
+  height: 0;
+}
+
+.visibleDetails {
+  height: auto;
+  padding-top: 24px;
+}
+
 .detailsSectionCommon {
   display: flex;
   align-items: center;
@@ -127,6 +138,30 @@
   padding-top: 16px;
 }
 
+.toggleDetailsButton {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  cursor: pointer;
+  padding-top: 16px;
+  width: 100%;
+}
+
+.toggleDetailsTitle {
+  color: cm_grey_700;
+  font-family: Gilroy;
+  font-size: 16px;
+  font-style: normal;
+  font-weight: 600;
+  line-height: 22px;
+}
+
+.toggleDetailsLabel {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
 @media mobile, tablet {
   .details {
     flex-wrap: wrap;

package/lib/molecule/skills-chart-side-information-item/index.d.ts

@@ -7,7 +7,7 @@ declare function SkillsChartSideInformationItem({ title, value, legend, icon: ic
 }): JSX.Element;
 declare namespace SkillsChartSideInformationItem {
     namespace propTypes {
-        const icon: PropTypes.Requireable<PropTypes.InferProps<any>>;
+        const icon: PropTypes.Requireable<PropTypes.InferProps<PropTypes.ValidationMap<any>>>;
         const title: PropTypes.Requireable<string>;
         const value: PropTypes.Requireable<string>;
         const legend: PropTypes.Requireable<string>;

package/lib/molecule/skills-chart-side-information-panel/index.d.ts

@@ -5,7 +5,7 @@ declare function SkillsChartSideInformationPanel({ sidePanelItems }: {
 declare namespace SkillsChartSideInformationPanel {
     namespace propTypes {
         const sidePanelItems: PropTypes.Requireable<(PropTypes.InferProps<{
-            icon: PropTypes.Requireable<PropTypes.InferProps<any>>;
+            icon: PropTypes.Requireable<PropTypes.InferProps<PropTypes.ValidationMap<any>>>;
             title: PropTypes.Requireable<string>;
             value: PropTypes.Requireable<string>;
             legend: PropTypes.Requireable<string>;

package/lib/molecule/title-and-checkbox-wrapper/index.d.ts

@@ -26,7 +26,7 @@ declare namespace TitleAndCheckBoxWrapper {
             '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>;
@@ -34,7 +34,20 @@ declare namespace TitleAndCheckBoxWrapper {
                 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<{
+                        faSize: number;
+                        wrapperSize: number;
+                    } | null | undefined> | undefined;
+                    customStyle?: React.Validator<React.CSSProperties | null | undefined> | undefined;
+                }>>;
             }>>;
             button: PropTypes.Requireable<PropTypes.InferProps<{
                 type: PropTypes.Requireable<string>;
@@ -181,4 +194,5 @@ declare namespace TitleAndCheckBoxWrapper {
     }
 }
 import PropTypes from "prop-types";
+import React from "react";
 //# sourceMappingURL=index.d.ts.map

package/lib/molecule/title-radio-wrapper/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { TitleRadioWrapperProps } from './types';
 declare const TitleRadioWrapper: {
     (props: TitleRadioWrapperProps): JSX.Element;
@@ -11,7 +11,7 @@ declare const TitleRadioWrapper: {
                 '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>;
@@ -19,7 +19,20 @@ declare const TitleRadioWrapper: {
                     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<{
+                            faSize: number;
+                            wrapperSize: number;
+                        } | 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/molecule/title-radio-wrapper/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/title-radio-wrapper/index.tsx"],"names":[],"mappings":";AAKA,OAAkB,EAAC,sBAAsB,EAAC,MAAM,SAAS,CAAC;AAqB1D,QAAA,MAAM,iBAAiB;YAAW,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAQvD,CAAC;AAIF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/title-radio-wrapper/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAkB,EAAC,sBAAsB,EAAC,MAAM,SAAS,CAAC;AAqB1D,QAAA,MAAM,iBAAiB;YAAW,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAQvD,CAAC;AAIF,eAAe,iBAAiB,CAAC"}

package/lib/molecule/title-radio-wrapper/types.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import PropTypes from 'prop-types';
 import InputFileDraggable from '../../atom/input-file-draggable';
 import { RadioWithTitleProps } from '../../atom/radio-with-title/types';
@@ -11,7 +12,7 @@ declare const propTypes: {
             '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>;
@@ -19,7 +20,20 @@ declare const propTypes: {
                 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<{
+                        faSize: number;
+                        wrapperSize: number;
+                    } | null | undefined> | undefined;
+                    customStyle?: import("react").Validator<import("react").CSSProperties | null | undefined> | undefined;
+                }>>;
             }>>;
             button: PropTypes.Requireable<PropTypes.InferProps<{
                 type: PropTypes.Requireable<string>;

package/lib/molecule/title-radio-wrapper/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/molecule/title-radio-wrapper/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,kBAAkB,MAAM,iCAAiC,CAAC;AAEjE,OAAO,EAAC,mBAAmB,EAAC,MAAM,mCAAmC,CAAC;AACtE,OAAO,cAAc,MAAM,oBAAoB,CAAC;AAEhD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAOd,CAAC;AAEF,oBAAY,sBAAsB,GAAG;IACnC,cAAc,EAAE,mBAAmB,CAAC;IACpC,KAAK,EAAE,OAAO,cAAc,CAAC,SAAS,GAAG,OAAO,kBAAkB,CAAC,SAAS,CAAC;IAC7E,SAAS,EAAE,iBAAiB,GAAG,gBAAgB,CAAC;CACjD,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/molecule/title-radio-wrapper/types.ts"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,kBAAkB,MAAM,iCAAiC,CAAC;AAEjE,OAAO,EAAC,mBAAmB,EAAC,MAAM,mCAAmC,CAAC;AACtE,OAAO,cAAc,MAAM,oBAAoB,CAAC;AAEhD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAOd,CAAC;AAEF,oBAAY,sBAAsB,GAAG;IACnC,cAAc,EAAE,mBAAmB,CAAC;IACpC,KAAK,EAAE,OAAO,cAAc,CAAC,SAAS,GAAG,OAAO,kBAAkB,CAAC,SAAS,CAAC;IAC7E,SAAS,EAAE,iBAAiB,GAAG,gBAAgB,CAAC;CACjD,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/organism/cards-grid/index.d.ts

@@ -1,13 +1,51 @@
-export default CardsGrid;
-declare function CardsGrid(props: any): JSX.Element;
-declare namespace CardsGrid {
-    namespace propTypes {
-        const list: PropTypes.Requireable<(PropTypes.InferProps<any> | null | undefined)[]>;
-        const customStyle: PropTypes.Requireable<{
+import React from 'react';
+import PropTypes from 'prop-types';
+export interface CardProps {
+    key?: React.Key;
+    badge?: string;
+    image?: string;
+    disabled?: boolean;
+    adaptiv?: boolean;
+    type?: string;
+    title?: string;
+    author?: string;
+    certifiedAuthor?: boolean;
+    customer?: Record<string, unknown>;
+    progress: number;
+    favorite?: boolean;
+    addFavoriteToolTip?: string;
+    removeFavoriteToolTip?: string;
+    onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
+    onFavoriteClick?: () => void;
+    isSelected?: boolean;
+    notification?: Record<string, unknown>;
+    badgeCategory?: string;
+    badgeLabel?: string;
+    theme?: 'default' | 'coorpmanager';
+    disabledContent?: string;
+    'aria-label'?: string;
+    'background-aria-label'?: string;
+    'favorite-aria-label'?: string;
+    'selectable-aria-label'?: string;
+    'customer-aria-label'?: string;
+    'badge-aria-label'?: string;
+    'disabled-aria-label'?: string;
+    'card-content-aria-label'?: string;
+}
+export interface CardsGridProps {
+    list: CardProps[];
+    customStyle?: Record<string, string>;
+    loading?: boolean;
+}
+declare const CardsGrid: {
+    (props: CardsGridProps): JSX.Element;
+    propTypes: {
+        list: PropTypes.Requireable<(PropTypes.InferProps<any> | null | undefined)[]>;
+        customStyle: PropTypes.Requireable<{
             [x: string]: string | null | undefined;
         }>;
-        const loading: PropTypes.Requireable<boolean>;
-    }
-}
-import PropTypes from "prop-types";
+        loading: PropTypes.Requireable<boolean>;
+    };
+};
+export default CardsGrid;
 //# sourceMappingURL=index.d.ts.map

package/lib/organism/cards-grid/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/cards-grid/index.js"],"names":[],"mappings":";AAOA,oDAuBC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/cards-grid/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AAMnC,MAAM,WAAW,SAAS;IACxB,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACnC,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IACxD,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACvC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,SAAS,GAAG,cAAc,CAAC;IACnC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,yBAAyB,CAAC,EAAE,MAAM,CAAC;CACpC;AAED,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,SAAS,EAAE,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,QAAA,MAAM,SAAS;YAAW,cAAc;;;;;;;;CAuBvC,CAAC;AASF,eAAe,SAAS,CAAC"}

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,20 @@ 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<{
+                            faSize: number;
+                            wrapperSize: number;
+                        } | 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,20 @@ 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<{
+                        faSize: number;
+                        wrapperSize: number;
+                    } | 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"}