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

package/es/molecule/scope-content/index.js

@@ -1,6 +1,8 @@
 import _getOr from "lodash/fp/getOr";
 import _get from "lodash/fp/get";
+
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 import React from 'react';
 import PropTypes from 'prop-types';
 import Button from '../../atom/button';
@@ -8,6 +10,7 @@ import Provider from '../../atom/provider';
 import Discussion from '../../organism/discussion';
 import ResourceBrowser from '../../organism/resource-browser';
 import style from './style.css';
+
 const ScopeContent = (props, context) => {
   const {
     translate,
@@ -17,33 +20,45 @@ const ScopeContent = (props, context) => {
     content
   } = props;
   const lstitle = translate('At the end of this level, you will be able to_');
+
   const _chaptersTitle = translate('chapters');
+
   const time = _getOr('', 'time', content);
+
   const title = _getOr('', 'title', content);
+
   const _skills = _getOr([], 'skills', content);
+
   const _chapters = _getOr([], 'chapters', content);
+
   const _resources = _getOr([], 'resources', content);
+
   const skillsTitle = _getOr(lstitle, 'skillsTitle', content);
+
   const chaptersTitle = _getOr(_chaptersTitle, 'chaptersTitle', content);
+
   const onClick = _get('onClick', content);
+
   const buttonLabel = _get('buttonLabel', content);
+
   const discussion = _get('discussion', content);
+
   const skills = _skills.map((skill, index) => /*#__PURE__*/React.createElement("li", {
-    key: index
-    // eslint-disable-next-line react/no-danger
+    key: index // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
       __html: skill
     }
   }));
+
   const chapters = _chapters.map((chapter, index) => /*#__PURE__*/React.createElement("li", {
-    key: index
-    // eslint-disable-next-line react/no-danger
+    key: index // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
       __html: chapter.name
     }
   }));
+
   const ctaView = onClick ? /*#__PURE__*/React.createElement(Button, {
     "data-name": "cta",
     type: "link",
@@ -64,8 +79,7 @@ const ScopeContent = (props, context) => {
   }, /*#__PURE__*/React.createElement("div", {
     className: style.title
   }, /*#__PURE__*/React.createElement("div", {
-    className: style.innerHTML
-    // eslint-disable-next-line react/no-danger
+    className: style.innerHTML // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
       __html: title
@@ -98,6 +112,7 @@ const ScopeContent = (props, context) => {
     className: style.discussion
   })) : null);
 };
+
 ScopeContent.contextTypes = {
   skin: Provider.childContextTypes.skin,
   translate: Provider.childContextTypes.translate

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","Button","Provider","Discussion","ResourceBrowser","style","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","cta","backgroundColor","desc","infos","innerHTML","coltitle","dottedlist","column","roundedlist","bordered","contextTypes","childContextTypes","propTypes","shape","string","func","arrayOf","object","course_scope","resources"],"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":["React","PropTypes","Button","Provider","Discussion","ResourceBrowser","style","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","cta","backgroundColor","desc","infos","innerHTML","coltitle","dottedlist","column","roundedlist","bordered","contextTypes","childContextTypes","propTypes","shape","string","func","arrayOf","object","course_scope","resources"],"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/es/molecule/scope-tabs/index.js

@@ -1,12 +1,15 @@
 import _omit from "lodash/fp/omit";
 import _noop from "lodash/fp/noop";
 import _has from "lodash/fp/has";
+
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 import React, { useMemo } from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
 import ModuleBubble from '../module-bubble';
 import style from './style.css';
+
 const Tab = ({
   index,
   selected,
@@ -30,12 +33,14 @@ const Tab = ({
     className: style.name
   }, level.name));
 };
+
 Tab.propTypes = process.env.NODE_ENV !== "production" ? {
   selected: PropTypes.number,
   index: PropTypes.number,
   onClick: PropTypes.func,
   level: PropTypes.shape(_omit('onClick', ModuleBubble.propTypes))
 } : {};
+
 const ScopeTabs = (props, context) => {
   const {
     onClick,
@@ -53,6 +58,7 @@ const ScopeTabs = (props, context) => {
     selected: selected
   })));
 };
+
 ScopeTabs.propTypes = process.env.NODE_ENV !== "production" ? {
   selected: PropTypes.number,
   onClick: PropTypes.func,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useMemo","PropTypes","classnames","ModuleBubble","style","Tab","index","selected","onClick","level","handleClick","isSelected","bubble","module","defaultTab","currentTab","name","propTypes","number","func","shape","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,OAAOA,KAAK,IAAGC,OAAO,QAAO,OAAO;AACpC,OAAOC,SAAS,MAAM,YAAY;AAElC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,YAAY,MAAM,kBAAkB;AAC3C,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,GAAG,GAAG,CAAC;EAACC,KAAK;EAAEC,QAAQ;EAAEC,OAAO,QAAO;EAAEC;AAAK,CAAC,KAAK;EACxD,MAAMC,WAAW,GAAGV,OAAO,CAAC,MAAM,MAAMQ,OAAO,CAACF,KAAK,CAAC,EAAE,CAACE,OAAO,EAAEF,KAAK,CAAC,CAAC;EACzE,MAAMK,UAAU,GAAGJ,QAAQ,KAAKD,KAAK;EACrC,MAAMM,MAAM,GAAG,KAAI,QAAQ,EAAEH,KAAK,CAAC,gBACjC;IAAK,SAAS,EAAEL,KAAK,CAACS;EAAO,gBAC3B,oBAAC,YAAY,eAAKJ,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,EAAER,UAAU,CAACE,KAAK,CAACU,UAAU,EAAEH,UAAU,GAAGP,KAAK,CAACW,UAAU,GAAG,IAAI;EAAE,GAE7EH,MAAM,eACP;IAAK,SAAS,EAAER,KAAK,CAACY;EAAK,GAAEP,KAAK,CAACO,IAAI,CAAO,CAC3C;AAET,CAAC;AAEDX,GAAG,CAACY,SAAS,2CAAG;EACdV,QAAQ,EAAEN,SAAS,CAACiB,MAAM;EAC1BZ,KAAK,EAAEL,SAAS,CAACiB,MAAM;EACvBV,OAAO,EAAEP,SAAS,CAACkB,IAAI;EACvBV,KAAK,EAAER,SAAS,CAACmB,KAAK,CAAC,MAAK,SAAS,EAAEjB,YAAY,CAACc,SAAS,CAAC;AAChE,CAAC;AAED,MAAMI,SAAS,GAAG,CAACC,KAAK,EAAEC,OAAO,KAAK;EACpC,MAAM;IAACf,OAAO;IAAED,QAAQ,GAAG,CAAC;IAAEiB,MAAM,GAAG;EAAE,CAAC,GAAGF,KAAK;EAElD,oBACE;IAAI,aAAU,WAAW;IAAC,SAAS,EAAElB,KAAK,CAACqB;EAAK,GAC7CD,MAAM,CAACE,GAAG,CAAC,CAACjB,KAAK,EAAEH,KAAK,kBACvB,oBAAC,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;AAEDc,SAAS,CAACJ,SAAS,2CAAG;EACpBV,QAAQ,EAAEN,SAAS,CAACiB,MAAM;EAC1BV,OAAO,EAAEP,SAAS,CAACkB,IAAI;EACvBK,MAAM,EAAEvB,SAAS,CAAC0B,OAAO,CAAC1B,SAAS,CAAC2B,MAAM;AAC5C,CAAC;AAED,eAAeP,SAAS"}
+{"version":3,"file":"index.js","names":["React","useMemo","PropTypes","classnames","ModuleBubble","style","Tab","index","selected","onClick","level","handleClick","isSelected","bubble","module","defaultTab","currentTab","name","propTypes","number","func","shape","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,OAAOA,KAAP,IAAeC,OAAf,QAA6B,OAA7B;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,UAAP,MAAuB,YAAvB;AACA,OAAOC,YAAP,MAAyB,kBAAzB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,GAAG,GAAG,CAAC;EAACC,KAAD;EAAQC,QAAR;EAAkBC,OAAO,QAAzB;EAAkCC;AAAlC,CAAD,KAA8C;EACxD,MAAMC,WAAW,GAAGV,OAAO,CAAC,MAAM,MAAMQ,OAAO,CAACF,KAAD,CAApB,EAA6B,CAACE,OAAD,EAAUF,KAAV,CAA7B,CAA3B;EACA,MAAMK,UAAU,GAAGJ,QAAQ,KAAKD,KAAhC;EACA,MAAMM,MAAM,GAAG,KAAI,QAAJ,EAAcH,KAAd,iBACb;IAAK,SAAS,EAAEL,KAAK,CAACS;EAAtB,gBACE,oBAAC,YAAD,eAAkBJ,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,EAAER,UAAU,CAACE,KAAK,CAACU,UAAP,EAAmBH,UAAU,GAAGP,KAAK,CAACW,UAAT,GAAsB,IAAnD;EALvB,GAOGH,MAPH,eAQE;IAAK,SAAS,EAAER,KAAK,CAACY;EAAtB,GAA6BP,KAAK,CAACO,IAAnC,CARF,CADF;AAYD,CArBD;;AAuBAX,GAAG,CAACY,SAAJ,2CAAgB;EACdV,QAAQ,EAAEN,SAAS,CAACiB,MADN;EAEdZ,KAAK,EAAEL,SAAS,CAACiB,MAFH;EAGdV,OAAO,EAAEP,SAAS,CAACkB,IAHL;EAIdV,KAAK,EAAER,SAAS,CAACmB,KAAV,CAAgB,MAAK,SAAL,EAAgBjB,YAAY,CAACc,SAA7B,CAAhB;AAJO,CAAhB;;AAOA,MAAMI,SAAS,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EACpC,MAAM;IAACf,OAAD;IAAUD,QAAQ,GAAG,CAArB;IAAwBiB,MAAM,GAAG;EAAjC,IAAuCF,KAA7C;EAEA,oBACE;IAAI,aAAU,WAAd;IAA0B,SAAS,EAAElB,KAAK,CAACqB;EAA3C,GACGD,MAAM,CAACE,GAAP,CAAW,CAACjB,KAAD,EAAQH,KAAR,kBACV,oBAAC,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;;AAYAc,SAAS,CAACJ,SAAV,2CAAsB;EACpBV,QAAQ,EAAEN,SAAS,CAACiB,MADA;EAEpBV,OAAO,EAAEP,SAAS,CAACkB,IAFC;EAGpBK,MAAM,EAAEvB,SAAS,CAAC0B,OAAV,CAAkB1B,SAAS,CAAC2B,MAA5B;AAHY,CAAtB;AAMA,eAAeP,SAAf"}

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

@@ -1,10 +1,13 @@
 import _get from "lodash/fp/get";
+
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 import React, { useMemo } from 'react';
 import PropTypes from 'prop-types';
 import { NovaCompositionNavigationMore as ClearIcon } from '@coorpacademy/nova-icons';
 import Search from '../../atom/input-search';
 import style from './style.css';
+
 const SearchForm = (props, context) => {
   const {
     action,
@@ -23,7 +26,9 @@ const SearchForm = (props, context) => {
   const {
     skin
   } = context;
+
   const dark = _get('common.dark', skin);
+
   return /*#__PURE__*/React.createElement("form", {
     className: style.form,
     action: action,
@@ -44,6 +49,7 @@ const SearchForm = (props, context) => {
     className: style.clear
   })));
 };
+
 SearchForm.propTypes = process.env.NODE_ENV !== "production" ? {
   action: PropTypes.string,
   method: PropTypes.string,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useMemo","PropTypes","NovaCompositionNavigationMore","ClearIcon","Search","style","SearchForm","props","context","action","method","onSubmit","onReset","search","onSearchFocus","onSearchBlur","searchResetAriaLabel","handleSubmit","evt","preventDefault","skin","dark","form","placeholder","value","wrapperClear","wrapperNoClear","clear","propTypes","string","func","shape"],"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,OAAOA,KAAK,IAAGC,OAAO,QAAO,OAAO;AACpC,OAAOC,SAAS,MAAM,YAAY;AAElC,SAAQC,6BAA6B,IAAIC,SAAS,QAAO,0BAA0B;AACnF,OAAOC,MAAM,MAAM,yBAAyB;AAC5C,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,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,GAAGjB,OAAO,CAC1B,MAAMkB,GAAG,IAAI;IACXA,GAAG,CAACC,cAAc,EAAE;IACpB,OAAOR,QAAQ,IAAIA,QAAQ,CAACO,GAAG,CAAC;EAClC,CAAC,EACD,CAACP,QAAQ,CAAC,CACX;EACD,MAAM;IAACS;EAAI,CAAC,GAAGZ,OAAO;EACtB,MAAMa,IAAI,GAAG,KAAI,aAAa,EAAED,IAAI,CAAC;EAErC,oBACE;IACE,SAAS,EAAEf,KAAK,CAACiB,IAAK;IACtB,MAAM,EAAEb,MAAO;IACf,MAAM,EAAEC,MAAO;IACf,QAAQ,EAAEO,YAAa;IACvB,aAAU,YAAY;IACtB,cAAYJ,MAAM,CAACU;EAAY,gBAE/B,oBAAC,MAAM,eAAKV,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,CAACW,KAAK,GAAGnB,KAAK,CAACoB,YAAY,GAAGpB,KAAK,CAACqB;EAAe,gBAEpE,oBAAC,SAAS;IAAC,KAAK,EAAEL,IAAK;IAAC,SAAS,EAAEhB,KAAK,CAACsB;EAAM,EAAG,CAC9C,CACD;AAEX,CAAC;AAEDrB,UAAU,CAACsB,SAAS,2CAAG;EACrBnB,MAAM,EAAER,SAAS,CAAC4B,MAAM;EACxBnB,MAAM,EAAET,SAAS,CAAC4B,MAAM;EACxBlB,QAAQ,EAAEV,SAAS,CAAC6B,IAAI;EACxBlB,OAAO,EAAEX,SAAS,CAAC6B,IAAI;EACvBhB,aAAa,EAAEb,SAAS,CAAC6B,IAAI;EAC7Bf,YAAY,EAAEd,SAAS,CAAC6B,IAAI;EAC5BjB,MAAM,EAAEZ,SAAS,CAAC8B,KAAK,CAAC3B,MAAM,CAACwB,SAAS,CAAC;EACzC,yBAAyB,EAAE3B,SAAS,CAAC4B;AACvC,CAAC;AAED,eAAevB,UAAU"}
+{"version":3,"file":"index.js","names":["React","useMemo","PropTypes","NovaCompositionNavigationMore","ClearIcon","Search","style","SearchForm","props","context","action","method","onSubmit","onReset","search","onSearchFocus","onSearchBlur","searchResetAriaLabel","handleSubmit","evt","preventDefault","skin","dark","form","placeholder","value","wrapperClear","wrapperNoClear","clear","propTypes","string","func","shape"],"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,OAAOA,KAAP,IAAeC,OAAf,QAA6B,OAA7B;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,SAAQC,6BAA6B,IAAIC,SAAzC,QAAyD,0BAAzD;AACA,OAAOC,MAAP,MAAmB,yBAAnB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,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,GAAGjB,OAAO,CAC1B,MAAMkB,GAAG,IAAI;IACXA,GAAG,CAACC,cAAJ;IACA,OAAOR,QAAQ,IAAIA,QAAQ,CAACO,GAAD,CAA3B;EACD,CAJyB,EAK1B,CAACP,QAAD,CAL0B,CAA5B;EAOA,MAAM;IAACS;EAAD,IAASZ,OAAf;;EACA,MAAMa,IAAI,GAAG,KAAI,aAAJ,EAAmBD,IAAnB,CAAb;;EAEA,oBACE;IACE,SAAS,EAAEf,KAAK,CAACiB,IADnB;IAEE,MAAM,EAAEb,MAFV;IAGE,MAAM,EAAEC,MAHV;IAIE,QAAQ,EAAEO,YAJZ;IAKE,aAAU,YALZ;IAME,cAAYJ,MAAM,CAACU;EANrB,gBAQE,oBAAC,MAAD,eAAYV,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,CAACW,KAAP,GAAenB,KAAK,CAACoB,YAArB,GAAoCpB,KAAK,CAACqB;EAJvD,gBAME,oBAAC,SAAD;IAAW,KAAK,EAAEL,IAAlB;IAAwB,SAAS,EAAEhB,KAAK,CAACsB;EAAzC,EANF,CATF,CADF;AAoBD,CAzCD;;AA2CArB,UAAU,CAACsB,SAAX,2CAAuB;EACrBnB,MAAM,EAAER,SAAS,CAAC4B,MADG;EAErBnB,MAAM,EAAET,SAAS,CAAC4B,MAFG;EAGrBlB,QAAQ,EAAEV,SAAS,CAAC6B,IAHC;EAIrBlB,OAAO,EAAEX,SAAS,CAAC6B,IAJE;EAKrBhB,aAAa,EAAEb,SAAS,CAAC6B,IALJ;EAMrBf,YAAY,EAAEd,SAAS,CAAC6B,IANH;EAOrBjB,MAAM,EAAEZ,SAAS,CAAC8B,KAAV,CAAgB3B,MAAM,CAACwB,SAAvB,CAPa;EAQrB,2BAA2B3B,SAAS,CAAC4B;AARhB,CAAvB;AAWA,eAAevB,UAAf"}

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

@@ -6,7 +6,9 @@ import _filter from "lodash/fp/filter";
 import _join from "lodash/fp/join";
 import _pipe from "lodash/fp/pipe";
 import _map from "lodash/fp/map";
+
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 import React, { useState, useEffect, useRef, useCallback } from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
@@ -26,15 +28,20 @@ export const useChoices = options => {
   const choicesRef = {
     current: options
   };
+
   const getChoices = () => {
     return choicesRef.current;
   };
+
   const setChoices = choice => {
     const choices = _set(`[${choice.i}].selected`, !choice.selected, getChoices());
+
     choicesRef.current = choices.filter(c => c.selected);
   };
+
   return [getChoices, setChoices];
 };
+
 const CMMultipleView = ({
   multiple,
   choice,
@@ -44,6 +51,7 @@ const CMMultipleView = ({
     if (!multiple) {
       return onChange(choice);
     }
+
     return onChange(_extends({}, choice, {
       selected: checked
     }));
@@ -63,6 +71,7 @@ const CMMultipleView = ({
     "data-name": `${choice.name}-language`
   }, choice.name);
 };
+
 const SelectMultiple = ({
   title,
   options,
@@ -82,8 +91,11 @@ const SelectMultiple = ({
   const [isOpened, updateIsOpened] = useState(false);
   const [getChoices, setChoices] = useChoices(options);
   const nodeRef = useRef(null);
+
   const defaultColor = _get('common.primary', skin);
+
   const black = _get('common.black', skin);
+
   const handleOnClick = useCallback(e => {
     if (disabled) return;
     e.preventDefault();
@@ -102,6 +114,7 @@ const SelectMultiple = ({
       setChoices(choice);
       return onChange(getChoices());
     }
+
     updateIsOpened(false);
     return onChange(choice);
   }, [multiple, onChange, setChoices, getChoices]);
@@ -114,6 +127,7 @@ const SelectMultiple = ({
     };
   }, [closeHandle]);
   const isCMTheme = theme === 'coorpmanager';
+
   const lines = _map.convert({
     cap: false
   })((choice, i) => {
@@ -134,9 +148,11 @@ const SelectMultiple = ({
       background: defaultColor
     }));
   }, options);
+
   const selection = _pipe(_filter({
     selected: true
   }), _map('name'), _join(', '))(options);
+
   const isActive = isOpened === true;
   const titleView = title ? /*#__PURE__*/React.createElement("span", {
     className: classnames(style.title, isCMTheme && selection && style.titleWithSelection, isCMTheme && _isEmpty(selection) && style.noValue, isActive && style.active)
@@ -148,8 +164,7 @@ const SelectMultiple = ({
     className: style.descriptionLabel
   }, description)) : null) : null;
   const hintView = isCMTheme ? /*#__PURE__*/React.createElement("div", {
-    className: classnames(style.hint, isActive && style.hideHint)
-    // eslint-disable-next-line react/no-danger
+    className: classnames(style.hint, isActive && style.hideHint) // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
       __html: error || hint
@@ -196,6 +211,7 @@ const SelectMultiple = ({
     className: style.description
   }, description) : null, hintView);
 };
+
 SelectMultiple.contextTypes = {
   skin: Provider.childContextTypes.skin
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useState","useEffect","useRef","useCallback","PropTypes","classnames","NovaCompositionNavigationArrowDown","ArrowDown","NovaSolidStatusClose","ErrorIcon","NovaCompositionCoorpacademyInformationIcon","InfoIcon","TitledCheckbox","Provider","Checkbox","getClassState","style","themeStyle","setup","cockpit","sidebar","coorpmanager","useChoices","options","choicesRef","current","getChoices","setChoices","choice","choices","i","selected","filter","c","CMMultipleView","multiple","onChange","handleChange","checked","item","name","SelectMultiple","title","theme","placeholder","description","hint","onError","modified","error","disabled","skin","isOpened","updateIsOpened","nodeRef","defaultColor","black","handleOnClick","e","preventDefault","stopPropagation","prev","closeHandle","contains","target","document","addEventListener","removeEventListener","isCMTheme","lines","convert","cap","selection","isActive","titleView","titleWithSelection","noValue","active","infoIconWrapper","infoIcon","descriptionLabel","hintView","hideHint","__html","mainClass","default","showPlaceholder","behaviourClassName","errorIconView","errorIcon","select","noselection","iconsWrapper","flex","clicked","arrow","down","activeChoices","list","contextTypes","childContextTypes","propTypes","bool","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":";;;;;;;;;AAAA,OAAOA,KAAK,IAAGC,QAAQ,EAAEC,SAAS,EAAEC,MAAM,EAAEC,WAAW,QAAO,OAAO;AACrE,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,SACEC,kCAAkC,IAAIC,SAAS,EAC/CC,oBAAoB,IAAIC,SAAS,EACjCC,0CAA0C,IAAIC,QAAQ,QACjD,0BAA0B;AACjC,OAAOC,cAAc,MAAM,oBAAoB;AAC/C,OAAOC,QAAQ,MAAM,qBAAqB;AAC1C,OAAOC,QAAQ,MAAM,2BAA2B;AAChD,OAAOC,aAAa,MAAM,4BAA4B;AACtD,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,UAAU,GAAG;EACjBC,KAAK,EAAEF,KAAK,CAACE,KAAK;EAClBC,OAAO,EAAEH,KAAK,CAACG,OAAO;EACtBC,OAAO,EAAEJ,KAAK,CAACI,OAAO;EACtBC,YAAY,EAAEL,KAAK,CAACK;AACtB,CAAC;AAED,OAAO,MAAMC,UAAU,GAAGC,OAAO,IAAI;EACnC,MAAMC,UAAU,GAAG;IAACC,OAAO,EAAEF;EAAO,CAAC;EAErC,MAAMG,UAAU,GAAG,MAAM;IACvB,OAAOF,UAAU,CAACC,OAAO;EAC3B,CAAC;EAED,MAAME,UAAU,GAAGC,MAAM,IAAI;IAC3B,MAAMC,OAAO,GAAG,KAAK,IAAGD,MAAM,CAACE,CAAE,YAAW,EAAE,CAACF,MAAM,CAACG,QAAQ,EAAEL,UAAU,EAAE,CAAC;IAE7EF,UAAU,CAACC,OAAO,GAAGI,OAAO,CAACG,MAAM,CAACC,CAAC,IAAIA,CAAC,CAACF,QAAQ,CAAC;EACtD,CAAC;EAED,OAAO,CAACL,UAAU,EAAEC,UAAU,CAAC;AACjC,CAAC;AAED,MAAMO,cAAc,GAAG,CAAC;EAACC,QAAQ;EAAEP,MAAM;EAAEQ;AAAQ,CAAC,KAAK;EACvD,MAAMC,YAAY,GAAGlC,WAAW,CAC9BmC,OAAO,IAAI;IACT,IAAI,CAACH,QAAQ,EAAE;MACb,OAAOC,QAAQ,CAACR,MAAM,CAAC;IACzB;IACA,OAAOQ,QAAQ,cAAKR,MAAM;MAAEG,QAAQ,EAAEO;IAAO,GAAE;EACjD,CAAC,EACD,CAACF,QAAQ,EAAER,MAAM,EAAEO,QAAQ,CAAC,CAC7B;EAED,OAAOA,QAAQ,gBACb;IAAK,SAAS,EAAEnB,KAAK,CAACuB;EAAK,gBACzB,oBAAC,QAAQ;IACP,UAAU,EAAC,SAAS;IACpB,OAAO,EAAEX,MAAM,CAACG,QAAS;IACzB,QAAQ,EAAEM,YAAa;IACvB,cAAc;IACd,KAAK,EAAET,MAAM,CAACY;EAAK,EACnB,CACE,gBAEN;IACE,SAAS,EAAExB,KAAK,CAACuB,IAAK;IACtB,OAAO,EAAEF,YAAa;IACtB,KAAK,EAAET,MAAM,CAACY,IAAK;IACnB,aAAY,GAAEZ,MAAM,CAACY,IAAK;EAAW,GAEpCZ,MAAM,CAACY,IAAI,CAEf;AACH,CAAC;AAED,MAAMC,cAAc,GAAG,CACrB;EACEC,KAAK;EACLnB,OAAO;EACPoB,KAAK;EACLC,WAAW;EACXC,WAAW;EACXC,IAAI;EACJX,QAAQ;EACRC,QAAQ;EACRW,OAAO;EACPC,QAAQ,GAAG,KAAK;EAChBC,KAAK,GAAG,EAAE;EACVC,QAAQ,GAAG;AACb,CAAC,EACD;EAACC;AAAI,CAAC,KACH;EACH,MAAM,CAACC,QAAQ,EAAEC,cAAc,CAAC,GAAGrD,QAAQ,CAAC,KAAK,CAAC;EAClD,MAAM,CAAC0B,UAAU,EAAEC,UAAU,CAAC,GAAGL,UAAU,CAACC,OAAO,CAAC;EACpD,MAAM+B,OAAO,GAAGpD,MAAM,CAAC,IAAI,CAAC;EAE5B,MAAMqD,YAAY,GAAG,KAAI,gBAAgB,EAAEJ,IAAI,CAAC;EAChD,MAAMK,KAAK,GAAG,KAAI,cAAc,EAAEL,IAAI,CAAC;EAEvC,MAAMM,aAAa,GAAGtD,WAAW,CAC/BuD,CAAC,IAAI;IACH,IAAIR,QAAQ,EAAE;IAEdQ,CAAC,CAACC,cAAc,EAAE;IAClBD,CAAC,CAACE,eAAe,EAAE;IAEnBP,cAAc,CAACQ,IAAI,IAAI,CAACA,IAAI,CAAC;EAC/B,CAAC,EACD,CAACX,QAAQ,CAAC,CACX;EAED,MAAMY,WAAW,GAAG3D,WAAW,CAACuD,CAAC,IAAI;IACnC,IAAIJ,OAAO,IAAIA,OAAO,CAAC7B,OAAO,IAAI,CAAC6B,OAAO,CAAC7B,OAAO,CAACsC,QAAQ,CAACL,CAAC,CAACM,MAAM,CAAC,EAAE;MACrEX,cAAc,CAAC,KAAK,CAAC;IACvB;EACF,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMhB,YAAY,GAAGlC,WAAW,CAC9ByB,MAAM,IAAI;IACR;IACA;IACA,IAAIO,QAAQ,EAAE;MACZR,UAAU,CAACC,MAAM,CAAC;MAElB,OAAOQ,QAAQ,CAACV,UAAU,EAAE,CAAC;IAC/B;IACA2B,cAAc,CAAC,KAAK,CAAC;IACrB,OAAOjB,QAAQ,CAACR,MAAM,CAAC;EACzB,CAAC,EACD,CAACO,QAAQ,EAAEC,QAAQ,EAAET,UAAU,EAAED,UAAU,CAAC,CAC7C;EAEDzB,SAAS,CAAC,MAAM;IACdgE,QAAQ,CAACC,gBAAgB,CAAC,OAAO,EAAEJ,WAAW,CAAC;IAC/CG,QAAQ,CAACC,gBAAgB,CAAC,YAAY,EAAEJ,WAAW,CAAC;IAEpD,OAAO,MAAM;MACXG,QAAQ,CAACE,mBAAmB,CAAC,OAAO,EAAEL,WAAW,CAAC;MAClDG,QAAQ,CAACE,mBAAmB,CAAC,YAAY,EAAEL,WAAW,CAAC;IACzD,CAAC;EACH,CAAC,EAAE,CAACA,WAAW,CAAC,CAAC;EAEjB,MAAMM,SAAS,GAAGzB,KAAK,KAAK,cAAc;EAE1C,MAAM0B,KAAK,GAAG,KAAIC,OAAO,CAAC;IAACC,GAAG,EAAE;EAAK,CAAC,CAAC,CAAC,CAAC3C,MAAM,EAAEE,CAAC,KAAK;IACrD,oBACE;MAAI,GAAG,EAAEA,CAAE;MAAC,SAAS,EAAEd,KAAK,CAACY;IAAO,GACjCwC,SAAS,gBACR,oBAAC,cAAc;MAAC,QAAQ,EAAEjC,QAAS;MAAC,MAAM,eAAMP,MAAM;QAAEE;MAAC,EAAE;MAAC,QAAQ,EAAEO;IAAa,EAAG,gBAEtF,oBAAC,cAAc;MACb,QAAQ,EAAEA,YAAa;MACvB,MAAM,eAAMT,MAAM;QAAEE;MAAC,EAAE;MACvB,UAAU,EAAEyB;IAAa,EAE5B,CACE;EAET,CAAC,EAAEhC,OAAO,CAAC;EAEX,MAAMiD,SAAS,GAAG,MAAK,QAAO;IAACzC,QAAQ,EAAE;EAAI,CAAC,CAAC,EAAE,KAAI,MAAM,CAAC,EAAE,MAAK,IAAI,CAAC,CAAC,CAACR,OAAO,CAAC;EAElF,MAAMkD,QAAQ,GAAGrB,QAAQ,KAAK,IAAI;EAElC,MAAMsB,SAAS,GAAGhC,KAAK,gBACrB;IACE,SAAS,EAAErC,UAAU,CACnBW,KAAK,CAAC0B,KAAK,EACX0B,SAAS,IAAII,SAAS,IAAIxD,KAAK,CAAC2D,kBAAkB,EAClDP,SAAS,IAAI,SAAQI,SAAS,CAAC,IAAIxD,KAAK,CAAC4D,OAAO,EAChDH,QAAQ,IAAIzD,KAAK,CAAC6D,MAAM;EACxB,GAEDnC,KAAK,EACL0B,SAAS,gBACR;IAAK,SAAS,EAAEpD,KAAK,CAAC8D;EAAgB,gBACpC,oBAAC,QAAQ;IAAC,SAAS,EAAE9D,KAAK,CAAC+D;EAAS,EAAG,eACvC;IAAK,SAAS,EAAE/D,KAAK,CAACgE;EAAiB,GAAEnC,WAAW,CAAO,CACvD,GACJ,IAAI,CACH,GACL,IAAI;EAER,MAAMoC,QAAQ,GAAGb,SAAS,gBACxB;IACE,SAAS,EAAE/D,UAAU,CAACW,KAAK,CAAC8B,IAAI,EAAE2B,QAAQ,IAAIzD,KAAK,CAACkE,QAAQ;IAC5D;IAAA;IACA,uBAAuB,EAAE;MAACC,MAAM,EAAElC,KAAK,IAAIH;IAAI;EAAE,EACjD,GACA,IAAI;EAER,MAAMsC,SAAS,GAAGzC,KAAK,GAAG1B,UAAU,CAAC0B,KAAK,CAAC,GAAG3B,KAAK,CAACqE,OAAO;EAC3D,MAAMC,eAAe,GAAGlB,SAAS,IAAIK,QAAQ;EAC7C,MAAMc,kBAAkB,GAAGxE,aAAa,CACtCC,KAAK,CAACqE,OAAO,EACbrE,KAAK,CAACgC,QAAQ,EACdhC,KAAK,CAACiC,KAAK,EACXD,QAAQ,EACRC,KAAK,CACN;EAED,MAAMuC,aAAa,GAAGvC,KAAK,gBAAG,oBAAC,SAAS;IAAC,OAAO,EAAEF,OAAQ;IAAC,SAAS,EAAE/B,KAAK,CAACyE;EAAU,EAAG,GAAG,IAAI;EAEhG,oBACE;IACE,SAAS,EAAEpF,UAAU,CAAC+E,SAAS,EAAEG,kBAAkB,EAAErC,QAAQ,IAAIlC,KAAK,CAACkC,QAAQ,CAAE;IACjF,GAAG,EAAEI;EAAQ,gBAEb,mCACG,CAACc,SAAS,IAAIM,SAAS,eACxB;IACE,SAAS,EAAE1D,KAAK,CAAC0E,MAAO;IACxB,KAAK,EAAElB,SAAS,IAAI5B,WAAY;IAChC,aAAY,kBAAkB;IAC9B,OAAO,EAAEa;EAAc,GAEtBW,SAAS,IAAIM,SAAS,eACvB;IACE,SAAS,EAAErE,UAAU,CACnBW,KAAK,CAACwD,SAAS,EACfJ,SAAS,IAAI,SAAQI,SAAS,CAAC,IAAIxD,KAAK,CAAC2E,WAAW;EACpD,GAEDnB,SAAS,IAAI,CAACJ,SAAS,IAAKkB,eAAe,IAAI1C,WAAY,IAAI,IAAI,CAC/D,EACNwB,SAAS,gBACR;IAAK,SAAS,EAAEpD,KAAK,CAAC4E;EAAa,gBACjC;IAAK,SAAS,EAAE5E,KAAK,CAAC6E;EAAK,GAAEL,aAAa,CAAO,eACjD;IAAK,SAAS,EAAEnF,UAAU,CAACW,KAAK,CAAC6E,IAAI,EAAEpB,QAAQ,IAAIzD,KAAK,CAAC8E,OAAO;EAAE,gBAChE,oBAAC,SAAS;IACR,KAAK,EAAEtC,KAAM;IACb,SAAS,EAAEnD,UAAU,CAACW,KAAK,CAAC+E,KAAK,EAAE;MAAC,CAAC/E,KAAK,CAACgF,IAAI,GAAGvB;IAAQ,CAAC;EAAE,EAC7D,CACE,CACF,gBAEN,oBAAC,SAAS;IACR,KAAK,EAAEjB,KAAM;IACb,SAAS,EAAEnD,UAAU,CAACW,KAAK,CAAC+E,KAAK,EAAE;MAAC,CAAC/E,KAAK,CAACgF,IAAI,GAAGvB;IAAQ,CAAC;EAAE,EAEhE,CACG,eACN;IAAK,SAAS,EAAEpE,UAAU,CAACW,KAAK,CAACa,OAAO,EAAE4C,QAAQ,IAAIzD,KAAK,CAACiF,aAAa;EAAE,gBACzE;IAAI,SAAS,EAAEjF,KAAK,CAACkF;EAAK,GAAE7B,KAAK,CAAM,CACnC,CACA,EACP,CAACD,SAAS,gBAAG;IAAK,SAAS,EAAEpD,KAAK,CAAC6B;EAAY,GAAEA,WAAW,CAAO,GAAG,IAAI,EAC1EoC,QAAQ,CACL;AAEV,CAAC;AAEDxC,cAAc,CAAC0D,YAAY,GAAG;EAC5BhD,IAAI,EAAEtC,QAAQ,CAACuF,iBAAiB,CAACjD;AACnC,CAAC;AAEDjB,cAAc,CAACmE,SAAS,2CAAG;EACzBlE,QAAQ,EAAE/B,SAAS,CAACkG,IAAI;EACxB1E,MAAM,EAAEhB,cAAc,CAACyF,SAAS,CAACzE,MAAM;EACvCQ,QAAQ,EAAEhC,SAAS,CAACmG;AACtB,CAAC;AAED9D,cAAc,CAAC4D,SAAS,2CAAG;EACzB3D,KAAK,EAAEtC,SAAS,CAACoG,MAAM;EACvB5D,WAAW,EAAExC,SAAS,CAACoG,MAAM;EAC7B3D,WAAW,EAAEzC,SAAS,CAACoG,MAAM;EAC7B1D,IAAI,EAAE1C,SAAS,CAACoG,MAAM;EACtBjF,OAAO,EAAEnB,SAAS,CAACqG,OAAO,CAAC7F,cAAc,CAACyF,SAAS,CAACzE,MAAM,CAAC;EAC3DQ,QAAQ,EAAEhC,SAAS,CAACmG,IAAI;EACxBxD,OAAO,EAAE3C,SAAS,CAACmG,IAAI;EACvBpE,QAAQ,EAAE/B,SAAS,CAACkG,IAAI;EACxBtD,QAAQ,EAAE5C,SAAS,CAACkG,IAAI;EACxBpD,QAAQ,EAAE9C,SAAS,CAACkG,IAAI;EACxBrD,KAAK,EAAE7C,SAAS,CAACoG,MAAM;EACvB7D,KAAK,EAAEvC,SAAS,CAACsG,KAAK,CAAC,MAAKzF,UAAU,CAAC;AACzC,CAAC;AAED,eAAewB,cAAc"}
+{"version":3,"file":"index.js","names":["React","useState","useEffect","useRef","useCallback","PropTypes","classnames","NovaCompositionNavigationArrowDown","ArrowDown","NovaSolidStatusClose","ErrorIcon","NovaCompositionCoorpacademyInformationIcon","InfoIcon","TitledCheckbox","Provider","Checkbox","getClassState","style","themeStyle","setup","cockpit","sidebar","coorpmanager","useChoices","options","choicesRef","current","getChoices","setChoices","choice","choices","i","selected","filter","c","CMMultipleView","multiple","onChange","handleChange","checked","item","name","SelectMultiple","title","theme","placeholder","description","hint","onError","modified","error","disabled","skin","isOpened","updateIsOpened","nodeRef","defaultColor","black","handleOnClick","e","preventDefault","stopPropagation","prev","closeHandle","contains","target","document","addEventListener","removeEventListener","isCMTheme","lines","convert","cap","selection","isActive","titleView","titleWithSelection","noValue","active","infoIconWrapper","infoIcon","descriptionLabel","hintView","hideHint","__html","mainClass","default","showPlaceholder","behaviourClassName","errorIconView","errorIcon","select","noselection","iconsWrapper","flex","clicked","arrow","down","activeChoices","list","contextTypes","childContextTypes","propTypes","bool","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/es/molecule/setup-cohort-item/index.js

@@ -1,11 +1,14 @@
 import _map from "lodash/fp/map";
+
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 import React from 'react';
 import PropTypes from 'prop-types';
 import InputCheckbox from '../../atom/input-checkbox';
 import Button from '../../atom/button';
 import Provider from '../../atom/provider';
 import style from './style.css';
+
 const InputSplitScreen = (props, context) => {
   const {
     translate
@@ -15,6 +18,7 @@ const InputSplitScreen = (props, context) => {
     rightSection,
     buttons
   } = props;
+
   const criteriaList = _map.convert({
     cap: false
   })((criterion, key) => {
@@ -23,6 +27,7 @@ const InputSplitScreen = (props, context) => {
       key: key
     }, /*#__PURE__*/React.createElement(InputCheckbox, criterion));
   }, leftSection.values);
+
   const collectionList = _map.convert({
     cap: false
   })((collection, key) => {
@@ -31,6 +36,7 @@ const InputSplitScreen = (props, context) => {
       key: key
     }, /*#__PURE__*/React.createElement(InputCheckbox, collection));
   }, rightSection.values);
+
   const buttonList = _map.convert({
     cap: false
   })((button, key) => {
@@ -39,6 +45,7 @@ const InputSplitScreen = (props, context) => {
       key: key
     }, /*#__PURE__*/React.createElement(Button, button));
   }, buttons);
+
   return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
     className: style.splitDefault
   }, /*#__PURE__*/React.createElement("div", {
@@ -57,6 +64,7 @@ const InputSplitScreen = (props, context) => {
     className: style.mandatoryFields
   }, translate('mandatory_fields'))));
 };
+
 const sectionPropTypes = process.env.NODE_ENV !== "production" ? {
   title: PropTypes.string.isRequired,
   values: PropTypes.arrayOf(PropTypes.shape(_extends({}, InputCheckbox.propTypes))).isRequired,
@@ -69,6 +77,7 @@ InputSplitScreen.propTypes = process.env.NODE_ENV !== "production" ? {
 InputSplitScreen.contextTypes = {
   translate: Provider.childContextTypes.translate
 };
+
 const SetupCohortItem = props => {
   const {
     field
@@ -77,6 +86,7 @@ const SetupCohortItem = props => {
     className: style.wrapper
   }, /*#__PURE__*/React.createElement(InputSplitScreen, field));
 };
+
 SetupCohortItem.defaultProps = {
   field: {}
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","InputCheckbox","Button","Provider","style","InputSplitScreen","props","context","translate","leftSection","rightSection","buttons","criteriaList","convert","cap","criterion","key","field","values","collectionList","collection","buttonList","button","splitDefault","splitLeft","title","required","splitRight","rowBottom","buttonGroup","mandatoryFields","sectionPropTypes","string","isRequired","arrayOf","shape","propTypes","bool","contextTypes","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":["React","PropTypes","InputCheckbox","Button","Provider","style","InputSplitScreen","props","context","translate","leftSection","rightSection","buttons","criteriaList","convert","cap","criterion","key","field","values","collectionList","collection","buttonList","button","splitDefault","splitLeft","title","required","splitRight","rowBottom","buttonGroup","mandatoryFields","sectionPropTypes","string","isRequired","arrayOf","shape","propTypes","bool","contextTypes","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/es/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/es/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"}