npm - @coorpacademy/components - Versions diffs - 11.40.22-slider.21 → 11.40.23 - Mend

@coorpacademy/components 11.40.22-slider.21 → 11.40.23

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1761) hide show

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

@@ -1,5 +1,5 @@
 export default Go1Banner;
-declare function Go1Banner(props: any): React.JSX.Element;
+declare function Go1Banner(props: any): JSX.Element;
 declare namespace Go1Banner {
     namespace propTypes {
         const image: PropTypes.Requireable<string>;
@@ -9,6 +9,5 @@ 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 CHANGED Viewed

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

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

@@ -1,8 +1,8 @@
-import React from 'react';
+/// <reference types="react" />
 import { WebContextValues } from '../../atom/provider/web-context';
 import { Props } from './types';
 declare const Hero: {
-    (props: Props, context: WebContextValues): React.JSX.Element;
+    (props: Props, context: WebContextValues): 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 CHANGED Viewed

	@@ -1 +1 @@
1	- {"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"}
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"}

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

@@ -1,5 +1,5 @@
 export default IconPickerModal;
-declare function IconPickerModal(props: any, context: any): React.JSX.Element;
+declare function IconPickerModal(props: any, context: any): JSX.Element | null;
 declare namespace IconPickerModal {
     namespace contextTypes {
         const translate: PropTypes.Requireable<(...args: any[]) => any>;
@@ -10,6 +10,5 @@ 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 CHANGED Viewed

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

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

@@ -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/free-solid-svg-icons';
+import { fas } from '@fortawesome/pro-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 CHANGED Viewed

	@@ -1 +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/~~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":";;;;;;;;AAAA,OAAOA,KAAK,IAAGC,OAAO,EAAEC,QAAQ,EAAEC,WAAW,EAAEC,SAAS,QAAO,OAAO;AACtE,OAAOC,SAAS,MAAM,YAAY;AAClC,SAAQC,GAAG,QAAO,~~mCAAmC~~;~~AAErD~~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","ignoreList":[]}
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":[]}

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

@@ -4,7 +4,7 @@ declare type IconPreviewCustomProps = IconPreviewProps & {
     customStyle?: React.CSSProperties;
 };
 declare const IconPreview: {
-    (props: IconPreviewCustomProps): React.JSX.Element;
+    (props: IconPreviewCustomProps): 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 CHANGED Viewed

@@ -1,5 +1,5 @@
 export default InputTextWithTiteledCheckbox;
-declare function InputTextWithTiteledCheckbox(props: any): React.JSX.Element;
+declare function InputTextWithTiteledCheckbox(props: any): JSX.Element;
 declare namespace InputTextWithTiteledCheckbox {
     const propTypes: {
         title: PropTypes.Requireable<string>;
@@ -19,6 +19,5 @@ 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 CHANGED Viewed

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

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

@@ -1,6 +1,6 @@
 export function updateBackgroundImage(ref: any, background: any): void;
 export default LearnerSkillCard;
-declare function LearnerSkillCard(props: any, context: any): React.JSX.Element;
+declare function LearnerSkillCard(props: any, context: any): JSX.Element;
 declare namespace LearnerSkillCard {
     namespace contextTypes {
         const translate: PropTypes.Requireable<(...args: any[]) => any>;
@@ -24,6 +24,5 @@ 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 CHANGED Viewed

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

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

@@ -12,6 +12,13 @@ export const updateBackgroundImage = (ref, background) => {
     ref.current.style.backgroundImage = background;
   }
 };
+const handleCardKeyDown = onClick => event => {
+  if (!onClick) return;
+  if (event.key === 'Enter' || event.key === ' ') {
+    event.preventDefault();
+    onClick(event);
+  }
+};
 const LearnerSkillCard = (props, context) => {
   const {
     'aria-label': ariaLabel,
@@ -47,6 +54,9 @@ const LearnerSkillCard = (props, context) => {
     "data-testid": `learner-skill-card-wrapper-${cardIndex}`,
     "data-name": `skill-card-${label}`,
     onClick: onClick,
+    role: onClick ? 'button' : 'group',
+    tabIndex: onClick ? 0 : undefined,
+    onKeyDown: handleCardKeyDown(onClick),
     className: style.learnerSkillCardContainer,
     "aria-label": ariaLabel,
     onMouseEnter: handleMouseEnter,
@@ -100,6 +110,7 @@ const LearnerSkillCard = (props, context) => {
   }, /*#__PURE__*/React.createElement("div", {
     "data-name": "skill-card-title",
     className: style.skillTitle,
+    role: "group",
     "aria-label": ariaLabel || title
   }, title), /*#__PURE__*/React.createElement("div", {
     className: style.contentAndQuestionsWrapper

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":["React","useCallback","useMemo","useRef","PropTypes","Provider","GetTranslateFromContext","ProgressBar","COLORS","createGradientBackground","FaIcon","style","MAX_SCORE","updateBackgroundImage","ref","background","current","backgroundImage","LearnerSkillCard","props","context","ariaLabel","cardIndex","title","label","focus","metrics","progress","icon","onClick","content","questionsToReview","translate","color","name","badgeIconName","badgeLocale","tagTextColor","tagBackgroundColor","purple_700","purple_100","neutral_500","cm_grey_100","headerBackgroundRef","defaultBackground","focusBackground","handleMouseEnter","handleMouseLeave","createElement","className","learnerSkillCardContainer","onMouseEnter","onMouseLeave","iconHeaderWrapper","iconWrapper","iconName","iconColor","size","faSize","wrapperSize","borderRadius","gradientBackground","customStyle","border","learnerSkillCardContent","skillTitleWrapper","skillFocusBadge","backgroundColor","questionWrapper","skillTitle","contentAndQuestionsWrapper","dangerouslySetInnerHTML","__html","count","skillInformation","cm_grey_400","progressInformations","value","displayInfo","max","progressWrapper","cm_positive_500","contextTypes","childContextTypes","propTypes","process","env","NODE_ENV","type","oneOf","isRequired","string","number","bool","shape","func"],"sources":["../../../src/molecule/learner-skill-card/index.js"],"sourcesContent":["import React, {useCallback, useMemo, useRef} from 'react';\nimport PropTypes from 'prop-types';\nimport Provider, {GetTranslateFromContext} from '../../atom/provider';\nimport ProgressBar from '../progress-bar';\nimport {COLORS} from '../../variables/colors';\nimport {createGradientBackground} from '../../util/get-background-gradient-color';\nimport FaIcon from '../../atom/icon';\nimport style from './style.css';\n\nconst MAX_SCORE = 100;\n\nexport const updateBackgroundImage = (ref, background) => {\n if (ref.current) {\n ref.current.style.backgroundImage = background;\n }\n};\nconst LearnerSkillCard = (props, context) => {\n const {\n 'aria-label': ariaLabel,\n cardIndex,\n title,\n label,\n focus,\n metrics,\n progress = 0,\n icon,\n onClick\n } = props;\n const {content, questionsToReview = 0} = metrics;\n const translate = GetTranslateFromContext(context);\n const {color, name} = icon;\n const [badgeIconName, badgeLocale, tagTextColor, tagBackgroundColor] = focus\n ? ['bullseye-arrow', translate('skill_focus'), COLORS.purple_700, COLORS.purple_100]\n : ['shapes', translate('skill'), COLORS.neutral_500, COLORS.cm_grey_100];\n const headerBackgroundRef = useRef(null);\n const defaultBackground = useMemo(() => createGradientBackground(color, '93%', '100%'), [color]);\n const focusBackground = useMemo(() => createGradientBackground(color, '83%', '100%'), [color]);\n const handleMouseEnter = useCallback(() => {\n updateBackgroundImage(headerBackgroundRef, focusBackground);\n }, [focusBackground]);\n const handleMouseLeave = useCallback(() => {\n updateBackgroundImage(headerBackgroundRef, defaultBackground);\n }, [defaultBackground]);\n return (\n <div\n data-testid={`learner-skill-card-wrapper-${cardIndex}`}\n data-name={`skill-card-${label}`}\n onClick={onClick}\n className={style.learnerSkillCardContainer}\n aria-label={ariaLabel}\n onMouseEnter={handleMouseEnter}\n onMouseLeave={handleMouseLeave}\n >\n <div\n data-testid=\"learner-skill-card-icon-header-wrapper\"\n ref={headerBackgroundRef}\n className={style.iconHeaderWrapper}\n style={{backgroundImage: defaultBackground, color: tagTextColor}}\n >\n <div className={style.iconWrapper} data-testid=\"learner-skill-card-icon-wrapper\">\n <FaIcon\n {...{\n iconName: name,\n iconColor: color,\n size: {\n faSize: 20,\n wrapperSize: 44\n },\n borderRadius: '12px',\n gradientBackground: true,\n customStyle: {border: '4px solid white'}\n }}\n />\n </div>\n </div>\n <div className={style.learnerSkillCardContent}>\n <div className={style.skillTitleWrapper}>\n <div\n className={style.skillFocusBadge}\n style={{\n backgroundColor: tagBackgroundColor,\n color: tagTextColor\n }}\n >\n <FaIcon\n {...{\n iconName: badgeIconName,\n backgroundColor: tagBackgroundColor,\n size: {\n faSize: 10,\n wrapperSize: 16\n }\n }}\n />\n <span style={{color: tagTextColor}}>{badgeLocale}</span>\n </div>\n\n <div className={style.questionWrapper}>\n <div\n data-name=\"skill-card-title\"\n className={style.skillTitle}\n aria-label={ariaLabel \|\| title}\n >\n {title}\n </div>\n <div className={style.contentAndQuestionsWrapper}>\n <div\n data-name=\"learner-skill-card-skill-content-number\"\n // eslint-disable-next-line react/no-danger\n dangerouslySetInnerHTML={{__html: translate('content', {count: content})}}\n />\n {questionsToReview ? (\n <div\n className={style.skillInformation}\n data-name=\"learner-skill-card-skill-questions-wrapper\"\n >\n <FaIcon\n {...{\n iconName: 'circle',\n iconColor: COLORS.cm_grey_400,\n backgroundColor: 'transparent',\n size: {faSize: 4, wrapperSize: 0}\n }}\n />\n <span\n data-name=\"learner-skill-card-questions-to-review\"\n // eslint-disable-next-line react/no-danger\n dangerouslySetInnerHTML={{\n __html: translate('skill_chart_side_panel_questions_to_review', {\n count: questionsToReview\n })\n }}\n />\n </div>\n ) : null}\n </div>\n </div>\n </div>\n </div>\n <div className={style.progressInformations}>\n <ProgressBar\n value={progress}\n displayInfo={false}\n max={MAX_SCORE}\n className={style.progressWrapper}\n style={{backgroundColor: COLORS.cm_positive_500}}\n />\n </div>\n </div>\n );\n};\n\nLearnerSkillCard.contextTypes = {\n translate: Provider.childContextTypes.translate\n};\n\nLearnerSkillCard.propTypes = {\n type: PropTypes.oneOf(['skill']).isRequired,\n title: PropTypes.string.isRequired,\n label: PropTypes.string,\n 'aria-label': PropTypes.string,\n cardIndex: PropTypes.number,\n focus: PropTypes.bool,\n progress: PropTypes.number,\n metrics: PropTypes.shape({\n content: PropTypes.number,\n questionsToReview: PropTypes.number\n }),\n icon: PropTypes.shape({\n color: PropTypes.string,\n name: PropTypes.string\n }),\n onClick: PropTypes.func\n};\nexport default LearnerSkillCard;\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"file":"index.js","names":["React","useCallback","useMemo","useRef","PropTypes","Provider","GetTranslateFromContext","ProgressBar","COLORS","createGradientBackground","FaIcon","style","MAX_SCORE","updateBackgroundImage","ref","background","current","backgroundImage","handleCardKeyDown","onClick","event","key","preventDefault","LearnerSkillCard","props","context","ariaLabel","cardIndex","title","label","focus","metrics","progress","icon","content","questionsToReview","translate","color","name","badgeIconName","badgeLocale","tagTextColor","tagBackgroundColor","purple_700","purple_100","neutral_500","cm_grey_100","headerBackgroundRef","defaultBackground","focusBackground","handleMouseEnter","handleMouseLeave","createElement","role","tabIndex","undefined","onKeyDown","className","learnerSkillCardContainer","onMouseEnter","onMouseLeave","iconHeaderWrapper","iconWrapper","iconName","iconColor","size","faSize","wrapperSize","borderRadius","gradientBackground","customStyle","border","learnerSkillCardContent","skillTitleWrapper","skillFocusBadge","backgroundColor","questionWrapper","skillTitle","contentAndQuestionsWrapper","dangerouslySetInnerHTML","__html","count","skillInformation","cm_grey_400","progressInformations","value","displayInfo","max","progressWrapper","cm_positive_500","contextTypes","childContextTypes","propTypes","process","env","NODE_ENV","type","oneOf","isRequired","string","number","bool","shape","func"],"sources":["../../../src/molecule/learner-skill-card/index.js"],"sourcesContent":["import React, {useCallback, useMemo, useRef} from 'react';\nimport PropTypes from 'prop-types';\nimport Provider, {GetTranslateFromContext} from '../../atom/provider';\nimport ProgressBar from '../progress-bar';\nimport {COLORS} from '../../variables/colors';\nimport {createGradientBackground} from '../../util/get-background-gradient-color';\nimport FaIcon from '../../atom/icon';\nimport style from './style.css';\n\nconst MAX_SCORE = 100;\n\nexport const updateBackgroundImage = (ref, background) => {\n if (ref.current) {\n ref.current.style.backgroundImage = background;\n }\n};\n\nconst handleCardKeyDown = onClick => event => {\n if (!onClick) return;\n if (event.key === 'Enter' \|\| event.key === ' ') {\n event.preventDefault();\n onClick(event);\n }\n};\n\nconst LearnerSkillCard = (props, context) => {\n const {\n 'aria-label': ariaLabel,\n cardIndex,\n title,\n label,\n focus,\n metrics,\n progress = 0,\n icon,\n onClick\n } = props;\n const {content, questionsToReview = 0} = metrics;\n const translate = GetTranslateFromContext(context);\n const {color, name} = icon;\n const [badgeIconName, badgeLocale, tagTextColor, tagBackgroundColor] = focus\n ? ['bullseye-arrow', translate('skill_focus'), COLORS.purple_700, COLORS.purple_100]\n : ['shapes', translate('skill'), COLORS.neutral_500, COLORS.cm_grey_100];\n const headerBackgroundRef = useRef(null);\n const defaultBackground = useMemo(() => createGradientBackground(color, '93%', '100%'), [color]);\n const focusBackground = useMemo(() => createGradientBackground(color, '83%', '100%'), [color]);\n const handleMouseEnter = useCallback(() => {\n updateBackgroundImage(headerBackgroundRef, focusBackground);\n }, [focusBackground]);\n const handleMouseLeave = useCallback(() => {\n updateBackgroundImage(headerBackgroundRef, defaultBackground);\n }, [defaultBackground]);\n return (\n <div\n data-testid={`learner-skill-card-wrapper-${cardIndex}`}\n data-name={`skill-card-${label}`}\n onClick={onClick}\n role={onClick ? 'button' : 'group'}\n tabIndex={onClick ? 0 : undefined}\n onKeyDown={handleCardKeyDown(onClick)}\n className={style.learnerSkillCardContainer}\n aria-label={ariaLabel}\n onMouseEnter={handleMouseEnter}\n onMouseLeave={handleMouseLeave}\n >\n <div\n data-testid=\"learner-skill-card-icon-header-wrapper\"\n ref={headerBackgroundRef}\n className={style.iconHeaderWrapper}\n style={{backgroundImage: defaultBackground, color: tagTextColor}}\n >\n <div className={style.iconWrapper} data-testid=\"learner-skill-card-icon-wrapper\">\n <FaIcon\n {...{\n iconName: name,\n iconColor: color,\n size: {\n faSize: 20,\n wrapperSize: 44\n },\n borderRadius: '12px',\n gradientBackground: true,\n customStyle: {border: '4px solid white'}\n }}\n />\n </div>\n </div>\n <div className={style.learnerSkillCardContent}>\n <div className={style.skillTitleWrapper}>\n <div\n className={style.skillFocusBadge}\n style={{\n backgroundColor: tagBackgroundColor,\n color: tagTextColor\n }}\n >\n <FaIcon\n {...{\n iconName: badgeIconName,\n backgroundColor: tagBackgroundColor,\n size: {\n faSize: 10,\n wrapperSize: 16\n }\n }}\n />\n <span style={{color: tagTextColor}}>{badgeLocale}</span>\n </div>\n\n <div className={style.questionWrapper}>\n <div\n data-name=\"skill-card-title\"\n className={style.skillTitle}\n role=\"group\"\n aria-label={ariaLabel \|\| title}\n >\n {title}\n </div>\n <div className={style.contentAndQuestionsWrapper}>\n <div\n data-name=\"learner-skill-card-skill-content-number\"\n // eslint-disable-next-line react/no-danger\n dangerouslySetInnerHTML={{__html: translate('content', {count: content})}}\n />\n {questionsToReview ? (\n <div\n className={style.skillInformation}\n data-name=\"learner-skill-card-skill-questions-wrapper\"\n >\n <FaIcon\n {...{\n iconName: 'circle',\n iconColor: COLORS.cm_grey_400,\n backgroundColor: 'transparent',\n size: {faSize: 4, wrapperSize: 0}\n }}\n />\n <span\n data-name=\"learner-skill-card-questions-to-review\"\n // eslint-disable-next-line react/no-danger\n dangerouslySetInnerHTML={{\n __html: translate('skill_chart_side_panel_questions_to_review', {\n count: questionsToReview\n })\n }}\n />\n </div>\n ) : null}\n </div>\n </div>\n </div>\n </div>\n <div className={style.progressInformations}>\n <ProgressBar\n value={progress}\n displayInfo={false}\n max={MAX_SCORE}\n className={style.progressWrapper}\n style={{backgroundColor: COLORS.cm_positive_500}}\n />\n </div>\n </div>\n );\n};\n\nLearnerSkillCard.contextTypes = {\n translate: Provider.childContextTypes.translate\n};\n\nLearnerSkillCard.propTypes = {\n type: PropTypes.oneOf(['skill']).isRequired,\n title: PropTypes.string.isRequired,\n label: PropTypes.string,\n 'aria-label': PropTypes.string,\n cardIndex: PropTypes.number,\n focus: PropTypes.bool,\n progress: PropTypes.number,\n metrics: PropTypes.shape({\n content: PropTypes.number,\n questionsToReview: PropTypes.number\n }),\n icon: PropTypes.shape({\n color: PropTypes.string,\n name: PropTypes.string\n }),\n onClick: PropTypes.func\n};\nexport default LearnerSkillCard;\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,8 +1,8 @@
-import React from 'react';
+/// <reference types="react" />
 import { WebContextValues } from '../../atom/provider/web-context';
 import { LearningPriorityCardPropTypes } from './types';
 declare const LearningPriorityCard: {
-    (props: LearningPriorityCardPropTypes, context: WebContextValues): React.JSX.Element;
+    (props: LearningPriorityCardPropTypes, context: WebContextValues): 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 CHANGED Viewed

	@@ -1 +1 @@
1	- {"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"}
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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0D5F,CAAC;AASF,eAAe,oBAAoB,CAAC"}

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

@@ -42,6 +42,7 @@ const LearningPriorityCard = (props, context) => {
   };
   return /*#__PURE__*/React.createElement("div", {
     className: style.container,
+    role: "group",
     "aria-label": `learning priority card ${title}`,
     "data-name": `learning-priority-card-${title}`
   }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Tag, {

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":["React","convert","Provider","GetTranslateFromContext","GetSkinFromContext","Tag","ButtonLink","CircularProgressBar","propTypes","style","LearningPriorityCard","props","context","tagLabel","title","progression","onClick","translate","skin","exploreLocale","primarySkinColor","_get","buttonExploreProps","customStyle","backgroundColor","color","transition","hoverBackgroundColor","hoverColor","label","icon","position","faIcon","name","size","createElement","className","container","circularProgressBarContainer","strokeWidth","process","env","NODE_ENV","contextTypes","childContextTypes"],"sources":["../../../src/molecule/learning-priority-card/index.tsx"],"sourcesContent":["import React from 'react';\nimport {get} from 'lodash/fp';\nimport {convert} from 'css-color-function';\nimport Provider, {GetTranslateFromContext, GetSkinFromContext} from '../../atom/provider';\nimport {WebContextValues} from '../../atom/provider/web-context';\nimport Tag from '../../atom/tag';\nimport ButtonLink from '../../atom/button-link';\nimport CircularProgressBar from '../../atom/circular-progress-bar';\nimport {LearningPriorityCardPropTypes, propTypes} from './types';\nimport style from './style.css';\n\nconst LearningPriorityCard = (props: LearningPriorityCardPropTypes, context: WebContextValues) => {\n const {tagLabel, title, progression, onClick} = props;\n const translate = GetTranslateFromContext(context);\n const skin = GetSkinFromContext(context);\n const exploreLocale = translate('Explore');\n const primarySkinColor = get('common.primary', skin);\n\n const buttonExploreProps = {\n customStyle: {\n backgroundColor: convert(`color(${primarySkinColor} a(0.07))`),\n color: primarySkinColor,\n transition: 'background-color 0.15s ease-in-out, color 0.15s ease-in-out'\n },\n hoverBackgroundColor: primarySkinColor,\n hoverColor: '#FFFFFF',\n onClick,\n 'aria-label': `${title}, ${exploreLocale}`,\n label: exploreLocale,\n 'data-name': 'learning-priority-explore-button',\n icon: {\n position: 'left' as const,\n faIcon: {\n name: 'compass',\n backgroundColor: convert(`color(${primarySkinColor} a(0.07))`),\n color: primarySkinColor,\n size: 16\n }\n }\n };\n\n return (\n <div\n className={style.container}\n aria-label={`learning priority card ${title}`}\n data-name={`learning-priority-card-${title}`}\n >\n <div>\n <Tag label={tagLabel} size={'S'} />\n </div>\n <div className={style.title}>{title}</div>\n <div className={style.circularProgressBarContainer}>\n <CircularProgressBar\n {...{\n size: 162,\n strokeWidth: 12,\n progression,\n label: translate('completed'),\n 'aria-label': `${title} ${progression}%`,\n 'data-name': `circular-progress-bar-${title}`\n }}\n />\n </div>\n <div data-name=\"button-explore-wrapper\">\n <ButtonLink {...buttonExploreProps} />\n </div>\n </div>\n );\n};\n\nLearningPriorityCard.propTypes = propTypes;\n\nLearningPriorityCard.contextTypes = {\n skin: Provider.childContextTypes.skin,\n translate: Provider.childContextTypes.translate\n};\n\nexport default LearningPriorityCard;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAAQC,OAAO,QAAO,oBAAoB;AAC1C,OAAOC,QAAQ,IAAGC,uBAAuB,EAAEC,kBAAkB,QAAO,qBAAqB;AAEzF,OAAOC,GAAG,MAAM,gBAAgB;AAChC,OAAOC,UAAU,MAAM,wBAAwB;AAC/C,OAAOC,mBAAmB,MAAM,kCAAkC;AAClE,SAAuCC,SAAS,QAAO,SAAS;AAChE,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,oBAAoB,GAAGA,CAACC,KAAoC,EAAEC,OAAyB,KAAK;EAChG,MAAM;IAACC,QAAQ;IAAEC,KAAK;IAAEC,WAAW;IAAEC;EAAO,CAAC,GAAGL,KAAK;EACrD,MAAMM,SAAS,GAAGd,uBAAuB,CAACS,OAAO,CAAC;EAClD,MAAMM,IAAI,GAAGd,kBAAkB,CAACQ,OAAO,CAAC;EACxC,MAAMO,aAAa,GAAGF,SAAS,CAAC,SAAS,CAAC;EAC1C,MAAMG,gBAAgB,GAAGC,IAAA,CAAI,gBAAgB,EAAEH,IAAI,CAAC;EAEpD,MAAMI,kBAAkB,GAAG;IACzBC,WAAW,EAAE;MACXC,eAAe,EAAEvB,OAAO,CAAC,SAASmB,gBAAgB,WAAW,CAAC;MAC9DK,KAAK,EAAEL,gBAAgB;MACvBM,UAAU,EAAE;IACd,CAAC;IACDC,oBAAoB,EAAEP,gBAAgB;IACtCQ,UAAU,EAAE,SAAS;IACrBZ,OAAO;IACP,YAAY,EAAE,GAAGF,KAAK,KAAKK,aAAa,EAAE;IAC1CU,KAAK,EAAEV,aAAa;IACpB,WAAW,EAAE,kCAAkC;IAC/CW,IAAI,EAAE;MACJC,QAAQ,EAAE,MAAe;MACzBC,MAAM,EAAE;QACNC,IAAI,EAAE,SAAS;QACfT,eAAe,EAAEvB,OAAO,CAAC,SAASmB,gBAAgB,WAAW,CAAC;QAC9DK,KAAK,EAAEL,gBAAgB;QACvBc,IAAI,EAAE;MACR;IACF;EACF,CAAC;EAED,oBACElC,KAAA,CAAAmC,aAAA;IACEC,SAAS,EAAE3B,KAAK,CAAC4B,SAAU;~~IAC3B~~,cAAY,~~0BAA0BvB~~,KAAK,EAAG;IAC9C,aAAW,0BAA0BA,KAAK;EAAG,gBAE7Cd,KAAA,CAAAmC,aAAA,2BACEnC,KAAA,CAAAmC,aAAA,CAAC9B,GAAG;IAACwB,KAAK,EAAEhB,QAAS;IAACqB,IAAI,EAAE;EAAI,CAAE,CAC/B,CAAC,eACNlC,KAAA,CAAAmC,aAAA;IAAKC,SAAS,EAAE3B,KAAK,CAACK;EAAM,GAAEA,KAAW,CAAC,eAC1Cd,KAAA,CAAAmC,aAAA;IAAKC,SAAS,EAAE3B,KAAK,~~CAAC6B~~;EAA6B,~~gBACjDtC~~,KAAA,CAAAmC,aAAA,CAAC5B,mBAAmB;IAEhB2B,IAAI,EAAE,GAAG;~~IACTK~~,WAAW,EAAE,EAAE;~~IACfxB~~,WAAW;IACXc,KAAK,EAAEZ,SAAS,CAAC,WAAW,CAAC;IAC7B,YAAY,EAAE,GAAGH,KAAK,IAAIC,WAAW,GAAG;IACxC,WAAW,EAAE,yBAAyBD,KAAK;EAAE,CAEhD,CACE,CAAC,eACNd,KAAA,CAAAmC,aAAA;IAAK,aAAU;EAAwB,gBACrCnC,KAAA,CAAAmC,aAAA,CAAC7B,UAAU,EAAKgB,kBAAqB,CAClC,CACF,CAAC;AAEV,CAAC;AAEDZ,oBAAoB,CAACF,SAAS,~~GAAAgC~~,OAAA,CAAAC,GAAA,CAAAC,QAAA,~~oBAAGlC~~,SAAS;AAE1CE,oBAAoB,~~CAACiC~~,YAAY,GAAG;~~EAClCzB~~,IAAI,EAAEhB,QAAQ,~~CAAC0C~~,iBAAiB,~~CAAC1B~~,IAAI;EACrCD,SAAS,EAAEf,QAAQ,~~CAAC0C~~,iBAAiB,~~CAAC3B~~;AACxC,CAAC;AAED,eAAeP,oBAAoB","ignoreList":[]}
1	+ {"version":3,"file":"index.js","names":["React","convert","Provider","GetTranslateFromContext","GetSkinFromContext","Tag","ButtonLink","CircularProgressBar","propTypes","style","LearningPriorityCard","props","context","tagLabel","title","progression","onClick","translate","skin","exploreLocale","primarySkinColor","_get","buttonExploreProps","customStyle","backgroundColor","color","transition","hoverBackgroundColor","hoverColor","label","icon","position","faIcon","name","size","createElement","className","container","role","circularProgressBarContainer","strokeWidth","process","env","NODE_ENV","contextTypes","childContextTypes"],"sources":["../../../src/molecule/learning-priority-card/index.tsx"],"sourcesContent":["import React from 'react';\nimport {get} from 'lodash/fp';\nimport {convert} from 'css-color-function';\nimport Provider, {GetTranslateFromContext, GetSkinFromContext} from '../../atom/provider';\nimport {WebContextValues} from '../../atom/provider/web-context';\nimport Tag from '../../atom/tag';\nimport ButtonLink from '../../atom/button-link';\nimport CircularProgressBar from '../../atom/circular-progress-bar';\nimport {LearningPriorityCardPropTypes, propTypes} from './types';\nimport style from './style.css';\n\nconst LearningPriorityCard = (props: LearningPriorityCardPropTypes, context: WebContextValues) => {\n const {tagLabel, title, progression, onClick} = props;\n const translate = GetTranslateFromContext(context);\n const skin = GetSkinFromContext(context);\n const exploreLocale = translate('Explore');\n const primarySkinColor = get('common.primary', skin);\n\n const buttonExploreProps = {\n customStyle: {\n backgroundColor: convert(`color(${primarySkinColor} a(0.07))`),\n color: primarySkinColor,\n transition: 'background-color 0.15s ease-in-out, color 0.15s ease-in-out'\n },\n hoverBackgroundColor: primarySkinColor,\n hoverColor: '#FFFFFF',\n onClick,\n 'aria-label': `${title}, ${exploreLocale}`,\n label: exploreLocale,\n 'data-name': 'learning-priority-explore-button',\n icon: {\n position: 'left' as const,\n faIcon: {\n name: 'compass',\n backgroundColor: convert(`color(${primarySkinColor} a(0.07))`),\n color: primarySkinColor,\n size: 16\n }\n }\n };\n\n return (\n <div\n className={style.container}\n role=\"group\"\n aria-label={`learning priority card ${title}`}\n data-name={`learning-priority-card-${title}`}\n >\n <div>\n <Tag label={tagLabel} size={'S'} />\n </div>\n <div className={style.title}>{title}</div>\n <div className={style.circularProgressBarContainer}>\n <CircularProgressBar\n {...{\n size: 162,\n strokeWidth: 12,\n progression,\n label: translate('completed'),\n 'aria-label': `${title} ${progression}%`,\n 'data-name': `circular-progress-bar-${title}`\n }}\n />\n </div>\n <div data-name=\"button-explore-wrapper\">\n <ButtonLink {...buttonExploreProps} />\n </div>\n </div>\n );\n};\n\nLearningPriorityCard.propTypes = propTypes;\n\nLearningPriorityCard.contextTypes = {\n skin: Provider.childContextTypes.skin,\n translate: Provider.childContextTypes.translate\n};\n\nexport default LearningPriorityCard;\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,31 +1,30 @@
 export default LearningPriorityModal;
-declare function LearningPriorityModal(props: any, context: any): React.JSX.Element;
+declare function LearningPriorityModal(props: any, context: any): JSX.Element | null;
 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>;
-        }>[]>;
-        const preselected: PropTypes.Requireable<string[]>;
+        }> | null | undefined)[]>;
+        const preselected: PropTypes.Requireable<(string | null | undefined)[]>;
         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>>;
+            value: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
             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 CHANGED Viewed

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

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

@@ -1,5 +1,5 @@
 export default LearningPrioritySetupItem;
-declare function LearningPrioritySetupItem(props: any, context: any): React.JSX.Element;
+declare function LearningPrioritySetupItem(props: any, context: any): JSX.Element;
 declare namespace LearningPrioritySetupItem {
     namespace contextTypes {
         const translate: PropTypes.Requireable<(...args: any[]) => any>;
@@ -14,6 +14,5 @@ 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 CHANGED Viewed

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

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

@@ -30,6 +30,7 @@ const LearningPrioritySetupItem = (props, context) => {
   };
   return /*#__PURE__*/React.createElement("div", {
     className: style.container,
+    role: "group",
     "aria-label": ariaLabel,
     "data-name": `learning-priority-setup-item-${id}`
   }, /*#__PURE__*/React.createElement("div", {

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":["React","useCallback","PropTypes","Provider","Tag","ButtonLink","style","LearningPrioritySetupItem","props","context","priorityRef","id","title","courses","type","ariaLabel","onRemove","translate","handleRemovePriority","handleTypeTranslate","itemType","createElement","className","container","containerInfos","titleWrapper","label","size","customStyle","width","backgroundColor","hoverBackgroundColor","icon","position","faIcon","name","color","onClick","contextTypes","childContextTypes","propTypes","process","env","NODE_ENV","string","number","oneOf","func"],"sources":["../../../src/molecule/learning-priority-setup-item/index.js"],"sourcesContent":["import React, {useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport Provider from '../../atom/provider';\nimport Tag from '../../atom/tag';\nimport ButtonLink from '../../atom/button-link';\nimport style from './style.css';\n\nconst LearningPrioritySetupItem = (props, context) => {\n const {priorityRef, id, title, courses = null, type, 'aria-label': ariaLabel, onRemove} = props;\n\n const {translate} = context;\n\n const handleRemovePriority = useCallback(\n () => onRemove(priorityRef, type),\n [priorityRef, type, onRemove]\n );\n\n const handleTypeTranslate = itemType => {\n switch (itemType) {\n case 'skill':\n return translate('skill');\n case 'playlist':\n return translate('playlist');\n case 'certificate':\n return translate('certificate');\n }\n };\n\n return (\n <div\n className={style.container}\n aria-label={ariaLabel}\n data-name={`learning-priority-setup-item-${id}`}\n >\n <div className={style.containerInfos}>\n <div className={style.titleWrapper}>\n <div className={style.title} data-name=\"learning-priority-setup-item-title\">\n {title}\n </div>\n <div>\n <Tag label={handleTypeTranslate(type)} size={'S'} />\n </div>\n </div>\n {courses !== null ? (\n <span className={style.courses}>{`${courses} ${translate('courses')}`}</span>\n ) : null}\n </div>\n <ButtonLink\n type=\"primary\"\n customStyle={{\n width: 'fit-content',\n backgroundColor: 'transparent'\n }}\n hoverBackgroundColor=\"#EAEAEB\"\n icon={{\n position: 'left',\n faIcon: {\n name: 'trash',\n color: '#515161',\n size: 16\n }\n }}\n onClick={handleRemovePriority}\n data-testid={`button-link-trash-${priorityRef}`}\n />\n </div>\n );\n};\n\nLearningPrioritySetupItem.contextTypes = {\n translate: Provider.childContextTypes.translate\n};\n\nLearningPrioritySetupItem.propTypes = {\n 'aria-label': PropTypes.string,\n id: PropTypes.string,\n priorityRef: PropTypes.string,\n title: PropTypes.string,\n courses: PropTypes.number,\n type: PropTypes.oneOf(['skill', 'playlist', 'certificate']),\n onRemove: PropTypes.func\n};\n\nexport default LearningPrioritySetupItem;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAGC,WAAW,QAAO,OAAO;AACxC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,QAAQ,MAAM,qBAAqB;AAC1C,OAAOC,GAAG,MAAM,gBAAgB;AAChC,OAAOC,UAAU,MAAM,wBAAwB;AAC/C,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,yBAAyB,GAAGA,CAACC,KAAK,EAAEC,OAAO,KAAK;EACpD,MAAM;IAACC,WAAW;IAAEC,EAAE;IAAEC,KAAK;IAAEC,OAAO,GAAG,IAAI;IAAEC,IAAI;IAAE,YAAY,EAAEC,SAAS;IAAEC;EAAQ,CAAC,GAAGR,KAAK;EAE/F,MAAM;IAACS;EAAS,CAAC,GAAGR,OAAO;EAE3B,MAAMS,oBAAoB,GAAGjB,WAAW,CACtC,MAAMe,QAAQ,CAACN,WAAW,EAAEI,IAAI,CAAC,EACjC,CAACJ,WAAW,EAAEI,IAAI,EAAEE,QAAQ,CAC9B,CAAC;EAED,MAAMG,mBAAmB,GAAGC,QAAQ,IAAI;IACtC,QAAQA,QAAQ;MACd,KAAK,OAAO;QACV,OAAOH,SAAS,CAAC,OAAO,CAAC;MAC3B,KAAK,UAAU;QACb,OAAOA,SAAS,CAAC,UAAU,CAAC;MAC9B,KAAK,aAAa;QAChB,OAAOA,SAAS,CAAC,aAAa,CAAC;IACnC;EACF,CAAC;EAED,oBACEjB,KAAA,CAAAqB,aAAA;IACEC,SAAS,EAAEhB,KAAK,CAACiB,SAAU;~~IAC3B~~,~~cAAYR~~,SAAU;IACtB,aAAW,gCAAgCJ,EAAE;EAAG,gBAEhDX,KAAA,CAAAqB,aAAA;IAAKC,SAAS,EAAEhB,KAAK,~~CAACkB~~;EAAe,~~gBACnCxB~~,KAAA,CAAAqB,aAAA;IAAKC,SAAS,EAAEhB,KAAK,~~CAACmB~~;EAAa,~~gBACjCzB~~,KAAA,CAAAqB,aAAA;IAAKC,SAAS,EAAEhB,KAAK,CAACM,KAAM;IAAC,aAAU;EAAoC,GACxEA,KACE,CAAC,eACNZ,KAAA,CAAAqB,aAAA,2BACErB,KAAA,CAAAqB,aAAA,CAACjB,GAAG;~~IAACsB~~,KAAK,~~EAAEP~~,mBAAmB,CAACL,IAAI,CAAE;~~IAACa~~,IAAI,EAAE;EAAI,CAAE,CAChD,CACF,CAAC,~~EACLd~~,OAAO,KAAK,IAAI,gBACfb,KAAA,CAAAqB,aAAA;IAAMC,SAAS,EAAEhB,KAAK,CAACO;EAAQ,GAAE,GAAGA,OAAO,IAAII,SAAS,CAAC,SAAS,CAAC,EAAS,CAAC,GAC3E,IACD,CAAC,eACNjB,KAAA,CAAAqB,aAAA,CAAChB,UAAU;IACTS,IAAI,EAAC,SAAS;~~IACdc~~,WAAW,EAAE;MACXC,KAAK,EAAE,aAAa;MACpBC,eAAe,EAAE;IACnB,CAAE;IACFC,oBAAoB,EAAC,SAAS;IAC9BC,IAAI,EAAE;MACJC,QAAQ,EAAE,MAAM;MAChBC,MAAM,EAAE;QACNC,IAAI,EAAE,OAAO;QACbC,KAAK,EAAE,SAAS;QAChBT,IAAI,EAAE;MACR;IACF,CAAE;IACFU,OAAO,~~EAAEnB~~,oBAAqB;IAC9B,eAAa,qBAAqBR,WAAW;EAAG,CACjD,CACE,CAAC;AAEV,CAAC;AAEDH,yBAAyB,~~CAAC+B~~,YAAY,GAAG;~~EACvCrB~~,SAAS,EAAEd,QAAQ,~~CAACoC~~,iBAAiB,~~CAACtB~~;AACxC,CAAC;AAEDV,yBAAyB,~~CAACiC~~,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACpC,YAAY,~~EAAEzC~~,SAAS,~~CAAC0C~~,MAAM;~~EAC9BjC~~,EAAE,EAAET,SAAS,~~CAAC0C~~,MAAM;~~EACpBlC~~,WAAW,EAAER,SAAS,~~CAAC0C~~,MAAM;~~EAC7BhC~~,KAAK,EAAEV,SAAS,~~CAAC0C~~,MAAM;~~EACvB/B~~,OAAO,EAAEX,SAAS,~~CAAC2C~~,MAAM;~~EACzB/B~~,IAAI,EAAEZ,SAAS,~~CAAC4C~~,KAAK,CAAC,CAAC,OAAO,EAAE,UAAU,EAAE,aAAa,CAAC,CAAC;~~EAC3D9B~~,QAAQ,EAAEd,SAAS,~~CAAC6C~~;AACtB,CAAC;AAED,~~eAAexC~~,yBAAyB","ignoreList":[]}
1	+ {"version":3,"file":"index.js","names":["React","useCallback","PropTypes","Provider","Tag","ButtonLink","style","LearningPrioritySetupItem","props","context","priorityRef","id","title","courses","type","ariaLabel","onRemove","translate","handleRemovePriority","handleTypeTranslate","itemType","createElement","className","container","role","containerInfos","titleWrapper","label","size","customStyle","width","backgroundColor","hoverBackgroundColor","icon","position","faIcon","name","color","onClick","contextTypes","childContextTypes","propTypes","process","env","NODE_ENV","string","number","oneOf","func"],"sources":["../../../src/molecule/learning-priority-setup-item/index.js"],"sourcesContent":["import React, {useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport Provider from '../../atom/provider';\nimport Tag from '../../atom/tag';\nimport ButtonLink from '../../atom/button-link';\nimport style from './style.css';\n\nconst LearningPrioritySetupItem = (props, context) => {\n const {priorityRef, id, title, courses = null, type, 'aria-label': ariaLabel, onRemove} = props;\n\n const {translate} = context;\n\n const handleRemovePriority = useCallback(\n () => onRemove(priorityRef, type),\n [priorityRef, type, onRemove]\n );\n\n const handleTypeTranslate = itemType => {\n switch (itemType) {\n case 'skill':\n return translate('skill');\n case 'playlist':\n return translate('playlist');\n case 'certificate':\n return translate('certificate');\n }\n };\n\n return (\n <div\n className={style.container}\n role=\"group\"\n aria-label={ariaLabel}\n data-name={`learning-priority-setup-item-${id}`}\n >\n <div className={style.containerInfos}>\n <div className={style.titleWrapper}>\n <div className={style.title} data-name=\"learning-priority-setup-item-title\">\n {title}\n </div>\n <div>\n <Tag label={handleTypeTranslate(type)} size={'S'} />\n </div>\n </div>\n {courses !== null ? (\n <span className={style.courses}>{`${courses} ${translate('courses')}`}</span>\n ) : null}\n </div>\n <ButtonLink\n type=\"primary\"\n customStyle={{\n width: 'fit-content',\n backgroundColor: 'transparent'\n }}\n hoverBackgroundColor=\"#EAEAEB\"\n icon={{\n position: 'left',\n faIcon: {\n name: 'trash',\n color: '#515161',\n size: 16\n }\n }}\n onClick={handleRemovePriority}\n data-testid={`button-link-trash-${priorityRef}`}\n />\n </div>\n );\n};\n\nLearningPrioritySetupItem.contextTypes = {\n translate: Provider.childContextTypes.translate\n};\n\nLearningPrioritySetupItem.propTypes = {\n 'aria-label': PropTypes.string,\n id: PropTypes.string,\n priorityRef: PropTypes.string,\n title: PropTypes.string,\n courses: PropTypes.number,\n type: PropTypes.oneOf(['skill', 'playlist', 'certificate']),\n onRemove: PropTypes.func\n};\n\nexport default LearningPrioritySetupItem;\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,11 +1,11 @@
-import React from 'react';
+/// <reference types="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): React.JSX.Element;
+    ({ data, legend, totalDataset, colors: colorsProps, onClick, onExploreClick, width, height, margin }: LearningProfileRadarChartPropTypes, legacyContext: WebContextValues): 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[]>;
+            [x: string]: NonNullable<number | (number | null | undefined)[] | null | undefined> | null | undefined;
         }>;
         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[]>;
-                stroke: import("prop-types").Requireable<string[]>;
+                fill: import("prop-types").Requireable<(string | null | undefined)[]>;
+                stroke: import("prop-types").Requireable<(string | null | undefined)[]>;
             }>>;
             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): React.JSX.Element;
+    (props: LearningProfileRadarChartPropTypes): JSX.Element;
     propTypes: {
         data: import("prop-types").Validator<{
-            [x: string]: NonNullable<number | number[]>;
+            [x: string]: NonNullable<number | (number | null | undefined)[] | null | undefined> | null | undefined;
         }>;
         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[]>;
-                stroke: import("prop-types").Requireable<string[]>;
+                fill: import("prop-types").Requireable<(string | null | undefined)[]>;
+                stroke: import("prop-types").Requireable<(string | null | undefined)[]>;
             }>>;
             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 CHANGED Viewed

	@@ -1 +1 @@
1	- {"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"}
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"}

package/es/molecule/learning-profile-radar-chart/types.d.ts CHANGED Viewed

@@ -1,14 +1,14 @@
 import PropTypes from 'prop-types';
 export declare const learningProfileRadarChartPropTypes: {
     data: PropTypes.Validator<{
-        [x: string]: NonNullable<number | number[]>;
+        [x: string]: NonNullable<number | (number | null | undefined)[] | null | undefined> | null | undefined;
     }>;
     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[]>;
-            stroke: PropTypes.Requireable<string[]>;
+            fill: PropTypes.Requireable<(string | null | undefined)[]>;
+            stroke: PropTypes.Requireable<(string | null | undefined)[]>;
         }>>;
         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[]>;
+    colors: PropTypes.Requireable<(string | null | undefined)[]>;
 };
 export declare type ColorType = {
     gradient?: {

package/es/molecule/list-badges/index.d.ts CHANGED Viewed

@@ -2,16 +2,15 @@ export default ListBadges;
 declare function ListBadges({ items, "aria-label": ariaLabel }: {
     items: any;
     "aria-label": any;
-}): React.JSX.Element;
+}): 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/es/molecule/list-badges/index.d.ts.map CHANGED Viewed

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

package/es/molecule/login-alert/index.d.ts CHANGED Viewed

@@ -1,12 +1,11 @@
 export default LoginAlert;
 declare function LoginAlert({ body }: {
     body: any;
-}): React.JSX.Element;
+}): 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