@coorpacademy/components 11.33.0 → 11.33.2-alpha.0

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","_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":";;;;AAAA,OAAOA,KAAK,IAAGC,OAAO,EAAEC,QAAQ,EAAEC,WAAW,EAAEC,SAAS,QAAO,OAAO;AACtE,OAAOC,SAAS,MAAM,YAAY;AAElC,OAAOC,SAAS,MAAM,eAAe;AACrC,OAAOC,IAAI,MAAM,iBAAiB;AAClC,OAAOC,MAAM,MAAM,mBAAmB;AACtC,OAAOC,MAAM,MAAM,mBAAmB;AACtC,OAAOC,QAAQ,MAAM,qBAAqB;AAC1C,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,gBAAgB,GAAGA,CAACC,KAAK,EAAEC,OAAO,KAAK;EAC3C,MAAM;IACJC,MAAM;IACNC,cAAc;IACdC,aAAa;IACbC,WAAW;IACXC,MAAM;IACNC,SAAS;IACTC,iBAAiB,GAAG,CAAC;IACrBC,iBAAiB,GAAG,CAAC;IACrBC,QAAQ;IACRC,SAAS;IACTC;EACF,CAAC,GAAGZ,KAAK;EACT,MAAM;IAACa;EAAS,CAAC,GAAGZ,OAAO;EAE3B,MAAMa,eAAe,GAAG,IAAI;EAC5B,MAAM,CAACC,YAAY,EAAEC,eAAe,CAAC,GAAG3B,QAAQ,CAAC4B,OAAA,CAAOC,KAAK,IAAId,aAAa,CAACc,KAAK,CAAC,EAAEhB,MAAM,CAAC,CAAC;EAC/F,MAAM,CAACiB,WAAW,EAAEC,cAAc,CAAC,GAAG/B,QAAQ,CAAC,cAAc,CAAC;EAC9D,MAAM,CAACgC,iBAAiB,EAAEC,oBAAoB,CAAC,GAAGjC,QAAQ,CAACc,cAAc,CAAC;EAE1E,MAAMoB,YAAY,GAAGjC,WAAW,CAAC,MAAM;IACrCgC,oBAAoB,CAACnB,cAAc,CAAC;IACpCO,QAAQ,CAAC,CAAC;EACZ,CAAC,EAAE,CAACY,oBAAoB,EAAEnB,cAAc,EAAEO,QAAQ,CAAC,CAAC;EAEpD,MAAMc,WAAW,GAAGlC,WAAW,CAAC,MAAM;IACpCgC,oBAAoB,CAACnB,cAAc,CAAC;IACpCS,OAAO,CAAC,CAAC;EACX,CAAC,EAAE,CAACU,oBAAoB,EAAEnB,cAAc,EAAES,OAAO,CAAC,CAAC;EAEnD,MAAMa,sBAAsB,GAAGC,KAAA,CAAKR,KAAK,IAAIb,WAAW,CAACa,KAAK,CAAC,GAAG,CAAC,EAAEhB,MAAM,CAAC;EAE5E,MAAMyB,SAAS,GAAGvC,OAAO,CAAC,MAAM;IAC9B,OAAO2B,YAAY,CAACa,GAAG,CAACV,KAAK,IAAI;MAC/B,OAAO;QACLW,UAAU,EAAEzB,aAAa,CAACc,KAAK,CAAC;QAChCY,QAAQ,EAAEZ,KAAK;QACfa,KAAK,EAAEV,iBAAiB,CAACW,QAAQ,CAACd,KAAK,CAAC;QACxCe,KAAK,EAAE5B,WAAW,CAACa,KAAK;MAC1B,CAAC;IACH,CAAC,CAAC;EACJ,CAAC,EAAE,CAACH,YAAY,EAAEM,iBAAiB,EAAEjB,aAAa,EAAEC,WAAW,CAAC,CAAC;EAEjE,MAAM6B,OAAO,GAAG9C,OAAO,CACrB,MACEiC,iBAAiB,CAACc,MAAM,GAAG3B,iBAAiB,IAAIa,iBAAiB,CAACc,MAAM,GAAG1B,iBAAiB,EAC9F,CAACY,iBAAiB,EAAEb,iBAAiB,EAAEC,iBAAiB,CAC1D,CAAC;EAED,MAAM2B,MAAM,GAAGhD,OAAO,CAAC,MAAM;IAC3B,MAAMiD,iBAAiB,GACrBhB,iBAAiB,CAACc,MAAM,GAAG3B,iBAAiB,GACxCK,SAAS,CAAC,sCAAsC,EAAE;MAChDyB,WAAW,EAAEjB,iBAAiB,CAACc,MAAM,GAAG3B;IAC1C,CAAC,CAAC,GACFK,SAAS,CAAC,gCAAgC,EAAE;MAC1CyB,WAAW,EAAE7B,iBAAiB,GAAGY,iBAAiB,CAACc;IACrD,CAAC,CAAC;IACR,OAAO;MACLI,IAAI,EAAEhC,SAAS,IAAI,CAAC2B,OAAO,GAAG,EAAE,GAAGG,iBAAiB;MACpDH,OAAO;MACPM,YAAY,EAAE;QACZ9B,QAAQ,EAAEa,YAAY;QACtBkB,KAAK,EAAE5B,SAAS,CAAC,QAAQ,CAAC;QAC1B6B,QAAQ,EAAEnC,SAAS,IAAI2B;MACzB,CAAC;MACDS,aAAa,EAAE;QACbhC,SAAS,EAAEA,CAAA,KAAMA,SAAS,CAACU,iBAAiB,CAAC;QAC7CoB,KAAK,EAAE5B,SAAS,CAAC,SAAS,CAAC;QAC3B+B,QAAQ,EAAE,cAAc;QACxBF,QAAQ,EAAEnC,SAAS,IAAI2B;MACzB;IACF,CAAC;EACH,CAAC,EAAE,CACDA,OAAO,EACPX,YAAY,EACZZ,SAAS,EACTE,SAAS,EACTQ,iBAAiB,EACjBd,SAAS,EACTC,iBAAiB,EACjBC,iBAAiB,CAClB,CAAC;EAEF,MAAMoC,OAAO,GAAGzD,OAAO,CACrB,OAAO;IACL0D,KAAK,EAAE,aAAa;IACpBC,OAAO,EAAE,CAAC,cAAc,EAAE,UAAU,CAAC,CAACnB,GAAG,CAACoB,KAAK,KAAK;MAClDC,IAAI,EAAED,KAAK,KAAK,UAAU,GAAGnC,SAAS,CAAC,UAAU,CAAC,GAAGA,SAAS,CAAC,cAAc,CAAC;MAC9EmC,KAAK;MACLE,QAAQ,EAAE/B,WAAW,KAAK6B;IAC5B,CAAC,CAAC,CAAC;IACHG,QAAQ,EAAEH,KAAK,IAAI5B,cAAc,CAAC4B,KAAK;EACzC,CAAC,CAAC,EACF,CAAC7B,WAAW,EAAEN,SAAS,CACzB,CAAC;EAEDtB,SAAS,CAAC,MAAM;IACd;IACAyB,eAAe,CAACoC,IAAI,IAClBnC,OAAA,CACEC,KAAK,IAAKC,WAAW,KAAK,UAAU,GAAG,CAACd,WAAW,CAACa,KAAK,CAAC,GAAGd,aAAa,CAACc,KAAK,CAAE,EAClFkC,IACF,CACF,CAAC;EACH,CAAC,EAAE,CAACjC,WAAW,EAAEd,WAAW,EAAED,aAAa,EAAEY,eAAe,CAAC,CAAC;EAE9D,IAAK,CAACT,SAAS,IAAI,CAACL,MAAM,IAAK,CAACI,MAAM,EAAE,OAAO,IAAI;EAEnD,oBACEnB,KAAA,CAAAkE,aAAA,CAAC5D,SAAS;IACR6D,KAAK,EAAEzC,SAAS,CAAC,aAAa,CAAE;IAChC0C,WAAW,EAAE1C,SAAS,CAAC,yBAAyB,CAAE;IAClDP,MAAM,EAAEA,MAAO;IACfM,OAAO,EAAEY,WAAY;IACrBY,MAAM,EAAEA,MAAO;IACfoB,UAAU,EAAE;MACVP,IAAI,EAAE,gBAAgB;MACtBQ,eAAe,EAAE;IACnB,CAAE;IACF3C,eAAe,EAAEA;EAAgB,gBAEjC3B,KAAA,CAAAkE,aAAA;IAAKK,SAAS,EAAE5D,KAAK,CAAC6D;EAAqB,GACxCpD,SAAS,gBACRpB,KAAA,CAAAkE,aAAA;IAAKK,SAAS,EAAE5D,KAAK,CAAC8D;EAAgB,gBACpCzE,KAAA,CAAAkE,aAAA,CAAC1D,MAAM;IAAC+D,SAAS,EAAE5D,KAAK,CAAC+D,MAAO;IAACf,KAAK,EAAC;EAAc,CAAE,CACpD,CAAC,gBAEN3D,KAAA,CAAAkE,aAAA,CAAAlE,KAAA,CAAA2E,QAAA,qBACE3E,KAAA,CAAAkE,aAAA;IAAKK,SAAS,EAAE5D,KAAK,CAACiE;EAAW,gBAC/B5E,KAAA,CAAAkE,aAAA,cAAM,GAAGhC,iBAAiB,CAACc,MAAM,IAAItB,SAAS,CAAC,UAAU,CAAC,EAAQ,CAAC,EAClEY,sBAAsB,gBACrBtC,KAAA,CAAAkE,aAAA;IAAKK,SAAS,EAAE5D,KAAK,CAACkE;EAAY,GAC/BnD,SAAS,CAAC,SAAS,CAAC,eACrB1B,KAAA,CAAAkE,aAAA,CAACzD,MAAM,EAAAqE,QAAA,KAAKpB,OAAO;IAAE,cAAW;EAAkB,EAAE,CACjD,CAAC,GACJ,IACD,CAAC,eACN1D,KAAA,CAAAkE,aAAA;IAAKvD,KAAK,EAAE;MAACoE,OAAO,EAAE,MAAM;MAAEC,GAAG,EAAE,MAAM;MAAEC,QAAQ,EAAE;IAAM;EAAE,GAC1DzC,SAAS,CAACC,GAAG,CAAC,CAACV,KAAK,EAAEmD,KAAK,KAAK;IAC/B,MAAM;MAACxC,UAAU;MAAEC,QAAQ;MAAEC,KAAK;MAAEE;IAAK,CAAC,GAAGf,KAAK;IAClD,SAASoD,eAAeA,CAAA,EAAG;MACzB,MAAMC,oBAAoB,GAAGxC,KAAK,GAC9ByC,OAAA,CAAOC,aAAa,IAAIA,aAAa,KAAK3C,QAAQ,EAAET,iBAAiB,CAAC,GACtE,CAAC,GAAGA,iBAAiB,EAAEH,KAAK,CAACY,QAAQ,CAAC;MAC1CR,oBAAoB,CAACiD,oBAAoB,CAAC;IAC5C;IAEA,oBACEpF,KAAA,CAAAkE,aAAA,CAAC3D,IAAI,EAAAuE,QAAA,KACExC,sBAAsB,GAAG;MAACiD,OAAO,EAAE,GAAGzC,KAAK,CAAC0C,OAAO,CAAC,CAAC,CAAC;IAAG,CAAC,GAAG,CAAC,CAAC;MACpEpC,IAAI,EAAEV,UAAW;MACjBqB,QAAQ,EAAEnB,KAAM;MAChB6C,OAAO,EAAEN,eAAgB;MACzBO,GAAG,EAAER,KAAM;MACXZ,eAAe,EAAC;IAAM,EACvB,CAAC;EAEN,CAAC,CACE,CACL,CAED,CACI,CAAC;AAEhB,CAAC;AAED1D,gBAAgB,CAAC+E,YAAY,GAAG;EAC9BjE,SAAS,EAAEhB,QAAQ,CAACkF,iBAAiB,CAAClE;AACxC,CAAC;AAEDd,gBAAgB,CAACiF,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EAC3BjF,MAAM,EAAEV,SAAS,CAAC4F,OAAO,CAAC5F,SAAS,CAAC6F,MAAM,CAAC;EAC3ClF,cAAc,EAAEX,SAAS,CAAC4F,OAAO,CAAC5F,SAAS,CAAC6F,MAAM,CAAC;EACnDjF,aAAa,EAAEZ,SAAS,CAAC8F,QAAQ,CAAC9F,SAAS,CAAC6F,MAAM,CAAC;EACnDhF,WAAW,EAAEb,SAAS,CAAC8F,QAAQ,CAAC9F,SAAS,CAAC+F,MAAM,CAAC;EACjDjF,MAAM,EAAEd,SAAS,CAACgG,IAAI;EACtBjF,SAAS,EAAEf,SAAS,CAACgG,IAAI;EACzB/E,iBAAiB,EAAEjB,SAAS,CAAC+F,MAAM;EACnC/E,iBAAiB,EAAEhB,SAAS,CAAC+F,MAAM;EACnC7E,QAAQ,EAAElB,SAAS,CAACiG,IAAI;EACxB9E,SAAS,EAAEnB,SAAS,CAACiG,IAAI;EACzB7E,OAAO,EAAEpB,SAAS,CAACiG;AACrB,CAAC;AAED,eAAe1F,gBAAgB","ignoreList":[]}
+{"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":";;;;;;AAAA,OAAOA,KAAP,IAAeC,OAAf,EAAwBC,QAAxB,EAAkCC,WAAlC,EAA+CC,SAA/C,QAA+D,OAA/D;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,SAAP,MAAsB,eAAtB;AACA,OAAOC,IAAP,MAAiB,iBAAjB;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,OAAOC,QAAP,MAAqB,qBAArB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,gBAAgB,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EAC3C,MAAM;IACJC,MADI;IAEJC,cAFI;IAGJC,aAHI;IAIJC,WAJI;IAKJC,MALI;IAMJC,SANI;IAOJC,iBAAiB,GAAG,CAPhB;IAQJC,iBAAiB,GAAG,CARhB;IASJC,QATI;IAUJC,SAVI;IAWJC;EAXI,IAYFZ,KAZJ;EAaA,MAAM;IAACa;EAAD,IAAcZ,OAApB;EAEA,MAAMa,eAAe,GAAG,IAAxB;EACA,MAAM,CAACC,YAAD,EAAeC,eAAf,IAAkC3B,QAAQ,CAAC,QAAO4B,KAAK,IAAIb,aAAa,CAACa,KAAD,CAA7B,EAAsCf,MAAtC,CAAD,CAAhD;EACA,MAAM,CAACgB,WAAD,EAAcC,cAAd,IAAgC9B,QAAQ,CAAC,cAAD,CAA9C;EACA,MAAM,CAAC+B,iBAAD,EAAoBC,oBAApB,IAA4ChC,QAAQ,CAACc,cAAD,CAA1D;EAEA,MAAMmB,YAAY,GAAGhC,WAAW,CAAC,MAAM;IACrC+B,oBAAoB,CAAClB,cAAD,CAApB;IACAO,QAAQ;EACT,CAH+B,EAG7B,CAACW,oBAAD,EAAuBlB,cAAvB,EAAuCO,QAAvC,CAH6B,CAAhC;EAKA,MAAMa,WAAW,GAAGjC,WAAW,CAAC,MAAM;IACpC+B,oBAAoB,CAAClB,cAAD,CAApB;IACAS,OAAO;EACR,CAH8B,EAG5B,CAACS,oBAAD,EAAuBlB,cAAvB,EAAuCS,OAAvC,CAH4B,CAA/B;;EAKA,MAAMY,sBAAsB,GAAG,MAAKP,KAAK,IAAIZ,WAAW,CAACY,KAAD,CAAX,GAAqB,CAAnC,EAAsCf,MAAtC,CAA/B;;EAEA,MAAMuB,SAAS,GAAGrC,OAAO,CAAC,MAAM;IAC9B,OAAO2B,YAAY,CAACW,GAAb,CAAiBT,KAAK,IAAI;MAC/B,OAAO;QACLU,UAAU,EAAEvB,aAAa,CAACa,KAAD,CADpB;QAELW,QAAQ,EAAEX,KAFL;QAGLY,KAAK,EAAET,iBAAiB,CAACU,QAAlB,CAA2Bb,KAA3B,CAHF;QAILc,KAAK,EAAE1B,WAAW,CAACY,KAAD;MAJb,CAAP;IAMD,CAPM,CAAP;EAQD,CATwB,EAStB,CAACF,YAAD,EAAeK,iBAAf,EAAkChB,aAAlC,EAAiDC,WAAjD,CATsB,CAAzB;EAWA,MAAM2B,OAAO,GAAG5C,OAAO,CACrB,MACEgC,iBAAiB,CAACa,MAAlB,GAA2BzB,iBAA3B,IAAgDY,iBAAiB,CAACa,MAAlB,GAA2BxB,iBAFxD,EAGrB,CAACW,iBAAD,EAAoBZ,iBAApB,EAAuCC,iBAAvC,CAHqB,CAAvB;EAMA,MAAMyB,MAAM,GAAG9C,OAAO,CAAC,MAAM;IAC3B,MAAM+C,iBAAiB,GACrBf,iBAAiB,CAACa,MAAlB,GAA2BzB,iBAA3B,GACIK,SAAS,CAAC,sCAAD,EAAyC;MAChDuB,WAAW,EAAEhB,iBAAiB,CAACa,MAAlB,GAA2BzB;IADQ,CAAzC,CADb,GAIIK,SAAS,CAAC,gCAAD,EAAmC;MAC1CuB,WAAW,EAAE3B,iBAAiB,GAAGW,iBAAiB,CAACa;IADT,CAAnC,CALf;IAQA,OAAO;MACLI,IAAI,EAAE9B,SAAS,IAAI,CAACyB,OAAd,GAAwB,EAAxB,GAA6BG,iBAD9B;MAELH,OAFK;MAGLM,YAAY,EAAE;QACZ5B,QAAQ,EAAEY,YADE;QAEZiB,KAAK,EAAE1B,SAAS,CAAC,QAAD,CAFJ;QAGZ2B,QAAQ,EAAEjC,SAAS,IAAIyB;MAHX,CAHT;MAQLS,aAAa,EAAE;QACb9B,SAAS,EAAE,MAAMA,SAAS,CAACS,iBAAD,CADb;QAEbmB,KAAK,EAAE1B,SAAS,CAAC,SAAD,CAFH;QAGb6B,QAAQ,EAAE,cAHG;QAIbF,QAAQ,EAAEjC,SAAS,IAAIyB;MAJV;IARV,CAAP;EAeD,CAxBqB,EAwBnB,CACDA,OADC,EAEDV,YAFC,EAGDX,SAHC,EAIDE,SAJC,EAKDO,iBALC,EAMDb,SANC,EAODC,iBAPC,EAQDC,iBARC,CAxBmB,CAAtB;EAmCA,MAAMkC,OAAO,GAAGvD,OAAO,CACrB,OAAO;IACLwD,KAAK,EAAE,aADF;IAELC,OAAO,EAAE,CAAC,cAAD,EAAiB,UAAjB,EAA6BnB,GAA7B,CAAiCoB,KAAK,KAAK;MAClDC,IAAI,EAAED,KAAK,KAAK,UAAV,GAAuBjC,SAAS,CAAC,UAAD,CAAhC,GAA+CA,SAAS,CAAC,cAAD,CADZ;MAElDiC,KAFkD;MAGlDE,QAAQ,EAAE9B,WAAW,KAAK4B;IAHwB,CAAL,CAAtC,CAFJ;IAOLG,QAAQ,EAAEH,KAAK,IAAI3B,cAAc,CAAC2B,KAAD;EAP5B,CAAP,CADqB,EAUrB,CAAC5B,WAAD,EAAcL,SAAd,CAVqB,CAAvB;EAaAtB,SAAS,CAAC,MAAM;IACd;IACAyB,eAAe,CAACkC,IAAI,IAClB,QACEjC,KAAK,IAAKC,WAAW,KAAK,UAAhB,GAA6B,CAACb,WAAW,CAACY,KAAD,CAAzC,GAAmDb,aAAa,CAACa,KAAD,CAD5E,EAEEiC,IAFF,CADa,CAAf;EAMD,CARQ,EAQN,CAAChC,WAAD,EAAcb,WAAd,EAA2BD,aAA3B,EAA0CY,eAA1C,CARM,CAAT;EAUA,IAAK,CAACT,SAAD,IAAc,CAACL,MAAhB,IAA2B,CAACI,MAAhC,EAAwC,OAAO,IAAP;EAExC,oBACE,oBAAC,SAAD;IACE,KAAK,EAAEO,SAAS,CAAC,aAAD,CADlB;IAEE,WAAW,EAAEA,SAAS,CAAC,yBAAD,CAFxB;IAGE,MAAM,EAAEP,MAHV;IAIE,OAAO,EAAEiB,WAJX;IAKE,MAAM,EAAEW,MALV;IAME,UAAU,EAAE;MACVa,IAAI,EAAE,gBADI;MAEVI,eAAe,EAAE;IAFP,CANd;IAUE,eAAe,EAAErC;EAVnB,gBAYE;IAAK,SAAS,EAAEhB,KAAK,CAACsD;EAAtB,GACG7C,SAAS,gBACR;IAAK,SAAS,EAAET,KAAK,CAACuD;EAAtB,gBACE,oBAAC,MAAD;IAAQ,SAAS,EAAEvD,KAAK,CAACwD,MAAzB;IAAiC,KAAK,EAAC;EAAvC,EADF,CADQ,gBAKR,uDACE;IAAK,SAAS,EAAExD,KAAK,CAACyD;EAAtB,gBACE,iCAAO,GAAEnC,iBAAiB,CAACa,MAAO,IAAGpB,SAAS,CAAC,UAAD,CAAa,EAA3D,CADF,EAEGW,sBAAsB,gBACrB;IAAK,SAAS,EAAE1B,KAAK,CAAC0D;EAAtB,GACG3C,SAAS,CAAC,SAAD,CADZ,eAEE,oBAAC,MAAD,eAAY8B,OAAZ;IAAqB,cAAW;EAAhC,GAFF,CADqB,GAKnB,IAPN,CADF,eAUE;IAAK,KAAK,EAAE;MAACc,OAAO,EAAE,MAAV;MAAkBC,GAAG,EAAE,MAAvB;MAA+BC,QAAQ,EAAE;IAAzC;EAAZ,GACGlC,SAAS,CAACC,GAAV,CAAc,CAACT,KAAD,EAAQ2C,KAAR,KAAkB;IAC/B,MAAM;MAACjC,UAAD;MAAaC,QAAb;MAAuBC,KAAvB;MAA8BE;IAA9B,IAAuCd,KAA7C;;IACA,SAAS4C,eAAT,GAA2B;MACzB,MAAMC,oBAAoB,GAAGjC,KAAK,GAC9B,QAAOkC,aAAa,IAAIA,aAAa,KAAKnC,QAA1C,EAAoDR,iBAApD,CAD8B,GAE9B,CAAC,GAAGA,iBAAJ,EAAuBH,KAAK,CAACW,QAA7B,CAFJ;MAGAP,oBAAoB,CAACyC,oBAAD,CAApB;IACD;;IAED,oBACE,oBAAC,IAAD,eACOtC,sBAAsB,GAAG;MAACwC,OAAO,EAAG,GAAEjC,KAAK,CAACkC,OAAN,CAAc,CAAd,CAAiB;IAA9B,CAAH,GAAuC,EADpE;MAEE,IAAI,EAAEtC,UAFR;MAGE,QAAQ,EAAEE,KAHZ;MAIE,OAAO,EAAEgC,eAJX;MAKE,GAAG,EAAED,KALP;MAME,eAAe,EAAC;IANlB,GADF;EAUD,CAnBA,CADH,CAVF,CANJ,CAZF,CADF;AAwDD,CAtKD;;AAwKA7D,gBAAgB,CAACmE,YAAjB,GAAgC;EAC9BrD,SAAS,EAAEhB,QAAQ,CAACsE,iBAAT,CAA2BtD;AADR,CAAhC;AAIAd,gBAAgB,CAACqE,SAAjB,2CAA6B;EAC3BlE,MAAM,EAAEV,SAAS,CAAC6E,OAAV,CAAkB7E,SAAS,CAAC8E,MAA5B,CADmB;EAE3BnE,cAAc,EAAEX,SAAS,CAAC6E,OAAV,CAAkB7E,SAAS,CAAC8E,MAA5B,CAFW;EAG3BlE,aAAa,EAAEZ,SAAS,CAAC+E,QAAV,CAAmB/E,SAAS,CAAC8E,MAA7B,CAHY;EAI3BjE,WAAW,EAAEb,SAAS,CAAC+E,QAAV,CAAmB/E,SAAS,CAACgF,MAA7B,CAJc;EAK3BlE,MAAM,EAAEd,SAAS,CAACiF,IALS;EAM3BlE,SAAS,EAAEf,SAAS,CAACiF,IANM;EAO3BhE,iBAAiB,EAAEjB,SAAS,CAACgF,MAPF;EAQ3BhE,iBAAiB,EAAEhB,SAAS,CAACgF,MARF;EAS3B9D,QAAQ,EAAElB,SAAS,CAACkF,IATO;EAU3B/D,SAAS,EAAEnB,SAAS,CAACkF,IAVM;EAW3B9D,OAAO,EAAEpB,SAAS,CAACkF;AAXQ,CAA7B;AAcA,eAAe3E,gBAAf"}

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

@@ -3,6 +3,7 @@ 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,
@@ -26,6 +27,7 @@ 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","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":[]}
+{"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"}

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

@@ -1,20 +1,25 @@
 import _map from "lodash/fp/map";
-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); }
+
+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); }
+
 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","_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":[]}
+{"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"}

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

@@ -1,6 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import style from './style.css';
+
 const SsMenuList = props => {
   const {
     items = []
@@ -18,6 +19,7 @@ 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","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":[]}
+{"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"}

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

@@ -2,6 +2,7 @@ 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
@@ -21,6 +22,7 @@ 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","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":[]}
+{"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"}

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

@@ -2,6 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import Provider from '../../atom/provider';
 import style from './style.css';
+
 const PremiumDescription = ({
   date,
   price
@@ -15,6 +16,7 @@ const PremiumDescription = ({
     className: style.premiumProductDetails
   }, `${part1}${date}${part2}${price}.`);
 };
+
 PremiumDescription.contextTypes = {
   translate: Provider.childContextTypes.translate
 };
@@ -22,6 +24,7 @@ PremiumDescription.propTypes = process.env.NODE_ENV !== "production" ? {
   date: PropTypes.string,
   price: PropTypes.string
 } : {};
+
 const PromoCodeDescription = ({
   date
 }, {
@@ -37,12 +40,14 @@ const PromoCodeDescription = ({
     href: "http://coorpacademy.com"
   }, "Coorpacademy.com"));
 };
+
 PromoCodeDescription.propTypes = process.env.NODE_ENV !== "production" ? {
   date: PropTypes.string
 } : {};
 PromoCodeDescription.contextTypes = {
   translate: Provider.childContextTypes.translate
 };
+
 const SubscriptionPremiumDetails = (props, context) => {
   const {
     isPromoCode,
@@ -72,6 +77,7 @@ const SubscriptionPremiumDetails = (props, context) => {
     href: `${subscriptionPremiumDescriptionLink}`
   }, translate('subscription_premium_description_part3_with_link'))) : null));
 };
+
 SubscriptionPremiumDetails.contextTypes = {
   translate: Provider.childContextTypes.translate
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","Provider","style","PremiumDescription","date","price","translate","part1","part2","createElement","className","premiumProductDetails","contextTypes","childContextTypes","propTypes","process","env","NODE_ENV","string","PromoCodeDescription","text","homeLink","href","SubscriptionPremiumDetails","props","context","isPromoCode","subscriptionPremiumDescriptionDate","subscriptionPremiumDescriptionPrice","checkImage","subscriptionPremiumDescriptionLink","Description","premiumTitle","premiumTitleImage","src","premiumTitleText","cancelSubscriptionText","cancelSubscriptionLink","bool","isRequired"],"sources":["../../../src/molecule/subscription-premium/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nconst PremiumDescription = ({date, price}, {translate}) => {\n  // @TODO use only one template\n  const part1 = translate('subscription_premium_description_part1');\n  const part2 = translate('subscription_premium_description_part2');\n\n  return <div className={style.premiumProductDetails}>{`${part1}${date}${part2}${price}.`}</div>;\n};\n\nPremiumDescription.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nPremiumDescription.propTypes = {\n  date: PropTypes.string,\n  price: PropTypes.string\n};\n\nconst PromoCodeDescription = ({date}, {translate}) => {\n  const text = translate('subscription_promo_code', {date});\n\n  return (\n    <div className={style.premiumProductDetails}>\n      {text}\n      <a className={style.homeLink} href=\"http://coorpacademy.com\">\n        Coorpacademy.com\n      </a>\n    </div>\n  );\n};\n\nPromoCodeDescription.propTypes = {\n  date: PropTypes.string\n};\n\nPromoCodeDescription.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nconst SubscriptionPremiumDetails = (props, context) => {\n  const {\n    isPromoCode,\n    subscriptionPremiumDescriptionDate: date,\n    subscriptionPremiumDescriptionPrice: price,\n    checkImage,\n    subscriptionPremiumDescriptionLink\n  } = props;\n\n  const {translate} = context;\n  const Description = isPromoCode ? PromoCodeDescription : PremiumDescription;\n\n  return (\n    <div>\n      <div className={style.premiumTitle}>\n        <img className={style.premiumTitleImage} src={checkImage} />\n        <div className={style.premiumTitleText}>{translate('subscription_premium_title')}</div>\n      </div>\n      <div>\n        <Description date={date} price={price} />\n        {!isPromoCode ? (\n          <div className={style.cancelSubscriptionText}>\n            {translate('subscription_premium_description_part3')}\n            <a\n              className={style.cancelSubscriptionLink}\n              href={`${subscriptionPremiumDescriptionLink}`}\n            >\n              {translate('subscription_premium_description_part3_with_link')}\n            </a>\n          </div>\n        ) : null}\n      </div>\n    </div>\n  );\n};\n\nSubscriptionPremiumDetails.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nSubscriptionPremiumDetails.propTypes = {\n  checkImage: PropTypes.string,\n  isPromoCode: PropTypes.bool.isRequired,\n  subscriptionPremiumDescriptionDate: PropTypes.string,\n  subscriptionPremiumDescriptionPrice: PropTypes.string,\n  subscriptionPremiumDescriptionLink: PropTypes.string\n};\n\nexport default SubscriptionPremiumDetails;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","PropTypes","Provider","style","PremiumDescription","date","price","translate","part1","part2","premiumProductDetails","contextTypes","childContextTypes","propTypes","string","PromoCodeDescription","text","homeLink","SubscriptionPremiumDetails","props","context","isPromoCode","subscriptionPremiumDescriptionDate","subscriptionPremiumDescriptionPrice","checkImage","subscriptionPremiumDescriptionLink","Description","premiumTitle","premiumTitleImage","premiumTitleText","cancelSubscriptionText","cancelSubscriptionLink","bool","isRequired"],"sources":["../../../src/molecule/subscription-premium/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nconst PremiumDescription = ({date, price}, {translate}) => {\n  // @TODO use only one template\n  const part1 = translate('subscription_premium_description_part1');\n  const part2 = translate('subscription_premium_description_part2');\n\n  return <div className={style.premiumProductDetails}>{`${part1}${date}${part2}${price}.`}</div>;\n};\n\nPremiumDescription.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nPremiumDescription.propTypes = {\n  date: PropTypes.string,\n  price: PropTypes.string\n};\n\nconst PromoCodeDescription = ({date}, {translate}) => {\n  const text = translate('subscription_promo_code', {date});\n\n  return (\n    <div className={style.premiumProductDetails}>\n      {text}\n      <a className={style.homeLink} href=\"http://coorpacademy.com\">\n        Coorpacademy.com\n      </a>\n    </div>\n  );\n};\n\nPromoCodeDescription.propTypes = {\n  date: PropTypes.string\n};\n\nPromoCodeDescription.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nconst SubscriptionPremiumDetails = (props, context) => {\n  const {\n    isPromoCode,\n    subscriptionPremiumDescriptionDate: date,\n    subscriptionPremiumDescriptionPrice: price,\n    checkImage,\n    subscriptionPremiumDescriptionLink\n  } = props;\n\n  const {translate} = context;\n  const Description = isPromoCode ? PromoCodeDescription : PremiumDescription;\n\n  return (\n    <div>\n      <div className={style.premiumTitle}>\n        <img className={style.premiumTitleImage} src={checkImage} />\n        <div className={style.premiumTitleText}>{translate('subscription_premium_title')}</div>\n      </div>\n      <div>\n        <Description date={date} price={price} />\n        {!isPromoCode ? (\n          <div className={style.cancelSubscriptionText}>\n            {translate('subscription_premium_description_part3')}\n            <a\n              className={style.cancelSubscriptionLink}\n              href={`${subscriptionPremiumDescriptionLink}`}\n            >\n              {translate('subscription_premium_description_part3_with_link')}\n            </a>\n          </div>\n        ) : null}\n      </div>\n    </div>\n  );\n};\n\nSubscriptionPremiumDetails.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nSubscriptionPremiumDetails.propTypes = {\n  checkImage: PropTypes.string,\n  isPromoCode: PropTypes.bool.isRequired,\n  subscriptionPremiumDescriptionDate: PropTypes.string,\n  subscriptionPremiumDescriptionPrice: PropTypes.string,\n  subscriptionPremiumDescriptionLink: PropTypes.string\n};\n\nexport default SubscriptionPremiumDetails;\n"],"mappings":"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"}

package/es/molecule/table/index.js

@@ -11,6 +11,7 @@ import style from './style.css';
 const THEMES = {
   COCKPIT: 'cockpit'
 };
+
 const createOptionsView = (_options, hasOptions) => {
   const optionsView = _options.map((option, oIndex) => {
     const {
@@ -25,10 +26,12 @@ const createOptionsView = (_options, hasOptions) => {
       onClick: onChange
     }, option.title));
   });
+
   return hasOptions ? /*#__PURE__*/React.createElement("div", {
     className: style.options
   }, optionsView) : null;
 };
+
 const buildTableContext = (translate, theme, headerTitle) => {
   if (theme === THEMES.COCKPIT) {
     return /*#__PURE__*/React.createElement("div", {
@@ -59,6 +62,7 @@ const buildTableContext = (translate, theme, headerTitle) => {
       className: style.label
     }, translate('No status')))));
   }
+
   if (headerTitle) {
     return /*#__PURE__*/React.createElement("div", {
       className: style.header
@@ -66,8 +70,10 @@ const buildTableContext = (translate, theme, headerTitle) => {
       className: style.title
     }, headerTitle));
   }
+
   return null;
 };
+
 const Table = (props, context) => {
   const {
     rows = [],
@@ -80,7 +86,9 @@ const Table = (props, context) => {
     skin,
     translate
   } = context;
+
   const mediumColor = _get('common.medium', skin);
+
   const headerView = columns.map((column, cIndex) => {
     const {
       title,
@@ -114,13 +122,15 @@ const Table = (props, context) => {
     }) : null)));
   });
   const tableContext = buildTableContext(translate, theme, headerTitle);
+
   if (editable) {
-    headerView.unshift(/*#__PURE__*/React.createElement("th", {
+    headerView.unshift( /*#__PURE__*/React.createElement("th", {
       key: "header"
     }, /*#__PURE__*/React.createElement("div", {
       className: style.noOptions
     })));
   }
+
   const renderIcon = field => {
     switch (_get('icon', field)) {
       case 'draft':
@@ -128,25 +138,30 @@ const Table = (props, context) => {
           width: 25,
           height: 25
         });
+
       case 'validate':
         return /*#__PURE__*/React.createElement(ValidateIcon, {
           width: 25,
           height: 25
         });
+
       case 'nostatus':
         return /*#__PURE__*/React.createElement("span", {
           className: style.nostatus
         }, '\u26A0️');
+
       case 'videosubtitle':
         return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(VideoSubtitleIcon, {
           className: style.videosubtitle,
           width: 25,
           height: 25
         }), field.title);
+
       default:
         null;
     }
   };
+
   const bodyView = rows.map((row, index) => {
     const {
       fields = [],
@@ -163,6 +178,7 @@ const Table = (props, context) => {
         key: fIndex
       }, _isString(field) ? field : renderIcon(field));
     });
+
     if (editable) {
       tableRows.unshift(
       /*#__PURE__*/
@@ -179,6 +195,7 @@ const Table = (props, context) => {
         width: 16
       }))));
     }
+
     return /*#__PURE__*/React.createElement("tr", {
       className: trClasses,
       key: index
@@ -193,6 +210,7 @@ const Table = (props, context) => {
     })
   }, /*#__PURE__*/React.createElement("thead", null, /*#__PURE__*/React.createElement("tr", null, headerView)), /*#__PURE__*/React.createElement("tbody", null, bodyView)));
 };
+
 Table.contextTypes = {
   skin: Provider.childContextTypes.skin,
   translate: Provider.childContextTypes.translate

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","classnames","PropTypes","NovaCompositionNavigationArrowDown","ArrowDown","NovaCompositionCoorpacademyFunnel","FunnelIcon","NovaSolidContentEditionPencil1","PencilIcon","NovaCompositionCoorpacademyDraft","DraftIcon","NovaCompositionCoorpacademyValidate","ValidateIcon","NovaSolidVideosVideoSubtitle","VideoSubtitleIcon","Provider","Checkbox","Link","style","THEMES","COCKPIT","createOptionsView","_options","hasOptions","optionsView","map","option","oIndex","onChange","selected","createElement","key","className","type","onClick","title","options","buildTableContext","translate","theme","headerTitle","header","legend","icon","width","height","label","nostatus","Table","props","context","rows","columns","editable","skin","mediumColor","_get","headerView","column","cIndex","filtered","info","length","OptionsIcon","toggle","noOptions","id","name","checked","checkbox","htmlFor","optionsIconWrapper","color","optionsIcon","tableContext","unshift","renderIcon","field","Fragment","videosubtitle","bodyView","row","index","fields","editHref","trClasses","highlighted","tableRows","fIndex","_isString","href","mainClass","cockpit","wrapper","table","readonly","contextTypes","childContextTypes","propTypes","process","env","NODE_ENV","bool","arrayOf","shape","oneOfType","string","isRequired","func","oneOf"],"sources":["../../../src/molecule/table/index.js"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport PropTypes from 'prop-types';\nimport {get, isString} from 'lodash/fp';\nimport {\n  NovaCompositionNavigationArrowDown as ArrowDown,\n  NovaCompositionCoorpacademyFunnel as FunnelIcon,\n  NovaSolidContentEditionPencil1 as PencilIcon,\n  NovaCompositionCoorpacademyDraft as DraftIcon,\n  NovaCompositionCoorpacademyValidate as ValidateIcon,\n  NovaSolidVideosVideoSubtitle as VideoSubtitleIcon\n} from '@coorpacademy/nova-icons';\nimport Provider from '../../atom/provider';\nimport Checkbox from '../../atom/checkbox';\nimport Link from '../../atom/link';\nimport style from './style.css';\n\nconst THEMES = {COCKPIT: 'cockpit'};\n\nconst createOptionsView = (_options, hasOptions) => {\n  const optionsView = _options.map((option, oIndex) => {\n    const {onChange, selected} = option;\n\n    return (\n      <div key={oIndex} className={selected ? style.selected : style.option}>\n        <button type=\"button\" onClick={onChange}>\n          {option.title}\n        </button>\n      </div>\n    );\n  });\n\n  return hasOptions ? <div className={style.options}>{optionsView}</div> : null;\n};\n\nconst buildTableContext = (translate, theme, headerTitle) => {\n  if (theme === THEMES.COCKPIT) {\n    return (\n      <div className={style.header}>\n        <h1 className={style.title}>{headerTitle}</h1>\n        <div className={style.legend}>\n          <div className={style.icon}>\n            <DraftIcon width={25} height={25} />\n            <span className={style.label}>{translate('Draft')}</span>\n          </div>\n          <div className={style.icon}>\n            <ValidateIcon width={25} height={25} />\n            <span className={style.label}>{translate('Validated')}</span>\n          </div>\n          <div className={style.icon}>\n            <span className={style.nostatus}>{'\\u26A0️'}</span>\n            <span className={style.label}>{translate('No status')}</span>\n          </div>\n        </div>\n      </div>\n    );\n  }\n\n  if (headerTitle) {\n    return (\n      <div className={style.header}>\n        <h2 className={style.title}>{headerTitle}</h2>\n      </div>\n    );\n  }\n  return null;\n};\n\nconst Table = (props, context) => {\n  const {rows = [], columns = [], editable = true, theme, headerTitle = ''} = props;\n  const {skin, translate} = context;\n\n  const mediumColor = get('common.medium', skin);\n\n  const headerView = columns.map((column, cIndex) => {\n    const {title, filtered, info = '', options = []} = column;\n\n    const hasOptions = options.length > 0;\n\n    const OptionsIcon = (hasOptions && (filtered ? FunnelIcon : ArrowDown)) || null;\n\n    return (\n      <th title={info} key={cIndex}>\n        <div className={hasOptions ? style.toggle : style.noOptions}>\n          <Checkbox id={title} name={title} checked className={style.checkbox} />\n          <label htmlFor={title}>{title}</label>\n          {options.length > 0 ? createOptionsView(options, hasOptions) : null}\n          <div className={style.optionsIconWrapper}>\n            {hasOptions ? (\n              <OptionsIcon\n                style={{color: mediumColor}}\n                height={16}\n                width={16}\n                className={style.optionsIcon}\n              />\n            ) : null}\n          </div>\n        </div>\n      </th>\n    );\n  });\n\n  const tableContext = buildTableContext(translate, theme, headerTitle);\n\n  if (editable) {\n    headerView.unshift(\n      <th key=\"header\">\n        <div className={style.noOptions} />\n      </th>\n    );\n  }\n\n  const renderIcon = field => {\n    switch (get('icon', field)) {\n      case 'draft':\n        return <DraftIcon width={25} height={25} />;\n      case 'validate':\n        return <ValidateIcon width={25} height={25} />;\n      case 'nostatus':\n        return <span className={style.nostatus}>{'\\u26A0️'}</span>;\n      case 'videosubtitle':\n        return (\n          <>\n            <VideoSubtitleIcon className={style.videosubtitle} width={25} height={25} />\n            {field.title}\n          </>\n        );\n      default:\n        null;\n    }\n  };\n\n  const bodyView = rows.map((row, index) => {\n    const {fields = [], editHref} = row;\n    const trClasses = classnames({[style.highlighted]: row.highlighted});\n\n    const tableRows = fields.map((field, fIndex) => {\n      if (!field) return <td key={fIndex}>{''}</td>;\n      return <td key={fIndex}>{isString(field) ? field : renderIcon(field)}</td>;\n    });\n\n    if (editable) {\n      tableRows.unshift(\n        // TODO restore dropped support of hoverColor={brandColor}\n        <td key=\"header\">\n          <Link href={editHref}>\n            <PencilIcon style={{color: mediumColor}} height={16} width={16} />\n          </Link>\n        </td>\n      );\n    }\n\n    return (\n      <tr className={trClasses} key={index}>\n        {tableRows}\n      </tr>\n    );\n  });\n\n  const mainClass = classnames(theme === THEMES.COCKPIT ? style.cockpit : style.wrapper);\n\n  return (\n    <div className={mainClass}>\n      {tableContext}\n      <table className={classnames(style.table, {[style.readonly]: !editable})}>\n        <thead>\n          <tr>{headerView}</tr>\n        </thead>\n        <tbody>{bodyView}</tbody>\n      </table>\n    </div>\n  );\n};\n\nTable.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nTable.propTypes = {\n  editable: PropTypes.bool,\n  rows: PropTypes.arrayOf(\n    PropTypes.shape({\n      fields: PropTypes.arrayOf(\n        PropTypes.oneOfType([\n          PropTypes.string,\n          PropTypes.shape({icon: PropTypes.string}),\n          PropTypes.shape({icon: PropTypes.string, title: PropTypes.string})\n        ])\n      ),\n      editHref: PropTypes.string,\n      highlighted: PropTypes.bool\n    })\n  ),\n  columns: PropTypes.arrayOf(\n    PropTypes.shape({\n      title: PropTypes.string.isRequired,\n      info: PropTypes.string,\n      filtered: PropTypes.bool,\n      options: PropTypes.arrayOf(\n        PropTypes.shape({\n          title: PropTypes.string.isRequired,\n          onChange: PropTypes.func.isRequired,\n          selected: PropTypes.bool.isRequired\n        })\n      )\n    })\n  ),\n  theme: PropTypes.oneOf([THEMES.COCKPIT]),\n  headerTitle: PropTypes.string\n};\n\nexport default Table;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","classnames","PropTypes","NovaCompositionNavigationArrowDown","ArrowDown","NovaCompositionCoorpacademyFunnel","FunnelIcon","NovaSolidContentEditionPencil1","PencilIcon","NovaCompositionCoorpacademyDraft","DraftIcon","NovaCompositionCoorpacademyValidate","ValidateIcon","NovaSolidVideosVideoSubtitle","VideoSubtitleIcon","Provider","Checkbox","Link","style","THEMES","COCKPIT","createOptionsView","_options","hasOptions","optionsView","map","option","oIndex","onChange","selected","title","options","buildTableContext","translate","theme","headerTitle","header","legend","icon","label","nostatus","Table","props","context","rows","columns","editable","skin","mediumColor","headerView","column","cIndex","filtered","info","length","OptionsIcon","toggle","noOptions","checkbox","optionsIconWrapper","color","optionsIcon","tableContext","unshift","renderIcon","field","videosubtitle","bodyView","row","index","fields","editHref","trClasses","highlighted","tableRows","fIndex","mainClass","cockpit","wrapper","table","readonly","contextTypes","childContextTypes","propTypes","bool","arrayOf","shape","oneOfType","string","isRequired","func","oneOf"],"sources":["../../../src/molecule/table/index.js"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport PropTypes from 'prop-types';\nimport {get, isString} from 'lodash/fp';\nimport {\n  NovaCompositionNavigationArrowDown as ArrowDown,\n  NovaCompositionCoorpacademyFunnel as FunnelIcon,\n  NovaSolidContentEditionPencil1 as PencilIcon,\n  NovaCompositionCoorpacademyDraft as DraftIcon,\n  NovaCompositionCoorpacademyValidate as ValidateIcon,\n  NovaSolidVideosVideoSubtitle as VideoSubtitleIcon\n} from '@coorpacademy/nova-icons';\nimport Provider from '../../atom/provider';\nimport Checkbox from '../../atom/checkbox';\nimport Link from '../../atom/link';\nimport style from './style.css';\n\nconst THEMES = {COCKPIT: 'cockpit'};\n\nconst createOptionsView = (_options, hasOptions) => {\n  const optionsView = _options.map((option, oIndex) => {\n    const {onChange, selected} = option;\n\n    return (\n      <div key={oIndex} className={selected ? style.selected : style.option}>\n        <button type=\"button\" onClick={onChange}>\n          {option.title}\n        </button>\n      </div>\n    );\n  });\n\n  return hasOptions ? <div className={style.options}>{optionsView}</div> : null;\n};\n\nconst buildTableContext = (translate, theme, headerTitle) => {\n  if (theme === THEMES.COCKPIT) {\n    return (\n      <div className={style.header}>\n        <h1 className={style.title}>{headerTitle}</h1>\n        <div className={style.legend}>\n          <div className={style.icon}>\n            <DraftIcon width={25} height={25} />\n            <span className={style.label}>{translate('Draft')}</span>\n          </div>\n          <div className={style.icon}>\n            <ValidateIcon width={25} height={25} />\n            <span className={style.label}>{translate('Validated')}</span>\n          </div>\n          <div className={style.icon}>\n            <span className={style.nostatus}>{'\\u26A0️'}</span>\n            <span className={style.label}>{translate('No status')}</span>\n          </div>\n        </div>\n      </div>\n    );\n  }\n\n  if (headerTitle) {\n    return (\n      <div className={style.header}>\n        <h2 className={style.title}>{headerTitle}</h2>\n      </div>\n    );\n  }\n  return null;\n};\n\nconst Table = (props, context) => {\n  const {rows = [], columns = [], editable = true, theme, headerTitle = ''} = props;\n  const {skin, translate} = context;\n\n  const mediumColor = get('common.medium', skin);\n\n  const headerView = columns.map((column, cIndex) => {\n    const {title, filtered, info = '', options = []} = column;\n\n    const hasOptions = options.length > 0;\n\n    const OptionsIcon = (hasOptions && (filtered ? FunnelIcon : ArrowDown)) || null;\n\n    return (\n      <th title={info} key={cIndex}>\n        <div className={hasOptions ? style.toggle : style.noOptions}>\n          <Checkbox id={title} name={title} checked className={style.checkbox} />\n          <label htmlFor={title}>{title}</label>\n          {options.length > 0 ? createOptionsView(options, hasOptions) : null}\n          <div className={style.optionsIconWrapper}>\n            {hasOptions ? (\n              <OptionsIcon\n                style={{color: mediumColor}}\n                height={16}\n                width={16}\n                className={style.optionsIcon}\n              />\n            ) : null}\n          </div>\n        </div>\n      </th>\n    );\n  });\n\n  const tableContext = buildTableContext(translate, theme, headerTitle);\n\n  if (editable) {\n    headerView.unshift(\n      <th key=\"header\">\n        <div className={style.noOptions} />\n      </th>\n    );\n  }\n\n  const renderIcon = field => {\n    switch (get('icon', field)) {\n      case 'draft':\n        return <DraftIcon width={25} height={25} />;\n      case 'validate':\n        return <ValidateIcon width={25} height={25} />;\n      case 'nostatus':\n        return <span className={style.nostatus}>{'\\u26A0️'}</span>;\n      case 'videosubtitle':\n        return (\n          <>\n            <VideoSubtitleIcon className={style.videosubtitle} width={25} height={25} />\n            {field.title}\n          </>\n        );\n      default:\n        null;\n    }\n  };\n\n  const bodyView = rows.map((row, index) => {\n    const {fields = [], editHref} = row;\n    const trClasses = classnames({[style.highlighted]: row.highlighted});\n\n    const tableRows = fields.map((field, fIndex) => {\n      if (!field) return <td key={fIndex}>{''}</td>;\n      return <td key={fIndex}>{isString(field) ? field : renderIcon(field)}</td>;\n    });\n\n    if (editable) {\n      tableRows.unshift(\n        // TODO restore dropped support of hoverColor={brandColor}\n        <td key=\"header\">\n          <Link href={editHref}>\n            <PencilIcon style={{color: mediumColor}} height={16} width={16} />\n          </Link>\n        </td>\n      );\n    }\n\n    return (\n      <tr className={trClasses} key={index}>\n        {tableRows}\n      </tr>\n    );\n  });\n\n  const mainClass = classnames(theme === THEMES.COCKPIT ? style.cockpit : style.wrapper);\n\n  return (\n    <div className={mainClass}>\n      {tableContext}\n      <table className={classnames(style.table, {[style.readonly]: !editable})}>\n        <thead>\n          <tr>{headerView}</tr>\n        </thead>\n        <tbody>{bodyView}</tbody>\n      </table>\n    </div>\n  );\n};\n\nTable.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nTable.propTypes = {\n  editable: PropTypes.bool,\n  rows: PropTypes.arrayOf(\n    PropTypes.shape({\n      fields: PropTypes.arrayOf(\n        PropTypes.oneOfType([\n          PropTypes.string,\n          PropTypes.shape({icon: PropTypes.string}),\n          PropTypes.shape({icon: PropTypes.string, title: PropTypes.string})\n        ])\n      ),\n      editHref: PropTypes.string,\n      highlighted: PropTypes.bool\n    })\n  ),\n  columns: PropTypes.arrayOf(\n    PropTypes.shape({\n      title: PropTypes.string.isRequired,\n      info: PropTypes.string,\n      filtered: PropTypes.bool,\n      options: PropTypes.arrayOf(\n        PropTypes.shape({\n          title: PropTypes.string.isRequired,\n          onChange: PropTypes.func.isRequired,\n          selected: PropTypes.bool.isRequired\n        })\n      )\n    })\n  ),\n  theme: PropTypes.oneOf([THEMES.COCKPIT]),\n  headerTitle: PropTypes.string\n};\n\nexport default Table;\n"],"mappings":"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"}

package/es/molecule/teams-popin/index.js

@@ -11,6 +11,7 @@ const ICONS = {
   reload: ReloadIcon,
   wrong: ReloadIcon
 };
+
 const TeamsPopin = props => {
   const {
     header,
@@ -71,6 +72,7 @@ const TeamsPopin = props => {
     }
   }) : null));
 };
+
 TeamsPopin.propTypes = process.env.NODE_ENV !== "production" ? {
   header: PropTypes.string,
   content: PropTypes.string,

package/es/molecule/teams-popin/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","NovaCompositionCoorpacademyReload","ReloadIcon","NovaCompositionCoorpacademyLoginFailed","LoginFailedIcon","NovaCompositionCoorpacademyAddressError","AddressErrorIcon","NovaCompositionCoorpacademySchoolGraduation","SchoolGraduation","Cta","Loader","style","ICONS","login","loginFailed","addressError","reload","wrong","TeamsPopin","props","header","content","buttonLabel","aboutLabel","onButtonClick","type","isLoading","backgroundImageUrl","IconType","iconContainerStyle","iconContainer","errorIconContainer","Icon","createElement","className","icon","backgroundImageStyle","backgroundImage","backgroundSize","background","loader","popin","dangerouslySetInnerHTML","__html","buttonContainer","submitValue","onClick","name","about","propTypes","process","env","NODE_ENV","string","func","oneOf","bool"],"sources":["../../../src/molecule/teams-popin/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  NovaCompositionCoorpacademyReload as ReloadIcon,\n  NovaCompositionCoorpacademyLoginFailed as LoginFailedIcon,\n  NovaCompositionCoorpacademyAddressError as AddressErrorIcon,\n  NovaCompositionCoorpacademySchoolGraduation as SchoolGraduation\n} from '@coorpacademy/nova-icons';\nimport Cta from '../../atom/cta';\nimport Loader from '../../atom/loader';\nimport style from './style.css';\n\nconst ICONS = {\n  login: SchoolGraduation,\n  loginFailed: LoginFailedIcon,\n  addressError: AddressErrorIcon,\n  reload: ReloadIcon,\n  wrong: ReloadIcon\n};\n\nconst TeamsPopin = props => {\n  const {\n    header,\n    content,\n    buttonLabel,\n    aboutLabel,\n    onButtonClick,\n    type,\n    isLoading = false,\n    backgroundImageUrl\n  } = props;\n  const IconType = ICONS[type];\n  const iconContainerStyle = type === 'login' ? style.iconContainer : style.errorIconContainer;\n  const Icon = IconType ? (\n    <div className={iconContainerStyle}>\n      <IconType className={style.icon} />\n    </div>\n  ) : null;\n  const backgroundImageStyle = backgroundImageUrl\n    ? {\n        backgroundImage: `url(${backgroundImageUrl})`,\n        backgroundSize: 'cover'\n      }\n    : {};\n\n  return (\n    <div className={style.background} style={backgroundImageStyle}>\n      {isLoading ? (\n        <div className={style.loader}>\n          <Loader data-name=\"teams-popin-loader\" />\n        </div>\n      ) : (\n        <div className={style.popin}>\n          {Icon}\n          <div\n            className={style.header}\n            data-name={`popin-header-${type}`} // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={{__html: header}}\n          />\n          <p\n            className={style.content}\n            data-name={`popin-content-${type}`} // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={{__html: content}}\n          />\n          {buttonLabel && onButtonClick ? (\n            <div className={style.buttonContainer}>\n              <Cta submitValue={buttonLabel} onClick={onButtonClick} name={`popin-cta-${type}`} />\n            </div>\n          ) : null}\n          {aboutLabel ? (\n            <p\n              className={style.about}\n              data-name={`popin-about-label-${type}`} // eslint-disable-next-line react/no-danger\n              dangerouslySetInnerHTML={{__html: aboutLabel}}\n            />\n          ) : null}\n        </div>\n      )}\n    </div>\n  );\n};\n\nTeamsPopin.propTypes = {\n  header: PropTypes.string,\n  content: PropTypes.string,\n  buttonLabel: PropTypes.string,\n  aboutLabel: PropTypes.string,\n  onButtonClick: PropTypes.func,\n  type: PropTypes.oneOf(['login', 'reload', 'loginFailed', 'addressError', 'wrong']),\n  isLoading: PropTypes.bool,\n  backgroundImageUrl: PropTypes.string\n};\n\nexport default TeamsPopin;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","PropTypes","NovaCompositionCoorpacademyReload","ReloadIcon","NovaCompositionCoorpacademyLoginFailed","LoginFailedIcon","NovaCompositionCoorpacademyAddressError","AddressErrorIcon","NovaCompositionCoorpacademySchoolGraduation","SchoolGraduation","Cta","Loader","style","ICONS","login","loginFailed","addressError","reload","wrong","TeamsPopin","props","header","content","buttonLabel","aboutLabel","onButtonClick","type","isLoading","backgroundImageUrl","IconType","iconContainerStyle","iconContainer","errorIconContainer","Icon","icon","backgroundImageStyle","backgroundImage","backgroundSize","background","loader","popin","__html","buttonContainer","about","propTypes","string","func","oneOf","bool"],"sources":["../../../src/molecule/teams-popin/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  NovaCompositionCoorpacademyReload as ReloadIcon,\n  NovaCompositionCoorpacademyLoginFailed as LoginFailedIcon,\n  NovaCompositionCoorpacademyAddressError as AddressErrorIcon,\n  NovaCompositionCoorpacademySchoolGraduation as SchoolGraduation\n} from '@coorpacademy/nova-icons';\nimport Cta from '../../atom/cta';\nimport Loader from '../../atom/loader';\nimport style from './style.css';\n\nconst ICONS = {\n  login: SchoolGraduation,\n  loginFailed: LoginFailedIcon,\n  addressError: AddressErrorIcon,\n  reload: ReloadIcon,\n  wrong: ReloadIcon\n};\n\nconst TeamsPopin = props => {\n  const {\n    header,\n    content,\n    buttonLabel,\n    aboutLabel,\n    onButtonClick,\n    type,\n    isLoading = false,\n    backgroundImageUrl\n  } = props;\n  const IconType = ICONS[type];\n  const iconContainerStyle = type === 'login' ? style.iconContainer : style.errorIconContainer;\n  const Icon = IconType ? (\n    <div className={iconContainerStyle}>\n      <IconType className={style.icon} />\n    </div>\n  ) : null;\n  const backgroundImageStyle = backgroundImageUrl\n    ? {\n        backgroundImage: `url(${backgroundImageUrl})`,\n        backgroundSize: 'cover'\n      }\n    : {};\n\n  return (\n    <div className={style.background} style={backgroundImageStyle}>\n      {isLoading ? (\n        <div className={style.loader}>\n          <Loader data-name=\"teams-popin-loader\" />\n        </div>\n      ) : (\n        <div className={style.popin}>\n          {Icon}\n          <div\n            className={style.header}\n            data-name={`popin-header-${type}`} // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={{__html: header}}\n          />\n          <p\n            className={style.content}\n            data-name={`popin-content-${type}`} // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={{__html: content}}\n          />\n          {buttonLabel && onButtonClick ? (\n            <div className={style.buttonContainer}>\n              <Cta submitValue={buttonLabel} onClick={onButtonClick} name={`popin-cta-${type}`} />\n            </div>\n          ) : null}\n          {aboutLabel ? (\n            <p\n              className={style.about}\n              data-name={`popin-about-label-${type}`} // eslint-disable-next-line react/no-danger\n              dangerouslySetInnerHTML={{__html: aboutLabel}}\n            />\n          ) : null}\n        </div>\n      )}\n    </div>\n  );\n};\n\nTeamsPopin.propTypes = {\n  header: PropTypes.string,\n  content: PropTypes.string,\n  buttonLabel: PropTypes.string,\n  aboutLabel: PropTypes.string,\n  onButtonClick: PropTypes.func,\n  type: PropTypes.oneOf(['login', 'reload', 'loginFailed', 'addressError', 'wrong']),\n  isLoading: PropTypes.bool,\n  backgroundImageUrl: PropTypes.string\n};\n\nexport default TeamsPopin;\n"],"mappings":"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"}

package/es/molecule/theme-image/index.js

@@ -3,6 +3,7 @@ import PropTypes from 'prop-types';
 import extractor from '../../util/image';
 import Provider from '../../atom/provider';
 import style from './style.css';
+
 function ThemeImage({
   image
 }, {
@@ -38,6 +39,7 @@ function ThemeImage({
     style: mobileStyle
   })));
 }
+
 ThemeImage.contextTypes = {
   skin: Provider.childContextTypes.skin
 };

package/es/molecule/theme-image/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","extractor","Provider","style","ThemeImage","image","skin","extract","defaultStyle","extractWithDefault","mobileStyle","tabletStyle","desktopStyle","createElement","className","wrapper","default","background","desktopContainer","tabletContainer","mobileContainer","contextTypes","childContextTypes","propTypes","process","env","NODE_ENV","string","isRequired"],"sources":["../../../src/molecule/theme-image/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport extractor from '../../util/image';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nfunction ThemeImage({image}, {skin}) {\n  const extract = extractor(skin);\n  const defaultStyle = extract(image);\n\n  const extractWithDefault = extractor(skin, image);\n  const mobileStyle = extractWithDefault(`${image}-mobile`);\n  const tabletStyle = extractWithDefault(`${image}-tablet`);\n  const desktopStyle = extractWithDefault(`${image}-desktop`);\n\n  return (\n    <div className={style.wrapper}>\n      <div className={style.default}>\n        <div className={style.background} style={defaultStyle} />\n      </div>\n      <div className={style.desktopContainer}>\n        <div className={style.background} style={desktopStyle} />\n      </div>\n      <div className={style.tabletContainer}>\n        <div className={style.background} style={tabletStyle} />\n      </div>\n      <div className={style.mobileContainer}>\n        <div className={style.background} style={mobileStyle} />\n      </div>\n    </div>\n  );\n}\n\nThemeImage.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nThemeImage.propTypes = {\n  image: PropTypes.string.isRequired\n};\n\nexport default ThemeImage;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,SAAS,MAAM,kBAAkB;AACxC,OAAOC,QAAQ,MAAM,qBAAqB;AAC1C,OAAOC,KAAK,MAAM,aAAa;AAE/B,SAASC,UAAUA,CAAC;EAACC;AAAK,CAAC,EAAE;EAACC;AAAI,CAAC,EAAE;EACnC,MAAMC,OAAO,GAAGN,SAAS,CAACK,IAAI,CAAC;EAC/B,MAAME,YAAY,GAAGD,OAAO,CAACF,KAAK,CAAC;EAEnC,MAAMI,kBAAkB,GAAGR,SAAS,CAACK,IAAI,EAAED,KAAK,CAAC;EACjD,MAAMK,WAAW,GAAGD,kBAAkB,CAAC,GAAGJ,KAAK,SAAS,CAAC;EACzD,MAAMM,WAAW,GAAGF,kBAAkB,CAAC,GAAGJ,KAAK,SAAS,CAAC;EACzD,MAAMO,YAAY,GAAGH,kBAAkB,CAAC,GAAGJ,KAAK,UAAU,CAAC;EAE3D,oBACEN,KAAA,CAAAc,aAAA;IAAKC,SAAS,EAAEX,KAAK,CAACY;EAAQ,gBAC5BhB,KAAA,CAAAc,aAAA;IAAKC,SAAS,EAAEX,KAAK,CAACa;EAAQ,gBAC5BjB,KAAA,CAAAc,aAAA;IAAKC,SAAS,EAAEX,KAAK,CAACc,UAAW;IAACd,KAAK,EAAEK;EAAa,CAAE,CACrD,CAAC,eACNT,KAAA,CAAAc,aAAA;IAAKC,SAAS,EAAEX,KAAK,CAACe;EAAiB,gBACrCnB,KAAA,CAAAc,aAAA;IAAKC,SAAS,EAAEX,KAAK,CAACc,UAAW;IAACd,KAAK,EAAES;EAAa,CAAE,CACrD,CAAC,eACNb,KAAA,CAAAc,aAAA;IAAKC,SAAS,EAAEX,KAAK,CAACgB;EAAgB,gBACpCpB,KAAA,CAAAc,aAAA;IAAKC,SAAS,EAAEX,KAAK,CAACc,UAAW;IAACd,KAAK,EAAEQ;EAAY,CAAE,CACpD,CAAC,eACNZ,KAAA,CAAAc,aAAA;IAAKC,SAAS,EAAEX,KAAK,CAACiB;EAAgB,gBACpCrB,KAAA,CAAAc,aAAA;IAAKC,SAAS,EAAEX,KAAK,CAACc,UAAW;IAACd,KAAK,EAAEO;EAAY,CAAE,CACpD,CACF,CAAC;AAEV;AAEAN,UAAU,CAACiB,YAAY,GAAG;EACxBf,IAAI,EAAEJ,QAAQ,CAACoB,iBAAiB,CAAChB;AACnC,CAAC;AAEDF,UAAU,CAACmB,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACrBrB,KAAK,EAAEL,SAAS,CAAC2B,MAAM,CAACC;AAC1B,CAAC;AAED,eAAexB,UAAU","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","PropTypes","extractor","Provider","style","ThemeImage","image","skin","extract","defaultStyle","extractWithDefault","mobileStyle","tabletStyle","desktopStyle","wrapper","default","background","desktopContainer","tabletContainer","mobileContainer","contextTypes","childContextTypes","propTypes","string","isRequired"],"sources":["../../../src/molecule/theme-image/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport extractor from '../../util/image';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nfunction ThemeImage({image}, {skin}) {\n  const extract = extractor(skin);\n  const defaultStyle = extract(image);\n\n  const extractWithDefault = extractor(skin, image);\n  const mobileStyle = extractWithDefault(`${image}-mobile`);\n  const tabletStyle = extractWithDefault(`${image}-tablet`);\n  const desktopStyle = extractWithDefault(`${image}-desktop`);\n\n  return (\n    <div className={style.wrapper}>\n      <div className={style.default}>\n        <div className={style.background} style={defaultStyle} />\n      </div>\n      <div className={style.desktopContainer}>\n        <div className={style.background} style={desktopStyle} />\n      </div>\n      <div className={style.tabletContainer}>\n        <div className={style.background} style={tabletStyle} />\n      </div>\n      <div className={style.mobileContainer}>\n        <div className={style.background} style={mobileStyle} />\n      </div>\n    </div>\n  );\n}\n\nThemeImage.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nThemeImage.propTypes = {\n  image: PropTypes.string.isRequired\n};\n\nexport default ThemeImage;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,SAAP,MAAsB,kBAAtB;AACA,OAAOC,QAAP,MAAqB,qBAArB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,SAASC,UAAT,CAAoB;EAACC;AAAD,CAApB,EAA6B;EAACC;AAAD,CAA7B,EAAqC;EACnC,MAAMC,OAAO,GAAGN,SAAS,CAACK,IAAD,CAAzB;EACA,MAAME,YAAY,GAAGD,OAAO,CAACF,KAAD,CAA5B;EAEA,MAAMI,kBAAkB,GAAGR,SAAS,CAACK,IAAD,EAAOD,KAAP,CAApC;EACA,MAAMK,WAAW,GAAGD,kBAAkB,CAAE,GAAEJ,KAAM,SAAV,CAAtC;EACA,MAAMM,WAAW,GAAGF,kBAAkB,CAAE,GAAEJ,KAAM,SAAV,CAAtC;EACA,MAAMO,YAAY,GAAGH,kBAAkB,CAAE,GAAEJ,KAAM,UAAV,CAAvC;EAEA,oBACE;IAAK,SAAS,EAAEF,KAAK,CAACU;EAAtB,gBACE;IAAK,SAAS,EAAEV,KAAK,CAACW;EAAtB,gBACE;IAAK,SAAS,EAAEX,KAAK,CAACY,UAAtB;IAAkC,KAAK,EAAEP;EAAzC,EADF,CADF,eAIE;IAAK,SAAS,EAAEL,KAAK,CAACa;EAAtB,gBACE;IAAK,SAAS,EAAEb,KAAK,CAACY,UAAtB;IAAkC,KAAK,EAAEH;EAAzC,EADF,CAJF,eAOE;IAAK,SAAS,EAAET,KAAK,CAACc;EAAtB,gBACE;IAAK,SAAS,EAAEd,KAAK,CAACY,UAAtB;IAAkC,KAAK,EAAEJ;EAAzC,EADF,CAPF,eAUE;IAAK,SAAS,EAAER,KAAK,CAACe;EAAtB,gBACE;IAAK,SAAS,EAAEf,KAAK,CAACY,UAAtB;IAAkC,KAAK,EAAEL;EAAzC,EADF,CAVF,CADF;AAgBD;;AAEDN,UAAU,CAACe,YAAX,GAA0B;EACxBb,IAAI,EAAEJ,QAAQ,CAACkB,iBAAT,CAA2Bd;AADT,CAA1B;AAIAF,UAAU,CAACiB,SAAX,2CAAuB;EACrBhB,KAAK,EAAEL,SAAS,CAACsB,MAAV,CAAiBC;AADH,CAAvB;AAIA,eAAenB,UAAf"}