@coorpacademy/components 11.9.3-alpha.29 → 11.9.3-alpha.30

package/lib/molecule/scope-content/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ScopeContent","props","context","translate","skin","content","lstitle","_chaptersTitle","time","title","_skills","_chapters","_resources","skillsTitle","chaptersTitle","onClick","buttonLabel","discussion","skills","map","skill","index","__html","chapters","chapter","name","ctaView","style","cta","backgroundColor","desc","infos","innerHTML","coltitle","dottedlist","column","roundedlist","bordered","contextTypes","Provider","childContextTypes","propTypes","PropTypes","shape","string","func","arrayOf","object","course_scope","resources","ResourceBrowser","Discussion"],"sources":["../../../src/molecule/scope-content/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get, getOr} from 'lodash/fp';\nimport Button from '../../atom/button';\nimport Provider from '../../atom/provider';\nimport Discussion from '../../organism/discussion';\nimport ResourceBrowser from '../../organism/resource-browser';\nimport style from './style.css';\n\nconst ScopeContent = (props, context) => {\n  const {translate, skin} = context;\n  const {content} = props;\n\n  const lstitle = translate('At the end of this level, you will be able to_');\n  const _chaptersTitle = translate('chapters');\n\n  const time = getOr('', 'time', content);\n  const title = getOr('', 'title', content);\n  const _skills = getOr([], 'skills', content);\n  const _chapters = getOr([], 'chapters', content);\n  const _resources = getOr([], 'resources', content);\n\n  const skillsTitle = getOr(lstitle, 'skillsTitle', content);\n  const chaptersTitle = getOr(_chaptersTitle, 'chaptersTitle', content);\n\n  const onClick = get('onClick', content);\n  const buttonLabel = get('buttonLabel', content);\n  const discussion = get('discussion', content);\n  const skills = _skills.map((skill, index) => (\n    <li\n      key={index}\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={{__html: skill}}\n    />\n  ));\n\n  const chapters = _chapters.map((chapter, index) => (\n    <li\n      key={index}\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={{__html: chapter.name}}\n    />\n  ));\n\n  const ctaView = onClick ? (\n    <Button\n      data-name=\"cta\"\n      type=\"link\"\n      className={style.cta}\n      onClick={onClick}\n      submitValue={buttonLabel}\n      style={{\n        backgroundColor: get('common.primary', skin)\n      }}\n    />\n  ) : null;\n\n  return content && title ? (\n    <div data-name=\"scopeContent\">\n      <div data-name=\"description\" className={style.desc}>\n        <div className={style.infos}>\n          <div className={style.title}>\n            <div\n              className={style.innerHTML}\n              // eslint-disable-next-line react/no-danger\n              dangerouslySetInnerHTML={{__html: title}}\n            />\n            <div>\n              <span data-name=\"duration\" className={style.time}>\n                {time}\n              </span>\n            </div>\n          </div>\n          {ctaView}\n        </div>\n        <div className={style.skills}>\n          <div className={style.coltitle}>{skillsTitle}</div>\n          <ul className={style.dottedlist}>{skills}</ul>\n        </div>\n        <div className={style.column}>\n          <div className={style.coltitle}>{chaptersTitle}</div>\n          <div>\n            <ul className={style.roundedlist}>{chapters}</ul>\n          </div>\n        </div>\n      </div>\n\n      {_resources ? (\n        <div data-name=\"description\" className={style.bordered}>\n          <ResourceBrowser resources={_resources} />\n        </div>\n      ) : null}\n      {discussion ? <Discussion {...discussion} className={style.discussion} /> : null}\n    </div>\n  ) : (\n    <div data-name=\"discussion\">\n      {discussion ? <Discussion {...discussion} className={style.discussion} /> : null}\n    </div>\n  );\n};\n\nScopeContent.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nScopeContent.propTypes = {\n  content: PropTypes.shape({\n    title: PropTypes.string,\n    skillsTitle: PropTypes.string,\n    chaptersTitle: PropTypes.string,\n    time: PropTypes.string,\n    onClick: PropTypes.func,\n    buttonLabel: PropTypes.string,\n    skills: PropTypes.arrayOf(PropTypes.string),\n    chapters: PropTypes.arrayOf(PropTypes.object),\n    course_scope: PropTypes.arrayOf(PropTypes.string),\n    resources: ResourceBrowser.propTypes.resources,\n    discussion: PropTypes.shape(Discussion.propTypes)\n  })\n};\n\nexport default ScopeContent;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["ScopeContent","props","context","translate","skin","content","lstitle","_chaptersTitle","time","title","_skills","_chapters","_resources","skillsTitle","chaptersTitle","onClick","buttonLabel","discussion","skills","map","skill","index","__html","chapters","chapter","name","ctaView","style","cta","backgroundColor","desc","infos","innerHTML","coltitle","dottedlist","column","roundedlist","bordered","contextTypes","Provider","childContextTypes","propTypes","PropTypes","shape","string","func","arrayOf","object","course_scope","resources","ResourceBrowser","Discussion"],"sources":["../../../src/molecule/scope-content/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get, getOr} from 'lodash/fp';\nimport Button from '../../atom/button';\nimport Provider from '../../atom/provider';\nimport Discussion from '../../organism/discussion';\nimport ResourceBrowser from '../../organism/resource-browser';\nimport style from './style.css';\n\nconst ScopeContent = (props, context) => {\n  const {translate, skin} = context;\n  const {content} = props;\n\n  const lstitle = translate('At the end of this level, you will be able to_');\n  const _chaptersTitle = translate('chapters');\n\n  const time = getOr('', 'time', content);\n  const title = getOr('', 'title', content);\n  const _skills = getOr([], 'skills', content);\n  const _chapters = getOr([], 'chapters', content);\n  const _resources = getOr([], 'resources', content);\n\n  const skillsTitle = getOr(lstitle, 'skillsTitle', content);\n  const chaptersTitle = getOr(_chaptersTitle, 'chaptersTitle', content);\n\n  const onClick = get('onClick', content);\n  const buttonLabel = get('buttonLabel', content);\n  const discussion = get('discussion', content);\n  const skills = _skills.map((skill, index) => (\n    <li\n      key={index}\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={{__html: skill}}\n    />\n  ));\n\n  const chapters = _chapters.map((chapter, index) => (\n    <li\n      key={index}\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={{__html: chapter.name}}\n    />\n  ));\n\n  const ctaView = onClick ? (\n    <Button\n      data-name=\"cta\"\n      type=\"link\"\n      className={style.cta}\n      onClick={onClick}\n      submitValue={buttonLabel}\n      style={{\n        backgroundColor: get('common.primary', skin)\n      }}\n    />\n  ) : null;\n\n  return content && title ? (\n    <div data-name=\"scopeContent\">\n      <div data-name=\"description\" className={style.desc}>\n        <div className={style.infos}>\n          <div className={style.title}>\n            <div\n              className={style.innerHTML}\n              // eslint-disable-next-line react/no-danger\n              dangerouslySetInnerHTML={{__html: title}}\n            />\n            <div>\n              <span data-name=\"duration\" className={style.time}>\n                {time}\n              </span>\n            </div>\n          </div>\n          {ctaView}\n        </div>\n        <div className={style.skills}>\n          <div className={style.coltitle}>{skillsTitle}</div>\n          <ul className={style.dottedlist}>{skills}</ul>\n        </div>\n        <div className={style.column}>\n          <div className={style.coltitle}>{chaptersTitle}</div>\n          <div>\n            <ul className={style.roundedlist}>{chapters}</ul>\n          </div>\n        </div>\n      </div>\n\n      {_resources ? (\n        <div data-name=\"description\" className={style.bordered}>\n          <ResourceBrowser resources={_resources} />\n        </div>\n      ) : null}\n      {discussion ? <Discussion {...discussion} className={style.discussion} /> : null}\n    </div>\n  ) : (\n    <div data-name=\"discussion\">\n      {discussion ? <Discussion {...discussion} className={style.discussion} /> : null}\n    </div>\n  );\n};\n\nScopeContent.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nScopeContent.propTypes = {\n  content: PropTypes.shape({\n    title: PropTypes.string,\n    skillsTitle: PropTypes.string,\n    chaptersTitle: PropTypes.string,\n    time: PropTypes.string,\n    onClick: PropTypes.func,\n    buttonLabel: PropTypes.string,\n    skills: PropTypes.arrayOf(PropTypes.string),\n    chapters: PropTypes.arrayOf(PropTypes.object),\n    course_scope: PropTypes.arrayOf(PropTypes.string),\n    resources: ResourceBrowser.propTypes.resources,\n    discussion: PropTypes.shape(Discussion.propTypes)\n  })\n};\n\nexport default ScopeContent;\n"],"mappings":"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"}

package/lib/molecule/scope-tabs/index.js

@@ -2,18 +2,31 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _omit2 = _interopRequireDefault(require("lodash/fp/omit"));
+
 var _noop2 = _interopRequireDefault(require("lodash/fp/noop"));
+
 var _has2 = _interopRequireDefault(require("lodash/fp/has"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _moduleBubble = _interopRequireDefault(require("../module-bubble"));
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 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 Tab = ({
   index,
   selected,
@@ -37,12 +50,14 @@ const Tab = ({
     className: _style.default.name
   }, level.name));
 };
+
 Tab.propTypes = process.env.NODE_ENV !== "production" ? {
   selected: _propTypes.default.number,
   index: _propTypes.default.number,
   onClick: _propTypes.default.func,
   level: _propTypes.default.shape((0, _omit2.default)('onClick', _moduleBubble.default.propTypes))
 } : {};
+
 const ScopeTabs = (props, context) => {
   const {
     onClick,
@@ -60,6 +75,7 @@ const ScopeTabs = (props, context) => {
     selected: selected
   })));
 };
+
 ScopeTabs.propTypes = process.env.NODE_ENV !== "production" ? {
   selected: _propTypes.default.number,
   onClick: _propTypes.default.func,

package/lib/molecule/scope-tabs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Tab","index","selected","onClick","level","handleClick","useMemo","isSelected","bubble","style","module","classnames","defaultTab","currentTab","name","propTypes","PropTypes","number","func","shape","ModuleBubble","ScopeTabs","props","context","levels","tabs","map","arrayOf","object"],"sources":["../../../src/molecule/scope-tabs/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {has, noop, omit} from 'lodash/fp';\nimport classnames from 'classnames';\nimport ModuleBubble from '../module-bubble';\nimport style from './style.css';\n\nconst Tab = ({index, selected, onClick = noop, level}) => {\n  const handleClick = useMemo(() => () => onClick(index), [onClick, index]);\n  const isSelected = selected === index;\n  const bubble = has('status', level) ? (\n    <div className={style.module}>\n      <ModuleBubble {...level} onClick={handleClick} />\n    </div>\n  ) : null;\n\n  return (\n    <li\n      data-name=\"scopeTab\"\n      data-index={index}\n      key={index}\n      onClick={handleClick}\n      className={classnames(style.defaultTab, isSelected ? style.currentTab : null)}\n    >\n      {bubble}\n      <div className={style.name}>{level.name}</div>\n    </li>\n  );\n};\n\nTab.propTypes = {\n  selected: PropTypes.number,\n  index: PropTypes.number,\n  onClick: PropTypes.func,\n  level: PropTypes.shape(omit('onClick', ModuleBubble.propTypes))\n};\n\nconst ScopeTabs = (props, context) => {\n  const {onClick, selected = 0, levels = []} = props;\n\n  return (\n    <ul data-name=\"scopeTabs\" className={style.tabs}>\n      {levels.map((level, index) => (\n        <Tab key={index} index={index} level={level} onClick={onClick} selected={selected} />\n      ))}\n    </ul>\n  );\n};\n\nScopeTabs.propTypes = {\n  selected: PropTypes.number,\n  onClick: PropTypes.func,\n  levels: PropTypes.arrayOf(PropTypes.object)\n};\n\nexport default ScopeTabs;\n"],"mappings":";;;;;;;AAAA;AACA;AAEA;AACA;AACA;AAAgC;AAAA;AAAA;AAAA;AAEhC,MAAMA,GAAG,GAAG,CAAC;EAACC,KAAK;EAAEC,QAAQ;EAAEC,OAAO,iBAAO;EAAEC;AAAK,CAAC,KAAK;EACxD,MAAMC,WAAW,GAAG,IAAAC,cAAO,EAAC,MAAM,MAAMH,OAAO,CAACF,KAAK,CAAC,EAAE,CAACE,OAAO,EAAEF,KAAK,CAAC,CAAC;EACzE,MAAMM,UAAU,GAAGL,QAAQ,KAAKD,KAAK;EACrC,MAAMO,MAAM,GAAG,mBAAI,QAAQ,EAAEJ,KAAK,CAAC,gBACjC;IAAK,SAAS,EAAEK,cAAK,CAACC;EAAO,gBAC3B,6BAAC,qBAAY,eAAKN,KAAK;IAAE,OAAO,EAAEC;EAAY,GAAG,CAC7C,GACJ,IAAI;EAER,oBACE;IACE,aAAU,UAAU;IACpB,cAAYJ,KAAM;IAClB,GAAG,EAAEA,KAAM;IACX,OAAO,EAAEI,WAAY;IACrB,SAAS,EAAE,IAAAM,mBAAU,EAACF,cAAK,CAACG,UAAU,EAAEL,UAAU,GAAGE,cAAK,CAACI,UAAU,GAAG,IAAI;EAAE,GAE7EL,MAAM,eACP;IAAK,SAAS,EAAEC,cAAK,CAACK;EAAK,GAAEV,KAAK,CAACU,IAAI,CAAO,CAC3C;AAET,CAAC;AAEDd,GAAG,CAACe,SAAS,2CAAG;EACdb,QAAQ,EAAEc,kBAAS,CAACC,MAAM;EAC1BhB,KAAK,EAAEe,kBAAS,CAACC,MAAM;EACvBd,OAAO,EAAEa,kBAAS,CAACE,IAAI;EACvBd,KAAK,EAAEY,kBAAS,CAACG,KAAK,CAAC,oBAAK,SAAS,EAAEC,qBAAY,CAACL,SAAS,CAAC;AAChE,CAAC;AAED,MAAMM,SAAS,GAAG,CAACC,KAAK,EAAEC,OAAO,KAAK;EACpC,MAAM;IAACpB,OAAO;IAAED,QAAQ,GAAG,CAAC;IAAEsB,MAAM,GAAG;EAAE,CAAC,GAAGF,KAAK;EAElD,oBACE;IAAI,aAAU,WAAW;IAAC,SAAS,EAAEb,cAAK,CAACgB;EAAK,GAC7CD,MAAM,CAACE,GAAG,CAAC,CAACtB,KAAK,EAAEH,KAAK,kBACvB,6BAAC,GAAG;IAAC,GAAG,EAAEA,KAAM;IAAC,KAAK,EAAEA,KAAM;IAAC,KAAK,EAAEG,KAAM;IAAC,OAAO,EAAED,OAAQ;IAAC,QAAQ,EAAED;EAAS,EACnF,CAAC,CACC;AAET,CAAC;AAEDmB,SAAS,CAACN,SAAS,2CAAG;EACpBb,QAAQ,EAAEc,kBAAS,CAACC,MAAM;EAC1Bd,OAAO,EAAEa,kBAAS,CAACE,IAAI;EACvBM,MAAM,EAAER,kBAAS,CAACW,OAAO,CAACX,kBAAS,CAACY,MAAM;AAC5C,CAAC;AAAC,eAEaP,SAAS;AAAA"}
+{"version":3,"file":"index.js","names":["Tab","index","selected","onClick","level","handleClick","useMemo","isSelected","bubble","style","module","classnames","defaultTab","currentTab","name","propTypes","PropTypes","number","func","shape","ModuleBubble","ScopeTabs","props","context","levels","tabs","map","arrayOf","object"],"sources":["../../../src/molecule/scope-tabs/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {has, noop, omit} from 'lodash/fp';\nimport classnames from 'classnames';\nimport ModuleBubble from '../module-bubble';\nimport style from './style.css';\n\nconst Tab = ({index, selected, onClick = noop, level}) => {\n  const handleClick = useMemo(() => () => onClick(index), [onClick, index]);\n  const isSelected = selected === index;\n  const bubble = has('status', level) ? (\n    <div className={style.module}>\n      <ModuleBubble {...level} onClick={handleClick} />\n    </div>\n  ) : null;\n\n  return (\n    <li\n      data-name=\"scopeTab\"\n      data-index={index}\n      key={index}\n      onClick={handleClick}\n      className={classnames(style.defaultTab, isSelected ? style.currentTab : null)}\n    >\n      {bubble}\n      <div className={style.name}>{level.name}</div>\n    </li>\n  );\n};\n\nTab.propTypes = {\n  selected: PropTypes.number,\n  index: PropTypes.number,\n  onClick: PropTypes.func,\n  level: PropTypes.shape(omit('onClick', ModuleBubble.propTypes))\n};\n\nconst ScopeTabs = (props, context) => {\n  const {onClick, selected = 0, levels = []} = props;\n\n  return (\n    <ul data-name=\"scopeTabs\" className={style.tabs}>\n      {levels.map((level, index) => (\n        <Tab key={index} index={index} level={level} onClick={onClick} selected={selected} />\n      ))}\n    </ul>\n  );\n};\n\nScopeTabs.propTypes = {\n  selected: PropTypes.number,\n  onClick: PropTypes.func,\n  levels: PropTypes.arrayOf(PropTypes.object)\n};\n\nexport default ScopeTabs;\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;;;;;;;;;AAEA,MAAMA,GAAG,GAAG,CAAC;EAACC,KAAD;EAAQC,QAAR;EAAkBC,OAAO,iBAAzB;EAAkCC;AAAlC,CAAD,KAA8C;EACxD,MAAMC,WAAW,GAAG,IAAAC,cAAA,EAAQ,MAAM,MAAMH,OAAO,CAACF,KAAD,CAA3B,EAAoC,CAACE,OAAD,EAAUF,KAAV,CAApC,CAApB;EACA,MAAMM,UAAU,GAAGL,QAAQ,KAAKD,KAAhC;EACA,MAAMO,MAAM,GAAG,mBAAI,QAAJ,EAAcJ,KAAd,iBACb;IAAK,SAAS,EAAEK,cAAA,CAAMC;EAAtB,gBACE,6BAAC,qBAAD,eAAkBN,KAAlB;IAAyB,OAAO,EAAEC;EAAlC,GADF,CADa,GAIX,IAJJ;EAMA,oBACE;IACE,aAAU,UADZ;IAEE,cAAYJ,KAFd;IAGE,GAAG,EAAEA,KAHP;IAIE,OAAO,EAAEI,WAJX;IAKE,SAAS,EAAE,IAAAM,mBAAA,EAAWF,cAAA,CAAMG,UAAjB,EAA6BL,UAAU,GAAGE,cAAA,CAAMI,UAAT,GAAsB,IAA7D;EALb,GAOGL,MAPH,eAQE;IAAK,SAAS,EAAEC,cAAA,CAAMK;EAAtB,GAA6BV,KAAK,CAACU,IAAnC,CARF,CADF;AAYD,CArBD;;AAuBAd,GAAG,CAACe,SAAJ,2CAAgB;EACdb,QAAQ,EAAEc,kBAAA,CAAUC,MADN;EAEdhB,KAAK,EAAEe,kBAAA,CAAUC,MAFH;EAGdd,OAAO,EAAEa,kBAAA,CAAUE,IAHL;EAIdd,KAAK,EAAEY,kBAAA,CAAUG,KAAV,CAAgB,oBAAK,SAAL,EAAgBC,qBAAA,CAAaL,SAA7B,CAAhB;AAJO,CAAhB;;AAOA,MAAMM,SAAS,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EACpC,MAAM;IAACpB,OAAD;IAAUD,QAAQ,GAAG,CAArB;IAAwBsB,MAAM,GAAG;EAAjC,IAAuCF,KAA7C;EAEA,oBACE;IAAI,aAAU,WAAd;IAA0B,SAAS,EAAEb,cAAA,CAAMgB;EAA3C,GACGD,MAAM,CAACE,GAAP,CAAW,CAACtB,KAAD,EAAQH,KAAR,kBACV,6BAAC,GAAD;IAAK,GAAG,EAAEA,KAAV;IAAiB,KAAK,EAAEA,KAAxB;IAA+B,KAAK,EAAEG,KAAtC;IAA6C,OAAO,EAAED,OAAtD;IAA+D,QAAQ,EAAED;EAAzE,EADD,CADH,CADF;AAOD,CAVD;;AAYAmB,SAAS,CAACN,SAAV,2CAAsB;EACpBb,QAAQ,EAAEc,kBAAA,CAAUC,MADA;EAEpBd,OAAO,EAAEa,kBAAA,CAAUE,IAFC;EAGpBM,MAAM,EAAER,kBAAA,CAAUW,OAAV,CAAkBX,kBAAA,CAAUY,MAA5B;AAHY,CAAtB;eAMeP,S"}

package/lib/molecule/search-form/index.js

@@ -2,16 +2,27 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _get2 = _interopRequireDefault(require("lodash/fp/get"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _novaIcons = require("@coorpacademy/nova-icons");
+
 var _inputSearch = _interopRequireDefault(require("../../atom/input-search"));
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 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 SearchForm = (props, context) => {
   const {
     action,
@@ -51,6 +62,7 @@ const SearchForm = (props, context) => {
     className: _style.default.clear
   })));
 };
+
 SearchForm.propTypes = process.env.NODE_ENV !== "production" ? {
   action: _propTypes.default.string,
   method: _propTypes.default.string,

package/lib/molecule/search-form/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["SearchForm","props","context","action","method","onSubmit","onReset","search","onSearchFocus","onSearchBlur","searchResetAriaLabel","handleSubmit","useMemo","evt","preventDefault","skin","dark","style","form","placeholder","value","wrapperClear","wrapperNoClear","clear","propTypes","PropTypes","string","func","shape","Search"],"sources":["../../../src/molecule/search-form/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {get} from 'lodash/fp';\nimport {NovaCompositionNavigationMore as ClearIcon} from '@coorpacademy/nova-icons';\nimport Search from '../../atom/input-search';\nimport style from './style.css';\n\nconst SearchForm = (props, context) => {\n  const {\n    action,\n    method,\n    onSubmit,\n    onReset,\n    search,\n    onSearchFocus,\n    onSearchBlur,\n    'search-reset-aria-label': searchResetAriaLabel\n  } = props;\n  const handleSubmit = useMemo(\n    () => evt => {\n      evt.preventDefault();\n      return onSubmit && onSubmit(evt);\n    },\n    [onSubmit]\n  );\n  const {skin} = context;\n  const dark = get('common.dark', skin);\n\n  return (\n    <form\n      className={style.form}\n      action={action}\n      method={method}\n      onSubmit={handleSubmit}\n      data-name=\"searchForm\"\n      aria-label={search.placeholder}\n    >\n      <Search {...search} onFocus={onSearchFocus} onBlur={onSearchBlur} />\n      <div\n        data-name=\"search-form-reset\"\n        aria-label={searchResetAriaLabel}\n        onClick={onReset}\n        className={search.value ? style.wrapperClear : style.wrapperNoClear}\n      >\n        <ClearIcon color={dark} className={style.clear} />\n      </div>\n    </form>\n  );\n};\n\nSearchForm.propTypes = {\n  action: PropTypes.string,\n  method: PropTypes.string,\n  onSubmit: PropTypes.func,\n  onReset: PropTypes.func,\n  onSearchFocus: PropTypes.func,\n  onSearchBlur: PropTypes.func,\n  search: PropTypes.shape(Search.propTypes),\n  'search-reset-aria-label': PropTypes.string\n};\n\nexport default SearchForm;\n"],"mappings":";;;;;AAAA;AACA;AAEA;AACA;AACA;AAAgC;AAAA;AAAA;AAAA;AAEhC,MAAMA,UAAU,GAAG,CAACC,KAAK,EAAEC,OAAO,KAAK;EACrC,MAAM;IACJC,MAAM;IACNC,MAAM;IACNC,QAAQ;IACRC,OAAO;IACPC,MAAM;IACNC,aAAa;IACbC,YAAY;IACZ,yBAAyB,EAAEC;EAC7B,CAAC,GAAGT,KAAK;EACT,MAAMU,YAAY,GAAG,IAAAC,cAAO,EAC1B,MAAMC,GAAG,IAAI;IACXA,GAAG,CAACC,cAAc,EAAE;IACpB,OAAOT,QAAQ,IAAIA,QAAQ,CAACQ,GAAG,CAAC;EAClC,CAAC,EACD,CAACR,QAAQ,CAAC,CACX;EACD,MAAM;IAACU;EAAI,CAAC,GAAGb,OAAO;EACtB,MAAMc,IAAI,GAAG,mBAAI,aAAa,EAAED,IAAI,CAAC;EAErC,oBACE;IACE,SAAS,EAAEE,cAAK,CAACC,IAAK;IACtB,MAAM,EAAEf,MAAO;IACf,MAAM,EAAEC,MAAO;IACf,QAAQ,EAAEO,YAAa;IACvB,aAAU,YAAY;IACtB,cAAYJ,MAAM,CAACY;EAAY,gBAE/B,6BAAC,oBAAM,eAAKZ,MAAM;IAAE,OAAO,EAAEC,aAAc;IAAC,MAAM,EAAEC;EAAa,GAAG,eACpE;IACE,aAAU,mBAAmB;IAC7B,cAAYC,oBAAqB;IACjC,OAAO,EAAEJ,OAAQ;IACjB,SAAS,EAAEC,MAAM,CAACa,KAAK,GAAGH,cAAK,CAACI,YAAY,GAAGJ,cAAK,CAACK;EAAe,gBAEpE,6BAAC,wCAAS;IAAC,KAAK,EAAEN,IAAK;IAAC,SAAS,EAAEC,cAAK,CAACM;EAAM,EAAG,CAC9C,CACD;AAEX,CAAC;AAEDvB,UAAU,CAACwB,SAAS,2CAAG;EACrBrB,MAAM,EAAEsB,kBAAS,CAACC,MAAM;EACxBtB,MAAM,EAAEqB,kBAAS,CAACC,MAAM;EACxBrB,QAAQ,EAAEoB,kBAAS,CAACE,IAAI;EACxBrB,OAAO,EAAEmB,kBAAS,CAACE,IAAI;EACvBnB,aAAa,EAAEiB,kBAAS,CAACE,IAAI;EAC7BlB,YAAY,EAAEgB,kBAAS,CAACE,IAAI;EAC5BpB,MAAM,EAAEkB,kBAAS,CAACG,KAAK,CAACC,oBAAM,CAACL,SAAS,CAAC;EACzC,yBAAyB,EAAEC,kBAAS,CAACC;AACvC,CAAC;AAAC,eAEa1B,UAAU;AAAA"}
+{"version":3,"file":"index.js","names":["SearchForm","props","context","action","method","onSubmit","onReset","search","onSearchFocus","onSearchBlur","searchResetAriaLabel","handleSubmit","useMemo","evt","preventDefault","skin","dark","style","form","placeholder","value","wrapperClear","wrapperNoClear","clear","propTypes","PropTypes","string","func","shape","Search"],"sources":["../../../src/molecule/search-form/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {get} from 'lodash/fp';\nimport {NovaCompositionNavigationMore as ClearIcon} from '@coorpacademy/nova-icons';\nimport Search from '../../atom/input-search';\nimport style from './style.css';\n\nconst SearchForm = (props, context) => {\n  const {\n    action,\n    method,\n    onSubmit,\n    onReset,\n    search,\n    onSearchFocus,\n    onSearchBlur,\n    'search-reset-aria-label': searchResetAriaLabel\n  } = props;\n  const handleSubmit = useMemo(\n    () => evt => {\n      evt.preventDefault();\n      return onSubmit && onSubmit(evt);\n    },\n    [onSubmit]\n  );\n  const {skin} = context;\n  const dark = get('common.dark', skin);\n\n  return (\n    <form\n      className={style.form}\n      action={action}\n      method={method}\n      onSubmit={handleSubmit}\n      data-name=\"searchForm\"\n      aria-label={search.placeholder}\n    >\n      <Search {...search} onFocus={onSearchFocus} onBlur={onSearchBlur} />\n      <div\n        data-name=\"search-form-reset\"\n        aria-label={searchResetAriaLabel}\n        onClick={onReset}\n        className={search.value ? style.wrapperClear : style.wrapperNoClear}\n      >\n        <ClearIcon color={dark} className={style.clear} />\n      </div>\n    </form>\n  );\n};\n\nSearchForm.propTypes = {\n  action: PropTypes.string,\n  method: PropTypes.string,\n  onSubmit: PropTypes.func,\n  onReset: PropTypes.func,\n  onSearchFocus: PropTypes.func,\n  onSearchBlur: PropTypes.func,\n  search: PropTypes.shape(Search.propTypes),\n  'search-reset-aria-label': PropTypes.string\n};\n\nexport default SearchForm;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;;;;;;;;;AAEA,MAAMA,UAAU,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EACrC,MAAM;IACJC,MADI;IAEJC,MAFI;IAGJC,QAHI;IAIJC,OAJI;IAKJC,MALI;IAMJC,aANI;IAOJC,YAPI;IAQJ,2BAA2BC;EARvB,IASFT,KATJ;EAUA,MAAMU,YAAY,GAAG,IAAAC,cAAA,EACnB,MAAMC,GAAG,IAAI;IACXA,GAAG,CAACC,cAAJ;IACA,OAAOT,QAAQ,IAAIA,QAAQ,CAACQ,GAAD,CAA3B;EACD,CAJkB,EAKnB,CAACR,QAAD,CALmB,CAArB;EAOA,MAAM;IAACU;EAAD,IAASb,OAAf;EACA,MAAMc,IAAI,GAAG,mBAAI,aAAJ,EAAmBD,IAAnB,CAAb;EAEA,oBACE;IACE,SAAS,EAAEE,cAAA,CAAMC,IADnB;IAEE,MAAM,EAAEf,MAFV;IAGE,MAAM,EAAEC,MAHV;IAIE,QAAQ,EAAEO,YAJZ;IAKE,aAAU,YALZ;IAME,cAAYJ,MAAM,CAACY;EANrB,gBAQE,6BAAC,oBAAD,eAAYZ,MAAZ;IAAoB,OAAO,EAAEC,aAA7B;IAA4C,MAAM,EAAEC;EAApD,GARF,eASE;IACE,aAAU,mBADZ;IAEE,cAAYC,oBAFd;IAGE,OAAO,EAAEJ,OAHX;IAIE,SAAS,EAAEC,MAAM,CAACa,KAAP,GAAeH,cAAA,CAAMI,YAArB,GAAoCJ,cAAA,CAAMK;EAJvD,gBAME,6BAAC,wCAAD;IAAW,KAAK,EAAEN,IAAlB;IAAwB,SAAS,EAAEC,cAAA,CAAMM;EAAzC,EANF,CATF,CADF;AAoBD,CAzCD;;AA2CAvB,UAAU,CAACwB,SAAX,2CAAuB;EACrBrB,MAAM,EAAEsB,kBAAA,CAAUC,MADG;EAErBtB,MAAM,EAAEqB,kBAAA,CAAUC,MAFG;EAGrBrB,QAAQ,EAAEoB,kBAAA,CAAUE,IAHC;EAIrBrB,OAAO,EAAEmB,kBAAA,CAAUE,IAJE;EAKrBnB,aAAa,EAAEiB,kBAAA,CAAUE,IALJ;EAMrBlB,YAAY,EAAEgB,kBAAA,CAAUE,IANH;EAOrBpB,MAAM,EAAEkB,kBAAA,CAAUG,KAAV,CAAgBC,oBAAA,CAAOL,SAAvB,CAPa;EAQrB,2BAA2BC,kBAAA,CAAUC;AARhB,CAAvB;eAWe1B,U"}

package/lib/molecule/select-multiple/index.js

@@ -2,47 +2,75 @@
 
 exports.__esModule = true;
 exports.useChoices = exports.default = void 0;
+
 var _isEmpty2 = _interopRequireDefault(require("lodash/fp/isEmpty"));
+
 var _keys2 = _interopRequireDefault(require("lodash/fp/keys"));
+
 var _set2 = _interopRequireDefault(require("lodash/fp/set"));
+
 var _get2 = _interopRequireDefault(require("lodash/fp/get"));
+
 var _filter2 = _interopRequireDefault(require("lodash/fp/filter"));
+
 var _join2 = _interopRequireDefault(require("lodash/fp/join"));
+
 var _pipe2 = _interopRequireDefault(require("lodash/fp/pipe"));
+
 var _map2 = _interopRequireDefault(require("lodash/fp/map"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _novaIcons = require("@coorpacademy/nova-icons");
+
 var _titledCheckbox = _interopRequireDefault(require("../titled-checkbox"));
+
 var _provider = _interopRequireDefault(require("../../atom/provider"));
+
 var _inputCheckbox = _interopRequireDefault(require("../../atom/input-checkbox"));
+
 var _getClassState = _interopRequireDefault(require("../../util/get-class-state"));
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 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 themeStyle = {
   setup: _style.default.setup,
   cockpit: _style.default.cockpit,
   sidebar: _style.default.sidebar,
   coorpmanager: _style.default.coorpmanager
 };
+
 const useChoices = options => {
   const choicesRef = {
     current: options
   };
+
   const getChoices = () => {
     return choicesRef.current;
   };
+
   const setChoices = choice => {
     const choices = (0, _set2.default)(`[${choice.i}].selected`, !choice.selected, getChoices());
     choicesRef.current = choices.filter(c => c.selected);
   };
+
   return [getChoices, setChoices];
 };
+
 exports.useChoices = useChoices;
+
 const CMMultipleView = ({
   multiple,
   choice,
@@ -52,6 +80,7 @@ const CMMultipleView = ({
     if (!multiple) {
       return onChange(choice);
     }
+
     return onChange(_extends({}, choice, {
       selected: checked
     }));
@@ -71,6 +100,7 @@ const CMMultipleView = ({
     "data-name": `${choice.name}-language`
   }, choice.name);
 };
+
 const SelectMultiple = ({
   title,
   options,
@@ -110,6 +140,7 @@ const SelectMultiple = ({
       setChoices(choice);
       return onChange(getChoices());
     }
+
     updateIsOpened(false);
     return onChange(choice);
   }, [multiple, onChange, setChoices, getChoices]);
@@ -122,6 +153,7 @@ const SelectMultiple = ({
     };
   }, [closeHandle]);
   const isCMTheme = theme === 'coorpmanager';
+
   const lines = _map2.default.convert({
     cap: false
   })((choice, i) => {
@@ -142,6 +174,7 @@ const SelectMultiple = ({
       background: defaultColor
     }));
   }, options);
+
   const selection = (0, _pipe2.default)((0, _filter2.default)({
     selected: true
   }), (0, _map2.default)('name'), (0, _join2.default)(', '))(options);
@@ -156,8 +189,7 @@ const SelectMultiple = ({
     className: _style.default.descriptionLabel
   }, description)) : null) : null;
   const hintView = isCMTheme ? /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(_style.default.hint, isActive && _style.default.hideHint)
-    // eslint-disable-next-line react/no-danger
+    className: (0, _classnames.default)(_style.default.hint, isActive && _style.default.hideHint) // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
       __html: error || hint
@@ -204,6 +236,7 @@ const SelectMultiple = ({
     className: _style.default.description
   }, description) : null, hintView);
 };
+
 SelectMultiple.contextTypes = {
   skin: _provider.default.childContextTypes.skin
 };

package/lib/molecule/select-multiple/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["themeStyle","setup","style","cockpit","sidebar","coorpmanager","useChoices","options","choicesRef","current","getChoices","setChoices","choice","choices","i","selected","filter","c","CMMultipleView","multiple","onChange","handleChange","useCallback","checked","item","name","SelectMultiple","title","theme","placeholder","description","hint","onError","modified","error","disabled","skin","isOpened","updateIsOpened","useState","nodeRef","useRef","defaultColor","black","handleOnClick","e","preventDefault","stopPropagation","prev","closeHandle","contains","target","useEffect","document","addEventListener","removeEventListener","isCMTheme","lines","convert","cap","selection","isActive","titleView","classnames","titleWithSelection","noValue","active","infoIconWrapper","infoIcon","descriptionLabel","hintView","hideHint","__html","mainClass","default","showPlaceholder","behaviourClassName","getClassState","errorIconView","errorIcon","select","noselection","iconsWrapper","flex","clicked","arrow","down","activeChoices","list","contextTypes","Provider","childContextTypes","propTypes","PropTypes","bool","TitledCheckbox","func","string","arrayOf","oneOf"],"sources":["../../../src/molecule/select-multiple/index.js"],"sourcesContent":["import React, {useState, useEffect, useRef, useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {map, pipe, join, filter, get, set, keys, isEmpty} from 'lodash/fp';\nimport {\n  NovaCompositionNavigationArrowDown as ArrowDown,\n  NovaSolidStatusClose as ErrorIcon,\n  NovaCompositionCoorpacademyInformationIcon as InfoIcon\n} from '@coorpacademy/nova-icons';\nimport TitledCheckbox from '../titled-checkbox';\nimport Provider from '../../atom/provider';\nimport Checkbox from '../../atom/input-checkbox';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst themeStyle = {\n  setup: style.setup,\n  cockpit: style.cockpit,\n  sidebar: style.sidebar,\n  coorpmanager: style.coorpmanager\n};\n\nexport const useChoices = options => {\n  const choicesRef = {current: options};\n\n  const getChoices = () => {\n    return choicesRef.current;\n  };\n\n  const setChoices = choice => {\n    const choices = set(`[${choice.i}].selected`, !choice.selected, getChoices());\n\n    choicesRef.current = choices.filter(c => c.selected);\n  };\n\n  return [getChoices, setChoices];\n};\n\nconst CMMultipleView = ({multiple, choice, onChange}) => {\n  const handleChange = useCallback(\n    checked => {\n      if (!multiple) {\n        return onChange(choice);\n      }\n      return onChange({...choice, selected: checked});\n    },\n    [onChange, choice, multiple]\n  );\n\n  return multiple ? (\n    <div className={style.item}>\n      <Checkbox\n        titleStyle=\"inherit\"\n        checked={choice.selected}\n        onChange={handleChange}\n        noLabelMargins\n        title={choice.name}\n      />\n    </div>\n  ) : (\n    <span\n      className={style.item}\n      onClick={handleChange}\n      title={choice.name}\n      data-name={`${choice.name}-language`}\n    >\n      {choice.name}\n    </span>\n  );\n};\n\nconst SelectMultiple = (\n  {\n    title,\n    options,\n    theme,\n    placeholder,\n    description,\n    hint,\n    multiple,\n    onChange,\n    onError,\n    modified = false,\n    error = '',\n    disabled = false\n  },\n  {skin}\n) => {\n  const [isOpened, updateIsOpened] = useState(false);\n  const [getChoices, setChoices] = useChoices(options);\n  const nodeRef = useRef(null);\n\n  const defaultColor = get('common.primary', skin);\n  const black = get('common.black', skin);\n\n  const handleOnClick = useCallback(\n    e => {\n      if (disabled) return;\n\n      e.preventDefault();\n      e.stopPropagation();\n\n      updateIsOpened(prev => !prev);\n    },\n    [disabled]\n  );\n\n  const closeHandle = useCallback(e => {\n    if (nodeRef && nodeRef.current && !nodeRef.current.contains(e.target)) {\n      updateIsOpened(false);\n    }\n  }, []);\n\n  const handleChange = useCallback(\n    choice => {\n      // if multiple prop is turned on\n      // we return all selected choices\n      if (multiple) {\n        setChoices(choice);\n\n        return onChange(getChoices());\n      }\n      updateIsOpened(false);\n      return onChange(choice);\n    },\n    [multiple, onChange, setChoices, getChoices]\n  );\n\n  useEffect(() => {\n    document.addEventListener('click', closeHandle);\n    document.addEventListener('touchstart', closeHandle);\n\n    return () => {\n      document.removeEventListener('click', closeHandle);\n      document.removeEventListener('touchstart', closeHandle);\n    };\n  }, [closeHandle]);\n\n  const isCMTheme = theme === 'coorpmanager';\n\n  const lines = map.convert({cap: false})((choice, i) => {\n    return (\n      <li key={i} className={style.choice}>\n        {isCMTheme ? (\n          <CMMultipleView multiple={multiple} choice={{...choice, i}} onChange={handleChange} />\n        ) : (\n          <TitledCheckbox\n            onToggle={handleChange}\n            choice={{...choice, i}}\n            background={defaultColor}\n          />\n        )}\n      </li>\n    );\n  }, options);\n\n  const selection = pipe(filter({selected: true}), map('name'), join(', '))(options);\n\n  const isActive = isOpened === true;\n\n  const titleView = title ? (\n    <span\n      className={classnames(\n        style.title,\n        isCMTheme && selection && style.titleWithSelection,\n        isCMTheme && isEmpty(selection) && style.noValue,\n        isActive && style.active\n      )}\n    >\n      {title}\n      {isCMTheme ? (\n        <div className={style.infoIconWrapper}>\n          <InfoIcon className={style.infoIcon} />\n          <div className={style.descriptionLabel}>{description}</div>\n        </div>\n      ) : null}\n    </span>\n  ) : null;\n\n  const hintView = isCMTheme ? (\n    <div\n      className={classnames(style.hint, isActive && style.hideHint)}\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={{__html: error || hint}}\n    />\n  ) : null;\n\n  const mainClass = theme ? themeStyle[theme] : style.default;\n  const showPlaceholder = isCMTheme && isActive;\n  const behaviourClassName = getClassState(\n    style.default,\n    style.modified,\n    style.error,\n    modified,\n    error\n  );\n\n  const errorIconView = error ? <ErrorIcon onClick={onError} className={style.errorIcon} /> : null;\n\n  return (\n    <div\n      className={classnames(mainClass, behaviourClassName, disabled && style.disabled)}\n      ref={nodeRef}\n    >\n      <label>\n        {!isCMTheme && titleView}\n        <div\n          className={style.select}\n          title={selection || placeholder}\n          data-name={`select-languages`}\n          onClick={handleOnClick}\n        >\n          {isCMTheme && titleView}\n          <span\n            className={classnames(\n              style.selection,\n              isCMTheme && isEmpty(selection) && style.noselection\n            )}\n          >\n            {selection || !isCMTheme || (showPlaceholder && placeholder) || null}\n          </span>\n          {isCMTheme ? (\n            <div className={style.iconsWrapper}>\n              <div className={style.flex}>{errorIconView}</div>\n              <div className={classnames(style.flex, isActive && style.clicked)}>\n                <ArrowDown\n                  color={black}\n                  className={classnames(style.arrow, {[style.down]: isActive})}\n                />\n              </div>\n            </div>\n          ) : (\n            <ArrowDown\n              color={black}\n              className={classnames(style.arrow, {[style.down]: isActive})}\n            />\n          )}\n        </div>\n        <div className={classnames(style.choices, isActive && style.activeChoices)}>\n          <ul className={style.list}>{lines}</ul>\n        </div>\n      </label>\n      {!isCMTheme ? <div className={style.description}>{description}</div> : null}\n      {hintView}\n    </div>\n  );\n};\n\nSelectMultiple.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nCMMultipleView.propTypes = {\n  multiple: PropTypes.bool,\n  choice: TitledCheckbox.propTypes.choice,\n  onChange: PropTypes.func\n};\n\nSelectMultiple.propTypes = {\n  title: PropTypes.string,\n  placeholder: PropTypes.string,\n  description: PropTypes.string,\n  hint: PropTypes.string,\n  options: PropTypes.arrayOf(TitledCheckbox.propTypes.choice),\n  onChange: PropTypes.func,\n  onError: PropTypes.func,\n  multiple: PropTypes.bool,\n  modified: PropTypes.bool,\n  disabled: PropTypes.bool,\n  error: PropTypes.string,\n  theme: PropTypes.oneOf(keys(themeStyle))\n};\n\nexport default SelectMultiple;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["themeStyle","setup","style","cockpit","sidebar","coorpmanager","useChoices","options","choicesRef","current","getChoices","setChoices","choice","choices","i","selected","filter","c","CMMultipleView","multiple","onChange","handleChange","useCallback","checked","item","name","SelectMultiple","title","theme","placeholder","description","hint","onError","modified","error","disabled","skin","isOpened","updateIsOpened","useState","nodeRef","useRef","defaultColor","black","handleOnClick","e","preventDefault","stopPropagation","prev","closeHandle","contains","target","useEffect","document","addEventListener","removeEventListener","isCMTheme","lines","convert","cap","selection","isActive","titleView","classnames","titleWithSelection","noValue","active","infoIconWrapper","infoIcon","descriptionLabel","hintView","hideHint","__html","mainClass","default","showPlaceholder","behaviourClassName","getClassState","errorIconView","errorIcon","select","noselection","iconsWrapper","flex","clicked","arrow","down","activeChoices","list","contextTypes","Provider","childContextTypes","propTypes","PropTypes","bool","TitledCheckbox","func","string","arrayOf","oneOf"],"sources":["../../../src/molecule/select-multiple/index.js"],"sourcesContent":["import React, {useState, useEffect, useRef, useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {map, pipe, join, filter, get, set, keys, isEmpty} from 'lodash/fp';\nimport {\n  NovaCompositionNavigationArrowDown as ArrowDown,\n  NovaSolidStatusClose as ErrorIcon,\n  NovaCompositionCoorpacademyInformationIcon as InfoIcon\n} from '@coorpacademy/nova-icons';\nimport TitledCheckbox from '../titled-checkbox';\nimport Provider from '../../atom/provider';\nimport Checkbox from '../../atom/input-checkbox';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst themeStyle = {\n  setup: style.setup,\n  cockpit: style.cockpit,\n  sidebar: style.sidebar,\n  coorpmanager: style.coorpmanager\n};\n\nexport const useChoices = options => {\n  const choicesRef = {current: options};\n\n  const getChoices = () => {\n    return choicesRef.current;\n  };\n\n  const setChoices = choice => {\n    const choices = set(`[${choice.i}].selected`, !choice.selected, getChoices());\n\n    choicesRef.current = choices.filter(c => c.selected);\n  };\n\n  return [getChoices, setChoices];\n};\n\nconst CMMultipleView = ({multiple, choice, onChange}) => {\n  const handleChange = useCallback(\n    checked => {\n      if (!multiple) {\n        return onChange(choice);\n      }\n      return onChange({...choice, selected: checked});\n    },\n    [onChange, choice, multiple]\n  );\n\n  return multiple ? (\n    <div className={style.item}>\n      <Checkbox\n        titleStyle=\"inherit\"\n        checked={choice.selected}\n        onChange={handleChange}\n        noLabelMargins\n        title={choice.name}\n      />\n    </div>\n  ) : (\n    <span\n      className={style.item}\n      onClick={handleChange}\n      title={choice.name}\n      data-name={`${choice.name}-language`}\n    >\n      {choice.name}\n    </span>\n  );\n};\n\nconst SelectMultiple = (\n  {\n    title,\n    options,\n    theme,\n    placeholder,\n    description,\n    hint,\n    multiple,\n    onChange,\n    onError,\n    modified = false,\n    error = '',\n    disabled = false\n  },\n  {skin}\n) => {\n  const [isOpened, updateIsOpened] = useState(false);\n  const [getChoices, setChoices] = useChoices(options);\n  const nodeRef = useRef(null);\n\n  const defaultColor = get('common.primary', skin);\n  const black = get('common.black', skin);\n\n  const handleOnClick = useCallback(\n    e => {\n      if (disabled) return;\n\n      e.preventDefault();\n      e.stopPropagation();\n\n      updateIsOpened(prev => !prev);\n    },\n    [disabled]\n  );\n\n  const closeHandle = useCallback(e => {\n    if (nodeRef && nodeRef.current && !nodeRef.current.contains(e.target)) {\n      updateIsOpened(false);\n    }\n  }, []);\n\n  const handleChange = useCallback(\n    choice => {\n      // if multiple prop is turned on\n      // we return all selected choices\n      if (multiple) {\n        setChoices(choice);\n\n        return onChange(getChoices());\n      }\n      updateIsOpened(false);\n      return onChange(choice);\n    },\n    [multiple, onChange, setChoices, getChoices]\n  );\n\n  useEffect(() => {\n    document.addEventListener('click', closeHandle);\n    document.addEventListener('touchstart', closeHandle);\n\n    return () => {\n      document.removeEventListener('click', closeHandle);\n      document.removeEventListener('touchstart', closeHandle);\n    };\n  }, [closeHandle]);\n\n  const isCMTheme = theme === 'coorpmanager';\n\n  const lines = map.convert({cap: false})((choice, i) => {\n    return (\n      <li key={i} className={style.choice}>\n        {isCMTheme ? (\n          <CMMultipleView multiple={multiple} choice={{...choice, i}} onChange={handleChange} />\n        ) : (\n          <TitledCheckbox\n            onToggle={handleChange}\n            choice={{...choice, i}}\n            background={defaultColor}\n          />\n        )}\n      </li>\n    );\n  }, options);\n\n  const selection = pipe(filter({selected: true}), map('name'), join(', '))(options);\n\n  const isActive = isOpened === true;\n\n  const titleView = title ? (\n    <span\n      className={classnames(\n        style.title,\n        isCMTheme && selection && style.titleWithSelection,\n        isCMTheme && isEmpty(selection) && style.noValue,\n        isActive && style.active\n      )}\n    >\n      {title}\n      {isCMTheme ? (\n        <div className={style.infoIconWrapper}>\n          <InfoIcon className={style.infoIcon} />\n          <div className={style.descriptionLabel}>{description}</div>\n        </div>\n      ) : null}\n    </span>\n  ) : null;\n\n  const hintView = isCMTheme ? (\n    <div\n      className={classnames(style.hint, isActive && style.hideHint)}\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={{__html: error || hint}}\n    />\n  ) : null;\n\n  const mainClass = theme ? themeStyle[theme] : style.default;\n  const showPlaceholder = isCMTheme && isActive;\n  const behaviourClassName = getClassState(\n    style.default,\n    style.modified,\n    style.error,\n    modified,\n    error\n  );\n\n  const errorIconView = error ? <ErrorIcon onClick={onError} className={style.errorIcon} /> : null;\n\n  return (\n    <div\n      className={classnames(mainClass, behaviourClassName, disabled && style.disabled)}\n      ref={nodeRef}\n    >\n      <label>\n        {!isCMTheme && titleView}\n        <div\n          className={style.select}\n          title={selection || placeholder}\n          data-name={`select-languages`}\n          onClick={handleOnClick}\n        >\n          {isCMTheme && titleView}\n          <span\n            className={classnames(\n              style.selection,\n              isCMTheme && isEmpty(selection) && style.noselection\n            )}\n          >\n            {selection || !isCMTheme || (showPlaceholder && placeholder) || null}\n          </span>\n          {isCMTheme ? (\n            <div className={style.iconsWrapper}>\n              <div className={style.flex}>{errorIconView}</div>\n              <div className={classnames(style.flex, isActive && style.clicked)}>\n                <ArrowDown\n                  color={black}\n                  className={classnames(style.arrow, {[style.down]: isActive})}\n                />\n              </div>\n            </div>\n          ) : (\n            <ArrowDown\n              color={black}\n              className={classnames(style.arrow, {[style.down]: isActive})}\n            />\n          )}\n        </div>\n        <div className={classnames(style.choices, isActive && style.activeChoices)}>\n          <ul className={style.list}>{lines}</ul>\n        </div>\n      </label>\n      {!isCMTheme ? <div className={style.description}>{description}</div> : null}\n      {hintView}\n    </div>\n  );\n};\n\nSelectMultiple.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nCMMultipleView.propTypes = {\n  multiple: PropTypes.bool,\n  choice: TitledCheckbox.propTypes.choice,\n  onChange: PropTypes.func\n};\n\nSelectMultiple.propTypes = {\n  title: PropTypes.string,\n  placeholder: PropTypes.string,\n  description: PropTypes.string,\n  hint: PropTypes.string,\n  options: PropTypes.arrayOf(TitledCheckbox.propTypes.choice),\n  onChange: PropTypes.func,\n  onError: PropTypes.func,\n  multiple: PropTypes.bool,\n  modified: PropTypes.bool,\n  disabled: PropTypes.bool,\n  error: PropTypes.string,\n  theme: PropTypes.oneOf(keys(themeStyle))\n};\n\nexport default SelectMultiple;\n"],"mappings":"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"}

package/lib/molecule/setup-cohort-item/index.js

@@ -2,15 +2,25 @@
 
 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 _inputCheckbox = _interopRequireDefault(require("../../atom/input-checkbox"));
+
 var _button = _interopRequireDefault(require("../../atom/button"));
+
 var _provider = _interopRequireDefault(require("../../atom/provider"));
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 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 InputSplitScreen = (props, context) => {
   const {
     translate
@@ -20,6 +30,7 @@ const InputSplitScreen = (props, context) => {
     rightSection,
     buttons
   } = props;
+
   const criteriaList = _map2.default.convert({
     cap: false
   })((criterion, key) => {
@@ -28,6 +39,7 @@ const InputSplitScreen = (props, context) => {
       key: key
     }, /*#__PURE__*/_react.default.createElement(_inputCheckbox.default, criterion));
   }, leftSection.values);
+
   const collectionList = _map2.default.convert({
     cap: false
   })((collection, key) => {
@@ -36,6 +48,7 @@ const InputSplitScreen = (props, context) => {
       key: key
     }, /*#__PURE__*/_react.default.createElement(_inputCheckbox.default, collection));
   }, rightSection.values);
+
   const buttonList = _map2.default.convert({
     cap: false
   })((button, key) => {
@@ -44,6 +57,7 @@ const InputSplitScreen = (props, context) => {
       key: key
     }, /*#__PURE__*/_react.default.createElement(_button.default, button));
   }, buttons);
+
   return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.splitDefault
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -62,6 +76,7 @@ const InputSplitScreen = (props, context) => {
     className: _style.default.mandatoryFields
   }, translate('mandatory_fields'))));
 };
+
 const sectionPropTypes = process.env.NODE_ENV !== "production" ? {
   title: _propTypes.default.string.isRequired,
   values: _propTypes.default.arrayOf(_propTypes.default.shape(_extends({}, _inputCheckbox.default.propTypes))).isRequired,
@@ -74,6 +89,7 @@ InputSplitScreen.propTypes = process.env.NODE_ENV !== "production" ? {
 InputSplitScreen.contextTypes = {
   translate: _provider.default.childContextTypes.translate
 };
+
 const SetupCohortItem = props => {
   const {
     field
@@ -82,6 +98,7 @@ const SetupCohortItem = props => {
     className: _style.default.wrapper
   }, /*#__PURE__*/_react.default.createElement(InputSplitScreen, field));
 };
+
 SetupCohortItem.defaultProps = {
   field: {}
 };

package/lib/molecule/setup-cohort-item/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["InputSplitScreen","props","context","translate","leftSection","rightSection","buttons","criteriaList","convert","cap","criterion","key","style","field","values","collectionList","collection","buttonList","button","splitDefault","splitLeft","title","required","splitRight","rowBottom","buttonGroup","mandatoryFields","sectionPropTypes","PropTypes","string","isRequired","arrayOf","shape","InputCheckbox","propTypes","bool","contextTypes","Provider","childContextTypes","SetupCohortItem","wrapper","defaultProps"],"sources":["../../../src/molecule/setup-cohort-item/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {map} from 'lodash/fp';\nimport InputCheckbox from '../../atom/input-checkbox';\nimport Button from '../../atom/button';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nconst InputSplitScreen = (props, context) => {\n  const {translate} = context;\n  const {leftSection, rightSection, buttons} = props;\n  const criteriaList = map.convert({cap: false})((criterion, key) => {\n    return (\n      <div className={style.field} key={key}>\n        <InputCheckbox {...criterion} />\n      </div>\n    );\n  }, leftSection.values);\n  const collectionList = map.convert({cap: false})((collection, key) => {\n    return (\n      <div className={style.field} key={key}>\n        <InputCheckbox {...collection} />\n      </div>\n    );\n  }, rightSection.values);\n  const buttonList = map.convert({cap: false})((button, key) => {\n    return (\n      <div className={style.button} key={key}>\n        <Button {...button} />\n      </div>\n    );\n  }, buttons);\n  return (\n    <div>\n      <div className={style.splitDefault}>\n        <div className={style.splitLeft}>\n          <p className={style.title}>{`${leftSection.title}${leftSection.required ? '*' : ''}`}</p>\n          {criteriaList}\n        </div>\n        <div className={style.splitRight}>\n          <p className={style.title}>\n            {`${rightSection.title}${rightSection.required ? '*' : ''}`}\n          </p>\n          {collectionList}\n        </div>\n      </div>\n      <div className={style.rowBottom}>\n        <div className={style.buttonGroup}>{buttonList}</div>\n        <p className={style.mandatoryFields}>{translate('mandatory_fields')}</p>\n      </div>\n    </div>\n  );\n};\n\nconst sectionPropTypes = {\n  title: PropTypes.string.isRequired,\n  values: PropTypes.arrayOf(\n    PropTypes.shape({\n      ...InputCheckbox.propTypes\n    })\n  ).isRequired,\n  required: PropTypes.bool\n};\n\nInputSplitScreen.propTypes = {\n  leftSection: PropTypes.shape({\n    ...sectionPropTypes\n  }),\n  rightSection: PropTypes.shape({\n    ...sectionPropTypes\n  })\n};\n\nInputSplitScreen.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nconst SetupCohortItem = props => {\n  const {field} = props;\n\n  return (\n    <div className={style.wrapper}>\n      <InputSplitScreen {...field} />\n    </div>\n  );\n};\n\nSetupCohortItem.defaultProps = {\n  field: {}\n};\n\nSetupCohortItem.propTypes = {\n  field: PropTypes.shape({\n    ...InputSplitScreen.propTypes\n  })\n};\nexport default SetupCohortItem;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["InputSplitScreen","props","context","translate","leftSection","rightSection","buttons","criteriaList","convert","cap","criterion","key","style","field","values","collectionList","collection","buttonList","button","splitDefault","splitLeft","title","required","splitRight","rowBottom","buttonGroup","mandatoryFields","sectionPropTypes","PropTypes","string","isRequired","arrayOf","shape","InputCheckbox","propTypes","bool","contextTypes","Provider","childContextTypes","SetupCohortItem","wrapper","defaultProps"],"sources":["../../../src/molecule/setup-cohort-item/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {map} from 'lodash/fp';\nimport InputCheckbox from '../../atom/input-checkbox';\nimport Button from '../../atom/button';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nconst InputSplitScreen = (props, context) => {\n  const {translate} = context;\n  const {leftSection, rightSection, buttons} = props;\n  const criteriaList = map.convert({cap: false})((criterion, key) => {\n    return (\n      <div className={style.field} key={key}>\n        <InputCheckbox {...criterion} />\n      </div>\n    );\n  }, leftSection.values);\n  const collectionList = map.convert({cap: false})((collection, key) => {\n    return (\n      <div className={style.field} key={key}>\n        <InputCheckbox {...collection} />\n      </div>\n    );\n  }, rightSection.values);\n  const buttonList = map.convert({cap: false})((button, key) => {\n    return (\n      <div className={style.button} key={key}>\n        <Button {...button} />\n      </div>\n    );\n  }, buttons);\n  return (\n    <div>\n      <div className={style.splitDefault}>\n        <div className={style.splitLeft}>\n          <p className={style.title}>{`${leftSection.title}${leftSection.required ? '*' : ''}`}</p>\n          {criteriaList}\n        </div>\n        <div className={style.splitRight}>\n          <p className={style.title}>\n            {`${rightSection.title}${rightSection.required ? '*' : ''}`}\n          </p>\n          {collectionList}\n        </div>\n      </div>\n      <div className={style.rowBottom}>\n        <div className={style.buttonGroup}>{buttonList}</div>\n        <p className={style.mandatoryFields}>{translate('mandatory_fields')}</p>\n      </div>\n    </div>\n  );\n};\n\nconst sectionPropTypes = {\n  title: PropTypes.string.isRequired,\n  values: PropTypes.arrayOf(\n    PropTypes.shape({\n      ...InputCheckbox.propTypes\n    })\n  ).isRequired,\n  required: PropTypes.bool\n};\n\nInputSplitScreen.propTypes = {\n  leftSection: PropTypes.shape({\n    ...sectionPropTypes\n  }),\n  rightSection: PropTypes.shape({\n    ...sectionPropTypes\n  })\n};\n\nInputSplitScreen.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nconst SetupCohortItem = props => {\n  const {field} = props;\n\n  return (\n    <div className={style.wrapper}>\n      <InputSplitScreen {...field} />\n    </div>\n  );\n};\n\nSetupCohortItem.defaultProps = {\n  field: {}\n};\n\nSetupCohortItem.propTypes = {\n  field: PropTypes.shape({\n    ...InputSplitScreen.propTypes\n  })\n};\nexport default SetupCohortItem;\n"],"mappings":"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"}

package/lib/molecule/setup-section/index.d.ts

@@ -37,6 +37,8 @@ declare namespace SetupSection {
             disabled: PropTypes.Requireable<boolean>;
             onChange: PropTypes.Requireable<(...args: any[]) => any>;
             description: PropTypes.Requireable<string>;
+            'aria-labelledby': PropTypes.Requireable<string>;
+            'aria-label': PropTypes.Requireable<string>;
             modified: PropTypes.Requireable<boolean>;
             titlePosition: PropTypes.Requireable<string>;
             theme: PropTypes.Requireable<string>;

package/lib/molecule/setup-section/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/setup-section/index.js"],"names":[],"mappings":";AAsCA,qEAeC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA7CD,mFAiBC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/setup-section/index.js"],"names":[],"mappings":";AAsCA,qEAeC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA7CD,mFAiBC"}

package/lib/molecule/setup-section/index.js

@@ -2,15 +2,25 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _get2 = _interopRequireDefault(require("lodash/fp/get"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _provider = _interopRequireDefault(require("../../atom/provider"));
+
 var _inputSwitch = _interopRequireDefault(require("../../atom/input-switch"));
+
 var _radioGroup = _interopRequireDefault(require("../../atom/radio-group"));
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 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 ContentTypesToggler = (props, context) => {
   const {
     skin
@@ -18,9 +28,11 @@ const ContentTypesToggler = (props, context) => {
   const {
     contentTypes
   } = props;
+
   if (!contentTypes) {
     return null;
   }
+
   const brand = (0, _get2.default)('common.brand', skin);
   const orange = (0, _get2.default)('common.orange', skin);
   const contentTypesColor = (0, _get2.default)('modified', contentTypes) ? orange : brand;
@@ -30,6 +42,7 @@ const ContentTypesToggler = (props, context) => {
     color: contentTypesColor
   })));
 };
+
 ContentTypesToggler.contextTypes = {
   skin: _provider.default.childContextTypes.skin
 };
@@ -38,6 +51,7 @@ ContentTypesToggler.propTypes = process.env.NODE_ENV !== "production" ? {
     modified: _propTypes.default.bool
   }))
 } : {};
+
 const SetupSection = (props, context) => {
   const {
     translate
@@ -59,6 +73,7 @@ const SetupSection = (props, context) => {
     className: _style.default.label
   }, translate('Show')), /*#__PURE__*/_react.default.createElement(_inputSwitch.default, display)));
 };
+
 SetupSection.contextTypes = {
   translate: _provider.default.childContextTypes.translate,
   skin: _provider.default.childContextTypes.skin