@coorpacademy/components 11.33.1 → 11.33.2-alpha.0

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

@@ -8,6 +8,7 @@ const buttonStyle = {
   primary: style.primary,
   secondary: style.secondary
 };
+
 const MenuList = props => {
   const {
     menuItems = []
@@ -47,6 +48,7 @@ const MenuList = props => {
     className: style.list
   }, MenuitemDiv));
 };
+
 MenuList.propTypes = process.env.NODE_ENV !== "production" ? {
   menuItems: PropTypes.arrayOf(PropTypes.shape({
     href: PropTypes.string,

package/es/molecule/menu-list/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","SsMenuList","style","buttonStyle","primary","secondary","MenuList","props","menuItems","MenuitemDiv","map","item","index","title","href","type","subItems","outgoing","onClick","subItemsView","_isNil","createElement","className","subNav","items","key","target","rel","id","toggleBox","htmlFor","toggler","list","propTypes","process","env","NODE_ENV","arrayOf","shape","string","oneOf","_keys","bool"],"sources":["../../../src/molecule/menu-list/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {keys, isNil} from 'lodash/fp';\nimport SsMenuList from '../ssmenu-list';\nimport style from './style.css';\n\nconst buttonStyle = {\n  primary: style.primary,\n  secondary: style.secondary\n};\n\nconst MenuList = props => {\n  const {menuItems = []} = props;\n\n  const MenuitemDiv = menuItems.map((item, index) => {\n    const {title, href, type, subItems, outgoing = false, onClick} = item;\n\n    const subItemsView = !isNil(subItems) ? (\n      <div className={style.subNav}>\n        <SsMenuList items={item.subItems} />\n      </div>\n    ) : null;\n\n    return (\n      <li key={index} className={type ? buttonStyle[type] : style.item}>\n        <a href={href} target={outgoing ? '_blank' : '_self'} onClick={onClick} rel=\"noreferrer\">\n          {title}\n        </a>\n        {subItemsView}\n      </li>\n    );\n  });\n\n  return (\n    <div>\n      <input type=\"checkbox\" id=\"toggle\" className={style.toggleBox} />\n      <label htmlFor=\"toggle\" className={style.toggler}>\n        ≡\n      </label>\n      <ul className={style.list}>{MenuitemDiv}</ul>\n    </div>\n  );\n};\n\nMenuList.propTypes = {\n  menuItems: PropTypes.arrayOf(\n    PropTypes.shape({\n      href: PropTypes.string,\n      title: PropTypes.string,\n      type: PropTypes.oneOf(keys(buttonStyle)),\n      outgoing: PropTypes.bool\n    })\n  )\n};\n\nexport default MenuList;\n"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,OAAOC,UAAU,MAAM,gBAAgB;AACvC,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,WAAW,GAAG;EAClBC,OAAO,EAAEF,KAAK,CAACE,OAAO;EACtBC,SAAS,EAAEH,KAAK,CAACG;AACnB,CAAC;AAED,MAAMC,QAAQ,GAAGC,KAAK,IAAI;EACxB,MAAM;IAACC,SAAS,GAAG;EAAE,CAAC,GAAGD,KAAK;EAE9B,MAAME,WAAW,GAAGD,SAAS,CAACE,GAAG,CAAC,CAACC,IAAI,EAAEC,KAAK,KAAK;IACjD,MAAM;MAACC,KAAK;MAAEC,IAAI;MAAEC,IAAI;MAAEC,QAAQ;MAAEC,QAAQ,GAAG,KAAK;MAAEC;IAAO,CAAC,GAAGP,IAAI;IAErE,MAAMQ,YAAY,GAAG,CAACC,MAAA,CAAMJ,QAAQ,CAAC,gBACnCjB,KAAA,CAAAsB,aAAA;MAAKC,SAAS,EAAEpB,KAAK,CAACqB;IAAO,gBAC3BxB,KAAA,CAAAsB,aAAA,CAACpB,UAAU;MAACuB,KAAK,EAAEb,IAAI,CAACK;IAAS,CAAE,CAChC,CAAC,GACJ,IAAI;IAER,oBACEjB,KAAA,CAAAsB,aAAA;MAAII,GAAG,EAAEb,KAAM;MAACU,SAAS,EAAEP,IAAI,GAAGZ,WAAW,CAACY,IAAI,CAAC,GAAGb,KAAK,CAACS;IAAK,gBAC/DZ,KAAA,CAAAsB,aAAA;MAAGP,IAAI,EAAEA,IAAK;MAACY,MAAM,EAAET,QAAQ,GAAG,QAAQ,GAAG,OAAQ;MAACC,OAAO,EAAEA,OAAQ;MAACS,GAAG,EAAC;IAAY,GACrFd,KACA,CAAC,EACHM,YACC,CAAC;EAET,CAAC,CAAC;EAEF,oBACEpB,KAAA,CAAAsB,aAAA,2BACEtB,KAAA,CAAAsB,aAAA;IAAON,IAAI,EAAC,UAAU;IAACa,EAAE,EAAC,QAAQ;IAACN,SAAS,EAAEpB,KAAK,CAAC2B;EAAU,CAAE,CAAC,eACjE9B,KAAA,CAAAsB,aAAA;IAAOS,OAAO,EAAC,QAAQ;IAACR,SAAS,EAAEpB,KAAK,CAAC6B;EAAQ,GAAC,QAE3C,CAAC,eACRhC,KAAA,CAAAsB,aAAA;IAAIC,SAAS,EAAEpB,KAAK,CAAC8B;EAAK,GAAEvB,WAAgB,CACzC,CAAC;AAEV,CAAC;AAEDH,QAAQ,CAAC2B,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACnB5B,SAAS,EAAER,SAAS,CAACqC,OAAO,CAC1BrC,SAAS,CAACsC,KAAK,CAAC;IACdxB,IAAI,EAAEd,SAAS,CAACuC,MAAM;IACtB1B,KAAK,EAAEb,SAAS,CAACuC,MAAM;IACvBxB,IAAI,EAAEf,SAAS,CAACwC,KAAK,CAACC,KAAA,CAAKtC,WAAW,CAAC,CAAC;IACxCc,QAAQ,EAAEjB,SAAS,CAAC0C;EACtB,CAAC,CACH;AACF,CAAC;AAED,eAAepC,QAAQ","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","PropTypes","SsMenuList","style","buttonStyle","primary","secondary","MenuList","props","menuItems","MenuitemDiv","map","item","index","title","href","type","subItems","outgoing","onClick","subItemsView","subNav","toggleBox","toggler","list","propTypes","arrayOf","shape","string","oneOf","bool"],"sources":["../../../src/molecule/menu-list/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {keys, isNil} from 'lodash/fp';\nimport SsMenuList from '../ssmenu-list';\nimport style from './style.css';\n\nconst buttonStyle = {\n  primary: style.primary,\n  secondary: style.secondary\n};\n\nconst MenuList = props => {\n  const {menuItems = []} = props;\n\n  const MenuitemDiv = menuItems.map((item, index) => {\n    const {title, href, type, subItems, outgoing = false, onClick} = item;\n\n    const subItemsView = !isNil(subItems) ? (\n      <div className={style.subNav}>\n        <SsMenuList items={item.subItems} />\n      </div>\n    ) : null;\n\n    return (\n      <li key={index} className={type ? buttonStyle[type] : style.item}>\n        <a href={href} target={outgoing ? '_blank' : '_self'} onClick={onClick} rel=\"noreferrer\">\n          {title}\n        </a>\n        {subItemsView}\n      </li>\n    );\n  });\n\n  return (\n    <div>\n      <input type=\"checkbox\" id=\"toggle\" className={style.toggleBox} />\n      <label htmlFor=\"toggle\" className={style.toggler}>\n        ≡\n      </label>\n      <ul className={style.list}>{MenuitemDiv}</ul>\n    </div>\n  );\n};\n\nMenuList.propTypes = {\n  menuItems: PropTypes.arrayOf(\n    PropTypes.shape({\n      href: PropTypes.string,\n      title: PropTypes.string,\n      type: PropTypes.oneOf(keys(buttonStyle)),\n      outgoing: PropTypes.bool\n    })\n  )\n};\n\nexport default MenuList;\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,UAAP,MAAuB,gBAAvB;AACA,OAAOC,KAAP,MAAkB,aAAlB;AAEA,MAAMC,WAAW,GAAG;EAClBC,OAAO,EAAEF,KAAK,CAACE,OADG;EAElBC,SAAS,EAAEH,KAAK,CAACG;AAFC,CAApB;;AAKA,MAAMC,QAAQ,GAAGC,KAAK,IAAI;EACxB,MAAM;IAACC,SAAS,GAAG;EAAb,IAAmBD,KAAzB;EAEA,MAAME,WAAW,GAAGD,SAAS,CAACE,GAAV,CAAc,CAACC,IAAD,EAAOC,KAAP,KAAiB;IACjD,MAAM;MAACC,KAAD;MAAQC,IAAR;MAAcC,IAAd;MAAoBC,QAApB;MAA8BC,QAAQ,GAAG,KAAzC;MAAgDC;IAAhD,IAA2DP,IAAjE;IAEA,MAAMQ,YAAY,GAAG,CAAC,OAAMH,QAAN,CAAD,gBACnB;MAAK,SAAS,EAAEd,KAAK,CAACkB;IAAtB,gBACE,oBAAC,UAAD;MAAY,KAAK,EAAET,IAAI,CAACK;IAAxB,EADF,CADmB,GAIjB,IAJJ;IAMA,oBACE;MAAI,GAAG,EAAEJ,KAAT;MAAgB,SAAS,EAAEG,IAAI,GAAGZ,WAAW,CAACY,IAAD,CAAd,GAAuBb,KAAK,CAACS;IAA5D,gBACE;MAAG,IAAI,EAAEG,IAAT;MAAe,MAAM,EAAEG,QAAQ,GAAG,QAAH,GAAc,OAA7C;MAAsD,OAAO,EAAEC,OAA/D;MAAwE,GAAG,EAAC;IAA5E,GACGL,KADH,CADF,EAIGM,YAJH,CADF;EAQD,CAjBmB,CAApB;EAmBA,oBACE,8CACE;IAAO,IAAI,EAAC,UAAZ;IAAuB,EAAE,EAAC,QAA1B;IAAmC,SAAS,EAAEjB,KAAK,CAACmB;EAApD,EADF,eAEE;IAAO,OAAO,EAAC,QAAf;IAAwB,SAAS,EAAEnB,KAAK,CAACoB;EAAzC,YAFF,eAKE;IAAI,SAAS,EAAEpB,KAAK,CAACqB;EAArB,GAA4Bd,WAA5B,CALF,CADF;AASD,CA/BD;;AAiCAH,QAAQ,CAACkB,SAAT,2CAAqB;EACnBhB,SAAS,EAAER,SAAS,CAACyB,OAAV,CACTzB,SAAS,CAAC0B,KAAV,CAAgB;IACdZ,IAAI,EAAEd,SAAS,CAAC2B,MADF;IAEdd,KAAK,EAAEb,SAAS,CAAC2B,MAFH;IAGdZ,IAAI,EAAEf,SAAS,CAAC4B,KAAV,CAAgB,MAAKzB,WAAL,CAAhB,CAHQ;IAIdc,QAAQ,EAAEjB,SAAS,CAAC6B;EAJN,CAAhB,CADS;AADQ,CAArB;AAWA,eAAevB,QAAf"}

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

@@ -1,6 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import style from './style.css';
+
 const MessagePopin = props => {
   const {
     header,
@@ -19,6 +20,7 @@ const MessagePopin = props => {
     className: style.content
   }, /*#__PURE__*/React.createElement("p", null, content)))));
 };
+
 MessagePopin.propTypes = process.env.NODE_ENV !== "production" ? {
   header: PropTypes.string,
   content: PropTypes.string

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","style","MessagePopin","props","header","content","createElement","className","wrapmessage","disable","popin","propTypes","process","env","NODE_ENV","string"],"sources":["../../../src/molecule/message-popin/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport style from './style.css';\n\nconst MessagePopin = props => {\n  const {header, content} = props;\n\n  return (\n    <div className={style.wrapmessage}>\n      <div className={style.disable}>\n        <div className={style.popin}>\n          <div className={style.header} data-name=\"popin-header\">\n            {header}\n          </div>\n          <div className={style.content}>\n            <p>{content}</p>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nMessagePopin.propTypes = {\n  header: PropTypes.string,\n  content: PropTypes.string\n};\n\nexport default MessagePopin;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,YAAY,GAAGC,KAAK,IAAI;EAC5B,MAAM;IAACC,MAAM;IAAEC;EAAO,CAAC,GAAGF,KAAK;EAE/B,oBACEJ,KAAA,CAAAO,aAAA;IAAKC,SAAS,EAAEN,KAAK,CAACO;EAAY,gBAChCT,KAAA,CAAAO,aAAA;IAAKC,SAAS,EAAEN,KAAK,CAACQ;EAAQ,gBAC5BV,KAAA,CAAAO,aAAA;IAAKC,SAAS,EAAEN,KAAK,CAACS;EAAM,gBAC1BX,KAAA,CAAAO,aAAA;IAAKC,SAAS,EAAEN,KAAK,CAACG,MAAO;IAAC,aAAU;EAAc,GACnDA,MACE,CAAC,eACNL,KAAA,CAAAO,aAAA;IAAKC,SAAS,EAAEN,KAAK,CAACI;EAAQ,gBAC5BN,KAAA,CAAAO,aAAA,YAAID,OAAW,CACZ,CACF,CACF,CACF,CAAC;AAEV,CAAC;AAEDH,YAAY,CAACS,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACvBV,MAAM,EAAEJ,SAAS,CAACe,MAAM;EACxBV,OAAO,EAAEL,SAAS,CAACe;AACrB,CAAC;AAED,eAAeb,YAAY","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","PropTypes","style","MessagePopin","props","header","content","wrapmessage","disable","popin","propTypes","string"],"sources":["../../../src/molecule/message-popin/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport style from './style.css';\n\nconst MessagePopin = props => {\n  const {header, content} = props;\n\n  return (\n    <div className={style.wrapmessage}>\n      <div className={style.disable}>\n        <div className={style.popin}>\n          <div className={style.header} data-name=\"popin-header\">\n            {header}\n          </div>\n          <div className={style.content}>\n            <p>{content}</p>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nMessagePopin.propTypes = {\n  header: PropTypes.string,\n  content: PropTypes.string\n};\n\nexport default MessagePopin;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,YAAY,GAAGC,KAAK,IAAI;EAC5B,MAAM;IAACC,MAAD;IAASC;EAAT,IAAoBF,KAA1B;EAEA,oBACE;IAAK,SAAS,EAAEF,KAAK,CAACK;EAAtB,gBACE;IAAK,SAAS,EAAEL,KAAK,CAACM;EAAtB,gBACE;IAAK,SAAS,EAAEN,KAAK,CAACO;EAAtB,gBACE;IAAK,SAAS,EAAEP,KAAK,CAACG,MAAtB;IAA8B,aAAU;EAAxC,GACGA,MADH,CADF,eAIE;IAAK,SAAS,EAAEH,KAAK,CAACI;EAAtB,gBACE,+BAAIA,OAAJ,CADF,CAJF,CADF,CADF,CADF;AAcD,CAjBD;;AAmBAH,YAAY,CAACO,SAAb,2CAAyB;EACvBL,MAAM,EAAEJ,SAAS,CAACU,MADK;EAEvBL,OAAO,EAAEL,SAAS,CAACU;AAFI,CAAzB;AAKA,eAAeR,YAAf"}

package/es/molecule/modal/index.js

@@ -3,6 +3,7 @@ import { NovaLineContentEditionQuillCircle as QuillCircle, NovaSolidRemoveAddAdd
 import PropTypes from 'prop-types';
 import Provider from '../../atom/provider';
 import style from './style.css';
+
 const Choice = ({
   title,
   subtitle,
@@ -28,12 +29,14 @@ const Choice = ({
     className: style.choiceRightIcon
   })));
 };
+
 Choice.propTypes = process.env.NODE_ENV !== "production" ? {
   title: PropTypes.string,
   subtitle: PropTypes.string,
   onClick: PropTypes.func,
   children: PropTypes.node
 } : {};
+
 const Modal = props => {
   const {
     header,
@@ -59,8 +62,7 @@ const Modal = props => {
     onClick: onClose,
     className: style.headerCloseIcon
   })), /*#__PURE__*/React.createElement("div", {
-    className: style.description
-    // eslint-disable-next-line react/no-danger
+    className: style.description // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
       __html: description
@@ -70,8 +72,7 @@ const Modal = props => {
   }, /*#__PURE__*/React.createElement(Choice, {
     key: choices.left.title,
     title: choices.left.title,
-    subtitle: choices.left.subtitle
-    // eslint-disable-next-line react/jsx-handler-names
+    subtitle: choices.left.subtitle // eslint-disable-next-line react/jsx-handler-names
     ,
     onClick: choices.left.onClick
   }, /*#__PURE__*/React.createElement(QuillCircle, {
@@ -79,14 +80,14 @@ const Modal = props => {
   })), /*#__PURE__*/React.createElement(Choice, {
     key: choices.right.title,
     title: choices.right.title,
-    subtitle: choices.right.subtitle
-    // eslint-disable-next-line react/jsx-handler-names
+    subtitle: choices.right.subtitle // eslint-disable-next-line react/jsx-handler-names
     ,
     onClick: choices.right.onClick
   }, /*#__PURE__*/React.createElement(ImportIcon, {
     className: style.choiceLeftIcon
   })))));
 };
+
 Modal.propTypes = process.env.NODE_ENV !== "production" ? {
   header: PropTypes.string,
   description: PropTypes.string,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","NovaLineContentEditionQuillCircle","QuillCircle","NovaSolidRemoveAddAddCircle2","AddCircle","NovaSolidStatusClose","Close","NovaSolidStatusCheckCircle2","Check","NovaCompositionCoorpacademyImportIcon","ImportIcon","PropTypes","Provider","style","Choice","title","subtitle","onClick","children","createElement","className","choice","choiceContent","choiceLeftIconWrapper","choiceDescription","choiceDescriptionTitle","choiceDescriptionSubtitle","choiceRightIconWrapper","choiceRightIcon","propTypes","process","env","NODE_ENV","string","func","node","Modal","props","header","description","choices","onClose","modalWrapper","modal","headerRightContent","headerRightIconWrapper","headerAddIcon","shadow","headerCloseIcon","dangerouslySetInnerHTML","__html","key","left","choiceLeftIcon","right","shape","contextTypes","skin","childContextTypes"],"sources":["../../../src/molecule/modal/index.js"],"sourcesContent":["import React from 'react';\nimport {\n  NovaLineContentEditionQuillCircle as QuillCircle,\n  NovaSolidRemoveAddAddCircle2 as AddCircle,\n  NovaSolidStatusClose as Close,\n  NovaSolidStatusCheckCircle2 as Check,\n  NovaCompositionCoorpacademyImportIcon as ImportIcon\n} from '@coorpacademy/nova-icons';\nimport PropTypes from 'prop-types';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nconst Choice = ({title, subtitle, onClick, children}) => {\n  return (\n    <a className={style.choice} onClick={onClick}>\n      <div className={style.choiceContent}>\n        <div className={style.choiceLeftIconWrapper}>{children}</div>\n        <div className={style.choiceDescription}>\n          <h3 className={style.choiceDescriptionTitle}>{title}</h3>\n          <span className={style.choiceDescriptionSubtitle}>{subtitle}</span>\n        </div>\n      </div>\n      <div className={style.choiceRightIconWrapper}>\n        <Check className={style.choiceRightIcon} />\n      </div>\n    </a>\n  );\n};\n\nChoice.propTypes = {\n  title: PropTypes.string,\n  subtitle: PropTypes.string,\n  onClick: PropTypes.func,\n  children: PropTypes.node\n};\n\nconst Modal = props => {\n  const {header, description, choices, onClose} = props;\n  return (\n    <div className={style.modalWrapper}>\n      <div className={style.modal}>\n        <header className={style.header}>\n          <div className={style.headerRightContent}>\n            <div className={style.headerRightIconWrapper}>\n              <AddCircle className={style.headerAddIcon} />\n              <div className={style.shadow} />\n            </div>\n            <h3>{header}</h3>\n          </div>\n          <Close onClick={onClose} className={style.headerCloseIcon} />\n        </header>\n        <div\n          className={style.description}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: description}}\n        />\n        <div className={style.choices}>\n          <Choice\n            key={choices.left.title}\n            title={choices.left.title}\n            subtitle={choices.left.subtitle}\n            // eslint-disable-next-line react/jsx-handler-names\n            onClick={choices.left.onClick}\n          >\n            <QuillCircle className={style.choiceLeftIcon} />\n          </Choice>\n          <Choice\n            key={choices.right.title}\n            title={choices.right.title}\n            subtitle={choices.right.subtitle}\n            // eslint-disable-next-line react/jsx-handler-names\n            onClick={choices.right.onClick}\n          >\n            <ImportIcon className={style.choiceLeftIcon} />\n          </Choice>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nModal.propTypes = {\n  header: PropTypes.string,\n  description: PropTypes.string,\n  choices: PropTypes.shape({\n    left: PropTypes.shape({\n      title: Choice.propTypes.title,\n      subtitle: Choice.propTypes.subtitle,\n      onClick: Choice.propTypes.onClick\n    }),\n    right: PropTypes.shape({\n      title: Choice.propTypes.title,\n      subtitle: Choice.propTypes.subtitle,\n      onClick: Choice.propTypes.onClick\n    })\n  }),\n  onClose: PropTypes.func\n};\n\nModal.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\nexport default Modal;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","NovaLineContentEditionQuillCircle","QuillCircle","NovaSolidRemoveAddAddCircle2","AddCircle","NovaSolidStatusClose","Close","NovaSolidStatusCheckCircle2","Check","NovaCompositionCoorpacademyImportIcon","ImportIcon","PropTypes","Provider","style","Choice","title","subtitle","onClick","children","choice","choiceContent","choiceLeftIconWrapper","choiceDescription","choiceDescriptionTitle","choiceDescriptionSubtitle","choiceRightIconWrapper","choiceRightIcon","propTypes","string","func","node","Modal","props","header","description","choices","onClose","modalWrapper","modal","headerRightContent","headerRightIconWrapper","headerAddIcon","shadow","headerCloseIcon","__html","left","choiceLeftIcon","right","shape","contextTypes","skin","childContextTypes"],"sources":["../../../src/molecule/modal/index.js"],"sourcesContent":["import React from 'react';\nimport {\n  NovaLineContentEditionQuillCircle as QuillCircle,\n  NovaSolidRemoveAddAddCircle2 as AddCircle,\n  NovaSolidStatusClose as Close,\n  NovaSolidStatusCheckCircle2 as Check,\n  NovaCompositionCoorpacademyImportIcon as ImportIcon\n} from '@coorpacademy/nova-icons';\nimport PropTypes from 'prop-types';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nconst Choice = ({title, subtitle, onClick, children}) => {\n  return (\n    <a className={style.choice} onClick={onClick}>\n      <div className={style.choiceContent}>\n        <div className={style.choiceLeftIconWrapper}>{children}</div>\n        <div className={style.choiceDescription}>\n          <h3 className={style.choiceDescriptionTitle}>{title}</h3>\n          <span className={style.choiceDescriptionSubtitle}>{subtitle}</span>\n        </div>\n      </div>\n      <div className={style.choiceRightIconWrapper}>\n        <Check className={style.choiceRightIcon} />\n      </div>\n    </a>\n  );\n};\n\nChoice.propTypes = {\n  title: PropTypes.string,\n  subtitle: PropTypes.string,\n  onClick: PropTypes.func,\n  children: PropTypes.node\n};\n\nconst Modal = props => {\n  const {header, description, choices, onClose} = props;\n  return (\n    <div className={style.modalWrapper}>\n      <div className={style.modal}>\n        <header className={style.header}>\n          <div className={style.headerRightContent}>\n            <div className={style.headerRightIconWrapper}>\n              <AddCircle className={style.headerAddIcon} />\n              <div className={style.shadow} />\n            </div>\n            <h3>{header}</h3>\n          </div>\n          <Close onClick={onClose} className={style.headerCloseIcon} />\n        </header>\n        <div\n          className={style.description}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: description}}\n        />\n        <div className={style.choices}>\n          <Choice\n            key={choices.left.title}\n            title={choices.left.title}\n            subtitle={choices.left.subtitle}\n            // eslint-disable-next-line react/jsx-handler-names\n            onClick={choices.left.onClick}\n          >\n            <QuillCircle className={style.choiceLeftIcon} />\n          </Choice>\n          <Choice\n            key={choices.right.title}\n            title={choices.right.title}\n            subtitle={choices.right.subtitle}\n            // eslint-disable-next-line react/jsx-handler-names\n            onClick={choices.right.onClick}\n          >\n            <ImportIcon className={style.choiceLeftIcon} />\n          </Choice>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nModal.propTypes = {\n  header: PropTypes.string,\n  description: PropTypes.string,\n  choices: PropTypes.shape({\n    left: PropTypes.shape({\n      title: Choice.propTypes.title,\n      subtitle: Choice.propTypes.subtitle,\n      onClick: Choice.propTypes.onClick\n    }),\n    right: PropTypes.shape({\n      title: Choice.propTypes.title,\n      subtitle: Choice.propTypes.subtitle,\n      onClick: Choice.propTypes.onClick\n    })\n  }),\n  onClose: PropTypes.func\n};\n\nModal.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\nexport default Modal;\n"],"mappings":"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"}

package/es/molecule/module-bubble/index.js

@@ -7,6 +7,7 @@ import PropTypes from 'prop-types';
 import Provider from '../../atom/provider';
 import stopPropagation from '../../util/bubbling';
 import style from './style.css';
+
 const ModuleBubble = (props, context) => {
   const {
     skin
@@ -18,9 +19,13 @@ const ModuleBubble = (props, context) => {
     filtered,
     disabled
   } = props;
+
   const code = _getOr('', ['icons', status], skin);
+
   const icon = String.fromCharCode(code);
+
   const click = !disabled && _pipe(stopPropagation, _unary(_partial(onClick, [props])));
+
   return /*#__PURE__*/React.createElement("div", {
     className: filtered ? style.filtered : style.modulewrapper,
     "data-name": "moduleBubble"
@@ -37,6 +42,7 @@ const ModuleBubble = (props, context) => {
     }
   }, icon)));
 };
+
 ModuleBubble.contextTypes = {
   skin: Provider.childContextTypes.skin
 };

package/es/molecule/module-bubble/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","Provider","stopPropagation","style","ModuleBubble","props","context","skin","onClick","status","iconColor","filtered","disabled","code","_getOr","icon","String","fromCharCode","click","_pipe","_unary","_partial","createElement","className","modulewrapper","bubble","bubbleBG","iconDisabled","color","contextTypes","childContextTypes","propTypes","process","env","NODE_ENV","bool","string","func","isRequired"],"sources":["../../../src/molecule/module-bubble/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {getOr, pipe, partial, unary} from 'lodash/fp';\nimport Provider from '../../atom/provider';\nimport stopPropagation from '../../util/bubbling';\nimport style from './style.css';\n\nconst ModuleBubble = (props, context) => {\n  const {skin} = context;\n\n  const {onClick, status, iconColor, filtered, disabled} = props;\n\n  const code = getOr('', ['icons', status], skin);\n  const icon = String.fromCharCode(code);\n\n  const click = !disabled && pipe(stopPropagation, unary(partial(onClick, [props])));\n\n  return (\n    <div className={filtered ? style.filtered : style.modulewrapper} data-name=\"moduleBubble\">\n      <div className={style.bubble} onClick={click}>\n        <span className={style.bubbleBG} />\n        <span\n          data-name=\"icon\"\n          className={disabled ? style.iconDisabled : style.icon}\n          style={{\n            color: iconColor\n          }}\n        >\n          {icon}\n        </span>\n      </div>\n    </div>\n  );\n};\n\nModuleBubble.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nModuleBubble.propTypes = {\n  disabled: PropTypes.bool,\n  filtered: PropTypes.bool,\n  iconColor: PropTypes.string,\n  status: PropTypes.string,\n  onClick: PropTypes.func.isRequired\n};\nexport default ModuleBubble;\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,OAAOC,QAAQ,MAAM,qBAAqB;AAC1C,OAAOC,eAAe,MAAM,qBAAqB;AACjD,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,YAAY,GAAGA,CAACC,KAAK,EAAEC,OAAO,KAAK;EACvC,MAAM;IAACC;EAAI,CAAC,GAAGD,OAAO;EAEtB,MAAM;IAACE,OAAO;IAAEC,MAAM;IAAEC,SAAS;IAAEC,QAAQ;IAAEC;EAAQ,CAAC,GAAGP,KAAK;EAE9D,MAAMQ,IAAI,GAAGC,MAAA,CAAM,EAAE,EAAE,CAAC,OAAO,EAAEL,MAAM,CAAC,EAAEF,IAAI,CAAC;EAC/C,MAAMQ,IAAI,GAAGC,MAAM,CAACC,YAAY,CAACJ,IAAI,CAAC;EAEtC,MAAMK,KAAK,GAAG,CAACN,QAAQ,IAAIO,KAAA,CAAKjB,eAAe,EAAEkB,MAAA,CAAMC,QAAA,CAAQb,OAAO,EAAE,CAACH,KAAK,CAAC,CAAC,CAAC,CAAC;EAElF,oBACEN,KAAA,CAAAuB,aAAA;IAAKC,SAAS,EAAEZ,QAAQ,GAAGR,KAAK,CAACQ,QAAQ,GAAGR,KAAK,CAACqB,aAAc;IAAC,aAAU;EAAc,gBACvFzB,KAAA,CAAAuB,aAAA;IAAKC,SAAS,EAAEpB,KAAK,CAACsB,MAAO;IAACjB,OAAO,EAAEU;EAAM,gBAC3CnB,KAAA,CAAAuB,aAAA;IAAMC,SAAS,EAAEpB,KAAK,CAACuB;EAAS,CAAE,CAAC,eACnC3B,KAAA,CAAAuB,aAAA;IACE,aAAU,MAAM;IAChBC,SAAS,EAAEX,QAAQ,GAAGT,KAAK,CAACwB,YAAY,GAAGxB,KAAK,CAACY,IAAK;IACtDZ,KAAK,EAAE;MACLyB,KAAK,EAAElB;IACT;EAAE,GAEDK,IACG,CACH,CACF,CAAC;AAEV,CAAC;AAEDX,YAAY,CAACyB,YAAY,GAAG;EAC1BtB,IAAI,EAAEN,QAAQ,CAAC6B,iBAAiB,CAACvB;AACnC,CAAC;AAEDH,YAAY,CAAC2B,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACvBtB,QAAQ,EAAEZ,SAAS,CAACmC,IAAI;EACxBxB,QAAQ,EAAEX,SAAS,CAACmC,IAAI;EACxBzB,SAAS,EAAEV,SAAS,CAACoC,MAAM;EAC3B3B,MAAM,EAAET,SAAS,CAACoC,MAAM;EACxB5B,OAAO,EAAER,SAAS,CAACqC,IAAI,CAACC;AAC1B,CAAC;AACD,eAAelC,YAAY","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","PropTypes","Provider","stopPropagation","style","ModuleBubble","props","context","skin","onClick","status","iconColor","filtered","disabled","code","icon","String","fromCharCode","click","modulewrapper","bubble","bubbleBG","iconDisabled","color","contextTypes","childContextTypes","propTypes","bool","string","func","isRequired"],"sources":["../../../src/molecule/module-bubble/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {getOr, pipe, partial, unary} from 'lodash/fp';\nimport Provider from '../../atom/provider';\nimport stopPropagation from '../../util/bubbling';\nimport style from './style.css';\n\nconst ModuleBubble = (props, context) => {\n  const {skin} = context;\n\n  const {onClick, status, iconColor, filtered, disabled} = props;\n\n  const code = getOr('', ['icons', status], skin);\n  const icon = String.fromCharCode(code);\n\n  const click = !disabled && pipe(stopPropagation, unary(partial(onClick, [props])));\n\n  return (\n    <div className={filtered ? style.filtered : style.modulewrapper} data-name=\"moduleBubble\">\n      <div className={style.bubble} onClick={click}>\n        <span className={style.bubbleBG} />\n        <span\n          data-name=\"icon\"\n          className={disabled ? style.iconDisabled : style.icon}\n          style={{\n            color: iconColor\n          }}\n        >\n          {icon}\n        </span>\n      </div>\n    </div>\n  );\n};\n\nModuleBubble.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nModuleBubble.propTypes = {\n  disabled: PropTypes.bool,\n  filtered: PropTypes.bool,\n  iconColor: PropTypes.string,\n  status: PropTypes.string,\n  onClick: PropTypes.func.isRequired\n};\nexport default ModuleBubble;\n"],"mappings":";;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,QAAP,MAAqB,qBAArB;AACA,OAAOC,eAAP,MAA4B,qBAA5B;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,YAAY,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EACvC,MAAM;IAACC;EAAD,IAASD,OAAf;EAEA,MAAM;IAACE,OAAD;IAAUC,MAAV;IAAkBC,SAAlB;IAA6BC,QAA7B;IAAuCC;EAAvC,IAAmDP,KAAzD;;EAEA,MAAMQ,IAAI,GAAG,OAAM,EAAN,EAAU,CAAC,OAAD,EAAUJ,MAAV,CAAV,EAA6BF,IAA7B,CAAb;;EACA,MAAMO,IAAI,GAAGC,MAAM,CAACC,YAAP,CAAoBH,IAApB,CAAb;;EAEA,MAAMI,KAAK,GAAG,CAACL,QAAD,IAAa,MAAKV,eAAL,EAAsB,OAAM,SAAQM,OAAR,EAAiB,CAACH,KAAD,CAAjB,CAAN,CAAtB,CAA3B;;EAEA,oBACE;IAAK,SAAS,EAAEM,QAAQ,GAAGR,KAAK,CAACQ,QAAT,GAAoBR,KAAK,CAACe,aAAlD;IAAiE,aAAU;EAA3E,gBACE;IAAK,SAAS,EAAEf,KAAK,CAACgB,MAAtB;IAA8B,OAAO,EAAEF;EAAvC,gBACE;IAAM,SAAS,EAAEd,KAAK,CAACiB;EAAvB,EADF,eAEE;IACE,aAAU,MADZ;IAEE,SAAS,EAAER,QAAQ,GAAGT,KAAK,CAACkB,YAAT,GAAwBlB,KAAK,CAACW,IAFnD;IAGE,KAAK,EAAE;MACLQ,KAAK,EAAEZ;IADF;EAHT,GAOGI,IAPH,CAFF,CADF,CADF;AAgBD,CA1BD;;AA4BAV,YAAY,CAACmB,YAAb,GAA4B;EAC1BhB,IAAI,EAAEN,QAAQ,CAACuB,iBAAT,CAA2BjB;AADP,CAA5B;AAIAH,YAAY,CAACqB,SAAb,2CAAyB;EACvBb,QAAQ,EAAEZ,SAAS,CAAC0B,IADG;EAEvBf,QAAQ,EAAEX,SAAS,CAAC0B,IAFG;EAGvBhB,SAAS,EAAEV,SAAS,CAAC2B,MAHE;EAIvBlB,MAAM,EAAET,SAAS,CAAC2B,MAJK;EAKvBnB,OAAO,EAAER,SAAS,CAAC4B,IAAV,CAAeC;AALD,CAAzB;AAOA,eAAezB,YAAf"}

package/es/molecule/module-card/index.js

@@ -1,11 +1,14 @@
 import _getOr from "lodash/fp/getOr";
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 import React from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
 import ModuleBubble from '../module-bubble';
 import Provider from '../../atom/provider';
 import style from './style.css';
+
 function ModuleCard(props, context) {
   const {
     skin
@@ -15,14 +18,15 @@ function ModuleCard(props, context) {
     level,
     onClick
   } = props;
+
   const iconColor = _getOr('#00B0FF', ['common', 'primary'], skin);
+
   return /*#__PURE__*/React.createElement("div", {
     className: style.default,
     "data-name": "module-card",
     onClick: onClick
   }, /*#__PURE__*/React.createElement("div", {
-    className: classnames(style.title, style.innerHTML)
-    // eslint-disable-next-line react/no-danger
+    className: classnames(style.title, style.innerHTML) // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
       __html: label
@@ -36,6 +40,7 @@ function ModuleCard(props, context) {
     onClick: onClick
   }))));
 }
+
 ModuleCard.propTypes = process.env.NODE_ENV !== "production" ? {
   label: PropTypes.string.isRequired,
   level: PropTypes.string.isRequired,

package/es/molecule/module-card/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","classnames","ModuleBubble","Provider","style","ModuleCard","props","context","skin","label","level","onClick","iconColor","_getOr","createElement","className","default","title","innerHTML","dangerouslySetInnerHTML","__html","module","_extends","propTypes","process","env","NODE_ENV","string","isRequired","func","contextTypes","childContextTypes"],"sources":["../../../src/molecule/module-card/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {getOr} from 'lodash/fp';\nimport classnames from 'classnames';\nimport ModuleBubble from '../module-bubble';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nfunction ModuleCard(props, context) {\n  const {skin} = context;\n  const {label, level, onClick} = props;\n\n  const iconColor = getOr('#00B0FF', ['common', 'primary'], skin);\n  return (\n    <div className={style.default} data-name=\"module-card\" onClick={onClick}>\n      <div\n        className={classnames(style.title, style.innerHTML)}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: label}}\n      />\n      <div className={style.level}>{level}</div>\n      <div className={style.module}>\n        <ModuleBubble {...props} iconColor={iconColor} onClick={onClick} />\n      </div>\n    </div>\n  );\n}\n\nModuleCard.propTypes = {\n  label: PropTypes.string.isRequired,\n  level: PropTypes.string.isRequired,\n  onClick: PropTypes.func.isRequired\n};\n\nModuleCard.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\nexport default ModuleCard;\n"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,YAAY,MAAM,kBAAkB;AAC3C,OAAOC,QAAQ,MAAM,qBAAqB;AAC1C,OAAOC,KAAK,MAAM,aAAa;AAE/B,SAASC,UAAUA,CAACC,KAAK,EAAEC,OAAO,EAAE;EAClC,MAAM;IAACC;EAAI,CAAC,GAAGD,OAAO;EACtB,MAAM;IAACE,KAAK;IAAEC,KAAK;IAAEC;EAAO,CAAC,GAAGL,KAAK;EAErC,MAAMM,SAAS,GAAGC,MAAA,CAAM,SAAS,EAAE,CAAC,QAAQ,EAAE,SAAS,CAAC,EAAEL,IAAI,CAAC;EAC/D,oBACET,KAAA,CAAAe,aAAA;IAAKC,SAAS,EAAEX,KAAK,CAACY,OAAQ;IAAC,aAAU,aAAa;IAACL,OAAO,EAAEA;EAAQ,gBACtEZ,KAAA,CAAAe,aAAA;IACEC,SAAS,EAAEd,UAAU,CAACG,KAAK,CAACa,KAAK,EAAEb,KAAK,CAACc,SAAS;IAClD;IAAA;IACAC,uBAAuB,EAAE;MAACC,MAAM,EAAEX;IAAK;EAAE,CAC1C,CAAC,eACFV,KAAA,CAAAe,aAAA;IAAKC,SAAS,EAAEX,KAAK,CAACM;EAAM,GAAEA,KAAW,CAAC,eAC1CX,KAAA,CAAAe,aAAA;IAAKC,SAAS,EAAEX,KAAK,CAACiB;EAAO,gBAC3BtB,KAAA,CAAAe,aAAA,CAACZ,YAAY,EAAAoB,QAAA,KAAKhB,KAAK;IAAEM,SAAS,EAAEA,SAAU;IAACD,OAAO,EAAEA;EAAQ,EAAE,CAC/D,CACF,CAAC;AAEV;AAEAN,UAAU,CAACkB,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACrBjB,KAAK,EAAET,SAAS,CAAC2B,MAAM,CAACC,UAAU;EAClClB,KAAK,EAAEV,SAAS,CAAC2B,MAAM,CAACC,UAAU;EAClCjB,OAAO,EAAEX,SAAS,CAAC6B,IAAI,CAACD;AAC1B,CAAC;AAEDvB,UAAU,CAACyB,YAAY,GAAG;EACxBtB,IAAI,EAAEL,QAAQ,CAAC4B,iBAAiB,CAACvB;AACnC,CAAC;AACD,eAAeH,UAAU","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","PropTypes","classnames","ModuleBubble","Provider","style","ModuleCard","props","context","skin","label","level","onClick","iconColor","default","title","innerHTML","__html","module","propTypes","string","isRequired","func","contextTypes","childContextTypes"],"sources":["../../../src/molecule/module-card/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {getOr} from 'lodash/fp';\nimport classnames from 'classnames';\nimport ModuleBubble from '../module-bubble';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nfunction ModuleCard(props, context) {\n  const {skin} = context;\n  const {label, level, onClick} = props;\n\n  const iconColor = getOr('#00B0FF', ['common', 'primary'], skin);\n  return (\n    <div className={style.default} data-name=\"module-card\" onClick={onClick}>\n      <div\n        className={classnames(style.title, style.innerHTML)}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: label}}\n      />\n      <div className={style.level}>{level}</div>\n      <div className={style.module}>\n        <ModuleBubble {...props} iconColor={iconColor} onClick={onClick} />\n      </div>\n    </div>\n  );\n}\n\nModuleCard.propTypes = {\n  label: PropTypes.string.isRequired,\n  level: PropTypes.string.isRequired,\n  onClick: PropTypes.func.isRequired\n};\n\nModuleCard.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\nexport default ModuleCard;\n"],"mappings":";;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,UAAP,MAAuB,YAAvB;AACA,OAAOC,YAAP,MAAyB,kBAAzB;AACA,OAAOC,QAAP,MAAqB,qBAArB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,SAASC,UAAT,CAAoBC,KAApB,EAA2BC,OAA3B,EAAoC;EAClC,MAAM;IAACC;EAAD,IAASD,OAAf;EACA,MAAM;IAACE,KAAD;IAAQC,KAAR;IAAeC;EAAf,IAA0BL,KAAhC;;EAEA,MAAMM,SAAS,GAAG,OAAM,SAAN,EAAiB,CAAC,QAAD,EAAW,SAAX,CAAjB,EAAwCJ,IAAxC,CAAlB;;EACA,oBACE;IAAK,SAAS,EAAEJ,KAAK,CAACS,OAAtB;IAA+B,aAAU,aAAzC;IAAuD,OAAO,EAAEF;EAAhE,gBACE;IACE,SAAS,EAAEV,UAAU,CAACG,KAAK,CAACU,KAAP,EAAcV,KAAK,CAACW,SAApB,CADvB,CAEE;IAFF;IAGE,uBAAuB,EAAE;MAACC,MAAM,EAAEP;IAAT;EAH3B,EADF,eAME;IAAK,SAAS,EAAEL,KAAK,CAACM;EAAtB,GAA8BA,KAA9B,CANF,eAOE;IAAK,SAAS,EAAEN,KAAK,CAACa;EAAtB,gBACE,oBAAC,YAAD,eAAkBX,KAAlB;IAAyB,SAAS,EAAEM,SAApC;IAA+C,OAAO,EAAED;EAAxD,GADF,CAPF,CADF;AAaD;;AAEDN,UAAU,CAACa,SAAX,2CAAuB;EACrBT,KAAK,EAAET,SAAS,CAACmB,MAAV,CAAiBC,UADH;EAErBV,KAAK,EAAEV,SAAS,CAACmB,MAAV,CAAiBC,UAFH;EAGrBT,OAAO,EAAEX,SAAS,CAACqB,IAAV,CAAeD;AAHH,CAAvB;AAMAf,UAAU,CAACiB,YAAX,GAA0B;EACxBd,IAAI,EAAEL,QAAQ,CAACoB,iBAAT,CAA2Bf;AADT,CAA1B;AAGA,eAAeH,UAAf"}

package/es/molecule/news/index.js

@@ -1,10 +1,12 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 import React from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
 import Cta from '../../atom/cta';
 import Link from '../../atom/link';
 import style from './style.css';
+
 const News = (props, context) => {
   const {
     image,
@@ -62,6 +64,7 @@ const News = (props, context) => {
     target: cta.target
   }) : null);
 };
+
 News.propTypes = process.env.NODE_ENV !== "production" ? {
   image: PropTypes.string,
   title: PropTypes.string,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","classnames","Cta","Link","style","News","props","context","image","title","date","description","authorLogo","cta","createElement","className","news","href","linkImage","target","src","infos","innerHTML","dangerouslySetInnerHTML","__html","bottom","author","_extends","secondary","name","link","propTypes","process","env","NODE_ENV","string","shape"],"sources":["../../../src/molecule/news/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport Cta from '../../atom/cta';\nimport Link from '../../atom/link';\nimport style from './style.css';\n\nconst News = (props, context) => {\n  const {image, title, date, description, authorLogo, cta} = props;\n\n  return (\n    <div className={style.news}>\n      <div className={style.image}>\n        {cta ? (\n          <Link\n            href={cta.href}\n            className={style.linkImage}\n            target={cta.target}\n            data-name=\"news-image\"\n          >\n            <img src={image} />\n          </Link>\n        ) : (\n          <img src={image} />\n        )}\n      </div>\n      <div className={style.infos}>\n        <Link\n          href={cta && cta.href}\n          title={title}\n          className={classnames(style.title, style.innerHTML)}\n          target={cta && cta.target}\n          data-name=\"news-title\"\n          dangerouslySetInnerHTML={{__html: title}}\n        />\n        <div className={style.date}>{date}</div>\n        <div className={style.description}>\n          <div\n            // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={{__html: description}}\n          />\n        </div>\n        <div className={style.bottom}>\n          <div className={style.author}>\n            <img src={authorLogo} />\n          </div>\n          {cta ? <Cta {...cta} secondary name=\"news-cta\" /> : null}\n        </div>\n      </div>\n      {cta ? <Link className={style.link} href={cta.href} target={cta.target} /> : null}\n    </div>\n  );\n};\n\nNews.propTypes = {\n  image: PropTypes.string,\n  title: PropTypes.string,\n  date: PropTypes.string,\n  description: PropTypes.string,\n  authorLogo: PropTypes.string,\n  cta: PropTypes.shape(Cta.propTypes)\n};\n\nexport default News;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","PropTypes","classnames","Cta","Link","style","News","props","context","image","title","date","description","authorLogo","cta","news","href","linkImage","target","infos","innerHTML","__html","bottom","author","link","propTypes","string","shape"],"sources":["../../../src/molecule/news/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport Cta from '../../atom/cta';\nimport Link from '../../atom/link';\nimport style from './style.css';\n\nconst News = (props, context) => {\n  const {image, title, date, description, authorLogo, cta} = props;\n\n  return (\n    <div className={style.news}>\n      <div className={style.image}>\n        {cta ? (\n          <Link\n            href={cta.href}\n            className={style.linkImage}\n            target={cta.target}\n            data-name=\"news-image\"\n          >\n            <img src={image} />\n          </Link>\n        ) : (\n          <img src={image} />\n        )}\n      </div>\n      <div className={style.infos}>\n        <Link\n          href={cta && cta.href}\n          title={title}\n          className={classnames(style.title, style.innerHTML)}\n          target={cta && cta.target}\n          data-name=\"news-title\"\n          dangerouslySetInnerHTML={{__html: title}}\n        />\n        <div className={style.date}>{date}</div>\n        <div className={style.description}>\n          <div\n            // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={{__html: description}}\n          />\n        </div>\n        <div className={style.bottom}>\n          <div className={style.author}>\n            <img src={authorLogo} />\n          </div>\n          {cta ? <Cta {...cta} secondary name=\"news-cta\" /> : null}\n        </div>\n      </div>\n      {cta ? <Link className={style.link} href={cta.href} target={cta.target} /> : null}\n    </div>\n  );\n};\n\nNews.propTypes = {\n  image: PropTypes.string,\n  title: PropTypes.string,\n  date: PropTypes.string,\n  description: PropTypes.string,\n  authorLogo: PropTypes.string,\n  cta: PropTypes.shape(Cta.propTypes)\n};\n\nexport default News;\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,OAAOC,GAAP,MAAgB,gBAAhB;AACA,OAAOC,IAAP,MAAiB,iBAAjB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,IAAI,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EAC/B,MAAM;IAACC,KAAD;IAAQC,KAAR;IAAeC,IAAf;IAAqBC,WAArB;IAAkCC,UAAlC;IAA8CC;EAA9C,IAAqDP,KAA3D;EAEA,oBACE;IAAK,SAAS,EAAEF,KAAK,CAACU;EAAtB,gBACE;IAAK,SAAS,EAAEV,KAAK,CAACI;EAAtB,GACGK,GAAG,gBACF,oBAAC,IAAD;IACE,IAAI,EAAEA,GAAG,CAACE,IADZ;IAEE,SAAS,EAAEX,KAAK,CAACY,SAFnB;IAGE,MAAM,EAAEH,GAAG,CAACI,MAHd;IAIE,aAAU;EAJZ,gBAME;IAAK,GAAG,EAAET;EAAV,EANF,CADE,gBAUF;IAAK,GAAG,EAAEA;EAAV,EAXJ,CADF,eAeE;IAAK,SAAS,EAAEJ,KAAK,CAACc;EAAtB,gBACE,oBAAC,IAAD;IACE,IAAI,EAAEL,GAAG,IAAIA,GAAG,CAACE,IADnB;IAEE,KAAK,EAAEN,KAFT;IAGE,SAAS,EAAER,UAAU,CAACG,KAAK,CAACK,KAAP,EAAcL,KAAK,CAACe,SAApB,CAHvB;IAIE,MAAM,EAAEN,GAAG,IAAIA,GAAG,CAACI,MAJrB;IAKE,aAAU,YALZ;IAME,uBAAuB,EAAE;MAACG,MAAM,EAAEX;IAAT;EAN3B,EADF,eASE;IAAK,SAAS,EAAEL,KAAK,CAACM;EAAtB,GAA6BA,IAA7B,CATF,eAUE;IAAK,SAAS,EAAEN,KAAK,CAACO;EAAtB,gBACE;IACE;IACA,uBAAuB,EAAE;MAACS,MAAM,EAAET;IAAT;EAF3B,EADF,CAVF,eAgBE;IAAK,SAAS,EAAEP,KAAK,CAACiB;EAAtB,gBACE;IAAK,SAAS,EAAEjB,KAAK,CAACkB;EAAtB,gBACE;IAAK,GAAG,EAAEV;EAAV,EADF,CADF,EAIGC,GAAG,gBAAG,oBAAC,GAAD,eAASA,GAAT;IAAc,SAAS,MAAvB;IAAwB,IAAI,EAAC;EAA7B,GAAH,GAAgD,IAJtD,CAhBF,CAfF,EAsCGA,GAAG,gBAAG,oBAAC,IAAD;IAAM,SAAS,EAAET,KAAK,CAACmB,IAAvB;IAA6B,IAAI,EAAEV,GAAG,CAACE,IAAvC;IAA6C,MAAM,EAAEF,GAAG,CAACI;EAAzD,EAAH,GAAyE,IAtC/E,CADF;AA0CD,CA7CD;;AA+CAZ,IAAI,CAACmB,SAAL,2CAAiB;EACfhB,KAAK,EAAER,SAAS,CAACyB,MADF;EAEfhB,KAAK,EAAET,SAAS,CAACyB,MAFF;EAGff,IAAI,EAAEV,SAAS,CAACyB,MAHD;EAIfd,WAAW,EAAEX,SAAS,CAACyB,MAJR;EAKfb,UAAU,EAAEZ,SAAS,CAACyB,MALP;EAMfZ,GAAG,EAAEb,SAAS,CAAC0B,KAAV,CAAgBxB,GAAG,CAACsB,SAApB;AANU,CAAjB;AASA,eAAenB,IAAf"}

package/es/molecule/notification-banner/index.js

@@ -25,12 +25,16 @@ const ICONS = {
     color: '#01579b'
   }
 };
+
 const NotificationBanner = (props, context) => {
   const {
     skin
   } = context;
+
   const primaryColor = _getOr('#00B0FF', 'common.primary', skin);
+
   const whiteColor = _get('common.white', skin);
+
   const {
     type,
     message,
@@ -39,11 +43,13 @@ const NotificationBanner = (props, context) => {
     closeLabel,
     closeOnClick
   } = props;
+
   const {
     icon: Icon,
     title,
     color
   } = _get([type], ICONS);
+
   const handleOnClickAcceptButton = acceptOnClick;
   const handleOnClickCloseButton = closeOnClick;
   return /*#__PURE__*/React.createElement("div", {
@@ -86,6 +92,7 @@ const NotificationBanner = (props, context) => {
     }
   }) : null));
 };
+
 NotificationBanner.contextTypes = {
   skin: Provider.childContextTypes.skin
 };

package/es/molecule/notification-banner/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","NovaLineToolsWrenchScrewdriver","MaintenanceIcon","NovaLineLeisureLeisurePartyPopper","FeatureIcon","NovaCompositionCoorpacademyListBullets3","SurveyIcon","Button","Provider","style","ICONS","feature","icon","title","color","maintenance","survey","NotificationBanner","props","context","skin","primaryColor","_getOr","whiteColor","_get","type","message","acceptOnClick","acceptLabel","closeLabel","closeOnClick","Icon","handleOnClickAcceptButton","handleOnClickCloseButton","createElement","className","banner","background","circle","text","buttons","close","submitValue","onClick","backgroundColor","_isUndefined","button","target","contextTypes","childContextTypes","propTypes","process","env","NODE_ENV","oneOf","_keys","isRequired","string","func"],"sources":["../../../src/molecule/notification-banner/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get, getOr, isUndefined, keys} from 'lodash/fp';\nimport {\n  NovaLineToolsWrenchScrewdriver as MaintenanceIcon,\n  NovaLineLeisureLeisurePartyPopper as FeatureIcon,\n  NovaCompositionCoorpacademyListBullets3 as SurveyIcon\n} from '@coorpacademy/nova-icons';\nimport Button from '../../atom/button';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nconst ICONS = {\n  feature: {\n    icon: FeatureIcon,\n    title: 'New Feature',\n    color: '#3ec483'\n  },\n  maintenance: {\n    icon: MaintenanceIcon,\n    title: 'Maintenance',\n    color: '#f73f52'\n  },\n  survey: {\n    icon: SurveyIcon,\n    title: 'Survey',\n    color: '#01579b'\n  }\n};\n\nconst NotificationBanner = (props, context) => {\n  const {skin} = context;\n  const primaryColor = getOr('#00B0FF', 'common.primary', skin);\n  const whiteColor = get('common.white', skin);\n\n  const {type, message, acceptOnClick, acceptLabel, closeLabel, closeOnClick} = props;\n  const {icon: Icon, title, color} = get([type], ICONS);\n  const handleOnClickAcceptButton = acceptOnClick;\n  const handleOnClickCloseButton = closeOnClick;\n\n  return (\n    <div className={style.banner}>\n      <div\n        style={{\n          background: color\n        }}\n        className={style.circle}\n      >\n        <Icon className={style.icon} />\n      </div>\n      <div className={style.text}>\n        <div className={style.title}>{title}</div>\n        <div data-name=\"notification-banner-message\" className={style.message}>\n          {message}\n        </div>\n      </div>\n      <div className={style.buttons}>\n        <Button\n          type=\"link\"\n          data-name=\"notification-banner-close-cta\"\n          className={style.close}\n          submitValue={closeLabel}\n          onClick={handleOnClickCloseButton}\n          style={{\n            backgroundColor: whiteColor,\n            color: '#546e7a'\n          }}\n        />\n        {!isUndefined(handleOnClickAcceptButton) ? (\n          <Button\n            type=\"link\"\n            data-name=\"notification-banner-cta\"\n            className={style.button}\n            submitValue={acceptLabel}\n            onClick={handleOnClickAcceptButton}\n            target=\"_blank\"\n            style={{\n              backgroundColor: primaryColor\n            }}\n          />\n        ) : null}\n      </div>\n    </div>\n  );\n};\n\nNotificationBanner.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nNotificationBanner.propTypes = {\n  type: PropTypes.oneOf(keys(ICONS)).isRequired,\n  message: PropTypes.string.isRequired,\n  acceptOnClick: PropTypes.func,\n  acceptLabel: PropTypes.string,\n  closeLabel: PropTypes.string,\n  closeOnClick: PropTypes.func\n};\n\nexport default NotificationBanner;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","PropTypes","NovaLineToolsWrenchScrewdriver","MaintenanceIcon","NovaLineLeisureLeisurePartyPopper","FeatureIcon","NovaCompositionCoorpacademyListBullets3","SurveyIcon","Button","Provider","style","ICONS","feature","icon","title","color","maintenance","survey","NotificationBanner","props","context","skin","primaryColor","whiteColor","type","message","acceptOnClick","acceptLabel","closeLabel","closeOnClick","Icon","handleOnClickAcceptButton","handleOnClickCloseButton","banner","background","circle","text","buttons","close","backgroundColor","button","contextTypes","childContextTypes","propTypes","oneOf","isRequired","string","func"],"sources":["../../../src/molecule/notification-banner/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get, getOr, isUndefined, keys} from 'lodash/fp';\nimport {\n  NovaLineToolsWrenchScrewdriver as MaintenanceIcon,\n  NovaLineLeisureLeisurePartyPopper as FeatureIcon,\n  NovaCompositionCoorpacademyListBullets3 as SurveyIcon\n} from '@coorpacademy/nova-icons';\nimport Button from '../../atom/button';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nconst ICONS = {\n  feature: {\n    icon: FeatureIcon,\n    title: 'New Feature',\n    color: '#3ec483'\n  },\n  maintenance: {\n    icon: MaintenanceIcon,\n    title: 'Maintenance',\n    color: '#f73f52'\n  },\n  survey: {\n    icon: SurveyIcon,\n    title: 'Survey',\n    color: '#01579b'\n  }\n};\n\nconst NotificationBanner = (props, context) => {\n  const {skin} = context;\n  const primaryColor = getOr('#00B0FF', 'common.primary', skin);\n  const whiteColor = get('common.white', skin);\n\n  const {type, message, acceptOnClick, acceptLabel, closeLabel, closeOnClick} = props;\n  const {icon: Icon, title, color} = get([type], ICONS);\n  const handleOnClickAcceptButton = acceptOnClick;\n  const handleOnClickCloseButton = closeOnClick;\n\n  return (\n    <div className={style.banner}>\n      <div\n        style={{\n          background: color\n        }}\n        className={style.circle}\n      >\n        <Icon className={style.icon} />\n      </div>\n      <div className={style.text}>\n        <div className={style.title}>{title}</div>\n        <div data-name=\"notification-banner-message\" className={style.message}>\n          {message}\n        </div>\n      </div>\n      <div className={style.buttons}>\n        <Button\n          type=\"link\"\n          data-name=\"notification-banner-close-cta\"\n          className={style.close}\n          submitValue={closeLabel}\n          onClick={handleOnClickCloseButton}\n          style={{\n            backgroundColor: whiteColor,\n            color: '#546e7a'\n          }}\n        />\n        {!isUndefined(handleOnClickAcceptButton) ? (\n          <Button\n            type=\"link\"\n            data-name=\"notification-banner-cta\"\n            className={style.button}\n            submitValue={acceptLabel}\n            onClick={handleOnClickAcceptButton}\n            target=\"_blank\"\n            style={{\n              backgroundColor: primaryColor\n            }}\n          />\n        ) : null}\n      </div>\n    </div>\n  );\n};\n\nNotificationBanner.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nNotificationBanner.propTypes = {\n  type: PropTypes.oneOf(keys(ICONS)).isRequired,\n  message: PropTypes.string.isRequired,\n  acceptOnClick: PropTypes.func,\n  acceptLabel: PropTypes.string,\n  closeLabel: PropTypes.string,\n  closeOnClick: PropTypes.func\n};\n\nexport default NotificationBanner;\n"],"mappings":"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"}

package/es/molecule/pagination/index.js

@@ -2,6 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import Link from '../../atom/link';
 import style from './style.css';
+
 const Pagination = props => {
   const {
     value,
@@ -22,6 +23,7 @@ const Pagination = props => {
     href: nextHref
   }, "\u27E9")));
 };
+
 Pagination.propTypes = process.env.NODE_ENV !== "production" ? {
   value: PropTypes.string.isRequired,
   nextHref: PropTypes.string,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","Link","style","Pagination","props","value","nextHref","previousHref","createElement","className","wrapper","buttons","button","disabled","href","propTypes","process","env","NODE_ENV","string","isRequired"],"sources":["../../../src/molecule/pagination/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Link from '../../atom/link';\nimport style from './style.css';\n\nconst Pagination = props => {\n  const {value, nextHref, previousHref} = props;\n\n  return (\n    <div className={style.wrapper}>\n      <div className={style.value}>{value}</div>\n      <div className={style.buttons}>\n        <Link className={previousHref ? style.button : style.disabled} href={previousHref}>\n          ⟨\n        </Link>\n        <Link className={nextHref ? style.button : style.disabled} href={nextHref}>\n          ⟩\n        </Link>\n      </div>\n    </div>\n  );\n};\n\nPagination.propTypes = {\n  value: PropTypes.string.isRequired,\n  nextHref: PropTypes.string,\n  previousHref: PropTypes.string\n};\n\nexport default Pagination;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,IAAI,MAAM,iBAAiB;AAClC,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,UAAU,GAAGC,KAAK,IAAI;EAC1B,MAAM;IAACC,KAAK;IAAEC,QAAQ;IAAEC;EAAY,CAAC,GAAGH,KAAK;EAE7C,oBACEL,KAAA,CAAAS,aAAA;IAAKC,SAAS,EAAEP,KAAK,CAACQ;EAAQ,gBAC5BX,KAAA,CAAAS,aAAA;IAAKC,SAAS,EAAEP,KAAK,CAACG;EAAM,GAAEA,KAAW,CAAC,eAC1CN,KAAA,CAAAS,aAAA;IAAKC,SAAS,EAAEP,KAAK,CAACS;EAAQ,gBAC5BZ,KAAA,CAAAS,aAAA,CAACP,IAAI;IAACQ,SAAS,EAAEF,YAAY,GAAGL,KAAK,CAACU,MAAM,GAAGV,KAAK,CAACW,QAAS;IAACC,IAAI,EAAEP;EAAa,GAAC,QAE7E,CAAC,eACPR,KAAA,CAAAS,aAAA,CAACP,IAAI;IAACQ,SAAS,EAAEH,QAAQ,GAAGJ,KAAK,CAACU,MAAM,GAAGV,KAAK,CAACW,QAAS;IAACC,IAAI,EAAER;EAAS,GAAC,QAErE,CACH,CACF,CAAC;AAEV,CAAC;AAEDH,UAAU,CAACY,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACrBb,KAAK,EAAEL,SAAS,CAACmB,MAAM,CAACC,UAAU;EAClCd,QAAQ,EAAEN,SAAS,CAACmB,MAAM;EAC1BZ,YAAY,EAAEP,SAAS,CAACmB;AAC1B,CAAC;AAED,eAAehB,UAAU","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","PropTypes","Link","style","Pagination","props","value","nextHref","previousHref","wrapper","buttons","button","disabled","propTypes","string","isRequired"],"sources":["../../../src/molecule/pagination/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Link from '../../atom/link';\nimport style from './style.css';\n\nconst Pagination = props => {\n  const {value, nextHref, previousHref} = props;\n\n  return (\n    <div className={style.wrapper}>\n      <div className={style.value}>{value}</div>\n      <div className={style.buttons}>\n        <Link className={previousHref ? style.button : style.disabled} href={previousHref}>\n          ⟨\n        </Link>\n        <Link className={nextHref ? style.button : style.disabled} href={nextHref}>\n          ⟩\n        </Link>\n      </div>\n    </div>\n  );\n};\n\nPagination.propTypes = {\n  value: PropTypes.string.isRequired,\n  nextHref: PropTypes.string,\n  previousHref: PropTypes.string\n};\n\nexport default Pagination;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,IAAP,MAAiB,iBAAjB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,UAAU,GAAGC,KAAK,IAAI;EAC1B,MAAM;IAACC,KAAD;IAAQC,QAAR;IAAkBC;EAAlB,IAAkCH,KAAxC;EAEA,oBACE;IAAK,SAAS,EAAEF,KAAK,CAACM;EAAtB,gBACE;IAAK,SAAS,EAAEN,KAAK,CAACG;EAAtB,GAA8BA,KAA9B,CADF,eAEE;IAAK,SAAS,EAAEH,KAAK,CAACO;EAAtB,gBACE,oBAAC,IAAD;IAAM,SAAS,EAAEF,YAAY,GAAGL,KAAK,CAACQ,MAAT,GAAkBR,KAAK,CAACS,QAArD;IAA+D,IAAI,EAAEJ;EAArE,YADF,eAIE,oBAAC,IAAD;IAAM,SAAS,EAAED,QAAQ,GAAGJ,KAAK,CAACQ,MAAT,GAAkBR,KAAK,CAACS,QAAjD;IAA2D,IAAI,EAAEL;EAAjE,YAJF,CAFF,CADF;AAaD,CAhBD;;AAkBAH,UAAU,CAACS,SAAX,2CAAuB;EACrBP,KAAK,EAAEL,SAAS,CAACa,MAAV,CAAiBC,UADH;EAErBR,QAAQ,EAAEN,SAAS,CAACa,MAFC;EAGrBN,YAAY,EAAEP,SAAS,CAACa;AAHH,CAAvB;AAMA,eAAeV,UAAf"}

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

@@ -2,10 +2,12 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import Provider from '../../atom/provider';
 import style from './style.css';
+
 class PaymentForm extends React.Component {
   static contextTypes = {
     translate: Provider.childContextTypes.translate
   };
+
   constructor(props) {
     super(props);
     this.stripe = props.stripeInstance ? props.stripeInstance(props.stripeKeyPublic) : null;
@@ -14,6 +16,7 @@ class PaymentForm extends React.Component {
     this.handleCardCvcChange = this.handleCardCvcChange.bind(this);
     this.handleSubmit = this.handleSubmit.bind(this);
   }
+
   componentDidMount() {
     if (this.stripe) {
       const elements = this.stripe.elements();
@@ -43,30 +46,36 @@ class PaymentForm extends React.Component {
       this.cardCvc.on('change', this.handleCardCvcChange);
     }
   }
+
   componentWillUnmount() {
     if (this.cardNumer) {
       this.cardNumber.unmount();
       this.cardNumber.off('change', this.handleCardNumberChange);
     }
+
     if (this.cardExpiry) {
       this.cardExpiry.unmount();
       this.cardExpiry.off('change', this.handleCardExpiryChange);
     }
+
     if (this.cardCvc) {
       this.cardCvc.unmount();
       this.cardCvc.off('change', this.handleCardCvcChange);
     }
   }
+
   handleSubmit() {
     const {
       onSubscription
     } = this.props;
+
     if (this.stripe) {
       return this.stripe.createToken(this.cardNumber).then(response => {
         return onSubscription(response);
       });
     }
   }
+
   handleCardNumberChange({
     error
   }) {
@@ -75,6 +84,7 @@ class PaymentForm extends React.Component {
     } = this.props;
     onCardNumberChange(error);
   }
+
   handleCardExpiryChange({
     error
   }) {
@@ -83,6 +93,7 @@ class PaymentForm extends React.Component {
     } = this.props;
     onCardExpiryChange(error);
   }
+
   handleCardCvcChange({
     error
   }) {
@@ -91,6 +102,7 @@ class PaymentForm extends React.Component {
     } = this.props;
     onCardCvcChange(error);
   }
+
   render() {
     const {
       checkImage,
@@ -162,7 +174,9 @@ class PaymentForm extends React.Component {
       disabled: !submitButtonEnabled
     }, translate('payment_form_submit'))));
   }
+
 }
+
 PaymentForm.propTypes = process.env.NODE_ENV !== "production" ? {
   stripeKeyPublic: PropTypes.string.isRequired,
   stripeInstance: PropTypes.func.isRequired,