@coorpacademy/components 11.9.3-alpha.29 → 11.9.3-alpha.30

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
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","classnames","Provider","CardWithButton","Avatar","style","Battles","props","context","translate","battles","trads","cards","battle","challengeLabel","username","courseName","battleCardProps","primaryButtonLabel","battleCTA","lightButtonLabel","reviewCTA","tagLabel","onLightButtonClick","onPrimaryButtonClick","backgroundImg","id","cardsItem","card","injection","urlAvatar","wrapper","innerHTML","__html","contextTypes","childContextTypes","propTypes","arrayOf","shape","string","isRequired"],"sources":["../../../src/template/battle-requests/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {map} from 'lodash/fp';\nimport classnames from 'classnames';\nimport Provider from '../../atom/provider';\nimport CardWithButton from '../../molecule/card-with-button';\nimport Avatar from '../../atom/avatar';\nimport style from './style.css';\n\nconst Battles = (props, context) => {\n  const {translate} = context;\n  const {battles, trads} = props;\n  return (\n    <ul className={style.cards}>\n      {map(battle => {\n        const challengeLabel = translate('is challenging you', {\n          username: `<strong>${battle.username}</strong>`,\n          courseName: `<p><strong>${battle.courseName}</strong></p>`\n        });\n        const battleCardProps = {\n          primaryButtonLabel: trads.battleCTA,\n          lightButtonLabel: trads.reviewCTA,\n          tagLabel: battle.tagLabel,\n          onLightButtonClick: battle.onLightButtonClick,\n          onPrimaryButtonClick: battle.onPrimaryButtonClick,\n          backgroundImg: battle.backgroundImg\n        };\n        return (\n          <li key={battle.id} className={style.cardsItem}>\n            <div className={style.card}>\n              <CardWithButton {...battleCardProps}>\n                <div className={style.injection}>\n                  <Avatar url={battle.urlAvatar} />\n                </div>\n                <div\n                  className={classnames(style.wrapper, style.innerHTML)}\n                  // eslint-disable-next-line react/no-danger\n                  dangerouslySetInnerHTML={{__html: challengeLabel}}\n                />\n              </CardWithButton>\n            </div>\n          </li>\n        );\n      }, battles)}\n    </ul>\n  );\n};\n\nBattles.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nBattles.propTypes = {\n  battles: PropTypes.arrayOf(\n    PropTypes.shape({\n      username: PropTypes.string,\n      courseName: PropTypes.string,\n      tagLabel: CardWithButton.propTypes.tagLabel,\n      onLightButtonClick: CardWithButton.propTypes.onLightButtonClick,\n      onPrimaryButtonClick: CardWithButton.propTypes.onPrimaryButtonClick,\n      backgroundImg: CardWithButton.propTypes.backgroundImg\n    })\n  ).isRequired,\n  trads: PropTypes.shape({\n    battleCTA: PropTypes.string.isRequired,\n    reviewCTA: PropTypes.string.isRequired\n  }).isRequired\n};\n\nexport default Battles;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,QAAQ,MAAM,qBAAqB;AAC1C,OAAOC,cAAc,MAAM,iCAAiC;AAC5D,OAAOC,MAAM,MAAM,mBAAmB;AACtC,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,OAAO,GAAG,CAACC,KAAK,EAAEC,OAAO,KAAK;EAClC,MAAM;IAACC;EAAS,CAAC,GAAGD,OAAO;EAC3B,MAAM;IAACE,OAAO;IAAEC;EAAK,CAAC,GAAGJ,KAAK;EAC9B,oBACE;IAAI,SAAS,EAAEF,KAAK,CAACO;EAAM,GACxB,KAAIC,MAAM,IAAI;IACb,MAAMC,cAAc,GAAGL,SAAS,CAAC,oBAAoB,EAAE;MACrDM,QAAQ,EAAG,WAAUF,MAAM,CAACE,QAAS,WAAU;MAC/CC,UAAU,EAAG,cAAaH,MAAM,CAACG,UAAW;IAC9C,CAAC,CAAC;IACF,MAAMC,eAAe,GAAG;MACtBC,kBAAkB,EAAEP,KAAK,CAACQ,SAAS;MACnCC,gBAAgB,EAAET,KAAK,CAACU,SAAS;MACjCC,QAAQ,EAAET,MAAM,CAACS,QAAQ;MACzBC,kBAAkB,EAAEV,MAAM,CAACU,kBAAkB;MAC7CC,oBAAoB,EAAEX,MAAM,CAACW,oBAAoB;MACjDC,aAAa,EAAEZ,MAAM,CAACY;IACxB,CAAC;IACD,oBACE;MAAI,GAAG,EAAEZ,MAAM,CAACa,EAAG;MAAC,SAAS,EAAErB,KAAK,CAACsB;IAAU,gBAC7C;MAAK,SAAS,EAAEtB,KAAK,CAACuB;IAAK,gBACzB,oBAAC,cAAc,EAAKX,eAAe,eACjC;MAAK,SAAS,EAAEZ,KAAK,CAACwB;IAAU,gBAC9B,oBAAC,MAAM;MAAC,GAAG,EAAEhB,MAAM,CAACiB;IAAU,EAAG,CAC7B,eACN;MACE,SAAS,EAAE7B,UAAU,CAACI,KAAK,CAAC0B,OAAO,EAAE1B,KAAK,CAAC2B,SAAS;MACpD;MAAA;MACA,uBAAuB,EAAE;QAACC,MAAM,EAAEnB;MAAc;IAAE,EAClD,CACa,CACb,CACH;EAET,CAAC,EAAEJ,OAAO,CAAC,CACR;AAET,CAAC;AAEDJ,OAAO,CAAC4B,YAAY,GAAG;EACrBzB,SAAS,EAAEP,QAAQ,CAACiC,iBAAiB,CAAC1B;AACxC,CAAC;AAEDH,OAAO,CAAC8B,SAAS,2CAAG;EAClB1B,OAAO,EAAEV,SAAS,CAACqC,OAAO,CACxBrC,SAAS,CAACsC,KAAK,CAAC;IACdvB,QAAQ,EAAEf,SAAS,CAACuC,MAAM;IAC1BvB,UAAU,EAAEhB,SAAS,CAACuC,MAAM;IAC5BjB,QAAQ,EAAEnB,cAAc,CAACiC,SAAS,CAACd,QAAQ;IAC3CC,kBAAkB,EAAEpB,cAAc,CAACiC,SAAS,CAACb,kBAAkB;IAC/DC,oBAAoB,EAAErB,cAAc,CAACiC,SAAS,CAACZ,oBAAoB;IACnEC,aAAa,EAAEtB,cAAc,CAACiC,SAAS,CAACX;EAC1C,CAAC,CAAC,CACH,CAACe,UAAU;EACZ7B,KAAK,EAAEX,SAAS,CAACsC,KAAK,CAAC;IACrBnB,SAAS,EAAEnB,SAAS,CAACuC,MAAM,CAACC,UAAU;IACtCnB,SAAS,EAAErB,SAAS,CAACuC,MAAM,CAACC;EAC9B,CAAC,CAAC,CAACA;AACL,CAAC;AAED,eAAelC,OAAO"}
+{"version":3,"file":"index.js","names":["React","PropTypes","classnames","Provider","CardWithButton","Avatar","style","Battles","props","context","translate","battles","trads","cards","battle","challengeLabel","username","courseName","battleCardProps","primaryButtonLabel","battleCTA","lightButtonLabel","reviewCTA","tagLabel","onLightButtonClick","onPrimaryButtonClick","backgroundImg","id","cardsItem","card","injection","urlAvatar","wrapper","innerHTML","__html","contextTypes","childContextTypes","propTypes","arrayOf","shape","string","isRequired"],"sources":["../../../src/template/battle-requests/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {map} from 'lodash/fp';\nimport classnames from 'classnames';\nimport Provider from '../../atom/provider';\nimport CardWithButton from '../../molecule/card-with-button';\nimport Avatar from '../../atom/avatar';\nimport style from './style.css';\n\nconst Battles = (props, context) => {\n  const {translate} = context;\n  const {battles, trads} = props;\n  return (\n    <ul className={style.cards}>\n      {map(battle => {\n        const challengeLabel = translate('is challenging you', {\n          username: `<strong>${battle.username}</strong>`,\n          courseName: `<p><strong>${battle.courseName}</strong></p>`\n        });\n        const battleCardProps = {\n          primaryButtonLabel: trads.battleCTA,\n          lightButtonLabel: trads.reviewCTA,\n          tagLabel: battle.tagLabel,\n          onLightButtonClick: battle.onLightButtonClick,\n          onPrimaryButtonClick: battle.onPrimaryButtonClick,\n          backgroundImg: battle.backgroundImg\n        };\n        return (\n          <li key={battle.id} className={style.cardsItem}>\n            <div className={style.card}>\n              <CardWithButton {...battleCardProps}>\n                <div className={style.injection}>\n                  <Avatar url={battle.urlAvatar} />\n                </div>\n                <div\n                  className={classnames(style.wrapper, style.innerHTML)}\n                  // eslint-disable-next-line react/no-danger\n                  dangerouslySetInnerHTML={{__html: challengeLabel}}\n                />\n              </CardWithButton>\n            </div>\n          </li>\n        );\n      }, battles)}\n    </ul>\n  );\n};\n\nBattles.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nBattles.propTypes = {\n  battles: PropTypes.arrayOf(\n    PropTypes.shape({\n      username: PropTypes.string,\n      courseName: PropTypes.string,\n      tagLabel: CardWithButton.propTypes.tagLabel,\n      onLightButtonClick: CardWithButton.propTypes.onLightButtonClick,\n      onPrimaryButtonClick: CardWithButton.propTypes.onPrimaryButtonClick,\n      backgroundImg: CardWithButton.propTypes.backgroundImg\n    })\n  ).isRequired,\n  trads: PropTypes.shape({\n    battleCTA: PropTypes.string.isRequired,\n    reviewCTA: PropTypes.string.isRequired\n  }).isRequired\n};\n\nexport default Battles;\n"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,UAAP,MAAuB,YAAvB;AACA,OAAOC,QAAP,MAAqB,qBAArB;AACA,OAAOC,cAAP,MAA2B,iCAA3B;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,OAAO,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EAClC,MAAM;IAACC;EAAD,IAAcD,OAApB;EACA,MAAM;IAACE,OAAD;IAAUC;EAAV,IAAmBJ,KAAzB;EACA,oBACE;IAAI,SAAS,EAAEF,KAAK,CAACO;EAArB,GACG,KAAIC,MAAM,IAAI;IACb,MAAMC,cAAc,GAAGL,SAAS,CAAC,oBAAD,EAAuB;MACrDM,QAAQ,EAAG,WAAUF,MAAM,CAACE,QAAS,WADgB;MAErDC,UAAU,EAAG,cAAaH,MAAM,CAACG,UAAW;IAFS,CAAvB,CAAhC;IAIA,MAAMC,eAAe,GAAG;MACtBC,kBAAkB,EAAEP,KAAK,CAACQ,SADJ;MAEtBC,gBAAgB,EAAET,KAAK,CAACU,SAFF;MAGtBC,QAAQ,EAAET,MAAM,CAACS,QAHK;MAItBC,kBAAkB,EAAEV,MAAM,CAACU,kBAJL;MAKtBC,oBAAoB,EAAEX,MAAM,CAACW,oBALP;MAMtBC,aAAa,EAAEZ,MAAM,CAACY;IANA,CAAxB;IAQA,oBACE;MAAI,GAAG,EAAEZ,MAAM,CAACa,EAAhB;MAAoB,SAAS,EAAErB,KAAK,CAACsB;IAArC,gBACE;MAAK,SAAS,EAAEtB,KAAK,CAACuB;IAAtB,gBACE,oBAAC,cAAD,EAAoBX,eAApB,eACE;MAAK,SAAS,EAAEZ,KAAK,CAACwB;IAAtB,gBACE,oBAAC,MAAD;MAAQ,GAAG,EAAEhB,MAAM,CAACiB;IAApB,EADF,CADF,eAIE;MACE,SAAS,EAAE7B,UAAU,CAACI,KAAK,CAAC0B,OAAP,EAAgB1B,KAAK,CAAC2B,SAAtB,CADvB,CAEE;MAFF;MAGE,uBAAuB,EAAE;QAACC,MAAM,EAAEnB;MAAT;IAH3B,EAJF,CADF,CADF,CADF;EAgBD,CA7BA,EA6BEJ,OA7BF,CADH,CADF;AAkCD,CArCD;;AAuCAJ,OAAO,CAAC4B,YAAR,GAAuB;EACrBzB,SAAS,EAAEP,QAAQ,CAACiC,iBAAT,CAA2B1B;AADjB,CAAvB;AAIAH,OAAO,CAAC8B,SAAR,2CAAoB;EAClB1B,OAAO,EAAEV,SAAS,CAACqC,OAAV,CACPrC,SAAS,CAACsC,KAAV,CAAgB;IACdvB,QAAQ,EAAEf,SAAS,CAACuC,MADN;IAEdvB,UAAU,EAAEhB,SAAS,CAACuC,MAFR;IAGdjB,QAAQ,EAAEnB,cAAc,CAACiC,SAAf,CAAyBd,QAHrB;IAIdC,kBAAkB,EAAEpB,cAAc,CAACiC,SAAf,CAAyBb,kBAJ/B;IAKdC,oBAAoB,EAAErB,cAAc,CAACiC,SAAf,CAAyBZ,oBALjC;IAMdC,aAAa,EAAEtB,cAAc,CAACiC,SAAf,CAAyBX;EAN1B,CAAhB,CADO,EASPe,UAVgB;EAWlB7B,KAAK,EAAEX,SAAS,CAACsC,KAAV,CAAgB;IACrBnB,SAAS,EAAEnB,SAAS,CAACuC,MAAV,CAAiBC,UADP;IAErBnB,SAAS,EAAErB,SAAS,CAACuC,MAAV,CAAiBC;EAFP,CAAhB,EAGJA;AAde,CAApB;AAiBA,eAAelC,OAAf"}

package/es/template/cockpit/jw-uploader/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 Button from '../../../atom/button';
@@ -6,6 +7,7 @@ import Input from '../../../atom/input-text';
 import InputReadonly from '../../../atom/input-readonly';
 import VideoUpload from '../../../atom/video-upload';
 import style from './style.css';
+
 const JwVideoUploader = ({
   onUpload,
   onInputTextChange,
@@ -36,6 +38,7 @@ const JwVideoUploader = ({
     value: uploadedLink
   })));
 };
+
 JwVideoUploader.propTypes = process.env.NODE_ENV !== "production" ? _extends({}, VideoUpload.propTypes, {
   onUpload: PropTypes.func,
   onInputTextChange: PropTypes.func,

package/es/template/cockpit/jw-uploader/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","Button","Input","InputReadonly","VideoUpload","style","JwVideoUploader","onUpload","onInputTextChange","onInputFileChange","uploadedLink","inputTextValue","placeholder","previewContent","container","wrapper","propTypes","func","string"],"sources":["../../../../src/template/cockpit/jw-uploader/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Button from '../../../atom/button';\nimport Input from '../../../atom/input-text';\nimport InputReadonly from '../../../atom/input-readonly';\nimport VideoUpload from '../../../atom/video-upload';\nimport style from './style.css';\n\nconst JwVideoUploader = ({\n  onUpload,\n  onInputTextChange,\n  onInputFileChange,\n  uploadedLink,\n  inputTextValue,\n  placeholder,\n  previewContent\n}) => {\n  return (\n    <div className={style.container}>\n      <div className={style.wrapper}>\n        <h1>Jw Video Upload</h1>\n        <Input placeholder={placeholder} onChange={onInputTextChange} value={inputTextValue} />\n        <VideoUpload\n          title=\"Video Preview\"\n          onChange={onInputFileChange}\n          uploadLabel=\"Choose or drag & drop a file\"\n          previewContent={previewContent}\n        />\n        <Button submitValue=\"Upload\" onClick={onUpload}>\n          Upload\n        </Button>\n        <InputReadonly title=\"Uploaded video link:\" value={uploadedLink} />\n      </div>\n    </div>\n  );\n};\n\nJwVideoUploader.propTypes = {\n  ...VideoUpload.propTypes,\n  onUpload: PropTypes.func,\n  onInputTextChange: PropTypes.func,\n  onInputFileChange: PropTypes.func,\n  uploadedLink: PropTypes.string,\n  inputTextValue: PropTypes.string,\n  placeholder: PropTypes.string\n};\n\nexport default JwVideoUploader;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,MAAM,MAAM,sBAAsB;AACzC,OAAOC,KAAK,MAAM,0BAA0B;AAC5C,OAAOC,aAAa,MAAM,8BAA8B;AACxD,OAAOC,WAAW,MAAM,4BAA4B;AACpD,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,eAAe,GAAG,CAAC;EACvBC,QAAQ;EACRC,iBAAiB;EACjBC,iBAAiB;EACjBC,YAAY;EACZC,cAAc;EACdC,WAAW;EACXC;AACF,CAAC,KAAK;EACJ,oBACE;IAAK,SAAS,EAAER,KAAK,CAACS;EAAU,gBAC9B;IAAK,SAAS,EAAET,KAAK,CAACU;EAAQ,gBAC5B,gCAAI,iBAAe,CAAK,eACxB,oBAAC,KAAK;IAAC,WAAW,EAAEH,WAAY;IAAC,QAAQ,EAAEJ,iBAAkB;IAAC,KAAK,EAAEG;EAAe,EAAG,eACvF,oBAAC,WAAW;IACV,KAAK,EAAC,eAAe;IACrB,QAAQ,EAAEF,iBAAkB;IAC5B,WAAW,EAAC,8BAA8B;IAC1C,cAAc,EAAEI;EAAe,EAC/B,eACF,oBAAC,MAAM;IAAC,WAAW,EAAC,QAAQ;IAAC,OAAO,EAAEN;EAAS,GAAC,QAEhD,CAAS,eACT,oBAAC,aAAa;IAAC,KAAK,EAAC,sBAAsB;IAAC,KAAK,EAAEG;EAAa,EAAG,CAC/D,CACF;AAEV,CAAC;AAEDJ,eAAe,CAACU,SAAS,wDACpBZ,WAAW,CAACY,SAAS;EACxBT,QAAQ,EAAEP,SAAS,CAACiB,IAAI;EACxBT,iBAAiB,EAAER,SAAS,CAACiB,IAAI;EACjCR,iBAAiB,EAAET,SAAS,CAACiB,IAAI;EACjCP,YAAY,EAAEV,SAAS,CAACkB,MAAM;EAC9BP,cAAc,EAAEX,SAAS,CAACkB,MAAM;EAChCN,WAAW,EAAEZ,SAAS,CAACkB;AAAM;AAG/B,eAAeZ,eAAe"}
+{"version":3,"file":"index.js","names":["React","PropTypes","Button","Input","InputReadonly","VideoUpload","style","JwVideoUploader","onUpload","onInputTextChange","onInputFileChange","uploadedLink","inputTextValue","placeholder","previewContent","container","wrapper","propTypes","func","string"],"sources":["../../../../src/template/cockpit/jw-uploader/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Button from '../../../atom/button';\nimport Input from '../../../atom/input-text';\nimport InputReadonly from '../../../atom/input-readonly';\nimport VideoUpload from '../../../atom/video-upload';\nimport style from './style.css';\n\nconst JwVideoUploader = ({\n  onUpload,\n  onInputTextChange,\n  onInputFileChange,\n  uploadedLink,\n  inputTextValue,\n  placeholder,\n  previewContent\n}) => {\n  return (\n    <div className={style.container}>\n      <div className={style.wrapper}>\n        <h1>Jw Video Upload</h1>\n        <Input placeholder={placeholder} onChange={onInputTextChange} value={inputTextValue} />\n        <VideoUpload\n          title=\"Video Preview\"\n          onChange={onInputFileChange}\n          uploadLabel=\"Choose or drag & drop a file\"\n          previewContent={previewContent}\n        />\n        <Button submitValue=\"Upload\" onClick={onUpload}>\n          Upload\n        </Button>\n        <InputReadonly title=\"Uploaded video link:\" value={uploadedLink} />\n      </div>\n    </div>\n  );\n};\n\nJwVideoUploader.propTypes = {\n  ...VideoUpload.propTypes,\n  onUpload: PropTypes.func,\n  onInputTextChange: PropTypes.func,\n  onInputFileChange: PropTypes.func,\n  uploadedLink: PropTypes.string,\n  inputTextValue: PropTypes.string,\n  placeholder: PropTypes.string\n};\n\nexport default JwVideoUploader;\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,MAAP,MAAmB,sBAAnB;AACA,OAAOC,KAAP,MAAkB,0BAAlB;AACA,OAAOC,aAAP,MAA0B,8BAA1B;AACA,OAAOC,WAAP,MAAwB,4BAAxB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,eAAe,GAAG,CAAC;EACvBC,QADuB;EAEvBC,iBAFuB;EAGvBC,iBAHuB;EAIvBC,YAJuB;EAKvBC,cALuB;EAMvBC,WANuB;EAOvBC;AAPuB,CAAD,KAQlB;EACJ,oBACE;IAAK,SAAS,EAAER,KAAK,CAACS;EAAtB,gBACE;IAAK,SAAS,EAAET,KAAK,CAACU;EAAtB,gBACE,kDADF,eAEE,oBAAC,KAAD;IAAO,WAAW,EAAEH,WAApB;IAAiC,QAAQ,EAAEJ,iBAA3C;IAA8D,KAAK,EAAEG;EAArE,EAFF,eAGE,oBAAC,WAAD;IACE,KAAK,EAAC,eADR;IAEE,QAAQ,EAAEF,iBAFZ;IAGE,WAAW,EAAC,8BAHd;IAIE,cAAc,EAAEI;EAJlB,EAHF,eASE,oBAAC,MAAD;IAAQ,WAAW,EAAC,QAApB;IAA6B,OAAO,EAAEN;EAAtC,YATF,eAYE,oBAAC,aAAD;IAAe,KAAK,EAAC,sBAArB;IAA4C,KAAK,EAAEG;EAAnD,EAZF,CADF,CADF;AAkBD,CA3BD;;AA6BAJ,eAAe,CAACU,SAAhB,wDACKZ,WAAW,CAACY,SADjB;EAEET,QAAQ,EAAEP,SAAS,CAACiB,IAFtB;EAGET,iBAAiB,EAAER,SAAS,CAACiB,IAH/B;EAIER,iBAAiB,EAAET,SAAS,CAACiB,IAJ/B;EAKEP,YAAY,EAAEV,SAAS,CAACkB,MAL1B;EAMEP,cAAc,EAAEX,SAAS,CAACkB,MAN5B;EAOEN,WAAW,EAAEZ,SAAS,CAACkB;AAPzB;AAUA,eAAeZ,eAAf"}

package/es/template/common/authors/index.js

@@ -7,6 +7,7 @@ import CardsGrid from '../../../organism/cards-grid';
 import SocialLink from '../../../atom/social-link';
 import Link from '../../../atom/link';
 import style from './style.css';
+
 class Authors extends React.Component {
   constructor(props, context) {
     super(props);
@@ -15,11 +16,13 @@ class Authors extends React.Component {
     };
     this.handleToggleDisplay = this.handleToggleDisplay.bind(this);
   }
+
   handleToggleDisplay() {
     this.setState(prevState => ({
       fullDisplay: !prevState.fullDisplay
     }));
   }
+
   render() {
     const {
       image,
@@ -40,8 +43,11 @@ class Authors extends React.Component {
       translate,
       skin
     } = this.context;
+
     const defaultColor = _getOr('#00B0FF', 'common.primary', skin);
+
     const toggleLabel = fullDisplay ? translate('See less') : translate('Show more');
+
     const socialView = _map.convert({
       cap: false
     })((sociallink, i) => /*#__PURE__*/React.createElement("div", {
@@ -49,6 +55,7 @@ class Authors extends React.Component {
       "data-name": "link",
       className: style.link
     }, /*#__PURE__*/React.createElement(SocialLink, sociallink)), sociallinks);
+
     const authorSocial = socialView.length > 0 ? /*#__PURE__*/React.createElement("div", {
       className: style.links
     }, /*#__PURE__*/React.createElement("span", null, socialTitle), socialView) : null;
@@ -84,8 +91,7 @@ class Authors extends React.Component {
       "data-name": "description",
       className: fullDisplay ? style.desc : style.shortDesc
     }, /*#__PURE__*/React.createElement("div", {
-      className: style.innerHTML
-      // eslint-disable-next-line react/no-danger
+      className: style.innerHTML // eslint-disable-next-line react/no-danger
       ,
       dangerouslySetInnerHTML: {
         __html: description
@@ -98,7 +104,9 @@ class Authors extends React.Component {
       className: style.cardsTitle
     }, cardsTitle), /*#__PURE__*/React.createElement(CardsGrid, cards)));
   }
+
 }
+
 Authors.contextTypes = {
   translate: Provider.childContextTypes.translate,
   skin: Provider.childContextTypes.skin

package/es/template/common/authors/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","Provider","CardsGrid","SocialLink","Link","style","Authors","Component","constructor","props","context","state","fullDisplay","handleToggleDisplay","bind","setState","prevState","render","image","title","description","cards","cardsTitle","socialTitle","sociallinks","website","urlwebsite","urlcontent","translate","skin","defaultColor","toggleLabel","socialView","convert","cap","sociallink","i","link","authorSocial","length","links","wrapper","authorsWrapper","header","imgWrapper","descWrapper","linksWrapper","linksite","color","desc","shortDesc","innerHTML","__html","toggle","contextTypes","childContextTypes","propTypes","shape","string","arrayOf","type"],"sources":["../../../../src/template/common/authors/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {getOr, map} from 'lodash/fp';\nimport Provider from '../../../atom/provider';\nimport CardsGrid from '../../../organism/cards-grid';\nimport SocialLink from '../../../atom/social-link';\nimport Link from '../../../atom/link';\nimport style from './style.css';\n\nclass Authors extends React.Component {\n  static propTypes = {\n    cards: PropTypes.shape(CardsGrid.propTypes),\n    cardsTitle: PropTypes.string,\n    image: PropTypes.string,\n    title: PropTypes.string,\n    website: PropTypes.string,\n    urlcontent: PropTypes.string,\n    urlwebsite: PropTypes.string,\n    description: PropTypes.string,\n    socialTitle: PropTypes.string,\n    sociallinks: PropTypes.arrayOf(\n      PropTypes.shape({\n        type: PropTypes.string,\n        link: PropTypes.string\n      })\n    )\n  };\n\n  static contextTypes = {\n    translate: Provider.childContextTypes.translate,\n    skin: Provider.childContextTypes.skin\n  };\n\n  constructor(props, context) {\n    super(props);\n    this.state = {\n      fullDisplay: false\n    };\n    this.handleToggleDisplay = this.handleToggleDisplay.bind(this);\n  }\n\n  handleToggleDisplay() {\n    this.setState(prevState => ({\n      fullDisplay: !prevState.fullDisplay\n    }));\n  }\n\n  render() {\n    const {\n      image,\n      title,\n      description,\n      cards,\n      cardsTitle,\n      socialTitle,\n      sociallinks,\n      website,\n      urlwebsite,\n      urlcontent\n    } = this.props;\n    const {fullDisplay} = this.state;\n\n    const {translate, skin} = this.context;\n    const defaultColor = getOr('#00B0FF', 'common.primary', skin);\n    const toggleLabel = fullDisplay ? translate('See less') : translate('Show more');\n\n    const socialView = map.convert({cap: false})(\n      (sociallink, i) => (\n        <div key={i} data-name=\"link\" className={style.link}>\n          <SocialLink {...sociallink} />\n        </div>\n      ),\n      sociallinks\n    );\n\n    const authorSocial =\n      socialView.length > 0 ? (\n        <div className={style.links}>\n          <span>{socialTitle}</span>\n          {socialView}\n        </div>\n      ) : null;\n\n    return (\n      <div data-name=\"authors\" className={style.wrapper}>\n        <div className={style.authorsWrapper}>\n          <div data-name=\"header\" className={style.header}>\n            <div data-name=\"image\" className={style.imgWrapper}>\n              <img src={image} />\n            </div>\n            <div className={style.descWrapper}>\n              <div data-name=\"title\" className={style.title}>\n                {title}\n              </div>\n              <div className={style.linksWrapper}>\n                <span>{website}</span>\n                <Link\n                  data-name=\"linkSite\"\n                  className={style.linksite}\n                  style={{\n                    color: defaultColor\n                  }}\n                  href={urlwebsite}\n                  target={'_blank'}\n                >\n                  {urlcontent}\n                </Link>\n                {authorSocial}\n              </div>\n              <div data-name=\"description\" className={fullDisplay ? style.desc : style.shortDesc}>\n                <div\n                  className={style.innerHTML}\n                  // eslint-disable-next-line react/no-danger\n                  dangerouslySetInnerHTML={{__html: description}}\n                />\n              </div>\n              <div data-name=\"more\" className={style.toggle} onClick={this.handleToggleDisplay}>\n                {toggleLabel}\n              </div>\n            </div>\n          </div>\n          <div className={style.cardsTitle}>{cardsTitle}</div>\n          <CardsGrid {...cards} />\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default Authors;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","PropTypes","Provider","CardsGrid","SocialLink","Link","style","Authors","Component","constructor","props","context","state","fullDisplay","handleToggleDisplay","bind","setState","prevState","render","image","title","description","cards","cardsTitle","socialTitle","sociallinks","website","urlwebsite","urlcontent","translate","skin","defaultColor","toggleLabel","socialView","convert","cap","sociallink","i","link","authorSocial","length","links","wrapper","authorsWrapper","header","imgWrapper","descWrapper","linksWrapper","linksite","color","desc","shortDesc","innerHTML","__html","toggle","contextTypes","childContextTypes","propTypes","shape","string","arrayOf","type"],"sources":["../../../../src/template/common/authors/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {getOr, map} from 'lodash/fp';\nimport Provider from '../../../atom/provider';\nimport CardsGrid from '../../../organism/cards-grid';\nimport SocialLink from '../../../atom/social-link';\nimport Link from '../../../atom/link';\nimport style from './style.css';\n\nclass Authors extends React.Component {\n  static propTypes = {\n    cards: PropTypes.shape(CardsGrid.propTypes),\n    cardsTitle: PropTypes.string,\n    image: PropTypes.string,\n    title: PropTypes.string,\n    website: PropTypes.string,\n    urlcontent: PropTypes.string,\n    urlwebsite: PropTypes.string,\n    description: PropTypes.string,\n    socialTitle: PropTypes.string,\n    sociallinks: PropTypes.arrayOf(\n      PropTypes.shape({\n        type: PropTypes.string,\n        link: PropTypes.string\n      })\n    )\n  };\n\n  static contextTypes = {\n    translate: Provider.childContextTypes.translate,\n    skin: Provider.childContextTypes.skin\n  };\n\n  constructor(props, context) {\n    super(props);\n    this.state = {\n      fullDisplay: false\n    };\n    this.handleToggleDisplay = this.handleToggleDisplay.bind(this);\n  }\n\n  handleToggleDisplay() {\n    this.setState(prevState => ({\n      fullDisplay: !prevState.fullDisplay\n    }));\n  }\n\n  render() {\n    const {\n      image,\n      title,\n      description,\n      cards,\n      cardsTitle,\n      socialTitle,\n      sociallinks,\n      website,\n      urlwebsite,\n      urlcontent\n    } = this.props;\n    const {fullDisplay} = this.state;\n\n    const {translate, skin} = this.context;\n    const defaultColor = getOr('#00B0FF', 'common.primary', skin);\n    const toggleLabel = fullDisplay ? translate('See less') : translate('Show more');\n\n    const socialView = map.convert({cap: false})(\n      (sociallink, i) => (\n        <div key={i} data-name=\"link\" className={style.link}>\n          <SocialLink {...sociallink} />\n        </div>\n      ),\n      sociallinks\n    );\n\n    const authorSocial =\n      socialView.length > 0 ? (\n        <div className={style.links}>\n          <span>{socialTitle}</span>\n          {socialView}\n        </div>\n      ) : null;\n\n    return (\n      <div data-name=\"authors\" className={style.wrapper}>\n        <div className={style.authorsWrapper}>\n          <div data-name=\"header\" className={style.header}>\n            <div data-name=\"image\" className={style.imgWrapper}>\n              <img src={image} />\n            </div>\n            <div className={style.descWrapper}>\n              <div data-name=\"title\" className={style.title}>\n                {title}\n              </div>\n              <div className={style.linksWrapper}>\n                <span>{website}</span>\n                <Link\n                  data-name=\"linkSite\"\n                  className={style.linksite}\n                  style={{\n                    color: defaultColor\n                  }}\n                  href={urlwebsite}\n                  target={'_blank'}\n                >\n                  {urlcontent}\n                </Link>\n                {authorSocial}\n              </div>\n              <div data-name=\"description\" className={fullDisplay ? style.desc : style.shortDesc}>\n                <div\n                  className={style.innerHTML}\n                  // eslint-disable-next-line react/no-danger\n                  dangerouslySetInnerHTML={{__html: description}}\n                />\n              </div>\n              <div data-name=\"more\" className={style.toggle} onClick={this.handleToggleDisplay}>\n                {toggleLabel}\n              </div>\n            </div>\n          </div>\n          <div className={style.cardsTitle}>{cardsTitle}</div>\n          <CardsGrid {...cards} />\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default Authors;\n"],"mappings":"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"}

package/es/template/common/coorp-header/content.js

@@ -1,11 +1,14 @@
 import _join from "lodash/fp/join";
+
 const content = props => {
   const {
     rootUrl = '/',
     connexionLink = '/',
     inscriptionLink = '/'
   } = props;
+
   const url = sub => _join('', [rootUrl, sub]);
+
   return {
     src: 'https://www.coorpacademy.com/assets/img/logo.svg',
     href: rootUrl,
@@ -72,5 +75,6 @@ const content = props => {
     }]
   };
 };
+
 export default content;
 //# sourceMappingURL=content.js.map