@coorpacademy/components 11.32.52 → 11.33.0

package/es/molecule/share/index.js

@@ -9,7 +9,6 @@ const SHARE_STATUS = {
   ERROR: 'ERROR',
   SUCCESS: 'SUCCESS'
 };
-
 const copyTextViaExecCommand = text => {
   const textarea = document.createElement('textarea');
   textarea.style.border = '0';
@@ -17,12 +16,12 @@ const copyTextViaExecCommand = text => {
   textarea.style.visibility = 'hidden';
   textarea.style.position = 'absolute';
   textarea.setAttribute('readonly', '');
-  textarea.value = text; // Element.append is not supported on IE11 :/
-  // eslint-disable-next-line unicorn/prefer-node-append
+  textarea.value = text;
 
+  // Element.append is not supported on IE11 :/
+  // eslint-disable-next-line unicorn/prefer-node-append
   document.body.appendChild(textarea);
   let status = SHARE_STATUS.IDLE;
-
   try {
     textarea.select();
     textarea.setSelectionRange(0, textarea.value.length);
@@ -30,14 +29,13 @@ const copyTextViaExecCommand = text => {
     status = SHARE_STATUS.SUCCESS;
   } catch (error) {
     status = SHARE_STATUS.ERROR;
-  } // Element.remove is not supported on IE11 :/
-  // eslint-disable-next-line unicorn/prefer-node-remove
-
+  }
 
+  // Element.remove is not supported on IE11 :/
+  // eslint-disable-next-line unicorn/prefer-node-remove
   document.body.removeChild(textarea);
   return status;
 };
-
 const StatusContext = /*#__PURE__*/React.createContext(SHARE_STATUS.IDLE);
 export const ShareStatusProvider = ({
   children
@@ -46,11 +44,9 @@ export const ShareStatusProvider = ({
   useEffect(() => {
     let timeoutId;
     const DURATION = 3000;
-
     if (status !== SHARE_STATUS.IDLE) {
       timeoutId = setTimeout(() => setStatus(SHARE_STATUS.IDLE), DURATION);
     }
-
     return () => clearTimeout(timeoutId);
   }, [status]);
   const value = useMemo(() => [status, setStatus], [status]);
@@ -80,7 +76,6 @@ export const ShareFeedback = ({
     role: "alert"
   }, errorWording));
 };
-
 const Share = ({
   style,
   text,
@@ -89,7 +84,6 @@ const Share = ({
   const [, setStatus] = useContext(StatusContext);
   const onClick = useCallback(async () => {
     const browserSupportsClipboardWriteText = 'clipboard' in navigator && 'writeText' in navigator.clipboard;
-
     if (browserSupportsClipboardWriteText) {
       try {
         await navigator.clipboard.writeText(text);
@@ -97,13 +91,11 @@ const Share = ({
       } catch (error) {
         setStatus(SHARE_STATUS.ERROR);
       }
-
       return;
     } else {
       const copyStatus = copyTextViaExecCommand(text);
       setStatus(copyStatus);
     }
-
     return;
   }, [setStatus, text]);
   return /*#__PURE__*/React.createElement("div", {
@@ -120,7 +112,6 @@ const Share = ({
     height: 18
   }), /*#__PURE__*/React.createElement("p", null, wording))));
 };
-
 ShareStatusProvider.propTypes = process.env.NODE_ENV !== "production" ? {
   children: PropTypes.node
 } : {};

package/es/molecule/share/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useState","useMemo","useCallback","useContext","useEffect","PropTypes","classnames","NovaCompositionCoorpacademyCheck","CheckIcon","NovaCompositionCoorpacademyShare","ShareIcon","NovaCompositionCoorpacademyAttention","AttentionIcon","Link","styles","SHARE_STATUS","IDLE","ERROR","SUCCESS","copyTextViaExecCommand","text","textarea","document","createElement","style","border","padding","visibility","position","setAttribute","value","body","appendChild","status","select","setSelectionRange","length","execCommand","error","removeChild","StatusContext","createContext","ShareStatusProvider","children","setStatus","timeoutId","DURATION","setTimeout","clearTimeout","ShareFeedback","successWording","errorWording","feedback","errorFeedback","checkIcon","Share","wording","onClick","browserSupportsClipboardWriteText","navigator","clipboard","writeText","copyStatus","container","cta","wrapper","shareIcon","propTypes","node","string"],"sources":["../../../src/molecule/share/index.js"],"sourcesContent":["import React, {useState, useMemo, useCallback, useContext, useEffect} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {\n  NovaCompositionCoorpacademyCheck as CheckIcon,\n  NovaCompositionCoorpacademyShare as ShareIcon,\n  NovaCompositionCoorpacademyAttention as AttentionIcon\n} from '@coorpacademy/nova-icons';\nimport Link from '../../atom/link';\nimport styles from './style.css';\n\nconst SHARE_STATUS = {\n  IDLE: 'IDLE',\n  ERROR: 'ERROR',\n  SUCCESS: 'SUCCESS'\n};\n\nconst copyTextViaExecCommand = text => {\n  const textarea = document.createElement('textarea');\n\n  textarea.style.border = '0';\n  textarea.style.padding = '0';\n  textarea.style.visibility = 'hidden';\n  textarea.style.position = 'absolute';\n  textarea.setAttribute('readonly', '');\n  textarea.value = text;\n\n  // Element.append is not supported on IE11 :/\n  // eslint-disable-next-line unicorn/prefer-node-append\n  document.body.appendChild(textarea);\n  let status = SHARE_STATUS.IDLE;\n\n  try {\n    textarea.select();\n    textarea.setSelectionRange(0, textarea.value.length);\n    document.execCommand('copy');\n    status = SHARE_STATUS.SUCCESS;\n  } catch (error) {\n    status = SHARE_STATUS.ERROR;\n  }\n\n  // Element.remove is not supported on IE11 :/\n  // eslint-disable-next-line unicorn/prefer-node-remove\n  document.body.removeChild(textarea);\n\n  return status;\n};\n\nconst StatusContext = React.createContext(SHARE_STATUS.IDLE);\n\nexport const ShareStatusProvider = ({children}) => {\n  const [status, setStatus] = useState(SHARE_STATUS.IDLE);\n  useEffect(() => {\n    let timeoutId;\n    const DURATION = 3000;\n    if (status !== SHARE_STATUS.IDLE) {\n      timeoutId = setTimeout(() => setStatus(SHARE_STATUS.IDLE), DURATION);\n    }\n    return () => clearTimeout(timeoutId);\n  }, [status]);\n\n  const value = useMemo(() => [status, setStatus], [status]);\n\n  return <StatusContext.Provider value={value}>{children}</StatusContext.Provider>;\n};\n\nexport const ShareFeedback = ({successWording, errorWording}) => {\n  const [status] = useContext(StatusContext);\n  if (status === SHARE_STATUS.IDLE) return null;\n\n  return (\n    <div\n      className={classnames(styles.feedback, status === SHARE_STATUS.ERROR && styles.errorFeedback)}\n    >\n      {status === SHARE_STATUS.SUCCESS ? (\n        <CheckIcon className={styles.checkIcon} width={13} height={13} />\n      ) : (\n        <AttentionIcon className={styles.checkIcon} width={13} height={13} />\n      )}\n      {status === SHARE_STATUS.SUCCESS ? (\n        <p role=\"status\">{successWording}</p>\n      ) : (\n        <p role=\"alert\">{errorWording}</p>\n      )}\n    </div>\n  );\n};\n\nconst Share = ({style, text, wording}) => {\n  const [, setStatus] = useContext(StatusContext);\n  const onClick = useCallback(async () => {\n    const browserSupportsClipboardWriteText =\n      'clipboard' in navigator && 'writeText' in navigator.clipboard;\n    if (browserSupportsClipboardWriteText) {\n      try {\n        await navigator.clipboard.writeText(text);\n        setStatus(SHARE_STATUS.SUCCESS);\n      } catch (error) {\n        setStatus(SHARE_STATUS.ERROR);\n      }\n      return;\n    } else {\n      const copyStatus = copyTextViaExecCommand(text);\n      setStatus(copyStatus);\n    }\n    return;\n  }, [setStatus, text]);\n\n  return (\n    <div className={(styles.container, style)}>\n      <Link onClick={onClick} className={styles.cta} data-name={'share-button'}>\n        <div className={styles.wrapper}>\n          <ShareIcon className={styles.shareIcon} width={18} height={18} />\n          <p>{wording}</p>\n        </div>\n      </Link>\n    </div>\n  );\n};\n\nShareStatusProvider.propTypes = {\n  children: PropTypes.node\n};\n\nShareFeedback.propTypes = {\n  successWording: PropTypes.string,\n  errorWording: PropTypes.string\n};\n\nShare.propTypes = {\n  style: PropTypes.string,\n  text: PropTypes.string,\n  wording: PropTypes.string\n};\n\nexport default Share;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","useState","useMemo","useCallback","useContext","useEffect","PropTypes","classnames","NovaCompositionCoorpacademyCheck","CheckIcon","NovaCompositionCoorpacademyShare","ShareIcon","NovaCompositionCoorpacademyAttention","AttentionIcon","Link","styles","SHARE_STATUS","IDLE","ERROR","SUCCESS","copyTextViaExecCommand","text","textarea","document","createElement","style","border","padding","visibility","position","setAttribute","value","body","appendChild","status","select","setSelectionRange","length","execCommand","error","removeChild","StatusContext","createContext","ShareStatusProvider","children","setStatus","timeoutId","DURATION","setTimeout","clearTimeout","Provider","ShareFeedback","successWording","errorWording","className","feedback","errorFeedback","checkIcon","width","height","role","Share","wording","onClick","browserSupportsClipboardWriteText","navigator","clipboard","writeText","copyStatus","container","cta","wrapper","shareIcon","propTypes","process","env","NODE_ENV","node","string"],"sources":["../../../src/molecule/share/index.js"],"sourcesContent":["import React, {useState, useMemo, useCallback, useContext, useEffect} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {\n  NovaCompositionCoorpacademyCheck as CheckIcon,\n  NovaCompositionCoorpacademyShare as ShareIcon,\n  NovaCompositionCoorpacademyAttention as AttentionIcon\n} from '@coorpacademy/nova-icons';\nimport Link from '../../atom/link';\nimport styles from './style.css';\n\nconst SHARE_STATUS = {\n  IDLE: 'IDLE',\n  ERROR: 'ERROR',\n  SUCCESS: 'SUCCESS'\n};\n\nconst copyTextViaExecCommand = text => {\n  const textarea = document.createElement('textarea');\n\n  textarea.style.border = '0';\n  textarea.style.padding = '0';\n  textarea.style.visibility = 'hidden';\n  textarea.style.position = 'absolute';\n  textarea.setAttribute('readonly', '');\n  textarea.value = text;\n\n  // Element.append is not supported on IE11 :/\n  // eslint-disable-next-line unicorn/prefer-node-append\n  document.body.appendChild(textarea);\n  let status = SHARE_STATUS.IDLE;\n\n  try {\n    textarea.select();\n    textarea.setSelectionRange(0, textarea.value.length);\n    document.execCommand('copy');\n    status = SHARE_STATUS.SUCCESS;\n  } catch (error) {\n    status = SHARE_STATUS.ERROR;\n  }\n\n  // Element.remove is not supported on IE11 :/\n  // eslint-disable-next-line unicorn/prefer-node-remove\n  document.body.removeChild(textarea);\n\n  return status;\n};\n\nconst StatusContext = React.createContext(SHARE_STATUS.IDLE);\n\nexport const ShareStatusProvider = ({children}) => {\n  const [status, setStatus] = useState(SHARE_STATUS.IDLE);\n  useEffect(() => {\n    let timeoutId;\n    const DURATION = 3000;\n    if (status !== SHARE_STATUS.IDLE) {\n      timeoutId = setTimeout(() => setStatus(SHARE_STATUS.IDLE), DURATION);\n    }\n    return () => clearTimeout(timeoutId);\n  }, [status]);\n\n  const value = useMemo(() => [status, setStatus], [status]);\n\n  return <StatusContext.Provider value={value}>{children}</StatusContext.Provider>;\n};\n\nexport const ShareFeedback = ({successWording, errorWording}) => {\n  const [status] = useContext(StatusContext);\n  if (status === SHARE_STATUS.IDLE) return null;\n\n  return (\n    <div\n      className={classnames(styles.feedback, status === SHARE_STATUS.ERROR && styles.errorFeedback)}\n    >\n      {status === SHARE_STATUS.SUCCESS ? (\n        <CheckIcon className={styles.checkIcon} width={13} height={13} />\n      ) : (\n        <AttentionIcon className={styles.checkIcon} width={13} height={13} />\n      )}\n      {status === SHARE_STATUS.SUCCESS ? (\n        <p role=\"status\">{successWording}</p>\n      ) : (\n        <p role=\"alert\">{errorWording}</p>\n      )}\n    </div>\n  );\n};\n\nconst Share = ({style, text, wording}) => {\n  const [, setStatus] = useContext(StatusContext);\n  const onClick = useCallback(async () => {\n    const browserSupportsClipboardWriteText =\n      'clipboard' in navigator && 'writeText' in navigator.clipboard;\n    if (browserSupportsClipboardWriteText) {\n      try {\n        await navigator.clipboard.writeText(text);\n        setStatus(SHARE_STATUS.SUCCESS);\n      } catch (error) {\n        setStatus(SHARE_STATUS.ERROR);\n      }\n      return;\n    } else {\n      const copyStatus = copyTextViaExecCommand(text);\n      setStatus(copyStatus);\n    }\n    return;\n  }, [setStatus, text]);\n\n  return (\n    <div className={(styles.container, style)}>\n      <Link onClick={onClick} className={styles.cta} data-name={'share-button'}>\n        <div className={styles.wrapper}>\n          <ShareIcon className={styles.shareIcon} width={18} height={18} />\n          <p>{wording}</p>\n        </div>\n      </Link>\n    </div>\n  );\n};\n\nShareStatusProvider.propTypes = {\n  children: PropTypes.node\n};\n\nShareFeedback.propTypes = {\n  successWording: PropTypes.string,\n  errorWording: PropTypes.string\n};\n\nShare.propTypes = {\n  style: PropTypes.string,\n  text: PropTypes.string,\n  wording: PropTypes.string\n};\n\nexport default Share;\n"],"mappings":"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","ignoreList":[]}

package/es/molecule/skill-card/index.js

@@ -5,12 +5,10 @@ import getOr from 'lodash/fp/getOr';
 import ButtonLink from '../../atom/button-link';
 import style from './style.css';
 import propTypes from './prop-types';
-
 const getGradientBackground = baseColor => {
   const gradients = [convert(`color(${baseColor} lightness(30%))`), convert(`color(${baseColor} lightness(47%))`), convert(`color(${baseColor} lightness(55%))`)];
   return `radial-gradient(62.12% 56.45% at 0% 77.29%, ${gradients[0]} 0%, ${convert(`color(${gradients[0]} a(0))`)} 100%), radial-gradient(113.85% 103.46% at 93.27% 7.88%, ${gradients[1]} 0%, ${convert(`color(${gradients[1]} a(0))`)} 100%), radial-gradient(49.66% 49.63% at 78.65% 86.26%, ${gradients[2]} 0%, ${convert(`color(${gradients[2]} a(0))`)} 100%), ${baseColor}`;
 };
-
 const SkillCard = (props, context) => {
   const {
     'aria-label': ariaLabel,
@@ -68,7 +66,6 @@ const SkillCard = (props, context) => {
     "data-name": "button-wrapper"
   }, /*#__PURE__*/React.createElement(ButtonLink, buttonProps))));
 };
-
 SkillCard.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
 export default SkillCard;
 //# sourceMappingURL=index.js.map

package/es/molecule/skill-card/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useMemo","convert","NovaSolidInterfaceFeedbackInterfaceQuestionMark","QuestionIcon","getOr","ButtonLink","style","propTypes","getGradientBackground","baseColor","gradients","SkillCard","props","context","ariaLabel","skillTitle","skillAriaLabel","buttonLabel","buttonAriaLabel","reviseLabel","reviseAriaLabel","onClick","isCustom","skin","primarySkinColor","buttonProps","customStyle","backgroundColor","color","transition","hoverBackgroundColor","hoverColor","label","titleBackgroundColor","titleBackground","skillCardWrapper","background","questionReviseText","questionReviseIcon","buttonWrapper"],"sources":["../../../src/molecule/skill-card/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport {convert} from 'css-color-function';\nimport {NovaSolidInterfaceFeedbackInterfaceQuestionMark as QuestionIcon} from '@coorpacademy/nova-icons';\nimport getOr from 'lodash/fp/getOr';\nimport ButtonLink from '../../atom/button-link';\nimport style from './style.css';\nimport propTypes from './prop-types';\n\nconst getGradientBackground = baseColor => {\n  const gradients = [\n    convert(`color(${baseColor} lightness(30%))`),\n    convert(`color(${baseColor} lightness(47%))`),\n    convert(`color(${baseColor} lightness(55%))`)\n  ];\n\n  return `radial-gradient(62.12% 56.45% at 0% 77.29%, ${gradients[0]} 0%, ${convert(\n    `color(${gradients[0]} a(0))`\n  )} 100%), radial-gradient(113.85% 103.46% at 93.27% 7.88%, ${gradients[1]} 0%, ${convert(\n    `color(${gradients[1]} a(0))`\n  )} 100%), radial-gradient(49.66% 49.63% at 78.65% 86.26%, ${gradients[2]} 0%, ${convert(\n    `color(${gradients[2]} a(0))`\n  )} 100%), ${baseColor}`;\n};\n\nconst SkillCard = (props, context) => {\n  const {\n    'aria-label': ariaLabel,\n    skillTitle,\n    skillAriaLabel,\n    buttonLabel,\n    buttonAriaLabel,\n    reviseLabel,\n    reviseAriaLabel,\n    onClick,\n    isCustom = false\n  } = props;\n  const {skin} = context;\n  const primarySkinColor = getOr('#00B0FF', 'common.primary', skin);\n\n  const buttonProps = {\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': buttonAriaLabel ? `${skillTitle}, ${buttonAriaLabel}` : skillTitle,\n    label: buttonLabel,\n    'data-name': 'skill-card-button'\n  };\n\n  const titleBackgroundColor = useMemo(\n    () => (isCustom ? '#128C72' : primarySkinColor),\n    [isCustom, primarySkinColor]\n  );\n\n  const titleBackground = useMemo(\n    () => getGradientBackground(titleBackgroundColor),\n    [titleBackgroundColor]\n  );\n\n  return (\n    <div className={style.skillCardWrapper} data-name=\"skill-card-wrapper\" aria-label={ariaLabel}>\n      <div\n        data-name=\"skill-title\"\n        className={style.skillTitle}\n        aria-label={skillAriaLabel || skillTitle}\n        style={{\n          background: titleBackground\n        }}\n      >\n        {skillTitle}\n      </div>\n      <div data-name=\"card-content-wrapper\">\n        <div\n          className={style.questionReviseText}\n          data-name=\"questions-to-revise-label\"\n          aria-label={reviseAriaLabel || reviseLabel}\n        >\n          <QuestionIcon className={style.questionReviseIcon} width={16} height={16} />\n          {reviseLabel}\n        </div>\n        <div className={style.buttonWrapper} data-name=\"button-wrapper\">\n          <ButtonLink {...buttonProps} />\n        </div>\n      </div>\n    </div>\n  );\n};\n\nSkillCard.propTypes = propTypes;\n\nexport default SkillCard;\n"],"mappings":"AAAA,OAAOA,KAAP,IAAeC,OAAf,QAA6B,OAA7B;AACA,SAAQC,OAAR,QAAsB,oBAAtB;AACA,SAAQC,+CAA+C,IAAIC,YAA3D,QAA8E,0BAA9E;AACA,OAAOC,KAAP,MAAkB,iBAAlB;AACA,OAAOC,UAAP,MAAuB,wBAAvB;AACA,OAAOC,KAAP,MAAkB,aAAlB;AACA,OAAOC,SAAP,MAAsB,cAAtB;;AAEA,MAAMC,qBAAqB,GAAGC,SAAS,IAAI;EACzC,MAAMC,SAAS,GAAG,CAChBT,OAAO,CAAE,SAAQQ,SAAU,kBAApB,CADS,EAEhBR,OAAO,CAAE,SAAQQ,SAAU,kBAApB,CAFS,EAGhBR,OAAO,CAAE,SAAQQ,SAAU,kBAApB,CAHS,CAAlB;EAMA,OAAQ,+CAA8CC,SAAS,CAAC,CAAD,CAAI,QAAOT,OAAO,CAC9E,SAAQS,SAAS,CAAC,CAAD,CAAI,QADyD,CAE/E,4DAA2DA,SAAS,CAAC,CAAD,CAAI,QAAOT,OAAO,CACrF,SAAQS,SAAS,CAAC,CAAD,CAAI,QADgE,CAEtF,2DAA0DA,SAAS,CAAC,CAAD,CAAI,QAAOT,OAAO,CACpF,SAAQS,SAAS,CAAC,CAAD,CAAI,QAD+D,CAErF,WAAUD,SAAU,EANtB;AAOD,CAdD;;AAgBA,MAAME,SAAS,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EACpC,MAAM;IACJ,cAAcC,SADV;IAEJC,UAFI;IAGJC,cAHI;IAIJC,WAJI;IAKJC,eALI;IAMJC,WANI;IAOJC,eAPI;IAQJC,OARI;IASJC,QAAQ,GAAG;EATP,IAUFV,KAVJ;EAWA,MAAM;IAACW;EAAD,IAASV,OAAf;EACA,MAAMW,gBAAgB,GAAGpB,KAAK,CAAC,SAAD,EAAY,gBAAZ,EAA8BmB,IAA9B,CAA9B;EAEA,MAAME,WAAW,GAAG;IAClBC,WAAW,EAAE;MACXC,eAAe,EAAE1B,OAAO,CAAE,SAAQuB,gBAAiB,WAA3B,CADb;MAEXI,KAAK,EAAEJ,gBAFI;MAGXK,UAAU,EAAE;IAHD,CADK;IAMlBC,oBAAoB,EAAEN,gBANJ;IAOlBO,UAAU,EAAE,SAPM;IAQlBV,OARkB;IASlB,cAAcH,eAAe,GAAI,GAAEH,UAAW,KAAIG,eAAgB,EAArC,GAAyCH,UATpD;IAUlBiB,KAAK,EAAEf,WAVW;IAWlB,aAAa;EAXK,CAApB;EAcA,MAAMgB,oBAAoB,GAAGjC,OAAO,CAClC,MAAOsB,QAAQ,GAAG,SAAH,GAAeE,gBADI,EAElC,CAACF,QAAD,EAAWE,gBAAX,CAFkC,CAApC;EAKA,MAAMU,eAAe,GAAGlC,OAAO,CAC7B,MAAMQ,qBAAqB,CAACyB,oBAAD,CADE,EAE7B,CAACA,oBAAD,CAF6B,CAA/B;EAKA,oBACE;IAAK,SAAS,EAAE3B,KAAK,CAAC6B,gBAAtB;IAAwC,aAAU,oBAAlD;IAAuE,cAAYrB;EAAnF,gBACE;IACE,aAAU,aADZ;IAEE,SAAS,EAAER,KAAK,CAACS,UAFnB;IAGE,cAAYC,cAAc,IAAID,UAHhC;IAIE,KAAK,EAAE;MACLqB,UAAU,EAAEF;IADP;EAJT,GAQGnB,UARH,CADF,eAWE;IAAK,aAAU;EAAf,gBACE;IACE,SAAS,EAAET,KAAK,CAAC+B,kBADnB;IAEE,aAAU,2BAFZ;IAGE,cAAYjB,eAAe,IAAID;EAHjC,gBAKE,oBAAC,YAAD;IAAc,SAAS,EAAEb,KAAK,CAACgC,kBAA/B;IAAmD,KAAK,EAAE,EAA1D;IAA8D,MAAM,EAAE;EAAtE,EALF,EAMGnB,WANH,CADF,eASE;IAAK,SAAS,EAAEb,KAAK,CAACiC,aAAtB;IAAqC,aAAU;EAA/C,gBACE,oBAAC,UAAD,EAAgBd,WAAhB,CADF,CATF,CAXF,CADF;AA2BD,CAlED;;AAoEAd,SAAS,CAACJ,SAAV,2CAAsBA,SAAtB;AAEA,eAAeI,SAAf"}
+{"version":3,"file":"index.js","names":["React","useMemo","convert","NovaSolidInterfaceFeedbackInterfaceQuestionMark","QuestionIcon","getOr","ButtonLink","style","propTypes","getGradientBackground","baseColor","gradients","SkillCard","props","context","ariaLabel","skillTitle","skillAriaLabel","buttonLabel","buttonAriaLabel","reviseLabel","reviseAriaLabel","onClick","isCustom","skin","primarySkinColor","buttonProps","customStyle","backgroundColor","color","transition","hoverBackgroundColor","hoverColor","label","titleBackgroundColor","titleBackground","createElement","className","skillCardWrapper","background","questionReviseText","questionReviseIcon","width","height","buttonWrapper","process","env","NODE_ENV"],"sources":["../../../src/molecule/skill-card/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport {convert} from 'css-color-function';\nimport {NovaSolidInterfaceFeedbackInterfaceQuestionMark as QuestionIcon} from '@coorpacademy/nova-icons';\nimport getOr from 'lodash/fp/getOr';\nimport ButtonLink from '../../atom/button-link';\nimport style from './style.css';\nimport propTypes from './prop-types';\n\nconst getGradientBackground = baseColor => {\n  const gradients = [\n    convert(`color(${baseColor} lightness(30%))`),\n    convert(`color(${baseColor} lightness(47%))`),\n    convert(`color(${baseColor} lightness(55%))`)\n  ];\n\n  return `radial-gradient(62.12% 56.45% at 0% 77.29%, ${gradients[0]} 0%, ${convert(\n    `color(${gradients[0]} a(0))`\n  )} 100%), radial-gradient(113.85% 103.46% at 93.27% 7.88%, ${gradients[1]} 0%, ${convert(\n    `color(${gradients[1]} a(0))`\n  )} 100%), radial-gradient(49.66% 49.63% at 78.65% 86.26%, ${gradients[2]} 0%, ${convert(\n    `color(${gradients[2]} a(0))`\n  )} 100%), ${baseColor}`;\n};\n\nconst SkillCard = (props, context) => {\n  const {\n    'aria-label': ariaLabel,\n    skillTitle,\n    skillAriaLabel,\n    buttonLabel,\n    buttonAriaLabel,\n    reviseLabel,\n    reviseAriaLabel,\n    onClick,\n    isCustom = false\n  } = props;\n  const {skin} = context;\n  const primarySkinColor = getOr('#00B0FF', 'common.primary', skin);\n\n  const buttonProps = {\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': buttonAriaLabel ? `${skillTitle}, ${buttonAriaLabel}` : skillTitle,\n    label: buttonLabel,\n    'data-name': 'skill-card-button'\n  };\n\n  const titleBackgroundColor = useMemo(\n    () => (isCustom ? '#128C72' : primarySkinColor),\n    [isCustom, primarySkinColor]\n  );\n\n  const titleBackground = useMemo(\n    () => getGradientBackground(titleBackgroundColor),\n    [titleBackgroundColor]\n  );\n\n  return (\n    <div className={style.skillCardWrapper} data-name=\"skill-card-wrapper\" aria-label={ariaLabel}>\n      <div\n        data-name=\"skill-title\"\n        className={style.skillTitle}\n        aria-label={skillAriaLabel || skillTitle}\n        style={{\n          background: titleBackground\n        }}\n      >\n        {skillTitle}\n      </div>\n      <div data-name=\"card-content-wrapper\">\n        <div\n          className={style.questionReviseText}\n          data-name=\"questions-to-revise-label\"\n          aria-label={reviseAriaLabel || reviseLabel}\n        >\n          <QuestionIcon className={style.questionReviseIcon} width={16} height={16} />\n          {reviseLabel}\n        </div>\n        <div className={style.buttonWrapper} data-name=\"button-wrapper\">\n          <ButtonLink {...buttonProps} />\n        </div>\n      </div>\n    </div>\n  );\n};\n\nSkillCard.propTypes = propTypes;\n\nexport default SkillCard;\n"],"mappings":"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","ignoreList":[]}

package/es/molecule/skill-card/index.native.js

@@ -2,7 +2,6 @@ import React, { useState, useEffect } from 'react';
 import { View, Pressable, StyleSheet, Text } from 'react-native';
 import { NovaCompositionNavigationArrowRight as ArrowRight } from '@coorpacademy/nova-icons';
 import { useTemplateContext } from '../../template/app-review/template-context';
-
 const createStyleSheet = theme => StyleSheet.create({
   skill: {
     display: 'flex',
@@ -33,7 +32,6 @@ const createStyleSheet = theme => StyleSheet.create({
     color: theme.colors.gray.medium
   }
 });
-
 const SkillCard = props => {
   const templateContext = useTemplateContext();
   const [styleSheet, setStylesheet] = useState(null);
@@ -50,14 +48,11 @@ const SkillCard = props => {
   } = props;
   useEffect(() => {
     const _stylesheet = createStyleSheet(theme);
-
     setStylesheet(_stylesheet);
   }, [theme]);
-
   if (!styleSheet) {
     return null;
   }
-
   return /*#__PURE__*/React.createElement(Pressable, {
     style: styleSheet.skill,
     onPress: onClick,
@@ -77,6 +72,5 @@ const SkillCard = props => {
     width: 20
   }));
 };
-
 export default SkillCard;
 //# sourceMappingURL=index.native.js.map

package/es/molecule/skill-card/index.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["React","useState","useEffect","View","Pressable","StyleSheet","Text","NovaCompositionNavigationArrowRight","ArrowRight","useTemplateContext","createStyleSheet","theme","create","skill","display","flexDirection","overflow","alignItems","height","borderRadius","backgroundColor","colors","gray","lighter","marginTop","spacing","micro","marginBottom","padding","base","skillTexts","flex","skillTitle","fontSize","fontWeight","lineHeight","color","text","primary","tiny","skillInfo","medium","SkillCard","props","templateContext","styleSheet","setStylesheet","skillAriaLabel","reviseLabel","reviseAriaLabel","onClick","buttonAriaLabel","_stylesheet"],"sources":["../../../src/molecule/skill-card/index.native.tsx"],"sourcesContent":["import React, {useState, useEffect} from 'react';\nimport {View, Pressable, StyleSheet, Text, ViewStyle, TextStyle} from 'react-native';\nimport {NovaCompositionNavigationArrowRight as ArrowRight} from '@coorpacademy/nova-icons';\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport {Theme} from '../../variables/theme.native';\nimport {SkillCardProps} from './prop-types';\n\ntype StyleSheetType = {\n  skill: ViewStyle;\n  skillTexts: TextStyle;\n  skillTitle: TextStyle;\n  skillInfo: TextStyle;\n};\n\nconst createStyleSheet = (theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    skill: {\n      display: 'flex',\n      flexDirection: 'row',\n      overflow: 'hidden',\n      alignItems: 'center',\n      height: 118,\n      borderRadius: 8,\n      backgroundColor: theme.colors.gray.lighter,\n      marginTop: theme.spacing.micro,\n      marginBottom: theme.spacing.micro,\n      padding: theme.spacing.base\n    },\n    skillTexts: {\n      flex: 1,\n      flexDirection: 'column'\n    },\n    skillTitle: {\n      fontSize: 18,\n      fontWeight: '600',\n      lineHeight: 22,\n      color: theme.colors.text.primary,\n      marginBottom: theme.spacing.tiny\n    },\n    skillInfo: {\n      fontSize: 12,\n      lineHeight: 16,\n      color: theme.colors.gray.medium\n    }\n  });\n\nconst SkillCard = (props: SkillCardProps) => {\n  const templateContext = useTemplateContext();\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n  const {theme} = templateContext;\n  const {skillTitle, skillAriaLabel, reviseLabel, reviseAriaLabel, onClick, buttonAriaLabel} =\n    props;\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  return (\n    <Pressable\n      style={styleSheet.skill}\n      onPress={onClick}\n      accessibilityRole=\"button\"\n      accessibilityLabel={buttonAriaLabel}\n    >\n      <View style={styleSheet.skillTexts}>\n        <Text style={styleSheet.skillTitle} accessibilityLabel={skillAriaLabel || skillTitle}>\n          {skillTitle}\n        </Text>\n        <Text style={styleSheet.skillInfo} accessibilityLabel={reviseAriaLabel}>\n          {reviseLabel}\n        </Text>\n      </View>\n      <ArrowRight color=\"#ededed\" height={20} width={20} />\n    </Pressable>\n  );\n};\n\nexport default SkillCard;\n"],"mappings":"AAAA,OAAOA,KAAP,IAAeC,QAAf,EAAyBC,SAAzB,QAAyC,OAAzC;AACA,SAAQC,IAAR,EAAcC,SAAd,EAAyBC,UAAzB,EAAqCC,IAArC,QAAsE,cAAtE;AACA,SAAQC,mCAAmC,IAAIC,UAA/C,QAAgE,0BAAhE;AACA,SAAQC,kBAAR,QAAiC,4CAAjC;;AAWA,MAAMC,gBAAgB,GAAIC,KAAD,IACvBN,UAAU,CAACO,MAAX,CAAkB;EAChBC,KAAK,EAAE;IACLC,OAAO,EAAE,MADJ;IAELC,aAAa,EAAE,KAFV;IAGLC,QAAQ,EAAE,QAHL;IAILC,UAAU,EAAE,QAJP;IAKLC,MAAM,EAAE,GALH;IAMLC,YAAY,EAAE,CANT;IAOLC,eAAe,EAAET,KAAK,CAACU,MAAN,CAAaC,IAAb,CAAkBC,OAP9B;IAQLC,SAAS,EAAEb,KAAK,CAACc,OAAN,CAAcC,KARpB;IASLC,YAAY,EAAEhB,KAAK,CAACc,OAAN,CAAcC,KATvB;IAULE,OAAO,EAAEjB,KAAK,CAACc,OAAN,CAAcI;EAVlB,CADS;EAahBC,UAAU,EAAE;IACVC,IAAI,EAAE,CADI;IAEVhB,aAAa,EAAE;EAFL,CAbI;EAiBhBiB,UAAU,EAAE;IACVC,QAAQ,EAAE,EADA;IAEVC,UAAU,EAAE,KAFF;IAGVC,UAAU,EAAE,EAHF;IAIVC,KAAK,EAAEzB,KAAK,CAACU,MAAN,CAAagB,IAAb,CAAkBC,OAJf;IAKVX,YAAY,EAAEhB,KAAK,CAACc,OAAN,CAAcc;EALlB,CAjBI;EAwBhBC,SAAS,EAAE;IACTP,QAAQ,EAAE,EADD;IAETE,UAAU,EAAE,EAFH;IAGTC,KAAK,EAAEzB,KAAK,CAACU,MAAN,CAAaC,IAAb,CAAkBmB;EAHhB;AAxBK,CAAlB,CADF;;AAgCA,MAAMC,SAAS,GAAIC,KAAD,IAA2B;EAC3C,MAAMC,eAAe,GAAGnC,kBAAkB,EAA1C;EACA,MAAM,CAACoC,UAAD,EAAaC,aAAb,IAA8B7C,QAAQ,CAAwB,IAAxB,CAA5C;EACA,MAAM;IAACU;EAAD,IAAUiC,eAAhB;EACA,MAAM;IAACZ,UAAD;IAAae,cAAb;IAA6BC,WAA7B;IAA0CC,eAA1C;IAA2DC,OAA3D;IAAoEC;EAApE,IACJR,KADF;EAGAzC,SAAS,CAAC,MAAM;IACd,MAAMkD,WAAW,GAAG1C,gBAAgB,CAACC,KAAD,CAApC;;IACAmC,aAAa,CAACM,WAAD,CAAb;EACD,CAHQ,EAGN,CAACzC,KAAD,CAHM,CAAT;;EAKA,IAAI,CAACkC,UAAL,EAAiB;IACf,OAAO,IAAP;EACD;;EAED,oBACE,oBAAC,SAAD;IACE,KAAK,EAAEA,UAAU,CAAChC,KADpB;IAEE,OAAO,EAAEqC,OAFX;IAGE,iBAAiB,EAAC,QAHpB;IAIE,kBAAkB,EAAEC;EAJtB,gBAME,oBAAC,IAAD;IAAM,KAAK,EAAEN,UAAU,CAACf;EAAxB,gBACE,oBAAC,IAAD;IAAM,KAAK,EAAEe,UAAU,CAACb,UAAxB;IAAoC,kBAAkB,EAAEe,cAAc,IAAIf;EAA1E,GACGA,UADH,CADF,eAIE,oBAAC,IAAD;IAAM,KAAK,EAAEa,UAAU,CAACL,SAAxB;IAAmC,kBAAkB,EAAES;EAAvD,GACGD,WADH,CAJF,CANF,eAcE,oBAAC,UAAD;IAAY,KAAK,EAAC,SAAlB;IAA4B,MAAM,EAAE,EAApC;IAAwC,KAAK,EAAE;EAA/C,EAdF,CADF;AAkBD,CAlCD;;AAoCA,eAAeN,SAAf"}
+{"version":3,"file":"index.native.js","names":["React","useState","useEffect","View","Pressable","StyleSheet","Text","NovaCompositionNavigationArrowRight","ArrowRight","useTemplateContext","createStyleSheet","theme","create","skill","display","flexDirection","overflow","alignItems","height","borderRadius","backgroundColor","colors","gray","lighter","marginTop","spacing","micro","marginBottom","padding","base","skillTexts","flex","skillTitle","fontSize","fontWeight","lineHeight","color","text","primary","tiny","skillInfo","medium","SkillCard","props","templateContext","styleSheet","setStylesheet","skillAriaLabel","reviseLabel","reviseAriaLabel","onClick","buttonAriaLabel","_stylesheet","createElement","style","onPress","accessibilityRole","accessibilityLabel","width"],"sources":["../../../src/molecule/skill-card/index.native.tsx"],"sourcesContent":["import React, {useState, useEffect} from 'react';\nimport {View, Pressable, StyleSheet, Text, ViewStyle, TextStyle} from 'react-native';\nimport {NovaCompositionNavigationArrowRight as ArrowRight} from '@coorpacademy/nova-icons';\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport {Theme} from '../../variables/theme.native';\nimport {SkillCardProps} from './prop-types';\n\ntype StyleSheetType = {\n  skill: ViewStyle;\n  skillTexts: TextStyle;\n  skillTitle: TextStyle;\n  skillInfo: TextStyle;\n};\n\nconst createStyleSheet = (theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    skill: {\n      display: 'flex',\n      flexDirection: 'row',\n      overflow: 'hidden',\n      alignItems: 'center',\n      height: 118,\n      borderRadius: 8,\n      backgroundColor: theme.colors.gray.lighter,\n      marginTop: theme.spacing.micro,\n      marginBottom: theme.spacing.micro,\n      padding: theme.spacing.base\n    },\n    skillTexts: {\n      flex: 1,\n      flexDirection: 'column'\n    },\n    skillTitle: {\n      fontSize: 18,\n      fontWeight: '600',\n      lineHeight: 22,\n      color: theme.colors.text.primary,\n      marginBottom: theme.spacing.tiny\n    },\n    skillInfo: {\n      fontSize: 12,\n      lineHeight: 16,\n      color: theme.colors.gray.medium\n    }\n  });\n\nconst SkillCard = (props: SkillCardProps) => {\n  const templateContext = useTemplateContext();\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n  const {theme} = templateContext;\n  const {skillTitle, skillAriaLabel, reviseLabel, reviseAriaLabel, onClick, buttonAriaLabel} =\n    props;\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  return (\n    <Pressable\n      style={styleSheet.skill}\n      onPress={onClick}\n      accessibilityRole=\"button\"\n      accessibilityLabel={buttonAriaLabel}\n    >\n      <View style={styleSheet.skillTexts}>\n        <Text style={styleSheet.skillTitle} accessibilityLabel={skillAriaLabel || skillTitle}>\n          {skillTitle}\n        </Text>\n        <Text style={styleSheet.skillInfo} accessibilityLabel={reviseAriaLabel}>\n          {reviseLabel}\n        </Text>\n      </View>\n      <ArrowRight color=\"#ededed\" height={20} width={20} />\n    </Pressable>\n  );\n};\n\nexport default SkillCard;\n"],"mappings":"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","ignoreList":[]}

package/es/molecule/skill-card/prop-types.js.map

@@ -1 +1 @@
-{"version":3,"file":"prop-types.js","names":["PropTypes","propTypes","string","skillTitle","skillAriaLabel","buttonLabel","buttonAriaLabel","reviseLabel","reviseAriaLabel","isCustom","bool","onClick","func"],"sources":["../../../src/molecule/skill-card/prop-types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\n\nconst propTypes = {\n  'aria-label': PropTypes.string,\n  skillTitle: PropTypes.string,\n  skillAriaLabel: PropTypes.string,\n  buttonLabel: PropTypes.string,\n  buttonAriaLabel: PropTypes.string,\n  reviseLabel: PropTypes.string,\n  reviseAriaLabel: PropTypes.string,\n  isCustom: PropTypes.bool,\n  onClick: PropTypes.func\n};\n\nexport default propTypes;\n\nexport type SkillCardProps = {\n  'aria-label': string;\n  skillTitle: string;\n  skillAriaLabel: string;\n  buttonLabel: string;\n  buttonAriaLabel: string;\n  reviseLabel: string;\n  reviseAriaLabel: string;\n  isCustom: boolean;\n  onClick: () => void;\n};\n"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AAEA,MAAMC,SAAS,GAAG;EAChB,cAAcD,SAAS,CAACE,MADR;EAEhBC,UAAU,EAAEH,SAAS,CAACE,MAFN;EAGhBE,cAAc,EAAEJ,SAAS,CAACE,MAHV;EAIhBG,WAAW,EAAEL,SAAS,CAACE,MAJP;EAKhBI,eAAe,EAAEN,SAAS,CAACE,MALX;EAMhBK,WAAW,EAAEP,SAAS,CAACE,MANP;EAOhBM,eAAe,EAAER,SAAS,CAACE,MAPX;EAQhBO,QAAQ,EAAET,SAAS,CAACU,IARJ;EAShBC,OAAO,EAAEX,SAAS,CAACY;AATH,CAAlB;AAYA,eAAeX,SAAf"}
+{"version":3,"file":"prop-types.js","names":["PropTypes","propTypes","string","skillTitle","skillAriaLabel","buttonLabel","buttonAriaLabel","reviseLabel","reviseAriaLabel","isCustom","bool","onClick","func"],"sources":["../../../src/molecule/skill-card/prop-types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\n\nconst propTypes = {\n  'aria-label': PropTypes.string,\n  skillTitle: PropTypes.string,\n  skillAriaLabel: PropTypes.string,\n  buttonLabel: PropTypes.string,\n  buttonAriaLabel: PropTypes.string,\n  reviseLabel: PropTypes.string,\n  reviseAriaLabel: PropTypes.string,\n  isCustom: PropTypes.bool,\n  onClick: PropTypes.func\n};\n\nexport default propTypes;\n\nexport type SkillCardProps = {\n  'aria-label': string;\n  skillTitle: string;\n  skillAriaLabel: string;\n  buttonLabel: string;\n  buttonAriaLabel: string;\n  reviseLabel: string;\n  reviseAriaLabel: string;\n  isCustom: boolean;\n  onClick: () => void;\n};\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,YAAY;AAElC,MAAMC,SAAS,GAAG;EAChB,YAAY,EAAED,SAAS,CAACE,MAAM;EAC9BC,UAAU,EAAEH,SAAS,CAACE,MAAM;EAC5BE,cAAc,EAAEJ,SAAS,CAACE,MAAM;EAChCG,WAAW,EAAEL,SAAS,CAACE,MAAM;EAC7BI,eAAe,EAAEN,SAAS,CAACE,MAAM;EACjCK,WAAW,EAAEP,SAAS,CAACE,MAAM;EAC7BM,eAAe,EAAER,SAAS,CAACE,MAAM;EACjCO,QAAQ,EAAET,SAAS,CAACU,IAAI;EACxBC,OAAO,EAAEX,SAAS,CAACY;AACrB,CAAC;AAED,eAAeX,SAAS","ignoreList":[]}

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

@@ -1,9 +1,7 @@
 import _sortBy from "lodash/fp/sortBy";
 import _some from "lodash/fp/some";
 import _filter from "lodash/fp/filter";
-
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import React, { useMemo, useState, useCallback, useEffect } from 'react';
 import PropTypes from 'prop-types';
 import BaseModal from '../base-modal';
@@ -12,7 +10,6 @@ import Loader from '../../atom/loader';
 import Select from '../../atom/select';
 import Provider from '../../atom/provider';
 import style from './style.css';
-
 const SkillPickerModal = (props, context) => {
   const {
     skills,
@@ -42,9 +39,7 @@ const SkillPickerModal = (props, context) => {
     setSelectedSkillList(selectedSkills);
     onClose();
   }, [setSelectedSkillList, selectedSkills, onClose]);
-
   const skillProgressAvailable = _some(skill => skillsScore[skill] > 0, skills);
-
   const skillList = useMemo(() => {
     return sortedSkills.map(skill => {
       return {
@@ -129,12 +124,10 @@ const SkillPickerModal = (props, context) => {
       focus,
       score
     } = skill;
-
     function handleChipClick() {
       const newSelectedSkillList = focus ? _filter(selectedSkill => selectedSkill !== skillRef, selectedSkillList) : [...selectedSkillList, skill.skillRef];
       setSelectedSkillList(newSelectedSkillList);
     }
-
     return /*#__PURE__*/React.createElement(Chip, _extends({}, skillProgressAvailable ? {
       subText: `${score.toFixed(1)}%`
     } : {}, {
@@ -146,7 +139,6 @@ const SkillPickerModal = (props, context) => {
     }));
   })))));
 };
-
 SkillPickerModal.contextTypes = {
   translate: Provider.childContextTypes.translate
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useMemo","useState","useCallback","useEffect","PropTypes","BaseModal","Chip","Loader","Select","Provider","style","SkillPickerModal","props","context","skills","selectedSkills","skillsLocales","skillsScore","isOpen","isLoading","maxSelectedSkills","minSelectedSkills","onCancel","onConfirm","onClose","translate","detectScrollbar","sortedSkills","setSortedSkills","skill","currentSort","setCurrentSort","selectedSkillList","setSelectedSkillList","handleCancel","handleClose","skillProgressAvailable","skillList","map","skillTitle","skillRef","focus","includes","score","isError","length","footer","footerDescription","skillNumber","text","cancelButton","label","disabled","confirmButton","iconName","sorting","theme","options","value","name","selected","onChange","prev","backgroundColor","skillPickerContainer","loaderContainer","loader","ctaWrapper","sortWrapper","display","gap","flexWrap","index","handleChipClick","newSelectedSkillList","selectedSkill","subText","toFixed","contextTypes","childContextTypes","propTypes","arrayOf","string","objectOf","number","bool","func"],"sources":["../../../src/molecule/skill-picker-modal/index.js"],"sourcesContent":["import React, {useMemo, useState, useCallback, useEffect} from 'react';\nimport PropTypes from 'prop-types';\nimport {filter, some, sortBy} from 'lodash/fp';\nimport BaseModal from '../base-modal';\nimport Chip from '../../atom/chip';\nimport Loader from '../../atom/loader';\nimport Select from '../../atom/select';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nconst SkillPickerModal = (props, context) => {\n  const {\n    skills,\n    selectedSkills,\n    skillsLocales,\n    skillsScore,\n    isOpen,\n    isLoading,\n    maxSelectedSkills = 6,\n    minSelectedSkills = 3,\n    onCancel,\n    onConfirm,\n    onClose\n  } = props;\n  const {translate} = context;\n\n  const detectScrollbar = true;\n  const [sortedSkills, setSortedSkills] = useState(sortBy(skill => skillsLocales[skill], skills));\n  const [currentSort, setCurrentSort] = useState('alphabetical');\n  const [selectedSkillList, setSelectedSkillList] = useState(selectedSkills);\n\n  const handleCancel = useCallback(() => {\n    setSelectedSkillList(selectedSkills);\n    onCancel();\n  }, [setSelectedSkillList, selectedSkills, onCancel]);\n\n  const handleClose = useCallback(() => {\n    setSelectedSkillList(selectedSkills);\n    onClose();\n  }, [setSelectedSkillList, selectedSkills, onClose]);\n\n  const skillProgressAvailable = some(skill => skillsScore[skill] > 0, skills);\n\n  const skillList = useMemo(() => {\n    return sortedSkills.map(skill => {\n      return {\n        skillTitle: skillsLocales[skill],\n        skillRef: skill,\n        focus: selectedSkillList.includes(skill),\n        score: skillsScore[skill]\n      };\n    });\n  }, [sortedSkills, selectedSkillList, skillsLocales, skillsScore]);\n\n  const isError = useMemo(\n    () =>\n      selectedSkillList.length > maxSelectedSkills || selectedSkillList.length < minSelectedSkills,\n    [selectedSkillList, maxSelectedSkills, minSelectedSkills]\n  );\n\n  const footer = useMemo(() => {\n    const footerDescription =\n      selectedSkillList.length > maxSelectedSkills\n        ? translate('skill_focus_footer_error_description', {\n            skillNumber: selectedSkillList.length - maxSelectedSkills\n          })\n        : translate('skill_focus_footer_description', {\n            skillNumber: minSelectedSkills - selectedSkillList.length\n          });\n    return {\n      text: isLoading || !isError ? '' : footerDescription,\n      isError,\n      cancelButton: {\n        onCancel: handleCancel,\n        label: translate('cancel'),\n        disabled: isLoading || isError\n      },\n      confirmButton: {\n        onConfirm: () => onConfirm(selectedSkillList),\n        label: translate('confirm'),\n        iconName: 'circle-check',\n        disabled: isLoading || isError\n      }\n    };\n  }, [\n    isError,\n    handleCancel,\n    onConfirm,\n    translate,\n    selectedSkillList,\n    isLoading,\n    maxSelectedSkills,\n    minSelectedSkills\n  ]);\n\n  const sorting = useMemo(\n    () => ({\n      theme: 'skillDetail',\n      options: ['alphabetical', 'progress'].map(value => ({\n        name: value === 'progress' ? translate('progress') : translate('alphabetical'),\n        value,\n        selected: currentSort === value\n      })),\n      onChange: value => setCurrentSort(value)\n    }),\n    [currentSort, translate]\n  );\n\n  useEffect(() => {\n    // eslint-disable-next-line lodash-fp/no-extraneous-function-wrapping\n    setSortedSkills(prev =>\n      sortBy(\n        skill => (currentSort === 'progress' ? -skillsScore[skill] : skillsLocales[skill]),\n        prev\n      )\n    );\n  }, [currentSort, skillsScore, skillsLocales, setSortedSkills]);\n\n  if ((!isLoading && !skills) || !isOpen) return null;\n\n  return (\n    <BaseModal\n      title={translate('skill_focus')}\n      description={translate('skill_focus_description')}\n      isOpen={isOpen}\n      onClose={handleClose}\n      footer={footer}\n      headerIcon={{\n        name: 'bullseye-arrow',\n        backgroundColor: '#DDD1FF'\n      }}\n      detectScrollbar={detectScrollbar}\n    >\n      <div className={style.skillPickerContainer}>\n        {isLoading ? (\n          <div className={style.loaderContainer}>\n            <Loader className={style.loader} theme=\"coorpmanager\" />\n          </div>\n        ) : (\n          <>\n            <div className={style.ctaWrapper}>\n              <div>{`${selectedSkillList.length} ${translate('selected')}`}</div>\n              {skillProgressAvailable ? (\n                <div className={style.sortWrapper}>\n                  {translate('sort_by')}\n                  <Select {...sorting} aria-label=\"All courses sort\" />\n                </div>\n              ) : null}\n            </div>\n            <div style={{display: 'flex', gap: '16px', flexWrap: 'wrap'}}>\n              {skillList.map((skill, index) => {\n                const {skillTitle, skillRef, focus, score} = skill;\n                function handleChipClick() {\n                  const newSelectedSkillList = focus\n                    ? filter(selectedSkill => selectedSkill !== skillRef, selectedSkillList)\n                    : [...selectedSkillList, skill.skillRef];\n                  setSelectedSkillList(newSelectedSkillList);\n                }\n\n                return (\n                  <Chip\n                    {...(skillProgressAvailable ? {subText: `${score.toFixed(1)}%`} : {})}\n                    text={skillTitle}\n                    selected={focus}\n                    onClick={handleChipClick}\n                    key={index}\n                    backgroundColor=\"skin\"\n                  />\n                );\n              })}\n            </div>\n          </>\n        )}\n      </div>\n    </BaseModal>\n  );\n};\n\nSkillPickerModal.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nSkillPickerModal.propTypes = {\n  skills: PropTypes.arrayOf(PropTypes.string),\n  selectedSkills: PropTypes.arrayOf(PropTypes.string),\n  skillsLocales: PropTypes.objectOf(PropTypes.string),\n  skillsScore: PropTypes.objectOf(PropTypes.number),\n  isOpen: PropTypes.bool,\n  isLoading: PropTypes.bool,\n  minSelectedSkills: PropTypes.number,\n  maxSelectedSkills: PropTypes.number,\n  onCancel: PropTypes.func,\n  onConfirm: PropTypes.func,\n  onClose: PropTypes.func\n};\n\nexport default SkillPickerModal;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","useMemo","useState","useCallback","useEffect","PropTypes","BaseModal","Chip","Loader","Select","Provider","style","SkillPickerModal","props","context","skills","selectedSkills","skillsLocales","skillsScore","isOpen","isLoading","maxSelectedSkills","minSelectedSkills","onCancel","onConfirm","onClose","translate","detectScrollbar","sortedSkills","setSortedSkills","_sortBy","skill","currentSort","setCurrentSort","selectedSkillList","setSelectedSkillList","handleCancel","handleClose","skillProgressAvailable","_some","skillList","map","skillTitle","skillRef","focus","includes","score","isError","length","footer","footerDescription","skillNumber","text","cancelButton","label","disabled","confirmButton","iconName","sorting","theme","options","value","name","selected","onChange","prev","createElement","title","description","headerIcon","backgroundColor","className","skillPickerContainer","loaderContainer","loader","Fragment","ctaWrapper","sortWrapper","_extends","display","gap","flexWrap","index","handleChipClick","newSelectedSkillList","_filter","selectedSkill","subText","toFixed","onClick","key","contextTypes","childContextTypes","propTypes","process","env","NODE_ENV","arrayOf","string","objectOf","number","bool","func"],"sources":["../../../src/molecule/skill-picker-modal/index.js"],"sourcesContent":["import React, {useMemo, useState, useCallback, useEffect} from 'react';\nimport PropTypes from 'prop-types';\nimport {filter, some, sortBy} from 'lodash/fp';\nimport BaseModal from '../base-modal';\nimport Chip from '../../atom/chip';\nimport Loader from '../../atom/loader';\nimport Select from '../../atom/select';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nconst SkillPickerModal = (props, context) => {\n  const {\n    skills,\n    selectedSkills,\n    skillsLocales,\n    skillsScore,\n    isOpen,\n    isLoading,\n    maxSelectedSkills = 6,\n    minSelectedSkills = 3,\n    onCancel,\n    onConfirm,\n    onClose\n  } = props;\n  const {translate} = context;\n\n  const detectScrollbar = true;\n  const [sortedSkills, setSortedSkills] = useState(sortBy(skill => skillsLocales[skill], skills));\n  const [currentSort, setCurrentSort] = useState('alphabetical');\n  const [selectedSkillList, setSelectedSkillList] = useState(selectedSkills);\n\n  const handleCancel = useCallback(() => {\n    setSelectedSkillList(selectedSkills);\n    onCancel();\n  }, [setSelectedSkillList, selectedSkills, onCancel]);\n\n  const handleClose = useCallback(() => {\n    setSelectedSkillList(selectedSkills);\n    onClose();\n  }, [setSelectedSkillList, selectedSkills, onClose]);\n\n  const skillProgressAvailable = some(skill => skillsScore[skill] > 0, skills);\n\n  const skillList = useMemo(() => {\n    return sortedSkills.map(skill => {\n      return {\n        skillTitle: skillsLocales[skill],\n        skillRef: skill,\n        focus: selectedSkillList.includes(skill),\n        score: skillsScore[skill]\n      };\n    });\n  }, [sortedSkills, selectedSkillList, skillsLocales, skillsScore]);\n\n  const isError = useMemo(\n    () =>\n      selectedSkillList.length > maxSelectedSkills || selectedSkillList.length < minSelectedSkills,\n    [selectedSkillList, maxSelectedSkills, minSelectedSkills]\n  );\n\n  const footer = useMemo(() => {\n    const footerDescription =\n      selectedSkillList.length > maxSelectedSkills\n        ? translate('skill_focus_footer_error_description', {\n            skillNumber: selectedSkillList.length - maxSelectedSkills\n          })\n        : translate('skill_focus_footer_description', {\n            skillNumber: minSelectedSkills - selectedSkillList.length\n          });\n    return {\n      text: isLoading || !isError ? '' : footerDescription,\n      isError,\n      cancelButton: {\n        onCancel: handleCancel,\n        label: translate('cancel'),\n        disabled: isLoading || isError\n      },\n      confirmButton: {\n        onConfirm: () => onConfirm(selectedSkillList),\n        label: translate('confirm'),\n        iconName: 'circle-check',\n        disabled: isLoading || isError\n      }\n    };\n  }, [\n    isError,\n    handleCancel,\n    onConfirm,\n    translate,\n    selectedSkillList,\n    isLoading,\n    maxSelectedSkills,\n    minSelectedSkills\n  ]);\n\n  const sorting = useMemo(\n    () => ({\n      theme: 'skillDetail',\n      options: ['alphabetical', 'progress'].map(value => ({\n        name: value === 'progress' ? translate('progress') : translate('alphabetical'),\n        value,\n        selected: currentSort === value\n      })),\n      onChange: value => setCurrentSort(value)\n    }),\n    [currentSort, translate]\n  );\n\n  useEffect(() => {\n    // eslint-disable-next-line lodash-fp/no-extraneous-function-wrapping\n    setSortedSkills(prev =>\n      sortBy(\n        skill => (currentSort === 'progress' ? -skillsScore[skill] : skillsLocales[skill]),\n        prev\n      )\n    );\n  }, [currentSort, skillsScore, skillsLocales, setSortedSkills]);\n\n  if ((!isLoading && !skills) || !isOpen) return null;\n\n  return (\n    <BaseModal\n      title={translate('skill_focus')}\n      description={translate('skill_focus_description')}\n      isOpen={isOpen}\n      onClose={handleClose}\n      footer={footer}\n      headerIcon={{\n        name: 'bullseye-arrow',\n        backgroundColor: '#DDD1FF'\n      }}\n      detectScrollbar={detectScrollbar}\n    >\n      <div className={style.skillPickerContainer}>\n        {isLoading ? (\n          <div className={style.loaderContainer}>\n            <Loader className={style.loader} theme=\"coorpmanager\" />\n          </div>\n        ) : (\n          <>\n            <div className={style.ctaWrapper}>\n              <div>{`${selectedSkillList.length} ${translate('selected')}`}</div>\n              {skillProgressAvailable ? (\n                <div className={style.sortWrapper}>\n                  {translate('sort_by')}\n                  <Select {...sorting} aria-label=\"All courses sort\" />\n                </div>\n              ) : null}\n            </div>\n            <div style={{display: 'flex', gap: '16px', flexWrap: 'wrap'}}>\n              {skillList.map((skill, index) => {\n                const {skillTitle, skillRef, focus, score} = skill;\n                function handleChipClick() {\n                  const newSelectedSkillList = focus\n                    ? filter(selectedSkill => selectedSkill !== skillRef, selectedSkillList)\n                    : [...selectedSkillList, skill.skillRef];\n                  setSelectedSkillList(newSelectedSkillList);\n                }\n\n                return (\n                  <Chip\n                    {...(skillProgressAvailable ? {subText: `${score.toFixed(1)}%`} : {})}\n                    text={skillTitle}\n                    selected={focus}\n                    onClick={handleChipClick}\n                    key={index}\n                    backgroundColor=\"skin\"\n                  />\n                );\n              })}\n            </div>\n          </>\n        )}\n      </div>\n    </BaseModal>\n  );\n};\n\nSkillPickerModal.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nSkillPickerModal.propTypes = {\n  skills: PropTypes.arrayOf(PropTypes.string),\n  selectedSkills: PropTypes.arrayOf(PropTypes.string),\n  skillsLocales: PropTypes.objectOf(PropTypes.string),\n  skillsScore: PropTypes.objectOf(PropTypes.number),\n  isOpen: PropTypes.bool,\n  isLoading: PropTypes.bool,\n  minSelectedSkills: PropTypes.number,\n  maxSelectedSkills: PropTypes.number,\n  onCancel: PropTypes.func,\n  onConfirm: PropTypes.func,\n  onClose: PropTypes.func\n};\n\nexport default SkillPickerModal;\n"],"mappings":"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","ignoreList":[]}

package/es/molecule/skills-chart-side-information-item/index.js

@@ -3,7 +3,6 @@ import PropTypes from 'prop-types';
 import defaults from 'lodash/fp/defaults';
 import Icon from '../../atom/icon';
 import style from './style.css';
-
 const SkillsChartSideInformationItem = ({
   title,
   value,
@@ -27,7 +26,6 @@ const SkillsChartSideInformationItem = ({
     __html: legend
   }
 })));
-
 SkillsChartSideInformationItem.propTypes = process.env.NODE_ENV !== "production" ? {
   icon: PropTypes.shape(Icon.propTypes),
   title: PropTypes.string,

package/es/molecule/skills-chart-side-information-item/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","defaults","Icon","style","SkillsChartSideInformationItem","title","value","legend","icon","iconProps","InformationElement","titleContainer","preset","__html","propTypes","shape","string"],"sources":["../../../src/molecule/skills-chart-side-information-item/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport defaults from 'lodash/fp/defaults';\nimport Icon from '../../atom/icon';\nimport style from './style.css';\n\nconst SkillsChartSideInformationItem = ({title, value, legend, icon: iconProps}) => (\n  <div className={style.InformationElement}>\n    <div className={style.titleContainer}>\n      <Icon {...defaults({preset: 's'}, iconProps)} />\n      <div className={style.title}>{title}</div>\n    </div>\n    <div className={style.value}>{value}</div>\n    <div className={style.legend}>\n      <span\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: legend}}\n      />\n    </div>\n  </div>\n);\n\nSkillsChartSideInformationItem.propTypes = {\n  icon: PropTypes.shape(Icon.propTypes),\n  title: PropTypes.string,\n  value: PropTypes.string,\n  legend: PropTypes.string\n};\n\nexport default SkillsChartSideInformationItem;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,QAAP,MAAqB,oBAArB;AACA,OAAOC,IAAP,MAAiB,iBAAjB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,8BAA8B,GAAG,CAAC;EAACC,KAAD;EAAQC,KAAR;EAAeC,MAAf;EAAuBC,IAAI,EAAEC;AAA7B,CAAD,kBACrC;EAAK,SAAS,EAAEN,KAAK,CAACO;AAAtB,gBACE;EAAK,SAAS,EAAEP,KAAK,CAACQ;AAAtB,gBACE,oBAAC,IAAD,EAAUV,QAAQ,CAAC;EAACW,MAAM,EAAE;AAAT,CAAD,EAAgBH,SAAhB,CAAlB,CADF,eAEE;EAAK,SAAS,EAAEN,KAAK,CAACE;AAAtB,GAA8BA,KAA9B,CAFF,CADF,eAKE;EAAK,SAAS,EAAEF,KAAK,CAACG;AAAtB,GAA8BA,KAA9B,CALF,eAME;EAAK,SAAS,EAAEH,KAAK,CAACI;AAAtB,gBACE;EACE;EACA,uBAAuB,EAAE;IAACM,MAAM,EAAEN;EAAT;AAF3B,EADF,CANF,CADF;;AAgBAH,8BAA8B,CAACU,SAA/B,2CAA2C;EACzCN,IAAI,EAAER,SAAS,CAACe,KAAV,CAAgBb,IAAI,CAACY,SAArB,CADmC;EAEzCT,KAAK,EAAEL,SAAS,CAACgB,MAFwB;EAGzCV,KAAK,EAAEN,SAAS,CAACgB,MAHwB;EAIzCT,MAAM,EAAEP,SAAS,CAACgB;AAJuB,CAA3C;AAOA,eAAeZ,8BAAf"}
+{"version":3,"file":"index.js","names":["React","PropTypes","defaults","Icon","style","SkillsChartSideInformationItem","title","value","legend","icon","iconProps","createElement","className","InformationElement","titleContainer","preset","dangerouslySetInnerHTML","__html","propTypes","process","env","NODE_ENV","shape","string"],"sources":["../../../src/molecule/skills-chart-side-information-item/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport defaults from 'lodash/fp/defaults';\nimport Icon from '../../atom/icon';\nimport style from './style.css';\n\nconst SkillsChartSideInformationItem = ({title, value, legend, icon: iconProps}) => (\n  <div className={style.InformationElement}>\n    <div className={style.titleContainer}>\n      <Icon {...defaults({preset: 's'}, iconProps)} />\n      <div className={style.title}>{title}</div>\n    </div>\n    <div className={style.value}>{value}</div>\n    <div className={style.legend}>\n      <span\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: legend}}\n      />\n    </div>\n  </div>\n);\n\nSkillsChartSideInformationItem.propTypes = {\n  icon: PropTypes.shape(Icon.propTypes),\n  title: PropTypes.string,\n  value: PropTypes.string,\n  legend: PropTypes.string\n};\n\nexport default SkillsChartSideInformationItem;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,QAAQ,MAAM,oBAAoB;AACzC,OAAOC,IAAI,MAAM,iBAAiB;AAClC,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,8BAA8B,GAAGA,CAAC;EAACC,KAAK;EAAEC,KAAK;EAAEC,MAAM;EAAEC,IAAI,EAAEC;AAAS,CAAC,kBAC7EV,KAAA,CAAAW,aAAA;EAAKC,SAAS,EAAER,KAAK,CAACS;AAAmB,gBACvCb,KAAA,CAAAW,aAAA;EAAKC,SAAS,EAAER,KAAK,CAACU;AAAe,gBACnCd,KAAA,CAAAW,aAAA,CAACR,IAAI,EAAKD,QAAQ,CAAC;EAACa,MAAM,EAAE;AAAG,CAAC,EAAEL,SAAS,CAAI,CAAC,eAChDV,KAAA,CAAAW,aAAA;EAAKC,SAAS,EAAER,KAAK,CAACE;AAAM,GAAEA,KAAW,CACtC,CAAC,eACNN,KAAA,CAAAW,aAAA;EAAKC,SAAS,EAAER,KAAK,CAACG;AAAM,GAAEA,KAAW,CAAC,eAC1CP,KAAA,CAAAW,aAAA;EAAKC,SAAS,EAAER,KAAK,CAACI;AAAO,gBAC3BR,KAAA,CAAAW,aAAA;EACE;EACAK,uBAAuB,EAAE;IAACC,MAAM,EAAET;EAAM;AAAE,CAC3C,CACE,CACF,CACN;AAEDH,8BAA8B,CAACa,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACzCZ,IAAI,EAAER,SAAS,CAACqB,KAAK,CAACnB,IAAI,CAACe,SAAS,CAAC;EACrCZ,KAAK,EAAEL,SAAS,CAACsB,MAAM;EACvBhB,KAAK,EAAEN,SAAS,CAACsB,MAAM;EACvBf,MAAM,EAAEP,SAAS,CAACsB;AACpB,CAAC;AAED,eAAelB,8BAA8B","ignoreList":[]}

package/es/molecule/skills-chart-side-information-panel/index.js

@@ -1,25 +1,20 @@
 import _map from "lodash/fp/map";
-
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import React from 'react';
 import PropTypes from 'prop-types';
 import SkillsChartSideInformationItem from '../skills-chart-side-information-item';
 import style from './style.css';
-
 const SkillsChartSideInformationPanel = ({
   sidePanelItems = []
 }) => {
   const sidePanel = _map(sidePanelItemProps => /*#__PURE__*/React.createElement(SkillsChartSideInformationItem, _extends({}, sidePanelItemProps, {
     key: `side-panel-item-${sidePanelItemProps.title}`
   })), sidePanelItems);
-
   return /*#__PURE__*/React.createElement("div", {
     "data-name": "skill-chart-side-panel",
     className: style.sidePanel
   }, sidePanel);
 };
-
 SkillsChartSideInformationPanel.propTypes = process.env.NODE_ENV !== "production" ? {
   sidePanelItems: PropTypes.arrayOf(PropTypes.shape(SkillsChartSideInformationItem.propTypes))
 } : {};

package/es/molecule/skills-chart-side-information-panel/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","SkillsChartSideInformationItem","style","SkillsChartSideInformationPanel","sidePanelItems","sidePanel","sidePanelItemProps","title","propTypes","arrayOf","shape"],"sources":["../../../src/molecule/skills-chart-side-information-panel/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {map} from 'lodash/fp';\nimport SkillsChartSideInformationItem from '../skills-chart-side-information-item';\nimport style from './style.css';\n\nconst SkillsChartSideInformationPanel = ({sidePanelItems = []}) => {\n  const sidePanel = map(\n    sidePanelItemProps => (\n      <SkillsChartSideInformationItem\n        {...sidePanelItemProps}\n        key={`side-panel-item-${sidePanelItemProps.title}`}\n      />\n    ),\n    sidePanelItems\n  );\n  return (\n    <div data-name=\"skill-chart-side-panel\" className={style.sidePanel}>\n      {sidePanel}\n    </div>\n  );\n};\n\nSkillsChartSideInformationPanel.propTypes = {\n  sidePanelItems: PropTypes.arrayOf(PropTypes.shape(SkillsChartSideInformationItem.propTypes))\n};\n\nexport default SkillsChartSideInformationPanel;\n"],"mappings":";;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,8BAAP,MAA2C,uCAA3C;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,+BAA+B,GAAG,CAAC;EAACC,cAAc,GAAG;AAAlB,CAAD,KAA2B;EACjE,MAAMC,SAAS,GAAG,KAChBC,kBAAkB,iBAChB,oBAAC,8BAAD,eACMA,kBADN;IAEE,GAAG,EAAG,mBAAkBA,kBAAkB,CAACC,KAAM;EAFnD,GAFc,EAOhBH,cAPgB,CAAlB;;EASA,oBACE;IAAK,aAAU,wBAAf;IAAwC,SAAS,EAAEF,KAAK,CAACG;EAAzD,GACGA,SADH,CADF;AAKD,CAfD;;AAiBAF,+BAA+B,CAACK,SAAhC,2CAA4C;EAC1CJ,cAAc,EAAEJ,SAAS,CAACS,OAAV,CAAkBT,SAAS,CAACU,KAAV,CAAgBT,8BAA8B,CAACO,SAA/C,CAAlB;AAD0B,CAA5C;AAIA,eAAeL,+BAAf"}
+{"version":3,"file":"index.js","names":["React","PropTypes","SkillsChartSideInformationItem","style","SkillsChartSideInformationPanel","sidePanelItems","sidePanel","_map","sidePanelItemProps","createElement","_extends","key","title","className","propTypes","process","env","NODE_ENV","arrayOf","shape"],"sources":["../../../src/molecule/skills-chart-side-information-panel/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {map} from 'lodash/fp';\nimport SkillsChartSideInformationItem from '../skills-chart-side-information-item';\nimport style from './style.css';\n\nconst SkillsChartSideInformationPanel = ({sidePanelItems = []}) => {\n  const sidePanel = map(\n    sidePanelItemProps => (\n      <SkillsChartSideInformationItem\n        {...sidePanelItemProps}\n        key={`side-panel-item-${sidePanelItemProps.title}`}\n      />\n    ),\n    sidePanelItems\n  );\n  return (\n    <div data-name=\"skill-chart-side-panel\" className={style.sidePanel}>\n      {sidePanel}\n    </div>\n  );\n};\n\nSkillsChartSideInformationPanel.propTypes = {\n  sidePanelItems: PropTypes.arrayOf(PropTypes.shape(SkillsChartSideInformationItem.propTypes))\n};\n\nexport default SkillsChartSideInformationPanel;\n"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,OAAOC,8BAA8B,MAAM,uCAAuC;AAClF,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,+BAA+B,GAAGA,CAAC;EAACC,cAAc,GAAG;AAAE,CAAC,KAAK;EACjE,MAAMC,SAAS,GAAGC,IAAA,CAChBC,kBAAkB,iBAChBR,KAAA,CAAAS,aAAA,CAACP,8BAA8B,EAAAQ,QAAA,KACzBF,kBAAkB;IACtBG,GAAG,EAAE,mBAAmBH,kBAAkB,CAACI,KAAK;EAAG,EACpD,CACF,EACDP,cACF,CAAC;EACD,oBACEL,KAAA,CAAAS,aAAA;IAAK,aAAU,wBAAwB;IAACI,SAAS,EAAEV,KAAK,CAACG;EAAU,GAChEA,SACE,CAAC;AAEV,CAAC;AAEDF,+BAA+B,CAACU,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EAC1CZ,cAAc,EAAEJ,SAAS,CAACiB,OAAO,CAACjB,SAAS,CAACkB,KAAK,CAACjB,8BAA8B,CAACY,SAAS,CAAC;AAC7F,CAAC;AAED,eAAeV,+BAA+B","ignoreList":[]}

package/es/molecule/ssmenu-list/index.js

@@ -1,7 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import style from './style.css';
-
 const SsMenuList = props => {
   const {
     items = []
@@ -19,7 +18,6 @@ const SsMenuList = props => {
     className: style.list
   }, itemsView);
 };
-
 SsMenuList.propTypes = process.env.NODE_ENV !== "production" ? {
   items: PropTypes.arrayOf(PropTypes.shape({
     href: PropTypes.string,

package/es/molecule/ssmenu-list/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","style","SsMenuList","props","items","itemsView","map","title","href","index","item","list","propTypes","arrayOf","shape","string"],"sources":["../../../src/molecule/ssmenu-list/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport style from './style.css';\n\nconst SsMenuList = props => {\n  const {items = []} = props;\n  const itemsView = items.map(({title, href}, index) => (\n    <li key={index} className={style.item}>\n      <a href={href}>{title}</a>\n    </li>\n  ));\n\n  return <ul className={style.list}>{itemsView}</ul>;\n};\n\nSsMenuList.propTypes = {\n  items: PropTypes.arrayOf(\n    PropTypes.shape({\n      href: PropTypes.string,\n      title: PropTypes.string\n    })\n  )\n};\n\nexport default SsMenuList;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,UAAU,GAAGC,KAAK,IAAI;EAC1B,MAAM;IAACC,KAAK,GAAG;EAAT,IAAeD,KAArB;EACA,MAAME,SAAS,GAAGD,KAAK,CAACE,GAAN,CAAU,CAAC;IAACC,KAAD;IAAQC;EAAR,CAAD,EAAgBC,KAAhB,kBAC1B;IAAI,GAAG,EAAEA,KAAT;IAAgB,SAAS,EAAER,KAAK,CAACS;EAAjC,gBACE;IAAG,IAAI,EAAEF;EAAT,GAAgBD,KAAhB,CADF,CADgB,CAAlB;EAMA,oBAAO;IAAI,SAAS,EAAEN,KAAK,CAACU;EAArB,GAA4BN,SAA5B,CAAP;AACD,CATD;;AAWAH,UAAU,CAACU,SAAX,2CAAuB;EACrBR,KAAK,EAAEJ,SAAS,CAACa,OAAV,CACLb,SAAS,CAACc,KAAV,CAAgB;IACdN,IAAI,EAAER,SAAS,CAACe,MADF;IAEdR,KAAK,EAAEP,SAAS,CAACe;EAFH,CAAhB,CADK;AADc,CAAvB;AASA,eAAeb,UAAf"}
+{"version":3,"file":"index.js","names":["React","PropTypes","style","SsMenuList","props","items","itemsView","map","title","href","index","createElement","key","className","item","list","propTypes","process","env","NODE_ENV","arrayOf","shape","string"],"sources":["../../../src/molecule/ssmenu-list/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport style from './style.css';\n\nconst SsMenuList = props => {\n  const {items = []} = props;\n  const itemsView = items.map(({title, href}, index) => (\n    <li key={index} className={style.item}>\n      <a href={href}>{title}</a>\n    </li>\n  ));\n\n  return <ul className={style.list}>{itemsView}</ul>;\n};\n\nSsMenuList.propTypes = {\n  items: PropTypes.arrayOf(\n    PropTypes.shape({\n      href: PropTypes.string,\n      title: PropTypes.string\n    })\n  )\n};\n\nexport default SsMenuList;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,UAAU,GAAGC,KAAK,IAAI;EAC1B,MAAM;IAACC,KAAK,GAAG;EAAE,CAAC,GAAGD,KAAK;EAC1B,MAAME,SAAS,GAAGD,KAAK,CAACE,GAAG,CAAC,CAAC;IAACC,KAAK;IAAEC;EAAI,CAAC,EAAEC,KAAK,kBAC/CV,KAAA,CAAAW,aAAA;IAAIC,GAAG,EAAEF,KAAM;IAACG,SAAS,EAAEX,KAAK,CAACY;EAAK,gBACpCd,KAAA,CAAAW,aAAA;IAAGF,IAAI,EAAEA;EAAK,GAAED,KAAS,CACvB,CACL,CAAC;EAEF,oBAAOR,KAAA,CAAAW,aAAA;IAAIE,SAAS,EAAEX,KAAK,CAACa;EAAK,GAAET,SAAc,CAAC;AACpD,CAAC;AAEDH,UAAU,CAACa,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACrBd,KAAK,EAAEJ,SAAS,CAACmB,OAAO,CACtBnB,SAAS,CAACoB,KAAK,CAAC;IACdZ,IAAI,EAAER,SAAS,CAACqB,MAAM;IACtBd,KAAK,EAAEP,SAAS,CAACqB;EACnB,CAAC,CACH;AACF,CAAC;AAED,eAAenB,UAAU","ignoreList":[]}

package/es/molecule/subscription-freemium/index.js

@@ -2,7 +2,6 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import Provider from '../../atom/provider';
 import style from './style.css';
-
 const SubscriptionFreemiumDetails = (props, context) => {
   const {
     onSubscriptionFreemiumButtonClick
@@ -22,7 +21,6 @@ const SubscriptionFreemiumDetails = (props, context) => {
     onClick: onSubscriptionFreemiumButtonClick
   }, translate('subscription_freemium_button')));
 };
-
 SubscriptionFreemiumDetails.contextTypes = {
   translate: Provider.childContextTypes.translate
 };

package/es/molecule/subscription-freemium/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","Provider","style","SubscriptionFreemiumDetails","props","context","onSubscriptionFreemiumButtonClick","translate","subscriptionFreemium","subscriptionFreemiumTitle","subscriptionFreemiumContent","subscriptionFreemiumButton","contextTypes","childContextTypes","propTypes","func"],"sources":["../../../src/molecule/subscription-freemium/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nconst SubscriptionFreemiumDetails = (props, context) => {\n  const {onSubscriptionFreemiumButtonClick} = props;\n  const {translate} = context;\n\n  return (\n    <div className={style.subscriptionFreemium}>\n      <div className={style.subscriptionFreemiumTitle}>\n        {translate('subscription_freemium_title')}\n      </div>\n      <div className={style.subscriptionFreemiumContent}>\n        {translate('subscription_freemium_description')}\n      </div>\n      <button\n        type=\"button\"\n        className={style.subscriptionFreemiumButton}\n        onClick={onSubscriptionFreemiumButtonClick}\n      >\n        {translate('subscription_freemium_button')}\n      </button>\n    </div>\n  );\n};\n\nSubscriptionFreemiumDetails.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nSubscriptionFreemiumDetails.propTypes = {\n  onSubscriptionFreemiumButtonClick: PropTypes.func\n};\n\nexport default SubscriptionFreemiumDetails;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,QAAP,MAAqB,qBAArB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,2BAA2B,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EACtD,MAAM;IAACC;EAAD,IAAsCF,KAA5C;EACA,MAAM;IAACG;EAAD,IAAcF,OAApB;EAEA,oBACE;IAAK,SAAS,EAAEH,KAAK,CAACM;EAAtB,gBACE;IAAK,SAAS,EAAEN,KAAK,CAACO;EAAtB,GACGF,SAAS,CAAC,6BAAD,CADZ,CADF,eAIE;IAAK,SAAS,EAAEL,KAAK,CAACQ;EAAtB,GACGH,SAAS,CAAC,mCAAD,CADZ,CAJF,eAOE;IACE,IAAI,EAAC,QADP;IAEE,SAAS,EAAEL,KAAK,CAACS,0BAFnB;IAGE,OAAO,EAAEL;EAHX,GAKGC,SAAS,CAAC,8BAAD,CALZ,CAPF,CADF;AAiBD,CArBD;;AAuBAJ,2BAA2B,CAACS,YAA5B,GAA2C;EACzCL,SAAS,EAAEN,QAAQ,CAACY,iBAAT,CAA2BN;AADG,CAA3C;AAIAJ,2BAA2B,CAACW,SAA5B,2CAAwC;EACtCR,iCAAiC,EAAEN,SAAS,CAACe;AADP,CAAxC;AAIA,eAAeZ,2BAAf"}
+{"version":3,"file":"index.js","names":["React","PropTypes","Provider","style","SubscriptionFreemiumDetails","props","context","onSubscriptionFreemiumButtonClick","translate","createElement","className","subscriptionFreemium","subscriptionFreemiumTitle","subscriptionFreemiumContent","type","subscriptionFreemiumButton","onClick","contextTypes","childContextTypes","propTypes","process","env","NODE_ENV","func"],"sources":["../../../src/molecule/subscription-freemium/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nconst SubscriptionFreemiumDetails = (props, context) => {\n  const {onSubscriptionFreemiumButtonClick} = props;\n  const {translate} = context;\n\n  return (\n    <div className={style.subscriptionFreemium}>\n      <div className={style.subscriptionFreemiumTitle}>\n        {translate('subscription_freemium_title')}\n      </div>\n      <div className={style.subscriptionFreemiumContent}>\n        {translate('subscription_freemium_description')}\n      </div>\n      <button\n        type=\"button\"\n        className={style.subscriptionFreemiumButton}\n        onClick={onSubscriptionFreemiumButtonClick}\n      >\n        {translate('subscription_freemium_button')}\n      </button>\n    </div>\n  );\n};\n\nSubscriptionFreemiumDetails.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nSubscriptionFreemiumDetails.propTypes = {\n  onSubscriptionFreemiumButtonClick: PropTypes.func\n};\n\nexport default SubscriptionFreemiumDetails;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,QAAQ,MAAM,qBAAqB;AAC1C,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,2BAA2B,GAAGA,CAACC,KAAK,EAAEC,OAAO,KAAK;EACtD,MAAM;IAACC;EAAiC,CAAC,GAAGF,KAAK;EACjD,MAAM;IAACG;EAAS,CAAC,GAAGF,OAAO;EAE3B,oBACEN,KAAA,CAAAS,aAAA;IAAKC,SAAS,EAAEP,KAAK,CAACQ;EAAqB,gBACzCX,KAAA,CAAAS,aAAA;IAAKC,SAAS,EAAEP,KAAK,CAACS;EAA0B,GAC7CJ,SAAS,CAAC,6BAA6B,CACrC,CAAC,eACNR,KAAA,CAAAS,aAAA;IAAKC,SAAS,EAAEP,KAAK,CAACU;EAA4B,GAC/CL,SAAS,CAAC,mCAAmC,CAC3C,CAAC,eACNR,KAAA,CAAAS,aAAA;IACEK,IAAI,EAAC,QAAQ;IACbJ,SAAS,EAAEP,KAAK,CAACY,0BAA2B;IAC5CC,OAAO,EAAET;EAAkC,GAE1CC,SAAS,CAAC,8BAA8B,CACnC,CACL,CAAC;AAEV,CAAC;AAEDJ,2BAA2B,CAACa,YAAY,GAAG;EACzCT,SAAS,EAAEN,QAAQ,CAACgB,iBAAiB,CAACV;AACxC,CAAC;AAEDJ,2BAA2B,CAACe,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACtCf,iCAAiC,EAAEN,SAAS,CAACsB;AAC/C,CAAC;AAED,eAAenB,2BAA2B","ignoreList":[]}