@coorpacademy/components 11.9.3-alpha.29 → 11.10.1

package/es/template/back-office/brand-list/index.js

@@ -1,6 +1,9 @@
 const _excluded = ["select"];
+
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
 import React from 'react';
 import PropTypes from 'prop-types';
 import GridList from '../../../organism/grid-list';
@@ -13,26 +16,29 @@ import Layout from '../layout';
 import style from './style.css';
 const BrandList = Layout(props => {
   const {
-      brands = [],
-      create,
-      search: {
-        select
-      } = {},
-      filter
-    } = props,
-    search = _objectWithoutPropertiesLoose(props.search, _excluded);
+    brands = [],
+    create,
+    search: {
+      select
+    } = {},
+    filter
+  } = props,
+        search = _objectWithoutPropertiesLoose(props.search, _excluded);
+
   const brandCards = brands.map((brand, index) => {
     return /*#__PURE__*/React.createElement("div", {
       key: brand.title,
       className: style.brand
     }, /*#__PURE__*/React.createElement(BrandCard, brand));
   });
+
   if (create) {
     brandCards.push( /*#__PURE__*/React.createElement("div", {
       key: "new",
       className: style.brand
     }, /*#__PURE__*/React.createElement(BrandCardCreate, create)));
   }
+
   return /*#__PURE__*/React.createElement("div", {
     className: style.container
   }, filter ? /*#__PURE__*/React.createElement("div", {

package/es/template/back-office/brand-list/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","GridList","BrandCard","BrandCardCreate","Search","Select","RadioGroup","Layout","style","BrandList","props","brands","create","search","select","filter","brandCards","map","brand","index","title","push","container","filterBar","filters","searchBar","provider","wrapper","propTypes","arrayOf","shape"],"sources":["../../../../src/template/back-office/brand-list/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport GridList from '../../../organism/grid-list';\nimport BrandCard from '../../../molecule/brand-card';\nimport BrandCardCreate from '../../../molecule/brand-card-create';\nimport Search from '../../../atom/input-search';\nimport Select from '../../../molecule/select-multiple';\nimport RadioGroup from '../../../atom/radio-group';\nimport Layout from '../layout';\nimport style from './style.css';\n\nconst BrandList = Layout(props => {\n  const {brands = [], create, search: {select, ...search} = {}, filter} = props;\n\n  const brandCards = brands.map((brand, index) => {\n    return (\n      <div key={brand.title} className={style.brand}>\n        <BrandCard {...brand} />\n      </div>\n    );\n  });\n\n  if (create) {\n    brandCards.push(\n      <div key=\"new\" className={style.brand}>\n        <BrandCardCreate {...create} />\n      </div>\n    );\n  }\n\n  return (\n    <div className={style.container}>\n      {filter ? (\n        <div className={style.filterBar}>\n          <RadioGroup {...filter} />\n        </div>\n      ) : null}\n      <div className={style.filters}>\n        <div className={style.searchBar}>\n          <Search {...search} theme=\"coorpmanager\" />\n        </div>\n        {select ? (\n          <div className={style.provider}>\n            <Select {...select} theme=\"coorpmanager\" />\n          </div>\n        ) : null}\n      </div>\n      <div className={style.wrapper}>\n        <GridList>{brandCards}</GridList>\n      </div>\n    </div>\n  );\n});\n\nBrandList.propTypes = {\n  brands: PropTypes.arrayOf(PropTypes.shape(BrandCard.propTypes)),\n  filter: PropTypes.shape(RadioGroup.propTypes),\n  search: PropTypes.shape(Search.propTypes),\n  create: PropTypes.shape(BrandCardCreate.propTypes)\n};\n\nexport default BrandList;\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,QAAQ,MAAM,6BAA6B;AAClD,OAAOC,SAAS,MAAM,8BAA8B;AACpD,OAAOC,eAAe,MAAM,qCAAqC;AACjE,OAAOC,MAAM,MAAM,4BAA4B;AAC/C,OAAOC,MAAM,MAAM,mCAAmC;AACtD,OAAOC,UAAU,MAAM,2BAA2B;AAClD,OAAOC,MAAM,MAAM,WAAW;AAC9B,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,SAAS,GAAGF,MAAM,CAACG,KAAK,IAAI;EAChC,MAAM;MAACC,MAAM,GAAG,EAAE;MAAEC,MAAM;MAAEC,MAAM,EAAE;QAACC;MAAiB,CAAC,GAAG,CAAC,CAAC;MAAEC;IAAM,CAAC,GAAGL,KAAK;IAA7BG,MAAM,iCAAkBH,KAAK,CAAjDG,MAAM;EAElC,MAAMG,UAAU,GAAGL,MAAM,CAACM,GAAG,CAAC,CAACC,KAAK,EAAEC,KAAK,KAAK;IAC9C,oBACE;MAAK,GAAG,EAAED,KAAK,CAACE,KAAM;MAAC,SAAS,EAAEZ,KAAK,CAACU;IAAM,gBAC5C,oBAAC,SAAS,EAAKA,KAAK,CAAI,CACpB;EAEV,CAAC,CAAC;EAEF,IAAIN,MAAM,EAAE;IACVI,UAAU,CAACK,IAAI,eACb;MAAK,GAAG,EAAC,KAAK;MAAC,SAAS,EAAEb,KAAK,CAACU;IAAM,gBACpC,oBAAC,eAAe,EAAKN,MAAM,CAAI,CAC3B,CACP;EACH;EAEA,oBACE;IAAK,SAAS,EAAEJ,KAAK,CAACc;EAAU,GAC7BP,MAAM,gBACL;IAAK,SAAS,EAAEP,KAAK,CAACe;EAAU,gBAC9B,oBAAC,UAAU,EAAKR,MAAM,CAAI,CACtB,GACJ,IAAI,eACR;IAAK,SAAS,EAAEP,KAAK,CAACgB;EAAQ,gBAC5B;IAAK,SAAS,EAAEhB,KAAK,CAACiB;EAAU,gBAC9B,oBAAC,MAAM,eAAKZ,MAAM;IAAE,KAAK,EAAC;EAAc,GAAG,CACvC,EACLC,MAAM,gBACL;IAAK,SAAS,EAAEN,KAAK,CAACkB;EAAS,gBAC7B,oBAAC,MAAM,eAAKZ,MAAM;IAAE,KAAK,EAAC;EAAc,GAAG,CACvC,GACJ,IAAI,CACJ,eACN;IAAK,SAAS,EAAEN,KAAK,CAACmB;EAAQ,gBAC5B,oBAAC,QAAQ,QAAEX,UAAU,CAAY,CAC7B,CACF;AAEV,CAAC,CAAC;AAEFP,SAAS,CAACmB,SAAS,2CAAG;EACpBjB,MAAM,EAAEX,SAAS,CAAC6B,OAAO,CAAC7B,SAAS,CAAC8B,KAAK,CAAC5B,SAAS,CAAC0B,SAAS,CAAC,CAAC;EAC/Db,MAAM,EAAEf,SAAS,CAAC8B,KAAK,CAACxB,UAAU,CAACsB,SAAS,CAAC;EAC7Cf,MAAM,EAAEb,SAAS,CAAC8B,KAAK,CAAC1B,MAAM,CAACwB,SAAS,CAAC;EACzChB,MAAM,EAAEZ,SAAS,CAAC8B,KAAK,CAAC3B,eAAe,CAACyB,SAAS;AACnD,CAAC;AAED,eAAenB,SAAS"}
+{"version":3,"file":"index.js","names":["React","PropTypes","GridList","BrandCard","BrandCardCreate","Search","Select","RadioGroup","Layout","style","BrandList","props","brands","create","search","select","filter","brandCards","map","brand","index","title","push","container","filterBar","filters","searchBar","provider","wrapper","propTypes","arrayOf","shape"],"sources":["../../../../src/template/back-office/brand-list/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport GridList from '../../../organism/grid-list';\nimport BrandCard from '../../../molecule/brand-card';\nimport BrandCardCreate from '../../../molecule/brand-card-create';\nimport Search from '../../../atom/input-search';\nimport Select from '../../../molecule/select-multiple';\nimport RadioGroup from '../../../atom/radio-group';\nimport Layout from '../layout';\nimport style from './style.css';\n\nconst BrandList = Layout(props => {\n  const {brands = [], create, search: {select, ...search} = {}, filter} = props;\n\n  const brandCards = brands.map((brand, index) => {\n    return (\n      <div key={brand.title} className={style.brand}>\n        <BrandCard {...brand} />\n      </div>\n    );\n  });\n\n  if (create) {\n    brandCards.push(\n      <div key=\"new\" className={style.brand}>\n        <BrandCardCreate {...create} />\n      </div>\n    );\n  }\n\n  return (\n    <div className={style.container}>\n      {filter ? (\n        <div className={style.filterBar}>\n          <RadioGroup {...filter} />\n        </div>\n      ) : null}\n      <div className={style.filters}>\n        <div className={style.searchBar}>\n          <Search {...search} theme=\"coorpmanager\" />\n        </div>\n        {select ? (\n          <div className={style.provider}>\n            <Select {...select} theme=\"coorpmanager\" />\n          </div>\n        ) : null}\n      </div>\n      <div className={style.wrapper}>\n        <GridList>{brandCards}</GridList>\n      </div>\n    </div>\n  );\n});\n\nBrandList.propTypes = {\n  brands: PropTypes.arrayOf(PropTypes.shape(BrandCard.propTypes)),\n  filter: PropTypes.shape(RadioGroup.propTypes),\n  search: PropTypes.shape(Search.propTypes),\n  create: PropTypes.shape(BrandCardCreate.propTypes)\n};\n\nexport default BrandList;\n"],"mappings":";;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,QAAP,MAAqB,6BAArB;AACA,OAAOC,SAAP,MAAsB,8BAAtB;AACA,OAAOC,eAAP,MAA4B,qCAA5B;AACA,OAAOC,MAAP,MAAmB,4BAAnB;AACA,OAAOC,MAAP,MAAmB,mCAAnB;AACA,OAAOC,UAAP,MAAuB,2BAAvB;AACA,OAAOC,MAAP,MAAmB,WAAnB;AACA,OAAOC,KAAP,MAAkB,aAAlB;AAEA,MAAMC,SAAS,GAAGF,MAAM,CAACG,KAAK,IAAI;EAChC,MAAM;IAACC,MAAM,GAAG,EAAV;IAAcC,MAAd;IAAsBC,MAAM,EAAE;MAACC;IAAD,IAAsB,EAApD;IAAwDC;EAAxD,IAAkEL,KAAxE;EAAA,MAAgDG,MAAhD,iCAAwEH,KAAxE,CAA4BG,MAA5B;;EAEA,MAAMG,UAAU,GAAGL,MAAM,CAACM,GAAP,CAAW,CAACC,KAAD,EAAQC,KAAR,KAAkB;IAC9C,oBACE;MAAK,GAAG,EAAED,KAAK,CAACE,KAAhB;MAAuB,SAAS,EAAEZ,KAAK,CAACU;IAAxC,gBACE,oBAAC,SAAD,EAAeA,KAAf,CADF,CADF;EAKD,CANkB,CAAnB;;EAQA,IAAIN,MAAJ,EAAY;IACVI,UAAU,CAACK,IAAX,eACE;MAAK,GAAG,EAAC,KAAT;MAAe,SAAS,EAAEb,KAAK,CAACU;IAAhC,gBACE,oBAAC,eAAD,EAAqBN,MAArB,CADF,CADF;EAKD;;EAED,oBACE;IAAK,SAAS,EAAEJ,KAAK,CAACc;EAAtB,GACGP,MAAM,gBACL;IAAK,SAAS,EAAEP,KAAK,CAACe;EAAtB,gBACE,oBAAC,UAAD,EAAgBR,MAAhB,CADF,CADK,GAIH,IALN,eAME;IAAK,SAAS,EAAEP,KAAK,CAACgB;EAAtB,gBACE;IAAK,SAAS,EAAEhB,KAAK,CAACiB;EAAtB,gBACE,oBAAC,MAAD,eAAYZ,MAAZ;IAAoB,KAAK,EAAC;EAA1B,GADF,CADF,EAIGC,MAAM,gBACL;IAAK,SAAS,EAAEN,KAAK,CAACkB;EAAtB,gBACE,oBAAC,MAAD,eAAYZ,MAAZ;IAAoB,KAAK,EAAC;EAA1B,GADF,CADK,GAIH,IARN,CANF,eAgBE;IAAK,SAAS,EAAEN,KAAK,CAACmB;EAAtB,gBACE,oBAAC,QAAD,QAAWX,UAAX,CADF,CAhBF,CADF;AAsBD,CAzCuB,CAAxB;AA2CAP,SAAS,CAACmB,SAAV,2CAAsB;EACpBjB,MAAM,EAAEX,SAAS,CAAC6B,OAAV,CAAkB7B,SAAS,CAAC8B,KAAV,CAAgB5B,SAAS,CAAC0B,SAA1B,CAAlB,CADY;EAEpBb,MAAM,EAAEf,SAAS,CAAC8B,KAAV,CAAgBxB,UAAU,CAACsB,SAA3B,CAFY;EAGpBf,MAAM,EAAEb,SAAS,CAAC8B,KAAV,CAAgB1B,MAAM,CAACwB,SAAvB,CAHY;EAIpBhB,MAAM,EAAEZ,SAAS,CAAC8B,KAAV,CAAgB3B,eAAe,CAACyB,SAAhC;AAJY,CAAtB;AAOA,eAAenB,SAAf"}

package/es/template/back-office/brand-update/index.js

@@ -1,4 +1,5 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 import React from 'react';
 import PropTypes from 'prop-types';
 import map from 'lodash/fp/map';
@@ -24,7 +25,9 @@ import CmPopin from '../../../molecule/cm-popin';
 import ButtonLinkIconOnly from '../../../atom/button-link-icon-only';
 import EmptyStateDashboard from '../../../molecule/empty-state-dashboard';
 import style from './style.css';
+
 const getStyle = isSelected => isSelected ? style.selectedElement : style.unselectedElement;
+
 const subTabsView = (_subTabs = []) => map.convert({
   cap: false
 })((subTab, _index) => /*#__PURE__*/React.createElement("div", {
@@ -36,9 +39,9 @@ const subTabsView = (_subTabs = []) => map.convert({
 })) : /*#__PURE__*/React.createElement(LinkItem, _extends({}, subTab, {
   styles: getStyle(subTab.selected),
   uppercase: false
-}))))(_subTabs);
+}))))(_subTabs); // TODO: this fonction should be replaced by a molecule to avoid this file to be unreadable
+
 
-// TODO: this fonction should be replaced by a molecule to avoid this file to be unreadable
 const buildLeftNavigation = (logo, items, onItemClick) => {
   const formattedTabs = items.map(({
     key,
@@ -73,10 +76,12 @@ const buildLeftNavigation = (logo, items, onItemClick) => {
     onClick: onItemClick
   }, formattedTabsViews));
 };
+
 const buildNotifications = notifications => {
   if (isEmpty(notifications)) {
     return null;
   }
+
   const notificationsList = notifications.map((notification, index) => {
     return /*#__PURE__*/React.createElement("div", {
       className: style.notification,
@@ -87,16 +92,19 @@ const buildNotifications = notifications => {
     className: style.notifications
   }, notificationsList);
 };
+
 const buildHeader = header => {
   return /*#__PURE__*/React.createElement("div", {
     className: style.header
   }, /*#__PURE__*/React.createElement(Header, header));
 };
+
 const buildPopin = popin => {
   return popin ? /*#__PURE__*/React.createElement("div", {
     className: style.popin
   }, /*#__PURE__*/React.createElement(CmPopin, popin)) : null;
 };
+
 const buildDocumentation = documentation => {
   if (!documentation) return null;
   const {
@@ -107,8 +115,7 @@ const buildDocumentation = documentation => {
   return /*#__PURE__*/React.createElement("div", {
     className: classNames(style.documentation, show && style.open)
   }, /*#__PURE__*/React.createElement("div", {
-    className: style.documentationContent
-    // eslint-disable-next-line react/no-danger
+    className: style.documentationContent // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
       __html: content
@@ -122,6 +129,7 @@ const buildDocumentation = documentation => {
     icon: "close"
   }) : null);
 };
+
 const buildTabs = items => {
   const selectedTab = pipe(find(e => e.selected), get('tabs'), find(e => e.selected))(items);
   const showTabs = selectedTab ? find(e => e.selected, selectedTab.subTabs) : undefined;
@@ -133,6 +141,7 @@ const buildTabs = items => {
     tabs: selectedTab.subTabs
   }));
 };
+
 const buildContentView = content => {
   if (!content) {
     return /*#__PURE__*/React.createElement("div", {
@@ -142,32 +151,43 @@ const buildContentView = content => {
       theme: "coorpmanager"
     }));
   }
+
   const {
     type
   } = content;
+
   switch (type) {
     case 'form':
       return /*#__PURE__*/React.createElement(BrandForm, content);
+
     case 'list':
       return /*#__PURE__*/React.createElement(BrandTable, content);
+
     case 'upload':
       return /*#__PURE__*/React.createElement(BrandUpload, content);
+
     case 'analytics-dashboards':
       return /*#__PURE__*/React.createElement(BrandAnalytics, content);
+
     case 'list-content':
       return /*#__PURE__*/React.createElement(ListItems, content);
+
     case 'home':
       return /*#__PURE__*/React.createElement(BrandDashboard, content);
+
     case 'wizard':
       return /*#__PURE__*/React.createElement(WizardContents, content);
+
     case 'empty-state-dashboard':
       return /*#__PURE__*/React.createElement(EmptyStateDashboard, content);
   }
 };
+
 const buildDetailsView = details => {
   if (!details) return;
   return /*#__PURE__*/React.createElement(BrandTable, details);
 };
+
 const BrandUpdate = props => {
   const {
     notifications,
@@ -202,6 +222,7 @@ const BrandUpdate = props => {
     className: contentStyle
   }, notificationsView, tabsView, contentView, detailsView, documentationView)), popinView);
 };
+
 BrandUpdate.defaultProps = {
   notifications: []
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","map","pipe","get","isEmpty","find","classNames","BrandTabs","IconLinkItem","LinkItem","BrandForm","BrandTable","BrandUpload","BrandAnalytics","BrandDashboard","WizardContents","ListItems","Banner","Header","Loader","Accordion","CmPopin","ButtonLinkIconOnly","EmptyStateDashboard","style","getStyle","isSelected","selectedElement","unselectedElement","subTabsView","_subTabs","convert","cap","subTab","_index","title","type","selected","buildLeftNavigation","logo","items","onItemClick","formattedTabs","key","href","index","children","iconType","formattedTabsViews","tab","tabs","navigation","buildNotifications","notifications","notificationsList","notification","buildHeader","header","buildPopin","popin","buildDocumentation","documentation","show","onClose","content","open","documentationContent","__html","closeButton","buildTabs","selectedTab","e","showTabs","subTabs","undefined","buildContentView","loaderContainer","loader","buildDetailsView","details","BrandUpdate","props","contentFixHeight","leftNavigation","notificationsView","documentationView","headerView","tabsView","contentView","detailsView","popinView","contentStyle","contentWithNotifications","container","left","contentWrapper","headerSticky","defaultProps","propTypes","arrayOf","shape","string","isRequired","bool","oneOfType","oneOf","func"],"sources":["../../../../src/template/back-office/brand-update/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport map from 'lodash/fp/map';\nimport pipe from 'lodash/fp/pipe';\nimport get from 'lodash/fp/get';\nimport isEmpty from 'lodash/fp/isEmpty';\nimport find from 'lodash/fp/find';\nimport classNames from 'classnames';\nimport BrandTabs from '../../../molecule/brand-tabs';\nimport {IconLinkItem, LinkItem} from '../../../organism/sidebar';\nimport BrandForm from '../../../organism/brand-form';\nimport BrandTable from '../../../organism/brand-table';\nimport BrandUpload from '../../../organism/brand-upload';\nimport BrandAnalytics from '../../../organism/brand-analytics';\nimport BrandDashboard from '../../../organism/brand-dashboard';\nimport WizardContents from '../../../organism/wizard-contents';\nimport ListItems from '../../../organism/list-items';\nimport Banner from '../../../molecule/banner';\nimport Header from '../../../organism/setup-header';\nimport Loader from '../../../atom/loader';\nimport Accordion from '../../../organism/accordion/coorp-manager';\nimport CmPopin from '../../../molecule/cm-popin';\nimport ButtonLinkIconOnly from '../../../atom/button-link-icon-only';\nimport EmptyStateDashboard from '../../../molecule/empty-state-dashboard';\nimport style from './style.css';\n\nconst getStyle = isSelected => (isSelected ? style.selectedElement : style.unselectedElement);\n\nconst subTabsView = (_subTabs = []) =>\n  map.convert({cap: false})((subTab, _index) => (\n    <div key={subTab.title}>\n      {subTab.type === 'iconLink' ? (\n        <IconLinkItem\n          {...subTab}\n          styles={getStyle(subTab.selected)}\n          uppercase={false}\n          target={'_blank'}\n        />\n      ) : (\n        <LinkItem {...subTab} styles={getStyle(subTab.selected)} uppercase={false} />\n      )}\n    </div>\n  ))(_subTabs);\n\n// TODO: this fonction should be replaced by a molecule to avoid this file to be unreadable\nconst buildLeftNavigation = (logo, items, onItemClick) => {\n  const formattedTabs = items.map(({key, title, href, selected, type = 'simpleTab'}, index) => ({\n    title,\n    selected,\n    type,\n    href,\n    index,\n    children: [],\n    iconType: key || 'arrow'\n  }));\n\n  const formattedTabsViews = map(tab => (\n    <div key={tab.title} className={style.subTabsView}>\n      {subTabsView(tab.tabs)}\n    </div>\n  ))(items);\n\n  return (\n    <div className={style.navigation}>\n      <div className={style.logo}>\n        <a href=\"/\">\n          <img src={logo} />\n        </a>\n      </div>\n      <Accordion tabProps={formattedTabs} theme={'setup'} onClick={onItemClick}>\n        {formattedTabsViews}\n      </Accordion>\n    </div>\n  );\n};\n\nconst buildNotifications = notifications => {\n  if (isEmpty(notifications)) {\n    return null;\n  }\n\n  const notificationsList = notifications.map((notification, index) => {\n    return (\n      <div className={style.notification} key={index}>\n        <Banner {...notification} />\n      </div>\n    );\n  });\n  return <div className={style.notifications}>{notificationsList}</div>;\n};\n\nconst buildHeader = header => {\n  return (\n    <div className={style.header}>\n      <Header {...header} />\n    </div>\n  );\n};\n\nconst buildPopin = popin => {\n  return popin ? (\n    <div className={style.popin}>\n      <CmPopin {...popin} />\n    </div>\n  ) : null;\n};\n\nconst buildDocumentation = documentation => {\n  if (!documentation) return null;\n  const {show = false, onClose, content = ''} = documentation;\n  return (\n    <div className={classNames(style.documentation, show && style.open)}>\n      <div\n        className={style.documentationContent}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: content}}\n      />\n      {onClose ? (\n        <ButtonLinkIconOnly\n          className={style.closeButton}\n          onClick={onClose}\n          data-name={'close-icon'}\n          aria-label={'close-icon'}\n          size=\"small\"\n          icon=\"close\"\n        />\n      ) : null}\n    </div>\n  );\n};\n\nconst buildTabs = items => {\n  const selectedTab = pipe(\n    find(e => e.selected),\n    get('tabs'),\n    find(e => e.selected)\n  )(items);\n\n  const showTabs = selectedTab ? find(e => e.selected, selectedTab.subTabs) : undefined;\n  if (!showTabs) return null;\n  return (\n    <div className={style.tabs}>\n      <BrandTabs type=\"light\" tabs={selectedTab.subTabs} />\n    </div>\n  );\n};\n\nconst buildContentView = content => {\n  if (!content) {\n    return (\n      <div className={style.loaderContainer}>\n        <Loader className={style.loader} theme=\"coorpmanager\" />\n      </div>\n    );\n  }\n\n  const {type} = content;\n  switch (type) {\n    case 'form':\n      return <BrandForm {...content} />;\n    case 'list':\n      return <BrandTable {...content} />;\n    case 'upload':\n      return <BrandUpload {...content} />;\n    case 'analytics-dashboards':\n      return <BrandAnalytics {...content} />;\n    case 'list-content':\n      return <ListItems {...content} />;\n    case 'home':\n      return <BrandDashboard {...content} />;\n    case 'wizard':\n      return <WizardContents {...content} />;\n    case 'empty-state-dashboard':\n      return <EmptyStateDashboard {...content} />;\n  }\n};\n\nconst buildDetailsView = details => {\n  if (!details) return;\n  return <BrandTable {...details} />;\n};\n\nconst BrandUpdate = props => {\n  const {\n    notifications,\n    header,\n    items,\n    content,\n    details,\n    popin,\n    onItemClick,\n    documentation,\n    contentFixHeight\n  } = props;\n  const logo = 'https://static.coorpacademy.com/logo/coorp-manager.svg';\n\n  const leftNavigation = buildLeftNavigation(logo, items, onItemClick);\n  const notificationsView = buildNotifications(notifications);\n  const documentationView = buildDocumentation(documentation);\n  const headerView = buildHeader(header, notifications);\n  const tabsView = buildTabs(items);\n  const contentView = buildContentView(content);\n  const detailsView = buildDetailsView(details);\n  const popinView = buildPopin(popin);\n\n  const contentStyle = classNames([\n    style.content,\n    !isEmpty(notifications) && style.contentWithNotifications,\n    contentFixHeight && style.contentFixHeight\n  ]);\n\n  return (\n    <div className={style.container}>\n      <div className={style.left}>{leftNavigation}</div>\n      <div className={style.contentWrapper}>\n        <div className={style.headerSticky}>{headerView}</div>\n        <div className={contentStyle}>\n          {notificationsView}\n          {tabsView}\n          {contentView}\n          {detailsView}\n          {documentationView}\n        </div>\n      </div>\n      {popinView}\n    </div>\n  );\n};\n\nBrandUpdate.defaultProps = {\n  notifications: []\n};\n\nBrandUpdate.propTypes = {\n  notifications: PropTypes.arrayOf(\n    PropTypes.shape({\n      ...Banner.propTypes\n    })\n  ),\n  header: PropTypes.shape({...Header.propTypes}),\n  items: PropTypes.arrayOf(\n    PropTypes.shape({\n      key: PropTypes.string,\n      title: PropTypes.string.isRequired,\n      href: PropTypes.string.isRequired,\n      selected: PropTypes.bool.isRequired,\n      type: PropTypes.string,\n      tabs: PropTypes.arrayOf(\n        PropTypes.shape({\n          title: PropTypes.string.isRequired,\n          href: PropTypes.string.isRequired,\n          selected: PropTypes.bool.isRequired,\n          type: PropTypes.string,\n          subTabs: PropTypes.arrayOf(\n            PropTypes.shape({\n              title: PropTypes.string.isRequired,\n              href: PropTypes.string.isRequired,\n              selected: PropTypes.bool.isRequired,\n              type: PropTypes.string\n            })\n          )\n        })\n      )\n    })\n  ).isRequired,\n  content: PropTypes.oneOfType([\n    PropTypes.shape({\n      ...BrandForm.propTypes,\n      key: PropTypes.string,\n      type: PropTypes.oneOf(['form'])\n    }),\n    PropTypes.shape({\n      ...BrandTable.propTypes,\n      key: PropTypes.string,\n      type: PropTypes.oneOf(['list'])\n    }),\n    PropTypes.shape({\n      ...BrandUpload.propTypes,\n      key: PropTypes.string,\n      type: PropTypes.oneOf(['upload'])\n    }),\n    PropTypes.shape({\n      ...BrandAnalytics.propTypes,\n      key: PropTypes.string,\n      type: PropTypes.oneOf(['analytics-dashboards'])\n    }),\n    PropTypes.shape({\n      ...BrandDashboard.propTypes,\n      key: PropTypes.string,\n      type: PropTypes.oneOf(['home'])\n    }),\n    PropTypes.shape({\n      ...WizardContents.propTypes,\n      key: PropTypes.string,\n      type: PropTypes.oneOf(['wizard'])\n    }),\n    PropTypes.shape({\n      ...ListItems.propTypes,\n      key: PropTypes.string,\n      type: PropTypes.oneOf(['list-content'])\n    }),\n    PropTypes.shape({\n      ...EmptyStateDashboard.propTypes,\n      key: PropTypes.string,\n      type: PropTypes.oneOf(['empty-state-dashboard'])\n    })\n  ]),\n  documentation: PropTypes.shape({\n    content: PropTypes.string,\n    show: PropTypes.bool,\n    onClose: PropTypes.func\n  }),\n  popin: PropTypes.shape({...CmPopin.propTypes}),\n  details: PropTypes.shape({\n    ...BrandTable.propTypes,\n    key: PropTypes.string,\n    type: PropTypes.oneOf(['list'])\n  }),\n  onItemClick: PropTypes.func,\n  contentFixHeight: PropTypes.bool\n};\n\nexport default BrandUpdate;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","PropTypes","map","pipe","get","isEmpty","find","classNames","BrandTabs","IconLinkItem","LinkItem","BrandForm","BrandTable","BrandUpload","BrandAnalytics","BrandDashboard","WizardContents","ListItems","Banner","Header","Loader","Accordion","CmPopin","ButtonLinkIconOnly","EmptyStateDashboard","style","getStyle","isSelected","selectedElement","unselectedElement","subTabsView","_subTabs","convert","cap","subTab","_index","title","type","selected","buildLeftNavigation","logo","items","onItemClick","formattedTabs","key","href","index","children","iconType","formattedTabsViews","tab","tabs","navigation","buildNotifications","notifications","notificationsList","notification","buildHeader","header","buildPopin","popin","buildDocumentation","documentation","show","onClose","content","open","documentationContent","__html","closeButton","buildTabs","selectedTab","e","showTabs","subTabs","undefined","buildContentView","loaderContainer","loader","buildDetailsView","details","BrandUpdate","props","contentFixHeight","leftNavigation","notificationsView","documentationView","headerView","tabsView","contentView","detailsView","popinView","contentStyle","contentWithNotifications","container","left","contentWrapper","headerSticky","defaultProps","propTypes","arrayOf","shape","string","isRequired","bool","oneOfType","oneOf","func"],"sources":["../../../../src/template/back-office/brand-update/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport map from 'lodash/fp/map';\nimport pipe from 'lodash/fp/pipe';\nimport get from 'lodash/fp/get';\nimport isEmpty from 'lodash/fp/isEmpty';\nimport find from 'lodash/fp/find';\nimport classNames from 'classnames';\nimport BrandTabs from '../../../molecule/brand-tabs';\nimport {IconLinkItem, LinkItem} from '../../../organism/sidebar';\nimport BrandForm from '../../../organism/brand-form';\nimport BrandTable from '../../../organism/brand-table';\nimport BrandUpload from '../../../organism/brand-upload';\nimport BrandAnalytics from '../../../organism/brand-analytics';\nimport BrandDashboard from '../../../organism/brand-dashboard';\nimport WizardContents from '../../../organism/wizard-contents';\nimport ListItems from '../../../organism/list-items';\nimport Banner from '../../../molecule/banner';\nimport Header from '../../../organism/setup-header';\nimport Loader from '../../../atom/loader';\nimport Accordion from '../../../organism/accordion/coorp-manager';\nimport CmPopin from '../../../molecule/cm-popin';\nimport ButtonLinkIconOnly from '../../../atom/button-link-icon-only';\nimport EmptyStateDashboard from '../../../molecule/empty-state-dashboard';\nimport style from './style.css';\n\nconst getStyle = isSelected => (isSelected ? style.selectedElement : style.unselectedElement);\n\nconst subTabsView = (_subTabs = []) =>\n  map.convert({cap: false})((subTab, _index) => (\n    <div key={subTab.title}>\n      {subTab.type === 'iconLink' ? (\n        <IconLinkItem\n          {...subTab}\n          styles={getStyle(subTab.selected)}\n          uppercase={false}\n          target={'_blank'}\n        />\n      ) : (\n        <LinkItem {...subTab} styles={getStyle(subTab.selected)} uppercase={false} />\n      )}\n    </div>\n  ))(_subTabs);\n\n// TODO: this fonction should be replaced by a molecule to avoid this file to be unreadable\nconst buildLeftNavigation = (logo, items, onItemClick) => {\n  const formattedTabs = items.map(({key, title, href, selected, type = 'simpleTab'}, index) => ({\n    title,\n    selected,\n    type,\n    href,\n    index,\n    children: [],\n    iconType: key || 'arrow'\n  }));\n\n  const formattedTabsViews = map(tab => (\n    <div key={tab.title} className={style.subTabsView}>\n      {subTabsView(tab.tabs)}\n    </div>\n  ))(items);\n\n  return (\n    <div className={style.navigation}>\n      <div className={style.logo}>\n        <a href=\"/\">\n          <img src={logo} />\n        </a>\n      </div>\n      <Accordion tabProps={formattedTabs} theme={'setup'} onClick={onItemClick}>\n        {formattedTabsViews}\n      </Accordion>\n    </div>\n  );\n};\n\nconst buildNotifications = notifications => {\n  if (isEmpty(notifications)) {\n    return null;\n  }\n\n  const notificationsList = notifications.map((notification, index) => {\n    return (\n      <div className={style.notification} key={index}>\n        <Banner {...notification} />\n      </div>\n    );\n  });\n  return <div className={style.notifications}>{notificationsList}</div>;\n};\n\nconst buildHeader = header => {\n  return (\n    <div className={style.header}>\n      <Header {...header} />\n    </div>\n  );\n};\n\nconst buildPopin = popin => {\n  return popin ? (\n    <div className={style.popin}>\n      <CmPopin {...popin} />\n    </div>\n  ) : null;\n};\n\nconst buildDocumentation = documentation => {\n  if (!documentation) return null;\n  const {show = false, onClose, content = ''} = documentation;\n  return (\n    <div className={classNames(style.documentation, show && style.open)}>\n      <div\n        className={style.documentationContent}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: content}}\n      />\n      {onClose ? (\n        <ButtonLinkIconOnly\n          className={style.closeButton}\n          onClick={onClose}\n          data-name={'close-icon'}\n          aria-label={'close-icon'}\n          size=\"small\"\n          icon=\"close\"\n        />\n      ) : null}\n    </div>\n  );\n};\n\nconst buildTabs = items => {\n  const selectedTab = pipe(\n    find(e => e.selected),\n    get('tabs'),\n    find(e => e.selected)\n  )(items);\n\n  const showTabs = selectedTab ? find(e => e.selected, selectedTab.subTabs) : undefined;\n  if (!showTabs) return null;\n  return (\n    <div className={style.tabs}>\n      <BrandTabs type=\"light\" tabs={selectedTab.subTabs} />\n    </div>\n  );\n};\n\nconst buildContentView = content => {\n  if (!content) {\n    return (\n      <div className={style.loaderContainer}>\n        <Loader className={style.loader} theme=\"coorpmanager\" />\n      </div>\n    );\n  }\n\n  const {type} = content;\n  switch (type) {\n    case 'form':\n      return <BrandForm {...content} />;\n    case 'list':\n      return <BrandTable {...content} />;\n    case 'upload':\n      return <BrandUpload {...content} />;\n    case 'analytics-dashboards':\n      return <BrandAnalytics {...content} />;\n    case 'list-content':\n      return <ListItems {...content} />;\n    case 'home':\n      return <BrandDashboard {...content} />;\n    case 'wizard':\n      return <WizardContents {...content} />;\n    case 'empty-state-dashboard':\n      return <EmptyStateDashboard {...content} />;\n  }\n};\n\nconst buildDetailsView = details => {\n  if (!details) return;\n  return <BrandTable {...details} />;\n};\n\nconst BrandUpdate = props => {\n  const {\n    notifications,\n    header,\n    items,\n    content,\n    details,\n    popin,\n    onItemClick,\n    documentation,\n    contentFixHeight\n  } = props;\n  const logo = 'https://static.coorpacademy.com/logo/coorp-manager.svg';\n\n  const leftNavigation = buildLeftNavigation(logo, items, onItemClick);\n  const notificationsView = buildNotifications(notifications);\n  const documentationView = buildDocumentation(documentation);\n  const headerView = buildHeader(header, notifications);\n  const tabsView = buildTabs(items);\n  const contentView = buildContentView(content);\n  const detailsView = buildDetailsView(details);\n  const popinView = buildPopin(popin);\n\n  const contentStyle = classNames([\n    style.content,\n    !isEmpty(notifications) && style.contentWithNotifications,\n    contentFixHeight && style.contentFixHeight\n  ]);\n\n  return (\n    <div className={style.container}>\n      <div className={style.left}>{leftNavigation}</div>\n      <div className={style.contentWrapper}>\n        <div className={style.headerSticky}>{headerView}</div>\n        <div className={contentStyle}>\n          {notificationsView}\n          {tabsView}\n          {contentView}\n          {detailsView}\n          {documentationView}\n        </div>\n      </div>\n      {popinView}\n    </div>\n  );\n};\n\nBrandUpdate.defaultProps = {\n  notifications: []\n};\n\nBrandUpdate.propTypes = {\n  notifications: PropTypes.arrayOf(\n    PropTypes.shape({\n      ...Banner.propTypes\n    })\n  ),\n  header: PropTypes.shape({...Header.propTypes}),\n  items: PropTypes.arrayOf(\n    PropTypes.shape({\n      key: PropTypes.string,\n      title: PropTypes.string.isRequired,\n      href: PropTypes.string.isRequired,\n      selected: PropTypes.bool.isRequired,\n      type: PropTypes.string,\n      tabs: PropTypes.arrayOf(\n        PropTypes.shape({\n          title: PropTypes.string.isRequired,\n          href: PropTypes.string.isRequired,\n          selected: PropTypes.bool.isRequired,\n          type: PropTypes.string,\n          subTabs: PropTypes.arrayOf(\n            PropTypes.shape({\n              title: PropTypes.string.isRequired,\n              href: PropTypes.string.isRequired,\n              selected: PropTypes.bool.isRequired,\n              type: PropTypes.string\n            })\n          )\n        })\n      )\n    })\n  ).isRequired,\n  content: PropTypes.oneOfType([\n    PropTypes.shape({\n      ...BrandForm.propTypes,\n      key: PropTypes.string,\n      type: PropTypes.oneOf(['form'])\n    }),\n    PropTypes.shape({\n      ...BrandTable.propTypes,\n      key: PropTypes.string,\n      type: PropTypes.oneOf(['list'])\n    }),\n    PropTypes.shape({\n      ...BrandUpload.propTypes,\n      key: PropTypes.string,\n      type: PropTypes.oneOf(['upload'])\n    }),\n    PropTypes.shape({\n      ...BrandAnalytics.propTypes,\n      key: PropTypes.string,\n      type: PropTypes.oneOf(['analytics-dashboards'])\n    }),\n    PropTypes.shape({\n      ...BrandDashboard.propTypes,\n      key: PropTypes.string,\n      type: PropTypes.oneOf(['home'])\n    }),\n    PropTypes.shape({\n      ...WizardContents.propTypes,\n      key: PropTypes.string,\n      type: PropTypes.oneOf(['wizard'])\n    }),\n    PropTypes.shape({\n      ...ListItems.propTypes,\n      key: PropTypes.string,\n      type: PropTypes.oneOf(['list-content'])\n    }),\n    PropTypes.shape({\n      ...EmptyStateDashboard.propTypes,\n      key: PropTypes.string,\n      type: PropTypes.oneOf(['empty-state-dashboard'])\n    })\n  ]),\n  documentation: PropTypes.shape({\n    content: PropTypes.string,\n    show: PropTypes.bool,\n    onClose: PropTypes.func\n  }),\n  popin: PropTypes.shape({...CmPopin.propTypes}),\n  details: PropTypes.shape({\n    ...BrandTable.propTypes,\n    key: PropTypes.string,\n    type: PropTypes.oneOf(['list'])\n  }),\n  onItemClick: PropTypes.func,\n  contentFixHeight: PropTypes.bool\n};\n\nexport default BrandUpdate;\n"],"mappings":"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"}

package/es/template/back-office/dashboard-preview/dashboard-popin.js

@@ -5,6 +5,7 @@ import stopPropagation from '../../../util/bubbling';
 import Provider from '../../../atom/provider';
 import Button from '../../../atom/button';
 import style from './dashboard-popin.css';
+
 const DashboardPopin = (props, context) => {
   const {
     skin
@@ -16,12 +17,15 @@ const DashboardPopin = (props, context) => {
     closeOnClick,
     content
   } = props;
+
   function createMarkup() {
     return {
       __html: content
     };
   }
+
   const primary = _getOr('#00B0FF', ['common', 'primary'], skin);
+
   return /*#__PURE__*/React.createElement("div", {
     className: style.default,
     onClick: closeOnClick
@@ -46,6 +50,7 @@ const DashboardPopin = (props, context) => {
     }
   })));
 };
+
 DashboardPopin.contextTypes = {
   skin: Provider.childContextTypes.skin
 };

package/es/template/back-office/dashboard-preview/dashboard-popin.js.map

@@ -1 +1 @@
-{"version":3,"file":"dashboard-popin.js","names":["React","PropTypes","stopPropagation","Provider","Button","style","DashboardPopin","props","context","skin","ctaLabel","ctaOnClick","header","closeOnClick","content","createMarkup","__html","primary","default","popin","backgroundColor","contextTypes","childContextTypes","propTypes","string","func"],"sources":["../../../../src/template/back-office/dashboard-preview/dashboard-popin.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {getOr} from 'lodash/fp';\nimport stopPropagation from '../../../util/bubbling';\nimport Provider from '../../../atom/provider';\nimport Button from '../../../atom/button';\nimport style from './dashboard-popin.css';\n\nconst DashboardPopin = (props, context) => {\n  const {skin} = context;\n\n  const {ctaLabel, ctaOnClick, header, closeOnClick, content} = props;\n\n  function createMarkup() {\n    return {__html: content};\n  }\n\n  const primary = getOr('#00B0FF', ['common', 'primary'], skin);\n\n  return (\n    <div className={style.default} onClick={closeOnClick}>\n      <div className={style.popin} onClick={stopPropagation}>\n        <div className={style.header} onClick={closeOnClick} data-name=\"popin-header\">\n          {header}\n        </div>\n        <div className={style.content}>\n          <div\n            // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={createMarkup()}\n          />\n        </div>\n        <Button\n          type=\"link\"\n          onClick={ctaOnClick}\n          submitValue={ctaLabel}\n          style={{\n            backgroundColor: primary\n          }}\n        />\n      </div>\n    </div>\n  );\n};\n\nDashboardPopin.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nDashboardPopin.propTypes = {\n  ctaLabel: PropTypes.string,\n  ctaOnClick: PropTypes.func,\n  closeOnClick: PropTypes.func,\n  header: PropTypes.string,\n  content: PropTypes.string\n};\n\nexport default DashboardPopin;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,OAAOC,eAAe,MAAM,wBAAwB;AACpD,OAAOC,QAAQ,MAAM,wBAAwB;AAC7C,OAAOC,MAAM,MAAM,sBAAsB;AACzC,OAAOC,KAAK,MAAM,uBAAuB;AAEzC,MAAMC,cAAc,GAAG,CAACC,KAAK,EAAEC,OAAO,KAAK;EACzC,MAAM;IAACC;EAAI,CAAC,GAAGD,OAAO;EAEtB,MAAM;IAACE,QAAQ;IAAEC,UAAU;IAAEC,MAAM;IAAEC,YAAY;IAAEC;EAAO,CAAC,GAAGP,KAAK;EAEnE,SAASQ,YAAY,GAAG;IACtB,OAAO;MAACC,MAAM,EAAEF;IAAO,CAAC;EAC1B;EAEA,MAAMG,OAAO,GAAG,OAAM,SAAS,EAAE,CAAC,QAAQ,EAAE,SAAS,CAAC,EAAER,IAAI,CAAC;EAE7D,oBACE;IAAK,SAAS,EAAEJ,KAAK,CAACa,OAAQ;IAAC,OAAO,EAAEL;EAAa,gBACnD;IAAK,SAAS,EAAER,KAAK,CAACc,KAAM;IAAC,OAAO,EAAEjB;EAAgB,gBACpD;IAAK,SAAS,EAAEG,KAAK,CAACO,MAAO;IAAC,OAAO,EAAEC,YAAa;IAAC,aAAU;EAAc,GAC1ED,MAAM,CACH,eACN;IAAK,SAAS,EAAEP,KAAK,CAACS;EAAQ,gBAC5B;IACE;IACA,uBAAuB,EAAEC,YAAY;EAAG,EACxC,CACE,eACN,oBAAC,MAAM;IACL,IAAI,EAAC,MAAM;IACX,OAAO,EAAEJ,UAAW;IACpB,WAAW,EAAED,QAAS;IACtB,KAAK,EAAE;MACLU,eAAe,EAAEH;IACnB;EAAE,EACF,CACE,CACF;AAEV,CAAC;AAEDX,cAAc,CAACe,YAAY,GAAG;EAC5BZ,IAAI,EAAEN,QAAQ,CAACmB,iBAAiB,CAACb;AACnC,CAAC;AAEDH,cAAc,CAACiB,SAAS,2CAAG;EACzBb,QAAQ,EAAET,SAAS,CAACuB,MAAM;EAC1Bb,UAAU,EAAEV,SAAS,CAACwB,IAAI;EAC1BZ,YAAY,EAAEZ,SAAS,CAACwB,IAAI;EAC5Bb,MAAM,EAAEX,SAAS,CAACuB,MAAM;EACxBV,OAAO,EAAEb,SAAS,CAACuB;AACrB,CAAC;AAED,eAAelB,cAAc"}
+{"version":3,"file":"dashboard-popin.js","names":["React","PropTypes","stopPropagation","Provider","Button","style","DashboardPopin","props","context","skin","ctaLabel","ctaOnClick","header","closeOnClick","content","createMarkup","__html","primary","default","popin","backgroundColor","contextTypes","childContextTypes","propTypes","string","func"],"sources":["../../../../src/template/back-office/dashboard-preview/dashboard-popin.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {getOr} from 'lodash/fp';\nimport stopPropagation from '../../../util/bubbling';\nimport Provider from '../../../atom/provider';\nimport Button from '../../../atom/button';\nimport style from './dashboard-popin.css';\n\nconst DashboardPopin = (props, context) => {\n  const {skin} = context;\n\n  const {ctaLabel, ctaOnClick, header, closeOnClick, content} = props;\n\n  function createMarkup() {\n    return {__html: content};\n  }\n\n  const primary = getOr('#00B0FF', ['common', 'primary'], skin);\n\n  return (\n    <div className={style.default} onClick={closeOnClick}>\n      <div className={style.popin} onClick={stopPropagation}>\n        <div className={style.header} onClick={closeOnClick} data-name=\"popin-header\">\n          {header}\n        </div>\n        <div className={style.content}>\n          <div\n            // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={createMarkup()}\n          />\n        </div>\n        <Button\n          type=\"link\"\n          onClick={ctaOnClick}\n          submitValue={ctaLabel}\n          style={{\n            backgroundColor: primary\n          }}\n        />\n      </div>\n    </div>\n  );\n};\n\nDashboardPopin.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nDashboardPopin.propTypes = {\n  ctaLabel: PropTypes.string,\n  ctaOnClick: PropTypes.func,\n  closeOnClick: PropTypes.func,\n  header: PropTypes.string,\n  content: PropTypes.string\n};\n\nexport default DashboardPopin;\n"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,eAAP,MAA4B,wBAA5B;AACA,OAAOC,QAAP,MAAqB,wBAArB;AACA,OAAOC,MAAP,MAAmB,sBAAnB;AACA,OAAOC,KAAP,MAAkB,uBAAlB;;AAEA,MAAMC,cAAc,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EACzC,MAAM;IAACC;EAAD,IAASD,OAAf;EAEA,MAAM;IAACE,QAAD;IAAWC,UAAX;IAAuBC,MAAvB;IAA+BC,YAA/B;IAA6CC;EAA7C,IAAwDP,KAA9D;;EAEA,SAASQ,YAAT,GAAwB;IACtB,OAAO;MAACC,MAAM,EAAEF;IAAT,CAAP;EACD;;EAED,MAAMG,OAAO,GAAG,OAAM,SAAN,EAAiB,CAAC,QAAD,EAAW,SAAX,CAAjB,EAAwCR,IAAxC,CAAhB;;EAEA,oBACE;IAAK,SAAS,EAAEJ,KAAK,CAACa,OAAtB;IAA+B,OAAO,EAAEL;EAAxC,gBACE;IAAK,SAAS,EAAER,KAAK,CAACc,KAAtB;IAA6B,OAAO,EAAEjB;EAAtC,gBACE;IAAK,SAAS,EAAEG,KAAK,CAACO,MAAtB;IAA8B,OAAO,EAAEC,YAAvC;IAAqD,aAAU;EAA/D,GACGD,MADH,CADF,eAIE;IAAK,SAAS,EAAEP,KAAK,CAACS;EAAtB,gBACE;IACE;IACA,uBAAuB,EAAEC,YAAY;EAFvC,EADF,CAJF,eAUE,oBAAC,MAAD;IACE,IAAI,EAAC,MADP;IAEE,OAAO,EAAEJ,UAFX;IAGE,WAAW,EAAED,QAHf;IAIE,KAAK,EAAE;MACLU,eAAe,EAAEH;IADZ;EAJT,EAVF,CADF,CADF;AAuBD,CAlCD;;AAoCAX,cAAc,CAACe,YAAf,GAA8B;EAC5BZ,IAAI,EAAEN,QAAQ,CAACmB,iBAAT,CAA2Bb;AADL,CAA9B;AAIAH,cAAc,CAACiB,SAAf,2CAA2B;EACzBb,QAAQ,EAAET,SAAS,CAACuB,MADK;EAEzBb,UAAU,EAAEV,SAAS,CAACwB,IAFG;EAGzBZ,YAAY,EAAEZ,SAAS,CAACwB,IAHC;EAIzBb,MAAM,EAAEX,SAAS,CAACuB,MAJO;EAKzBV,OAAO,EAAEb,SAAS,CAACuB;AALM,CAA3B;AAQA,eAAelB,cAAf"}

package/es/template/back-office/dashboard-preview/index.js

@@ -11,6 +11,7 @@ import Provider from '../../../atom/provider';
 import Loader from '../../app-player/loading';
 import DashboardPopin from './dashboard-popin';
 import style from './style.css';
+
 const currentDashboardSidebarSection = ({
   currentDashboard,
   onUpdateVersion,
@@ -42,6 +43,7 @@ const currentDashboardSidebarSection = ({
   }));
   return [dashboardDescription, ...paramInputs, dashboardVersion];
 };
+
 const Dashboard = (props, context) => {
   const {
     url,
@@ -52,6 +54,7 @@ const Dashboard = (props, context) => {
     skin,
     translate
   } = context;
+
   const body = () => {
     if (selected) {
       if (url) return /*#__PURE__*/React.createElement("iframe", {
@@ -68,14 +71,17 @@ const Dashboard = (props, context) => {
         }
       }, translate('Select a dashboard in the Sidebar'));
     }
+
     return null;
   };
+
   return /*#__PURE__*/React.createElement("div", {
     className: style.dashboardSelection
   }, /*#__PURE__*/React.createElement("h1", {
     className: style.dashboardTitle
   }, _getOr(translate('No Selected Dashboard'), 'name', selected)), body());
 };
+
 Dashboard.propTypes = process.env.NODE_ENV !== "production" ? {
   url: PropTypes.string,
   error: PropTypes.string,
@@ -87,6 +93,7 @@ Dashboard.contextTypes = {
   skin: Provider.childContextTypes.skin,
   translate: Provider.childContextTypes.translate
 };
+
 const ErrorPopin = ({
   onErrorRedirect,
   ctaLabel,
@@ -101,6 +108,7 @@ const ErrorPopin = ({
     closeOnClick: onErrorRedirect
   }, /*#__PURE__*/React.createElement("p", null, error)) : null;
 };
+
 ErrorPopin.propTypes = process.env.NODE_ENV !== "production" ? {
   onErrorRedirect: PropTypes.func.isRequired,
   ctaLabel: PropTypes.string.isRequired,
@@ -109,6 +117,7 @@ ErrorPopin.propTypes = process.env.NODE_ENV !== "production" ? {
 ErrorPopin.contextTypes = {
   translate: Provider.childContextTypes.translate
 };
+
 const DashboardPreview = (props, context) => {
   const {
     dashboards = [],
@@ -124,6 +133,7 @@ const DashboardPreview = (props, context) => {
   const {
     translate
   } = context;
+
   if (!dashboards || dashboards.length === 0) {
     if (error) return /*#__PURE__*/React.createElement(ErrorPopin, {
       ctaLabel: translate('Reload'),
@@ -132,6 +142,7 @@ const DashboardPreview = (props, context) => {
     });
     return /*#__PURE__*/React.createElement(Loader, null);
   }
+
   const dashboardList = dashboards.map(dashboard => ({
     title: dashboard.name,
     name: `${_kebabCase(dashboard.name)}-link`,
@@ -141,6 +152,7 @@ const DashboardPreview = (props, context) => {
     selected: dashboard.name === _get('name', currentDashboard)
   }));
   const sidebarItems = [dashboardList];
+
   if (currentDashboard) {
     sidebarItems.push(currentDashboardSidebarSection({
       currentDashboard,
@@ -149,6 +161,7 @@ const DashboardPreview = (props, context) => {
       inputParams
     }));
   }
+
   return /*#__PURE__*/React.createElement("div", {
     className: style.container
   }, /*#__PURE__*/React.createElement("div", {
@@ -167,6 +180,7 @@ const DashboardPreview = (props, context) => {
     onErrorRedirect: onErrorRedirect
   })));
 };
+
 DashboardPreview.contextTypes = {
   skin: Provider.childContextTypes.skin,
   translate: Provider.childContextTypes.translate

package/es/template/back-office/dashboard-preview/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","Layout","Sidebar","Provider","Loader","DashboardPopin","style","currentDashboardSidebarSection","currentDashboard","onUpdateVersion","onUpdateField","inputParams","dashboardDescription","title","name","type","value","description","dashboardVersion","onChange","options","versions","map","v","selected","currentVersion","paramInputs","schema","newValue","Dashboard","props","context","url","error","skin","translate","body","dashboardIframe","dashboardNoSelection","color","dashboardSelection","dashboardTitle","propTypes","string","shape","contextTypes","childContextTypes","ErrorPopin","onErrorRedirect","ctaLabel","func","isRequired","DashboardPreview","dashboards","onSelectDashboard","length","dashboardList","dashboard","href","onClick","sidebarItems","push","container","dashboardAside","dashboardContent","arrayOf"],"sources":["../../../../src/template/back-office/dashboard-preview/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {noop, get, getOr, kebabCase, keys} from 'lodash/fp';\nimport Layout from '../layout';\nimport Sidebar from '../../../organism/sidebar';\nimport Provider from '../../../atom/provider';\nimport Loader from '../../app-player/loading';\nimport DashboardPopin from './dashboard-popin';\nimport style from './style.css';\n\nconst currentDashboardSidebarSection = ({\n  currentDashboard,\n  onUpdateVersion,\n  onUpdateField,\n  inputParams\n}) => {\n  const dashboardDescription = {\n    title: currentDashboard.name,\n    type: 'info',\n    value: currentDashboard.description\n  };\n  const dashboardVersion = {\n    title: 'Version',\n    type: 'select',\n    name: 'version-field',\n    onChange: onUpdateVersion,\n    options: keys(currentDashboard.versions).map(v => ({\n      name: v,\n      value: v,\n      selected: v === currentDashboard.currentVersion\n    }))\n  };\n  const paramInputs = currentDashboard.schema.map(schema => ({\n    title: schema,\n    name: `${kebabCase(schema)}-field`,\n    type: 'inputtext',\n    onChange: newValue => onUpdateField(schema, newValue),\n    value: getOr('', schema, inputParams)\n  }));\n  return [dashboardDescription, ...paramInputs, dashboardVersion];\n};\n\nconst Dashboard = (props, context) => {\n  const {url, error, selected} = props;\n  const {skin, translate} = context;\n  const body = () => {\n    if (selected) {\n      if (url) return <iframe src={url} className={style.dashboardIframe} frameBorder=\"0\" />;\n      if (!error) return <Loader />;\n    } else if (!error) {\n      return (\n        <div\n          className={style.dashboardNoSelection}\n          style={{color: getOr('#00B0FF', 'common.primary', skin)}}\n        >\n          {translate('Select a dashboard in the Sidebar')}\n        </div>\n      );\n    }\n    return null;\n  };\n  return (\n    <div className={style.dashboardSelection}>\n      <h1 className={style.dashboardTitle}>\n        {getOr(translate('No Selected Dashboard'), 'name', selected)}\n      </h1>\n      {body()}\n    </div>\n  );\n};\n\nDashboard.propTypes = {\n  url: PropTypes.string,\n  error: PropTypes.string,\n  selected: PropTypes.shape({\n    name: PropTypes.string\n  })\n};\n\nDashboard.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nconst ErrorPopin = ({onErrorRedirect, ctaLabel, error}, {translate}) => {\n  return error ? (\n    <DashboardPopin\n      header={translate('An Error Occurred')}\n      ctaLabel={ctaLabel}\n      ctaOnClick={onErrorRedirect}\n      closeOnClick={onErrorRedirect}\n    >\n      <p>{error}</p>\n    </DashboardPopin>\n  ) : null;\n};\n\nErrorPopin.propTypes = {\n  onErrorRedirect: PropTypes.func.isRequired,\n  ctaLabel: PropTypes.string.isRequired,\n  error: PropTypes.string\n};\n\nErrorPopin.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nconst DashboardPreview = (props, context) => {\n  const {\n    dashboards = [],\n    currentDashboard,\n    onSelectDashboard = noop,\n    onUpdateVersion = noop,\n    onUpdateField = noop,\n    onErrorRedirect = noop,\n    inputParams = {},\n    url,\n    error\n  } = props;\n  const {translate} = context;\n\n  if (!dashboards || dashboards.length === 0) {\n    if (error)\n      return (\n        <ErrorPopin\n          ctaLabel={translate('Reload')}\n          error={error}\n          onErrorRedirect={onErrorRedirect}\n        />\n      );\n    return <Loader />;\n  }\n\n  const dashboardList = dashboards.map(dashboard => ({\n    title: dashboard.name,\n    name: `${kebabCase(dashboard.name)}-link`,\n    type: 'link',\n    href: dashboard.href,\n    onClick: () => onSelectDashboard(kebabCase(dashboard.name)),\n    selected: dashboard.name === get('name', currentDashboard)\n  }));\n\n  const sidebarItems = [dashboardList];\n  if (currentDashboard) {\n    sidebarItems.push(\n      currentDashboardSidebarSection({\n        currentDashboard,\n        onUpdateVersion,\n        onUpdateField,\n        inputParams\n      })\n    );\n  }\n\n  return (\n    <div className={style.container}>\n      <div className={style.dashboardAside}>\n        <Sidebar items={sidebarItems} />\n      </div>\n      <div className={style.dashboardContent}>\n        <Dashboard error={error} selected={currentDashboard} url={url} />\n        <ErrorPopin\n          ctaLabel={translate('Back to Dashboard Home')}\n          error={error}\n          onErrorRedirect={onErrorRedirect}\n        />\n      </div>\n    </div>\n  );\n};\n\nDashboardPreview.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nDashboardPreview.propTypes = {\n  dashboards: PropTypes.arrayOf(\n    PropTypes.shape({\n      name: PropTypes.string.isRequired,\n      href: PropTypes.string,\n      description: PropTypes.string.isRequired\n    })\n  ),\n  currentDashboard: PropTypes.shape({\n    name: PropTypes.string.isRequired,\n    description: PropTypes.string.isRequired,\n    currentVersion: PropTypes.string.isRequired,\n    versions: PropTypes.shape({}).isRequired,\n    schema: PropTypes.arrayOf(PropTypes.string)\n  }),\n  url: PropTypes.string,\n  error: PropTypes.string,\n  onSelectDashboard: PropTypes.func,\n  onUpdateVersion: PropTypes.func,\n  onUpdateField: PropTypes.func,\n  onErrorRedirect: PropTypes.func,\n  inputParams: PropTypes.shape({})\n};\n\nexport default Layout(DashboardPreview);\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","PropTypes","Layout","Sidebar","Provider","Loader","DashboardPopin","style","currentDashboardSidebarSection","currentDashboard","onUpdateVersion","onUpdateField","inputParams","dashboardDescription","title","name","type","value","description","dashboardVersion","onChange","options","versions","map","v","selected","currentVersion","paramInputs","schema","newValue","Dashboard","props","context","url","error","skin","translate","body","dashboardIframe","dashboardNoSelection","color","dashboardSelection","dashboardTitle","propTypes","string","shape","contextTypes","childContextTypes","ErrorPopin","onErrorRedirect","ctaLabel","func","isRequired","DashboardPreview","dashboards","onSelectDashboard","length","dashboardList","dashboard","href","onClick","sidebarItems","push","container","dashboardAside","dashboardContent","arrayOf"],"sources":["../../../../src/template/back-office/dashboard-preview/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {noop, get, getOr, kebabCase, keys} from 'lodash/fp';\nimport Layout from '../layout';\nimport Sidebar from '../../../organism/sidebar';\nimport Provider from '../../../atom/provider';\nimport Loader from '../../app-player/loading';\nimport DashboardPopin from './dashboard-popin';\nimport style from './style.css';\n\nconst currentDashboardSidebarSection = ({\n  currentDashboard,\n  onUpdateVersion,\n  onUpdateField,\n  inputParams\n}) => {\n  const dashboardDescription = {\n    title: currentDashboard.name,\n    type: 'info',\n    value: currentDashboard.description\n  };\n  const dashboardVersion = {\n    title: 'Version',\n    type: 'select',\n    name: 'version-field',\n    onChange: onUpdateVersion,\n    options: keys(currentDashboard.versions).map(v => ({\n      name: v,\n      value: v,\n      selected: v === currentDashboard.currentVersion\n    }))\n  };\n  const paramInputs = currentDashboard.schema.map(schema => ({\n    title: schema,\n    name: `${kebabCase(schema)}-field`,\n    type: 'inputtext',\n    onChange: newValue => onUpdateField(schema, newValue),\n    value: getOr('', schema, inputParams)\n  }));\n  return [dashboardDescription, ...paramInputs, dashboardVersion];\n};\n\nconst Dashboard = (props, context) => {\n  const {url, error, selected} = props;\n  const {skin, translate} = context;\n  const body = () => {\n    if (selected) {\n      if (url) return <iframe src={url} className={style.dashboardIframe} frameBorder=\"0\" />;\n      if (!error) return <Loader />;\n    } else if (!error) {\n      return (\n        <div\n          className={style.dashboardNoSelection}\n          style={{color: getOr('#00B0FF', 'common.primary', skin)}}\n        >\n          {translate('Select a dashboard in the Sidebar')}\n        </div>\n      );\n    }\n    return null;\n  };\n  return (\n    <div className={style.dashboardSelection}>\n      <h1 className={style.dashboardTitle}>\n        {getOr(translate('No Selected Dashboard'), 'name', selected)}\n      </h1>\n      {body()}\n    </div>\n  );\n};\n\nDashboard.propTypes = {\n  url: PropTypes.string,\n  error: PropTypes.string,\n  selected: PropTypes.shape({\n    name: PropTypes.string\n  })\n};\n\nDashboard.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nconst ErrorPopin = ({onErrorRedirect, ctaLabel, error}, {translate}) => {\n  return error ? (\n    <DashboardPopin\n      header={translate('An Error Occurred')}\n      ctaLabel={ctaLabel}\n      ctaOnClick={onErrorRedirect}\n      closeOnClick={onErrorRedirect}\n    >\n      <p>{error}</p>\n    </DashboardPopin>\n  ) : null;\n};\n\nErrorPopin.propTypes = {\n  onErrorRedirect: PropTypes.func.isRequired,\n  ctaLabel: PropTypes.string.isRequired,\n  error: PropTypes.string\n};\n\nErrorPopin.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nconst DashboardPreview = (props, context) => {\n  const {\n    dashboards = [],\n    currentDashboard,\n    onSelectDashboard = noop,\n    onUpdateVersion = noop,\n    onUpdateField = noop,\n    onErrorRedirect = noop,\n    inputParams = {},\n    url,\n    error\n  } = props;\n  const {translate} = context;\n\n  if (!dashboards || dashboards.length === 0) {\n    if (error)\n      return (\n        <ErrorPopin\n          ctaLabel={translate('Reload')}\n          error={error}\n          onErrorRedirect={onErrorRedirect}\n        />\n      );\n    return <Loader />;\n  }\n\n  const dashboardList = dashboards.map(dashboard => ({\n    title: dashboard.name,\n    name: `${kebabCase(dashboard.name)}-link`,\n    type: 'link',\n    href: dashboard.href,\n    onClick: () => onSelectDashboard(kebabCase(dashboard.name)),\n    selected: dashboard.name === get('name', currentDashboard)\n  }));\n\n  const sidebarItems = [dashboardList];\n  if (currentDashboard) {\n    sidebarItems.push(\n      currentDashboardSidebarSection({\n        currentDashboard,\n        onUpdateVersion,\n        onUpdateField,\n        inputParams\n      })\n    );\n  }\n\n  return (\n    <div className={style.container}>\n      <div className={style.dashboardAside}>\n        <Sidebar items={sidebarItems} />\n      </div>\n      <div className={style.dashboardContent}>\n        <Dashboard error={error} selected={currentDashboard} url={url} />\n        <ErrorPopin\n          ctaLabel={translate('Back to Dashboard Home')}\n          error={error}\n          onErrorRedirect={onErrorRedirect}\n        />\n      </div>\n    </div>\n  );\n};\n\nDashboardPreview.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nDashboardPreview.propTypes = {\n  dashboards: PropTypes.arrayOf(\n    PropTypes.shape({\n      name: PropTypes.string.isRequired,\n      href: PropTypes.string,\n      description: PropTypes.string.isRequired\n    })\n  ),\n  currentDashboard: PropTypes.shape({\n    name: PropTypes.string.isRequired,\n    description: PropTypes.string.isRequired,\n    currentVersion: PropTypes.string.isRequired,\n    versions: PropTypes.shape({}).isRequired,\n    schema: PropTypes.arrayOf(PropTypes.string)\n  }),\n  url: PropTypes.string,\n  error: PropTypes.string,\n  onSelectDashboard: PropTypes.func,\n  onUpdateVersion: PropTypes.func,\n  onUpdateField: PropTypes.func,\n  onErrorRedirect: PropTypes.func,\n  inputParams: PropTypes.shape({})\n};\n\nexport default Layout(DashboardPreview);\n"],"mappings":"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"}

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

@@ -2,6 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import Header from '../../../organism/setup-header';
 import style from './style.css';
+
 const createLayout = Template => {
   const Layout = props => {
     const {
@@ -13,10 +14,12 @@ const createLayout = Template => {
       className: style.contentWrapper
     }, /*#__PURE__*/React.createElement(Template, props)));
   };
+
   Layout.propTypes = process.env.NODE_ENV !== "production" ? {
     header: PropTypes.shape(Header.propTypes)
   } : {};
   return Layout;
 };
+
 export default createLayout;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","Header","style","createLayout","Template","Layout","props","header","contentWrapper","propTypes","shape"],"sources":["../../../../src/template/back-office/layout/index.js"],"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        <div className={style.header}>\n          <Header {...header} />\n        </div>\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"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,MAAM,MAAM,gCAAgC;AACnD,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,YAAY,GAAGC,QAAQ,IAAI;EAC/B,MAAMC,MAAM,GAAGC,KAAK,IAAI;IACtB,MAAM;MAACC;IAAM,CAAC,GAAGD,KAAK;IACtB,oBACE,8CACE;MAAK,SAAS,EAAEJ,KAAK,CAACK;IAAO,gBAC3B,oBAAC,MAAM,EAAKA,MAAM,CAAI,CAClB,eACN;MAAK,SAAS,EAAEL,KAAK,CAACM;IAAe,gBACnC,oBAAC,QAAQ,EAAKF,KAAK,CAAI,CACnB,CACF;EAEV,CAAC;EAEDD,MAAM,CAACI,SAAS,2CAAG;IACjBF,MAAM,EAAEP,SAAS,CAACU,KAAK,CAACT,MAAM,CAACQ,SAAS;EAC1C,CAAC;EAED,OAAOJ,MAAM;AACf,CAAC;AAED,eAAeF,YAAY"}
+{"version":3,"file":"index.js","names":["React","PropTypes","Header","style","createLayout","Template","Layout","props","header","contentWrapper","propTypes","shape"],"sources":["../../../../src/template/back-office/layout/index.js"],"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        <div className={style.header}>\n          <Header {...header} />\n        </div>\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"],"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;EAC/B,MAAMC,MAAM,GAAGC,KAAK,IAAI;IACtB,MAAM;MAACC;IAAD,IAAWD,KAAjB;IACA,oBACE,8CACE;MAAK,SAAS,EAAEJ,KAAK,CAACK;IAAtB,gBACE,oBAAC,MAAD,EAAYA,MAAZ,CADF,CADF,eAIE;MAAK,SAAS,EAAEL,KAAK,CAACM;IAAtB,gBACE,oBAAC,QAAD,EAAcF,KAAd,CADF,CAJF,CADF;EAUD,CAZD;;EAcAD,MAAM,CAACI,SAAP,2CAAmB;IACjBF,MAAM,EAAEP,SAAS,CAACU,KAAV,CAAgBT,MAAM,CAACQ,SAAvB;EADS,CAAnB;EAIA,OAAOJ,MAAP;AACD,CApBD;;AAsBA,eAAeF,YAAf"}

package/es/template/battle-requests/index.js

@@ -6,6 +6,7 @@ import Provider from '../../atom/provider';
 import CardWithButton from '../../molecule/card-with-button';
 import Avatar from '../../atom/avatar';
 import style from './style.css';
+
 const Battles = (props, context) => {
   const {
     translate
@@ -39,8 +40,7 @@ const Battles = (props, context) => {
     }, /*#__PURE__*/React.createElement(Avatar, {
       url: battle.urlAvatar
     })), /*#__PURE__*/React.createElement("div", {
-      className: classnames(style.wrapper, style.innerHTML)
-      // eslint-disable-next-line react/no-danger
+      className: classnames(style.wrapper, style.innerHTML) // eslint-disable-next-line react/no-danger
       ,
       dangerouslySetInnerHTML: {
         __html: challengeLabel
@@ -48,6 +48,7 @@ const Battles = (props, context) => {
     }))));
   }, battles));
 };
+
 Battles.contextTypes = {
   translate: Provider.childContextTypes.translate
 };