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

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

@@ -42,7 +42,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.COLORS.purple_700, _colors.COLORS.purple_100] : ['shapes', translate('skill'), _colors.COLORS.neutral_500, _colors.COLORS.gray];
+  const [badgeIconName, badgeLocale, tagTextColor, tagBackgroundColor] = focus ? ['bullseye-arrow', translate('skill_focus'), _colors.COLORS.purple_700, _colors.COLORS.purple_100] : ['shapes', translate('skill'), _colors.COLORS.neutral_500, _colors.COLORS.cm_grey_100];
   const headerBackgroundRef = (0, _react.useRef)(null);
   const defaultBackground = (0, _react.useMemo)(() => (0, _getBackgroundGradientColor.createGradientBackground)(color, '93%', '100%'), [color]);
   const focusBackground = (0, _react.useMemo)(() => (0, _getBackgroundGradientColor.createGradientBackground)(color, '83%', '100%'), [color]);

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_provider","_progressBar","_interopRequireDefault","_colors","_getBackgroundGradientColor","_icon","_propTypes","_style","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","MAX_SCORE","updateBackgroundImage","ref","background","current","style","backgroundImage","exports","LearnerSkillCard","props","context","ariaLabel","cardIndex","skillTitle","skillAriaLabel","focus","metrics","icon","onExploreClick","score","content","questionsToReview","translate","GetTranslateFromContext","color","name","questionsLocale","badgeIconName","badgeLocale","tagTextColor","tagBackgroundColor","COLORS","purple_700","purple_100","neutral_500","gray","headerBackgroundRef","useRef","defaultBackground","useMemo","createGradientBackground","focusBackground","handleMouseEnter","useCallback","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","Provider","childContextTypes","propTypes","process","env","NODE_ENV","_default"],"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","_interopRequireWildcard","require","_provider","_progressBar","_interopRequireDefault","_colors","_getBackgroundGradientColor","_icon","_propTypes","_style","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","MAX_SCORE","updateBackgroundImage","ref","background","current","style","backgroundImage","exports","LearnerSkillCard","props","context","ariaLabel","cardIndex","skillTitle","skillAriaLabel","focus","metrics","icon","onExploreClick","score","content","questionsToReview","translate","GetTranslateFromContext","color","name","questionsLocale","badgeIconName","badgeLocale","tagTextColor","tagBackgroundColor","COLORS","purple_700","purple_100","neutral_500","cm_grey_100","headerBackgroundRef","useRef","defaultBackground","useMemo","createGradientBackground","focusBackground","handleMouseEnter","useCallback","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","Provider","childContextTypes","propTypes","process","env","NODE_ENV","_default"],"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/lib/organism/skill-edition/index.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_brandFormGroup","_listItems","_title","_titleAndInput","_colors","_types","_style","e","__esModule","default","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","style","skillInformationsContainer","uncappedMap","_map2","convert","cap","buildButtonProps","button","hoverBackgroundColor","COLORS","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","_includes2","_keys2","menuWrapper","maxHeight","translationProps","content","_isEmpty2","buttonMenuAction","buildContentItem","image","tags","iconName","checkbox","preset","Content","list","listTitle","search","titleProps","listProps","iconColor","white","fontSize","contentContainer","SkillEdition","props","translations","container","propTypes","process","env","NODE_ENV","_default","exports"],"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","_interopRequireDefault","require","_brandFormGroup","_listItems","_title","_titleAndInput","_colors","_types","_style","e","__esModule","default","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","style","skillInformationsContainer","uncappedMap","_map2","convert","cap","buildButtonProps","button","hoverBackgroundColor","COLORS","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","_includes2","_keys2","menuWrapper","maxHeight","translationProps","content","_isEmpty2","buttonMenuAction","buildContentItem","image","tags","iconName","checkbox","preset","Content","list","listTitle","search","titleProps","listProps","iconColor","white","fontSize","contentContainer","SkillEdition","props","translations","container","propTypes","process","env","NODE_ENV","_default","exports"],"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/lib/template/back-office/brand-update/utils.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"utils.js","names":["_colors","require","COMMUN_ACTION_BUTTON_PROPS","icon","position","faIcon","name","color","COLORS","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","exports","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,IAAAA,OAAA,GAAAC,OAAA;AAEA,MAAMC,0BAA0B,GAAG;EACjCC,IAAI,EAAE;IACJC,QAAQ,EAAE,MAAM;IAChBC,MAAM,EAAE;MACNC,IAAI,EAAE,cAAc;MACpBC,KAAK,EAAEC,cAAM,CAACC,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,EAAEV,cAAM,CAACW,WAAW;IAC7BC,eAAe,EAAEZ,cAAM,CAACa,IAAI;IAC5BC,MAAM,EAAE;EACV,CAAC;EACDC,QAAQ,EAAE;IACRN,QAAQ,EAAE,oBAAoB;IAC9BC,SAAS,EAAEV,cAAM,CAACgB,UAAU;IAC5BJ,eAAe,EAAEZ,cAAM,CAACiB,UAAU;IAClCH,MAAM,EAAE;EACV,CAAC;EACDI,OAAO,EAAE;IACPT,QAAQ,EAAE,sBAAsB;IAChCC,SAAS,EAAEV,cAAM,CAACmB,OAAO;IACzBP,eAAe,EAAEZ,cAAM,CAACoB,OAAO;IAC/BN,MAAM,EAAE;EACV;AACF,CAAC;AAEM,MAAMO,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAG;EAC1Bb,SAAS,EAAE;IACTb,IAAI,EAAEY,UAAU,CAACC,SAAS;IAC1Be,YAAY,EAAE7B;EAChB,CAAC;EACDqB,QAAQ,EAAE;IACRpB,IAAI,EAAEY,UAAU,CAACQ,QAAQ;IACzBQ,YAAY,EAAE7B;EAChB,CAAC;EACDwB,OAAO,EAAE;IACPvB,IAAI,EAAEY,UAAU,CAACW,OAAO;IACxBK,YAAY,EAAE;MACZ5B,IAAI,EAAE;QACJC,QAAQ,EAAE,MAAM;QAChBC,MAAM,EAAE;UACN,GAAGH,0BAA0B,CAACC,IAAI,CAACE,MAAM;UACzCC,IAAI,EAAE;QACR;MACF,CAAC;MACDQ,IAAI,EAAE;IACR;EACF;AACF,CAAC","ignoreList":[]}
+{"version":3,"file":"utils.js","names":["_colors","require","COMMUN_ACTION_BUTTON_PROPS","icon","position","faIcon","name","color","COLORS","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","exports","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,IAAAA,OAAA,GAAAC,OAAA;AAEA,MAAMC,0BAA0B,GAAG;EACjCC,IAAI,EAAE;IACJC,QAAQ,EAAE,MAAM;IAChBC,MAAM,EAAE;MACNC,IAAI,EAAE,cAAc;MACpBC,KAAK,EAAEC,cAAM,CAACC,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,EAAEV,cAAM,CAACW,WAAW;IAC7BC,eAAe,EAAEZ,cAAM,CAACa,WAAW;IACnCC,MAAM,EAAE;EACV,CAAC;EACDC,QAAQ,EAAE;IACRN,QAAQ,EAAE,oBAAoB;IAC9BC,SAAS,EAAEV,cAAM,CAACgB,UAAU;IAC5BJ,eAAe,EAAEZ,cAAM,CAACiB,UAAU;IAClCH,MAAM,EAAE;EACV,CAAC;EACDI,OAAO,EAAE;IACPT,QAAQ,EAAE,sBAAsB;IAChCC,SAAS,EAAEV,cAAM,CAACmB,OAAO;IACzBP,eAAe,EAAEZ,cAAM,CAACoB,OAAO;IAC/BN,MAAM,EAAE;EACV;AACF,CAAC;AAEM,MAAMO,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAG;EAC1Bb,SAAS,EAAE;IACTb,IAAI,EAAEY,UAAU,CAACC,SAAS;IAC1Be,YAAY,EAAE7B;EAChB,CAAC;EACDqB,QAAQ,EAAE;IACRpB,IAAI,EAAEY,UAAU,CAACQ,QAAQ;IACzBQ,YAAY,EAAE7B;EAChB,CAAC;EACDwB,OAAO,EAAE;IACPvB,IAAI,EAAEY,UAAU,CAACW,OAAO;IACxBK,YAAY,EAAE;MACZ5B,IAAI,EAAE;QACJC,QAAQ,EAAE,MAAM;QAChBC,MAAM,EAAE;UACN,GAAGH,0BAA0B,CAACC,IAAI,CAACE,MAAM;UACzCC,IAAI,EAAE;QACR;MACF,CAAC;MACDQ,IAAI,EAAE;IACR;EACF;AACF,CAAC","ignoreList":[]}

package/lib/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/lib/template/my-learning/index.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_cssColorFunction","_provider","_icon","_picture","_buttonLink","_tooltip","_reviewNoSkills","_searchForm","_skillPickerModal","_learningProfileRadarChart","_skillsChartSideInformationPanel","_learnerSkillCard","_searchValueIncluded","_timeFormat","_cardsList","_title","_colors","_style","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","roundScore","value","Math","round","ChangeSkillFocusButton","props","context","onClick","skin","translate","primarySkinColor","_get2","createElement","customStyle","backgroundColor","convert","color","transition","hoverBackgroundColor","hoverColor","COLORS","white","label","icon","position","faIcon","name","size","contextTypes","Provider","childContextTypes","propTypes","process","env","NODE_ENV","PropTypes","func","FilterButton","active","filter","skillTotal","Content","useCallback","className","style","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","useState","selectedSkillsList","setSelectedSkillsList","skillFocusSelectedOnChart","setSkillFocusSelectedOnChart","undefined","searchValue","setSearchValue","searchResults","setSearchResults","_sortBy2","skillRef","_getOr2","activeFilter","setActiveFilter","skillsReviewReady","useMemo","skill","availableForReview","graphDatas","_pipe2","_map2","_fromPairs2","graphLegends","filters","all","review","sumKpi","kpi","skillFocusSelectedOnChartScore","_sumBy2","stats","coursedCompletedData","questionsToReviewData","learningTimeData","skillChartPaneLegends","focusedSkill","skillChartPanelProps","title","legend","iconName","turquoise_100","formatMinutes","pink_100","orange_100","skillsScore","handleOnDotClick","handleOpenSkillPicker","handleCloseSkillPicker","handleConfirmSkillPicker","focusSkillList","handleSearch","searchValueIncluded","handleSearchReset","ReviewTooltipContent","backgroundContainer","_isEmpty2","cards","cardsListContainer","type","subtitle","iconColor","cm_orange_800","borderRadius","tag","_size2","container","isOpen","onCancel","onConfirm","onClose","skillFocusContainer","skillFocusHeader","skillFocusHeaderWrapper","skillFocusHeaderIcon","purple_100","faSize","wrapperSize","skillFocusHeaderContent","skillFocusHeaderTitle","skillFocusHeaderDescription","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","_keys2","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","CardsList","_default","exports"],"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","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_cssColorFunction","_provider","_icon","_picture","_buttonLink","_tooltip","_reviewNoSkills","_searchForm","_skillPickerModal","_learningProfileRadarChart","_skillsChartSideInformationPanel","_learnerSkillCard","_searchValueIncluded","_timeFormat","_cardsList","_title","_colors","_style","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","roundScore","value","Math","round","ChangeSkillFocusButton","props","context","onClick","skin","translate","primarySkinColor","_get2","createElement","customStyle","backgroundColor","convert","color","transition","hoverBackgroundColor","hoverColor","COLORS","white","label","icon","position","faIcon","name","size","contextTypes","Provider","childContextTypes","propTypes","process","env","NODE_ENV","PropTypes","func","FilterButton","active","filter","skillTotal","Content","useCallback","className","style","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","useState","selectedSkillsList","setSelectedSkillsList","skillFocusSelectedOnChart","setSkillFocusSelectedOnChart","undefined","searchValue","setSearchValue","searchResults","setSearchResults","_sortBy2","skillRef","_getOr2","activeFilter","setActiveFilter","skillsReviewReady","useMemo","skill","availableForReview","graphDatas","_pipe2","_map2","_fromPairs2","graphLegends","filters","all","review","sumKpi","kpi","skillFocusSelectedOnChartScore","_sumBy2","stats","coursedCompletedData","questionsToReviewData","learningTimeData","skillChartPaneLegends","focusedSkill","skillChartPanelProps","title","legend","iconName","turquoise_100","formatMinutes","pink_100","orange_100","skillsScore","handleOnDotClick","handleOpenSkillPicker","handleCloseSkillPicker","handleConfirmSkillPicker","focusSkillList","handleSearch","searchValueIncluded","handleSearchReset","ReviewTooltipContent","backgroundContainer","_isEmpty2","cards","cardsListContainer","type","subtitle","iconColor","cm_orange_800","borderRadius","tag","_size2","container","isOpen","onCancel","onConfirm","onClose","skillFocusContainer","skillFocusHeader","skillFocusHeaderWrapper","skillFocusHeaderIcon","purple_100","faSize","wrapperSize","skillFocusHeaderContent","skillFocusHeaderTitle","skillFocusHeaderDescription","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","_keys2","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","CardsList","_default","exports"],"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/lib/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;

package/lib/template/skill-detail/all-courses.d.ts

@@ -34,7 +34,6 @@ declare const AllCourses: {
             onChange?: ((value: string) => void) | undefined;
             options?: unknown[] | undefined;
         };
-        sorting?: unknown;
     }, context: ProviderContext): JSX.Element;
     contextTypes: {
         skin: PropTypes.Requireable<PropTypes.InferProps<{
@@ -78,37 +77,6 @@ declare const AllCourses: {
                 validOption: PropTypes.Requireable<boolean>;
             }> | null | undefined)[]>;
         }>>;
-        sorting: PropTypes.Requireable<PropTypes.InferProps<{
-            title: PropTypes.Requireable<string>;
-            name: PropTypes.Requireable<string>;
-            className: PropTypes.Requireable<string>;
-            borderClassName: PropTypes.Requireable<string>;
-            disabled: PropTypes.Requireable<boolean>;
-            multiple: PropTypes.Requireable<boolean>;
-            description: PropTypes.Requireable<string>;
-            required: PropTypes.Requireable<boolean>;
-            onChange: PropTypes.Requireable<(...args: any[]) => any>;
-            theme: PropTypes.Requireable<string>;
-            options: PropTypes.Requireable<(PropTypes.InferProps<{
-                name: PropTypes.Validator<string>;
-                value: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
-                selected: PropTypes.Requireable<boolean>;
-                validOption: PropTypes.Requireable<boolean>;
-            }> | null | undefined)[]>;
-            optgroups: PropTypes.Requireable<(PropTypes.InferProps<{
-                label: PropTypes.Validator<string>;
-                options: PropTypes.Requireable<(PropTypes.InferProps<{
-                    name: PropTypes.Validator<string>;
-                    value: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
-                    selected: PropTypes.Requireable<boolean>;
-                    validOption: PropTypes.Requireable<boolean>;
-                }> | null | undefined)[]>;
-            }> | null | undefined)[]>;
-            modified: PropTypes.Requireable<boolean>;
-            error: PropTypes.Requireable<boolean>;
-            'aria-label': PropTypes.Requireable<string>;
-            'aria-labelledby': PropTypes.Requireable<string>;
-        }>>;
         bannerMicrolearning: PropTypes.Requireable<PropTypes.InferProps<{
             type: PropTypes.Requireable<string>;
             action: PropTypes.Requireable<(...args: any[]) => any>;

package/lib/template/skill-detail/all-courses.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"all-courses.d.ts","sourceRoot":"","sources":["../../../src/template/skill-detail/all-courses.tsx"],"names":[],"mappings":";AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AAMnC,OAAkB,EAAC,cAAc,EAAC,MAAM,2BAA2B,CAAC;AAQpE,UAAU,eAAe;IACvB,IAAI,EAAE;QACJ,MAAM,EAAE;YACN,OAAO,EAAE,MAAM,CAAC;YAChB,SAAS,EAAE,MAAM,CAAC;SACnB,CAAC;KACH,CAAC;IACF,SAAS,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,GAAG,KAAK,MAAM,CAAC;CACnD;AAgDD,QAAA,MAAM,UAAU;;;;;;iBAMH;YACP,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC,CAAC;YAC7B,OAAO,CAAC,EAAE,OAAO,CAAC;SACnB;;;sBAGW,MAAM;8BACE,MAAM,KAAK,IAAI;;;kBAG3B,OAAO,GAAG,UAAU;oBAClB,MAAM,IAAI;4BACF,OAAO;;;gCAGJ,MAAM,KAAK,IAAI;;;kBAG1B,OAAO;gBAEV,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgKzB,CAAC;AA0BF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"all-courses.d.ts","sourceRoot":"","sources":["../../../src/template/skill-detail/all-courses.tsx"],"names":[],"mappings":";AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AAMnC,OAAkB,EAAC,cAAc,EAAC,MAAM,2BAA2B,CAAC;AAQpE,UAAU,eAAe;IACvB,IAAI,EAAE;QACJ,MAAM,EAAE;YACN,OAAO,EAAE,MAAM,CAAC;YAChB,SAAS,EAAE,MAAM,CAAC;SACnB,CAAC;KACH,CAAC;IACF,SAAS,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,GAAG,KAAK,MAAM,CAAC;CACnD;AAgDD,QAAA,MAAM,UAAU;;;;;;iBAMH;YACP,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC,CAAC;YAC7B,OAAO,CAAC,EAAE,OAAO,CAAC;SACnB;;;sBAGW,MAAM;8BACE,MAAM,KAAK,IAAI;;;kBAG3B,OAAO,GAAG,UAAU;oBAClB,MAAM,IAAI;4BACF,OAAO;;;gCAGJ,MAAM,KAAK,IAAI;;;gBAI7B,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkJzB,CAAC;AAyBF,eAAe,UAAU,CAAC"}