@coorpacademy/components 10.4.0 → 10.4.2

package/es/molecule/wizard-summary/style.css

@@ -26,7 +26,6 @@
   bottom: 0px;
   display: flex;
   flex-direction: column;
-  max-height: 586px;
 }
 
 .summary {

package/es/organism/course-selection/index.js

@@ -9,6 +9,7 @@ import Search from '../../atom/input-search';
 import SelectMultiple from '../../molecule/select-multiple';
 import Card from '../../molecule/card';
 import InputSwitch from '../../atom/input-switch';
+import Loader from '../../atom/loader';
 import style from './style.css';
 
 const buildResultView = (courses, coursesSelectionAriaLabel, emptyMessages, isLoading) => {
@@ -51,7 +52,11 @@ const CourseSelection = props => {
     className: style.contentFilter
   }, /*#__PURE__*/React.createElement(SelectMultiple, contentTypeFilter)), /*#__PURE__*/React.createElement(InputSwitch, switchButton)), /*#__PURE__*/React.createElement("div", {
     className: style.cardsContainer
-  }, resultView));
+  }, isLoading ? /*#__PURE__*/React.createElement("div", {
+    className: style.loader
+  }, /*#__PURE__*/React.createElement(Loader, {
+    theme: "coorpmanager"
+  })) : resultView));
 };
 
 CourseSelection.propTypes = process.env.NODE_ENV !== "production" ? {

package/es/organism/course-selection/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/organism/course-selection/index.js"],"names":["React","PropTypes","EmptySearchResult","Search","SelectMultiple","Card","InputSwitch","style","buildResultView","courses","coursesSelectionAriaLabel","emptyMessages","isLoading","items","map","card","index","cards","CourseSelection","props","search","contentTypeFilter","switchButton","resultView","container","filters","contentFilter","cardsContainer","propTypes","shape","bool","arrayOf","string","firstMessage","secondMessage"],"mappings":";;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,iBAAP,MAA8B,gCAA9B;AACA,OAAOC,MAAP,MAAmB,yBAAnB;AACA,OAAOC,cAAP,MAA2B,gCAA3B;AACA,OAAOC,IAAP,MAAiB,qBAAjB;AACA,OAAOC,WAAP,MAAwB,yBAAxB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,eAAe,GAAG,CAACC,OAAD,EAAUC,yBAAV,EAAqCC,aAArC,EAAoDC,SAApD,KAAkE;AACxF,MAAI,CAACA,SAAD,IAAc,SAAQH,OAAR,CAAlB,EAAoC;AAClC,wBAAO,oBAAC,iBAAD,EAAuBE,aAAvB,CAAP;AACD;;AAED,QAAME,KAAK,GAAGJ,OAAO,CAACK,GAAR,CAAY,CAACC,IAAD,EAAOC,KAAP,KAAiB;AACzC,wBACE;AAAI,MAAA,SAAS,EAAET,KAAK,CAACU,KAArB;AAA4B,MAAA,GAAG,EAAG,QAAOD,KAAM,EAA/C;AAAkD,mBAAY,UAASA,KAAM;AAA7E,oBACE,oBAAC,IAAD,EAAUD,IAAV,CADF,CADF;AAKD,GANa,CAAd;AAQA,sBAAO;AAAI,kBAAYL;AAAhB,KAA4CG,KAA5C,CAAP;AACD,CAdD;;AAgBA,MAAMK,eAAe,GAAGC,KAAK,IAAI;AAC/B,QAAM;AACJC,IAAAA,MADI;AAEJC,IAAAA,iBAFI;AAGJZ,IAAAA,OAHI;AAIJE,IAAAA,aAJI;AAKJC,IAAAA,SAAS,GAAG,KALR;AAMJ,oCAAgCF,yBAN5B;AAOJY,IAAAA;AAPI,MAQFH,KARJ;AAUA,QAAMI,UAAU,GAAGf,eAAe,CAACC,OAAD,EAAUC,yBAAV,EAAqCC,aAArC,EAAoDC,SAApD,CAAlC;AAEA,sBACE;AAAK,IAAA,SAAS,EAAEL,KAAK,CAACiB;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAEjB,KAAK,CAACkB;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAElB,KAAK,CAACa;AAAtB,kBACE,oBAAC,MAAD,eAAYA,MAAZ;AAAoB,IAAA,KAAK,EAAC;AAA1B,KADF,CADF,eAIE;AAAK,IAAA,SAAS,EAAEb,KAAK,CAACmB;AAAtB,kBACE,oBAAC,cAAD,EAAoBL,iBAApB,CADF,CAJF,eAOE,oBAAC,WAAD,EAAiBC,YAAjB,CAPF,CADF,eAUE;AAAK,IAAA,SAAS,EAAEf,KAAK,CAACoB;AAAtB,KAAuCJ,UAAvC,CAVF,CADF;AAcD,CA3BD;;AA6BAL,eAAe,CAACU,SAAhB,2CAA4B;AAC1BR,EAAAA,MAAM,EAAEnB,SAAS,CAAC4B,KAAV,CAAgB1B,MAAM,CAACF,SAAvB,CADkB;AAE1BW,EAAAA,SAAS,EAAEX,SAAS,CAAC6B,IAFK;AAG1BT,EAAAA,iBAAiB,EAAEpB,SAAS,CAAC4B,KAAV,CAAgBzB,cAAc,CAACH,SAA/B,CAHO;AAI1BQ,EAAAA,OAAO,EAAER,SAAS,CAAC8B,OAAV,CAAkB9B,SAAS,CAAC4B,KAAV,CAAgBxB,IAAI,CAACuB,SAArB,CAAlB,CAJiB;AAK1B,kCAAgC3B,SAAS,CAAC+B,MALhB;AAM1BrB,EAAAA,aAAa,EAAEV,SAAS,CAAC4B,KAAV,CAAgB;AAC7BI,IAAAA,YAAY,EAAEhC,SAAS,CAAC+B,MADK;AAE7BE,IAAAA,aAAa,EAAEjC,SAAS,CAAC+B;AAFI,GAAhB,CANW;AAU1BV,EAAAA,YAAY,EAAErB,SAAS,CAAC4B,KAAV,CAAgBvB,WAAW,CAACL,SAA5B;AAVY,CAA5B;AAaA,eAAeiB,eAAf","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {isEmpty} from 'lodash/fp';\nimport EmptySearchResult from '../../atom/empty-search-result';\nimport Search from '../../atom/input-search';\nimport SelectMultiple from '../../molecule/select-multiple';\nimport Card from '../../molecule/card';\nimport InputSwitch from '../../atom/input-switch';\nimport style from './style.css';\n\nconst buildResultView = (courses, coursesSelectionAriaLabel, emptyMessages, isLoading) => {\n  if (!isLoading && isEmpty(courses)) {\n    return <EmptySearchResult {...emptyMessages} />;\n  }\n\n  const items = courses.map((card, index) => {\n    return (\n      <li className={style.cards} key={`card-${index}`} data-name={`course-${index}`}>\n        <Card {...card} />\n      </li>\n    );\n  });\n\n  return <ul aria-label={coursesSelectionAriaLabel}>{items}</ul>;\n};\n\nconst CourseSelection = props => {\n  const {\n    search,\n    contentTypeFilter,\n    courses,\n    emptyMessages,\n    isLoading = false,\n    'courses-selection-aria-label': coursesSelectionAriaLabel,\n    switchButton\n  } = props;\n\n  const resultView = buildResultView(courses, coursesSelectionAriaLabel, emptyMessages, isLoading);\n\n  return (\n    <div className={style.container}>\n      <div className={style.filters}>\n        <div className={style.search}>\n          <Search {...search} theme=\"coorpmanager\" />\n        </div>\n        <div className={style.contentFilter}>\n          <SelectMultiple {...contentTypeFilter} />\n        </div>\n        <InputSwitch {...switchButton} />\n      </div>\n      <div className={style.cardsContainer}>{resultView}</div>\n    </div>\n  );\n};\n\nCourseSelection.propTypes = {\n  search: PropTypes.shape(Search.PropTypes),\n  isLoading: PropTypes.bool,\n  contentTypeFilter: PropTypes.shape(SelectMultiple.PropTypes),\n  courses: PropTypes.arrayOf(PropTypes.shape(Card.propTypes)),\n  'courses-selection-aria-label': PropTypes.string,\n  emptyMessages: PropTypes.shape({\n    firstMessage: PropTypes.string,\n    secondMessage: PropTypes.string\n  }),\n  switchButton: PropTypes.shape(InputSwitch.PropTypes)\n};\n\nexport default CourseSelection;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/organism/course-selection/index.js"],"names":["React","PropTypes","EmptySearchResult","Search","SelectMultiple","Card","InputSwitch","Loader","style","buildResultView","courses","coursesSelectionAriaLabel","emptyMessages","isLoading","items","map","card","index","cards","CourseSelection","props","search","contentTypeFilter","switchButton","resultView","container","filters","contentFilter","cardsContainer","loader","propTypes","shape","bool","arrayOf","string","firstMessage","secondMessage"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {isEmpty} from 'lodash/fp';\nimport EmptySearchResult from '../../atom/empty-search-result';\nimport Search from '../../atom/input-search';\nimport SelectMultiple from '../../molecule/select-multiple';\nimport Card from '../../molecule/card';\nimport InputSwitch from '../../atom/input-switch';\nimport Loader from '../../atom/loader';\nimport style from './style.css';\n\nconst buildResultView = (courses, coursesSelectionAriaLabel, emptyMessages, isLoading) => {\n  if (!isLoading && isEmpty(courses)) {\n    return <EmptySearchResult {...emptyMessages} />;\n  }\n\n  const items = courses.map((card, index) => {\n    return (\n      <li className={style.cards} key={`card-${index}`} data-name={`course-${index}`}>\n        <Card {...card} />\n      </li>\n    );\n  });\n\n  return <ul aria-label={coursesSelectionAriaLabel}>{items}</ul>;\n};\n\nconst CourseSelection = props => {\n  const {\n    search,\n    contentTypeFilter,\n    courses,\n    emptyMessages,\n    isLoading = false,\n    'courses-selection-aria-label': coursesSelectionAriaLabel,\n    switchButton\n  } = props;\n\n  const resultView = buildResultView(courses, coursesSelectionAriaLabel, emptyMessages, isLoading);\n\n  return (\n    <div className={style.container}>\n      <div className={style.filters}>\n        <div className={style.search}>\n          <Search {...search} theme=\"coorpmanager\" />\n        </div>\n        <div className={style.contentFilter}>\n          <SelectMultiple {...contentTypeFilter} />\n        </div>\n        <InputSwitch {...switchButton} />\n      </div>\n      <div className={style.cardsContainer}>\n        {isLoading ? (\n          <div className={style.loader}>\n            <Loader theme=\"coorpmanager\" />\n          </div>\n        ) : (\n          resultView\n        )}\n      </div>\n    </div>\n  );\n};\n\nCourseSelection.propTypes = {\n  search: PropTypes.shape(Search.PropTypes),\n  isLoading: PropTypes.bool,\n  contentTypeFilter: PropTypes.shape(SelectMultiple.PropTypes),\n  courses: PropTypes.arrayOf(PropTypes.shape(Card.propTypes)),\n  'courses-selection-aria-label': PropTypes.string,\n  emptyMessages: PropTypes.shape({\n    firstMessage: PropTypes.string,\n    secondMessage: PropTypes.string\n  }),\n  switchButton: PropTypes.shape(InputSwitch.PropTypes)\n};\n\nexport default CourseSelection;\n"],"file":"index.js"}

package/es/organism/course-selection/style.css

@@ -31,4 +31,10 @@
 .cards {
   display: inline-block;
   margin: 0 16px 16px 0px;
-}
+}
+
+.loader {
+  position: relative;
+  min-height: 50vh;
+  width: 100%;
+}

package/es/organism/search-and-chips-results/index.js

@@ -8,6 +8,7 @@ import EmptySearchResult from '../../atom/empty-search-result';
 import Search from '../../atom/input-search';
 import ButtonLink from '../../atom/button-link';
 import Chips from '../../atom/chips';
+import Loader from '../../atom/loader';
 import style from './style.css';
 
 const buildResultView = (results, resultsAriaLabel, emptyMessages, isLoading) => {
@@ -67,7 +68,11 @@ const SearchAndChipsResults = props => {
     theme: "coorpmanager"
   })))), /*#__PURE__*/React.createElement("div", {
     className: style.resultContainer
-  }, resultView));
+  }, isLoading ? /*#__PURE__*/React.createElement("div", {
+    className: style.loader
+  }, /*#__PURE__*/React.createElement(Loader, {
+    theme: "coorpmanager"
+  })) : resultView));
 };
 
 SearchAndChipsResults.propTypes = process.env.NODE_ENV !== "production" ? {

package/es/organism/search-and-chips-results/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/organism/search-and-chips-results/index.js"],"names":["React","PropTypes","EmptySearchResult","Search","ButtonLink","Chips","style","buildResultView","results","resultsAriaLabel","emptyMessages","isLoading","items","map","result","index","SearchAndChipsResults","props","search","selectAllButton","onClick","label","disabled","ariaLabel","resultView","buttonProps","type","icon","position","container","header","button","resultContainer","propTypes","shape","string","func","bool","arrayOf","firstMessage","secondMessage"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {isEmpty} from 'lodash/fp';\nimport EmptySearchResult from '../../atom/empty-search-result';\nimport Search from '../../atom/input-search';\nimport ButtonLink from '../../atom/button-link';\nimport Chips from '../../atom/chips';\nimport style from './style.css';\n\nconst buildResultView = (results, resultsAriaLabel, emptyMessages, isLoading) => {\n  if (!isLoading && isEmpty(results)) {\n    return <EmptySearchResult {...emptyMessages} />;\n  }\n\n  const items = results.map((result, index) => {\n    return (\n      <li className={style.result} key={`result-${index}`} data-name={`result-${index}`}>\n        <Chips {...result} />\n      </li>\n    );\n  });\n\n  return <ul aria-label={resultsAriaLabel}>{items}</ul>;\n};\n\nconst SearchAndChipsResults = props => {\n  const {\n    search,\n    selectAllButton,\n    results,\n    emptyMessages,\n    isLoading = false,\n    'results-aria-label': resultsAriaLabel\n  } = props;\n\n  const {onClick, label, disabled = false, 'aria-label': ariaLabel} = selectAllButton;\n  const resultView = buildResultView(results, resultsAriaLabel, emptyMessages, isLoading);\n  const buttonProps = {\n    type: 'secondary',\n    label,\n    'aria-label': ariaLabel,\n    'data-name': `select-all-button`,\n    icon: {\n      position: 'right',\n      type: 'add'\n    },\n    onClick,\n    disabled\n  };\n\n  return (\n    <div className={style.container}>\n      <div className={style.header}>\n        <div className={style.button}>\n          <ButtonLink {...buttonProps} />\n        </div>\n        <div className={style.search}>\n          <Search {...search} theme=\"coorpmanager\" />\n        </div>\n      </div>\n      <div className={style.resultContainer}>{resultView}</div>\n    </div>\n  );\n};\n\nSearchAndChipsResults.propTypes = {\n  selectAllButton: PropTypes.shape({\n    label: PropTypes.string,\n    onClick: PropTypes.func,\n    disabled: PropTypes.bool,\n    'aria-label': PropTypes.string\n  }),\n  isLoading: PropTypes.bool,\n  search: PropTypes.shape(Search.PropTypes),\n  results: PropTypes.arrayOf(PropTypes.shape(Chips.propTypes)),\n  'results-aria-label': PropTypes.string,\n  emptyMessages: PropTypes.shape({\n    firstMessage: PropTypes.string,\n    secondMessage: PropTypes.string\n  })\n};\n\nexport default SearchAndChipsResults;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/organism/search-and-chips-results/index.js"],"names":["React","PropTypes","EmptySearchResult","Search","ButtonLink","Chips","Loader","style","buildResultView","results","resultsAriaLabel","emptyMessages","isLoading","items","map","result","index","SearchAndChipsResults","props","search","selectAllButton","onClick","label","disabled","ariaLabel","resultView","buttonProps","type","icon","position","container","header","button","resultContainer","loader","propTypes","shape","string","func","bool","arrayOf","firstMessage","secondMessage"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {isEmpty} from 'lodash/fp';\nimport EmptySearchResult from '../../atom/empty-search-result';\nimport Search from '../../atom/input-search';\nimport ButtonLink from '../../atom/button-link';\nimport Chips from '../../atom/chips';\nimport Loader from '../../atom/loader';\nimport style from './style.css';\n\nconst buildResultView = (results, resultsAriaLabel, emptyMessages, isLoading) => {\n  if (!isLoading && isEmpty(results)) {\n    return <EmptySearchResult {...emptyMessages} />;\n  }\n\n  const items = results.map((result, index) => {\n    return (\n      <li className={style.result} key={`result-${index}`} data-name={`result-${index}`}>\n        <Chips {...result} />\n      </li>\n    );\n  });\n\n  return <ul aria-label={resultsAriaLabel}>{items}</ul>;\n};\n\nconst SearchAndChipsResults = props => {\n  const {\n    search,\n    selectAllButton,\n    results,\n    emptyMessages,\n    isLoading = false,\n    'results-aria-label': resultsAriaLabel\n  } = props;\n\n  const {onClick, label, disabled = false, 'aria-label': ariaLabel} = selectAllButton;\n  const resultView = buildResultView(results, resultsAriaLabel, emptyMessages, isLoading);\n  const buttonProps = {\n    type: 'secondary',\n    label,\n    'aria-label': ariaLabel,\n    'data-name': `select-all-button`,\n    icon: {\n      position: 'right',\n      type: 'add'\n    },\n    onClick,\n    disabled\n  };\n\n  return (\n    <div className={style.container}>\n      <div className={style.header}>\n        <div className={style.button}>\n          <ButtonLink {...buttonProps} />\n        </div>\n        <div className={style.search}>\n          <Search {...search} theme=\"coorpmanager\" />\n        </div>\n      </div>\n      <div className={style.resultContainer}>\n        {isLoading ? (\n          <div className={style.loader}>\n            <Loader theme=\"coorpmanager\" />\n          </div>\n        ) : (\n          resultView\n        )}\n      </div>\n    </div>\n  );\n};\n\nSearchAndChipsResults.propTypes = {\n  selectAllButton: PropTypes.shape({\n    label: PropTypes.string,\n    onClick: PropTypes.func,\n    disabled: PropTypes.bool,\n    'aria-label': PropTypes.string\n  }),\n  isLoading: PropTypes.bool,\n  search: PropTypes.shape(Search.PropTypes),\n  results: PropTypes.arrayOf(PropTypes.shape(Chips.propTypes)),\n  'results-aria-label': PropTypes.string,\n  emptyMessages: PropTypes.shape({\n    firstMessage: PropTypes.string,\n    secondMessage: PropTypes.string\n  })\n};\n\nexport default SearchAndChipsResults;\n"],"file":"index.js"}

package/es/organism/search-and-chips-results/style.css

@@ -32,4 +32,10 @@
   max-width: 268px;
   display: inline-block;
   margin: 0 16px 16px 0px;
-}
+}
+
+.loader {
+  position: relative;
+  min-height: 50vh;
+  width: 100%;
+}

package/es/organism/wizard-contents/index.js

@@ -11,7 +11,6 @@ import BrandForm from '../brand-form';
 import ContentTranslate from '../content-translation';
 import OrganismSearchAndChipsResults from '../search-and-chips-results';
 import CourseSelection from '../course-selection';
-import Loader from '../../atom/loader';
 import style from './style.css';
 
 const buildHeader = (wizardHeader, steps) => {
@@ -122,11 +121,7 @@ const WizardContents = props => {
     className: style.leftSection
   }, headerView, /*#__PURE__*/React.createElement("div", {
     className: style.form
-  }, isLoading ? /*#__PURE__*/React.createElement("div", {
-    className: style.loader
-  }, /*#__PURE__*/React.createElement(Loader, {
-    theme: "coorpmanager"
-  })) : formView)), /*#__PURE__*/React.createElement("div", {
+  }, formView)), /*#__PURE__*/React.createElement("div", {
     className: style.rightSection,
     "data-name": "summary-right-section"
   }, /*#__PURE__*/React.createElement("div", {

package/es/organism/wizard-contents/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/organism/wizard-contents/index.js"],"names":["React","getOr","PropTypes","ButtonLink","ButtonLinkIconOnly","WizardSteps","WizardSummary","BrandForm","ContentTranslate","OrganismSearchAndChipsResults","CourseSelection","Loader","style","buildHeader","wizardHeader","steps","title","onClick","buttonCloseIcon","size","icon","header","headerTitle","buildForm","content","type","buildButton","step","side","ICONS","previous","position","next","publish","label","buttonProps","buildActionZone","previousStep","nextStep","previousButton","nextStepType","nextButton","actionZone","button","WizardContents","props","isLoading","summary","headerView","formView","rightActionView","footerActionView","container","leftSection","form","loader","rightSection","stickySection","summaryZone","footer","summaryFooter","actionFooter","propTypes","bool","shape","string","func","isRequired","oneOfType","oneOf"],"mappings":"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","sourcesContent":["import React from 'react';\nimport getOr from 'lodash/fp/getOr';\nimport PropTypes from 'prop-types';\nimport ButtonLink from '../../atom/button-link';\nimport ButtonLinkIconOnly from '../../atom/button-link-icon-only';\nimport WizardSteps from '../../atom/wizard-steps';\nimport WizardSummary from '../../molecule/wizard-summary';\nimport BrandForm from '../brand-form';\nimport ContentTranslate from '../content-translation';\nimport OrganismSearchAndChipsResults from '../search-and-chips-results';\nimport CourseSelection from '../course-selection';\nimport Loader from '../../atom/loader';\nimport style from './style.css';\n\nconst buildHeader = (wizardHeader, steps) => {\n  const {title, onClick} = wizardHeader;\n\n  const buttonCloseIcon = {\n    size: 'small',\n    'data-name': 'close-button',\n    'aria-label': 'close button',\n    icon: 'close',\n    onClick\n  };\n\n  return (\n    <div>\n      <div className={style.header}>\n        <ButtonLinkIconOnly {...buttonCloseIcon} />\n        <div className={style.headerTitle} data-name={'custom-playlist-title'}>\n          {title}\n        </div>\n      </div>\n      <WizardSteps steps={steps} />\n    </div>\n  );\n};\n\nconst buildForm = content => {\n  const {type} = content;\n  switch (type) {\n    case 'form':\n      return <BrandForm {...content} />;\n    case 'translate':\n      return <ContentTranslate {...content} />;\n    case 'populations':\n      return <OrganismSearchAndChipsResults {...content} />;\n    case 'courses':\n      return <CourseSelection {...content} />;\n  }\n};\n\nconst buildButton = (type, step, side) => {\n  const ICONS = {\n    previous: {\n      position: 'left',\n      type: 'chevron-left'\n    },\n    next: {\n      position: 'right',\n      type: 'chevron-right'\n    },\n    publish: {\n      position: 'left',\n      type: 'publish'\n    }\n  };\n\n  const {label, onClick} = step;\n  const buttonProps = {\n    type: type === 'previous' ? 'secondary' : 'primary',\n    'aria-label': `${type} step button`,\n    'data-name': `${type}-step-button-${side}`,\n    icon: ICONS[type],\n    label,\n    onClick\n  };\n\n  return <ButtonLink {...buttonProps} />;\n};\n\nconst buildActionZone = (previousStep, nextStep, side) => {\n  const previousButton = previousStep ? buildButton('previous', previousStep, side) : null;\n  const nextStepType = getOr('next', 'type', nextStep);\n  const nextButton = nextStep ? buildButton(nextStepType, nextStep, side) : null;\n  return (\n    <div className={style.actionZone}>\n      <div className={style.button}>{previousButton}</div>\n      <div className={style.button}>{nextButton}</div>\n    </div>\n  );\n};\n\nconst WizardContents = props => {\n  const {isLoading, wizardHeader, steps, summary, content, nextStep, previousStep} = props;\n  const headerView = buildHeader(wizardHeader, steps);\n  const formView = buildForm({...content, isLoading});\n  const rightActionView = buildActionZone(previousStep, nextStep, 'right');\n  const footerActionView = buildActionZone(previousStep, nextStep, 'footer');\n\n  return (\n    <div className={style.container} data-name=\"custom-playlist-summary\">\n      <div className={style.leftSection}>\n        {headerView}\n        <div className={style.form}>\n          {isLoading ? (\n            <div className={style.loader}>\n              <Loader theme=\"coorpmanager\" />\n            </div>\n          ) : (\n            formView\n          )}\n        </div>\n      </div>\n      <div className={style.rightSection} data-name=\"summary-right-section\">\n        <div className={style.stickySection}>\n          <div className={style.summaryZone} data-name=\"summary-zone\">\n            <WizardSummary {...summary} side={'right'} />\n          </div>\n          {rightActionView}\n        </div>\n      </div>\n      <div className={style.footer} data-name=\"summary-footer-section\">\n        <div className={style.summaryFooter}>\n          <WizardSummary {...summary} side={'footer'} />\n        </div>\n        <div className={style.actionFooter}>{footerActionView}</div>\n      </div>\n    </div>\n  );\n};\n\nWizardContents.propTypes = {\n  isLoading: PropTypes.bool,\n  wizardHeader: PropTypes.shape({\n    title: PropTypes.string,\n    onClick: PropTypes.func\n  }).isRequired,\n  steps: WizardSteps.propTypes.steps,\n  summary: PropTypes.shape({\n    ...WizardSummary.propTypes\n  }).isRequired,\n  content: PropTypes.oneOfType([\n    PropTypes.shape({\n      ...BrandForm.propTypes,\n      type: PropTypes.oneOf(['form'])\n    }),\n    PropTypes.shape({\n      ...ContentTranslate.propTypes,\n      type: PropTypes.oneOf(['translate'])\n    }),\n    PropTypes.shape({\n      ...OrganismSearchAndChipsResults.propTypes,\n      type: PropTypes.oneOf(['populations'])\n    }),\n    PropTypes.shape({\n      ...CourseSelection.propTypes,\n      type: PropTypes.oneOf(['courses'])\n    })\n  ]),\n  previousStep: PropTypes.shape({\n    label: PropTypes.string,\n    onClick: PropTypes.func\n  }),\n  nextStep: PropTypes.shape({\n    type: PropTypes.oneOf(['next', 'publish']),\n    label: PropTypes.string,\n    onClick: PropTypes.func\n  })\n};\n\nexport default WizardContents;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/organism/wizard-contents/index.js"],"names":["React","getOr","PropTypes","ButtonLink","ButtonLinkIconOnly","WizardSteps","WizardSummary","BrandForm","ContentTranslate","OrganismSearchAndChipsResults","CourseSelection","style","buildHeader","wizardHeader","steps","title","onClick","buttonCloseIcon","size","icon","header","headerTitle","buildForm","content","type","buildButton","step","side","ICONS","previous","position","next","publish","label","buttonProps","buildActionZone","previousStep","nextStep","previousButton","nextStepType","nextButton","actionZone","button","WizardContents","props","isLoading","summary","headerView","formView","rightActionView","footerActionView","container","leftSection","form","rightSection","stickySection","summaryZone","footer","summaryFooter","actionFooter","propTypes","bool","shape","string","func","isRequired","oneOfType","oneOf"],"mappings":"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","sourcesContent":["import React from 'react';\nimport getOr from 'lodash/fp/getOr';\nimport PropTypes from 'prop-types';\nimport ButtonLink from '../../atom/button-link';\nimport ButtonLinkIconOnly from '../../atom/button-link-icon-only';\nimport WizardSteps from '../../atom/wizard-steps';\nimport WizardSummary from '../../molecule/wizard-summary';\nimport BrandForm from '../brand-form';\nimport ContentTranslate from '../content-translation';\nimport OrganismSearchAndChipsResults from '../search-and-chips-results';\nimport CourseSelection from '../course-selection';\nimport style from './style.css';\n\nconst buildHeader = (wizardHeader, steps) => {\n  const {title, onClick} = wizardHeader;\n\n  const buttonCloseIcon = {\n    size: 'small',\n    'data-name': 'close-button',\n    'aria-label': 'close button',\n    icon: 'close',\n    onClick\n  };\n\n  return (\n    <div>\n      <div className={style.header}>\n        <ButtonLinkIconOnly {...buttonCloseIcon} />\n        <div className={style.headerTitle} data-name={'custom-playlist-title'}>\n          {title}\n        </div>\n      </div>\n      <WizardSteps steps={steps} />\n    </div>\n  );\n};\n\nconst buildForm = content => {\n  const {type} = content;\n  switch (type) {\n    case 'form':\n      return <BrandForm {...content} />;\n    case 'translate':\n      return <ContentTranslate {...content} />;\n    case 'populations':\n      return <OrganismSearchAndChipsResults {...content} />;\n    case 'courses':\n      return <CourseSelection {...content} />;\n  }\n};\n\nconst buildButton = (type, step, side) => {\n  const ICONS = {\n    previous: {\n      position: 'left',\n      type: 'chevron-left'\n    },\n    next: {\n      position: 'right',\n      type: 'chevron-right'\n    },\n    publish: {\n      position: 'left',\n      type: 'publish'\n    }\n  };\n\n  const {label, onClick} = step;\n  const buttonProps = {\n    type: type === 'previous' ? 'secondary' : 'primary',\n    'aria-label': `${type} step button`,\n    'data-name': `${type}-step-button-${side}`,\n    icon: ICONS[type],\n    label,\n    onClick\n  };\n\n  return <ButtonLink {...buttonProps} />;\n};\n\nconst buildActionZone = (previousStep, nextStep, side) => {\n  const previousButton = previousStep ? buildButton('previous', previousStep, side) : null;\n  const nextStepType = getOr('next', 'type', nextStep);\n  const nextButton = nextStep ? buildButton(nextStepType, nextStep, side) : null;\n  return (\n    <div className={style.actionZone}>\n      <div className={style.button}>{previousButton}</div>\n      <div className={style.button}>{nextButton}</div>\n    </div>\n  );\n};\n\nconst WizardContents = props => {\n  const {isLoading, wizardHeader, steps, summary, content, nextStep, previousStep} = props;\n  const headerView = buildHeader(wizardHeader, steps);\n  const formView = buildForm({...content, isLoading});\n  const rightActionView = buildActionZone(previousStep, nextStep, 'right');\n  const footerActionView = buildActionZone(previousStep, nextStep, 'footer');\n\n  return (\n    <div className={style.container} data-name=\"custom-playlist-summary\">\n      <div className={style.leftSection}>\n        {headerView}\n        <div className={style.form}>{formView}</div>\n      </div>\n      <div className={style.rightSection} data-name=\"summary-right-section\">\n        <div className={style.stickySection}>\n          <div className={style.summaryZone} data-name=\"summary-zone\">\n            <WizardSummary {...summary} side={'right'} />\n          </div>\n          {rightActionView}\n        </div>\n      </div>\n      <div className={style.footer} data-name=\"summary-footer-section\">\n        <div className={style.summaryFooter}>\n          <WizardSummary {...summary} side={'footer'} />\n        </div>\n        <div className={style.actionFooter}>{footerActionView}</div>\n      </div>\n    </div>\n  );\n};\n\nWizardContents.propTypes = {\n  isLoading: PropTypes.bool,\n  wizardHeader: PropTypes.shape({\n    title: PropTypes.string,\n    onClick: PropTypes.func\n  }).isRequired,\n  steps: WizardSteps.propTypes.steps,\n  summary: PropTypes.shape({\n    ...WizardSummary.propTypes\n  }).isRequired,\n  content: PropTypes.oneOfType([\n    PropTypes.shape({\n      ...BrandForm.propTypes,\n      type: PropTypes.oneOf(['form'])\n    }),\n    PropTypes.shape({\n      ...ContentTranslate.propTypes,\n      type: PropTypes.oneOf(['translate'])\n    }),\n    PropTypes.shape({\n      ...OrganismSearchAndChipsResults.propTypes,\n      type: PropTypes.oneOf(['populations'])\n    }),\n    PropTypes.shape({\n      ...CourseSelection.propTypes,\n      type: PropTypes.oneOf(['courses'])\n    })\n  ]),\n  previousStep: PropTypes.shape({\n    label: PropTypes.string,\n    onClick: PropTypes.func\n  }),\n  nextStep: PropTypes.shape({\n    type: PropTypes.oneOf(['next', 'publish']),\n    label: PropTypes.string,\n    onClick: PropTypes.func\n  })\n};\n\nexport default WizardContents;\n"],"file":"index.js"}

package/es/organism/wizard-contents/style.css

@@ -8,44 +8,38 @@
   align-items: stretch;
   justify-content: flex-start;
   flex-wrap: wrap;
-  height: 100%;
+  overflow: auto;
+  height: calc(100vh - 124px);
+  width: 100%;
 }
 
 .leftSection {
   display: block;
-  overflow: hidden;
+  overflow: auto;
   box-sizing: border-box;
   width: calc(100% - 320px);
+  height: 100%;
   position: relative;
 }
 
 .rightSection {
+  height: 100%;
+  padding-bottom: 58px;
   box-sizing: border-box;
-  position: relative;
+  position: sticky;
+  top: 0;
   display: flex;
   flex-direction: column;
   flex: 0 1 320px;
-  height: 100%;
 }
 
 .stickySection {
-  box-sizing: border-box;
-  position: relative;
-  z-index: 1;
-  width: 320px;
   height: 100%;
-  max-height: 646px;
   border-radius: 7px;
   display: flex;
   flex-direction: column;
 }
 
-.loader {
-  position: relative;
-  min-height: 50vh;
-  width: 100%;
-}
-
 .header {
   display: flex;
   flex-direction: row;

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

@@ -117,7 +117,9 @@ const buildTabs = items => {
 
 const buildContentView = content => {
   if (!content) {
-    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Loader, null));
+    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Loader, {
+      theme: "coorpmanager"
+    }));
   }
 
   const {
@@ -171,7 +173,7 @@ const BrandUpdate = props => {
   const contentView = buildContentView(content);
   const detailsView = buildDetailsView(details);
   const popinView = buildPopin(popin);
-  const contentStyle = classNames([style.content, !isEmpty(notifications) && style.contentWithNotifications]);
+  const contentStyle = classNames([style.content, !isEmpty(notifications) && style.contentWithNotifications, isEmpty(content) && style.loader]);
   return /*#__PURE__*/React.createElement("div", {
     className: style.container
   }, /*#__PURE__*/React.createElement("div", {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/template/back-office/brand-update/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","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","buildTabs","selectedTab","e","showTabs","subTabs","undefined","buildContentView","content","buildDetailsView","details","BrandUpdate","props","leftNavigation","notificationsView","headerView","tabsView","contentView","detailsView","popinView","contentStyle","contentWithNotifications","container","left","contentWrapper","headerSticky","defaultProps","propTypes","arrayOf","shape","string","isRequired","bool","oneOfType","oneOf","func"],"mappings":"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","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 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 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>\n        <Loader />\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  }\n};\n\nconst buildDetailsView = details => {\n  if (!details) return;\n  return <BrandTable {...details} />;\n};\n\nconst BrandUpdate = props => {\n  const {notifications, header, items, content, details, popin, onItemClick} = 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 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  ]);\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        </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  ]),\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};\n\nexport default BrandUpdate;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../../src/template/back-office/brand-update/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","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","buildTabs","selectedTab","e","showTabs","subTabs","undefined","buildContentView","content","buildDetailsView","details","BrandUpdate","props","leftNavigation","notificationsView","headerView","tabsView","contentView","detailsView","popinView","contentStyle","contentWithNotifications","loader","container","left","contentWrapper","headerSticky","defaultProps","propTypes","arrayOf","shape","string","isRequired","bool","oneOfType","oneOf","func"],"mappings":"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","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 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 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>\n        <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  }\n};\n\nconst buildDetailsView = details => {\n  if (!details) return;\n  return <BrandTable {...details} />;\n};\n\nconst BrandUpdate = props => {\n  const {notifications, header, items, content, details, popin, onItemClick} = 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 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    isEmpty(content) && style.loader\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        </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  ]),\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};\n\nexport default BrandUpdate;\n"],"file":"index.js"}

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

@@ -18,6 +18,10 @@
   display: flex;
 }
 
+.loader {
+  height: calc(100% - 143px);
+}
+
 .left {
   width: 223px;
 }

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

@@ -1,11 +1,15 @@
 import _defaultsDeep from "lodash/fp/defaultsDeep";
-import Users from './default';
+import Users from './manageusers-edit';
 const {
   props
 } = Users;
 export default {
   props: _defaultsDeep(props, {
-    content: null
+    content: null,
+    notifications: [{
+      type: 'warning',
+      message: 'Please wait'
+    }]
   })
 };
 //# sourceMappingURL=loader.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/template/back-office/brand-update/test/fixtures/loader.js"],"names":["Users","props","content"],"mappings":";AACA,OAAOA,KAAP,MAAkB,WAAlB;AAEA,MAAM;AAACC,EAAAA;AAAD,IAAUD,KAAhB;AAEA,eAAe;AACbC,EAAAA,KAAK,EAAE,cAAaA,KAAb,EAAoB;AACzBC,IAAAA,OAAO,EAAE;AADgB,GAApB;AADM,CAAf","sourcesContent":["import {defaultsDeep} from 'lodash/fp';\nimport Users from './default';\n\nconst {props} = Users;\n\nexport default {\n  props: defaultsDeep(props, {\n    content: null\n  })\n};\n"],"file":"loader.js"}
+{"version":3,"sources":["../../../../../../src/template/back-office/brand-update/test/fixtures/loader.js"],"names":["Users","props","content","notifications","type","message"],"mappings":";AACA,OAAOA,KAAP,MAAkB,oBAAlB;AAEA,MAAM;AAACC,EAAAA;AAAD,IAAUD,KAAhB;AAEA,eAAe;AACbC,EAAAA,KAAK,EAAE,cAAaA,KAAb,EAAoB;AACzBC,IAAAA,OAAO,EAAE,IADgB;AAEzBC,IAAAA,aAAa,EAAE,CACb;AACEC,MAAAA,IAAI,EAAE,SADR;AAEEC,MAAAA,OAAO,EAAE;AAFX,KADa;AAFU,GAApB;AADM,CAAf","sourcesContent":["import {defaultsDeep} from 'lodash/fp';\nimport Users from './manageusers-edit';\n\nconst {props} = Users;\n\nexport default {\n  props: defaultsDeep(props, {\n    content: null,\n    notifications: [\n      {\n        type: 'warning',\n        message: 'Please wait'\n      }\n    ]\n  })\n};\n"],"file":"loader.js"}