@coorpacademy/components 11.33.1 → 11.33.2-alpha.0

package/es/molecule/icon-picker-modal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useMemo","useState","useCallback","useEffect","PropTypes","fas","BaseModal","SelectIcon","Provider","SearchForm","COLORS","style","useIconSearch","ICONS_PER_LOAD","IconPickerModal","props","context","isOpen","onCancel","onConfirm","onClose","translate","selectedIcon","setSelectedIcon","displayedIcons","setDisplayedIcons","currentIndex","setCurrentIndex","allIcons","_pipe","_values","_map","_get","_uniq","searchValue","searchResults","handleSearch","handleReset","handleCancel","handleClose","handleIconClick","iconName","prevSelectedIcon","loadMoreIcons","nextIndex","newIcons","_slice","prevIcons","handleScroll","event","scrollTop","clientHeight","scrollHeight","currentTarget","icons","_entries","index","createElement","key","size","faIcon","onClick","options","isSelected","footer","cancelButton","label","confirmButton","disabled","color","cm_primary_blue","title","description","onScroll","headerIcon","name","backgroundColor","className","iconPicker","Fragment","searchWrapper","search","placeholder","value","onChange","onReset","dataTestId","_size","emptySearchResultContainer","emptySearchResultTitle","emptySearchResultDescription","emptySearchResultClearSearch","iconsListWrapper","contextTypes","childContextTypes","propTypes","process","env","NODE_ENV","bool","func"],"sources":["../../../src/molecule/icon-picker-modal/index.js"],"sourcesContent":["import React, {useMemo, useState, useCallback, useEffect} from 'react';\nimport PropTypes from 'prop-types';\nimport {fas} from '@fortawesome/pro-solid-svg-icons';\nimport {entries, map, pipe, get, values, slice, size, uniq} from 'lodash/fp';\nimport BaseModal from '../base-modal';\nimport SelectIcon from '../../atom/select-icon';\nimport Provider from '../../atom/provider';\nimport SearchForm from '../search-form';\nimport {COLORS} from '../../variables/colors';\nimport style from './style.css';\nimport useIconSearch from './use-icon-search';\n\nconst ICONS_PER_LOAD = 48;\n\nconst IconPickerModal = (props, context) => {\n  const {isOpen, onCancel, onConfirm, onClose} = props;\n  const {translate} = context;\n\n  const [selectedIcon, setSelectedIcon] = useState(null);\n  const [displayedIcons, setDisplayedIcons] = useState([]);\n  const [currentIndex, setCurrentIndex] = useState(0);\n\n  const allIcons = useMemo(() => pipe(values, map(get('iconName')), uniq)(fas), []);\n  const {searchValue, searchResults, handleSearch, handleReset} = useIconSearch(allIcons);\n\n  const handleCancel = useCallback(() => {\n    onCancel();\n  }, [onCancel]);\n\n  const handleClose = useCallback(() => {\n    onClose();\n  }, [onClose]);\n\n  const handleIconClick = useCallback(\n    iconName => () => {\n      setSelectedIcon(prevSelectedIcon => (prevSelectedIcon === iconName ? null : iconName));\n    },\n    []\n  );\n\n  const loadMoreIcons = useCallback(() => {\n    const nextIndex = currentIndex + ICONS_PER_LOAD;\n    const newIcons = slice(currentIndex, nextIndex, searchResults);\n    setDisplayedIcons(prevIcons => [...prevIcons, ...newIcons]);\n    setCurrentIndex(nextIndex);\n  }, [currentIndex, searchResults]);\n\n  useEffect(() => {\n    setDisplayedIcons(() => slice(0, ICONS_PER_LOAD, searchResults));\n    setCurrentIndex(ICONS_PER_LOAD);\n  }, [searchResults]);\n\n  const handleScroll = useCallback(\n    event => {\n      const {scrollTop, clientHeight, scrollHeight} = event.currentTarget;\n      if (scrollHeight - scrollTop <= clientHeight + 1) {\n        loadMoreIcons();\n      }\n    },\n    [loadMoreIcons]\n  );\n\n  const icons = useMemo(\n    () =>\n      pipe(\n        entries,\n        map(([index, iconName]) => (\n          <SelectIcon\n            key={`icon-${index}`}\n            size=\"responsive\"\n            data-name={`icon-${index}`}\n            aria-label={iconName}\n            faIcon={iconName}\n            onClick={handleIconClick(iconName)}\n            options={{isSelected: selectedIcon === iconName}}\n          />\n        ))\n      )(displayedIcons),\n    [displayedIcons, selectedIcon, handleIconClick]\n  );\n\n  const footer = useMemo(() => {\n    return {\n      cancelButton: {\n        onCancel: handleCancel,\n        label: translate('cancel')\n      },\n      confirmButton: {\n        onConfirm: () => {\n          onConfirm(selectedIcon);\n          setSelectedIcon(null);\n          onClose();\n        },\n        label: translate('confirm'),\n        iconName: 'plus',\n        disabled: selectedIcon === null,\n        color: COLORS.cm_primary_blue\n      }\n    };\n  }, [handleCancel, onConfirm, onClose, translate, selectedIcon]);\n\n  if (!isOpen) return null;\n\n  return (\n    <BaseModal\n      title={translate('icon_picker_title')}\n      description={translate('icon_picker_description')}\n      isOpen={isOpen}\n      onClose={handleClose}\n      onScroll={handleScroll}\n      footer={footer}\n      headerIcon={{\n        name: 'arrows-rotate',\n        backgroundColor: '#D6E6FF'\n      }}\n    >\n      <div className={style.iconPicker}>\n        {\n          <>\n            <div className={style.searchWrapper}>\n              <SearchForm\n                search={{\n                  placeholder: translate('search_place_holder'),\n                  value: searchValue,\n                  onChange: handleSearch\n                }}\n                onReset={handleReset}\n                dataTestId=\"search-input\"\n              />\n            </div>\n            {searchValue && size(searchResults) === 0 ? (\n              <div className={style.emptySearchResultContainer}>\n                <div className={style.emptySearchResultTitle}>\n                  {translate('empty_search_result_title', {searchValue})}\n                </div>\n                <div className={style.emptySearchResultDescription}>\n                  {translate('empty_search_result_description')}\n                </div>\n                <div className={style.emptySearchResultClearSearch} onClick={handleReset}>\n                  {translate('empty_search_result_clear_search')}\n                </div>\n              </div>\n            ) : (\n              <div className={style.iconsListWrapper}>{icons}</div>\n            )}\n          </>\n        }\n      </div>\n    </BaseModal>\n  );\n};\n\nIconPickerModal.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nIconPickerModal.propTypes = {\n  isOpen: PropTypes.bool,\n  onCancel: PropTypes.func,\n  onConfirm: PropTypes.func,\n  onClose: PropTypes.func\n};\n\nexport default IconPickerModal;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useMemo","useState","useCallback","useEffect","PropTypes","fas","BaseModal","SelectIcon","Provider","SearchForm","COLORS","style","useIconSearch","ICONS_PER_LOAD","IconPickerModal","props","context","isOpen","onCancel","onConfirm","onClose","translate","selectedIcon","setSelectedIcon","displayedIcons","setDisplayedIcons","currentIndex","setCurrentIndex","allIcons","searchValue","searchResults","handleSearch","handleReset","handleCancel","handleClose","handleIconClick","iconName","prevSelectedIcon","loadMoreIcons","nextIndex","newIcons","prevIcons","handleScroll","event","scrollTop","clientHeight","scrollHeight","currentTarget","icons","index","isSelected","footer","cancelButton","label","confirmButton","disabled","color","cm_primary_blue","name","backgroundColor","iconPicker","searchWrapper","placeholder","value","onChange","emptySearchResultContainer","emptySearchResultTitle","emptySearchResultDescription","emptySearchResultClearSearch","iconsListWrapper","contextTypes","childContextTypes","propTypes","bool","func"],"sources":["../../../src/molecule/icon-picker-modal/index.js"],"sourcesContent":["import React, {useMemo, useState, useCallback, useEffect} from 'react';\nimport PropTypes from 'prop-types';\nimport {fas} from '@fortawesome/pro-solid-svg-icons';\nimport {entries, map, pipe, get, values, slice, size, uniq} from 'lodash/fp';\nimport BaseModal from '../base-modal';\nimport SelectIcon from '../../atom/select-icon';\nimport Provider from '../../atom/provider';\nimport SearchForm from '../search-form';\nimport {COLORS} from '../../variables/colors';\nimport style from './style.css';\nimport useIconSearch from './use-icon-search';\n\nconst ICONS_PER_LOAD = 48;\n\nconst IconPickerModal = (props, context) => {\n  const {isOpen, onCancel, onConfirm, onClose} = props;\n  const {translate} = context;\n\n  const [selectedIcon, setSelectedIcon] = useState(null);\n  const [displayedIcons, setDisplayedIcons] = useState([]);\n  const [currentIndex, setCurrentIndex] = useState(0);\n\n  const allIcons = useMemo(() => pipe(values, map(get('iconName')), uniq)(fas), []);\n  const {searchValue, searchResults, handleSearch, handleReset} = useIconSearch(allIcons);\n\n  const handleCancel = useCallback(() => {\n    onCancel();\n  }, [onCancel]);\n\n  const handleClose = useCallback(() => {\n    onClose();\n  }, [onClose]);\n\n  const handleIconClick = useCallback(\n    iconName => () => {\n      setSelectedIcon(prevSelectedIcon => (prevSelectedIcon === iconName ? null : iconName));\n    },\n    []\n  );\n\n  const loadMoreIcons = useCallback(() => {\n    const nextIndex = currentIndex + ICONS_PER_LOAD;\n    const newIcons = slice(currentIndex, nextIndex, searchResults);\n    setDisplayedIcons(prevIcons => [...prevIcons, ...newIcons]);\n    setCurrentIndex(nextIndex);\n  }, [currentIndex, searchResults]);\n\n  useEffect(() => {\n    setDisplayedIcons(() => slice(0, ICONS_PER_LOAD, searchResults));\n    setCurrentIndex(ICONS_PER_LOAD);\n  }, [searchResults]);\n\n  const handleScroll = useCallback(\n    event => {\n      const {scrollTop, clientHeight, scrollHeight} = event.currentTarget;\n      if (scrollHeight - scrollTop <= clientHeight + 1) {\n        loadMoreIcons();\n      }\n    },\n    [loadMoreIcons]\n  );\n\n  const icons = useMemo(\n    () =>\n      pipe(\n        entries,\n        map(([index, iconName]) => (\n          <SelectIcon\n            key={`icon-${index}`}\n            size=\"responsive\"\n            data-name={`icon-${index}`}\n            aria-label={iconName}\n            faIcon={iconName}\n            onClick={handleIconClick(iconName)}\n            options={{isSelected: selectedIcon === iconName}}\n          />\n        ))\n      )(displayedIcons),\n    [displayedIcons, selectedIcon, handleIconClick]\n  );\n\n  const footer = useMemo(() => {\n    return {\n      cancelButton: {\n        onCancel: handleCancel,\n        label: translate('cancel')\n      },\n      confirmButton: {\n        onConfirm: () => {\n          onConfirm(selectedIcon);\n          setSelectedIcon(null);\n          onClose();\n        },\n        label: translate('confirm'),\n        iconName: 'plus',\n        disabled: selectedIcon === null,\n        color: COLORS.cm_primary_blue\n      }\n    };\n  }, [handleCancel, onConfirm, onClose, translate, selectedIcon]);\n\n  if (!isOpen) return null;\n\n  return (\n    <BaseModal\n      title={translate('icon_picker_title')}\n      description={translate('icon_picker_description')}\n      isOpen={isOpen}\n      onClose={handleClose}\n      onScroll={handleScroll}\n      footer={footer}\n      headerIcon={{\n        name: 'arrows-rotate',\n        backgroundColor: '#D6E6FF'\n      }}\n    >\n      <div className={style.iconPicker}>\n        {\n          <>\n            <div className={style.searchWrapper}>\n              <SearchForm\n                search={{\n                  placeholder: translate('search_place_holder'),\n                  value: searchValue,\n                  onChange: handleSearch\n                }}\n                onReset={handleReset}\n                dataTestId=\"search-input\"\n              />\n            </div>\n            {searchValue && size(searchResults) === 0 ? (\n              <div className={style.emptySearchResultContainer}>\n                <div className={style.emptySearchResultTitle}>\n                  {translate('empty_search_result_title', {searchValue})}\n                </div>\n                <div className={style.emptySearchResultDescription}>\n                  {translate('empty_search_result_description')}\n                </div>\n                <div className={style.emptySearchResultClearSearch} onClick={handleReset}>\n                  {translate('empty_search_result_clear_search')}\n                </div>\n              </div>\n            ) : (\n              <div className={style.iconsListWrapper}>{icons}</div>\n            )}\n          </>\n        }\n      </div>\n    </BaseModal>\n  );\n};\n\nIconPickerModal.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nIconPickerModal.propTypes = {\n  isOpen: PropTypes.bool,\n  onCancel: PropTypes.func,\n  onConfirm: PropTypes.func,\n  onClose: PropTypes.func\n};\n\nexport default IconPickerModal;\n"],"mappings":"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"}

package/es/molecule/icon-picker-modal/use-icon-search.js

@@ -7,6 +7,7 @@ import { useState, useCallback, useMemo } from 'react';
 export const filterIcons = (query, allIcons) => {
   return query ? _filter(_pipe(_toLower, _includes(_toLower(query))), allIcons) : allIcons;
 };
+
 const useIconSearch = allIcons => {
   const [searchValue, setSearchValue] = useState('');
   const [searchResults, setSearchResults] = useState(allIcons);
@@ -30,5 +31,6 @@ const useIconSearch = allIcons => {
     handleReset
   };
 };
+
 export default useIconSearch;
 //# sourceMappingURL=use-icon-search.js.map

package/es/molecule/icon-picker-modal/use-icon-search.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-icon-search.js","names":["useState","useCallback","useMemo","filterIcons","query","allIcons","_filter","_pipe","_toLower","_includes","useIconSearch","searchValue","setSearchValue","searchResults","setSearchResults","updateSearchResults","results","debouncedSearch","_debounce","handleSearch","value","handleReset"],"sources":["../../../src/molecule/icon-picker-modal/use-icon-search.js"],"sourcesContent":["import {useState, useCallback, useMemo} from 'react';\nimport {debounce, filter, pipe, includes, toLower} from 'lodash/fp';\n\nexport const filterIcons = (query, allIcons) => {\n  return query ? filter(pipe(toLower, includes(toLower(query))), allIcons) : allIcons;\n};\nconst useIconSearch = allIcons => {\n  const [searchValue, setSearchValue] = useState('');\n  const [searchResults, setSearchResults] = useState(allIcons);\n\n  const updateSearchResults = useCallback(\n    query => {\n      const results = filterIcons(query, allIcons);\n      setSearchResults(results);\n    },\n    [allIcons]\n  );\n\n  const debouncedSearch = useMemo(() => debounce(300, updateSearchResults), [updateSearchResults]);\n\n  const handleSearch = useCallback(\n    value => {\n      setSearchValue(value);\n      debouncedSearch(value);\n    },\n    [debouncedSearch]\n  );\n\n  const handleReset = useCallback(() => {\n    setSearchValue('');\n    updateSearchResults('');\n  }, [updateSearchResults]);\n\n  return {\n    searchValue,\n    searchResults,\n    handleSearch,\n    handleReset\n  };\n};\n\nexport default useIconSearch;\n"],"mappings":";;;;;AAAA,SAAQA,QAAQ,EAAEC,WAAW,EAAEC,OAAO,QAAO,OAAO;AAGpD,OAAO,MAAMC,WAAW,GAAGA,CAACC,KAAK,EAAEC,QAAQ,KAAK;EAC9C,OAAOD,KAAK,GAAGE,OAAA,CAAOC,KAAA,CAAAC,QAAA,EAAcC,SAAA,CAASD,QAAA,CAAQJ,KAAK,CAAC,CAAC,CAAC,EAAEC,QAAQ,CAAC,GAAGA,QAAQ;AACrF,CAAC;AACD,MAAMK,aAAa,GAAGL,QAAQ,IAAI;EAChC,MAAM,CAACM,WAAW,EAAEC,cAAc,CAAC,GAAGZ,QAAQ,CAAC,EAAE,CAAC;EAClD,MAAM,CAACa,aAAa,EAAEC,gBAAgB,CAAC,GAAGd,QAAQ,CAACK,QAAQ,CAAC;EAE5D,MAAMU,mBAAmB,GAAGd,WAAW,CACrCG,KAAK,IAAI;IACP,MAAMY,OAAO,GAAGb,WAAW,CAACC,KAAK,EAAEC,QAAQ,CAAC;IAC5CS,gBAAgB,CAACE,OAAO,CAAC;EAC3B,CAAC,EACD,CAACX,QAAQ,CACX,CAAC;EAED,MAAMY,eAAe,GAAGf,OAAO,CAAC,MAAMgB,SAAA,CAAS,GAAG,EAAEH,mBAAmB,CAAC,EAAE,CAACA,mBAAmB,CAAC,CAAC;EAEhG,MAAMI,YAAY,GAAGlB,WAAW,CAC9BmB,KAAK,IAAI;IACPR,cAAc,CAACQ,KAAK,CAAC;IACrBH,eAAe,CAACG,KAAK,CAAC;EACxB,CAAC,EACD,CAACH,eAAe,CAClB,CAAC;EAED,MAAMI,WAAW,GAAGpB,WAAW,CAAC,MAAM;IACpCW,cAAc,CAAC,EAAE,CAAC;IAClBG,mBAAmB,CAAC,EAAE,CAAC;EACzB,CAAC,EAAE,CAACA,mBAAmB,CAAC,CAAC;EAEzB,OAAO;IACLJ,WAAW;IACXE,aAAa;IACbM,YAAY;IACZE;EACF,CAAC;AACH,CAAC;AAED,eAAeX,aAAa","ignoreList":[]}
+{"version":3,"file":"use-icon-search.js","names":["useState","useCallback","useMemo","filterIcons","query","allIcons","useIconSearch","searchValue","setSearchValue","searchResults","setSearchResults","updateSearchResults","results","debouncedSearch","handleSearch","value","handleReset"],"sources":["../../../src/molecule/icon-picker-modal/use-icon-search.js"],"sourcesContent":["import {useState, useCallback, useMemo} from 'react';\nimport {debounce, filter, pipe, includes, toLower} from 'lodash/fp';\n\nexport const filterIcons = (query, allIcons) => {\n  return query ? filter(pipe(toLower, includes(toLower(query))), allIcons) : allIcons;\n};\nconst useIconSearch = allIcons => {\n  const [searchValue, setSearchValue] = useState('');\n  const [searchResults, setSearchResults] = useState(allIcons);\n\n  const updateSearchResults = useCallback(\n    query => {\n      const results = filterIcons(query, allIcons);\n      setSearchResults(results);\n    },\n    [allIcons]\n  );\n\n  const debouncedSearch = useMemo(() => debounce(300, updateSearchResults), [updateSearchResults]);\n\n  const handleSearch = useCallback(\n    value => {\n      setSearchValue(value);\n      debouncedSearch(value);\n    },\n    [debouncedSearch]\n  );\n\n  const handleReset = useCallback(() => {\n    setSearchValue('');\n    updateSearchResults('');\n  }, [updateSearchResults]);\n\n  return {\n    searchValue,\n    searchResults,\n    handleSearch,\n    handleReset\n  };\n};\n\nexport default useIconSearch;\n"],"mappings":";;;;;AAAA,SAAQA,QAAR,EAAkBC,WAAlB,EAA+BC,OAA/B,QAA6C,OAA7C;AAGA,OAAO,MAAMC,WAAW,GAAG,CAACC,KAAD,EAAQC,QAAR,KAAqB;EAC9C,OAAOD,KAAK,GAAG,QAAO,gBAAc,UAAS,SAAQA,KAAR,CAAT,CAAd,CAAP,EAAgDC,QAAhD,CAAH,GAA+DA,QAA3E;AACD,CAFM;;AAGP,MAAMC,aAAa,GAAGD,QAAQ,IAAI;EAChC,MAAM,CAACE,WAAD,EAAcC,cAAd,IAAgCR,QAAQ,CAAC,EAAD,CAA9C;EACA,MAAM,CAACS,aAAD,EAAgBC,gBAAhB,IAAoCV,QAAQ,CAACK,QAAD,CAAlD;EAEA,MAAMM,mBAAmB,GAAGV,WAAW,CACrCG,KAAK,IAAI;IACP,MAAMQ,OAAO,GAAGT,WAAW,CAACC,KAAD,EAAQC,QAAR,CAA3B;IACAK,gBAAgB,CAACE,OAAD,CAAhB;EACD,CAJoC,EAKrC,CAACP,QAAD,CALqC,CAAvC;EAQA,MAAMQ,eAAe,GAAGX,OAAO,CAAC,MAAM,UAAS,GAAT,EAAcS,mBAAd,CAAP,EAA2C,CAACA,mBAAD,CAA3C,CAA/B;EAEA,MAAMG,YAAY,GAAGb,WAAW,CAC9Bc,KAAK,IAAI;IACPP,cAAc,CAACO,KAAD,CAAd;IACAF,eAAe,CAACE,KAAD,CAAf;EACD,CAJ6B,EAK9B,CAACF,eAAD,CAL8B,CAAhC;EAQA,MAAMG,WAAW,GAAGf,WAAW,CAAC,MAAM;IACpCO,cAAc,CAAC,EAAD,CAAd;IACAG,mBAAmB,CAAC,EAAD,CAAnB;EACD,CAH8B,EAG5B,CAACA,mBAAD,CAH4B,CAA/B;EAKA,OAAO;IACLJ,WADK;IAELE,aAFK;IAGLK,YAHK;IAILE;EAJK,CAAP;AAMD,CAjCD;;AAmCA,eAAeV,aAAf"}

package/es/molecule/input-text-with-titled-checkbox/index.js

@@ -3,6 +3,7 @@ import PropTypes from 'prop-types';
 import InputText from '../../atom/input-text';
 import CheckboxWithTitle from '../../atom/checkbox-with-title';
 import style from './style.css';
+
 const InputTextWithTiteledCheckbox = props => {
   const {
     title,
@@ -40,6 +41,7 @@ const InputTextWithTiteledCheckbox = props => {
     "aria-label": ariaLabel.input
   })));
 };
+
 InputTextWithTiteledCheckbox.propTypes = process.env.NODE_ENV !== "production" ? {
   title: PropTypes.string,
   name: PropTypes.string,

package/es/molecule/input-text-with-titled-checkbox/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","InputText","CheckboxWithTitle","style","InputTextWithTiteledCheckbox","props","title","name","checked","checkBoxOnChange","ariaLabel","inputTextTitle","inputTextValue","inputTextPlaceholder","inputTextDescription","inputTextDisabled","inputTextModified","inputTextOnChange","createElement","onChange","checkbox","className","inputText","value","placeholder","theme","description","disabled","modified","input","propTypes","process","env","NODE_ENV","string","bool","func","shape"],"sources":["../../../src/molecule/input-text-with-titled-checkbox/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport InputText from '../../atom/input-text';\nimport CheckboxWithTitle from '../../atom/checkbox-with-title';\nimport style from './style.css';\n\nconst InputTextWithTiteledCheckbox = props => {\n  const {\n    title,\n    name,\n    checked,\n    checkBoxOnChange,\n    'aria-label': ariaLabel,\n    inputTextTitle,\n    inputTextValue,\n    inputTextPlaceholder,\n    inputTextDescription,\n    inputTextDisabled,\n    inputTextModified,\n    inputTextOnChange\n  } = props;\n\n  return (\n    <div>\n      <CheckboxWithTitle\n        title={title}\n        name={name}\n        checked={checked}\n        onChange={checkBoxOnChange}\n        data-name=\"check-box\"\n        aria-label={ariaLabel.checkbox}\n      />\n      <div className={style.inputText}>\n        <InputText\n          title={inputTextTitle}\n          value={inputTextValue}\n          placeholder={inputTextPlaceholder}\n          theme=\"coorpmanager\"\n          description={inputTextDescription}\n          disabled={inputTextDisabled}\n          modified={inputTextModified}\n          onChange={inputTextOnChange}\n          data-name=\"input-text\"\n          aria-label={ariaLabel.input}\n        />\n      </div>\n    </div>\n  );\n};\n\nInputTextWithTiteledCheckbox.propTypes = {\n  title: PropTypes.string,\n  name: PropTypes.string,\n  checked: PropTypes.bool,\n  checkBoxOnChange: PropTypes.func,\n  'aria-label': PropTypes.shape({\n    input: PropTypes.string,\n    checkbox: PropTypes.string\n  }),\n  inputTextTitle: PropTypes.string,\n  inputTextValue: PropTypes.string,\n  inputTextPlaceholder: PropTypes.string,\n  inputTextDescription: PropTypes.string,\n  inputTextDisabled: PropTypes.bool,\n  inputTextModified: PropTypes.bool,\n  inputTextOnChange: PropTypes.func\n};\nexport default InputTextWithTiteledCheckbox;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,SAAS,MAAM,uBAAuB;AAC7C,OAAOC,iBAAiB,MAAM,gCAAgC;AAC9D,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,4BAA4B,GAAGC,KAAK,IAAI;EAC5C,MAAM;IACJC,KAAK;IACLC,IAAI;IACJC,OAAO;IACPC,gBAAgB;IAChB,YAAY,EAAEC,SAAS;IACvBC,cAAc;IACdC,cAAc;IACdC,oBAAoB;IACpBC,oBAAoB;IACpBC,iBAAiB;IACjBC,iBAAiB;IACjBC;EACF,CAAC,GAAGZ,KAAK;EAET,oBACEN,KAAA,CAAAmB,aAAA,2BACEnB,KAAA,CAAAmB,aAAA,CAAChB,iBAAiB;IAChBI,KAAK,EAAEA,KAAM;IACbC,IAAI,EAAEA,IAAK;IACXC,OAAO,EAAEA,OAAQ;IACjBW,QAAQ,EAAEV,gBAAiB;IAC3B,aAAU,WAAW;IACrB,cAAYC,SAAS,CAACU;EAAS,CAChC,CAAC,eACFrB,KAAA,CAAAmB,aAAA;IAAKG,SAAS,EAAElB,KAAK,CAACmB;EAAU,gBAC9BvB,KAAA,CAAAmB,aAAA,CAACjB,SAAS;IACRK,KAAK,EAAEK,cAAe;IACtBY,KAAK,EAAEX,cAAe;IACtBY,WAAW,EAAEX,oBAAqB;IAClCY,KAAK,EAAC,cAAc;IACpBC,WAAW,EAAEZ,oBAAqB;IAClCa,QAAQ,EAAEZ,iBAAkB;IAC5Ba,QAAQ,EAAEZ,iBAAkB;IAC5BG,QAAQ,EAAEF,iBAAkB;IAC5B,aAAU,YAAY;IACtB,cAAYP,SAAS,CAACmB;EAAM,CAC7B,CACE,CACF,CAAC;AAEV,CAAC;AAEDzB,4BAA4B,CAAC0B,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACvC3B,KAAK,EAAEN,SAAS,CAACkC,MAAM;EACvB3B,IAAI,EAAEP,SAAS,CAACkC,MAAM;EACtB1B,OAAO,EAAER,SAAS,CAACmC,IAAI;EACvB1B,gBAAgB,EAAET,SAAS,CAACoC,IAAI;EAChC,YAAY,EAAEpC,SAAS,CAACqC,KAAK,CAAC;IAC5BR,KAAK,EAAE7B,SAAS,CAACkC,MAAM;IACvBd,QAAQ,EAAEpB,SAAS,CAACkC;EACtB,CAAC,CAAC;EACFvB,cAAc,EAAEX,SAAS,CAACkC,MAAM;EAChCtB,cAAc,EAAEZ,SAAS,CAACkC,MAAM;EAChCrB,oBAAoB,EAAEb,SAAS,CAACkC,MAAM;EACtCpB,oBAAoB,EAAEd,SAAS,CAACkC,MAAM;EACtCnB,iBAAiB,EAAEf,SAAS,CAACmC,IAAI;EACjCnB,iBAAiB,EAAEhB,SAAS,CAACmC,IAAI;EACjClB,iBAAiB,EAAEjB,SAAS,CAACoC;AAC/B,CAAC;AACD,eAAehC,4BAA4B","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","PropTypes","InputText","CheckboxWithTitle","style","InputTextWithTiteledCheckbox","props","title","name","checked","checkBoxOnChange","ariaLabel","inputTextTitle","inputTextValue","inputTextPlaceholder","inputTextDescription","inputTextDisabled","inputTextModified","inputTextOnChange","checkbox","inputText","input","propTypes","string","bool","func","shape"],"sources":["../../../src/molecule/input-text-with-titled-checkbox/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport InputText from '../../atom/input-text';\nimport CheckboxWithTitle from '../../atom/checkbox-with-title';\nimport style from './style.css';\n\nconst InputTextWithTiteledCheckbox = props => {\n  const {\n    title,\n    name,\n    checked,\n    checkBoxOnChange,\n    'aria-label': ariaLabel,\n    inputTextTitle,\n    inputTextValue,\n    inputTextPlaceholder,\n    inputTextDescription,\n    inputTextDisabled,\n    inputTextModified,\n    inputTextOnChange\n  } = props;\n\n  return (\n    <div>\n      <CheckboxWithTitle\n        title={title}\n        name={name}\n        checked={checked}\n        onChange={checkBoxOnChange}\n        data-name=\"check-box\"\n        aria-label={ariaLabel.checkbox}\n      />\n      <div className={style.inputText}>\n        <InputText\n          title={inputTextTitle}\n          value={inputTextValue}\n          placeholder={inputTextPlaceholder}\n          theme=\"coorpmanager\"\n          description={inputTextDescription}\n          disabled={inputTextDisabled}\n          modified={inputTextModified}\n          onChange={inputTextOnChange}\n          data-name=\"input-text\"\n          aria-label={ariaLabel.input}\n        />\n      </div>\n    </div>\n  );\n};\n\nInputTextWithTiteledCheckbox.propTypes = {\n  title: PropTypes.string,\n  name: PropTypes.string,\n  checked: PropTypes.bool,\n  checkBoxOnChange: PropTypes.func,\n  'aria-label': PropTypes.shape({\n    input: PropTypes.string,\n    checkbox: PropTypes.string\n  }),\n  inputTextTitle: PropTypes.string,\n  inputTextValue: PropTypes.string,\n  inputTextPlaceholder: PropTypes.string,\n  inputTextDescription: PropTypes.string,\n  inputTextDisabled: PropTypes.bool,\n  inputTextModified: PropTypes.bool,\n  inputTextOnChange: PropTypes.func\n};\nexport default InputTextWithTiteledCheckbox;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,SAAP,MAAsB,uBAAtB;AACA,OAAOC,iBAAP,MAA8B,gCAA9B;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,4BAA4B,GAAGC,KAAK,IAAI;EAC5C,MAAM;IACJC,KADI;IAEJC,IAFI;IAGJC,OAHI;IAIJC,gBAJI;IAKJ,cAAcC,SALV;IAMJC,cANI;IAOJC,cAPI;IAQJC,oBARI;IASJC,oBATI;IAUJC,iBAVI;IAWJC,iBAXI;IAYJC;EAZI,IAaFZ,KAbJ;EAeA,oBACE,8CACE,oBAAC,iBAAD;IACE,KAAK,EAAEC,KADT;IAEE,IAAI,EAAEC,IAFR;IAGE,OAAO,EAAEC,OAHX;IAIE,QAAQ,EAAEC,gBAJZ;IAKE,aAAU,WALZ;IAME,cAAYC,SAAS,CAACQ;EANxB,EADF,eASE;IAAK,SAAS,EAAEf,KAAK,CAACgB;EAAtB,gBACE,oBAAC,SAAD;IACE,KAAK,EAAER,cADT;IAEE,KAAK,EAAEC,cAFT;IAGE,WAAW,EAAEC,oBAHf;IAIE,KAAK,EAAC,cAJR;IAKE,WAAW,EAAEC,oBALf;IAME,QAAQ,EAAEC,iBANZ;IAOE,QAAQ,EAAEC,iBAPZ;IAQE,QAAQ,EAAEC,iBARZ;IASE,aAAU,YATZ;IAUE,cAAYP,SAAS,CAACU;EAVxB,EADF,CATF,CADF;AA0BD,CA1CD;;AA4CAhB,4BAA4B,CAACiB,SAA7B,2CAAyC;EACvCf,KAAK,EAAEN,SAAS,CAACsB,MADsB;EAEvCf,IAAI,EAAEP,SAAS,CAACsB,MAFuB;EAGvCd,OAAO,EAAER,SAAS,CAACuB,IAHoB;EAIvCd,gBAAgB,EAAET,SAAS,CAACwB,IAJW;EAKvC,cAAcxB,SAAS,CAACyB,KAAV,CAAgB;IAC5BL,KAAK,EAAEpB,SAAS,CAACsB,MADW;IAE5BJ,QAAQ,EAAElB,SAAS,CAACsB;EAFQ,CAAhB,CALyB;EASvCX,cAAc,EAAEX,SAAS,CAACsB,MATa;EAUvCV,cAAc,EAAEZ,SAAS,CAACsB,MAVa;EAWvCT,oBAAoB,EAAEb,SAAS,CAACsB,MAXO;EAYvCR,oBAAoB,EAAEd,SAAS,CAACsB,MAZO;EAavCP,iBAAiB,EAAEf,SAAS,CAACuB,IAbU;EAcvCP,iBAAiB,EAAEhB,SAAS,CAACuB,IAdU;EAevCN,iBAAiB,EAAEjB,SAAS,CAACwB;AAfU,CAAzC;AAiBA,eAAepB,4BAAf"}

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

@@ -9,6 +9,7 @@ import ProgressBar from '../progress-bar';
 import { COLORS } from '../../variables/colors';
 import style from './style.css';
 const MAX_SCORE = 100;
+
 const LearnerSkillCard = (props, context) => {
   const {
     'aria-label': ariaLabel,
@@ -29,7 +30,9 @@ const LearnerSkillCard = (props, context) => {
     skin,
     translate
   } = context;
+
   const primarySkinColor = _get('common.primary', skin);
+
   const reviewLocale = translate('Review');
   const exploreLocale = translate('Explore');
   const questionsLocale = translate('skill_chart_side_panel_questions_to_review');
@@ -117,6 +120,7 @@ const LearnerSkillCard = (props, context) => {
     "data-name": "button-explore-wrapper"
   }, /*#__PURE__*/React.createElement(ButtonLink, buttonExploreProps))));
 };
+
 LearnerSkillCard.contextTypes = {
   skin: Provider.childContextTypes.skin,
   translate: Provider.childContextTypes.translate

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","convert","PropTypes","Icon","ButtonLink","Provider","ProgressBar","COLORS","style","MAX_SCORE","LearnerSkillCard","props","context","ariaLabel","skillTitle","skillAriaLabel","focus","metrics","review","onReviewClick","onExploreClick","score","content","questionsToReview","skin","translate","primarySkinColor","_get","reviewLocale","exploreLocale","questionsLocale","skillFocusLocale","buttonReviewProps","customStyle","backgroundColor","transition","padding","disabled","onClick","label","buttonExploreProps","color","hoverColor","hoverBackgroundColor","icon","position","faIcon","name","size","createElement","className","learnerSkillCardWrapper","skillQuestionsWrapper","skillInformation","skillInformationNumber","skillTitleWrapper","skillFocusBadge","iconName","faSize","wrapperSize","progressInformations","value","displayInfo","max","progressWrapper","positive","progressInformation","progressInformationNumber","ctaWrapper","buttonWrapper","contextTypes","childContextTypes","propTypes","process","env","NODE_ENV","string","bool","shape","number","func"],"sources":["../../../src/molecule/learner-skill-card/index.js"],"sourcesContent":["import React from 'react';\nimport {convert} from 'css-color-function';\nimport {get} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport Icon from '../../atom/icon';\nimport ButtonLink from '../../atom/button-link';\nimport Provider from '../../atom/provider';\nimport ProgressBar from '../progress-bar';\nimport {COLORS} from '../../variables/colors';\nimport style from './style.css';\n\nconst MAX_SCORE = 100;\n\nconst LearnerSkillCard = (props, context) => {\n  const {\n    'aria-label': ariaLabel,\n    skillTitle,\n    skillAriaLabel,\n    focus = false,\n    metrics,\n    review = false,\n    onReviewClick,\n    onExploreClick\n  } = props;\n  const {score, content, questionsToReview = 0} = metrics;\n  const {skin, translate} = context;\n  const primarySkinColor = get('common.primary', skin);\n\n  const reviewLocale = translate('Review');\n  const exploreLocale = translate('Explore');\n  const questionsLocale = translate('skill_chart_side_panel_questions_to_review');\n  const skillFocusLocale = translate('skill_focus');\n\n  const buttonReviewProps = {\n    customStyle: {\n      backgroundColor: '#FFF',\n      transition: 'background-color 0.15s ease-in-out, color 0.15s ease-in-out',\n      padding: '0px'\n    },\n    disabled: !review,\n    onClick: onReviewClick,\n    'aria-label': `${skillTitle}, ${reviewLocale}`,\n    label: reviewLocale,\n    'data-name': 'learner-skill-card-review-button'\n  };\n\n  const buttonExploreProps = {\n    customStyle: {\n      backgroundColor: convert(`color(${primarySkinColor} a(0.07))`),\n      color: primarySkinColor,\n      transition: 'background-color 0.15s ease-in-out, color 0.15s ease-in-out'\n    },\n    hoverColor: '#FFFFFF',\n    hoverBackgroundColor: primarySkinColor,\n    onClick: onExploreClick,\n    'aria-label': `${skillTitle}, ${exploreLocale}`,\n    label: exploreLocale,\n    'data-name': 'learner-skill-card-explore-button',\n    icon: {\n      position: 'left',\n      faIcon: {\n        name: 'compass',\n        backgroundColor: convert(`color(${primarySkinColor} a(0.07))`),\n        color: primarySkinColor,\n        size: 16\n      }\n    }\n  };\n  return (\n    <div\n      className={style.learnerSkillCardWrapper}\n      data-name=\"learner-skill-card-wrapper\"\n      aria-label={ariaLabel}\n    >\n      {questionsToReview ? (\n        <div className={style.skillQuestionsWrapper}>\n          <div className={style.skillInformation} data-name=\"skill-questions\">\n            <span className={style.skillInformationNumber}>{questionsToReview}</span>\n            &nbsp;{questionsLocale}\n          </div>\n        </div>\n      ) : null}\n      <div className={style.skillTitleWrapper}>\n        <div\n          data-name=\"skill-title\"\n          className={style.skillTitle}\n          aria-label={skillAriaLabel || skillTitle}\n        >\n          {skillTitle}\n        </div>\n        {focus ? (\n          <div className={style.skillFocusBadge}>\n            <Icon\n              iconName=\"bullseye-arrow\"\n              backgroundColor=\"#DDD1FF\"\n              size={{\n                faSize: 10,\n                wrapperSize: 16\n              }}\n            />\n            {skillFocusLocale}\n          </div>\n        ) : null}\n      </div>\n      {content ? (\n        <div className={style.progressInformations}>\n          <ProgressBar\n            value={score}\n            displayInfo={false}\n            max={MAX_SCORE}\n            className={style.progressWrapper}\n            style={{backgroundColor: COLORS.positive}}\n          />\n          <div className={style.progressInformation} data-name=\"completed-percentage\">\n            <span className={style.progressInformationNumber}>{score}%</span>\n          </div>\n        </div>\n      ) : null}\n      <div className={style.ctaWrapper} data-name=\"cta-wrapper\">\n        <ButtonLink {...buttonReviewProps} />\n        <div className={style.buttonWrapper} data-name=\"button-explore-wrapper\">\n          <ButtonLink {...buttonExploreProps} />\n        </div>\n      </div>\n    </div>\n  );\n};\n\nLearnerSkillCard.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nLearnerSkillCard.propTypes = {\n  'aria-label': PropTypes.string,\n  skillTitle: PropTypes.string,\n  skillAriaLabel: PropTypes.string,\n  focus: PropTypes.bool,\n  metrics: PropTypes.shape({\n    score: PropTypes.number,\n    content: PropTypes.number,\n    questionsToReview: PropTypes.number\n  }),\n  review: PropTypes.bool,\n  onReviewClick: PropTypes.func,\n  onExploreClick: PropTypes.func\n};\n\nexport default LearnerSkillCard;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","convert","PropTypes","Icon","ButtonLink","Provider","ProgressBar","COLORS","style","MAX_SCORE","LearnerSkillCard","props","context","ariaLabel","skillTitle","skillAriaLabel","focus","metrics","review","onReviewClick","onExploreClick","score","content","questionsToReview","skin","translate","primarySkinColor","reviewLocale","exploreLocale","questionsLocale","skillFocusLocale","buttonReviewProps","customStyle","backgroundColor","transition","padding","disabled","onClick","label","buttonExploreProps","color","hoverColor","hoverBackgroundColor","icon","position","faIcon","name","size","learnerSkillCardWrapper","skillQuestionsWrapper","skillInformation","skillInformationNumber","skillTitleWrapper","skillFocusBadge","faSize","wrapperSize","progressInformations","progressWrapper","positive","progressInformation","progressInformationNumber","ctaWrapper","buttonWrapper","contextTypes","childContextTypes","propTypes","string","bool","shape","number","func"],"sources":["../../../src/molecule/learner-skill-card/index.js"],"sourcesContent":["import React from 'react';\nimport {convert} from 'css-color-function';\nimport {get} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport Icon from '../../atom/icon';\nimport ButtonLink from '../../atom/button-link';\nimport Provider from '../../atom/provider';\nimport ProgressBar from '../progress-bar';\nimport {COLORS} from '../../variables/colors';\nimport style from './style.css';\n\nconst MAX_SCORE = 100;\n\nconst LearnerSkillCard = (props, context) => {\n  const {\n    'aria-label': ariaLabel,\n    skillTitle,\n    skillAriaLabel,\n    focus = false,\n    metrics,\n    review = false,\n    onReviewClick,\n    onExploreClick\n  } = props;\n  const {score, content, questionsToReview = 0} = metrics;\n  const {skin, translate} = context;\n  const primarySkinColor = get('common.primary', skin);\n\n  const reviewLocale = translate('Review');\n  const exploreLocale = translate('Explore');\n  const questionsLocale = translate('skill_chart_side_panel_questions_to_review');\n  const skillFocusLocale = translate('skill_focus');\n\n  const buttonReviewProps = {\n    customStyle: {\n      backgroundColor: '#FFF',\n      transition: 'background-color 0.15s ease-in-out, color 0.15s ease-in-out',\n      padding: '0px'\n    },\n    disabled: !review,\n    onClick: onReviewClick,\n    'aria-label': `${skillTitle}, ${reviewLocale}`,\n    label: reviewLocale,\n    'data-name': 'learner-skill-card-review-button'\n  };\n\n  const buttonExploreProps = {\n    customStyle: {\n      backgroundColor: convert(`color(${primarySkinColor} a(0.07))`),\n      color: primarySkinColor,\n      transition: 'background-color 0.15s ease-in-out, color 0.15s ease-in-out'\n    },\n    hoverColor: '#FFFFFF',\n    hoverBackgroundColor: primarySkinColor,\n    onClick: onExploreClick,\n    'aria-label': `${skillTitle}, ${exploreLocale}`,\n    label: exploreLocale,\n    'data-name': 'learner-skill-card-explore-button',\n    icon: {\n      position: 'left',\n      faIcon: {\n        name: 'compass',\n        backgroundColor: convert(`color(${primarySkinColor} a(0.07))`),\n        color: primarySkinColor,\n        size: 16\n      }\n    }\n  };\n  return (\n    <div\n      className={style.learnerSkillCardWrapper}\n      data-name=\"learner-skill-card-wrapper\"\n      aria-label={ariaLabel}\n    >\n      {questionsToReview ? (\n        <div className={style.skillQuestionsWrapper}>\n          <div className={style.skillInformation} data-name=\"skill-questions\">\n            <span className={style.skillInformationNumber}>{questionsToReview}</span>\n            &nbsp;{questionsLocale}\n          </div>\n        </div>\n      ) : null}\n      <div className={style.skillTitleWrapper}>\n        <div\n          data-name=\"skill-title\"\n          className={style.skillTitle}\n          aria-label={skillAriaLabel || skillTitle}\n        >\n          {skillTitle}\n        </div>\n        {focus ? (\n          <div className={style.skillFocusBadge}>\n            <Icon\n              iconName=\"bullseye-arrow\"\n              backgroundColor=\"#DDD1FF\"\n              size={{\n                faSize: 10,\n                wrapperSize: 16\n              }}\n            />\n            {skillFocusLocale}\n          </div>\n        ) : null}\n      </div>\n      {content ? (\n        <div className={style.progressInformations}>\n          <ProgressBar\n            value={score}\n            displayInfo={false}\n            max={MAX_SCORE}\n            className={style.progressWrapper}\n            style={{backgroundColor: COLORS.positive}}\n          />\n          <div className={style.progressInformation} data-name=\"completed-percentage\">\n            <span className={style.progressInformationNumber}>{score}%</span>\n          </div>\n        </div>\n      ) : null}\n      <div className={style.ctaWrapper} data-name=\"cta-wrapper\">\n        <ButtonLink {...buttonReviewProps} />\n        <div className={style.buttonWrapper} data-name=\"button-explore-wrapper\">\n          <ButtonLink {...buttonExploreProps} />\n        </div>\n      </div>\n    </div>\n  );\n};\n\nLearnerSkillCard.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nLearnerSkillCard.propTypes = {\n  'aria-label': PropTypes.string,\n  skillTitle: PropTypes.string,\n  skillAriaLabel: PropTypes.string,\n  focus: PropTypes.bool,\n  metrics: PropTypes.shape({\n    score: PropTypes.number,\n    content: PropTypes.number,\n    questionsToReview: PropTypes.number\n  }),\n  review: PropTypes.bool,\n  onReviewClick: PropTypes.func,\n  onExploreClick: PropTypes.func\n};\n\nexport default LearnerSkillCard;\n"],"mappings":"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"}

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

@@ -7,6 +7,7 @@ import ButtonLink from '../../atom/button-link';
 import CircularProgressBar from '../../atom/circular-progress-bar';
 import { propTypes } from './types';
 import style from './style.css';
+
 const LearningPriorityCard = (props, context) => {
   const {
     tagLabel,
@@ -17,7 +18,9 @@ const LearningPriorityCard = (props, context) => {
   const translate = GetTranslateFromContext(context);
   const skin = GetSkinFromContext(context);
   const exploreLocale = translate('Explore');
+
   const primarySkinColor = _get('common.primary', skin);
+
   const buttonExploreProps = {
     customStyle: {
       backgroundColor: convert(`color(${primarySkinColor} a(0.07))`),
@@ -62,6 +65,7 @@ const LearningPriorityCard = (props, context) => {
     "data-name": "button-explore-wrapper"
   }, /*#__PURE__*/React.createElement(ButtonLink, buttonExploreProps)));
 };
+
 LearningPriorityCard.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
 LearningPriorityCard.contextTypes = {
   skin: Provider.childContextTypes.skin,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","convert","Provider","GetTranslateFromContext","GetSkinFromContext","Tag","ButtonLink","CircularProgressBar","propTypes","style","LearningPriorityCard","props","context","tagLabel","title","progression","onClick","translate","skin","exploreLocale","primarySkinColor","_get","buttonExploreProps","customStyle","backgroundColor","color","transition","hoverBackgroundColor","hoverColor","label","icon","position","faIcon","name","size","createElement","className","container","circularProgressBarContainer","strokeWidth","process","env","NODE_ENV","contextTypes","childContextTypes"],"sources":["../../../src/molecule/learning-priority-card/index.tsx"],"sourcesContent":["import React from 'react';\nimport {get} from 'lodash/fp';\nimport {convert} from 'css-color-function';\nimport Provider, {GetTranslateFromContext, GetSkinFromContext} from '../../atom/provider';\nimport {WebContextValues} from '../../atom/provider/web-context';\nimport Tag from '../../atom/tag';\nimport ButtonLink from '../../atom/button-link';\nimport CircularProgressBar from '../../atom/circular-progress-bar';\nimport {LearningPriorityCardPropTypes, propTypes} from './types';\nimport style from './style.css';\n\nconst LearningPriorityCard = (props: LearningPriorityCardPropTypes, context: WebContextValues) => {\n  const {tagLabel, title, progression, onClick} = props;\n  const translate = GetTranslateFromContext(context);\n  const skin = GetSkinFromContext(context);\n  const exploreLocale = translate('Explore');\n  const primarySkinColor = get('common.primary', skin);\n\n  const buttonExploreProps = {\n    customStyle: {\n      backgroundColor: convert(`color(${primarySkinColor} a(0.07))`),\n      color: primarySkinColor,\n      transition: 'background-color 0.15s ease-in-out, color 0.15s ease-in-out'\n    },\n    hoverBackgroundColor: primarySkinColor,\n    hoverColor: '#FFFFFF',\n    onClick,\n    'aria-label': `${title}, ${exploreLocale}`,\n    label: exploreLocale,\n    'data-name': 'learning-priority-explore-button',\n    icon: {\n      position: 'left' as const,\n      faIcon: {\n        name: 'compass',\n        backgroundColor: convert(`color(${primarySkinColor} a(0.07))`),\n        color: primarySkinColor,\n        size: 16\n      }\n    }\n  };\n\n  return (\n    <div\n      className={style.container}\n      aria-label={`learning priority card ${title}`}\n      data-name={`learning-priority-card-${title}`}\n    >\n      <div>\n        <Tag label={tagLabel} size={'S'} />\n      </div>\n      <div className={style.title}>{title}</div>\n      <div className={style.circularProgressBarContainer}>\n        <CircularProgressBar\n          {...{\n            size: 162,\n            strokeWidth: 12,\n            progression,\n            label: translate('completed'),\n            'aria-label': `${title} ${progression}%`,\n            'data-name': `circular-progress-bar-${title}`\n          }}\n        />\n      </div>\n      <div data-name=\"button-explore-wrapper\">\n        <ButtonLink {...buttonExploreProps} />\n      </div>\n    </div>\n  );\n};\n\nLearningPriorityCard.propTypes = propTypes;\n\nLearningPriorityCard.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nexport default LearningPriorityCard;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","convert","Provider","GetTranslateFromContext","GetSkinFromContext","Tag","ButtonLink","CircularProgressBar","propTypes","style","LearningPriorityCard","props","context","tagLabel","title","progression","onClick","translate","skin","exploreLocale","primarySkinColor","buttonExploreProps","customStyle","backgroundColor","color","transition","hoverBackgroundColor","hoverColor","label","icon","position","faIcon","name","size","container","circularProgressBarContainer","strokeWidth","contextTypes","childContextTypes"],"sources":["../../../src/molecule/learning-priority-card/index.tsx"],"sourcesContent":["import React from 'react';\nimport {get} from 'lodash/fp';\nimport {convert} from 'css-color-function';\nimport Provider, {GetTranslateFromContext, GetSkinFromContext} from '../../atom/provider';\nimport {WebContextValues} from '../../atom/provider/web-context';\nimport Tag from '../../atom/tag';\nimport ButtonLink from '../../atom/button-link';\nimport CircularProgressBar from '../../atom/circular-progress-bar';\nimport {LearningPriorityCardPropTypes, propTypes} from './types';\nimport style from './style.css';\n\nconst LearningPriorityCard = (props: LearningPriorityCardPropTypes, context: WebContextValues) => {\n  const {tagLabel, title, progression, onClick} = props;\n  const translate = GetTranslateFromContext(context);\n  const skin = GetSkinFromContext(context);\n  const exploreLocale = translate('Explore');\n  const primarySkinColor = get('common.primary', skin);\n\n  const buttonExploreProps = {\n    customStyle: {\n      backgroundColor: convert(`color(${primarySkinColor} a(0.07))`),\n      color: primarySkinColor,\n      transition: 'background-color 0.15s ease-in-out, color 0.15s ease-in-out'\n    },\n    hoverBackgroundColor: primarySkinColor,\n    hoverColor: '#FFFFFF',\n    onClick,\n    'aria-label': `${title}, ${exploreLocale}`,\n    label: exploreLocale,\n    'data-name': 'learning-priority-explore-button',\n    icon: {\n      position: 'left' as const,\n      faIcon: {\n        name: 'compass',\n        backgroundColor: convert(`color(${primarySkinColor} a(0.07))`),\n        color: primarySkinColor,\n        size: 16\n      }\n    }\n  };\n\n  return (\n    <div\n      className={style.container}\n      aria-label={`learning priority card ${title}`}\n      data-name={`learning-priority-card-${title}`}\n    >\n      <div>\n        <Tag label={tagLabel} size={'S'} />\n      </div>\n      <div className={style.title}>{title}</div>\n      <div className={style.circularProgressBarContainer}>\n        <CircularProgressBar\n          {...{\n            size: 162,\n            strokeWidth: 12,\n            progression,\n            label: translate('completed'),\n            'aria-label': `${title} ${progression}%`,\n            'data-name': `circular-progress-bar-${title}`\n          }}\n        />\n      </div>\n      <div data-name=\"button-explore-wrapper\">\n        <ButtonLink {...buttonExploreProps} />\n      </div>\n    </div>\n  );\n};\n\nLearningPriorityCard.propTypes = propTypes;\n\nLearningPriorityCard.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nexport default LearningPriorityCard;\n"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,SAAQC,OAAR,QAAsB,oBAAtB;AACA,OAAOC,QAAP,IAAkBC,uBAAlB,EAA2CC,kBAA3C,QAAoE,qBAApE;AAEA,OAAOC,GAAP,MAAgB,gBAAhB;AACA,OAAOC,UAAP,MAAuB,wBAAvB;AACA,OAAOC,mBAAP,MAAgC,kCAAhC;AACA,SAAuCC,SAAvC,QAAuD,SAAvD;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,oBAAoB,GAAG,CAACC,KAAD,EAAuCC,OAAvC,KAAqE;EAChG,MAAM;IAACC,QAAD;IAAWC,KAAX;IAAkBC,WAAlB;IAA+BC;EAA/B,IAA0CL,KAAhD;EACA,MAAMM,SAAS,GAAGd,uBAAuB,CAACS,OAAD,CAAzC;EACA,MAAMM,IAAI,GAAGd,kBAAkB,CAACQ,OAAD,CAA/B;EACA,MAAMO,aAAa,GAAGF,SAAS,CAAC,SAAD,CAA/B;;EACA,MAAMG,gBAAgB,GAAG,KAAI,gBAAJ,EAAsBF,IAAtB,CAAzB;;EAEA,MAAMG,kBAAkB,GAAG;IACzBC,WAAW,EAAE;MACXC,eAAe,EAAEtB,OAAO,CAAE,SAAQmB,gBAAiB,WAA3B,CADb;MAEXI,KAAK,EAAEJ,gBAFI;MAGXK,UAAU,EAAE;IAHD,CADY;IAMzBC,oBAAoB,EAAEN,gBANG;IAOzBO,UAAU,EAAE,SAPa;IAQzBX,OARyB;IASzB,cAAe,GAAEF,KAAM,KAAIK,aAAc,EAThB;IAUzBS,KAAK,EAAET,aAVkB;IAWzB,aAAa,kCAXY;IAYzBU,IAAI,EAAE;MACJC,QAAQ,EAAE,MADN;MAEJC,MAAM,EAAE;QACNC,IAAI,EAAE,SADA;QAENT,eAAe,EAAEtB,OAAO,CAAE,SAAQmB,gBAAiB,WAA3B,CAFlB;QAGNI,KAAK,EAAEJ,gBAHD;QAINa,IAAI,EAAE;MAJA;IAFJ;EAZmB,CAA3B;EAuBA,oBACE;IACE,SAAS,EAAExB,KAAK,CAACyB,SADnB;IAEE,cAAa,0BAAyBpB,KAAM,EAF9C;IAGE,aAAY,0BAAyBA,KAAM;EAH7C,gBAKE,8CACE,oBAAC,GAAD;IAAK,KAAK,EAAED,QAAZ;IAAsB,IAAI,EAAE;EAA5B,EADF,CALF,eAQE;IAAK,SAAS,EAAEJ,KAAK,CAACK;EAAtB,GAA8BA,KAA9B,CARF,eASE;IAAK,SAAS,EAAEL,KAAK,CAAC0B;EAAtB,gBACE,oBAAC,mBAAD;IAEIF,IAAI,EAAE,GAFV;IAGIG,WAAW,EAAE,EAHjB;IAIIrB,WAJJ;IAKIa,KAAK,EAAEX,SAAS,CAAC,WAAD,CALpB;IAMI,cAAe,GAAEH,KAAM,IAAGC,WAAY,GAN1C;IAOI,aAAc,yBAAwBD,KAAM;EAPhD,EADF,CATF,eAqBE;IAAK,aAAU;EAAf,gBACE,oBAAC,UAAD,EAAgBO,kBAAhB,CADF,CArBF,CADF;AA2BD,CAzDD;;AA2DAX,oBAAoB,CAACF,SAArB,2CAAiCA,SAAjC;AAEAE,oBAAoB,CAAC2B,YAArB,GAAoC;EAClCnB,IAAI,EAAEhB,QAAQ,CAACoC,iBAAT,CAA2BpB,IADC;EAElCD,SAAS,EAAEf,QAAQ,CAACoC,iBAAT,CAA2BrB;AAFJ,CAApC;AAKA,eAAeP,oBAAf"}

package/es/molecule/learning-priority-card/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["PropTypes","propTypes","title","string","tagLabel","oneOf","progression","number","onClick","func"],"sources":["../../../src/molecule/learning-priority-card/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\n\nexport type LearningPriorityCardPropTypes = {\n  title: string;\n  tagLabel: 'Skill' | 'Playlist' | 'Certification';\n  progression: number;\n  onClick: () => void;\n};\n\nexport const propTypes = {\n  title: PropTypes.string,\n  tagLabel: PropTypes.oneOf(['Playlist', 'Certification', 'Skill']),\n  progression: PropTypes.number,\n  onClick: PropTypes.func\n};\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,YAAY;AASlC,OAAO,MAAMC,SAAS,GAAG;EACvBC,KAAK,EAAEF,SAAS,CAACG,MAAM;EACvBC,QAAQ,EAAEJ,SAAS,CAACK,KAAK,CAAC,CAAC,UAAU,EAAE,eAAe,EAAE,OAAO,CAAC,CAAC;EACjEC,WAAW,EAAEN,SAAS,CAACO,MAAM;EAC7BC,OAAO,EAAER,SAAS,CAACS;AACrB,CAAC","ignoreList":[]}
+{"version":3,"file":"types.js","names":["PropTypes","propTypes","title","string","tagLabel","oneOf","progression","number","onClick","func"],"sources":["../../../src/molecule/learning-priority-card/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\n\nexport type LearningPriorityCardPropTypes = {\n  title: string;\n  tagLabel: 'Skill' | 'Playlist' | 'Certification';\n  progression: number;\n  onClick: () => void;\n};\n\nexport const propTypes = {\n  title: PropTypes.string,\n  tagLabel: PropTypes.oneOf(['Playlist', 'Certification', 'Skill']),\n  progression: PropTypes.number,\n  onClick: PropTypes.func\n};\n"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AASA,OAAO,MAAMC,SAAS,GAAG;EACvBC,KAAK,EAAEF,SAAS,CAACG,MADM;EAEvBC,QAAQ,EAAEJ,SAAS,CAACK,KAAV,CAAgB,CAAC,UAAD,EAAa,eAAb,EAA8B,OAA9B,CAAhB,CAFa;EAGvBC,WAAW,EAAEN,SAAS,CAACO,MAHA;EAIvBC,OAAO,EAAER,SAAS,CAACS;AAJI,CAAlB"}

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

@@ -1,6 +1,8 @@
 import _pick from "lodash/fp/pick";
 import _assign from "lodash/fp/assign";
-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 _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); }
+
 import React, { useEffect, useMemo, useState, useCallback } from 'react';
 import PropTypes from 'prop-types';
 import { convert } from 'css-color-function';
@@ -14,6 +16,7 @@ import SearchForm from '../search-form';
 import searchValueIncluded from '../../util/search-value-included';
 import { COLORS } from '../../variables/colors';
 import style from './style.css';
+
 const FilterButton = props => {
   const {
     active,
@@ -42,12 +45,14 @@ const FilterButton = props => {
   };
   return /*#__PURE__*/React.createElement(ButtonLink, buttonProps);
 };
+
 FilterButton.propTypes = process.env.NODE_ENV !== "production" ? {
   active: PropTypes.bool,
   filter: PropTypes.string,
   itemTotal: PropTypes.number,
   onClick: PropTypes.func
 } : {};
+
 const LearningPriorityModal = (props, context) => {
   const {
     priorities,
@@ -148,10 +153,12 @@ const LearningPriorityModal = (props, context) => {
       value,
       count
     } = filter;
+
     function handleChange() {
       setFilterValue(value);
       handleSearchReset();
     }
+
     if (count === 0) return null;
     return /*#__PURE__*/React.createElement("div", {
       key: index,
@@ -173,15 +180,18 @@ const LearningPriorityModal = (props, context) => {
       selected,
       disabled
     } = priority;
+
     function handlePriorityClick() {
       if (selectedPriority === priorityRef) {
         setSelectedPriority('');
         setSelectedPriorityType('');
         return;
       }
+
       setSelectedPriority(priorityRef);
       setSelectedPriorityType(type);
     }
+
     if (filterValue !== 'all' && type !== filterValue || !type || !title) return null;
     return /*#__PURE__*/React.createElement(ListItem, _extends({}, courses !== null ? {
       subtitle: `${courses} ${translate('courses')}`
@@ -200,6 +210,7 @@ const LearningPriorityModal = (props, context) => {
     }));
   })))));
 };
+
 LearningPriorityModal.contextTypes = {
   translate: Provider.childContextTypes.translate
 };
@@ -213,8 +224,7 @@ LearningPriorityModal.propTypes = process.env.NODE_ENV !== "production" ? {
   preselected: PropTypes.arrayOf(PropTypes.string),
   isOpen: PropTypes.bool,
   isLoading: PropTypes.bool,
-  filters: PropTypes.arrayOf(PropTypes.shape({
-    ...SelectOptionPropTypes,
+  filters: PropTypes.arrayOf(PropTypes.shape({ ...SelectOptionPropTypes,
     count: PropTypes.number
   })),
   onCancel: PropTypes.func,

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","COLORS","style","FilterButton","props","active","filter","itemTotal","onClick","primarySkinColor","cm_primary_blue","Content","createElement","className","skillFilterNumber","skillFilterNumberInActive","backgroundColor","color","buttonProps","customStyle","transition","width","content","propTypes","process","env","NODE_ENV","bool","string","number","func","LearningPriorityModal","context","priorities","preselected","isOpen","isLoading","filters","onCancel","onAdd","onClose","translate","selectedPriority","setSelectedPriority","selectedPriorityType","setSelectedPriorityType","searchValue","setSearchValue","filterValue","setFilterValue","searchResults","setSearchResults","handleCancel","handleClose","handleSearch","value","priority","title","handleSearchReset","priorityList","map","isPreSelectedPriority","some","selected","priorityRef","_assign","disabled","_pick","footer","cancelButton","label","confirmButton","onConfirm","iconName","description","LearningPriorityContainer","loaderContainer","loader","theme","Fragment","searchWrapper","search","placeholder","onChange","onReset","filterWrapper","length","index","name","count","handleChange","key","filterButtonWrapper","priorityListWrapper","courses","type","handlePriorityClick","_extends","subtitle","selectedColor","tags","contextTypes","childContextTypes","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 {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":["React","useEffect","useMemo","useState","useCallback","PropTypes","convert","BaseModal","ListItem","ButtonLink","Loader","Provider","SelectOptionPropTypes","SearchForm","searchValueIncluded","COLORS","style","FilterButton","props","active","filter","itemTotal","onClick","primarySkinColor","cm_primary_blue","Content","skillFilterNumber","skillFilterNumberInActive","backgroundColor","color","buttonProps","customStyle","transition","width","content","propTypes","bool","string","number","func","LearningPriorityModal","context","priorities","preselected","isOpen","isLoading","filters","onCancel","onAdd","onClose","translate","selectedPriority","setSelectedPriority","selectedPriorityType","setSelectedPriorityType","searchValue","setSearchValue","filterValue","setFilterValue","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","onChange","filterWrapper","length","index","name","count","handleChange","filterButtonWrapper","priorityListWrapper","courses","type","handlePriorityClick","subtitle","contextTypes","childContextTypes","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 {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/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,kFAyDC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/learning-priority-setup-item/index.js"],"names":[],"mappings":";AAOA,kFA2DC"}

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

@@ -4,6 +4,7 @@ import Provider from '../../atom/provider';
 import Tag from '../../atom/tag';
 import ButtonLink from '../../atom/button-link';
 import style from './style.css';
+
 const LearningPrioritySetupItem = (props, context) => {
   const {
     priorityRef,
@@ -18,16 +19,20 @@ const LearningPrioritySetupItem = (props, context) => {
     translate
   } = context;
   const handleRemovePriority = 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.createElement("div", {
     className: style.container,
     "aria-label": ariaLabel,
@@ -37,7 +42,8 @@ const LearningPrioritySetupItem = (props, context) => {
   }, /*#__PURE__*/React.createElement("div", {
     className: style.titleWrapper
   }, /*#__PURE__*/React.createElement("div", {
-    className: style.title
+    className: style.title,
+    "data-name": "learning-priority-setup-item-title"
   }, title), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Tag, {
     label: handleTypeTranslate(type),
     size: 'S'
@@ -61,6 +67,7 @@ const LearningPrioritySetupItem = (props, context) => {
     onClick: handleRemovePriority
   }));
 };
+
 LearningPrioritySetupItem.contextTypes = {
   translate: Provider.childContextTypes.translate
 };

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","createElement","className","container","containerInfos","titleWrapper","label","size","customStyle","width","backgroundColor","hoverBackgroundColor","icon","position","faIcon","name","color","onClick","contextTypes","childContextTypes","propTypes","process","env","NODE_ENV","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}>{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":["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(\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,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,CACtC,MAAMe,QAAQ,CAACN,WAAD,EAAcI,IAAd,CADwB,EAEtC,CAACJ,WAAD,EAAcI,IAAd,EAAoBE,QAApB,CAFsC,CAAxC;;EAKA,MAAMG,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,KAAtB;IAA6B,aAAU;EAAvC,GACGA,KADH,CADF,eAIE,8CACE,oBAAC,GAAD;IAAK,KAAK,EAAEO,mBAAmB,CAACL,IAAD,CAA/B;IAAuC,IAAI,EAAE;EAA7C,EADF,CAJF,CADF,EASGD,OAAO,KAAK,IAAZ,gBACC;IAAM,SAAS,EAAEP,KAAK,CAACO;EAAvB,GAAkC,GAAEA,OAAQ,IAAGI,SAAS,CAAC,SAAD,CAAY,EAApE,CADD,GAEG,IAXN,CALF,eAkBE,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,EAlBF,CADF;AAsCD,CA3DD;;AA6DAX,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"}