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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["getStyle","isSelected","style","selectedElement","unselectedElement","subTabsView","_subTabs","map","convert","cap","subTab","_index","title","type","selected","buildLeftNavigation","logo","items","onItemClick","formattedTabs","key","href","index","children","iconType","formattedTabsViews","tab","tabs","navigation","buildNotifications","notifications","isEmpty","notificationsList","notification","buildHeader","header","buildPopin","popin","buildDocumentation","documentation","show","onClose","content","classNames","open","documentationContent","__html","closeButton","buildTabs","selectedTab","pipe","find","e","get","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","PropTypes","arrayOf","shape","Banner","Header","string","isRequired","bool","oneOfType","BrandForm","oneOf","BrandTable","BrandUpload","BrandAnalytics","BrandDashboard","WizardContents","ListItems","EmptyStateDashboard","func","CmPopin"],"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":["getStyle","isSelected","style","selectedElement","unselectedElement","subTabsView","_subTabs","map","convert","cap","subTab","_index","title","type","selected","buildLeftNavigation","logo","items","onItemClick","formattedTabs","key","href","index","children","iconType","formattedTabsViews","tab","tabs","navigation","buildNotifications","notifications","isEmpty","notificationsList","notification","buildHeader","header","buildPopin","popin","buildDocumentation","documentation","show","onClose","content","classNames","open","documentationContent","__html","closeButton","buildTabs","selectedTab","pipe","find","e","get","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","PropTypes","arrayOf","shape","Banner","Header","string","isRequired","bool","oneOfType","BrandForm","oneOf","BrandTable","BrandUpload","BrandAnalytics","BrandDashboard","WizardContents","ListItems","EmptyStateDashboard","func","CmPopin"],"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/lib/template/back-office/dashboard-preview/dashboard-popin.js

@@ -2,14 +2,23 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _getOr2 = _interopRequireDefault(require("lodash/fp/getOr"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _bubbling = _interopRequireDefault(require("../../../util/bubbling"));
+
 var _provider = _interopRequireDefault(require("../../../atom/provider"));
+
 var _button = _interopRequireDefault(require("../../../atom/button"));
+
 var _dashboardPopin = _interopRequireDefault(require("./dashboard-popin.css"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const DashboardPopin = (props, context) => {
   const {
     skin
@@ -21,11 +30,13 @@ const DashboardPopin = (props, context) => {
     closeOnClick,
     content
   } = props;
+
   function createMarkup() {
     return {
       __html: content
     };
   }
+
   const primary = (0, _getOr2.default)('#00B0FF', ['common', 'primary'], skin);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _dashboardPopin.default.default,
@@ -51,6 +62,7 @@ const DashboardPopin = (props, context) => {
     }
   })));
 };
+
 DashboardPopin.contextTypes = {
   skin: _provider.default.childContextTypes.skin
 };

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

@@ -1 +1 @@
-{"version":3,"file":"dashboard-popin.js","names":["DashboardPopin","props","context","skin","ctaLabel","ctaOnClick","header","closeOnClick","content","createMarkup","__html","primary","style","default","popin","stopPropagation","backgroundColor","contextTypes","Provider","childContextTypes","propTypes","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;AACA;AAEA;AACA;AACA;AACA;AAA0C;AAE1C,MAAMA,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,qBAAM,SAAS,EAAE,CAAC,QAAQ,EAAE,SAAS,CAAC,EAAER,IAAI,CAAC;EAE7D,oBACE;IAAK,SAAS,EAAES,uBAAK,CAACC,OAAQ;IAAC,OAAO,EAAEN;EAAa,gBACnD;IAAK,SAAS,EAAEK,uBAAK,CAACE,KAAM;IAAC,OAAO,EAAEC;EAAgB,gBACpD;IAAK,SAAS,EAAEH,uBAAK,CAACN,MAAO;IAAC,OAAO,EAAEC,YAAa;IAAC,aAAU;EAAc,GAC1ED,MAAM,CACH,eACN;IAAK,SAAS,EAAEM,uBAAK,CAACJ;EAAQ,gBAC5B;IACE;IACA,uBAAuB,EAAEC,YAAY;EAAG,EACxC,CACE,eACN,6BAAC,eAAM;IACL,IAAI,EAAC,MAAM;IACX,OAAO,EAAEJ,UAAW;IACpB,WAAW,EAAED,QAAS;IACtB,KAAK,EAAE;MACLY,eAAe,EAAEL;IACnB;EAAE,EACF,CACE,CACF;AAEV,CAAC;AAEDX,cAAc,CAACiB,YAAY,GAAG;EAC5Bd,IAAI,EAAEe,iBAAQ,CAACC,iBAAiB,CAAChB;AACnC,CAAC;AAEDH,cAAc,CAACoB,SAAS,2CAAG;EACzBhB,QAAQ,EAAEiB,kBAAS,CAACC,MAAM;EAC1BjB,UAAU,EAAEgB,kBAAS,CAACE,IAAI;EAC1BhB,YAAY,EAAEc,kBAAS,CAACE,IAAI;EAC5BjB,MAAM,EAAEe,kBAAS,CAACC,MAAM;EACxBd,OAAO,EAAEa,kBAAS,CAACC;AACrB,CAAC;AAAC,eAEatB,cAAc;AAAA"}
+{"version":3,"file":"dashboard-popin.js","names":["DashboardPopin","props","context","skin","ctaLabel","ctaOnClick","header","closeOnClick","content","createMarkup","__html","primary","style","default","popin","stopPropagation","backgroundColor","contextTypes","Provider","childContextTypes","propTypes","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;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,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,qBAAM,SAAN,EAAiB,CAAC,QAAD,EAAW,SAAX,CAAjB,EAAwCR,IAAxC,CAAhB;EAEA,oBACE;IAAK,SAAS,EAAES,uBAAA,CAAMC,OAAtB;IAA+B,OAAO,EAAEN;EAAxC,gBACE;IAAK,SAAS,EAAEK,uBAAA,CAAME,KAAtB;IAA6B,OAAO,EAAEC;EAAtC,gBACE;IAAK,SAAS,EAAEH,uBAAA,CAAMN,MAAtB;IAA8B,OAAO,EAAEC,YAAvC;IAAqD,aAAU;EAA/D,GACGD,MADH,CADF,eAIE;IAAK,SAAS,EAAEM,uBAAA,CAAMJ;EAAtB,gBACE;IACE;IACA,uBAAuB,EAAEC,YAAY;EAFvC,EADF,CAJF,eAUE,6BAAC,eAAD;IACE,IAAI,EAAC,MADP;IAEE,OAAO,EAAEJ,UAFX;IAGE,WAAW,EAAED,QAHf;IAIE,KAAK,EAAE;MACLY,eAAe,EAAEL;IADZ;EAJT,EAVF,CADF,CADF;AAuBD,CAlCD;;AAoCAX,cAAc,CAACiB,YAAf,GAA8B;EAC5Bd,IAAI,EAAEe,iBAAA,CAASC,iBAAT,CAA2BhB;AADL,CAA9B;AAIAH,cAAc,CAACoB,SAAf,2CAA2B;EACzBhB,QAAQ,EAAEiB,kBAAA,CAAUC,MADK;EAEzBjB,UAAU,EAAEgB,kBAAA,CAAUE,IAFG;EAGzBhB,YAAY,EAAEc,kBAAA,CAAUE,IAHC;EAIzBjB,MAAM,EAAEe,kBAAA,CAAUC,MAJO;EAKzBd,OAAO,EAAEa,kBAAA,CAAUC;AALM,CAA3B;eAQetB,c"}

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

@@ -2,20 +2,35 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _keys2 = _interopRequireDefault(require("lodash/fp/keys"));
+
 var _kebabCase2 = _interopRequireDefault(require("lodash/fp/kebabCase"));
+
 var _getOr2 = _interopRequireDefault(require("lodash/fp/getOr"));
+
 var _get2 = _interopRequireDefault(require("lodash/fp/get"));
+
 var _noop2 = _interopRequireDefault(require("lodash/fp/noop"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _layout = _interopRequireDefault(require("../layout"));
+
 var _sidebar = _interopRequireDefault(require("../../../organism/sidebar"));
+
 var _provider = _interopRequireDefault(require("../../../atom/provider"));
+
 var _loading = _interopRequireDefault(require("../../app-player/loading"));
+
 var _dashboardPopin = _interopRequireDefault(require("./dashboard-popin"));
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const currentDashboardSidebarSection = ({
   currentDashboard,
   onUpdateVersion,
@@ -47,6 +62,7 @@ const currentDashboardSidebarSection = ({
   }));
   return [dashboardDescription, ...paramInputs, dashboardVersion];
 };
+
 const Dashboard = (props, context) => {
   const {
     url,
@@ -57,6 +73,7 @@ const Dashboard = (props, context) => {
     skin,
     translate
   } = context;
+
   const body = () => {
     if (selected) {
       if (url) return /*#__PURE__*/_react.default.createElement("iframe", {
@@ -73,14 +90,17 @@ const Dashboard = (props, context) => {
         }
       }, translate('Select a dashboard in the Sidebar'));
     }
+
     return null;
   };
+
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.dashboardSelection
   }, /*#__PURE__*/_react.default.createElement("h1", {
     className: _style.default.dashboardTitle
   }, (0, _getOr2.default)(translate('No Selected Dashboard'), 'name', selected)), body());
 };
+
 Dashboard.propTypes = process.env.NODE_ENV !== "production" ? {
   url: _propTypes.default.string,
   error: _propTypes.default.string,
@@ -92,6 +112,7 @@ Dashboard.contextTypes = {
   skin: _provider.default.childContextTypes.skin,
   translate: _provider.default.childContextTypes.translate
 };
+
 const ErrorPopin = ({
   onErrorRedirect,
   ctaLabel,
@@ -106,6 +127,7 @@ const ErrorPopin = ({
     closeOnClick: onErrorRedirect
   }, /*#__PURE__*/_react.default.createElement("p", null, error)) : null;
 };
+
 ErrorPopin.propTypes = process.env.NODE_ENV !== "production" ? {
   onErrorRedirect: _propTypes.default.func.isRequired,
   ctaLabel: _propTypes.default.string.isRequired,
@@ -114,6 +136,7 @@ ErrorPopin.propTypes = process.env.NODE_ENV !== "production" ? {
 ErrorPopin.contextTypes = {
   translate: _provider.default.childContextTypes.translate
 };
+
 const DashboardPreview = (props, context) => {
   const {
     dashboards = [],
@@ -129,6 +152,7 @@ const DashboardPreview = (props, context) => {
   const {
     translate
   } = context;
+
   if (!dashboards || dashboards.length === 0) {
     if (error) return /*#__PURE__*/_react.default.createElement(ErrorPopin, {
       ctaLabel: translate('Reload'),
@@ -137,6 +161,7 @@ const DashboardPreview = (props, context) => {
     });
     return /*#__PURE__*/_react.default.createElement(_loading.default, null);
   }
+
   const dashboardList = dashboards.map(dashboard => ({
     title: dashboard.name,
     name: `${(0, _kebabCase2.default)(dashboard.name)}-link`,
@@ -146,6 +171,7 @@ const DashboardPreview = (props, context) => {
     selected: dashboard.name === (0, _get2.default)('name', currentDashboard)
   }));
   const sidebarItems = [dashboardList];
+
   if (currentDashboard) {
     sidebarItems.push(currentDashboardSidebarSection({
       currentDashboard,
@@ -154,6 +180,7 @@ const DashboardPreview = (props, context) => {
       inputParams
     }));
   }
+
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.container
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -172,6 +199,7 @@ const DashboardPreview = (props, context) => {
     onErrorRedirect: onErrorRedirect
   })));
 };
+
 DashboardPreview.contextTypes = {
   skin: _provider.default.childContextTypes.skin,
   translate: _provider.default.childContextTypes.translate
@@ -197,6 +225,8 @@ DashboardPreview.propTypes = process.env.NODE_ENV !== "production" ? {
   onErrorRedirect: _propTypes.default.func,
   inputParams: _propTypes.default.shape({})
 } : {};
+
 var _default = (0, _layout.default)(DashboardPreview);
+
 exports.default = _default;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["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","style","dashboardIframe","dashboardNoSelection","color","dashboardSelection","dashboardTitle","propTypes","PropTypes","string","shape","contextTypes","Provider","childContextTypes","ErrorPopin","onErrorRedirect","ctaLabel","func","isRequired","DashboardPreview","dashboards","onSelectDashboard","length","dashboardList","dashboard","href","onClick","sidebarItems","push","container","dashboardAside","dashboardContent","arrayOf","Layout"],"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":["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","style","dashboardIframe","dashboardNoSelection","color","dashboardSelection","dashboardTitle","propTypes","PropTypes","string","shape","contextTypes","Provider","childContextTypes","ErrorPopin","onErrorRedirect","ctaLabel","func","isRequired","DashboardPreview","dashboards","onSelectDashboard","length","dashboardList","dashboard","href","onClick","sidebarItems","push","container","dashboardAside","dashboardContent","arrayOf","Layout"],"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/lib/template/back-office/layout/index.js

@@ -2,11 +2,17 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _setupHeader = _interopRequireDefault(require("../../../organism/setup-header"));
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const createLayout = Template => {
   const Layout = props => {
     const {
@@ -18,11 +24,13 @@ const createLayout = Template => {
       className: _style.default.contentWrapper
     }, /*#__PURE__*/_react.default.createElement(Template, props)));
   };
+
   Layout.propTypes = process.env.NODE_ENV !== "production" ? {
     header: _propTypes.default.shape(_setupHeader.default.propTypes)
   } : {};
   return Layout;
 };
+
 var _default = createLayout;
 exports.default = _default;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["createLayout","Template","Layout","props","header","style","contentWrapper","propTypes","PropTypes","shape","Header"],"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;AACA;AACA;AACA;AAAgC;AAEhC,MAAMA,YAAY,GAAGC,QAAQ,IAAI;EAC/B,MAAMC,MAAM,GAAGC,KAAK,IAAI;IACtB,MAAM;MAACC;IAAM,CAAC,GAAGD,KAAK;IACtB,oBACE,uDACE;MAAK,SAAS,EAAEE,cAAK,CAACD;IAAO,gBAC3B,6BAAC,oBAAM,EAAKA,MAAM,CAAI,CAClB,eACN;MAAK,SAAS,EAAEC,cAAK,CAACC;IAAe,gBACnC,6BAAC,QAAQ,EAAKH,KAAK,CAAI,CACnB,CACF;EAEV,CAAC;EAEDD,MAAM,CAACK,SAAS,2CAAG;IACjBH,MAAM,EAAEI,kBAAS,CAACC,KAAK,CAACC,oBAAM,CAACH,SAAS;EAC1C,CAAC;EAED,OAAOL,MAAM;AACf,CAAC;AAAC,eAEaF,YAAY;AAAA"}
+{"version":3,"file":"index.js","names":["createLayout","Template","Layout","props","header","style","contentWrapper","propTypes","PropTypes","shape","Header"],"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;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,YAAY,GAAGC,QAAQ,IAAI;EAC/B,MAAMC,MAAM,GAAGC,KAAK,IAAI;IACtB,MAAM;MAACC;IAAD,IAAWD,KAAjB;IACA,oBACE,uDACE;MAAK,SAAS,EAAEE,cAAA,CAAMD;IAAtB,gBACE,6BAAC,oBAAD,EAAYA,MAAZ,CADF,CADF,eAIE;MAAK,SAAS,EAAEC,cAAA,CAAMC;IAAtB,gBACE,6BAAC,QAAD,EAAcH,KAAd,CADF,CAJF,CADF;EAUD,CAZD;;EAcAD,MAAM,CAACK,SAAP,2CAAmB;IACjBH,MAAM,EAAEI,kBAAA,CAAUC,KAAV,CAAgBC,oBAAA,CAAOH,SAAvB;EADS,CAAnB;EAIA,OAAOL,MAAP;AACD,CApBD;;eAsBeF,Y"}

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

@@ -2,15 +2,25 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _map2 = _interopRequireDefault(require("lodash/fp/map"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _provider = _interopRequireDefault(require("../../atom/provider"));
+
 var _cardWithButton = _interopRequireDefault(require("../../molecule/card-with-button"));
+
 var _avatar = _interopRequireDefault(require("../../atom/avatar"));
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const Battles = (props, context) => {
   const {
     translate
@@ -44,8 +54,7 @@ const Battles = (props, context) => {
     }, /*#__PURE__*/_react.default.createElement(_avatar.default, {
       url: battle.urlAvatar
     })), /*#__PURE__*/_react.default.createElement("div", {
-      className: (0, _classnames.default)(_style.default.wrapper, _style.default.innerHTML)
-      // eslint-disable-next-line react/no-danger
+      className: (0, _classnames.default)(_style.default.wrapper, _style.default.innerHTML) // eslint-disable-next-line react/no-danger
       ,
       dangerouslySetInnerHTML: {
         __html: challengeLabel
@@ -53,6 +62,7 @@ const Battles = (props, context) => {
     }))));
   }, battles));
 };
+
 Battles.contextTypes = {
   translate: _provider.default.childContextTypes.translate
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Battles","props","context","translate","battles","trads","style","cards","battle","challengeLabel","username","courseName","battleCardProps","primaryButtonLabel","battleCTA","lightButtonLabel","reviewCTA","tagLabel","onLightButtonClick","onPrimaryButtonClick","backgroundImg","id","cardsItem","card","injection","urlAvatar","classnames","wrapper","innerHTML","__html","contextTypes","Provider","childContextTypes","propTypes","PropTypes","arrayOf","shape","string","CardWithButton","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;AACA;AAEA;AACA;AACA;AACA;AACA;AAAgC;AAEhC,MAAMA,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,EAAEK,cAAK,CAACC;EAAM,GACxB,mBAAIC,MAAM,IAAI;IACb,MAAMC,cAAc,GAAGN,SAAS,CAAC,oBAAoB,EAAE;MACrDO,QAAQ,EAAG,WAAUF,MAAM,CAACE,QAAS,WAAU;MAC/CC,UAAU,EAAG,cAAaH,MAAM,CAACG,UAAW;IAC9C,CAAC,CAAC;IACF,MAAMC,eAAe,GAAG;MACtBC,kBAAkB,EAAER,KAAK,CAACS,SAAS;MACnCC,gBAAgB,EAAEV,KAAK,CAACW,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,EAAEf,cAAK,CAACgB;IAAU,gBAC7C;MAAK,SAAS,EAAEhB,cAAK,CAACiB;IAAK,gBACzB,6BAAC,uBAAc,EAAKX,eAAe,eACjC;MAAK,SAAS,EAAEN,cAAK,CAACkB;IAAU,gBAC9B,6BAAC,eAAM;MAAC,GAAG,EAAEhB,MAAM,CAACiB;IAAU,EAAG,CAC7B,eACN;MACE,SAAS,EAAE,IAAAC,mBAAU,EAACpB,cAAK,CAACqB,OAAO,EAAErB,cAAK,CAACsB,SAAS;MACpD;MAAA;MACA,uBAAuB,EAAE;QAACC,MAAM,EAAEpB;MAAc;IAAE,EAClD,CACa,CACb,CACH;EAET,CAAC,EAAEL,OAAO,CAAC,CACR;AAET,CAAC;AAEDJ,OAAO,CAAC8B,YAAY,GAAG;EACrB3B,SAAS,EAAE4B,iBAAQ,CAACC,iBAAiB,CAAC7B;AACxC,CAAC;AAEDH,OAAO,CAACiC,SAAS,2CAAG;EAClB7B,OAAO,EAAE8B,kBAAS,CAACC,OAAO,CACxBD,kBAAS,CAACE,KAAK,CAAC;IACd1B,QAAQ,EAAEwB,kBAAS,CAACG,MAAM;IAC1B1B,UAAU,EAAEuB,kBAAS,CAACG,MAAM;IAC5BpB,QAAQ,EAAEqB,uBAAc,CAACL,SAAS,CAAChB,QAAQ;IAC3CC,kBAAkB,EAAEoB,uBAAc,CAACL,SAAS,CAACf,kBAAkB;IAC/DC,oBAAoB,EAAEmB,uBAAc,CAACL,SAAS,CAACd,oBAAoB;IACnEC,aAAa,EAAEkB,uBAAc,CAACL,SAAS,CAACb;EAC1C,CAAC,CAAC,CACH,CAACmB,UAAU;EACZlC,KAAK,EAAE6B,kBAAS,CAACE,KAAK,CAAC;IACrBtB,SAAS,EAAEoB,kBAAS,CAACG,MAAM,CAACE,UAAU;IACtCvB,SAAS,EAAEkB,kBAAS,CAACG,MAAM,CAACE;EAC9B,CAAC,CAAC,CAACA;AACL,CAAC;AAAC,eAEavC,OAAO;AAAA"}
+{"version":3,"file":"index.js","names":["Battles","props","context","translate","battles","trads","style","cards","battle","challengeLabel","username","courseName","battleCardProps","primaryButtonLabel","battleCTA","lightButtonLabel","reviewCTA","tagLabel","onLightButtonClick","onPrimaryButtonClick","backgroundImg","id","cardsItem","card","injection","urlAvatar","classnames","wrapper","innerHTML","__html","contextTypes","Provider","childContextTypes","propTypes","PropTypes","arrayOf","shape","string","CardWithButton","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;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,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,EAAEK,cAAA,CAAMC;EAArB,GACG,mBAAIC,MAAM,IAAI;IACb,MAAMC,cAAc,GAAGN,SAAS,CAAC,oBAAD,EAAuB;MACrDO,QAAQ,EAAG,WAAUF,MAAM,CAACE,QAAS,WADgB;MAErDC,UAAU,EAAG,cAAaH,MAAM,CAACG,UAAW;IAFS,CAAvB,CAAhC;IAIA,MAAMC,eAAe,GAAG;MACtBC,kBAAkB,EAAER,KAAK,CAACS,SADJ;MAEtBC,gBAAgB,EAAEV,KAAK,CAACW,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,EAAEf,cAAA,CAAMgB;IAArC,gBACE;MAAK,SAAS,EAAEhB,cAAA,CAAMiB;IAAtB,gBACE,6BAAC,uBAAD,EAAoBX,eAApB,eACE;MAAK,SAAS,EAAEN,cAAA,CAAMkB;IAAtB,gBACE,6BAAC,eAAD;MAAQ,GAAG,EAAEhB,MAAM,CAACiB;IAApB,EADF,CADF,eAIE;MACE,SAAS,EAAE,IAAAC,mBAAA,EAAWpB,cAAA,CAAMqB,OAAjB,EAA0BrB,cAAA,CAAMsB,SAAhC,CADb,CAEE;MAFF;MAGE,uBAAuB,EAAE;QAACC,MAAM,EAAEpB;MAAT;IAH3B,EAJF,CADF,CADF,CADF;EAgBD,CA7BA,EA6BEL,OA7BF,CADH,CADF;AAkCD,CArCD;;AAuCAJ,OAAO,CAAC8B,YAAR,GAAuB;EACrB3B,SAAS,EAAE4B,iBAAA,CAASC,iBAAT,CAA2B7B;AADjB,CAAvB;AAIAH,OAAO,CAACiC,SAAR,2CAAoB;EAClB7B,OAAO,EAAE8B,kBAAA,CAAUC,OAAV,CACPD,kBAAA,CAAUE,KAAV,CAAgB;IACd1B,QAAQ,EAAEwB,kBAAA,CAAUG,MADN;IAEd1B,UAAU,EAAEuB,kBAAA,CAAUG,MAFR;IAGdpB,QAAQ,EAAEqB,uBAAA,CAAeL,SAAf,CAAyBhB,QAHrB;IAIdC,kBAAkB,EAAEoB,uBAAA,CAAeL,SAAf,CAAyBf,kBAJ/B;IAKdC,oBAAoB,EAAEmB,uBAAA,CAAeL,SAAf,CAAyBd,oBALjC;IAMdC,aAAa,EAAEkB,uBAAA,CAAeL,SAAf,CAAyBb;EAN1B,CAAhB,CADO,EASPmB,UAVgB;EAWlBlC,KAAK,EAAE6B,kBAAA,CAAUE,KAAV,CAAgB;IACrBtB,SAAS,EAAEoB,kBAAA,CAAUG,MAAV,CAAiBE,UADP;IAErBvB,SAAS,EAAEkB,kBAAA,CAAUG,MAAV,CAAiBE;EAFP,CAAhB,EAGJA;AAde,CAApB;eAiBevC,O"}

package/lib/template/cockpit/jw-uploader/index.js

@@ -2,15 +2,25 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _button = _interopRequireDefault(require("../../../atom/button"));
+
 var _inputText = _interopRequireDefault(require("../../../atom/input-text"));
+
 var _inputReadonly = _interopRequireDefault(require("../../../atom/input-readonly"));
+
 var _videoUpload = _interopRequireDefault(require("../../../atom/video-upload"));
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 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); }
+
 const JwVideoUploader = ({
   onUpload,
   onInputTextChange,
@@ -41,6 +51,7 @@ const JwVideoUploader = ({
     value: uploadedLink
   })));
 };
+
 JwVideoUploader.propTypes = process.env.NODE_ENV !== "production" ? _extends({}, _videoUpload.default.propTypes, {
   onUpload: _propTypes.default.func,
   onInputTextChange: _propTypes.default.func,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["JwVideoUploader","onUpload","onInputTextChange","onInputFileChange","uploadedLink","inputTextValue","placeholder","previewContent","style","container","wrapper","propTypes","VideoUpload","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;AACA;AACA;AACA;AACA;AACA;AACA;AAAgC;AAAA;AAEhC,MAAMA,eAAe,GAAG,CAAC;EACvBC,QAAQ;EACRC,iBAAiB;EACjBC,iBAAiB;EACjBC,YAAY;EACZC,cAAc;EACdC,WAAW;EACXC;AACF,CAAC,KAAK;EACJ,oBACE;IAAK,SAAS,EAAEC,cAAK,CAACC;EAAU,gBAC9B;IAAK,SAAS,EAAED,cAAK,CAACE;EAAQ,gBAC5B,yCAAI,iBAAe,CAAK,eACxB,6BAAC,kBAAK;IAAC,WAAW,EAAEJ,WAAY;IAAC,QAAQ,EAAEJ,iBAAkB;IAAC,KAAK,EAAEG;EAAe,EAAG,eACvF,6BAAC,oBAAW;IACV,KAAK,EAAC,eAAe;IACrB,QAAQ,EAAEF,iBAAkB;IAC5B,WAAW,EAAC,8BAA8B;IAC1C,cAAc,EAAEI;EAAe,EAC/B,eACF,6BAAC,eAAM;IAAC,WAAW,EAAC,QAAQ;IAAC,OAAO,EAAEN;EAAS,GAAC,QAEhD,CAAS,eACT,6BAAC,sBAAa;IAAC,KAAK,EAAC,sBAAsB;IAAC,KAAK,EAAEG;EAAa,EAAG,CAC/D,CACF;AAEV,CAAC;AAEDJ,eAAe,CAACW,SAAS,wDACpBC,oBAAW,CAACD,SAAS;EACxBV,QAAQ,EAAEY,kBAAS,CAACC,IAAI;EACxBZ,iBAAiB,EAAEW,kBAAS,CAACC,IAAI;EACjCX,iBAAiB,EAAEU,kBAAS,CAACC,IAAI;EACjCV,YAAY,EAAES,kBAAS,CAACE,MAAM;EAC9BV,cAAc,EAAEQ,kBAAS,CAACE,MAAM;EAChCT,WAAW,EAAEO,kBAAS,CAACE;AAAM;AAC7B,eAEaf,eAAe;AAAA"}
+{"version":3,"file":"index.js","names":["JwVideoUploader","onUpload","onInputTextChange","onInputFileChange","uploadedLink","inputTextValue","placeholder","previewContent","style","container","wrapper","propTypes","VideoUpload","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;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,MAAMA,eAAe,GAAG,CAAC;EACvBC,QADuB;EAEvBC,iBAFuB;EAGvBC,iBAHuB;EAIvBC,YAJuB;EAKvBC,cALuB;EAMvBC,WANuB;EAOvBC;AAPuB,CAAD,KAQlB;EACJ,oBACE;IAAK,SAAS,EAAEC,cAAA,CAAMC;EAAtB,gBACE;IAAK,SAAS,EAAED,cAAA,CAAME;EAAtB,gBACE,2DADF,eAEE,6BAAC,kBAAD;IAAO,WAAW,EAAEJ,WAApB;IAAiC,QAAQ,EAAEJ,iBAA3C;IAA8D,KAAK,EAAEG;EAArE,EAFF,eAGE,6BAAC,oBAAD;IACE,KAAK,EAAC,eADR;IAEE,QAAQ,EAAEF,iBAFZ;IAGE,WAAW,EAAC,8BAHd;IAIE,cAAc,EAAEI;EAJlB,EAHF,eASE,6BAAC,eAAD;IAAQ,WAAW,EAAC,QAApB;IAA6B,OAAO,EAAEN;EAAtC,YATF,eAYE,6BAAC,sBAAD;IAAe,KAAK,EAAC,sBAArB;IAA4C,KAAK,EAAEG;EAAnD,EAZF,CADF,CADF;AAkBD,CA3BD;;AA6BAJ,eAAe,CAACW,SAAhB,wDACKC,oBAAA,CAAYD,SADjB;EAEEV,QAAQ,EAAEY,kBAAA,CAAUC,IAFtB;EAGEZ,iBAAiB,EAAEW,kBAAA,CAAUC,IAH/B;EAIEX,iBAAiB,EAAEU,kBAAA,CAAUC,IAJ/B;EAKEV,YAAY,EAAES,kBAAA,CAAUE,MAL1B;EAMEV,cAAc,EAAEQ,kBAAA,CAAUE,MAN5B;EAOET,WAAW,EAAEO,kBAAA,CAAUE;AAPzB;eAUef,e"}

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

@@ -2,16 +2,27 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _map2 = _interopRequireDefault(require("lodash/fp/map"));
+
 var _getOr2 = _interopRequireDefault(require("lodash/fp/getOr"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _provider = _interopRequireDefault(require("../../../atom/provider"));
+
 var _cardsGrid = _interopRequireDefault(require("../../../organism/cards-grid"));
+
 var _socialLink = _interopRequireDefault(require("../../../atom/social-link"));
+
 var _link = _interopRequireDefault(require("../../../atom/link"));
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 class Authors extends _react.default.Component {
   constructor(props, context) {
     super(props);
@@ -20,11 +31,13 @@ class Authors extends _react.default.Component {
     };
     this.handleToggleDisplay = this.handleToggleDisplay.bind(this);
   }
+
   handleToggleDisplay() {
     this.setState(prevState => ({
       fullDisplay: !prevState.fullDisplay
     }));
   }
+
   render() {
     const {
       image,
@@ -47,6 +60,7 @@ class Authors extends _react.default.Component {
     } = this.context;
     const defaultColor = (0, _getOr2.default)('#00B0FF', 'common.primary', skin);
     const toggleLabel = fullDisplay ? translate('See less') : translate('Show more');
+
     const socialView = _map2.default.convert({
       cap: false
     })((sociallink, i) => /*#__PURE__*/_react.default.createElement("div", {
@@ -54,6 +68,7 @@ class Authors extends _react.default.Component {
       "data-name": "link",
       className: _style.default.link
     }, /*#__PURE__*/_react.default.createElement(_socialLink.default, sociallink)), sociallinks);
+
     const authorSocial = socialView.length > 0 ? /*#__PURE__*/_react.default.createElement("div", {
       className: _style.default.links
     }, /*#__PURE__*/_react.default.createElement("span", null, socialTitle), socialView) : null;
@@ -89,8 +104,7 @@ class Authors extends _react.default.Component {
       "data-name": "description",
       className: fullDisplay ? _style.default.desc : _style.default.shortDesc
     }, /*#__PURE__*/_react.default.createElement("div", {
-      className: _style.default.innerHTML
-      // eslint-disable-next-line react/no-danger
+      className: _style.default.innerHTML // eslint-disable-next-line react/no-danger
       ,
       dangerouslySetInnerHTML: {
         __html: description
@@ -103,7 +117,9 @@ class Authors extends _react.default.Component {
       className: _style.default.cardsTitle
     }, cardsTitle), /*#__PURE__*/_react.default.createElement(_cardsGrid.default, cards)));
   }
+
 }
+
 Authors.contextTypes = {
   translate: _provider.default.childContextTypes.translate,
   skin: _provider.default.childContextTypes.skin