@coorpacademy/components 11.9.1 → 11.9.2-alpha.4

package/es/molecule/pdf/index.js

@@ -29,7 +29,9 @@ const PDF = (props, context) => {
       backgroundImage: `url(${poster})`
     }
   }, /*#__PURE__*/React.createElement(PDFIcon, {
-    color: white,
+    style: {
+      color: white
+    },
     className: style.pdfIcon
   }), /*#__PURE__*/React.createElement("div", {
     className: classnames(style.pdfDescription, style.innerHTML),

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","classnames","NovaLineFilesOfficeFileOfficePdf","PDFIcon","Link","Provider","style","PDF","props","context","description","mediaUrl","poster","onPlay","translate","skin","white","primary","pdfFrame","backgroundImage","pdfIcon","pdfDescription","innerHTML","__html","openPDFButton","openPDFButtonBackground","backgroundColor","openPDFButtonLabel","contextTypes","childContextTypes","propTypes","string","func"],"sources":["../../../src/molecule/pdf/index.js"],"sourcesContent":["import React from 'react';\nimport {get} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {NovaLineFilesOfficeFileOfficePdf as PDFIcon} from '@coorpacademy/nova-icons';\nimport Link from '../../atom/link';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nconst PDF = (props, context) => {\n  const {description, mediaUrl, poster, onPlay} = props;\n  const {translate, skin} = context;\n\n  const white = get('common.white', skin);\n  const primary = get('common.primary', skin);\n\n  return (\n    <div\n      className={style.pdfFrame}\n      style={{\n        backgroundImage: `url(${poster})`\n      }}\n    >\n      <PDFIcon color={white} className={style.pdfIcon} />\n      <div\n        className={classnames(style.pdfDescription, style.innerHTML)}\n        data-name=\"pdfDescription\"\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: description}}\n      />\n\n      <Link href={mediaUrl} target=\"_blank\" onClick={onPlay}>\n        <div className={style.openPDFButton}>\n          <div className={style.openPDFButtonBackground} style={{backgroundColor: primary}} />\n          <label className={style.openPDFButtonLabel}>{translate('Open')}</label>\n        </div>\n      </Link>\n    </div>\n  );\n};\n\nPDF.contextTypes = {\n  translate: Provider.childContextTypes.translate,\n  skin: Provider.childContextTypes.skin\n};\n\nPDF.propTypes = {\n  description: PropTypes.string,\n  mediaUrl: PropTypes.string,\n  poster: PropTypes.string,\n  onPlay: PropTypes.func\n};\n\nexport default PDF;\n"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAAQC,gCAAgC,IAAIC,OAA5C,QAA0D,0BAA1D;AACA,OAAOC,IAAP,MAAiB,iBAAjB;AACA,OAAOC,QAAP,MAAqB,qBAArB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,GAAG,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EAC9B,MAAM;IAACC,WAAD;IAAcC,QAAd;IAAwBC,MAAxB;IAAgCC;EAAhC,IAA0CL,KAAhD;EACA,MAAM;IAACM,SAAD;IAAYC;EAAZ,IAAoBN,OAA1B;;EAEA,MAAMO,KAAK,GAAG,KAAI,cAAJ,EAAoBD,IAApB,CAAd;;EACA,MAAME,OAAO,GAAG,KAAI,gBAAJ,EAAsBF,IAAtB,CAAhB;;EAEA,oBACE;IACE,SAAS,EAAET,KAAK,CAACY,QADnB;IAEE,KAAK,EAAE;MACLC,eAAe,EAAG,OAAMP,MAAO;IAD1B;EAFT,gBAME,oBAAC,OAAD;IAAS,KAAK,EAAEI,KAAhB;IAAuB,SAAS,EAAEV,KAAK,CAACc;EAAxC,EANF,eAOE;IACE,SAAS,EAAEnB,UAAU,CAACK,KAAK,CAACe,cAAP,EAAuBf,KAAK,CAACgB,SAA7B,CADvB;IAEE,aAAU,gBAFZ,CAGE;IAHF;IAIE,uBAAuB,EAAE;MAACC,MAAM,EAAEb;IAAT;EAJ3B,EAPF,eAcE,oBAAC,IAAD;IAAM,IAAI,EAAEC,QAAZ;IAAsB,MAAM,EAAC,QAA7B;IAAsC,OAAO,EAAEE;EAA/C,gBACE;IAAK,SAAS,EAAEP,KAAK,CAACkB;EAAtB,gBACE;IAAK,SAAS,EAAElB,KAAK,CAACmB,uBAAtB;IAA+C,KAAK,EAAE;MAACC,eAAe,EAAET;IAAlB;EAAtD,EADF,eAEE;IAAO,SAAS,EAAEX,KAAK,CAACqB;EAAxB,GAA6Cb,SAAS,CAAC,MAAD,CAAtD,CAFF,CADF,CAdF,CADF;AAuBD,CA9BD;;AAgCAP,GAAG,CAACqB,YAAJ,GAAmB;EACjBd,SAAS,EAAET,QAAQ,CAACwB,iBAAT,CAA2Bf,SADrB;EAEjBC,IAAI,EAAEV,QAAQ,CAACwB,iBAAT,CAA2Bd;AAFhB,CAAnB;AAKAR,GAAG,CAACuB,SAAJ,2CAAgB;EACdpB,WAAW,EAAEV,SAAS,CAAC+B,MADT;EAEdpB,QAAQ,EAAEX,SAAS,CAAC+B,MAFN;EAGdnB,MAAM,EAAEZ,SAAS,CAAC+B,MAHJ;EAIdlB,MAAM,EAAEb,SAAS,CAACgC;AAJJ,CAAhB;AAOA,eAAezB,GAAf"}
+{"version":3,"file":"index.js","names":["React","PropTypes","classnames","NovaLineFilesOfficeFileOfficePdf","PDFIcon","Link","Provider","style","PDF","props","context","description","mediaUrl","poster","onPlay","translate","skin","white","primary","pdfFrame","backgroundImage","color","pdfIcon","pdfDescription","innerHTML","__html","openPDFButton","openPDFButtonBackground","backgroundColor","openPDFButtonLabel","contextTypes","childContextTypes","propTypes","string","func"],"sources":["../../../src/molecule/pdf/index.js"],"sourcesContent":["import React from 'react';\nimport {get} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {NovaLineFilesOfficeFileOfficePdf as PDFIcon} from '@coorpacademy/nova-icons';\nimport Link from '../../atom/link';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nconst PDF = (props, context) => {\n  const {description, mediaUrl, poster, onPlay} = props;\n  const {translate, skin} = context;\n\n  const white = get('common.white', skin);\n  const primary = get('common.primary', skin);\n\n  return (\n    <div\n      className={style.pdfFrame}\n      style={{\n        backgroundImage: `url(${poster})`\n      }}\n    >\n      <PDFIcon style={{color: white}} className={style.pdfIcon} />\n      <div\n        className={classnames(style.pdfDescription, style.innerHTML)}\n        data-name=\"pdfDescription\"\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: description}}\n      />\n\n      <Link href={mediaUrl} target=\"_blank\" onClick={onPlay}>\n        <div className={style.openPDFButton}>\n          <div className={style.openPDFButtonBackground} style={{backgroundColor: primary}} />\n          <label className={style.openPDFButtonLabel}>{translate('Open')}</label>\n        </div>\n      </Link>\n    </div>\n  );\n};\n\nPDF.contextTypes = {\n  translate: Provider.childContextTypes.translate,\n  skin: Provider.childContextTypes.skin\n};\n\nPDF.propTypes = {\n  description: PropTypes.string,\n  mediaUrl: PropTypes.string,\n  poster: PropTypes.string,\n  onPlay: PropTypes.func\n};\n\nexport default PDF;\n"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAAQC,gCAAgC,IAAIC,OAA5C,QAA0D,0BAA1D;AACA,OAAOC,IAAP,MAAiB,iBAAjB;AACA,OAAOC,QAAP,MAAqB,qBAArB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,GAAG,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EAC9B,MAAM;IAACC,WAAD;IAAcC,QAAd;IAAwBC,MAAxB;IAAgCC;EAAhC,IAA0CL,KAAhD;EACA,MAAM;IAACM,SAAD;IAAYC;EAAZ,IAAoBN,OAA1B;;EAEA,MAAMO,KAAK,GAAG,KAAI,cAAJ,EAAoBD,IAApB,CAAd;;EACA,MAAME,OAAO,GAAG,KAAI,gBAAJ,EAAsBF,IAAtB,CAAhB;;EAEA,oBACE;IACE,SAAS,EAAET,KAAK,CAACY,QADnB;IAEE,KAAK,EAAE;MACLC,eAAe,EAAG,OAAMP,MAAO;IAD1B;EAFT,gBAME,oBAAC,OAAD;IAAS,KAAK,EAAE;MAACQ,KAAK,EAAEJ;IAAR,CAAhB;IAAgC,SAAS,EAAEV,KAAK,CAACe;EAAjD,EANF,eAOE;IACE,SAAS,EAAEpB,UAAU,CAACK,KAAK,CAACgB,cAAP,EAAuBhB,KAAK,CAACiB,SAA7B,CADvB;IAEE,aAAU,gBAFZ,CAGE;IAHF;IAIE,uBAAuB,EAAE;MAACC,MAAM,EAAEd;IAAT;EAJ3B,EAPF,eAcE,oBAAC,IAAD;IAAM,IAAI,EAAEC,QAAZ;IAAsB,MAAM,EAAC,QAA7B;IAAsC,OAAO,EAAEE;EAA/C,gBACE;IAAK,SAAS,EAAEP,KAAK,CAACmB;EAAtB,gBACE;IAAK,SAAS,EAAEnB,KAAK,CAACoB,uBAAtB;IAA+C,KAAK,EAAE;MAACC,eAAe,EAAEV;IAAlB;EAAtD,EADF,eAEE;IAAO,SAAS,EAAEX,KAAK,CAACsB;EAAxB,GAA6Cd,SAAS,CAAC,MAAD,CAAtD,CAFF,CADF,CAdF,CADF;AAuBD,CA9BD;;AAgCAP,GAAG,CAACsB,YAAJ,GAAmB;EACjBf,SAAS,EAAET,QAAQ,CAACyB,iBAAT,CAA2BhB,SADrB;EAEjBC,IAAI,EAAEV,QAAQ,CAACyB,iBAAT,CAA2Bf;AAFhB,CAAnB;AAKAR,GAAG,CAACwB,SAAJ,2CAAgB;EACdrB,WAAW,EAAEV,SAAS,CAACgC,MADT;EAEdrB,QAAQ,EAAEX,SAAS,CAACgC,MAFN;EAGdpB,MAAM,EAAEZ,SAAS,CAACgC,MAHJ;EAIdnB,MAAM,EAAEb,SAAS,CAACiC;AAJJ,CAAhB;AAOA,eAAe1B,GAAf"}

package/es/molecule/resource-player/index.js

@@ -108,7 +108,9 @@ const OverlayElement = (props = {}, context = undefined) => {
     className: style.icons
   }, /*#__PURE__*/React.createElement(Play, {
     className: style.playButton,
-    color: dark
+    style: {
+      color: dark
+    }
   }), /*#__PURE__*/React.createElement(Life, {
     count: lifeAmount,
     operator: "+",

package/es/molecule/resource-player/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","NovaSolidVideosVideoControlPlay","Play","Pdf","Audio","VideoPlayer","Life","Provider","style","TYPE_IMAGE","TYPE_PDF","TYPE_VIDEO","TYPE_AUDIO","isType","name","oneOf","videoPropType","shape","type","isRequired","description","string","propTypes","pdfPropType","mediaUrl","audioPropType","imgPropType","url","ResourceElement","props","resource","autoplay","disableAutostart","videoId","childProps","img","backgroundImage","oneOfType","bool","OverlayElement","context","undefined","title","text","lifeAmount","onClick","skin","dark","overlay","icons","playButton","delay","overlayTitle","overlayText","contextTypes","childContextTypes","number","func","ResourcePlayer","Component","constructor","state","handleOverlay","bind","setState","render","className","customClassName","propsOverlay","stateOverlay","overlayView","image","pdf","audio","video"],"sources":["../../../src/molecule/resource-player/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {omit, get} from 'lodash/fp';\nimport {NovaSolidVideosVideoControlPlay as Play} from '@coorpacademy/nova-icons';\nimport Pdf from '../pdf';\nimport Audio from '../audio';\nimport VideoPlayer from '../video-player';\nimport Life from '../../atom/life';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nexport const TYPE_IMAGE = 'img';\nexport const TYPE_PDF = 'pdf';\nexport const TYPE_VIDEO = 'video';\nexport const TYPE_AUDIO = 'audio';\n\nconst isType = name => PropTypes.oneOf([name]);\n\nconst videoPropType = PropTypes.shape({\n  type: isType(TYPE_VIDEO).isRequired,\n  description: PropTypes.string.isRequired,\n  ...VideoPlayer.propTypes\n});\n\nconst pdfPropType = PropTypes.shape({\n  type: isType(TYPE_PDF).isRequired,\n  description: PropTypes.string.isRequired,\n  mediaUrl: PropTypes.string.isRequired,\n  ...Pdf.propTypes\n});\n\nconst audioPropType = PropTypes.shape({\n  type: isType(TYPE_AUDIO).isRequired,\n  description: PropTypes.string.isRequired,\n  mediaUrl: PropTypes.string.isRequired,\n  ...Audio.propTypes\n});\n\nconst imgPropType = PropTypes.shape({\n  type: isType(TYPE_IMAGE).isRequired,\n  url: PropTypes.string.isRequired\n});\n\nconst ResourceElement = props => {\n  const {resource, autoplay = false, disableAutostart} = props;\n  const {type, videoId, ...childProps} = omit('id', resource);\n  const {url} = childProps;\n\n  switch (type) {\n    case TYPE_IMAGE:\n      return <div className={style.img} style={{backgroundImage: `url(${url})`}} />;\n    case TYPE_PDF:\n      return <Pdf {...childProps} />;\n    case TYPE_AUDIO:\n      return <Audio {...childProps} />;\n    case TYPE_VIDEO:\n      return (\n        <VideoPlayer\n          {...omit('id', childProps)}\n          autoplay={autoplay}\n          disableAutostart={disableAutostart}\n          id={videoId}\n        />\n      );\n  }\n};\n\nResourceElement.propTypes = {\n  resource: PropTypes.oneOfType([videoPropType, pdfPropType, imgPropType, audioPropType]),\n  autoplay: PropTypes.bool,\n  disableAutostart: PropTypes.bool\n};\n\nconst OverlayElement = (props = {}, context = undefined) => {\n  const {title, text, lifeAmount, onClick} = props;\n  const {skin} = context;\n  const dark = get('common.dark', skin);\n\n  return (\n    <div className={style.overlay} onClick={onClick} data-name=\"overlay\">\n      <div className={style.icons}>\n        <Play className={style.playButton} color={dark} />\n        <Life\n          count={lifeAmount}\n          operator=\"+\"\n          bounce={{\n            type: 'bounceTwice',\n            delay: '2.5s'\n          }}\n          heartOnRight\n        />\n      </div>\n\n      <p className={style.overlayTitle}>{title}</p>\n      <p className={style.overlayText}>{text}</p>\n    </div>\n  );\n};\n\nOverlayElement.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nOverlayElement.propTypes = {\n  lifeAmount: PropTypes.number,\n  onClick: PropTypes.func,\n  text: PropTypes.string,\n  title: PropTypes.string\n};\n\nclass ResourcePlayer extends React.Component {\n  static propTypes = {\n    className: PropTypes.string,\n    resource: PropTypes.oneOfType([videoPropType, pdfPropType, imgPropType, audioPropType]),\n    overlay: PropTypes.shape({\n      title: PropTypes.string,\n      text: PropTypes.string,\n      lifeAmount: PropTypes.number\n    })\n  };\n\n  constructor(props, context) {\n    super(props);\n    this.state = {\n      autoplay: false,\n      overlay: props.overlay\n    };\n\n    this.handleOverlay = this.handleOverlay.bind(this);\n  }\n\n  handleOverlay() {\n    this.setState({\n      autoplay: true,\n      overlay: null\n    });\n  }\n\n  render() {\n    const {className: customClassName, resource, overlay: propsOverlay} = this.props;\n    const {overlay: stateOverlay, autoplay} = this.state;\n    const {type} = resource;\n\n    const overlayView = stateOverlay ? (\n      <OverlayElement {...stateOverlay} onClick={this.handleOverlay} />\n    ) : null;\n\n    return (\n      <div data-name={type} className={customClassName}>\n        <div\n          className={\n            {\n              [TYPE_IMAGE]: style.image,\n              [TYPE_PDF]: style.pdf,\n              [TYPE_AUDIO]: style.audio,\n              [TYPE_VIDEO]: style.video\n            }[type]\n          }\n        >\n          {overlayView}\n          <ResourceElement {...this.props} disableAutostart={!!propsOverlay} autoplay={autoplay} />\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default ResourcePlayer;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","PropTypes","NovaSolidVideosVideoControlPlay","Play","Pdf","Audio","VideoPlayer","Life","Provider","style","TYPE_IMAGE","TYPE_PDF","TYPE_VIDEO","TYPE_AUDIO","isType","name","oneOf","videoPropType","shape","type","isRequired","description","string","propTypes","pdfPropType","mediaUrl","audioPropType","imgPropType","url","ResourceElement","props","resource","autoplay","disableAutostart","videoId","childProps","img","backgroundImage","oneOfType","bool","OverlayElement","context","undefined","title","text","lifeAmount","onClick","skin","dark","overlay","icons","playButton","color","delay","overlayTitle","overlayText","contextTypes","childContextTypes","number","func","ResourcePlayer","Component","constructor","state","handleOverlay","bind","setState","render","className","customClassName","propsOverlay","stateOverlay","overlayView","image","pdf","audio","video"],"sources":["../../../src/molecule/resource-player/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {omit, get} from 'lodash/fp';\nimport {NovaSolidVideosVideoControlPlay as Play} from '@coorpacademy/nova-icons';\nimport Pdf from '../pdf';\nimport Audio from '../audio';\nimport VideoPlayer from '../video-player';\nimport Life from '../../atom/life';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nexport const TYPE_IMAGE = 'img';\nexport const TYPE_PDF = 'pdf';\nexport const TYPE_VIDEO = 'video';\nexport const TYPE_AUDIO = 'audio';\n\nconst isType = name => PropTypes.oneOf([name]);\n\nconst videoPropType = PropTypes.shape({\n  type: isType(TYPE_VIDEO).isRequired,\n  description: PropTypes.string.isRequired,\n  ...VideoPlayer.propTypes\n});\n\nconst pdfPropType = PropTypes.shape({\n  type: isType(TYPE_PDF).isRequired,\n  description: PropTypes.string.isRequired,\n  mediaUrl: PropTypes.string.isRequired,\n  ...Pdf.propTypes\n});\n\nconst audioPropType = PropTypes.shape({\n  type: isType(TYPE_AUDIO).isRequired,\n  description: PropTypes.string.isRequired,\n  mediaUrl: PropTypes.string.isRequired,\n  ...Audio.propTypes\n});\n\nconst imgPropType = PropTypes.shape({\n  type: isType(TYPE_IMAGE).isRequired,\n  url: PropTypes.string.isRequired\n});\n\nconst ResourceElement = props => {\n  const {resource, autoplay = false, disableAutostart} = props;\n  const {type, videoId, ...childProps} = omit('id', resource);\n  const {url} = childProps;\n\n  switch (type) {\n    case TYPE_IMAGE:\n      return <div className={style.img} style={{backgroundImage: `url(${url})`}} />;\n    case TYPE_PDF:\n      return <Pdf {...childProps} />;\n    case TYPE_AUDIO:\n      return <Audio {...childProps} />;\n    case TYPE_VIDEO:\n      return (\n        <VideoPlayer\n          {...omit('id', childProps)}\n          autoplay={autoplay}\n          disableAutostart={disableAutostart}\n          id={videoId}\n        />\n      );\n  }\n};\n\nResourceElement.propTypes = {\n  resource: PropTypes.oneOfType([videoPropType, pdfPropType, imgPropType, audioPropType]),\n  autoplay: PropTypes.bool,\n  disableAutostart: PropTypes.bool\n};\n\nconst OverlayElement = (props = {}, context = undefined) => {\n  const {title, text, lifeAmount, onClick} = props;\n  const {skin} = context;\n  const dark = get('common.dark', skin);\n\n  return (\n    <div className={style.overlay} onClick={onClick} data-name=\"overlay\">\n      <div className={style.icons}>\n        <Play className={style.playButton} style={{color: dark}} />\n        <Life\n          count={lifeAmount}\n          operator=\"+\"\n          bounce={{\n            type: 'bounceTwice',\n            delay: '2.5s'\n          }}\n          heartOnRight\n        />\n      </div>\n\n      <p className={style.overlayTitle}>{title}</p>\n      <p className={style.overlayText}>{text}</p>\n    </div>\n  );\n};\n\nOverlayElement.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nOverlayElement.propTypes = {\n  lifeAmount: PropTypes.number,\n  onClick: PropTypes.func,\n  text: PropTypes.string,\n  title: PropTypes.string\n};\n\nclass ResourcePlayer extends React.Component {\n  static propTypes = {\n    className: PropTypes.string,\n    resource: PropTypes.oneOfType([videoPropType, pdfPropType, imgPropType, audioPropType]),\n    overlay: PropTypes.shape({\n      title: PropTypes.string,\n      text: PropTypes.string,\n      lifeAmount: PropTypes.number\n    })\n  };\n\n  constructor(props, context) {\n    super(props);\n    this.state = {\n      autoplay: false,\n      overlay: props.overlay\n    };\n\n    this.handleOverlay = this.handleOverlay.bind(this);\n  }\n\n  handleOverlay() {\n    this.setState({\n      autoplay: true,\n      overlay: null\n    });\n  }\n\n  render() {\n    const {className: customClassName, resource, overlay: propsOverlay} = this.props;\n    const {overlay: stateOverlay, autoplay} = this.state;\n    const {type} = resource;\n\n    const overlayView = stateOverlay ? (\n      <OverlayElement {...stateOverlay} onClick={this.handleOverlay} />\n    ) : null;\n\n    return (\n      <div data-name={type} className={customClassName}>\n        <div\n          className={\n            {\n              [TYPE_IMAGE]: style.image,\n              [TYPE_PDF]: style.pdf,\n              [TYPE_AUDIO]: style.audio,\n              [TYPE_VIDEO]: style.video\n            }[type]\n          }\n        >\n          {overlayView}\n          <ResourceElement {...this.props} disableAutostart={!!propsOverlay} autoplay={autoplay} />\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default ResourcePlayer;\n"],"mappings":";;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,SAAQC,+BAA+B,IAAIC,IAA3C,QAAsD,0BAAtD;AACA,OAAOC,GAAP,MAAgB,QAAhB;AACA,OAAOC,KAAP,MAAkB,UAAlB;AACA,OAAOC,WAAP,MAAwB,iBAAxB;AACA,OAAOC,IAAP,MAAiB,iBAAjB;AACA,OAAOC,QAAP,MAAqB,qBAArB;AACA,OAAOC,KAAP,MAAkB,aAAlB;AAEA,OAAO,MAAMC,UAAU,GAAG,KAAnB;AACP,OAAO,MAAMC,QAAQ,GAAG,KAAjB;AACP,OAAO,MAAMC,UAAU,GAAG,OAAnB;AACP,OAAO,MAAMC,UAAU,GAAG,OAAnB;AAEP,MAAMC,MAAN,2CAAeC,IAAI,IAAId,SAAS,CAACe,KAAV,CAAgB,CAACD,IAAD,CAAhB,CAAvB;AAEA,MAAME,aAAN,2CAAsBhB,SAAS,CAACiB,KAAV;EACpBC,IAAI,EAAEL,MAAM,CAACF,UAAD,CAAN,CAAmBQ,UADL;EAEpBC,WAAW,EAAEpB,SAAS,CAACqB,MAAV,CAAiBF;AAFV,GAGjBd,WAAW,CAACiB,SAHK,EAAtB;AAMA,MAAMC,WAAN,2CAAoBvB,SAAS,CAACiB,KAAV;EAClBC,IAAI,EAAEL,MAAM,CAACH,QAAD,CAAN,CAAiBS,UADL;EAElBC,WAAW,EAAEpB,SAAS,CAACqB,MAAV,CAAiBF,UAFZ;EAGlBK,QAAQ,EAAExB,SAAS,CAACqB,MAAV,CAAiBF;AAHT,GAIfhB,GAAG,CAACmB,SAJW,EAApB;AAOA,MAAMG,aAAN,2CAAsBzB,SAAS,CAACiB,KAAV;EACpBC,IAAI,EAAEL,MAAM,CAACD,UAAD,CAAN,CAAmBO,UADL;EAEpBC,WAAW,EAAEpB,SAAS,CAACqB,MAAV,CAAiBF,UAFV;EAGpBK,QAAQ,EAAExB,SAAS,CAACqB,MAAV,CAAiBF;AAHP,GAIjBf,KAAK,CAACkB,SAJW,EAAtB;AAOA,MAAMI,WAAN,2CAAoB1B,SAAS,CAACiB,KAAV,CAAgB;EAClCC,IAAI,EAAEL,MAAM,CAACJ,UAAD,CAAN,CAAmBU,UADS;EAElCQ,GAAG,EAAE3B,SAAS,CAACqB,MAAV,CAAiBF;AAFY,CAAhB,CAApB;;AAKA,MAAMS,eAAe,GAAGC,KAAK,IAAI;EAC/B,MAAM;IAACC,QAAD;IAAWC,QAAQ,GAAG,KAAtB;IAA6BC;EAA7B,IAAiDH,KAAvD;;EACA,eAAuC,MAAK,IAAL,EAAWC,QAAX,CAAvC;EAAA,MAAM;IAACZ,IAAD;IAAOe;EAAP,CAAN;EAAA,MAAyBC,UAAzB;;EACA,MAAM;IAACP;EAAD,IAAQO,UAAd;;EAEA,QAAQhB,IAAR;IACE,KAAKT,UAAL;MACE,oBAAO;QAAK,SAAS,EAAED,KAAK,CAAC2B,GAAtB;QAA2B,KAAK,EAAE;UAACC,eAAe,EAAG,OAAMT,GAAI;QAA7B;MAAlC,EAAP;;IACF,KAAKjB,QAAL;MACE,oBAAO,oBAAC,GAAD,EAASwB,UAAT,CAAP;;IACF,KAAKtB,UAAL;MACE,oBAAO,oBAAC,KAAD,EAAWsB,UAAX,CAAP;;IACF,KAAKvB,UAAL;MACE,oBACE,oBAAC,WAAD,eACM,MAAK,IAAL,EAAWuB,UAAX,CADN;QAEE,QAAQ,EAAEH,QAFZ;QAGE,gBAAgB,EAAEC,gBAHpB;QAIE,EAAE,EAAEC;MAJN,GADF;EARJ;AAiBD,CAtBD;;AAwBAL,eAAe,CAACN,SAAhB,2CAA4B;EAC1BQ,QAAQ,EAAE9B,SAAS,CAACqC,SAAV,CAAoB,CAACrB,aAAD,EAAgBO,WAAhB,EAA6BG,WAA7B,EAA0CD,aAA1C,CAApB,CADgB;EAE1BM,QAAQ,EAAE/B,SAAS,CAACsC,IAFM;EAG1BN,gBAAgB,EAAEhC,SAAS,CAACsC;AAHF,CAA5B;;AAMA,MAAMC,cAAc,GAAG,CAACV,KAAK,GAAG,EAAT,EAAaW,OAAO,GAAGC,SAAvB,KAAqC;EAC1D,MAAM;IAACC,KAAD;IAAQC,IAAR;IAAcC,UAAd;IAA0BC;EAA1B,IAAqChB,KAA3C;EACA,MAAM;IAACiB;EAAD,IAASN,OAAf;;EACA,MAAMO,IAAI,GAAG,KAAI,aAAJ,EAAmBD,IAAnB,CAAb;;EAEA,oBACE;IAAK,SAAS,EAAEtC,KAAK,CAACwC,OAAtB;IAA+B,OAAO,EAAEH,OAAxC;IAAiD,aAAU;EAA3D,gBACE;IAAK,SAAS,EAAErC,KAAK,CAACyC;EAAtB,gBACE,oBAAC,IAAD;IAAM,SAAS,EAAEzC,KAAK,CAAC0C,UAAvB;IAAmC,KAAK,EAAE;MAACC,KAAK,EAAEJ;IAAR;EAA1C,EADF,eAEE,oBAAC,IAAD;IACE,KAAK,EAAEH,UADT;IAEE,QAAQ,EAAC,GAFX;IAGE,MAAM,EAAE;MACN1B,IAAI,EAAE,aADA;MAENkC,KAAK,EAAE;IAFD,CAHV;IAOE,YAAY;EAPd,EAFF,CADF,eAcE;IAAG,SAAS,EAAE5C,KAAK,CAAC6C;EAApB,GAAmCX,KAAnC,CAdF,eAeE;IAAG,SAAS,EAAElC,KAAK,CAAC8C;EAApB,GAAkCX,IAAlC,CAfF,CADF;AAmBD,CAxBD;;AA0BAJ,cAAc,CAACgB,YAAf,GAA8B;EAC5BT,IAAI,EAAEvC,QAAQ,CAACiD,iBAAT,CAA2BV;AADL,CAA9B;AAIAP,cAAc,CAACjB,SAAf,2CAA2B;EACzBsB,UAAU,EAAE5C,SAAS,CAACyD,MADG;EAEzBZ,OAAO,EAAE7C,SAAS,CAAC0D,IAFM;EAGzBf,IAAI,EAAE3C,SAAS,CAACqB,MAHS;EAIzBqB,KAAK,EAAE1C,SAAS,CAACqB;AAJQ,CAA3B;;AAOA,MAAMsC,cAAN,SAA6B5D,KAAK,CAAC6D,SAAnC,CAA6C;EAW3CC,WAAW,CAAChC,KAAD,EAAQW,OAAR,EAAiB;IAC1B,MAAMX,KAAN;IACA,KAAKiC,KAAL,GAAa;MACX/B,QAAQ,EAAE,KADC;MAEXiB,OAAO,EAAEnB,KAAK,CAACmB;IAFJ,CAAb;IAKA,KAAKe,aAAL,GAAqB,KAAKA,aAAL,CAAmBC,IAAnB,CAAwB,IAAxB,CAArB;EACD;;EAEDD,aAAa,GAAG;IACd,KAAKE,QAAL,CAAc;MACZlC,QAAQ,EAAE,IADE;MAEZiB,OAAO,EAAE;IAFG,CAAd;EAID;;EAEDkB,MAAM,GAAG;IACP,MAAM;MAACC,SAAS,EAAEC,eAAZ;MAA6BtC,QAA7B;MAAuCkB,OAAO,EAAEqB;IAAhD,IAAgE,KAAKxC,KAA3E;IACA,MAAM;MAACmB,OAAO,EAAEsB,YAAV;MAAwBvC;IAAxB,IAAoC,KAAK+B,KAA/C;IACA,MAAM;MAAC5C;IAAD,IAASY,QAAf;IAEA,MAAMyC,WAAW,GAAGD,YAAY,gBAC9B,oBAAC,cAAD,eAAoBA,YAApB;MAAkC,OAAO,EAAE,KAAKP;IAAhD,GAD8B,GAE5B,IAFJ;IAIA,oBACE;MAAK,aAAW7C,IAAhB;MAAsB,SAAS,EAAEkD;IAAjC,gBACE;MACE,SAAS,EACP;QACE,CAAC3D,UAAD,GAAcD,KAAK,CAACgE,KADtB;QAEE,CAAC9D,QAAD,GAAYF,KAAK,CAACiE,GAFpB;QAGE,CAAC7D,UAAD,GAAcJ,KAAK,CAACkE,KAHtB;QAIE,CAAC/D,UAAD,GAAcH,KAAK,CAACmE;MAJtB,EAKEzD,IALF;IAFJ,GAUGqD,WAVH,eAWE,oBAAC,eAAD,eAAqB,KAAK1C,KAA1B;MAAiC,gBAAgB,EAAE,CAAC,CAACwC,YAArD;MAAmE,QAAQ,EAAEtC;IAA7E,GAXF,CADF,CADF;EAiBD;;AAtD0C;;AAAvC4B,c,CACGrC,S,2CAAY;EACjB6C,SAAS,EAAEnE,SAAS,CAACqB,MADJ;EAEjBS,QAAQ,EAAE9B,SAAS,CAACqC,SAAV,CAAoB,CAACrB,aAAD,EAAgBO,WAAhB,EAA6BG,WAA7B,EAA0CD,aAA1C,CAApB,CAFO;EAGjBuB,OAAO,EAAEhD,SAAS,CAACiB,KAAV,CAAgB;IACvByB,KAAK,EAAE1C,SAAS,CAACqB,MADM;IAEvBsB,IAAI,EAAE3C,SAAS,CAACqB,MAFO;IAGvBuB,UAAU,EAAE5C,SAAS,CAACyD;EAHC,CAAhB;AAHQ,C;AAwDrB,eAAeE,cAAf"}

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

@@ -45,7 +45,9 @@ const SearchForm = (props, context) => {
     onClick: onReset,
     className: search.value ? style.wrapperClear : style.wrapperNoClear
   }, /*#__PURE__*/React.createElement(ClearIcon, {
-    color: dark,
+    style: {
+      color: dark
+    },
     className: style.clear
   })));
 };

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,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"}
+{"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","color","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 style={{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,EAAE;MAACC,KAAK,EAAEN;IAAR,CAAlB;IAAiC,SAAS,EAAEhB,KAAK,CAACuB;EAAlD,EANF,CATF,CADF;AAoBD,CAzCD;;AA2CAtB,UAAU,CAACuB,SAAX,2CAAuB;EACrBpB,MAAM,EAAER,SAAS,CAAC6B,MADG;EAErBpB,MAAM,EAAET,SAAS,CAAC6B,MAFG;EAGrBnB,QAAQ,EAAEV,SAAS,CAAC8B,IAHC;EAIrBnB,OAAO,EAAEX,SAAS,CAAC8B,IAJE;EAKrBjB,aAAa,EAAEb,SAAS,CAAC8B,IALJ;EAMrBhB,YAAY,EAAEd,SAAS,CAAC8B,IANH;EAOrBlB,MAAM,EAAEZ,SAAS,CAAC+B,KAAV,CAAgB5B,MAAM,CAACyB,SAAvB,CAPa;EAQrB,2BAA2B5B,SAAS,CAAC6B;AARhB,CAAvB;AAWA,eAAexB,UAAf"}

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

@@ -194,12 +194,16 @@ const SelectMultiple = ({
   }, errorIconView), /*#__PURE__*/React.createElement("div", {
     className: classnames(style.flex, isActive && style.clicked)
   }, /*#__PURE__*/React.createElement(ArrowDown, {
-    color: black,
+    style: {
+      color: black
+    },
     className: classnames(style.arrow, {
       [style.down]: isActive
     })
   }))) : /*#__PURE__*/React.createElement(ArrowDown, {
-    color: black,
+    style: {
+      color: black
+    },
     className: classnames(style.arrow, {
       [style.down]: isActive
     })

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":"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"}
+{"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","color","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                  style={{color: black}}\n                  className={classnames(style.arrow, {[style.down]: isActive})}\n                />\n              </div>\n            </div>\n          ) : (\n            <ArrowDown\n              style={{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-section/index.js

@@ -29,7 +29,9 @@ const ContentTypesToggler = (props, context) => {
   return /*#__PURE__*/React.createElement("div", {
     className: style.contentTypeWrapper
   }, /*#__PURE__*/React.createElement(RadioGroup, _extends({}, contentTypes, {
-    color: contentTypesColor
+    style: {
+      color: contentTypesColor
+    }
   })));
 };
 

package/es/molecule/setup-section/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","Provider","InputSwitch","RadioGroup","style","ContentTypesToggler","props","context","skin","contentTypes","brand","orange","contentTypesColor","contentTypeWrapper","contextTypes","childContextTypes","propTypes","shape","modified","bool","SetupSection","translate","title","display","wrapper","settings","label","string","isRequired","onUp","func","onDown"],"sources":["../../../src/molecule/setup-section/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get} from 'lodash/fp';\nimport Provider from '../../atom/provider';\nimport InputSwitch from '../../atom/input-switch';\nimport RadioGroup from '../../atom/radio-group';\nimport style from './style.css';\n\nconst ContentTypesToggler = (props, context) => {\n  const {skin} = context;\n  const {contentTypes} = props;\n\n  if (!contentTypes) {\n    return null;\n  }\n\n  const brand = get('common.brand', skin);\n  const orange = get('common.orange', skin);\n  const contentTypesColor = get('modified', contentTypes) ? orange : brand;\n\n  return (\n    <div className={style.contentTypeWrapper}>\n      <RadioGroup {...contentTypes} color={contentTypesColor} />\n    </div>\n  );\n};\n\nContentTypesToggler.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nContentTypesToggler.propTypes = {\n  contentTypes: PropTypes.shape({\n    ...RadioGroup.propTypes,\n    modified: PropTypes.bool\n  })\n};\n\nconst SetupSection = (props, context) => {\n  const {translate} = context;\n\n  const {title, display, contentTypes} = props;\n\n  return (\n    <div className={style.wrapper}>\n      <div className={style.title}>{title}</div>\n      <div className={style.settings}>\n        <ContentTypesToggler contentTypes={contentTypes} />\n        <div className={style.label}>{translate('Show')}</div>\n        <InputSwitch {...display} />\n      </div>\n    </div>\n  );\n};\n\nSetupSection.contextTypes = {\n  translate: Provider.childContextTypes.translate,\n  skin: Provider.childContextTypes.skin\n};\n\nSetupSection.propTypes = {\n  title: PropTypes.string.isRequired,\n  onUp: PropTypes.func,\n  onDown: PropTypes.func,\n  display: PropTypes.shape(InputSwitch.propTypes),\n  contentTypes: ContentTypesToggler.propTypes.contentTypes\n};\n\nexport default SetupSection;\n"],"mappings":";;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,QAAP,MAAqB,qBAArB;AACA,OAAOC,WAAP,MAAwB,yBAAxB;AACA,OAAOC,UAAP,MAAuB,wBAAvB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,mBAAmB,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EAC9C,MAAM;IAACC;EAAD,IAASD,OAAf;EACA,MAAM;IAACE;EAAD,IAAiBH,KAAvB;;EAEA,IAAI,CAACG,YAAL,EAAmB;IACjB,OAAO,IAAP;EACD;;EAED,MAAMC,KAAK,GAAG,KAAI,cAAJ,EAAoBF,IAApB,CAAd;;EACA,MAAMG,MAAM,GAAG,KAAI,eAAJ,EAAqBH,IAArB,CAAf;;EACA,MAAMI,iBAAiB,GAAG,KAAI,UAAJ,EAAgBH,YAAhB,IAAgCE,MAAhC,GAAyCD,KAAnE;EAEA,oBACE;IAAK,SAAS,EAAEN,KAAK,CAACS;EAAtB,gBACE,oBAAC,UAAD,eAAgBJ,YAAhB;IAA8B,KAAK,EAAEG;EAArC,GADF,CADF;AAKD,CAjBD;;AAmBAP,mBAAmB,CAACS,YAApB,GAAmC;EACjCN,IAAI,EAAEP,QAAQ,CAACc,iBAAT,CAA2BP;AADA,CAAnC;AAIAH,mBAAmB,CAACW,SAApB,2CAAgC;EAC9BP,YAAY,EAAET,SAAS,CAACiB,KAAV,cACTd,UAAU,CAACa,SADF;IAEZE,QAAQ,EAAElB,SAAS,CAACmB;EAFR;AADgB,CAAhC;;AAOA,MAAMC,YAAY,GAAG,CAACd,KAAD,EAAQC,OAAR,KAAoB;EACvC,MAAM;IAACc;EAAD,IAAcd,OAApB;EAEA,MAAM;IAACe,KAAD;IAAQC,OAAR;IAAiBd;EAAjB,IAAiCH,KAAvC;EAEA,oBACE;IAAK,SAAS,EAAEF,KAAK,CAACoB;EAAtB,gBACE;IAAK,SAAS,EAAEpB,KAAK,CAACkB;EAAtB,GAA8BA,KAA9B,CADF,eAEE;IAAK,SAAS,EAAElB,KAAK,CAACqB;EAAtB,gBACE,oBAAC,mBAAD;IAAqB,YAAY,EAAEhB;EAAnC,EADF,eAEE;IAAK,SAAS,EAAEL,KAAK,CAACsB;EAAtB,GAA8BL,SAAS,CAAC,MAAD,CAAvC,CAFF,eAGE,oBAAC,WAAD,EAAiBE,OAAjB,CAHF,CAFF,CADF;AAUD,CAfD;;AAiBAH,YAAY,CAACN,YAAb,GAA4B;EAC1BO,SAAS,EAAEpB,QAAQ,CAACc,iBAAT,CAA2BM,SADZ;EAE1Bb,IAAI,EAAEP,QAAQ,CAACc,iBAAT,CAA2BP;AAFP,CAA5B;AAKAY,YAAY,CAACJ,SAAb,2CAAyB;EACvBM,KAAK,EAAEtB,SAAS,CAAC2B,MAAV,CAAiBC,UADD;EAEvBC,IAAI,EAAE7B,SAAS,CAAC8B,IAFO;EAGvBC,MAAM,EAAE/B,SAAS,CAAC8B,IAHK;EAIvBP,OAAO,EAAEvB,SAAS,CAACiB,KAAV,CAAgBf,WAAW,CAACc,SAA5B,CAJc;EAKvBP,YAAY,EAAEJ,mBAAmB,CAACW,SAApB,CAA8BP;AALrB,CAAzB;AAQA,eAAeW,YAAf"}
+{"version":3,"file":"index.js","names":["React","PropTypes","Provider","InputSwitch","RadioGroup","style","ContentTypesToggler","props","context","skin","contentTypes","brand","orange","contentTypesColor","contentTypeWrapper","color","contextTypes","childContextTypes","propTypes","shape","modified","bool","SetupSection","translate","title","display","wrapper","settings","label","string","isRequired","onUp","func","onDown"],"sources":["../../../src/molecule/setup-section/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get} from 'lodash/fp';\nimport Provider from '../../atom/provider';\nimport InputSwitch from '../../atom/input-switch';\nimport RadioGroup from '../../atom/radio-group';\nimport style from './style.css';\n\nconst ContentTypesToggler = (props, context) => {\n  const {skin} = context;\n  const {contentTypes} = props;\n\n  if (!contentTypes) {\n    return null;\n  }\n\n  const brand = get('common.brand', skin);\n  const orange = get('common.orange', skin);\n  const contentTypesColor = get('modified', contentTypes) ? orange : brand;\n\n  return (\n    <div className={style.contentTypeWrapper}>\n      <RadioGroup {...contentTypes} style={{color: contentTypesColor}} />\n    </div>\n  );\n};\n\nContentTypesToggler.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nContentTypesToggler.propTypes = {\n  contentTypes: PropTypes.shape({\n    ...RadioGroup.propTypes,\n    modified: PropTypes.bool\n  })\n};\n\nconst SetupSection = (props, context) => {\n  const {translate} = context;\n\n  const {title, display, contentTypes} = props;\n\n  return (\n    <div className={style.wrapper}>\n      <div className={style.title}>{title}</div>\n      <div className={style.settings}>\n        <ContentTypesToggler contentTypes={contentTypes} />\n        <div className={style.label}>{translate('Show')}</div>\n        <InputSwitch {...display} />\n      </div>\n    </div>\n  );\n};\n\nSetupSection.contextTypes = {\n  translate: Provider.childContextTypes.translate,\n  skin: Provider.childContextTypes.skin\n};\n\nSetupSection.propTypes = {\n  title: PropTypes.string.isRequired,\n  onUp: PropTypes.func,\n  onDown: PropTypes.func,\n  display: PropTypes.shape(InputSwitch.propTypes),\n  contentTypes: ContentTypesToggler.propTypes.contentTypes\n};\n\nexport default SetupSection;\n"],"mappings":";;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,QAAP,MAAqB,qBAArB;AACA,OAAOC,WAAP,MAAwB,yBAAxB;AACA,OAAOC,UAAP,MAAuB,wBAAvB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,mBAAmB,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EAC9C,MAAM;IAACC;EAAD,IAASD,OAAf;EACA,MAAM;IAACE;EAAD,IAAiBH,KAAvB;;EAEA,IAAI,CAACG,YAAL,EAAmB;IACjB,OAAO,IAAP;EACD;;EAED,MAAMC,KAAK,GAAG,KAAI,cAAJ,EAAoBF,IAApB,CAAd;;EACA,MAAMG,MAAM,GAAG,KAAI,eAAJ,EAAqBH,IAArB,CAAf;;EACA,MAAMI,iBAAiB,GAAG,KAAI,UAAJ,EAAgBH,YAAhB,IAAgCE,MAAhC,GAAyCD,KAAnE;EAEA,oBACE;IAAK,SAAS,EAAEN,KAAK,CAACS;EAAtB,gBACE,oBAAC,UAAD,eAAgBJ,YAAhB;IAA8B,KAAK,EAAE;MAACK,KAAK,EAAEF;IAAR;EAArC,GADF,CADF;AAKD,CAjBD;;AAmBAP,mBAAmB,CAACU,YAApB,GAAmC;EACjCP,IAAI,EAAEP,QAAQ,CAACe,iBAAT,CAA2BR;AADA,CAAnC;AAIAH,mBAAmB,CAACY,SAApB,2CAAgC;EAC9BR,YAAY,EAAET,SAAS,CAACkB,KAAV,cACTf,UAAU,CAACc,SADF;IAEZE,QAAQ,EAAEnB,SAAS,CAACoB;EAFR;AADgB,CAAhC;;AAOA,MAAMC,YAAY,GAAG,CAACf,KAAD,EAAQC,OAAR,KAAoB;EACvC,MAAM;IAACe;EAAD,IAAcf,OAApB;EAEA,MAAM;IAACgB,KAAD;IAAQC,OAAR;IAAiBf;EAAjB,IAAiCH,KAAvC;EAEA,oBACE;IAAK,SAAS,EAAEF,KAAK,CAACqB;EAAtB,gBACE;IAAK,SAAS,EAAErB,KAAK,CAACmB;EAAtB,GAA8BA,KAA9B,CADF,eAEE;IAAK,SAAS,EAAEnB,KAAK,CAACsB;EAAtB,gBACE,oBAAC,mBAAD;IAAqB,YAAY,EAAEjB;EAAnC,EADF,eAEE;IAAK,SAAS,EAAEL,KAAK,CAACuB;EAAtB,GAA8BL,SAAS,CAAC,MAAD,CAAvC,CAFF,eAGE,oBAAC,WAAD,EAAiBE,OAAjB,CAHF,CAFF,CADF;AAUD,CAfD;;AAiBAH,YAAY,CAACN,YAAb,GAA4B;EAC1BO,SAAS,EAAErB,QAAQ,CAACe,iBAAT,CAA2BM,SADZ;EAE1Bd,IAAI,EAAEP,QAAQ,CAACe,iBAAT,CAA2BR;AAFP,CAA5B;AAKAa,YAAY,CAACJ,SAAb,2CAAyB;EACvBM,KAAK,EAAEvB,SAAS,CAAC4B,MAAV,CAAiBC,UADD;EAEvBC,IAAI,EAAE9B,SAAS,CAAC+B,IAFO;EAGvBC,MAAM,EAAEhC,SAAS,CAAC+B,IAHK;EAIvBP,OAAO,EAAExB,SAAS,CAACkB,KAAV,CAAgBhB,WAAW,CAACe,SAA5B,CAJc;EAKvBR,YAAY,EAAEJ,mBAAmB,CAACY,SAApB,CAA8BR;AALrB,CAAzB;AAQA,eAAeY,YAAf"}

package/es/molecule/table/index.js

@@ -113,7 +113,9 @@ const Table = (props, context) => {
     }, title), options.length > 0 ? createOptionsView(options, hasOptions) : null, /*#__PURE__*/React.createElement("div", {
       className: style.optionsIconWrapper
     }, hasOptions ? /*#__PURE__*/React.createElement(OptionsIcon, {
-      color: mediumColor,
+      style: {
+        color: mediumColor
+      },
       height: 16,
       width: 16,
       className: style.optionsIcon
@@ -186,7 +188,9 @@ const Table = (props, context) => {
       }, /*#__PURE__*/React.createElement(Link, {
         href: editHref
       }, /*#__PURE__*/React.createElement(PencilIcon, {
-        color: mediumColor,
+        style: {
+          color: mediumColor
+        },
         height: 16,
         width: 16
       }))));

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

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

package/es/molecule/titled-checkbox/index.js

@@ -21,8 +21,7 @@ const TitledCheckbox = props => {
       background: background || '#3d3d3d'
     }
   }, choice.selected ? /*#__PURE__*/React.createElement(Check, {
-    className: style.icon,
-    color: "white"
+    className: style.icon
   }) : null, /*#__PURE__*/React.createElement(Checkbox, {
     className: style.input,
     checked: choice.selected,

package/es/molecule/titled-checkbox/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useMemo","PropTypes","NovaCompositionCoorpacademyCheck","Check","ColorPropType","Checkbox","style","TitledCheckbox","props","choice","background","onToggle","label","name","handleChange","default","box","selected","icon","input","propTypes","shape","bool","isRequired","string","value","func"],"sources":["../../../src/molecule/titled-checkbox/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {NovaCompositionCoorpacademyCheck as Check} from '@coorpacademy/nova-icons';\nimport {ColorPropType} from '../../util/proptypes';\nimport Checkbox from '../../atom/checkbox';\nimport style from './style.css';\n\nconst TitledCheckbox = props => {\n  const {choice, background, onToggle} = props;\n  const label = choice.name;\n  const handleChange = useMemo(() => () => onToggle(choice), [onToggle, choice]);\n\n  return (\n    <label className={style.default}>\n      <div\n        className={style.box}\n        style={{\n          background: background || '#3d3d3d'\n        }}\n      >\n        {choice.selected ? <Check className={style.icon} color=\"white\" /> : null}\n        <Checkbox\n          className={style.input}\n          checked={choice.selected}\n          onChange={handleChange}\n          data-name={label}\n        />\n      </div>\n      <span title={label} className={style.label}>\n        {label}\n      </span>\n    </label>\n  );\n};\n\nTitledCheckbox.propTypes = {\n  choice: PropTypes.shape({\n    selected: PropTypes.bool.isRequired,\n    name: PropTypes.string.isRequired,\n    value: PropTypes.string\n  }).isRequired,\n  background: ColorPropType,\n  onToggle: PropTypes.func.isRequired\n};\n\nexport default TitledCheckbox;\n"],"mappings":"AAAA,OAAOA,KAAP,IAAeC,OAAf,QAA6B,OAA7B;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAAQC,gCAAgC,IAAIC,KAA5C,QAAwD,0BAAxD;AACA,SAAQC,aAAR,QAA4B,sBAA5B;AACA,OAAOC,QAAP,MAAqB,qBAArB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,cAAc,GAAGC,KAAK,IAAI;EAC9B,MAAM;IAACC,MAAD;IAASC,UAAT;IAAqBC;EAArB,IAAiCH,KAAvC;EACA,MAAMI,KAAK,GAAGH,MAAM,CAACI,IAArB;EACA,MAAMC,YAAY,GAAGd,OAAO,CAAC,MAAM,MAAMW,QAAQ,CAACF,MAAD,CAArB,EAA+B,CAACE,QAAD,EAAWF,MAAX,CAA/B,CAA5B;EAEA,oBACE;IAAO,SAAS,EAAEH,KAAK,CAACS;EAAxB,gBACE;IACE,SAAS,EAAET,KAAK,CAACU,GADnB;IAEE,KAAK,EAAE;MACLN,UAAU,EAAEA,UAAU,IAAI;IADrB;EAFT,GAMGD,MAAM,CAACQ,QAAP,gBAAkB,oBAAC,KAAD;IAAO,SAAS,EAAEX,KAAK,CAACY,IAAxB;IAA8B,KAAK,EAAC;EAApC,EAAlB,GAAmE,IANtE,eAOE,oBAAC,QAAD;IACE,SAAS,EAAEZ,KAAK,CAACa,KADnB;IAEE,OAAO,EAAEV,MAAM,CAACQ,QAFlB;IAGE,QAAQ,EAAEH,YAHZ;IAIE,aAAWF;EAJb,EAPF,CADF,eAeE;IAAM,KAAK,EAAEA,KAAb;IAAoB,SAAS,EAAEN,KAAK,CAACM;EAArC,GACGA,KADH,CAfF,CADF;AAqBD,CA1BD;;AA4BAL,cAAc,CAACa,SAAf,2CAA2B;EACzBX,MAAM,EAAER,SAAS,CAACoB,KAAV,CAAgB;IACtBJ,QAAQ,EAAEhB,SAAS,CAACqB,IAAV,CAAeC,UADH;IAEtBV,IAAI,EAAEZ,SAAS,CAACuB,MAAV,CAAiBD,UAFD;IAGtBE,KAAK,EAAExB,SAAS,CAACuB;EAHK,CAAhB,EAILD,UALsB;EAMzBb,UAAU,EAAEN,aANa;EAOzBO,QAAQ,EAAEV,SAAS,CAACyB,IAAV,CAAeH;AAPA,CAA3B;AAUA,eAAehB,cAAf"}
+{"version":3,"file":"index.js","names":["React","useMemo","PropTypes","NovaCompositionCoorpacademyCheck","Check","ColorPropType","Checkbox","style","TitledCheckbox","props","choice","background","onToggle","label","name","handleChange","default","box","selected","icon","input","propTypes","shape","bool","isRequired","string","value","func"],"sources":["../../../src/molecule/titled-checkbox/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {NovaCompositionCoorpacademyCheck as Check} from '@coorpacademy/nova-icons';\nimport {ColorPropType} from '../../util/proptypes';\nimport Checkbox from '../../atom/checkbox';\nimport style from './style.css';\n\nconst TitledCheckbox = props => {\n  const {choice, background, onToggle} = props;\n  const label = choice.name;\n  const handleChange = useMemo(() => () => onToggle(choice), [onToggle, choice]);\n\n  return (\n    <label className={style.default}>\n      <div\n        className={style.box}\n        style={{\n          background: background || '#3d3d3d'\n        }}\n      >\n        {choice.selected ? <Check className={style.icon} /> : null}\n        <Checkbox\n          className={style.input}\n          checked={choice.selected}\n          onChange={handleChange}\n          data-name={label}\n        />\n      </div>\n      <span title={label} className={style.label}>\n        {label}\n      </span>\n    </label>\n  );\n};\n\nTitledCheckbox.propTypes = {\n  choice: PropTypes.shape({\n    selected: PropTypes.bool.isRequired,\n    name: PropTypes.string.isRequired,\n    value: PropTypes.string\n  }).isRequired,\n  background: ColorPropType,\n  onToggle: PropTypes.func.isRequired\n};\n\nexport default TitledCheckbox;\n"],"mappings":"AAAA,OAAOA,KAAP,IAAeC,OAAf,QAA6B,OAA7B;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAAQC,gCAAgC,IAAIC,KAA5C,QAAwD,0BAAxD;AACA,SAAQC,aAAR,QAA4B,sBAA5B;AACA,OAAOC,QAAP,MAAqB,qBAArB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,cAAc,GAAGC,KAAK,IAAI;EAC9B,MAAM;IAACC,MAAD;IAASC,UAAT;IAAqBC;EAArB,IAAiCH,KAAvC;EACA,MAAMI,KAAK,GAAGH,MAAM,CAACI,IAArB;EACA,MAAMC,YAAY,GAAGd,OAAO,CAAC,MAAM,MAAMW,QAAQ,CAACF,MAAD,CAArB,EAA+B,CAACE,QAAD,EAAWF,MAAX,CAA/B,CAA5B;EAEA,oBACE;IAAO,SAAS,EAAEH,KAAK,CAACS;EAAxB,gBACE;IACE,SAAS,EAAET,KAAK,CAACU,GADnB;IAEE,KAAK,EAAE;MACLN,UAAU,EAAEA,UAAU,IAAI;IADrB;EAFT,GAMGD,MAAM,CAACQ,QAAP,gBAAkB,oBAAC,KAAD;IAAO,SAAS,EAAEX,KAAK,CAACY;EAAxB,EAAlB,GAAqD,IANxD,eAOE,oBAAC,QAAD;IACE,SAAS,EAAEZ,KAAK,CAACa,KADnB;IAEE,OAAO,EAAEV,MAAM,CAACQ,QAFlB;IAGE,QAAQ,EAAEH,YAHZ;IAIE,aAAWF;EAJb,EAPF,CADF,eAeE;IAAM,KAAK,EAAEA,KAAb;IAAoB,SAAS,EAAEN,KAAK,CAACM;EAArC,GACGA,KADH,CAfF,CADF;AAqBD,CA1BD;;AA4BAL,cAAc,CAACa,SAAf,2CAA2B;EACzBX,MAAM,EAAER,SAAS,CAACoB,KAAV,CAAgB;IACtBJ,QAAQ,EAAEhB,SAAS,CAACqB,IAAV,CAAeC,UADH;IAEtBV,IAAI,EAAEZ,SAAS,CAACuB,MAAV,CAAiBD,UAFD;IAGtBE,KAAK,EAAExB,SAAS,CAACuB;EAHK,CAAhB,EAILD,UALsB;EAMzBb,UAAU,EAAEN,aANa;EAOzBO,QAAQ,EAAEV,SAAS,CAACyB,IAAV,CAAeH;AAPA,CAA3B;AAUA,eAAehB,cAAf"}

package/es/molecule/titled-checkbox/style.css

@@ -22,6 +22,7 @@
   left: 2px;
   top: 2px;
   height: 16px;
+  color: white;
 }
 
 .input {

package/es/organism/accordion/coorp-manager/part/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/organism/accordion/coorp-manager/part/index.js"],"names":[],"mappings":";AA2HA,sEAkEC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/organism/accordion/coorp-manager/part/index.js"],"names":[],"mappings":";AAwHA,sEAkEC"}

package/es/organism/accordion/coorp-manager/part/index.js

@@ -52,10 +52,14 @@ const MoreLessIcons = ({
 }) => {
   return type !== 'iconLink' ? /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(ArrowIcon, {
     className: moreClassName,
-    color: darkColor
+    style: {
+      color: darkColor
+    }
   }), /*#__PURE__*/React.createElement(ArrowIcon, {
     className: lessClassName,
-    color: mediumColor
+    style: {
+      color: mediumColor
+    }
   })) : /*#__PURE__*/React.createElement(OpenInNewTabIcon, {
     className: style.newTabIcon
   });
@@ -106,18 +110,21 @@ const Part = ({
     "data-name": "title",
     className: style.title
   }, Icon ? /*#__PURE__*/React.createElement(Icon, {
-    className: classnames(style.titleIcon, iconColor, hoverIconColor),
-    color: "inherit"
+    className: classnames(style.titleIcon, iconColor, hoverIconColor)
   }) : null, /*#__PURE__*/React.createElement("h3", {
     className: classnames(style.titleLabel, selectedBlackLabel)
   }, title, isLink ? /*#__PURE__*/React.createElement(OpenInNewTabIcon, {
     className: style.newTabIcon
   }) : null)), isCollapsible ? /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(ArrowIcon, {
     className: moreClassName,
-    color: darkColor
+    style: {
+      color: darkColor
+    }
   }), /*#__PURE__*/React.createElement(ArrowIcon, {
     className: lessClassName,
-    color: mediumColor
+    style: {
+      color: mediumColor
+    }
   })) : null), isCollapsible ? children : null)));
 };
 

package/es/organism/accordion/coorp-manager/part/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","classnames","NovaSolidLightsLightbulb4","LightBulbIcon","NovaCompositionNavigationArrowDown","ArrowIcon","NovaCompositionCoorpacademyOpenInNewTab","OpenInNewTabIcon","NovaCompositionCoorpacademyDashboard","DashboardIcon","NovaCompositionCoorpacademyAnalytics","AnalyticsIcon","NovaCompositionCoorpacademyAnimation","AnimationIcon","NovaCompositionCoorpacademyAdministration","AdministrationIcon","NovaCompositionCoorpacademyContentCreation","ContentCreationIcon","NovaCompositionCoorpacademyEditorialization","EditorializationIcon","Link","Provider","style","ICON_TYPES","arrow","dashboard","analytics","administration","animation","contentCreation","editorialization","defaultStyle","titleIcon","label","titleLabel","selectedLabel","title","setupTitle","container","openHeader","closedHeader","default","setupThemeStyle","titleActivatedIcon","setupTitleActivatedIcon","setupTitleLabel","setupSelectedTitleLabel","setupSelectedTitle","selectedTitle","setupContainer","coorpManagerOpenHeader","coorpManagerClosedHeader","MoreLessIcons","type","moreClassName","lessClassName","darkColor","mediumColor","newTabIcon","Part","skin","selected","iconType","onParentClick","onClick","isOpen","children","theme","openIconActivated","openIcon","closeIconActivated","closeIcon","iconColor","iconBlue","iconGrey","hoverIconColor","blueTitleIcon","selectedBlackLabel","labelBlack","Icon","isLink","isCollapsible","wrapper","border","borderBgBlue","borderBgNone","flex","setupPart","header","AccordionPart","props","context","content","href","onUpdateOpenedTab","themeStyle","handleParentClick","isCollapsibleTab","textDecoration","contextTypes","childContextTypes","propTypes","oneOf","string","node","func","bool"],"sources":["../../../../../src/organism/accordion/coorp-manager/part/index.js"],"sourcesContent":["import React from 'react';\nimport {noop, keys, get} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {\n  NovaSolidLightsLightbulb4 as LightBulbIcon,\n  NovaCompositionNavigationArrowDown as ArrowIcon,\n  NovaCompositionCoorpacademyOpenInNewTab as OpenInNewTabIcon,\n  NovaCompositionCoorpacademyDashboard as DashboardIcon,\n  NovaCompositionCoorpacademyAnalytics as AnalyticsIcon,\n  NovaCompositionCoorpacademyAnimation as AnimationIcon,\n  NovaCompositionCoorpacademyAdministration as AdministrationIcon,\n  NovaCompositionCoorpacademyContentCreation as ContentCreationIcon,\n  NovaCompositionCoorpacademyEditorialization as EditorializationIcon\n} from '@coorpacademy/nova-icons';\nimport Link from '../../../../atom/link';\nimport Provider from '../../../../atom/provider';\nimport style from './style.css';\n\nconst ICON_TYPES = {\n  arrow: LightBulbIcon,\n  dashboard: DashboardIcon,\n  analytics: AnalyticsIcon,\n  administration: AdministrationIcon,\n  animation: AnimationIcon,\n  contentCreation: ContentCreationIcon,\n  editorialization: EditorializationIcon\n};\n\nconst defaultStyle = {\n  titleIcon: style.titleIcon,\n  label: style.titleLabel,\n  selectedLabel: style.titleLabel,\n  title: style.setupTitle,\n  container: style.container,\n  openHeader: style.openHeader,\n  closedHeader: style.closedHeader,\n  default: null\n};\n\nconst setupThemeStyle = {\n  titleIcon: style.titleIcon,\n  titleActivatedIcon: style.setupTitleActivatedIcon,\n  label: style.setupTitleLabel,\n  selectedLabel: style.setupSelectedTitleLabel,\n  setupSelectedTitle: style.setupSelectedTitle,\n  selectedTitle: style.selectedTitle,\n  title: style.setupTitle,\n  container: style.setupContainer,\n  openHeader: style.coorpManagerOpenHeader,\n  closedHeader: style.coorpManagerClosedHeader\n};\n\nconst MoreLessIcons = ({type, moreClassName, lessClassName, darkColor, mediumColor}) => {\n  return type !== 'iconLink' ? (\n    <div>\n      <ArrowIcon className={moreClassName} color={darkColor} />\n      <ArrowIcon className={lessClassName} color={mediumColor} />\n    </div>\n  ) : (\n    <OpenInNewTabIcon className={style.newTabIcon} />\n  );\n};\n\nconst Part = ({\n  skin,\n  selected,\n  iconType,\n  onParentClick,\n  onClick,\n  isOpen,\n  title,\n  type,\n  children,\n  theme\n}) => {\n  const darkColor = get('common.dark', skin);\n  const mediumColor = get('common.medium', skin);\n  const lessClassName = isOpen ? style.openIconActivated : style.openIcon;\n  const moreClassName = !isOpen ? style.closeIconActivated : style.closeIcon;\n  const iconColor = selected ? style.iconBlue : style.iconGrey;\n  const hoverIconColor = selected && style.blueTitleIcon;\n  const selectedBlackLabel = selected && style.labelBlack;\n  const Icon = ICON_TYPES[iconType];\n  const isLink = type === 'iconLink';\n  const isCollapsible = type === 'collapsibleTab';\n\n  return (\n    <div className={style.wrapper}>\n      {theme === 'setup' ? (\n        <div\n          className={classnames(style.border, selected ? style.borderBgBlue : style.borderBgNone)}\n        />\n      ) : null}\n      <div data-type={iconType} onClick={onParentClick} style={{flex: 1}}>\n        <div data-name=\"accordionPart\" className={style.setupPart}>\n          <div className={style.header} data-type={iconType} onClick={onClick}>\n            <div data-name=\"title\" className={style.title}>\n              {Icon ? (\n                <Icon\n                  className={classnames(style.titleIcon, iconColor, hoverIconColor)}\n                  color=\"inherit\"\n                />\n              ) : null}\n              <h3 className={classnames(style.titleLabel, selectedBlackLabel)}>\n                {title}\n                {isLink ? <OpenInNewTabIcon className={style.newTabIcon} /> : null}\n              </h3>\n            </div>\n            {isCollapsible ? (\n              <div>\n                <ArrowIcon className={moreClassName} color={darkColor} />\n                <ArrowIcon className={lessClassName} color={mediumColor} />\n              </div>\n            ) : null}\n          </div>\n          {isCollapsible ? children : null}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nconst AccordionPart = (props, context) => {\n  const {skin} = context;\n  const {\n    title,\n    content,\n    iconType,\n    theme,\n    onClick = noop,\n    selected = false,\n    type,\n    href,\n    isOpen,\n    onUpdateOpenedTab\n  } = props;\n\n  const themeStyle = theme === 'setup' ? setupThemeStyle : defaultStyle;\n\n  function handleParentClick() {\n    onUpdateOpenedTab();\n    onClick();\n  }\n\n  const isCollapsibleTab = type === 'collapsibleTab';\n  return (\n    <div data-name=\"accordionPart\" className={themeStyle[theme]}>\n      {!isCollapsibleTab ? (\n        <Link\n          onClick={handleParentClick}\n          skinHover\n          href={href}\n          data-name={`link-item`}\n          target={'_blank'}\n          style={{\n            textDecoration: 'none'\n          }}\n        >\n          <Part\n            skin={skin}\n            title={title}\n            content={content}\n            iconType={iconType}\n            theme={theme}\n            onParentClick={handleParentClick}\n            onClick={onClick}\n            isOpen={isOpen}\n            selected={selected}\n            type={type}\n          />\n        </Link>\n      ) : (\n        <Part\n          skin={skin}\n          title={title}\n          content={content}\n          iconType={iconType}\n          theme={theme}\n          onParentClick={handleParentClick}\n          onClick={onClick}\n          selected={selected}\n          isOpen={isOpen}\n          type={type}\n        />\n      )}\n      {isCollapsibleTab && isOpen ? <div className={themeStyle.container}>{content}</div> : null}\n    </div>\n  );\n};\n\nAccordionPart.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nAccordionPart.propTypes = {\n  iconType: PropTypes.oneOf(keys(ICON_TYPES)),\n  type: PropTypes.oneOf(['simpleTab', 'collapsibleTab', 'iconLink']),\n  title: PropTypes.string,\n  content: PropTypes.node,\n  onClick: PropTypes.func,\n  selected: PropTypes.bool,\n  theme: PropTypes.string,\n  href: PropTypes.string,\n  isOpen: PropTypes.bool,\n  onUpdateOpenedTab: PropTypes.func\n};\n\nMoreLessIcons.propTypes = {\n  type: PropTypes.string,\n  moreClassName: PropTypes.string,\n  lessClassName: PropTypes.string,\n  darkColor: PropTypes.string,\n  mediumColor: PropTypes.string\n};\n\nPart.propTypes = {\n  ...AccordionPart.propTypes\n};\n\nexport default AccordionPart;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","PropTypes","classnames","NovaSolidLightsLightbulb4","LightBulbIcon","NovaCompositionNavigationArrowDown","ArrowIcon","NovaCompositionCoorpacademyOpenInNewTab","OpenInNewTabIcon","NovaCompositionCoorpacademyDashboard","DashboardIcon","NovaCompositionCoorpacademyAnalytics","AnalyticsIcon","NovaCompositionCoorpacademyAnimation","AnimationIcon","NovaCompositionCoorpacademyAdministration","AdministrationIcon","NovaCompositionCoorpacademyContentCreation","ContentCreationIcon","NovaCompositionCoorpacademyEditorialization","EditorializationIcon","Link","Provider","style","ICON_TYPES","arrow","dashboard","analytics","administration","animation","contentCreation","editorialization","defaultStyle","titleIcon","label","titleLabel","selectedLabel","title","setupTitle","container","openHeader","closedHeader","default","setupThemeStyle","titleActivatedIcon","setupTitleActivatedIcon","setupTitleLabel","setupSelectedTitleLabel","setupSelectedTitle","selectedTitle","setupContainer","coorpManagerOpenHeader","coorpManagerClosedHeader","MoreLessIcons","type","moreClassName","lessClassName","darkColor","mediumColor","color","newTabIcon","Part","skin","selected","iconType","onParentClick","onClick","isOpen","children","theme","openIconActivated","openIcon","closeIconActivated","closeIcon","iconColor","iconBlue","iconGrey","hoverIconColor","blueTitleIcon","selectedBlackLabel","labelBlack","Icon","isLink","isCollapsible","wrapper","border","borderBgBlue","borderBgNone","flex","setupPart","header","AccordionPart","props","context","content","href","onUpdateOpenedTab","themeStyle","handleParentClick","isCollapsibleTab","textDecoration","contextTypes","childContextTypes","propTypes","oneOf","string","node","func","bool"],"sources":["../../../../../src/organism/accordion/coorp-manager/part/index.js"],"sourcesContent":["import React from 'react';\nimport {noop, keys, get} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {\n  NovaSolidLightsLightbulb4 as LightBulbIcon,\n  NovaCompositionNavigationArrowDown as ArrowIcon,\n  NovaCompositionCoorpacademyOpenInNewTab as OpenInNewTabIcon,\n  NovaCompositionCoorpacademyDashboard as DashboardIcon,\n  NovaCompositionCoorpacademyAnalytics as AnalyticsIcon,\n  NovaCompositionCoorpacademyAnimation as AnimationIcon,\n  NovaCompositionCoorpacademyAdministration as AdministrationIcon,\n  NovaCompositionCoorpacademyContentCreation as ContentCreationIcon,\n  NovaCompositionCoorpacademyEditorialization as EditorializationIcon\n} from '@coorpacademy/nova-icons';\nimport Link from '../../../../atom/link';\nimport Provider from '../../../../atom/provider';\nimport style from './style.css';\n\nconst ICON_TYPES = {\n  arrow: LightBulbIcon,\n  dashboard: DashboardIcon,\n  analytics: AnalyticsIcon,\n  administration: AdministrationIcon,\n  animation: AnimationIcon,\n  contentCreation: ContentCreationIcon,\n  editorialization: EditorializationIcon\n};\n\nconst defaultStyle = {\n  titleIcon: style.titleIcon,\n  label: style.titleLabel,\n  selectedLabel: style.titleLabel,\n  title: style.setupTitle,\n  container: style.container,\n  openHeader: style.openHeader,\n  closedHeader: style.closedHeader,\n  default: null\n};\n\nconst setupThemeStyle = {\n  titleIcon: style.titleIcon,\n  titleActivatedIcon: style.setupTitleActivatedIcon,\n  label: style.setupTitleLabel,\n  selectedLabel: style.setupSelectedTitleLabel,\n  setupSelectedTitle: style.setupSelectedTitle,\n  selectedTitle: style.selectedTitle,\n  title: style.setupTitle,\n  container: style.setupContainer,\n  openHeader: style.coorpManagerOpenHeader,\n  closedHeader: style.coorpManagerClosedHeader\n};\n\nconst MoreLessIcons = ({type, moreClassName, lessClassName, darkColor, mediumColor}) => {\n  return type !== 'iconLink' ? (\n    <div>\n      <ArrowIcon className={moreClassName} style={{color: darkColor}} />\n      <ArrowIcon className={lessClassName} style={{color: mediumColor}} />\n    </div>\n  ) : (\n    <OpenInNewTabIcon className={style.newTabIcon} />\n  );\n};\n\nconst Part = ({\n  skin,\n  selected,\n  iconType,\n  onParentClick,\n  onClick,\n  isOpen,\n  title,\n  type,\n  children,\n  theme\n}) => {\n  const darkColor = get('common.dark', skin);\n  const mediumColor = get('common.medium', skin);\n  const lessClassName = isOpen ? style.openIconActivated : style.openIcon;\n  const moreClassName = !isOpen ? style.closeIconActivated : style.closeIcon;\n  const iconColor = selected ? style.iconBlue : style.iconGrey;\n  const hoverIconColor = selected && style.blueTitleIcon;\n  const selectedBlackLabel = selected && style.labelBlack;\n  const Icon = ICON_TYPES[iconType];\n  const isLink = type === 'iconLink';\n  const isCollapsible = type === 'collapsibleTab';\n\n  return (\n    <div className={style.wrapper}>\n      {theme === 'setup' ? (\n        <div\n          className={classnames(style.border, selected ? style.borderBgBlue : style.borderBgNone)}\n        />\n      ) : null}\n      <div data-type={iconType} onClick={onParentClick} style={{flex: 1}}>\n        <div data-name=\"accordionPart\" className={style.setupPart}>\n          <div className={style.header} data-type={iconType} onClick={onClick}>\n            <div data-name=\"title\" className={style.title}>\n              {Icon ? (\n                <Icon className={classnames(style.titleIcon, iconColor, hoverIconColor)} />\n              ) : null}\n              <h3 className={classnames(style.titleLabel, selectedBlackLabel)}>\n                {title}\n                {isLink ? <OpenInNewTabIcon className={style.newTabIcon} /> : null}\n              </h3>\n            </div>\n            {isCollapsible ? (\n              <div>\n                <ArrowIcon className={moreClassName} style={{color: darkColor}} />\n                <ArrowIcon className={lessClassName} style={{color: mediumColor}} />\n              </div>\n            ) : null}\n          </div>\n          {isCollapsible ? children : null}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nconst AccordionPart = (props, context) => {\n  const {skin} = context;\n  const {\n    title,\n    content,\n    iconType,\n    theme,\n    onClick = noop,\n    selected = false,\n    type,\n    href,\n    isOpen,\n    onUpdateOpenedTab\n  } = props;\n\n  const themeStyle = theme === 'setup' ? setupThemeStyle : defaultStyle;\n\n  function handleParentClick() {\n    onUpdateOpenedTab();\n    onClick();\n  }\n\n  const isCollapsibleTab = type === 'collapsibleTab';\n  return (\n    <div data-name=\"accordionPart\" className={themeStyle[theme]}>\n      {!isCollapsibleTab ? (\n        <Link\n          onClick={handleParentClick}\n          skinHover\n          href={href}\n          data-name={`link-item`}\n          target={'_blank'}\n          style={{\n            textDecoration: 'none'\n          }}\n        >\n          <Part\n            skin={skin}\n            title={title}\n            content={content}\n            iconType={iconType}\n            theme={theme}\n            onParentClick={handleParentClick}\n            onClick={onClick}\n            isOpen={isOpen}\n            selected={selected}\n            type={type}\n          />\n        </Link>\n      ) : (\n        <Part\n          skin={skin}\n          title={title}\n          content={content}\n          iconType={iconType}\n          theme={theme}\n          onParentClick={handleParentClick}\n          onClick={onClick}\n          selected={selected}\n          isOpen={isOpen}\n          type={type}\n        />\n      )}\n      {isCollapsibleTab && isOpen ? <div className={themeStyle.container}>{content}</div> : null}\n    </div>\n  );\n};\n\nAccordionPart.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nAccordionPart.propTypes = {\n  iconType: PropTypes.oneOf(keys(ICON_TYPES)),\n  type: PropTypes.oneOf(['simpleTab', 'collapsibleTab', 'iconLink']),\n  title: PropTypes.string,\n  content: PropTypes.node,\n  onClick: PropTypes.func,\n  selected: PropTypes.bool,\n  theme: PropTypes.string,\n  href: PropTypes.string,\n  isOpen: PropTypes.bool,\n  onUpdateOpenedTab: PropTypes.func\n};\n\nMoreLessIcons.propTypes = {\n  type: PropTypes.string,\n  moreClassName: PropTypes.string,\n  lessClassName: PropTypes.string,\n  darkColor: PropTypes.string,\n  mediumColor: PropTypes.string\n};\n\nPart.propTypes = {\n  ...AccordionPart.propTypes\n};\n\nexport default AccordionPart;\n"],"mappings":"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"}

package/es/organism/accordion/coorp-manager/part/style.css

@@ -95,6 +95,7 @@
   width: 18px;
   height: 18px;
   margin-right: 15px;
+  color: inherit;
 }
 
 .setupTitleActivatedIcon {

package/es/organism/accordion/part/index.js

@@ -47,16 +47,19 @@ const AccordionPart = (props, context) => {
     "data-name": "title",
     className: style.title
   }, TitleIcon ? /*#__PURE__*/React.createElement(TitleIcon, {
-    className: style.titleIcon,
-    color: "inherit"
+    className: style.titleIcon
   }) : null, /*#__PURE__*/React.createElement("h3", {
     className: style.titleLabel
   }, title)), /*#__PURE__*/React.createElement(MoreIcon, {
     className: closeIconClassName,
-    color: darkColor
+    style: {
+      color: darkColor
+    }
   }), /*#__PURE__*/React.createElement(LessIcon, {
     className: openIconClassName,
-    color: mediumColor
+    style: {
+      color: mediumColor
+    }
   })), isOpen ? /*#__PURE__*/React.createElement("div", {
     className: style.container
   }, content) : null);