@coorpacademy/components 11.32.20-alpha.37.36 → 11.32.20-alpha.38

package/es/molecule/learning-priority-modal/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/learning-priority-modal/index.js"],"names":[],"mappings":";AAgEA,qFAyJC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/learning-priority-modal/index.js"],"names":[],"mappings":";AAgEA,qFA6JC"}

package/es/molecule/learning-priority-modal/index.js

@@ -80,16 +80,19 @@ const LearningPriorityModal = (props, context) => {
     translate
   } = context;
   const [selectedPriority, setSelectedPriority] = useState('');
+  const [selectedPriorityType, setSelectedPriorityType] = useState('');
   const [searchValue, setSearchValue] = useState('');
   const [searchResults, setSearchResults] = useState(priorities);
   const handleCancel = useCallback(() => {
     setSelectedPriority('');
+    setSelectedPriorityType('');
     onCancel();
-  }, [setSelectedPriority, onCancel]);
+  }, [setSelectedPriority, setSelectedPriorityType, onCancel]);
   const handleClose = useCallback(() => {
     setSelectedPriority('');
+    setSelectedPriorityType('');
     onClose();
-  }, [setSelectedPriority, onClose]);
+  }, [setSelectedPriority, setSelectedPriorityType, onClose]);
   const handleSearch = useCallback(value => {
     setSearchValue(value);
     setSearchResults(priorities.filter(priority => searchValueIncluded(priority.title, value)));
@@ -103,7 +106,7 @@ const LearningPriorityModal = (props, context) => {
   }, [priorities]);
   const priorityList = useMemo(() => {
     return searchResults.map(priority => {
-      const isPreSelectedPriority = preselected.some(selected => selected === priority.ref);
+      const isPreSelectedPriority = preselected.some(selected => selected === priority.priorityRef);
       return _assign({
         selected: isPreSelectedPriority,
         disabled: isPreSelectedPriority
@@ -118,7 +121,7 @@ const LearningPriorityModal = (props, context) => {
       },
       confirmButton: {
         onConfirm: () => {
-          onAdd(selectedPriority);
+          onAdd(selectedPriority, selectedPriorityType);
           onClose();
         },
         label: translate('add'),
@@ -126,7 +129,7 @@ const LearningPriorityModal = (props, context) => {
         disabled: isLoading || !selectedPriority
       }
     };
-  }, [handleCancel, onAdd, translate, selectedPriority, isLoading]);
+  }, [handleCancel, onAdd, translate, selectedPriority, selectedPriorityType, isLoading]);
   if (!isLoading && !priorities || !isOpen) return null;
   return /*#__PURE__*/React.createElement(BaseModal, {
     title: translate('learning_priority_modal_title'),
@@ -181,7 +184,7 @@ const LearningPriorityModal = (props, context) => {
     const {
       title,
       priorityRef,
-      courses,
+      courses = null,
       type,
       selected,
       disabled
@@ -189,11 +192,13 @@ const LearningPriorityModal = (props, context) => {
 
     function handlePriorityClick() {
       setSelectedPriority(priorityRef);
+      setSelectedPriorityType(type);
     }
 
-    return /*#__PURE__*/React.createElement(ListItem, {
+    return /*#__PURE__*/React.createElement(ListItem, _extends({}, courses !== null ? {
+      subtitle: `${courses} ${translate('courses')}`
+    } : {}, {
       title: title,
-      subtitle: `${courses} ${translate('courses')}`,
       selected: selected || selectedPriority === priorityRef,
       disabled: disabled,
       onClick: handlePriorityClick,
@@ -203,7 +208,7 @@ const LearningPriorityModal = (props, context) => {
       }],
       key: priorityRef,
       backgroundColor: "skin"
-    });
+    }));
   })))));
 };
 

package/es/molecule/learning-priority-modal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useEffect","useMemo","useState","useCallback","PropTypes","convert","BaseModal","ListItem","ButtonLink","Loader","Provider","SelectOptionPropTypes","SearchForm","searchValueIncluded","style","FilterButton","props","context","active","filter","itemTotal","onClick","skin","primarySkinColor","Content","skillFilterNumber","skillFilterNumberInActive","backgroundColor","color","buttonProps","customStyle","transition","width","content","contextTypes","childContextTypes","translate","propTypes","bool","string","number","func","LearningPriorityModal","priorities","preselected","isOpen","isLoading","filters","options","onChange","onCancel","onAdd","onClose","selectedPriority","setSelectedPriority","searchValue","setSearchValue","searchResults","setSearchResults","handleCancel","handleClose","handleSearch","value","priority","title","handleSearchReset","priorityList","map","isPreSelectedPriority","some","selected","ref","disabled","footer","cancelButton","label","confirmButton","onConfirm","iconName","LearningPriorityContainer","loaderContainer","loader","searchWrapper","placeholder","filterWrapper","length","index","name","count","handleChange","filterButtonWrapper","priorityListWrapper","priorityRef","courses","type","handlePriorityClick","arrayOf","shape","oneOf"],"sources":["../../../src/molecule/learning-priority-modal/index.js"],"sourcesContent":["import React, {useEffect, useMemo, useState, useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport {get, assign, pick} from 'lodash/fp';\nimport {convert} from 'css-color-function';\nimport BaseModal from '../base-modal';\nimport ListItem from '../../organism/list-item';\nimport ButtonLink from '../../atom/button-link';\nimport Loader from '../../atom/loader';\nimport Provider from '../../atom/provider';\nimport {SelectOptionPropTypes} from '../../atom/select';\nimport SearchForm from '../search-form';\nimport searchValueIncluded from '../../util/search-value-included';\nimport style from './style.css';\n\nconst FilterButton = (props, context) => {\n  const {active, filter, itemTotal, onClick} = props;\n  const {skin} = context;\n  const primarySkinColor = get('common.primary', skin);\n\n  const Content = useCallback(\n    () => (\n      <div>\n        {filter}\n        <span\n          className={active ? style.skillFilterNumber : style.skillFilterNumberInActive}\n          style={{\n            backgroundColor: active ? convert(`color(${primarySkinColor} a(0.07))`) : '#EAEAEB',\n            color: active ? primarySkinColor : '#515161'\n          }}\n        >\n          {itemTotal}\n        </span>\n      </div>\n    ),\n    [filter, itemTotal, active, primarySkinColor]\n  );\n\n  const buttonProps = {\n    customStyle: {\n      backgroundColor: active ? convert(`color(${primarySkinColor} a(0.07))`) : 'transparent',\n      color: active ? primarySkinColor : '#9999A8',\n      transition: 'background-color 0.15s ease-in-out, color 0.15s ease-in-out',\n      width: 'fit-content'\n    },\n    onClick,\n    content: <Content />,\n    'data-name': 'change-skill-focus-button'\n  };\n\n  return <ButtonLink {...buttonProps} />;\n};\n\nFilterButton.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nFilterButton.propTypes = {\n  active: PropTypes.bool,\n  filter: PropTypes.string,\n  itemTotal: PropTypes.number,\n  onClick: PropTypes.func\n};\n\nconst LearningPriorityModal = (props, context) => {\n  const {\n    priorities,\n    preselected,\n    isOpen,\n    isLoading,\n    filters: {options, onChange},\n    onCancel,\n    onAdd,\n    onClose\n  } = props;\n  const {translate} = context;\n\n  const [selectedPriority, setSelectedPriority] = useState('');\n  const [searchValue, setSearchValue] = useState('');\n  const [searchResults, setSearchResults] = useState(priorities);\n\n  const handleCancel = useCallback(() => {\n    setSelectedPriority('');\n    onCancel();\n  }, [setSelectedPriority, onCancel]);\n\n  const handleClose = useCallback(() => {\n    setSelectedPriority('');\n    onClose();\n  }, [setSelectedPriority, onClose]);\n\n  const handleSearch = useCallback(\n    value => {\n      setSearchValue(value);\n      setSearchResults(priorities.filter(priority => searchValueIncluded(priority.title, value)));\n    },\n    [priorities, setSearchValue, setSearchResults]\n  );\n\n  const handleSearchReset = useCallback(() => {\n    setSearchValue('');\n    setSearchResults(priorities);\n  }, [priorities, setSearchValue, setSearchResults]);\n\n  useEffect(() => {\n    setSearchResults(priorities);\n  }, [priorities]);\n\n  const priorityList = useMemo(() => {\n    return searchResults.map(priority => {\n      const isPreSelectedPriority = preselected.some(selected => selected === priority.ref);\n      return assign(\n        {\n          selected: isPreSelectedPriority,\n          disabled: isPreSelectedPriority\n        },\n        pick(['title', 'priorityRef', 'type', 'courses'], priority)\n      );\n    });\n  }, [searchResults, preselected]);\n\n  const footer = useMemo(() => {\n    return {\n      cancelButton: {\n        onCancel: handleCancel,\n        label: translate('cancel')\n      },\n      confirmButton: {\n        onConfirm: () => {\n          onAdd(selectedPriority);\n          onClose();\n        },\n        label: translate('add'),\n        iconName: 'plus',\n        disabled: isLoading || !selectedPriority\n      }\n    };\n  }, [handleCancel, onAdd, translate, selectedPriority, isLoading]);\n\n  if ((!isLoading && !priorities) || !isOpen) return null;\n\n  return (\n    <BaseModal\n      title={translate('learning_priority_modal_title')}\n      description={translate('learning_priority_modal_description')}\n      isOpen={isOpen}\n      onClose={handleClose}\n      footer={footer}\n    >\n      <div className={style.LearningPriorityContainer}>\n        {isLoading ? (\n          <div className={style.loaderContainer}>\n            <Loader className={style.loader} theme=\"coorpmanager\" />\n          </div>\n        ) : (\n          <>\n            <div className={style.searchWrapper}>\n              <SearchForm\n                search={{\n                  placeholder: translate('search_priority_place_holder'),\n                  value: searchValue,\n                  onChange: handleSearch\n                }}\n                onReset={handleSearchReset}\n              />\n            </div>\n            <div className={style.filterWrapper}>\n              {searchResults.length > 0\n                ? options.map((filter, index) => {\n                    const {name, value, selected, count} = filter;\n\n                    function handleChange() {\n                      onChange(value);\n                      handleSearchReset();\n                    }\n\n                    if (count === 0) return null;\n\n                    return (\n                      <div key={index} className={style.filterButtonWrapper}>\n                        <FilterButton\n                          active={selected}\n                          filter={name}\n                          onClick={handleChange}\n                          itemTotal={count}\n                        />\n                      </div>\n                    );\n                  })\n                : null}\n            </div>\n            <div className={style.priorityListWrapper}>\n              {priorityList.map(priority => {\n                const {title, priorityRef, courses, type, selected, disabled} = priority;\n                function handlePriorityClick() {\n                  setSelectedPriority(priorityRef);\n                }\n\n                return (\n                  <ListItem\n                    title={title}\n                    subtitle={`${courses} ${translate('courses')}`}\n                    selected={selected || selectedPriority === priorityRef}\n                    disabled={disabled}\n                    onClick={handlePriorityClick}\n                    tags={[{label: type, type: 'default'}]}\n                    key={priorityRef}\n                    backgroundColor=\"skin\"\n                  />\n                );\n              })}\n            </div>\n          </>\n        )}\n      </div>\n    </BaseModal>\n  );\n};\n\nLearningPriorityModal.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nLearningPriorityModal.propTypes = {\n  priorities: PropTypes.arrayOf(\n    PropTypes.shape({\n      priorityRef: PropTypes.string,\n      title: PropTypes.string,\n      courses: PropTypes.number,\n      type: PropTypes.oneOf(['skill', 'playlist', 'certificate'])\n    })\n  ),\n  preselected: PropTypes.arrayOf(PropTypes.string),\n  isOpen: PropTypes.bool,\n  isLoading: PropTypes.bool,\n  filters: PropTypes.shape({\n    onChange: PropTypes.func,\n    options: PropTypes.arrayOf(\n      PropTypes.shape({\n        ...SelectOptionPropTypes,\n        count: PropTypes.number\n      })\n    )\n  }),\n  onCancel: PropTypes.func,\n  onAdd: PropTypes.func,\n  onClose: PropTypes.func\n};\n\nexport default LearningPriorityModal;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","useEffect","useMemo","useState","useCallback","PropTypes","convert","BaseModal","ListItem","ButtonLink","Loader","Provider","SelectOptionPropTypes","SearchForm","searchValueIncluded","style","FilterButton","props","context","active","filter","itemTotal","onClick","skin","primarySkinColor","Content","skillFilterNumber","skillFilterNumberInActive","backgroundColor","color","buttonProps","customStyle","transition","width","content","contextTypes","childContextTypes","translate","propTypes","bool","string","number","func","LearningPriorityModal","priorities","preselected","isOpen","isLoading","filters","options","onChange","onCancel","onAdd","onClose","selectedPriority","setSelectedPriority","selectedPriorityType","setSelectedPriorityType","searchValue","setSearchValue","searchResults","setSearchResults","handleCancel","handleClose","handleSearch","value","priority","title","handleSearchReset","priorityList","map","isPreSelectedPriority","some","selected","priorityRef","disabled","footer","cancelButton","label","confirmButton","onConfirm","iconName","LearningPriorityContainer","loaderContainer","loader","searchWrapper","placeholder","filterWrapper","length","index","name","count","handleChange","filterButtonWrapper","priorityListWrapper","courses","type","handlePriorityClick","subtitle","arrayOf","shape","oneOf"],"sources":["../../../src/molecule/learning-priority-modal/index.js"],"sourcesContent":["import React, {useEffect, useMemo, useState, useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport {get, assign, pick} from 'lodash/fp';\nimport {convert} from 'css-color-function';\nimport BaseModal from '../base-modal';\nimport ListItem from '../../organism/list-item';\nimport ButtonLink from '../../atom/button-link';\nimport Loader from '../../atom/loader';\nimport Provider from '../../atom/provider';\nimport {SelectOptionPropTypes} from '../../atom/select';\nimport SearchForm from '../search-form';\nimport searchValueIncluded from '../../util/search-value-included';\nimport style from './style.css';\n\nconst FilterButton = (props, context) => {\n  const {active, filter, itemTotal, onClick} = props;\n  const {skin} = context;\n  const primarySkinColor = get('common.primary', skin);\n\n  const Content = useCallback(\n    () => (\n      <div>\n        {filter}\n        <span\n          className={active ? style.skillFilterNumber : style.skillFilterNumberInActive}\n          style={{\n            backgroundColor: active ? convert(`color(${primarySkinColor} a(0.07))`) : '#EAEAEB',\n            color: active ? primarySkinColor : '#515161'\n          }}\n        >\n          {itemTotal}\n        </span>\n      </div>\n    ),\n    [filter, itemTotal, active, primarySkinColor]\n  );\n\n  const buttonProps = {\n    customStyle: {\n      backgroundColor: active ? convert(`color(${primarySkinColor} a(0.07))`) : 'transparent',\n      color: active ? primarySkinColor : '#9999A8',\n      transition: 'background-color 0.15s ease-in-out, color 0.15s ease-in-out',\n      width: 'fit-content'\n    },\n    onClick,\n    content: <Content />,\n    'data-name': 'change-skill-focus-button'\n  };\n\n  return <ButtonLink {...buttonProps} />;\n};\n\nFilterButton.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nFilterButton.propTypes = {\n  active: PropTypes.bool,\n  filter: PropTypes.string,\n  itemTotal: PropTypes.number,\n  onClick: PropTypes.func\n};\n\nconst LearningPriorityModal = (props, context) => {\n  const {\n    priorities,\n    preselected,\n    isOpen,\n    isLoading,\n    filters: {options, onChange},\n    onCancel,\n    onAdd,\n    onClose\n  } = props;\n  const {translate} = context;\n\n  const [selectedPriority, setSelectedPriority] = useState('');\n  const [selectedPriorityType, setSelectedPriorityType] = useState('');\n  const [searchValue, setSearchValue] = useState('');\n  const [searchResults, setSearchResults] = useState(priorities);\n\n  const handleCancel = useCallback(() => {\n    setSelectedPriority('');\n    setSelectedPriorityType('');\n    onCancel();\n  }, [setSelectedPriority, setSelectedPriorityType, onCancel]);\n\n  const handleClose = useCallback(() => {\n    setSelectedPriority('');\n    setSelectedPriorityType('');\n    onClose();\n  }, [setSelectedPriority, setSelectedPriorityType, onClose]);\n\n  const handleSearch = useCallback(\n    value => {\n      setSearchValue(value);\n      setSearchResults(priorities.filter(priority => searchValueIncluded(priority.title, value)));\n    },\n    [priorities, setSearchValue, setSearchResults]\n  );\n\n  const handleSearchReset = useCallback(() => {\n    setSearchValue('');\n    setSearchResults(priorities);\n  }, [priorities, setSearchValue, setSearchResults]);\n\n  useEffect(() => {\n    setSearchResults(priorities);\n  }, [priorities]);\n\n  const priorityList = useMemo(() => {\n    return searchResults.map(priority => {\n      const isPreSelectedPriority = preselected.some(selected => selected === priority.priorityRef);\n      return assign(\n        {\n          selected: isPreSelectedPriority,\n          disabled: isPreSelectedPriority\n        },\n        pick(['title', 'priorityRef', 'type', 'courses'], priority)\n      );\n    });\n  }, [searchResults, preselected]);\n\n  const footer = useMemo(() => {\n    return {\n      cancelButton: {\n        onCancel: handleCancel,\n        label: translate('cancel')\n      },\n      confirmButton: {\n        onConfirm: () => {\n          onAdd(selectedPriority, selectedPriorityType);\n          onClose();\n        },\n        label: translate('add'),\n        iconName: 'plus',\n        disabled: isLoading || !selectedPriority\n      }\n    };\n  }, [handleCancel, onAdd, translate, selectedPriority, selectedPriorityType, isLoading]);\n\n  if ((!isLoading && !priorities) || !isOpen) return null;\n\n  return (\n    <BaseModal\n      title={translate('learning_priority_modal_title')}\n      description={translate('learning_priority_modal_description')}\n      isOpen={isOpen}\n      onClose={handleClose}\n      footer={footer}\n    >\n      <div className={style.LearningPriorityContainer}>\n        {isLoading ? (\n          <div className={style.loaderContainer}>\n            <Loader className={style.loader} theme=\"coorpmanager\" />\n          </div>\n        ) : (\n          <>\n            <div className={style.searchWrapper}>\n              <SearchForm\n                search={{\n                  placeholder: translate('search_priority_place_holder'),\n                  value: searchValue,\n                  onChange: handleSearch\n                }}\n                onReset={handleSearchReset}\n              />\n            </div>\n            <div className={style.filterWrapper}>\n              {searchResults.length > 0\n                ? options.map((filter, index) => {\n                    const {name, value, selected, count} = filter;\n\n                    function handleChange() {\n                      onChange(value);\n                      handleSearchReset();\n                    }\n\n                    if (count === 0) return null;\n\n                    return (\n                      <div key={index} className={style.filterButtonWrapper}>\n                        <FilterButton\n                          active={selected}\n                          filter={name}\n                          onClick={handleChange}\n                          itemTotal={count}\n                        />\n                      </div>\n                    );\n                  })\n                : null}\n            </div>\n            <div className={style.priorityListWrapper}>\n              {priorityList.map(priority => {\n                const {title, priorityRef, courses = null, type, selected, disabled} = priority;\n                function handlePriorityClick() {\n                  setSelectedPriority(priorityRef);\n                  setSelectedPriorityType(type);\n                }\n\n                return (\n                  <ListItem\n                    {...(courses !== null ? {subtitle: `${courses} ${translate('courses')}`} : {})}\n                    title={title}\n                    selected={selected || selectedPriority === priorityRef}\n                    disabled={disabled}\n                    onClick={handlePriorityClick}\n                    tags={[{label: type, type: 'default'}]}\n                    key={priorityRef}\n                    backgroundColor=\"skin\"\n                  />\n                );\n              })}\n            </div>\n          </>\n        )}\n      </div>\n    </BaseModal>\n  );\n};\n\nLearningPriorityModal.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nLearningPriorityModal.propTypes = {\n  priorities: PropTypes.arrayOf(\n    PropTypes.shape({\n      priorityRef: PropTypes.string,\n      title: PropTypes.string,\n      courses: PropTypes.number,\n      type: PropTypes.oneOf(['skill', 'playlist', 'certificate'])\n    })\n  ),\n  preselected: PropTypes.arrayOf(PropTypes.string),\n  isOpen: PropTypes.bool,\n  isLoading: PropTypes.bool,\n  filters: PropTypes.shape({\n    onChange: PropTypes.func,\n    options: PropTypes.arrayOf(\n      PropTypes.shape({\n        ...SelectOptionPropTypes,\n        count: PropTypes.number\n      })\n    )\n  }),\n  onCancel: PropTypes.func,\n  onAdd: PropTypes.func,\n  onClose: PropTypes.func\n};\n\nexport default LearningPriorityModal;\n"],"mappings":"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"}

package/es/molecule/learning-priority-setup-item/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/learning-priority-setup-item/index.js"],"names":[],"mappings":";AAOA,kFAoDC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/learning-priority-setup-item/index.js"],"names":[],"mappings":";AAOA,kFAsDC"}

package/es/molecule/learning-priority-setup-item/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useCallback","PropTypes","Provider","Tag","ButtonLink","style","LearningPrioritySetupItem","props","context","priorityRef","id","title","courses","type","ariaLabel","onRemove","translate","handleRemovePriority","handleTypeTranslate","itemType","container","containerInfos","titleWrapper","width","backgroundColor","position","faIcon","name","color","size","contextTypes","childContextTypes","propTypes","string","number","oneOf","func"],"sources":["../../../src/molecule/learning-priority-setup-item/index.js"],"sourcesContent":["import React, {useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport Provider from '../../atom/provider';\nimport Tag from '../../atom/tag';\nimport ButtonLink from '../../atom/button-link';\nimport style from './style.css';\n\nconst LearningPrioritySetupItem = (props, context) => {\n  const {priorityRef, id, title, courses = null, type, 'aria-label': ariaLabel, onRemove} = props;\n\n  const {translate} = context;\n\n  const handleRemovePriority = useCallback(() => onRemove(priorityRef, type), [priorityRef, type]);\n\n  const handleTypeTranslate = itemType => {\n    switch (itemType) {\n      case 'skill':\n        return translate('skill');\n      case 'playlist':\n        return translate('playlist');\n      case 'certificate':\n        return translate('certificate');\n    }\n  };\n\n  return (\n    <div\n      className={style.container}\n      aria-label={ariaLabel}\n      data-name={`learning-priority-setup-item-${id}`}\n    >\n      <div className={style.containerInfos}>\n        <div className={style.titleWrapper}>\n          <div className={style.title}>{title}</div>\n          <div>\n            <Tag label={handleTypeTranslate(type)} size={'S'} />\n          </div>\n        </div>\n        {courses !== null ? <span className={style.courses}>{`${courses} ${translate('courses')}`}</span> : null}\n      </div>\n      <ButtonLink\n        type=\"primary\"\n        customStyle={{\n          width: 'fit-content',\n          backgroundColor: 'transparent'\n        }}\n        hoverBackgroundColor=\"#EAEAEB\"\n        icon={{\n          position: 'left',\n          faIcon: {\n            name: 'trash',\n            color: '#515161',\n            size: 16\n          }\n        }}\n        onClick={handleRemovePriority}\n      />\n    </div>\n  );\n};\n\nLearningPrioritySetupItem.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nLearningPrioritySetupItem.propTypes = {\n  'aria-label': PropTypes.string,\n  id: PropTypes.string,\n  priorityRef: PropTypes.string,\n  title: PropTypes.string,\n  courses: PropTypes.number,\n  type: PropTypes.oneOf(['skill', 'playlist', 'certificate']),\n  onRemove: PropTypes.func\n};\n\nexport default LearningPrioritySetupItem;\n"],"mappings":"AAAA,OAAOA,KAAP,IAAeC,WAAf,QAAiC,OAAjC;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,QAAP,MAAqB,qBAArB;AACA,OAAOC,GAAP,MAAgB,gBAAhB;AACA,OAAOC,UAAP,MAAuB,wBAAvB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,yBAAyB,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EACpD,MAAM;IAACC,WAAD;IAAcC,EAAd;IAAkBC,KAAlB;IAAyBC,OAAO,GAAG,IAAnC;IAAyCC,IAAzC;IAA+C,cAAcC,SAA7D;IAAwEC;EAAxE,IAAoFR,KAA1F;EAEA,MAAM;IAACS;EAAD,IAAcR,OAApB;EAEA,MAAMS,oBAAoB,GAAGjB,WAAW,CAAC,MAAMe,QAAQ,CAACN,WAAD,EAAcI,IAAd,CAAf,EAAoC,CAACJ,WAAD,EAAcI,IAAd,CAApC,CAAxC;;EAEA,MAAMK,mBAAmB,GAAGC,QAAQ,IAAI;IACtC,QAAQA,QAAR;MACE,KAAK,OAAL;QACE,OAAOH,SAAS,CAAC,OAAD,CAAhB;;MACF,KAAK,UAAL;QACE,OAAOA,SAAS,CAAC,UAAD,CAAhB;;MACF,KAAK,aAAL;QACE,OAAOA,SAAS,CAAC,aAAD,CAAhB;IANJ;EAQD,CATD;;EAWA,oBACE;IACE,SAAS,EAAEX,KAAK,CAACe,SADnB;IAEE,cAAYN,SAFd;IAGE,aAAY,gCAA+BJ,EAAG;EAHhD,gBAKE;IAAK,SAAS,EAAEL,KAAK,CAACgB;EAAtB,gBACE;IAAK,SAAS,EAAEhB,KAAK,CAACiB;EAAtB,gBACE;IAAK,SAAS,EAAEjB,KAAK,CAACM;EAAtB,GAA8BA,KAA9B,CADF,eAEE,8CACE,oBAAC,GAAD;IAAK,KAAK,EAAEO,mBAAmB,CAACL,IAAD,CAA/B;IAAuC,IAAI,EAAE;EAA7C,EADF,CAFF,CADF,EAOGD,OAAO,KAAK,IAAZ,gBAAmB;IAAM,SAAS,EAAEP,KAAK,CAACO;EAAvB,GAAkC,GAAEA,OAAQ,IAAGI,SAAS,CAAC,SAAD,CAAY,EAApE,CAAnB,GAAmG,IAPtG,CALF,eAcE,oBAAC,UAAD;IACE,IAAI,EAAC,SADP;IAEE,WAAW,EAAE;MACXO,KAAK,EAAE,aADI;MAEXC,eAAe,EAAE;IAFN,CAFf;IAME,oBAAoB,EAAC,SANvB;IAOE,IAAI,EAAE;MACJC,QAAQ,EAAE,MADN;MAEJC,MAAM,EAAE;QACNC,IAAI,EAAE,OADA;QAENC,KAAK,EAAE,SAFD;QAGNC,IAAI,EAAE;MAHA;IAFJ,CAPR;IAeE,OAAO,EAAEZ;EAfX,EAdF,CADF;AAkCD,CApDD;;AAsDAX,yBAAyB,CAACwB,YAA1B,GAAyC;EACvCd,SAAS,EAAEd,QAAQ,CAAC6B,iBAAT,CAA2Bf;AADC,CAAzC;AAIAV,yBAAyB,CAAC0B,SAA1B,2CAAsC;EACpC,cAAc/B,SAAS,CAACgC,MADY;EAEpCvB,EAAE,EAAET,SAAS,CAACgC,MAFsB;EAGpCxB,WAAW,EAAER,SAAS,CAACgC,MAHa;EAIpCtB,KAAK,EAAEV,SAAS,CAACgC,MAJmB;EAKpCrB,OAAO,EAAEX,SAAS,CAACiC,MALiB;EAMpCrB,IAAI,EAAEZ,SAAS,CAACkC,KAAV,CAAgB,CAAC,OAAD,EAAU,UAAV,EAAsB,aAAtB,CAAhB,CAN8B;EAOpCpB,QAAQ,EAAEd,SAAS,CAACmC;AAPgB,CAAtC;AAUA,eAAe9B,yBAAf"}
+{"version":3,"file":"index.js","names":["React","useCallback","PropTypes","Provider","Tag","ButtonLink","style","LearningPrioritySetupItem","props","context","priorityRef","id","title","courses","type","ariaLabel","onRemove","translate","handleRemovePriority","handleTypeTranslate","itemType","container","containerInfos","titleWrapper","width","backgroundColor","position","faIcon","name","color","size","contextTypes","childContextTypes","propTypes","string","number","oneOf","func"],"sources":["../../../src/molecule/learning-priority-setup-item/index.js"],"sourcesContent":["import React, {useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport Provider from '../../atom/provider';\nimport Tag from '../../atom/tag';\nimport ButtonLink from '../../atom/button-link';\nimport style from './style.css';\n\nconst LearningPrioritySetupItem = (props, context) => {\n  const {priorityRef, id, title, courses = null, type, 'aria-label': ariaLabel, onRemove} = props;\n\n  const {translate} = context;\n\n  const handleRemovePriority = useCallback(() => onRemove(priorityRef, type), [priorityRef, type]);\n\n  const handleTypeTranslate = itemType => {\n    switch (itemType) {\n      case 'skill':\n        return translate('skill');\n      case 'playlist':\n        return translate('playlist');\n      case 'certificate':\n        return translate('certificate');\n    }\n  };\n\n  return (\n    <div\n      className={style.container}\n      aria-label={ariaLabel}\n      data-name={`learning-priority-setup-item-${id}`}\n    >\n      <div className={style.containerInfos}>\n        <div className={style.titleWrapper}>\n          <div className={style.title}>{title}</div>\n          <div>\n            <Tag label={handleTypeTranslate(type)} size={'S'} />\n          </div>\n        </div>\n        {courses !== null ? (\n          <span className={style.courses}>{`${courses} ${translate('courses')}`}</span>\n        ) : null}\n      </div>\n      <ButtonLink\n        type=\"primary\"\n        customStyle={{\n          width: 'fit-content',\n          backgroundColor: 'transparent'\n        }}\n        hoverBackgroundColor=\"#EAEAEB\"\n        icon={{\n          position: 'left',\n          faIcon: {\n            name: 'trash',\n            color: '#515161',\n            size: 16\n          }\n        }}\n        onClick={handleRemovePriority}\n      />\n    </div>\n  );\n};\n\nLearningPrioritySetupItem.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nLearningPrioritySetupItem.propTypes = {\n  'aria-label': PropTypes.string,\n  id: PropTypes.string,\n  priorityRef: PropTypes.string,\n  title: PropTypes.string,\n  courses: PropTypes.number,\n  type: PropTypes.oneOf(['skill', 'playlist', 'certificate']),\n  onRemove: PropTypes.func\n};\n\nexport default LearningPrioritySetupItem;\n"],"mappings":"AAAA,OAAOA,KAAP,IAAeC,WAAf,QAAiC,OAAjC;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,QAAP,MAAqB,qBAArB;AACA,OAAOC,GAAP,MAAgB,gBAAhB;AACA,OAAOC,UAAP,MAAuB,wBAAvB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,yBAAyB,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EACpD,MAAM;IAACC,WAAD;IAAcC,EAAd;IAAkBC,KAAlB;IAAyBC,OAAO,GAAG,IAAnC;IAAyCC,IAAzC;IAA+C,cAAcC,SAA7D;IAAwEC;EAAxE,IAAoFR,KAA1F;EAEA,MAAM;IAACS;EAAD,IAAcR,OAApB;EAEA,MAAMS,oBAAoB,GAAGjB,WAAW,CAAC,MAAMe,QAAQ,CAACN,WAAD,EAAcI,IAAd,CAAf,EAAoC,CAACJ,WAAD,EAAcI,IAAd,CAApC,CAAxC;;EAEA,MAAMK,mBAAmB,GAAGC,QAAQ,IAAI;IACtC,QAAQA,QAAR;MACE,KAAK,OAAL;QACE,OAAOH,SAAS,CAAC,OAAD,CAAhB;;MACF,KAAK,UAAL;QACE,OAAOA,SAAS,CAAC,UAAD,CAAhB;;MACF,KAAK,aAAL;QACE,OAAOA,SAAS,CAAC,aAAD,CAAhB;IANJ;EAQD,CATD;;EAWA,oBACE;IACE,SAAS,EAAEX,KAAK,CAACe,SADnB;IAEE,cAAYN,SAFd;IAGE,aAAY,gCAA+BJ,EAAG;EAHhD,gBAKE;IAAK,SAAS,EAAEL,KAAK,CAACgB;EAAtB,gBACE;IAAK,SAAS,EAAEhB,KAAK,CAACiB;EAAtB,gBACE;IAAK,SAAS,EAAEjB,KAAK,CAACM;EAAtB,GAA8BA,KAA9B,CADF,eAEE,8CACE,oBAAC,GAAD;IAAK,KAAK,EAAEO,mBAAmB,CAACL,IAAD,CAA/B;IAAuC,IAAI,EAAE;EAA7C,EADF,CAFF,CADF,EAOGD,OAAO,KAAK,IAAZ,gBACC;IAAM,SAAS,EAAEP,KAAK,CAACO;EAAvB,GAAkC,GAAEA,OAAQ,IAAGI,SAAS,CAAC,SAAD,CAAY,EAApE,CADD,GAEG,IATN,CALF,eAgBE,oBAAC,UAAD;IACE,IAAI,EAAC,SADP;IAEE,WAAW,EAAE;MACXO,KAAK,EAAE,aADI;MAEXC,eAAe,EAAE;IAFN,CAFf;IAME,oBAAoB,EAAC,SANvB;IAOE,IAAI,EAAE;MACJC,QAAQ,EAAE,MADN;MAEJC,MAAM,EAAE;QACNC,IAAI,EAAE,OADA;QAENC,KAAK,EAAE,SAFD;QAGNC,IAAI,EAAE;MAHA;IAFJ,CAPR;IAeE,OAAO,EAAEZ;EAfX,EAhBF,CADF;AAoCD,CAtDD;;AAwDAX,yBAAyB,CAACwB,YAA1B,GAAyC;EACvCd,SAAS,EAAEd,QAAQ,CAAC6B,iBAAT,CAA2Bf;AADC,CAAzC;AAIAV,yBAAyB,CAAC0B,SAA1B,2CAAsC;EACpC,cAAc/B,SAAS,CAACgC,MADY;EAEpCvB,EAAE,EAAET,SAAS,CAACgC,MAFsB;EAGpCxB,WAAW,EAAER,SAAS,CAACgC,MAHa;EAIpCtB,KAAK,EAAEV,SAAS,CAACgC,MAJmB;EAKpCrB,OAAO,EAAEX,SAAS,CAACiC,MALiB;EAMpCrB,IAAI,EAAEZ,SAAS,CAACkC,KAAV,CAAgB,CAAC,OAAD,EAAU,UAAV,EAAsB,aAAtB,CAAhB,CAN8B;EAOpCpB,QAAQ,EAAEd,SAAS,CAACmC;AAPgB,CAAtC;AAUA,eAAe9B,yBAAf"}

package/es/organism/brand-learning-priorities/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/brand-learning-priorities/index.js"],"names":[],"mappings":";AAYA,gFAqEC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/brand-learning-priorities/index.js"],"names":[],"mappings":";AAYA,gFA2EC"}

package/es/organism/brand-learning-priorities/index.js

@@ -30,11 +30,9 @@ const BrandLearningPriorities = (props, context) => {
   const primarySkinColor = _get('common.primary', skin);
 
   const selectedPriorities = useMemo(() => content.items.map(priority => priority.priorityRef), [content.items]);
-
-  const Loading = () => /*#__PURE__*/React.createElement("div", {
+  const Loading = useCallback(() => /*#__PURE__*/React.createElement("div", {
     className: style.loading
-  }, /*#__PURE__*/React.createElement(Loader, null));
-
+  }, /*#__PURE__*/React.createElement(Loader, null)), []);
   const handleOpenModal = useCallback(() => setOpenModal(true), [setOpenModal]);
   const handleCloseModal = useCallback(() => setOpenModal(false), [setOpenModal]);
   return /*#__PURE__*/React.createElement("div", {

package/es/organism/brand-learning-priorities/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useState","useCallback","useMemo","PropTypes","convert","Provider","Loader","SelectOptionPropTypes","DraggableList","ButtonLink","LearningPriorityModal","style","BrandLearningPriorities","props","context","content","priorities","filters","isLoading","onAdd","openModal","setOpenModal","skin","translate","primarySkinColor","selectedPriorities","items","map","priority","priorityRef","Loading","loading","handleOpenModal","handleCloseModal","container","LPtitle","LPdescription","ctaWrapper","priorityCount","length","backgroundColor","color","transition","width","position","faIcon","name","size","contextTypes","childContextTypes","propTypes","shape","arrayOf","ref","string","title","courses","number","type","onChange","func","options","count","bool"],"sources":["../../../src/organism/brand-learning-priorities/index.js"],"sourcesContent":["import React, { useState, useCallback, useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport { convert } from 'css-color-function';\nimport { get } from 'lodash/fp';\nimport Provider from '../../atom/provider';\nimport Loader from '../../atom/loader';\nimport { SelectOptionPropTypes } from '../../atom/select';\nimport DraggableList from '../../molecule/draggable-list';\nimport ButtonLink from '../../atom/button-link';\nimport LearningPriorityModal from '../../molecule/learning-priority-modal';\nimport style from './style.css';\n\nconst BrandLearningPriorities = (props, context) => {\n  const { content, priorities, filters, isLoading, onAdd } = props;\n  const [openModal, setOpenModal] = useState(false);\n  const { skin, translate } = context;\n  const primarySkinColor = get('common.primary', skin);\n\n  const selectedPriorities = useMemo(\n    () => content.items.map(priority => priority.priorityRef),\n    [content.items]\n  );\n\n  const Loading = () => (\n    <div className={style.loading}>\n      <Loader />\n    </div>\n  );\n\n  const handleOpenModal = useCallback(() => setOpenModal(true), [setOpenModal]);\n  const handleCloseModal = useCallback(() => setOpenModal(false), [setOpenModal]);\n  return (\n    <div className={style.container}>\n      <LearningPriorityModal\n        isLoading={isLoading}\n        isOpen={openModal}\n        onCancel={handleCloseModal}\n        onClose={handleCloseModal}\n        onAdd={onAdd}\n        priorities={priorities}\n        filters={filters}\n        preselected={selectedPriorities}\n      />\n      <div className={style.LPtitle}>{translate('learning_priorities')}</div>\n      <div className={style.LPdescription}>\n        {translate('learning_priorities_brand_description')}\n      </div>\n\n      {isLoading ?\n        <Loading />\n        :\n        <>\n          <div className={style.ctaWrapper}>\n            <div className={style.priorityCount}>{`${content.items.length} ${translate('items')}`}</div>\n            <ButtonLink\n              customStyle={{\n                backgroundColor: primarySkinColor,\n                color: '#FFFFFF',\n                transition: 'background-color 0.15s ease-in-out, color 0.15s ease-in-out',\n                width: 'fit-content'\n              }}\n              hoverBackgroundColor={convert(`color(${primarySkinColor} a(0.07))`)}\n              hoverColor={primarySkinColor}\n              onClick={handleOpenModal}\n              label={translate('add_learning_priority')}\n              data-name=\"add-learning-priority\"\n              icon={{\n                position: 'left',\n                faIcon: {\n                  name: 'plus',\n                  backgroundColor: primarySkinColor,\n                  color: '#FFFFFF',\n                  size: 16\n                }\n              }}\n            />\n          </div>\n          <DraggableList {...content} />\n        </>}\n    </div>\n  );\n};\n\nBrandLearningPriorities.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nBrandLearningPriorities.propTypes = {\n  content: PropTypes.shape(DraggableList.propTypes),\n  priorities: PropTypes.arrayOf(\n    PropTypes.shape({\n      ref: PropTypes.string,\n      title: PropTypes.string,\n      courses: PropTypes.number,\n      type: PropTypes.string\n    })\n  ),\n  filters: PropTypes.shape({\n    onChange: PropTypes.func,\n    options: PropTypes.arrayOf(\n      PropTypes.shape({\n        ...SelectOptionPropTypes,\n        count: PropTypes.number\n      })\n    )\n  }),\n  isLoading: PropTypes.bool,\n  onAdd: PropTypes.func\n};\n\nexport default BrandLearningPriorities;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","useState","useCallback","useMemo","PropTypes","convert","Provider","Loader","SelectOptionPropTypes","DraggableList","ButtonLink","LearningPriorityModal","style","BrandLearningPriorities","props","context","content","priorities","filters","isLoading","onAdd","openModal","setOpenModal","skin","translate","primarySkinColor","selectedPriorities","items","map","priority","priorityRef","Loading","loading","handleOpenModal","handleCloseModal","container","LPtitle","LPdescription","ctaWrapper","priorityCount","length","backgroundColor","color","transition","width","position","faIcon","name","size","contextTypes","childContextTypes","propTypes","shape","arrayOf","ref","string","title","courses","number","type","onChange","func","options","count","bool"],"sources":["../../../src/organism/brand-learning-priorities/index.js"],"sourcesContent":["import React, {useState, useCallback, useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {convert} from 'css-color-function';\nimport {get} from 'lodash/fp';\nimport Provider from '../../atom/provider';\nimport Loader from '../../atom/loader';\nimport {SelectOptionPropTypes} from '../../atom/select';\nimport DraggableList from '../../molecule/draggable-list';\nimport ButtonLink from '../../atom/button-link';\nimport LearningPriorityModal from '../../molecule/learning-priority-modal';\nimport style from './style.css';\n\nconst BrandLearningPriorities = (props, context) => {\n  const {content, priorities, filters, isLoading, onAdd} = props;\n  const [openModal, setOpenModal] = useState(false);\n  const {skin, translate} = context;\n  const primarySkinColor = get('common.primary', skin);\n\n  const selectedPriorities = useMemo(\n    () => content.items.map(priority => priority.priorityRef),\n    [content.items]\n  );\n\n  const Loading = useCallback(\n    () => (\n      <div className={style.loading}>\n        <Loader />\n      </div>\n    ),\n    []\n  );\n\n  const handleOpenModal = useCallback(() => setOpenModal(true), [setOpenModal]);\n  const handleCloseModal = useCallback(() => setOpenModal(false), [setOpenModal]);\n  return (\n    <div className={style.container}>\n      <LearningPriorityModal\n        isLoading={isLoading}\n        isOpen={openModal}\n        onCancel={handleCloseModal}\n        onClose={handleCloseModal}\n        onAdd={onAdd}\n        priorities={priorities}\n        filters={filters}\n        preselected={selectedPriorities}\n      />\n      <div className={style.LPtitle}>{translate('learning_priorities')}</div>\n      <div className={style.LPdescription}>\n        {translate('learning_priorities_brand_description')}\n      </div>\n\n      {isLoading ? (\n        <Loading />\n      ) : (\n        <>\n          <div className={style.ctaWrapper}>\n            <div className={style.priorityCount}>\n              {`${content.items.length} ${translate('items')}`}\n            </div>\n            <ButtonLink\n              customStyle={{\n                backgroundColor: primarySkinColor,\n                color: '#FFFFFF',\n                transition: 'background-color 0.15s ease-in-out, color 0.15s ease-in-out',\n                width: 'fit-content'\n              }}\n              hoverBackgroundColor={convert(`color(${primarySkinColor} a(0.07))`)}\n              hoverColor={primarySkinColor}\n              onClick={handleOpenModal}\n              label={translate('add_learning_priority')}\n              data-name=\"add-learning-priority\"\n              icon={{\n                position: 'left',\n                faIcon: {\n                  name: 'plus',\n                  backgroundColor: primarySkinColor,\n                  color: '#FFFFFF',\n                  size: 16\n                }\n              }}\n            />\n          </div>\n          <DraggableList {...content} />\n        </>\n      )}\n    </div>\n  );\n};\n\nBrandLearningPriorities.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nBrandLearningPriorities.propTypes = {\n  content: PropTypes.shape(DraggableList.propTypes),\n  priorities: PropTypes.arrayOf(\n    PropTypes.shape({\n      ref: PropTypes.string,\n      title: PropTypes.string,\n      courses: PropTypes.number,\n      type: PropTypes.string\n    })\n  ),\n  filters: PropTypes.shape({\n    onChange: PropTypes.func,\n    options: PropTypes.arrayOf(\n      PropTypes.shape({\n        ...SelectOptionPropTypes,\n        count: PropTypes.number\n      })\n    )\n  }),\n  isLoading: PropTypes.bool,\n  onAdd: PropTypes.func\n};\n\nexport default BrandLearningPriorities;\n"],"mappings":"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"}

package/lib/molecule/learning-priority-modal/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/learning-priority-modal/index.js"],"names":[],"mappings":";AAgEA,qFAyJC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/learning-priority-modal/index.js"],"names":[],"mappings":";AAgEA,qFA6JC"}

package/lib/molecule/learning-priority-modal/index.js

@@ -102,16 +102,19 @@ const LearningPriorityModal = (props, context) => {
     translate
   } = context;
   const [selectedPriority, setSelectedPriority] = (0, _react.useState)('');
+  const [selectedPriorityType, setSelectedPriorityType] = (0, _react.useState)('');
   const [searchValue, setSearchValue] = (0, _react.useState)('');
   const [searchResults, setSearchResults] = (0, _react.useState)(priorities);
   const handleCancel = (0, _react.useCallback)(() => {
     setSelectedPriority('');
+    setSelectedPriorityType('');
     onCancel();
-  }, [setSelectedPriority, onCancel]);
+  }, [setSelectedPriority, setSelectedPriorityType, onCancel]);
   const handleClose = (0, _react.useCallback)(() => {
     setSelectedPriority('');
+    setSelectedPriorityType('');
     onClose();
-  }, [setSelectedPriority, onClose]);
+  }, [setSelectedPriority, setSelectedPriorityType, onClose]);
   const handleSearch = (0, _react.useCallback)(value => {
     setSearchValue(value);
     setSearchResults(priorities.filter(priority => (0, _searchValueIncluded.default)(priority.title, value)));
@@ -125,7 +128,7 @@ const LearningPriorityModal = (props, context) => {
   }, [priorities]);
   const priorityList = (0, _react.useMemo)(() => {
     return searchResults.map(priority => {
-      const isPreSelectedPriority = preselected.some(selected => selected === priority.ref);
+      const isPreSelectedPriority = preselected.some(selected => selected === priority.priorityRef);
       return (0, _assign2.default)({
         selected: isPreSelectedPriority,
         disabled: isPreSelectedPriority
@@ -140,7 +143,7 @@ const LearningPriorityModal = (props, context) => {
       },
       confirmButton: {
         onConfirm: () => {
-          onAdd(selectedPriority);
+          onAdd(selectedPriority, selectedPriorityType);
           onClose();
         },
         label: translate('add'),
@@ -148,7 +151,7 @@ const LearningPriorityModal = (props, context) => {
         disabled: isLoading || !selectedPriority
       }
     };
-  }, [handleCancel, onAdd, translate, selectedPriority, isLoading]);
+  }, [handleCancel, onAdd, translate, selectedPriority, selectedPriorityType, isLoading]);
   if (!isLoading && !priorities || !isOpen) return null;
   return /*#__PURE__*/_react.default.createElement(_baseModal.default, {
     title: translate('learning_priority_modal_title'),
@@ -203,7 +206,7 @@ const LearningPriorityModal = (props, context) => {
     const {
       title,
       priorityRef,
-      courses,
+      courses = null,
       type,
       selected,
       disabled
@@ -211,11 +214,13 @@ const LearningPriorityModal = (props, context) => {
 
     function handlePriorityClick() {
       setSelectedPriority(priorityRef);
+      setSelectedPriorityType(type);
     }
 
-    return /*#__PURE__*/_react.default.createElement(_listItem.default, {
+    return /*#__PURE__*/_react.default.createElement(_listItem.default, _extends({}, courses !== null ? {
+      subtitle: `${courses} ${translate('courses')}`
+    } : {}, {
       title: title,
-      subtitle: `${courses} ${translate('courses')}`,
       selected: selected || selectedPriority === priorityRef,
       disabled: disabled,
       onClick: handlePriorityClick,
@@ -225,7 +230,7 @@ const LearningPriorityModal = (props, context) => {
       }],
       key: priorityRef,
       backgroundColor: "skin"
-    });
+    }));
   })))));
 };
 

package/lib/molecule/learning-priority-modal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["FilterButton","props","context","active","filter","itemTotal","onClick","skin","primarySkinColor","Content","useCallback","style","skillFilterNumber","skillFilterNumberInActive","backgroundColor","convert","color","buttonProps","customStyle","transition","width","content","contextTypes","Provider","childContextTypes","translate","propTypes","PropTypes","bool","string","number","func","LearningPriorityModal","priorities","preselected","isOpen","isLoading","filters","options","onChange","onCancel","onAdd","onClose","selectedPriority","setSelectedPriority","useState","searchValue","setSearchValue","searchResults","setSearchResults","handleCancel","handleClose","handleSearch","value","priority","searchValueIncluded","title","handleSearchReset","useEffect","priorityList","useMemo","map","isPreSelectedPriority","some","selected","ref","disabled","footer","cancelButton","label","confirmButton","onConfirm","iconName","LearningPriorityContainer","loaderContainer","loader","searchWrapper","placeholder","filterWrapper","length","index","name","count","handleChange","filterButtonWrapper","priorityListWrapper","priorityRef","courses","type","handlePriorityClick","arrayOf","shape","oneOf","SelectOptionPropTypes"],"sources":["../../../src/molecule/learning-priority-modal/index.js"],"sourcesContent":["import React, {useEffect, useMemo, useState, useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport {get, assign, pick} from 'lodash/fp';\nimport {convert} from 'css-color-function';\nimport BaseModal from '../base-modal';\nimport ListItem from '../../organism/list-item';\nimport ButtonLink from '../../atom/button-link';\nimport Loader from '../../atom/loader';\nimport Provider from '../../atom/provider';\nimport {SelectOptionPropTypes} from '../../atom/select';\nimport SearchForm from '../search-form';\nimport searchValueIncluded from '../../util/search-value-included';\nimport style from './style.css';\n\nconst FilterButton = (props, context) => {\n  const {active, filter, itemTotal, onClick} = props;\n  const {skin} = context;\n  const primarySkinColor = get('common.primary', skin);\n\n  const Content = useCallback(\n    () => (\n      <div>\n        {filter}\n        <span\n          className={active ? style.skillFilterNumber : style.skillFilterNumberInActive}\n          style={{\n            backgroundColor: active ? convert(`color(${primarySkinColor} a(0.07))`) : '#EAEAEB',\n            color: active ? primarySkinColor : '#515161'\n          }}\n        >\n          {itemTotal}\n        </span>\n      </div>\n    ),\n    [filter, itemTotal, active, primarySkinColor]\n  );\n\n  const buttonProps = {\n    customStyle: {\n      backgroundColor: active ? convert(`color(${primarySkinColor} a(0.07))`) : 'transparent',\n      color: active ? primarySkinColor : '#9999A8',\n      transition: 'background-color 0.15s ease-in-out, color 0.15s ease-in-out',\n      width: 'fit-content'\n    },\n    onClick,\n    content: <Content />,\n    'data-name': 'change-skill-focus-button'\n  };\n\n  return <ButtonLink {...buttonProps} />;\n};\n\nFilterButton.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nFilterButton.propTypes = {\n  active: PropTypes.bool,\n  filter: PropTypes.string,\n  itemTotal: PropTypes.number,\n  onClick: PropTypes.func\n};\n\nconst LearningPriorityModal = (props, context) => {\n  const {\n    priorities,\n    preselected,\n    isOpen,\n    isLoading,\n    filters: {options, onChange},\n    onCancel,\n    onAdd,\n    onClose\n  } = props;\n  const {translate} = context;\n\n  const [selectedPriority, setSelectedPriority] = useState('');\n  const [searchValue, setSearchValue] = useState('');\n  const [searchResults, setSearchResults] = useState(priorities);\n\n  const handleCancel = useCallback(() => {\n    setSelectedPriority('');\n    onCancel();\n  }, [setSelectedPriority, onCancel]);\n\n  const handleClose = useCallback(() => {\n    setSelectedPriority('');\n    onClose();\n  }, [setSelectedPriority, onClose]);\n\n  const handleSearch = useCallback(\n    value => {\n      setSearchValue(value);\n      setSearchResults(priorities.filter(priority => searchValueIncluded(priority.title, value)));\n    },\n    [priorities, setSearchValue, setSearchResults]\n  );\n\n  const handleSearchReset = useCallback(() => {\n    setSearchValue('');\n    setSearchResults(priorities);\n  }, [priorities, setSearchValue, setSearchResults]);\n\n  useEffect(() => {\n    setSearchResults(priorities);\n  }, [priorities]);\n\n  const priorityList = useMemo(() => {\n    return searchResults.map(priority => {\n      const isPreSelectedPriority = preselected.some(selected => selected === priority.ref);\n      return assign(\n        {\n          selected: isPreSelectedPriority,\n          disabled: isPreSelectedPriority\n        },\n        pick(['title', 'priorityRef', 'type', 'courses'], priority)\n      );\n    });\n  }, [searchResults, preselected]);\n\n  const footer = useMemo(() => {\n    return {\n      cancelButton: {\n        onCancel: handleCancel,\n        label: translate('cancel')\n      },\n      confirmButton: {\n        onConfirm: () => {\n          onAdd(selectedPriority);\n          onClose();\n        },\n        label: translate('add'),\n        iconName: 'plus',\n        disabled: isLoading || !selectedPriority\n      }\n    };\n  }, [handleCancel, onAdd, translate, selectedPriority, isLoading]);\n\n  if ((!isLoading && !priorities) || !isOpen) return null;\n\n  return (\n    <BaseModal\n      title={translate('learning_priority_modal_title')}\n      description={translate('learning_priority_modal_description')}\n      isOpen={isOpen}\n      onClose={handleClose}\n      footer={footer}\n    >\n      <div className={style.LearningPriorityContainer}>\n        {isLoading ? (\n          <div className={style.loaderContainer}>\n            <Loader className={style.loader} theme=\"coorpmanager\" />\n          </div>\n        ) : (\n          <>\n            <div className={style.searchWrapper}>\n              <SearchForm\n                search={{\n                  placeholder: translate('search_priority_place_holder'),\n                  value: searchValue,\n                  onChange: handleSearch\n                }}\n                onReset={handleSearchReset}\n              />\n            </div>\n            <div className={style.filterWrapper}>\n              {searchResults.length > 0\n                ? options.map((filter, index) => {\n                    const {name, value, selected, count} = filter;\n\n                    function handleChange() {\n                      onChange(value);\n                      handleSearchReset();\n                    }\n\n                    if (count === 0) return null;\n\n                    return (\n                      <div key={index} className={style.filterButtonWrapper}>\n                        <FilterButton\n                          active={selected}\n                          filter={name}\n                          onClick={handleChange}\n                          itemTotal={count}\n                        />\n                      </div>\n                    );\n                  })\n                : null}\n            </div>\n            <div className={style.priorityListWrapper}>\n              {priorityList.map(priority => {\n                const {title, priorityRef, courses, type, selected, disabled} = priority;\n                function handlePriorityClick() {\n                  setSelectedPriority(priorityRef);\n                }\n\n                return (\n                  <ListItem\n                    title={title}\n                    subtitle={`${courses} ${translate('courses')}`}\n                    selected={selected || selectedPriority === priorityRef}\n                    disabled={disabled}\n                    onClick={handlePriorityClick}\n                    tags={[{label: type, type: 'default'}]}\n                    key={priorityRef}\n                    backgroundColor=\"skin\"\n                  />\n                );\n              })}\n            </div>\n          </>\n        )}\n      </div>\n    </BaseModal>\n  );\n};\n\nLearningPriorityModal.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nLearningPriorityModal.propTypes = {\n  priorities: PropTypes.arrayOf(\n    PropTypes.shape({\n      priorityRef: PropTypes.string,\n      title: PropTypes.string,\n      courses: PropTypes.number,\n      type: PropTypes.oneOf(['skill', 'playlist', 'certificate'])\n    })\n  ),\n  preselected: PropTypes.arrayOf(PropTypes.string),\n  isOpen: PropTypes.bool,\n  isLoading: PropTypes.bool,\n  filters: PropTypes.shape({\n    onChange: PropTypes.func,\n    options: PropTypes.arrayOf(\n      PropTypes.shape({\n        ...SelectOptionPropTypes,\n        count: PropTypes.number\n      })\n    )\n  }),\n  onCancel: PropTypes.func,\n  onAdd: PropTypes.func,\n  onClose: PropTypes.func\n};\n\nexport default LearningPriorityModal;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["FilterButton","props","context","active","filter","itemTotal","onClick","skin","primarySkinColor","Content","useCallback","style","skillFilterNumber","skillFilterNumberInActive","backgroundColor","convert","color","buttonProps","customStyle","transition","width","content","contextTypes","Provider","childContextTypes","translate","propTypes","PropTypes","bool","string","number","func","LearningPriorityModal","priorities","preselected","isOpen","isLoading","filters","options","onChange","onCancel","onAdd","onClose","selectedPriority","setSelectedPriority","useState","selectedPriorityType","setSelectedPriorityType","searchValue","setSearchValue","searchResults","setSearchResults","handleCancel","handleClose","handleSearch","value","priority","searchValueIncluded","title","handleSearchReset","useEffect","priorityList","useMemo","map","isPreSelectedPriority","some","selected","priorityRef","disabled","footer","cancelButton","label","confirmButton","onConfirm","iconName","LearningPriorityContainer","loaderContainer","loader","searchWrapper","placeholder","filterWrapper","length","index","name","count","handleChange","filterButtonWrapper","priorityListWrapper","courses","type","handlePriorityClick","subtitle","arrayOf","shape","oneOf","SelectOptionPropTypes"],"sources":["../../../src/molecule/learning-priority-modal/index.js"],"sourcesContent":["import React, {useEffect, useMemo, useState, useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport {get, assign, pick} from 'lodash/fp';\nimport {convert} from 'css-color-function';\nimport BaseModal from '../base-modal';\nimport ListItem from '../../organism/list-item';\nimport ButtonLink from '../../atom/button-link';\nimport Loader from '../../atom/loader';\nimport Provider from '../../atom/provider';\nimport {SelectOptionPropTypes} from '../../atom/select';\nimport SearchForm from '../search-form';\nimport searchValueIncluded from '../../util/search-value-included';\nimport style from './style.css';\n\nconst FilterButton = (props, context) => {\n  const {active, filter, itemTotal, onClick} = props;\n  const {skin} = context;\n  const primarySkinColor = get('common.primary', skin);\n\n  const Content = useCallback(\n    () => (\n      <div>\n        {filter}\n        <span\n          className={active ? style.skillFilterNumber : style.skillFilterNumberInActive}\n          style={{\n            backgroundColor: active ? convert(`color(${primarySkinColor} a(0.07))`) : '#EAEAEB',\n            color: active ? primarySkinColor : '#515161'\n          }}\n        >\n          {itemTotal}\n        </span>\n      </div>\n    ),\n    [filter, itemTotal, active, primarySkinColor]\n  );\n\n  const buttonProps = {\n    customStyle: {\n      backgroundColor: active ? convert(`color(${primarySkinColor} a(0.07))`) : 'transparent',\n      color: active ? primarySkinColor : '#9999A8',\n      transition: 'background-color 0.15s ease-in-out, color 0.15s ease-in-out',\n      width: 'fit-content'\n    },\n    onClick,\n    content: <Content />,\n    'data-name': 'change-skill-focus-button'\n  };\n\n  return <ButtonLink {...buttonProps} />;\n};\n\nFilterButton.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nFilterButton.propTypes = {\n  active: PropTypes.bool,\n  filter: PropTypes.string,\n  itemTotal: PropTypes.number,\n  onClick: PropTypes.func\n};\n\nconst LearningPriorityModal = (props, context) => {\n  const {\n    priorities,\n    preselected,\n    isOpen,\n    isLoading,\n    filters: {options, onChange},\n    onCancel,\n    onAdd,\n    onClose\n  } = props;\n  const {translate} = context;\n\n  const [selectedPriority, setSelectedPriority] = useState('');\n  const [selectedPriorityType, setSelectedPriorityType] = useState('');\n  const [searchValue, setSearchValue] = useState('');\n  const [searchResults, setSearchResults] = useState(priorities);\n\n  const handleCancel = useCallback(() => {\n    setSelectedPriority('');\n    setSelectedPriorityType('');\n    onCancel();\n  }, [setSelectedPriority, setSelectedPriorityType, onCancel]);\n\n  const handleClose = useCallback(() => {\n    setSelectedPriority('');\n    setSelectedPriorityType('');\n    onClose();\n  }, [setSelectedPriority, setSelectedPriorityType, onClose]);\n\n  const handleSearch = useCallback(\n    value => {\n      setSearchValue(value);\n      setSearchResults(priorities.filter(priority => searchValueIncluded(priority.title, value)));\n    },\n    [priorities, setSearchValue, setSearchResults]\n  );\n\n  const handleSearchReset = useCallback(() => {\n    setSearchValue('');\n    setSearchResults(priorities);\n  }, [priorities, setSearchValue, setSearchResults]);\n\n  useEffect(() => {\n    setSearchResults(priorities);\n  }, [priorities]);\n\n  const priorityList = useMemo(() => {\n    return searchResults.map(priority => {\n      const isPreSelectedPriority = preselected.some(selected => selected === priority.priorityRef);\n      return assign(\n        {\n          selected: isPreSelectedPriority,\n          disabled: isPreSelectedPriority\n        },\n        pick(['title', 'priorityRef', 'type', 'courses'], priority)\n      );\n    });\n  }, [searchResults, preselected]);\n\n  const footer = useMemo(() => {\n    return {\n      cancelButton: {\n        onCancel: handleCancel,\n        label: translate('cancel')\n      },\n      confirmButton: {\n        onConfirm: () => {\n          onAdd(selectedPriority, selectedPriorityType);\n          onClose();\n        },\n        label: translate('add'),\n        iconName: 'plus',\n        disabled: isLoading || !selectedPriority\n      }\n    };\n  }, [handleCancel, onAdd, translate, selectedPriority, selectedPriorityType, isLoading]);\n\n  if ((!isLoading && !priorities) || !isOpen) return null;\n\n  return (\n    <BaseModal\n      title={translate('learning_priority_modal_title')}\n      description={translate('learning_priority_modal_description')}\n      isOpen={isOpen}\n      onClose={handleClose}\n      footer={footer}\n    >\n      <div className={style.LearningPriorityContainer}>\n        {isLoading ? (\n          <div className={style.loaderContainer}>\n            <Loader className={style.loader} theme=\"coorpmanager\" />\n          </div>\n        ) : (\n          <>\n            <div className={style.searchWrapper}>\n              <SearchForm\n                search={{\n                  placeholder: translate('search_priority_place_holder'),\n                  value: searchValue,\n                  onChange: handleSearch\n                }}\n                onReset={handleSearchReset}\n              />\n            </div>\n            <div className={style.filterWrapper}>\n              {searchResults.length > 0\n                ? options.map((filter, index) => {\n                    const {name, value, selected, count} = filter;\n\n                    function handleChange() {\n                      onChange(value);\n                      handleSearchReset();\n                    }\n\n                    if (count === 0) return null;\n\n                    return (\n                      <div key={index} className={style.filterButtonWrapper}>\n                        <FilterButton\n                          active={selected}\n                          filter={name}\n                          onClick={handleChange}\n                          itemTotal={count}\n                        />\n                      </div>\n                    );\n                  })\n                : null}\n            </div>\n            <div className={style.priorityListWrapper}>\n              {priorityList.map(priority => {\n                const {title, priorityRef, courses = null, type, selected, disabled} = priority;\n                function handlePriorityClick() {\n                  setSelectedPriority(priorityRef);\n                  setSelectedPriorityType(type);\n                }\n\n                return (\n                  <ListItem\n                    {...(courses !== null ? {subtitle: `${courses} ${translate('courses')}`} : {})}\n                    title={title}\n                    selected={selected || selectedPriority === priorityRef}\n                    disabled={disabled}\n                    onClick={handlePriorityClick}\n                    tags={[{label: type, type: 'default'}]}\n                    key={priorityRef}\n                    backgroundColor=\"skin\"\n                  />\n                );\n              })}\n            </div>\n          </>\n        )}\n      </div>\n    </BaseModal>\n  );\n};\n\nLearningPriorityModal.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nLearningPriorityModal.propTypes = {\n  priorities: PropTypes.arrayOf(\n    PropTypes.shape({\n      priorityRef: PropTypes.string,\n      title: PropTypes.string,\n      courses: PropTypes.number,\n      type: PropTypes.oneOf(['skill', 'playlist', 'certificate'])\n    })\n  ),\n  preselected: PropTypes.arrayOf(PropTypes.string),\n  isOpen: PropTypes.bool,\n  isLoading: PropTypes.bool,\n  filters: PropTypes.shape({\n    onChange: PropTypes.func,\n    options: PropTypes.arrayOf(\n      PropTypes.shape({\n        ...SelectOptionPropTypes,\n        count: PropTypes.number\n      })\n    )\n  }),\n  onCancel: PropTypes.func,\n  onAdd: PropTypes.func,\n  onClose: PropTypes.func\n};\n\nexport default LearningPriorityModal;\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA,MAAMA,YAAY,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EACvC,MAAM;IAACC,MAAD;IAASC,MAAT;IAAiBC,SAAjB;IAA4BC;EAA5B,IAAuCL,KAA7C;EACA,MAAM;IAACM;EAAD,IAASL,OAAf;EACA,MAAMM,gBAAgB,GAAG,mBAAI,gBAAJ,EAAsBD,IAAtB,CAAzB;EAEA,MAAME,OAAO,GAAG,IAAAC,kBAAA,EACd,mBACE,0CACGN,MADH,eAEE;IACE,SAAS,EAAED,MAAM,GAAGQ,cAAA,CAAMC,iBAAT,GAA6BD,cAAA,CAAME,yBADtD;IAEE,KAAK,EAAE;MACLC,eAAe,EAAEX,MAAM,GAAG,IAAAY,yBAAA,EAAS,SAAQP,gBAAiB,WAAlC,CAAH,GAAmD,SADrE;MAELQ,KAAK,EAAEb,MAAM,GAAGK,gBAAH,GAAsB;IAF9B;EAFT,GAOGH,SAPH,CAFF,CAFY,EAed,CAACD,MAAD,EAASC,SAAT,EAAoBF,MAApB,EAA4BK,gBAA5B,CAfc,CAAhB;EAkBA,MAAMS,WAAW,GAAG;IAClBC,WAAW,EAAE;MACXJ,eAAe,EAAEX,MAAM,GAAG,IAAAY,yBAAA,EAAS,SAAQP,gBAAiB,WAAlC,CAAH,GAAmD,aAD/D;MAEXQ,KAAK,EAAEb,MAAM,GAAGK,gBAAH,GAAsB,SAFxB;MAGXW,UAAU,EAAE,6DAHD;MAIXC,KAAK,EAAE;IAJI,CADK;IAOlBd,OAPkB;IAQlBe,OAAO,eAAE,6BAAC,OAAD,OARS;IASlB,aAAa;EATK,CAApB;EAYA,oBAAO,6BAAC,mBAAD,EAAgBJ,WAAhB,CAAP;AACD,CApCD;;AAsCAjB,YAAY,CAACsB,YAAb,GAA4B;EAC1Bf,IAAI,EAAEgB,iBAAA,CAASC,iBAAT,CAA2BjB,IADP;EAE1BkB,SAAS,EAAEF,iBAAA,CAASC,iBAAT,CAA2BC;AAFZ,CAA5B;AAKAzB,YAAY,CAAC0B,SAAb,2CAAyB;EACvBvB,MAAM,EAAEwB,kBAAA,CAAUC,IADK;EAEvBxB,MAAM,EAAEuB,kBAAA,CAAUE,MAFK;EAGvBxB,SAAS,EAAEsB,kBAAA,CAAUG,MAHE;EAIvBxB,OAAO,EAAEqB,kBAAA,CAAUI;AAJI,CAAzB;;AAOA,MAAMC,qBAAqB,GAAG,CAAC/B,KAAD,EAAQC,OAAR,KAAoB;EAChD,MAAM;IACJ+B,UADI;IAEJC,WAFI;IAGJC,MAHI;IAIJC,SAJI;IAKJC,OAAO,EAAE;MAACC,OAAD;MAAUC;IAAV,CALL;IAMJC,QANI;IAOJC,KAPI;IAQJC;EARI,IASFzC,KATJ;EAUA,MAAM;IAACwB;EAAD,IAAcvB,OAApB;EAEA,MAAM,CAACyC,gBAAD,EAAmBC,mBAAnB,IAA0C,IAAAC,eAAA,EAAS,EAAT,CAAhD;EACA,MAAM,CAACC,oBAAD,EAAuBC,uBAAvB,IAAkD,IAAAF,eAAA,EAAS,EAAT,CAAxD;EACA,MAAM,CAACG,WAAD,EAAcC,cAAd,IAAgC,IAAAJ,eAAA,EAAS,EAAT,CAAtC;EACA,MAAM,CAACK,aAAD,EAAgBC,gBAAhB,IAAoC,IAAAN,eAAA,EAASZ,UAAT,CAA1C;EAEA,MAAMmB,YAAY,GAAG,IAAA1C,kBAAA,EAAY,MAAM;IACrCkC,mBAAmB,CAAC,EAAD,CAAnB;IACAG,uBAAuB,CAAC,EAAD,CAAvB;IACAP,QAAQ;EACT,CAJoB,EAIlB,CAACI,mBAAD,EAAsBG,uBAAtB,EAA+CP,QAA/C,CAJkB,CAArB;EAMA,MAAMa,WAAW,GAAG,IAAA3C,kBAAA,EAAY,MAAM;IACpCkC,mBAAmB,CAAC,EAAD,CAAnB;IACAG,uBAAuB,CAAC,EAAD,CAAvB;IACAL,OAAO;EACR,CAJmB,EAIjB,CAACE,mBAAD,EAAsBG,uBAAtB,EAA+CL,OAA/C,CAJiB,CAApB;EAMA,MAAMY,YAAY,GAAG,IAAA5C,kBAAA,EACnB6C,KAAK,IAAI;IACPN,cAAc,CAACM,KAAD,CAAd;IACAJ,gBAAgB,CAAClB,UAAU,CAAC7B,MAAX,CAAkBoD,QAAQ,IAAI,IAAAC,4BAAA,EAAoBD,QAAQ,CAACE,KAA7B,EAAoCH,KAApC,CAA9B,CAAD,CAAhB;EACD,CAJkB,EAKnB,CAACtB,UAAD,EAAagB,cAAb,EAA6BE,gBAA7B,CALmB,CAArB;EAQA,MAAMQ,iBAAiB,GAAG,IAAAjD,kBAAA,EAAY,MAAM;IAC1CuC,cAAc,CAAC,EAAD,CAAd;IACAE,gBAAgB,CAAClB,UAAD,CAAhB;EACD,CAHyB,EAGvB,CAACA,UAAD,EAAagB,cAAb,EAA6BE,gBAA7B,CAHuB,CAA1B;EAKA,IAAAS,gBAAA,EAAU,MAAM;IACdT,gBAAgB,CAAClB,UAAD,CAAhB;EACD,CAFD,EAEG,CAACA,UAAD,CAFH;EAIA,MAAM4B,YAAY,GAAG,IAAAC,cAAA,EAAQ,MAAM;IACjC,OAAOZ,aAAa,CAACa,GAAd,CAAkBP,QAAQ,IAAI;MACnC,MAAMQ,qBAAqB,GAAG9B,WAAW,CAAC+B,IAAZ,CAAiBC,QAAQ,IAAIA,QAAQ,KAAKV,QAAQ,CAACW,WAAnD,CAA9B;MACA,OAAO,sBACL;QACED,QAAQ,EAAEF,qBADZ;QAEEI,QAAQ,EAAEJ;MAFZ,CADK,EAKL,oBAAK,CAAC,OAAD,EAAU,aAAV,EAAyB,MAAzB,EAAiC,SAAjC,CAAL,EAAkDR,QAAlD,CALK,CAAP;IAOD,CATM,CAAP;EAUD,CAXoB,EAWlB,CAACN,aAAD,EAAgBhB,WAAhB,CAXkB,CAArB;EAaA,MAAMmC,MAAM,GAAG,IAAAP,cAAA,EAAQ,MAAM;IAC3B,OAAO;MACLQ,YAAY,EAAE;QACZ9B,QAAQ,EAAEY,YADE;QAEZmB,KAAK,EAAE9C,SAAS,CAAC,QAAD;MAFJ,CADT;MAKL+C,aAAa,EAAE;QACbC,SAAS,EAAE,MAAM;UACfhC,KAAK,CAACE,gBAAD,EAAmBG,oBAAnB,CAAL;UACAJ,OAAO;QACR,CAJY;QAKb6B,KAAK,EAAE9C,SAAS,CAAC,KAAD,CALH;QAMbiD,QAAQ,EAAE,MANG;QAObN,QAAQ,EAAEhC,SAAS,IAAI,CAACO;MAPX;IALV,CAAP;EAeD,CAhBc,EAgBZ,CAACS,YAAD,EAAeX,KAAf,EAAsBhB,SAAtB,EAAiCkB,gBAAjC,EAAmDG,oBAAnD,EAAyEV,SAAzE,CAhBY,CAAf;EAkBA,IAAK,CAACA,SAAD,IAAc,CAACH,UAAhB,IAA+B,CAACE,MAApC,EAA4C,OAAO,IAAP;EAE5C,oBACE,6BAAC,kBAAD;IACE,KAAK,EAAEV,SAAS,CAAC,+BAAD,CADlB;IAEE,WAAW,EAAEA,SAAS,CAAC,qCAAD,CAFxB;IAGE,MAAM,EAAEU,MAHV;IAIE,OAAO,EAAEkB,WAJX;IAKE,MAAM,EAAEgB;EALV,gBAOE;IAAK,SAAS,EAAE1D,cAAA,CAAMgE;EAAtB,GACGvC,SAAS,gBACR;IAAK,SAAS,EAAEzB,cAAA,CAAMiE;EAAtB,gBACE,6BAAC,eAAD;IAAQ,SAAS,EAAEjE,cAAA,CAAMkE,MAAzB;IAAiC,KAAK,EAAC;EAAvC,EADF,CADQ,gBAKR,yEACE;IAAK,SAAS,EAAElE,cAAA,CAAMmE;EAAtB,gBACE,6BAAC,mBAAD;IACE,MAAM,EAAE;MACNC,WAAW,EAAEtD,SAAS,CAAC,8BAAD,CADhB;MAEN8B,KAAK,EAAEP,WAFD;MAGNT,QAAQ,EAAEe;IAHJ,CADV;IAME,OAAO,EAAEK;EANX,EADF,CADF,eAWE;IAAK,SAAS,EAAEhD,cAAA,CAAMqE;EAAtB,GACG9B,aAAa,CAAC+B,MAAd,GAAuB,CAAvB,GACG3C,OAAO,CAACyB,GAAR,CAAY,CAAC3D,MAAD,EAAS8E,KAAT,KAAmB;IAC7B,MAAM;MAACC,IAAD;MAAO5B,KAAP;MAAcW,QAAd;MAAwBkB;IAAxB,IAAiChF,MAAvC;;IAEA,SAASiF,YAAT,GAAwB;MACtB9C,QAAQ,CAACgB,KAAD,CAAR;MACAI,iBAAiB;IAClB;;IAED,IAAIyB,KAAK,KAAK,CAAd,EAAiB,OAAO,IAAP;IAEjB,oBACE;MAAK,GAAG,EAAEF,KAAV;MAAiB,SAAS,EAAEvE,cAAA,CAAM2E;IAAlC,gBACE,6BAAC,YAAD;MACE,MAAM,EAAEpB,QADV;MAEE,MAAM,EAAEiB,IAFV;MAGE,OAAO,EAAEE,YAHX;MAIE,SAAS,EAAED;IAJb,EADF,CADF;EAUD,CApBD,CADH,GAsBG,IAvBN,CAXF,eAoCE;IAAK,SAAS,EAAEzE,cAAA,CAAM4E;EAAtB,GACG1B,YAAY,CAACE,GAAb,CAAiBP,QAAQ,IAAI;IAC5B,MAAM;MAACE,KAAD;MAAQS,WAAR;MAAqBqB,OAAO,GAAG,IAA/B;MAAqCC,IAArC;MAA2CvB,QAA3C;MAAqDE;IAArD,IAAiEZ,QAAvE;;IACA,SAASkC,mBAAT,GAA+B;MAC7B9C,mBAAmB,CAACuB,WAAD,CAAnB;MACApB,uBAAuB,CAAC0C,IAAD,CAAvB;IACD;;IAED,oBACE,6BAAC,iBAAD,eACOD,OAAO,KAAK,IAAZ,GAAmB;MAACG,QAAQ,EAAG,GAAEH,OAAQ,IAAG/D,SAAS,CAAC,SAAD,CAAY;IAA9C,CAAnB,GAAsE,EAD7E;MAEE,KAAK,EAAEiC,KAFT;MAGE,QAAQ,EAAEQ,QAAQ,IAAIvB,gBAAgB,KAAKwB,WAH7C;MAIE,QAAQ,EAAEC,QAJZ;MAKE,OAAO,EAAEsB,mBALX;MAME,IAAI,EAAE,CAAC;QAACnB,KAAK,EAAEkB,IAAR;QAAcA,IAAI,EAAE;MAApB,CAAD,CANR;MAOE,GAAG,EAAEtB,WAPP;MAQE,eAAe,EAAC;IARlB,GADF;EAYD,CAnBA,CADH,CApCF,CANJ,CAPF,CADF;AA6ED,CA7JD;;AA+JAnC,qBAAqB,CAACV,YAAtB,GAAqC;EACnCG,SAAS,EAAEF,iBAAA,CAASC,iBAAT,CAA2BC;AADH,CAArC;AAIAO,qBAAqB,CAACN,SAAtB,2CAAkC;EAChCO,UAAU,EAAEN,kBAAA,CAAUiE,OAAV,CACVjE,kBAAA,CAAUkE,KAAV,CAAgB;IACd1B,WAAW,EAAExC,kBAAA,CAAUE,MADT;IAEd6B,KAAK,EAAE/B,kBAAA,CAAUE,MAFH;IAGd2D,OAAO,EAAE7D,kBAAA,CAAUG,MAHL;IAId2D,IAAI,EAAE9D,kBAAA,CAAUmE,KAAV,CAAgB,CAAC,OAAD,EAAU,UAAV,EAAsB,aAAtB,CAAhB;EAJQ,CAAhB,CADU,CADoB;EAShC5D,WAAW,EAAEP,kBAAA,CAAUiE,OAAV,CAAkBjE,kBAAA,CAAUE,MAA5B,CATmB;EAUhCM,MAAM,EAAER,kBAAA,CAAUC,IAVc;EAWhCQ,SAAS,EAAET,kBAAA,CAAUC,IAXW;EAYhCS,OAAO,EAAEV,kBAAA,CAAUkE,KAAV,CAAgB;IACvBtD,QAAQ,EAAEZ,kBAAA,CAAUI,IADG;IAEvBO,OAAO,EAAEX,kBAAA,CAAUiE,OAAV,CACPjE,kBAAA,CAAUkE,KAAV,cACKE,6BADL;MAEEX,KAAK,EAAEzD,kBAAA,CAAUG;IAFnB,GADO;EAFc,CAAhB,CAZuB;EAqBhCU,QAAQ,EAAEb,kBAAA,CAAUI,IArBY;EAsBhCU,KAAK,EAAEd,kBAAA,CAAUI,IAtBe;EAuBhCW,OAAO,EAAEf,kBAAA,CAAUI;AAvBa,CAAlC;eA0BeC,qB"}

package/lib/molecule/learning-priority-setup-item/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/learning-priority-setup-item/index.js"],"names":[],"mappings":";AAOA,kFAoDC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/learning-priority-setup-item/index.js"],"names":[],"mappings":";AAOA,kFAsDC"}

package/lib/molecule/learning-priority-setup-item/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["LearningPrioritySetupItem","props","context","priorityRef","id","title","courses","type","ariaLabel","onRemove","translate","handleRemovePriority","useCallback","handleTypeTranslate","itemType","style","container","containerInfos","titleWrapper","width","backgroundColor","position","faIcon","name","color","size","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string","number","oneOf","func"],"sources":["../../../src/molecule/learning-priority-setup-item/index.js"],"sourcesContent":["import React, {useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport Provider from '../../atom/provider';\nimport Tag from '../../atom/tag';\nimport ButtonLink from '../../atom/button-link';\nimport style from './style.css';\n\nconst LearningPrioritySetupItem = (props, context) => {\n  const {priorityRef, id, title, courses = null, type, 'aria-label': ariaLabel, onRemove} = props;\n\n  const {translate} = context;\n\n  const handleRemovePriority = useCallback(() => onRemove(priorityRef, type), [priorityRef, type]);\n\n  const handleTypeTranslate = itemType => {\n    switch (itemType) {\n      case 'skill':\n        return translate('skill');\n      case 'playlist':\n        return translate('playlist');\n      case 'certificate':\n        return translate('certificate');\n    }\n  };\n\n  return (\n    <div\n      className={style.container}\n      aria-label={ariaLabel}\n      data-name={`learning-priority-setup-item-${id}`}\n    >\n      <div className={style.containerInfos}>\n        <div className={style.titleWrapper}>\n          <div className={style.title}>{title}</div>\n          <div>\n            <Tag label={handleTypeTranslate(type)} size={'S'} />\n          </div>\n        </div>\n        {courses !== null ? <span className={style.courses}>{`${courses} ${translate('courses')}`}</span> : null}\n      </div>\n      <ButtonLink\n        type=\"primary\"\n        customStyle={{\n          width: 'fit-content',\n          backgroundColor: 'transparent'\n        }}\n        hoverBackgroundColor=\"#EAEAEB\"\n        icon={{\n          position: 'left',\n          faIcon: {\n            name: 'trash',\n            color: '#515161',\n            size: 16\n          }\n        }}\n        onClick={handleRemovePriority}\n      />\n    </div>\n  );\n};\n\nLearningPrioritySetupItem.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nLearningPrioritySetupItem.propTypes = {\n  'aria-label': PropTypes.string,\n  id: PropTypes.string,\n  priorityRef: PropTypes.string,\n  title: PropTypes.string,\n  courses: PropTypes.number,\n  type: PropTypes.oneOf(['skill', 'playlist', 'certificate']),\n  onRemove: PropTypes.func\n};\n\nexport default LearningPrioritySetupItem;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AAEA,MAAMA,yBAAyB,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EACpD,MAAM;IAACC,WAAD;IAAcC,EAAd;IAAkBC,KAAlB;IAAyBC,OAAO,GAAG,IAAnC;IAAyCC,IAAzC;IAA+C,cAAcC,SAA7D;IAAwEC;EAAxE,IAAoFR,KAA1F;EAEA,MAAM;IAACS;EAAD,IAAcR,OAApB;EAEA,MAAMS,oBAAoB,GAAG,IAAAC,kBAAA,EAAY,MAAMH,QAAQ,CAACN,WAAD,EAAcI,IAAd,CAA1B,EAA+C,CAACJ,WAAD,EAAcI,IAAd,CAA/C,CAA7B;;EAEA,MAAMM,mBAAmB,GAAGC,QAAQ,IAAI;IACtC,QAAQA,QAAR;MACE,KAAK,OAAL;QACE,OAAOJ,SAAS,CAAC,OAAD,CAAhB;;MACF,KAAK,UAAL;QACE,OAAOA,SAAS,CAAC,UAAD,CAAhB;;MACF,KAAK,aAAL;QACE,OAAOA,SAAS,CAAC,aAAD,CAAhB;IANJ;EAQD,CATD;;EAWA,oBACE;IACE,SAAS,EAAEK,cAAA,CAAMC,SADnB;IAEE,cAAYR,SAFd;IAGE,aAAY,gCAA+BJ,EAAG;EAHhD,gBAKE;IAAK,SAAS,EAAEW,cAAA,CAAME;EAAtB,gBACE;IAAK,SAAS,EAAEF,cAAA,CAAMG;EAAtB,gBACE;IAAK,SAAS,EAAEH,cAAA,CAAMV;EAAtB,GAA8BA,KAA9B,CADF,eAEE,uDACE,6BAAC,YAAD;IAAK,KAAK,EAAEQ,mBAAmB,CAACN,IAAD,CAA/B;IAAuC,IAAI,EAAE;EAA7C,EADF,CAFF,CADF,EAOGD,OAAO,KAAK,IAAZ,gBAAmB;IAAM,SAAS,EAAES,cAAA,CAAMT;EAAvB,GAAkC,GAAEA,OAAQ,IAAGI,SAAS,CAAC,SAAD,CAAY,EAApE,CAAnB,GAAmG,IAPtG,CALF,eAcE,6BAAC,mBAAD;IACE,IAAI,EAAC,SADP;IAEE,WAAW,EAAE;MACXS,KAAK,EAAE,aADI;MAEXC,eAAe,EAAE;IAFN,CAFf;IAME,oBAAoB,EAAC,SANvB;IAOE,IAAI,EAAE;MACJC,QAAQ,EAAE,MADN;MAEJC,MAAM,EAAE;QACNC,IAAI,EAAE,OADA;QAENC,KAAK,EAAE,SAFD;QAGNC,IAAI,EAAE;MAHA;IAFJ,CAPR;IAeE,OAAO,EAAEd;EAfX,EAdF,CADF;AAkCD,CApDD;;AAsDAX,yBAAyB,CAAC0B,YAA1B,GAAyC;EACvChB,SAAS,EAAEiB,iBAAA,CAASC,iBAAT,CAA2BlB;AADC,CAAzC;AAIAV,yBAAyB,CAAC6B,SAA1B,2CAAsC;EACpC,cAAcC,kBAAA,CAAUC,MADY;EAEpC3B,EAAE,EAAE0B,kBAAA,CAAUC,MAFsB;EAGpC5B,WAAW,EAAE2B,kBAAA,CAAUC,MAHa;EAIpC1B,KAAK,EAAEyB,kBAAA,CAAUC,MAJmB;EAKpCzB,OAAO,EAAEwB,kBAAA,CAAUE,MALiB;EAMpCzB,IAAI,EAAEuB,kBAAA,CAAUG,KAAV,CAAgB,CAAC,OAAD,EAAU,UAAV,EAAsB,aAAtB,CAAhB,CAN8B;EAOpCxB,QAAQ,EAAEqB,kBAAA,CAAUI;AAPgB,CAAtC;eAUelC,yB"}
+{"version":3,"file":"index.js","names":["LearningPrioritySetupItem","props","context","priorityRef","id","title","courses","type","ariaLabel","onRemove","translate","handleRemovePriority","useCallback","handleTypeTranslate","itemType","style","container","containerInfos","titleWrapper","width","backgroundColor","position","faIcon","name","color","size","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string","number","oneOf","func"],"sources":["../../../src/molecule/learning-priority-setup-item/index.js"],"sourcesContent":["import React, {useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport Provider from '../../atom/provider';\nimport Tag from '../../atom/tag';\nimport ButtonLink from '../../atom/button-link';\nimport style from './style.css';\n\nconst LearningPrioritySetupItem = (props, context) => {\n  const {priorityRef, id, title, courses = null, type, 'aria-label': ariaLabel, onRemove} = props;\n\n  const {translate} = context;\n\n  const handleRemovePriority = useCallback(() => onRemove(priorityRef, type), [priorityRef, type]);\n\n  const handleTypeTranslate = itemType => {\n    switch (itemType) {\n      case 'skill':\n        return translate('skill');\n      case 'playlist':\n        return translate('playlist');\n      case 'certificate':\n        return translate('certificate');\n    }\n  };\n\n  return (\n    <div\n      className={style.container}\n      aria-label={ariaLabel}\n      data-name={`learning-priority-setup-item-${id}`}\n    >\n      <div className={style.containerInfos}>\n        <div className={style.titleWrapper}>\n          <div className={style.title}>{title}</div>\n          <div>\n            <Tag label={handleTypeTranslate(type)} size={'S'} />\n          </div>\n        </div>\n        {courses !== null ? (\n          <span className={style.courses}>{`${courses} ${translate('courses')}`}</span>\n        ) : null}\n      </div>\n      <ButtonLink\n        type=\"primary\"\n        customStyle={{\n          width: 'fit-content',\n          backgroundColor: 'transparent'\n        }}\n        hoverBackgroundColor=\"#EAEAEB\"\n        icon={{\n          position: 'left',\n          faIcon: {\n            name: 'trash',\n            color: '#515161',\n            size: 16\n          }\n        }}\n        onClick={handleRemovePriority}\n      />\n    </div>\n  );\n};\n\nLearningPrioritySetupItem.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nLearningPrioritySetupItem.propTypes = {\n  'aria-label': PropTypes.string,\n  id: PropTypes.string,\n  priorityRef: PropTypes.string,\n  title: PropTypes.string,\n  courses: PropTypes.number,\n  type: PropTypes.oneOf(['skill', 'playlist', 'certificate']),\n  onRemove: PropTypes.func\n};\n\nexport default LearningPrioritySetupItem;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AAEA,MAAMA,yBAAyB,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EACpD,MAAM;IAACC,WAAD;IAAcC,EAAd;IAAkBC,KAAlB;IAAyBC,OAAO,GAAG,IAAnC;IAAyCC,IAAzC;IAA+C,cAAcC,SAA7D;IAAwEC;EAAxE,IAAoFR,KAA1F;EAEA,MAAM;IAACS;EAAD,IAAcR,OAApB;EAEA,MAAMS,oBAAoB,GAAG,IAAAC,kBAAA,EAAY,MAAMH,QAAQ,CAACN,WAAD,EAAcI,IAAd,CAA1B,EAA+C,CAACJ,WAAD,EAAcI,IAAd,CAA/C,CAA7B;;EAEA,MAAMM,mBAAmB,GAAGC,QAAQ,IAAI;IACtC,QAAQA,QAAR;MACE,KAAK,OAAL;QACE,OAAOJ,SAAS,CAAC,OAAD,CAAhB;;MACF,KAAK,UAAL;QACE,OAAOA,SAAS,CAAC,UAAD,CAAhB;;MACF,KAAK,aAAL;QACE,OAAOA,SAAS,CAAC,aAAD,CAAhB;IANJ;EAQD,CATD;;EAWA,oBACE;IACE,SAAS,EAAEK,cAAA,CAAMC,SADnB;IAEE,cAAYR,SAFd;IAGE,aAAY,gCAA+BJ,EAAG;EAHhD,gBAKE;IAAK,SAAS,EAAEW,cAAA,CAAME;EAAtB,gBACE;IAAK,SAAS,EAAEF,cAAA,CAAMG;EAAtB,gBACE;IAAK,SAAS,EAAEH,cAAA,CAAMV;EAAtB,GAA8BA,KAA9B,CADF,eAEE,uDACE,6BAAC,YAAD;IAAK,KAAK,EAAEQ,mBAAmB,CAACN,IAAD,CAA/B;IAAuC,IAAI,EAAE;EAA7C,EADF,CAFF,CADF,EAOGD,OAAO,KAAK,IAAZ,gBACC;IAAM,SAAS,EAAES,cAAA,CAAMT;EAAvB,GAAkC,GAAEA,OAAQ,IAAGI,SAAS,CAAC,SAAD,CAAY,EAApE,CADD,GAEG,IATN,CALF,eAgBE,6BAAC,mBAAD;IACE,IAAI,EAAC,SADP;IAEE,WAAW,EAAE;MACXS,KAAK,EAAE,aADI;MAEXC,eAAe,EAAE;IAFN,CAFf;IAME,oBAAoB,EAAC,SANvB;IAOE,IAAI,EAAE;MACJC,QAAQ,EAAE,MADN;MAEJC,MAAM,EAAE;QACNC,IAAI,EAAE,OADA;QAENC,KAAK,EAAE,SAFD;QAGNC,IAAI,EAAE;MAHA;IAFJ,CAPR;IAeE,OAAO,EAAEd;EAfX,EAhBF,CADF;AAoCD,CAtDD;;AAwDAX,yBAAyB,CAAC0B,YAA1B,GAAyC;EACvChB,SAAS,EAAEiB,iBAAA,CAASC,iBAAT,CAA2BlB;AADC,CAAzC;AAIAV,yBAAyB,CAAC6B,SAA1B,2CAAsC;EACpC,cAAcC,kBAAA,CAAUC,MADY;EAEpC3B,EAAE,EAAE0B,kBAAA,CAAUC,MAFsB;EAGpC5B,WAAW,EAAE2B,kBAAA,CAAUC,MAHa;EAIpC1B,KAAK,EAAEyB,kBAAA,CAAUC,MAJmB;EAKpCzB,OAAO,EAAEwB,kBAAA,CAAUE,MALiB;EAMpCzB,IAAI,EAAEuB,kBAAA,CAAUG,KAAV,CAAgB,CAAC,OAAD,EAAU,UAAV,EAAsB,aAAtB,CAAhB,CAN8B;EAOpCxB,QAAQ,EAAEqB,kBAAA,CAAUI;AAPgB,CAAtC;eAUelC,yB"}

package/lib/organism/brand-learning-priorities/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/brand-learning-priorities/index.js"],"names":[],"mappings":";AAYA,gFAqEC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/brand-learning-priorities/index.js"],"names":[],"mappings":";AAYA,gFA2EC"}

package/lib/organism/brand-learning-priorities/index.js

@@ -48,11 +48,9 @@ const BrandLearningPriorities = (props, context) => {
   } = context;
   const primarySkinColor = (0, _get2.default)('common.primary', skin);
   const selectedPriorities = (0, _react.useMemo)(() => content.items.map(priority => priority.priorityRef), [content.items]);
-
-  const Loading = () => /*#__PURE__*/_react.default.createElement("div", {
+  const Loading = (0, _react.useCallback)(() => /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.loading
-  }, /*#__PURE__*/_react.default.createElement(_loader.default, null));
-
+  }, /*#__PURE__*/_react.default.createElement(_loader.default, null)), []);
   const handleOpenModal = (0, _react.useCallback)(() => setOpenModal(true), [setOpenModal]);
   const handleCloseModal = (0, _react.useCallback)(() => setOpenModal(false), [setOpenModal]);
   return /*#__PURE__*/_react.default.createElement("div", {

package/lib/organism/brand-learning-priorities/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["BrandLearningPriorities","props","context","content","priorities","filters","isLoading","onAdd","openModal","setOpenModal","useState","skin","translate","primarySkinColor","selectedPriorities","useMemo","items","map","priority","priorityRef","Loading","style","loading","handleOpenModal","useCallback","handleCloseModal","container","LPtitle","LPdescription","ctaWrapper","priorityCount","length","backgroundColor","color","transition","width","convert","position","faIcon","name","size","contextTypes","Provider","childContextTypes","propTypes","PropTypes","shape","DraggableList","arrayOf","ref","string","title","courses","number","type","onChange","func","options","SelectOptionPropTypes","count","bool"],"sources":["../../../src/organism/brand-learning-priorities/index.js"],"sourcesContent":["import React, { useState, useCallback, useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport { convert } from 'css-color-function';\nimport { get } from 'lodash/fp';\nimport Provider from '../../atom/provider';\nimport Loader from '../../atom/loader';\nimport { SelectOptionPropTypes } from '../../atom/select';\nimport DraggableList from '../../molecule/draggable-list';\nimport ButtonLink from '../../atom/button-link';\nimport LearningPriorityModal from '../../molecule/learning-priority-modal';\nimport style from './style.css';\n\nconst BrandLearningPriorities = (props, context) => {\n  const { content, priorities, filters, isLoading, onAdd } = props;\n  const [openModal, setOpenModal] = useState(false);\n  const { skin, translate } = context;\n  const primarySkinColor = get('common.primary', skin);\n\n  const selectedPriorities = useMemo(\n    () => content.items.map(priority => priority.priorityRef),\n    [content.items]\n  );\n\n  const Loading = () => (\n    <div className={style.loading}>\n      <Loader />\n    </div>\n  );\n\n  const handleOpenModal = useCallback(() => setOpenModal(true), [setOpenModal]);\n  const handleCloseModal = useCallback(() => setOpenModal(false), [setOpenModal]);\n  return (\n    <div className={style.container}>\n      <LearningPriorityModal\n        isLoading={isLoading}\n        isOpen={openModal}\n        onCancel={handleCloseModal}\n        onClose={handleCloseModal}\n        onAdd={onAdd}\n        priorities={priorities}\n        filters={filters}\n        preselected={selectedPriorities}\n      />\n      <div className={style.LPtitle}>{translate('learning_priorities')}</div>\n      <div className={style.LPdescription}>\n        {translate('learning_priorities_brand_description')}\n      </div>\n\n      {isLoading ?\n        <Loading />\n        :\n        <>\n          <div className={style.ctaWrapper}>\n            <div className={style.priorityCount}>{`${content.items.length} ${translate('items')}`}</div>\n            <ButtonLink\n              customStyle={{\n                backgroundColor: primarySkinColor,\n                color: '#FFFFFF',\n                transition: 'background-color 0.15s ease-in-out, color 0.15s ease-in-out',\n                width: 'fit-content'\n              }}\n              hoverBackgroundColor={convert(`color(${primarySkinColor} a(0.07))`)}\n              hoverColor={primarySkinColor}\n              onClick={handleOpenModal}\n              label={translate('add_learning_priority')}\n              data-name=\"add-learning-priority\"\n              icon={{\n                position: 'left',\n                faIcon: {\n                  name: 'plus',\n                  backgroundColor: primarySkinColor,\n                  color: '#FFFFFF',\n                  size: 16\n                }\n              }}\n            />\n          </div>\n          <DraggableList {...content} />\n        </>}\n    </div>\n  );\n};\n\nBrandLearningPriorities.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nBrandLearningPriorities.propTypes = {\n  content: PropTypes.shape(DraggableList.propTypes),\n  priorities: PropTypes.arrayOf(\n    PropTypes.shape({\n      ref: PropTypes.string,\n      title: PropTypes.string,\n      courses: PropTypes.number,\n      type: PropTypes.string\n    })\n  ),\n  filters: PropTypes.shape({\n    onChange: PropTypes.func,\n    options: PropTypes.arrayOf(\n      PropTypes.shape({\n        ...SelectOptionPropTypes,\n        count: PropTypes.number\n      })\n    )\n  }),\n  isLoading: PropTypes.bool,\n  onAdd: PropTypes.func\n};\n\nexport default BrandLearningPriorities;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["BrandLearningPriorities","props","context","content","priorities","filters","isLoading","onAdd","openModal","setOpenModal","useState","skin","translate","primarySkinColor","selectedPriorities","useMemo","items","map","priority","priorityRef","Loading","useCallback","style","loading","handleOpenModal","handleCloseModal","container","LPtitle","LPdescription","ctaWrapper","priorityCount","length","backgroundColor","color","transition","width","convert","position","faIcon","name","size","contextTypes","Provider","childContextTypes","propTypes","PropTypes","shape","DraggableList","arrayOf","ref","string","title","courses","number","type","onChange","func","options","SelectOptionPropTypes","count","bool"],"sources":["../../../src/organism/brand-learning-priorities/index.js"],"sourcesContent":["import React, {useState, useCallback, useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {convert} from 'css-color-function';\nimport {get} from 'lodash/fp';\nimport Provider from '../../atom/provider';\nimport Loader from '../../atom/loader';\nimport {SelectOptionPropTypes} from '../../atom/select';\nimport DraggableList from '../../molecule/draggable-list';\nimport ButtonLink from '../../atom/button-link';\nimport LearningPriorityModal from '../../molecule/learning-priority-modal';\nimport style from './style.css';\n\nconst BrandLearningPriorities = (props, context) => {\n  const {content, priorities, filters, isLoading, onAdd} = props;\n  const [openModal, setOpenModal] = useState(false);\n  const {skin, translate} = context;\n  const primarySkinColor = get('common.primary', skin);\n\n  const selectedPriorities = useMemo(\n    () => content.items.map(priority => priority.priorityRef),\n    [content.items]\n  );\n\n  const Loading = useCallback(\n    () => (\n      <div className={style.loading}>\n        <Loader />\n      </div>\n    ),\n    []\n  );\n\n  const handleOpenModal = useCallback(() => setOpenModal(true), [setOpenModal]);\n  const handleCloseModal = useCallback(() => setOpenModal(false), [setOpenModal]);\n  return (\n    <div className={style.container}>\n      <LearningPriorityModal\n        isLoading={isLoading}\n        isOpen={openModal}\n        onCancel={handleCloseModal}\n        onClose={handleCloseModal}\n        onAdd={onAdd}\n        priorities={priorities}\n        filters={filters}\n        preselected={selectedPriorities}\n      />\n      <div className={style.LPtitle}>{translate('learning_priorities')}</div>\n      <div className={style.LPdescription}>\n        {translate('learning_priorities_brand_description')}\n      </div>\n\n      {isLoading ? (\n        <Loading />\n      ) : (\n        <>\n          <div className={style.ctaWrapper}>\n            <div className={style.priorityCount}>\n              {`${content.items.length} ${translate('items')}`}\n            </div>\n            <ButtonLink\n              customStyle={{\n                backgroundColor: primarySkinColor,\n                color: '#FFFFFF',\n                transition: 'background-color 0.15s ease-in-out, color 0.15s ease-in-out',\n                width: 'fit-content'\n              }}\n              hoverBackgroundColor={convert(`color(${primarySkinColor} a(0.07))`)}\n              hoverColor={primarySkinColor}\n              onClick={handleOpenModal}\n              label={translate('add_learning_priority')}\n              data-name=\"add-learning-priority\"\n              icon={{\n                position: 'left',\n                faIcon: {\n                  name: 'plus',\n                  backgroundColor: primarySkinColor,\n                  color: '#FFFFFF',\n                  size: 16\n                }\n              }}\n            />\n          </div>\n          <DraggableList {...content} />\n        </>\n      )}\n    </div>\n  );\n};\n\nBrandLearningPriorities.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nBrandLearningPriorities.propTypes = {\n  content: PropTypes.shape(DraggableList.propTypes),\n  priorities: PropTypes.arrayOf(\n    PropTypes.shape({\n      ref: PropTypes.string,\n      title: PropTypes.string,\n      courses: PropTypes.number,\n      type: PropTypes.string\n    })\n  ),\n  filters: PropTypes.shape({\n    onChange: PropTypes.func,\n    options: PropTypes.arrayOf(\n      PropTypes.shape({\n        ...SelectOptionPropTypes,\n        count: PropTypes.number\n      })\n    )\n  }),\n  isLoading: PropTypes.bool,\n  onAdd: PropTypes.func\n};\n\nexport default BrandLearningPriorities;\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coorpacademy/components",
-  "version": "11.32.20-alpha.37.36+fc7ae2321",
+  "version": "11.32.20-alpha.38+ac709ab15",
   "description": "",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -177,5 +177,5 @@
     "last 2 versions",
     "IE 11"
   ],
-  "gitHead": "fc7ae232170ad3dbda4b64410e539065ae6bccd7"
+  "gitHead": "ac709ab152bb6cca59e6765fc040e632eda91101"
 }