@coorpacademy/components 11.38.8-alpha.1 → 11.38.8-alpha.2

package/es/atom/select/index.d.ts

@@ -46,6 +46,7 @@ declare namespace Select {
         className: PropTypes.Requireable<string>;
         borderClassName: PropTypes.Requireable<string>;
         disabled: PropTypes.Requireable<boolean>;
+        readOnly: PropTypes.Requireable<boolean>;
         multiple: PropTypes.Requireable<boolean>;
         description: PropTypes.Requireable<string>;
         required: PropTypes.Requireable<boolean>;

package/es/atom/select/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/select/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAwDA,qEA+MC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/select/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAwDA,qEAkNC"}

package/es/atom/select/index.js

@@ -61,6 +61,7 @@ const Select = (props, legacyContext) => {
     onChange,
     multiple = false,
     disabled,
+    readOnly,
     required,
     description,
     theme,
@@ -73,16 +74,17 @@ const Select = (props, legacyContext) => {
   const skin = GetSkinFromContext(legacyContext);
   const title = useMemo(() => propTitle ? `${propTitle}${required ? '*' : ''}` : null, [propTitle, required]);
   const [isArrowUp, setIsArrowUp] = useState(false);
+  const isNonInteractive = disabled || readOnly;
   const handleSelectOnFocus = useCallback(() => {
-    if (!disabled) {
+    if (!isNonInteractive) {
       setIsArrowUp(true);
     }
-  }, [disabled]);
+  }, [isNonInteractive]);
   const handleSelectOnBlur = useCallback(() => {
-    if (!disabled) {
+    if (!isNonInteractive) {
       setIsArrowUp(false);
     }
-  }, [disabled]);
+  }, [isNonInteractive]);
   const selectOption = (option, index) => {
     return /*#__PURE__*/React.createElement("option", {
       key: index,
@@ -114,16 +116,16 @@ const Select = (props, legacyContext) => {
     selected: true
   }, options)), [options, theme]);
   const handleChange = useMemo(() => multiple ? e => {
-    if (!disabled && onChange) {
+    if (!isNonInteractive && onChange) {
       setIsArrowUp(false);
       onChange(map(get('value'), e.target.selectedOptions));
     }
   } : e => {
-    if (!disabled && onChange) {
+    if (!isNonInteractive && onChange) {
       setIsArrowUp(false);
       onChange(e.target.value);
     }
-  }, [onChange, multiple, disabled]);
+  }, [onChange, multiple, isNonInteractive]);
   const black = useMemo(() => getOr('#14171A', 'common.black', skin), [skin]);
   const color = useMemo(() => getOr('#00B0FF', 'common.primary', skin), [skin]);
   const isThemeOneOfQuestionTemplateOrPlayer = useMemo(() => includes(theme, ['question', 'template', 'player']), [theme]);
@@ -173,14 +175,14 @@ const Select = (props, legacyContext) => {
     onChange: handleChange,
     value: selected,
     multiple: multiple,
-    disabled: disabled,
-    onClick: disabled ? undefined : handleSelectOnFocus,
-    onBlur: disabled ? undefined : handleSelectOnBlur
+    disabled: disabled || readOnly,
+    onClick: isNonInteractive ? undefined : handleSelectOnFocus,
+    onBlur: isNonInteractive ? undefined : handleSelectOnBlur
     // onBlur does not handle completely an out of bounds click
     // ex: select is Opened and a click is done outside, cancelling the select
     // that doesn't count as a Blur, so an onMouseLeave is needed
     ,
-    onMouseLeave: disabled ? undefined : handleSelectOnBlur,
+    onMouseLeave: isNonInteractive ? undefined : handleSelectOnBlur,
     "data-testid": "native-select"
   }), optionList)), /*#__PURE__*/React.createElement("div", {
     className: style.description
@@ -205,6 +207,7 @@ Select.propTypes = process.env.NODE_ENV !== "production" ? {
   className: PropTypes.string,
   borderClassName: PropTypes.string,
   disabled: PropTypes.bool,
+  readOnly: PropTypes.bool,
   multiple: PropTypes.bool,
   description: PropTypes.string,
   required: PropTypes.bool,

package/es/atom/select/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useCallback","useMemo","useState","PropTypes","classnames","concat","filter","find","flatMapDeep","get","getOr","includes","isEmpty","keys","map","size","NovaCompositionNavigationArrowDown","ArrowDown","NovaCompositionNavigationArrowTop","ArrowUp","Provider","GetSkinFromContext","getClassState","style","themeStyle","invalid","header","mooc","question","sort","thematiques","player","template","skillDetail","coorpmanager","ArrowView","shouldRender","isArrowUp","ariaLabel","arrowClass","arrowColor","props","color","className","createElement","_extends","Select","legacyContext","name","options","optgroups","borderClassName","onChange","multiple","disabled","required","description","theme","modified","error","title","propTitle","ariaLabelledBy","skin","setIsArrowUp","handleSelectOnFocus","handleSelectOnBlur","selectOption","option","index","key","value","optionList","optgroup","label","i","titleView","selected","selectedLabel","isSelectedInValidOption","validOption","handleChange","e","target","selectedOptions","black","isThemeOneOfQuestionTemplateOrPlayer","shouldUseSkinFontColor","undefined","behaviorClassName","defaultStyle","composedClassName","unselected","labelSize","isLongLabel","selectWrapper","selectSpan","noLabelCommon","longLabel","selectedArrow","arrow","selectBox","onClick","onBlur","onMouseLeave","SelectOptionPropTypes","string","isRequired","oneOfType","number","bool","SelectOptionGroupPropTypes","arrayOf","shape","contextTypes","childContextTypes","propTypes","process","env","NODE_ENV","func","oneOf"],"sources":["../../../src/atom/select/index.js"],"sourcesContent":["import React, {useCallback, useMemo, useState} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport concat from 'lodash/fp/concat';\nimport filter from 'lodash/fp/filter';\nimport find from 'lodash/fp/find';\nimport flatMapDeep from 'lodash/fp/flatMapDeep';\nimport get from 'lodash/fp/get';\nimport getOr from 'lodash/fp/getOr';\nimport includes from 'lodash/fp/includes';\nimport isEmpty from 'lodash/fp/isEmpty';\nimport keys from 'lodash/fp/keys';\nimport map from 'lodash/fp/map';\nimport size from 'lodash/fp/size';\nimport {\n  NovaCompositionNavigationArrowDown as ArrowDown,\n  NovaCompositionNavigationArrowTop as ArrowUp\n} from '@coorpacademy/nova-icons';\nimport Provider, {GetSkinFromContext} from '../provider';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst themeStyle = {\n  filter: style.filter,\n  invalid: style.invalid,\n  header: style.header,\n  mooc: style.mooc,\n  question: style.question,\n  sort: style.sort,\n  thematiques: style.thematiques,\n  player: style.player,\n  template: style.template,\n  skillDetail: style.skillDetail,\n  coorpmanager: null\n};\n\nconst ArrowView = ({shouldRender, isArrowUp, ariaLabel, arrowClass, arrowColor}) => {\n  const props = useMemo(\n    () => ({\n      ...(arrowColor &\n        {\n          color: arrowColor\n        }),\n      className: arrowClass\n    }),\n    [arrowClass, arrowColor]\n  );\n  if (shouldRender) {\n    return isArrowUp ? (\n      <ArrowUp {...props} data-testid=\"select-arrow-up-icon\" />\n    ) : (\n      <ArrowDown {...props} data-testid=\"select-arrow-down-icon\" />\n    );\n  } else return null;\n};\n\nconst Select = (props, legacyContext) => {\n  const {\n    name,\n    options = [],\n    optgroups = [],\n    className,\n    borderClassName,\n    onChange,\n    multiple = false,\n    disabled,\n    required,\n    description,\n    theme,\n    modified = false,\n    error = false,\n    title: propTitle,\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledBy\n  } = props;\n\n  const skin = GetSkinFromContext(legacyContext);\n  const title = useMemo(\n    () => (propTitle ? `${propTitle}${required ? '*' : ''}` : null),\n    [propTitle, required]\n  );\n\n  const [isArrowUp, setIsArrowUp] = useState(false);\n\n  const handleSelectOnFocus = useCallback(() => {\n    if (!disabled) {\n      setIsArrowUp(true);\n    }\n  }, [disabled]);\n  const handleSelectOnBlur = useCallback(() => {\n    if (!disabled) {\n      setIsArrowUp(false);\n    }\n  }, [disabled]);\n\n  const selectOption = (option, index) => {\n    return (\n      <option key={index} value={option.value} className={style.selectOption}>\n        {option.name}\n      </option>\n    );\n  };\n\n  const optionList = !isEmpty(options)\n    ? options.map((option, index) => selectOption(option, index))\n    : optgroups.map((optgroup, index) => {\n        return (\n          <optgroup key={index} label={optgroup.label}>\n            {optgroup.options && optgroup.options.map((option, i) => selectOption(option, i))}\n          </optgroup>\n        );\n      });\n\n  const titleView = title ? <span className={style.title}>{title}</span> : null;\n\n  const selected = useMemo(\n    () =>\n      multiple\n        ? map(get('value'), filter({selected: true}, options))\n        : get('value', find({selected: true}, concat(options, flatMapDeep('options', optgroups)))),\n    [multiple, options, optgroups]\n  );\n  const selectedLabel = useMemo(\n    () =>\n      multiple\n        ? map(get('name'), filter({selected: true}, options))\n        : get('name', find({selected: true}, concat(options, flatMapDeep('options', optgroups)))),\n    [multiple, options, optgroups]\n  );\n\n  const isSelectedInValidOption = useMemo(\n    () =>\n      theme === 'player' &&\n      getOr(false, 'name', find({validOption: false, selected: true}, options)),\n    [options, theme]\n  );\n\n  const handleChange = useMemo(\n    () =>\n      multiple\n        ? e => {\n            if (!disabled && onChange) {\n              setIsArrowUp(false);\n              onChange(map(get('value'), e.target.selectedOptions));\n            }\n          }\n        : e => {\n            if (!disabled && onChange) {\n              setIsArrowUp(false);\n              onChange(e.target.value);\n            }\n          },\n    [onChange, multiple, disabled]\n  );\n\n  const black = useMemo(() => getOr('#14171A', 'common.black', skin), [skin]);\n  const color = useMemo(() => getOr('#00B0FF', 'common.primary', skin), [skin]);\n  const isThemeOneOfQuestionTemplateOrPlayer = useMemo(\n    () => includes(theme, ['question', 'template', 'player']),\n    [theme]\n  );\n  const shouldUseSkinFontColor = useMemo(\n    () => !isSelectedInValidOption && selected && isThemeOneOfQuestionTemplateOrPlayer,\n    [isSelectedInValidOption, selected, isThemeOneOfQuestionTemplateOrPlayer]\n  );\n  const arrowColor = selected ? color : undefined;\n\n  const behaviorClassName = useMemo(\n    () => getClassState(style.defaultStyle, style.modified, style.error, modified, error),\n    [error, modified]\n  );\n  const composedClassName = useMemo(\n    () =>\n      classnames(\n        theme && theme !== 'coorpmanager' ? themeStyle[theme] : behaviorClassName,\n        selected ? style.selected : style.unselected,\n        disabled ? style.disabled : null,\n        className\n      ),\n    [behaviorClassName, className, selected, theme, disabled]\n  );\n\n  const labelSize = useMemo(() => size(selectedLabel), [selectedLabel]);\n\n  const isLongLabel = useMemo(() => labelSize >= 65, [labelSize]);\n\n  return (\n    <div\n      className={classnames(\n        composedClassName,\n        theme === 'coorpmanager' ? style.coorpmanager : null\n      )}\n    >\n      <label\n        data-testid=\"select-wrapper\"\n        data-name=\"select-wrapper\"\n        title={title}\n        style={{\n          ...(shouldUseSkinFontColor && {\n            color\n          })\n        }}\n        className={style.selectWrapper}\n      >\n        {titleView}\n        <span\n          data-testid=\"select-span\"\n          data-name=\"select-span\"\n          className={classnames(\n            style.selectSpan,\n            includes(theme, [\n              'player',\n              'invalid',\n              'question',\n              'thematiques',\n              'template',\n              'skillDetail'\n            ])\n              ? style.noLabelCommon\n              : null,\n            borderClassName,\n            isLongLabel ? style.longLabel : null\n          )}\n          style={{\n            ...(shouldUseSkinFontColor && {\n              color\n            })\n          }}\n        >\n          {selectedLabel}\n        </span>\n        <ArrowView\n          shouldRender={!multiple}\n          isArrowUp={isArrowUp}\n          ariaLabel={ariaLabel}\n          arrowClass={shouldUseSkinFontColor ? style.selectedArrow : style.arrow}\n          arrowColor={isThemeOneOfQuestionTemplateOrPlayer ? arrowColor : black}\n        />\n        <select\n          {...(ariaLabelledBy ? {'aria-labelledby': ariaLabelledBy} : {})}\n          {...(ariaLabel && !ariaLabelledBy ? {'aria-label': ariaLabel} : {})}\n          {...(ariaLabel ? {title: ariaLabel} : {})}\n          data-name=\"native-select\"\n          className={style.selectBox}\n          name={name}\n          onChange={handleChange}\n          value={selected}\n          multiple={multiple}\n          disabled={disabled}\n          onClick={disabled ? undefined : handleSelectOnFocus}\n          onBlur={disabled ? undefined : handleSelectOnBlur}\n          // onBlur does not handle completely an out of bounds click\n          // ex: select is Opened and a click is done outside, cancelling the select\n          // that doesn't count as a Blur, so an onMouseLeave is needed\n          onMouseLeave={disabled ? undefined : handleSelectOnBlur}\n          data-testid=\"native-select\"\n        >\n          {optionList}\n        </select>\n      </label>\n      <div className={style.description}>{description}</div>\n    </div>\n  );\n};\n\nexport const SelectOptionPropTypes = {\n  name: PropTypes.string.isRequired,\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  selected: PropTypes.bool,\n  validOption: PropTypes.bool\n};\n\nexport const SelectOptionGroupPropTypes = {\n  label: PropTypes.string.isRequired,\n  options: PropTypes.arrayOf(PropTypes.shape(SelectOptionPropTypes))\n};\n\nSelect.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nSelect.propTypes = {\n  title: PropTypes.string,\n  name: PropTypes.string,\n  className: PropTypes.string,\n  borderClassName: PropTypes.string,\n  disabled: PropTypes.bool,\n  multiple: PropTypes.bool,\n  description: PropTypes.string,\n  required: PropTypes.bool,\n  onChange: PropTypes.func,\n  theme: PropTypes.oneOf(keys(themeStyle)),\n  options: PropTypes.arrayOf(PropTypes.shape(SelectOptionPropTypes)),\n  optgroups: PropTypes.arrayOf(PropTypes.shape(SelectOptionGroupPropTypes)),\n  modified: PropTypes.bool,\n  error: PropTypes.bool,\n  'aria-label': PropTypes.string,\n  'aria-labelledby': PropTypes.string\n};\n\nexport default Select;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useCallback","useMemo","useState","PropTypes","classnames","concat","filter","find","flatMapDeep","get","getOr","includes","isEmpty","keys","map","size","NovaCompositionNavigationArrowDown","ArrowDown","NovaCompositionNavigationArrowTop","ArrowUp","Provider","GetSkinFromContext","getClassState","style","themeStyle","invalid","header","mooc","question","sort","thematiques","player","template","skillDetail","coorpmanager","ArrowView","shouldRender","isArrowUp","ariaLabel","arrowClass","arrowColor","props","color","className","createElement","_extends","Select","legacyContext","name","options","optgroups","borderClassName","onChange","multiple","disabled","readOnly","required","description","theme","modified","error","title","propTitle","ariaLabelledBy","skin","setIsArrowUp","isNonInteractive","handleSelectOnFocus","handleSelectOnBlur","selectOption","option","index","key","value","optionList","optgroup","label","i","titleView","selected","selectedLabel","isSelectedInValidOption","validOption","handleChange","e","target","selectedOptions","black","isThemeOneOfQuestionTemplateOrPlayer","shouldUseSkinFontColor","undefined","behaviorClassName","defaultStyle","composedClassName","unselected","labelSize","isLongLabel","selectWrapper","selectSpan","noLabelCommon","longLabel","selectedArrow","arrow","selectBox","onClick","onBlur","onMouseLeave","SelectOptionPropTypes","string","isRequired","oneOfType","number","bool","SelectOptionGroupPropTypes","arrayOf","shape","contextTypes","childContextTypes","propTypes","process","env","NODE_ENV","func","oneOf"],"sources":["../../../src/atom/select/index.js"],"sourcesContent":["import React, {useCallback, useMemo, useState} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport concat from 'lodash/fp/concat';\nimport filter from 'lodash/fp/filter';\nimport find from 'lodash/fp/find';\nimport flatMapDeep from 'lodash/fp/flatMapDeep';\nimport get from 'lodash/fp/get';\nimport getOr from 'lodash/fp/getOr';\nimport includes from 'lodash/fp/includes';\nimport isEmpty from 'lodash/fp/isEmpty';\nimport keys from 'lodash/fp/keys';\nimport map from 'lodash/fp/map';\nimport size from 'lodash/fp/size';\nimport {\n  NovaCompositionNavigationArrowDown as ArrowDown,\n  NovaCompositionNavigationArrowTop as ArrowUp\n} from '@coorpacademy/nova-icons';\nimport Provider, {GetSkinFromContext} from '../provider';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst themeStyle = {\n  filter: style.filter,\n  invalid: style.invalid,\n  header: style.header,\n  mooc: style.mooc,\n  question: style.question,\n  sort: style.sort,\n  thematiques: style.thematiques,\n  player: style.player,\n  template: style.template,\n  skillDetail: style.skillDetail,\n  coorpmanager: null\n};\n\nconst ArrowView = ({shouldRender, isArrowUp, ariaLabel, arrowClass, arrowColor}) => {\n  const props = useMemo(\n    () => ({\n      ...(arrowColor &\n        {\n          color: arrowColor\n        }),\n      className: arrowClass\n    }),\n    [arrowClass, arrowColor]\n  );\n  if (shouldRender) {\n    return isArrowUp ? (\n      <ArrowUp {...props} data-testid=\"select-arrow-up-icon\" />\n    ) : (\n      <ArrowDown {...props} data-testid=\"select-arrow-down-icon\" />\n    );\n  } else return null;\n};\n\nconst Select = (props, legacyContext) => {\n  const {\n    name,\n    options = [],\n    optgroups = [],\n    className,\n    borderClassName,\n    onChange,\n    multiple = false,\n    disabled,\n    readOnly,\n    required,\n    description,\n    theme,\n    modified = false,\n    error = false,\n    title: propTitle,\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledBy\n  } = props;\n\n  const skin = GetSkinFromContext(legacyContext);\n  const title = useMemo(\n    () => (propTitle ? `${propTitle}${required ? '*' : ''}` : null),\n    [propTitle, required]\n  );\n\n  const [isArrowUp, setIsArrowUp] = useState(false);\n\n  const isNonInteractive = disabled || readOnly;\n\n  const handleSelectOnFocus = useCallback(() => {\n    if (!isNonInteractive) {\n      setIsArrowUp(true);\n    }\n  }, [isNonInteractive]);\n  const handleSelectOnBlur = useCallback(() => {\n    if (!isNonInteractive) {\n      setIsArrowUp(false);\n    }\n  }, [isNonInteractive]);\n\n  const selectOption = (option, index) => {\n    return (\n      <option key={index} value={option.value} className={style.selectOption}>\n        {option.name}\n      </option>\n    );\n  };\n\n  const optionList = !isEmpty(options)\n    ? options.map((option, index) => selectOption(option, index))\n    : optgroups.map((optgroup, index) => {\n        return (\n          <optgroup key={index} label={optgroup.label}>\n            {optgroup.options && optgroup.options.map((option, i) => selectOption(option, i))}\n          </optgroup>\n        );\n      });\n\n  const titleView = title ? <span className={style.title}>{title}</span> : null;\n\n  const selected = useMemo(\n    () =>\n      multiple\n        ? map(get('value'), filter({selected: true}, options))\n        : get('value', find({selected: true}, concat(options, flatMapDeep('options', optgroups)))),\n    [multiple, options, optgroups]\n  );\n  const selectedLabel = useMemo(\n    () =>\n      multiple\n        ? map(get('name'), filter({selected: true}, options))\n        : get('name', find({selected: true}, concat(options, flatMapDeep('options', optgroups)))),\n    [multiple, options, optgroups]\n  );\n\n  const isSelectedInValidOption = useMemo(\n    () =>\n      theme === 'player' &&\n      getOr(false, 'name', find({validOption: false, selected: true}, options)),\n    [options, theme]\n  );\n\n  const handleChange = useMemo(\n    () =>\n      multiple\n        ? e => {\n            if (!isNonInteractive && onChange) {\n              setIsArrowUp(false);\n              onChange(map(get('value'), e.target.selectedOptions));\n            }\n          }\n        : e => {\n            if (!isNonInteractive && onChange) {\n              setIsArrowUp(false);\n              onChange(e.target.value);\n            }\n          },\n    [onChange, multiple, isNonInteractive]\n  );\n\n  const black = useMemo(() => getOr('#14171A', 'common.black', skin), [skin]);\n  const color = useMemo(() => getOr('#00B0FF', 'common.primary', skin), [skin]);\n  const isThemeOneOfQuestionTemplateOrPlayer = useMemo(\n    () => includes(theme, ['question', 'template', 'player']),\n    [theme]\n  );\n  const shouldUseSkinFontColor = useMemo(\n    () => !isSelectedInValidOption && selected && isThemeOneOfQuestionTemplateOrPlayer,\n    [isSelectedInValidOption, selected, isThemeOneOfQuestionTemplateOrPlayer]\n  );\n  const arrowColor = selected ? color : undefined;\n\n  const behaviorClassName = useMemo(\n    () => getClassState(style.defaultStyle, style.modified, style.error, modified, error),\n    [error, modified]\n  );\n  const composedClassName = useMemo(\n    () =>\n      classnames(\n        theme && theme !== 'coorpmanager' ? themeStyle[theme] : behaviorClassName,\n        selected ? style.selected : style.unselected,\n        disabled ? style.disabled : null,\n        className\n      ),\n    [behaviorClassName, className, selected, theme, disabled]\n  );\n\n  const labelSize = useMemo(() => size(selectedLabel), [selectedLabel]);\n\n  const isLongLabel = useMemo(() => labelSize >= 65, [labelSize]);\n\n  return (\n    <div\n      className={classnames(\n        composedClassName,\n        theme === 'coorpmanager' ? style.coorpmanager : null\n      )}\n    >\n      <label\n        data-testid=\"select-wrapper\"\n        data-name=\"select-wrapper\"\n        title={title}\n        style={{\n          ...(shouldUseSkinFontColor && {\n            color\n          })\n        }}\n        className={style.selectWrapper}\n      >\n        {titleView}\n        <span\n          data-testid=\"select-span\"\n          data-name=\"select-span\"\n          className={classnames(\n            style.selectSpan,\n            includes(theme, [\n              'player',\n              'invalid',\n              'question',\n              'thematiques',\n              'template',\n              'skillDetail'\n            ])\n              ? style.noLabelCommon\n              : null,\n            borderClassName,\n            isLongLabel ? style.longLabel : null\n          )}\n          style={{\n            ...(shouldUseSkinFontColor && {\n              color\n            })\n          }}\n        >\n          {selectedLabel}\n        </span>\n        <ArrowView\n          shouldRender={!multiple}\n          isArrowUp={isArrowUp}\n          ariaLabel={ariaLabel}\n          arrowClass={shouldUseSkinFontColor ? style.selectedArrow : style.arrow}\n          arrowColor={isThemeOneOfQuestionTemplateOrPlayer ? arrowColor : black}\n        />\n        <select\n          {...(ariaLabelledBy ? {'aria-labelledby': ariaLabelledBy} : {})}\n          {...(ariaLabel && !ariaLabelledBy ? {'aria-label': ariaLabel} : {})}\n          {...(ariaLabel ? {title: ariaLabel} : {})}\n          data-name=\"native-select\"\n          className={style.selectBox}\n          name={name}\n          onChange={handleChange}\n          value={selected}\n          multiple={multiple}\n          disabled={disabled || readOnly}\n          onClick={isNonInteractive ? undefined : handleSelectOnFocus}\n          onBlur={isNonInteractive ? undefined : handleSelectOnBlur}\n          // onBlur does not handle completely an out of bounds click\n          // ex: select is Opened and a click is done outside, cancelling the select\n          // that doesn't count as a Blur, so an onMouseLeave is needed\n          onMouseLeave={isNonInteractive ? undefined : handleSelectOnBlur}\n          data-testid=\"native-select\"\n        >\n          {optionList}\n        </select>\n      </label>\n      <div className={style.description}>{description}</div>\n    </div>\n  );\n};\n\nexport const SelectOptionPropTypes = {\n  name: PropTypes.string.isRequired,\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  selected: PropTypes.bool,\n  validOption: PropTypes.bool\n};\n\nexport const SelectOptionGroupPropTypes = {\n  label: PropTypes.string.isRequired,\n  options: PropTypes.arrayOf(PropTypes.shape(SelectOptionPropTypes))\n};\n\nSelect.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nSelect.propTypes = {\n  title: PropTypes.string,\n  name: PropTypes.string,\n  className: PropTypes.string,\n  borderClassName: PropTypes.string,\n  disabled: PropTypes.bool,\n  readOnly: PropTypes.bool,\n  multiple: PropTypes.bool,\n  description: PropTypes.string,\n  required: PropTypes.bool,\n  onChange: PropTypes.func,\n  theme: PropTypes.oneOf(keys(themeStyle)),\n  options: PropTypes.arrayOf(PropTypes.shape(SelectOptionPropTypes)),\n  optgroups: PropTypes.arrayOf(PropTypes.shape(SelectOptionGroupPropTypes)),\n  modified: PropTypes.bool,\n  error: PropTypes.bool,\n  'aria-label': PropTypes.string,\n  'aria-labelledby': PropTypes.string\n};\n\nexport default Select;\n"],"mappings":"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","ignoreList":[]}

package/es/molecule/card/favorite.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"favorite.d.ts","sourceRoot":"","sources":["../../../src/molecule/card/favorite.js"],"names":[],"mappings":";AAcA;;;;;;;;oCAkJC"}
+{"version":3,"file":"favorite.d.ts","sourceRoot":"","sources":["../../../src/molecule/card/favorite.js"],"names":[],"mappings":";AAcA;;;;;;;;oCA+JC"}

package/es/molecule/card/favorite.js

@@ -65,6 +65,19 @@ const Favorite = ({
     });
     return () => window.removeEventListener('scroll', hide);
   }, [toolTipIsVisible]);
+
+  // Hide tooltip when favorite state changes
+  // This prevents showing stale tooltip content
+  useEffect(() => {
+    if (toolTipIsVisible) {
+      setToolTipIsVisible(false);
+    }
+    if (mouseLeaveTimer) {
+      clearTimeout(mouseLeaveTimer);
+      setMouseLeaveTimer(undefined);
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [favorite]);
   const handleKeyPress = useCallback(event => {
     toggleStateOnKeyPress(toolTipIsVisible, setToolTipIsVisible, buttonRef)(event);
   }, [toolTipIsVisible]);

package/es/molecule/card/favorite.js.map

@@ -1 +1 @@
-{"version":3,"file":"favorite.js","names":["React","useCallback","useEffect","useMemo","useRef","useState","PropTypes","classnames","v5","uuidV5","NovaCompositionNavigationMore","MoreIcon","NovaCompositionCoorpacademyCheck","CheckIcon","Provider","GetSkinFromContext","GetTranslateFromContext","ToolTip","toggleStateOnKeyPress","Button","style","Favorite","favorite","addFavoriteToolTip","removeFavoriteToolTip","className","ariaLabel","onFavoriteClick","_noop","disabled","legacyContext","skin","translate","handleFavoriteClick","e","stopPropagation","preventDefault","primaryColor","_get","darkColor","brandColor","buttonRef","allowToolTip","_isEmpty","favoriteButtonAnchorId","URL","undefined","toolTipContent","mouseLeaveTimer","setMouseLeaveTimer","toolTipIsVisible","setToolTipIsVisible","handleMouseOver","clearTimeout","_has","current","focus","handleMouseLeave","setTimeout","blur","hide","window","addEventListener","passive","removeEventListener","handleKeyPress","event","iconWrapperClassName","selected","icon","createElement","checkIcon","color","width","height","removeFromFavorite","moreIcon","addToFavorite","favoriteWrapper","type","buttonContentClassName","onClick","onKeyDown","onMouseLeave","onMouseOver","tabIndex","useButtonTag","useWrapper","fontSize","anchorId","TooltipContent","closeToolTipInformationTextAriaLabel","stickyOnKeyboardNavigation","propTypes","process","env","NODE_ENV","string","bool","func","shape","contextTypes","childContextTypes"],"sources":["../../../src/molecule/card/favorite.js"],"sourcesContent":["import React, {useCallback, useEffect, useMemo, useRef, useState} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {v5 as uuidV5} from 'uuid';\nimport {get, has, isEmpty, noop} from 'lodash/fp';\nimport {\n  NovaCompositionNavigationMore as MoreIcon,\n  NovaCompositionCoorpacademyCheck as CheckIcon\n} from '@coorpacademy/nova-icons';\nimport Provider, {GetSkinFromContext, GetTranslateFromContext} from '../../atom/provider';\nimport ToolTip, {toggleStateOnKeyPress} from '../../atom/tooltip';\nimport Button from '../../atom/button';\nimport style from './favorite.css';\n\nconst Favorite = (\n  {\n    favorite,\n    addFavoriteToolTip,\n    removeFavoriteToolTip,\n    className,\n    'aria-label': ariaLabel = {},\n    onFavoriteClick = noop,\n    disabled\n  },\n  legacyContext\n) => {\n  const skin = GetSkinFromContext(legacyContext);\n  const translate = GetTranslateFromContext(legacyContext);\n  const handleFavoriteClick = useCallback(\n    e => {\n      e.stopPropagation();\n      e.preventDefault();\n      if (!disabled) onFavoriteClick(e);\n    },\n    [disabled, onFavoriteClick]\n  );\n\n  const primaryColor = get('common.primary', skin);\n  const darkColor = get('common.dark', skin);\n  const brandColor = get('common.brand', skin);\n\n  const buttonRef = useRef(null);\n\n  const allowToolTip = useMemo(\n    () => !isEmpty(removeFavoriteToolTip) && !isEmpty(addFavoriteToolTip),\n    [addFavoriteToolTip, removeFavoriteToolTip]\n  );\n\n  // to be replaced by useId when React17 is bumped to React18\n  const [favoriteButtonAnchorId] = useState(\n    allowToolTip ? uuidV5('engaged-battle-', uuidV5.URL) : undefined\n  );\n\n  const toolTipContent = useMemo(\n    // eslint-disable-next-line no-nested-ternary\n    () => (allowToolTip ? (favorite ? removeFavoriteToolTip : addFavoriteToolTip) : null),\n    [addFavoriteToolTip, favorite, removeFavoriteToolTip, allowToolTip]\n  );\n\n  const [mouseLeaveTimer, setMouseLeaveTimer] = useState(undefined);\n\n  const [toolTipIsVisible, setToolTipIsVisible] = useState(false);\n\n  const handleMouseOver = useCallback(() => {\n    mouseLeaveTimer && clearTimeout(mouseLeaveTimer);\n    /* istanbul ignore next */ has(['current', 'focus'], buttonRef) && buttonRef.current.focus();\n    setToolTipIsVisible(true);\n  }, [mouseLeaveTimer]);\n\n  const handleMouseLeave = useCallback(() => {\n    setMouseLeaveTimer(\n      setTimeout(() => {\n        setToolTipIsVisible(false);\n        // @ts-expect-error (error: blur does not exists on type never)\n        /* istanbul ignore next */ has(['current', 'blur'], buttonRef) && buttonRef.current.blur();\n      }, 500)\n    );\n  }, []);\n\n  useEffect(() => {\n    if (!toolTipIsVisible) return;\n    const hide = () => setToolTipIsVisible(false);\n    if (typeof window === 'undefined') {\n      return;\n    }\n    window.addEventListener('scroll', hide, {passive: true});\n    return () => window.removeEventListener('scroll', hide);\n  }, [toolTipIsVisible]);\n\n  const handleKeyPress = useCallback(\n    event => {\n      toggleStateOnKeyPress(toolTipIsVisible, setToolTipIsVisible, buttonRef)(event);\n    },\n    [toolTipIsVisible]\n  );\n\n  const iconWrapperClassName = useMemo(\n    () => classnames(style.favorite, className, favorite && style.selected),\n    [className, favorite]\n  );\n  const icon = useMemo(\n    () =>\n      favorite ? (\n        <CheckIcon\n          // eslint-disable-next-line css-modules/no-undef-class\n          className={style.checkIcon}\n          style={{color: brandColor}}\n          width={13}\n          height={13}\n          data-testid=\"favorite-check-icon\"\n          aria-label={ariaLabel.removeFromFavorite}\n        />\n      ) : (\n        <MoreIcon\n          className={style.moreIcon}\n          style={{color: darkColor}}\n          width={13}\n          height={13}\n          data-testid=\"favorite-add-icon\"\n          aria-label={ariaLabel.addToFavorite}\n        />\n      ),\n    [ariaLabel.addToFavorite, ariaLabel.removeFromFavorite, brandColor, darkColor, favorite]\n  );\n\n  return (\n    <div className={style.favoriteWrapper} data-testid=\"favorite-wrapper\">\n      <Button\n        buttonRef={buttonRef}\n        type=\"button\"\n        data-for={favoriteButtonAnchorId}\n        data-tooltip-place=\"left\"\n        data-tip={allowToolTip}\n        data-name=\"favorite\"\n        data-testid=\"favorite-button\"\n        aria-label={ariaLabel.favorite}\n        buttonContentClassName={iconWrapperClassName}\n        onClick={handleFavoriteClick}\n        style={{\n          color: primaryColor\n        }}\n        onKeyDown={handleKeyPress}\n        onMouseLeave={handleMouseLeave}\n        onMouseOver={handleMouseOver}\n        tabIndex={0}\n        useButtonTag\n        useWrapper={false}\n      >\n        {icon}\n      </Button>\n      <ToolTip\n        fontSize={12}\n        anchorId={favoriteButtonAnchorId}\n        toolTipIsVisible={toolTipIsVisible}\n        TooltipContent={toolTipContent}\n        closeToolTipInformationTextAriaLabel={translate('close_tooltip_information')}\n        stickyOnKeyboardNavigation\n      />\n    </div>\n  );\n};\n\nFavorite.propTypes = {\n  className: PropTypes.string,\n  favorite: PropTypes.bool,\n  disabled: PropTypes.bool,\n  addFavoriteToolTip: PropTypes.string,\n  removeFavoriteToolTip: PropTypes.string,\n  onFavoriteClick: PropTypes.func,\n  'aria-label': PropTypes.shape({\n    favorite: PropTypes.string,\n    addToFavorite: PropTypes.string,\n    removeFromFavorite: PropTypes.string\n  })\n};\n\nFavorite.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nexport default Favorite;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"favorite.js","names":["React","useCallback","useEffect","useMemo","useRef","useState","PropTypes","classnames","v5","uuidV5","NovaCompositionNavigationMore","MoreIcon","NovaCompositionCoorpacademyCheck","CheckIcon","Provider","GetSkinFromContext","GetTranslateFromContext","ToolTip","toggleStateOnKeyPress","Button","style","Favorite","favorite","addFavoriteToolTip","removeFavoriteToolTip","className","ariaLabel","onFavoriteClick","_noop","disabled","legacyContext","skin","translate","handleFavoriteClick","e","stopPropagation","preventDefault","primaryColor","_get","darkColor","brandColor","buttonRef","allowToolTip","_isEmpty","favoriteButtonAnchorId","URL","undefined","toolTipContent","mouseLeaveTimer","setMouseLeaveTimer","toolTipIsVisible","setToolTipIsVisible","handleMouseOver","clearTimeout","_has","current","focus","handleMouseLeave","setTimeout","blur","hide","window","addEventListener","passive","removeEventListener","handleKeyPress","event","iconWrapperClassName","selected","icon","createElement","checkIcon","color","width","height","removeFromFavorite","moreIcon","addToFavorite","favoriteWrapper","type","buttonContentClassName","onClick","onKeyDown","onMouseLeave","onMouseOver","tabIndex","useButtonTag","useWrapper","fontSize","anchorId","TooltipContent","closeToolTipInformationTextAriaLabel","stickyOnKeyboardNavigation","propTypes","process","env","NODE_ENV","string","bool","func","shape","contextTypes","childContextTypes"],"sources":["../../../src/molecule/card/favorite.js"],"sourcesContent":["import React, {useCallback, useEffect, useMemo, useRef, useState} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {v5 as uuidV5} from 'uuid';\nimport {get, has, isEmpty, noop} from 'lodash/fp';\nimport {\n  NovaCompositionNavigationMore as MoreIcon,\n  NovaCompositionCoorpacademyCheck as CheckIcon\n} from '@coorpacademy/nova-icons';\nimport Provider, {GetSkinFromContext, GetTranslateFromContext} from '../../atom/provider';\nimport ToolTip, {toggleStateOnKeyPress} from '../../atom/tooltip';\nimport Button from '../../atom/button';\nimport style from './favorite.css';\n\nconst Favorite = (\n  {\n    favorite,\n    addFavoriteToolTip,\n    removeFavoriteToolTip,\n    className,\n    'aria-label': ariaLabel = {},\n    onFavoriteClick = noop,\n    disabled\n  },\n  legacyContext\n) => {\n  const skin = GetSkinFromContext(legacyContext);\n  const translate = GetTranslateFromContext(legacyContext);\n  const handleFavoriteClick = useCallback(\n    e => {\n      e.stopPropagation();\n      e.preventDefault();\n      if (!disabled) onFavoriteClick(e);\n    },\n    [disabled, onFavoriteClick]\n  );\n\n  const primaryColor = get('common.primary', skin);\n  const darkColor = get('common.dark', skin);\n  const brandColor = get('common.brand', skin);\n\n  const buttonRef = useRef(null);\n\n  const allowToolTip = useMemo(\n    () => !isEmpty(removeFavoriteToolTip) && !isEmpty(addFavoriteToolTip),\n    [addFavoriteToolTip, removeFavoriteToolTip]\n  );\n\n  // to be replaced by useId when React17 is bumped to React18\n  const [favoriteButtonAnchorId] = useState(\n    allowToolTip ? uuidV5('engaged-battle-', uuidV5.URL) : undefined\n  );\n\n  const toolTipContent = useMemo(\n    // eslint-disable-next-line no-nested-ternary\n    () => (allowToolTip ? (favorite ? removeFavoriteToolTip : addFavoriteToolTip) : null),\n    [addFavoriteToolTip, favorite, removeFavoriteToolTip, allowToolTip]\n  );\n\n  const [mouseLeaveTimer, setMouseLeaveTimer] = useState(undefined);\n\n  const [toolTipIsVisible, setToolTipIsVisible] = useState(false);\n\n  const handleMouseOver = useCallback(() => {\n    mouseLeaveTimer && clearTimeout(mouseLeaveTimer);\n    /* istanbul ignore next */ has(['current', 'focus'], buttonRef) && buttonRef.current.focus();\n    setToolTipIsVisible(true);\n  }, [mouseLeaveTimer]);\n\n  const handleMouseLeave = useCallback(() => {\n    setMouseLeaveTimer(\n      setTimeout(() => {\n        setToolTipIsVisible(false);\n        // @ts-expect-error (error: blur does not exists on type never)\n        /* istanbul ignore next */ has(['current', 'blur'], buttonRef) && buttonRef.current.blur();\n      }, 500)\n    );\n  }, []);\n\n  useEffect(() => {\n    if (!toolTipIsVisible) return;\n    const hide = () => setToolTipIsVisible(false);\n    if (typeof window === 'undefined') {\n      return;\n    }\n    window.addEventListener('scroll', hide, {passive: true});\n    return () => window.removeEventListener('scroll', hide);\n  }, [toolTipIsVisible]);\n\n  // Hide tooltip when favorite state changes\n  // This prevents showing stale tooltip content\n  useEffect(() => {\n    if (toolTipIsVisible) {\n      setToolTipIsVisible(false);\n    }\n    if (mouseLeaveTimer) {\n      clearTimeout(mouseLeaveTimer);\n      setMouseLeaveTimer(undefined);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [favorite]);\n\n  const handleKeyPress = useCallback(\n    event => {\n      toggleStateOnKeyPress(toolTipIsVisible, setToolTipIsVisible, buttonRef)(event);\n    },\n    [toolTipIsVisible]\n  );\n\n  const iconWrapperClassName = useMemo(\n    () => classnames(style.favorite, className, favorite && style.selected),\n    [className, favorite]\n  );\n  const icon = useMemo(\n    () =>\n      favorite ? (\n        <CheckIcon\n          // eslint-disable-next-line css-modules/no-undef-class\n          className={style.checkIcon}\n          style={{color: brandColor}}\n          width={13}\n          height={13}\n          data-testid=\"favorite-check-icon\"\n          aria-label={ariaLabel.removeFromFavorite}\n        />\n      ) : (\n        <MoreIcon\n          className={style.moreIcon}\n          style={{color: darkColor}}\n          width={13}\n          height={13}\n          data-testid=\"favorite-add-icon\"\n          aria-label={ariaLabel.addToFavorite}\n        />\n      ),\n    [ariaLabel.addToFavorite, ariaLabel.removeFromFavorite, brandColor, darkColor, favorite]\n  );\n\n  return (\n    <div className={style.favoriteWrapper} data-testid=\"favorite-wrapper\">\n      <Button\n        buttonRef={buttonRef}\n        type=\"button\"\n        data-for={favoriteButtonAnchorId}\n        data-tooltip-place=\"left\"\n        data-tip={allowToolTip}\n        data-name=\"favorite\"\n        data-testid=\"favorite-button\"\n        aria-label={ariaLabel.favorite}\n        buttonContentClassName={iconWrapperClassName}\n        onClick={handleFavoriteClick}\n        style={{\n          color: primaryColor\n        }}\n        onKeyDown={handleKeyPress}\n        onMouseLeave={handleMouseLeave}\n        onMouseOver={handleMouseOver}\n        tabIndex={0}\n        useButtonTag\n        useWrapper={false}\n      >\n        {icon}\n      </Button>\n      <ToolTip\n        fontSize={12}\n        anchorId={favoriteButtonAnchorId}\n        toolTipIsVisible={toolTipIsVisible}\n        TooltipContent={toolTipContent}\n        closeToolTipInformationTextAriaLabel={translate('close_tooltip_information')}\n        stickyOnKeyboardNavigation\n      />\n    </div>\n  );\n};\n\nFavorite.propTypes = {\n  className: PropTypes.string,\n  favorite: PropTypes.bool,\n  disabled: PropTypes.bool,\n  addFavoriteToolTip: PropTypes.string,\n  removeFavoriteToolTip: PropTypes.string,\n  onFavoriteClick: PropTypes.func,\n  'aria-label': PropTypes.shape({\n    favorite: PropTypes.string,\n    addToFavorite: PropTypes.string,\n    removeFromFavorite: PropTypes.string\n  })\n};\n\nFavorite.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nexport default Favorite;\n"],"mappings":"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","ignoreList":[]}

package/es/molecule/filters/index.d.ts

@@ -17,6 +17,7 @@ declare class Filters extends React.Component<any, any, any> {
             className: PropTypes.Requireable<string>;
             borderClassName: PropTypes.Requireable<string>;
             disabled: PropTypes.Requireable<boolean>;
+            readOnly: PropTypes.Requireable<boolean>;
             multiple: PropTypes.Requireable<boolean>;
             description: PropTypes.Requireable<string>;
             required: PropTypes.Requireable<boolean>;

package/es/molecule/filters/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/filters/index.js"],"names":[],"mappings":";AASA;IACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAgBE;IAEF;;;;;;;;;;;;;;;;;;;;;;MAEE;IAEF,wBASC;IAPC;;;MAGC;IAMH,yBAcC;IAED,uBAYC;IAED,qBAOC;IAED,sBA4FC;CACF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/filters/index.js"],"names":[],"mappings":";AASA;IACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAgBE;IAEF;;;;;;;;;;;;;;;;;;;;;;MAEE;IAEF,wBASC;IAPC;;;MAGC;IAMH,yBAcC;IAED,uBAYC;IAED,qBAOC;IAED,sBA4FC;CACF"}

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

@@ -196,7 +196,7 @@ const buildTranslationItems = ({
   id: index,
   title: itemTitle,
   buttonLink: {
-    'aria-label': readonly ? 'View' : 'Edit',
+    'aria-label': readonly ? 'View Custom SKill' : 'Edit Custom Skill',
     type: 'primary',
     customStyle: {
       width: 'fit-content',

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","BrandFormGroup","ListItems","Title","TitleAndInput","COLORS","propTypes","style","buildFormField","field","type","readonly","fieldWithoutOverrides","_omit","readOnly","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","fontWeight","fields","options","onChange","disabled","formProps","createElement","className","skillInformationsContainer","uncappedMap","_map","convert","cap","buildButtonProps","button","hoverBackgroundColor","primary_100","hoverColor","cm_primary_blue","color","padding","width","backgroundColor","cm_blue_50","buildTranslationItems","itemTitle","onEditClick","onDeleteClick","index","secondButtonLink","cm_grey_100","neutral_500","id","Translations","items","localesOptions","emptyResult","buttonProps","translationMenuAction","menu","buttons","optionLabel","ref","optionRef","optionOnClick","_includes","_keys","menuWrapper","maxHeight","translationProps","content","_isEmpty","item","buttonMenuAction","buildContentItem","image","tags","iconName","checkbox","deleteButton","preset","Content","list","listTitle","search","actionButtons","checkboxWithTitle","checkboxWithTitleProps","titleProps","listProps","iconColor","white","cm_grey_500","fontSize","actionButton","contentContainer","SkillEdition","props","translations","container","_extends","process","env","NODE_ENV"],"sources":["../../../src/organism/skill-edition/index.tsx"],"sourcesContent":["import React from 'react';\nimport {includes, isEmpty, keys, map, omit} 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 = (\n  field: InputTextareaProps | InputTextProps,\n  type: 'text' | 'textarea',\n  readonly?: boolean\n) => {\n  const fieldWithoutOverrides = omit(['type', 'theme', 'size'], field);\n  return {\n    ...(type === 'text' ? {readOnly: readonly} : {readonly}),\n    ...fieldWithoutOverrides,\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 & {readonly?: boolean}) => {\n  const {form, iconEditor, readonly} = 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, readOnly: readonly},\n      buttonLink:\n        iconEditor.buttonLink && !readonly\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                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        disabled: readonly\n      }\n    },\n    {\n      ...buildTitleAndInputField({\n        title: inputText.title,\n        required: true,\n        childType: 'inputText'\n      }),\n      field: buildFormField(inputText.field, 'text', readonly)\n    },\n    {\n      ...buildTitleAndInputField({\n        title: inputTextArea.title,\n        childType: 'inputTextArea'\n      }),\n      field: buildFormField(inputTextArea.field, 'textarea', readonly)\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    fontWeight: 600\n  }\n});\n\nconst buildTranslationItems = (\n  {\n    title: itemTitle,\n    onEditClick,\n    onDeleteClick,\n    readonly = false\n  }: {title: string; onEditClick: () => void; onDeleteClick: () => void; readonly?: boolean},\n  index: number\n) => ({\n  ...(readonly\n    ? {}\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.neutral_500,\n              size: 16\n            }\n          },\n          onClick: onDeleteClick\n        }\n      }),\n  id: index,\n  title: itemTitle,\n  buttonLink: {\n    'aria-label': readonly ? 'View' : '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: readonly ? 'eye' : 'edit',\n        color: COLORS.neutral_500,\n        size: 16\n      }\n    },\n    onClick: onEditClick\n  }\n});\n\nconst Translations = ({\n  title,\n  subtitle,\n  items,\n  button,\n  localesOptions,\n  emptyResult,\n  readonly = false\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(\n        (\n          item: {title: string; onEditClick: () => void; onDeleteClick: () => void},\n          index: number\n        ) => buildTranslationItems({...item, readonly}, index),\n        items\n      ),\n      type: 'list'\n    },\n    buttonMenuAction: readonly ? undefined : translationMenuAction\n  };\n\n  return <ListItems {...translationProps} />;\n};\n\nconst buildContentItem =\n  (readonly: boolean) =>\n  ({\n    ref,\n    title,\n    subtitle,\n    image,\n    tags: {label, iconName},\n    checkbox,\n    deleteButton\n  }: ContentListItemType) => {\n    return {\n      ...(readonly\n        ? {}\n        : {\n            secondButtonLink: {\n              ...deleteButton,\n              'data-name': `button-${deleteButton?.label}`,\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.neutral_500,\n                  size: 16\n                }\n              }\n            }\n          }),\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: readonly ? undefined : checkbox\n    };\n  };\n\nconst Content = ({\n  title,\n  subtitle,\n  button,\n  list: {title: listTitle, checkbox, items, search, emptyResult},\n  actionButtons,\n  checkboxWithTitle: checkboxWithTitleProps,\n  readonly = false\n}: ContentPropsType) => {\n  const buttonProps = buildButtonProps(button);\n\n  const titleProps = {\n    type: 'form-group',\n    title,\n    subtitle,\n    button: !readonly ? buttonProps : undefined,\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(readonly), items),\n      type: 'list'\n    },\n    search: {\n      ...search,\n      theme: 'coorpmanager',\n      // Keep search interactive even in readonly mode\n      disabled: false\n    },\n    actionButtons: readonly\n      ? []\n      : map(\n          actionButton => ({\n            ...actionButton,\n            customStyle: {\n              fontWeight: '600',\n              borderRadius: '12px',\n              width: 'auto'\n            }\n          }),\n          actionButtons\n        ),\n\n    checkboxWithTitle: readonly\n      ? undefined\n      : {\n          ...checkboxWithTitleProps,\n          name: checkboxWithTitleProps?.title,\n          'aria-label': checkboxWithTitleProps?.title,\n          'data-name': checkboxWithTitleProps?.title,\n          customStyle: {fontWeight: 600, color: COLORS.neutral_500, fontSize: '16px'},\n          icon: {iconName: 'minus', iconColor: 'white', preset: 's'}\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, readonly} = props;\n\n  return (\n    <div className={style.container}>\n      <SkillInformations {...skillInformations} readonly={readonly} />\n      <Translations {...translations} readonly={readonly} />\n      <Content {...content} readonly={readonly} />\n    </div>\n  );\n};\n\nSkillEdition.propTypes = propTypes;\n\nexport default SkillEdition;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","BrandFormGroup","ListItems","Title","TitleAndInput","COLORS","propTypes","style","buildFormField","field","type","readonly","fieldWithoutOverrides","_omit","readOnly","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","fontWeight","fields","options","onChange","disabled","formProps","createElement","className","skillInformationsContainer","uncappedMap","_map","convert","cap","buildButtonProps","button","hoverBackgroundColor","primary_100","hoverColor","cm_primary_blue","color","padding","width","backgroundColor","cm_blue_50","buildTranslationItems","itemTitle","onEditClick","onDeleteClick","index","secondButtonLink","cm_grey_100","neutral_500","id","Translations","items","localesOptions","emptyResult","buttonProps","translationMenuAction","menu","buttons","optionLabel","ref","optionRef","optionOnClick","_includes","_keys","menuWrapper","maxHeight","translationProps","content","_isEmpty","item","buttonMenuAction","buildContentItem","image","tags","iconName","checkbox","deleteButton","preset","Content","list","listTitle","search","actionButtons","checkboxWithTitle","checkboxWithTitleProps","titleProps","listProps","iconColor","white","cm_grey_500","fontSize","actionButton","contentContainer","SkillEdition","props","translations","container","_extends","process","env","NODE_ENV"],"sources":["../../../src/organism/skill-edition/index.tsx"],"sourcesContent":["import React from 'react';\nimport {includes, isEmpty, keys, map, omit} 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 = (\n  field: InputTextareaProps | InputTextProps,\n  type: 'text' | 'textarea',\n  readonly?: boolean\n) => {\n  const fieldWithoutOverrides = omit(['type', 'theme', 'size'], field);\n  return {\n    ...(type === 'text' ? {readOnly: readonly} : {readonly}),\n    ...fieldWithoutOverrides,\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 & {readonly?: boolean}) => {\n  const {form, iconEditor, readonly} = 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, readOnly: readonly},\n      buttonLink:\n        iconEditor.buttonLink && !readonly\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                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        disabled: readonly\n      }\n    },\n    {\n      ...buildTitleAndInputField({\n        title: inputText.title,\n        required: true,\n        childType: 'inputText'\n      }),\n      field: buildFormField(inputText.field, 'text', readonly)\n    },\n    {\n      ...buildTitleAndInputField({\n        title: inputTextArea.title,\n        childType: 'inputTextArea'\n      }),\n      field: buildFormField(inputTextArea.field, 'textarea', readonly)\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    fontWeight: 600\n  }\n});\n\nconst buildTranslationItems = (\n  {\n    title: itemTitle,\n    onEditClick,\n    onDeleteClick,\n    readonly = false\n  }: {title: string; onEditClick: () => void; onDeleteClick: () => void; readonly?: boolean},\n  index: number\n) => ({\n  ...(readonly\n    ? {}\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.neutral_500,\n              size: 16\n            }\n          },\n          onClick: onDeleteClick\n        }\n      }),\n  id: index,\n  title: itemTitle,\n  buttonLink: {\n    'aria-label': readonly ? 'View Custom SKill' : 'Edit Custom Skill',\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: readonly ? 'eye' : 'edit',\n        color: COLORS.neutral_500,\n        size: 16\n      }\n    },\n    onClick: onEditClick\n  }\n});\n\nconst Translations = ({\n  title,\n  subtitle,\n  items,\n  button,\n  localesOptions,\n  emptyResult,\n  readonly = false\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(\n        (\n          item: {title: string; onEditClick: () => void; onDeleteClick: () => void},\n          index: number\n        ) => buildTranslationItems({...item, readonly}, index),\n        items\n      ),\n      type: 'list'\n    },\n    buttonMenuAction: readonly ? undefined : translationMenuAction\n  };\n\n  return <ListItems {...translationProps} />;\n};\n\nconst buildContentItem =\n  (readonly: boolean) =>\n  ({\n    ref,\n    title,\n    subtitle,\n    image,\n    tags: {label, iconName},\n    checkbox,\n    deleteButton\n  }: ContentListItemType) => {\n    return {\n      ...(readonly\n        ? {}\n        : {\n            secondButtonLink: {\n              ...deleteButton,\n              'data-name': `button-${deleteButton?.label}`,\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.neutral_500,\n                  size: 16\n                }\n              }\n            }\n          }),\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: readonly ? undefined : checkbox\n    };\n  };\n\nconst Content = ({\n  title,\n  subtitle,\n  button,\n  list: {title: listTitle, checkbox, items, search, emptyResult},\n  actionButtons,\n  checkboxWithTitle: checkboxWithTitleProps,\n  readonly = false\n}: ContentPropsType) => {\n  const buttonProps = buildButtonProps(button);\n\n  const titleProps = {\n    type: 'form-group',\n    title,\n    subtitle,\n    button: !readonly ? buttonProps : undefined,\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(readonly), items),\n      type: 'list'\n    },\n    search: {\n      ...search,\n      theme: 'coorpmanager',\n      // Keep search interactive even in readonly mode\n      disabled: false\n    },\n    actionButtons: readonly\n      ? []\n      : map(\n          actionButton => ({\n            ...actionButton,\n            customStyle: {\n              fontWeight: '600',\n              borderRadius: '12px',\n              width: 'auto'\n            }\n          }),\n          actionButtons\n        ),\n\n    checkboxWithTitle: readonly\n      ? undefined\n      : {\n          ...checkboxWithTitleProps,\n          name: checkboxWithTitleProps?.title,\n          'aria-label': checkboxWithTitleProps?.title,\n          'data-name': checkboxWithTitleProps?.title,\n          customStyle: {fontWeight: 600, color: COLORS.neutral_500, fontSize: '16px'},\n          icon: {iconName: 'minus', iconColor: 'white', preset: 's'}\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, readonly} = props;\n\n  return (\n    <div className={style.container}>\n      <SkillInformations {...skillInformations} readonly={readonly} />\n      <Translations {...translations} readonly={readonly} />\n      <Content {...content} readonly={readonly} />\n    </div>\n  );\n};\n\nSkillEdition.propTypes = propTypes;\n\nexport default SkillEdition;\n"],"mappings":"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","ignoreList":[]}

package/es/organism/title-and-input/index.d.ts

@@ -217,6 +217,7 @@ declare const TitleAndInput: {
             className: import("prop-types").Requireable<string>;
             borderClassName: import("prop-types").Requireable<string>;
             disabled: import("prop-types").Requireable<boolean>;
+            readOnly: import("prop-types").Requireable<boolean>;
             multiple: import("prop-types").Requireable<boolean>;
             description: import("prop-types").Requireable<string>;
             required: import("prop-types").Requireable<boolean>;

package/es/organism/title-and-input/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/title-and-input/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,OAAkB,EAAC,kBAAkB,EAAC,MAAM,SAAS,CAAC;AAGtD,eAAO,MAAM,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAI7C,CAAC;AAwBF,QAAA,MAAM,aAAa;YAAW,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuB/C,CAAC;AAIF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/title-and-input/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,OAAkB,EAAC,kBAAkB,EAAC,MAAM,SAAS,CAAC;AAGtD,eAAO,MAAM,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAI7C,CAAC;AAwBF,QAAA,MAAM,aAAa;YAAW,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuB/C,CAAC;AAIF,eAAe,aAAa,CAAC"}

package/es/organism/title-and-input/types.d.ts

@@ -222,6 +222,7 @@ declare const propTypes: {
         className: PropTypes.Requireable<string>;
         borderClassName: PropTypes.Requireable<string>;
         disabled: PropTypes.Requireable<boolean>;
+        readOnly: PropTypes.Requireable<boolean>;
         multiple: PropTypes.Requireable<boolean>;
         description: PropTypes.Requireable<string>;
         required: PropTypes.Requireable<boolean>;

package/es/organism/title-and-input/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/organism/title-and-input/types.ts"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,YAAY,MAAM,yBAAyB,CAAC;AACnD,OAAO,KAAK,MAAM,kBAAkB,CAAC;AACrC,OAAO,cAAc,MAAM,gCAAgC,CAAC;AAE5D,OAAO,EAAC,oBAAoB,EAAC,MAAM,2BAA2B,CAAC;AAC/D,OAAO,SAAS,MAAM,uBAAuB,CAAC;AAC9C,OAAO,aAAa,MAAM,2BAA2B,CAAC;AACtD,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAC,eAAe,EAAC,MAAM,sBAAsB,CAAC;AAIrD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0Bd,CAAC;AAEF,oBAAY,cAAc,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAC;AAE5D,oBAAY,kBAAkB,GAAG;IAC/B,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC;IAC1C,KAAK,EACD,KAAK,CAAC,cAAc,CAAC,OAAO,YAAY,CAAC,GACzC,eAAe,GACf,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,GAAG;QAAC,IAAI,CAAC,EAAE,cAAc,CAAA;KAAC,CAAC,GAClE,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,GAAG;QAAC,IAAI,CAAC,EAAE,cAAc,CAAA;KAAC,CAAC,GACtE,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,GAAG;QAAC,IAAI,CAAC,EAAE,cAAc,CAAA;KAAC,CAAC,GAC/D,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,GAC3C,oBAAoB,CAAC;IACzB,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/organism/title-and-input/types.ts"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,YAAY,MAAM,yBAAyB,CAAC;AACnD,OAAO,KAAK,MAAM,kBAAkB,CAAC;AACrC,OAAO,cAAc,MAAM,gCAAgC,CAAC;AAE5D,OAAO,EAAC,oBAAoB,EAAC,MAAM,2BAA2B,CAAC;AAC/D,OAAO,SAAS,MAAM,uBAAuB,CAAC;AAC9C,OAAO,aAAa,MAAM,2BAA2B,CAAC;AACtD,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAC,eAAe,EAAC,MAAM,sBAAsB,CAAC;AAIrD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0Bd,CAAC;AAEF,oBAAY,cAAc,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAC;AAE5D,oBAAY,kBAAkB,GAAG;IAC/B,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC;IAC1C,KAAK,EACD,KAAK,CAAC,cAAc,CAAC,OAAO,YAAY,CAAC,GACzC,eAAe,GACf,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,GAAG;QAAC,IAAI,CAAC,EAAE,cAAc,CAAA;KAAC,CAAC,GAClE,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,GAAG;QAAC,IAAI,CAAC,EAAE,cAAc,CAAA;KAAC,CAAC,GACtE,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,GAAG;QAAC,IAAI,CAAC,EAAE,cAAc,CAAA;KAAC,CAAC,GAC/D,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,GAC3C,oBAAoB,CAAC;IACzB,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/es/template/certifications/index.d.ts

@@ -32,6 +32,7 @@ declare namespace Certifications {
             className: PropTypes.Requireable<string>;
             borderClassName: PropTypes.Requireable<string>;
             disabled: PropTypes.Requireable<boolean>;
+            readOnly: PropTypes.Requireable<boolean>;
             multiple: PropTypes.Requireable<boolean>;
             description: PropTypes.Requireable<string>;
             required: PropTypes.Requireable<boolean>;

package/es/template/common/search-page/index.d.ts

@@ -44,6 +44,7 @@ declare namespace SearchPage {
                 className: PropTypes.Requireable<string>;
                 borderClassName: PropTypes.Requireable<string>;
                 disabled: PropTypes.Requireable<boolean>;
+                readOnly: PropTypes.Requireable<boolean>;
                 multiple: PropTypes.Requireable<boolean>;
                 description: PropTypes.Requireable<string>;
                 required: PropTypes.Requireable<boolean>;

package/es/template/playlist-detail/index.d.ts

@@ -59,6 +59,7 @@ declare namespace PlaylistDetail {
             className: PropTypes.Requireable<string>;
             borderClassName: PropTypes.Requireable<string>;
             disabled: PropTypes.Requireable<boolean>;
+            readOnly: PropTypes.Requireable<boolean>;
             multiple: PropTypes.Requireable<boolean>;
             description: PropTypes.Requireable<string>;
             required: PropTypes.Requireable<boolean>;

package/lib/atom/select/index.d.ts

@@ -46,6 +46,7 @@ declare namespace Select {
         className: PropTypes.Requireable<string>;
         borderClassName: PropTypes.Requireable<string>;
         disabled: PropTypes.Requireable<boolean>;
+        readOnly: PropTypes.Requireable<boolean>;
         multiple: PropTypes.Requireable<boolean>;
         description: PropTypes.Requireable<string>;
         required: PropTypes.Requireable<boolean>;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/select/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAwDA,qEA+MC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/select/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAwDA,qEAkNC"}

package/lib/atom/select/index.js

@@ -68,6 +68,7 @@ const Select = (props, legacyContext) => {
     onChange,
     multiple = false,
     disabled,
+    readOnly,
     required,
     description,
     theme,
@@ -80,16 +81,17 @@ const Select = (props, legacyContext) => {
   const skin = (0, _provider.GetSkinFromContext)(legacyContext);
   const title = (0, _react.useMemo)(() => propTitle ? `${propTitle}${required ? '*' : ''}` : null, [propTitle, required]);
   const [isArrowUp, setIsArrowUp] = (0, _react.useState)(false);
+  const isNonInteractive = disabled || readOnly;
   const handleSelectOnFocus = (0, _react.useCallback)(() => {
-    if (!disabled) {
+    if (!isNonInteractive) {
       setIsArrowUp(true);
     }
-  }, [disabled]);
+  }, [isNonInteractive]);
   const handleSelectOnBlur = (0, _react.useCallback)(() => {
-    if (!disabled) {
+    if (!isNonInteractive) {
       setIsArrowUp(false);
     }
-  }, [disabled]);
+  }, [isNonInteractive]);
   const selectOption = (option, index) => {
     return /*#__PURE__*/_react.default.createElement("option", {
       key: index,
@@ -121,16 +123,16 @@ const Select = (props, legacyContext) => {
     selected: true
   }, options)), [options, theme]);
   const handleChange = (0, _react.useMemo)(() => multiple ? e => {
-    if (!disabled && onChange) {
+    if (!isNonInteractive && onChange) {
       setIsArrowUp(false);
       onChange((0, _map.default)((0, _get.default)('value'), e.target.selectedOptions));
     }
   } : e => {
-    if (!disabled && onChange) {
+    if (!isNonInteractive && onChange) {
       setIsArrowUp(false);
       onChange(e.target.value);
     }
-  }, [onChange, multiple, disabled]);
+  }, [onChange, multiple, isNonInteractive]);
   const black = (0, _react.useMemo)(() => (0, _getOr.default)('#14171A', 'common.black', skin), [skin]);
   const color = (0, _react.useMemo)(() => (0, _getOr.default)('#00B0FF', 'common.primary', skin), [skin]);
   const isThemeOneOfQuestionTemplateOrPlayer = (0, _react.useMemo)(() => (0, _includes.default)(theme, ['question', 'template', 'player']), [theme]);
@@ -180,14 +182,14 @@ const Select = (props, legacyContext) => {
     onChange: handleChange,
     value: selected,
     multiple: multiple,
-    disabled: disabled,
-    onClick: disabled ? undefined : handleSelectOnFocus,
-    onBlur: disabled ? undefined : handleSelectOnBlur
+    disabled: disabled || readOnly,
+    onClick: isNonInteractive ? undefined : handleSelectOnFocus,
+    onBlur: isNonInteractive ? undefined : handleSelectOnBlur
     // onBlur does not handle completely an out of bounds click
     // ex: select is Opened and a click is done outside, cancelling the select
     // that doesn't count as a Blur, so an onMouseLeave is needed
     ,
-    onMouseLeave: disabled ? undefined : handleSelectOnBlur,
+    onMouseLeave: isNonInteractive ? undefined : handleSelectOnBlur,
     "data-testid": "native-select"
   }), optionList)), /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.description
@@ -212,6 +214,7 @@ Select.propTypes = process.env.NODE_ENV !== "production" ? {
   className: _propTypes.default.string,
   borderClassName: _propTypes.default.string,
   disabled: _propTypes.default.bool,
+  readOnly: _propTypes.default.bool,
   multiple: _propTypes.default.bool,
   description: _propTypes.default.string,
   required: _propTypes.default.bool,

package/lib/atom/select/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_classnames","_concat","_filter","_find","_flatMapDeep","_get","_getOr","_includes","_isEmpty","_keys","_map","_size","_novaIcons","_provider","_getClassState","_style","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","themeStyle","filter","style","invalid","header","mooc","question","sort","thematiques","player","template","skillDetail","coorpmanager","ArrowView","shouldRender","isArrowUp","ariaLabel","arrowClass","arrowColor","props","useMemo","color","className","createElement","NovaCompositionNavigationArrowTop","NovaCompositionNavigationArrowDown","Select","legacyContext","name","options","optgroups","borderClassName","onChange","multiple","disabled","required","description","theme","modified","error","title","propTitle","ariaLabelledBy","skin","GetSkinFromContext","setIsArrowUp","useState","handleSelectOnFocus","useCallback","handleSelectOnBlur","selectOption","option","index","key","value","optionList","isEmpty","map","optgroup","label","titleView","selected","find","concat","flatMapDeep","selectedLabel","isSelectedInValidOption","getOr","validOption","handleChange","target","selectedOptions","black","isThemeOneOfQuestionTemplateOrPlayer","includes","shouldUseSkinFontColor","undefined","behaviorClassName","getClassState","defaultStyle","composedClassName","classnames","unselected","labelSize","size","isLongLabel","selectWrapper","selectSpan","noLabelCommon","longLabel","selectedArrow","arrow","selectBox","onClick","onBlur","onMouseLeave","SelectOptionPropTypes","exports","PropTypes","string","isRequired","oneOfType","number","bool","SelectOptionGroupPropTypes","arrayOf","shape","contextTypes","Provider","childContextTypes","propTypes","process","env","NODE_ENV","func","oneOf","keys","_default"],"sources":["../../../src/atom/select/index.js"],"sourcesContent":["import React, {useCallback, useMemo, useState} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport concat from 'lodash/fp/concat';\nimport filter from 'lodash/fp/filter';\nimport find from 'lodash/fp/find';\nimport flatMapDeep from 'lodash/fp/flatMapDeep';\nimport get from 'lodash/fp/get';\nimport getOr from 'lodash/fp/getOr';\nimport includes from 'lodash/fp/includes';\nimport isEmpty from 'lodash/fp/isEmpty';\nimport keys from 'lodash/fp/keys';\nimport map from 'lodash/fp/map';\nimport size from 'lodash/fp/size';\nimport {\n  NovaCompositionNavigationArrowDown as ArrowDown,\n  NovaCompositionNavigationArrowTop as ArrowUp\n} from '@coorpacademy/nova-icons';\nimport Provider, {GetSkinFromContext} from '../provider';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst themeStyle = {\n  filter: style.filter,\n  invalid: style.invalid,\n  header: style.header,\n  mooc: style.mooc,\n  question: style.question,\n  sort: style.sort,\n  thematiques: style.thematiques,\n  player: style.player,\n  template: style.template,\n  skillDetail: style.skillDetail,\n  coorpmanager: null\n};\n\nconst ArrowView = ({shouldRender, isArrowUp, ariaLabel, arrowClass, arrowColor}) => {\n  const props = useMemo(\n    () => ({\n      ...(arrowColor &\n        {\n          color: arrowColor\n        }),\n      className: arrowClass\n    }),\n    [arrowClass, arrowColor]\n  );\n  if (shouldRender) {\n    return isArrowUp ? (\n      <ArrowUp {...props} data-testid=\"select-arrow-up-icon\" />\n    ) : (\n      <ArrowDown {...props} data-testid=\"select-arrow-down-icon\" />\n    );\n  } else return null;\n};\n\nconst Select = (props, legacyContext) => {\n  const {\n    name,\n    options = [],\n    optgroups = [],\n    className,\n    borderClassName,\n    onChange,\n    multiple = false,\n    disabled,\n    required,\n    description,\n    theme,\n    modified = false,\n    error = false,\n    title: propTitle,\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledBy\n  } = props;\n\n  const skin = GetSkinFromContext(legacyContext);\n  const title = useMemo(\n    () => (propTitle ? `${propTitle}${required ? '*' : ''}` : null),\n    [propTitle, required]\n  );\n\n  const [isArrowUp, setIsArrowUp] = useState(false);\n\n  const handleSelectOnFocus = useCallback(() => {\n    if (!disabled) {\n      setIsArrowUp(true);\n    }\n  }, [disabled]);\n  const handleSelectOnBlur = useCallback(() => {\n    if (!disabled) {\n      setIsArrowUp(false);\n    }\n  }, [disabled]);\n\n  const selectOption = (option, index) => {\n    return (\n      <option key={index} value={option.value} className={style.selectOption}>\n        {option.name}\n      </option>\n    );\n  };\n\n  const optionList = !isEmpty(options)\n    ? options.map((option, index) => selectOption(option, index))\n    : optgroups.map((optgroup, index) => {\n        return (\n          <optgroup key={index} label={optgroup.label}>\n            {optgroup.options && optgroup.options.map((option, i) => selectOption(option, i))}\n          </optgroup>\n        );\n      });\n\n  const titleView = title ? <span className={style.title}>{title}</span> : null;\n\n  const selected = useMemo(\n    () =>\n      multiple\n        ? map(get('value'), filter({selected: true}, options))\n        : get('value', find({selected: true}, concat(options, flatMapDeep('options', optgroups)))),\n    [multiple, options, optgroups]\n  );\n  const selectedLabel = useMemo(\n    () =>\n      multiple\n        ? map(get('name'), filter({selected: true}, options))\n        : get('name', find({selected: true}, concat(options, flatMapDeep('options', optgroups)))),\n    [multiple, options, optgroups]\n  );\n\n  const isSelectedInValidOption = useMemo(\n    () =>\n      theme === 'player' &&\n      getOr(false, 'name', find({validOption: false, selected: true}, options)),\n    [options, theme]\n  );\n\n  const handleChange = useMemo(\n    () =>\n      multiple\n        ? e => {\n            if (!disabled && onChange) {\n              setIsArrowUp(false);\n              onChange(map(get('value'), e.target.selectedOptions));\n            }\n          }\n        : e => {\n            if (!disabled && onChange) {\n              setIsArrowUp(false);\n              onChange(e.target.value);\n            }\n          },\n    [onChange, multiple, disabled]\n  );\n\n  const black = useMemo(() => getOr('#14171A', 'common.black', skin), [skin]);\n  const color = useMemo(() => getOr('#00B0FF', 'common.primary', skin), [skin]);\n  const isThemeOneOfQuestionTemplateOrPlayer = useMemo(\n    () => includes(theme, ['question', 'template', 'player']),\n    [theme]\n  );\n  const shouldUseSkinFontColor = useMemo(\n    () => !isSelectedInValidOption && selected && isThemeOneOfQuestionTemplateOrPlayer,\n    [isSelectedInValidOption, selected, isThemeOneOfQuestionTemplateOrPlayer]\n  );\n  const arrowColor = selected ? color : undefined;\n\n  const behaviorClassName = useMemo(\n    () => getClassState(style.defaultStyle, style.modified, style.error, modified, error),\n    [error, modified]\n  );\n  const composedClassName = useMemo(\n    () =>\n      classnames(\n        theme && theme !== 'coorpmanager' ? themeStyle[theme] : behaviorClassName,\n        selected ? style.selected : style.unselected,\n        disabled ? style.disabled : null,\n        className\n      ),\n    [behaviorClassName, className, selected, theme, disabled]\n  );\n\n  const labelSize = useMemo(() => size(selectedLabel), [selectedLabel]);\n\n  const isLongLabel = useMemo(() => labelSize >= 65, [labelSize]);\n\n  return (\n    <div\n      className={classnames(\n        composedClassName,\n        theme === 'coorpmanager' ? style.coorpmanager : null\n      )}\n    >\n      <label\n        data-testid=\"select-wrapper\"\n        data-name=\"select-wrapper\"\n        title={title}\n        style={{\n          ...(shouldUseSkinFontColor && {\n            color\n          })\n        }}\n        className={style.selectWrapper}\n      >\n        {titleView}\n        <span\n          data-testid=\"select-span\"\n          data-name=\"select-span\"\n          className={classnames(\n            style.selectSpan,\n            includes(theme, [\n              'player',\n              'invalid',\n              'question',\n              'thematiques',\n              'template',\n              'skillDetail'\n            ])\n              ? style.noLabelCommon\n              : null,\n            borderClassName,\n            isLongLabel ? style.longLabel : null\n          )}\n          style={{\n            ...(shouldUseSkinFontColor && {\n              color\n            })\n          }}\n        >\n          {selectedLabel}\n        </span>\n        <ArrowView\n          shouldRender={!multiple}\n          isArrowUp={isArrowUp}\n          ariaLabel={ariaLabel}\n          arrowClass={shouldUseSkinFontColor ? style.selectedArrow : style.arrow}\n          arrowColor={isThemeOneOfQuestionTemplateOrPlayer ? arrowColor : black}\n        />\n        <select\n          {...(ariaLabelledBy ? {'aria-labelledby': ariaLabelledBy} : {})}\n          {...(ariaLabel && !ariaLabelledBy ? {'aria-label': ariaLabel} : {})}\n          {...(ariaLabel ? {title: ariaLabel} : {})}\n          data-name=\"native-select\"\n          className={style.selectBox}\n          name={name}\n          onChange={handleChange}\n          value={selected}\n          multiple={multiple}\n          disabled={disabled}\n          onClick={disabled ? undefined : handleSelectOnFocus}\n          onBlur={disabled ? undefined : handleSelectOnBlur}\n          // onBlur does not handle completely an out of bounds click\n          // ex: select is Opened and a click is done outside, cancelling the select\n          // that doesn't count as a Blur, so an onMouseLeave is needed\n          onMouseLeave={disabled ? undefined : handleSelectOnBlur}\n          data-testid=\"native-select\"\n        >\n          {optionList}\n        </select>\n      </label>\n      <div className={style.description}>{description}</div>\n    </div>\n  );\n};\n\nexport const SelectOptionPropTypes = {\n  name: PropTypes.string.isRequired,\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  selected: PropTypes.bool,\n  validOption: PropTypes.bool\n};\n\nexport const SelectOptionGroupPropTypes = {\n  label: PropTypes.string.isRequired,\n  options: PropTypes.arrayOf(PropTypes.shape(SelectOptionPropTypes))\n};\n\nSelect.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nSelect.propTypes = {\n  title: PropTypes.string,\n  name: PropTypes.string,\n  className: PropTypes.string,\n  borderClassName: PropTypes.string,\n  disabled: PropTypes.bool,\n  multiple: PropTypes.bool,\n  description: PropTypes.string,\n  required: PropTypes.bool,\n  onChange: PropTypes.func,\n  theme: PropTypes.oneOf(keys(themeStyle)),\n  options: PropTypes.arrayOf(PropTypes.shape(SelectOptionPropTypes)),\n  optgroups: PropTypes.arrayOf(PropTypes.shape(SelectOptionGroupPropTypes)),\n  modified: PropTypes.bool,\n  error: PropTypes.bool,\n  'aria-label': PropTypes.string,\n  'aria-labelledby': PropTypes.string\n};\n\nexport default Select;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_classnames","_concat","_filter","_find","_flatMapDeep","_get","_getOr","_includes","_isEmpty","_keys","_map","_size","_novaIcons","_provider","_getClassState","_style","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","themeStyle","filter","style","invalid","header","mooc","question","sort","thematiques","player","template","skillDetail","coorpmanager","ArrowView","shouldRender","isArrowUp","ariaLabel","arrowClass","arrowColor","props","useMemo","color","className","createElement","NovaCompositionNavigationArrowTop","NovaCompositionNavigationArrowDown","Select","legacyContext","name","options","optgroups","borderClassName","onChange","multiple","disabled","readOnly","required","description","theme","modified","error","title","propTitle","ariaLabelledBy","skin","GetSkinFromContext","setIsArrowUp","useState","isNonInteractive","handleSelectOnFocus","useCallback","handleSelectOnBlur","selectOption","option","index","key","value","optionList","isEmpty","map","optgroup","label","titleView","selected","find","concat","flatMapDeep","selectedLabel","isSelectedInValidOption","getOr","validOption","handleChange","target","selectedOptions","black","isThemeOneOfQuestionTemplateOrPlayer","includes","shouldUseSkinFontColor","undefined","behaviorClassName","getClassState","defaultStyle","composedClassName","classnames","unselected","labelSize","size","isLongLabel","selectWrapper","selectSpan","noLabelCommon","longLabel","selectedArrow","arrow","selectBox","onClick","onBlur","onMouseLeave","SelectOptionPropTypes","exports","PropTypes","string","isRequired","oneOfType","number","bool","SelectOptionGroupPropTypes","arrayOf","shape","contextTypes","Provider","childContextTypes","propTypes","process","env","NODE_ENV","func","oneOf","keys","_default"],"sources":["../../../src/atom/select/index.js"],"sourcesContent":["import React, {useCallback, useMemo, useState} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport concat from 'lodash/fp/concat';\nimport filter from 'lodash/fp/filter';\nimport find from 'lodash/fp/find';\nimport flatMapDeep from 'lodash/fp/flatMapDeep';\nimport get from 'lodash/fp/get';\nimport getOr from 'lodash/fp/getOr';\nimport includes from 'lodash/fp/includes';\nimport isEmpty from 'lodash/fp/isEmpty';\nimport keys from 'lodash/fp/keys';\nimport map from 'lodash/fp/map';\nimport size from 'lodash/fp/size';\nimport {\n  NovaCompositionNavigationArrowDown as ArrowDown,\n  NovaCompositionNavigationArrowTop as ArrowUp\n} from '@coorpacademy/nova-icons';\nimport Provider, {GetSkinFromContext} from '../provider';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst themeStyle = {\n  filter: style.filter,\n  invalid: style.invalid,\n  header: style.header,\n  mooc: style.mooc,\n  question: style.question,\n  sort: style.sort,\n  thematiques: style.thematiques,\n  player: style.player,\n  template: style.template,\n  skillDetail: style.skillDetail,\n  coorpmanager: null\n};\n\nconst ArrowView = ({shouldRender, isArrowUp, ariaLabel, arrowClass, arrowColor}) => {\n  const props = useMemo(\n    () => ({\n      ...(arrowColor &\n        {\n          color: arrowColor\n        }),\n      className: arrowClass\n    }),\n    [arrowClass, arrowColor]\n  );\n  if (shouldRender) {\n    return isArrowUp ? (\n      <ArrowUp {...props} data-testid=\"select-arrow-up-icon\" />\n    ) : (\n      <ArrowDown {...props} data-testid=\"select-arrow-down-icon\" />\n    );\n  } else return null;\n};\n\nconst Select = (props, legacyContext) => {\n  const {\n    name,\n    options = [],\n    optgroups = [],\n    className,\n    borderClassName,\n    onChange,\n    multiple = false,\n    disabled,\n    readOnly,\n    required,\n    description,\n    theme,\n    modified = false,\n    error = false,\n    title: propTitle,\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledBy\n  } = props;\n\n  const skin = GetSkinFromContext(legacyContext);\n  const title = useMemo(\n    () => (propTitle ? `${propTitle}${required ? '*' : ''}` : null),\n    [propTitle, required]\n  );\n\n  const [isArrowUp, setIsArrowUp] = useState(false);\n\n  const isNonInteractive = disabled || readOnly;\n\n  const handleSelectOnFocus = useCallback(() => {\n    if (!isNonInteractive) {\n      setIsArrowUp(true);\n    }\n  }, [isNonInteractive]);\n  const handleSelectOnBlur = useCallback(() => {\n    if (!isNonInteractive) {\n      setIsArrowUp(false);\n    }\n  }, [isNonInteractive]);\n\n  const selectOption = (option, index) => {\n    return (\n      <option key={index} value={option.value} className={style.selectOption}>\n        {option.name}\n      </option>\n    );\n  };\n\n  const optionList = !isEmpty(options)\n    ? options.map((option, index) => selectOption(option, index))\n    : optgroups.map((optgroup, index) => {\n        return (\n          <optgroup key={index} label={optgroup.label}>\n            {optgroup.options && optgroup.options.map((option, i) => selectOption(option, i))}\n          </optgroup>\n        );\n      });\n\n  const titleView = title ? <span className={style.title}>{title}</span> : null;\n\n  const selected = useMemo(\n    () =>\n      multiple\n        ? map(get('value'), filter({selected: true}, options))\n        : get('value', find({selected: true}, concat(options, flatMapDeep('options', optgroups)))),\n    [multiple, options, optgroups]\n  );\n  const selectedLabel = useMemo(\n    () =>\n      multiple\n        ? map(get('name'), filter({selected: true}, options))\n        : get('name', find({selected: true}, concat(options, flatMapDeep('options', optgroups)))),\n    [multiple, options, optgroups]\n  );\n\n  const isSelectedInValidOption = useMemo(\n    () =>\n      theme === 'player' &&\n      getOr(false, 'name', find({validOption: false, selected: true}, options)),\n    [options, theme]\n  );\n\n  const handleChange = useMemo(\n    () =>\n      multiple\n        ? e => {\n            if (!isNonInteractive && onChange) {\n              setIsArrowUp(false);\n              onChange(map(get('value'), e.target.selectedOptions));\n            }\n          }\n        : e => {\n            if (!isNonInteractive && onChange) {\n              setIsArrowUp(false);\n              onChange(e.target.value);\n            }\n          },\n    [onChange, multiple, isNonInteractive]\n  );\n\n  const black = useMemo(() => getOr('#14171A', 'common.black', skin), [skin]);\n  const color = useMemo(() => getOr('#00B0FF', 'common.primary', skin), [skin]);\n  const isThemeOneOfQuestionTemplateOrPlayer = useMemo(\n    () => includes(theme, ['question', 'template', 'player']),\n    [theme]\n  );\n  const shouldUseSkinFontColor = useMemo(\n    () => !isSelectedInValidOption && selected && isThemeOneOfQuestionTemplateOrPlayer,\n    [isSelectedInValidOption, selected, isThemeOneOfQuestionTemplateOrPlayer]\n  );\n  const arrowColor = selected ? color : undefined;\n\n  const behaviorClassName = useMemo(\n    () => getClassState(style.defaultStyle, style.modified, style.error, modified, error),\n    [error, modified]\n  );\n  const composedClassName = useMemo(\n    () =>\n      classnames(\n        theme && theme !== 'coorpmanager' ? themeStyle[theme] : behaviorClassName,\n        selected ? style.selected : style.unselected,\n        disabled ? style.disabled : null,\n        className\n      ),\n    [behaviorClassName, className, selected, theme, disabled]\n  );\n\n  const labelSize = useMemo(() => size(selectedLabel), [selectedLabel]);\n\n  const isLongLabel = useMemo(() => labelSize >= 65, [labelSize]);\n\n  return (\n    <div\n      className={classnames(\n        composedClassName,\n        theme === 'coorpmanager' ? style.coorpmanager : null\n      )}\n    >\n      <label\n        data-testid=\"select-wrapper\"\n        data-name=\"select-wrapper\"\n        title={title}\n        style={{\n          ...(shouldUseSkinFontColor && {\n            color\n          })\n        }}\n        className={style.selectWrapper}\n      >\n        {titleView}\n        <span\n          data-testid=\"select-span\"\n          data-name=\"select-span\"\n          className={classnames(\n            style.selectSpan,\n            includes(theme, [\n              'player',\n              'invalid',\n              'question',\n              'thematiques',\n              'template',\n              'skillDetail'\n            ])\n              ? style.noLabelCommon\n              : null,\n            borderClassName,\n            isLongLabel ? style.longLabel : null\n          )}\n          style={{\n            ...(shouldUseSkinFontColor && {\n              color\n            })\n          }}\n        >\n          {selectedLabel}\n        </span>\n        <ArrowView\n          shouldRender={!multiple}\n          isArrowUp={isArrowUp}\n          ariaLabel={ariaLabel}\n          arrowClass={shouldUseSkinFontColor ? style.selectedArrow : style.arrow}\n          arrowColor={isThemeOneOfQuestionTemplateOrPlayer ? arrowColor : black}\n        />\n        <select\n          {...(ariaLabelledBy ? {'aria-labelledby': ariaLabelledBy} : {})}\n          {...(ariaLabel && !ariaLabelledBy ? {'aria-label': ariaLabel} : {})}\n          {...(ariaLabel ? {title: ariaLabel} : {})}\n          data-name=\"native-select\"\n          className={style.selectBox}\n          name={name}\n          onChange={handleChange}\n          value={selected}\n          multiple={multiple}\n          disabled={disabled || readOnly}\n          onClick={isNonInteractive ? undefined : handleSelectOnFocus}\n          onBlur={isNonInteractive ? undefined : handleSelectOnBlur}\n          // onBlur does not handle completely an out of bounds click\n          // ex: select is Opened and a click is done outside, cancelling the select\n          // that doesn't count as a Blur, so an onMouseLeave is needed\n          onMouseLeave={isNonInteractive ? undefined : handleSelectOnBlur}\n          data-testid=\"native-select\"\n        >\n          {optionList}\n        </select>\n      </label>\n      <div className={style.description}>{description}</div>\n    </div>\n  );\n};\n\nexport const SelectOptionPropTypes = {\n  name: PropTypes.string.isRequired,\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  selected: PropTypes.bool,\n  validOption: PropTypes.bool\n};\n\nexport const SelectOptionGroupPropTypes = {\n  label: PropTypes.string.isRequired,\n  options: PropTypes.arrayOf(PropTypes.shape(SelectOptionPropTypes))\n};\n\nSelect.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nSelect.propTypes = {\n  title: PropTypes.string,\n  name: PropTypes.string,\n  className: PropTypes.string,\n  borderClassName: PropTypes.string,\n  disabled: PropTypes.bool,\n  readOnly: PropTypes.bool,\n  multiple: PropTypes.bool,\n  description: PropTypes.string,\n  required: PropTypes.bool,\n  onChange: PropTypes.func,\n  theme: PropTypes.oneOf(keys(themeStyle)),\n  options: PropTypes.arrayOf(PropTypes.shape(SelectOptionPropTypes)),\n  optgroups: PropTypes.arrayOf(PropTypes.shape(SelectOptionGroupPropTypes)),\n  modified: PropTypes.bool,\n  error: PropTypes.bool,\n  'aria-label': PropTypes.string,\n  'aria-labelledby': PropTypes.string\n};\n\nexport default Select;\n"],"mappings":"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","ignoreList":[]}

package/lib/molecule/card/favorite.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"favorite.d.ts","sourceRoot":"","sources":["../../../src/molecule/card/favorite.js"],"names":[],"mappings":";AAcA;;;;;;;;oCAkJC"}
+{"version":3,"file":"favorite.d.ts","sourceRoot":"","sources":["../../../src/molecule/card/favorite.js"],"names":[],"mappings":";AAcA;;;;;;;;oCA+JC"}

package/lib/molecule/card/favorite.js

@@ -72,6 +72,19 @@ const Favorite = ({
     });
     return () => window.removeEventListener('scroll', hide);
   }, [toolTipIsVisible]);
+
+  // Hide tooltip when favorite state changes
+  // This prevents showing stale tooltip content
+  (0, _react.useEffect)(() => {
+    if (toolTipIsVisible) {
+      setToolTipIsVisible(false);
+    }
+    if (mouseLeaveTimer) {
+      clearTimeout(mouseLeaveTimer);
+      setMouseLeaveTimer(undefined);
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [favorite]);
   const handleKeyPress = (0, _react.useCallback)(event => {
     (0, _tooltip.toggleStateOnKeyPress)(toolTipIsVisible, setToolTipIsVisible, buttonRef)(event);
   }, [toolTipIsVisible]);

package/lib/molecule/card/favorite.js.map

@@ -1 +1 @@
-{"version":3,"file":"favorite.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_classnames","_uuid","_novaIcons","_provider","_tooltip","_button","_favorite","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Favorite","favorite","addFavoriteToolTip","removeFavoriteToolTip","className","ariaLabel","onFavoriteClick","_noop2","disabled","legacyContext","skin","GetSkinFromContext","translate","GetTranslateFromContext","handleFavoriteClick","useCallback","stopPropagation","preventDefault","primaryColor","_get2","darkColor","brandColor","buttonRef","useRef","allowToolTip","useMemo","_isEmpty2","favoriteButtonAnchorId","useState","uuidV5","URL","undefined","toolTipContent","mouseLeaveTimer","setMouseLeaveTimer","toolTipIsVisible","setToolTipIsVisible","handleMouseOver","clearTimeout","_has2","current","focus","handleMouseLeave","setTimeout","blur","useEffect","hide","window","addEventListener","passive","removeEventListener","handleKeyPress","event","toggleStateOnKeyPress","iconWrapperClassName","classnames","style","selected","icon","createElement","NovaCompositionCoorpacademyCheck","checkIcon","color","width","height","removeFromFavorite","NovaCompositionNavigationMore","moreIcon","addToFavorite","favoriteWrapper","type","buttonContentClassName","onClick","onKeyDown","onMouseLeave","onMouseOver","tabIndex","useButtonTag","useWrapper","fontSize","anchorId","TooltipContent","closeToolTipInformationTextAriaLabel","stickyOnKeyboardNavigation","propTypes","process","env","NODE_ENV","PropTypes","string","bool","func","shape","contextTypes","Provider","childContextTypes","_default","exports"],"sources":["../../../src/molecule/card/favorite.js"],"sourcesContent":["import React, {useCallback, useEffect, useMemo, useRef, useState} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {v5 as uuidV5} from 'uuid';\nimport {get, has, isEmpty, noop} from 'lodash/fp';\nimport {\n  NovaCompositionNavigationMore as MoreIcon,\n  NovaCompositionCoorpacademyCheck as CheckIcon\n} from '@coorpacademy/nova-icons';\nimport Provider, {GetSkinFromContext, GetTranslateFromContext} from '../../atom/provider';\nimport ToolTip, {toggleStateOnKeyPress} from '../../atom/tooltip';\nimport Button from '../../atom/button';\nimport style from './favorite.css';\n\nconst Favorite = (\n  {\n    favorite,\n    addFavoriteToolTip,\n    removeFavoriteToolTip,\n    className,\n    'aria-label': ariaLabel = {},\n    onFavoriteClick = noop,\n    disabled\n  },\n  legacyContext\n) => {\n  const skin = GetSkinFromContext(legacyContext);\n  const translate = GetTranslateFromContext(legacyContext);\n  const handleFavoriteClick = useCallback(\n    e => {\n      e.stopPropagation();\n      e.preventDefault();\n      if (!disabled) onFavoriteClick(e);\n    },\n    [disabled, onFavoriteClick]\n  );\n\n  const primaryColor = get('common.primary', skin);\n  const darkColor = get('common.dark', skin);\n  const brandColor = get('common.brand', skin);\n\n  const buttonRef = useRef(null);\n\n  const allowToolTip = useMemo(\n    () => !isEmpty(removeFavoriteToolTip) && !isEmpty(addFavoriteToolTip),\n    [addFavoriteToolTip, removeFavoriteToolTip]\n  );\n\n  // to be replaced by useId when React17 is bumped to React18\n  const [favoriteButtonAnchorId] = useState(\n    allowToolTip ? uuidV5('engaged-battle-', uuidV5.URL) : undefined\n  );\n\n  const toolTipContent = useMemo(\n    // eslint-disable-next-line no-nested-ternary\n    () => (allowToolTip ? (favorite ? removeFavoriteToolTip : addFavoriteToolTip) : null),\n    [addFavoriteToolTip, favorite, removeFavoriteToolTip, allowToolTip]\n  );\n\n  const [mouseLeaveTimer, setMouseLeaveTimer] = useState(undefined);\n\n  const [toolTipIsVisible, setToolTipIsVisible] = useState(false);\n\n  const handleMouseOver = useCallback(() => {\n    mouseLeaveTimer && clearTimeout(mouseLeaveTimer);\n    /* istanbul ignore next */ has(['current', 'focus'], buttonRef) && buttonRef.current.focus();\n    setToolTipIsVisible(true);\n  }, [mouseLeaveTimer]);\n\n  const handleMouseLeave = useCallback(() => {\n    setMouseLeaveTimer(\n      setTimeout(() => {\n        setToolTipIsVisible(false);\n        // @ts-expect-error (error: blur does not exists on type never)\n        /* istanbul ignore next */ has(['current', 'blur'], buttonRef) && buttonRef.current.blur();\n      }, 500)\n    );\n  }, []);\n\n  useEffect(() => {\n    if (!toolTipIsVisible) return;\n    const hide = () => setToolTipIsVisible(false);\n    if (typeof window === 'undefined') {\n      return;\n    }\n    window.addEventListener('scroll', hide, {passive: true});\n    return () => window.removeEventListener('scroll', hide);\n  }, [toolTipIsVisible]);\n\n  const handleKeyPress = useCallback(\n    event => {\n      toggleStateOnKeyPress(toolTipIsVisible, setToolTipIsVisible, buttonRef)(event);\n    },\n    [toolTipIsVisible]\n  );\n\n  const iconWrapperClassName = useMemo(\n    () => classnames(style.favorite, className, favorite && style.selected),\n    [className, favorite]\n  );\n  const icon = useMemo(\n    () =>\n      favorite ? (\n        <CheckIcon\n          // eslint-disable-next-line css-modules/no-undef-class\n          className={style.checkIcon}\n          style={{color: brandColor}}\n          width={13}\n          height={13}\n          data-testid=\"favorite-check-icon\"\n          aria-label={ariaLabel.removeFromFavorite}\n        />\n      ) : (\n        <MoreIcon\n          className={style.moreIcon}\n          style={{color: darkColor}}\n          width={13}\n          height={13}\n          data-testid=\"favorite-add-icon\"\n          aria-label={ariaLabel.addToFavorite}\n        />\n      ),\n    [ariaLabel.addToFavorite, ariaLabel.removeFromFavorite, brandColor, darkColor, favorite]\n  );\n\n  return (\n    <div className={style.favoriteWrapper} data-testid=\"favorite-wrapper\">\n      <Button\n        buttonRef={buttonRef}\n        type=\"button\"\n        data-for={favoriteButtonAnchorId}\n        data-tooltip-place=\"left\"\n        data-tip={allowToolTip}\n        data-name=\"favorite\"\n        data-testid=\"favorite-button\"\n        aria-label={ariaLabel.favorite}\n        buttonContentClassName={iconWrapperClassName}\n        onClick={handleFavoriteClick}\n        style={{\n          color: primaryColor\n        }}\n        onKeyDown={handleKeyPress}\n        onMouseLeave={handleMouseLeave}\n        onMouseOver={handleMouseOver}\n        tabIndex={0}\n        useButtonTag\n        useWrapper={false}\n      >\n        {icon}\n      </Button>\n      <ToolTip\n        fontSize={12}\n        anchorId={favoriteButtonAnchorId}\n        toolTipIsVisible={toolTipIsVisible}\n        TooltipContent={toolTipContent}\n        closeToolTipInformationTextAriaLabel={translate('close_tooltip_information')}\n        stickyOnKeyboardNavigation\n      />\n    </div>\n  );\n};\n\nFavorite.propTypes = {\n  className: PropTypes.string,\n  favorite: PropTypes.bool,\n  disabled: PropTypes.bool,\n  addFavoriteToolTip: PropTypes.string,\n  removeFavoriteToolTip: PropTypes.string,\n  onFavoriteClick: PropTypes.func,\n  'aria-label': PropTypes.shape({\n    favorite: PropTypes.string,\n    addToFavorite: PropTypes.string,\n    removeFromFavorite: PropTypes.string\n  })\n};\n\nFavorite.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nexport default Favorite;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"favorite.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_classnames","_uuid","_novaIcons","_provider","_tooltip","_button","_favorite","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Favorite","favorite","addFavoriteToolTip","removeFavoriteToolTip","className","ariaLabel","onFavoriteClick","_noop2","disabled","legacyContext","skin","GetSkinFromContext","translate","GetTranslateFromContext","handleFavoriteClick","useCallback","stopPropagation","preventDefault","primaryColor","_get2","darkColor","brandColor","buttonRef","useRef","allowToolTip","useMemo","_isEmpty2","favoriteButtonAnchorId","useState","uuidV5","URL","undefined","toolTipContent","mouseLeaveTimer","setMouseLeaveTimer","toolTipIsVisible","setToolTipIsVisible","handleMouseOver","clearTimeout","_has2","current","focus","handleMouseLeave","setTimeout","blur","useEffect","hide","window","addEventListener","passive","removeEventListener","handleKeyPress","event","toggleStateOnKeyPress","iconWrapperClassName","classnames","style","selected","icon","createElement","NovaCompositionCoorpacademyCheck","checkIcon","color","width","height","removeFromFavorite","NovaCompositionNavigationMore","moreIcon","addToFavorite","favoriteWrapper","type","buttonContentClassName","onClick","onKeyDown","onMouseLeave","onMouseOver","tabIndex","useButtonTag","useWrapper","fontSize","anchorId","TooltipContent","closeToolTipInformationTextAriaLabel","stickyOnKeyboardNavigation","propTypes","process","env","NODE_ENV","PropTypes","string","bool","func","shape","contextTypes","Provider","childContextTypes","_default","exports"],"sources":["../../../src/molecule/card/favorite.js"],"sourcesContent":["import React, {useCallback, useEffect, useMemo, useRef, useState} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {v5 as uuidV5} from 'uuid';\nimport {get, has, isEmpty, noop} from 'lodash/fp';\nimport {\n  NovaCompositionNavigationMore as MoreIcon,\n  NovaCompositionCoorpacademyCheck as CheckIcon\n} from '@coorpacademy/nova-icons';\nimport Provider, {GetSkinFromContext, GetTranslateFromContext} from '../../atom/provider';\nimport ToolTip, {toggleStateOnKeyPress} from '../../atom/tooltip';\nimport Button from '../../atom/button';\nimport style from './favorite.css';\n\nconst Favorite = (\n  {\n    favorite,\n    addFavoriteToolTip,\n    removeFavoriteToolTip,\n    className,\n    'aria-label': ariaLabel = {},\n    onFavoriteClick = noop,\n    disabled\n  },\n  legacyContext\n) => {\n  const skin = GetSkinFromContext(legacyContext);\n  const translate = GetTranslateFromContext(legacyContext);\n  const handleFavoriteClick = useCallback(\n    e => {\n      e.stopPropagation();\n      e.preventDefault();\n      if (!disabled) onFavoriteClick(e);\n    },\n    [disabled, onFavoriteClick]\n  );\n\n  const primaryColor = get('common.primary', skin);\n  const darkColor = get('common.dark', skin);\n  const brandColor = get('common.brand', skin);\n\n  const buttonRef = useRef(null);\n\n  const allowToolTip = useMemo(\n    () => !isEmpty(removeFavoriteToolTip) && !isEmpty(addFavoriteToolTip),\n    [addFavoriteToolTip, removeFavoriteToolTip]\n  );\n\n  // to be replaced by useId when React17 is bumped to React18\n  const [favoriteButtonAnchorId] = useState(\n    allowToolTip ? uuidV5('engaged-battle-', uuidV5.URL) : undefined\n  );\n\n  const toolTipContent = useMemo(\n    // eslint-disable-next-line no-nested-ternary\n    () => (allowToolTip ? (favorite ? removeFavoriteToolTip : addFavoriteToolTip) : null),\n    [addFavoriteToolTip, favorite, removeFavoriteToolTip, allowToolTip]\n  );\n\n  const [mouseLeaveTimer, setMouseLeaveTimer] = useState(undefined);\n\n  const [toolTipIsVisible, setToolTipIsVisible] = useState(false);\n\n  const handleMouseOver = useCallback(() => {\n    mouseLeaveTimer && clearTimeout(mouseLeaveTimer);\n    /* istanbul ignore next */ has(['current', 'focus'], buttonRef) && buttonRef.current.focus();\n    setToolTipIsVisible(true);\n  }, [mouseLeaveTimer]);\n\n  const handleMouseLeave = useCallback(() => {\n    setMouseLeaveTimer(\n      setTimeout(() => {\n        setToolTipIsVisible(false);\n        // @ts-expect-error (error: blur does not exists on type never)\n        /* istanbul ignore next */ has(['current', 'blur'], buttonRef) && buttonRef.current.blur();\n      }, 500)\n    );\n  }, []);\n\n  useEffect(() => {\n    if (!toolTipIsVisible) return;\n    const hide = () => setToolTipIsVisible(false);\n    if (typeof window === 'undefined') {\n      return;\n    }\n    window.addEventListener('scroll', hide, {passive: true});\n    return () => window.removeEventListener('scroll', hide);\n  }, [toolTipIsVisible]);\n\n  // Hide tooltip when favorite state changes\n  // This prevents showing stale tooltip content\n  useEffect(() => {\n    if (toolTipIsVisible) {\n      setToolTipIsVisible(false);\n    }\n    if (mouseLeaveTimer) {\n      clearTimeout(mouseLeaveTimer);\n      setMouseLeaveTimer(undefined);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [favorite]);\n\n  const handleKeyPress = useCallback(\n    event => {\n      toggleStateOnKeyPress(toolTipIsVisible, setToolTipIsVisible, buttonRef)(event);\n    },\n    [toolTipIsVisible]\n  );\n\n  const iconWrapperClassName = useMemo(\n    () => classnames(style.favorite, className, favorite && style.selected),\n    [className, favorite]\n  );\n  const icon = useMemo(\n    () =>\n      favorite ? (\n        <CheckIcon\n          // eslint-disable-next-line css-modules/no-undef-class\n          className={style.checkIcon}\n          style={{color: brandColor}}\n          width={13}\n          height={13}\n          data-testid=\"favorite-check-icon\"\n          aria-label={ariaLabel.removeFromFavorite}\n        />\n      ) : (\n        <MoreIcon\n          className={style.moreIcon}\n          style={{color: darkColor}}\n          width={13}\n          height={13}\n          data-testid=\"favorite-add-icon\"\n          aria-label={ariaLabel.addToFavorite}\n        />\n      ),\n    [ariaLabel.addToFavorite, ariaLabel.removeFromFavorite, brandColor, darkColor, favorite]\n  );\n\n  return (\n    <div className={style.favoriteWrapper} data-testid=\"favorite-wrapper\">\n      <Button\n        buttonRef={buttonRef}\n        type=\"button\"\n        data-for={favoriteButtonAnchorId}\n        data-tooltip-place=\"left\"\n        data-tip={allowToolTip}\n        data-name=\"favorite\"\n        data-testid=\"favorite-button\"\n        aria-label={ariaLabel.favorite}\n        buttonContentClassName={iconWrapperClassName}\n        onClick={handleFavoriteClick}\n        style={{\n          color: primaryColor\n        }}\n        onKeyDown={handleKeyPress}\n        onMouseLeave={handleMouseLeave}\n        onMouseOver={handleMouseOver}\n        tabIndex={0}\n        useButtonTag\n        useWrapper={false}\n      >\n        {icon}\n      </Button>\n      <ToolTip\n        fontSize={12}\n        anchorId={favoriteButtonAnchorId}\n        toolTipIsVisible={toolTipIsVisible}\n        TooltipContent={toolTipContent}\n        closeToolTipInformationTextAriaLabel={translate('close_tooltip_information')}\n        stickyOnKeyboardNavigation\n      />\n    </div>\n  );\n};\n\nFavorite.propTypes = {\n  className: PropTypes.string,\n  favorite: PropTypes.bool,\n  disabled: PropTypes.bool,\n  addFavoriteToolTip: PropTypes.string,\n  removeFavoriteToolTip: PropTypes.string,\n  onFavoriteClick: PropTypes.func,\n  'aria-label': PropTypes.shape({\n    favorite: PropTypes.string,\n    addToFavorite: PropTypes.string,\n    removeFromFavorite: PropTypes.string\n  })\n};\n\nFavorite.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nexport default Favorite;\n"],"mappings":"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","ignoreList":[]}

package/lib/molecule/filters/index.d.ts

@@ -17,6 +17,7 @@ declare class Filters extends React.Component<any, any, any> {
             className: PropTypes.Requireable<string>;
             borderClassName: PropTypes.Requireable<string>;
             disabled: PropTypes.Requireable<boolean>;
+            readOnly: PropTypes.Requireable<boolean>;
             multiple: PropTypes.Requireable<boolean>;
             description: PropTypes.Requireable<string>;
             required: PropTypes.Requireable<boolean>;

package/lib/molecule/filters/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/filters/index.js"],"names":[],"mappings":";AASA;IACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAgBE;IAEF;;;;;;;;;;;;;;;;;;;;;;MAEE;IAEF,wBASC;IAPC;;;MAGC;IAMH,yBAcC;IAED,uBAYC;IAED,qBAOC;IAED,sBA4FC;CACF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/filters/index.js"],"names":[],"mappings":";AASA;IACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAgBE;IAEF;;;;;;;;;;;;;;;;;;;;;;MAEE;IAEF,wBASC;IAPC;;;MAGC;IAMH,yBAcC;IAED,uBAYC;IAED,qBAOC;IAED,sBA4FC;CACF"}

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

@@ -201,7 +201,7 @@ const buildTranslationItems = ({
   id: index,
   title: itemTitle,
   buttonLink: {
-    'aria-label': readonly ? 'View' : 'Edit',
+    'aria-label': readonly ? 'View Custom SKill' : 'Edit Custom Skill',
     type: 'primary',
     customStyle: {
       width: 'fit-content',

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","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","buildFormField","field","type","readonly","fieldWithoutOverrides","_omit2","readOnly","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","fontWeight","fields","options","onChange","disabled","formProps","createElement","className","style","skillInformationsContainer","uncappedMap","_map2","convert","cap","buildButtonProps","button","hoverBackgroundColor","COLORS","primary_100","hoverColor","cm_primary_blue","color","padding","width","backgroundColor","cm_blue_50","buildTranslationItems","itemTitle","onEditClick","onDeleteClick","index","secondButtonLink","cm_grey_100","neutral_500","id","Translations","items","localesOptions","emptyResult","buttonProps","translationMenuAction","menu","buttons","optionLabel","ref","optionRef","optionOnClick","_includes2","_keys2","menuWrapper","maxHeight","translationProps","content","_isEmpty2","item","buttonMenuAction","buildContentItem","image","tags","iconName","checkbox","deleteButton","preset","Content","list","listTitle","search","actionButtons","checkboxWithTitle","checkboxWithTitleProps","titleProps","listProps","iconColor","white","cm_grey_500","fontSize","actionButton","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, omit} 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 = (\n  field: InputTextareaProps | InputTextProps,\n  type: 'text' | 'textarea',\n  readonly?: boolean\n) => {\n  const fieldWithoutOverrides = omit(['type', 'theme', 'size'], field);\n  return {\n    ...(type === 'text' ? {readOnly: readonly} : {readonly}),\n    ...fieldWithoutOverrides,\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 & {readonly?: boolean}) => {\n  const {form, iconEditor, readonly} = 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, readOnly: readonly},\n      buttonLink:\n        iconEditor.buttonLink && !readonly\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                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        disabled: readonly\n      }\n    },\n    {\n      ...buildTitleAndInputField({\n        title: inputText.title,\n        required: true,\n        childType: 'inputText'\n      }),\n      field: buildFormField(inputText.field, 'text', readonly)\n    },\n    {\n      ...buildTitleAndInputField({\n        title: inputTextArea.title,\n        childType: 'inputTextArea'\n      }),\n      field: buildFormField(inputTextArea.field, 'textarea', readonly)\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    fontWeight: 600\n  }\n});\n\nconst buildTranslationItems = (\n  {\n    title: itemTitle,\n    onEditClick,\n    onDeleteClick,\n    readonly = false\n  }: {title: string; onEditClick: () => void; onDeleteClick: () => void; readonly?: boolean},\n  index: number\n) => ({\n  ...(readonly\n    ? {}\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.neutral_500,\n              size: 16\n            }\n          },\n          onClick: onDeleteClick\n        }\n      }),\n  id: index,\n  title: itemTitle,\n  buttonLink: {\n    'aria-label': readonly ? 'View' : '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: readonly ? 'eye' : 'edit',\n        color: COLORS.neutral_500,\n        size: 16\n      }\n    },\n    onClick: onEditClick\n  }\n});\n\nconst Translations = ({\n  title,\n  subtitle,\n  items,\n  button,\n  localesOptions,\n  emptyResult,\n  readonly = false\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(\n        (\n          item: {title: string; onEditClick: () => void; onDeleteClick: () => void},\n          index: number\n        ) => buildTranslationItems({...item, readonly}, index),\n        items\n      ),\n      type: 'list'\n    },\n    buttonMenuAction: readonly ? undefined : translationMenuAction\n  };\n\n  return <ListItems {...translationProps} />;\n};\n\nconst buildContentItem =\n  (readonly: boolean) =>\n  ({\n    ref,\n    title,\n    subtitle,\n    image,\n    tags: {label, iconName},\n    checkbox,\n    deleteButton\n  }: ContentListItemType) => {\n    return {\n      ...(readonly\n        ? {}\n        : {\n            secondButtonLink: {\n              ...deleteButton,\n              'data-name': `button-${deleteButton?.label}`,\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.neutral_500,\n                  size: 16\n                }\n              }\n            }\n          }),\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: readonly ? undefined : checkbox\n    };\n  };\n\nconst Content = ({\n  title,\n  subtitle,\n  button,\n  list: {title: listTitle, checkbox, items, search, emptyResult},\n  actionButtons,\n  checkboxWithTitle: checkboxWithTitleProps,\n  readonly = false\n}: ContentPropsType) => {\n  const buttonProps = buildButtonProps(button);\n\n  const titleProps = {\n    type: 'form-group',\n    title,\n    subtitle,\n    button: !readonly ? buttonProps : undefined,\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(readonly), items),\n      type: 'list'\n    },\n    search: {\n      ...search,\n      theme: 'coorpmanager',\n      // Keep search interactive even in readonly mode\n      disabled: false\n    },\n    actionButtons: readonly\n      ? []\n      : map(\n          actionButton => ({\n            ...actionButton,\n            customStyle: {\n              fontWeight: '600',\n              borderRadius: '12px',\n              width: 'auto'\n            }\n          }),\n          actionButtons\n        ),\n\n    checkboxWithTitle: readonly\n      ? undefined\n      : {\n          ...checkboxWithTitleProps,\n          name: checkboxWithTitleProps?.title,\n          'aria-label': checkboxWithTitleProps?.title,\n          'data-name': checkboxWithTitleProps?.title,\n          customStyle: {fontWeight: 600, color: COLORS.neutral_500, fontSize: '16px'},\n          icon: {iconName: 'minus', iconColor: 'white', preset: 's'}\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, readonly} = props;\n\n  return (\n    <div className={style.container}>\n      <SkillInformations {...skillInformations} readonly={readonly} />\n      <Translations {...translations} readonly={readonly} />\n      <Content {...content} readonly={readonly} />\n    </div>\n  );\n};\n\nSkillEdition.propTypes = propTypes;\n\nexport default SkillEdition;\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,eAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,UAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,MAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,cAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AACA,IAAAM,MAAA,GAAAP,sBAAA,CAAAC,OAAA;AASA,IAAAO,MAAA,GAAAR,sBAAA,CAAAC,OAAA;AAAgC,SAAAD,uBAAAS,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAG,SAAA,WAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,CAAA,aAAAP,CAAA,MAAAA,CAAA,GAAAQ,SAAA,CAAAC,MAAA,EAAAT,CAAA,UAAAU,CAAA,GAAAF,SAAA,CAAAR,CAAA,YAAAW,CAAA,IAAAD,CAAA,OAAAE,cAAA,CAAAC,IAAA,CAAAH,CAAA,EAAAC,CAAA,MAAAJ,CAAA,CAAAI,CAAA,IAAAD,CAAA,CAAAC,CAAA,aAAAJ,CAAA,KAAAJ,QAAA,CAAAW,KAAA,OAAAN,SAAA;AAEhC,MAAMO,cAAc,GAAGA,CACrBC,KAA0C,EAC1CC,IAAyB,EACzBC,QAAkB,KACf;EACH,MAAMC,qBAAqB,GAAG,IAAAC,MAAA,CAAAlB,OAAA,EAAK,CAAC,MAAM,EAAE,OAAO,EAAE,MAAM,CAAC,EAAEc,KAAK,CAAC;EACpE,OAAO;IACL,IAAIC,IAAI,KAAK,MAAM,GAAG;MAACI,QAAQ,EAAEH;IAAQ,CAAC,GAAG;MAACA;IAAQ,CAAC,CAAC;IACxD,GAAGC,qBAAqB;IACxBF,IAAI;IACJK,KAAK,EAAE,cAAc;IACrBC,IAAI,EAAE;EACR,CAAC;AACH,CAAC;AAED,MAAMC,uBAAuB,GAAGA,CAAC;EAC/BC,KAAK;EACLC,QAAQ;EACRC,QAAQ,GAAG,KAAK;EAChBC,QAAQ;EACRC;AAOF,CAAC,KAAK;EACJ,OAAO;IACLJ,KAAK,EAAE;MACLR,IAAI,EAAE,YAAY;MAClBQ,KAAK;MACLC,QAAQ;MACRI,SAAS,EAAE,iBAAiB;MAC5BC,YAAY,EAAEL,QAAQ,GAAG,yBAAyB,GAAGM,SAAS;MAC9DL,QAAQ;MACR,WAAW,EAAEC;IACf,CAAC;IACDC,SAAS;IACTZ,IAAI,EAAE;EACR,CAAC;AACH,CAAC;AAED,MAAMgB,iBAAiB,GAAIC,iBAAgE,IAAK;EAC9F,MAAM;IAACC,IAAI;IAAEC,UAAU;IAAElB;EAAQ,CAAC,GAAGgB,iBAAiB;EACtD,MAAM;IAACG,MAAM;IAAEC,aAAa;IAAEC;EAAS,CAAC,GAAGJ,IAAI;EAE/C,MAAMK,eAAe,GAAG;IACtBf,KAAK,EAAE;MACLR,IAAI,EAAE,YAAY;MAClBQ,KAAK,EAAEW,UAAU,CAACX,KAAK;MACvBK,SAAS,EAAE,iBAAiB;MAC5BH,QAAQ,EAAE;IACZ,CAAC;IACDX,KAAK,EAAE;MACLyB,WAAW,EAAEL,UAAU,CAACK,WAAW;MACnCF,SAAS,EAAE;QAAC,GAAGH,UAAU,CAACG,SAAS;QAAElB,QAAQ,EAAEH;MAAQ,CAAC;MACxDwB,UAAU,EACRN,UAAU,CAACM,UAAU,IAAI,CAACxB,QAAQ,GAC9B;QACED,IAAI,EAAE,WAAW;QACjB0B,KAAK,EAAEP,UAAU,CAACM,UAAU,CAACC,KAAK;QAClCC,SAAS,EAAER,UAAU,CAACM,UAAU,CAACE,SAAS;QAC1ChB,QAAQ,EAAE,wBAAwB;QAClCiB,IAAI,EAAE;UACJC,QAAQ,EAAE,MAAM;UAChBC,MAAM,EAAE;YACNC,IAAI,EAAE,eAAe;YACrBzB,IAAI,EAAE;UACR;QACF,CAAC;QACD0B,OAAO,EAAEb,UAAU,CAACM,UAAU,CAACO,OAAO;QACtCC,WAAW,EAAE;UACXC,YAAY,EAAE,MAAM;UACpBC,UAAU,EAAE;QACd;MACF,CAAC,GACDpB,SAAS;MACfT,IAAI,EAAE;IACR,CAAC;IACDM,SAAS,EAAE;EACb,CAAC;EAED,MAAMwB,MAAM,GAAG,CACb;IACE,GAAG7B,uBAAuB,CAAC;MACzBC,KAAK,EAAEY,MAAM,CAACZ,KAAK;MACnBC,QAAQ,EAAEW,MAAM,CAACX,QAAQ;MACzBC,QAAQ,EAAE,IAAI;MACdC,QAAQ,EAAES,MAAM,CAAC,WAAW,CAAC;MAC7BR,SAAS,EAAE;IACb,CAAC,CAAC;IACFb,KAAK,EAAE;MACLsC,OAAO,EAAEjB,MAAM,CAACrB,KAAK,CAACsC,OAAO;MAC7B,YAAY,EAAEjB,MAAM,CAACrB,KAAK,CAAC,YAAY,CAAC;MACxCuC,QAAQ,EAAElB,MAAM,CAACrB,KAAK,CAACuC,QAAQ;MAC/BjC,KAAK,EAAE,aAAa;MACpBC,IAAI,EAAE,OAAO;MACbiC,QAAQ,EAAEtC;IACZ;EACF,CAAC,EACD;IACE,GAAGM,uBAAuB,CAAC;MACzBC,KAAK,EAAEc,SAAS,CAACd,KAAK;MACtBE,QAAQ,EAAE,IAAI;MACdE,SAAS,EAAE;IACb,CAAC,CAAC;IACFb,KAAK,EAAED,cAAc,CAACwB,SAAS,CAACvB,KAAK,EAAE,MAAM,EAAEE,QAAQ;EACzD,CAAC,EACD;IACE,GAAGM,uBAAuB,CAAC;MACzBC,KAAK,EAAEa,aAAa,CAACb,KAAK;MAC1BI,SAAS,EAAE;IACb,CAAC,CAAC;IACFb,KAAK,EAAED,cAAc,CAACuB,aAAa,CAACtB,KAAK,EAAE,UAAU,EAAEE,QAAQ;EACjE,CAAC,CACF;EAED,MAAMuC,SAAS,GAAG;IAChBhC,KAAK,EAAEU,IAAI,CAACV,KAAK;IACjBC,QAAQ,EAAES,IAAI,CAACT,QAAQ;IACvBI,SAAS,EAAE,WAAW;IACtBC,YAAY,EAAE,QAAQ;IACtBsB;EACF,CAAC;EAED,oBACE/D,MAAA,CAAAY,OAAA,CAAAwD,aAAA;IAAKC,SAAS,EAAEC,cAAK,CAACC;EAA2B,gBAC/CvE,MAAA,CAAAY,OAAA,CAAAwD,aAAA,CAACjE,eAAA,CAAAS,OAAc,EAAKuD,SAAY,CAAC,eACjCnE,MAAA,CAAAY,OAAA,CAAAwD,aAAA;IAAKC,SAAS,EAAEC,cAAK,CAACxB;EAAW,gBAC/B9C,MAAA,CAAAY,OAAA,CAAAwD,aAAA,CAAC9D,cAAA,CAAAM,OAAa,EAAKsC,eAAkB,CAClC,CACF,CAAC;AAEV,CAAC;;AAED;AACA,MAAMsB,WAAW,GAAGC,KAAA,CAAA7D,OAAA,CAAI8D,OAAO,CAAC;EAACC,GAAG,EAAE;AAAK,CAAC,CAAC;AAE7C,MAAMC,gBAAgB,GAAIC,MAAsC,KAAM;EACpE,GAAGA,MAAM;EACTlD,IAAI,EAAE,SAAS;EACf,YAAY,EAAEkD,MAAM,CAACxB,KAAK;EAC1B,WAAW,EAAE,UAAUwB,MAAM,CAACxB,KAAK,EAAE;EACrCyB,oBAAoB,EAAEC,cAAM,CAACC,WAAW;EACxCC,UAAU,EAAEF,cAAM,CAACG,eAAe;EAClC3B,IAAI,EAAE;IACJC,QAAQ,EAAE,MAAM;IAChBC,MAAM,EAAE;MACNC,IAAI,EAAE,MAAM;MACZyB,KAAK,EAAEJ,cAAM,CAACG,eAAe;MAC7BjD,IAAI,EAAE,EAAE;MACR2B,WAAW,EAAE;QAACwB,OAAO,EAAE;MAAC;IAC1B;EACF,CAAC;EACDxB,WAAW,EAAE;IACXyB,KAAK,EAAE,aAAa;IACpBC,eAAe,EAAEP,cAAM,CAACQ,UAAU;IAClCJ,KAAK,EAAEJ,cAAM,CAACG,eAAe;IAC7BrB,YAAY,EAAE,MAAM;IACpBC,UAAU,EAAE;EACd;AACF,CAAC,CAAC;AAEF,MAAM0B,qBAAqB,GAAGA,CAC5B;EACErD,KAAK,EAAEsD,SAAS;EAChBC,WAAW;EACXC,aAAa;EACb/D,QAAQ,GAAG;AAC4E,CAAC,EAC1FgE,KAAa,MACT;EACJ,IAAIhE,QAAQ,GACR,CAAC,CAAC,GACF;IACEiE,gBAAgB,EAAE;MAChB,YAAY,EAAE,QAAQ;MACtBlE,IAAI,EAAE,SAAS;MACfiC,WAAW,EAAE;QACXyB,KAAK,EAAE,aAAa;QACpBC,eAAe,EAAE;MACnB,CAAC;MACDR,oBAAoB,EAAEC,cAAM,CAACe,WAAW;MACxCvC,IAAI,EAAE;QACJC,QAAQ,EAAE,MAAM;QAChBC,MAAM,EAAE;UACNC,IAAI,EAAE,OAAO;UACbyB,KAAK,EAAEJ,cAAM,CAACgB,WAAW;UACzB9D,IAAI,EAAE;QACR;MACF,CAAC;MACD0B,OAAO,EAAEgC;IACX;EACF,CAAC,CAAC;EACNK,EAAE,EAAEJ,KAAK;EACTzD,KAAK,EAAEsD,SAAS;EAChBrC,UAAU,EAAE;IACV,YAAY,EAAExB,QAAQ,GAAG,MAAM,GAAG,MAAM;IACxCD,IAAI,EAAE,SAAS;IACfiC,WAAW,EAAE;MACXyB,KAAK,EAAE,aAAa;MACpBC,eAAe,EAAE;IACnB,CAAC;IACDR,oBAAoB,EAAEC,cAAM,CAACe,WAAW;IACxCvC,IAAI,EAAE;MACJC,QAAQ,EAAE,MAAM;MAChBC,MAAM,EAAE;QACNC,IAAI,EAAE9B,QAAQ,GAAG,KAAK,GAAG,MAAM;QAC/BuD,KAAK,EAAEJ,cAAM,CAACgB,WAAW;QACzB9D,IAAI,EAAE;MACR;IACF,CAAC;IACD0B,OAAO,EAAE+B;EACX;AACF,CAAC,CAAC;AAEF,MAAMO,YAAY,GAAGA,CAAC;EACpB9D,KAAK;EACLC,QAAQ;EACR8D,KAAK;EACLrB,MAAM;EACNsB,cAAc;EACdC,WAAW;EACXxE,QAAQ,GAAG;AACS,CAAC,KAAK;EAC1B,MAAMyE,WAAW,GAAGzB,gBAAgB,CAACC,MAAM,CAAC;EAE5C,MAAMyB,qBAAqB,GAAG;IAC5BzB,MAAM,EAAEwB,WAAW;IACnBE,IAAI,EAAE;MACJC,OAAO,EAAE,IAAA/B,KAAA,CAAA7D,OAAA,EACP,CAAC;QACCyC,KAAK,EAAEoD,WAAW;QAClBC,GAAG,EAAEC,SAAS;QACdhD,OAAO,EAAEiD;MAKX,CAAC,MAAM;QACLjF,IAAI,EAAE,aAAa;QACnBgC,OAAO,EAAEiD,aAAa;QACtBhD,WAAW,EAAE;UAACyB,KAAK,EAAE;QAAO,CAAC;QAC7BhC,KAAK,EAAEoD,WAAW;QAClB,WAAW,EAAEA,WAAW;QACxB;QACAvC,QAAQ,EAAE,IAAA2C,UAAA,CAAAjG,OAAA,EAAS+F,SAAS,EAAE,IAAAG,MAAA,CAAAlG,OAAA,EAAKsF,KAAK,CAAC;MAC3C,CAAC,CAAC,EACFC,cACF;IACF,CAAC;IACDY,WAAW,EAAE;MACXnD,WAAW,EAAE;QAACoD,SAAS,EAAE;MAAO;IAClC;EACF,CAAC;EAED,MAAMC,gBAAgB,GAAG;IACvB9E,KAAK,EAAE;MACLA,KAAK;MACLR,IAAI,EAAE,YAAY;MAClBS,QAAQ;MACRI,SAAS,EAAE,WAAW;MACtBC,YAAY,EAAE;IAChB,CAAC;IACD,YAAY,EAAEN,KAAK;IACnB+E,OAAO,EAAE;MACP,IAAI,CAAC,IAAAC,SAAA,CAAAvG,OAAA,EAAQwF,WAAW,CAAC,IAAI;QAACA,WAAW,EAAE;UAAC,GAAGA,WAAW;UAAEvB,MAAM,EAAEyB;QAAqB;MAAC,CAAC,CAAC;MAC5FJ,KAAK,EAAE1B,WAAW,CAChB,CACE4C,IAAyE,EACzExB,KAAa,KACVJ,qBAAqB,CAAC;QAAC,GAAG4B,IAAI;QAAExF;MAAQ,CAAC,EAAEgE,KAAK,CAAC,EACtDM,KACF,CAAC;MACDvE,IAAI,EAAE;IACR,CAAC;IACD0F,gBAAgB,EAAEzF,QAAQ,GAAGc,SAAS,GAAG4D;EAC3C,CAAC;EAED,oBAAOtG,MAAA,CAAAY,OAAA,CAAAwD,aAAA,CAAChE,UAAA,CAAAQ,OAAS,EAAKqG,gBAAmB,CAAC;AAC5C,CAAC;AAED,MAAMK,gBAAgB,GACnB1F,QAAiB,IAClB,CAAC;EACC8E,GAAG;EACHvE,KAAK;EACLC,QAAQ;EACRmF,KAAK;EACLC,IAAI,EAAE;IAACnE,KAAK;IAAEoE;EAAQ,CAAC;EACvBC,QAAQ;EACRC;AACmB,CAAC,KAAK;EACzB,OAAO;IACL,IAAI/F,QAAQ,GACR,CAAC,CAAC,GACF;MACEiE,gBAAgB,EAAE;QAChB,GAAG8B,YAAY;QACf,WAAW,EAAE,UAAUA,YAAY,EAAEtE,KAAK,EAAE;QAC5C,YAAY,EAAE,QAAQ;QACtB1B,IAAI,EAAE,SAAS;QACfiC,WAAW,EAAE;UACXyB,KAAK,EAAE,aAAa;UACpBC,eAAe,EAAE;QACnB,CAAC;QACDR,oBAAoB,EAAEC,cAAM,CAACe,WAAW;QACxCvC,IAAI,EAAE;UACJC,QAAQ,EAAE,MAAM;UAChBC,MAAM,EAAE;YACNC,IAAI,EAAE,OAAO;YACbyB,KAAK,EAAEJ,cAAM,CAACgB,WAAW;YACzB9D,IAAI,EAAE;UACR;QACF;MACF;IACF,CAAC,CAAC;IACN+D,EAAE,EAAEU,GAAG;IACPvE,KAAK;IACLC,QAAQ;IACRmF,KAAK;IACLC,IAAI,EAAE,CACJ;MACEnE,KAAK;MACL1B,IAAI,EAAE,SAAS;MACf4B,IAAI,EAAE;QACJkE,QAAQ;QACRG,MAAM,EAAE,GAAG;QACXhE,WAAW,EAAE;UACXwB,OAAO,EAAE;QACX,CAAC;QACD5B,QAAQ,EAAE;MACZ;IACF,CAAC,CACF;IACDkE,QAAQ,EAAE9F,QAAQ,GAAGc,SAAS,GAAGgF;EACnC,CAAC;AACH,CAAC;AAEH,MAAMG,OAAO,GAAGA,CAAC;EACf1F,KAAK;EACLC,QAAQ;EACRyC,MAAM;EACNiD,IAAI,EAAE;IAAC3F,KAAK,EAAE4F,SAAS;IAAEL,QAAQ;IAAExB,KAAK;IAAE8B,MAAM;IAAE5B;EAAW,CAAC;EAC9D6B,aAAa;EACbC,iBAAiB,EAAEC,sBAAsB;EACzCvG,QAAQ,GAAG;AACK,CAAC,KAAK;EACtB,MAAMyE,WAAW,GAAGzB,gBAAgB,CAACC,MAAM,CAAC;EAE5C,MAAMuD,UAAU,GAAG;IACjBzG,IAAI,EAAE,YAAY;IAClBQ,KAAK;IACLC,QAAQ;IACRyC,MAAM,EAAE,CAACjD,QAAQ,GAAGyE,WAAW,GAAG3D,SAAS;IAC3CL,QAAQ,EAAE;EACZ,CAAC;EAED,MAAMgG,SAAS,GAAG;IAChB,IAAI,CAAC,IAAAlB,SAAA,CAAAvG,OAAA,EAAQ8G,QAAQ,CAAC,IAAI;MACxB,GAAGA,QAAQ;MACXnE,IAAI,EAAE;QAACkE,QAAQ,EAAE,OAAO;QAAEa,SAAS,EAAEvD,cAAM,CAACwD,KAAK;QAAEX,MAAM,EAAE;MAAG,CAAC;MAC/DhE,WAAW,EAAE;QAACE,UAAU,EAAE,GAAG;QAAEqB,KAAK,EAAEJ,cAAM,CAACyD,WAAW;QAAEC,QAAQ,EAAE;MAAM;IAC5E,CAAC,CAAC;IACFtG,KAAK,EAAE4F,SAAS;IAChB,YAAY,EAAE,oBAAoB;IAClCb,OAAO,EAAE;MACP,IAAI,CAAC,IAAAC,SAAA,CAAAvG,OAAA,EAAQwF,WAAW,CAAC,IAAI;QAACA,WAAW,EAAE;UAAC,GAAGA,WAAW;UAAEvB,MAAM,EAAEwB;QAAW;MAAC,CAAC,CAAC;MAClFH,KAAK,EAAE,IAAAzB,KAAA,CAAA7D,OAAA,EAAI0G,gBAAgB,CAAC1F,QAAQ,CAAC,EAAEsE,KAAK,CAAC;MAC7CvE,IAAI,EAAE;IACR,CAAC;IACDqG,MAAM,EAAE;MACN,GAAGA,MAAM;MACThG,KAAK,EAAE,cAAc;MACrB;MACAkC,QAAQ,EAAE;IACZ,CAAC;IACD+D,aAAa,EAAErG,QAAQ,GACnB,EAAE,GACF,IAAA6C,KAAA,CAAA7D,OAAA,EACE8H,YAAY,KAAK;MACf,GAAGA,YAAY;MACf9E,WAAW,EAAE;QACXE,UAAU,EAAE,KAAK;QACjBD,YAAY,EAAE,MAAM;QACpBwB,KAAK,EAAE;MACT;IACF,CAAC,CAAC,EACF4C,aACF,CAAC;IAELC,iBAAiB,EAAEtG,QAAQ,GACvBc,SAAS,GACT;MACE,GAAGyF,sBAAsB;MACzBzE,IAAI,EAAEyE,sBAAsB,EAAEhG,KAAK;MACnC,YAAY,EAAEgG,sBAAsB,EAAEhG,KAAK;MAC3C,WAAW,EAAEgG,sBAAsB,EAAEhG,KAAK;MAC1CyB,WAAW,EAAE;QAACE,UAAU,EAAE,GAAG;QAAEqB,KAAK,EAAEJ,cAAM,CAACgB,WAAW;QAAE0C,QAAQ,EAAE;MAAM,CAAC;MAC3ElF,IAAI,EAAE;QAACkE,QAAQ,EAAE,OAAO;QAAEa,SAAS,EAAE,OAAO;QAAEV,MAAM,EAAE;MAAG;IAC3D;EACN,CAAC;EAED,oBACE5H,MAAA,CAAAY,OAAA,CAAAwD,aAAA;IAAKC,SAAS,EAAEC,cAAK,CAACqE;EAAiB,gBACrC3I,MAAA,CAAAY,OAAA,CAAAwD,aAAA,CAAC/D,MAAA,CAAAO,OAAK,EAAKwH,UAAa,CAAC,eACzBpI,MAAA,CAAAY,OAAA,CAAAwD,aAAA,CAAChE,UAAA,CAAAQ,OAAS,EAAKyH,SAAY,CACxB,CAAC;AAEV,CAAC;AAED,MAAMO,YAAY,GAAIC,KAA4B,IAAK;EACrD,MAAM;IAACjG,iBAAiB;IAAEkG,YAAY;IAAE5B,OAAO;IAAEtF;EAAQ,CAAC,GAAGiH,KAAK;EAElE,oBACE7I,MAAA,CAAAY,OAAA,CAAAwD,aAAA;IAAKC,SAAS,EAAEC,cAAK,CAACyE;EAAU,gBAC9B/I,MAAA,CAAAY,OAAA,CAAAwD,aAAA,CAACzB,iBAAiB,EAAA9B,QAAA,KAAK+B,iBAAiB;IAAEhB,QAAQ,EAAEA;EAAS,EAAE,CAAC,eAChE5B,MAAA,CAAAY,OAAA,CAAAwD,aAAA,CAAC6B,YAAY,EAAApF,QAAA,KAAKiI,YAAY;IAAElH,QAAQ,EAAEA;EAAS,EAAE,CAAC,eACtD5B,MAAA,CAAAY,OAAA,CAAAwD,aAAA,CAACyD,OAAO,EAAAhH,QAAA,KAAKqG,OAAO;IAAEtF,QAAQ,EAAEA;EAAS,EAAE,CACxC,CAAC;AAEV,CAAC;AAEDgH,YAAY,CAACI,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAGH,cAAS;AAAC,IAAAI,QAAA,GAAAC,OAAA,CAAAzI,OAAA,GAEpBgI,YAAY","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_brandFormGroup","_listItems","_title","_titleAndInput","_colors","_types","_style","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","buildFormField","field","type","readonly","fieldWithoutOverrides","_omit2","readOnly","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","fontWeight","fields","options","onChange","disabled","formProps","createElement","className","style","skillInformationsContainer","uncappedMap","_map2","convert","cap","buildButtonProps","button","hoverBackgroundColor","COLORS","primary_100","hoverColor","cm_primary_blue","color","padding","width","backgroundColor","cm_blue_50","buildTranslationItems","itemTitle","onEditClick","onDeleteClick","index","secondButtonLink","cm_grey_100","neutral_500","id","Translations","items","localesOptions","emptyResult","buttonProps","translationMenuAction","menu","buttons","optionLabel","ref","optionRef","optionOnClick","_includes2","_keys2","menuWrapper","maxHeight","translationProps","content","_isEmpty2","item","buttonMenuAction","buildContentItem","image","tags","iconName","checkbox","deleteButton","preset","Content","list","listTitle","search","actionButtons","checkboxWithTitle","checkboxWithTitleProps","titleProps","listProps","iconColor","white","cm_grey_500","fontSize","actionButton","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, omit} 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 = (\n  field: InputTextareaProps | InputTextProps,\n  type: 'text' | 'textarea',\n  readonly?: boolean\n) => {\n  const fieldWithoutOverrides = omit(['type', 'theme', 'size'], field);\n  return {\n    ...(type === 'text' ? {readOnly: readonly} : {readonly}),\n    ...fieldWithoutOverrides,\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 & {readonly?: boolean}) => {\n  const {form, iconEditor, readonly} = 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, readOnly: readonly},\n      buttonLink:\n        iconEditor.buttonLink && !readonly\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                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        disabled: readonly\n      }\n    },\n    {\n      ...buildTitleAndInputField({\n        title: inputText.title,\n        required: true,\n        childType: 'inputText'\n      }),\n      field: buildFormField(inputText.field, 'text', readonly)\n    },\n    {\n      ...buildTitleAndInputField({\n        title: inputTextArea.title,\n        childType: 'inputTextArea'\n      }),\n      field: buildFormField(inputTextArea.field, 'textarea', readonly)\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    fontWeight: 600\n  }\n});\n\nconst buildTranslationItems = (\n  {\n    title: itemTitle,\n    onEditClick,\n    onDeleteClick,\n    readonly = false\n  }: {title: string; onEditClick: () => void; onDeleteClick: () => void; readonly?: boolean},\n  index: number\n) => ({\n  ...(readonly\n    ? {}\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.neutral_500,\n              size: 16\n            }\n          },\n          onClick: onDeleteClick\n        }\n      }),\n  id: index,\n  title: itemTitle,\n  buttonLink: {\n    'aria-label': readonly ? 'View Custom SKill' : 'Edit Custom Skill',\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: readonly ? 'eye' : 'edit',\n        color: COLORS.neutral_500,\n        size: 16\n      }\n    },\n    onClick: onEditClick\n  }\n});\n\nconst Translations = ({\n  title,\n  subtitle,\n  items,\n  button,\n  localesOptions,\n  emptyResult,\n  readonly = false\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(\n        (\n          item: {title: string; onEditClick: () => void; onDeleteClick: () => void},\n          index: number\n        ) => buildTranslationItems({...item, readonly}, index),\n        items\n      ),\n      type: 'list'\n    },\n    buttonMenuAction: readonly ? undefined : translationMenuAction\n  };\n\n  return <ListItems {...translationProps} />;\n};\n\nconst buildContentItem =\n  (readonly: boolean) =>\n  ({\n    ref,\n    title,\n    subtitle,\n    image,\n    tags: {label, iconName},\n    checkbox,\n    deleteButton\n  }: ContentListItemType) => {\n    return {\n      ...(readonly\n        ? {}\n        : {\n            secondButtonLink: {\n              ...deleteButton,\n              'data-name': `button-${deleteButton?.label}`,\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.neutral_500,\n                  size: 16\n                }\n              }\n            }\n          }),\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: readonly ? undefined : checkbox\n    };\n  };\n\nconst Content = ({\n  title,\n  subtitle,\n  button,\n  list: {title: listTitle, checkbox, items, search, emptyResult},\n  actionButtons,\n  checkboxWithTitle: checkboxWithTitleProps,\n  readonly = false\n}: ContentPropsType) => {\n  const buttonProps = buildButtonProps(button);\n\n  const titleProps = {\n    type: 'form-group',\n    title,\n    subtitle,\n    button: !readonly ? buttonProps : undefined,\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(readonly), items),\n      type: 'list'\n    },\n    search: {\n      ...search,\n      theme: 'coorpmanager',\n      // Keep search interactive even in readonly mode\n      disabled: false\n    },\n    actionButtons: readonly\n      ? []\n      : map(\n          actionButton => ({\n            ...actionButton,\n            customStyle: {\n              fontWeight: '600',\n              borderRadius: '12px',\n              width: 'auto'\n            }\n          }),\n          actionButtons\n        ),\n\n    checkboxWithTitle: readonly\n      ? undefined\n      : {\n          ...checkboxWithTitleProps,\n          name: checkboxWithTitleProps?.title,\n          'aria-label': checkboxWithTitleProps?.title,\n          'data-name': checkboxWithTitleProps?.title,\n          customStyle: {fontWeight: 600, color: COLORS.neutral_500, fontSize: '16px'},\n          icon: {iconName: 'minus', iconColor: 'white', preset: 's'}\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, readonly} = props;\n\n  return (\n    <div className={style.container}>\n      <SkillInformations {...skillInformations} readonly={readonly} />\n      <Translations {...translations} readonly={readonly} />\n      <Content {...content} readonly={readonly} />\n    </div>\n  );\n};\n\nSkillEdition.propTypes = propTypes;\n\nexport default SkillEdition;\n"],"mappings":"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","ignoreList":[]}

package/lib/organism/title-and-input/index.d.ts

@@ -217,6 +217,7 @@ declare const TitleAndInput: {
             className: import("prop-types").Requireable<string>;
             borderClassName: import("prop-types").Requireable<string>;
             disabled: import("prop-types").Requireable<boolean>;
+            readOnly: import("prop-types").Requireable<boolean>;
             multiple: import("prop-types").Requireable<boolean>;
             description: import("prop-types").Requireable<string>;
             required: import("prop-types").Requireable<boolean>;

package/lib/organism/title-and-input/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/title-and-input/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,OAAkB,EAAC,kBAAkB,EAAC,MAAM,SAAS,CAAC;AAGtD,eAAO,MAAM,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAI7C,CAAC;AAwBF,QAAA,MAAM,aAAa;YAAW,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuB/C,CAAC;AAIF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/title-and-input/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,OAAkB,EAAC,kBAAkB,EAAC,MAAM,SAAS,CAAC;AAGtD,eAAO,MAAM,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAI7C,CAAC;AAwBF,QAAA,MAAM,aAAa;YAAW,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuB/C,CAAC;AAIF,eAAe,aAAa,CAAC"}

package/lib/organism/title-and-input/types.d.ts

@@ -222,6 +222,7 @@ declare const propTypes: {
         className: PropTypes.Requireable<string>;
         borderClassName: PropTypes.Requireable<string>;
         disabled: PropTypes.Requireable<boolean>;
+        readOnly: PropTypes.Requireable<boolean>;
         multiple: PropTypes.Requireable<boolean>;
         description: PropTypes.Requireable<string>;
         required: PropTypes.Requireable<boolean>;

package/lib/organism/title-and-input/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/organism/title-and-input/types.ts"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,YAAY,MAAM,yBAAyB,CAAC;AACnD,OAAO,KAAK,MAAM,kBAAkB,CAAC;AACrC,OAAO,cAAc,MAAM,gCAAgC,CAAC;AAE5D,OAAO,EAAC,oBAAoB,EAAC,MAAM,2BAA2B,CAAC;AAC/D,OAAO,SAAS,MAAM,uBAAuB,CAAC;AAC9C,OAAO,aAAa,MAAM,2BAA2B,CAAC;AACtD,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAC,eAAe,EAAC,MAAM,sBAAsB,CAAC;AAIrD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0Bd,CAAC;AAEF,oBAAY,cAAc,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAC;AAE5D,oBAAY,kBAAkB,GAAG;IAC/B,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC;IAC1C,KAAK,EACD,KAAK,CAAC,cAAc,CAAC,OAAO,YAAY,CAAC,GACzC,eAAe,GACf,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,GAAG;QAAC,IAAI,CAAC,EAAE,cAAc,CAAA;KAAC,CAAC,GAClE,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,GAAG;QAAC,IAAI,CAAC,EAAE,cAAc,CAAA;KAAC,CAAC,GACtE,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,GAAG;QAAC,IAAI,CAAC,EAAE,cAAc,CAAA;KAAC,CAAC,GAC/D,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,GAC3C,oBAAoB,CAAC;IACzB,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/organism/title-and-input/types.ts"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,YAAY,MAAM,yBAAyB,CAAC;AACnD,OAAO,KAAK,MAAM,kBAAkB,CAAC;AACrC,OAAO,cAAc,MAAM,gCAAgC,CAAC;AAE5D,OAAO,EAAC,oBAAoB,EAAC,MAAM,2BAA2B,CAAC;AAC/D,OAAO,SAAS,MAAM,uBAAuB,CAAC;AAC9C,OAAO,aAAa,MAAM,2BAA2B,CAAC;AACtD,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAC,eAAe,EAAC,MAAM,sBAAsB,CAAC;AAIrD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0Bd,CAAC;AAEF,oBAAY,cAAc,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAC;AAE5D,oBAAY,kBAAkB,GAAG;IAC/B,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC;IAC1C,KAAK,EACD,KAAK,CAAC,cAAc,CAAC,OAAO,YAAY,CAAC,GACzC,eAAe,GACf,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,GAAG;QAAC,IAAI,CAAC,EAAE,cAAc,CAAA;KAAC,CAAC,GAClE,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,GAAG;QAAC,IAAI,CAAC,EAAE,cAAc,CAAA;KAAC,CAAC,GACtE,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,GAAG;QAAC,IAAI,CAAC,EAAE,cAAc,CAAA;KAAC,CAAC,GAC/D,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,GAC3C,oBAAoB,CAAC;IACzB,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/template/certifications/index.d.ts

@@ -32,6 +32,7 @@ declare namespace Certifications {
             className: PropTypes.Requireable<string>;
             borderClassName: PropTypes.Requireable<string>;
             disabled: PropTypes.Requireable<boolean>;
+            readOnly: PropTypes.Requireable<boolean>;
             multiple: PropTypes.Requireable<boolean>;
             description: PropTypes.Requireable<string>;
             required: PropTypes.Requireable<boolean>;

package/lib/template/common/search-page/index.d.ts

@@ -44,6 +44,7 @@ declare namespace SearchPage {
                 className: PropTypes.Requireable<string>;
                 borderClassName: PropTypes.Requireable<string>;
                 disabled: PropTypes.Requireable<boolean>;
+                readOnly: PropTypes.Requireable<boolean>;
                 multiple: PropTypes.Requireable<boolean>;
                 description: PropTypes.Requireable<string>;
                 required: PropTypes.Requireable<boolean>;

package/lib/template/playlist-detail/index.d.ts

@@ -59,6 +59,7 @@ declare namespace PlaylistDetail {
             className: PropTypes.Requireable<string>;
             borderClassName: PropTypes.Requireable<string>;
             disabled: PropTypes.Requireable<boolean>;
+            readOnly: PropTypes.Requireable<boolean>;
             multiple: PropTypes.Requireable<boolean>;
             description: PropTypes.Requireable<string>;
             required: PropTypes.Requireable<boolean>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coorpacademy/components",
-  "version": "11.38.8-alpha.1+23a6cce59",
+  "version": "11.38.8-alpha.2+0d0395672",
   "description": "",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -166,5 +166,5 @@
     "last 2 versions",
     "IE 11"
   ],
-  "gitHead": "23a6cce590ecbd48b93f883effd99de35e7353d3"
+  "gitHead": "0d0395672aca1139c67e68db8fdfa94c2a98a29f"
 }