@coorpacademy/components 11.33.0 → 11.33.2-alpha.0

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_baseModal","_chip","_loader","_select","_provider","_style","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","SkillPickerModal","props","context","skills","selectedSkills","skillsLocales","skillsScore","isOpen","isLoading","maxSelectedSkills","minSelectedSkills","onCancel","onConfirm","onClose","translate","detectScrollbar","sortedSkills","setSortedSkills","useState","_sortBy2","skill","currentSort","setCurrentSort","selectedSkillList","setSelectedSkillList","handleCancel","useCallback","handleClose","skillProgressAvailable","_some2","skillList","useMemo","map","skillTitle","skillRef","focus","includes","score","isError","footer","footerDescription","skillNumber","text","cancelButton","label","disabled","confirmButton","iconName","sorting","theme","options","value","name","selected","onChange","useEffect","prev","createElement","title","description","headerIcon","backgroundColor","className","style","skillPickerContainer","loaderContainer","loader","Fragment","ctaWrapper","sortWrapper","display","gap","flexWrap","index","handleChipClick","newSelectedSkillList","_filter2","selectedSkill","subText","toFixed","onClick","key","contextTypes","Provider","childContextTypes","propTypes","process","env","NODE_ENV","PropTypes","arrayOf","string","objectOf","number","bool","func","_default","exports"],"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":[]}
+{"version":3,"file":"index.js","names":["SkillPickerModal","props","context","skills","selectedSkills","skillsLocales","skillsScore","isOpen","isLoading","maxSelectedSkills","minSelectedSkills","onCancel","onConfirm","onClose","translate","detectScrollbar","sortedSkills","setSortedSkills","useState","skill","currentSort","setCurrentSort","selectedSkillList","setSelectedSkillList","handleCancel","useCallback","handleClose","skillProgressAvailable","skillList","useMemo","map","skillTitle","skillRef","focus","includes","score","isError","length","footer","footerDescription","skillNumber","text","cancelButton","label","disabled","confirmButton","iconName","sorting","theme","options","value","name","selected","onChange","useEffect","prev","backgroundColor","style","skillPickerContainer","loaderContainer","loader","ctaWrapper","sortWrapper","display","gap","flexWrap","index","handleChipClick","newSelectedSkillList","selectedSkill","subText","toFixed","contextTypes","Provider","childContextTypes","propTypes","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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"}

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

@@ -2,12 +2,19 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _defaults = _interopRequireDefault(require("lodash/fp/defaults"));
+
 var _icon = _interopRequireDefault(require("../../atom/icon"));
+
 var _style = _interopRequireDefault(require("./style.css"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const SkillsChartSideInformationItem = ({
   title,
   value,
@@ -31,11 +38,13 @@ const SkillsChartSideInformationItem = ({
     __html: legend
   }
 })));
+
 SkillsChartSideInformationItem.propTypes = process.env.NODE_ENV !== "production" ? {
   icon: _propTypes.default.shape(_icon.default.propTypes),
   title: _propTypes.default.string,
   value: _propTypes.default.string,
   legend: _propTypes.default.string
 } : {};
-var _default = exports.default = SkillsChartSideInformationItem;
+var _default = SkillsChartSideInformationItem;
+exports.default = _default;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_defaults","_icon","_style","e","__esModule","default","SkillsChartSideInformationItem","title","value","legend","icon","iconProps","createElement","className","style","InformationElement","titleContainer","defaults","preset","dangerouslySetInnerHTML","__html","propTypes","process","env","NODE_ENV","PropTypes","shape","Icon","string","_default","exports"],"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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,SAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,KAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,MAAA,GAAAL,sBAAA,CAAAC,OAAA;AAAgC,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEhC,MAAMG,8BAA8B,GAAGA,CAAC;EAACC,KAAK;EAAEC,KAAK;EAAEC,MAAM;EAAEC,IAAI,EAAEC;AAAS,CAAC,kBAC7Ef,MAAA,CAAAS,OAAA,CAAAO,aAAA;EAAKC,SAAS,EAAEC,cAAK,CAACC;AAAmB,gBACvCnB,MAAA,CAAAS,OAAA,CAAAO,aAAA;EAAKC,SAAS,EAAEC,cAAK,CAACE;AAAe,gBACnCpB,MAAA,CAAAS,OAAA,CAAAO,aAAA,CAACX,KAAA,CAAAI,OAAI,EAAK,IAAAY,iBAAQ,EAAC;EAACC,MAAM,EAAE;AAAG,CAAC,EAAEP,SAAS,CAAI,CAAC,eAChDf,MAAA,CAAAS,OAAA,CAAAO,aAAA;EAAKC,SAAS,EAAEC,cAAK,CAACP;AAAM,GAAEA,KAAW,CACtC,CAAC,eACNX,MAAA,CAAAS,OAAA,CAAAO,aAAA;EAAKC,SAAS,EAAEC,cAAK,CAACN;AAAM,GAAEA,KAAW,CAAC,eAC1CZ,MAAA,CAAAS,OAAA,CAAAO,aAAA;EAAKC,SAAS,EAAEC,cAAK,CAACL;AAAO,gBAC3Bb,MAAA,CAAAS,OAAA,CAAAO,aAAA;EACE;EACAO,uBAAuB,EAAE;IAACC,MAAM,EAAEX;EAAM;AAAE,CAC3C,CACE,CACF,CACN;AAEDH,8BAA8B,CAACe,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACzCd,IAAI,EAAEe,kBAAS,CAACC,KAAK,CAACC,aAAI,CAACN,SAAS,CAAC;EACrCd,KAAK,EAAEkB,kBAAS,CAACG,MAAM;EACvBpB,KAAK,EAAEiB,kBAAS,CAACG,MAAM;EACvBnB,MAAM,EAAEgB,kBAAS,CAACG;AACpB,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAzB,OAAA,GAEaC,8BAA8B","ignoreList":[]}
+{"version":3,"file":"index.js","names":["SkillsChartSideInformationItem","title","value","legend","icon","iconProps","style","InformationElement","titleContainer","defaults","preset","__html","propTypes","PropTypes","shape","Icon","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;;AACA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,8BAA8B,GAAG,CAAC;EAACC,KAAD;EAAQC,KAAR;EAAeC,MAAf;EAAuBC,IAAI,EAAEC;AAA7B,CAAD,kBACrC;EAAK,SAAS,EAAEC,cAAA,CAAMC;AAAtB,gBACE;EAAK,SAAS,EAAED,cAAA,CAAME;AAAtB,gBACE,6BAAC,aAAD,EAAU,IAAAC,iBAAA,EAAS;EAACC,MAAM,EAAE;AAAT,CAAT,EAAwBL,SAAxB,CAAV,CADF,eAEE;EAAK,SAAS,EAAEC,cAAA,CAAML;AAAtB,GAA8BA,KAA9B,CAFF,CADF,eAKE;EAAK,SAAS,EAAEK,cAAA,CAAMJ;AAAtB,GAA8BA,KAA9B,CALF,eAME;EAAK,SAAS,EAAEI,cAAA,CAAMH;AAAtB,gBACE;EACE;EACA,uBAAuB,EAAE;IAACQ,MAAM,EAAER;EAAT;AAF3B,EADF,CANF,CADF;;AAgBAH,8BAA8B,CAACY,SAA/B,2CAA2C;EACzCR,IAAI,EAAES,kBAAA,CAAUC,KAAV,CAAgBC,aAAA,CAAKH,SAArB,CADmC;EAEzCX,KAAK,EAAEY,kBAAA,CAAUG,MAFwB;EAGzCd,KAAK,EAAEW,kBAAA,CAAUG,MAHwB;EAIzCb,MAAM,EAAEU,kBAAA,CAAUG;AAJuB,CAA3C;eAOehB,8B"}

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

@@ -2,13 +2,21 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _map2 = _interopRequireDefault(require("lodash/fp/map"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _skillsChartSideInformationItem = _interopRequireDefault(require("../skills-chart-side-information-item"));
+
 var _style = _interopRequireDefault(require("./style.css"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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); }
+
 const SkillsChartSideInformationPanel = ({
   sidePanelItems = []
 }) => {
@@ -20,8 +28,10 @@ const SkillsChartSideInformationPanel = ({
     className: _style.default.sidePanel
   }, sidePanel);
 };
+
 SkillsChartSideInformationPanel.propTypes = process.env.NODE_ENV !== "production" ? {
   sidePanelItems: _propTypes.default.arrayOf(_propTypes.default.shape(_skillsChartSideInformationItem.default.propTypes))
 } : {};
-var _default = exports.default = SkillsChartSideInformationPanel;
+var _default = SkillsChartSideInformationPanel;
+exports.default = _default;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_skillsChartSideInformationItem","_style","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","SkillsChartSideInformationPanel","sidePanelItems","sidePanel","_map2","sidePanelItemProps","createElement","key","title","className","style","propTypes","process","env","NODE_ENV","PropTypes","arrayOf","shape","SkillsChartSideInformationItem","_default","exports"],"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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAAE,+BAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,MAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAAgC,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAG,SAAA,WAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,CAAA,aAAAP,CAAA,MAAAA,CAAA,GAAAQ,SAAA,CAAAC,MAAA,EAAAT,CAAA,UAAAU,CAAA,GAAAF,SAAA,CAAAR,CAAA,YAAAW,CAAA,IAAAD,CAAA,OAAAE,cAAA,CAAAC,IAAA,CAAAH,CAAA,EAAAC,CAAA,MAAAJ,CAAA,CAAAI,CAAA,IAAAD,CAAA,CAAAC,CAAA,aAAAJ,CAAA,KAAAJ,QAAA,CAAAW,KAAA,OAAAN,SAAA;AAEhC,MAAMO,+BAA+B,GAAGA,CAAC;EAACC,cAAc,GAAG;AAAE,CAAC,KAAK;EACjE,MAAMC,SAAS,GAAG,IAAAC,KAAA,CAAAhB,OAAA,EAChBiB,kBAAkB,iBAChBzB,MAAA,CAAAQ,OAAA,CAAAkB,aAAA,CAACtB,+BAAA,CAAAI,OAA8B,EAAAC,QAAA,KACzBgB,kBAAkB;IACtBE,GAAG,EAAE,mBAAmBF,kBAAkB,CAACG,KAAK;EAAG,EACpD,CACF,EACDN,cACF,CAAC;EACD,oBACEtB,MAAA,CAAAQ,OAAA,CAAAkB,aAAA;IAAK,aAAU,wBAAwB;IAACG,SAAS,EAAEC,cAAK,CAACP;EAAU,GAChEA,SACE,CAAC;AAEV,CAAC;AAEDF,+BAA+B,CAACU,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EAC1CZ,cAAc,EAAEa,kBAAS,CAACC,OAAO,CAACD,kBAAS,CAACE,KAAK,CAACC,uCAA8B,CAACP,SAAS,CAAC;AAC7F,CAAC;AAAC,IAAAQ,QAAA,GAAAC,OAAA,CAAAhC,OAAA,GAEaa,+BAA+B","ignoreList":[]}
+{"version":3,"file":"index.js","names":["SkillsChartSideInformationPanel","sidePanelItems","sidePanel","sidePanelItemProps","title","style","propTypes","PropTypes","arrayOf","shape","SkillsChartSideInformationItem"],"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;;AACA;;AAEA;;AACA;;;;;;AAEA,MAAMA,+BAA+B,GAAG,CAAC;EAACC,cAAc,GAAG;AAAlB,CAAD,KAA2B;EACjE,MAAMC,SAAS,GAAG,mBAChBC,kBAAkB,iBAChB,6BAAC,uCAAD,eACMA,kBADN;IAEE,GAAG,EAAG,mBAAkBA,kBAAkB,CAACC,KAAM;EAFnD,GAFc,EAOhBH,cAPgB,CAAlB;EASA,oBACE;IAAK,aAAU,wBAAf;IAAwC,SAAS,EAAEI,cAAA,CAAMH;EAAzD,GACGA,SADH,CADF;AAKD,CAfD;;AAiBAF,+BAA+B,CAACM,SAAhC,2CAA4C;EAC1CL,cAAc,EAAEM,kBAAA,CAAUC,OAAV,CAAkBD,kBAAA,CAAUE,KAAV,CAAgBC,uCAAA,CAA+BJ,SAA/C,CAAlB;AAD0B,CAA5C;eAIeN,+B"}

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

@@ -2,10 +2,15 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _style = _interopRequireDefault(require("./style.css"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const SsMenuList = props => {
   const {
     items = []
@@ -23,11 +28,13 @@ const SsMenuList = props => {
     className: _style.default.list
   }, itemsView);
 };
+
 SsMenuList.propTypes = process.env.NODE_ENV !== "production" ? {
   items: _propTypes.default.arrayOf(_propTypes.default.shape({
     href: _propTypes.default.string,
     title: _propTypes.default.string
   }))
 } : {};
-var _default = exports.default = SsMenuList;
+var _default = SsMenuList;
+exports.default = _default;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_style","e","__esModule","default","SsMenuList","props","items","itemsView","map","title","href","index","createElement","key","className","style","item","list","propTypes","process","env","NODE_ENV","PropTypes","arrayOf","shape","string","_default","exports"],"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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,MAAA,GAAAH,sBAAA,CAAAC,OAAA;AAAgC,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEhC,MAAMG,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/Cf,MAAA,CAAAO,OAAA,CAAAS,aAAA;IAAIC,GAAG,EAAEF,KAAM;IAACG,SAAS,EAAEC,cAAK,CAACC;EAAK,gBACpCpB,MAAA,CAAAO,OAAA,CAAAS,aAAA;IAAGF,IAAI,EAAEA;EAAK,GAAED,KAAS,CACvB,CACL,CAAC;EAEF,oBAAOb,MAAA,CAAAO,OAAA,CAAAS,aAAA;IAAIE,SAAS,EAAEC,cAAK,CAACE;EAAK,GAAEV,SAAc,CAAC;AACpD,CAAC;AAEDH,UAAU,CAACc,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACrBf,KAAK,EAAEgB,kBAAS,CAACC,OAAO,CACtBD,kBAAS,CAACE,KAAK,CAAC;IACdd,IAAI,EAAEY,kBAAS,CAACG,MAAM;IACtBhB,KAAK,EAAEa,kBAAS,CAACG;EACnB,CAAC,CACH;AACF,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAxB,OAAA,GAEaC,UAAU","ignoreList":[]}
+{"version":3,"file":"index.js","names":["SsMenuList","props","items","itemsView","map","title","href","index","style","item","list","propTypes","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;;AACA;;AACA;;;;AAEA,MAAMA,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,EAAEC,cAAA,CAAMC;EAAjC,gBACE;IAAG,IAAI,EAAEH;EAAT,GAAgBD,KAAhB,CADF,CADgB,CAAlB;EAMA,oBAAO;IAAI,SAAS,EAAEG,cAAA,CAAME;EAArB,GAA4BP,SAA5B,CAAP;AACD,CATD;;AAWAH,UAAU,CAACW,SAAX,2CAAuB;EACrBT,KAAK,EAAEU,kBAAA,CAAUC,OAAV,CACLD,kBAAA,CAAUE,KAAV,CAAgB;IACdR,IAAI,EAAEM,kBAAA,CAAUG,MADF;IAEdV,KAAK,EAAEO,kBAAA,CAAUG;EAFH,CAAhB,CADK;AADc,CAAvB;eASef,U"}

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

@@ -2,11 +2,17 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _provider = _interopRequireDefault(require("../../atom/provider"));
+
 var _style = _interopRequireDefault(require("./style.css"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const SubscriptionFreemiumDetails = (props, context) => {
   const {
     onSubscriptionFreemiumButtonClick
@@ -26,11 +32,13 @@ const SubscriptionFreemiumDetails = (props, context) => {
     onClick: onSubscriptionFreemiumButtonClick
   }, translate('subscription_freemium_button')));
 };
+
 SubscriptionFreemiumDetails.contextTypes = {
   translate: _provider.default.childContextTypes.translate
 };
 SubscriptionFreemiumDetails.propTypes = process.env.NODE_ENV !== "production" ? {
   onSubscriptionFreemiumButtonClick: _propTypes.default.func
 } : {};
-var _default = exports.default = SubscriptionFreemiumDetails;
+var _default = SubscriptionFreemiumDetails;
+exports.default = _default;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_provider","_style","e","__esModule","default","SubscriptionFreemiumDetails","props","context","onSubscriptionFreemiumButtonClick","translate","createElement","className","style","subscriptionFreemium","subscriptionFreemiumTitle","subscriptionFreemiumContent","type","subscriptionFreemiumButton","onClick","contextTypes","Provider","childContextTypes","propTypes","process","env","NODE_ENV","PropTypes","func","_default","exports"],"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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,SAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,MAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAAgC,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEhC,MAAMG,2BAA2B,GAAGA,CAACC,KAAK,EAAEC,OAAO,KAAK;EACtD,MAAM;IAACC;EAAiC,CAAC,GAAGF,KAAK;EACjD,MAAM;IAACG;EAAS,CAAC,GAAGF,OAAO;EAE3B,oBACEX,MAAA,CAAAQ,OAAA,CAAAM,aAAA;IAAKC,SAAS,EAAEC,cAAK,CAACC;EAAqB,gBACzCjB,MAAA,CAAAQ,OAAA,CAAAM,aAAA;IAAKC,SAAS,EAAEC,cAAK,CAACE;EAA0B,GAC7CL,SAAS,CAAC,6BAA6B,CACrC,CAAC,eACNb,MAAA,CAAAQ,OAAA,CAAAM,aAAA;IAAKC,SAAS,EAAEC,cAAK,CAACG;EAA4B,GAC/CN,SAAS,CAAC,mCAAmC,CAC3C,CAAC,eACNb,MAAA,CAAAQ,OAAA,CAAAM,aAAA;IACEM,IAAI,EAAC,QAAQ;IACbL,SAAS,EAAEC,cAAK,CAACK,0BAA2B;IAC5CC,OAAO,EAAEV;EAAkC,GAE1CC,SAAS,CAAC,8BAA8B,CACnC,CACL,CAAC;AAEV,CAAC;AAEDJ,2BAA2B,CAACc,YAAY,GAAG;EACzCV,SAAS,EAAEW,iBAAQ,CAACC,iBAAiB,CAACZ;AACxC,CAAC;AAEDJ,2BAA2B,CAACiB,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACtCjB,iCAAiC,EAAEkB,kBAAS,CAACC;AAC/C,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAzB,OAAA,GAEaC,2BAA2B","ignoreList":[]}
+{"version":3,"file":"index.js","names":["SubscriptionFreemiumDetails","props","context","onSubscriptionFreemiumButtonClick","translate","style","subscriptionFreemium","subscriptionFreemiumTitle","subscriptionFreemiumContent","subscriptionFreemiumButton","contextTypes","Provider","childContextTypes","propTypes","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;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,2BAA2B,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EACtD,MAAM;IAACC;EAAD,IAAsCF,KAA5C;EACA,MAAM;IAACG;EAAD,IAAcF,OAApB;EAEA,oBACE;IAAK,SAAS,EAAEG,cAAA,CAAMC;EAAtB,gBACE;IAAK,SAAS,EAAED,cAAA,CAAME;EAAtB,GACGH,SAAS,CAAC,6BAAD,CADZ,CADF,eAIE;IAAK,SAAS,EAAEC,cAAA,CAAMG;EAAtB,GACGJ,SAAS,CAAC,mCAAD,CADZ,CAJF,eAOE;IACE,IAAI,EAAC,QADP;IAEE,SAAS,EAAEC,cAAA,CAAMI,0BAFnB;IAGE,OAAO,EAAEN;EAHX,GAKGC,SAAS,CAAC,8BAAD,CALZ,CAPF,CADF;AAiBD,CArBD;;AAuBAJ,2BAA2B,CAACU,YAA5B,GAA2C;EACzCN,SAAS,EAAEO,iBAAA,CAASC,iBAAT,CAA2BR;AADG,CAA3C;AAIAJ,2BAA2B,CAACa,SAA5B,2CAAwC;EACtCV,iCAAiC,EAAEW,kBAAA,CAAUC;AADP,CAAxC;eAIef,2B"}

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

@@ -2,11 +2,17 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _provider = _interopRequireDefault(require("../../atom/provider"));
+
 var _style = _interopRequireDefault(require("./style.css"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const PremiumDescription = ({
   date,
   price
@@ -20,6 +26,7 @@ const PremiumDescription = ({
     className: _style.default.premiumProductDetails
   }, `${part1}${date}${part2}${price}.`);
 };
+
 PremiumDescription.contextTypes = {
   translate: _provider.default.childContextTypes.translate
 };
@@ -27,6 +34,7 @@ PremiumDescription.propTypes = process.env.NODE_ENV !== "production" ? {
   date: _propTypes.default.string,
   price: _propTypes.default.string
 } : {};
+
 const PromoCodeDescription = ({
   date
 }, {
@@ -42,12 +50,14 @@ const PromoCodeDescription = ({
     href: "http://coorpacademy.com"
   }, "Coorpacademy.com"));
 };
+
 PromoCodeDescription.propTypes = process.env.NODE_ENV !== "production" ? {
   date: _propTypes.default.string
 } : {};
 PromoCodeDescription.contextTypes = {
   translate: _provider.default.childContextTypes.translate
 };
+
 const SubscriptionPremiumDetails = (props, context) => {
   const {
     isPromoCode,
@@ -77,6 +87,7 @@ const SubscriptionPremiumDetails = (props, context) => {
     href: `${subscriptionPremiumDescriptionLink}`
   }, translate('subscription_premium_description_part3_with_link'))) : null));
 };
+
 SubscriptionPremiumDetails.contextTypes = {
   translate: _provider.default.childContextTypes.translate
 };
@@ -87,5 +98,6 @@ SubscriptionPremiumDetails.propTypes = process.env.NODE_ENV !== "production" ? {
   subscriptionPremiumDescriptionPrice: _propTypes.default.string,
   subscriptionPremiumDescriptionLink: _propTypes.default.string
 } : {};
-var _default = exports.default = SubscriptionPremiumDetails;
+var _default = SubscriptionPremiumDetails;
+exports.default = _default;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_provider","_style","e","__esModule","default","PremiumDescription","date","price","translate","part1","part2","createElement","className","style","premiumProductDetails","contextTypes","Provider","childContextTypes","propTypes","process","env","NODE_ENV","PropTypes","string","PromoCodeDescription","text","homeLink","href","SubscriptionPremiumDetails","props","context","isPromoCode","subscriptionPremiumDescriptionDate","subscriptionPremiumDescriptionPrice","checkImage","subscriptionPremiumDescriptionLink","Description","premiumTitle","premiumTitleImage","src","premiumTitleText","cancelSubscriptionText","cancelSubscriptionLink","bool","isRequired","_default","exports"],"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":["PremiumDescription","date","price","translate","part1","part2","style","premiumProductDetails","contextTypes","Provider","childContextTypes","propTypes","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/lib/molecule/table/index.js

@@ -2,20 +2,33 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _isString2 = _interopRequireDefault(require("lodash/fp/isString"));
+
 var _get2 = _interopRequireDefault(require("lodash/fp/get"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _novaIcons = require("@coorpacademy/nova-icons");
+
 var _provider = _interopRequireDefault(require("../../atom/provider"));
+
 var _checkbox = _interopRequireDefault(require("../../atom/checkbox"));
+
 var _link = _interopRequireDefault(require("../../atom/link"));
+
 var _style = _interopRequireDefault(require("./style.css"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const THEMES = {
   COCKPIT: 'cockpit'
 };
+
 const createOptionsView = (_options, hasOptions) => {
   const optionsView = _options.map((option, oIndex) => {
     const {
@@ -30,10 +43,12 @@ const createOptionsView = (_options, hasOptions) => {
       onClick: onChange
     }, option.title));
   });
+
   return hasOptions ? /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.options
   }, optionsView) : null;
 };
+
 const buildTableContext = (translate, theme, headerTitle) => {
   if (theme === THEMES.COCKPIT) {
     return /*#__PURE__*/_react.default.createElement("div", {
@@ -64,6 +79,7 @@ const buildTableContext = (translate, theme, headerTitle) => {
       className: _style.default.label
     }, translate('No status')))));
   }
+
   if (headerTitle) {
     return /*#__PURE__*/_react.default.createElement("div", {
       className: _style.default.header
@@ -71,8 +87,10 @@ const buildTableContext = (translate, theme, headerTitle) => {
       className: _style.default.title
     }, headerTitle));
   }
+
   return null;
 };
+
 const Table = (props, context) => {
   const {
     rows = [],
@@ -119,13 +137,15 @@ const Table = (props, context) => {
     }) : null)));
   });
   const tableContext = buildTableContext(translate, theme, headerTitle);
+
   if (editable) {
-    headerView.unshift(/*#__PURE__*/_react.default.createElement("th", {
+    headerView.unshift( /*#__PURE__*/_react.default.createElement("th", {
       key: "header"
     }, /*#__PURE__*/_react.default.createElement("div", {
       className: _style.default.noOptions
     })));
   }
+
   const renderIcon = field => {
     switch ((0, _get2.default)('icon', field)) {
       case 'draft':
@@ -133,25 +153,30 @@ const Table = (props, context) => {
           width: 25,
           height: 25
         });
+
       case 'validate':
         return /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademyValidate, {
           width: 25,
           height: 25
         });
+
       case 'nostatus':
         return /*#__PURE__*/_react.default.createElement("span", {
           className: _style.default.nostatus
         }, '\u26A0️');
+
       case 'videosubtitle':
         return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaSolidVideosVideoSubtitle, {
           className: _style.default.videosubtitle,
           width: 25,
           height: 25
         }), field.title);
+
       default:
         null;
     }
   };
+
   const bodyView = rows.map((row, index) => {
     const {
       fields = [],
@@ -168,6 +193,7 @@ const Table = (props, context) => {
         key: fIndex
       }, (0, _isString2.default)(field) ? field : renderIcon(field));
     });
+
     if (editable) {
       tableRows.unshift(
       /*#__PURE__*/
@@ -184,6 +210,7 @@ const Table = (props, context) => {
         width: 16
       }))));
     }
+
     return /*#__PURE__*/_react.default.createElement("tr", {
       className: trClasses,
       key: index
@@ -198,6 +225,7 @@ const Table = (props, context) => {
     })
   }, /*#__PURE__*/_react.default.createElement("thead", null, /*#__PURE__*/_react.default.createElement("tr", null, headerView)), /*#__PURE__*/_react.default.createElement("tbody", null, bodyView)));
 };
+
 Table.contextTypes = {
   skin: _provider.default.childContextTypes.skin,
   translate: _provider.default.childContextTypes.translate
@@ -227,5 +255,6 @@ Table.propTypes = process.env.NODE_ENV !== "production" ? {
   theme: _propTypes.default.oneOf([THEMES.COCKPIT]),
   headerTitle: _propTypes.default.string
 } : {};
-var _default = exports.default = Table;
+var _default = Table;
+exports.default = _default;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_classnames","_propTypes","_novaIcons","_provider","_checkbox","_link","_style","e","__esModule","default","THEMES","COCKPIT","createOptionsView","_options","hasOptions","optionsView","map","option","oIndex","onChange","selected","createElement","key","className","style","type","onClick","title","options","buildTableContext","translate","theme","headerTitle","header","legend","icon","NovaCompositionCoorpacademyDraft","width","height","label","NovaCompositionCoorpacademyValidate","nostatus","Table","props","context","rows","columns","editable","skin","mediumColor","_get2","headerView","column","cIndex","filtered","info","length","OptionsIcon","FunnelIcon","ArrowDown","toggle","noOptions","id","name","checked","checkbox","htmlFor","optionsIconWrapper","color","optionsIcon","tableContext","unshift","renderIcon","field","Fragment","NovaSolidVideosVideoSubtitle","videosubtitle","bodyView","row","index","fields","editHref","trClasses","classnames","highlighted","tableRows","fIndex","_isString2","href","NovaSolidContentEditionPencil1","mainClass","cockpit","wrapper","table","readonly","contextTypes","Provider","childContextTypes","propTypes","process","env","NODE_ENV","PropTypes","bool","arrayOf","shape","oneOfType","string","isRequired","func","oneOf","_default","exports"],"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":["THEMES","COCKPIT","createOptionsView","_options","hasOptions","optionsView","map","option","oIndex","onChange","selected","style","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","FunnelIcon","ArrowDown","toggle","noOptions","checkbox","optionsIconWrapper","color","optionsIcon","tableContext","unshift","renderIcon","field","videosubtitle","bodyView","row","index","fields","editHref","trClasses","classnames","highlighted","tableRows","fIndex","mainClass","cockpit","wrapper","table","readonly","contextTypes","Provider","childContextTypes","propTypes","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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"}