@coorpacademy/components 11.33.0 → 11.33.2-alpha.0

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_cssColorFunction","_baseModal","_listItem","_buttonLink","_loader","_provider","_select","_searchForm","_searchValueIncluded","_colors","_style","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","FilterButton","props","active","filter","itemTotal","onClick","primarySkinColor","COLORS","cm_primary_blue","Content","useCallback","createElement","className","style","skillFilterNumber","skillFilterNumberInActive","backgroundColor","convert","color","buttonProps","customStyle","transition","width","content","propTypes","process","env","NODE_ENV","PropTypes","bool","string","number","func","LearningPriorityModal","context","priorities","preselected","isOpen","isLoading","filters","onCancel","onAdd","onClose","translate","selectedPriority","setSelectedPriority","useState","selectedPriorityType","setSelectedPriorityType","searchValue","setSearchValue","filterValue","setFilterValue","searchResults","setSearchResults","handleCancel","handleClose","handleSearch","value","priority","searchValueIncluded","title","handleSearchReset","useEffect","priorityList","useMemo","map","isPreSelectedPriority","some","selected","priorityRef","_assign2","disabled","_pick2","footer","cancelButton","label","confirmButton","onConfirm","iconName","description","LearningPriorityContainer","loaderContainer","loader","theme","Fragment","searchWrapper","search","placeholder","onChange","onReset","filterWrapper","index","name","count","handleChange","key","filterButtonWrapper","priorityListWrapper","courses","type","handlePriorityClick","subtitle","selectedColor","tags","contextTypes","Provider","childContextTypes","arrayOf","shape","oneOf","SelectOptionPropTypes","_default","exports"],"sources":["../../../src/molecule/learning-priority-modal/index.js"],"sourcesContent":["import React, {useEffect, useMemo, useState, useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport {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 {COLORS} from '../../variables/colors';\nimport style from './style.css';\n\nconst FilterButton = props => {\n  const {active, filter, itemTotal, onClick} = props;\n  const primarySkinColor = COLORS.cm_primary_blue;\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.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 {priorities, preselected, isOpen, isLoading, filters, onCancel, onAdd, onClose} = props;\n  const {translate} = context;\n\n  const [selectedPriority, setSelectedPriority] = useState('');\n  const [selectedPriorityType, setSelectedPriorityType] = useState('');\n  const [searchValue, setSearchValue] = useState('');\n  const [filterValue, setFilterValue] = useState('all');\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          setSelectedPriority('');\n          setSelectedPriorityType('');\n          onClose();\n        },\n        label: translate('add'),\n        iconName: 'plus',\n        disabled: isLoading || !selectedPriority,\n        color: COLORS.cm_primary_blue\n      }\n    };\n  }, [\n    handleCancel,\n    setSelectedPriority,\n    setSelectedPriorityType,\n    onAdd,\n    onClose,\n    translate,\n    selectedPriority,\n    selectedPriorityType,\n    isLoading\n  ]);\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                ? filters.map((filter, index) => {\n                    const {name, value, count} = filter;\n\n                    function handleChange() {\n                      setFilterValue(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={filterValue === value}\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                  if (selectedPriority === priorityRef) {\n                    setSelectedPriority('');\n                    setSelectedPriorityType('');\n                    return;\n                  }\n                  setSelectedPriority(priorityRef);\n                  setSelectedPriorityType(type);\n                }\n\n                if ((filterValue !== 'all' && type !== filterValue) || !type || !title) return null;\n\n                return (\n                  <ListItem\n                    {...(courses !== null ? {subtitle: `${courses} ${translate('courses')}`} : {})}\n                    title={title}\n                    selected={selected || selectedPriority === priorityRef}\n                    selectedColor={COLORS.cm_primary_blue}\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.arrayOf(\n    PropTypes.shape({\n      ...SelectOptionPropTypes,\n      count: PropTypes.number\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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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["FilterButton","props","active","filter","itemTotal","onClick","primarySkinColor","COLORS","cm_primary_blue","Content","useCallback","style","skillFilterNumber","skillFilterNumberInActive","backgroundColor","convert","color","buttonProps","customStyle","transition","width","content","propTypes","PropTypes","bool","string","number","func","LearningPriorityModal","context","priorities","preselected","isOpen","isLoading","filters","onCancel","onAdd","onClose","translate","selectedPriority","setSelectedPriority","useState","selectedPriorityType","setSelectedPriorityType","searchValue","setSearchValue","filterValue","setFilterValue","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","onChange","filterWrapper","length","index","name","count","handleChange","filterButtonWrapper","priorityListWrapper","courses","type","handlePriorityClick","subtitle","contextTypes","Provider","childContextTypes","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 {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 {COLORS} from '../../variables/colors';\nimport style from './style.css';\n\nconst FilterButton = props => {\n  const {active, filter, itemTotal, onClick} = props;\n  const primarySkinColor = COLORS.cm_primary_blue;\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.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 {priorities, preselected, isOpen, isLoading, filters, onCancel, onAdd, onClose} = props;\n  const {translate} = context;\n\n  const [selectedPriority, setSelectedPriority] = useState('');\n  const [selectedPriorityType, setSelectedPriorityType] = useState('');\n  const [searchValue, setSearchValue] = useState('');\n  const [filterValue, setFilterValue] = useState('all');\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          setSelectedPriority('');\n          setSelectedPriorityType('');\n          onClose();\n        },\n        label: translate('add'),\n        iconName: 'plus',\n        disabled: isLoading || !selectedPriority,\n        color: COLORS.cm_primary_blue\n      }\n    };\n  }, [\n    handleCancel,\n    setSelectedPriority,\n    setSelectedPriorityType,\n    onAdd,\n    onClose,\n    translate,\n    selectedPriority,\n    selectedPriorityType,\n    isLoading\n  ]);\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                ? filters.map((filter, index) => {\n                    const {name, value, count} = filter;\n\n                    function handleChange() {\n                      setFilterValue(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={filterValue === value}\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                  if (selectedPriority === priorityRef) {\n                    setSelectedPriority('');\n                    setSelectedPriorityType('');\n                    return;\n                  }\n                  setSelectedPriority(priorityRef);\n                  setSelectedPriorityType(type);\n                }\n\n                if ((filterValue !== 'all' && type !== filterValue) || !type || !title) return null;\n\n                return (\n                  <ListItem\n                    {...(courses !== null ? {subtitle: `${courses} ${translate('courses')}`} : {})}\n                    title={title}\n                    selected={selected || selectedPriority === priorityRef}\n                    selectedColor={COLORS.cm_primary_blue}\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.arrayOf(\n    PropTypes.shape({\n      ...SelectOptionPropTypes,\n      count: PropTypes.number\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/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,kFAyDC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/learning-priority-setup-item/index.js"],"names":[],"mappings":";AAOA,kFA2DC"}

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

@@ -2,15 +2,25 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _provider = _interopRequireDefault(require("../../atom/provider"));
+
 var _tag = _interopRequireDefault(require("../../atom/tag"));
+
 var _buttonLink = _interopRequireDefault(require("../../atom/button-link"));
+
 var _style = _interopRequireDefault(require("./style.css"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 const LearningPrioritySetupItem = (props, context) => {
   const {
     priorityRef,
@@ -25,16 +35,20 @@ const LearningPrioritySetupItem = (props, context) => {
     translate
   } = context;
   const handleRemovePriority = (0, _react.useCallback)(() => onRemove(priorityRef, type), [priorityRef, type, onRemove]);
+
   const handleTypeTranslate = itemType => {
     switch (itemType) {
       case 'skill':
         return translate('skill');
+
       case 'playlist':
         return translate('playlist');
+
       case 'certificate':
         return translate('certificate');
     }
   };
+
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.container,
     "aria-label": ariaLabel,
@@ -44,7 +58,8 @@ const LearningPrioritySetupItem = (props, context) => {
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.titleWrapper
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: _style.default.title
+    className: _style.default.title,
+    "data-name": "learning-priority-setup-item-title"
   }, title), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_tag.default, {
     label: handleTypeTranslate(type),
     size: 'S'
@@ -68,6 +83,7 @@ const LearningPrioritySetupItem = (props, context) => {
     onClick: handleRemovePriority
   }));
 };
+
 LearningPrioritySetupItem.contextTypes = {
   translate: _provider.default.childContextTypes.translate
 };
@@ -80,5 +96,6 @@ LearningPrioritySetupItem.propTypes = process.env.NODE_ENV !== "production" ? {
   type: _propTypes.default.oneOf(['skill', 'playlist', 'certificate']),
   onRemove: _propTypes.default.func
 } : {};
-var _default = exports.default = LearningPrioritySetupItem;
+var _default = LearningPrioritySetupItem;
+exports.default = _default;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_provider","_tag","_buttonLink","_style","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","LearningPrioritySetupItem","props","context","priorityRef","id","title","courses","type","ariaLabel","onRemove","translate","handleRemovePriority","useCallback","handleTypeTranslate","itemType","createElement","className","style","container","containerInfos","titleWrapper","label","size","customStyle","width","backgroundColor","hoverBackgroundColor","icon","position","faIcon","name","color","onClick","contextTypes","Provider","childContextTypes","propTypes","process","env","NODE_ENV","PropTypes","string","number","oneOf","func","_default","exports"],"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(\n    () => onRemove(priorityRef, type),\n    [priorityRef, type, onRemove]\n  );\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":"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","ignoreList":[]}
+{"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(\n    () => onRemove(priorityRef, type),\n    [priorityRef, type, onRemove]\n  );\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} data-name=\"learning-priority-setup-item-title\">\n            {title}\n          </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,EAC3B,MAAMH,QAAQ,CAACN,WAAD,EAAcI,IAAd,CADa,EAE3B,CAACJ,WAAD,EAAcI,IAAd,EAAoBE,QAApB,CAF2B,CAA7B;;EAKA,MAAMI,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,KAAtB;IAA6B,aAAU;EAAvC,GACGA,KADH,CADF,eAIE,uDACE,6BAAC,YAAD;IAAK,KAAK,EAAEQ,mBAAmB,CAACN,IAAD,CAA/B;IAAuC,IAAI,EAAE;EAA7C,EADF,CAJF,CADF,EASGD,OAAO,KAAK,IAAZ,gBACC;IAAM,SAAS,EAAES,cAAA,CAAMT;EAAvB,GAAkC,GAAEA,OAAQ,IAAGI,SAAS,CAAC,SAAD,CAAY,EAApE,CADD,GAEG,IAXN,CALF,eAkBE,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,EAlBF,CADF;AAsCD,CA3DD;;AA6DAX,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/molecule/learning-profile-radar-chart/index.js

@@ -2,34 +2,63 @@
 
 exports.__esModule = true;
 exports.formatData = exports.default = exports.LearningProfileRadarChart = void 0;
+
 var _get2 = _interopRequireDefault(require("lodash/fp/get"));
+
 var _findKey2 = _interopRequireDefault(require("lodash/fp/findKey"));
+
 var _flatten2 = _interopRequireDefault(require("lodash/fp/flatten"));
+
 var _times2 = _interopRequireDefault(require("lodash/fp/times"));
+
 var _fromPairs2 = _interopRequireDefault(require("lodash/fp/fromPairs"));
+
 var _omit2 = _interopRequireDefault(require("lodash/fp/omit"));
+
 var _isEmpty2 = _interopRequireDefault(require("lodash/fp/isEmpty"));
+
 var _values2 = _interopRequireDefault(require("lodash/fp/values"));
+
 var _toPairs2 = _interopRequireDefault(require("lodash/fp/toPairs"));
+
 var _map2 = _interopRequireDefault(require("lodash/fp/map"));
+
 var _getOr2 = _interopRequireDefault(require("lodash/fp/getOr"));
+
 var _size2 = _interopRequireDefault(require("lodash/fp/size"));
+
 var _mapValues2 = _interopRequireDefault(require("lodash/fp/mapValues"));
+
 var _keyBy2 = _interopRequireDefault(require("lodash/fp/keyBy"));
+
 var _pipe2 = _interopRequireDefault(require("lodash/fp/pipe"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _recharts = require("recharts");
+
 var _cssColorFunction = require("css-color-function");
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _checkIsMobile = require("../../util/check-is-mobile");
+
 var _buttonLink = _interopRequireDefault(require("../../atom/button-link"));
+
 var _provider = _interopRequireWildcard(require("../../atom/provider"));
+
 var _types = require("./types");
+
 var _style = _interopRequireDefault(require("./style.css"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 /* TICK_POSITIONS */
 const top = {
   offset: {
@@ -63,8 +92,8 @@ const left = {
   alignment: 'end',
   marginLeft: 'auto'
 };
-
 /* CONSTANTS */
+
 const BLACK = '#000000ff';
 const WHITE = '#ffffffff';
 const DEFAULT_MAIN_COLOR = '#0062ffff';
@@ -124,8 +153,8 @@ const RADAR_DEFAULT_PROPS = {
   strokeOpacity: 0.2,
   fillOpacity: 0.2
 };
-
 /* COMPONENTS */
+
 const Gradient = ({
   type,
   colors: [firstColor, secondColor]
@@ -142,6 +171,7 @@ const Gradient = ({
   offset: "100%",
   stopColor: secondColor
 })));
+
 const CustomTooltip = ({
   active,
   payload,
@@ -153,6 +183,7 @@ const CustomTooltip = ({
 }, label), /*#__PURE__*/_react.default.createElement("span", {
   className: _style.default.tooltipValue
 }, payload[0].value, "%")) : null;
+
 const CustomDot = ({
   cx,
   cy,
@@ -182,6 +213,7 @@ const CustomDot = ({
   onMouseLeave: () => onDotHover(''),
   'data-name': dataName
 }));
+
 const buildRadars = (totalDataset, handleDotHover, handleOnDotClick, activeDot) => (0, _times2.default)(index => {
   const datakey = `value${index + 1}`;
   const dataset = `dataset-${index + 1}`;
@@ -191,11 +223,9 @@ const buildRadars = (totalDataset, handleDotHover, handleOnDotClick, activeDot)
     key: dataset,
     name: dataset,
     dataKey: datakey,
-    activeDot: {
-      ...DOT_ACTIVE_PROPS,
+    activeDot: { ...DOT_ACTIVE_PROPS,
       stroke: `url(#gradient-stroke-${index})`
-    }
-    // only on mobile
+    } // only on mobile
     // to handle dot style on hover (convert to click)
     // use with the tooltip component
     ,
@@ -209,6 +239,7 @@ const buildRadars = (totalDataset, handleDotHover, handleOnDotClick, activeDot)
     })
   }));
 }, totalDataset);
+
 const CustomLabel = ({
   index,
   x,
@@ -234,13 +265,16 @@ const CustomLabel = ({
     alignment,
     ...rest
   } = CHART_CONFIGS[chartType].ticks[index];
+
   function onLabelClick(e) {
     e.stopPropagation();
     onClick(label);
   }
+
   function handleExploreClick() {
     onExploreClick(label);
   }
+
   const buttonExploreProps = {
     customStyle: {
       height: '36px',
@@ -273,8 +307,7 @@ const CustomLabel = ({
     "data-name": label,
     onClick: onLabelClick,
     className: (0, _classnames.default)(_style.default.tickWrapper, isCurrentDotActive && _style.default.tickWrapperFocus, hoveredDot === label && _style.default.tickWrapperHover),
-    style: {
-      ...rest,
+    style: { ...rest,
       alignItems: alignment,
       textAlign: alignment,
       opacity: !(0, _isEmpty2.default)(activeDot) && !isCurrentDotActive ? 0.3 : 1
@@ -307,17 +340,19 @@ const CustomLabel = ({
     "data-name": "button-explore-wrapper"
   }, /*#__PURE__*/_react.default.createElement(_buttonLink.default, buttonExploreProps)) : null)));
 };
-
 /* UTILS */
+
+
 const CHART_CONFIGS_BY_SIDE_COUNT = (0, _pipe2.default)((0, _keyBy2.default)('sideCount'), (0, _mapValues2.default)('name'))(CHART_CONFIGS);
 const formatValues = (0, _pipe2.default)(values_ => (0, _flatten2.default)([values_]), values_ => values_.map((val, i) => [`value${i + 1}`, val]), _fromPairs2.default);
-
 /* this convert incoming component data to rechart data structure */
-const formatData = (legend, data_) => (0, _pipe2.default)(_toPairs2.default, (0, _map2.default)(([ref, values_]) => ({
-  ...formatValues(values_),
+
+const formatData = (legend, data_) => (0, _pipe2.default)(_toPairs2.default, (0, _map2.default)(([ref, values_]) => ({ ...formatValues(values_),
   subject: legend[ref]
 })))(data_);
+
 exports.formatData = formatData;
+
 const LearningProfileRadarChart = ({
   data,
   legend,
@@ -366,20 +401,24 @@ const LearningProfileRadarChart = ({
       setActiveDot(undefined);
       onClick(undefined);
     };
+
     !(0, _isEmpty2.default)(activeDot) && window.addEventListener('click', handleClick);
     return () => {
       window.removeEventListener('click', handleClick);
     };
   }, [activeDot, onClick, setActiveDot]);
+
   function handleOnActiveDotClick() {
     setActiveDot(undefined);
     onClick(undefined);
   }
+
   function handleOnDotClick(label) {
     if (!(0, _isEmpty2.default)(activeDot) && activeDot?.label === label) {
       handleOnActiveDotClick();
       return;
     }
+
     const payload = formatedData.find(({
       subject
     }) => subject === label);
@@ -387,6 +426,7 @@ const LearningProfileRadarChart = ({
     const index = formatedData.indexOf(payload);
     const datakey = `value${index + 1}`;
     const skillRef = (0, _findKey2.default)(val => val === payload?.subject, legend);
+
     if (skillRef) {
       setActiveDot({
         key: datakey,
@@ -396,16 +436,19 @@ const LearningProfileRadarChart = ({
       onClick(skillRef);
     }
   }
+
   function handleExploreClick(label) {
     const payload = formatedData.find(({
       subject
     }) => subject === label);
     if (!payload) return;
     const skillRef = (0, _findKey2.default)(val => val === payload?.subject, legend);
+
     if (skillRef) {
       onExploreClick(skillRef);
     }
   }
+
   function renderCustomLabel(props) {
     const {
       x,
@@ -435,6 +478,7 @@ const LearningProfileRadarChart = ({
       onExploreClick: handleExploreClick
     });
   }
+
   const formatedData = (0, _react.useMemo)(() => formatData(legend, data), [legend, data]);
   return /*#__PURE__*/_react.default.createElement(_recharts.RadarChart, {
     width: width,
@@ -464,16 +508,20 @@ const LearningProfileRadarChart = ({
     content: /*#__PURE__*/_react.default.createElement(CustomTooltip, null)
   }) : null);
 };
+
 exports.LearningProfileRadarChart = LearningProfileRadarChart;
+
 const ResponsiveLearningProfileRadarChart = props => /*#__PURE__*/_react.default.createElement(_recharts.ResponsiveContainer, {
   width: "100%",
   height: "100%"
 }, /*#__PURE__*/_react.default.createElement(LearningProfileRadarChart, props));
+
 LearningProfileRadarChart.contextTypes = {
   skin: _provider.default.childContextTypes.skin,
   translate: _provider.default.childContextTypes.translate
 };
 LearningProfileRadarChart.propTypes = process.env.NODE_ENV !== "production" ? _types.learningProfileRadarChartPropTypes : {};
 ResponsiveLearningProfileRadarChart.propTypes = process.env.NODE_ENV !== "production" ? _types.learningProfileRadarChartPropTypes : {};
-var _default = exports.default = ResponsiveLearningProfileRadarChart;
+var _default = ResponsiveLearningProfileRadarChart;
+exports.default = _default;
 //# sourceMappingURL=index.js.map