@coorpacademy/components 11.32.52 → 11.33.0

package/es/template/skill-detail/all-courses.js.map

@@ -1 +1 @@
-{"version":3,"file":"all-courses.js","names":["React","useState","useCallback","useMemo","PropTypes","Provider","Select","SelectOptionPropTypes","ButtonLink","SearchForm","CardsGrid","InputSwitch","Banner","style","uncappedMap","convert","cap","FilterButton","props","context","dataName","ariaLabel","selected","label","onClick","skin","primarySkinColor","buttonProps","customStyle","backgroundColor","color","transition","width","contextTypes","childContextTypes","translate","propTypes","string","bool","func","AllCourses","content","filters","sorting","totalContents","bannerMicrolearning","search","oldValue","oldSearchValue","onChange","handleSearch","options","list","loading","type","bannerMessageType","action","bannerAction","oldSwitchValue","showCompleted","setShowCompleted","searchValue","setSearchValue","sortView","undefined","filteredContent","course","progress","debounceHandleSearch","value","onSearchChange","handleSearchReset","handleShowCompletedToggle","prevShowCompleted","continueLearningWrapper","continueLearningTitle","continueLearningNumber","searchAndSortSection","searchWrapper","placeholder","sortSection","sortWrapper","bannerWrapper","filterWrapper","filterProps","index","name","handleFilterChange","filterButtonWrapper","divider","justifyContent","emptySearchResultContainer","emptySearchResultTitle","emptySearchResultDescription","emptySearchResultClearSearch","shape","number","arrayOf","oneOf"],"sources":["../../../src/template/skill-detail/all-courses.js"],"sourcesContent":["import React, {useState, useCallback, useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {get, filter, map, size, isNil, isEmpty, debounce} from 'lodash/fp';\nimport Provider from '../../atom/provider';\nimport Select, {SelectOptionPropTypes} from '../../atom/select';\nimport ButtonLink from '../../atom/button-link';\nimport SearchForm from '../../molecule/search-form';\nimport CardsGrid from '../../organism/cards-grid';\nimport InputSwitch from '../../atom/input-switch';\nimport Banner from '../../molecule/banner';\nimport style from './all-courses.css';\n\nconst uncappedMap = map.convert({cap: false});\n\nconst FilterButton = (props, context) => {\n  const {dataName, ariaLabel, selected, label, onClick} = props;\n  const {skin} = context;\n  const primarySkinColor = get('common.primary', skin);\n\n  const buttonProps = {\n    customStyle: {\n      backgroundColor: selected ? primarySkinColor : '#E1E1E3',\n      color: selected ? '#FFFFFF' : '#515161',\n      transition: 'background-color 0.15s ease-in-out, color 0.15s ease-in-out',\n      width: 'fit-content'\n    },\n    label,\n    onClick,\n    'data-name': dataName,\n    'aria-label': ariaLabel\n  };\n\n  return <ButtonLink {...buttonProps} />;\n};\n\nFilterButton.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nFilterButton.propTypes = {\n  dataName: PropTypes.string,\n  ariaLabel: PropTypes.string,\n  selected: PropTypes.bool,\n  label: PropTypes.string,\n  onClick: PropTypes.func\n};\n\nconst AllCourses = (props, context) => {\n  const {translate} = context;\n  const {\n    content,\n    filters,\n    sorting,\n    totalContents,\n    bannerMicrolearning = {},\n    search: {oldValue: oldSearchValue, onChange: handleSearch}\n  } = props;\n  const {options, onChange} = filters;\n  const {list, loading} = content;\n  const {type: bannerMessageType, action: bannerAction, oldSwitchValue} = bannerMicrolearning;\n  const [showCompleted, setShowCompleted] = useState(true);\n  const [searchValue, setSearchValue] = useState(oldSearchValue || '');\n\n  const sortView =\n    sorting !== undefined ? (\n      <div data-name=\"choice\">\n        <Select {...sorting} aria-label=\"All courses sort\" />\n      </div>\n    ) : null;\n\n  const filteredContent = useMemo(() => {\n    return showCompleted ? list : filter(course => course.progress < 1, list);\n  }, [list, showCompleted]);\n\n  const debounceHandleSearch = useMemo(() => {\n    return debounce(800, value => {\n      handleSearch(value);\n    });\n  }, [handleSearch]);\n\n  const onSearchChange = useCallback(\n    value => {\n      setSearchValue(value);\n      debounceHandleSearch(value);\n    },\n    [debounceHandleSearch]\n  );\n\n  const handleSearchReset = useCallback(\n    value => {\n      setSearchValue('');\n      debounceHandleSearch('');\n    },\n    [debounceHandleSearch]\n  );\n\n  const handleShowCompletedToggle = useCallback(() => {\n    setShowCompleted(prevShowCompleted => !prevShowCompleted);\n  }, []);\n\n  return (\n    <>\n      <div className={style.continueLearningWrapper}>\n        <span className={style.continueLearningTitle}>{translate('all_content')}</span>\n        <span className={style.continueLearningNumber}>\n          {isNil(totalContents) ? size(filteredContent) : totalContents}\n        </span>\n      </div>\n      <div className={style.searchAndSortSection}>\n        <div className={style.searchWrapper}>\n          <SearchForm\n            search={{\n              placeholder: translate('search_place_holder'),\n              value: searchValue,\n              onChange: onSearchChange\n            }}\n            onReset={handleSearchReset}\n            dataTestId=\"all-courses-search-input\"\n          />\n        </div>\n        <div className={style.sortSection}>\n          <InputSwitch\n            id={'show-completed-courses-switch'}\n            type=\"switch\"\n            name={translate('show_completed')}\n            title={translate('show_completed')}\n            aria-label={'Show completed courses aria label'}\n            value={showCompleted}\n            onChange={handleShowCompletedToggle}\n          />\n          {sortView ? (\n            <div className={style.sortWrapper}>\n              {translate('sort_by')}\n              {sortView}\n            </div>\n          ) : null}\n        </div>\n      </div>\n      {!isEmpty(bannerMicrolearning) ? (\n        <div className={style.bannerWrapper}>\n          <Banner\n            type=\"info\"\n            message={\n              bannerMessageType === 'skill'\n                ? translate('banner_microlearning_rule_message_skill')\n                : translate('banner_microlearning_rule_message')\n            }\n            cta={[\n              {\n                type: 'switch',\n                label: translate('banner_microlearning_rule_label'),\n                action: bannerAction,\n                oldSwitchValue\n              }\n            ]}\n          />\n        </div>\n      ) : null}\n      <div className={style.filterWrapper}>\n        {size(options) > 2\n          ? uncappedMap((filterProps, index) => {\n              const {name, value, selected} = filterProps;\n\n              function handleFilterChange() {\n                onChange(value);\n              }\n\n              return (\n                <div key={index} className={style.filterButtonWrapper}>\n                  <FilterButton\n                    dataName={`filter-button-${value}`}\n                    ariaLabel={`Filter by ${name}`}\n                    selected={selected}\n                    label={name}\n                    onClick={handleFilterChange}\n                  />\n                  {value === 'ALL' ? <div className={style.divider} /> : null}\n                </div>\n              );\n            }, options)\n          : null}\n      </div>\n      <div>\n        {size(filteredContent) ? (\n          <CardsGrid\n            list={filteredContent}\n            loading={loading}\n            customStyle={{justifyContent: 'left'}}\n          />\n        ) : (\n          <div className={style.emptySearchResultContainer}>\n            <div className={style.emptySearchResultTitle}>\n              {translate('empty_search_result_title', {searchValue})}\n            </div>\n            <div className={style.emptySearchResultDescription}>\n              {translate('empty_search_result_description')}\n            </div>\n            <div className={style.emptySearchResultClearSearch} onClick={handleSearchReset}>\n              {translate('empty_search_result_clear_search')}\n            </div>\n          </div>\n        )}\n      </div>\n    </>\n  );\n};\n\nAllCourses.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nAllCourses.propTypes = {\n  content: PropTypes.shape(CardsGrid.propTypes),\n  totalContents: PropTypes.number,\n  filters: PropTypes.shape({\n    onChange: PropTypes.func,\n    options: PropTypes.arrayOf(PropTypes.shape(SelectOptionPropTypes))\n  }),\n  sorting: PropTypes.shape(Select.propTypes),\n  bannerMicrolearning: PropTypes.shape({\n    type: PropTypes.oneOf(['skill', 'playlist']),\n    action: PropTypes.func,\n    oldSwitchValue: PropTypes.bool\n  }),\n  search: PropTypes.shape({\n    oldValue: PropTypes.string,\n    onChange: PropTypes.func\n  })\n};\n\nexport default AllCourses;\n"],"mappings":"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"}
+{"version":3,"file":"all-courses.js","names":["React","useState","useCallback","useMemo","PropTypes","Provider","Select","SelectOptionPropTypes","ButtonLink","SearchForm","CardsGrid","InputSwitch","Banner","style","uncappedMap","_map","convert","cap","FilterButton","props","context","dataName","ariaLabel","selected","label","onClick","skin","primarySkinColor","_get","buttonProps","customStyle","backgroundColor","color","transition","width","createElement","contextTypes","childContextTypes","translate","propTypes","process","env","NODE_ENV","string","bool","func","AllCourses","content","filters","sorting","totalContents","bannerMicrolearning","search","oldValue","oldSearchValue","onChange","handleSearch","options","list","loading","type","bannerMessageType","action","bannerAction","oldSwitchValue","showCompleted","setShowCompleted","searchValue","setSearchValue","sortView","undefined","_extends","filteredContent","_filter","course","progress","debounceHandleSearch","_debounce","value","onSearchChange","handleSearchReset","handleShowCompletedToggle","prevShowCompleted","Fragment","className","continueLearningWrapper","continueLearningTitle","continueLearningNumber","_isNil","_size","searchAndSortSection","searchWrapper","placeholder","onReset","dataTestId","sortSection","id","name","title","sortWrapper","_isEmpty","bannerWrapper","message","cta","filterWrapper","filterProps","index","handleFilterChange","key","filterButtonWrapper","divider","justifyContent","emptySearchResultContainer","emptySearchResultTitle","emptySearchResultDescription","emptySearchResultClearSearch","shape","number","arrayOf","oneOf"],"sources":["../../../src/template/skill-detail/all-courses.js"],"sourcesContent":["import React, {useState, useCallback, useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {get, filter, map, size, isNil, isEmpty, debounce} from 'lodash/fp';\nimport Provider from '../../atom/provider';\nimport Select, {SelectOptionPropTypes} from '../../atom/select';\nimport ButtonLink from '../../atom/button-link';\nimport SearchForm from '../../molecule/search-form';\nimport CardsGrid from '../../organism/cards-grid';\nimport InputSwitch from '../../atom/input-switch';\nimport Banner from '../../molecule/banner';\nimport style from './all-courses.css';\n\nconst uncappedMap = map.convert({cap: false});\n\nconst FilterButton = (props, context) => {\n  const {dataName, ariaLabel, selected, label, onClick} = props;\n  const {skin} = context;\n  const primarySkinColor = get('common.primary', skin);\n\n  const buttonProps = {\n    customStyle: {\n      backgroundColor: selected ? primarySkinColor : '#E1E1E3',\n      color: selected ? '#FFFFFF' : '#515161',\n      transition: 'background-color 0.15s ease-in-out, color 0.15s ease-in-out',\n      width: 'fit-content'\n    },\n    label,\n    onClick,\n    'data-name': dataName,\n    'aria-label': ariaLabel\n  };\n\n  return <ButtonLink {...buttonProps} />;\n};\n\nFilterButton.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nFilterButton.propTypes = {\n  dataName: PropTypes.string,\n  ariaLabel: PropTypes.string,\n  selected: PropTypes.bool,\n  label: PropTypes.string,\n  onClick: PropTypes.func\n};\n\nconst AllCourses = (props, context) => {\n  const {translate} = context;\n  const {\n    content,\n    filters,\n    sorting,\n    totalContents,\n    bannerMicrolearning = {},\n    search: {oldValue: oldSearchValue, onChange: handleSearch}\n  } = props;\n  const {options, onChange} = filters;\n  const {list, loading} = content;\n  const {type: bannerMessageType, action: bannerAction, oldSwitchValue} = bannerMicrolearning;\n  const [showCompleted, setShowCompleted] = useState(true);\n  const [searchValue, setSearchValue] = useState(oldSearchValue || '');\n\n  const sortView =\n    sorting !== undefined ? (\n      <div data-name=\"choice\">\n        <Select {...sorting} aria-label=\"All courses sort\" />\n      </div>\n    ) : null;\n\n  const filteredContent = useMemo(() => {\n    return showCompleted ? list : filter(course => course.progress < 1, list);\n  }, [list, showCompleted]);\n\n  const debounceHandleSearch = useMemo(() => {\n    return debounce(800, value => {\n      handleSearch(value);\n    });\n  }, [handleSearch]);\n\n  const onSearchChange = useCallback(\n    value => {\n      setSearchValue(value);\n      debounceHandleSearch(value);\n    },\n    [debounceHandleSearch]\n  );\n\n  const handleSearchReset = useCallback(\n    value => {\n      setSearchValue('');\n      debounceHandleSearch('');\n    },\n    [debounceHandleSearch]\n  );\n\n  const handleShowCompletedToggle = useCallback(() => {\n    setShowCompleted(prevShowCompleted => !prevShowCompleted);\n  }, []);\n\n  return (\n    <>\n      <div className={style.continueLearningWrapper}>\n        <span className={style.continueLearningTitle}>{translate('all_content')}</span>\n        <span className={style.continueLearningNumber}>\n          {isNil(totalContents) ? size(filteredContent) : totalContents}\n        </span>\n      </div>\n      <div className={style.searchAndSortSection}>\n        <div className={style.searchWrapper}>\n          <SearchForm\n            search={{\n              placeholder: translate('search_place_holder'),\n              value: searchValue,\n              onChange: onSearchChange\n            }}\n            onReset={handleSearchReset}\n            dataTestId=\"all-courses-search-input\"\n          />\n        </div>\n        <div className={style.sortSection}>\n          <InputSwitch\n            id={'show-completed-courses-switch'}\n            type=\"switch\"\n            name={translate('show_completed')}\n            title={translate('show_completed')}\n            aria-label={'Show completed courses aria label'}\n            value={showCompleted}\n            onChange={handleShowCompletedToggle}\n          />\n          {sortView ? (\n            <div className={style.sortWrapper}>\n              {translate('sort_by')}\n              {sortView}\n            </div>\n          ) : null}\n        </div>\n      </div>\n      {!isEmpty(bannerMicrolearning) ? (\n        <div className={style.bannerWrapper}>\n          <Banner\n            type=\"info\"\n            message={\n              bannerMessageType === 'skill'\n                ? translate('banner_microlearning_rule_message_skill')\n                : translate('banner_microlearning_rule_message')\n            }\n            cta={[\n              {\n                type: 'switch',\n                label: translate('banner_microlearning_rule_label'),\n                action: bannerAction,\n                oldSwitchValue\n              }\n            ]}\n          />\n        </div>\n      ) : null}\n      <div className={style.filterWrapper}>\n        {size(options) > 2\n          ? uncappedMap((filterProps, index) => {\n              const {name, value, selected} = filterProps;\n\n              function handleFilterChange() {\n                onChange(value);\n              }\n\n              return (\n                <div key={index} className={style.filterButtonWrapper}>\n                  <FilterButton\n                    dataName={`filter-button-${value}`}\n                    ariaLabel={`Filter by ${name}`}\n                    selected={selected}\n                    label={name}\n                    onClick={handleFilterChange}\n                  />\n                  {value === 'ALL' ? <div className={style.divider} /> : null}\n                </div>\n              );\n            }, options)\n          : null}\n      </div>\n      <div>\n        {size(filteredContent) ? (\n          <CardsGrid\n            list={filteredContent}\n            loading={loading}\n            customStyle={{justifyContent: 'left'}}\n          />\n        ) : (\n          <div className={style.emptySearchResultContainer}>\n            <div className={style.emptySearchResultTitle}>\n              {translate('empty_search_result_title', {searchValue})}\n            </div>\n            <div className={style.emptySearchResultDescription}>\n              {translate('empty_search_result_description')}\n            </div>\n            <div className={style.emptySearchResultClearSearch} onClick={handleSearchReset}>\n              {translate('empty_search_result_clear_search')}\n            </div>\n          </div>\n        )}\n      </div>\n    </>\n  );\n};\n\nAllCourses.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nAllCourses.propTypes = {\n  content: PropTypes.shape(CardsGrid.propTypes),\n  totalContents: PropTypes.number,\n  filters: PropTypes.shape({\n    onChange: PropTypes.func,\n    options: PropTypes.arrayOf(PropTypes.shape(SelectOptionPropTypes))\n  }),\n  sorting: PropTypes.shape(Select.propTypes),\n  bannerMicrolearning: PropTypes.shape({\n    type: PropTypes.oneOf(['skill', 'playlist']),\n    action: PropTypes.func,\n    oldSwitchValue: PropTypes.bool\n  }),\n  search: PropTypes.shape({\n    oldValue: PropTypes.string,\n    onChange: PropTypes.func\n  })\n};\n\nexport default AllCourses;\n"],"mappings":"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","ignoreList":[]}

package/es/template/skill-detail/continue-learning.js

@@ -6,7 +6,6 @@ import Provider from '../../atom/provider';
 import CardsGrid from '../../organism/cards-grid';
 import CardsList from '../../molecule/dashboard/cards-list';
 import style from './continue-learning.css';
-
 const ContinueLearning = (props, context) => {
   const {
     ongoingCourses
@@ -19,21 +18,19 @@ const ContinueLearning = (props, context) => {
   }, translate('continue_learning')), /*#__PURE__*/React.createElement("span", {
     className: style.continueLearningNumber
   }, ongoingCourses.list.length)), [ongoingCourses, translate]);
-
   if (ongoingCourses.list.length === 0) {
     return null;
   }
-
   return /*#__PURE__*/React.createElement(CardsList, {
     cards: _sortBy(course => -_getOr(0, ['progress'], course), ongoingCourses.list),
-    title: /*#__PURE__*/React.createElement(Title, null) // to override CardList wrapper padding
+    title: /*#__PURE__*/React.createElement(Title, null)
+    // to override CardList wrapper padding
     ,
     customStyle: {
       padding: '0px'
     }
   });
 };
-
 ContinueLearning.contextTypes = {
   skin: Provider.childContextTypes.skin,
   translate: Provider.childContextTypes.translate

package/es/template/skill-detail/continue-learning.js.map

@@ -1 +1 @@
-{"version":3,"file":"continue-learning.js","names":["React","useCallback","PropTypes","Provider","CardsGrid","CardsList","style","ContinueLearning","props","context","ongoingCourses","translate","Title","continueLearningTitle","continueLearningNumber","list","length","course","padding","contextTypes","skin","childContextTypes","propTypes","shape"],"sources":["../../../src/template/skill-detail/continue-learning.js"],"sourcesContent":["import React, {useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport {getOr, sortBy} from 'lodash/fp';\nimport Provider from '../../atom/provider';\nimport CardsGrid from '../../organism/cards-grid';\nimport CardsList from '../../molecule/dashboard/cards-list';\nimport style from './continue-learning.css';\n\nconst ContinueLearning = (props, context) => {\n  const {ongoingCourses} = props;\n  const {translate} = context;\n\n  const Title = useCallback(\n    () => (\n      <>\n        <span className={style.continueLearningTitle}>{translate('continue_learning')}</span>\n        <span className={style.continueLearningNumber}>{ongoingCourses.list.length}</span>\n      </>\n    ),\n    [ongoingCourses, translate]\n  );\n\n  if (ongoingCourses.list.length === 0) {\n    return null;\n  }\n\n  return (\n    <CardsList\n      cards={sortBy(course => -getOr(0, ['progress'], course), ongoingCourses.list)}\n      title={<Title />}\n      // to override CardList wrapper padding\n      customStyle={{padding: '0px'}}\n    />\n  );\n};\n\nContinueLearning.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nContinueLearning.propTypes = {\n  ongoingCourses: PropTypes.shape(CardsGrid.propTypes)\n};\n\nexport default ContinueLearning;\n"],"mappings":";;AAAA,OAAOA,KAAP,IAAeC,WAAf,QAAiC,OAAjC;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,QAAP,MAAqB,qBAArB;AACA,OAAOC,SAAP,MAAsB,2BAAtB;AACA,OAAOC,SAAP,MAAsB,qCAAtB;AACA,OAAOC,KAAP,MAAkB,yBAAlB;;AAEA,MAAMC,gBAAgB,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EAC3C,MAAM;IAACC;EAAD,IAAmBF,KAAzB;EACA,MAAM;IAACG;EAAD,IAAcF,OAApB;EAEA,MAAMG,KAAK,GAAGX,WAAW,CACvB,mBACE,uDACE;IAAM,SAAS,EAAEK,KAAK,CAACO;EAAvB,GAA+CF,SAAS,CAAC,mBAAD,CAAxD,CADF,eAEE;IAAM,SAAS,EAAEL,KAAK,CAACQ;EAAvB,GAAgDJ,cAAc,CAACK,IAAf,CAAoBC,MAApE,CAFF,CAFqB,EAOvB,CAACN,cAAD,EAAiBC,SAAjB,CAPuB,CAAzB;;EAUA,IAAID,cAAc,CAACK,IAAf,CAAoBC,MAApB,KAA+B,CAAnC,EAAsC;IACpC,OAAO,IAAP;EACD;;EAED,oBACE,oBAAC,SAAD;IACE,KAAK,EAAE,QAAOC,MAAM,IAAI,CAAC,OAAM,CAAN,EAAS,CAAC,UAAD,CAAT,EAAuBA,MAAvB,CAAlB,EAAkDP,cAAc,CAACK,IAAjE,CADT;IAEE,KAAK,eAAE,oBAAC,KAAD,OAFT,CAGE;IAHF;IAIE,WAAW,EAAE;MAACG,OAAO,EAAE;IAAV;EAJf,EADF;AAQD,CA1BD;;AA4BAX,gBAAgB,CAACY,YAAjB,GAAgC;EAC9BC,IAAI,EAAEjB,QAAQ,CAACkB,iBAAT,CAA2BD,IADH;EAE9BT,SAAS,EAAER,QAAQ,CAACkB,iBAAT,CAA2BV;AAFR,CAAhC;AAKAJ,gBAAgB,CAACe,SAAjB,2CAA6B;EAC3BZ,cAAc,EAAER,SAAS,CAACqB,KAAV,CAAgBnB,SAAS,CAACkB,SAA1B;AADW,CAA7B;AAIA,eAAef,gBAAf"}
+{"version":3,"file":"continue-learning.js","names":["React","useCallback","PropTypes","Provider","CardsGrid","CardsList","style","ContinueLearning","props","context","ongoingCourses","translate","Title","createElement","Fragment","className","continueLearningTitle","continueLearningNumber","list","length","cards","_sortBy","course","_getOr","title","customStyle","padding","contextTypes","skin","childContextTypes","propTypes","process","env","NODE_ENV","shape"],"sources":["../../../src/template/skill-detail/continue-learning.js"],"sourcesContent":["import React, {useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport {getOr, sortBy} from 'lodash/fp';\nimport Provider from '../../atom/provider';\nimport CardsGrid from '../../organism/cards-grid';\nimport CardsList from '../../molecule/dashboard/cards-list';\nimport style from './continue-learning.css';\n\nconst ContinueLearning = (props, context) => {\n  const {ongoingCourses} = props;\n  const {translate} = context;\n\n  const Title = useCallback(\n    () => (\n      <>\n        <span className={style.continueLearningTitle}>{translate('continue_learning')}</span>\n        <span className={style.continueLearningNumber}>{ongoingCourses.list.length}</span>\n      </>\n    ),\n    [ongoingCourses, translate]\n  );\n\n  if (ongoingCourses.list.length === 0) {\n    return null;\n  }\n\n  return (\n    <CardsList\n      cards={sortBy(course => -getOr(0, ['progress'], course), ongoingCourses.list)}\n      title={<Title />}\n      // to override CardList wrapper padding\n      customStyle={{padding: '0px'}}\n    />\n  );\n};\n\nContinueLearning.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nContinueLearning.propTypes = {\n  ongoingCourses: PropTypes.shape(CardsGrid.propTypes)\n};\n\nexport default ContinueLearning;\n"],"mappings":";;AAAA,OAAOA,KAAK,IAAGC,WAAW,QAAO,OAAO;AACxC,OAAOC,SAAS,MAAM,YAAY;AAElC,OAAOC,QAAQ,MAAM,qBAAqB;AAC1C,OAAOC,SAAS,MAAM,2BAA2B;AACjD,OAAOC,SAAS,MAAM,qCAAqC;AAC3D,OAAOC,KAAK,MAAM,yBAAyB;AAE3C,MAAMC,gBAAgB,GAAGA,CAACC,KAAK,EAAEC,OAAO,KAAK;EAC3C,MAAM;IAACC;EAAc,CAAC,GAAGF,KAAK;EAC9B,MAAM;IAACG;EAAS,CAAC,GAAGF,OAAO;EAE3B,MAAMG,KAAK,GAAGX,WAAW,CACvB,mBACED,KAAA,CAAAa,aAAA,CAAAb,KAAA,CAAAc,QAAA,qBACEd,KAAA,CAAAa,aAAA;IAAME,SAAS,EAAET,KAAK,CAACU;EAAsB,GAAEL,SAAS,CAAC,mBAAmB,CAAQ,CAAC,eACrFX,KAAA,CAAAa,aAAA;IAAME,SAAS,EAAET,KAAK,CAACW;EAAuB,GAAEP,cAAc,CAACQ,IAAI,CAACC,MAAa,CACjF,CACH,EACD,CAACT,cAAc,EAAEC,SAAS,CAC5B,CAAC;EAED,IAAID,cAAc,CAACQ,IAAI,CAACC,MAAM,KAAK,CAAC,EAAE;IACpC,OAAO,IAAI;EACb;EAEA,oBACEnB,KAAA,CAAAa,aAAA,CAACR,SAAS;IACRe,KAAK,EAAEC,OAAA,CAAOC,MAAM,IAAI,CAACC,MAAA,CAAM,CAAC,EAAE,CAAC,UAAU,CAAC,EAAED,MAAM,CAAC,EAAEZ,cAAc,CAACQ,IAAI,CAAE;IAC9EM,KAAK,eAAExB,KAAA,CAAAa,aAAA,CAACD,KAAK,MAAE;IACf;IAAA;IACAa,WAAW,EAAE;MAACC,OAAO,EAAE;IAAK;EAAE,CAC/B,CAAC;AAEN,CAAC;AAEDnB,gBAAgB,CAACoB,YAAY,GAAG;EAC9BC,IAAI,EAAEzB,QAAQ,CAAC0B,iBAAiB,CAACD,IAAI;EACrCjB,SAAS,EAAER,QAAQ,CAAC0B,iBAAiB,CAAClB;AACxC,CAAC;AAEDJ,gBAAgB,CAACuB,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EAC3BvB,cAAc,EAAER,SAAS,CAACgC,KAAK,CAAC9B,SAAS,CAAC0B,SAAS;AACrD,CAAC;AAED,eAAevB,gBAAgB","ignoreList":[]}

package/es/template/skill-detail/index.js

@@ -22,9 +22,7 @@ export const ContinueLearningButton = (props, context) => {
     skin,
     translate
   } = context;
-
   const primarySkinColor = _get('common.primary', skin);
-
   return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(ButtonLink, {
     label: ongoingCoursesAvailable ? translate('continue_learning') : translate('start_learning'),
     type: "primary",
@@ -54,7 +52,6 @@ ContinueLearningButton.propTypes = process.env.NODE_ENV !== "production" ? {
   ongoingCoursesAvailable: PropTypes.bool,
   onClick: PropTypes.func
 } : {};
-
 const SkillDetail = (props, context) => {
   const {
     title,
@@ -190,7 +187,6 @@ const SkillDetail = (props, context) => {
     search: search
   })));
 };
-
 SkillDetail.contextTypes = {
   skin: Provider.childContextTypes.skin,
   translate: Provider.childContextTypes.translate

package/es/template/skill-detail/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useCallback","useState","useRef","useEffect","PropTypes","convert","classnames","Markdown","Provider","Select","SelectOptionPropTypes","ButtonLink","ButtonLinkIcon","Icon","CardsGrid","style","AllCourses","ContinueLearningButton","props","context","ongoingCoursesAvailable","onClick","skin","translate","primarySkinColor","width","borderRadius","backgroundColor","position","faIcon","name","color","size","contextTypes","childContextTypes","propTypes","bool","func","SkillDetail","title","skillRef","description","metrics","focused","availableForReview","skillIncludedCourses","filters","sorting","onBackClick","onReviewClick","onContinueLearningClick","search","bannerMicrolearning","descriptionRef","score","questionsToReview","totalContents","action","bannerMicrolearningAction","oldSwitchValue","isDescriptionTruncated","setIsDescriptionTruncated","showMore","setShowMore","handleShowMore","current","clientHeight","scrollHeight","Description","truncate","ProgressBar","undefined","progressBarColor","inlineProgressValueStyle","progressBarWrapper","progress","backgroundContainer","container","backButton","ctaContainer","skillFocusBadge","faSize","wrapperSize","showMoreWrapper","ctaWrapper","skillInformation","skillInformationNumber","progressContainer","progressInformationNumber","toFixed","type","string","isRequired","shape","number","onChange","options","arrayOf","oldValue"],"sources":["../../../src/template/skill-detail/index.js"],"sourcesContent":["import React, {useCallback, useState, useRef, useEffect} from 'react';\nimport PropTypes from 'prop-types';\nimport {convert} from 'css-color-function';\nimport classnames from 'classnames';\nimport {get, isNil} from 'lodash/fp';\nimport Markdown from 'markdown-to-jsx';\nimport Provider from '../../atom/provider';\nimport Select, {SelectOptionPropTypes} from '../../atom/select';\nimport ButtonLink from '../../atom/button-link';\nimport ButtonLinkIcon from '../../atom/button-link-icon';\nimport Icon from '../../atom/icon';\nimport CardsGrid from '../../organism/cards-grid';\nimport style from './style.css';\nimport AllCourses from './all-courses';\n\nexport const ContinueLearningButton = (props, context) => {\n  const {ongoingCoursesAvailable, onClick} = props;\n  const {skin, translate} = context;\n  const primarySkinColor = get('common.primary', skin);\n\n  return (\n    <div>\n      <ButtonLink\n        label={\n          ongoingCoursesAvailable ? translate('continue_learning') : translate('start_learning')\n        }\n        type=\"primary\"\n        customStyle={{\n          width: 'fit-content',\n          borderRadius: '12px',\n          backgroundColor: primarySkinColor\n        }}\n        hoverBackgroundColor={convert(`hsl(from ${primarySkinColor} h s calc(l*(1 - 0.08)))`)}\n        hoverColor=\"#FFFFFF\"\n        icon={{\n          position: 'left',\n          faIcon: {\n            name: 'play',\n            color: '#FFFFFF',\n            size: 16\n          }\n        }}\n        onClick={onClick}\n      />\n    </div>\n  );\n};\n\nContinueLearningButton.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nContinueLearningButton.propTypes = {\n  ongoingCoursesAvailable: PropTypes.bool,\n  onClick: PropTypes.func\n};\n\nconst SkillDetail = (props, context) => {\n  const {\n    title,\n    skillRef,\n    description,\n    metrics = {},\n    focused,\n    availableForReview,\n    ongoingCoursesAvailable,\n    skillIncludedCourses,\n    filters,\n    sorting,\n    onBackClick,\n    onReviewClick,\n    onContinueLearningClick,\n    search,\n    bannerMicrolearning = {}\n  } = props;\n  const descriptionRef = useRef(null);\n  const {score = 0, questionsToReview, totalContents} = metrics;\n  const {translate} = context;\n  const {action: bannerMicrolearningAction, oldSwitchValue} = bannerMicrolearning;\n\n  const [isDescriptionTruncated, setIsDescriptionTruncated] = useState(false);\n  const [showMore, setShowMore] = useState(false);\n\n  const handleShowMore = useCallback(() => setShowMore(!showMore), [setShowMore, showMore]);\n\n  useEffect(() => {\n    if (descriptionRef.current) {\n      const {clientHeight = 0, scrollHeight = 0} = descriptionRef.current;\n      setIsDescriptionTruncated(scrollHeight > clientHeight);\n    }\n  }, [description]);\n\n  const Description = useCallback(() => {\n    return (\n      <div\n        ref={descriptionRef}\n        className={classnames(style.description, !showMore && style.truncate)}\n      >\n        <Markdown>{description}</Markdown>\n      </div>\n    );\n  }, [showMore, description]);\n\n  const ProgressBar = useCallback(() => {\n    if (score === undefined) return null;\n    const progressBarColor = '#3EC483';\n    const inlineProgressValueStyle = {\n      backgroundColor: progressBarColor,\n      width: `${score}%`\n    };\n\n    return (\n      <div className={style.progressBarWrapper}>\n        <div\n          data-name=\"progress\"\n          className={style.progress}\n          style={inlineProgressValueStyle}\n          role=\"progressbar\"\n        />\n      </div>\n    );\n  }, [score]);\n\n  return (\n    <div className={style.backgroundContainer}>\n      <div className={style.container} data-name={skillRef}>\n        {!isNil(onBackClick) ? (\n          <ButtonLinkIcon\n            faIcon=\"arrow-left\"\n            data-name=\"back-button\"\n            aria-label={translate('back')}\n            onClick={onBackClick}\n            className={style.backButton}\n            tooltipPlacement=\"right\"\n          />\n        ) : null}\n        <div className={style.ctaContainer}>\n          <div>\n            {focused ? (\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                {translate('skill_focus')}\n              </div>\n            ) : null}\n            <div className={style.title}>{title}</div>\n            {description ? (\n              <>\n                <Description />\n                {isDescriptionTruncated ? (\n                  <div className={style.showMoreWrapper} onClick={handleShowMore}>\n                    {showMore ? translate('Show less') : translate('Show more')}\n                    <Icon\n                      iconName={showMore ? 'chevron-up' : 'chevron-down'}\n                      size={{\n                        faSize: 14,\n                        wrapperSize: 16\n                      }}\n                    />\n                  </div>\n                ) : null}\n              </>\n            ) : null}\n          </div>\n\n          <div className={style.ctaWrapper}>\n            <ButtonLink\n              type=\"secondary\"\n              onClick={onReviewClick}\n              label={translate('review_this_skill')}\n              disabled={!availableForReview}\n              customStyle={{\n                width: 'fit-content',\n                borderRadius: '12px'\n              }}\n            />\n            <ContinueLearningButton\n              ongoingCoursesAvailable={ongoingCoursesAvailable}\n              onClick={onContinueLearningClick}\n            />\n          </div>\n        </div>\n        {questionsToReview > 0 ? (\n          <div className={style.skillInformation} data-name=\"skill-questions\">\n            <span className={style.skillInformationNumber}>{questionsToReview}</span>\n            &nbsp;{translate('skill_chart_side_panel_questions_to_review')}\n          </div>\n        ) : null}\n        <div className={style.progressContainer}>\n          <ProgressBar />\n          <span className={style.progressInformationNumber}>{score.toFixed(1)}%</span>\n        </div>\n        <AllCourses\n          content={skillIncludedCourses}\n          filters={filters}\n          sorting={sorting}\n          totalContents={totalContents}\n          bannerMicrolearning={\n            bannerMicrolearningAction\n              ? {\n                  type: 'skill',\n                  action: bannerMicrolearningAction,\n                  oldSwitchValue\n                }\n              : {}\n          }\n          search={search}\n        />\n      </div>\n    </div>\n  );\n};\n\nSkillDetail.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nSkillDetail.propTypes = {\n  title: PropTypes.string.isRequired,\n  skillRef: PropTypes.string.isRequired,\n  description: PropTypes.string,\n  metrics: PropTypes.shape({\n    score: PropTypes.number,\n    questionsToReview: PropTypes.number,\n    totalContents: PropTypes.number\n  }),\n  focused: PropTypes.bool,\n  availableForReview: PropTypes.bool,\n  ongoingCoursesAvailable: PropTypes.bool,\n  skillIncludedCourses: PropTypes.shape(CardsGrid.propTypes),\n  filters: PropTypes.shape({\n    onChange: PropTypes.func,\n    options: PropTypes.arrayOf(PropTypes.shape(SelectOptionPropTypes))\n  }),\n  sorting: PropTypes.shape(Select.propTypes),\n  onBackClick: PropTypes.func,\n  onReviewClick: PropTypes.func,\n  onContinueLearningClick: PropTypes.func,\n  search: PropTypes.shape({\n    oldValue: PropTypes.string,\n    onChange: PropTypes.func\n  }),\n  bannerMicrolearning: PropTypes.shape({\n    action: PropTypes.func,\n    oldSwitchValue: PropTypes.bool\n  })\n};\n\nexport default SkillDetail;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","useCallback","useState","useRef","useEffect","PropTypes","convert","classnames","Markdown","Provider","Select","SelectOptionPropTypes","ButtonLink","ButtonLinkIcon","Icon","CardsGrid","style","AllCourses","ContinueLearningButton","props","context","ongoingCoursesAvailable","onClick","skin","translate","primarySkinColor","_get","createElement","label","type","customStyle","width","borderRadius","backgroundColor","hoverBackgroundColor","hoverColor","icon","position","faIcon","name","color","size","contextTypes","childContextTypes","propTypes","process","env","NODE_ENV","bool","func","SkillDetail","title","skillRef","description","metrics","focused","availableForReview","skillIncludedCourses","filters","sorting","onBackClick","onReviewClick","onContinueLearningClick","search","bannerMicrolearning","descriptionRef","score","questionsToReview","totalContents","action","bannerMicrolearningAction","oldSwitchValue","isDescriptionTruncated","setIsDescriptionTruncated","showMore","setShowMore","handleShowMore","current","clientHeight","scrollHeight","Description","ref","className","truncate","ProgressBar","undefined","progressBarColor","inlineProgressValueStyle","progressBarWrapper","progress","role","backgroundContainer","container","_isNil","backButton","tooltipPlacement","ctaContainer","skillFocusBadge","iconName","faSize","wrapperSize","Fragment","showMoreWrapper","ctaWrapper","disabled","skillInformation","skillInformationNumber","progressContainer","progressInformationNumber","toFixed","content","string","isRequired","shape","number","onChange","options","arrayOf","oldValue"],"sources":["../../../src/template/skill-detail/index.js"],"sourcesContent":["import React, {useCallback, useState, useRef, useEffect} from 'react';\nimport PropTypes from 'prop-types';\nimport {convert} from 'css-color-function';\nimport classnames from 'classnames';\nimport {get, isNil} from 'lodash/fp';\nimport Markdown from 'markdown-to-jsx';\nimport Provider from '../../atom/provider';\nimport Select, {SelectOptionPropTypes} from '../../atom/select';\nimport ButtonLink from '../../atom/button-link';\nimport ButtonLinkIcon from '../../atom/button-link-icon';\nimport Icon from '../../atom/icon';\nimport CardsGrid from '../../organism/cards-grid';\nimport style from './style.css';\nimport AllCourses from './all-courses';\n\nexport const ContinueLearningButton = (props, context) => {\n  const {ongoingCoursesAvailable, onClick} = props;\n  const {skin, translate} = context;\n  const primarySkinColor = get('common.primary', skin);\n\n  return (\n    <div>\n      <ButtonLink\n        label={\n          ongoingCoursesAvailable ? translate('continue_learning') : translate('start_learning')\n        }\n        type=\"primary\"\n        customStyle={{\n          width: 'fit-content',\n          borderRadius: '12px',\n          backgroundColor: primarySkinColor\n        }}\n        hoverBackgroundColor={convert(`hsl(from ${primarySkinColor} h s calc(l*(1 - 0.08)))`)}\n        hoverColor=\"#FFFFFF\"\n        icon={{\n          position: 'left',\n          faIcon: {\n            name: 'play',\n            color: '#FFFFFF',\n            size: 16\n          }\n        }}\n        onClick={onClick}\n      />\n    </div>\n  );\n};\n\nContinueLearningButton.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nContinueLearningButton.propTypes = {\n  ongoingCoursesAvailable: PropTypes.bool,\n  onClick: PropTypes.func\n};\n\nconst SkillDetail = (props, context) => {\n  const {\n    title,\n    skillRef,\n    description,\n    metrics = {},\n    focused,\n    availableForReview,\n    ongoingCoursesAvailable,\n    skillIncludedCourses,\n    filters,\n    sorting,\n    onBackClick,\n    onReviewClick,\n    onContinueLearningClick,\n    search,\n    bannerMicrolearning = {}\n  } = props;\n  const descriptionRef = useRef(null);\n  const {score = 0, questionsToReview, totalContents} = metrics;\n  const {translate} = context;\n  const {action: bannerMicrolearningAction, oldSwitchValue} = bannerMicrolearning;\n\n  const [isDescriptionTruncated, setIsDescriptionTruncated] = useState(false);\n  const [showMore, setShowMore] = useState(false);\n\n  const handleShowMore = useCallback(() => setShowMore(!showMore), [setShowMore, showMore]);\n\n  useEffect(() => {\n    if (descriptionRef.current) {\n      const {clientHeight = 0, scrollHeight = 0} = descriptionRef.current;\n      setIsDescriptionTruncated(scrollHeight > clientHeight);\n    }\n  }, [description]);\n\n  const Description = useCallback(() => {\n    return (\n      <div\n        ref={descriptionRef}\n        className={classnames(style.description, !showMore && style.truncate)}\n      >\n        <Markdown>{description}</Markdown>\n      </div>\n    );\n  }, [showMore, description]);\n\n  const ProgressBar = useCallback(() => {\n    if (score === undefined) return null;\n    const progressBarColor = '#3EC483';\n    const inlineProgressValueStyle = {\n      backgroundColor: progressBarColor,\n      width: `${score}%`\n    };\n\n    return (\n      <div className={style.progressBarWrapper}>\n        <div\n          data-name=\"progress\"\n          className={style.progress}\n          style={inlineProgressValueStyle}\n          role=\"progressbar\"\n        />\n      </div>\n    );\n  }, [score]);\n\n  return (\n    <div className={style.backgroundContainer}>\n      <div className={style.container} data-name={skillRef}>\n        {!isNil(onBackClick) ? (\n          <ButtonLinkIcon\n            faIcon=\"arrow-left\"\n            data-name=\"back-button\"\n            aria-label={translate('back')}\n            onClick={onBackClick}\n            className={style.backButton}\n            tooltipPlacement=\"right\"\n          />\n        ) : null}\n        <div className={style.ctaContainer}>\n          <div>\n            {focused ? (\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                {translate('skill_focus')}\n              </div>\n            ) : null}\n            <div className={style.title}>{title}</div>\n            {description ? (\n              <>\n                <Description />\n                {isDescriptionTruncated ? (\n                  <div className={style.showMoreWrapper} onClick={handleShowMore}>\n                    {showMore ? translate('Show less') : translate('Show more')}\n                    <Icon\n                      iconName={showMore ? 'chevron-up' : 'chevron-down'}\n                      size={{\n                        faSize: 14,\n                        wrapperSize: 16\n                      }}\n                    />\n                  </div>\n                ) : null}\n              </>\n            ) : null}\n          </div>\n\n          <div className={style.ctaWrapper}>\n            <ButtonLink\n              type=\"secondary\"\n              onClick={onReviewClick}\n              label={translate('review_this_skill')}\n              disabled={!availableForReview}\n              customStyle={{\n                width: 'fit-content',\n                borderRadius: '12px'\n              }}\n            />\n            <ContinueLearningButton\n              ongoingCoursesAvailable={ongoingCoursesAvailable}\n              onClick={onContinueLearningClick}\n            />\n          </div>\n        </div>\n        {questionsToReview > 0 ? (\n          <div className={style.skillInformation} data-name=\"skill-questions\">\n            <span className={style.skillInformationNumber}>{questionsToReview}</span>\n            &nbsp;{translate('skill_chart_side_panel_questions_to_review')}\n          </div>\n        ) : null}\n        <div className={style.progressContainer}>\n          <ProgressBar />\n          <span className={style.progressInformationNumber}>{score.toFixed(1)}%</span>\n        </div>\n        <AllCourses\n          content={skillIncludedCourses}\n          filters={filters}\n          sorting={sorting}\n          totalContents={totalContents}\n          bannerMicrolearning={\n            bannerMicrolearningAction\n              ? {\n                  type: 'skill',\n                  action: bannerMicrolearningAction,\n                  oldSwitchValue\n                }\n              : {}\n          }\n          search={search}\n        />\n      </div>\n    </div>\n  );\n};\n\nSkillDetail.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nSkillDetail.propTypes = {\n  title: PropTypes.string.isRequired,\n  skillRef: PropTypes.string.isRequired,\n  description: PropTypes.string,\n  metrics: PropTypes.shape({\n    score: PropTypes.number,\n    questionsToReview: PropTypes.number,\n    totalContents: PropTypes.number\n  }),\n  focused: PropTypes.bool,\n  availableForReview: PropTypes.bool,\n  ongoingCoursesAvailable: PropTypes.bool,\n  skillIncludedCourses: PropTypes.shape(CardsGrid.propTypes),\n  filters: PropTypes.shape({\n    onChange: PropTypes.func,\n    options: PropTypes.arrayOf(PropTypes.shape(SelectOptionPropTypes))\n  }),\n  sorting: PropTypes.shape(Select.propTypes),\n  onBackClick: PropTypes.func,\n  onReviewClick: PropTypes.func,\n  onContinueLearningClick: PropTypes.func,\n  search: PropTypes.shape({\n    oldValue: PropTypes.string,\n    onChange: PropTypes.func\n  }),\n  bannerMicrolearning: PropTypes.shape({\n    action: PropTypes.func,\n    oldSwitchValue: PropTypes.bool\n  })\n};\n\nexport default SkillDetail;\n"],"mappings":"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","ignoreList":[]}

package/es/template/teams-dashboard/index.js

@@ -1,7 +1,5 @@
 import _map from "lodash/fp/map";
-
-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); }
-
+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); }
 import React, { useState, useCallback, useMemo } from 'react';
 import PropTypes from 'prop-types';
 import MoocHeader from '../../organism/mooc-header';
@@ -10,7 +8,6 @@ import Loader from '../../atom/loader';
 import CardsList from '../../molecule/dashboard/cards-list';
 import Provider from '../../atom/provider';
 import style from './style.css';
-
 const TeamsDashboard = ({
   logo,
   platformLinks,
@@ -45,7 +42,6 @@ const TeamsDashboard = ({
     className: isShadowed ? style.sectionsWrapper : null
   }, sectionsList));
 };
-
 TeamsDashboard.propTypes = process.env.NODE_ENV !== "production" ? {
   logo: MoocHeader.propTypes.logo,
   platformLinks: PropTypes.arrayOf(PropTypes.shape(Cta.propTypes)),

package/es/template/teams-dashboard/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useState","useCallback","useMemo","PropTypes","MoocHeader","Cta","Loader","CardsList","Provider","style","TeamsDashboard","logo","platformLinks","sections","isLoading","isShadowed","setShadowed","onMenuOpen","onMenuClose","buildSection","section","index","title","sectionsList","convert","cap","loader","shadowedTeamsDashboard","teamsDashboard","sectionsWrapper","propTypes","arrayOf","shape","bool","contextTypes","translate","childContextTypes","skin"],"sources":["../../../src/template/teams-dashboard/index.js"],"sourcesContent":["import React, {useState, useCallback, useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {map} from 'lodash/fp';\nimport MoocHeader from '../../organism/mooc-header';\nimport Cta from '../../atom/cta';\nimport Loader from '../../atom/loader';\nimport CardsList from '../../molecule/dashboard/cards-list';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nconst TeamsDashboard = ({logo, platformLinks, sections, isLoading}) => {\n  const [isShadowed, setShadowed] = useState(false);\n  const onMenuOpen = useCallback(() => setShadowed(true), []);\n  const onMenuClose = useCallback(() => setShadowed(false), []);\n\n  const buildSection = useCallback((section, index) => {\n    return <CardsList {...section} key={section.title + index} />;\n  }, []);\n\n  const sectionsList = useMemo(\n    () => map.convert({cap: false})(buildSection, sections),\n    [buildSection, sections]\n  );\n  return isLoading ? (\n    <div className={style.loader} data-name=\"teams-dashboard-loader\">\n      <Loader />\n    </div>\n  ) : (\n    <div\n      data-name=\"teams-dashboard\"\n      className={isShadowed ? style.shadowedTeamsDashboard : style.teamsDashboard}\n    >\n      <MoocHeader\n        data-name=\"teams-dashboard-header\"\n        logo={logo}\n        links={platformLinks}\n        onMenuOpen={onMenuOpen}\n        onMenuClose={onMenuClose}\n      />\n      <div data-name=\"sections-wrapper\" className={isShadowed ? style.sectionsWrapper : null}>\n        {sectionsList}\n      </div>\n    </div>\n  );\n};\n\nTeamsDashboard.propTypes = {\n  logo: MoocHeader.propTypes.logo,\n  platformLinks: PropTypes.arrayOf(PropTypes.shape(Cta.propTypes)),\n  sections: PropTypes.arrayOf(PropTypes.shape(CardsList.propTypes)),\n  isLoading: PropTypes.bool\n};\n\nTeamsDashboard.contextTypes = {\n  translate: Provider.childContextTypes.translate,\n  skin: Provider.childContextTypes.skin\n};\n\nexport default TeamsDashboard;\n"],"mappings":";;;;AAAA,OAAOA,KAAP,IAAeC,QAAf,EAAyBC,WAAzB,EAAsCC,OAAtC,QAAoD,OAApD;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,UAAP,MAAuB,4BAAvB;AACA,OAAOC,GAAP,MAAgB,gBAAhB;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,OAAOC,SAAP,MAAsB,qCAAtB;AACA,OAAOC,QAAP,MAAqB,qBAArB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,cAAc,GAAG,CAAC;EAACC,IAAD;EAAOC,aAAP;EAAsBC,QAAtB;EAAgCC;AAAhC,CAAD,KAAgD;EACrE,MAAM,CAACC,UAAD,EAAaC,WAAb,IAA4BhB,QAAQ,CAAC,KAAD,CAA1C;EACA,MAAMiB,UAAU,GAAGhB,WAAW,CAAC,MAAMe,WAAW,CAAC,IAAD,CAAlB,EAA0B,EAA1B,CAA9B;EACA,MAAME,WAAW,GAAGjB,WAAW,CAAC,MAAMe,WAAW,CAAC,KAAD,CAAlB,EAA2B,EAA3B,CAA/B;EAEA,MAAMG,YAAY,GAAGlB,WAAW,CAAC,CAACmB,OAAD,EAAUC,KAAV,KAAoB;IACnD,oBAAO,oBAAC,SAAD,eAAeD,OAAf;MAAwB,GAAG,EAAEA,OAAO,CAACE,KAAR,GAAgBD;IAA7C,GAAP;EACD,CAF+B,EAE7B,EAF6B,CAAhC;EAIA,MAAME,YAAY,GAAGrB,OAAO,CAC1B,MAAM,KAAIsB,OAAJ,CAAY;IAACC,GAAG,EAAE;EAAN,CAAZ,EAA0BN,YAA1B,EAAwCN,QAAxC,CADoB,EAE1B,CAACM,YAAD,EAAeN,QAAf,CAF0B,CAA5B;EAIA,OAAOC,SAAS,gBACd;IAAK,SAAS,EAAEL,KAAK,CAACiB,MAAtB;IAA8B,aAAU;EAAxC,gBACE,oBAAC,MAAD,OADF,CADc,gBAKd;IACE,aAAU,iBADZ;IAEE,SAAS,EAAEX,UAAU,GAAGN,KAAK,CAACkB,sBAAT,GAAkClB,KAAK,CAACmB;EAF/D,gBAIE,oBAAC,UAAD;IACE,aAAU,wBADZ;IAEE,IAAI,EAAEjB,IAFR;IAGE,KAAK,EAAEC,aAHT;IAIE,UAAU,EAAEK,UAJd;IAKE,WAAW,EAAEC;EALf,EAJF,eAWE;IAAK,aAAU,kBAAf;IAAkC,SAAS,EAAEH,UAAU,GAAGN,KAAK,CAACoB,eAAT,GAA2B;EAAlF,GACGN,YADH,CAXF,CALF;AAqBD,CAlCD;;AAoCAb,cAAc,CAACoB,SAAf,2CAA2B;EACzBnB,IAAI,EAAEP,UAAU,CAAC0B,SAAX,CAAqBnB,IADF;EAEzBC,aAAa,EAAET,SAAS,CAAC4B,OAAV,CAAkB5B,SAAS,CAAC6B,KAAV,CAAgB3B,GAAG,CAACyB,SAApB,CAAlB,CAFU;EAGzBjB,QAAQ,EAAEV,SAAS,CAAC4B,OAAV,CAAkB5B,SAAS,CAAC6B,KAAV,CAAgBzB,SAAS,CAACuB,SAA1B,CAAlB,CAHe;EAIzBhB,SAAS,EAAEX,SAAS,CAAC8B;AAJI,CAA3B;AAOAvB,cAAc,CAACwB,YAAf,GAA8B;EAC5BC,SAAS,EAAE3B,QAAQ,CAAC4B,iBAAT,CAA2BD,SADV;EAE5BE,IAAI,EAAE7B,QAAQ,CAAC4B,iBAAT,CAA2BC;AAFL,CAA9B;AAKA,eAAe3B,cAAf"}
+{"version":3,"file":"index.js","names":["React","useState","useCallback","useMemo","PropTypes","MoocHeader","Cta","Loader","CardsList","Provider","style","TeamsDashboard","logo","platformLinks","sections","isLoading","isShadowed","setShadowed","onMenuOpen","onMenuClose","buildSection","section","index","createElement","_extends","key","title","sectionsList","_map","convert","cap","className","loader","shadowedTeamsDashboard","teamsDashboard","links","sectionsWrapper","propTypes","process","env","NODE_ENV","arrayOf","shape","bool","contextTypes","translate","childContextTypes","skin"],"sources":["../../../src/template/teams-dashboard/index.js"],"sourcesContent":["import React, {useState, useCallback, useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {map} from 'lodash/fp';\nimport MoocHeader from '../../organism/mooc-header';\nimport Cta from '../../atom/cta';\nimport Loader from '../../atom/loader';\nimport CardsList from '../../molecule/dashboard/cards-list';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nconst TeamsDashboard = ({logo, platformLinks, sections, isLoading}) => {\n  const [isShadowed, setShadowed] = useState(false);\n  const onMenuOpen = useCallback(() => setShadowed(true), []);\n  const onMenuClose = useCallback(() => setShadowed(false), []);\n\n  const buildSection = useCallback((section, index) => {\n    return <CardsList {...section} key={section.title + index} />;\n  }, []);\n\n  const sectionsList = useMemo(\n    () => map.convert({cap: false})(buildSection, sections),\n    [buildSection, sections]\n  );\n  return isLoading ? (\n    <div className={style.loader} data-name=\"teams-dashboard-loader\">\n      <Loader />\n    </div>\n  ) : (\n    <div\n      data-name=\"teams-dashboard\"\n      className={isShadowed ? style.shadowedTeamsDashboard : style.teamsDashboard}\n    >\n      <MoocHeader\n        data-name=\"teams-dashboard-header\"\n        logo={logo}\n        links={platformLinks}\n        onMenuOpen={onMenuOpen}\n        onMenuClose={onMenuClose}\n      />\n      <div data-name=\"sections-wrapper\" className={isShadowed ? style.sectionsWrapper : null}>\n        {sectionsList}\n      </div>\n    </div>\n  );\n};\n\nTeamsDashboard.propTypes = {\n  logo: MoocHeader.propTypes.logo,\n  platformLinks: PropTypes.arrayOf(PropTypes.shape(Cta.propTypes)),\n  sections: PropTypes.arrayOf(PropTypes.shape(CardsList.propTypes)),\n  isLoading: PropTypes.bool\n};\n\nTeamsDashboard.contextTypes = {\n  translate: Provider.childContextTypes.translate,\n  skin: Provider.childContextTypes.skin\n};\n\nexport default TeamsDashboard;\n"],"mappings":";;AAAA,OAAOA,KAAK,IAAGC,QAAQ,EAAEC,WAAW,EAAEC,OAAO,QAAO,OAAO;AAC3D,OAAOC,SAAS,MAAM,YAAY;AAElC,OAAOC,UAAU,MAAM,4BAA4B;AACnD,OAAOC,GAAG,MAAM,gBAAgB;AAChC,OAAOC,MAAM,MAAM,mBAAmB;AACtC,OAAOC,SAAS,MAAM,qCAAqC;AAC3D,OAAOC,QAAQ,MAAM,qBAAqB;AAC1C,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,cAAc,GAAGA,CAAC;EAACC,IAAI;EAAEC,aAAa;EAAEC,QAAQ;EAAEC;AAAS,CAAC,KAAK;EACrE,MAAM,CAACC,UAAU,EAAEC,WAAW,CAAC,GAAGhB,QAAQ,CAAC,KAAK,CAAC;EACjD,MAAMiB,UAAU,GAAGhB,WAAW,CAAC,MAAMe,WAAW,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC;EAC3D,MAAME,WAAW,GAAGjB,WAAW,CAAC,MAAMe,WAAW,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC;EAE7D,MAAMG,YAAY,GAAGlB,WAAW,CAAC,CAACmB,OAAO,EAAEC,KAAK,KAAK;IACnD,oBAAOtB,KAAA,CAAAuB,aAAA,CAACf,SAAS,EAAAgB,QAAA,KAAKH,OAAO;MAAEI,GAAG,EAAEJ,OAAO,CAACK,KAAK,GAAGJ;IAAM,EAAE,CAAC;EAC/D,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMK,YAAY,GAAGxB,OAAO,CAC1B,MAAMyB,IAAA,CAAIC,OAAO,CAAC;IAACC,GAAG,EAAE;EAAK,CAAC,CAAC,CAACV,YAAY,EAAEN,QAAQ,CAAC,EACvD,CAACM,YAAY,EAAEN,QAAQ,CACzB,CAAC;EACD,OAAOC,SAAS,gBACdf,KAAA,CAAAuB,aAAA;IAAKQ,SAAS,EAAErB,KAAK,CAACsB,MAAO;IAAC,aAAU;EAAwB,gBAC9DhC,KAAA,CAAAuB,aAAA,CAAChB,MAAM,MAAE,CACN,CAAC,gBAENP,KAAA,CAAAuB,aAAA;IACE,aAAU,iBAAiB;IAC3BQ,SAAS,EAAEf,UAAU,GAAGN,KAAK,CAACuB,sBAAsB,GAAGvB,KAAK,CAACwB;EAAe,gBAE5ElC,KAAA,CAAAuB,aAAA,CAAClB,UAAU;IACT,aAAU,wBAAwB;IAClCO,IAAI,EAAEA,IAAK;IACXuB,KAAK,EAAEtB,aAAc;IACrBK,UAAU,EAAEA,UAAW;IACvBC,WAAW,EAAEA;EAAY,CAC1B,CAAC,eACFnB,KAAA,CAAAuB,aAAA;IAAK,aAAU,kBAAkB;IAACQ,SAAS,EAAEf,UAAU,GAAGN,KAAK,CAAC0B,eAAe,GAAG;EAAK,GACpFT,YACE,CACF,CACN;AACH,CAAC;AAEDhB,cAAc,CAAC0B,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACzB5B,IAAI,EAAEP,UAAU,CAACgC,SAAS,CAACzB,IAAI;EAC/BC,aAAa,EAAET,SAAS,CAACqC,OAAO,CAACrC,SAAS,CAACsC,KAAK,CAACpC,GAAG,CAAC+B,SAAS,CAAC,CAAC;EAChEvB,QAAQ,EAAEV,SAAS,CAACqC,OAAO,CAACrC,SAAS,CAACsC,KAAK,CAAClC,SAAS,CAAC6B,SAAS,CAAC,CAAC;EACjEtB,SAAS,EAAEX,SAAS,CAACuC;AACvB,CAAC;AAEDhC,cAAc,CAACiC,YAAY,GAAG;EAC5BC,SAAS,EAAEpC,QAAQ,CAACqC,iBAAiB,CAACD,SAAS;EAC/CE,IAAI,EAAEtC,QAAQ,CAACqC,iBAAiB,CAACC;AACnC,CAAC;AAED,eAAepC,cAAc","ignoreList":[]}

package/es/util/bubbling.js

@@ -1,4 +1,3 @@
 const bubbling = e => e.stopPropagation();
-
 export default bubbling;
 //# sourceMappingURL=bubbling.js.map

package/es/util/bubbling.js.map

@@ -1 +1 @@
-{"version":3,"file":"bubbling.js","names":["bubbling","e","stopPropagation"],"sources":["../../src/util/bubbling.js"],"sourcesContent":["const bubbling = e => e.stopPropagation();\n\nexport default bubbling;\n"],"mappings":"AAAA,MAAMA,QAAQ,GAAGC,CAAC,IAAIA,CAAC,CAACC,eAAF,EAAtB;;AAEA,eAAeF,QAAf"}
+{"version":3,"file":"bubbling.js","names":["bubbling","e","stopPropagation"],"sources":["../../src/util/bubbling.js"],"sourcesContent":["const bubbling = e => e.stopPropagation();\n\nexport default bubbling;\n"],"mappings":"AAAA,MAAMA,QAAQ,GAAGC,CAAC,IAAIA,CAAC,CAACC,eAAe,CAAC,CAAC;AAEzC,eAAeF,QAAQ","ignoreList":[]}

package/es/util/build-query-string.js

@@ -1,9 +1,7 @@
 import _keys from "lodash/fp/keys";
-
 const buildUrlQueryParams = params => _keys(params).map(key => {
   const value = params[key].toString();
   return `${encodeURIComponent(key)}=${encodeURIComponent(value)}`;
 }).join('&');
-
 export default buildUrlQueryParams;
 //# sourceMappingURL=build-query-string.js.map

package/es/util/build-query-string.js.map

@@ -1 +1 @@
-{"version":3,"file":"build-query-string.js","names":["buildUrlQueryParams","params","map","key","value","toString","encodeURIComponent","join"],"sources":["../../src/util/build-query-string.ts"],"sourcesContent":["import {keys} from 'lodash/fp';\n\nexport type QueryParams = {\n  [key: string]: string | number | boolean;\n};\n\nconst buildUrlQueryParams = (params: QueryParams) =>\n  keys(params)\n    .map(key => {\n      const value = params[key].toString();\n      return `${encodeURIComponent(key)}=${encodeURIComponent(value)}`;\n    })\n    .join('&');\n\nexport default buildUrlQueryParams;\n"],"mappings":";;AAMA,MAAMA,mBAAmB,GAAIC,MAAD,IAC1B,MAAKA,MAAL,EACGC,GADH,CACOC,GAAG,IAAI;EACV,MAAMC,KAAK,GAAGH,MAAM,CAACE,GAAD,CAAN,CAAYE,QAAZ,EAAd;EACA,OAAQ,GAAEC,kBAAkB,CAACH,GAAD,CAAM,IAAGG,kBAAkB,CAACF,KAAD,CAAQ,EAA/D;AACD,CAJH,EAKGG,IALH,CAKQ,GALR,CADF;;AAQA,eAAeP,mBAAf"}
+{"version":3,"file":"build-query-string.js","names":["buildUrlQueryParams","params","_keys","map","key","value","toString","encodeURIComponent","join"],"sources":["../../src/util/build-query-string.ts"],"sourcesContent":["import {keys} from 'lodash/fp';\n\nexport type QueryParams = {\n  [key: string]: string | number | boolean;\n};\n\nconst buildUrlQueryParams = (params: QueryParams) =>\n  keys(params)\n    .map(key => {\n      const value = params[key].toString();\n      return `${encodeURIComponent(key)}=${encodeURIComponent(value)}`;\n    })\n    .join('&');\n\nexport default buildUrlQueryParams;\n"],"mappings":";AAMA,MAAMA,mBAAmB,GAAIC,MAAmB,IAC9CC,KAAA,CAAKD,MAAM,CAAC,CACTE,GAAG,CAACC,GAAG,IAAI;EACV,MAAMC,KAAK,GAAGJ,MAAM,CAACG,GAAG,CAAC,CAACE,QAAQ,CAAC,CAAC;EACpC,OAAO,GAAGC,kBAAkB,CAACH,GAAG,CAAC,IAAIG,kBAAkB,CAACF,KAAK,CAAC,EAAE;AAClE,CAAC,CAAC,CACDG,IAAI,CAAC,GAAG,CAAC;AAEd,eAAeR,mBAAmB","ignoreList":[]}

package/es/util/button-icons.js.map

@@ -1 +1 @@
-{"version":3,"file":"button-icons.js","names":["NovaSolidRemoveAddAddCircle1","AddIcon","NovaCompositionCoorpacademyAnalytics","AnalyticsIcon","NovaSolidContentEditionBin","BinIcon","NovaCompositionCoorpacademyBulletPoint","BulletPointIcon","NovaCompositionNavigationArrowLeft","ChevronLeftIcon","NovaCompositionNavigationArrowRight","ChevronRightIcon","NovaSolidStatusClose","CloseIcon","NovaSolidContentEditionPencilWrite","EditIcon","NovaCompositionCoorpacademyEye","EyeIcon","NovaSolidContentContentViewModule1","ListIcon","NovaSolidLoginLogout1","LogoutIcon","NovaSolidApplicationsWindowUpload3","PublishIcon","NovaSolidComputersSdCard","SaveIcon","NovaLineLoginKey1","KlfIcon","NovaSolidFilesFoldersFolders","FoldersIcon","NovaSolidFilesBasicFileUpload2","UploadIcon","NovaCompositionNavigationArrowDown","ArrowDown","ArrowLeft","NovaLineFilesOfficeFileOfficePdf","PDF","NovaSolidContentEditionDelete1","DeleteIcon","Loader","ICONS","add","analytics","bin","close","edit","key","list","logout","publish","save","see","folders","upload","down","pdf","back","delete","loader"],"sources":["../../src/util/button-icons.js"],"sourcesContent":["import {\n  NovaSolidRemoveAddAddCircle1 as AddIcon,\n  NovaCompositionCoorpacademyAnalytics as AnalyticsIcon,\n  NovaSolidContentEditionBin as BinIcon,\n  NovaCompositionCoorpacademyBulletPoint as BulletPointIcon,\n  NovaCompositionNavigationArrowLeft as ChevronLeftIcon,\n  NovaCompositionNavigationArrowRight as ChevronRightIcon,\n  NovaSolidStatusClose as CloseIcon,\n  NovaSolidContentEditionPencilWrite as EditIcon,\n  NovaCompositionCoorpacademyEye as EyeIcon,\n  NovaSolidContentContentViewModule1 as ListIcon,\n  NovaSolidLoginLogout1 as LogoutIcon,\n  NovaSolidApplicationsWindowUpload3 as PublishIcon,\n  NovaSolidComputersSdCard as SaveIcon,\n  NovaLineLoginKey1 as KlfIcon,\n  NovaSolidFilesFoldersFolders as FoldersIcon,\n  NovaSolidFilesBasicFileUpload2 as UploadIcon,\n  NovaCompositionNavigationArrowDown as ArrowDown,\n  NovaCompositionNavigationArrowLeft as ArrowLeft,\n  NovaLineFilesOfficeFileOfficePdf as PDF,\n  NovaSolidContentEditionDelete1 as DeleteIcon\n} from '@coorpacademy/nova-icons';\nimport Loader from '../atom/loader';\n\nexport const ICONS = {\n  add: AddIcon,\n  analytics: AnalyticsIcon,\n  bin: BinIcon,\n  'bullet-point': BulletPointIcon,\n  'chevron-left': ChevronLeftIcon,\n  'chevron-right': ChevronRightIcon,\n  close: CloseIcon,\n  edit: EditIcon,\n  key: KlfIcon,\n  list: ListIcon,\n  logout: LogoutIcon,\n  publish: PublishIcon,\n  save: SaveIcon,\n  see: EyeIcon,\n  folders: FoldersIcon,\n  upload: UploadIcon,\n  down: ArrowDown,\n  pdf: PDF,\n  back: ArrowLeft,\n  delete: DeleteIcon,\n  loader: Loader\n};\n"],"mappings":"AAAA,SACEA,4BAA4B,IAAIC,OADlC,EAEEC,oCAAoC,IAAIC,aAF1C,EAGEC,0BAA0B,IAAIC,OAHhC,EAIEC,sCAAsC,IAAIC,eAJ5C,EAKEC,kCAAkC,IAAIC,eALxC,EAMEC,mCAAmC,IAAIC,gBANzC,EAOEC,oBAAoB,IAAIC,SAP1B,EAQEC,kCAAkC,IAAIC,QARxC,EASEC,8BAA8B,IAAIC,OATpC,EAUEC,kCAAkC,IAAIC,QAVxC,EAWEC,qBAAqB,IAAIC,UAX3B,EAYEC,kCAAkC,IAAIC,WAZxC,EAaEC,wBAAwB,IAAIC,QAb9B,EAcEC,iBAAiB,IAAIC,OAdvB,EAeEC,4BAA4B,IAAIC,WAflC,EAgBEC,8BAA8B,IAAIC,UAhBpC,EAiBEC,kCAAkC,IAAIC,SAjBxC,EAkBEzB,kCAAkC,IAAI0B,SAlBxC,EAmBEC,gCAAgC,IAAIC,GAnBtC,EAoBEC,8BAA8B,IAAIC,UApBpC,QAqBO,0BArBP;AAsBA,OAAOC,MAAP,MAAmB,gBAAnB;AAEA,OAAO,MAAMC,KAAK,GAAG;EACnBC,GAAG,EAAExC,OADc;EAEnByC,SAAS,EAAEvC,aAFQ;EAGnBwC,GAAG,EAAEtC,OAHc;EAInB,gBAAgBE,eAJG;EAKnB,gBAAgBE,eALG;EAMnB,iBAAiBE,gBANE;EAOnBiC,KAAK,EAAE/B,SAPY;EAQnBgC,IAAI,EAAE9B,QARa;EASnB+B,GAAG,EAAEnB,OATc;EAUnBoB,IAAI,EAAE5B,QAVa;EAWnB6B,MAAM,EAAE3B,UAXW;EAYnB4B,OAAO,EAAE1B,WAZU;EAanB2B,IAAI,EAAEzB,QAba;EAcnB0B,GAAG,EAAElC,OAdc;EAenBmC,OAAO,EAAEvB,WAfU;EAgBnBwB,MAAM,EAAEtB,UAhBW;EAiBnBuB,IAAI,EAAErB,SAjBa;EAkBnBsB,GAAG,EAAEnB,GAlBc;EAmBnBoB,IAAI,EAAEtB,SAnBa;EAoBnBuB,MAAM,EAAEnB,UApBW;EAqBnBoB,MAAM,EAAEnB;AArBW,CAAd"}
+{"version":3,"file":"button-icons.js","names":["NovaSolidRemoveAddAddCircle1","AddIcon","NovaCompositionCoorpacademyAnalytics","AnalyticsIcon","NovaSolidContentEditionBin","BinIcon","NovaCompositionCoorpacademyBulletPoint","BulletPointIcon","NovaCompositionNavigationArrowLeft","ChevronLeftIcon","NovaCompositionNavigationArrowRight","ChevronRightIcon","NovaSolidStatusClose","CloseIcon","NovaSolidContentEditionPencilWrite","EditIcon","NovaCompositionCoorpacademyEye","EyeIcon","NovaSolidContentContentViewModule1","ListIcon","NovaSolidLoginLogout1","LogoutIcon","NovaSolidApplicationsWindowUpload3","PublishIcon","NovaSolidComputersSdCard","SaveIcon","NovaLineLoginKey1","KlfIcon","NovaSolidFilesFoldersFolders","FoldersIcon","NovaSolidFilesBasicFileUpload2","UploadIcon","NovaCompositionNavigationArrowDown","ArrowDown","ArrowLeft","NovaLineFilesOfficeFileOfficePdf","PDF","NovaSolidContentEditionDelete1","DeleteIcon","Loader","ICONS","add","analytics","bin","close","edit","key","list","logout","publish","save","see","folders","upload","down","pdf","back","delete","loader"],"sources":["../../src/util/button-icons.js"],"sourcesContent":["import {\n  NovaSolidRemoveAddAddCircle1 as AddIcon,\n  NovaCompositionCoorpacademyAnalytics as AnalyticsIcon,\n  NovaSolidContentEditionBin as BinIcon,\n  NovaCompositionCoorpacademyBulletPoint as BulletPointIcon,\n  NovaCompositionNavigationArrowLeft as ChevronLeftIcon,\n  NovaCompositionNavigationArrowRight as ChevronRightIcon,\n  NovaSolidStatusClose as CloseIcon,\n  NovaSolidContentEditionPencilWrite as EditIcon,\n  NovaCompositionCoorpacademyEye as EyeIcon,\n  NovaSolidContentContentViewModule1 as ListIcon,\n  NovaSolidLoginLogout1 as LogoutIcon,\n  NovaSolidApplicationsWindowUpload3 as PublishIcon,\n  NovaSolidComputersSdCard as SaveIcon,\n  NovaLineLoginKey1 as KlfIcon,\n  NovaSolidFilesFoldersFolders as FoldersIcon,\n  NovaSolidFilesBasicFileUpload2 as UploadIcon,\n  NovaCompositionNavigationArrowDown as ArrowDown,\n  NovaCompositionNavigationArrowLeft as ArrowLeft,\n  NovaLineFilesOfficeFileOfficePdf as PDF,\n  NovaSolidContentEditionDelete1 as DeleteIcon\n} from '@coorpacademy/nova-icons';\nimport Loader from '../atom/loader';\n\nexport const ICONS = {\n  add: AddIcon,\n  analytics: AnalyticsIcon,\n  bin: BinIcon,\n  'bullet-point': BulletPointIcon,\n  'chevron-left': ChevronLeftIcon,\n  'chevron-right': ChevronRightIcon,\n  close: CloseIcon,\n  edit: EditIcon,\n  key: KlfIcon,\n  list: ListIcon,\n  logout: LogoutIcon,\n  publish: PublishIcon,\n  save: SaveIcon,\n  see: EyeIcon,\n  folders: FoldersIcon,\n  upload: UploadIcon,\n  down: ArrowDown,\n  pdf: PDF,\n  back: ArrowLeft,\n  delete: DeleteIcon,\n  loader: Loader\n};\n"],"mappings":"AAAA,SACEA,4BAA4B,IAAIC,OAAO,EACvCC,oCAAoC,IAAIC,aAAa,EACrDC,0BAA0B,IAAIC,OAAO,EACrCC,sCAAsC,IAAIC,eAAe,EACzDC,kCAAkC,IAAIC,eAAe,EACrDC,mCAAmC,IAAIC,gBAAgB,EACvDC,oBAAoB,IAAIC,SAAS,EACjCC,kCAAkC,IAAIC,QAAQ,EAC9CC,8BAA8B,IAAIC,OAAO,EACzCC,kCAAkC,IAAIC,QAAQ,EAC9CC,qBAAqB,IAAIC,UAAU,EACnCC,kCAAkC,IAAIC,WAAW,EACjDC,wBAAwB,IAAIC,QAAQ,EACpCC,iBAAiB,IAAIC,OAAO,EAC5BC,4BAA4B,IAAIC,WAAW,EAC3CC,8BAA8B,IAAIC,UAAU,EAC5CC,kCAAkC,IAAIC,SAAS,EAC/CzB,kCAAkC,IAAI0B,SAAS,EAC/CC,gCAAgC,IAAIC,GAAG,EACvCC,8BAA8B,IAAIC,UAAU,QACvC,0BAA0B;AACjC,OAAOC,MAAM,MAAM,gBAAgB;AAEnC,OAAO,MAAMC,KAAK,GAAG;EACnBC,GAAG,EAAExC,OAAO;EACZyC,SAAS,EAAEvC,aAAa;EACxBwC,GAAG,EAAEtC,OAAO;EACZ,cAAc,EAAEE,eAAe;EAC/B,cAAc,EAAEE,eAAe;EAC/B,eAAe,EAAEE,gBAAgB;EACjCiC,KAAK,EAAE/B,SAAS;EAChBgC,IAAI,EAAE9B,QAAQ;EACd+B,GAAG,EAAEnB,OAAO;EACZoB,IAAI,EAAE5B,QAAQ;EACd6B,MAAM,EAAE3B,UAAU;EAClB4B,OAAO,EAAE1B,WAAW;EACpB2B,IAAI,EAAEzB,QAAQ;EACd0B,GAAG,EAAElC,OAAO;EACZmC,OAAO,EAAEvB,WAAW;EACpBwB,MAAM,EAAEtB,UAAU;EAClBuB,IAAI,EAAErB,SAAS;EACfsB,GAAG,EAAEnB,GAAG;EACRoB,IAAI,EAAEtB,SAAS;EACfuB,MAAM,EAAEnB,UAAU;EAClBoB,MAAM,EAAEnB;AACV,CAAC","ignoreList":[]}

package/es/util/check-is-mobile.js.map

@@ -1 +1 @@
-{"version":3,"file":"check-is-mobile.js","names":["MOBILE_USER_AGENT_REGEX","isMobile","userAgent","test","toLowerCase"],"sources":["../../src/util/check-is-mobile.js"],"sourcesContent":["const MOBILE_USER_AGENT_REGEX = /iphone|ipad|ipod|android|blackberry|windows phone/g;\n\nexport const isMobile = userAgent =>\n  userAgent && MOBILE_USER_AGENT_REGEX.test(userAgent.toLowerCase());\n"],"mappings":"AAAA,MAAMA,uBAAuB,GAAG,oDAAhC;AAEA,OAAO,MAAMC,QAAQ,GAAGC,SAAS,IAC/BA,SAAS,IAAIF,uBAAuB,CAACG,IAAxB,CAA6BD,SAAS,CAACE,WAAV,EAA7B,CADR"}
+{"version":3,"file":"check-is-mobile.js","names":["MOBILE_USER_AGENT_REGEX","isMobile","userAgent","test","toLowerCase"],"sources":["../../src/util/check-is-mobile.js"],"sourcesContent":["const MOBILE_USER_AGENT_REGEX = /iphone|ipad|ipod|android|blackberry|windows phone/g;\n\nexport const isMobile = userAgent =>\n  userAgent && MOBILE_USER_AGENT_REGEX.test(userAgent.toLowerCase());\n"],"mappings":"AAAA,MAAMA,uBAAuB,GAAG,oDAAoD;AAEpF,OAAO,MAAMC,QAAQ,GAAGC,SAAS,IAC/BA,SAAS,IAAIF,uBAAuB,CAACG,IAAI,CAACD,SAAS,CAACE,WAAW,CAAC,CAAC,CAAC","ignoreList":[]}

package/es/util/closest-step.js

@@ -14,16 +14,12 @@ const closestStep = ({
   const left = minStep * stepWidth;
   const right = maxStep * stepWidth;
   const leftIsCloser = x - left < right - x;
-
   if (snap) {
     x = leftIsCloser ? left : right;
   }
-
   let step = leftIsCloser ? minStep : maxStep;
-
   if (snap && forceRange) {
     const handlesAtSameX = x === limit;
-
     if (handlesAtSameX) {
       if (side === 'left') {
         minStep = Math.floor((x - 1) / stepWidth);
@@ -36,12 +32,10 @@ const closestStep = ({
       }
     }
   }
-
   return {
     x,
     step
   };
 };
-
 export default closestStep;
 //# sourceMappingURL=closest-step.js.map

package/es/util/closest-step.js.map

@@ -1 +1 @@
-{"version":3,"file":"closest-step.js","names":["closestStep","eventX","width","steps","snap","limit","side","forceRange","stepWidth","length","x","minStep","Math","floor","maxStep","ceil","left","right","leftIsCloser","step","handlesAtSameX"],"sources":["../../src/util/closest-step.js"],"sourcesContent":["const closestStep = ({eventX, width, steps, snap, limit, side, forceRange}) => {\n  const stepWidth = width / (steps.length - 1);\n  let x = eventX;\n  let minStep = Math.floor(x / stepWidth);\n  let maxStep = Math.ceil(x / stepWidth);\n\n  const left = minStep * stepWidth;\n  const right = maxStep * stepWidth;\n\n  const leftIsCloser = x - left < right - x;\n\n  if (snap) {\n    x = leftIsCloser ? left : right;\n  }\n\n  let step = leftIsCloser ? minStep : maxStep;\n\n  if (snap && forceRange) {\n    const handlesAtSameX = x === limit;\n\n    if (handlesAtSameX) {\n      if (side === 'left') {\n        minStep = Math.floor((x - 1) / stepWidth);\n        x = minStep * stepWidth;\n        step = minStep;\n      } else {\n        maxStep = Math.ceil((x + 1) / stepWidth);\n        x = maxStep * stepWidth;\n        step = maxStep;\n      }\n    }\n  }\n\n  return {x, step};\n};\n\nexport default closestStep;\n"],"mappings":"AAAA,MAAMA,WAAW,GAAG,CAAC;EAACC,MAAD;EAASC,KAAT;EAAgBC,KAAhB;EAAuBC,IAAvB;EAA6BC,KAA7B;EAAoCC,IAApC;EAA0CC;AAA1C,CAAD,KAA2D;EAC7E,MAAMC,SAAS,GAAGN,KAAK,IAAIC,KAAK,CAACM,MAAN,GAAe,CAAnB,CAAvB;EACA,IAAIC,CAAC,GAAGT,MAAR;EACA,IAAIU,OAAO,GAAGC,IAAI,CAACC,KAAL,CAAWH,CAAC,GAAGF,SAAf,CAAd;EACA,IAAIM,OAAO,GAAGF,IAAI,CAACG,IAAL,CAAUL,CAAC,GAAGF,SAAd,CAAd;EAEA,MAAMQ,IAAI,GAAGL,OAAO,GAAGH,SAAvB;EACA,MAAMS,KAAK,GAAGH,OAAO,GAAGN,SAAxB;EAEA,MAAMU,YAAY,GAAGR,CAAC,GAAGM,IAAJ,GAAWC,KAAK,GAAGP,CAAxC;;EAEA,IAAIN,IAAJ,EAAU;IACRM,CAAC,GAAGQ,YAAY,GAAGF,IAAH,GAAUC,KAA1B;EACD;;EAED,IAAIE,IAAI,GAAGD,YAAY,GAAGP,OAAH,GAAaG,OAApC;;EAEA,IAAIV,IAAI,IAAIG,UAAZ,EAAwB;IACtB,MAAMa,cAAc,GAAGV,CAAC,KAAKL,KAA7B;;IAEA,IAAIe,cAAJ,EAAoB;MAClB,IAAId,IAAI,KAAK,MAAb,EAAqB;QACnBK,OAAO,GAAGC,IAAI,CAACC,KAAL,CAAW,CAACH,CAAC,GAAG,CAAL,IAAUF,SAArB,CAAV;QACAE,CAAC,GAAGC,OAAO,GAAGH,SAAd;QACAW,IAAI,GAAGR,OAAP;MACD,CAJD,MAIO;QACLG,OAAO,GAAGF,IAAI,CAACG,IAAL,CAAU,CAACL,CAAC,GAAG,CAAL,IAAUF,SAApB,CAAV;QACAE,CAAC,GAAGI,OAAO,GAAGN,SAAd;QACAW,IAAI,GAAGL,OAAP;MACD;IACF;EACF;;EAED,OAAO;IAACJ,CAAD;IAAIS;EAAJ,CAAP;AACD,CAlCD;;AAoCA,eAAenB,WAAf"}
+{"version":3,"file":"closest-step.js","names":["closestStep","eventX","width","steps","snap","limit","side","forceRange","stepWidth","length","x","minStep","Math","floor","maxStep","ceil","left","right","leftIsCloser","step","handlesAtSameX"],"sources":["../../src/util/closest-step.js"],"sourcesContent":["const closestStep = ({eventX, width, steps, snap, limit, side, forceRange}) => {\n  const stepWidth = width / (steps.length - 1);\n  let x = eventX;\n  let minStep = Math.floor(x / stepWidth);\n  let maxStep = Math.ceil(x / stepWidth);\n\n  const left = minStep * stepWidth;\n  const right = maxStep * stepWidth;\n\n  const leftIsCloser = x - left < right - x;\n\n  if (snap) {\n    x = leftIsCloser ? left : right;\n  }\n\n  let step = leftIsCloser ? minStep : maxStep;\n\n  if (snap && forceRange) {\n    const handlesAtSameX = x === limit;\n\n    if (handlesAtSameX) {\n      if (side === 'left') {\n        minStep = Math.floor((x - 1) / stepWidth);\n        x = minStep * stepWidth;\n        step = minStep;\n      } else {\n        maxStep = Math.ceil((x + 1) / stepWidth);\n        x = maxStep * stepWidth;\n        step = maxStep;\n      }\n    }\n  }\n\n  return {x, step};\n};\n\nexport default closestStep;\n"],"mappings":"AAAA,MAAMA,WAAW,GAAGA,CAAC;EAACC,MAAM;EAAEC,KAAK;EAAEC,KAAK;EAAEC,IAAI;EAAEC,KAAK;EAAEC,IAAI;EAAEC;AAAU,CAAC,KAAK;EAC7E,MAAMC,SAAS,GAAGN,KAAK,IAAIC,KAAK,CAACM,MAAM,GAAG,CAAC,CAAC;EAC5C,IAAIC,CAAC,GAAGT,MAAM;EACd,IAAIU,OAAO,GAAGC,IAAI,CAACC,KAAK,CAACH,CAAC,GAAGF,SAAS,CAAC;EACvC,IAAIM,OAAO,GAAGF,IAAI,CAACG,IAAI,CAACL,CAAC,GAAGF,SAAS,CAAC;EAEtC,MAAMQ,IAAI,GAAGL,OAAO,GAAGH,SAAS;EAChC,MAAMS,KAAK,GAAGH,OAAO,GAAGN,SAAS;EAEjC,MAAMU,YAAY,GAAGR,CAAC,GAAGM,IAAI,GAAGC,KAAK,GAAGP,CAAC;EAEzC,IAAIN,IAAI,EAAE;IACRM,CAAC,GAAGQ,YAAY,GAAGF,IAAI,GAAGC,KAAK;EACjC;EAEA,IAAIE,IAAI,GAAGD,YAAY,GAAGP,OAAO,GAAGG,OAAO;EAE3C,IAAIV,IAAI,IAAIG,UAAU,EAAE;IACtB,MAAMa,cAAc,GAAGV,CAAC,KAAKL,KAAK;IAElC,IAAIe,cAAc,EAAE;MAClB,IAAId,IAAI,KAAK,MAAM,EAAE;QACnBK,OAAO,GAAGC,IAAI,CAACC,KAAK,CAAC,CAACH,CAAC,GAAG,CAAC,IAAIF,SAAS,CAAC;QACzCE,CAAC,GAAGC,OAAO,GAAGH,SAAS;QACvBW,IAAI,GAAGR,OAAO;MAChB,CAAC,MAAM;QACLG,OAAO,GAAGF,IAAI,CAACG,IAAI,CAAC,CAACL,CAAC,GAAG,CAAC,IAAIF,SAAS,CAAC;QACxCE,CAAC,GAAGI,OAAO,GAAGN,SAAS;QACvBW,IAAI,GAAGL,OAAO;MAChB;IACF;EACF;EAEA,OAAO;IAACJ,CAAC;IAAES;EAAI,CAAC;AAClB,CAAC;AAED,eAAenB,WAAW","ignoreList":[]}

package/es/util/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","names":["JWPLAYER_SCRIPT_URL"],"sources":["../../src/util/constants.js"],"sourcesContent":["export const JWPLAYER_SCRIPT_URL = 'https://cdn.jwplayer.com/libraries/2nAPZnzC.js';\n"],"mappings":"AAAA,OAAO,MAAMA,mBAAmB,GAAG,gDAA5B"}
+{"version":3,"file":"constants.js","names":["JWPLAYER_SCRIPT_URL"],"sources":["../../src/util/constants.js"],"sourcesContent":["export const JWPLAYER_SCRIPT_URL = 'https://cdn.jwplayer.com/libraries/2nAPZnzC.js';\n"],"mappings":"AAAA,OAAO,MAAMA,mBAAmB,GAAG,gDAAgD","ignoreList":[]}

package/es/util/external-content.js.map

@@ -1 +1 @@
-{"version":3,"file":"external-content.js","names":["includes","NovaCompositionCoorpacademyScorm","ScormIcon","NovaCompositionCoorpacademyArticle","ArticleIcon","NovaCompositionCoorpacademyVideo","VideoIcon","NovaCompositionCoorpacademyMicrophone","PodcastIcon","isExternalContent","type","EXTERNAL_COURSE_TYPES","EXTERNAL_CONTENT_ICONS","scorm","icon","color","article","video","podcast"],"sources":["../../src/util/external-content.js"],"sourcesContent":["import includes from 'lodash/fp/includes';\nimport {\n  NovaCompositionCoorpacademyScorm as ScormIcon,\n  NovaCompositionCoorpacademyArticle as ArticleIcon,\n  NovaCompositionCoorpacademyVideo as VideoIcon,\n  NovaCompositionCoorpacademyMicrophone as PodcastIcon\n} from '@coorpacademy/nova-icons';\n\nexport const isExternalContent = type => includes(type, ['scorm', 'video', 'article', 'podcast']);\n\nexport const EXTERNAL_COURSE_TYPES = ['podcast', 'video', 'interactive', 'document'];\n\nexport const EXTERNAL_CONTENT_ICONS = {\n  scorm: {icon: ScormIcon, color: '#FFB800'},\n  article: {icon: ArticleIcon, color: '#365FCD'},\n  video: {icon: VideoIcon, color: '#E8335E'},\n  podcast: {icon: PodcastIcon, color: '#432ba7'}\n};\n"],"mappings":"AAAA,OAAOA,QAAP,MAAqB,oBAArB;AACA,SACEC,gCAAgC,IAAIC,SADtC,EAEEC,kCAAkC,IAAIC,WAFxC,EAGEC,gCAAgC,IAAIC,SAHtC,EAIEC,qCAAqC,IAAIC,WAJ3C,QAKO,0BALP;AAOA,OAAO,MAAMC,iBAAiB,GAAGC,IAAI,IAAIV,QAAQ,CAACU,IAAD,EAAO,CAAC,OAAD,EAAU,OAAV,EAAmB,SAAnB,EAA8B,SAA9B,CAAP,CAA1C;AAEP,OAAO,MAAMC,qBAAqB,GAAG,CAAC,SAAD,EAAY,OAAZ,EAAqB,aAArB,EAAoC,UAApC,CAA9B;AAEP,OAAO,MAAMC,sBAAsB,GAAG;EACpCC,KAAK,EAAE;IAACC,IAAI,EAAEZ,SAAP;IAAkBa,KAAK,EAAE;EAAzB,CAD6B;EAEpCC,OAAO,EAAE;IAACF,IAAI,EAAEV,WAAP;IAAoBW,KAAK,EAAE;EAA3B,CAF2B;EAGpCE,KAAK,EAAE;IAACH,IAAI,EAAER,SAAP;IAAkBS,KAAK,EAAE;EAAzB,CAH6B;EAIpCG,OAAO,EAAE;IAACJ,IAAI,EAAEN,WAAP;IAAoBO,KAAK,EAAE;EAA3B;AAJ2B,CAA/B"}
+{"version":3,"file":"external-content.js","names":["includes","NovaCompositionCoorpacademyScorm","ScormIcon","NovaCompositionCoorpacademyArticle","ArticleIcon","NovaCompositionCoorpacademyVideo","VideoIcon","NovaCompositionCoorpacademyMicrophone","PodcastIcon","isExternalContent","type","EXTERNAL_COURSE_TYPES","EXTERNAL_CONTENT_ICONS","scorm","icon","color","article","video","podcast"],"sources":["../../src/util/external-content.js"],"sourcesContent":["import includes from 'lodash/fp/includes';\nimport {\n  NovaCompositionCoorpacademyScorm as ScormIcon,\n  NovaCompositionCoorpacademyArticle as ArticleIcon,\n  NovaCompositionCoorpacademyVideo as VideoIcon,\n  NovaCompositionCoorpacademyMicrophone as PodcastIcon\n} from '@coorpacademy/nova-icons';\n\nexport const isExternalContent = type => includes(type, ['scorm', 'video', 'article', 'podcast']);\n\nexport const EXTERNAL_COURSE_TYPES = ['podcast', 'video', 'interactive', 'document'];\n\nexport const EXTERNAL_CONTENT_ICONS = {\n  scorm: {icon: ScormIcon, color: '#FFB800'},\n  article: {icon: ArticleIcon, color: '#365FCD'},\n  video: {icon: VideoIcon, color: '#E8335E'},\n  podcast: {icon: PodcastIcon, color: '#432ba7'}\n};\n"],"mappings":"AAAA,OAAOA,QAAQ,MAAM,oBAAoB;AACzC,SACEC,gCAAgC,IAAIC,SAAS,EAC7CC,kCAAkC,IAAIC,WAAW,EACjDC,gCAAgC,IAAIC,SAAS,EAC7CC,qCAAqC,IAAIC,WAAW,QAC/C,0BAA0B;AAEjC,OAAO,MAAMC,iBAAiB,GAAGC,IAAI,IAAIV,QAAQ,CAACU,IAAI,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC;AAEjG,OAAO,MAAMC,qBAAqB,GAAG,CAAC,SAAS,EAAE,OAAO,EAAE,aAAa,EAAE,UAAU,CAAC;AAEpF,OAAO,MAAMC,sBAAsB,GAAG;EACpCC,KAAK,EAAE;IAACC,IAAI,EAAEZ,SAAS;IAAEa,KAAK,EAAE;EAAS,CAAC;EAC1CC,OAAO,EAAE;IAACF,IAAI,EAAEV,WAAW;IAAEW,KAAK,EAAE;EAAS,CAAC;EAC9CE,KAAK,EAAE;IAACH,IAAI,EAAER,SAAS;IAAES,KAAK,EAAE;EAAS,CAAC;EAC1CG,OAAO,EAAE;IAACJ,IAAI,EAAEN,WAAW;IAAEO,KAAK,EAAE;EAAS;AAC/C,CAAC","ignoreList":[]}

package/es/util/get-class-state.js

@@ -4,9 +4,7 @@ const getClassState = (defaultClassName, modifiedClassName, errorClassName, isMo
   } else if (isModified) {
     return modifiedClassName;
   }
-
   return defaultClassName;
 };
-
 export default getClassState;
 //# sourceMappingURL=get-class-state.js.map

package/es/util/get-class-state.js.map

@@ -1 +1 @@
-{"version":3,"file":"get-class-state.js","names":["getClassState","defaultClassName","modifiedClassName","errorClassName","isModified","isError"],"sources":["../../src/util/get-class-state.js"],"sourcesContent":["const getClassState = (\n  defaultClassName,\n  modifiedClassName,\n  errorClassName,\n  isModified = false,\n  isError = false\n) => {\n  if (isError) {\n    return errorClassName;\n  } else if (isModified) {\n    return modifiedClassName;\n  }\n  return defaultClassName;\n};\n\nexport default getClassState;\n"],"mappings":"AAAA,MAAMA,aAAa,GAAG,CACpBC,gBADoB,EAEpBC,iBAFoB,EAGpBC,cAHoB,EAIpBC,UAAU,GAAG,KAJO,EAKpBC,OAAO,GAAG,KALU,KAMjB;EACH,IAAIA,OAAJ,EAAa;IACX,OAAOF,cAAP;EACD,CAFD,MAEO,IAAIC,UAAJ,EAAgB;IACrB,OAAOF,iBAAP;EACD;;EACD,OAAOD,gBAAP;AACD,CAbD;;AAeA,eAAeD,aAAf"}
+{"version":3,"file":"get-class-state.js","names":["getClassState","defaultClassName","modifiedClassName","errorClassName","isModified","isError"],"sources":["../../src/util/get-class-state.js"],"sourcesContent":["const getClassState = (\n  defaultClassName,\n  modifiedClassName,\n  errorClassName,\n  isModified = false,\n  isError = false\n) => {\n  if (isError) {\n    return errorClassName;\n  } else if (isModified) {\n    return modifiedClassName;\n  }\n  return defaultClassName;\n};\n\nexport default getClassState;\n"],"mappings":"AAAA,MAAMA,aAAa,GAAGA,CACpBC,gBAAgB,EAChBC,iBAAiB,EACjBC,cAAc,EACdC,UAAU,GAAG,KAAK,EAClBC,OAAO,GAAG,KAAK,KACZ;EACH,IAAIA,OAAO,EAAE;IACX,OAAOF,cAAc;EACvB,CAAC,MAAM,IAAIC,UAAU,EAAE;IACrB,OAAOF,iBAAiB;EAC1B;EACA,OAAOD,gBAAgB;AACzB,CAAC;AAED,eAAeD,aAAa","ignoreList":[]}

package/es/util/get-clean-uri.js

@@ -1,4 +1,3 @@
 const getCleanUri = originalUri => originalUri && originalUri.replace(/(http:|https:|)\/\//g, 'https://');
-
 export default getCleanUri;
 //# sourceMappingURL=get-clean-uri.js.map

package/es/util/get-clean-uri.js.map

@@ -1 +1 @@
-{"version":3,"file":"get-clean-uri.js","names":["getCleanUri","originalUri","replace"],"sources":["../../src/util/get-clean-uri.ts"],"sourcesContent":["const getCleanUri = (originalUri: string): string =>\n  originalUri && originalUri.replace(/(http:|https:|)\\/\\//g, 'https://');\n\nexport default getCleanUri;\n"],"mappings":"AAAA,MAAMA,WAAW,GAAIC,WAAD,IAClBA,WAAW,IAAIA,WAAW,CAACC,OAAZ,CAAoB,sBAApB,EAA4C,UAA5C,CADjB;;AAGA,eAAeF,WAAf"}
+{"version":3,"file":"get-clean-uri.js","names":["getCleanUri","originalUri","replace"],"sources":["../../src/util/get-clean-uri.ts"],"sourcesContent":["const getCleanUri = (originalUri: string): string =>\n  originalUri && originalUri.replace(/(http:|https:|)\\/\\//g, 'https://');\n\nexport default getCleanUri;\n"],"mappings":"AAAA,MAAMA,WAAW,GAAIC,WAAmB,IACtCA,WAAW,IAAIA,WAAW,CAACC,OAAO,CAAC,sBAAsB,EAAE,UAAU,CAAC;AAExE,eAAeF,WAAW","ignoreList":[]}

package/es/util/get-resized-image.js

@@ -1,9 +1,6 @@
-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 { PixelRatio } from 'react-native';
 import buildUrlQueryParams from './build-query-string';
 const MEDIAS_API = 'https://api.coorpacademy.com/api-service/medias';
-
 const getResizedImage = (url, {
   maxWidth,
   maxHeight,
@@ -12,28 +9,25 @@ const getResizedImage = (url, {
   if (!maxWidth && !maxHeight) {
     return url;
   }
-
   let queryParams = {
     url,
     m: !resizeMode || resizeMode === 'cover' ? 'crop' : 'contain',
     q: 90
   };
-
   if (maxWidth) {
-    queryParams = _extends({}, queryParams, {
+    queryParams = {
+      ...queryParams,
       w: PixelRatio.getPixelSizeForLayoutSize(maxWidth)
-    });
+    };
   }
-
   if (maxHeight) {
-    queryParams = _extends({}, queryParams, {
+    queryParams = {
+      ...queryParams,
       h: PixelRatio.getPixelSizeForLayoutSize(maxHeight)
-    });
+    };
   }
-
   const queryString = buildUrlQueryParams(queryParams);
   return `${MEDIAS_API}?${queryString}`;
 };
-
 export default getResizedImage;
 //# sourceMappingURL=get-resized-image.js.map

package/es/util/get-resized-image.js.map

@@ -1 +1 @@
-{"version":3,"file":"get-resized-image.js","names":["PixelRatio","buildUrlQueryParams","MEDIAS_API","getResizedImage","url","maxWidth","maxHeight","resizeMode","queryParams","m","q","w","getPixelSizeForLayoutSize","h","queryString"],"sources":["../../src/util/get-resized-image.ts"],"sourcesContent":["import {PixelRatio, ImageResizeMode} from 'react-native';\n\nimport buildUrlQueryParams from './build-query-string';\n\nconst MEDIAS_API = 'https://api.coorpacademy.com/api-service/medias';\n\ntype MediaAPIQueryParams = {\n  url: string;\n  m: ImageResizeMode | 'crop';\n  q: number;\n  w?: number;\n  h?: number;\n};\n\nconst getResizedImage = (\n  url: string,\n  {\n    maxWidth,\n    maxHeight,\n    resizeMode\n  }: {\n    maxWidth?: number;\n    maxHeight?: number;\n    resizeMode?: ImageResizeMode | undefined;\n  }\n) => {\n  if (!maxWidth && !maxHeight) {\n    return url;\n  }\n\n  let queryParams: MediaAPIQueryParams = {\n    url,\n    m: !resizeMode || resizeMode === 'cover' ? 'crop' : 'contain',\n    q: 90\n  };\n\n  if (maxWidth) {\n    queryParams = {\n      ...queryParams,\n      w: PixelRatio.getPixelSizeForLayoutSize(maxWidth)\n    };\n  }\n\n  if (maxHeight) {\n    queryParams = {\n      ...queryParams,\n      h: PixelRatio.getPixelSizeForLayoutSize(maxHeight)\n    };\n  }\n\n  const queryString = buildUrlQueryParams(queryParams);\n\n  return `${MEDIAS_API}?${queryString}`;\n};\n\nexport default getResizedImage;\n"],"mappings":";;AAAA,SAAQA,UAAR,QAA0C,cAA1C;AAEA,OAAOC,mBAAP,MAAgC,sBAAhC;AAEA,MAAMC,UAAU,GAAG,iDAAnB;;AAUA,MAAMC,eAAe,GAAG,CACtBC,GADsB,EAEtB;EACEC,QADF;EAEEC,SAFF;EAGEC;AAHF,CAFsB,KAWnB;EACH,IAAI,CAACF,QAAD,IAAa,CAACC,SAAlB,EAA6B;IAC3B,OAAOF,GAAP;EACD;;EAED,IAAII,WAAgC,GAAG;IACrCJ,GADqC;IAErCK,CAAC,EAAE,CAACF,UAAD,IAAeA,UAAU,KAAK,OAA9B,GAAwC,MAAxC,GAAiD,SAFf;IAGrCG,CAAC,EAAE;EAHkC,CAAvC;;EAMA,IAAIL,QAAJ,EAAc;IACZG,WAAW,gBACNA,WADM;MAETG,CAAC,EAAEX,UAAU,CAACY,yBAAX,CAAqCP,QAArC;IAFM,EAAX;EAID;;EAED,IAAIC,SAAJ,EAAe;IACbE,WAAW,gBACNA,WADM;MAETK,CAAC,EAAEb,UAAU,CAACY,yBAAX,CAAqCN,SAArC;IAFM,EAAX;EAID;;EAED,MAAMQ,WAAW,GAAGb,mBAAmB,CAACO,WAAD,CAAvC;EAEA,OAAQ,GAAEN,UAAW,IAAGY,WAAY,EAApC;AACD,CAvCD;;AAyCA,eAAeX,eAAf"}
+{"version":3,"file":"get-resized-image.js","names":["PixelRatio","buildUrlQueryParams","MEDIAS_API","getResizedImage","url","maxWidth","maxHeight","resizeMode","queryParams","m","q","w","getPixelSizeForLayoutSize","h","queryString"],"sources":["../../src/util/get-resized-image.ts"],"sourcesContent":["import {PixelRatio, ImageResizeMode} from 'react-native';\n\nimport buildUrlQueryParams from './build-query-string';\n\nconst MEDIAS_API = 'https://api.coorpacademy.com/api-service/medias';\n\ntype MediaAPIQueryParams = {\n  url: string;\n  m: ImageResizeMode | 'crop';\n  q: number;\n  w?: number;\n  h?: number;\n};\n\nconst getResizedImage = (\n  url: string,\n  {\n    maxWidth,\n    maxHeight,\n    resizeMode\n  }: {\n    maxWidth?: number;\n    maxHeight?: number;\n    resizeMode?: ImageResizeMode | undefined;\n  }\n) => {\n  if (!maxWidth && !maxHeight) {\n    return url;\n  }\n\n  let queryParams: MediaAPIQueryParams = {\n    url,\n    m: !resizeMode || resizeMode === 'cover' ? 'crop' : 'contain',\n    q: 90\n  };\n\n  if (maxWidth) {\n    queryParams = {\n      ...queryParams,\n      w: PixelRatio.getPixelSizeForLayoutSize(maxWidth)\n    };\n  }\n\n  if (maxHeight) {\n    queryParams = {\n      ...queryParams,\n      h: PixelRatio.getPixelSizeForLayoutSize(maxHeight)\n    };\n  }\n\n  const queryString = buildUrlQueryParams(queryParams);\n\n  return `${MEDIAS_API}?${queryString}`;\n};\n\nexport default getResizedImage;\n"],"mappings":"AAAA,SAAQA,UAAU,QAAwB,cAAc;AAExD,OAAOC,mBAAmB,MAAM,sBAAsB;AAEtD,MAAMC,UAAU,GAAG,iDAAiD;AAUpE,MAAMC,eAAe,GAAGA,CACtBC,GAAW,EACX;EACEC,QAAQ;EACRC,SAAS;EACTC;AAKF,CAAC,KACE;EACH,IAAI,CAACF,QAAQ,IAAI,CAACC,SAAS,EAAE;IAC3B,OAAOF,GAAG;EACZ;EAEA,IAAII,WAAgC,GAAG;IACrCJ,GAAG;IACHK,CAAC,EAAE,CAACF,UAAU,IAAIA,UAAU,KAAK,OAAO,GAAG,MAAM,GAAG,SAAS;IAC7DG,CAAC,EAAE;EACL,CAAC;EAED,IAAIL,QAAQ,EAAE;IACZG,WAAW,GAAG;MACZ,GAAGA,WAAW;MACdG,CAAC,EAAEX,UAAU,CAACY,yBAAyB,CAACP,QAAQ;IAClD,CAAC;EACH;EAEA,IAAIC,SAAS,EAAE;IACbE,WAAW,GAAG;MACZ,GAAGA,WAAW;MACdK,CAAC,EAAEb,UAAU,CAACY,yBAAyB,CAACN,SAAS;IACnD,CAAC;EACH;EAEA,MAAMQ,WAAW,GAAGb,mBAAmB,CAACO,WAAW,CAAC;EAEpD,OAAO,GAAGN,UAAU,IAAIY,WAAW,EAAE;AACvC,CAAC;AAED,eAAeX,eAAe","ignoreList":[]}

package/es/util/get-shadow-box-color-from-primary.js

@@ -1,4 +1,5 @@
-import { convert } from 'css-color-function'; // darken the color down to 35% && apply alpha of 25%
+import { convert } from 'css-color-function';
 
+// darken the color down to 35% && apply alpha of 25%
 export const getShadowBoxColorFromPrimary = primaryColor => convert(`color(${primaryColor} lightness(35%) a(25%))`);
 //# sourceMappingURL=get-shadow-box-color-from-primary.js.map

package/es/util/get-shadow-box-color-from-primary.js.map

@@ -1 +1 @@
-{"version":3,"file":"get-shadow-box-color-from-primary.js","names":["convert","getShadowBoxColorFromPrimary","primaryColor"],"sources":["../../src/util/get-shadow-box-color-from-primary.js"],"sourcesContent":["import {convert} from 'css-color-function';\n\n// darken the color down to 35% && apply alpha of 25%\nexport const getShadowBoxColorFromPrimary = primaryColor =>\n  convert(`color(${primaryColor} lightness(35%) a(25%))`);\n"],"mappings":"AAAA,SAAQA,OAAR,QAAsB,oBAAtB,C,CAEA;;AACA,OAAO,MAAMC,4BAA4B,GAAGC,YAAY,IACtDF,OAAO,CAAE,SAAQE,YAAa,yBAAvB,CADF"}
+{"version":3,"file":"get-shadow-box-color-from-primary.js","names":["convert","getShadowBoxColorFromPrimary","primaryColor"],"sources":["../../src/util/get-shadow-box-color-from-primary.js"],"sourcesContent":["import {convert} from 'css-color-function';\n\n// darken the color down to 35% && apply alpha of 25%\nexport const getShadowBoxColorFromPrimary = primaryColor =>\n  convert(`color(${primaryColor} lightness(35%) a(25%))`);\n"],"mappings":"AAAA,SAAQA,OAAO,QAAO,oBAAoB;;AAE1C;AACA,OAAO,MAAMC,4BAA4B,GAAGC,YAAY,IACtDF,OAAO,CAAC,SAASE,YAAY,yBAAyB,CAAC","ignoreList":[]}

package/es/util/image.js

@@ -1,18 +1,14 @@
 import _getOr from "lodash/fp/getOr";
 import _get from "lodash/fp/get";
-
 const ImageElement = (skin, defaultImage) => {
   const defaultUrl = _get(['images', defaultImage], skin);
-
   return image => {
     const url = _getOr(defaultUrl, ['images', image], skin);
-
     const style = {
       backgroundImage: url ? `url(${url})` : 'none'
     };
     return url ? style : null;
   };
 };
-
 export default ImageElement;
 //# sourceMappingURL=image.js.map