@coorpacademy/components 11.35.2-forcedeploy.13 → 11.35.2

package/lib/template/skill-detail/all-courses.js

@@ -18,13 +18,11 @@ var _searchForm = _interopRequireDefault(require("../../molecule/search-form"));
 var _cardsGrid = _interopRequireDefault(require("../../organism/cards-grid"));
 var _inputSwitch = _interopRequireDefault(require("../../atom/input-switch"));
 var _banner = _interopRequireDefault(require("../../molecule/banner"));
-var _colors = require("../../variables/colors");
 var _allCourses = _interopRequireDefault(require("./all-courses.css"));
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-// @ts-expect-error convert untypped
 const uncappedMap = _map2.default.convert({
   cap: false
 });
@@ -42,8 +40,8 @@ const FilterButton = (props, context) => {
   const primarySkinColor = (0, _get2.default)('common.primary', skin);
   const buttonProps = {
     customStyle: {
-      backgroundColor: selected ? primarySkinColor : _colors.COLORS.cm_grey_150,
-      color: selected ? _colors.COLORS.white : _colors.COLORS.cm_grey_500,
+      backgroundColor: selected ? primarySkinColor : '#E1E1E3',
+      color: selected ? '#FFFFFF' : '#515161',
       transition: 'background-color 0.15s ease-in-out, color 0.15s ease-in-out',
       width: 'fit-content'
     },
@@ -74,7 +72,7 @@ const AllCourses = (props, context) => {
     filters,
     sorting,
     totalContents,
-    bannerMicrolearning = undefined,
+    bannerMicrolearning = {},
     search: {
       oldValue: oldSearchValue,
       onChange: handleSearch
@@ -88,9 +86,11 @@ const AllCourses = (props, context) => {
     list,
     loading
   } = content;
-  const bannerMessageType = bannerMicrolearning?.type;
-  const bannerAction = bannerMicrolearning?.action;
-  const oldSwitchValue = bannerMicrolearning?.oldSwitchValue;
+  const {
+    type: bannerMessageType,
+    action: bannerAction,
+    oldSwitchValue
+  } = bannerMicrolearning;
   const [showCompleted, setShowCompleted] = (0, _react.useState)(true);
   const [searchValue, setSearchValue] = (0, _react.useState)(oldSearchValue || '');
   const sortView = sorting !== undefined ? /*#__PURE__*/_react.default.createElement("div", {
@@ -110,7 +110,7 @@ const AllCourses = (props, context) => {
     setSearchValue(value);
     debounceHandleSearch(value);
   }, [debounceHandleSearch]);
-  const handleSearchReset = (0, _react.useCallback)(() => {
+  const handleSearchReset = (0, _react.useCallback)(value => {
     setSearchValue('');
     debounceHandleSearch('');
   }, [debounceHandleSearch]);
@@ -139,9 +139,9 @@ const AllCourses = (props, context) => {
     className: _allCourses.default.sortSection
   }, /*#__PURE__*/_react.default.createElement(_inputSwitch.default, {
     id: 'show-completed-courses-switch',
+    type: "switch",
     name: translate('show_completed'),
     title: translate('show_completed'),
-    theme: "default",
     "aria-label": 'Show completed courses aria label',
     value: showCompleted,
     onChange: handleShowCompletedToggle
@@ -167,7 +167,7 @@ const AllCourses = (props, context) => {
       selected
     } = filterProps;
     function handleFilterChange() {
-      onChange && onChange(value);
+      onChange(value);
     }
     return /*#__PURE__*/_react.default.createElement("div", {
       key: index,

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

@@ -1 +1 @@
-{"version":3,"file":"all-courses.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_provider","_select","_buttonLink","_searchForm","_cardsGrid","_inputSwitch","_banner","_colors","_allCourses","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","uncappedMap","_map2","convert","cap","FilterButton","props","context","dataName","ariaLabel","selected","label","onClick","skin","primarySkinColor","_get2","buttonProps","customStyle","backgroundColor","COLORS","cm_grey_150","color","white","cm_grey_500","transition","width","createElement","contextTypes","Provider","childContextTypes","translate","propTypes","process","env","NODE_ENV","PropTypes","string","bool","func","AllCourses","content","filters","sorting","totalContents","bannerMicrolearning","undefined","search","oldValue","oldSearchValue","onChange","handleSearch","options","list","loading","bannerMessageType","type","bannerAction","action","oldSwitchValue","showCompleted","setShowCompleted","useState","searchValue","setSearchValue","sortView","filteredContent","useMemo","_filter2","course","progress","debounceHandleSearch","_debounce2","value","onSearchChange","useCallback","handleSearchReset","handleShowCompletedToggle","prevShowCompleted","Fragment","className","style","continueLearningWrapper","continueLearningTitle","continueLearningNumber","_isNil2","_size2","searchAndSortSection","searchWrapper","placeholder","onReset","dataTestId","sortSection","id","name","title","theme","sortWrapper","_isEmpty2","bannerWrapper","message","cta","filterWrapper","filterProps","index","handleFilterChange","key","filterButtonWrapper","divider","justifyContent","emptySearchResultContainer","emptySearchResultTitle","emptySearchResultDescription","emptySearchResultClearSearch","shape","CardsGrid","number","arrayOf","SelectOptionPropTypes","Select","oneOf","_default","exports"],"sources":["../../../src/template/skill-detail/all-courses.tsx"],"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, {CardsGridProps} from '../../organism/cards-grid';\nimport InputSwitch from '../../atom/input-switch';\nimport Banner from '../../molecule/banner';\nimport {COLORS} from '../../variables/colors';\nimport style from './all-courses.css';\n\n// @ts-expect-error convert untypped\nconst uncappedMap = map.convert({cap: false});\ninterface ProviderContext {\n  skin: {\n    common: {\n      primary: string;\n      secondary: string;\n    };\n  };\n  translate: (key: string, options?: any) => string;\n}\n\ninterface FilterOption {\n  name: string;\n  value: string;\n  selected: boolean;\n}\n\ninterface FilterButtonProps {\n  dataName?: string;\n  ariaLabel?: string;\n  selected?: boolean;\n  label?: string;\n  onClick?: () => void;\n}\nconst FilterButton = (props: FilterButtonProps, context: ProviderContext) => {\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 : COLORS.cm_grey_150,\n      color: selected ? COLORS.white : COLORS.cm_grey_500,\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};\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 = (\n  props: {\n    dataName?: string;\n    ariaLabel?: string;\n    selected?: boolean;\n    label?: string;\n    content: {\n      list: CardsGridProps['list'];\n      loading?: boolean;\n    };\n    totalContents?: number;\n    search: {\n      oldValue: string;\n      onChange: (value: string) => void;\n    };\n    bannerMicrolearning?: {\n      type: 'skill' | 'playlist';\n      action: () => void;\n      oldSwitchValue: boolean;\n    };\n    filters: {\n      onChange?: (value: string) => void;\n      options?: unknown[];\n    };\n    sorting?: unknown;\n  },\n  context: ProviderContext\n) => {\n  const {translate} = context;\n  const {\n    content,\n    filters,\n    sorting,\n    totalContents,\n    bannerMicrolearning = undefined,\n    search: {oldValue: oldSearchValue, onChange: handleSearch}\n  } = props;\n  const {options, onChange} = filters;\n  const {list, loading} = content;\n  const bannerMessageType = bannerMicrolearning?.type;\n  const bannerAction = bannerMicrolearning?.action;\n  const oldSwitchValue = bannerMicrolearning?.oldSwitchValue;\n\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    setSearchValue('');\n    debounceHandleSearch('');\n  }, [debounceHandleSearch]);\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            name={translate('show_completed')}\n            title={translate('show_completed')}\n            theme=\"default\"\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\n      <div className={style.filterWrapper}>\n        {size(options) > 2\n          ? uncappedMap((filterProps: FilterOption, index: number) => {\n              const {name, value, selected} = filterProps;\n\n              function handleFilterChange() {\n                onChange && 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":[]}
+{"version":3,"file":"all-courses.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_provider","_select","_buttonLink","_searchForm","_cardsGrid","_inputSwitch","_banner","_allCourses","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","uncappedMap","_map2","convert","cap","FilterButton","props","context","dataName","ariaLabel","selected","label","onClick","skin","primarySkinColor","_get2","buttonProps","customStyle","backgroundColor","color","transition","width","createElement","contextTypes","Provider","childContextTypes","translate","propTypes","process","env","NODE_ENV","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","useState","searchValue","setSearchValue","sortView","undefined","filteredContent","useMemo","_filter2","course","progress","debounceHandleSearch","_debounce2","value","onSearchChange","useCallback","handleSearchReset","handleShowCompletedToggle","prevShowCompleted","Fragment","className","style","continueLearningWrapper","continueLearningTitle","continueLearningNumber","_isNil2","_size2","searchAndSortSection","searchWrapper","placeholder","onReset","dataTestId","sortSection","id","name","title","sortWrapper","_isEmpty2","bannerWrapper","message","cta","filterWrapper","filterProps","index","handleFilterChange","key","filterButtonWrapper","divider","justifyContent","emptySearchResultContainer","emptySearchResultTitle","emptySearchResultDescription","emptySearchResultClearSearch","shape","CardsGrid","number","arrayOf","SelectOptionPropTypes","Select","oneOf","_default","exports"],"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/lib/template/skill-detail/continue-learning.css

@@ -1,8 +1,3 @@
-@value colors: "../../variables/colors.css";
-@value cm_grey_100 from colors;
-@value cm_grey_500 from colors;
-
-
 .continueLearningTitle {
   font-size: 16px;
   font-weight: 600;
@@ -11,8 +6,8 @@
 
 .continueLearningNumber {
   border-radius: 50%;
-  background-color: cm_grey_100;
-  color: cm_grey_500;
+  background-color: #EAEAEB;
+  color: #515161;
   padding: 2px 4px;
   margin-left: 8px;
   font-size: 10px;

package/lib/template/skill-detail/continue-learning.d.ts

@@ -1,21 +1,8 @@
-/// <reference types="react" />
-import PropTypes from 'prop-types';
-import { CardsGridProps } from '../../organism/cards-grid';
-interface ProviderContext {
-    skin: {
-        common: {
-            primary: string;
-            secondary: string;
-        };
-    };
-    translate: (key: string, options?: any) => string;
-}
-declare const ContinueLearning: {
-    (props: {
-        ongoingCourses: CardsGridProps;
-    }, context: ProviderContext): JSX.Element | null;
-    contextTypes: {
-        skin: PropTypes.Requireable<PropTypes.InferProps<{
+export default ContinueLearning;
+declare function ContinueLearning(props: any, context: any): JSX.Element | null;
+declare namespace ContinueLearning {
+    namespace contextTypes {
+        const skin: PropTypes.Requireable<PropTypes.InferProps<{
             common: PropTypes.Requireable<{
                 [x: string]: any;
             }>;
@@ -36,17 +23,17 @@ declare const ContinueLearning: {
                 [x: string]: any;
             }>;
         }>>;
-        translate: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-    propTypes: {
-        ongoingCourses: PropTypes.Requireable<PropTypes.InferProps<{
+        const translate: PropTypes.Requireable<(...args: any[]) => any>;
+    }
+    namespace propTypes {
+        const ongoingCourses: PropTypes.Requireable<PropTypes.InferProps<{
             list: PropTypes.Requireable<(PropTypes.InferProps<any> | null | undefined)[]>;
             customStyle: PropTypes.Requireable<{
                 [x: string]: string | null | undefined;
             }>;
             loading: PropTypes.Requireable<boolean>;
         }>>;
-    };
-};
-export default ContinueLearning;
+    }
+}
+import PropTypes from "prop-types";
 //# sourceMappingURL=continue-learning.d.ts.map

package/lib/template/skill-detail/continue-learning.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"continue-learning.d.ts","sourceRoot":"","sources":["../../../src/template/skill-detail/continue-learning.tsx"],"names":[],"mappings":";AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AAGnC,OAAkB,EAAC,cAAc,EAAC,MAAM,2BAA2B,CAAC;AAIpE,UAAU,eAAe;IACvB,IAAI,EAAE;QACJ,MAAM,EAAE;YACN,OAAO,EAAE,MAAM,CAAC;YAChB,SAAS,EAAE,MAAM,CAAC;SACnB,CAAC;KACH,CAAC;IACF,SAAS,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,GAAG,KAAK,MAAM,CAAC;CACnD;AAED,QAAA,MAAM,gBAAgB;YAAW;QAAC,cAAc,EAAE,cAAc,CAAA;KAAC,WAAW,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0B1F,CAAC;AAWF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"continue-learning.d.ts","sourceRoot":"","sources":["../../../src/template/skill-detail/continue-learning.js"],"names":[],"mappings":";AAQA,gFA0BC"}

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

@@ -1 +1 @@
-{"version":3,"file":"continue-learning.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_provider","_cardsGrid","_cardsList","_continueLearning","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ContinueLearning","props","context","ongoingCourses","translate","Title","useCallback","createElement","Fragment","className","style","continueLearningTitle","continueLearningNumber","list","length","cards","_sortBy2","course","_getOr2","title","customStyle","padding","contextTypes","skin","Provider","childContextTypes","propTypes","process","env","NODE_ENV","PropTypes","shape","CardsGrid","_default","exports"],"sources":["../../../src/template/skill-detail/continue-learning.tsx"],"sourcesContent":["import React, {useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport {getOr, sortBy} from 'lodash/fp';\nimport Provider from '../../atom/provider';\nimport CardsGrid, {CardsGridProps} from '../../organism/cards-grid';\nimport CardsList from '../../molecule/dashboard/cards-list';\nimport style from './continue-learning.css';\n\ninterface ProviderContext {\n  skin: {\n    common: {\n      primary: string;\n      secondary: string;\n    };\n  };\n  translate: (key: string, options?: any) => string;\n}\n\nconst ContinueLearning = (props: {ongoingCourses: CardsGridProps}, context: ProviderContext) => {\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":"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","ignoreList":[]}
+{"version":3,"file":"continue-learning.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_provider","_cardsGrid","_cardsList","_continueLearning","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ContinueLearning","props","context","ongoingCourses","translate","Title","useCallback","createElement","Fragment","className","style","continueLearningTitle","continueLearningNumber","list","length","cards","_sortBy2","course","_getOr2","title","customStyle","padding","contextTypes","skin","Provider","childContextTypes","propTypes","process","env","NODE_ENV","PropTypes","shape","CardsGrid","_default","exports"],"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":"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","ignoreList":[]}

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

@@ -1,23 +1,7 @@
-/// <reference types="react" />
-import PropTypes from 'prop-types';
-import { CardsGridProps } from '../../organism/cards-grid';
-interface ContinueLearningButtonProps {
-    ongoingCoursesAvailable?: boolean;
-    onClick?: () => void;
-}
-interface ProviderContext {
-    skin: {
-        common: {
-            primary: string;
-            secondary: string;
-        };
-    };
-    translate: (key: string) => string;
-}
-export declare const ContinueLearningButton: {
-    (props: ContinueLearningButtonProps, context: ProviderContext): JSX.Element;
-    contextTypes: {
-        skin: PropTypes.Requireable<PropTypes.InferProps<{
+export function ContinueLearningButton(props: any, context: any): JSX.Element;
+export namespace ContinueLearningButton {
+    namespace contextTypes {
+        const skin: PropTypes.Requireable<PropTypes.InferProps<{
             common: PropTypes.Requireable<{
                 [x: string]: any;
             }>;
@@ -38,49 +22,19 @@ export declare const ContinueLearningButton: {
                 [x: string]: any;
             }>;
         }>>;
-        translate: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-    propTypes: {
-        ongoingCoursesAvailable: PropTypes.Requireable<boolean>;
-        onClick: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-};
-interface Metrics {
-    score?: number;
-    questionsToReview?: number;
-    totalContents?: number;
+        const translate: PropTypes.Requireable<(...args: any[]) => any>;
+    }
+    namespace propTypes {
+        const ongoingCoursesAvailable: PropTypes.Requireable<boolean>;
+        const onClick: PropTypes.Requireable<(...args: any[]) => any>;
+    }
 }
-declare type BannerMicrolearning = Record<string, never> | {
-    action: () => void;
-    oldSwitchValue: boolean;
-};
-interface SkillDetailProps {
-    title: string;
-    skillRef: string;
-    description?: string;
-    metrics?: Metrics;
-    focused?: boolean;
-    availableForReview?: boolean;
-    ongoingCoursesAvailable?: boolean;
-    skillIncludedCourses: CardsGridProps;
-    filters: {
-        onChange?: () => void;
-        options?: unknown[];
-    };
-    onBackClick?: () => void;
-    onReviewClick?: () => void;
-    onContinueLearningClick?: () => void;
-    search: {
-        oldValue: string;
-        onChange: () => void;
-    };
-    bannerMicrolearning?: BannerMicrolearning;
-}
-declare const SkillDetail: {
-    (props: SkillDetailProps, context: ProviderContext): JSX.Element;
-    contextTypes: {
-        translate: PropTypes.Requireable<(...args: any[]) => any>;
-        skin: PropTypes.Requireable<PropTypes.InferProps<{
+export default SkillDetail;
+import PropTypes from "prop-types";
+declare function SkillDetail(props: any, context: any): JSX.Element;
+declare namespace SkillDetail {
+    export namespace contextTypes_1 {
+        const skin_1: PropTypes.Requireable<PropTypes.InferProps<{
             common: PropTypes.Requireable<{
                 [x: string]: any;
             }>;
@@ -101,27 +55,32 @@ declare const SkillDetail: {
                 [x: string]: any;
             }>;
         }>>;
-    };
-    propTypes: {
-        title: PropTypes.Validator<string>;
-        skillRef: PropTypes.Validator<string>;
-        description: PropTypes.Requireable<string>;
-        metrics: PropTypes.Requireable<PropTypes.InferProps<{
+        export { skin_1 as skin };
+        const translate_1: PropTypes.Requireable<(...args: any[]) => any>;
+        export { translate_1 as translate };
+    }
+    export { contextTypes_1 as contextTypes };
+    export namespace propTypes_1 {
+        export const title: PropTypes.Validator<string>;
+        export const skillRef: PropTypes.Validator<string>;
+        export const description: PropTypes.Requireable<string>;
+        export const metrics: PropTypes.Requireable<PropTypes.InferProps<{
             score: PropTypes.Requireable<number>;
             questionsToReview: PropTypes.Requireable<number>;
             totalContents: PropTypes.Requireable<number>;
         }>>;
-        focused: PropTypes.Requireable<boolean>;
-        availableForReview: PropTypes.Requireable<boolean>;
-        ongoingCoursesAvailable: PropTypes.Requireable<boolean>;
-        skillIncludedCourses: PropTypes.Requireable<PropTypes.InferProps<{
+        export const focused: PropTypes.Requireable<boolean>;
+        export const availableForReview: PropTypes.Requireable<boolean>;
+        const ongoingCoursesAvailable_1: PropTypes.Requireable<boolean>;
+        export { ongoingCoursesAvailable_1 as ongoingCoursesAvailable };
+        export const skillIncludedCourses: PropTypes.Requireable<PropTypes.InferProps<{
             list: PropTypes.Requireable<(PropTypes.InferProps<any> | null | undefined)[]>;
             customStyle: PropTypes.Requireable<{
                 [x: string]: string | null | undefined;
             }>;
             loading: PropTypes.Requireable<boolean>;
         }>>;
-        filters: PropTypes.Requireable<PropTypes.InferProps<{
+        export const filters: PropTypes.Requireable<PropTypes.InferProps<{
             onChange: PropTypes.Requireable<(...args: any[]) => any>;
             options: PropTypes.Requireable<(PropTypes.InferProps<{
                 name: PropTypes.Validator<string>;
@@ -130,18 +89,49 @@ declare const SkillDetail: {
                 validOption: PropTypes.Requireable<boolean>;
             }> | null | undefined)[]>;
         }>>;
-        onBackClick: PropTypes.Requireable<(...args: any[]) => any>;
-        onReviewClick: PropTypes.Requireable<(...args: any[]) => any>;
-        onContinueLearningClick: PropTypes.Requireable<(...args: any[]) => any>;
-        search: PropTypes.Requireable<PropTypes.InferProps<{
+        export const sorting: PropTypes.Requireable<PropTypes.InferProps<{
+            title: PropTypes.Requireable<string>;
+            name: PropTypes.Requireable<string>;
+            className: PropTypes.Requireable<string>;
+            borderClassName: PropTypes.Requireable<string>;
+            disabled: PropTypes.Requireable<boolean>;
+            multiple: PropTypes.Requireable<boolean>;
+            description: PropTypes.Requireable<string>;
+            required: PropTypes.Requireable<boolean>;
+            onChange: PropTypes.Requireable<(...args: any[]) => any>;
+            theme: PropTypes.Requireable<string>;
+            options: PropTypes.Requireable<(PropTypes.InferProps<{
+                name: PropTypes.Validator<string>;
+                value: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+                selected: PropTypes.Requireable<boolean>;
+                validOption: PropTypes.Requireable<boolean>;
+            }> | null | undefined)[]>;
+            optgroups: PropTypes.Requireable<(PropTypes.InferProps<{
+                label: PropTypes.Validator<string>;
+                options: PropTypes.Requireable<(PropTypes.InferProps<{
+                    name: PropTypes.Validator<string>;
+                    value: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+                    selected: PropTypes.Requireable<boolean>;
+                    validOption: PropTypes.Requireable<boolean>;
+                }> | null | undefined)[]>;
+            }> | null | undefined)[]>;
+            modified: PropTypes.Requireable<boolean>;
+            error: PropTypes.Requireable<boolean>;
+            'aria-label': PropTypes.Requireable<string>;
+            'aria-labelledby': PropTypes.Requireable<string>;
+        }>>;
+        export const onBackClick: PropTypes.Requireable<(...args: any[]) => any>;
+        export const onReviewClick: PropTypes.Requireable<(...args: any[]) => any>;
+        export const onContinueLearningClick: PropTypes.Requireable<(...args: any[]) => any>;
+        export const search: PropTypes.Requireable<PropTypes.InferProps<{
             oldValue: PropTypes.Requireable<string>;
             onChange: PropTypes.Requireable<(...args: any[]) => any>;
         }>>;
-        bannerMicrolearning: PropTypes.Requireable<PropTypes.InferProps<{
+        export const bannerMicrolearning: PropTypes.Requireable<PropTypes.InferProps<{
             action: PropTypes.Requireable<(...args: any[]) => any>;
             oldSwitchValue: PropTypes.Requireable<boolean>;
         }>>;
-    };
-};
-export default SkillDetail;
+    }
+    export { propTypes_1 as propTypes };
+}
 //# sourceMappingURL=index.d.ts.map

package/lib/template/skill-detail/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/template/skill-detail/index.tsx"],"names":[],"mappings":";AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AAUnC,OAAkB,EAAC,cAAc,EAAC,MAAM,2BAA2B,CAAC;AAMpE,UAAU,2BAA2B;IACnC,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AACD,UAAU,eAAe;IACvB,IAAI,EAAE;QACJ,MAAM,EAAE;YACN,OAAO,EAAE,MAAM,CAAC;YAChB,SAAS,EAAE,MAAM,CAAC;SACnB,CAAC;KACH,CAAC;IACF,SAAS,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;CACpC;AAED,eAAO,MAAM,sBAAsB;YAC1B,2BAA2B,WACzB,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4BzB,CAAC;AAYF,UAAU,OAAO;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,aAAK,mBAAmB,GACpB,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,GACrB;IACE,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,cAAc,EAAE,OAAO,CAAC;CACzB,CAAC;AACN,UAAU,gBAAgB;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,oBAAoB,EAAE,cAAc,CAAC;IACrC,OAAO,EAAE;QACP,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;QACtB,OAAO,CAAC,EAAE,OAAO,EAAE,CAAC;KACrB,CAAC;IACF,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,uBAAuB,CAAC,EAAE,MAAM,IAAI,CAAC;IACrC,MAAM,EAAE;QACN,QAAQ,EAAE,MAAM,CAAC;QACjB,QAAQ,EAAE,MAAM,IAAI,CAAC;KACtB,CAAC;IACF,mBAAmB,CAAC,EAAE,mBAAmB,CAAC;CAC3C;AACD,QAAA,MAAM,WAAW;YAAW,gBAAgB,WAAW,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyMrE,CAAC;AAqCF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/template/skill-detail/index.js"],"names":[],"mappings":"AAgBO,8EA+BN;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYD,oEAgKC"}