@coorpacademy/components 11.40.15 → 11.40.17-react18.15

package/es/molecule/filters/index.d.ts

@@ -7,10 +7,10 @@ declare class Filters extends React.Component<any, any, any> {
         sortTabLabel: PropTypes.Requireable<string>;
         openFilters: PropTypes.Requireable<boolean>;
         openSorts: PropTypes.Requireable<boolean>;
-        filters: PropTypes.Requireable<(PropTypes.InferProps<{
+        filters: PropTypes.Requireable<PropTypes.InferProps<{
             type: PropTypes.Validator<string>;
             fieldName: PropTypes.Validator<string>;
-        }> | null | undefined)[]>;
+        }>[]>;
         sorting: PropTypes.Requireable<PropTypes.InferProps<{
             title: PropTypes.Requireable<string>;
             name: PropTypes.Requireable<string>;
@@ -23,21 +23,21 @@ declare class Filters extends React.Component<any, any, any> {
             required: PropTypes.Requireable<boolean>;
             onChange: PropTypes.Requireable<(...args: any[]) => any>;
             theme: PropTypes.Requireable<string>;
-            options: PropTypes.Requireable<(PropTypes.InferProps<{
+            options: PropTypes.Requireable<PropTypes.InferProps<{
                 name: PropTypes.Validator<string>;
-                value: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+                value: PropTypes.Requireable<NonNullable<string | number>>;
                 selected: PropTypes.Requireable<boolean>;
                 validOption: PropTypes.Requireable<boolean>;
-            }> | null | undefined)[]>;
-            optgroups: PropTypes.Requireable<(PropTypes.InferProps<{
+            }>[]>;
+            optgroups: PropTypes.Requireable<PropTypes.InferProps<{
                 label: PropTypes.Validator<string>;
-                options: PropTypes.Requireable<(PropTypes.InferProps<{
+                options: PropTypes.Requireable<PropTypes.InferProps<{
                     name: PropTypes.Validator<string>;
-                    value: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+                    value: PropTypes.Requireable<NonNullable<string | number>>;
                     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>;
@@ -82,7 +82,7 @@ declare class Filters extends React.Component<any, any, any> {
     handleOpenFilter(): void;
     handleOpenSort(): void;
     handleSearch(): void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 import React from "react";
 import PropTypes from "prop-types";

package/es/molecule/filters/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/filters/index.js"],"names":[],"mappings":";AASA;IACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAgBE;IAEF;;;;;;;;;;;;;;;;;;;;;;MAEE;IAEF,wBASC;IAPC;;;MAGC;IAMH,yBAcC;IAED,uBAYC;IAED,qBAOC;IAED,sBA4FC;CACF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/filters/index.js"],"names":[],"mappings":";AASA;IACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAgBE;IAEF;;;;;;;;;;;;;;;;;;;;;;MAEE;IAEF,wBASC;IAPC;;;MAGC;IAMH,yBAcC;IAED,uBAYC;IAED,qBAOC;IAED,4BA4FC;CACF"}

package/es/molecule/forum/forum-comment/index.d.ts

@@ -1,5 +1,5 @@
 export default ForumComment;
-declare function ForumComment(props: any, context: any): JSX.Element;
+declare function ForumComment(props: any, context: any): React.JSX.Element;
 declare namespace ForumComment {
     namespace contextTypes {
         const translate: PropTypes.Requireable<(...args: any[]) => any>;
@@ -36,6 +36,7 @@ declare namespace ForumComment {
         export const postDisabled: PropTypes.Requireable<boolean>;
     }
 }
+import React from "react";
 import PropTypes from "prop-types";
 import { SrcPropType } from "../../../util/proptypes";
 //# sourceMappingURL=index.d.ts.map

package/es/molecule/forum/forum-comment/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/molecule/forum/forum-comment/index.js"],"names":[],"mappings":";AASA,qEA0DC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/molecule/forum/forum-comment/index.js"],"names":[],"mappings":";AASA,2EA0DC"}

package/es/molecule/forum/forum-post/index.d.ts

@@ -1,5 +1,5 @@
 export default ForumPost;
-declare function ForumPost(props: any, context: any): JSX.Element;
+declare function ForumPost(props: any, context: any): React.JSX.Element;
 declare namespace ForumPost {
     namespace contextTypes {
         const translate: PropTypes.Requireable<(...args: any[]) => any>;
@@ -58,6 +58,7 @@ declare namespace ForumPost {
         export const editionTextareaDisabled: PropTypes.Requireable<boolean>;
     }
 }
+import React from "react";
 import PropTypes from "prop-types";
 import { SrcPropType } from "../../../util/proptypes";
 //# sourceMappingURL=index.d.ts.map

package/es/molecule/forum/forum-post/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/molecule/forum/forum-post/index.js"],"names":[],"mappings":";AAUA,kEAsJC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/molecule/forum/forum-post/index.js"],"names":[],"mappings":";AAUA,wEAsJC"}

package/es/molecule/forum/forum-thread/index.d.ts

@@ -1,6 +1,7 @@
 export default ForumThread;
-declare function ForumThread(props: any): JSX.Element;
+declare function ForumThread(props: any): React.JSX.Element;
 declare namespace ForumThread {
     const propTypes: any;
 }
+import React from "react";
 //# sourceMappingURL=index.d.ts.map

package/es/molecule/forum/forum-thread/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/molecule/forum/forum-thread/index.js"],"names":[],"mappings":";AAMA,sDAcC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/molecule/forum/forum-thread/index.js"],"names":[],"mappings":";AAMA,4DAcC"}

package/es/molecule/go1-banner/index.d.ts

@@ -1,5 +1,5 @@
 export default Go1Banner;
-declare function Go1Banner(props: any): JSX.Element;
+declare function Go1Banner(props: any): React.JSX.Element;
 declare namespace Go1Banner {
     namespace propTypes {
         const image: PropTypes.Requireable<string>;
@@ -9,5 +9,6 @@ declare namespace Go1Banner {
         const submitValue: PropTypes.Requireable<string>;
     }
 }
+import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/es/molecule/go1-banner/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/go1-banner/index.js"],"names":[],"mappings":";AAKA,oDA8BC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/go1-banner/index.js"],"names":[],"mappings":";AAKA,0DA8BC"}

package/es/molecule/go1-banner/style.css

@@ -4,11 +4,11 @@
 @value colors: "../../variables/colors.css";
 @value go1_primary_hover from colors;
 @value go1_primary from colors;
-@value go1_backgound from colors;
+@value go1_background from colors;
 @value white from colors;
 
 .background {
-  background: go1_backgound;
+  background: go1_background;
   border-radius: 8px;
   width: 100%;
   min-height: 246px;
@@ -40,7 +40,7 @@
 }
 
 .ctaButton a {
- color: go1_backgound;
+ color: go1_background;
 }
 
 .title {

package/es/molecule/hero/index.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from 'react';
 import { WebContextValues } from '../../atom/provider/web-context';
 import { Props } from './types';
 declare const Hero: {
-    (props: Props, context: WebContextValues): JSX.Element;
+    (props: Props, context: WebContextValues): React.JSX.Element;
     contextTypes: {
         skin: import("prop-types").Requireable<import("prop-types").InferProps<{
             common: import("prop-types").Requireable<{

package/es/molecule/hero/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/hero/index.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAC,gBAAgB,EAAC,MAAM,iCAAiC,CAAC;AACjE,OAAO,EAAY,KAAK,EAAC,MAAM,SAAS,CAAC;AAGzC,QAAA,MAAM,IAAI;YAAW,KAAK,WAAW,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkDpD,CAAC;AAQF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/hero/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,EAAC,gBAAgB,EAAC,MAAM,iCAAiC,CAAC;AACjE,OAAO,EAAY,KAAK,EAAC,MAAM,SAAS,CAAC;AAGzC,QAAA,MAAM,IAAI;YAAW,KAAK,WAAW,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkDpD,CAAC;AAQF,eAAe,IAAI,CAAC"}

package/es/molecule/icon-picker-modal/index.d.ts

@@ -1,5 +1,5 @@
 export default IconPickerModal;
-declare function IconPickerModal(props: any, context: any): JSX.Element | null;
+declare function IconPickerModal(props: any, context: any): React.JSX.Element;
 declare namespace IconPickerModal {
     namespace contextTypes {
         const translate: PropTypes.Requireable<(...args: any[]) => any>;
@@ -10,5 +10,6 @@ declare namespace IconPickerModal {
         const onClose: PropTypes.Requireable<(...args: any[]) => any>;
     }
 }
+import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/es/molecule/icon-picker-modal/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/icon-picker-modal/index.js"],"names":[],"mappings":";AAaA,+EA6GC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/icon-picker-modal/index.js"],"names":[],"mappings":";AAaA,8EA6GC"}

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

@@ -8,7 +8,7 @@ import _map from "lodash/fp/map";
 import _entries from "lodash/fp/entries";
 import React, { useMemo, useState, useCallback, useEffect } from 'react';
 import PropTypes from 'prop-types';
-import { fas } from '@fortawesome/pro-solid-svg-icons';
+import { fas } from '@fortawesome/free-solid-svg-icons';
 import BaseModal from '../base-modal';
 import SelectIcon from '../../atom/select-icon';
 import Provider from '../../atom/provider';

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

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

package/es/molecule/icon-preview/index.d.ts

@@ -4,7 +4,7 @@ declare type IconPreviewCustomProps = IconPreviewProps & {
     customStyle?: React.CSSProperties;
 };
 declare const IconPreview: {
-    (props: IconPreviewCustomProps): JSX.Element;
+    (props: IconPreviewCustomProps): React.JSX.Element;
     propTypes: {
         title: import("prop-types").Requireable<string>;
         icon: import("prop-types").Validator<NonNullable<import("prop-types").InferProps<{

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

@@ -1,5 +1,5 @@
 export default InputTextWithTiteledCheckbox;
-declare function InputTextWithTiteledCheckbox(props: any): JSX.Element;
+declare function InputTextWithTiteledCheckbox(props: any): React.JSX.Element;
 declare namespace InputTextWithTiteledCheckbox {
     const propTypes: {
         title: PropTypes.Requireable<string>;
@@ -19,5 +19,6 @@ declare namespace InputTextWithTiteledCheckbox {
         inputTextOnChange: PropTypes.Requireable<(...args: any[]) => any>;
     };
 }
+import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/input-text-with-titled-checkbox/index.js"],"names":[],"mappings":";AAMA,uEA0CC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/input-text-with-titled-checkbox/index.js"],"names":[],"mappings":";AAMA,6EA0CC"}

package/es/molecule/learner-skill-card/index.d.ts

@@ -1,6 +1,6 @@
 export function updateBackgroundImage(ref: any, background: any): void;
 export default LearnerSkillCard;
-declare function LearnerSkillCard(props: any, context: any): JSX.Element;
+declare function LearnerSkillCard(props: any, context: any): React.JSX.Element;
 declare namespace LearnerSkillCard {
     namespace contextTypes {
         const translate: PropTypes.Requireable<(...args: any[]) => any>;
@@ -24,5 +24,6 @@ declare namespace LearnerSkillCard {
         onClick: PropTypes.Requireable<(...args: any[]) => any>;
     };
 }
+import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/es/molecule/learner-skill-card/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/learner-skill-card/index.js"],"names":[],"mappings":"AAWO,uEAIN;;AACD,yEAsIC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/learner-skill-card/index.js"],"names":[],"mappings":"AAWO,uEAIN;;AACD,+EAsIC"}

package/es/molecule/learning-priority-card/index.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from 'react';
 import { WebContextValues } from '../../atom/provider/web-context';
 import { LearningPriorityCardPropTypes } from './types';
 declare const LearningPriorityCard: {
-    (props: LearningPriorityCardPropTypes, context: WebContextValues): JSX.Element;
+    (props: LearningPriorityCardPropTypes, context: WebContextValues): React.JSX.Element;
     propTypes: {
         title: import("prop-types").Requireable<string>;
         tagLabel: import("prop-types").Requireable<string>;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/learning-priority-card/index.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAC,gBAAgB,EAAC,MAAM,iCAAiC,CAAC;AAIjE,OAAO,EAAC,6BAA6B,EAAY,MAAM,SAAS,CAAC;AAGjE,QAAA,MAAM,oBAAoB;YAAW,6BAA6B,WAAW,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyD5F,CAAC;AASF,eAAe,oBAAoB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/learning-priority-card/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAC,gBAAgB,EAAC,MAAM,iCAAiC,CAAC;AAIjE,OAAO,EAAC,6BAA6B,EAAY,MAAM,SAAS,CAAC;AAGjE,QAAA,MAAM,oBAAoB;YAAW,6BAA6B,WAAW,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyD5F,CAAC;AASF,eAAe,oBAAoB,CAAC"}

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

@@ -1,30 +1,31 @@
 export default LearningPriorityModal;
-declare function LearningPriorityModal(props: any, context: any): JSX.Element | null;
+declare function LearningPriorityModal(props: any, context: any): React.JSX.Element;
 declare namespace LearningPriorityModal {
     namespace contextTypes {
         const translate: PropTypes.Requireable<(...args: any[]) => any>;
     }
     namespace propTypes {
-        const priorities: PropTypes.Requireable<(PropTypes.InferProps<{
+        const priorities: PropTypes.Requireable<PropTypes.InferProps<{
             priorityRef: PropTypes.Requireable<string>;
             title: PropTypes.Requireable<string>;
             courses: PropTypes.Requireable<number>;
             type: PropTypes.Requireable<string>;
-        }> | null | undefined)[]>;
-        const preselected: PropTypes.Requireable<(string | null | undefined)[]>;
+        }>[]>;
+        const preselected: PropTypes.Requireable<string[]>;
         const isOpen: PropTypes.Requireable<boolean>;
         const isLoading: PropTypes.Requireable<boolean>;
-        const filters: PropTypes.Requireable<(PropTypes.InferProps<{
+        const filters: PropTypes.Requireable<PropTypes.InferProps<{
             count: PropTypes.Requireable<number>;
             name: PropTypes.Validator<string>;
-            value: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+            value: PropTypes.Requireable<NonNullable<string | number>>;
             selected: PropTypes.Requireable<boolean>;
             validOption: PropTypes.Requireable<boolean>;
-        }> | null | undefined)[]>;
+        }>[]>;
         const onCancel: PropTypes.Requireable<(...args: any[]) => any>;
         const onAdd: PropTypes.Requireable<(...args: any[]) => any>;
         const onClose: PropTypes.Requireable<(...args: any[]) => any>;
     }
 }
+import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

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

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

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

@@ -32,7 +32,7 @@ const FilterButton = props => {
   const buttonProps = {
     customStyle: {
       backgroundColor: active ? convert(`color(${primarySkinColor} a(0.07))`) : 'transparent',
-      color: active ? primarySkinColor : '#9999A8',
+      color: active ? primarySkinColor : COLORS.cm_grey_400,
       transition: 'background-color 0.15s ease-in-out, color 0.15s ease-in-out',
       width: 'fit-content'
     },

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

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

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

@@ -1,5 +1,5 @@
 export default LearningPrioritySetupItem;
-declare function LearningPrioritySetupItem(props: any, context: any): JSX.Element;
+declare function LearningPrioritySetupItem(props: any, context: any): React.JSX.Element;
 declare namespace LearningPrioritySetupItem {
     namespace contextTypes {
         const translate: PropTypes.Requireable<(...args: any[]) => any>;
@@ -14,5 +14,6 @@ declare namespace LearningPrioritySetupItem {
         onRemove: PropTypes.Requireable<(...args: any[]) => any>;
     };
 }
+import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

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

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

package/es/molecule/learning-profile-radar-chart/index.d.ts

@@ -1,11 +1,11 @@
-/// <reference types="react" />
+import React from 'react';
 import { WebContextValues } from '../../atom/provider/web-context';
 import { FormatedDataType, LearningProfileRadarChartPropTypes } from './types';
 export declare const formatData: (legend: {
     [ref: string]: string;
 }, data_: LearningProfileRadarChartPropTypes['data']) => FormatedDataType[];
 export declare const LearningProfileRadarChart: {
-    ({ data, legend, totalDataset, colors: colorsProps, onClick, onExploreClick, width, height, margin }: LearningProfileRadarChartPropTypes, legacyContext: WebContextValues): JSX.Element;
+    ({ data, legend, totalDataset, colors: colorsProps, onClick, onExploreClick, width, height, margin }: LearningProfileRadarChartPropTypes, legacyContext: WebContextValues): React.JSX.Element;
     contextTypes: {
         skin: import("prop-types").Requireable<import("prop-types").InferProps<{
             common: import("prop-types").Requireable<{
@@ -32,14 +32,14 @@ export declare const LearningProfileRadarChart: {
     };
     propTypes: {
         data: import("prop-types").Validator<{
-            [x: string]: NonNullable<number | (number | null | undefined)[] | null | undefined> | null | undefined;
+            [x: string]: NonNullable<number | number[]>;
         }>;
         totalDataset: import("prop-types").Validator<number>;
         onDotClick: import("prop-types").Requireable<(...args: any[]) => any>;
-        colors: import("prop-types").Requireable<(import("prop-types").InferProps<{
+        colors: import("prop-types").Requireable<import("prop-types").InferProps<{
             gradient: import("prop-types").Requireable<import("prop-types").InferProps<{
-                fill: import("prop-types").Requireable<(string | null | undefined)[]>;
-                stroke: import("prop-types").Requireable<(string | null | undefined)[]>;
+                fill: import("prop-types").Requireable<string[]>;
+                stroke: import("prop-types").Requireable<string[]>;
             }>>;
             percentage: import("prop-types").Requireable<import("prop-types").InferProps<{
                 color: import("prop-types").Requireable<string>;
@@ -48,24 +48,24 @@ export declare const LearningProfileRadarChart: {
             label: import("prop-types").Requireable<import("prop-types").InferProps<{
                 color: import("prop-types").Requireable<string>;
             }>>;
-        }> | null | undefined)[]>;
+        }>[]>;
         width: import("prop-types").Requireable<number>;
         height: import("prop-types").Requireable<number>;
         onExploreClick: import("prop-types").Requireable<(...args: any[]) => any>;
     };
 };
 declare const ResponsiveLearningProfileRadarChart: {
-    (props: LearningProfileRadarChartPropTypes): JSX.Element;
+    (props: LearningProfileRadarChartPropTypes): React.JSX.Element;
     propTypes: {
         data: import("prop-types").Validator<{
-            [x: string]: NonNullable<number | (number | null | undefined)[] | null | undefined> | null | undefined;
+            [x: string]: NonNullable<number | number[]>;
         }>;
         totalDataset: import("prop-types").Validator<number>;
         onDotClick: import("prop-types").Requireable<(...args: any[]) => any>;
-        colors: import("prop-types").Requireable<(import("prop-types").InferProps<{
+        colors: import("prop-types").Requireable<import("prop-types").InferProps<{
             gradient: import("prop-types").Requireable<import("prop-types").InferProps<{
-                fill: import("prop-types").Requireable<(string | null | undefined)[]>;
-                stroke: import("prop-types").Requireable<(string | null | undefined)[]>;
+                fill: import("prop-types").Requireable<string[]>;
+                stroke: import("prop-types").Requireable<string[]>;
             }>>;
             percentage: import("prop-types").Requireable<import("prop-types").InferProps<{
                 color: import("prop-types").Requireable<string>;
@@ -74,7 +74,7 @@ declare const ResponsiveLearningProfileRadarChart: {
             label: import("prop-types").Requireable<import("prop-types").InferProps<{
                 color: import("prop-types").Requireable<string>;
             }>>;
-        }> | null | undefined)[]>;
+        }>[]>;
         width: import("prop-types").Requireable<number>;
         height: import("prop-types").Requireable<number>;
         onExploreClick: import("prop-types").Requireable<(...args: any[]) => any>;

package/es/molecule/learning-profile-radar-chart/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/learning-profile-radar-chart/index.tsx"],"names":[],"mappings":";AAiCA,OAAO,EAAC,gBAAgB,EAAC,MAAM,iCAAiC,CAAC;AACjE,OAAO,EAGL,gBAAgB,EAChB,kCAAkC,EAGnC,MAAM,SAAS,CAAC;AAoUjB,eAAO,MAAM,UAAU,EAAE,CACvB,MAAM,EAAE;IAAC,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;CAAC,EAC/B,KAAK,EAAE,kCAAkC,CAAC,MAAM,CAAC,KAC9C,gBAAgB,EAOX,CAAC;AAEX,eAAO,MAAM,yBAAyB;0GAWjC,kCAAkC,iBACtB,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqJhC,CAAC;AAEF,QAAA,MAAM,mCAAmC;YAAW,kCAAkC;;;;;;;;;;;;;;;;;;;;;;;;CAIrF,CAAC;AAUF,eAAe,mCAAmC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/learning-profile-radar-chart/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAiCjF,OAAO,EAAC,gBAAgB,EAAC,MAAM,iCAAiC,CAAC;AACjE,OAAO,EAGL,gBAAgB,EAChB,kCAAkC,EAGnC,MAAM,SAAS,CAAC;AAoUjB,eAAO,MAAM,UAAU,EAAE,CACvB,MAAM,EAAE;IAAC,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;CAAC,EAC/B,KAAK,EAAE,kCAAkC,CAAC,MAAM,CAAC,KAC9C,gBAAgB,EAOX,CAAC;AAEX,eAAO,MAAM,yBAAyB;0GAWjC,kCAAkC,iBACtB,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqJhC,CAAC;AAEF,QAAA,MAAM,mCAAmC;YAAW,kCAAkC;;;;;;;;;;;;;;;;;;;;;;;;CAIrF,CAAC;AAUF,eAAe,mCAAmC,CAAC"}