@coorpacademy/components 11.40.21 → 11.40.22-slider.13

package/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/molecule/icon-picker-modal/index.js

@@ -12,7 +12,7 @@ var _map2 = _interopRequireDefault(require("lodash/fp/map"));
 var _entries2 = _interopRequireDefault(require("lodash/fp/entries"));
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _proSolidSvgIcons = require("@fortawesome/pro-solid-svg-icons");
+var _freeSolidSvgIcons = require("@fortawesome/free-solid-svg-icons");
 var _baseModal = _interopRequireDefault(require("../base-modal"));
 var _selectIcon = _interopRequireDefault(require("../../atom/select-icon"));
 var _provider = _interopRequireDefault(require("../../atom/provider"));
@@ -34,7 +34,7 @@ const IconPickerModal = (props, context) => {
   } = context;
   const [displayedIcons, setDisplayedIcons] = (0, _react.useState)([]);
   const [currentIndex, setCurrentIndex] = (0, _react.useState)(0);
-  const allIcons = (0, _react.useMemo)(() => (0, _pipe2.default)(_values2.default, (0, _map2.default)((0, _get2.default)('iconName')), _uniq2.default)(_proSolidSvgIcons.fas), []);
+  const allIcons = (0, _react.useMemo)(() => (0, _pipe2.default)(_values2.default, (0, _map2.default)((0, _get2.default)('iconName')), _uniq2.default)(_freeSolidSvgIcons.fas), []);
   const {
     searchValue,
     searchResults,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_proSolidSvgIcons","_baseModal","_selectIcon","_provider","_searchForm","_style","_useIconSearch","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ICONS_PER_LOAD","IconPickerModal","props","context","isOpen","onClose","onClick","translate","displayedIcons","setDisplayedIcons","useState","currentIndex","setCurrentIndex","allIcons","useMemo","_pipe2","_values2","_map2","_get2","_uniq2","fas","searchValue","searchResults","handleSearch","handleReset","useIconSearch","handleClose","useCallback","loadMoreIcons","nextIndex","newIcons","_slice2","prevIcons","useEffect","handleScroll","event","scrollTop","clientHeight","scrollHeight","currentTarget","icons","_entries2","index","iconName","handleIconClick","createElement","key","size","faIcon","options","title","description","onScroll","headerIcon","name","backgroundColor","className","style","iconPicker","Fragment","searchWrapper","search","placeholder","value","onChange","onReset","dataTestId","_size2","emptySearchResultContainer","emptySearchResultTitle","emptySearchResultDescription","emptySearchResultClearSearch","iconsListWrapper","contextTypes","Provider","childContextTypes","propTypes","process","env","NODE_ENV","PropTypes","bool","func","_default","exports"],"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","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_freeSolidSvgIcons","_baseModal","_selectIcon","_provider","_searchForm","_style","_useIconSearch","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ICONS_PER_LOAD","IconPickerModal","props","context","isOpen","onClose","onClick","translate","displayedIcons","setDisplayedIcons","useState","currentIndex","setCurrentIndex","allIcons","useMemo","_pipe2","_values2","_map2","_get2","_uniq2","fas","searchValue","searchResults","handleSearch","handleReset","useIconSearch","handleClose","useCallback","loadMoreIcons","nextIndex","newIcons","_slice2","prevIcons","useEffect","handleScroll","event","scrollTop","clientHeight","scrollHeight","currentTarget","icons","_entries2","index","iconName","handleIconClick","createElement","key","size","faIcon","options","title","description","onScroll","headerIcon","name","backgroundColor","className","style","iconPicker","Fragment","searchWrapper","search","placeholder","value","onChange","onReset","dataTestId","_size2","emptySearchResultContainer","emptySearchResultTitle","emptySearchResultDescription","emptySearchResultClearSearch","iconsListWrapper","contextTypes","Provider","childContextTypes","propTypes","process","env","NODE_ENV","PropTypes","bool","func","_default","exports"],"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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/molecule/learning-priority-setup-item/index.d.ts.map

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

package/lib/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/lib/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"}

package/lib/molecule/learning-profile-radar-chart/types.d.ts

@@ -1,14 +1,14 @@
 import PropTypes from 'prop-types';
 export declare const learningProfileRadarChartPropTypes: {
     data: PropTypes.Validator<{
-        [x: string]: NonNullable<number | (number | null | undefined)[] | null | undefined> | null | undefined;
+        [x: string]: NonNullable<number | number[]>;
     }>;
     totalDataset: PropTypes.Validator<number>;
     onDotClick: PropTypes.Requireable<(...args: any[]) => any>;
-    colors: PropTypes.Requireable<(PropTypes.InferProps<{
+    colors: PropTypes.Requireable<PropTypes.InferProps<{
         gradient: PropTypes.Requireable<PropTypes.InferProps<{
-            fill: PropTypes.Requireable<(string | null | undefined)[]>;
-            stroke: PropTypes.Requireable<(string | null | undefined)[]>;
+            fill: PropTypes.Requireable<string[]>;
+            stroke: PropTypes.Requireable<string[]>;
         }>>;
         percentage: PropTypes.Requireable<PropTypes.InferProps<{
             color: PropTypes.Requireable<string>;
@@ -17,7 +17,7 @@ export declare const learningProfileRadarChartPropTypes: {
         label: PropTypes.Requireable<PropTypes.InferProps<{
             color: PropTypes.Requireable<string>;
         }>>;
-    }> | null | undefined)[]>;
+    }>[]>;
     width: PropTypes.Requireable<number>;
     height: PropTypes.Requireable<number>;
     onExploreClick: PropTypes.Requireable<(...args: any[]) => any>;
@@ -44,14 +44,14 @@ export declare const customDotPropTypes: {
 };
 export declare const customTooltipPropTypes: {
     active: PropTypes.Requireable<boolean>;
-    payload: PropTypes.Requireable<(PropTypes.InferProps<{
+    payload: PropTypes.Requireable<PropTypes.InferProps<{
         value: PropTypes.Requireable<number>;
-    }> | null | undefined)[]>;
+    }>[]>;
     label: PropTypes.Requireable<string>;
 };
 export declare const gradientPropTypes: {
     type: PropTypes.Requireable<string>;
-    colors: PropTypes.Requireable<(string | null | undefined)[]>;
+    colors: PropTypes.Requireable<string[]>;
 };
 export declare type ColorType = {
     gradient?: {

package/lib/molecule/list-badges/index.d.ts

@@ -2,15 +2,16 @@ export default ListBadges;
 declare function ListBadges({ items, "aria-label": ariaLabel }: {
     items: any;
     "aria-label": any;
-}): JSX.Element;
+}): React.JSX.Element;
 declare namespace ListBadges {
     const propTypes: {
         'aria-label': PropTypes.Requireable<string>;
-        items: PropTypes.Requireable<(PropTypes.InferProps<{
+        items: PropTypes.Requireable<PropTypes.InferProps<{
             category: PropTypes.Requireable<string>;
             label: PropTypes.Requireable<string>;
-        }> | null | undefined)[]>;
+        }>[]>;
     };
 }
+import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/lib/molecule/list-badges/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/list-badges/index.js"],"names":[],"mappings":";AAMA;;;gBAmBC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/list-badges/index.js"],"names":[],"mappings":";AAMA;;;sBAmBC"}

package/lib/molecule/login-alert/index.d.ts

@@ -1,11 +1,12 @@
 export default LoginAlert;
 declare function LoginAlert({ body }: {
     body: any;
-}): JSX.Element;
+}): React.JSX.Element;
 declare namespace LoginAlert {
     namespace propTypes {
         const body: PropTypes.Validator<string>;
     }
 }
+import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/lib/molecule/login-alert/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/login-alert/index.js"],"names":[],"mappings":";AAKA;;gBAWC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/login-alert/index.js"],"names":[],"mappings":";AAKA;;sBAWC"}

package/lib/molecule/menu-links/index.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 import { Props } from './types';
 declare const MenuLinks: {
-    ({ items, title, showMoreItem, numberOfDisplayedItems, isDesktopMode, withScroll }: Props): JSX.Element;
+    ({ items, title, showMoreItem, numberOfDisplayedItems, isDesktopMode, withScroll }: Props): React.JSX.Element;
     propTypes: {
         title: import("prop-types").Requireable<string>;
         numberOfDisplayedItems: import("prop-types").Requireable<number>;
@@ -12,12 +12,12 @@ declare const MenuLinks: {
             showLessText: import("prop-types").Requireable<string>;
             isSelected: import("prop-types").Requireable<boolean>;
         }>>;
-        items: import("prop-types").Requireable<(import("prop-types").InferProps<{
+        items: import("prop-types").Requireable<import("prop-types").InferProps<{
             text: import("prop-types").Requireable<string>;
             isSelected: import("prop-types").Requireable<boolean>;
             handleOnclick: import("prop-types").Requireable<(...args: any[]) => any>;
             ariaLabel: import("prop-types").Requireable<string>;
-        }> | null | undefined)[]>;
+        }>[]>;
     };
 };
 export default MenuLinks;

package/lib/molecule/menu-links/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/menu-links/index.tsx"],"names":[],"mappings":";AAWA,OAAO,EAAY,KAAK,EAAC,MAAM,SAAS,CAAC;AAWzC,QAAA,MAAM,SAAS;wFAOZ,KAAK;;;;;;;;;;;;;;;;;;CAsEP,CAAC;AAIF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/menu-links/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAWtC,OAAO,EAAY,KAAK,EAAC,MAAM,SAAS,CAAC;AAWzC,QAAA,MAAM,SAAS;wFAOZ,KAAK;;;;;;;;;;;;;;;;;;CAsEP,CAAC;AAIF,eAAe,SAAS,CAAC"}

package/lib/molecule/menu-links/types.d.ts

@@ -9,12 +9,12 @@ export declare const propTypes: {
         showLessText: PropTypes.Requireable<string>;
         isSelected: PropTypes.Requireable<boolean>;
     }>>;
-    items: PropTypes.Requireable<(PropTypes.InferProps<{
+    items: PropTypes.Requireable<PropTypes.InferProps<{
         text: PropTypes.Requireable<string>;
         isSelected: PropTypes.Requireable<boolean>;
         handleOnclick: PropTypes.Requireable<(...args: any[]) => any>;
         ariaLabel: PropTypes.Requireable<string>;
-    }> | null | undefined)[]>;
+    }>[]>;
 };
 export declare type Item = {
     text: string;

package/lib/molecule/menu-list/index.d.ts

@@ -1,14 +1,15 @@
 export default MenuList;
-declare function MenuList(props: any): JSX.Element;
+declare function MenuList(props: any): React.JSX.Element;
 declare namespace MenuList {
     namespace propTypes {
-        const menuItems: PropTypes.Requireable<(PropTypes.InferProps<{
+        const menuItems: PropTypes.Requireable<PropTypes.InferProps<{
             href: PropTypes.Requireable<string>;
             title: PropTypes.Requireable<string>;
             type: PropTypes.Requireable<string>;
             outgoing: PropTypes.Requireable<boolean>;
-        }> | null | undefined)[]>;
+        }>[]>;
     }
 }
+import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/lib/molecule/menu-list/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/menu-list/index.js"],"names":[],"mappings":";AAWA,mDA+BC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/menu-list/index.js"],"names":[],"mappings":";AAWA,yDA+BC"}

package/lib/molecule/message-popin/index.d.ts

@@ -1,10 +1,11 @@
 export default MessagePopin;
-declare function MessagePopin(props: any): JSX.Element;
+declare function MessagePopin(props: any): React.JSX.Element;
 declare namespace MessagePopin {
     namespace propTypes {
         const header: PropTypes.Requireable<string>;
         const content: PropTypes.Requireable<string>;
     }
 }
+import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/lib/molecule/message-popin/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/message-popin/index.js"],"names":[],"mappings":";AAIA,uDAiBC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/message-popin/index.js"],"names":[],"mappings":";AAIA,6DAiBC"}

package/lib/molecule/modal/index.d.ts

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

package/lib/molecule/modal/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/modal/index.js"],"names":[],"mappings":";AAoCA,gDA2CC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/modal/index.js"],"names":[],"mappings":";AAoCA,sDA2CC"}

package/lib/molecule/module-bubble/index.d.ts

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

package/lib/molecule/module-bubble/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/module-bubble/index.js"],"names":[],"mappings":";AAOA,qEA0BC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/module-bubble/index.js"],"names":[],"mappings":";AAOA,2EA0BC"}

package/lib/molecule/module-card/index.d.ts

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

package/lib/molecule/module-card/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/module-card/index.js"],"names":[],"mappings":";AAQA,mEAkBC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/module-card/index.js"],"names":[],"mappings":";AAQA,yEAkBC"}