@coorpacademy/components 10.1.13 → 10.2.1

package/es/template/back-office/brand-update/style.css

@@ -1,5 +1,6 @@
 @value colors: "../../../variables/colors.css";
 @value light from colors;
+@value white from colors;
 @value xtraLightGrey from colors;
 @value cm_grey_100 from colors;
 @value black from colors;
@@ -11,21 +12,31 @@
 @value wide from breakpoints;
 
 .container {
-  width: 100%;
   height: 100%;
   scroll-behavior: unset;
   margin: 0 auto;
-  padding-bottom: 80px 20px;
   display: flex;
-  font-family: "Open Sans";
 }
 
-.header {
-  margin: 24px 0 56px 0;
+.left {
+  width: 223px;
 }
 
-.headerForNotifications {
-  margin: 24px 0 0 0;
+.contentWrapper {
+  width: calc(100% - 351px);
+  padding: 0 64px 0 64px;
+}
+
+.headerSticky {
+  overflow: hidden;
+  background-color: white;
+  position: fixed;
+  width: calc(100% - 351px);
+  z-index: 999;
+}
+
+.header {
+  padding: 24px 0 5px 0;
 }
 
 .tabs {
@@ -42,7 +53,7 @@
 }
 
 .notifications {
-  padding: 24px 0 32px 0;
+  padding: 0 0 32px 0;
 }
 
 .notification {
@@ -53,18 +64,27 @@
   margin-bottom: 0;
 }
 
-.leftMenu {
+.navigation {
   scroll-behavior: unset;
-  min-width: 223px;
   background: xtraLightGrey;
+  position: fixed;
+  left: 0;
+  height: 100%;
+  overflow: scroll;
+  z-index: 999;
 }
 
-.contentWrapper {
+.content {
   width: 100%;
-  padding: 0 64px;
   display: flex;
   flex-direction: column;
   overflow: auto;
+  top: 124px;
+  position: relative;
+}
+
+.contentWithNotifications {
+  top: 100px;
 }
 
 .selectedElement {
@@ -90,11 +110,35 @@
   margin: 32px 20px 54px 20px;
 }
 
+@media desktop {
+  .container {
+    scroll-behavior: unset;
+    margin: 0;
+  }
+
+  .headerSticky {
+    width: calc(100% - 287px);
+  }
+
+  .contentWrapper {
+    width: calc(100% - 287px);
+    padding: 0 32px 0 32px;
+  }
+}
+
 @media tablet {
   .container {
     scroll-behavior: unset;
     margin: 0;
-    padding: 10px 10px;
+  }
+
+  .headerSticky {
+    width: calc(100% - 287px);
+  }
+
+  .contentWrapper {
+    width: calc(100% - 287px);
+    padding: 0 32px 0 32px;
   }
 }
 

package/es/template/back-office/brand-update/test/fixtures.js

@@ -23,6 +23,7 @@ import fixtureLookandfeelSuccess from './fixtures/lookandfeel-success';
 import fixtureLookandfeel from './fixtures/lookandfeel';
 import fixtureManageusersEdit from './fixtures/manageusers-edit';
 import fixtureManageusersList from './fixtures/manageusers-list';
+import fixtureManageusers from './fixtures/manageusers';
 import fixtureQuickAccess from './fixtures/quick-access';
 import fixtureSsoActivate from './fixtures/sso-activate';
 import fixtureSso from './fixtures/sso';
@@ -56,6 +57,7 @@ test('TemplateBackOffice › TemplateBackOfficeBrandUpdate › LookandfeelSucces
 test('TemplateBackOffice › TemplateBackOfficeBrandUpdate › Lookandfeel › should be rendered', renderComponentMacro, TemplateBackOfficeBrandUpdate, fixtureLookandfeel);
 test('TemplateBackOffice › TemplateBackOfficeBrandUpdate › ManageusersEdit › should be rendered', renderComponentMacro, TemplateBackOfficeBrandUpdate, fixtureManageusersEdit);
 test('TemplateBackOffice › TemplateBackOfficeBrandUpdate › ManageusersList › should be rendered', renderComponentMacro, TemplateBackOfficeBrandUpdate, fixtureManageusersList);
+test('TemplateBackOffice › TemplateBackOfficeBrandUpdate › Manageusers › should be rendered', renderComponentMacro, TemplateBackOfficeBrandUpdate, fixtureManageusers);
 test('TemplateBackOffice › TemplateBackOfficeBrandUpdate › QuickAccess › should be rendered', renderComponentMacro, TemplateBackOfficeBrandUpdate, fixtureQuickAccess);
 test('TemplateBackOffice › TemplateBackOfficeBrandUpdate › SsoActivate › should be rendered', renderComponentMacro, TemplateBackOfficeBrandUpdate, fixtureSsoActivate);
 test('TemplateBackOffice › TemplateBackOfficeBrandUpdate › Sso › should be rendered', renderComponentMacro, TemplateBackOfficeBrandUpdate, fixtureSso);

package/es/template/back-office/brand-update/test/fixtures.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/template/back-office/brand-update/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","TemplateBackOfficeBrandUpdate","fixtureAnalytics","fixtureAnimations","fixtureCohortError","fixtureCohort","fixtureDashboard","fixtureDashboardsAnalytics","fixtureDefault","fixtureGeneralSettingsSuccess","fixtureGeneralSettings","fixtureLmsError","fixtureLmsModified","fixtureLmsSuccess","fixtureLms","fixtureLoader","fixtureLookandfeelError","fixtureLookandfeelModified","fixtureLookandfeelPending","fixtureLookandfeelSuccess","fixtureLookandfeel","fixtureManageusersEdit","fixtureManageusersList","fixtureQuickAccess","fixtureSsoActivate","fixtureSso","fixtureUploadusersLoading","fixtureUploadusersSuccessful","fixtureUploadusers","t","pass","propTypes","value","key","not","undefined"],"mappings":"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","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../../test/helpers/render-component';\nimport TemplateBackOfficeBrandUpdate from '..';\nimport fixtureAnalytics from './fixtures/analytics';\nimport fixtureAnimations from './fixtures/animations';\nimport fixtureCohortError from './fixtures/cohort-error';\nimport fixtureCohort from './fixtures/cohort';\nimport fixtureDashboard from './fixtures/dashboard';\nimport fixtureDashboardsAnalytics from './fixtures/dashboards-analytics';\nimport fixtureDefault from './fixtures/default';\nimport fixtureGeneralSettingsSuccess from './fixtures/general-settings-success';\nimport fixtureGeneralSettings from './fixtures/general-settings';\nimport fixtureLmsError from './fixtures/lms-error';\nimport fixtureLmsModified from './fixtures/lms-modified';\nimport fixtureLmsSuccess from './fixtures/lms-success';\nimport fixtureLms from './fixtures/lms';\nimport fixtureLoader from './fixtures/loader';\nimport fixtureLookandfeelError from './fixtures/lookandfeel-error';\nimport fixtureLookandfeelModified from './fixtures/lookandfeel-modified';\nimport fixtureLookandfeelPending from './fixtures/lookandfeel-pending';\nimport fixtureLookandfeelSuccess from './fixtures/lookandfeel-success';\nimport fixtureLookandfeel from './fixtures/lookandfeel';\nimport fixtureManageusersEdit from './fixtures/manageusers-edit';\nimport fixtureManageusersList from './fixtures/manageusers-list';\nimport fixtureQuickAccess from './fixtures/quick-access';\nimport fixtureSsoActivate from './fixtures/sso-activate';\nimport fixtureSso from './fixtures/sso';\nimport fixtureUploadusersLoading from './fixtures/uploadusers-loading';\nimport fixtureUploadusersSuccessful from './fixtures/uploadusers-successful';\nimport fixtureUploadusers from './fixtures/uploadusers';\n\ntest('TemplateBackOffice › TemplateBackOfficeBrandUpdate > should have valid propTypes', t => {\n  t.pass();\n  forEach(TemplateBackOfficeBrandUpdate.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"TemplateBackOffice.TemplateBackOfficeBrandUpdate.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('TemplateBackOffice › TemplateBackOfficeBrandUpdate › Analytics › should be rendered', renderComponentMacro, TemplateBackOfficeBrandUpdate, fixtureAnalytics);\ntest('TemplateBackOffice › TemplateBackOfficeBrandUpdate › Animations › should be rendered', renderComponentMacro, TemplateBackOfficeBrandUpdate, fixtureAnimations);\ntest('TemplateBackOffice › TemplateBackOfficeBrandUpdate › CohortError › should be rendered', renderComponentMacro, TemplateBackOfficeBrandUpdate, fixtureCohortError);\ntest('TemplateBackOffice › TemplateBackOfficeBrandUpdate › Cohort › should be rendered', renderComponentMacro, TemplateBackOfficeBrandUpdate, fixtureCohort);\ntest('TemplateBackOffice › TemplateBackOfficeBrandUpdate › Dashboard › should be rendered', renderComponentMacro, TemplateBackOfficeBrandUpdate, fixtureDashboard);\ntest('TemplateBackOffice › TemplateBackOfficeBrandUpdate › DashboardsAnalytics › should be rendered', renderComponentMacro, TemplateBackOfficeBrandUpdate, fixtureDashboardsAnalytics);\ntest('TemplateBackOffice › TemplateBackOfficeBrandUpdate › Default › should be rendered', renderComponentMacro, TemplateBackOfficeBrandUpdate, fixtureDefault);\ntest('TemplateBackOffice › TemplateBackOfficeBrandUpdate › GeneralSettingsSuccess › should be rendered', renderComponentMacro, TemplateBackOfficeBrandUpdate, fixtureGeneralSettingsSuccess);\ntest('TemplateBackOffice › TemplateBackOfficeBrandUpdate › GeneralSettings › should be rendered', renderComponentMacro, TemplateBackOfficeBrandUpdate, fixtureGeneralSettings);\ntest('TemplateBackOffice › TemplateBackOfficeBrandUpdate › LmsError › should be rendered', renderComponentMacro, TemplateBackOfficeBrandUpdate, fixtureLmsError);\ntest('TemplateBackOffice › TemplateBackOfficeBrandUpdate › LmsModified › should be rendered', renderComponentMacro, TemplateBackOfficeBrandUpdate, fixtureLmsModified);\ntest('TemplateBackOffice › TemplateBackOfficeBrandUpdate › LmsSuccess › should be rendered', renderComponentMacro, TemplateBackOfficeBrandUpdate, fixtureLmsSuccess);\ntest('TemplateBackOffice › TemplateBackOfficeBrandUpdate › Lms › should be rendered', renderComponentMacro, TemplateBackOfficeBrandUpdate, fixtureLms);\ntest('TemplateBackOffice › TemplateBackOfficeBrandUpdate › Loader › should be rendered', renderComponentMacro, TemplateBackOfficeBrandUpdate, fixtureLoader);\ntest('TemplateBackOffice › TemplateBackOfficeBrandUpdate › LookandfeelError › should be rendered', renderComponentMacro, TemplateBackOfficeBrandUpdate, fixtureLookandfeelError);\ntest('TemplateBackOffice › TemplateBackOfficeBrandUpdate › LookandfeelModified › should be rendered', renderComponentMacro, TemplateBackOfficeBrandUpdate, fixtureLookandfeelModified);\ntest('TemplateBackOffice › TemplateBackOfficeBrandUpdate › LookandfeelPending › should be rendered', renderComponentMacro, TemplateBackOfficeBrandUpdate, fixtureLookandfeelPending);\ntest('TemplateBackOffice › TemplateBackOfficeBrandUpdate › LookandfeelSuccess › should be rendered', renderComponentMacro, TemplateBackOfficeBrandUpdate, fixtureLookandfeelSuccess);\ntest('TemplateBackOffice › TemplateBackOfficeBrandUpdate › Lookandfeel › should be rendered', renderComponentMacro, TemplateBackOfficeBrandUpdate, fixtureLookandfeel);\ntest('TemplateBackOffice › TemplateBackOfficeBrandUpdate › ManageusersEdit › should be rendered', renderComponentMacro, TemplateBackOfficeBrandUpdate, fixtureManageusersEdit);\ntest('TemplateBackOffice › TemplateBackOfficeBrandUpdate › ManageusersList › should be rendered', renderComponentMacro, TemplateBackOfficeBrandUpdate, fixtureManageusersList);\ntest('TemplateBackOffice › TemplateBackOfficeBrandUpdate › QuickAccess › should be rendered', renderComponentMacro, TemplateBackOfficeBrandUpdate, fixtureQuickAccess);\ntest('TemplateBackOffice › TemplateBackOfficeBrandUpdate › SsoActivate › should be rendered', renderComponentMacro, TemplateBackOfficeBrandUpdate, fixtureSsoActivate);\ntest('TemplateBackOffice › TemplateBackOfficeBrandUpdate › Sso › should be rendered', renderComponentMacro, TemplateBackOfficeBrandUpdate, fixtureSso);\ntest('TemplateBackOffice › TemplateBackOfficeBrandUpdate › UploadusersLoading › should be rendered', renderComponentMacro, TemplateBackOfficeBrandUpdate, fixtureUploadusersLoading);\ntest('TemplateBackOffice › TemplateBackOfficeBrandUpdate › UploadusersSuccessful › should be rendered', renderComponentMacro, TemplateBackOfficeBrandUpdate, fixtureUploadusersSuccessful);\ntest('TemplateBackOffice › TemplateBackOfficeBrandUpdate › Uploadusers › should be rendered', renderComponentMacro, TemplateBackOfficeBrandUpdate, fixtureUploadusers);\n"],"file":"fixtures.js"}
+{"version":3,"sources":["../../../../../src/template/back-office/brand-update/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","TemplateBackOfficeBrandUpdate","fixtureAnalytics","fixtureAnimations","fixtureCohortError","fixtureCohort","fixtureDashboard","fixtureDashboardsAnalytics","fixtureDefault","fixtureGeneralSettingsSuccess","fixtureGeneralSettings","fixtureLmsError","fixtureLmsModified","fixtureLmsSuccess","fixtureLms","fixtureLoader","fixtureLookandfeelError","fixtureLookandfeelModified","fixtureLookandfeelPending","fixtureLookandfeelSuccess","fixtureLookandfeel","fixtureManageusersEdit","fixtureManageusersList","fixtureManageusers","fixtureQuickAccess","fixtureSsoActivate","fixtureSso","fixtureUploadusersLoading","fixtureUploadusersSuccessful","fixtureUploadusers","t","pass","propTypes","value","key","not","undefined"],"mappings":"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","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../../test/helpers/render-component';\nimport TemplateBackOfficeBrandUpdate from '..';\nimport fixtureAnalytics from './fixtures/analytics';\nimport fixtureAnimations from './fixtures/animations';\nimport fixtureCohortError from './fixtures/cohort-error';\nimport fixtureCohort from './fixtures/cohort';\nimport fixtureDashboard from './fixtures/dashboard';\nimport fixtureDashboardsAnalytics from './fixtures/dashboards-analytics';\nimport fixtureDefault from './fixtures/default';\nimport fixtureGeneralSettingsSuccess from './fixtures/general-settings-success';\nimport fixtureGeneralSettings from './fixtures/general-settings';\nimport fixtureLmsError from './fixtures/lms-error';\nimport fixtureLmsModified from './fixtures/lms-modified';\nimport fixtureLmsSuccess from './fixtures/lms-success';\nimport fixtureLms from './fixtures/lms';\nimport fixtureLoader from './fixtures/loader';\nimport fixtureLookandfeelError from './fixtures/lookandfeel-error';\nimport fixtureLookandfeelModified from './fixtures/lookandfeel-modified';\nimport fixtureLookandfeelPending from './fixtures/lookandfeel-pending';\nimport fixtureLookandfeelSuccess from './fixtures/lookandfeel-success';\nimport fixtureLookandfeel from './fixtures/lookandfeel';\nimport fixtureManageusersEdit from './fixtures/manageusers-edit';\nimport fixtureManageusersList from './fixtures/manageusers-list';\nimport fixtureManageusers from './fixtures/manageusers';\nimport fixtureQuickAccess from './fixtures/quick-access';\nimport fixtureSsoActivate from './fixtures/sso-activate';\nimport fixtureSso from './fixtures/sso';\nimport fixtureUploadusersLoading from './fixtures/uploadusers-loading';\nimport fixtureUploadusersSuccessful from './fixtures/uploadusers-successful';\nimport fixtureUploadusers from './fixtures/uploadusers';\n\ntest('TemplateBackOffice › TemplateBackOfficeBrandUpdate > should have valid propTypes', t => {\n  t.pass();\n  forEach(TemplateBackOfficeBrandUpdate.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"TemplateBackOffice.TemplateBackOfficeBrandUpdate.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('TemplateBackOffice › TemplateBackOfficeBrandUpdate › Analytics › should be rendered', renderComponentMacro, TemplateBackOfficeBrandUpdate, fixtureAnalytics);\ntest('TemplateBackOffice › TemplateBackOfficeBrandUpdate › Animations › should be rendered', renderComponentMacro, TemplateBackOfficeBrandUpdate, fixtureAnimations);\ntest('TemplateBackOffice › TemplateBackOfficeBrandUpdate › CohortError › should be rendered', renderComponentMacro, TemplateBackOfficeBrandUpdate, fixtureCohortError);\ntest('TemplateBackOffice › TemplateBackOfficeBrandUpdate › Cohort › should be rendered', renderComponentMacro, TemplateBackOfficeBrandUpdate, fixtureCohort);\ntest('TemplateBackOffice › TemplateBackOfficeBrandUpdate › Dashboard › should be rendered', renderComponentMacro, TemplateBackOfficeBrandUpdate, fixtureDashboard);\ntest('TemplateBackOffice › TemplateBackOfficeBrandUpdate › DashboardsAnalytics › should be rendered', renderComponentMacro, TemplateBackOfficeBrandUpdate, fixtureDashboardsAnalytics);\ntest('TemplateBackOffice › TemplateBackOfficeBrandUpdate › Default › should be rendered', renderComponentMacro, TemplateBackOfficeBrandUpdate, fixtureDefault);\ntest('TemplateBackOffice › TemplateBackOfficeBrandUpdate › GeneralSettingsSuccess › should be rendered', renderComponentMacro, TemplateBackOfficeBrandUpdate, fixtureGeneralSettingsSuccess);\ntest('TemplateBackOffice › TemplateBackOfficeBrandUpdate › GeneralSettings › should be rendered', renderComponentMacro, TemplateBackOfficeBrandUpdate, fixtureGeneralSettings);\ntest('TemplateBackOffice › TemplateBackOfficeBrandUpdate › LmsError › should be rendered', renderComponentMacro, TemplateBackOfficeBrandUpdate, fixtureLmsError);\ntest('TemplateBackOffice › TemplateBackOfficeBrandUpdate › LmsModified › should be rendered', renderComponentMacro, TemplateBackOfficeBrandUpdate, fixtureLmsModified);\ntest('TemplateBackOffice › TemplateBackOfficeBrandUpdate › LmsSuccess › should be rendered', renderComponentMacro, TemplateBackOfficeBrandUpdate, fixtureLmsSuccess);\ntest('TemplateBackOffice › TemplateBackOfficeBrandUpdate › Lms › should be rendered', renderComponentMacro, TemplateBackOfficeBrandUpdate, fixtureLms);\ntest('TemplateBackOffice › TemplateBackOfficeBrandUpdate › Loader › should be rendered', renderComponentMacro, TemplateBackOfficeBrandUpdate, fixtureLoader);\ntest('TemplateBackOffice › TemplateBackOfficeBrandUpdate › LookandfeelError › should be rendered', renderComponentMacro, TemplateBackOfficeBrandUpdate, fixtureLookandfeelError);\ntest('TemplateBackOffice › TemplateBackOfficeBrandUpdate › LookandfeelModified › should be rendered', renderComponentMacro, TemplateBackOfficeBrandUpdate, fixtureLookandfeelModified);\ntest('TemplateBackOffice › TemplateBackOfficeBrandUpdate › LookandfeelPending › should be rendered', renderComponentMacro, TemplateBackOfficeBrandUpdate, fixtureLookandfeelPending);\ntest('TemplateBackOffice › TemplateBackOfficeBrandUpdate › LookandfeelSuccess › should be rendered', renderComponentMacro, TemplateBackOfficeBrandUpdate, fixtureLookandfeelSuccess);\ntest('TemplateBackOffice › TemplateBackOfficeBrandUpdate › Lookandfeel › should be rendered', renderComponentMacro, TemplateBackOfficeBrandUpdate, fixtureLookandfeel);\ntest('TemplateBackOffice › TemplateBackOfficeBrandUpdate › ManageusersEdit › should be rendered', renderComponentMacro, TemplateBackOfficeBrandUpdate, fixtureManageusersEdit);\ntest('TemplateBackOffice › TemplateBackOfficeBrandUpdate › ManageusersList › should be rendered', renderComponentMacro, TemplateBackOfficeBrandUpdate, fixtureManageusersList);\ntest('TemplateBackOffice › TemplateBackOfficeBrandUpdate › Manageusers › should be rendered', renderComponentMacro, TemplateBackOfficeBrandUpdate, fixtureManageusers);\ntest('TemplateBackOffice › TemplateBackOfficeBrandUpdate › QuickAccess › should be rendered', renderComponentMacro, TemplateBackOfficeBrandUpdate, fixtureQuickAccess);\ntest('TemplateBackOffice › TemplateBackOfficeBrandUpdate › SsoActivate › should be rendered', renderComponentMacro, TemplateBackOfficeBrandUpdate, fixtureSsoActivate);\ntest('TemplateBackOffice › TemplateBackOfficeBrandUpdate › Sso › should be rendered', renderComponentMacro, TemplateBackOfficeBrandUpdate, fixtureSso);\ntest('TemplateBackOffice › TemplateBackOfficeBrandUpdate › UploadusersLoading › should be rendered', renderComponentMacro, TemplateBackOfficeBrandUpdate, fixtureUploadusersLoading);\ntest('TemplateBackOffice › TemplateBackOfficeBrandUpdate › UploadusersSuccessful › should be rendered', renderComponentMacro, TemplateBackOfficeBrandUpdate, fixtureUploadusersSuccessful);\ntest('TemplateBackOffice › TemplateBackOfficeBrandUpdate › Uploadusers › should be rendered', renderComponentMacro, TemplateBackOfficeBrandUpdate, fixtureUploadusers);\n"],"file":"fixtures.js"}

package/es/template/back-office/layout/index.js

@@ -8,7 +8,9 @@ const createLayout = Template => {
     const {
       header
     } = props;
-    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Header, header), /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/React.createElement("div", {
+      className: style.header
+    }, /*#__PURE__*/React.createElement(Header, header), /*#__PURE__*/React.createElement("div", {
       className: style.contentWrapper
     }, /*#__PURE__*/React.createElement(Template, props)));
   };

package/es/template/back-office/layout/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/template/back-office/layout/index.js"],"names":["React","PropTypes","Header","style","createLayout","Template","Layout","props","header","contentWrapper","propTypes","shape"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,MAAP,MAAmB,gCAAnB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,YAAY,GAAGC,QAAQ,IAAI;AAC/B,QAAMC,MAAM,GAAGC,KAAK,IAAI;AACtB,UAAM;AAACC,MAAAA;AAAD,QAAWD,KAAjB;AACA,wBACE,8CACE,oBAAC,MAAD,EAAYC,MAAZ,CADF,eAEE;AAAK,MAAA,SAAS,EAAEL,KAAK,CAACM;AAAtB,oBACE,oBAAC,QAAD,EAAcF,KAAd,CADF,CAFF,CADF;AAQD,GAVD;;AAYAD,EAAAA,MAAM,CAACI,SAAP,2CAAmB;AACjBF,IAAAA,MAAM,EAAEP,SAAS,CAACU,KAAV,CAAgBT,MAAM,CAACQ,SAAvB;AADS,GAAnB;AAIA,SAAOJ,MAAP;AACD,CAlBD;;AAoBA,eAAeF,YAAf","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Header from '../../../organism/setup-header';\nimport style from './style.css';\n\nconst createLayout = Template => {\n  const Layout = props => {\n    const {header} = props;\n    return (\n      <div>\n        <Header {...header} />\n        <div className={style.contentWrapper}>\n          <Template {...props} />\n        </div>\n      </div>\n    );\n  };\n\n  Layout.propTypes = {\n    header: PropTypes.shape(Header.propTypes)\n  };\n\n  return Layout;\n};\n\nexport default createLayout;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../../src/template/back-office/layout/index.js"],"names":["React","PropTypes","Header","style","createLayout","Template","Layout","props","header","contentWrapper","propTypes","shape"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,MAAP,MAAmB,gCAAnB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,YAAY,GAAGC,QAAQ,IAAI;AAC/B,QAAMC,MAAM,GAAGC,KAAK,IAAI;AACtB,UAAM;AAACC,MAAAA;AAAD,QAAWD,KAAjB;AACA,wBACE;AAAK,MAAA,SAAS,EAAEJ,KAAK,CAACK;AAAtB,oBACE,oBAAC,MAAD,EAAYA,MAAZ,CADF,eAEE;AAAK,MAAA,SAAS,EAAEL,KAAK,CAACM;AAAtB,oBACE,oBAAC,QAAD,EAAcF,KAAd,CADF,CAFF,CADF;AAQD,GAVD;;AAYAD,EAAAA,MAAM,CAACI,SAAP,2CAAmB;AACjBF,IAAAA,MAAM,EAAEP,SAAS,CAACU,KAAV,CAAgBT,MAAM,CAACQ,SAAvB;AADS,GAAnB;AAIA,SAAOJ,MAAP;AACD,CAlBD;;AAoBA,eAAeF,YAAf","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Header from '../../../organism/setup-header';\nimport style from './style.css';\n\nconst createLayout = Template => {\n  const Layout = props => {\n    const {header} = props;\n    return (\n      <div className={style.header}>\n        <Header {...header} />\n        <div className={style.contentWrapper}>\n          <Template {...props} />\n        </div>\n      </div>\n    );\n  };\n\n  Layout.propTypes = {\n    header: PropTypes.shape(Header.propTypes)\n  };\n\n  return Layout;\n};\n\nexport default createLayout;\n"],"file":"index.js"}

package/es/template/back-office/layout/style.css

@@ -1,3 +1,7 @@
 .contentWrapper {
   padding-top: 80px;
 }
+
+.header {
+  padding: 24px 0 5px 0;
+}

package/es/template/teams-dashboard/index.js

@@ -17,15 +17,13 @@ const TeamsDashboard = ({
   isLoading
 }) => {
   const [isShadowed, setShadowed] = useState(false);
-  const onMenuOpen = useCallback(() => setShadowed(true));
-  const onMenuClose = useCallback(() => setShadowed(false));
-
-  const buildSection = (section, index) => {
+  const onMenuOpen = useCallback(() => setShadowed(true), []);
+  const onMenuClose = useCallback(() => setShadowed(false), []);
+  const buildSection = useCallback((section, index) => {
     return /*#__PURE__*/React.createElement(CardsList, _extends({}, section, {
       key: section.title + index
     }));
-  };
-
+  }, []);
   const sectionsList = useMemo(() => _map.convert({
     cap: false
   })(buildSection, sections), [buildSection, sections]);

package/es/template/teams-dashboard/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/template/teams-dashboard/index.js"],"names":["React","useState","useCallback","useMemo","PropTypes","MoocHeader","Cta","Loader","CardsList","style","TeamsDashboard","logo","platformLinks","sections","isLoading","isShadowed","setShadowed","onMenuOpen","onMenuClose","buildSection","section","index","title","sectionsList","convert","cap","loader","shadowedTeamsDashboard","teamsDashboard","sectionsWrapper","propTypes","arrayOf","shape","bool"],"mappings":";;;;AAAA,OAAOA,KAAP,IAAeC,QAAf,EAAyBC,WAAzB,EAAsCC,OAAtC,QAAoD,OAApD;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,UAAP,MAAuB,4BAAvB;AACA,OAAOC,GAAP,MAAgB,gBAAhB;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,OAAOC,SAAP,MAAsB,qCAAtB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,cAAc,GAAG,CAAC;AAACC,EAAAA,IAAD;AAAOC,EAAAA,aAAP;AAAsBC,EAAAA,QAAtB;AAAgCC,EAAAA;AAAhC,CAAD,KAAgD;AACrE,QAAM,CAACC,UAAD,EAAaC,WAAb,IAA4Bf,QAAQ,CAAC,KAAD,CAA1C;AACA,QAAMgB,UAAU,GAAGf,WAAW,CAAC,MAAMc,WAAW,CAAC,IAAD,CAAlB,CAA9B;AACA,QAAME,WAAW,GAAGhB,WAAW,CAAC,MAAMc,WAAW,CAAC,KAAD,CAAlB,CAA/B;;AAEA,QAAMG,YAAY,GAAG,CAACC,OAAD,EAAUC,KAAV,KAAoB;AACvC,wBAAO,oBAAC,SAAD,eAAeD,OAAf;AAAwB,MAAA,GAAG,EAAEA,OAAO,CAACE,KAAR,GAAgBD;AAA7C,OAAP;AACD,GAFD;;AAGA,QAAME,YAAY,GAAGpB,OAAO,CAAC,MAAM,KAAIqB,OAAJ,CAAY;AAACC,IAAAA,GAAG,EAAE;AAAN,GAAZ,EAA0BN,YAA1B,EAAwCN,QAAxC,CAAP,EAA0D,CACpFM,YADoF,EAEpFN,QAFoF,CAA1D,CAA5B;AAIA,SAAOC,SAAS,gBACd;AAAK,IAAA,SAAS,EAAEL,KAAK,CAACiB;AAAtB,kBACE,oBAAC,MAAD;AAAQ,iBAAU;AAAlB,IADF,CADc,gBAKd;AACE,iBAAU,iBADZ;AAEE,IAAA,SAAS,EAAEX,UAAU,GAAGN,KAAK,CAACkB,sBAAT,GAAkClB,KAAK,CAACmB;AAF/D,kBAIE,oBAAC,UAAD;AACE,iBAAU,wBADZ;AAEE,IAAA,IAAI,EAAEjB,IAFR;AAGE,IAAA,KAAK,EAAEC,aAHT;AAIE,IAAA,UAAU,EAAEK,UAJd;AAKE,IAAA,WAAW,EAAEC;AALf,IAJF,eAWE;AAAK,iBAAU,kBAAf;AAAkC,IAAA,SAAS,EAAEH,UAAU,GAAGN,KAAK,CAACoB,eAAT,GAA2B;AAAlF,KACGN,YADH,CAXF,CALF;AAqBD,CAjCD;;AAmCAb,cAAc,CAACoB,SAAf,2CAA2B;AACzBnB,EAAAA,IAAI,EAAEN,UAAU,CAACyB,SAAX,CAAqBnB,IADF;AAEzBC,EAAAA,aAAa,EAAER,SAAS,CAAC2B,OAAV,CAAkB3B,SAAS,CAAC4B,KAAV,CAAgB1B,GAAG,CAACwB,SAApB,CAAlB,CAFU;AAGzBjB,EAAAA,QAAQ,EAAET,SAAS,CAAC2B,OAAV,CAAkB3B,SAAS,CAAC4B,KAAV,CAAgBxB,SAAS,CAACsB,SAA1B,CAAlB,CAHe;AAIzBhB,EAAAA,SAAS,EAAEV,SAAS,CAAC6B;AAJI,CAA3B;AAOA,eAAevB,cAAf","sourcesContent":["import React, {useState, useCallback, useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {map} from 'lodash/fp';\nimport MoocHeader from '../../organism/mooc-header';\nimport Cta from '../../atom/cta';\nimport Loader from '../../atom/loader';\nimport CardsList from '../../molecule/dashboard/cards-list';\nimport style from './style.css';\n\nconst TeamsDashboard = ({logo, platformLinks, sections, isLoading}) => {\n  const [isShadowed, setShadowed] = useState(false);\n  const onMenuOpen = useCallback(() => setShadowed(true));\n  const onMenuClose = useCallback(() => setShadowed(false));\n\n  const buildSection = (section, index) => {\n    return <CardsList {...section} key={section.title + index} />;\n  };\n  const sectionsList = useMemo(() => map.convert({cap: false})(buildSection, sections), [\n    buildSection,\n    sections\n  ]);\n  return isLoading ? (\n    <div className={style.loader}>\n      <Loader data-name=\"teams-dashboard-loader\" />\n    </div>\n  ) : (\n    <div\n      data-name=\"teams-dashboard\"\n      className={isShadowed ? style.shadowedTeamsDashboard : style.teamsDashboard}\n    >\n      <MoocHeader\n        data-name=\"teams-dashboard-header\"\n        logo={logo}\n        links={platformLinks}\n        onMenuOpen={onMenuOpen}\n        onMenuClose={onMenuClose}\n      />\n      <div data-name=\"sections-wrapper\" className={isShadowed ? style.sectionsWrapper : null}>\n        {sectionsList}\n      </div>\n    </div>\n  );\n};\n\nTeamsDashboard.propTypes = {\n  logo: MoocHeader.propTypes.logo,\n  platformLinks: PropTypes.arrayOf(PropTypes.shape(Cta.propTypes)),\n  sections: PropTypes.arrayOf(PropTypes.shape(CardsList.propTypes)),\n  isLoading: PropTypes.bool\n};\n\nexport default TeamsDashboard;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/template/teams-dashboard/index.js"],"names":["React","useState","useCallback","useMemo","PropTypes","MoocHeader","Cta","Loader","CardsList","style","TeamsDashboard","logo","platformLinks","sections","isLoading","isShadowed","setShadowed","onMenuOpen","onMenuClose","buildSection","section","index","title","sectionsList","convert","cap","loader","shadowedTeamsDashboard","teamsDashboard","sectionsWrapper","propTypes","arrayOf","shape","bool"],"mappings":";;;;AAAA,OAAOA,KAAP,IAAeC,QAAf,EAAyBC,WAAzB,EAAsCC,OAAtC,QAAoD,OAApD;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,UAAP,MAAuB,4BAAvB;AACA,OAAOC,GAAP,MAAgB,gBAAhB;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,OAAOC,SAAP,MAAsB,qCAAtB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,cAAc,GAAG,CAAC;AAACC,EAAAA,IAAD;AAAOC,EAAAA,aAAP;AAAsBC,EAAAA,QAAtB;AAAgCC,EAAAA;AAAhC,CAAD,KAAgD;AACrE,QAAM,CAACC,UAAD,EAAaC,WAAb,IAA4Bf,QAAQ,CAAC,KAAD,CAA1C;AACA,QAAMgB,UAAU,GAAGf,WAAW,CAAC,MAAMc,WAAW,CAAC,IAAD,CAAlB,EAA0B,EAA1B,CAA9B;AACA,QAAME,WAAW,GAAGhB,WAAW,CAAC,MAAMc,WAAW,CAAC,KAAD,CAAlB,EAA2B,EAA3B,CAA/B;AAEA,QAAMG,YAAY,GAAGjB,WAAW,CAAC,CAACkB,OAAD,EAAUC,KAAV,KAAoB;AACnD,wBAAO,oBAAC,SAAD,eAAeD,OAAf;AAAwB,MAAA,GAAG,EAAEA,OAAO,CAACE,KAAR,GAAgBD;AAA7C,OAAP;AACD,GAF+B,EAE7B,EAF6B,CAAhC;AAIA,QAAME,YAAY,GAAGpB,OAAO,CAAC,MAAM,KAAIqB,OAAJ,CAAY;AAACC,IAAAA,GAAG,EAAE;AAAN,GAAZ,EAA0BN,YAA1B,EAAwCN,QAAxC,CAAP,EAA0D,CACpFM,YADoF,EAEpFN,QAFoF,CAA1D,CAA5B;AAKA,SAAOC,SAAS,gBACd;AAAK,IAAA,SAAS,EAAEL,KAAK,CAACiB;AAAtB,kBACE,oBAAC,MAAD;AAAQ,iBAAU;AAAlB,IADF,CADc,gBAKd;AACE,iBAAU,iBADZ;AAEE,IAAA,SAAS,EAAEX,UAAU,GAAGN,KAAK,CAACkB,sBAAT,GAAkClB,KAAK,CAACmB;AAF/D,kBAIE,oBAAC,UAAD;AACE,iBAAU,wBADZ;AAEE,IAAA,IAAI,EAAEjB,IAFR;AAGE,IAAA,KAAK,EAAEC,aAHT;AAIE,IAAA,UAAU,EAAEK,UAJd;AAKE,IAAA,WAAW,EAAEC;AALf,IAJF,eAWE;AAAK,iBAAU,kBAAf;AAAkC,IAAA,SAAS,EAAEH,UAAU,GAAGN,KAAK,CAACoB,eAAT,GAA2B;AAAlF,KACGN,YADH,CAXF,CALF;AAqBD,CAnCD;;AAqCAb,cAAc,CAACoB,SAAf,2CAA2B;AACzBnB,EAAAA,IAAI,EAAEN,UAAU,CAACyB,SAAX,CAAqBnB,IADF;AAEzBC,EAAAA,aAAa,EAAER,SAAS,CAAC2B,OAAV,CAAkB3B,SAAS,CAAC4B,KAAV,CAAgB1B,GAAG,CAACwB,SAApB,CAAlB,CAFU;AAGzBjB,EAAAA,QAAQ,EAAET,SAAS,CAAC2B,OAAV,CAAkB3B,SAAS,CAAC4B,KAAV,CAAgBxB,SAAS,CAACsB,SAA1B,CAAlB,CAHe;AAIzBhB,EAAAA,SAAS,EAAEV,SAAS,CAAC6B;AAJI,CAA3B;AAOA,eAAevB,cAAf","sourcesContent":["import React, {useState, useCallback, useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {map} from 'lodash/fp';\nimport MoocHeader from '../../organism/mooc-header';\nimport Cta from '../../atom/cta';\nimport Loader from '../../atom/loader';\nimport CardsList from '../../molecule/dashboard/cards-list';\nimport style from './style.css';\n\nconst TeamsDashboard = ({logo, platformLinks, sections, isLoading}) => {\n  const [isShadowed, setShadowed] = useState(false);\n  const onMenuOpen = useCallback(() => setShadowed(true), []);\n  const onMenuClose = useCallback(() => setShadowed(false), []);\n\n  const buildSection = useCallback((section, index) => {\n    return <CardsList {...section} key={section.title + index} />;\n  }, []);\n\n  const sectionsList = useMemo(() => map.convert({cap: false})(buildSection, sections), [\n    buildSection,\n    sections\n  ]);\n\n  return isLoading ? (\n    <div className={style.loader}>\n      <Loader data-name=\"teams-dashboard-loader\" />\n    </div>\n  ) : (\n    <div\n      data-name=\"teams-dashboard\"\n      className={isShadowed ? style.shadowedTeamsDashboard : style.teamsDashboard}\n    >\n      <MoocHeader\n        data-name=\"teams-dashboard-header\"\n        logo={logo}\n        links={platformLinks}\n        onMenuOpen={onMenuOpen}\n        onMenuClose={onMenuClose}\n      />\n      <div data-name=\"sections-wrapper\" className={isShadowed ? style.sectionsWrapper : null}>\n        {sectionsList}\n      </div>\n    </div>\n  );\n};\n\nTeamsDashboard.propTypes = {\n  logo: MoocHeader.propTypes.logo,\n  platformLinks: PropTypes.arrayOf(PropTypes.shape(Cta.propTypes)),\n  sections: PropTypes.arrayOf(PropTypes.shape(CardsList.propTypes)),\n  isLoading: PropTypes.bool\n};\n\nexport default TeamsDashboard;\n"],"file":"index.js"}

package/lib/atom/button-link/index.js

@@ -66,6 +66,7 @@ const ButtonLink = props => {
   } = props;
   const contentView = getButtonContent(icon, label);
   const styleButton = (0, _classnames.default)(_style.default.button, type === 'primary' && _style.default.primary, type === 'secondary' && _style.default.secondary, type === 'tertiary' && _style.default.tertiary, type === 'text' && _style.default.text, type === 'dangerous' && _style.default.dangerous, link && _style.default.link, disabled && _style.default.disabled);
+  const handleOnClick = (0, _react.useCallback)(() => onClick(), [onClick]);
 
   if (link) {
     return /*#__PURE__*/_react.default.createElement(_link.default, _extends({}, link, {
@@ -76,7 +77,6 @@ const ButtonLink = props => {
     }), contentView);
   }
 
-  const handleOnClick = (0, _react.useCallback)(() => onClick(), [onClick]);
   return /*#__PURE__*/_react.default.createElement("button", {
     type: "button",
     "aria-label": ariaLabel || label,

package/lib/atom/button-link/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/atom/button-link/index.js"],"names":["getButtonContent","icon","label","type","position","Icon","ICONS","style","buttonContent","ButtonLink","props","disabled","dataName","ariaLabel","link","onClick","contentView","styleButton","button","primary","secondary","tertiary","text","dangerous","handleOnClick","propTypes","PropTypes","oneOf","string","shape","func","href","download","bool","target"],"mappings":"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","sourcesContent":["import React, {useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport {getOr, keys} from 'lodash/fp';\nimport classnames from 'classnames';\nimport Link from '../link';\nimport {ICONS} from '../../util/button-icons';\nimport style from './style.css';\n\nconst getButtonContent = (icon, label) => {\n  const {type, position} = icon;\n  const Icon = getOr(null, type, ICONS);\n\n  if (!Icon) {\n    return (\n      <div className={style.buttonContent}>\n        <span className={style.label}>{label}</span>\n      </div>\n    );\n  }\n\n  return (\n    <div className={style.buttonContent}>\n      {position === 'left' ? <Icon className={style.icon} /> : null}\n      <span className={style.label}>{label}</span>\n      {position === 'right' ? <Icon className={style.icon} /> : null}\n    </div>\n  );\n};\n\nconst ButtonLink = props => {\n  const {\n    type,\n    label,\n    disabled,\n    icon = {},\n    'data-name': dataName,\n    'aria-label': ariaLabel,\n    link,\n    onClick\n  } = props;\n  const contentView = getButtonContent(icon, label);\n  const styleButton = classnames(\n    style.button,\n    type === 'primary' && style.primary,\n    type === 'secondary' && style.secondary,\n    type === 'tertiary' && style.tertiary,\n    type === 'text' && style.text,\n    type === 'dangerous' && style.dangerous,\n    link && style.link,\n    disabled && style.disabled\n  );\n\n  if (link) {\n    return (\n      <Link\n        {...link}\n        className={styleButton}\n        data-name={dataName}\n        aria-label={ariaLabel || label}\n        title={ariaLabel || label}\n      >\n        {contentView}\n      </Link>\n    );\n  }\n\n  const handleOnClick = useCallback(() => onClick(), [onClick]);\n  return (\n    <button\n      type=\"button\"\n      aria-label={ariaLabel || label}\n      title={ariaLabel || label}\n      data-name={dataName}\n      className={styleButton}\n      onClick={handleOnClick}\n    >\n      {contentView}\n    </button>\n  );\n};\n\nButtonLink.propTypes = {\n  type: PropTypes.oneOf(['primary', 'secondary', 'tertiary', 'text', 'dangerous']),\n  label: PropTypes.string,\n  'aria-label': PropTypes.string,\n  'data-name': PropTypes.string,\n  icon: PropTypes.shape({\n    position: PropTypes.oneOf(['right', 'left']),\n    type: PropTypes.oneOf(keys(ICONS))\n  }),\n  onClick: PropTypes.func,\n  link: PropTypes.shape({\n    href: PropTypes.string,\n    download: PropTypes.bool,\n    target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top'])\n  }),\n  disabled: PropTypes.bool\n};\n\nexport default ButtonLink;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/atom/button-link/index.js"],"names":["getButtonContent","icon","label","type","position","Icon","ICONS","style","buttonContent","ButtonLink","props","disabled","dataName","ariaLabel","link","onClick","contentView","styleButton","button","primary","secondary","tertiary","text","dangerous","handleOnClick","propTypes","PropTypes","oneOf","string","shape","func","href","download","bool","target"],"mappings":"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","sourcesContent":["import React, {useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport {getOr, keys} from 'lodash/fp';\nimport classnames from 'classnames';\nimport Link from '../link';\nimport {ICONS} from '../../util/button-icons';\nimport style from './style.css';\n\nconst getButtonContent = (icon, label) => {\n  const {type, position} = icon;\n  const Icon = getOr(null, type, ICONS);\n\n  if (!Icon) {\n    return (\n      <div className={style.buttonContent}>\n        <span className={style.label}>{label}</span>\n      </div>\n    );\n  }\n\n  return (\n    <div className={style.buttonContent}>\n      {position === 'left' ? <Icon className={style.icon} /> : null}\n      <span className={style.label}>{label}</span>\n      {position === 'right' ? <Icon className={style.icon} /> : null}\n    </div>\n  );\n};\n\nconst ButtonLink = props => {\n  const {\n    type,\n    label,\n    disabled,\n    icon = {},\n    'data-name': dataName,\n    'aria-label': ariaLabel,\n    link,\n    onClick\n  } = props;\n  const contentView = getButtonContent(icon, label);\n  const styleButton = classnames(\n    style.button,\n    type === 'primary' && style.primary,\n    type === 'secondary' && style.secondary,\n    type === 'tertiary' && style.tertiary,\n    type === 'text' && style.text,\n    type === 'dangerous' && style.dangerous,\n    link && style.link,\n    disabled && style.disabled\n  );\n\n  const handleOnClick = useCallback(() => onClick(), [onClick]);\n\n  if (link) {\n    return (\n      <Link\n        {...link}\n        className={styleButton}\n        data-name={dataName}\n        aria-label={ariaLabel || label}\n        title={ariaLabel || label}\n      >\n        {contentView}\n      </Link>\n    );\n  }\n\n  return (\n    <button\n      type=\"button\"\n      aria-label={ariaLabel || label}\n      title={ariaLabel || label}\n      data-name={dataName}\n      className={styleButton}\n      onClick={handleOnClick}\n    >\n      {contentView}\n    </button>\n  );\n};\n\nButtonLink.propTypes = {\n  type: PropTypes.oneOf(['primary', 'secondary', 'tertiary', 'text', 'dangerous']),\n  label: PropTypes.string,\n  'aria-label': PropTypes.string,\n  'data-name': PropTypes.string,\n  icon: PropTypes.shape({\n    position: PropTypes.oneOf(['right', 'left']),\n    type: PropTypes.oneOf(keys(ICONS))\n  }),\n  onClick: PropTypes.func,\n  link: PropTypes.shape({\n    href: PropTypes.string,\n    download: PropTypes.bool,\n    target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top'])\n  }),\n  disabled: PropTypes.bool\n};\n\nexport default ButtonLink;\n"],"file":"index.js"}

package/lib/atom/button-link-icon-only/index.js

@@ -55,6 +55,7 @@ const ButtonLinkIconOnly = props => {
   } = props;
   const contentView = getButtonContent(icon);
   const styleButton = (0, _classnames.default)(size === 'default' ? _style.default.default : _style.default.small, link && _style.default.link, disabled && _style.default.disabled);
+  const handleOnClick = (0, _react.useMemo)(() => () => onClick(), [onClick]);
 
   if (link) {
     return /*#__PURE__*/_react.default.createElement(_link.default, _extends({}, link, {
@@ -65,7 +66,6 @@ const ButtonLinkIconOnly = props => {
     }), contentView);
   }
 
-  const handleOnClick = (0, _react.useMemo)(() => () => onClick(), [onClick]);
   return /*#__PURE__*/_react.default.createElement("button", {
     type: "button",
     "aria-label": ariaLabel,

package/lib/atom/button-link-icon-only/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/atom/button-link-icon-only/index.js"],"names":["getButtonContent","icon","Icon","ICONS","style","buttonContent","ButtonLinkIconOnly","props","size","disabled","dataName","ariaLabel","link","onClick","contentView","styleButton","default","small","handleOnClick","propTypes","PropTypes","oneOf","string","func","shape","href","download","bool","target"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA,MAAMA,gBAAgB,GAAGC,IAAI,IAAI;AAC/B,QAAMC,IAAI,GAAG,qBAAM,IAAN,EAAYD,IAAZ,EAAkBE,kBAAlB,CAAb;;AAEA,MAAI,CAACD,IAAL,EAAW;AACT,wBAAO;AAAK,MAAA,SAAS,EAAEE,eAAMC;AAAtB,MAAP;AACD;;AAED,sBACE;AAAK,IAAA,SAAS,EAAED,eAAMC;AAAtB,kBACE,6BAAC,IAAD;AAAM,IAAA,SAAS,EAAED,eAAMH;AAAvB,IADF,CADF;AAKD,CAZD;;AAcA,MAAMK,kBAAkB,GAAGC,KAAK,IAAI;AAClC,QAAM;AACJC,IAAAA,IAAI,GAAG,SADH;AAEJC,IAAAA,QAFI;AAGJR,IAAAA,IAHI;AAIJ,iBAAaS,QAJT;AAKJ,kBAAcC,SALV;AAMJC,IAAAA,IANI;AAOJC,IAAAA;AAPI,MAQFN,KARJ;AASA,QAAMO,WAAW,GAAGd,gBAAgB,CAACC,IAAD,CAApC;AACA,QAAMc,WAAW,GAAG,yBAClBP,IAAI,KAAK,SAAT,GAAqBJ,eAAMY,OAA3B,GAAqCZ,eAAMa,KADzB,EAElBL,IAAI,IAAIR,eAAMQ,IAFI,EAGlBH,QAAQ,IAAIL,eAAMK,QAHA,CAApB;;AAMA,MAAIG,IAAJ,EAAU;AACR,wBACE,6BAAC,aAAD,eACMA,IADN;AAEE,MAAA,SAAS,EAAEG,WAFb;AAGE,mBAAWL,QAHb;AAIE,oBAAYC,SAJd;AAKE,MAAA,KAAK,EAAEA;AALT,QAOGG,WAPH,CADF;AAWD;;AAED,QAAMI,aAAa,GAAG,oBAAQ,MAAM,MAAML,OAAO,EAA3B,EAA+B,CAACA,OAAD,CAA/B,CAAtB;AACA,sBACE;AACE,IAAA,IAAI,EAAC,QADP;AAEE,kBAAYF,SAFd;AAGE,iBAAWD,QAHb;AAIE,IAAA,KAAK,EAAEC,SAJT;AAKE,IAAA,SAAS,EAAEI,WALb;AAME,IAAA,OAAO,EAAEG;AANX,KAQGJ,WARH,CADF;AAYD,CA5CD;;AA8CAR,kBAAkB,CAACa,SAAnB,2CAA+B;AAC7BX,EAAAA,IAAI,EAAEY,mBAAUC,KAAV,CAAgB,CAAC,SAAD,EAAY,OAAZ,CAAhB,CADuB;AAE7B,gBAAcD,mBAAUE,MAFK;AAG7B,eAAaF,mBAAUE,MAHM;AAI7BrB,EAAAA,IAAI,EAAEmB,mBAAUC,KAAV,CAAgB,oBAAKlB,kBAAL,CAAhB,CAJuB;AAK7BU,EAAAA,OAAO,EAAEO,mBAAUG,IALU;AAM7BX,EAAAA,IAAI,EAAEQ,mBAAUI,KAAV,CAAgB;AACpBC,IAAAA,IAAI,EAAEL,mBAAUE,MADI;AAEpBI,IAAAA,QAAQ,EAAEN,mBAAUO,IAFA;AAGpBC,IAAAA,MAAM,EAAER,mBAAUC,KAAV,CAAgB,CAAC,OAAD,EAAU,QAAV,EAAoB,SAApB,EAA+B,MAA/B,CAAhB;AAHY,GAAhB,CANuB;AAW7BZ,EAAAA,QAAQ,EAAEW,mBAAUO;AAXS,CAA/B;eAcerB,kB","sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {getOr, keys} from 'lodash/fp';\nimport classnames from 'classnames';\nimport {ICONS} from '../../util/button-icons';\nimport Link from '../link';\nimport style from './style.css';\n\nconst getButtonContent = icon => {\n  const Icon = getOr(null, icon, ICONS);\n\n  if (!Icon) {\n    return <div className={style.buttonContent} />;\n  }\n\n  return (\n    <div className={style.buttonContent}>\n      <Icon className={style.icon} />\n    </div>\n  );\n};\n\nconst ButtonLinkIconOnly = props => {\n  const {\n    size = 'default',\n    disabled,\n    icon,\n    'data-name': dataName,\n    'aria-label': ariaLabel,\n    link,\n    onClick\n  } = props;\n  const contentView = getButtonContent(icon);\n  const styleButton = classnames(\n    size === 'default' ? style.default : style.small,\n    link && style.link,\n    disabled && style.disabled\n  );\n\n  if (link) {\n    return (\n      <Link\n        {...link}\n        className={styleButton}\n        data-name={dataName}\n        aria-label={ariaLabel}\n        title={ariaLabel}\n      >\n        {contentView}\n      </Link>\n    );\n  }\n\n  const handleOnClick = useMemo(() => () => onClick(), [onClick]);\n  return (\n    <button\n      type=\"button\"\n      aria-label={ariaLabel}\n      data-name={dataName}\n      title={ariaLabel}\n      className={styleButton}\n      onClick={handleOnClick}\n    >\n      {contentView}\n    </button>\n  );\n};\n\nButtonLinkIconOnly.propTypes = {\n  size: PropTypes.oneOf(['default', 'small']),\n  'aria-label': PropTypes.string,\n  'data-name': PropTypes.string,\n  icon: PropTypes.oneOf(keys(ICONS)),\n  onClick: PropTypes.func,\n  link: PropTypes.shape({\n    href: PropTypes.string,\n    download: PropTypes.bool,\n    target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top'])\n  }),\n  disabled: PropTypes.bool\n};\n\nexport default ButtonLinkIconOnly;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/atom/button-link-icon-only/index.js"],"names":["getButtonContent","icon","Icon","ICONS","style","buttonContent","ButtonLinkIconOnly","props","size","disabled","dataName","ariaLabel","link","onClick","contentView","styleButton","default","small","handleOnClick","propTypes","PropTypes","oneOf","string","func","shape","href","download","bool","target"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA,MAAMA,gBAAgB,GAAGC,IAAI,IAAI;AAC/B,QAAMC,IAAI,GAAG,qBAAM,IAAN,EAAYD,IAAZ,EAAkBE,kBAAlB,CAAb;;AAEA,MAAI,CAACD,IAAL,EAAW;AACT,wBAAO;AAAK,MAAA,SAAS,EAAEE,eAAMC;AAAtB,MAAP;AACD;;AAED,sBACE;AAAK,IAAA,SAAS,EAAED,eAAMC;AAAtB,kBACE,6BAAC,IAAD;AAAM,IAAA,SAAS,EAAED,eAAMH;AAAvB,IADF,CADF;AAKD,CAZD;;AAcA,MAAMK,kBAAkB,GAAGC,KAAK,IAAI;AAClC,QAAM;AACJC,IAAAA,IAAI,GAAG,SADH;AAEJC,IAAAA,QAFI;AAGJR,IAAAA,IAHI;AAIJ,iBAAaS,QAJT;AAKJ,kBAAcC,SALV;AAMJC,IAAAA,IANI;AAOJC,IAAAA;AAPI,MAQFN,KARJ;AASA,QAAMO,WAAW,GAAGd,gBAAgB,CAACC,IAAD,CAApC;AACA,QAAMc,WAAW,GAAG,yBAClBP,IAAI,KAAK,SAAT,GAAqBJ,eAAMY,OAA3B,GAAqCZ,eAAMa,KADzB,EAElBL,IAAI,IAAIR,eAAMQ,IAFI,EAGlBH,QAAQ,IAAIL,eAAMK,QAHA,CAApB;AAMA,QAAMS,aAAa,GAAG,oBAAQ,MAAM,MAAML,OAAO,EAA3B,EAA+B,CAACA,OAAD,CAA/B,CAAtB;;AAEA,MAAID,IAAJ,EAAU;AACR,wBACE,6BAAC,aAAD,eACMA,IADN;AAEE,MAAA,SAAS,EAAEG,WAFb;AAGE,mBAAWL,QAHb;AAIE,oBAAYC,SAJd;AAKE,MAAA,KAAK,EAAEA;AALT,QAOGG,WAPH,CADF;AAWD;;AAED,sBACE;AACE,IAAA,IAAI,EAAC,QADP;AAEE,kBAAYH,SAFd;AAGE,iBAAWD,QAHb;AAIE,IAAA,KAAK,EAAEC,SAJT;AAKE,IAAA,SAAS,EAAEI,WALb;AAME,IAAA,OAAO,EAAEG;AANX,KAQGJ,WARH,CADF;AAYD,CA7CD;;AA+CAR,kBAAkB,CAACa,SAAnB,2CAA+B;AAC7BX,EAAAA,IAAI,EAAEY,mBAAUC,KAAV,CAAgB,CAAC,SAAD,EAAY,OAAZ,CAAhB,CADuB;AAE7B,gBAAcD,mBAAUE,MAFK;AAG7B,eAAaF,mBAAUE,MAHM;AAI7BrB,EAAAA,IAAI,EAAEmB,mBAAUC,KAAV,CAAgB,oBAAKlB,kBAAL,CAAhB,CAJuB;AAK7BU,EAAAA,OAAO,EAAEO,mBAAUG,IALU;AAM7BX,EAAAA,IAAI,EAAEQ,mBAAUI,KAAV,CAAgB;AACpBC,IAAAA,IAAI,EAAEL,mBAAUE,MADI;AAEpBI,IAAAA,QAAQ,EAAEN,mBAAUO,IAFA;AAGpBC,IAAAA,MAAM,EAAER,mBAAUC,KAAV,CAAgB,CAAC,OAAD,EAAU,QAAV,EAAoB,SAApB,EAA+B,MAA/B,CAAhB;AAHY,GAAhB,CANuB;AAW7BZ,EAAAA,QAAQ,EAAEW,mBAAUO;AAXS,CAA/B;eAcerB,kB","sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {getOr, keys} from 'lodash/fp';\nimport classnames from 'classnames';\nimport {ICONS} from '../../util/button-icons';\nimport Link from '../link';\nimport style from './style.css';\n\nconst getButtonContent = icon => {\n  const Icon = getOr(null, icon, ICONS);\n\n  if (!Icon) {\n    return <div className={style.buttonContent} />;\n  }\n\n  return (\n    <div className={style.buttonContent}>\n      <Icon className={style.icon} />\n    </div>\n  );\n};\n\nconst ButtonLinkIconOnly = props => {\n  const {\n    size = 'default',\n    disabled,\n    icon,\n    'data-name': dataName,\n    'aria-label': ariaLabel,\n    link,\n    onClick\n  } = props;\n  const contentView = getButtonContent(icon);\n  const styleButton = classnames(\n    size === 'default' ? style.default : style.small,\n    link && style.link,\n    disabled && style.disabled\n  );\n\n  const handleOnClick = useMemo(() => () => onClick(), [onClick]);\n\n  if (link) {\n    return (\n      <Link\n        {...link}\n        className={styleButton}\n        data-name={dataName}\n        aria-label={ariaLabel}\n        title={ariaLabel}\n      >\n        {contentView}\n      </Link>\n    );\n  }\n\n  return (\n    <button\n      type=\"button\"\n      aria-label={ariaLabel}\n      data-name={dataName}\n      title={ariaLabel}\n      className={styleButton}\n      onClick={handleOnClick}\n    >\n      {contentView}\n    </button>\n  );\n};\n\nButtonLinkIconOnly.propTypes = {\n  size: PropTypes.oneOf(['default', 'small']),\n  'aria-label': PropTypes.string,\n  'data-name': PropTypes.string,\n  icon: PropTypes.oneOf(keys(ICONS)),\n  onClick: PropTypes.func,\n  link: PropTypes.shape({\n    href: PropTypes.string,\n    download: PropTypes.bool,\n    target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top'])\n  }),\n  disabled: PropTypes.bool\n};\n\nexport default ButtonLinkIconOnly;\n"],"file":"index.js"}

package/lib/atom/button-menu/index.js

@@ -58,13 +58,11 @@ const ButtonMenu = props => {
     buttons,
     'data-name': dataName
   } = props;
-
-  const buildButton = (button, index) => {
+  const buildButton = (0, _react.useCallback)((button, index) => {
     return /*#__PURE__*/_react.default.createElement(Button, _extends({}, button, {
       key: button.label + index
     }));
-  };
-
+  }, []);
   const buttonList = (0, _react.useMemo)(() => _map.default.convert({
     cap: false
   })(buildButton, buttons), [buttons, buildButton]);

package/lib/atom/button-menu/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/atom/button-menu/index.js"],"names":["Button","props","dataName","disabled","label","onClick","type","styleButton","style","button","default","dangerous","handleOnClick","buttonContent","propTypes","PropTypes","string","bool","isRequired","func","oneOf","ButtonMenu","buttons","buildButton","index","buttonList","map","convert","cap","arrayOf","shape"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA,MAAMA,MAAM,GAAGC,KAAK,IAAI;AACtB,QAAM;AAAC,iBAAaC,QAAd;AAAwBC,IAAAA,QAAxB;AAAkCC,IAAAA,KAAlC;AAAyCC,IAAAA,OAAzC;AAAkDC,IAAAA,IAAI,GAAG;AAAzD,MAAsEL,KAA5E;AACA,QAAMM,WAAW,GAAG,yBAClBC,eAAMC,MADY,EAElBH,IAAI,KAAK,SAAT,IAAsBE,eAAME,OAFV,EAGlBJ,IAAI,KAAK,WAAT,IAAwBE,eAAMG,SAHZ,EAIlBR,QAAQ,IAAIK,eAAML,QAJA,CAApB;AAOA,QAAMS,aAAa,GAAG,wBAAY,MAAMP,OAAO,EAAzB,EAA6B,CAACA,OAAD,CAA7B,CAAtB;AACA,sBACE;AACE,IAAA,IAAI,EAAC,QADP;AAEE,kBAAYD,KAFd;AAGE,IAAA,KAAK,EAAEA,KAHT;AAIE,iBAAWF,QAJb;AAKE,IAAA,SAAS,EAAEK,WALb;AAME,IAAA,OAAO,EAAEK;AANX,kBAQE;AAAK,IAAA,SAAS,EAAEJ,eAAMK;AAAtB,kBACE;AAAM,IAAA,SAAS,EAAEL,eAAMJ;AAAvB,KAA+BA,KAA/B,CADF,CARF,CADF;AAcD,CAxBD;;AA0BAJ,MAAM,CAACc,SAAP,2CAAmB;AACjB,eAAaC,mBAAUC,MADN;AAEjBb,EAAAA,QAAQ,EAAEY,mBAAUE,IAFH;AAGjBb,EAAAA,KAAK,EAAEW,mBAAUC,MAAV,CAAiBE,UAHP;AAIjBb,EAAAA,OAAO,EAAEU,mBAAUI,IAAV,CAAeD,UAJP;AAKjBZ,EAAAA,IAAI,EAAES,mBAAUK,KAAV,CAAgB,CAAC,SAAD,EAAY,WAAZ,CAAhB;AALW,CAAnB;;AAQA,MAAMC,UAAU,GAAGpB,KAAK,IAAI;AAC1B,QAAM;AAACqB,IAAAA,OAAD;AAAU,iBAAapB;AAAvB,MAAmCD,KAAzC;;AACA,QAAMsB,WAAW,GAAG,CAACd,MAAD,EAASe,KAAT,KAAmB;AACrC,wBAAO,6BAAC,MAAD,eAAYf,MAAZ;AAAoB,MAAA,GAAG,EAAEA,MAAM,CAACL,KAAP,GAAeoB;AAAxC,OAAP;AACD,GAFD;;AAGA,QAAMC,UAAU,GAAG,oBAAQ,MAAMC,aAAIC,OAAJ,CAAY;AAACC,IAAAA,GAAG,EAAE;AAAN,GAAZ,EAA0BL,WAA1B,EAAuCD,OAAvC,CAAd,EAA+D,CAChFA,OADgF,EAEhFC,WAFgF,CAA/D,CAAnB;AAIA,sBAAO;AAAK,iBAAWrB;AAAhB,KAA2BuB,UAA3B,CAAP;AACD,CAVD;;AAYAJ,UAAU,CAACP,SAAX,2CAAuB;AACrBQ,EAAAA,OAAO,EAAEP,mBAAUc,OAAV,CAAkBd,mBAAUe,KAAV,CAAgB9B,MAAM,CAACc,SAAvB,CAAlB,EAAqDI,UADzC;AAErB,eAAaH,mBAAUC;AAFF,CAAvB;eAKeK,U","sourcesContent":["import React, {useMemo, useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport map from 'lodash/fp/map';\nimport classnames from 'classnames';\nimport style from './style.css';\n\nconst Button = props => {\n  const {'data-name': dataName, disabled, label, onClick, type = 'default'} = props;\n  const styleButton = classnames(\n    style.button,\n    type === 'default' && style.default,\n    type === 'dangerous' && style.dangerous,\n    disabled && style.disabled\n  );\n\n  const handleOnClick = useCallback(() => onClick(), [onClick]);\n  return (\n    <button\n      type=\"button\"\n      aria-label={label}\n      title={label}\n      data-name={dataName}\n      className={styleButton}\n      onClick={handleOnClick}\n    >\n      <div className={style.buttonContent}>\n        <span className={style.label}>{label}</span>\n      </div>\n    </button>\n  );\n};\n\nButton.propTypes = {\n  'data-name': PropTypes.string,\n  disabled: PropTypes.bool,\n  label: PropTypes.string.isRequired,\n  onClick: PropTypes.func.isRequired,\n  type: PropTypes.oneOf(['default', 'dangerous'])\n};\n\nconst ButtonMenu = props => {\n  const {buttons, 'data-name': dataName} = props;\n  const buildButton = (button, index) => {\n    return <Button {...button} key={button.label + index} />;\n  };\n  const buttonList = useMemo(() => map.convert({cap: false})(buildButton, buttons), [\n    buttons,\n    buildButton\n  ]);\n  return <div data-name={dataName}>{buttonList}</div>;\n};\n\nButtonMenu.propTypes = {\n  buttons: PropTypes.arrayOf(PropTypes.shape(Button.propTypes)).isRequired,\n  'data-name': PropTypes.string\n};\n\nexport default ButtonMenu;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/atom/button-menu/index.js"],"names":["Button","props","dataName","disabled","label","onClick","type","styleButton","style","button","default","dangerous","handleOnClick","buttonContent","propTypes","PropTypes","string","bool","isRequired","func","oneOf","ButtonMenu","buttons","buildButton","index","buttonList","map","convert","cap","arrayOf","shape"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA,MAAMA,MAAM,GAAGC,KAAK,IAAI;AACtB,QAAM;AAAC,iBAAaC,QAAd;AAAwBC,IAAAA,QAAxB;AAAkCC,IAAAA,KAAlC;AAAyCC,IAAAA,OAAzC;AAAkDC,IAAAA,IAAI,GAAG;AAAzD,MAAsEL,KAA5E;AACA,QAAMM,WAAW,GAAG,yBAClBC,eAAMC,MADY,EAElBH,IAAI,KAAK,SAAT,IAAsBE,eAAME,OAFV,EAGlBJ,IAAI,KAAK,WAAT,IAAwBE,eAAMG,SAHZ,EAIlBR,QAAQ,IAAIK,eAAML,QAJA,CAApB;AAOA,QAAMS,aAAa,GAAG,wBAAY,MAAMP,OAAO,EAAzB,EAA6B,CAACA,OAAD,CAA7B,CAAtB;AACA,sBACE;AACE,IAAA,IAAI,EAAC,QADP;AAEE,kBAAYD,KAFd;AAGE,IAAA,KAAK,EAAEA,KAHT;AAIE,iBAAWF,QAJb;AAKE,IAAA,SAAS,EAAEK,WALb;AAME,IAAA,OAAO,EAAEK;AANX,kBAQE;AAAK,IAAA,SAAS,EAAEJ,eAAMK;AAAtB,kBACE;AAAM,IAAA,SAAS,EAAEL,eAAMJ;AAAvB,KAA+BA,KAA/B,CADF,CARF,CADF;AAcD,CAxBD;;AA0BAJ,MAAM,CAACc,SAAP,2CAAmB;AACjB,eAAaC,mBAAUC,MADN;AAEjBb,EAAAA,QAAQ,EAAEY,mBAAUE,IAFH;AAGjBb,EAAAA,KAAK,EAAEW,mBAAUC,MAAV,CAAiBE,UAHP;AAIjBb,EAAAA,OAAO,EAAEU,mBAAUI,IAAV,CAAeD,UAJP;AAKjBZ,EAAAA,IAAI,EAAES,mBAAUK,KAAV,CAAgB,CAAC,SAAD,EAAY,WAAZ,CAAhB;AALW,CAAnB;;AAQA,MAAMC,UAAU,GAAGpB,KAAK,IAAI;AAC1B,QAAM;AAACqB,IAAAA,OAAD;AAAU,iBAAapB;AAAvB,MAAmCD,KAAzC;AACA,QAAMsB,WAAW,GAAG,wBAAY,CAACd,MAAD,EAASe,KAAT,KAAmB;AACjD,wBAAO,6BAAC,MAAD,eAAYf,MAAZ;AAAoB,MAAA,GAAG,EAAEA,MAAM,CAACL,KAAP,GAAeoB;AAAxC,OAAP;AACD,GAFmB,EAEjB,EAFiB,CAApB;AAIA,QAAMC,UAAU,GAAG,oBAAQ,MAAMC,aAAIC,OAAJ,CAAY;AAACC,IAAAA,GAAG,EAAE;AAAN,GAAZ,EAA0BL,WAA1B,EAAuCD,OAAvC,CAAd,EAA+D,CAChFA,OADgF,EAEhFC,WAFgF,CAA/D,CAAnB;AAKA,sBAAO;AAAK,iBAAWrB;AAAhB,KAA2BuB,UAA3B,CAAP;AACD,CAZD;;AAcAJ,UAAU,CAACP,SAAX,2CAAuB;AACrBQ,EAAAA,OAAO,EAAEP,mBAAUc,OAAV,CAAkBd,mBAAUe,KAAV,CAAgB9B,MAAM,CAACc,SAAvB,CAAlB,EAAqDI,UADzC;AAErB,eAAaH,mBAAUC;AAFF,CAAvB;eAKeK,U","sourcesContent":["import React, {useMemo, useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport map from 'lodash/fp/map';\nimport classnames from 'classnames';\nimport style from './style.css';\n\nconst Button = props => {\n  const {'data-name': dataName, disabled, label, onClick, type = 'default'} = props;\n  const styleButton = classnames(\n    style.button,\n    type === 'default' && style.default,\n    type === 'dangerous' && style.dangerous,\n    disabled && style.disabled\n  );\n\n  const handleOnClick = useCallback(() => onClick(), [onClick]);\n  return (\n    <button\n      type=\"button\"\n      aria-label={label}\n      title={label}\n      data-name={dataName}\n      className={styleButton}\n      onClick={handleOnClick}\n    >\n      <div className={style.buttonContent}>\n        <span className={style.label}>{label}</span>\n      </div>\n    </button>\n  );\n};\n\nButton.propTypes = {\n  'data-name': PropTypes.string,\n  disabled: PropTypes.bool,\n  label: PropTypes.string.isRequired,\n  onClick: PropTypes.func.isRequired,\n  type: PropTypes.oneOf(['default', 'dangerous'])\n};\n\nconst ButtonMenu = props => {\n  const {buttons, 'data-name': dataName} = props;\n  const buildButton = useCallback((button, index) => {\n    return <Button {...button} key={button.label + index} />;\n  }, []);\n\n  const buttonList = useMemo(() => map.convert({cap: false})(buildButton, buttons), [\n    buttons,\n    buildButton\n  ]);\n\n  return <div data-name={dataName}>{buttonList}</div>;\n};\n\nButtonMenu.propTypes = {\n  buttons: PropTypes.arrayOf(PropTypes.shape(Button.propTypes)).isRequired,\n  'data-name': PropTypes.string\n};\n\nexport default ButtonMenu;\n"],"file":"index.js"}

package/lib/atom/chips/style.css

@@ -65,9 +65,8 @@
 .icon{
   position: absolute;
   width: 16px;
-  height: 16px;
+  height: 100%;
   right: 18px;
-  top: 16px;
 }
 
 .selectedIconWrapper {

package/lib/atom/image-upload/index.js

@@ -3,6 +3,8 @@
 exports.__esModule = true;
 exports.default = void 0;
 
+var _isNil2 = _interopRequireDefault(require("lodash/fp/isNil"));
+
 var _pipe2 = _interopRequireDefault(require("lodash/fp/pipe"));
 
 var _map2 = _interopRequireDefault(require("lodash/fp/map"));
@@ -41,10 +43,11 @@ const ImageUpload = ({
   // See ImagePropType for accepted values
   imageTypes = ['*']
 }) => {
-  const handleReset = onReset ? (0, _react.useMemo)(() => e => {
+  const handleReset = (0, _react.useCallback)(e => {
+    if ((0, _isNil2.default)(onReset)) return;
     e.preventDefault();
     return onReset(e);
-  }, [onReset]) : null;
+  }, [onReset]);
   const acceptedImages = (0, _pipe2.default)((0, _map2.default)(t => `image/${t}`), (0, _join2.default)(','))(imageTypes);
   return /*#__PURE__*/_react.default.createElement(_dragAndDrop.default, {
     title: title,

package/lib/atom/image-upload/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/atom/image-upload/index.js"],"names":["ImageUpload","title","description","previewLabel","previewContent","uploadLabel","loading","modified","onChange","onReset","name","imageTypes","handleReset","e","preventDefault","acceptedImages","t","onDragStart","onDragStop","style","input","propTypes","DragAndDrop","PropTypes","string","func","arrayOf","ImagePropType"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;;;;;;;;;AAEA,MAAMA,WAAW,GAAG,CAAC;AACnBC,EAAAA,KADmB;AAEnBC,EAAAA,WAFmB;AAGnBC,EAAAA,YAHmB;AAInBC,EAAAA,cAJmB;AAKnBC,EAAAA,WALmB;AAMnBC,EAAAA,OANmB;AAOnBC,EAAAA,QAPmB;AAQnBC,EAAAA,QARmB;AASnBC,EAAAA,OAAO,GAAG,IATS;AAUnBC,EAAAA,IAVmB;AAWnB;AACAC,EAAAA,UAAU,GAAG,CAAC,GAAD;AAZM,CAAD,KAad;AACJ,QAAMC,WAAW,GAAGH,OAAO,GACvB,oBACE,MAAMI,CAAC,IAAI;AACTA,IAAAA,CAAC,CAACC,cAAF;AACA,WAAOL,OAAO,CAACI,CAAD,CAAd;AACD,GAJH,EAKE,CAACJ,OAAD,CALF,CADuB,GAQvB,IARJ;AASA,QAAMM,cAAc,GAAG,oBACrB,mBAAIC,CAAC,IAAK,SAAQA,CAAE,EAApB,CADqB,EAErB,oBAAK,GAAL,CAFqB,EAGrBL,UAHqB,CAAvB;AAIA,sBACE,6BAAC,oBAAD;AACE,IAAA,KAAK,EAAEV,KADT;AAEE,IAAA,WAAW,EAAEC,WAFf;AAGE,IAAA,YAAY,EAAEC,YAHhB;AAIE,IAAA,cAAc,EAAEC,cAJlB;AAKE,IAAA,WAAW,EAAEC,WALf;AAME,IAAA,OAAO,EAAEC,OANX;AAOE,IAAA,QAAQ,EAAEC,QAPZ;AAQE,IAAA,OAAO,EAAEK;AARX,KAUG,CAACK,WAAD,EAAcC,UAAd,kBACC,uDACE;AACE,IAAA,IAAI,EAAC,MADP;AAEE,IAAA,IAAI,EAAER,IAFR;AAGE,IAAA,MAAM,EAAEK,cAHV;AAIE,IAAA,QAAQ,EAAET,OAJZ;AAKE,IAAA,SAAS,EAAEa,eAAMC,KALnB;AAME,IAAA,QAAQ,EAAEZ,QANZ;AAOE,IAAA,WAAW,EAAES,WAPf;AAQE,IAAA,MAAM,EAAEC,UARV;AASE,IAAA,WAAW,EAAEA;AATf,IADF,CAXJ,CADF;AA4BD,CAvDD;;AAyDAlB,WAAW,CAACqB,SAAZ,iEACKC,qBAAYD,SADjB;AAEEX,EAAAA,IAAI,EAAEa,mBAAUC,MAFlB;AAGEhB,EAAAA,QAAQ,EAAEe,mBAAUE,IAHtB;AAIEhB,EAAAA,OAAO,EAAEc,mBAAUE,IAJrB;AAKEd,EAAAA,UAAU,EAAEY,mBAAUG,OAAV,CAAkBC,wBAAlB;AALd;eAQe3B,W","sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {join, map, pipe} from 'lodash/fp';\nimport DragAndDrop from '../drag-and-drop';\nimport {ImagePropType} from '../../util/proptypes';\nimport style from './style.css';\n\nconst ImageUpload = ({\n  title,\n  description,\n  previewLabel,\n  previewContent,\n  uploadLabel,\n  loading,\n  modified,\n  onChange,\n  onReset = null,\n  name,\n  // See ImagePropType for accepted values\n  imageTypes = ['*']\n}) => {\n  const handleReset = onReset\n    ? useMemo(\n        () => e => {\n          e.preventDefault();\n          return onReset(e);\n        },\n        [onReset]\n      )\n    : null;\n  const acceptedImages = pipe(\n    map(t => `image/${t}`),\n    join(',')\n  )(imageTypes);\n  return (\n    <DragAndDrop\n      title={title}\n      description={description}\n      previewLabel={previewLabel}\n      previewContent={previewContent}\n      uploadLabel={uploadLabel}\n      loading={loading}\n      modified={modified}\n      onReset={handleReset}\n    >\n      {(onDragStart, onDragStop) => (\n        <div>\n          <input\n            type=\"file\"\n            name={name}\n            accept={acceptedImages}\n            disabled={loading}\n            className={style.input}\n            onChange={onChange}\n            onDragEnter={onDragStart}\n            onDrop={onDragStop}\n            onDragLeave={onDragStop}\n          />\n        </div>\n      )}\n    </DragAndDrop>\n  );\n};\n\nImageUpload.propTypes = {\n  ...DragAndDrop.propTypes,\n  name: PropTypes.string,\n  onChange: PropTypes.func,\n  onReset: PropTypes.func,\n  imageTypes: PropTypes.arrayOf(ImagePropType)\n};\n\nexport default ImageUpload;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/atom/image-upload/index.js"],"names":["ImageUpload","title","description","previewLabel","previewContent","uploadLabel","loading","modified","onChange","onReset","name","imageTypes","handleReset","e","preventDefault","acceptedImages","t","onDragStart","onDragStop","style","input","propTypes","DragAndDrop","PropTypes","string","func","arrayOf","ImagePropType"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;;;;;;;;;AAEA,MAAMA,WAAW,GAAG,CAAC;AACnBC,EAAAA,KADmB;AAEnBC,EAAAA,WAFmB;AAGnBC,EAAAA,YAHmB;AAInBC,EAAAA,cAJmB;AAKnBC,EAAAA,WALmB;AAMnBC,EAAAA,OANmB;AAOnBC,EAAAA,QAPmB;AAQnBC,EAAAA,QARmB;AASnBC,EAAAA,OAAO,GAAG,IATS;AAUnBC,EAAAA,IAVmB;AAWnB;AACAC,EAAAA,UAAU,GAAG,CAAC,GAAD;AAZM,CAAD,KAad;AACJ,QAAMC,WAAW,GAAG,wBAClBC,CAAC,IAAI;AACH,QAAI,qBAAMJ,OAAN,CAAJ,EAAoB;AACpBI,IAAAA,CAAC,CAACC,cAAF;AACA,WAAOL,OAAO,CAACI,CAAD,CAAd;AACD,GALiB,EAMlB,CAACJ,OAAD,CANkB,CAApB;AASA,QAAMM,cAAc,GAAG,oBACrB,mBAAIC,CAAC,IAAK,SAAQA,CAAE,EAApB,CADqB,EAErB,oBAAK,GAAL,CAFqB,EAGrBL,UAHqB,CAAvB;AAKA,sBACE,6BAAC,oBAAD;AACE,IAAA,KAAK,EAAEV,KADT;AAEE,IAAA,WAAW,EAAEC,WAFf;AAGE,IAAA,YAAY,EAAEC,YAHhB;AAIE,IAAA,cAAc,EAAEC,cAJlB;AAKE,IAAA,WAAW,EAAEC,WALf;AAME,IAAA,OAAO,EAAEC,OANX;AAOE,IAAA,QAAQ,EAAEC,QAPZ;AAQE,IAAA,OAAO,EAAEK;AARX,KAUG,CAACK,WAAD,EAAcC,UAAd,kBACC,uDACE;AACE,IAAA,IAAI,EAAC,MADP;AAEE,IAAA,IAAI,EAAER,IAFR;AAGE,IAAA,MAAM,EAAEK,cAHV;AAIE,IAAA,QAAQ,EAAET,OAJZ;AAKE,IAAA,SAAS,EAAEa,eAAMC,KALnB;AAME,IAAA,QAAQ,EAAEZ,QANZ;AAOE,IAAA,WAAW,EAAES,WAPf;AAQE,IAAA,MAAM,EAAEC,UARV;AASE,IAAA,WAAW,EAAEA;AATf,IADF,CAXJ,CADF;AA4BD,CAxDD;;AA0DAlB,WAAW,CAACqB,SAAZ,iEACKC,qBAAYD,SADjB;AAEEX,EAAAA,IAAI,EAAEa,mBAAUC,MAFlB;AAGEhB,EAAAA,QAAQ,EAAEe,mBAAUE,IAHtB;AAIEhB,EAAAA,OAAO,EAAEc,mBAAUE,IAJrB;AAKEd,EAAAA,UAAU,EAAEY,mBAAUG,OAAV,CAAkBC,wBAAlB;AALd;eAQe3B,W","sourcesContent":["import React, {useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport {join, map, pipe, isNil} from 'lodash/fp';\nimport DragAndDrop from '../drag-and-drop';\nimport {ImagePropType} from '../../util/proptypes';\nimport style from './style.css';\n\nconst ImageUpload = ({\n  title,\n  description,\n  previewLabel,\n  previewContent,\n  uploadLabel,\n  loading,\n  modified,\n  onChange,\n  onReset = null,\n  name,\n  // See ImagePropType for accepted values\n  imageTypes = ['*']\n}) => {\n  const handleReset = useCallback(\n    e => {\n      if (isNil(onReset)) return;\n      e.preventDefault();\n      return onReset(e);\n    },\n    [onReset]\n  );\n\n  const acceptedImages = pipe(\n    map(t => `image/${t}`),\n    join(',')\n  )(imageTypes);\n\n  return (\n    <DragAndDrop\n      title={title}\n      description={description}\n      previewLabel={previewLabel}\n      previewContent={previewContent}\n      uploadLabel={uploadLabel}\n      loading={loading}\n      modified={modified}\n      onReset={handleReset}\n    >\n      {(onDragStart, onDragStop) => (\n        <div>\n          <input\n            type=\"file\"\n            name={name}\n            accept={acceptedImages}\n            disabled={loading}\n            className={style.input}\n            onChange={onChange}\n            onDragEnter={onDragStart}\n            onDrop={onDragStop}\n            onDragLeave={onDragStop}\n          />\n        </div>\n      )}\n    </DragAndDrop>\n  );\n};\n\nImageUpload.propTypes = {\n  ...DragAndDrop.propTypes,\n  name: PropTypes.string,\n  onChange: PropTypes.func,\n  onReset: PropTypes.func,\n  imageTypes: PropTypes.arrayOf(ImagePropType)\n};\n\nexport default ImageUpload;\n"],"file":"index.js"}

package/lib/atom/input-color/style.css

@@ -24,7 +24,7 @@
 }
 
 .preview {
-  z-index: 999;
+  z-index: 500;
   content: '';
   width: 20px;
   height: 20px;

package/lib/hoc/transition/index.js

@@ -26,7 +26,10 @@ const Transition = props => {
     onAnimationEnd = _noop2.default
   } = props;
   if (!animated) return children;
-  return _react.default.Children.map(children, child => {
+
+  const Child = ({
+    child
+  }) => {
     const {
       props: {
         className: propClassName
@@ -34,13 +37,17 @@ const Transition = props => {
     } = child;
     const handlerAnimationEnd = (0, _react.useMemo)(() => () => {
       return onAnimationEnd(name);
-    }, [onAnimationEnd, name]);
+    }, []);
     return _react.default.cloneElement(child, {
       className: (0, _classnames.default)(propClassName, className),
       onTransitionEnd: handlerAnimationEnd,
       onAnimationEnd: handlerAnimationEnd
     });
-  });
+  };
+
+  return _react.default.Children.map(children, child => /*#__PURE__*/_react.default.createElement(Child, {
+    child: child
+  }));
 };
 
 Transition.propTypes = process.env.NODE_ENV !== "production" ? {

package/lib/hoc/transition/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hoc/transition/index.js"],"names":["Transition","props","name","children","className","animated","onAnimationEnd","React","Children","map","child","propClassName","handlerAnimationEnd","cloneElement","onTransitionEnd","propTypes","PropTypes","string","isRequired","func","bool"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;;;;;;;AAEA,MAAMA,UAAU,GAAGC,KAAK,IAAI;AAC1B,QAAM;AAACC,IAAAA,IAAD;AAAOC,IAAAA,QAAP;AAAiBC,IAAAA,SAAjB;AAA4BC,IAAAA,QAA5B;AAAsCC,IAAAA,cAAc;AAApD,MAA+DL,KAArE;AAEA,MAAI,CAACI,QAAL,EAAe,OAAOF,QAAP;AAEf,SAAOI,eAAMC,QAAN,CAAeC,GAAf,CAAmBN,QAAnB,EAA6BO,KAAK,IAAI;AAC3C,UAAM;AACJT,MAAAA,KAAK,EAAE;AAACG,QAAAA,SAAS,EAAEO;AAAZ;AADH,QAEFD,KAFJ;AAIA,UAAME,mBAAmB,GAAG,oBAC1B,MAAM,MAAM;AACV,aAAON,cAAc,CAACJ,IAAD,CAArB;AACD,KAHyB,EAI1B,CAACI,cAAD,EAAiBJ,IAAjB,CAJ0B,CAA5B;AAOA,WAAOK,eAAMM,YAAN,CAAmBH,KAAnB,EAA0B;AAC/BN,MAAAA,SAAS,EAAE,yBAAWO,aAAX,EAA0BP,SAA1B,CADoB;AAE/BU,MAAAA,eAAe,EAAEF,mBAFc;AAG/BN,MAAAA,cAAc,EAAEM;AAHe,KAA1B,CAAP;AAKD,GAjBM,CAAP;AAkBD,CAvBD;;AAyBAZ,UAAU,CAACe,SAAX,2CAAuB;AACrBb,EAAAA,IAAI,EAAEc,mBAAUC,MAAV,CAAiBC,UADF;AAErBZ,EAAAA,cAAc,EAAEU,mBAAUG,IAFL;AAGrBd,EAAAA,QAAQ,EAAEW,mBAAUI;AAHC,CAAvB;eAMepB,U","sourcesContent":["import React, {useMemo} from 'react';\nimport {noop} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\n\nconst Transition = props => {\n  const {name, children, className, animated, onAnimationEnd = noop} = props;\n\n  if (!animated) return children;\n\n  return React.Children.map(children, child => {\n    const {\n      props: {className: propClassName}\n    } = child;\n\n    const handlerAnimationEnd = useMemo(\n      () => () => {\n        return onAnimationEnd(name);\n      },\n      [onAnimationEnd, name]\n    );\n\n    return React.cloneElement(child, {\n      className: classnames(propClassName, className),\n      onTransitionEnd: handlerAnimationEnd,\n      onAnimationEnd: handlerAnimationEnd\n    });\n  });\n};\n\nTransition.propTypes = {\n  name: PropTypes.string.isRequired,\n  onAnimationEnd: PropTypes.func,\n  animated: PropTypes.bool\n};\n\nexport default Transition;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/hoc/transition/index.js"],"names":["Transition","props","name","children","className","animated","onAnimationEnd","Child","child","propClassName","handlerAnimationEnd","React","cloneElement","onTransitionEnd","Children","map","propTypes","PropTypes","string","isRequired","func","bool"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;;;;;;;AAEA,MAAMA,UAAU,GAAGC,KAAK,IAAI;AAC1B,QAAM;AAACC,IAAAA,IAAD;AAAOC,IAAAA,QAAP;AAAiBC,IAAAA,SAAjB;AAA4BC,IAAAA,QAA5B;AAAsCC,IAAAA,cAAc;AAApD,MAA+DL,KAArE;AAEA,MAAI,CAACI,QAAL,EAAe,OAAOF,QAAP;;AAEf,QAAMI,KAAK,GAAG,CAAC;AAACC,IAAAA;AAAD,GAAD,KAAa;AACzB,UAAM;AACJP,MAAAA,KAAK,EAAE;AAACG,QAAAA,SAAS,EAAEK;AAAZ;AADH,QAEFD,KAFJ;AAIA,UAAME,mBAAmB,GAAG,oBAC1B,MAAM,MAAM;AACV,aAAOJ,cAAc,CAACJ,IAAD,CAArB;AACD,KAHyB,EAI1B,EAJ0B,CAA5B;AAOA,WAAOS,eAAMC,YAAN,CAAmBJ,KAAnB,EAA0B;AAC/BJ,MAAAA,SAAS,EAAE,yBAAWK,aAAX,EAA0BL,SAA1B,CADoB;AAE/BS,MAAAA,eAAe,EAAEH,mBAFc;AAG/BJ,MAAAA,cAAc,EAAEI;AAHe,KAA1B,CAAP;AAKD,GAjBD;;AAmBA,SAAOC,eAAMG,QAAN,CAAeC,GAAf,CAAmBZ,QAAnB,EAA6BK,KAAK,iBAAI,6BAAC,KAAD;AAAO,IAAA,KAAK,EAAEA;AAAd,IAAtC,CAAP;AACD,CAzBD;;AA2BAR,UAAU,CAACgB,SAAX,2CAAuB;AACrBd,EAAAA,IAAI,EAAEe,mBAAUC,MAAV,CAAiBC,UADF;AAErBb,EAAAA,cAAc,EAAEW,mBAAUG,IAFL;AAGrBf,EAAAA,QAAQ,EAAEY,mBAAUI;AAHC,CAAvB;eAMerB,U","sourcesContent":["import React, {useMemo} from 'react';\nimport {noop} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\n\nconst Transition = props => {\n  const {name, children, className, animated, onAnimationEnd = noop} = props;\n\n  if (!animated) return children;\n\n  const Child = ({child}) => {\n    const {\n      props: {className: propClassName}\n    } = child;\n\n    const handlerAnimationEnd = useMemo(\n      () => () => {\n        return onAnimationEnd(name);\n      },\n      []\n    );\n\n    return React.cloneElement(child, {\n      className: classnames(propClassName, className),\n      onTransitionEnd: handlerAnimationEnd,\n      onAnimationEnd: handlerAnimationEnd\n    });\n  };\n\n  return React.Children.map(children, child => <Child child={child} />);\n};\n\nTransition.propTypes = {\n  name: PropTypes.string.isRequired,\n  onAnimationEnd: PropTypes.func,\n  animated: PropTypes.bool\n};\n\nexport default Transition;\n"],"file":"index.js"}

package/lib/molecule/banner/index.js

@@ -3,6 +3,8 @@
 exports.__esModule = true;
 exports.default = void 0;
 
+var _keys2 = _interopRequireDefault(require("lodash/fp/keys"));
+
 var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -17,6 +19,12 @@ var _style = _interopRequireDefault(require("./style.css"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+const ICONS = {
+  success: _novaIcons.NovaCompositionCoorpacademyValidate,
+  error: _novaIcons.NovaSolidInterfaceFeedbackInterfaceAlertDiamond,
+  warning: _novaIcons.NovaSolidInterfaceFeedbackInterfaceAlertDiamond
+};
+
 const Banner = props => {
   const {
     type,
@@ -24,16 +32,18 @@ const Banner = props => {
     firstCTA,
     firstCTALabel,
     secondCTALabel,
-    secondCTA
+    secondCTA,
+    temporary
   } = props;
+  const Icon = ICONS[type];
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(_style.default.banner, type === 'error' && _style.default.errorBanner),
+    className: (0, _classnames.default)(_style.default.banner, type === 'error' && _style.default.errorBanner, type === 'success' && _style.default.successBanner, temporary && _style.default.temporaryBanner),
     title: message
   }, /*#__PURE__*/_react.default.createElement("div", {
     "data-name": `${type}-banner-message`,
     className: _style.default.message
-  }, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaSolidInterfaceFeedbackInterfaceAlertDiamond, {
-    className: _style.default.icon
+  }, /*#__PURE__*/_react.default.createElement(Icon, {
+    className: (0, _classnames.default)(_style.default.icon, temporary && _style.default.temporaryIcon)
   }), message), firstCTALabel ? /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.button
   }, /*#__PURE__*/_react.default.createElement(_buttonLink.default, {
@@ -56,12 +66,13 @@ const Banner = props => {
 };
 
 Banner.propTypes = process.env.NODE_ENV !== "production" ? {
-  type: _propTypes.default.oneOf(['information', 'error', 'success']),
+  type: _propTypes.default.oneOf((0, _keys2.default)(ICONS)),
   message: _propTypes.default.string.isRequired,
   firstCTA: _propTypes.default.func,
   firstCTALabel: _propTypes.default.string,
   secondCTALabel: _propTypes.default.string,
-  secondCTA: _propTypes.default.func
+  secondCTA: _propTypes.default.func,
+  temporary: _propTypes.default.bool
 } : {};
 var _default = Banner;
 exports.default = _default;

package/lib/molecule/banner/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/molecule/banner/index.js"],"names":["Banner","props","type","message","firstCTA","firstCTALabel","secondCTALabel","secondCTA","style","banner","errorBanner","icon","button","buttonsBar","propTypes","PropTypes","oneOf","string","isRequired","func"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,MAAM,GAAGC,KAAK,IAAI;AACtB,QAAM;AAACC,IAAAA,IAAD;AAAOC,IAAAA,OAAP;AAAgBC,IAAAA,QAAhB;AAA0BC,IAAAA,aAA1B;AAAyCC,IAAAA,cAAzC;AAAyDC,IAAAA;AAAzD,MAAsEN,KAA5E;AACA,sBACE;AACE,IAAA,SAAS,EAAE,yBAAWO,eAAMC,MAAjB,EAAyBP,IAAI,KAAK,OAAT,IAAoBM,eAAME,WAAnD,CADb;AAEE,IAAA,KAAK,EAAEP;AAFT,kBAIE;AAAK,iBAAY,GAAED,IAAK,iBAAxB;AAA0C,IAAA,SAAS,EAAEM,eAAML;AAA3D,kBACE,6BAAC,0DAAD;AAAc,IAAA,SAAS,EAAEK,eAAMG;AAA/B,IADF,EAEGR,OAFH,CAJF,EAQGE,aAAa,gBACZ;AAAK,IAAA,SAAS,EAAEG,eAAMI;AAAtB,kBACE,6BAAC,mBAAD;AACE,iBAAU,kBADZ;AAEE,kBAAYP,aAFd;AAGE,IAAA,KAAK,EAAEA,aAHT;AAIE,IAAA,OAAO,EAAED,QAJX;AAKE,IAAA,IAAI,EAAC;AALP,IADF,CADY,GAUV,IAlBN,EAmBGC,aAAa,IAAIC,cAAjB,gBAAkC;AAAK,IAAA,SAAS,EAAEE,eAAMK;AAAtB,IAAlC,GAAyE,IAnB5E,EAoBGP,cAAc,gBACb;AAAK,IAAA,SAAS,EAAEE,eAAMI;AAAtB,kBACE,6BAAC,mBAAD;AACE,iBAAU,mBADZ;AAEE,IAAA,OAAO,EAAEL,SAFX;AAGE,kBAAYD,cAHd;AAIE,IAAA,KAAK,EAAEA,cAJT;AAKE,IAAA,IAAI,EAAC;AALP,IADF,CADa,GAUX,IA9BN,CADF;AAkCD,CApCD;;AAsCAN,MAAM,CAACc,SAAP,2CAAmB;AACjBZ,EAAAA,IAAI,EAAEa,mBAAUC,KAAV,CAAgB,CAAC,aAAD,EAAgB,OAAhB,EAAyB,SAAzB,CAAhB,CADW;AAEjBb,EAAAA,OAAO,EAAEY,mBAAUE,MAAV,CAAiBC,UAFT;AAGjBd,EAAAA,QAAQ,EAAEW,mBAAUI,IAHH;AAIjBd,EAAAA,aAAa,EAAEU,mBAAUE,MAJR;AAKjBX,EAAAA,cAAc,EAAES,mBAAUE,MALT;AAMjBV,EAAAA,SAAS,EAAEQ,mBAAUI;AANJ,CAAnB;eASenB,M","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {NovaSolidInterfaceFeedbackInterfaceAlertDiamond as QuestionIcon} from '@coorpacademy/nova-icons';\nimport Link from '../../atom/button-link';\nimport style from './style.css';\n\nconst Banner = props => {\n  const {type, message, firstCTA, firstCTALabel, secondCTALabel, secondCTA} = props;\n  return (\n    <div\n      className={classnames(style.banner, type === 'error' && style.errorBanner)}\n      title={message}\n    >\n      <div data-name={`${type}-banner-message`} className={style.message}>\n        <QuestionIcon className={style.icon} />\n        {message}\n      </div>\n      {firstCTALabel ? (\n        <div className={style.button}>\n          <Link\n            data-name=\"first-banner-cta\"\n            aria-label={firstCTALabel}\n            label={firstCTALabel}\n            onClick={firstCTA}\n            type=\"text\"\n          />\n        </div>\n      ) : null}\n      {firstCTALabel && secondCTALabel ? <div className={style.buttonsBar} /> : null}\n      {secondCTALabel ? (\n        <div className={style.button}>\n          <Link\n            data-name=\"second-banner-cta\"\n            onClick={secondCTA}\n            aria-label={secondCTALabel}\n            label={secondCTALabel}\n            type=\"text\"\n          />\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nBanner.propTypes = {\n  type: PropTypes.oneOf(['information', 'error', 'success']),\n  message: PropTypes.string.isRequired,\n  firstCTA: PropTypes.func,\n  firstCTALabel: PropTypes.string,\n  secondCTALabel: PropTypes.string,\n  secondCTA: PropTypes.func\n};\n\nexport default Banner;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/molecule/banner/index.js"],"names":["ICONS","success","ValidateIcon","error","QuestionIcon","warning","Banner","props","type","message","firstCTA","firstCTALabel","secondCTALabel","secondCTA","temporary","Icon","style","banner","errorBanner","successBanner","temporaryBanner","icon","temporaryIcon","button","buttonsBar","propTypes","PropTypes","oneOf","string","isRequired","func","bool"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAEA;;AAIA;;AACA;;;;AAEA,MAAMA,KAAK,GAAG;AACZC,EAAAA,OAAO,EAAEC,8CADG;AAEZC,EAAAA,KAAK,EAAEC,0DAFK;AAGZC,EAAAA,OAAO,EAAED;AAHG,CAAd;;AAMA,MAAME,MAAM,GAAGC,KAAK,IAAI;AACtB,QAAM;AAACC,IAAAA,IAAD;AAAOC,IAAAA,OAAP;AAAgBC,IAAAA,QAAhB;AAA0BC,IAAAA,aAA1B;AAAyCC,IAAAA,cAAzC;AAAyDC,IAAAA,SAAzD;AAAoEC,IAAAA;AAApE,MAAiFP,KAAvF;AACA,QAAMQ,IAAI,GAAGf,KAAK,CAACQ,IAAD,CAAlB;AACA,sBACE;AACE,IAAA,SAAS,EAAE,yBACTQ,eAAMC,MADG,EAETT,IAAI,KAAK,OAAT,IAAoBQ,eAAME,WAFjB,EAGTV,IAAI,KAAK,SAAT,IAAsBQ,eAAMG,aAHnB,EAITL,SAAS,IAAIE,eAAMI,eAJV,CADb;AAOE,IAAA,KAAK,EAAEX;AAPT,kBASE;AAAK,iBAAY,GAAED,IAAK,iBAAxB;AAA0C,IAAA,SAAS,EAAEQ,eAAMP;AAA3D,kBACE,6BAAC,IAAD;AAAM,IAAA,SAAS,EAAE,yBAAWO,eAAMK,IAAjB,EAAuBP,SAAS,IAAIE,eAAMM,aAA1C;AAAjB,IADF,EAEGb,OAFH,CATF,EAaGE,aAAa,gBACZ;AAAK,IAAA,SAAS,EAAEK,eAAMO;AAAtB,kBACE,6BAAC,mBAAD;AACE,iBAAU,kBADZ;AAEE,kBAAYZ,aAFd;AAGE,IAAA,KAAK,EAAEA,aAHT;AAIE,IAAA,OAAO,EAAED,QAJX;AAKE,IAAA,IAAI,EAAC;AALP,IADF,CADY,GAUV,IAvBN,EAwBGC,aAAa,IAAIC,cAAjB,gBAAkC;AAAK,IAAA,SAAS,EAAEI,eAAMQ;AAAtB,IAAlC,GAAyE,IAxB5E,EAyBGZ,cAAc,gBACb;AAAK,IAAA,SAAS,EAAEI,eAAMO;AAAtB,kBACE,6BAAC,mBAAD;AACE,iBAAU,mBADZ;AAEE,IAAA,OAAO,EAAEV,SAFX;AAGE,kBAAYD,cAHd;AAIE,IAAA,KAAK,EAAEA,cAJT;AAKE,IAAA,IAAI,EAAC;AALP,IADF,CADa,GAUX,IAnCN,CADF;AAuCD,CA1CD;;AA4CAN,MAAM,CAACmB,SAAP,2CAAmB;AACjBjB,EAAAA,IAAI,EAAEkB,mBAAUC,KAAV,CAAgB,oBAAK3B,KAAL,CAAhB,CADW;AAEjBS,EAAAA,OAAO,EAAEiB,mBAAUE,MAAV,CAAiBC,UAFT;AAGjBnB,EAAAA,QAAQ,EAAEgB,mBAAUI,IAHH;AAIjBnB,EAAAA,aAAa,EAAEe,mBAAUE,MAJR;AAKjBhB,EAAAA,cAAc,EAAEc,mBAAUE,MALT;AAMjBf,EAAAA,SAAS,EAAEa,mBAAUI,IANJ;AAOjBhB,EAAAA,SAAS,EAAEY,mBAAUK;AAPJ,CAAnB;eAUezB,M","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {keys} from 'lodash/fp';\nimport {\n  NovaSolidInterfaceFeedbackInterfaceAlertDiamond as QuestionIcon,\n  NovaCompositionCoorpacademyValidate as ValidateIcon\n} from '@coorpacademy/nova-icons';\nimport Link from '../../atom/button-link';\nimport style from './style.css';\n\nconst ICONS = {\n  success: ValidateIcon,\n  error: QuestionIcon,\n  warning: QuestionIcon\n};\n\nconst Banner = props => {\n  const {type, message, firstCTA, firstCTALabel, secondCTALabel, secondCTA, temporary} = props;\n  const Icon = ICONS[type];\n  return (\n    <div\n      className={classnames(\n        style.banner,\n        type === 'error' && style.errorBanner,\n        type === 'success' && style.successBanner,\n        temporary && style.temporaryBanner\n      )}\n      title={message}\n    >\n      <div data-name={`${type}-banner-message`} className={style.message}>\n        <Icon className={classnames(style.icon, temporary && style.temporaryIcon)} />\n        {message}\n      </div>\n      {firstCTALabel ? (\n        <div className={style.button}>\n          <Link\n            data-name=\"first-banner-cta\"\n            aria-label={firstCTALabel}\n            label={firstCTALabel}\n            onClick={firstCTA}\n            type=\"text\"\n          />\n        </div>\n      ) : null}\n      {firstCTALabel && secondCTALabel ? <div className={style.buttonsBar} /> : null}\n      {secondCTALabel ? (\n        <div className={style.button}>\n          <Link\n            data-name=\"second-banner-cta\"\n            onClick={secondCTA}\n            aria-label={secondCTALabel}\n            label={secondCTALabel}\n            type=\"text\"\n          />\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nBanner.propTypes = {\n  type: PropTypes.oneOf(keys(ICONS)),\n  message: PropTypes.string.isRequired,\n  firstCTA: PropTypes.func,\n  firstCTALabel: PropTypes.string,\n  secondCTALabel: PropTypes.string,\n  secondCTA: PropTypes.func,\n  temporary: PropTypes.bool\n};\n\nexport default Banner;\n"],"file":"index.js"}