@coorpacademy/components 11.18.7 → 11.18.8-alpha.12

package/es/template/back-office/brand-update/index.d.ts

@@ -345,17 +345,12 @@ declare namespace BrandUpdate {
             }>>;
             content: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
                 items: PropTypes.Requireable<(PropTypes.InferProps<{
-                    bulletPointMenuButton: PropTypes.Requireable<PropTypes.InferProps<{
-                        buttonAriaLabel: PropTypes.Requireable<string>;
-                        menuAriaLabel: PropTypes.Requireable<string>;
-                        buttons: PropTypes.Requireable<(PropTypes.InferProps<{
-                            'data-name': PropTypes.Requireable<string>;
-                            label: PropTypes.Requireable<string>;
-                            type: PropTypes.Requireable<string>;
-                            onClick: PropTypes.Requireable<(...args: any[]) => any>;
-                        }> | null | undefined)[]>;
-                        onClick: PropTypes.Requireable<(...args: any[]) => any>;
-                    }>>;
+                    title: PropTypes.Validator<string>;
+                    dataColumns: PropTypes.Requireable<(PropTypes.InferProps<{
+                        label: PropTypes.Requireable<string>;
+                        type: PropTypes.Requireable<string>;
+                        className: PropTypes.Requireable<string>;
+                    }> | null | undefined)[]>;
                     buttonLink: PropTypes.Requireable<PropTypes.InferProps<{
                         type: PropTypes.Requireable<string>;
                         label: PropTypes.Requireable<string>;
@@ -367,11 +362,36 @@ declare namespace BrandUpdate {
                         }>>;
                         onClick: PropTypes.Requireable<(...args: any[]) => any>;
                     }>>;
+                    buttonLinkIcon: PropTypes.Requireable<PropTypes.InferProps<{
+                        size: PropTypes.Requireable<string>;
+                        'aria-label': PropTypes.Requireable<string>;
+                        'data-name': PropTypes.Requireable<string>;
+                        icon: PropTypes.Requireable<string>;
+                        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+                        link: PropTypes.Requireable<PropTypes.InferProps<{
+                            href: PropTypes.Requireable<string>;
+                            download: PropTypes.Requireable<boolean>;
+                            target: PropTypes.Requireable<string>;
+                        }>>;
+                        disabled: PropTypes.Requireable<boolean>;
+                        className: PropTypes.Requireable<string>;
+                    }>>;
+                    bulletPointMenuButton: PropTypes.Requireable<PropTypes.InferProps<{
+                        buttonAriaLabel: PropTypes.Requireable<string>;
+                        menuAriaLabel: PropTypes.Requireable<string>;
+                        buttons: PropTypes.Requireable<(PropTypes.InferProps<{
+                            'data-name': PropTypes.Requireable<string>;
+                            label: PropTypes.Requireable<string>;
+                            type: PropTypes.Requireable<string>;
+                            onClick: PropTypes.Requireable<(...args: any[]) => any>;
+                        }> | null | undefined)[]>;
+                        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+                    }>>;
                     tags: PropTypes.Requireable<(PropTypes.InferProps<{
                         label: PropTypes.Requireable<string>;
                         type: PropTypes.Requireable<string>;
                     }> | null | undefined)[]>;
-                    title: PropTypes.Validator<string>;
+                    isBulkStyle: PropTypes.Requireable<boolean>;
                     order: PropTypes.Requireable<number>;
                     'aria-label': PropTypes.Requireable<string>;
                     contentType: PropTypes.Requireable<string>;
@@ -381,6 +401,7 @@ declare namespace BrandUpdate {
                 itemType: PropTypes.Requireable<string>;
                 onDrop: PropTypes.Requireable<(...args: any[]) => any>;
                 isDraggable: PropTypes.Requireable<boolean>;
+                tableHeader: PropTypes.Requireable<(string | null | undefined)[]>;
             }> | PropTypes.InferProps<{
                 type: PropTypes.Requireable<string>;
                 columns: PropTypes.Requireable<(PropTypes.InferProps<{
@@ -390,6 +411,7 @@ declare namespace BrandUpdate {
                     fields: PropTypes.Requireable<(NonNullable<string | PropTypes.InferProps<{
                         type: PropTypes.Requireable<string>;
                         current: PropTypes.Requireable<boolean>;
+                        selected: PropTypes.Requireable<boolean>;
                         icon: PropTypes.Requireable<string>;
                         value: PropTypes.Requireable<string>;
                     }> | null | undefined> | null | undefined)[]>;
@@ -452,6 +474,8 @@ declare namespace BrandUpdate {
                     isBulkMenu: PropTypes.Requireable<boolean>;
                 }> | null | undefined>>;
                 isNestedTable: PropTypes.Requireable<boolean>;
+                emptyStateFirstMessage: PropTypes.Requireable<string>;
+                emptyStateSecondMessage: PropTypes.Requireable<string>;
             }> | null | undefined>>;
             title: PropTypes.Requireable<string>;
         }> | PropTypes.InferProps<{
@@ -510,6 +534,7 @@ declare namespace BrandUpdate {
                 fields: PropTypes.Requireable<(NonNullable<string | PropTypes.InferProps<{
                     type: PropTypes.Requireable<string>;
                     current: PropTypes.Requireable<boolean>;
+                    selected: PropTypes.Requireable<boolean>;
                     icon: PropTypes.Requireable<string>;
                     value: PropTypes.Requireable<string>;
                 }> | null | undefined> | null | undefined)[]>;
@@ -572,6 +597,8 @@ declare namespace BrandUpdate {
                 isBulkMenu: PropTypes.Requireable<boolean>;
             }> | null | undefined>>;
             isNestedTable: PropTypes.Requireable<boolean>;
+            emptyStateFirstMessage: PropTypes.Requireable<string>;
+            emptyStateSecondMessage: PropTypes.Requireable<string>;
         }> | PropTypes.InferProps<{
             content: PropTypes.Requireable<PropTypes.InferProps<any>>;
             key: PropTypes.Requireable<string>;
@@ -581,11 +608,75 @@ declare namespace BrandUpdate {
                 title: PropTypes.Requireable<string>;
                 onClick: PropTypes.Requireable<(...args: any[]) => any>;
             }>>>;
+            actions: PropTypes.Requireable<PropTypes.InferProps<{
+                bulletPointMenuButton: PropTypes.Requireable<PropTypes.InferProps<{
+                    buttonAriaLabel: PropTypes.Requireable<string>;
+                    menuAriaLabel: PropTypes.Requireable<string>;
+                    buttons: PropTypes.Requireable<(PropTypes.InferProps<{
+                        'data-name': PropTypes.Requireable<string>;
+                        label: PropTypes.Requireable<string>;
+                        type: PropTypes.Requireable<string>;
+                        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+                    }> | null | undefined)[]>;
+                    onClick: PropTypes.Requireable<(...args: any[]) => any>;
+                }>>;
+                firstButtonLink: PropTypes.Requireable<PropTypes.InferProps<{
+                    type: PropTypes.Requireable<string>;
+                    label: PropTypes.Requireable<string>;
+                    'aria-label': PropTypes.Requireable<string>;
+                    'data-name': PropTypes.Requireable<string>;
+                    'data-testid': PropTypes.Requireable<string>;
+                    icon: PropTypes.Requireable<PropTypes.InferProps<{
+                        position: PropTypes.Requireable<string>;
+                        type: PropTypes.Requireable<string>;
+                    }>>;
+                    onClick: PropTypes.Requireable<(...args: any[]) => any>;
+                    link: PropTypes.Requireable<PropTypes.InferProps<{
+                        href: PropTypes.Requireable<string>;
+                        download: PropTypes.Requireable<boolean>;
+                        target: PropTypes.Requireable<string>;
+                    }>>;
+                    disabled: PropTypes.Requireable<boolean>;
+                    className: PropTypes.Requireable<string>;
+                    customStyle: PropTypes.Requireable<PropTypes.InferProps<{}>>;
+                }>>;
+                secondButtonLink: PropTypes.Requireable<PropTypes.InferProps<{
+                    type: PropTypes.Requireable<string>;
+                    label: PropTypes.Requireable<string>;
+                    'aria-label': PropTypes.Requireable<string>;
+                    'data-name': PropTypes.Requireable<string>;
+                    'data-testid': PropTypes.Requireable<string>;
+                    icon: PropTypes.Requireable<PropTypes.InferProps<{
+                        position: PropTypes.Requireable<string>;
+                        type: PropTypes.Requireable<string>;
+                    }>>;
+                    onClick: PropTypes.Requireable<(...args: any[]) => any>;
+                    link: PropTypes.Requireable<PropTypes.InferProps<{
+                        href: PropTypes.Requireable<string>;
+                        download: PropTypes.Requireable<boolean>;
+                        target: PropTypes.Requireable<string>;
+                    }>>;
+                    disabled: PropTypes.Requireable<boolean>;
+                    className: PropTypes.Requireable<string>;
+                    customStyle: PropTypes.Requireable<PropTypes.InferProps<{}>>;
+                }>>;
+            }>>;
             steps: PropTypes.Requireable<(PropTypes.InferProps<{
                 title: PropTypes.Requireable<string>;
                 done: PropTypes.Requireable<boolean>;
                 current: PropTypes.Requireable<boolean>;
             }> | null | undefined)[]>;
+            tabs: PropTypes.Requireable<(PropTypes.InferProps<{
+                tab: PropTypes.Requireable<PropTypes.InferProps<{
+                    title: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+                    href: PropTypes.Requireable<string>;
+                    status: PropTypes.Requireable<string>;
+                    selected: PropTypes.Requireable<boolean>;
+                    onClick: PropTypes.Requireable<(...args: any[]) => any>;
+                }>>;
+                index: PropTypes.Requireable<number>;
+                isLightTab: PropTypes.Requireable<boolean>;
+            }> | null | undefined)[]>;
             summary: PropTypes.Requireable<PropTypes.InferProps<{
                 title: PropTypes.Requireable<string>;
                 side: PropTypes.Requireable<string>;
@@ -638,7 +729,18 @@ declare namespace BrandUpdate {
         export const popin: PropTypes.Requireable<PropTypes.InferProps<{
             content: PropTypes.Requireable<string>;
             mode: PropTypes.Requireable<string>;
-            header: PropTypes.Requireable<string>;
+            header: PropTypes.Requireable<PropTypes.InferProps<{
+                title: PropTypes.Requireable<PropTypes.InferProps<{
+                    title: PropTypes.Requireable<string>;
+                    subtitle: PropTypes.Requireable<string>;
+                    type: PropTypes.Requireable<string>;
+                    'data-name': PropTypes.Requireable<string>;
+                    titleSize: PropTypes.Requireable<string>;
+                    subtitleSize: PropTypes.Requireable<string>;
+                }>>;
+                headerIcon: PropTypes.Requireable<string>;
+                backgroundImage: PropTypes.Requireable<string>;
+            }>>;
             firstButton: PropTypes.Requireable<PropTypes.InferProps<{
                 label: PropTypes.Requireable<string>;
                 handleOnclick: PropTypes.Requireable<(...args: any[]) => any>;
@@ -686,6 +788,13 @@ declare namespace BrandUpdate {
                 'data-name': PropTypes.Requireable<string>;
                 requiredSelection: PropTypes.Requireable<boolean>;
             }> | null | undefined)[]>;
+            items: PropTypes.Requireable<PropTypes.InferProps<{
+                type: PropTypes.Requireable<string>;
+                list: PropTypes.Requireable<PropTypes.InferProps<{
+                    list: PropTypes.Requireable<(PropTypes.InferProps<any> | null | undefined)[]>;
+                    loading: PropTypes.Requireable<boolean>;
+                }>>;
+            }>>;
         }>>;
         export const details: PropTypes.Requireable<PropTypes.InferProps<{
             key: PropTypes.Requireable<string>;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/template/back-office/brand-update/index.js"],"names":[],"mappings":";AA8LA,sDA6CC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/template/back-office/brand-update/index.js"],"names":[],"mappings":";AAkMA,sDA6CC"}

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

@@ -86,12 +86,14 @@ const buildNotifications = notifications => {
 
   const notificationsList = notifications.map((notification, index) => {
     return /*#__PURE__*/React.createElement("div", {
-      className: style.notification,
+      className: !notification.temporary ? style.permanentNotification : null,
       key: index
     }, /*#__PURE__*/React.createElement(Banner, notification));
   });
   return /*#__PURE__*/React.createElement("div", {
-    className: style.notifications
+    className: !find({
+      temporary: true
+    }, notifications) ? style.permanentNotifications : null
   }, notificationsList);
 };
 

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","UploadingFileProgress","ExpandibleActionableTable","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 UploadingFileProgress from '../../../molecule/uploading-file-progress';\nimport ExpandibleActionableTable from '../../../molecule/expandible-actionable-table';\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    case 'expandible-actionable-table':\n      return <ListItems {...content} />;\n    case 'home':\n      return <BrandDashboard {...content} />;\n    case 'wizard':\n    case 'expandible-table':\n      return <WizardContents {...content} />;\n    case 'empty-state-dashboard':\n      return <EmptyStateDashboard {...content} />;\n    case 'uploading-file-progress':\n      return <UploadingFileProgress {...content} />;\n    case 'table-pending':\n      return <ExpandibleActionableTable {...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', 'expandible-actionable-table'])\n    }),\n    PropTypes.shape({\n      ...EmptyStateDashboard.propTypes,\n      key: PropTypes.string,\n      type: PropTypes.oneOf(['empty-state-dashboard'])\n    }),\n    PropTypes.shape({\n      ...UploadingFileProgress.propTypes,\n      key: PropTypes.string,\n      type: PropTypes.oneOf(['uploading-file-progress'])\n    }),\n    PropTypes.shape({\n      ...ExpandibleActionableTable.propTypes,\n      key: PropTypes.string,\n      type: PropTypes.oneOf(['table-pending'])\n    }),\n    PropTypes.shape({\n      ...WizardContents.propTypes,\n      content: PropTypes.shape({\n        ...ExpandibleActionableTable.propTypes,\n        ...WizardContents.propTypes.content.propTypes\n      }),\n      key: PropTypes.string,\n      type: PropTypes.oneOf(['expandible-table'])\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","UploadingFileProgress","ExpandibleActionableTable","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","temporary","permanentNotification","permanentNotifications","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 UploadingFileProgress from '../../../molecule/uploading-file-progress';\nimport ExpandibleActionableTable from '../../../molecule/expandible-actionable-table';\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={!notification.temporary ? style.permanentNotification : null} key={index}>\n        <Banner {...notification} />\n      </div>\n    );\n  });\n  return (\n    <div className={!find({temporary: true}, notifications) ? style.permanentNotifications : null}>\n      {notificationsList}\n    </div>\n  );\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    case 'expandible-actionable-table':\n      return <ListItems {...content} />;\n    case 'home':\n      return <BrandDashboard {...content} />;\n    case 'wizard':\n    case 'expandible-table':\n      return <WizardContents {...content} />;\n    case 'empty-state-dashboard':\n      return <EmptyStateDashboard {...content} />;\n    case 'uploading-file-progress':\n      return <UploadingFileProgress {...content} />;\n    case 'table-pending':\n      return <ExpandibleActionableTable {...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', 'expandible-actionable-table'])\n    }),\n    PropTypes.shape({\n      ...EmptyStateDashboard.propTypes,\n      key: PropTypes.string,\n      type: PropTypes.oneOf(['empty-state-dashboard'])\n    }),\n    PropTypes.shape({\n      ...UploadingFileProgress.propTypes,\n      key: PropTypes.string,\n      type: PropTypes.oneOf(['uploading-file-progress'])\n    }),\n    PropTypes.shape({\n      ...ExpandibleActionableTable.propTypes,\n      key: PropTypes.string,\n      type: PropTypes.oneOf(['table-pending'])\n    }),\n    PropTypes.shape({\n      ...WizardContents.propTypes,\n      content: PropTypes.shape({\n        ...ExpandibleActionableTable.propTypes,\n        ...WizardContents.propTypes.content.propTypes\n      }),\n      key: PropTypes.string,\n      type: PropTypes.oneOf(['expandible-table'])\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/brand-update/style.css

@@ -66,15 +66,15 @@
   border-left: solid 3px cm_grey_100;
 }
 
-.notifications {
+.permanentNotifications {
   padding: 0 0 32px 0;
 }
 
-.notification {
+.permanentNotification {
   margin-bottom: 10px;
 }
 
-.notification:last-child {
+.permanentNotification:last-child {
   margin-bottom: 0;
 }
 
@@ -193,7 +193,7 @@
 }
 
 @media mobile {
-  .notification {
+  .permanentNotification {
     margin: 0 auto;
   }
 }

package/es/template/common/dashboard/index.d.ts

@@ -8,7 +8,18 @@ declare namespace Dashboard {
         cookie: PropTypes.Requireable<PropTypes.InferProps<{
             content: PropTypes.Requireable<string>;
             mode: PropTypes.Requireable<string>;
-            header: PropTypes.Requireable<string>;
+            header: PropTypes.Requireable<PropTypes.InferProps<{
+                title: PropTypes.Requireable<PropTypes.InferProps<{
+                    title: PropTypes.Requireable<string>;
+                    subtitle: PropTypes.Requireable<string>;
+                    type: PropTypes.Requireable<string>;
+                    'data-name': PropTypes.Requireable<string>;
+                    titleSize: PropTypes.Requireable<string>;
+                    subtitleSize: PropTypes.Requireable<string>;
+                }>>;
+                headerIcon: PropTypes.Requireable<string>;
+                backgroundImage: PropTypes.Requireable<string>;
+            }>>;
             firstButton: PropTypes.Requireable<PropTypes.InferProps<{
                 label: PropTypes.Requireable<string>;
                 handleOnclick: PropTypes.Requireable<(...args: any[]) => any>;
@@ -56,11 +67,88 @@ declare namespace Dashboard {
                 'data-name': PropTypes.Requireable<string>;
                 requiredSelection: PropTypes.Requireable<boolean>;
             }> | null | undefined)[]>;
+            items: PropTypes.Requireable<PropTypes.InferProps<{
+                type: PropTypes.Requireable<string>;
+                list: PropTypes.Requireable<PropTypes.InferProps<{
+                    list: PropTypes.Requireable<(PropTypes.InferProps<any> | null | undefined)[]>;
+                    loading: PropTypes.Requireable<boolean>;
+                }>>;
+            }>>;
         }>>;
         'arrows-aria-label': PropTypes.Requireable<PropTypes.InferProps<{
             showMoreOnLeftAriaLabel: PropTypes.Requireable<string>;
             showMoreOnRightAriaLabel: PropTypes.Requireable<string>;
         }>>;
+        popinWithCards: PropTypes.Requireable<PropTypes.InferProps<{
+            content: PropTypes.Requireable<string>;
+            mode: PropTypes.Requireable<string>;
+            header: PropTypes.Requireable<PropTypes.InferProps<{
+                title: PropTypes.Requireable<PropTypes.InferProps<{
+                    title: PropTypes.Requireable<string>;
+                    subtitle: PropTypes.Requireable<string>;
+                    type: PropTypes.Requireable<string>;
+                    'data-name': PropTypes.Requireable<string>;
+                    titleSize: PropTypes.Requireable<string>;
+                    subtitleSize: PropTypes.Requireable<string>;
+                }>>;
+                headerIcon: PropTypes.Requireable<string>;
+                backgroundImage: PropTypes.Requireable<string>;
+            }>>;
+            firstButton: PropTypes.Requireable<PropTypes.InferProps<{
+                label: PropTypes.Requireable<string>;
+                handleOnclick: PropTypes.Requireable<(...args: any[]) => any>;
+                'aria-label': PropTypes.Requireable<string>;
+                largeButton: PropTypes.Requireable<boolean>;
+                type: PropTypes.Requireable<string>;
+                customStyle: PropTypes.Requireable<PropTypes.InferProps<{}>>;
+            }>>;
+            secondButton: PropTypes.Requireable<PropTypes.InferProps<{
+                label: PropTypes.Requireable<string>;
+                handleOnclick: PropTypes.Requireable<(...args: any[]) => any>;
+                type: PropTypes.Requireable<string>;
+                'aria-label': PropTypes.Requireable<string>;
+                largeButton: PropTypes.Requireable<boolean>;
+                customStyle: PropTypes.Requireable<PropTypes.InferProps<{}>>;
+            }>>;
+            thirdButton: PropTypes.Requireable<PropTypes.InferProps<{
+                label: PropTypes.Requireable<string>;
+                handleOnclick: PropTypes.Requireable<(...args: any[]) => any>;
+                type: PropTypes.Requireable<string>;
+                'aria-label': PropTypes.Requireable<string>;
+                largeButton: PropTypes.Requireable<boolean>;
+                customStyle: PropTypes.Requireable<PropTypes.InferProps<{}>>;
+            }>>;
+            onClose: PropTypes.Requireable<(...args: any[]) => any>;
+            icon: PropTypes.Requireable<string>;
+            backgroundImageUrl: PropTypes.Requireable<string>;
+            descriptionText: PropTypes.Requireable<string>;
+            cookieTitle: PropTypes.Requireable<string>;
+            descriptionBtnTxt: PropTypes.Requireable<string>;
+            listBtnSwicth: PropTypes.Requireable<(PropTypes.InferProps<{
+                title: PropTypes.Requireable<string>;
+                name: PropTypes.Requireable<string>;
+                id: PropTypes.Requireable<string>;
+                value: PropTypes.Requireable<boolean>;
+                disabled: PropTypes.Requireable<boolean>;
+                onChange: PropTypes.Requireable<(...args: any[]) => any>;
+                description: PropTypes.Requireable<string>;
+                'aria-labelledby': PropTypes.Requireable<string>;
+                'aria-label': PropTypes.Requireable<string>;
+                modified: PropTypes.Requireable<boolean>;
+                titlePosition: PropTypes.Requireable<string>;
+                theme: PropTypes.Requireable<string>;
+                details: PropTypes.Requireable<string>;
+                'data-name': PropTypes.Requireable<string>;
+                requiredSelection: PropTypes.Requireable<boolean>;
+            }> | null | undefined)[]>;
+            items: PropTypes.Requireable<PropTypes.InferProps<{
+                type: PropTypes.Requireable<string>;
+                list: PropTypes.Requireable<PropTypes.InferProps<{
+                    list: PropTypes.Requireable<(PropTypes.InferProps<any> | null | undefined)[]>;
+                    loading: PropTypes.Requireable<boolean>;
+                }>>;
+            }>>;
+        }>>;
     };
 }
 import PropTypes from "prop-types";

package/es/template/common/dashboard/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/template/common/dashboard/index.js"],"names":[],"mappings":";AAqBA,oDA4CC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/template/common/dashboard/index.js"],"names":[],"mappings":";AAqBA,oDAkDC"}

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

@@ -30,6 +30,7 @@ const Dashboard = props => {
     hero,
     welcome,
     cookie,
+    popinWithCards,
     'arrows-aria-label': showMoreOnLeftOrRightAriaLabel
   } = props;
 
@@ -83,7 +84,9 @@ const Dashboard = props => {
   return /*#__PURE__*/React.createElement("div", {
     className: style.wrapper,
     "data-name": "dashboard"
-  }, sectionsList, cookie ? /*#__PURE__*/React.createElement(CMPopin, cookie) : null);
+  }, sectionsList, cookie ? /*#__PURE__*/React.createElement(CMPopin, cookie) : null, popinWithCards ? /*#__PURE__*/React.createElement("div", {
+    className: style.popinWithCards
+  }, /*#__PURE__*/React.createElement(CMPopin, popinWithCards)) : null);
 };
 
 Dashboard.propTypes = process.env.NODE_ENV !== "production" ? {
@@ -91,7 +94,8 @@ Dashboard.propTypes = process.env.NODE_ENV !== "production" ? {
   welcome: Hero.propTypes.welcome,
   sections: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.shape(BattleRequestList.propTypes), PropTypes.shape(CardsList.propTypes), PropTypes.shape(NewsList.propTypes), PropTypes.shape(StartBattle.propTypes), PropTypes.shape(ReviewBanner.propTypes)])),
   cookie: PropTypes.shape(CMPopin.propTypes),
-  'arrows-aria-label': CardsList.propTypes['arrows-aria-label']
+  'arrows-aria-label': CardsList.propTypes['arrows-aria-label'],
+  popinWithCards: PropTypes.shape(CMPopin.propTypes)
 } : {};
 export default Dashboard;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","Slide","HeroCard","BattleRequestList","CardsList","NewsList","StartBattle","CMPopin","ReviewBanner","style","Hero","memo","hero","welcome","propTypes","shape","Dashboard","props","sections","cookie","showMoreOnLeftOrRightAriaLabel","buildSectionComponent","section","type","buildSection","index","sectionView","sectionsList","key","map","wrapper","arrayOf","oneOfType"],"sources":["../../../../src/template/common/dashboard/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Slide from '../../../atom/slide';\nimport HeroCard from '../../../molecule/hero';\nimport BattleRequestList from '../../../molecule/dashboard/battle-request-list';\nimport CardsList from '../../../molecule/dashboard/cards-list';\nimport NewsList from '../../../molecule/dashboard/news-list';\nimport StartBattle from '../../../molecule/dashboard/start-battle';\nimport CMPopin from '../../../molecule/cm-popin';\nimport ReviewBanner from '../../../molecule/dashboard/review-banner';\nimport style from './style.css';\n\nconst Hero = React.memo(function Hero({hero, welcome}) {\n  return <div className={style.hero}>{hero ? <HeroCard {...hero} /> : <Slide {...welcome} />}</div>;\n});\n\nHero.propTypes = {\n  hero: PropTypes.shape(HeroCard.propTypes),\n  welcome: PropTypes.shape(Slide.propTypes)\n};\n\nconst Dashboard = props => {\n  const {\n    sections = [],\n    hero,\n    welcome,\n    cookie,\n    'arrows-aria-label': showMoreOnLeftOrRightAriaLabel\n  } = props;\n\n  const buildSectionComponent = section => {\n    const {type} = section;\n    switch (type) {\n      case 'hero':\n        return <Hero hero={hero} welcome={welcome} />;\n      case 'battleRequests':\n        return <BattleRequestList {...section} />;\n      case 'cards':\n        return <CardsList {...section} arrows-aria-label={showMoreOnLeftOrRightAriaLabel} />;\n      case 'news':\n        return <NewsList {...section} />;\n      case 'battle':\n        return <StartBattle {...section} />;\n      case 'review':\n        return <ReviewBanner {...section} />;\n      default:\n        return null;\n    }\n  };\n\n  const buildSection = (section, index) => {\n    const sectionView = buildSectionComponent(section);\n\n    return <div key={index}>{sectionView}</div>;\n  };\n\n  const sectionsList = [{type: 'hero', key: 'hero'}, ...sections].map(section => (\n    <div key={section.key}>{buildSection(section)}</div>\n  ));\n  return (\n    <div className={style.wrapper} data-name=\"dashboard\">\n      {sectionsList}\n      {cookie ? <CMPopin {...cookie} /> : null}\n    </div>\n  );\n};\n\nDashboard.propTypes = {\n  hero: Hero.propTypes.hero,\n  welcome: Hero.propTypes.welcome,\n  sections: PropTypes.arrayOf(\n    PropTypes.oneOfType([\n      PropTypes.shape(BattleRequestList.propTypes),\n      PropTypes.shape(CardsList.propTypes),\n      PropTypes.shape(NewsList.propTypes),\n      PropTypes.shape(StartBattle.propTypes),\n      PropTypes.shape(ReviewBanner.propTypes)\n    ])\n  ),\n  cookie: PropTypes.shape(CMPopin.propTypes),\n  'arrows-aria-label': CardsList.propTypes['arrows-aria-label']\n};\nexport default Dashboard;\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,KAAP,MAAkB,qBAAlB;AACA,OAAOC,QAAP,MAAqB,wBAArB;AACA,OAAOC,iBAAP,MAA8B,iDAA9B;AACA,OAAOC,SAAP,MAAsB,wCAAtB;AACA,OAAOC,QAAP,MAAqB,uCAArB;AACA,OAAOC,WAAP,MAAwB,0CAAxB;AACA,OAAOC,OAAP,MAAoB,4BAApB;AACA,OAAOC,YAAP,MAAyB,2CAAzB;AACA,OAAOC,KAAP,MAAkB,aAAlB;AAEA,MAAMC,IAAI,gBAAGX,KAAK,CAACY,IAAN,CAAW,SAASD,IAAT,CAAc;EAACE,IAAD;EAAOC;AAAP,CAAd,EAA+B;EACrD,oBAAO;IAAK,SAAS,EAAEJ,KAAK,CAACG;EAAtB,GAA6BA,IAAI,gBAAG,oBAAC,QAAD,EAAcA,IAAd,CAAH,gBAA4B,oBAAC,KAAD,EAAWC,OAAX,CAA7D,CAAP;AACD,CAFY,CAAb;AAIAH,IAAI,CAACI,SAAL,2CAAiB;EACfF,IAAI,EAAEZ,SAAS,CAACe,KAAV,CAAgBb,QAAQ,CAACY,SAAzB,CADS;EAEfD,OAAO,EAAEb,SAAS,CAACe,KAAV,CAAgBd,KAAK,CAACa,SAAtB;AAFM,CAAjB;;AAKA,MAAME,SAAS,GAAGC,KAAK,IAAI;EACzB,MAAM;IACJC,QAAQ,GAAG,EADP;IAEJN,IAFI;IAGJC,OAHI;IAIJM,MAJI;IAKJ,qBAAqBC;EALjB,IAMFH,KANJ;;EAQA,MAAMI,qBAAqB,GAAGC,OAAO,IAAI;IACvC,MAAM;MAACC;IAAD,IAASD,OAAf;;IACA,QAAQC,IAAR;MACE,KAAK,MAAL;QACE,oBAAO,oBAAC,IAAD;UAAM,IAAI,EAAEX,IAAZ;UAAkB,OAAO,EAAEC;QAA3B,EAAP;;MACF,KAAK,gBAAL;QACE,oBAAO,oBAAC,iBAAD,EAAuBS,OAAvB,CAAP;;MACF,KAAK,OAAL;QACE,oBAAO,oBAAC,SAAD,eAAeA,OAAf;UAAwB,qBAAmBF;QAA3C,GAAP;;MACF,KAAK,MAAL;QACE,oBAAO,oBAAC,QAAD,EAAcE,OAAd,CAAP;;MACF,KAAK,QAAL;QACE,oBAAO,oBAAC,WAAD,EAAiBA,OAAjB,CAAP;;MACF,KAAK,QAAL;QACE,oBAAO,oBAAC,YAAD,EAAkBA,OAAlB,CAAP;;MACF;QACE,OAAO,IAAP;IAdJ;EAgBD,CAlBD;;EAoBA,MAAME,YAAY,GAAG,CAACF,OAAD,EAAUG,KAAV,KAAoB;IACvC,MAAMC,WAAW,GAAGL,qBAAqB,CAACC,OAAD,CAAzC;IAEA,oBAAO;MAAK,GAAG,EAAEG;IAAV,GAAkBC,WAAlB,CAAP;EACD,CAJD;;EAMA,MAAMC,YAAY,GAAG,CAAC;IAACJ,IAAI,EAAE,MAAP;IAAeK,GAAG,EAAE;EAApB,CAAD,EAA8B,GAAGV,QAAjC,EAA2CW,GAA3C,CAA+CP,OAAO,iBACzE;IAAK,GAAG,EAAEA,OAAO,CAACM;EAAlB,GAAwBJ,YAAY,CAACF,OAAD,CAApC,CADmB,CAArB;EAGA,oBACE;IAAK,SAAS,EAAEb,KAAK,CAACqB,OAAtB;IAA+B,aAAU;EAAzC,GACGH,YADH,EAEGR,MAAM,gBAAG,oBAAC,OAAD,EAAaA,MAAb,CAAH,GAA6B,IAFtC,CADF;AAMD,CA5CD;;AA8CAH,SAAS,CAACF,SAAV,2CAAsB;EACpBF,IAAI,EAAEF,IAAI,CAACI,SAAL,CAAeF,IADD;EAEpBC,OAAO,EAAEH,IAAI,CAACI,SAAL,CAAeD,OAFJ;EAGpBK,QAAQ,EAAElB,SAAS,CAAC+B,OAAV,CACR/B,SAAS,CAACgC,SAAV,CAAoB,CAClBhC,SAAS,CAACe,KAAV,CAAgBZ,iBAAiB,CAACW,SAAlC,CADkB,EAElBd,SAAS,CAACe,KAAV,CAAgBX,SAAS,CAACU,SAA1B,CAFkB,EAGlBd,SAAS,CAACe,KAAV,CAAgBV,QAAQ,CAACS,SAAzB,CAHkB,EAIlBd,SAAS,CAACe,KAAV,CAAgBT,WAAW,CAACQ,SAA5B,CAJkB,EAKlBd,SAAS,CAACe,KAAV,CAAgBP,YAAY,CAACM,SAA7B,CALkB,CAApB,CADQ,CAHU;EAYpBK,MAAM,EAAEnB,SAAS,CAACe,KAAV,CAAgBR,OAAO,CAACO,SAAxB,CAZY;EAapB,qBAAqBV,SAAS,CAACU,SAAV,CAAoB,mBAApB;AAbD,CAAtB;AAeA,eAAeE,SAAf"}
+{"version":3,"file":"index.js","names":["React","PropTypes","Slide","HeroCard","BattleRequestList","CardsList","NewsList","StartBattle","CMPopin","ReviewBanner","style","Hero","memo","hero","welcome","propTypes","shape","Dashboard","props","sections","cookie","popinWithCards","showMoreOnLeftOrRightAriaLabel","buildSectionComponent","section","type","buildSection","index","sectionView","sectionsList","key","map","wrapper","arrayOf","oneOfType"],"sources":["../../../../src/template/common/dashboard/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Slide from '../../../atom/slide';\nimport HeroCard from '../../../molecule/hero';\nimport BattleRequestList from '../../../molecule/dashboard/battle-request-list';\nimport CardsList from '../../../molecule/dashboard/cards-list';\nimport NewsList from '../../../molecule/dashboard/news-list';\nimport StartBattle from '../../../molecule/dashboard/start-battle';\nimport CMPopin from '../../../molecule/cm-popin';\nimport ReviewBanner from '../../../molecule/dashboard/review-banner';\nimport style from './style.css';\n\nconst Hero = React.memo(function Hero({hero, welcome}) {\n  return <div className={style.hero}>{hero ? <HeroCard {...hero} /> : <Slide {...welcome} />}</div>;\n});\n\nHero.propTypes = {\n  hero: PropTypes.shape(HeroCard.propTypes),\n  welcome: PropTypes.shape(Slide.propTypes)\n};\n\nconst Dashboard = props => {\n  const {\n    sections = [],\n    hero,\n    welcome,\n    cookie,\n    popinWithCards,\n    'arrows-aria-label': showMoreOnLeftOrRightAriaLabel\n  } = props;\n\n  const buildSectionComponent = section => {\n    const {type} = section;\n    switch (type) {\n      case 'hero':\n        return <Hero hero={hero} welcome={welcome} />;\n      case 'battleRequests':\n        return <BattleRequestList {...section} />;\n      case 'cards':\n        return <CardsList {...section} arrows-aria-label={showMoreOnLeftOrRightAriaLabel} />;\n      case 'news':\n        return <NewsList {...section} />;\n      case 'battle':\n        return <StartBattle {...section} />;\n      case 'review':\n        return <ReviewBanner {...section} />;\n      default:\n        return null;\n    }\n  };\n\n  const buildSection = (section, index) => {\n    const sectionView = buildSectionComponent(section);\n\n    return <div key={index}>{sectionView}</div>;\n  };\n\n  const sectionsList = [{type: 'hero', key: 'hero'}, ...sections].map(section => (\n    <div key={section.key}>{buildSection(section)}</div>\n  ));\n  return (\n    <div className={style.wrapper} data-name=\"dashboard\">\n      {sectionsList}\n      {cookie ? <CMPopin {...cookie} /> : null}\n      {popinWithCards ? (\n        <div className={style.popinWithCards}>\n          <CMPopin {...popinWithCards} />\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nDashboard.propTypes = {\n  hero: Hero.propTypes.hero,\n  welcome: Hero.propTypes.welcome,\n  sections: PropTypes.arrayOf(\n    PropTypes.oneOfType([\n      PropTypes.shape(BattleRequestList.propTypes),\n      PropTypes.shape(CardsList.propTypes),\n      PropTypes.shape(NewsList.propTypes),\n      PropTypes.shape(StartBattle.propTypes),\n      PropTypes.shape(ReviewBanner.propTypes)\n    ])\n  ),\n  cookie: PropTypes.shape(CMPopin.propTypes),\n  'arrows-aria-label': CardsList.propTypes['arrows-aria-label'],\n  popinWithCards: PropTypes.shape(CMPopin.propTypes)\n};\nexport default Dashboard;\n"],"mappings":"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"}

package/es/template/common/dashboard/style.css

@@ -12,6 +12,11 @@
   width: 100%;
 }
 
+.popinWithCards {
+  position: relative;
+  z-index: 7;
+}
+
 @media tablet {
   .hero {
     height: 200px;