@coorpacademy/components 10.1.2 → 10.1.6

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/molecule/cm-popin/index.js"],"names":["React","PropTypes","NovaSolidInterfaceFeedbackInterfaceAlertDiamond","AlertDiamond","NovaSolidApplicationsWindowUpload3","WindowUpload","NovaSolidStatusClose","Close","classNames","Cta","style","CMPopin","props","content","firstButton","secondButton","onClose","icon","logo","LogoComponent","background","popin","popinHeader","headerCloseIconContainer","headerCloseIcon","contentSection","__html","buttonContainer","label","handleOnclick","button","buttonContent","type","dangerousButton","coloredButton","propTypes","string","shape","func","oneOf"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  NovaSolidInterfaceFeedbackInterfaceAlertDiamond as AlertDiamond,\n  NovaSolidApplicationsWindowUpload3 as WindowUpload,\n  NovaSolidStatusClose as Close\n} from '@coorpacademy/nova-icons';\nimport classNames from 'classnames';\nimport Cta from '../../atom/button';\nimport style from './style.css';\n\nconst CMPopin = props => {\n  const {content, firstButton, secondButton, onClose, icon} = props;\n\n  const logo = {\n    AlertDiamond,\n    WindowUpload\n  };\n  const LogoComponent = logo[icon];\n\n  return (\n    <div className={style.background}>\n      <div className={style.popin}>\n        <header className={style.popinHeader}>\n          {onClose ? (\n            <div\n              className={style.headerCloseIconContainer}\n              onClick={onClose}\n              data-name={'close-icon'}\n            >\n              <Close className={style.headerCloseIcon} />\n            </div>\n          ) : null}\n        </header>\n        <div className={style.contentSection}>\n          {LogoComponent ? <LogoComponent className={style.icon} /> : null}\n          <p\n            className={style.content}\n            data-name={`cm-popin-content`}\n            // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={{__html: content}}\n          />\n        </div>\n\n        <div className={style.buttonContainer}>\n          {firstButton ? (\n            <Cta\n              submitValue={firstButton.label}\n              onClick={firstButton.handleOnclick}\n              name={`cm-popin-cta`}\n              className={style.button}\n              buttonContentClassName={style.buttonContent}\n            />\n          ) : null}\n          {secondButton ? (\n            <Cta\n              submitValue={secondButton.label}\n              onClick={secondButton.handleOnclick}\n              name={`cm-popin-cta-${secondButton.type}`}\n              className={style.button}\n              buttonContentClassName={classNames([\n                style.buttonContent,\n                secondButton.type === 'dangerous' ? style.dangerousButton : style.coloredButton\n              ])}\n            />\n          ) : null}\n        </div>\n      </div>\n      )\n    </div>\n  );\n};\n\nCMPopin.propTypes = {\n  content: PropTypes.string,\n  firstButton: PropTypes.shape({\n    label: PropTypes.string,\n    handleOnclick: PropTypes.func\n  }),\n  secondButton: PropTypes.shape({\n    label: PropTypes.string,\n    handleOnclick: PropTypes.func,\n    type: PropTypes.oneOf(['warning', 'warningWithClose', 'dangerous', 'default'])\n  }),\n  onClose: PropTypes.func,\n  icon: PropTypes.string\n};\n\nexport default CMPopin;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/molecule/cm-popin/index.js"],"names":["React","PropTypes","NovaSolidInterfaceFeedbackInterfaceAlertDiamond","AlertDiamond","NovaSolidApplicationsWindowUpload3","WindowUpload","NovaSolidStatusClose","Close","Cta","style","CMPopin","props","content","firstButton","secondButton","onClose","icon","logo","LogoComponent","background","popin","popinHeader","headerCloseIconContainer","headerCloseIcon","contentSection","__html","buttonContainer","button","label","handleOnclick","type","propTypes","string","shape","func","oneOf"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  NovaSolidInterfaceFeedbackInterfaceAlertDiamond as AlertDiamond,\n  NovaSolidApplicationsWindowUpload3 as WindowUpload,\n  NovaSolidStatusClose as Close\n} from '@coorpacademy/nova-icons';\nimport Cta from '../../atom/button-link';\nimport style from './style.css';\n\nconst CMPopin = props => {\n  const {content, firstButton, secondButton, onClose, icon} = props;\n\n  const logo = {\n    AlertDiamond,\n    WindowUpload\n  };\n  const LogoComponent = logo[icon];\n\n  return (\n    <div className={style.background}>\n      <div className={style.popin}>\n        <header className={style.popinHeader}>\n          {onClose ? (\n            <div\n              className={style.headerCloseIconContainer}\n              onClick={onClose}\n              data-name={'close-icon'}\n            >\n              <Close className={style.headerCloseIcon} />\n            </div>\n          ) : null}\n        </header>\n        <div className={style.contentSection}>\n          {LogoComponent ? <LogoComponent className={style.icon} /> : null}\n          <p\n            className={style.content}\n            data-name={`cm-popin-content`}\n            // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={{__html: content}}\n          />\n        </div>\n\n        <div className={style.buttonContainer}>\n          {firstButton ? (\n            <div className={style.button}>\n              <Cta\n                label={firstButton.label}\n                onClick={firstButton.handleOnclick}\n                data-name={`cm-popin-cta`}\n                aria-label={firstButton['aria-label']}\n                type={firstButton.type}\n              />\n            </div>\n          ) : null}\n          {secondButton ? (\n            <div className={style.button}>\n              <Cta\n                label={secondButton.label}\n                onClick={secondButton.handleOnclick}\n                data-name={`cm-popin-cta-${secondButton.type}`}\n                aria-label={firstButton['aria-label']}\n                type={secondButton.type}\n              />\n            </div>\n          ) : null}\n        </div>\n      </div>\n      )\n    </div>\n  );\n};\n\nCMPopin.propTypes = {\n  content: PropTypes.string,\n  firstButton: PropTypes.shape({\n    label: PropTypes.string,\n    handleOnclick: PropTypes.func,\n    'aria-label': PropTypes.string,\n    type: PropTypes.string\n  }),\n  secondButton: PropTypes.shape({\n    label: PropTypes.string,\n    handleOnclick: PropTypes.func,\n    type: PropTypes.oneOf(['dangerous', 'primary']),\n    'aria-label': PropTypes.string\n  }),\n  onClose: PropTypes.func,\n  icon: PropTypes.string\n};\n\nexport default CMPopin;\n"],"file":"index.js"}

package/es/molecule/cm-popin/style.css

@@ -74,52 +74,10 @@
 }
 
 .button {
-  min-width: auto;
-  margin: 0px 8px;
-  border-radius: 7px;
-  transform: none;
-}
-
-.dangerousButton {
-  background-color: cm_negative_100;
-  color: white;
-}
-
-.coloredButton {
-  background-color: cm_primary_blue;
-  color: white;
-}
-
-.dangerousButton:hover {
-  background-color: cm_negative_200;
-}
-
-.coloredButton:hover {
-  background-color: cm_blue_600;
+  width: 160px;
+  padding: 8px;
 }
 
-.button::after,
-.button:hover::after,
-.button:focus::after,
-.button:active::after {
-  transform: none;
-}
-
-
-.buttonContent {
-  width: 180px;
-  padding: 12px 24px;
-  line-height: 1.43;
-  font-size: 14px;
-  font-weight: bold;
-  display: block;
-  text-transform: inherit;
-  font-family: Gilroy;
-  text-align: center;
-  box-sizing: border-box;
-  border: none;
-  cursor: pointer;
-}
 .icon {
   width: 60px;
   height: 60px;

package/es/molecule/cm-popin/test/fixtures/dangerous.js

@@ -4,11 +4,14 @@ export default {
     icon: 'AlertDiamond',
     firstButton: {
       label: 'Cancel',
+      type: 'secondary',
+      'aria-label': 'Cancel this operation',
       handleOnClick: () => {}
     },
     secondButton: {
       label: 'Undo',
       type: 'dangerous',
+      'aria-label': 'Undo this operation',
       handleOnClick: () => {}
     }
   }

package/es/molecule/cm-popin/test/fixtures/dangerous.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/molecule/cm-popin/test/fixtures/dangerous.js"],"names":["props","content","icon","firstButton","label","handleOnClick","secondButton","type"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,OAAO,EAAE,2DADJ;AAELC,IAAAA,IAAI,EAAE,cAFD;AAGLC,IAAAA,WAAW,EAAE;AACXC,MAAAA,KAAK,EAAE,QADI;AAEXC,MAAAA,aAAa,EAAE,MAAM,CAAE;AAFZ,KAHR;AAOLC,IAAAA,YAAY,EAAE;AACZF,MAAAA,KAAK,EAAE,MADK;AAEZG,MAAAA,IAAI,EAAE,WAFM;AAGZF,MAAAA,aAAa,EAAE,MAAM,CAAE;AAHX;AAPT;AADM,CAAf","sourcesContent":["export default {\n  props: {\n    content: 'Are you sure to undo this changes? This will be permanent',\n    icon: 'AlertDiamond',\n    firstButton: {\n      label: 'Cancel',\n      handleOnClick: () => {}\n    },\n    secondButton: {\n      label: 'Undo',\n      type: 'dangerous',\n      handleOnClick: () => {}\n    }\n  }\n};\n"],"file":"dangerous.js"}
+{"version":3,"sources":["../../../../../src/molecule/cm-popin/test/fixtures/dangerous.js"],"names":["props","content","icon","firstButton","label","type","handleOnClick","secondButton"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,OAAO,EAAE,2DADJ;AAELC,IAAAA,IAAI,EAAE,cAFD;AAGLC,IAAAA,WAAW,EAAE;AACXC,MAAAA,KAAK,EAAE,QADI;AAEXC,MAAAA,IAAI,EAAE,WAFK;AAGX,oBAAc,uBAHH;AAIXC,MAAAA,aAAa,EAAE,MAAM,CAAE;AAJZ,KAHR;AASLC,IAAAA,YAAY,EAAE;AACZH,MAAAA,KAAK,EAAE,MADK;AAEZC,MAAAA,IAAI,EAAE,WAFM;AAGZ,oBAAc,qBAHF;AAIZC,MAAAA,aAAa,EAAE,MAAM,CAAE;AAJX;AATT;AADM,CAAf","sourcesContent":["export default {\n  props: {\n    content: 'Are you sure to undo this changes? This will be permanent',\n    icon: 'AlertDiamond',\n    firstButton: {\n      label: 'Cancel',\n      type: 'secondary',\n      'aria-label': 'Cancel this operation',\n      handleOnClick: () => {}\n    },\n    secondButton: {\n      label: 'Undo',\n      type: 'dangerous',\n      'aria-label': 'Undo this operation',\n      handleOnClick: () => {}\n    }\n  }\n};\n"],"file":"dangerous.js"}

package/es/molecule/cm-popin/test/fixtures/default.js

@@ -4,12 +4,15 @@ export default {
     icon: 'WindowUpload',
     firstButton: {
       label: 'Cancel',
-      handleOnClick: () => {}
+      type: 'secondary',
+      handleOnClick: () => {},
+      'aria-label': 'Cancel this operation'
     },
     secondButton: {
       label: 'Undo',
-      type: 'warning',
-      handleOnClick: () => {}
+      type: 'primary',
+      handleOnClick: () => {},
+      'aria-label': 'Undo this operation'
     }
   }
 };

package/es/molecule/cm-popin/test/fixtures/default.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/molecule/cm-popin/test/fixtures/default.js"],"names":["props","content","icon","firstButton","label","handleOnClick","secondButton","type"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,OAAO,EAAE,6CADJ;AAELC,IAAAA,IAAI,EAAE,cAFD;AAGLC,IAAAA,WAAW,EAAE;AACXC,MAAAA,KAAK,EAAE,QADI;AAEXC,MAAAA,aAAa,EAAE,MAAM,CAAE;AAFZ,KAHR;AAOLC,IAAAA,YAAY,EAAE;AACZF,MAAAA,KAAK,EAAE,MADK;AAEZG,MAAAA,IAAI,EAAE,SAFM;AAGZF,MAAAA,aAAa,EAAE,MAAM,CAAE;AAHX;AAPT;AADM,CAAf","sourcesContent":["export default {\n  props: {\n    content: 'Do you want to publish the custom playlist?',\n    icon: 'WindowUpload',\n    firstButton: {\n      label: 'Cancel',\n      handleOnClick: () => {}\n    },\n    secondButton: {\n      label: 'Undo',\n      type: 'warning',\n      handleOnClick: () => {}\n    }\n  }\n};\n"],"file":"default.js"}
+{"version":3,"sources":["../../../../../src/molecule/cm-popin/test/fixtures/default.js"],"names":["props","content","icon","firstButton","label","type","handleOnClick","secondButton"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,OAAO,EAAE,6CADJ;AAELC,IAAAA,IAAI,EAAE,cAFD;AAGLC,IAAAA,WAAW,EAAE;AACXC,MAAAA,KAAK,EAAE,QADI;AAEXC,MAAAA,IAAI,EAAE,WAFK;AAGXC,MAAAA,aAAa,EAAE,MAAM,CAAE,CAHZ;AAIX,oBAAc;AAJH,KAHR;AASLC,IAAAA,YAAY,EAAE;AACZH,MAAAA,KAAK,EAAE,MADK;AAEZC,MAAAA,IAAI,EAAE,SAFM;AAGZC,MAAAA,aAAa,EAAE,MAAM,CAAE,CAHX;AAIZ,oBAAc;AAJF;AATT;AADM,CAAf","sourcesContent":["export default {\n  props: {\n    content: 'Do you want to publish the custom playlist?',\n    icon: 'WindowUpload',\n    firstButton: {\n      label: 'Cancel',\n      type: 'secondary',\n      handleOnClick: () => {},\n      'aria-label': 'Cancel this operation'\n    },\n    secondButton: {\n      label: 'Undo',\n      type: 'primary',\n      handleOnClick: () => {},\n      'aria-label': 'Undo this operation'\n    }\n  }\n};\n"],"file":"default.js"}

package/es/molecule/cm-popin/test/fixtures/warning-with-close.js

@@ -4,11 +4,14 @@ export default {
     icon: 'AlertDiamond',
     firstButton: {
       label: 'Quit without saving',
+      type: 'secondary',
+      'aria-label': 'Quit this operation without saving',
       handleOnClick: () => {}
     },
     secondButton: {
       label: 'Save & Quit',
-      type: 'warningWithClose',
+      type: 'primary',
+      'aria-label': 'Save and quit',
       handleOnClick: () => {}
     },
     onClose: () => console.log('onClose')

package/es/molecule/cm-popin/test/fixtures/warning-with-close.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/molecule/cm-popin/test/fixtures/warning-with-close.js"],"names":["props","content","icon","firstButton","label","handleOnClick","secondButton","type","onClose","console","log"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,OAAO,EAAE,6CADJ;AAELC,IAAAA,IAAI,EAAE,cAFD;AAGLC,IAAAA,WAAW,EAAE;AACXC,MAAAA,KAAK,EAAE,qBADI;AAEXC,MAAAA,aAAa,EAAE,MAAM,CAAE;AAFZ,KAHR;AAOLC,IAAAA,YAAY,EAAE;AACZF,MAAAA,KAAK,EAAE,aADK;AAEZG,MAAAA,IAAI,EAAE,kBAFM;AAGZF,MAAAA,aAAa,EAAE,MAAM,CAAE;AAHX,KAPT;AAYLG,IAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,SAAZ;AAZV;AADM,CAAf","sourcesContent":["export default {\n  props: {\n    content: 'Do you want to save changes before quiting?',\n    icon: 'AlertDiamond',\n    firstButton: {\n      label: 'Quit without saving',\n      handleOnClick: () => {}\n    },\n    secondButton: {\n      label: 'Save & Quit',\n      type: 'warningWithClose',\n      handleOnClick: () => {}\n    },\n    onClose: () => console.log('onClose')\n  }\n};\n"],"file":"warning-with-close.js"}
+{"version":3,"sources":["../../../../../src/molecule/cm-popin/test/fixtures/warning-with-close.js"],"names":["props","content","icon","firstButton","label","type","handleOnClick","secondButton","onClose","console","log"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,OAAO,EAAE,6CADJ;AAELC,IAAAA,IAAI,EAAE,cAFD;AAGLC,IAAAA,WAAW,EAAE;AACXC,MAAAA,KAAK,EAAE,qBADI;AAEXC,MAAAA,IAAI,EAAE,WAFK;AAGX,oBAAc,oCAHH;AAIXC,MAAAA,aAAa,EAAE,MAAM,CAAE;AAJZ,KAHR;AASLC,IAAAA,YAAY,EAAE;AACZH,MAAAA,KAAK,EAAE,aADK;AAEZC,MAAAA,IAAI,EAAE,SAFM;AAGZ,oBAAc,eAHF;AAIZC,MAAAA,aAAa,EAAE,MAAM,CAAE;AAJX,KATT;AAeLE,IAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,SAAZ;AAfV;AADM,CAAf","sourcesContent":["export default {\n  props: {\n    content: 'Do you want to save changes before quiting?',\n    icon: 'AlertDiamond',\n    firstButton: {\n      label: 'Quit without saving',\n      type: 'secondary',\n      'aria-label': 'Quit this operation without saving',\n      handleOnClick: () => {}\n    },\n    secondButton: {\n      label: 'Save & Quit',\n      type: 'primary',\n      'aria-label': 'Save and quit',\n      handleOnClick: () => {}\n    },\n    onClose: () => console.log('onClose')\n  }\n};\n"],"file":"warning-with-close.js"}

package/es/molecule/cm-popin/test/fixtures.js

@@ -0,0 +1,17 @@
+import test from 'ava';
+import forEach from 'lodash/forEach';
+import renderComponentMacro from '../../../test/helpers/render-component';
+import MoleculeCmPopin from '..';
+import fixtureDangerous from './fixtures/dangerous';
+import fixtureDefault from './fixtures/default';
+import fixtureWarningWithClose from './fixtures/warning-with-close';
+test('Molecule › MoleculeCmPopin > should have valid propTypes', t => {
+  t.pass();
+  forEach(MoleculeCmPopin.propTypes, (value, key) => {
+    t.not(value, undefined, `PropType for "Molecule.MoleculeCmPopin.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
+  });
+});
+test('Molecule › MoleculeCmPopin › Dangerous › should be rendered', renderComponentMacro, MoleculeCmPopin, fixtureDangerous);
+test('Molecule › MoleculeCmPopin › Default › should be rendered', renderComponentMacro, MoleculeCmPopin, fixtureDefault);
+test('Molecule › MoleculeCmPopin › WarningWithClose › should be rendered', renderComponentMacro, MoleculeCmPopin, fixtureWarningWithClose);
+//# sourceMappingURL=fixtures.js.map

package/es/molecule/cm-popin/test/fixtures.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/molecule/cm-popin/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","MoleculeCmPopin","fixtureDangerous","fixtureDefault","fixtureWarningWithClose","t","pass","propTypes","value","key","not","undefined"],"mappings":"AAAA,OAAOA,IAAP,MAAiB,KAAjB;AACA,OAAOC,OAAP,MAAoB,gBAApB;AACA,OAAOC,oBAAP,MAAiC,wCAAjC;AACA,OAAOC,eAAP,MAA4B,IAA5B;AACA,OAAOC,gBAAP,MAA6B,sBAA7B;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,uBAAP,MAAoC,+BAApC;AAEAN,IAAI,CAAC,0DAAD,EAA6DO,CAAC,IAAI;AACpEA,EAAAA,CAAC,CAACC,IAAF;AACAP,EAAAA,OAAO,CAACE,eAAe,CAACM,SAAjB,EAA4B,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACjDJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,oDAAmDF,GAAI,mEAAhF;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOAX,IAAI,CAAC,6DAAD,EAAgEE,oBAAhE,EAAsFC,eAAtF,EAAuGC,gBAAvG,CAAJ;AACAJ,IAAI,CAAC,2DAAD,EAA8DE,oBAA9D,EAAoFC,eAApF,EAAqGE,cAArG,CAAJ;AACAL,IAAI,CAAC,oEAAD,EAAuEE,oBAAvE,EAA6FC,eAA7F,EAA8GG,uBAA9G,CAAJ","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport MoleculeCmPopin from '..';\nimport fixtureDangerous from './fixtures/dangerous';\nimport fixtureDefault from './fixtures/default';\nimport fixtureWarningWithClose from './fixtures/warning-with-close';\n\ntest('Molecule › MoleculeCmPopin > should have valid propTypes', t => {\n  t.pass();\n  forEach(MoleculeCmPopin.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Molecule.MoleculeCmPopin.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Molecule › MoleculeCmPopin › Dangerous › should be rendered', renderComponentMacro, MoleculeCmPopin, fixtureDangerous);\ntest('Molecule › MoleculeCmPopin › Default › should be rendered', renderComponentMacro, MoleculeCmPopin, fixtureDefault);\ntest('Molecule › MoleculeCmPopin › WarningWithClose › should be rendered', renderComponentMacro, MoleculeCmPopin, fixtureWarningWithClose);\n"],"file":"fixtures.js"}

package/es/molecule/coorp-manager-roles/test/fixtures.js

@@ -0,0 +1,13 @@
+import test from 'ava';
+import forEach from 'lodash/forEach';
+import renderComponentMacro from '../../../test/helpers/render-component';
+import MoleculeCoorpManagerRoles from '..';
+import fixtureDefault from './fixtures/default';
+test('Molecule › MoleculeCoorpManagerRoles > should have valid propTypes', t => {
+  t.pass();
+  forEach(MoleculeCoorpManagerRoles.propTypes, (value, key) => {
+    t.not(value, undefined, `PropType for "Molecule.MoleculeCoorpManagerRoles.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
+  });
+});
+test('Molecule › MoleculeCoorpManagerRoles › Default › should be rendered', renderComponentMacro, MoleculeCoorpManagerRoles, fixtureDefault);
+//# sourceMappingURL=fixtures.js.map

package/es/molecule/coorp-manager-roles/test/fixtures.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/molecule/coorp-manager-roles/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","MoleculeCoorpManagerRoles","fixtureDefault","t","pass","propTypes","value","key","not","undefined"],"mappings":"AAAA,OAAOA,IAAP,MAAiB,KAAjB;AACA,OAAOC,OAAP,MAAoB,gBAApB;AACA,OAAOC,oBAAP,MAAiC,wCAAjC;AACA,OAAOC,yBAAP,MAAsC,IAAtC;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AAEAJ,IAAI,CAAC,oEAAD,EAAuEK,CAAC,IAAI;AAC9EA,EAAAA,CAAC,CAACC,IAAF;AACAL,EAAAA,OAAO,CAACE,yBAAyB,CAACI,SAA3B,EAAsC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AAC3DJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,8DAA6DF,GAAI,mEAA1F;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOAT,IAAI,CAAC,qEAAD,EAAwEE,oBAAxE,EAA8FC,yBAA9F,EAAyHC,cAAzH,CAAJ","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport MoleculeCoorpManagerRoles from '..';\nimport fixtureDefault from './fixtures/default';\n\ntest('Molecule › MoleculeCoorpManagerRoles > should have valid propTypes', t => {\n  t.pass();\n  forEach(MoleculeCoorpManagerRoles.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Molecule.MoleculeCoorpManagerRoles.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Molecule › MoleculeCoorpManagerRoles › Default › should be rendered', renderComponentMacro, MoleculeCoorpManagerRoles, fixtureDefault);\n"],"file":"fixtures.js"}

package/es/molecule/quick-access-card/test/fixtures.js

@@ -0,0 +1,21 @@
+import test from 'ava';
+import forEach from 'lodash/forEach';
+import renderComponentMacro from '../../../test/helpers/render-component';
+import MoleculeQuickAccessCard from '..';
+import fixtureAnalytics from './fixtures/analytics';
+import fixtureDefault from './fixtures/default';
+import fixtureLookAndFeel from './fixtures/look-and-feel';
+import fixtureMassiveBattle from './fixtures/massive-battle';
+import fixtureUploadUsers from './fixtures/upload-users';
+test('Molecule › MoleculeQuickAccessCard > should have valid propTypes', t => {
+  t.pass();
+  forEach(MoleculeQuickAccessCard.propTypes, (value, key) => {
+    t.not(value, undefined, `PropType for "Molecule.MoleculeQuickAccessCard.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
+  });
+});
+test('Molecule › MoleculeQuickAccessCard › Analytics › should be rendered', renderComponentMacro, MoleculeQuickAccessCard, fixtureAnalytics);
+test('Molecule › MoleculeQuickAccessCard › Default › should be rendered', renderComponentMacro, MoleculeQuickAccessCard, fixtureDefault);
+test('Molecule › MoleculeQuickAccessCard › LookAndFeel › should be rendered', renderComponentMacro, MoleculeQuickAccessCard, fixtureLookAndFeel);
+test('Molecule › MoleculeQuickAccessCard › MassiveBattle › should be rendered', renderComponentMacro, MoleculeQuickAccessCard, fixtureMassiveBattle);
+test('Molecule › MoleculeQuickAccessCard › UploadUsers › should be rendered', renderComponentMacro, MoleculeQuickAccessCard, fixtureUploadUsers);
+//# sourceMappingURL=fixtures.js.map

package/es/molecule/quick-access-card/test/fixtures.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/molecule/quick-access-card/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","MoleculeQuickAccessCard","fixtureAnalytics","fixtureDefault","fixtureLookAndFeel","fixtureMassiveBattle","fixtureUploadUsers","t","pass","propTypes","value","key","not","undefined"],"mappings":"AAAA,OAAOA,IAAP,MAAiB,KAAjB;AACA,OAAOC,OAAP,MAAoB,gBAApB;AACA,OAAOC,oBAAP,MAAiC,wCAAjC;AACA,OAAOC,uBAAP,MAAoC,IAApC;AACA,OAAOC,gBAAP,MAA6B,sBAA7B;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,kBAAP,MAA+B,0BAA/B;AACA,OAAOC,oBAAP,MAAiC,2BAAjC;AACA,OAAOC,kBAAP,MAA+B,yBAA/B;AAEAR,IAAI,CAAC,kEAAD,EAAqES,CAAC,IAAI;AAC5EA,EAAAA,CAAC,CAACC,IAAF;AACAT,EAAAA,OAAO,CAACE,uBAAuB,CAACQ,SAAzB,EAAoC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACzDJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,4DAA2DF,GAAI,mEAAxF;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOAb,IAAI,CAAC,qEAAD,EAAwEE,oBAAxE,EAA8FC,uBAA9F,EAAuHC,gBAAvH,CAAJ;AACAJ,IAAI,CAAC,mEAAD,EAAsEE,oBAAtE,EAA4FC,uBAA5F,EAAqHE,cAArH,CAAJ;AACAL,IAAI,CAAC,uEAAD,EAA0EE,oBAA1E,EAAgGC,uBAAhG,EAAyHG,kBAAzH,CAAJ;AACAN,IAAI,CAAC,yEAAD,EAA4EE,oBAA5E,EAAkGC,uBAAlG,EAA2HI,oBAA3H,CAAJ;AACAP,IAAI,CAAC,uEAAD,EAA0EE,oBAA1E,EAAgGC,uBAAhG,EAAyHK,kBAAzH,CAAJ","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport MoleculeQuickAccessCard from '..';\nimport fixtureAnalytics from './fixtures/analytics';\nimport fixtureDefault from './fixtures/default';\nimport fixtureLookAndFeel from './fixtures/look-and-feel';\nimport fixtureMassiveBattle from './fixtures/massive-battle';\nimport fixtureUploadUsers from './fixtures/upload-users';\n\ntest('Molecule › MoleculeQuickAccessCard > should have valid propTypes', t => {\n  t.pass();\n  forEach(MoleculeQuickAccessCard.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Molecule.MoleculeQuickAccessCard.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Molecule › MoleculeQuickAccessCard › Analytics › should be rendered', renderComponentMacro, MoleculeQuickAccessCard, fixtureAnalytics);\ntest('Molecule › MoleculeQuickAccessCard › Default › should be rendered', renderComponentMacro, MoleculeQuickAccessCard, fixtureDefault);\ntest('Molecule › MoleculeQuickAccessCard › LookAndFeel › should be rendered', renderComponentMacro, MoleculeQuickAccessCard, fixtureLookAndFeel);\ntest('Molecule › MoleculeQuickAccessCard › MassiveBattle › should be rendered', renderComponentMacro, MoleculeQuickAccessCard, fixtureMassiveBattle);\ntest('Molecule › MoleculeQuickAccessCard › UploadUsers › should be rendered', renderComponentMacro, MoleculeQuickAccessCard, fixtureUploadUsers);\n"],"file":"fixtures.js"}

package/es/molecule/quick-access-cards-group/test/fixtures.js

@@ -0,0 +1,21 @@
+import test from 'ava';
+import forEach from 'lodash/forEach';
+import renderComponentMacro from '../../../test/helpers/render-component';
+import MoleculeQuickAccessCardsGroup from '..';
+import fixtureDefault from './fixtures/default';
+import fixtureLoading from './fixtures/loading';
+import fixtureOneCard from './fixtures/one-card';
+import fixtureThreeCards from './fixtures/three-cards';
+import fixtureTwoCards from './fixtures/two-cards';
+test('Molecule › MoleculeQuickAccessCardsGroup > should have valid propTypes', t => {
+  t.pass();
+  forEach(MoleculeQuickAccessCardsGroup.propTypes, (value, key) => {
+    t.not(value, undefined, `PropType for "Molecule.MoleculeQuickAccessCardsGroup.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
+  });
+});
+test('Molecule › MoleculeQuickAccessCardsGroup › Default › should be rendered', renderComponentMacro, MoleculeQuickAccessCardsGroup, fixtureDefault);
+test('Molecule › MoleculeQuickAccessCardsGroup › Loading › should be rendered', renderComponentMacro, MoleculeQuickAccessCardsGroup, fixtureLoading);
+test('Molecule › MoleculeQuickAccessCardsGroup › OneCard › should be rendered', renderComponentMacro, MoleculeQuickAccessCardsGroup, fixtureOneCard);
+test('Molecule › MoleculeQuickAccessCardsGroup › ThreeCards › should be rendered', renderComponentMacro, MoleculeQuickAccessCardsGroup, fixtureThreeCards);
+test('Molecule › MoleculeQuickAccessCardsGroup › TwoCards › should be rendered', renderComponentMacro, MoleculeQuickAccessCardsGroup, fixtureTwoCards);
+//# sourceMappingURL=fixtures.js.map

package/es/molecule/quick-access-cards-group/test/fixtures.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/molecule/quick-access-cards-group/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","MoleculeQuickAccessCardsGroup","fixtureDefault","fixtureLoading","fixtureOneCard","fixtureThreeCards","fixtureTwoCards","t","pass","propTypes","value","key","not","undefined"],"mappings":"AAAA,OAAOA,IAAP,MAAiB,KAAjB;AACA,OAAOC,OAAP,MAAoB,gBAApB;AACA,OAAOC,oBAAP,MAAiC,wCAAjC;AACA,OAAOC,6BAAP,MAA0C,IAA1C;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,cAAP,MAA2B,qBAA3B;AACA,OAAOC,iBAAP,MAA8B,wBAA9B;AACA,OAAOC,eAAP,MAA4B,sBAA5B;AAEAR,IAAI,CAAC,wEAAD,EAA2ES,CAAC,IAAI;AAClFA,EAAAA,CAAC,CAACC,IAAF;AACAT,EAAAA,OAAO,CAACE,6BAA6B,CAACQ,SAA/B,EAA0C,CAACC,KAAD,EAAQC,GAAR,KAAgB;AAC/DJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,kEAAiEF,GAAI,mEAA9F;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOAb,IAAI,CAAC,yEAAD,EAA4EE,oBAA5E,EAAkGC,6BAAlG,EAAiIC,cAAjI,CAAJ;AACAJ,IAAI,CAAC,yEAAD,EAA4EE,oBAA5E,EAAkGC,6BAAlG,EAAiIE,cAAjI,CAAJ;AACAL,IAAI,CAAC,yEAAD,EAA4EE,oBAA5E,EAAkGC,6BAAlG,EAAiIG,cAAjI,CAAJ;AACAN,IAAI,CAAC,4EAAD,EAA+EE,oBAA/E,EAAqGC,6BAArG,EAAoII,iBAApI,CAAJ;AACAP,IAAI,CAAC,0EAAD,EAA6EE,oBAA7E,EAAmGC,6BAAnG,EAAkIK,eAAlI,CAAJ","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport MoleculeQuickAccessCardsGroup from '..';\nimport fixtureDefault from './fixtures/default';\nimport fixtureLoading from './fixtures/loading';\nimport fixtureOneCard from './fixtures/one-card';\nimport fixtureThreeCards from './fixtures/three-cards';\nimport fixtureTwoCards from './fixtures/two-cards';\n\ntest('Molecule › MoleculeQuickAccessCardsGroup > should have valid propTypes', t => {\n  t.pass();\n  forEach(MoleculeQuickAccessCardsGroup.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Molecule.MoleculeQuickAccessCardsGroup.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Molecule › MoleculeQuickAccessCardsGroup › Default › should be rendered', renderComponentMacro, MoleculeQuickAccessCardsGroup, fixtureDefault);\ntest('Molecule › MoleculeQuickAccessCardsGroup › Loading › should be rendered', renderComponentMacro, MoleculeQuickAccessCardsGroup, fixtureLoading);\ntest('Molecule › MoleculeQuickAccessCardsGroup › OneCard › should be rendered', renderComponentMacro, MoleculeQuickAccessCardsGroup, fixtureOneCard);\ntest('Molecule › MoleculeQuickAccessCardsGroup › ThreeCards › should be rendered', renderComponentMacro, MoleculeQuickAccessCardsGroup, fixtureThreeCards);\ntest('Molecule › MoleculeQuickAccessCardsGroup › TwoCards › should be rendered', renderComponentMacro, MoleculeQuickAccessCardsGroup, fixtureTwoCards);\n"],"file":"fixtures.js"}

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

@@ -5,7 +5,7 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 import React, { useMemo } from 'react';
 import PropTypes from 'prop-types';
 import { NovaCompositionNavigationMore as ClearIcon } from '@coorpacademy/nova-icons';
-import Search from '../search';
+import Search from '../../atom/input-search';
 import style from './style.css';
 
 const SearchForm = (props, context) => {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/molecule/search-form/index.js"],"names":["React","useMemo","PropTypes","NovaCompositionNavigationMore","ClearIcon","Search","style","SearchForm","props","context","action","method","onSubmit","onReset","search","onSearchFocus","onSearchBlur","handleSubmit","evt","preventDefault","skin","dark","form","value","wrapperClear","wrapperNoClear","clear","propTypes","string","func","shape"],"mappings":";;;;AAAA,OAAOA,KAAP,IAAeC,OAAf,QAA6B,OAA7B;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,SAAQC,6BAA6B,IAAIC,SAAzC,QAAyD,0BAAzD;AACA,OAAOC,MAAP,MAAmB,WAAnB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,UAAU,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;AACrC,QAAM;AAACC,IAAAA,MAAD;AAASC,IAAAA,MAAT;AAAiBC,IAAAA,QAAjB;AAA2BC,IAAAA,OAA3B;AAAoCC,IAAAA,MAApC;AAA4CC,IAAAA,aAA5C;AAA2DC,IAAAA;AAA3D,MAA2ER,KAAjF;AACA,QAAMS,YAAY,GAAGhB,OAAO,CAC1B,MAAMiB,GAAG,IAAI;AACXA,IAAAA,GAAG,CAACC,cAAJ;AACA,WAAOP,QAAQ,IAAIA,QAAQ,CAACM,GAAD,CAA3B;AACD,GAJyB,EAK1B,CAACN,QAAD,CAL0B,CAA5B;AAOA,QAAM;AAACQ,IAAAA;AAAD,MAASX,OAAf;;AACA,QAAMY,IAAI,GAAG,KAAI,aAAJ,EAAmBD,IAAnB,CAAb;;AAEA,sBACE;AACE,IAAA,SAAS,EAAEd,KAAK,CAACgB,IADnB;AAEE,IAAA,MAAM,EAAEZ,MAFV;AAGE,IAAA,MAAM,EAAEC,MAHV;AAIE,IAAA,QAAQ,EAAEM,YAJZ;AAKE,iBAAU;AALZ,kBAOE,oBAAC,MAAD,eAAYH,MAAZ;AAAoB,IAAA,OAAO,EAAEC,aAA7B;AAA4C,IAAA,MAAM,EAAEC;AAApD,KAPF,eAQE;AACE,iBAAU,mBADZ;AAEE,IAAA,OAAO,EAAEH,OAFX;AAGE,IAAA,SAAS,EAAEC,MAAM,CAACS,KAAP,GAAejB,KAAK,CAACkB,YAArB,GAAoClB,KAAK,CAACmB;AAHvD,kBAKE,oBAAC,SAAD;AAAW,IAAA,KAAK,EAAEJ,IAAlB;AAAwB,IAAA,SAAS,EAAEf,KAAK,CAACoB;AAAzC,IALF,CARF,CADF;AAkBD,CA9BD;;AAgCAnB,UAAU,CAACoB,SAAX,2CAAuB;AACrBjB,EAAAA,MAAM,EAAER,SAAS,CAAC0B,MADG;AAErBjB,EAAAA,MAAM,EAAET,SAAS,CAAC0B,MAFG;AAGrBhB,EAAAA,QAAQ,EAAEV,SAAS,CAAC2B,IAHC;AAIrBhB,EAAAA,OAAO,EAAEX,SAAS,CAAC2B,IAJE;AAKrBd,EAAAA,aAAa,EAAEb,SAAS,CAAC2B,IALJ;AAMrBb,EAAAA,YAAY,EAAEd,SAAS,CAAC2B,IANH;AAOrBf,EAAAA,MAAM,EAAEZ,SAAS,CAAC4B,KAAV,CAAgBzB,MAAM,CAACsB,SAAvB;AAPa,CAAvB;AAUA,eAAepB,UAAf","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 '../search';\nimport style from './style.css';\n\nconst SearchForm = (props, context) => {\n  const {action, method, onSubmit, onReset, search, onSearchFocus, onSearchBlur} = 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    >\n      <Search {...search} onFocus={onSearchFocus} onBlur={onSearchBlur} />\n      <div\n        data-name=\"search-form-reset\"\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};\n\nexport default SearchForm;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/molecule/search-form/index.js"],"names":["React","useMemo","PropTypes","NovaCompositionNavigationMore","ClearIcon","Search","style","SearchForm","props","context","action","method","onSubmit","onReset","search","onSearchFocus","onSearchBlur","handleSubmit","evt","preventDefault","skin","dark","form","value","wrapperClear","wrapperNoClear","clear","propTypes","string","func","shape"],"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;AACrC,QAAM;AAACC,IAAAA,MAAD;AAASC,IAAAA,MAAT;AAAiBC,IAAAA,QAAjB;AAA2BC,IAAAA,OAA3B;AAAoCC,IAAAA,MAApC;AAA4CC,IAAAA,aAA5C;AAA2DC,IAAAA;AAA3D,MAA2ER,KAAjF;AACA,QAAMS,YAAY,GAAGhB,OAAO,CAC1B,MAAMiB,GAAG,IAAI;AACXA,IAAAA,GAAG,CAACC,cAAJ;AACA,WAAOP,QAAQ,IAAIA,QAAQ,CAACM,GAAD,CAA3B;AACD,GAJyB,EAK1B,CAACN,QAAD,CAL0B,CAA5B;AAOA,QAAM;AAACQ,IAAAA;AAAD,MAASX,OAAf;;AACA,QAAMY,IAAI,GAAG,KAAI,aAAJ,EAAmBD,IAAnB,CAAb;;AAEA,sBACE;AACE,IAAA,SAAS,EAAEd,KAAK,CAACgB,IADnB;AAEE,IAAA,MAAM,EAAEZ,MAFV;AAGE,IAAA,MAAM,EAAEC,MAHV;AAIE,IAAA,QAAQ,EAAEM,YAJZ;AAKE,iBAAU;AALZ,kBAOE,oBAAC,MAAD,eAAYH,MAAZ;AAAoB,IAAA,OAAO,EAAEC,aAA7B;AAA4C,IAAA,MAAM,EAAEC;AAApD,KAPF,eAQE;AACE,iBAAU,mBADZ;AAEE,IAAA,OAAO,EAAEH,OAFX;AAGE,IAAA,SAAS,EAAEC,MAAM,CAACS,KAAP,GAAejB,KAAK,CAACkB,YAArB,GAAoClB,KAAK,CAACmB;AAHvD,kBAKE,oBAAC,SAAD;AAAW,IAAA,KAAK,EAAEJ,IAAlB;AAAwB,IAAA,SAAS,EAAEf,KAAK,CAACoB;AAAzC,IALF,CARF,CADF;AAkBD,CA9BD;;AAgCAnB,UAAU,CAACoB,SAAX,2CAAuB;AACrBjB,EAAAA,MAAM,EAAER,SAAS,CAAC0B,MADG;AAErBjB,EAAAA,MAAM,EAAET,SAAS,CAAC0B,MAFG;AAGrBhB,EAAAA,QAAQ,EAAEV,SAAS,CAAC2B,IAHC;AAIrBhB,EAAAA,OAAO,EAAEX,SAAS,CAAC2B,IAJE;AAKrBd,EAAAA,aAAa,EAAEb,SAAS,CAAC2B,IALJ;AAMrBb,EAAAA,YAAY,EAAEd,SAAS,CAAC2B,IANH;AAOrBf,EAAAA,MAAM,EAAEZ,SAAS,CAAC4B,KAAV,CAAgBzB,MAAM,CAACsB,SAAvB;AAPa,CAAvB;AAUA,eAAepB,UAAf","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 {action, method, onSubmit, onReset, search, onSearchFocus, onSearchBlur} = 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    >\n      <Search {...search} onFocus={onSearchFocus} onBlur={onSearchBlur} />\n      <div\n        data-name=\"search-form-reset\"\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};\n\nexport default SearchForm;\n"],"file":"index.js"}

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

@@ -7,9 +7,7 @@ import _map from "lodash/fp/map";
 
 function _extends() { _extends = Object.assign || 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); }
 
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-import React from 'react';
+import React, { useState, useEffect, useRef, useCallback } from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
 import { NovaCompositionNavigationArrowDown as ArrowDown } from '@coorpacademy/nova-icons';
@@ -22,155 +20,124 @@ const themeStyle = {
   cockpit: style.cockpit,
   sidebar: style.sidebar
 };
+export const useChoices = options => {
+  const choicesRef = useRef(options);
 
-class SelectMultiple extends React.Component {
-  constructor(props) {
-    super(props);
-
-    _defineProperty(this, "handleOnClick", e => {
-      const {
-        opened
-      } = this.state;
-      e.preventDefault();
-      e.stopPropagation();
-      this.setState({
-        opened: !opened
-      });
-    });
-
-    _defineProperty(this, "closeHandle", e => {
-      if (this.node && !this.node.contains(e.target)) {
-        this.setState({
-          opened: false
-        });
-      }
-    });
-
-    _defineProperty(this, "handleChange", choice => {
-      const {
-        multiple,
-        onChange
-      } = this.props; // if multiple prop is turned on
-      // we return all selected choices
-
-      if (multiple) {
-        this.choices = choice;
-        return onChange(this.choices);
-      }
-
-      return onChange(choice);
-    });
-
-    this.state = {
-      opened: false
-    };
-    this.node = null;
+  const getChoices = () => {
+    return choicesRef.current;
+  };
 
-    this.setNode = el => this.node = el;
-  }
+  const setChoices = choice => {
+    const choices = _set(`[${choice.i}].selected`, !choice.selected, getChoices());
 
-  componentDidMount() {
-    if (typeof document !== 'undefined') {
-      document.addEventListener('click', this.closeHandle);
-      document.addEventListener('touchstart', this.closeHandle);
-    }
-  }
+    choicesRef.current = choices.filter(c => c.selected);
+  };
 
-  componentWillUnmount() {
-    if (typeof document !== 'undefined') {
-      document.removeEventListener('click', this.closeHandle);
-      document.removeEventListener('touchstart', this.closeHandle);
+  return [getChoices, setChoices];
+};
+
+const SelectMultiple = ({
+  title,
+  options,
+  theme,
+  placeholder,
+  description,
+  multiple,
+  onChange,
+  modified = false,
+  required = false,
+  error = false
+}, {
+  skin
+}) => {
+  const [isOpened, updateIsOpened] = useState(false);
+  const [getChoices, setChoices] = useChoices(options);
+  const nodeRef = useRef(null);
+
+  const defaultColor = _get('common.primary', skin);
+
+  const black = _get('common.black', skin);
+
+  const handleOnClick = useCallback(e => {
+    e.preventDefault();
+    e.stopPropagation();
+    updateIsOpened(prev => !prev);
+  }, []);
+  const closeHandle = useCallback(e => {
+    if (nodeRef && nodeRef.current && !nodeRef.current.contains(e.target)) {
+      updateIsOpened(false);
     }
-  }
-
-  set choices(choice) {
-    const choices = _set(`[${choice.i}].selected`, !choice.selected, this._choices);
-
-    this._choices = choices.filter(c => c.selected);
-  }
-
-  get choices() {
-    return this._choices;
-  }
-
-  render() {
-    const {
-      skin
-    } = this.context;
-
-    const defaultColor = _get('common.primary', skin);
-
-    const black = _get('common.black', skin);
-
-    const {
-      title,
-      options,
-      theme,
-      placeholder,
-      description,
-      modified = false,
-      required = false,
-      error = false
-    } = this.props;
-    const {
-      opened
-    } = this.state;
-    this._choices = options;
-
-    const lines = _map.convert({
-      cap: false
-    })((choice, i) => {
-      return /*#__PURE__*/React.createElement("li", {
-        key: i,
-        className: style.choice
-      }, /*#__PURE__*/React.createElement(TitledCheckbox, {
-        onToggle: this.handleChange,
-        choice: _extends(_extends({}, choice), {}, {
-          i
-        }),
-        background: defaultColor
-      }));
-    }, options);
-
-    const selection = _pipe(_filter({
-      selected: true
-    }), _map('name'), _join(', '))(options);
-
-    const _title = title && `${title}${required ? ' *' : ''}`;
-
-    const titleView = title ? /*#__PURE__*/React.createElement("span", {
-      className: style.title
-    }, _title, " ") : null;
-    const isActive = opened === true;
-    const mainClass = theme ? themeStyle[theme] : style.default;
-    const behaviourClassName = getClassState(style.default, style.modified, style.error, modified, error);
-    return /*#__PURE__*/React.createElement("div", {
-      className: classnames(mainClass, behaviourClassName),
-      ref: this.setNode
-    }, /*#__PURE__*/React.createElement("label", null, titleView, /*#__PURE__*/React.createElement("div", {
-      className: style.select,
-      title: selection || placeholder,
-      onClick: this.handleOnClick
-    }, selection || placeholder, /*#__PURE__*/React.createElement(ArrowDown, {
-      color: black,
-      className: classnames(style.arrow, {
-        [style.down]: isActive
-      })
-    })), /*#__PURE__*/React.createElement("div", {
-      className: isActive ? style.activeChoices : style.choices
-    }, /*#__PURE__*/React.createElement("ul", {
-      className: style.list
-    }, lines))), /*#__PURE__*/React.createElement("div", {
-      className: style.description
-    }, description));
-  }
-
-}
-
-_defineProperty(SelectMultiple, "contextTypes", {
-  skin: Provider.childContextTypes.skin
-});
+  }, []);
+  const handleChange = useCallback(choice => {
+    // if multiple prop is turned on
+    // we return all selected choices
+    if (multiple) {
+      setChoices(choice);
+      return onChange(getChoices());
+    }
+
+    return onChange(choice);
+  }, [setChoices, multiple, onChange]);
+  useEffect(() => {
+    document.addEventListener('click', closeHandle);
+    document.addEventListener('touchstart', closeHandle);
+    return () => {
+      document.removeEventListener('click', closeHandle);
+      document.removeEventListener('touchstart', closeHandle);
+    };
+  }, [closeHandle]);
+
+  const lines = _map.convert({
+    cap: false
+  })((choice, i) => {
+    return /*#__PURE__*/React.createElement("li", {
+      key: i,
+      className: style.choice
+    }, /*#__PURE__*/React.createElement(TitledCheckbox, {
+      onToggle: handleChange,
+      choice: _extends(_extends({}, choice), {}, {
+        i
+      }),
+      background: defaultColor
+    }));
+  }, options);
+
+  const selection = _pipe(_filter({
+    selected: true
+  }), _map('name'), _join(', '))(options);
+
+  const _title = title && `${title}${required ? ' *' : ''}`;
+
+  const titleView = title ? /*#__PURE__*/React.createElement("span", {
+    className: style.title
+  }, _title, " ") : null;
+  const isActive = isOpened === true;
+  const mainClass = theme ? themeStyle[theme] : style.default;
+  const behaviourClassName = getClassState(style.default, style.modified, style.error, modified, error);
+  return /*#__PURE__*/React.createElement("div", {
+    className: classnames(mainClass, behaviourClassName),
+    ref: nodeRef
+  }, /*#__PURE__*/React.createElement("label", null, titleView, /*#__PURE__*/React.createElement("div", {
+    className: style.select,
+    title: selection || placeholder,
+    onClick: handleOnClick
+  }, selection || placeholder, /*#__PURE__*/React.createElement(ArrowDown, {
+    color: black,
+    className: classnames(style.arrow, {
+      [style.down]: isActive
+    })
+  })), /*#__PURE__*/React.createElement("div", {
+    className: isActive ? style.activeChoices : style.choices
+  }, /*#__PURE__*/React.createElement("ul", {
+    className: style.list
+  }, lines))), /*#__PURE__*/React.createElement("div", {
+    className: style.description
+  }, description));
+};
 
+SelectMultiple.contextTypes = {
+  skin: Provider.childContextTypes.skin
+};
 SelectMultiple.propTypes = process.env.NODE_ENV !== "production" ? {
   title: PropTypes.string,
   placeholder: PropTypes.string,