@coorpacademy/components 11.35.3-forcedeploy3.1 → 11.35.3-forcedeploy7.4

package/es/atom/status-item/index.native.js

@@ -13,7 +13,7 @@ const createStyle = (icon, current) => {
       break;
     case 'no-answer':
     default:
-      backgroundColor = COLORS.gray;
+      backgroundColor = COLORS.cm_grey_100;
   }
   return StyleSheet.create({
     step: {

package/es/atom/status-item/index.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["React","useEffect","useState","StyleSheet","Text","View","NovaCompositionCoorpacademyCheck","RightIcon","NovaSolidStatusClose","WrongIcon","COLORS","createStyle","icon","current","backgroundColor","cm_positive_500","negative","gray","create","step","width","height","opacity","marginHorizontal","alignItems","justifyContent","borderRadius","stepText","fontWeight","fontSize","Step","value","style","setStyle","_style","child","createElement","color"],"sources":["../../../src/atom/status-item/index.native.tsx"],"sourcesContent":["import React, {useEffect, useState} from 'react';\nimport {StyleSheet, Text, TextStyle, View, ViewStyle} from 'react-native';\nimport {\n  NovaCompositionCoorpacademyCheck as RightIcon,\n  NovaSolidStatusClose as WrongIcon\n} from '@coorpacademy/nova-icons';\nimport {COLORS} from '../../variables/colors';\nimport {StatusItemProps} from './types';\n\ntype StyleSheetType = {\n  step: ViewStyle;\n  stepText: TextStyle;\n  icon: ViewStyle;\n};\n\nconst createStyle = (icon: StatusItemProps['icon'], current?: boolean): StyleSheetType => {\n  let backgroundColor;\n\n  switch (icon) {\n    case 'right':\n      backgroundColor = COLORS.cm_positive_500;\n      break;\n    case 'wrong':\n      backgroundColor = COLORS.negative;\n      break;\n    case 'no-answer':\n    default:\n      backgroundColor = COLORS.gray;\n  }\n\n  return StyleSheet.create({\n    step: {\n      width: current ? 40 : 32,\n      height: current ? 40 : 32,\n      opacity: current ? 1 : 0.5,\n      marginHorizontal: 8,\n      backgroundColor,\n      alignItems: 'center',\n      justifyContent: 'center',\n      borderRadius: 50\n    },\n    stepText: {\n      fontWeight: '600',\n      fontSize: current ? 16 : 12\n    },\n    icon: {\n      width: current ? 14 : 12,\n      height: current ? 14 : 12\n    }\n  });\n};\n\nconst Step = ({value, icon, current}: StatusItemProps) => {\n  const [style, setStyle] = useState<StyleSheetType | null>(null);\n\n  useEffect(() => {\n    const _style = createStyle(icon, current);\n    setStyle(_style);\n  }, [current, icon]);\n\n  if (!style) {\n    return null;\n  }\n\n  let child;\n\n  switch (icon) {\n    case 'right':\n      child = <RightIcon style={style.icon} color=\"#fff\" />;\n      break;\n    case 'wrong':\n      child = <WrongIcon style={style.icon} color=\"#fff\" />;\n      break;\n    case 'no-answer':\n    default:\n      child = <Text style={style.stepText}>{value}</Text>;\n  }\n\n  return <View style={style.step}>{child}</View>;\n};\n\nexport default Step;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAGC,SAAS,EAAEC,QAAQ,QAAO,OAAO;AAChD,SAAQC,UAAU,EAAEC,IAAI,EAAaC,IAAI,QAAkB,cAAc;AACzE,SACEC,gCAAgC,IAAIC,SAAS,EAC7CC,oBAAoB,IAAIC,SAAS,QAC5B,0BAA0B;AACjC,SAAQC,MAAM,QAAO,wBAAwB;AAS7C,MAAMC,WAAW,GAAGA,CAACC,IAA6B,EAAEC,OAAiB,KAAqB;EACxF,IAAIC,eAAe;EAEnB,QAAQF,IAAI;IACV,KAAK,OAAO;MACVE,eAAe,GAAGJ,MAAM,CAACK,eAAe;MACxC;IACF,KAAK,OAAO;MACVD,eAAe,GAAGJ,MAAM,CAACM,QAAQ;MACjC;IACF,KAAK,WAAW;IAChB;MACEF,eAAe,GAAGJ,MAAM,CAACO,IAAI;EACjC;EAEA,OAAOd,UAAU,CAACe,MAAM,CAAC;IACvBC,IAAI,EAAE;MACJC,KAAK,EAAEP,OAAO,GAAG,EAAE,GAAG,EAAE;MACxBQ,MAAM,EAAER,OAAO,GAAG,EAAE,GAAG,EAAE;MACzBS,OAAO,EAAET,OAAO,GAAG,CAAC,GAAG,GAAG;MAC1BU,gBAAgB,EAAE,CAAC;MACnBT,eAAe;MACfU,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE,QAAQ;MACxBC,YAAY,EAAE;IAChB,CAAC;IACDC,QAAQ,EAAE;MACRC,UAAU,EAAE,KAAK;MACjBC,QAAQ,EAAEhB,OAAO,GAAG,EAAE,GAAG;IAC3B,CAAC;IACDD,IAAI,EAAE;MACJQ,KAAK,EAAEP,OAAO,GAAG,EAAE,GAAG,EAAE;MACxBQ,MAAM,EAAER,OAAO,GAAG,EAAE,GAAG;IACzB;EACF,CAAC,CAAC;AACJ,CAAC;AAED,MAAMiB,IAAI,GAAGA,CAAC;EAACC,KAAK;EAAEnB,IAAI;EAAEC;AAAwB,CAAC,KAAK;EACxD,MAAM,CAACmB,KAAK,EAAEC,QAAQ,CAAC,GAAG/B,QAAQ,CAAwB,IAAI,CAAC;EAE/DD,SAAS,CAAC,MAAM;IACd,MAAMiC,MAAM,GAAGvB,WAAW,CAACC,IAAI,EAAEC,OAAO,CAAC;IACzCoB,QAAQ,CAACC,MAAM,CAAC;EAClB,CAAC,EAAE,CAACrB,OAAO,EAAED,IAAI,CAAC,CAAC;EAEnB,IAAI,CAACoB,KAAK,EAAE;IACV,OAAO,IAAI;EACb;EAEA,IAAIG,KAAK;EAET,QAAQvB,IAAI;IACV,KAAK,OAAO;MACVuB,KAAK,gBAAGnC,KAAA,CAAAoC,aAAA,CAAC7B,SAAS;QAACyB,KAAK,EAAEA,KAAK,CAACpB,IAAK;QAACyB,KAAK,EAAC;MAAM,CAAE,CAAC;MACrD;IACF,KAAK,OAAO;MACVF,KAAK,gBAAGnC,KAAA,CAAAoC,aAAA,CAAC3B,SAAS;QAACuB,KAAK,EAAEA,KAAK,CAACpB,IAAK;QAACyB,KAAK,EAAC;MAAM,CAAE,CAAC;MACrD;IACF,KAAK,WAAW;IAChB;MACEF,KAAK,gBAAGnC,KAAA,CAAAoC,aAAA,CAAChC,IAAI;QAAC4B,KAAK,EAAEA,KAAK,CAACL;MAAS,GAAEI,KAAY,CAAC;EACvD;EAEA,oBAAO/B,KAAA,CAAAoC,aAAA,CAAC/B,IAAI;IAAC2B,KAAK,EAAEA,KAAK,CAACb;EAAK,GAAEgB,KAAY,CAAC;AAChD,CAAC;AAED,eAAeL,IAAI","ignoreList":[]}
+{"version":3,"file":"index.native.js","names":["React","useEffect","useState","StyleSheet","Text","View","NovaCompositionCoorpacademyCheck","RightIcon","NovaSolidStatusClose","WrongIcon","COLORS","createStyle","icon","current","backgroundColor","cm_positive_500","negative","cm_grey_100","create","step","width","height","opacity","marginHorizontal","alignItems","justifyContent","borderRadius","stepText","fontWeight","fontSize","Step","value","style","setStyle","_style","child","createElement","color"],"sources":["../../../src/atom/status-item/index.native.tsx"],"sourcesContent":["import React, {useEffect, useState} from 'react';\nimport {StyleSheet, Text, TextStyle, View, ViewStyle} from 'react-native';\nimport {\n  NovaCompositionCoorpacademyCheck as RightIcon,\n  NovaSolidStatusClose as WrongIcon\n} from '@coorpacademy/nova-icons';\nimport {COLORS} from '../../variables/colors';\nimport {StatusItemProps} from './types';\n\ntype StyleSheetType = {\n  step: ViewStyle;\n  stepText: TextStyle;\n  icon: ViewStyle;\n};\n\nconst createStyle = (icon: StatusItemProps['icon'], current?: boolean): StyleSheetType => {\n  let backgroundColor;\n\n  switch (icon) {\n    case 'right':\n      backgroundColor = COLORS.cm_positive_500;\n      break;\n    case 'wrong':\n      backgroundColor = COLORS.negative;\n      break;\n    case 'no-answer':\n    default:\n      backgroundColor = COLORS.cm_grey_100;\n  }\n\n  return StyleSheet.create({\n    step: {\n      width: current ? 40 : 32,\n      height: current ? 40 : 32,\n      opacity: current ? 1 : 0.5,\n      marginHorizontal: 8,\n      backgroundColor,\n      alignItems: 'center',\n      justifyContent: 'center',\n      borderRadius: 50\n    },\n    stepText: {\n      fontWeight: '600',\n      fontSize: current ? 16 : 12\n    },\n    icon: {\n      width: current ? 14 : 12,\n      height: current ? 14 : 12\n    }\n  });\n};\n\nconst Step = ({value, icon, current}: StatusItemProps) => {\n  const [style, setStyle] = useState<StyleSheetType | null>(null);\n\n  useEffect(() => {\n    const _style = createStyle(icon, current);\n    setStyle(_style);\n  }, [current, icon]);\n\n  if (!style) {\n    return null;\n  }\n\n  let child;\n\n  switch (icon) {\n    case 'right':\n      child = <RightIcon style={style.icon} color=\"#fff\" />;\n      break;\n    case 'wrong':\n      child = <WrongIcon style={style.icon} color=\"#fff\" />;\n      break;\n    case 'no-answer':\n    default:\n      child = <Text style={style.stepText}>{value}</Text>;\n  }\n\n  return <View style={style.step}>{child}</View>;\n};\n\nexport default Step;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAGC,SAAS,EAAEC,QAAQ,QAAO,OAAO;AAChD,SAAQC,UAAU,EAAEC,IAAI,EAAaC,IAAI,QAAkB,cAAc;AACzE,SACEC,gCAAgC,IAAIC,SAAS,EAC7CC,oBAAoB,IAAIC,SAAS,QAC5B,0BAA0B;AACjC,SAAQC,MAAM,QAAO,wBAAwB;AAS7C,MAAMC,WAAW,GAAGA,CAACC,IAA6B,EAAEC,OAAiB,KAAqB;EACxF,IAAIC,eAAe;EAEnB,QAAQF,IAAI;IACV,KAAK,OAAO;MACVE,eAAe,GAAGJ,MAAM,CAACK,eAAe;MACxC;IACF,KAAK,OAAO;MACVD,eAAe,GAAGJ,MAAM,CAACM,QAAQ;MACjC;IACF,KAAK,WAAW;IAChB;MACEF,eAAe,GAAGJ,MAAM,CAACO,WAAW;EACxC;EAEA,OAAOd,UAAU,CAACe,MAAM,CAAC;IACvBC,IAAI,EAAE;MACJC,KAAK,EAAEP,OAAO,GAAG,EAAE,GAAG,EAAE;MACxBQ,MAAM,EAAER,OAAO,GAAG,EAAE,GAAG,EAAE;MACzBS,OAAO,EAAET,OAAO,GAAG,CAAC,GAAG,GAAG;MAC1BU,gBAAgB,EAAE,CAAC;MACnBT,eAAe;MACfU,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE,QAAQ;MACxBC,YAAY,EAAE;IAChB,CAAC;IACDC,QAAQ,EAAE;MACRC,UAAU,EAAE,KAAK;MACjBC,QAAQ,EAAEhB,OAAO,GAAG,EAAE,GAAG;IAC3B,CAAC;IACDD,IAAI,EAAE;MACJQ,KAAK,EAAEP,OAAO,GAAG,EAAE,GAAG,EAAE;MACxBQ,MAAM,EAAER,OAAO,GAAG,EAAE,GAAG;IACzB;EACF,CAAC,CAAC;AACJ,CAAC;AAED,MAAMiB,IAAI,GAAGA,CAAC;EAACC,KAAK;EAAEnB,IAAI;EAAEC;AAAwB,CAAC,KAAK;EACxD,MAAM,CAACmB,KAAK,EAAEC,QAAQ,CAAC,GAAG/B,QAAQ,CAAwB,IAAI,CAAC;EAE/DD,SAAS,CAAC,MAAM;IACd,MAAMiC,MAAM,GAAGvB,WAAW,CAACC,IAAI,EAAEC,OAAO,CAAC;IACzCoB,QAAQ,CAACC,MAAM,CAAC;EAClB,CAAC,EAAE,CAACrB,OAAO,EAAED,IAAI,CAAC,CAAC;EAEnB,IAAI,CAACoB,KAAK,EAAE;IACV,OAAO,IAAI;EACb;EAEA,IAAIG,KAAK;EAET,QAAQvB,IAAI;IACV,KAAK,OAAO;MACVuB,KAAK,gBAAGnC,KAAA,CAAAoC,aAAA,CAAC7B,SAAS;QAACyB,KAAK,EAAEA,KAAK,CAACpB,IAAK;QAACyB,KAAK,EAAC;MAAM,CAAE,CAAC;MACrD;IACF,KAAK,OAAO;MACVF,KAAK,gBAAGnC,KAAA,CAAAoC,aAAA,CAAC3B,SAAS;QAACuB,KAAK,EAAEA,KAAK,CAACpB,IAAK;QAACyB,KAAK,EAAC;MAAM,CAAE,CAAC;MACrD;IACF,KAAK,WAAW;IAChB;MACEF,KAAK,gBAAGnC,KAAA,CAAAoC,aAAA,CAAChC,IAAI;QAAC4B,KAAK,EAAEA,KAAK,CAACL;MAAS,GAAEI,KAAY,CAAC;EACvD;EAEA,oBAAO/B,KAAA,CAAAoC,aAAA,CAAC/B,IAAI;IAAC2B,KAAK,EAAEA,KAAK,CAACb;EAAK,GAAEgB,KAAY,CAAC;AAChD,CAAC;AAED,eAAeL,IAAI","ignoreList":[]}

package/es/molecule/icon-preview/index.d.ts

@@ -1,7 +1,10 @@
-/// <reference types="react" />
+import React from 'react';
 import { IconPreviewProps } from './types';
+declare type IconPreviewCustomProps = IconPreviewProps & {
+    customStyle?: React.CSSProperties;
+};
 declare const IconPreview: {
-    (props: IconPreviewProps): JSX.Element;
+    (props: IconPreviewCustomProps): JSX.Element;
     propTypes: {
         title: import("prop-types").Requireable<string>;
         icon: import("prop-types").Validator<NonNullable<import("prop-types").InferProps<{

package/es/molecule/icon-preview/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/icon-preview/index.tsx"],"names":[],"mappings":";AAGA,OAAkB,EAAC,gBAAgB,EAAC,MAAM,SAAS,CAAC;AAGpD,QAAA,MAAM,WAAW;YAAW,gBAAgB;;;;;;;;CA2B3C,CAAC;AAIF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/icon-preview/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAkB,EAAC,gBAAgB,EAAC,MAAM,SAAS,CAAC;AAIpD,aAAK,sBAAsB,GAAG,gBAAgB,GAAG;IAC/C,WAAW,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CACnC,CAAC;AAEF,QAAA,MAAM,WAAW;YAAW,sBAAsB;;;;;;;;CAsCjD,CAAC;AAIF,eAAe,WAAW,CAAC"}

package/es/molecule/icon-preview/index.js

@@ -3,18 +3,29 @@ import FaIcon from '../../atom/icon';
 import { createGradientBackground } from '../../util/get-background-gradient-color';
 import propTypes from './types';
 import style from './style.css';
+const DEFAULT_GAP = '32px';
 const IconPreview = props => {
   const {
     icon,
-    title
+    title,
+    customStyle = {}
   } = props;
+
+  // explicit disable to override only if customStyle is provided otherwise merged in style.
+  // eslint-disable-next-line @coorpacademy/coorpacademy/no-overwriting-spread
+  const mergedStyle = {
+    gap: DEFAULT_GAP,
+    padding: '72px 48px 64px 48px',
+    ...customStyle
+  };
   return /*#__PURE__*/React.createElement("div", {
     className: style.iconPreviewWrapper,
     style: {
       background: createGradientBackground(icon.color, '93%', '100%')
     }
   }, /*#__PURE__*/React.createElement("div", {
-    className: style.iconPreview
+    className: style.iconPreview,
+    style: mergedStyle
   }, /*#__PURE__*/React.createElement("div", {
     className: style.iconWrapper
   }, /*#__PURE__*/React.createElement(FaIcon, {

package/es/molecule/icon-preview/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","FaIcon","createGradientBackground","propTypes","style","IconPreview","props","icon","title","createElement","className","iconPreviewWrapper","background","color","iconPreview","iconWrapper","iconName","name","iconColor","size","faSize","wrapperSize","gradientBackground","titleWrapper","process","env","NODE_ENV"],"sources":["../../../src/molecule/icon-preview/index.tsx"],"sourcesContent":["import React from 'react';\nimport FaIcon from '../../atom/icon';\nimport {createGradientBackground} from '../../util/get-background-gradient-color';\nimport propTypes, {IconPreviewProps} from './types';\nimport style from './style.css';\n\nconst IconPreview = (props: IconPreviewProps) => {\n  const {icon, title} = props;\n  return (\n    <div\n      className={style.iconPreviewWrapper}\n      style={{background: createGradientBackground(icon.color, '93%', '100%')}}\n    >\n      <div className={style.iconPreview}>\n        <div className={style.iconWrapper}>\n          <FaIcon\n            {...{\n              iconName: icon.name,\n              iconColor: icon.color,\n              size: {\n                faSize: 36,\n                wrapperSize: 80\n              },\n              gradientBackground: true\n            }}\n          />\n        </div>\n        <div className={style.titleWrapper} title={title}>\n          {title}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nIconPreview.propTypes = propTypes;\n\nexport default IconPreview;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,MAAM,MAAM,iBAAiB;AACpC,SAAQC,wBAAwB,QAAO,0CAA0C;AACjF,OAAOC,SAAS,MAA0B,SAAS;AACnD,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,WAAW,GAAIC,KAAuB,IAAK;EAC/C,MAAM;IAACC,IAAI;IAAEC;EAAK,CAAC,GAAGF,KAAK;EAC3B,oBACEN,KAAA,CAAAS,aAAA;IACEC,SAAS,EAAEN,KAAK,CAACO,kBAAmB;IACpCP,KAAK,EAAE;MAACQ,UAAU,EAAEV,wBAAwB,CAACK,IAAI,CAACM,KAAK,EAAE,KAAK,EAAE,MAAM;IAAC;EAAE,gBAEzEb,KAAA,CAAAS,aAAA;IAAKC,SAAS,EAAEN,KAAK,CAACU;EAAY,gBAChCd,KAAA,CAAAS,aAAA;IAAKC,SAAS,EAAEN,KAAK,CAACW;EAAY,gBAChCf,KAAA,CAAAS,aAAA,CAACR,MAAM;IAEHe,QAAQ,EAAET,IAAI,CAACU,IAAI;IACnBC,SAAS,EAAEX,IAAI,CAACM,KAAK;IACrBM,IAAI,EAAE;MACJC,MAAM,EAAE,EAAE;MACVC,WAAW,EAAE;IACf,CAAC;IACDC,kBAAkB,EAAE;EAAI,CAE3B,CACE,CAAC,eACNtB,KAAA,CAAAS,aAAA;IAAKC,SAAS,EAAEN,KAAK,CAACmB,YAAa;IAACf,KAAK,EAAEA;EAAM,GAC9CA,KACE,CACF,CACF,CAAC;AAEV,CAAC;AAEDH,WAAW,CAACF,SAAS,GAAAqB,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAGvB,SAAS;AAEjC,eAAeE,WAAW","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","FaIcon","createGradientBackground","propTypes","style","DEFAULT_GAP","IconPreview","props","icon","title","customStyle","mergedStyle","gap","padding","createElement","className","iconPreviewWrapper","background","color","iconPreview","iconWrapper","iconName","name","iconColor","size","faSize","wrapperSize","gradientBackground","titleWrapper","process","env","NODE_ENV"],"sources":["../../../src/molecule/icon-preview/index.tsx"],"sourcesContent":["import React from 'react';\nimport FaIcon from '../../atom/icon';\nimport {createGradientBackground} from '../../util/get-background-gradient-color';\nimport propTypes, {IconPreviewProps} from './types';\nimport style from './style.css';\n\nconst DEFAULT_GAP = '32px';\ntype IconPreviewCustomProps = IconPreviewProps & {\n  customStyle?: React.CSSProperties;\n};\n\nconst IconPreview = (props: IconPreviewCustomProps) => {\n  const {icon, title, customStyle = {}} = props;\n\n  // explicit disable to override only if customStyle is provided otherwise merged in style.\n  // eslint-disable-next-line @coorpacademy/coorpacademy/no-overwriting-spread\n  const mergedStyle = {\n    gap: DEFAULT_GAP,\n    padding: '72px 48px 64px 48px',\n    ...customStyle\n  };\n\n  return (\n    <div\n      className={style.iconPreviewWrapper}\n      style={{\n        background: createGradientBackground(icon.color, '93%', '100%')\n      }}\n    >\n      <div className={style.iconPreview} style={mergedStyle}>\n        <div className={style.iconWrapper}>\n          <FaIcon\n            {...{\n              iconName: icon.name,\n              iconColor: icon.color,\n              size: {\n                faSize: 36,\n                wrapperSize: 80\n              },\n              gradientBackground: true\n            }}\n          />\n        </div>\n        <div className={style.titleWrapper} title={title}>\n          {title}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nIconPreview.propTypes = propTypes;\n\nexport default IconPreview;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,MAAM,MAAM,iBAAiB;AACpC,SAAQC,wBAAwB,QAAO,0CAA0C;AACjF,OAAOC,SAAS,MAA0B,SAAS;AACnD,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,WAAW,GAAG,MAAM;AAK1B,MAAMC,WAAW,GAAIC,KAA6B,IAAK;EACrD,MAAM;IAACC,IAAI;IAAEC,KAAK;IAAEC,WAAW,GAAG,CAAC;EAAC,CAAC,GAAGH,KAAK;;EAE7C;EACA;EACA,MAAMI,WAAW,GAAG;IAClBC,GAAG,EAAEP,WAAW;IAChBQ,OAAO,EAAE,qBAAqB;IAC9B,GAAGH;EACL,CAAC;EAED,oBACEV,KAAA,CAAAc,aAAA;IACEC,SAAS,EAAEX,KAAK,CAACY,kBAAmB;IACpCZ,KAAK,EAAE;MACLa,UAAU,EAAEf,wBAAwB,CAACM,IAAI,CAACU,KAAK,EAAE,KAAK,EAAE,MAAM;IAChE;EAAE,gBAEFlB,KAAA,CAAAc,aAAA;IAAKC,SAAS,EAAEX,KAAK,CAACe,WAAY;IAACf,KAAK,EAAEO;EAAY,gBACpDX,KAAA,CAAAc,aAAA;IAAKC,SAAS,EAAEX,KAAK,CAACgB;EAAY,gBAChCpB,KAAA,CAAAc,aAAA,CAACb,MAAM;IAEHoB,QAAQ,EAAEb,IAAI,CAACc,IAAI;IACnBC,SAAS,EAAEf,IAAI,CAACU,KAAK;IACrBM,IAAI,EAAE;MACJC,MAAM,EAAE,EAAE;MACVC,WAAW,EAAE;IACf,CAAC;IACDC,kBAAkB,EAAE;EAAI,CAE3B,CACE,CAAC,eACN3B,KAAA,CAAAc,aAAA;IAAKC,SAAS,EAAEX,KAAK,CAACwB,YAAa;IAACnB,KAAK,EAAEA;EAAM,GAC9CA,KACE,CACF,CACF,CAAC;AAEV,CAAC;AAEDH,WAAW,CAACH,SAAS,GAAA0B,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG5B,SAAS;AAEjC,eAAeG,WAAW","ignoreList":[]}

package/es/molecule/icon-preview/style.css

@@ -7,7 +7,6 @@
 
 .iconPreview {
     display: flex;
-    padding: 72px 48px 64px 48px;
     flex-direction: column;
     text-align: center; 
     align-items: center;

package/es/molecule/learner-skill-card/index.js

@@ -34,7 +34,7 @@ const LearnerSkillCard = (props, context) => {
     name
   } = icon;
   const questionsLocale = translate('skill_chart_side_panel_questions_to_review');
-  const [badgeIconName, badgeLocale, tagTextColor, tagBackgroundColor] = focus ? ['bullseye-arrow', translate('skill_focus'), COLORS.purple_700, COLORS.purple_100] : ['shapes', translate('skill'), COLORS.neutral_500, COLORS.gray];
+  const [badgeIconName, badgeLocale, tagTextColor, tagBackgroundColor] = focus ? ['bullseye-arrow', translate('skill_focus'), COLORS.purple_700, COLORS.purple_100] : ['shapes', translate('skill'), COLORS.neutral_500, COLORS.cm_grey_100];
   const headerBackgroundRef = useRef(null);
   const defaultBackground = useMemo(() => createGradientBackground(color, '93%', '100%'), [color]);
   const focusBackground = useMemo(() => createGradientBackground(color, '83%', '100%'), [color]);

package/es/molecule/learner-skill-card/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useCallback","useMemo","useRef","Provider","GetTranslateFromContext","ProgressBar","COLORS","createGradientBackground","FaIcon","propTypes","style","MAX_SCORE","updateBackgroundImage","ref","background","current","backgroundImage","LearnerSkillCard","props","context","ariaLabel","cardIndex","skillTitle","skillAriaLabel","focus","metrics","icon","onExploreClick","score","content","questionsToReview","translate","color","name","questionsLocale","badgeIconName","badgeLocale","tagTextColor","tagBackgroundColor","purple_700","purple_100","neutral_500","gray","headerBackgroundRef","defaultBackground","focusBackground","handleMouseEnter","handleMouseLeave","createElement","onClick","className","learnerSkillCardContainer","onMouseEnter","onMouseLeave","iconHeaderWrapper","iconWrapper","iconName","iconColor","size","faSize","wrapperSize","borderRadius","gradientBackground","customStyle","border","learnerSkillCardContent","skillTitleWrapper","skillFocusBadge","backgroundColor","questionWrapper","contentAndQuestionsWrapper","skillInformation","cm_grey_400","progressInformations","value","displayInfo","max","progressWrapper","cm_positive_500","contextTypes","childContextTypes","process","env","NODE_ENV"],"sources":["../../../src/molecule/learner-skill-card/index.tsx"],"sourcesContent":["import React, {useCallback, useMemo, useRef} from 'react';\nimport Provider, {GetTranslateFromContext} from '../../atom/provider';\nimport {WebContextValues} from '../../atom/provider/web-context';\nimport ProgressBar from '../progress-bar';\nimport {COLORS} from '../../variables/colors';\nimport {createGradientBackground} from '../../util/get-background-gradient-color';\nimport FaIcon from '../../atom/icon';\nimport propTypes, {LearnerSkillCardProps} from './prop-types';\nimport style from './style.css';\n\nconst MAX_SCORE = 100;\n\nexport const updateBackgroundImage = (ref: React.RefObject<HTMLDivElement>, background: string) => {\n  if (ref.current) {\n    ref.current.style.backgroundImage = background;\n  }\n};\n\nconst LearnerSkillCard = (props: LearnerSkillCardProps, context: WebContextValues) => {\n  const {\n    'aria-label': ariaLabel,\n    cardIndex,\n    skillTitle,\n    skillAriaLabel,\n    focus,\n    metrics,\n    icon,\n    onExploreClick\n  } = props;\n  const {score, content, questionsToReview = 0} = metrics;\n  const translate = GetTranslateFromContext(context);\n  const {color, name} = icon;\n  const questionsLocale = translate('skill_chart_side_panel_questions_to_review') as string;\n  const [badgeIconName, badgeLocale, tagTextColor, tagBackgroundColor] = focus\n    ? ['bullseye-arrow', translate('skill_focus') as string, COLORS.purple_700, COLORS.purple_100]\n    : ['shapes', translate('skill') as string, COLORS.neutral_500, COLORS.gray];\n  const headerBackgroundRef = useRef<HTMLDivElement | null>(null);\n  const defaultBackground = useMemo(() => createGradientBackground(color, '93%', '100%'), [color]);\n  const focusBackground = useMemo(() => createGradientBackground(color, '83%', '100%'), [color]);\n  const handleMouseEnter = useCallback(() => {\n    updateBackgroundImage(headerBackgroundRef, focusBackground);\n  }, [focusBackground]);\n  const handleMouseLeave = useCallback(() => {\n    updateBackgroundImage(headerBackgroundRef, defaultBackground);\n  }, [defaultBackground]);\n  return (\n    <div\n      data-testid={`learner-skill-card-wrapper-${cardIndex}`}\n      onClick={onExploreClick}\n      className={style.learnerSkillCardContainer}\n      aria-label={ariaLabel}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n    >\n      <div\n        data-testid=\"learner-skill-card-icon-header-wrapper\"\n        ref={headerBackgroundRef}\n        className={style.iconHeaderWrapper}\n        style={{backgroundImage: defaultBackground, color: tagTextColor}}\n      >\n        <div className={style.iconWrapper} data-testid=\"learner-skill-card-icon-wrapper\">\n          <FaIcon\n            {...{\n              iconName: name,\n              iconColor: color,\n              size: {\n                faSize: 20,\n                wrapperSize: 44\n              },\n              borderRadius: '12px',\n              gradientBackground: true,\n              customStyle: {border: '4px solid white'}\n            }}\n          />\n        </div>\n      </div>\n      <div className={style.learnerSkillCardContent}>\n        <div className={style.skillTitleWrapper}>\n          <div\n            className={style.skillFocusBadge}\n            style={{\n              backgroundColor: tagBackgroundColor,\n              color: tagTextColor\n            }}\n          >\n            <FaIcon\n              {...{\n                iconName: badgeIconName,\n                backgroundColor: tagBackgroundColor,\n                size: {\n                  faSize: 10,\n                  wrapperSize: 16\n                }\n              }}\n            />\n            <span style={{color: tagTextColor}}>{badgeLocale}</span>\n          </div>\n\n          <div className={style.questionWrapper}>\n            <div\n              data-name=\"skill-card-title\"\n              className={style.skillTitle}\n              aria-label={skillAriaLabel || skillTitle}\n            >\n              {skillTitle}\n            </div>\n            <div className={style.contentAndQuestionsWrapper}>\n              <div data-name=\"learner-skill-card-skill-content-number\">\n                {content} {translate('content')}\n              </div>\n              {questionsToReview ? (\n                <div\n                  className={style.skillInformation}\n                  data-name=\"learner-skill-card-skill-questions-wrapper\"\n                >\n                  <FaIcon\n                    {...{\n                      iconName: 'circle',\n                      iconColor: COLORS.cm_grey_400,\n                      backgroundColor: 'transparent',\n                      size: {faSize: 4, wrapperSize: 0}\n                    }}\n                  />\n                  <span data-name=\"learner-skill-card-questions-to-review\">\n                    {questionsToReview}\n                  </span>\n                  &nbsp;{questionsLocale}\n                </div>\n              ) : null}\n            </div>\n          </div>\n        </div>\n      </div>\n      <div className={style.progressInformations}>\n        <ProgressBar\n          value={score}\n          displayInfo={false}\n          max={MAX_SCORE}\n          className={style.progressWrapper}\n          style={{backgroundColor: COLORS.cm_positive_500}}\n        />\n      </div>\n    </div>\n  );\n};\n\nLearnerSkillCard.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nLearnerSkillCard.propTypes = propTypes;\n\nexport default LearnerSkillCard;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useCallback","useMemo","useRef","Provider","GetTranslateFromContext","ProgressBar","COLORS","createGradientBackground","FaIcon","propTypes","style","MAX_SCORE","updateBackgroundImage","ref","background","current","backgroundImage","LearnerSkillCard","props","context","ariaLabel","cardIndex","skillTitle","skillAriaLabel","focus","metrics","icon","onExploreClick","score","content","questionsToReview","translate","color","name","questionsLocale","badgeIconName","badgeLocale","tagTextColor","tagBackgroundColor","purple_700","purple_100","neutral_500","cm_grey_100","headerBackgroundRef","defaultBackground","focusBackground","handleMouseEnter","handleMouseLeave","createElement","onClick","className","learnerSkillCardContainer","onMouseEnter","onMouseLeave","iconHeaderWrapper","iconWrapper","iconName","iconColor","size","faSize","wrapperSize","borderRadius","gradientBackground","customStyle","border","learnerSkillCardContent","skillTitleWrapper","skillFocusBadge","backgroundColor","questionWrapper","contentAndQuestionsWrapper","skillInformation","cm_grey_400","progressInformations","value","displayInfo","max","progressWrapper","cm_positive_500","contextTypes","childContextTypes","process","env","NODE_ENV"],"sources":["../../../src/molecule/learner-skill-card/index.tsx"],"sourcesContent":["import React, {useCallback, useMemo, useRef} from 'react';\nimport Provider, {GetTranslateFromContext} from '../../atom/provider';\nimport {WebContextValues} from '../../atom/provider/web-context';\nimport ProgressBar from '../progress-bar';\nimport {COLORS} from '../../variables/colors';\nimport {createGradientBackground} from '../../util/get-background-gradient-color';\nimport FaIcon from '../../atom/icon';\nimport propTypes, {LearnerSkillCardProps} from './prop-types';\nimport style from './style.css';\n\nconst MAX_SCORE = 100;\n\nexport const updateBackgroundImage = (ref: React.RefObject<HTMLDivElement>, background: string) => {\n  if (ref.current) {\n    ref.current.style.backgroundImage = background;\n  }\n};\n\nconst LearnerSkillCard = (props: LearnerSkillCardProps, context: WebContextValues) => {\n  const {\n    'aria-label': ariaLabel,\n    cardIndex,\n    skillTitle,\n    skillAriaLabel,\n    focus,\n    metrics,\n    icon,\n    onExploreClick\n  } = props;\n  const {score, content, questionsToReview = 0} = metrics;\n  const translate = GetTranslateFromContext(context);\n  const {color, name} = icon;\n  const questionsLocale = translate('skill_chart_side_panel_questions_to_review') as string;\n  const [badgeIconName, badgeLocale, tagTextColor, tagBackgroundColor] = focus\n    ? ['bullseye-arrow', translate('skill_focus') as string, COLORS.purple_700, COLORS.purple_100]\n    : ['shapes', translate('skill') as string, COLORS.neutral_500, COLORS.cm_grey_100];\n  const headerBackgroundRef = useRef<HTMLDivElement | null>(null);\n  const defaultBackground = useMemo(() => createGradientBackground(color, '93%', '100%'), [color]);\n  const focusBackground = useMemo(() => createGradientBackground(color, '83%', '100%'), [color]);\n  const handleMouseEnter = useCallback(() => {\n    updateBackgroundImage(headerBackgroundRef, focusBackground);\n  }, [focusBackground]);\n  const handleMouseLeave = useCallback(() => {\n    updateBackgroundImage(headerBackgroundRef, defaultBackground);\n  }, [defaultBackground]);\n  return (\n    <div\n      data-testid={`learner-skill-card-wrapper-${cardIndex}`}\n      onClick={onExploreClick}\n      className={style.learnerSkillCardContainer}\n      aria-label={ariaLabel}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n    >\n      <div\n        data-testid=\"learner-skill-card-icon-header-wrapper\"\n        ref={headerBackgroundRef}\n        className={style.iconHeaderWrapper}\n        style={{backgroundImage: defaultBackground, color: tagTextColor}}\n      >\n        <div className={style.iconWrapper} data-testid=\"learner-skill-card-icon-wrapper\">\n          <FaIcon\n            {...{\n              iconName: name,\n              iconColor: color,\n              size: {\n                faSize: 20,\n                wrapperSize: 44\n              },\n              borderRadius: '12px',\n              gradientBackground: true,\n              customStyle: {border: '4px solid white'}\n            }}\n          />\n        </div>\n      </div>\n      <div className={style.learnerSkillCardContent}>\n        <div className={style.skillTitleWrapper}>\n          <div\n            className={style.skillFocusBadge}\n            style={{\n              backgroundColor: tagBackgroundColor,\n              color: tagTextColor\n            }}\n          >\n            <FaIcon\n              {...{\n                iconName: badgeIconName,\n                backgroundColor: tagBackgroundColor,\n                size: {\n                  faSize: 10,\n                  wrapperSize: 16\n                }\n              }}\n            />\n            <span style={{color: tagTextColor}}>{badgeLocale}</span>\n          </div>\n\n          <div className={style.questionWrapper}>\n            <div\n              data-name=\"skill-card-title\"\n              className={style.skillTitle}\n              aria-label={skillAriaLabel || skillTitle}\n            >\n              {skillTitle}\n            </div>\n            <div className={style.contentAndQuestionsWrapper}>\n              <div data-name=\"learner-skill-card-skill-content-number\">\n                {content} {translate('content')}\n              </div>\n              {questionsToReview ? (\n                <div\n                  className={style.skillInformation}\n                  data-name=\"learner-skill-card-skill-questions-wrapper\"\n                >\n                  <FaIcon\n                    {...{\n                      iconName: 'circle',\n                      iconColor: COLORS.cm_grey_400,\n                      backgroundColor: 'transparent',\n                      size: {faSize: 4, wrapperSize: 0}\n                    }}\n                  />\n                  <span data-name=\"learner-skill-card-questions-to-review\">\n                    {questionsToReview}\n                  </span>\n                  &nbsp;{questionsLocale}\n                </div>\n              ) : null}\n            </div>\n          </div>\n        </div>\n      </div>\n      <div className={style.progressInformations}>\n        <ProgressBar\n          value={score}\n          displayInfo={false}\n          max={MAX_SCORE}\n          className={style.progressWrapper}\n          style={{backgroundColor: COLORS.cm_positive_500}}\n        />\n      </div>\n    </div>\n  );\n};\n\nLearnerSkillCard.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nLearnerSkillCard.propTypes = propTypes;\n\nexport default LearnerSkillCard;\n"],"mappings":"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","ignoreList":[]}

package/es/organism/skill-edition/index.js

@@ -171,7 +171,7 @@ const buildTranslationItems = ({
       width: 'fit-content',
       backgroundColor: 'transparent'
     },
-    hoverBackgroundColor: COLORS.gray,
+    hoverBackgroundColor: COLORS.cm_grey_100,
     icon: {
       position: 'left',
       faIcon: {
@@ -189,7 +189,7 @@ const buildTranslationItems = ({
       width: 'fit-content',
       backgroundColor: 'transparent'
     },
-    hoverBackgroundColor: COLORS.gray,
+    hoverBackgroundColor: COLORS.cm_grey_100,
     icon: {
       position: 'left',
       faIcon: {

package/es/organism/skill-edition/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","BrandFormGroup","ListItems","Title","TitleAndInput","COLORS","propTypes","style","buildFormField","field","type","theme","size","buildTitleAndInputField","title","subtitle","required","dataName","childType","titleSize","subtitleSize","undefined","SkillInformations","skillInformations","form","iconEditor","select","inputTextArea","inputText","iconEditorProps","iconPreview","buttonLink","label","ariaLabel","icon","position","faIcon","name","onClick","customStyle","borderRadius","padding","fontWeight","fields","options","onChange","formProps","createElement","className","skillInformationsContainer","uncappedMap","_map","convert","cap","buildButtonProps","button","hoverBackgroundColor","primary_100","hoverColor","cm_primary_blue","color","width","backgroundColor","cm_blue_50","paddingRight","paddingleft","buildTranslationItems","itemTitle","onEditClick","onDeleteClick","index","id","gray","cm_grey_500","secondButtonLink","Translations","items","localesOptions","emptyResult","buttonProps","translationMenuAction","menu","buttons","optionLabel","ref","optionRef","optionOnClick","disabled","_includes","_keys","menuWrapper","maxHeight","translationProps","content","_isEmpty","buttonMenuAction","buildContentItem","image","tags","iconName","checkbox","preset","Content","list","listTitle","search","titleProps","listProps","iconColor","white","fontSize","contentContainer","SkillEdition","props","translations","container","process","env","NODE_ENV"],"sources":["../../../src/organism/skill-edition/index.tsx"],"sourcesContent":["import React from 'react';\nimport {includes, isEmpty, keys, map} from 'lodash/fp';\nimport BrandFormGroup from '../../molecule/brand-form-group';\nimport ListItems from '../list-items';\nimport Title from '../../atom/title';\nimport TitleAndInput from '../title-and-input';\nimport {COLORS} from '../../variables/colors';\nimport propTypes, {\n  TranslationPropsType,\n  SkillEditionPropsType,\n  SkillInformationsProps,\n  InputTextareaProps,\n  InputTextProps,\n  ContentPropsType,\n  ContentListItemType\n} from './types';\nimport style from './style.css';\n\nconst buildFormField = (field: InputTextareaProps | InputTextProps, type: 'text' | 'textarea') => {\n  return {\n    ...field,\n    type,\n    theme: 'coorpmanager',\n    size: 'large'\n  };\n};\n\nconst buildTitleAndInputField = ({\n  title,\n  subtitle,\n  required = false,\n  dataName,\n  childType\n}: {\n  title: string;\n  subtitle?: string;\n  required?: boolean;\n  dataName?: string;\n  childType?: string;\n}) => {\n  return {\n    title: {\n      type: 'form-group',\n      title,\n      subtitle,\n      titleSize: 'small-and-light',\n      subtitleSize: subtitle ? 'standard-without-margin' : undefined,\n      required,\n      'data-name': dataName\n    },\n    childType,\n    type: 'titleAndInput'\n  };\n};\n\nconst SkillInformations = (skillInformations: SkillInformationsProps) => {\n  const {form, iconEditor} = skillInformations;\n  const {select, inputTextArea, inputText} = form;\n\n  const iconEditorProps = {\n    title: {\n      type: 'form-group',\n      title: iconEditor.title,\n      titleSize: 'small-and-light',\n      required: true\n    },\n    field: {\n      iconPreview: iconEditor.iconPreview,\n      inputText: iconEditor.inputText,\n      buttonLink: iconEditor.buttonLink\n        ? {\n            type: 'secondary',\n            label: iconEditor.buttonLink.label,\n            ariaLabel: iconEditor.buttonLink.ariaLabel,\n            dataName: 'open-icon-modal-button',\n            icon: {\n              position: 'left',\n              faIcon: {\n                name: 'arrows-rotate',\n                size: 16\n              }\n            },\n            onClick: iconEditor.buttonLink.onClick,\n            customStyle: {\n              borderRadius: '12px',\n              padding: '0 8px 0 16px',\n              fontWeight: '500'\n            }\n          }\n        : undefined,\n      size: 'large'\n    },\n    childType: 'iconEditor'\n  };\n\n  const fields = [\n    {\n      ...buildTitleAndInputField({\n        title: select.title,\n        subtitle: select.subtitle,\n        required: true,\n        dataName: select['data-name'],\n        childType: 'select'\n      }),\n      field: {\n        options: select.field.options,\n        'aria-label': select.field['aria-label'],\n        onChange: select.field.onChange,\n        theme: 'skillDetail',\n        size: 'large'\n      }\n    },\n    {\n      ...buildTitleAndInputField({\n        title: inputText.title,\n        required: true,\n        childType: 'inputText'\n      }),\n      field: buildFormField(inputText.field, 'text')\n    },\n    {\n      ...buildTitleAndInputField({\n        title: inputTextArea.title,\n        childType: 'inputTextArea'\n      }),\n      field: buildFormField(inputTextArea.field, 'textarea')\n    }\n  ];\n\n  const formProps = {\n    title: form.title,\n    subtitle: form.subtitle,\n    titleSize: 'xl-strong',\n    subtitleSize: 'medium',\n    fields\n  };\n\n  return (\n    <div className={style.skillInformationsContainer}>\n      <BrandFormGroup {...formProps} />\n      <div className={style.iconEditor}>\n        <TitleAndInput {...iconEditorProps} />\n      </div>\n    </div>\n  );\n};\n\n// @ts-expect-error convert is not recognized by the types\nconst uncappedMap = map.convert({cap: false});\n\nconst buildButtonProps = (button: TranslationPropsType['button']) => ({\n  ...button,\n  type: 'primary',\n  'aria-label': button.label,\n  'data-name': `button-${button.label}`,\n  hoverBackgroundColor: COLORS.primary_100,\n  hoverColor: COLORS.cm_primary_blue,\n  icon: {\n    position: 'left',\n    faIcon: {\n      name: 'plus',\n      color: COLORS.cm_primary_blue,\n      size: 14,\n      customStyle: {padding: 0}\n    }\n  },\n  customStyle: {\n    width: 'fit-content',\n    backgroundColor: COLORS.cm_blue_50,\n    color: COLORS.cm_primary_blue,\n    borderRadius: '12px',\n    paddingRight: '8px',\n    paddingleft: '16px',\n    fontWeight: 600\n  }\n});\n\nconst buildTranslationItems = (\n  {\n    title: itemTitle,\n    onEditClick,\n    onDeleteClick\n  }: {title: string; onEditClick: () => void; onDeleteClick: () => void},\n  index: number\n) => ({\n  id: index,\n  title: itemTitle,\n  buttonLink: {\n    'aria-label': 'Edit',\n    type: 'primary',\n    customStyle: {\n      width: 'fit-content',\n      backgroundColor: 'transparent'\n    },\n    hoverBackgroundColor: COLORS.gray,\n    icon: {\n      position: 'left',\n      faIcon: {\n        name: 'edit',\n        color: COLORS.cm_grey_500,\n        size: 16\n      }\n    },\n    onClick: onEditClick\n  },\n  secondButtonLink: {\n    'aria-label': 'Delete',\n    type: 'primary',\n    customStyle: {\n      width: 'fit-content',\n      backgroundColor: 'transparent'\n    },\n    hoverBackgroundColor: COLORS.gray,\n    icon: {\n      position: 'left',\n      faIcon: {\n        name: 'trash',\n        color: COLORS.cm_grey_500,\n        size: 16\n      }\n    },\n    onClick: onDeleteClick\n  }\n});\n\nconst Translations = ({\n  title,\n  subtitle,\n  items,\n  button,\n  localesOptions,\n  emptyResult\n}: TranslationPropsType) => {\n  const buttonProps = buildButtonProps(button);\n\n  const translationMenuAction = {\n    button: buttonProps,\n    menu: {\n      buttons: map(\n        ({\n          label: optionLabel,\n          ref: optionRef,\n          onClick: optionOnClick\n        }: {\n          label: string;\n          ref: string;\n          onClick: () => void;\n        }) => ({\n          type: 'defaultLeft',\n          onClick: optionOnClick,\n          customStyle: {width: '238px'},\n          label: optionLabel,\n          'data-name': optionLabel,\n          // disable if current locale option is already in items list\n          disabled: includes(optionRef, keys(items))\n        }),\n        localesOptions\n      )\n    },\n    menuWrapper: {\n      customStyle: {maxHeight: '252px'}\n    }\n  };\n\n  const translationProps = {\n    title: {\n      title,\n      type: 'form-group',\n      subtitle,\n      titleSize: 'xl-strong',\n      subtitleSize: 'medium'\n    },\n    'aria-label': title,\n    content: {\n      ...(!isEmpty(emptyResult) && {emptyResult: {...emptyResult, button: translationMenuAction}}),\n      items: uncappedMap(buildTranslationItems, items),\n      type: 'list'\n    },\n    buttonMenuAction: translationMenuAction\n  };\n\n  return <ListItems {...translationProps} />;\n};\n\nconst buildContentItem = ({\n  ref,\n  title,\n  subtitle,\n  image,\n  tags: {label, iconName},\n  checkbox\n}: ContentListItemType) => ({\n  id: ref,\n  title,\n  subtitle,\n  image,\n  tags: [\n    {\n      label,\n      type: 'default',\n      icon: {\n        iconName,\n        preset: 's',\n        customStyle: {\n          padding: 0\n        },\n        position: 'left'\n      }\n    }\n  ],\n  checkbox\n});\n\nconst Content = ({\n  title,\n  subtitle,\n  button,\n  list: {title: listTitle, checkbox, items, search, emptyResult}\n}: ContentPropsType) => {\n  const buttonProps = buildButtonProps(button);\n\n  const titleProps = {\n    type: 'form-group',\n    title,\n    subtitle,\n    button: buttonProps,\n    required: true\n  };\n\n  const listProps = {\n    ...(!isEmpty(checkbox) && {\n      ...checkbox,\n      icon: {iconName: 'minus', iconColor: COLORS.white, preset: 's'},\n      customStyle: {fontWeight: 600, color: COLORS.cm_grey_500, fontSize: '16px'}\n    }),\n    title: listTitle,\n    'aria-label': 'content list items',\n    content: {\n      ...(!isEmpty(emptyResult) && {emptyResult: {...emptyResult, button: buttonProps}}),\n      items: map(buildContentItem, items),\n      type: 'list'\n    },\n    search: {\n      ...search,\n      theme: 'coorpmanager'\n    }\n  };\n\n  return (\n    <div className={style.contentContainer}>\n      <Title {...titleProps} />\n      <ListItems {...listProps} />\n    </div>\n  );\n};\n\nconst SkillEdition = (props: SkillEditionPropsType) => {\n  const {skillInformations, translations, content} = props;\n\n  return (\n    <div className={style.container}>\n      <SkillInformations {...skillInformations} />\n      <Translations {...translations} />\n      <Content {...content} />\n    </div>\n  );\n};\n\nSkillEdition.propTypes = propTypes;\n\nexport default SkillEdition;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","BrandFormGroup","ListItems","Title","TitleAndInput","COLORS","propTypes","style","buildFormField","field","type","theme","size","buildTitleAndInputField","title","subtitle","required","dataName","childType","titleSize","subtitleSize","undefined","SkillInformations","skillInformations","form","iconEditor","select","inputTextArea","inputText","iconEditorProps","iconPreview","buttonLink","label","ariaLabel","icon","position","faIcon","name","onClick","customStyle","borderRadius","padding","fontWeight","fields","options","onChange","formProps","createElement","className","skillInformationsContainer","uncappedMap","_map","convert","cap","buildButtonProps","button","hoverBackgroundColor","primary_100","hoverColor","cm_primary_blue","color","width","backgroundColor","cm_blue_50","paddingRight","paddingleft","buildTranslationItems","itemTitle","onEditClick","onDeleteClick","index","id","cm_grey_100","cm_grey_500","secondButtonLink","Translations","items","localesOptions","emptyResult","buttonProps","translationMenuAction","menu","buttons","optionLabel","ref","optionRef","optionOnClick","disabled","_includes","_keys","menuWrapper","maxHeight","translationProps","content","_isEmpty","buttonMenuAction","buildContentItem","image","tags","iconName","checkbox","preset","Content","list","listTitle","search","titleProps","listProps","iconColor","white","fontSize","contentContainer","SkillEdition","props","translations","container","process","env","NODE_ENV"],"sources":["../../../src/organism/skill-edition/index.tsx"],"sourcesContent":["import React from 'react';\nimport {includes, isEmpty, keys, map} from 'lodash/fp';\nimport BrandFormGroup from '../../molecule/brand-form-group';\nimport ListItems from '../list-items';\nimport Title from '../../atom/title';\nimport TitleAndInput from '../title-and-input';\nimport {COLORS} from '../../variables/colors';\nimport propTypes, {\n  TranslationPropsType,\n  SkillEditionPropsType,\n  SkillInformationsProps,\n  InputTextareaProps,\n  InputTextProps,\n  ContentPropsType,\n  ContentListItemType\n} from './types';\nimport style from './style.css';\n\nconst buildFormField = (field: InputTextareaProps | InputTextProps, type: 'text' | 'textarea') => {\n  return {\n    ...field,\n    type,\n    theme: 'coorpmanager',\n    size: 'large'\n  };\n};\n\nconst buildTitleAndInputField = ({\n  title,\n  subtitle,\n  required = false,\n  dataName,\n  childType\n}: {\n  title: string;\n  subtitle?: string;\n  required?: boolean;\n  dataName?: string;\n  childType?: string;\n}) => {\n  return {\n    title: {\n      type: 'form-group',\n      title,\n      subtitle,\n      titleSize: 'small-and-light',\n      subtitleSize: subtitle ? 'standard-without-margin' : undefined,\n      required,\n      'data-name': dataName\n    },\n    childType,\n    type: 'titleAndInput'\n  };\n};\n\nconst SkillInformations = (skillInformations: SkillInformationsProps) => {\n  const {form, iconEditor} = skillInformations;\n  const {select, inputTextArea, inputText} = form;\n\n  const iconEditorProps = {\n    title: {\n      type: 'form-group',\n      title: iconEditor.title,\n      titleSize: 'small-and-light',\n      required: true\n    },\n    field: {\n      iconPreview: iconEditor.iconPreview,\n      inputText: iconEditor.inputText,\n      buttonLink: iconEditor.buttonLink\n        ? {\n            type: 'secondary',\n            label: iconEditor.buttonLink.label,\n            ariaLabel: iconEditor.buttonLink.ariaLabel,\n            dataName: 'open-icon-modal-button',\n            icon: {\n              position: 'left',\n              faIcon: {\n                name: 'arrows-rotate',\n                size: 16\n              }\n            },\n            onClick: iconEditor.buttonLink.onClick,\n            customStyle: {\n              borderRadius: '12px',\n              padding: '0 8px 0 16px',\n              fontWeight: '500'\n            }\n          }\n        : undefined,\n      size: 'large'\n    },\n    childType: 'iconEditor'\n  };\n\n  const fields = [\n    {\n      ...buildTitleAndInputField({\n        title: select.title,\n        subtitle: select.subtitle,\n        required: true,\n        dataName: select['data-name'],\n        childType: 'select'\n      }),\n      field: {\n        options: select.field.options,\n        'aria-label': select.field['aria-label'],\n        onChange: select.field.onChange,\n        theme: 'skillDetail',\n        size: 'large'\n      }\n    },\n    {\n      ...buildTitleAndInputField({\n        title: inputText.title,\n        required: true,\n        childType: 'inputText'\n      }),\n      field: buildFormField(inputText.field, 'text')\n    },\n    {\n      ...buildTitleAndInputField({\n        title: inputTextArea.title,\n        childType: 'inputTextArea'\n      }),\n      field: buildFormField(inputTextArea.field, 'textarea')\n    }\n  ];\n\n  const formProps = {\n    title: form.title,\n    subtitle: form.subtitle,\n    titleSize: 'xl-strong',\n    subtitleSize: 'medium',\n    fields\n  };\n\n  return (\n    <div className={style.skillInformationsContainer}>\n      <BrandFormGroup {...formProps} />\n      <div className={style.iconEditor}>\n        <TitleAndInput {...iconEditorProps} />\n      </div>\n    </div>\n  );\n};\n\n// @ts-expect-error convert is not recognized by the types\nconst uncappedMap = map.convert({cap: false});\n\nconst buildButtonProps = (button: TranslationPropsType['button']) => ({\n  ...button,\n  type: 'primary',\n  'aria-label': button.label,\n  'data-name': `button-${button.label}`,\n  hoverBackgroundColor: COLORS.primary_100,\n  hoverColor: COLORS.cm_primary_blue,\n  icon: {\n    position: 'left',\n    faIcon: {\n      name: 'plus',\n      color: COLORS.cm_primary_blue,\n      size: 14,\n      customStyle: {padding: 0}\n    }\n  },\n  customStyle: {\n    width: 'fit-content',\n    backgroundColor: COLORS.cm_blue_50,\n    color: COLORS.cm_primary_blue,\n    borderRadius: '12px',\n    paddingRight: '8px',\n    paddingleft: '16px',\n    fontWeight: 600\n  }\n});\n\nconst buildTranslationItems = (\n  {\n    title: itemTitle,\n    onEditClick,\n    onDeleteClick\n  }: {title: string; onEditClick: () => void; onDeleteClick: () => void},\n  index: number\n) => ({\n  id: index,\n  title: itemTitle,\n  buttonLink: {\n    'aria-label': 'Edit',\n    type: 'primary',\n    customStyle: {\n      width: 'fit-content',\n      backgroundColor: 'transparent'\n    },\n    hoverBackgroundColor: COLORS.cm_grey_100,\n    icon: {\n      position: 'left',\n      faIcon: {\n        name: 'edit',\n        color: COLORS.cm_grey_500,\n        size: 16\n      }\n    },\n    onClick: onEditClick\n  },\n  secondButtonLink: {\n    'aria-label': 'Delete',\n    type: 'primary',\n    customStyle: {\n      width: 'fit-content',\n      backgroundColor: 'transparent'\n    },\n    hoverBackgroundColor: COLORS.cm_grey_100,\n    icon: {\n      position: 'left',\n      faIcon: {\n        name: 'trash',\n        color: COLORS.cm_grey_500,\n        size: 16\n      }\n    },\n    onClick: onDeleteClick\n  }\n});\n\nconst Translations = ({\n  title,\n  subtitle,\n  items,\n  button,\n  localesOptions,\n  emptyResult\n}: TranslationPropsType) => {\n  const buttonProps = buildButtonProps(button);\n\n  const translationMenuAction = {\n    button: buttonProps,\n    menu: {\n      buttons: map(\n        ({\n          label: optionLabel,\n          ref: optionRef,\n          onClick: optionOnClick\n        }: {\n          label: string;\n          ref: string;\n          onClick: () => void;\n        }) => ({\n          type: 'defaultLeft',\n          onClick: optionOnClick,\n          customStyle: {width: '238px'},\n          label: optionLabel,\n          'data-name': optionLabel,\n          // disable if current locale option is already in items list\n          disabled: includes(optionRef, keys(items))\n        }),\n        localesOptions\n      )\n    },\n    menuWrapper: {\n      customStyle: {maxHeight: '252px'}\n    }\n  };\n\n  const translationProps = {\n    title: {\n      title,\n      type: 'form-group',\n      subtitle,\n      titleSize: 'xl-strong',\n      subtitleSize: 'medium'\n    },\n    'aria-label': title,\n    content: {\n      ...(!isEmpty(emptyResult) && {emptyResult: {...emptyResult, button: translationMenuAction}}),\n      items: uncappedMap(buildTranslationItems, items),\n      type: 'list'\n    },\n    buttonMenuAction: translationMenuAction\n  };\n\n  return <ListItems {...translationProps} />;\n};\n\nconst buildContentItem = ({\n  ref,\n  title,\n  subtitle,\n  image,\n  tags: {label, iconName},\n  checkbox\n}: ContentListItemType) => ({\n  id: ref,\n  title,\n  subtitle,\n  image,\n  tags: [\n    {\n      label,\n      type: 'default',\n      icon: {\n        iconName,\n        preset: 's',\n        customStyle: {\n          padding: 0\n        },\n        position: 'left'\n      }\n    }\n  ],\n  checkbox\n});\n\nconst Content = ({\n  title,\n  subtitle,\n  button,\n  list: {title: listTitle, checkbox, items, search, emptyResult}\n}: ContentPropsType) => {\n  const buttonProps = buildButtonProps(button);\n\n  const titleProps = {\n    type: 'form-group',\n    title,\n    subtitle,\n    button: buttonProps,\n    required: true\n  };\n\n  const listProps = {\n    ...(!isEmpty(checkbox) && {\n      ...checkbox,\n      icon: {iconName: 'minus', iconColor: COLORS.white, preset: 's'},\n      customStyle: {fontWeight: 600, color: COLORS.cm_grey_500, fontSize: '16px'}\n    }),\n    title: listTitle,\n    'aria-label': 'content list items',\n    content: {\n      ...(!isEmpty(emptyResult) && {emptyResult: {...emptyResult, button: buttonProps}}),\n      items: map(buildContentItem, items),\n      type: 'list'\n    },\n    search: {\n      ...search,\n      theme: 'coorpmanager'\n    }\n  };\n\n  return (\n    <div className={style.contentContainer}>\n      <Title {...titleProps} />\n      <ListItems {...listProps} />\n    </div>\n  );\n};\n\nconst SkillEdition = (props: SkillEditionPropsType) => {\n  const {skillInformations, translations, content} = props;\n\n  return (\n    <div className={style.container}>\n      <SkillInformations {...skillInformations} />\n      <Translations {...translations} />\n      <Content {...content} />\n    </div>\n  );\n};\n\nSkillEdition.propTypes = propTypes;\n\nexport default SkillEdition;\n"],"mappings":"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","ignoreList":[]}

package/es/template/back-office/brand-update/utils.js

@@ -18,7 +18,7 @@ const ICON_PROPS = {
   published: {
     iconName: 'cloud-arrow-up',
     iconColor: COLORS.cm_grey_500,
-    backgroundColor: COLORS.gray,
+    backgroundColor: COLORS.cm_grey_100,
     preset: 'xl'
   },
   archived: {

package/es/template/back-office/brand-update/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","names":["COLORS","COMMUN_ACTION_BUTTON_PROPS","icon","position","faIcon","name","color","white","size","customStyle","padding","alignItems","type","ICON_PROPS","published","iconName","iconColor","cm_grey_500","backgroundColor","gray","preset","archived","yellow_700","yellow_100","deleted","red_700","red_100","POPIN_THEMES","actionButton"],"sources":["../../../../src/template/back-office/brand-update/utils.js"],"sourcesContent":["import {COLORS} from '../../../variables/colors';\n\nconst COMMUN_ACTION_BUTTON_PROPS = {\n  icon: {\n    position: 'left',\n    faIcon: {\n      name: 'circle-check',\n      color: COLORS.white,\n      size: 14,\n      customStyle: {\n        padding: 0,\n        alignItems: 'baseline'\n      }\n    }\n  },\n  type: 'primary'\n};\n\nconst ICON_PROPS = {\n  published: {\n    iconName: 'cloud-arrow-up',\n    iconColor: COLORS.cm_grey_500,\n    backgroundColor: COLORS.gray,\n    preset: 'xl'\n  },\n  archived: {\n    iconName: 'circle-exclamation',\n    iconColor: COLORS.yellow_700,\n    backgroundColor: COLORS.yellow_100,\n    preset: 'xl'\n  },\n  deleted: {\n    iconName: 'triangle-exclamation',\n    iconColor: COLORS.red_700,\n    backgroundColor: COLORS.red_100,\n    preset: 'xl'\n  }\n};\n\nexport const POPIN_THEMES = {\n  published: {\n    icon: ICON_PROPS.published,\n    actionButton: COMMUN_ACTION_BUTTON_PROPS\n  },\n  archived: {\n    icon: ICON_PROPS.archived,\n    actionButton: COMMUN_ACTION_BUTTON_PROPS\n  },\n  deleted: {\n    icon: ICON_PROPS.deleted,\n    actionButton: {\n      icon: {\n        position: 'left',\n        faIcon: {\n          ...COMMUN_ACTION_BUTTON_PROPS.icon.faIcon,\n          name: 'trash'\n        }\n      },\n      type: 'dangerous'\n    }\n  }\n};\n"],"mappings":"AAAA,SAAQA,MAAM,QAAO,2BAA2B;AAEhD,MAAMC,0BAA0B,GAAG;EACjCC,IAAI,EAAE;IACJC,QAAQ,EAAE,MAAM;IAChBC,MAAM,EAAE;MACNC,IAAI,EAAE,cAAc;MACpBC,KAAK,EAAEN,MAAM,CAACO,KAAK;MACnBC,IAAI,EAAE,EAAE;MACRC,WAAW,EAAE;QACXC,OAAO,EAAE,CAAC;QACVC,UAAU,EAAE;MACd;IACF;EACF,CAAC;EACDC,IAAI,EAAE;AACR,CAAC;AAED,MAAMC,UAAU,GAAG;EACjBC,SAAS,EAAE;IACTC,QAAQ,EAAE,gBAAgB;IAC1BC,SAAS,EAAEhB,MAAM,CAACiB,WAAW;IAC7BC,eAAe,EAAElB,MAAM,CAACmB,IAAI;IAC5BC,MAAM,EAAE;EACV,CAAC;EACDC,QAAQ,EAAE;IACRN,QAAQ,EAAE,oBAAoB;IAC9BC,SAAS,EAAEhB,MAAM,CAACsB,UAAU;IAC5BJ,eAAe,EAAElB,MAAM,CAACuB,UAAU;IAClCH,MAAM,EAAE;EACV,CAAC;EACDI,OAAO,EAAE;IACPT,QAAQ,EAAE,sBAAsB;IAChCC,SAAS,EAAEhB,MAAM,CAACyB,OAAO;IACzBP,eAAe,EAAElB,MAAM,CAAC0B,OAAO;IAC/BN,MAAM,EAAE;EACV;AACF,CAAC;AAED,OAAO,MAAMO,YAAY,GAAG;EAC1Bb,SAAS,EAAE;IACTZ,IAAI,EAAEW,UAAU,CAACC,SAAS;IAC1Bc,YAAY,EAAE3B;EAChB,CAAC;EACDoB,QAAQ,EAAE;IACRnB,IAAI,EAAEW,UAAU,CAACQ,QAAQ;IACzBO,YAAY,EAAE3B;EAChB,CAAC;EACDuB,OAAO,EAAE;IACPtB,IAAI,EAAEW,UAAU,CAACW,OAAO;IACxBI,YAAY,EAAE;MACZ1B,IAAI,EAAE;QACJC,QAAQ,EAAE,MAAM;QAChBC,MAAM,EAAE;UACN,GAAGH,0BAA0B,CAACC,IAAI,CAACE,MAAM;UACzCC,IAAI,EAAE;QACR;MACF,CAAC;MACDO,IAAI,EAAE;IACR;EACF;AACF,CAAC","ignoreList":[]}
+{"version":3,"file":"utils.js","names":["COLORS","COMMUN_ACTION_BUTTON_PROPS","icon","position","faIcon","name","color","white","size","customStyle","padding","alignItems","type","ICON_PROPS","published","iconName","iconColor","cm_grey_500","backgroundColor","cm_grey_100","preset","archived","yellow_700","yellow_100","deleted","red_700","red_100","POPIN_THEMES","actionButton"],"sources":["../../../../src/template/back-office/brand-update/utils.js"],"sourcesContent":["import {COLORS} from '../../../variables/colors';\n\nconst COMMUN_ACTION_BUTTON_PROPS = {\n  icon: {\n    position: 'left',\n    faIcon: {\n      name: 'circle-check',\n      color: COLORS.white,\n      size: 14,\n      customStyle: {\n        padding: 0,\n        alignItems: 'baseline'\n      }\n    }\n  },\n  type: 'primary'\n};\n\nconst ICON_PROPS = {\n  published: {\n    iconName: 'cloud-arrow-up',\n    iconColor: COLORS.cm_grey_500,\n    backgroundColor: COLORS.cm_grey_100,\n    preset: 'xl'\n  },\n  archived: {\n    iconName: 'circle-exclamation',\n    iconColor: COLORS.yellow_700,\n    backgroundColor: COLORS.yellow_100,\n    preset: 'xl'\n  },\n  deleted: {\n    iconName: 'triangle-exclamation',\n    iconColor: COLORS.red_700,\n    backgroundColor: COLORS.red_100,\n    preset: 'xl'\n  }\n};\n\nexport const POPIN_THEMES = {\n  published: {\n    icon: ICON_PROPS.published,\n    actionButton: COMMUN_ACTION_BUTTON_PROPS\n  },\n  archived: {\n    icon: ICON_PROPS.archived,\n    actionButton: COMMUN_ACTION_BUTTON_PROPS\n  },\n  deleted: {\n    icon: ICON_PROPS.deleted,\n    actionButton: {\n      icon: {\n        position: 'left',\n        faIcon: {\n          ...COMMUN_ACTION_BUTTON_PROPS.icon.faIcon,\n          name: 'trash'\n        }\n      },\n      type: 'dangerous'\n    }\n  }\n};\n"],"mappings":"AAAA,SAAQA,MAAM,QAAO,2BAA2B;AAEhD,MAAMC,0BAA0B,GAAG;EACjCC,IAAI,EAAE;IACJC,QAAQ,EAAE,MAAM;IAChBC,MAAM,EAAE;MACNC,IAAI,EAAE,cAAc;MACpBC,KAAK,EAAEN,MAAM,CAACO,KAAK;MACnBC,IAAI,EAAE,EAAE;MACRC,WAAW,EAAE;QACXC,OAAO,EAAE,CAAC;QACVC,UAAU,EAAE;MACd;IACF;EACF,CAAC;EACDC,IAAI,EAAE;AACR,CAAC;AAED,MAAMC,UAAU,GAAG;EACjBC,SAAS,EAAE;IACTC,QAAQ,EAAE,gBAAgB;IAC1BC,SAAS,EAAEhB,MAAM,CAACiB,WAAW;IAC7BC,eAAe,EAAElB,MAAM,CAACmB,WAAW;IACnCC,MAAM,EAAE;EACV,CAAC;EACDC,QAAQ,EAAE;IACRN,QAAQ,EAAE,oBAAoB;IAC9BC,SAAS,EAAEhB,MAAM,CAACsB,UAAU;IAC5BJ,eAAe,EAAElB,MAAM,CAACuB,UAAU;IAClCH,MAAM,EAAE;EACV,CAAC;EACDI,OAAO,EAAE;IACPT,QAAQ,EAAE,sBAAsB;IAChCC,SAAS,EAAEhB,MAAM,CAACyB,OAAO;IACzBP,eAAe,EAAElB,MAAM,CAAC0B,OAAO;IAC/BN,MAAM,EAAE;EACV;AACF,CAAC;AAED,OAAO,MAAMO,YAAY,GAAG;EAC1Bb,SAAS,EAAE;IACTZ,IAAI,EAAEW,UAAU,CAACC,SAAS;IAC1Bc,YAAY,EAAE3B;EAChB,CAAC;EACDoB,QAAQ,EAAE;IACRnB,IAAI,EAAEW,UAAU,CAACQ,QAAQ;IACzBO,YAAY,EAAE3B;EAChB,CAAC;EACDuB,OAAO,EAAE;IACPtB,IAAI,EAAEW,UAAU,CAACW,OAAO;IACxBI,YAAY,EAAE;MACZ1B,IAAI,EAAE;QACJC,QAAQ,EAAE,MAAM;QAChBC,MAAM,EAAE;UACN,GAAGH,0BAA0B,CAACC,IAAI,CAACE,MAAM;UACzCC,IAAI,EAAE;QACR;MACF,CAAC;MACDO,IAAI,EAAE;IACR;EACF;AACF,CAAC","ignoreList":[]}

package/es/template/my-learning/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/template/my-learning/index.js"],"names":[],"mappings":";AAmHA,mEAwZC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/template/my-learning/index.js"],"names":[],"mappings":";AAqHA,mEAwZC"}

package/es/template/my-learning/index.js

@@ -84,7 +84,7 @@ const FilterButton = (props, context) => {
   const Content = useCallback(() => /*#__PURE__*/React.createElement("div", null, filter, /*#__PURE__*/React.createElement("span", {
     className: active ? style.skillFilterNumber : style.skillFilterNumberInActive,
     style: {
-      backgroundColor: active ? convert(`color(${primarySkinColor} a(0.07))`) : COLORS.gray,
+      backgroundColor: active ? convert(`color(${primarySkinColor} a(0.07))`) : COLORS.cm_grey_100,
       color: active ? primarySkinColor : COLORS.cm_grey_500
     }
   }, skillTotal)), [filter, skillTotal, active, primarySkinColor]);

package/es/template/my-learning/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useCallback","useState","useMemo","PropTypes","convert","Provider","Icon","Picture","ButtonLink","ToolTip","ReviewNoSkills","SearchForm","SkillPickerModal","ResponsiveLearningProfileRadarChart","SkillsChartSideInformationPanel","LearnerSkillCard","searchValueIncluded","formatMinutes","CardsList","Title","COLORS","style","roundScore","value","Math","round","ChangeSkillFocusButton","props","context","onClick","skin","translate","primarySkinColor","_get","createElement","customStyle","backgroundColor","color","transition","hoverBackgroundColor","hoverColor","white","label","icon","position","faIcon","name","size","contextTypes","childContextTypes","propTypes","process","env","NODE_ENV","func","FilterButton","active","filter","skillTotal","Content","className","skillFilterNumber","skillFilterNumberInActive","gray","cm_grey_500","buttonProps","cm_grey_400","width","content","bool","string","number","MyLearning","skills","selectedSkills","skillsInformation","skillsLocales","learnerFeature","isLoading","onSkillFocusConfirm","onExploreSkill","learningPriorities","open","setOpen","selectedSkillsList","setSelectedSkillsList","skillFocusSelectedOnChart","setSkillFocusSelectedOnChart","undefined","searchValue","setSearchValue","searchResults","setSearchResults","_sortBy","skillRef","_getOr","activeFilter","setActiveFilter","skillsReviewReady","skill","availableForReview","graphDatas","_pipe","_map","_fromPairs","graphLegends","filters","all","review","sumKpi","kpi","skillFocusSelectedOnChartScore","_sumBy","stats","coursedCompletedData","questionsToReviewData","learningTimeData","skillChartPaneLegends","focusedSkill","skillChartPanelProps","title","legend","iconName","turquoise_100","pink_100","orange_100","skillsScore","handleOnDotClick","handleOpenSkillPicker","handleCloseSkillPicker","handleConfirmSkillPicker","focusSkillList","handleSearch","handleSearchReset","ReviewTooltipContent","backgroundContainer","_isEmpty","cards","cardsListContainer","_extends","type","subtitle","iconColor","cm_orange_800","borderRadius","tag","_size","container","isOpen","onCancel","onConfirm","onClose","skillFocusContainer","skillFocusHeader","skillFocusHeaderWrapper","skillFocusHeaderIcon","purple_100","faSize","wrapperSize","skillFocusHeaderContent","skillFocusHeaderTitle","skillFocusHeaderDescription","length","skillFocusContent","radarContainer","totalDataset","height","data","onExploreClick","colors","gradient","fill","stroke","percentage","background","sidePanelItems","skillFocusEmpty","img","src","alt","skillFocusEmptyTitle","skillFocusEmptyDescription","skillListHeader","skillListHeaderIcon","yellow_100","skillListHeaderContent","skillListHeaderTitle","skillListHeaderDescription","fontSize","iconContainerClassName","infoIconTooltip","tooltipClassName","tooltip","TooltipContent","closeToolTipInformationTextAriaLabel","toolBarContainer","skillFilterContainer","_keys","map","index","handleFilterClick","key","searchWrapper","search","placeholder","onChange","onReset","emptySearchResultContainer","emptySearchResultTitle","emptySearchResultDescription","emptySearchResultClearSearch","skillListContainer","skillListEmptyContainer","titleNoSkills","textNoSkills","iconSkillAriaLabel","imagePosition","defaultStats","score","contentCompleted","questionsToReview","handleExploreSkill","skillTitle","cardIndex","focus","includes","metrics","arrayOf","objectOf","shape","learningTime"],"sources":["../../../src/template/my-learning/index.js"],"sourcesContent":["import React, {useCallback, useState, useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {convert} from 'css-color-function';\nimport {get, keys, map, fromPairs, pipe, sumBy, getOr, sortBy, size, isEmpty} from 'lodash/fp';\nimport Provider from '../../atom/provider';\nimport Icon from '../../atom/icon';\nimport Picture from '../../atom/picture';\nimport ButtonLink from '../../atom/button-link';\nimport ToolTip from '../../atom/tooltip';\nimport ReviewNoSkills from '../../organism/review-no-skills';\nimport SearchForm from '../../molecule/search-form';\nimport SkillPickerModal from '../../molecule/skill-picker-modal';\nimport ResponsiveLearningProfileRadarChart from '../../molecule/learning-profile-radar-chart';\nimport SkillsChartSideInformationPanel from '../../molecule/skills-chart-side-information-panel';\nimport LearnerSkillCard from '../../molecule/learner-skill-card';\nimport searchValueIncluded from '../../util/search-value-included';\nimport {formatMinutes} from '../../util/time-format';\nimport CardsList from '../../molecule/dashboard/cards-list';\nimport Title from '../../atom/title';\nimport {COLORS} from '../../variables/colors';\nimport style from './style.css';\n\nconst roundScore = value => Math.round(value * 10) / 10;\n\nconst ChangeSkillFocusButton = (props, context) => {\n  const {onClick} = props;\n  const {skin, translate} = context;\n  const primarySkinColor = get('common.primary', skin);\n\n  return (\n    <div data-name=\"button-explore-wrapper\">\n      <ButtonLink\n        customStyle={{\n          backgroundColor: convert(`color(${primarySkinColor} a(0.07))`),\n          color: primarySkinColor,\n          transition: 'background-color 0.15s ease-in-out, color 0.15s ease-in-out'\n        }}\n        hoverBackgroundColor={primarySkinColor}\n        hoverColor={COLORS.white}\n        onClick={onClick}\n        label={translate('skills_change_focus')}\n        data-name=\"change-skill-focus-button\"\n        icon={{\n          position: 'left',\n          faIcon: {\n            name: 'arrows-rotate',\n            backgroundColor: convert(`color(${primarySkinColor} a(0.07))`),\n            color: primarySkinColor,\n            size: 16\n          }\n        }}\n      />\n    </div>\n  );\n};\n\nChangeSkillFocusButton.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nChangeSkillFocusButton.propTypes = {\n  onClick: PropTypes.func\n};\n\nconst FilterButton = (props, context) => {\n  const {active, filter, skillTotal, onClick} = props;\n  const {skin} = context;\n  const primarySkinColor = get('common.primary', skin);\n\n  const Content = useCallback(\n    () => (\n      <div>\n        {filter}\n        <span\n          className={active ? style.skillFilterNumber : style.skillFilterNumberInActive}\n          style={{\n            backgroundColor: active ? convert(`color(${primarySkinColor} a(0.07))`) : COLORS.gray,\n            color: active ? primarySkinColor : COLORS.cm_grey_500\n          }}\n        >\n          {skillTotal}\n        </span>\n      </div>\n    ),\n    [filter, skillTotal, active, primarySkinColor]\n  );\n\n  const buttonProps = {\n    customStyle: {\n      backgroundColor: active ? convert(`color(${primarySkinColor} a(0.07))`) : COLORS.white,\n      color: active ? primarySkinColor : COLORS.cm_grey_400,\n      transition: 'background-color 0.15s ease-in-out, color 0.15s ease-in-out',\n      width: 'fit-content'\n    },\n    onClick,\n    content: <Content />,\n    'data-name': 'change-skill-focus-button'\n  };\n\n  return <ButtonLink {...buttonProps} />;\n};\n\nFilterButton.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nFilterButton.propTypes = {\n  active: PropTypes.bool,\n  filter: PropTypes.string,\n  skillTotal: PropTypes.number,\n  onClick: PropTypes.func\n};\n\nconst MyLearning = (props, context) => {\n  const {\n    skills,\n    selectedSkills = [],\n    skillsInformation,\n    skillsLocales,\n    learnerFeature = true,\n    isLoading,\n    onSkillFocusConfirm,\n    onExploreSkill,\n    learningPriorities\n  } = props;\n  const {skin, translate} = context;\n  const primarySkinColor = get('common.primary', skin);\n  const [open, setOpen] = useState(false);\n  const [selectedSkillsList, setSelectedSkillsList] = useState(selectedSkills);\n  const [skillFocusSelectedOnChart, setSkillFocusSelectedOnChart] = useState(undefined);\n  const [searchValue, setSearchValue] = useState('');\n  const [searchResults, setSearchResults] = useState(\n    sortBy(skillRef => -getOr(0, [skillRef, 'stats', 'score'], skillsInformation), skills)\n  );\n  const [activeFilter, setActiveFilter] = useState('all');\n\n  const skillsReviewReady = useMemo(() => {\n    return searchResults.filter(skill =>\n      skillsInformation[skill] ? skillsInformation[skill].availableForReview : false\n    );\n  }, [searchResults, skillsInformation]);\n\n  const graphDatas = useMemo(\n    () =>\n      pipe(\n        map(skill => [skill, roundScore(getOr(0, [skill, 'stats', 'score'], skillsInformation))]),\n        fromPairs\n      )(selectedSkillsList),\n    [selectedSkillsList, skillsInformation]\n  );\n\n  const graphLegends = useMemo(\n    () =>\n      pipe(\n        map(skill => [skill, skillsLocales[skill]]),\n        fromPairs\n      )(selectedSkillsList),\n    [selectedSkillsList, skillsLocales]\n  );\n\n  const filters = useMemo(() => {\n    return {\n      all: searchResults,\n      review: skillsReviewReady\n    };\n  }, [searchResults, skillsReviewReady]);\n\n  const sumKpi = useCallback(\n    kpi => {\n      const skillFocusSelectedOnChartScore = getOr(\n        0,\n        [skillFocusSelectedOnChart, 'stats', `${kpi}`],\n        skillsInformation\n      );\n      return skillFocusSelectedOnChart\n        ? skillFocusSelectedOnChartScore\n        : sumBy(\n            skill => (skillsInformation[skill] ? skillsInformation[skill].stats[kpi] : 0),\n            selectedSkillsList\n          );\n    },\n    [skillFocusSelectedOnChart, skillsInformation, selectedSkillsList]\n  );\n\n  const coursedCompletedData = useMemo(() => sumKpi('contentCompleted'), [sumKpi]);\n\n  const questionsToReviewData = useMemo(() => sumKpi('questionsToReview'), [sumKpi]);\n\n  const learningTimeData = useMemo(() => sumKpi('learningTime'), [sumKpi]);\n\n  const skillChartPaneLegends = useMemo(\n    () =>\n      translate('skill_scope_specifier', {\n        focusedSkill: skillFocusSelectedOnChart\n          ? skillsLocales[skillFocusSelectedOnChart]\n          : translate('focused_skills')\n      }),\n    [translate, skillsLocales, skillFocusSelectedOnChart]\n  );\n  const skillChartPanelProps = [\n    {\n      title: translate('skill_chart_side_panel_content_completed'),\n      value: `${coursedCompletedData}`,\n      legend: skillChartPaneLegends,\n      icon: {iconName: 'book-open-cover', backgroundColor: COLORS.turquoise_100}\n    },\n    {\n      title: translate('skill_chart_side_panel_learning_hours'),\n      value: formatMinutes(learningTimeData),\n      legend: skillChartPaneLegends,\n      icon: {iconName: 'clock', backgroundColor: COLORS.pink_100}\n    },\n    {\n      title: translate('skill_chart_side_panel_questions_to_review'),\n      value: `${questionsToReviewData}`,\n      legend: skillChartPaneLegends,\n      icon: {iconName: 'circle-question', backgroundColor: COLORS.orange_100}\n    }\n  ];\n\n  const skillsScore = useMemo(\n    () =>\n      pipe(\n        map(skill => [skill, getOr(0, [skill, 'stats', 'score'], skillsInformation)]),\n        fromPairs\n      )(skills),\n    [skills, skillsInformation]\n  );\n\n  const handleOnDotClick = useCallback(\n    skillRef => {\n      setSkillFocusSelectedOnChart(skillRef);\n    },\n    [setSkillFocusSelectedOnChart]\n  );\n  const handleOpenSkillPicker = useCallback(() => setOpen(true), [setOpen]);\n  const handleCloseSkillPicker = useCallback(() => setOpen(false), [setOpen]);\n  const handleConfirmSkillPicker = useCallback(\n    focusSkillList => {\n      setSelectedSkillsList(focusSkillList);\n      onSkillFocusConfirm(focusSkillList);\n      setOpen(false);\n    },\n    [onSkillFocusConfirm, setSelectedSkillsList, setOpen]\n  );\n  const handleSearch = useCallback(\n    value => {\n      setSearchValue(value);\n      setSearchResults(skills.filter(skill => searchValueIncluded(skillsLocales[skill], value)));\n    },\n    [skills, skillsLocales, setSearchValue, setSearchResults]\n  );\n  const handleSearchReset = useCallback(() => {\n    setSearchValue('');\n    setSearchResults(skills);\n  }, [skills, setSearchValue, setSearchResults]);\n\n  const ReviewTooltipContent = useCallback(\n    () => (\n      <div>\n        <div>\n          <b>{translate('review_mode_tooltip_header')}</b>\n        </div>\n        <p>{translate('review_mode_tooltip_content')}</p>\n        <ol>\n          <li>{translate('review_mode_tooltip_content_part1')}</li>\n          <li>{translate('review_mode_tooltip_content_part2')}</li>\n          <li>{translate('review_mode_tooltip_content_part3')}</li>\n          <li>{translate('review_mode_tooltip_content_part4')}</li>\n        </ol>\n      </div>\n    ),\n    [translate]\n  );\n\n  return (\n    <div className={style.backgroundContainer}>\n      {isEmpty(learningPriorities?.cards) ? null : (\n        <div className={style.cardsListContainer}>\n          <CardsList\n            {...learningPriorities}\n            title={\n              <Title\n                {...{\n                  type: 'form-group',\n                  title: translate('learning_priorities'),\n                  subtitle: translate('learning_priorities_description'),\n                  icon: {\n                    iconName: 'sign-post',\n                    iconColor: COLORS.cm_orange_800,\n                    borderRadius: '12px',\n                    backgroundColor: COLORS.orange_100\n                  },\n                  tag: {\n                    label: `${size(learningPriorities.cards)}`,\n                    type: 'default',\n                    size: 'S'\n                  }\n                }}\n              />\n            }\n          />\n        </div>\n      )}\n      <div className={style.container}>\n        <SkillPickerModal\n          skills={skills}\n          skillsScore={skillsScore}\n          selectedSkills={selectedSkillsList}\n          skillsLocales={skillsLocales}\n          isOpen={open}\n          isLoading={isLoading}\n          onCancel={handleCloseSkillPicker}\n          onConfirm={handleConfirmSkillPicker}\n          onClose={handleCloseSkillPicker}\n        />\n        {learnerFeature ? (\n          <div data-name=\"skill-focus-container\" className={style.skillFocusContainer}>\n            <header className={style.skillFocusHeader}>\n              <div className={style.skillFocusHeaderWrapper}>\n                <div className={style.skillFocusHeaderIcon}>\n                  <Icon\n                    iconName=\"bullseye-arrow\"\n                    backgroundColor={COLORS.purple_100}\n                    borderRadius=\"12px\"\n                    size={{faSize: 20, wrapperSize: 48}}\n                  />\n                </div>\n                <div className={style.skillFocusHeaderContent}>\n                  <div data-name=\"skill-focus-title\" className={style.skillFocusHeaderTitle}>\n                    {translate('skills_focus')}\n                  </div>\n                  <div\n                    data-name=\"skill-focus-description\"\n                    className={style.skillFocusHeaderDescription}\n                  >\n                    {translate('skills_focus_description')}\n                  </div>\n                </div>\n              </div>\n              {selectedSkillsList.length >= 3 ? (\n                <ChangeSkillFocusButton onClick={handleOpenSkillPicker} />\n              ) : null}\n            </header>\n            {selectedSkillsList.length >= 3 ? (\n              <div className={style.skillFocusContent}>\n                <div className={style.radarContainer}>\n                  <ResponsiveLearningProfileRadarChart\n                    totalDataset={1}\n                    height={424}\n                    width={680}\n                    data={graphDatas}\n                    legend={graphLegends}\n                    onClick={handleOnDotClick}\n                    onExploreClick={onExploreSkill}\n                    colors={[\n                      {\n                        gradient: {\n                          fill: ['#0062ffff', '#8000ff85'],\n                          stroke: ['#0062ffff', '#8000FF']\n                        },\n                        percentage: {\n                          color: primarySkinColor,\n                          background: convert(`color(${primarySkinColor} a(0.07))`)\n                        },\n                        label: {\n                          color: '#020202ff'\n                        }\n                      }\n                    ]}\n                  />\n                </div>\n                <SkillsChartSideInformationPanel sidePanelItems={skillChartPanelProps} />\n              </div>\n            ) : (\n              <div className={style.skillFocusEmpty}>\n                <Picture\n                  className={style.img}\n                  src=\"https://static.coorpacademy.com/assets/images/mylearning-no-skill-selected-placeholder.svg\"\n                  alt=\"demo\"\n                />\n                <div className={style.skillFocusEmptyTitle}>\n                  {translate('skills_focus_empty_title')}\n                </div>\n                <div className={style.skillFocusEmptyDescription}>\n                  {translate('skills_focus_empty_description')}\n                </div>\n                <div>\n                  <ButtonLink\n                    label={translate('skills_choose_focus')}\n                    type=\"primary\"\n                    customStyle={{\n                      width: 'fit-contain',\n                      backgroundColor: primarySkinColor\n                    }}\n                    hoverBackgroundColor={convert(\n                      `hsl(from ${primarySkinColor} h s calc(l*(1 - 0.08)))`\n                    )}\n                    onClick={handleOpenSkillPicker}\n                  />\n                </div>\n              </div>\n            )}\n          </div>\n        ) : null}\n        <header className={style.skillListHeader}>\n          <div className={style.skillListHeaderIcon}>\n            <Icon\n              iconName=\"dumbbell\"\n              backgroundColor={COLORS.yellow_100}\n              size={{faSize: 20, wrapperSize: 48}}\n            />\n          </div>\n          <div className={style.skillListHeaderContent}>\n            <div className={style.skillListHeaderTitle}>{translate('skills_section_title')}</div>\n            <div className={style.skillListHeaderDescription}>\n              {translate('skills_section_description')}\n              <ToolTip\n                fontSize={12}\n                iconContainerClassName={style.infoIconTooltip}\n                tooltipClassName={style.tooltip}\n                TooltipContent={ReviewTooltipContent}\n                closeToolTipInformationTextAriaLabel={translate('close_tooltip_information')}\n              />\n            </div>\n          </div>\n        </header>\n        <div className={style.toolBarContainer}>\n          <div className={style.skillFilterContainer}>\n            {keys(filters).map((filter, index) => {\n              function handleFilterClick() {\n                setActiveFilter(filter);\n              }\n\n              return (\n                <div key={index}>\n                  <FilterButton\n                    active={activeFilter === filter}\n                    filter={\n                      filter === 'all' ? translate('all') : translate('review_mode_available')\n                    }\n                    skillTotal={filters[filter].length}\n                    onClick={handleFilterClick}\n                  />\n                </div>\n              );\n            })}\n          </div>\n          <div className={style.searchWrapper}>\n            <SearchForm\n              search={{\n                placeholder: translate('search_place_holder'),\n                value: searchValue,\n                onChange: handleSearch\n              }}\n              onReset={handleSearchReset}\n            />\n          </div>\n        </div>\n        {searchValue && searchResults.length === 0 ? (\n          <div className={style.emptySearchResultContainer}>\n            <div className={style.emptySearchResultTitle}>\n              {translate('empty_search_result_title', {searchValue})}\n            </div>\n            <div className={style.emptySearchResultDescription}>\n              {translate('empty_search_result_description')}\n            </div>\n            <div className={style.emptySearchResultClearSearch} onClick={handleSearchReset}>\n              {translate('empty_search_result_clear_search')}\n            </div>\n          </div>\n        ) : (\n          <div className={style.skillListContainer}>\n            {activeFilter === 'review' && filters[activeFilter].length === 0 ? (\n              <div className={style.skillListEmptyContainer}>\n                <ReviewNoSkills\n                  titleNoSkills={translate('review_skill_empty')}\n                  textNoSkills={translate('review_skill_empty_description')}\n                  iconSkillAriaLabel={translate('review_skill_empty')}\n                  imagePosition=\"top\"\n                />\n              </div>\n            ) : (\n              filters[activeFilter].map((skill, index) => {\n                const defaultStats = {\n                  score: 0,\n                  content: 0,\n                  contentCompleted: 0,\n                  questionsToReview: 0\n                };\n\n                function handleExploreSkill() {\n                  onExploreSkill(skill);\n                }\n                const {score, content, questionsToReview} = skillsInformation[skill]\n                  ? skillsInformation[skill].stats\n                  : defaultStats;\n                const {color, name} = get([skill, 'icon'], skillsInformation);\n                return (\n                  <div key={index}>\n                    <LearnerSkillCard\n                      skillTitle={skillsLocales[skill]}\n                      cardIndex={index}\n                      focus={selectedSkills.includes(skill)}\n                      metrics={{\n                        score,\n                        content,\n                        questionsToReview\n                      }}\n                      icon={{color, name}}\n                      onExploreClick={handleExploreSkill}\n                    />\n                  </div>\n                );\n              })\n            )}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n\nMyLearning.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nMyLearning.propTypes = {\n  skills: PropTypes.arrayOf(PropTypes.string),\n  selectedSkills: PropTypes.arrayOf(PropTypes.string),\n  skillsInformation: PropTypes.objectOf(\n    PropTypes.shape({\n      availableForReview: PropTypes.bool,\n      stats: PropTypes.shape({\n        score: PropTypes.number,\n        content: PropTypes.number,\n        contentCompleted: PropTypes.number,\n        questionsToReview: PropTypes.number,\n        learningTime: PropTypes.number\n      })\n    })\n  ),\n  skillsLocales: PropTypes.objectOf(PropTypes.string),\n  learnerFeature: PropTypes.bool,\n  isLoading: PropTypes.bool,\n  onSkillFocusConfirm: PropTypes.func,\n  onExploreSkill: PropTypes.func,\n  learningPriorities: PropTypes.shape(CardsList.propTypes)\n};\n\nexport default MyLearning;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useCallback","useState","useMemo","PropTypes","convert","Provider","Icon","Picture","ButtonLink","ToolTip","ReviewNoSkills","SearchForm","SkillPickerModal","ResponsiveLearningProfileRadarChart","SkillsChartSideInformationPanel","LearnerSkillCard","searchValueIncluded","formatMinutes","CardsList","Title","COLORS","style","roundScore","value","Math","round","ChangeSkillFocusButton","props","context","onClick","skin","translate","primarySkinColor","_get","createElement","customStyle","backgroundColor","color","transition","hoverBackgroundColor","hoverColor","white","label","icon","position","faIcon","name","size","contextTypes","childContextTypes","propTypes","process","env","NODE_ENV","func","FilterButton","active","filter","skillTotal","Content","className","skillFilterNumber","skillFilterNumberInActive","cm_grey_100","cm_grey_500","buttonProps","cm_grey_400","width","content","bool","string","number","MyLearning","skills","selectedSkills","skillsInformation","skillsLocales","learnerFeature","isLoading","onSkillFocusConfirm","onExploreSkill","learningPriorities","open","setOpen","selectedSkillsList","setSelectedSkillsList","skillFocusSelectedOnChart","setSkillFocusSelectedOnChart","undefined","searchValue","setSearchValue","searchResults","setSearchResults","_sortBy","skillRef","_getOr","activeFilter","setActiveFilter","skillsReviewReady","skill","availableForReview","graphDatas","_pipe","_map","_fromPairs","graphLegends","filters","all","review","sumKpi","kpi","skillFocusSelectedOnChartScore","_sumBy","stats","coursedCompletedData","questionsToReviewData","learningTimeData","skillChartPaneLegends","focusedSkill","skillChartPanelProps","title","legend","iconName","turquoise_100","pink_100","orange_100","skillsScore","handleOnDotClick","handleOpenSkillPicker","handleCloseSkillPicker","handleConfirmSkillPicker","focusSkillList","handleSearch","handleSearchReset","ReviewTooltipContent","backgroundContainer","_isEmpty","cards","cardsListContainer","_extends","type","subtitle","iconColor","cm_orange_800","borderRadius","tag","_size","container","isOpen","onCancel","onConfirm","onClose","skillFocusContainer","skillFocusHeader","skillFocusHeaderWrapper","skillFocusHeaderIcon","purple_100","faSize","wrapperSize","skillFocusHeaderContent","skillFocusHeaderTitle","skillFocusHeaderDescription","length","skillFocusContent","radarContainer","totalDataset","height","data","onExploreClick","colors","gradient","fill","stroke","percentage","background","sidePanelItems","skillFocusEmpty","img","src","alt","skillFocusEmptyTitle","skillFocusEmptyDescription","skillListHeader","skillListHeaderIcon","yellow_100","skillListHeaderContent","skillListHeaderTitle","skillListHeaderDescription","fontSize","iconContainerClassName","infoIconTooltip","tooltipClassName","tooltip","TooltipContent","closeToolTipInformationTextAriaLabel","toolBarContainer","skillFilterContainer","_keys","map","index","handleFilterClick","key","searchWrapper","search","placeholder","onChange","onReset","emptySearchResultContainer","emptySearchResultTitle","emptySearchResultDescription","emptySearchResultClearSearch","skillListContainer","skillListEmptyContainer","titleNoSkills","textNoSkills","iconSkillAriaLabel","imagePosition","defaultStats","score","contentCompleted","questionsToReview","handleExploreSkill","skillTitle","cardIndex","focus","includes","metrics","arrayOf","objectOf","shape","learningTime"],"sources":["../../../src/template/my-learning/index.js"],"sourcesContent":["import React, {useCallback, useState, useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {convert} from 'css-color-function';\nimport {get, keys, map, fromPairs, pipe, sumBy, getOr, sortBy, size, isEmpty} from 'lodash/fp';\nimport Provider from '../../atom/provider';\nimport Icon from '../../atom/icon';\nimport Picture from '../../atom/picture';\nimport ButtonLink from '../../atom/button-link';\nimport ToolTip from '../../atom/tooltip';\nimport ReviewNoSkills from '../../organism/review-no-skills';\nimport SearchForm from '../../molecule/search-form';\nimport SkillPickerModal from '../../molecule/skill-picker-modal';\nimport ResponsiveLearningProfileRadarChart from '../../molecule/learning-profile-radar-chart';\nimport SkillsChartSideInformationPanel from '../../molecule/skills-chart-side-information-panel';\nimport LearnerSkillCard from '../../molecule/learner-skill-card';\nimport searchValueIncluded from '../../util/search-value-included';\nimport {formatMinutes} from '../../util/time-format';\nimport CardsList from '../../molecule/dashboard/cards-list';\nimport Title from '../../atom/title';\nimport {COLORS} from '../../variables/colors';\nimport style from './style.css';\n\nconst roundScore = value => Math.round(value * 10) / 10;\n\nconst ChangeSkillFocusButton = (props, context) => {\n  const {onClick} = props;\n  const {skin, translate} = context;\n  const primarySkinColor = get('common.primary', skin);\n\n  return (\n    <div data-name=\"button-explore-wrapper\">\n      <ButtonLink\n        customStyle={{\n          backgroundColor: convert(`color(${primarySkinColor} a(0.07))`),\n          color: primarySkinColor,\n          transition: 'background-color 0.15s ease-in-out, color 0.15s ease-in-out'\n        }}\n        hoverBackgroundColor={primarySkinColor}\n        hoverColor={COLORS.white}\n        onClick={onClick}\n        label={translate('skills_change_focus')}\n        data-name=\"change-skill-focus-button\"\n        icon={{\n          position: 'left',\n          faIcon: {\n            name: 'arrows-rotate',\n            backgroundColor: convert(`color(${primarySkinColor} a(0.07))`),\n            color: primarySkinColor,\n            size: 16\n          }\n        }}\n      />\n    </div>\n  );\n};\n\nChangeSkillFocusButton.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nChangeSkillFocusButton.propTypes = {\n  onClick: PropTypes.func\n};\n\nconst FilterButton = (props, context) => {\n  const {active, filter, skillTotal, onClick} = props;\n  const {skin} = context;\n  const primarySkinColor = get('common.primary', skin);\n\n  const Content = useCallback(\n    () => (\n      <div>\n        {filter}\n        <span\n          className={active ? style.skillFilterNumber : style.skillFilterNumberInActive}\n          style={{\n            backgroundColor: active\n              ? convert(`color(${primarySkinColor} a(0.07))`)\n              : COLORS.cm_grey_100,\n            color: active ? primarySkinColor : COLORS.cm_grey_500\n          }}\n        >\n          {skillTotal}\n        </span>\n      </div>\n    ),\n    [filter, skillTotal, active, primarySkinColor]\n  );\n\n  const buttonProps = {\n    customStyle: {\n      backgroundColor: active ? convert(`color(${primarySkinColor} a(0.07))`) : COLORS.white,\n      color: active ? primarySkinColor : COLORS.cm_grey_400,\n      transition: 'background-color 0.15s ease-in-out, color 0.15s ease-in-out',\n      width: 'fit-content'\n    },\n    onClick,\n    content: <Content />,\n    'data-name': 'change-skill-focus-button'\n  };\n\n  return <ButtonLink {...buttonProps} />;\n};\n\nFilterButton.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nFilterButton.propTypes = {\n  active: PropTypes.bool,\n  filter: PropTypes.string,\n  skillTotal: PropTypes.number,\n  onClick: PropTypes.func\n};\n\nconst MyLearning = (props, context) => {\n  const {\n    skills,\n    selectedSkills = [],\n    skillsInformation,\n    skillsLocales,\n    learnerFeature = true,\n    isLoading,\n    onSkillFocusConfirm,\n    onExploreSkill,\n    learningPriorities\n  } = props;\n  const {skin, translate} = context;\n  const primarySkinColor = get('common.primary', skin);\n  const [open, setOpen] = useState(false);\n  const [selectedSkillsList, setSelectedSkillsList] = useState(selectedSkills);\n  const [skillFocusSelectedOnChart, setSkillFocusSelectedOnChart] = useState(undefined);\n  const [searchValue, setSearchValue] = useState('');\n  const [searchResults, setSearchResults] = useState(\n    sortBy(skillRef => -getOr(0, [skillRef, 'stats', 'score'], skillsInformation), skills)\n  );\n  const [activeFilter, setActiveFilter] = useState('all');\n\n  const skillsReviewReady = useMemo(() => {\n    return searchResults.filter(skill =>\n      skillsInformation[skill] ? skillsInformation[skill].availableForReview : false\n    );\n  }, [searchResults, skillsInformation]);\n\n  const graphDatas = useMemo(\n    () =>\n      pipe(\n        map(skill => [skill, roundScore(getOr(0, [skill, 'stats', 'score'], skillsInformation))]),\n        fromPairs\n      )(selectedSkillsList),\n    [selectedSkillsList, skillsInformation]\n  );\n\n  const graphLegends = useMemo(\n    () =>\n      pipe(\n        map(skill => [skill, skillsLocales[skill]]),\n        fromPairs\n      )(selectedSkillsList),\n    [selectedSkillsList, skillsLocales]\n  );\n\n  const filters = useMemo(() => {\n    return {\n      all: searchResults,\n      review: skillsReviewReady\n    };\n  }, [searchResults, skillsReviewReady]);\n\n  const sumKpi = useCallback(\n    kpi => {\n      const skillFocusSelectedOnChartScore = getOr(\n        0,\n        [skillFocusSelectedOnChart, 'stats', `${kpi}`],\n        skillsInformation\n      );\n      return skillFocusSelectedOnChart\n        ? skillFocusSelectedOnChartScore\n        : sumBy(\n            skill => (skillsInformation[skill] ? skillsInformation[skill].stats[kpi] : 0),\n            selectedSkillsList\n          );\n    },\n    [skillFocusSelectedOnChart, skillsInformation, selectedSkillsList]\n  );\n\n  const coursedCompletedData = useMemo(() => sumKpi('contentCompleted'), [sumKpi]);\n\n  const questionsToReviewData = useMemo(() => sumKpi('questionsToReview'), [sumKpi]);\n\n  const learningTimeData = useMemo(() => sumKpi('learningTime'), [sumKpi]);\n\n  const skillChartPaneLegends = useMemo(\n    () =>\n      translate('skill_scope_specifier', {\n        focusedSkill: skillFocusSelectedOnChart\n          ? skillsLocales[skillFocusSelectedOnChart]\n          : translate('focused_skills')\n      }),\n    [translate, skillsLocales, skillFocusSelectedOnChart]\n  );\n  const skillChartPanelProps = [\n    {\n      title: translate('skill_chart_side_panel_content_completed'),\n      value: `${coursedCompletedData}`,\n      legend: skillChartPaneLegends,\n      icon: {iconName: 'book-open-cover', backgroundColor: COLORS.turquoise_100}\n    },\n    {\n      title: translate('skill_chart_side_panel_learning_hours'),\n      value: formatMinutes(learningTimeData),\n      legend: skillChartPaneLegends,\n      icon: {iconName: 'clock', backgroundColor: COLORS.pink_100}\n    },\n    {\n      title: translate('skill_chart_side_panel_questions_to_review'),\n      value: `${questionsToReviewData}`,\n      legend: skillChartPaneLegends,\n      icon: {iconName: 'circle-question', backgroundColor: COLORS.orange_100}\n    }\n  ];\n\n  const skillsScore = useMemo(\n    () =>\n      pipe(\n        map(skill => [skill, getOr(0, [skill, 'stats', 'score'], skillsInformation)]),\n        fromPairs\n      )(skills),\n    [skills, skillsInformation]\n  );\n\n  const handleOnDotClick = useCallback(\n    skillRef => {\n      setSkillFocusSelectedOnChart(skillRef);\n    },\n    [setSkillFocusSelectedOnChart]\n  );\n  const handleOpenSkillPicker = useCallback(() => setOpen(true), [setOpen]);\n  const handleCloseSkillPicker = useCallback(() => setOpen(false), [setOpen]);\n  const handleConfirmSkillPicker = useCallback(\n    focusSkillList => {\n      setSelectedSkillsList(focusSkillList);\n      onSkillFocusConfirm(focusSkillList);\n      setOpen(false);\n    },\n    [onSkillFocusConfirm, setSelectedSkillsList, setOpen]\n  );\n  const handleSearch = useCallback(\n    value => {\n      setSearchValue(value);\n      setSearchResults(skills.filter(skill => searchValueIncluded(skillsLocales[skill], value)));\n    },\n    [skills, skillsLocales, setSearchValue, setSearchResults]\n  );\n  const handleSearchReset = useCallback(() => {\n    setSearchValue('');\n    setSearchResults(skills);\n  }, [skills, setSearchValue, setSearchResults]);\n\n  const ReviewTooltipContent = useCallback(\n    () => (\n      <div>\n        <div>\n          <b>{translate('review_mode_tooltip_header')}</b>\n        </div>\n        <p>{translate('review_mode_tooltip_content')}</p>\n        <ol>\n          <li>{translate('review_mode_tooltip_content_part1')}</li>\n          <li>{translate('review_mode_tooltip_content_part2')}</li>\n          <li>{translate('review_mode_tooltip_content_part3')}</li>\n          <li>{translate('review_mode_tooltip_content_part4')}</li>\n        </ol>\n      </div>\n    ),\n    [translate]\n  );\n\n  return (\n    <div className={style.backgroundContainer}>\n      {isEmpty(learningPriorities?.cards) ? null : (\n        <div className={style.cardsListContainer}>\n          <CardsList\n            {...learningPriorities}\n            title={\n              <Title\n                {...{\n                  type: 'form-group',\n                  title: translate('learning_priorities'),\n                  subtitle: translate('learning_priorities_description'),\n                  icon: {\n                    iconName: 'sign-post',\n                    iconColor: COLORS.cm_orange_800,\n                    borderRadius: '12px',\n                    backgroundColor: COLORS.orange_100\n                  },\n                  tag: {\n                    label: `${size(learningPriorities.cards)}`,\n                    type: 'default',\n                    size: 'S'\n                  }\n                }}\n              />\n            }\n          />\n        </div>\n      )}\n      <div className={style.container}>\n        <SkillPickerModal\n          skills={skills}\n          skillsScore={skillsScore}\n          selectedSkills={selectedSkillsList}\n          skillsLocales={skillsLocales}\n          isOpen={open}\n          isLoading={isLoading}\n          onCancel={handleCloseSkillPicker}\n          onConfirm={handleConfirmSkillPicker}\n          onClose={handleCloseSkillPicker}\n        />\n        {learnerFeature ? (\n          <div data-name=\"skill-focus-container\" className={style.skillFocusContainer}>\n            <header className={style.skillFocusHeader}>\n              <div className={style.skillFocusHeaderWrapper}>\n                <div className={style.skillFocusHeaderIcon}>\n                  <Icon\n                    iconName=\"bullseye-arrow\"\n                    backgroundColor={COLORS.purple_100}\n                    borderRadius=\"12px\"\n                    size={{faSize: 20, wrapperSize: 48}}\n                  />\n                </div>\n                <div className={style.skillFocusHeaderContent}>\n                  <div data-name=\"skill-focus-title\" className={style.skillFocusHeaderTitle}>\n                    {translate('skills_focus')}\n                  </div>\n                  <div\n                    data-name=\"skill-focus-description\"\n                    className={style.skillFocusHeaderDescription}\n                  >\n                    {translate('skills_focus_description')}\n                  </div>\n                </div>\n              </div>\n              {selectedSkillsList.length >= 3 ? (\n                <ChangeSkillFocusButton onClick={handleOpenSkillPicker} />\n              ) : null}\n            </header>\n            {selectedSkillsList.length >= 3 ? (\n              <div className={style.skillFocusContent}>\n                <div className={style.radarContainer}>\n                  <ResponsiveLearningProfileRadarChart\n                    totalDataset={1}\n                    height={424}\n                    width={680}\n                    data={graphDatas}\n                    legend={graphLegends}\n                    onClick={handleOnDotClick}\n                    onExploreClick={onExploreSkill}\n                    colors={[\n                      {\n                        gradient: {\n                          fill: ['#0062ffff', '#8000ff85'],\n                          stroke: ['#0062ffff', '#8000FF']\n                        },\n                        percentage: {\n                          color: primarySkinColor,\n                          background: convert(`color(${primarySkinColor} a(0.07))`)\n                        },\n                        label: {\n                          color: '#020202ff'\n                        }\n                      }\n                    ]}\n                  />\n                </div>\n                <SkillsChartSideInformationPanel sidePanelItems={skillChartPanelProps} />\n              </div>\n            ) : (\n              <div className={style.skillFocusEmpty}>\n                <Picture\n                  className={style.img}\n                  src=\"https://static.coorpacademy.com/assets/images/mylearning-no-skill-selected-placeholder.svg\"\n                  alt=\"demo\"\n                />\n                <div className={style.skillFocusEmptyTitle}>\n                  {translate('skills_focus_empty_title')}\n                </div>\n                <div className={style.skillFocusEmptyDescription}>\n                  {translate('skills_focus_empty_description')}\n                </div>\n                <div>\n                  <ButtonLink\n                    label={translate('skills_choose_focus')}\n                    type=\"primary\"\n                    customStyle={{\n                      width: 'fit-contain',\n                      backgroundColor: primarySkinColor\n                    }}\n                    hoverBackgroundColor={convert(\n                      `hsl(from ${primarySkinColor} h s calc(l*(1 - 0.08)))`\n                    )}\n                    onClick={handleOpenSkillPicker}\n                  />\n                </div>\n              </div>\n            )}\n          </div>\n        ) : null}\n        <header className={style.skillListHeader}>\n          <div className={style.skillListHeaderIcon}>\n            <Icon\n              iconName=\"dumbbell\"\n              backgroundColor={COLORS.yellow_100}\n              size={{faSize: 20, wrapperSize: 48}}\n            />\n          </div>\n          <div className={style.skillListHeaderContent}>\n            <div className={style.skillListHeaderTitle}>{translate('skills_section_title')}</div>\n            <div className={style.skillListHeaderDescription}>\n              {translate('skills_section_description')}\n              <ToolTip\n                fontSize={12}\n                iconContainerClassName={style.infoIconTooltip}\n                tooltipClassName={style.tooltip}\n                TooltipContent={ReviewTooltipContent}\n                closeToolTipInformationTextAriaLabel={translate('close_tooltip_information')}\n              />\n            </div>\n          </div>\n        </header>\n        <div className={style.toolBarContainer}>\n          <div className={style.skillFilterContainer}>\n            {keys(filters).map((filter, index) => {\n              function handleFilterClick() {\n                setActiveFilter(filter);\n              }\n\n              return (\n                <div key={index}>\n                  <FilterButton\n                    active={activeFilter === filter}\n                    filter={\n                      filter === 'all' ? translate('all') : translate('review_mode_available')\n                    }\n                    skillTotal={filters[filter].length}\n                    onClick={handleFilterClick}\n                  />\n                </div>\n              );\n            })}\n          </div>\n          <div className={style.searchWrapper}>\n            <SearchForm\n              search={{\n                placeholder: translate('search_place_holder'),\n                value: searchValue,\n                onChange: handleSearch\n              }}\n              onReset={handleSearchReset}\n            />\n          </div>\n        </div>\n        {searchValue && searchResults.length === 0 ? (\n          <div className={style.emptySearchResultContainer}>\n            <div className={style.emptySearchResultTitle}>\n              {translate('empty_search_result_title', {searchValue})}\n            </div>\n            <div className={style.emptySearchResultDescription}>\n              {translate('empty_search_result_description')}\n            </div>\n            <div className={style.emptySearchResultClearSearch} onClick={handleSearchReset}>\n              {translate('empty_search_result_clear_search')}\n            </div>\n          </div>\n        ) : (\n          <div className={style.skillListContainer}>\n            {activeFilter === 'review' && filters[activeFilter].length === 0 ? (\n              <div className={style.skillListEmptyContainer}>\n                <ReviewNoSkills\n                  titleNoSkills={translate('review_skill_empty')}\n                  textNoSkills={translate('review_skill_empty_description')}\n                  iconSkillAriaLabel={translate('review_skill_empty')}\n                  imagePosition=\"top\"\n                />\n              </div>\n            ) : (\n              filters[activeFilter].map((skill, index) => {\n                const defaultStats = {\n                  score: 0,\n                  content: 0,\n                  contentCompleted: 0,\n                  questionsToReview: 0\n                };\n\n                function handleExploreSkill() {\n                  onExploreSkill(skill);\n                }\n                const {score, content, questionsToReview} = skillsInformation[skill]\n                  ? skillsInformation[skill].stats\n                  : defaultStats;\n                const {color, name} = get([skill, 'icon'], skillsInformation);\n                return (\n                  <div key={index}>\n                    <LearnerSkillCard\n                      skillTitle={skillsLocales[skill]}\n                      cardIndex={index}\n                      focus={selectedSkills.includes(skill)}\n                      metrics={{\n                        score,\n                        content,\n                        questionsToReview\n                      }}\n                      icon={{color, name}}\n                      onExploreClick={handleExploreSkill}\n                    />\n                  </div>\n                );\n              })\n            )}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n\nMyLearning.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nMyLearning.propTypes = {\n  skills: PropTypes.arrayOf(PropTypes.string),\n  selectedSkills: PropTypes.arrayOf(PropTypes.string),\n  skillsInformation: PropTypes.objectOf(\n    PropTypes.shape({\n      availableForReview: PropTypes.bool,\n      stats: PropTypes.shape({\n        score: PropTypes.number,\n        content: PropTypes.number,\n        contentCompleted: PropTypes.number,\n        questionsToReview: PropTypes.number,\n        learningTime: PropTypes.number\n      })\n    })\n  ),\n  skillsLocales: PropTypes.objectOf(PropTypes.string),\n  learnerFeature: PropTypes.bool,\n  isLoading: PropTypes.bool,\n  onSkillFocusConfirm: PropTypes.func,\n  onExploreSkill: PropTypes.func,\n  learningPriorities: PropTypes.shape(CardsList.propTypes)\n};\n\nexport default MyLearning;\n"],"mappings":"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","ignoreList":[]}

package/es/template/skill-detail/all-courses.css

@@ -56,6 +56,7 @@
   display: flex;
   align-items: center;
   gap: 12px;
+  min-width: max-content;
   color: cm_grey_500;
 }
 
@@ -116,7 +117,8 @@
 
 @media tablet {
   .searchAndSortSection {
-    flex-direction: column;
+    flex-direction: row;
+    gap: 16px;
   }
 
   .sortSection {
@@ -129,6 +131,10 @@
 }
 
 @media mobile {
+  .searchAndSortSection {
+    flex-direction: column;
+  }
+
   .sortSection {
     flex-direction: column;
     gap: 16px;